diff --git a/.buckconfig b/.buckconfig
index 19c2d6302ea98f..a4c6d696ba66b7 100644
--- a/.buckconfig
+++ b/.buckconfig
@@ -1,12 +1,13 @@
 
 [android]
-  target = Google Inc.:Google APIs:23
+  target = android-26
 
 [download]
   max_number_of_retries = 3
 
 [maven_repositories]
   central = https://repo1.maven.org/maven2
+  google = https://maven.google.com
 
 [alias]
   rntester = //RNTester/android/app:app
diff --git a/.circleci/config.yml b/.circleci/config.yml
index 100bc1276ffd33..336b4dbf200818 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -2,59 +2,77 @@ aliases:
   # Cache Management
   - &restore-yarn-cache
     keys:
-      - v1-yarn-{{ arch }}-{{ .Branch }}-{{ checksum "package.json" }}
-      # Fallback in case checksum fails
-      - v1-yarn-{{ arch }}-{{ .Branch }}-
-      # Fallback in case this is a first-time run on a fork
-      - v1-yarn-{{ arch }}-master-
+      - v1-yarn-cache-{{ arch }}-{{ checksum "package.json" }}
+      - v1-yarn-cache-{{ arch }}
   - &save-yarn-cache
     paths:
-      - node_modules
       - ~/.cache/yarn
-    key: v1-yarn-{{ arch }}-{{ .Branch }}-{{ checksum "package.json" }}
+    key: v1-yarn-cache-{{ arch }}-{{ checksum "package.json" }}
+
+  - &restore-node-modules
+    keys:
+      - v2-node-modules-{{ arch }}-{{ checksum "package.json" }}
+  - &save-node-modules
+    paths:
+      - node_modules
+    key: v2-node-modules-{{ arch }}-{{ checksum "package.json" }}
 
   - &restore-cache-analysis
     keys:
-      - v1-analysis-dependencies-{{ arch }}-{{ .Branch }}-{{ checksum "package.json" }}{{ checksum "bots/package.json" }}
-      # Fallback in case checksum fails
-      - v1-analysis-dependencies-{{ arch }}-{{ .Branch }}-
-      # Fallback in case this is a first-time run on a fork
-      - v1-analysis-dependencies-{{ arch }}-master-
+      - v1-analysis-dependencies-{{ arch }}-{{ checksum "package.json" }}{{ checksum "bots/package.json" }}
   - &save-cache-analysis
     paths:
       - bots/node_modules
       - node_modules
-    key: v1-analysis-dependencies-{{ arch }}-{{ .Branch }}-{{ checksum "package.json" }}{{ checksum "bots/package.json" }}
+    key: v1-analysis-dependencies-{{ arch }}-{{ checksum "package.json" }}{{ checksum "bots/package.json" }}
 
   - &restore-cache-android-packages
     keys:
-      - v1-android-sdkmanager-packages-{{ arch }}-{{ .Branch }}-api-26-alpha-{{ checksum "scripts/circle-ci-android-setup.sh" }}
-      # Fallback in case checksum fails
-      - v1-android-sdkmanager-packages-{{ arch }}-{{ .Branch }}-api-26-alpha-
-      # Fallback in case this is a first-time run on a fork
-      - v1-android-sdkmanager-packages-{{ arch }}-master-api-26-alpha-
+      - v1-android-sdkmanager-packages-api-26-alpha-{{ checksum "scripts/.tests.env" }}
   - &save-cache-android-packages
     paths:
       - /opt/android/sdk
-    key: v1-android-sdkmanager-packages-{{ arch }}-{{ .Branch }}-api-26-alpha-{{ checksum "scripts/circle-ci-android-setup.sh" }}
+    key: v1-android-sdkmanager-packages-api-26-alpha-{{ checksum "scripts/.tests.env" }}
 
-  - &restore-cache-ndk
+  - &restore-cache-gradle
     keys:
-      - v2-android-ndk-{{ arch }}-r10e-32-64-{{ checksum "scripts/circle-ci-android-setup.sh" }}
+      - v1-gradle-{{ arch }}-{{ .Branch }}-{{ checksum "build.gradle" }}-{{ checksum "ReactAndroid/build.gradle" }}
       # Fallback in case checksum fails
-      - v2-android-ndk-{{ arch }}-r10e-32-64-
+      - v1-gradle-{{ arch }}-{{ .Branch }}-{{ checksum "build.gradle" }}-
+      - v1-gradle-{{ arch }}-{{ .Branch }}-
+      # Fallback in case this is a first-time run on a fork
+      - v1-gradle-{{ arch }}-master-
+  - &save-cache-gradle
+    paths:
+      - ~/.gradle
+    key: v1-gradle-{{ arch }}-{{ .Branch }}-{{ checksum "build.gradle" }}-{{ checksum "ReactAndroid/build.gradle" }}
+
+  - &restore-cache-apt
+    keys:
+      - v1-apt-{{ .Branch }}-{{ checksum "scripts/circleci/apt-get-android-deps.sh" }}
+      # Fallback in case this is a first-time run on a fork
+      - v1-apt-master-{{ checksum "scripts/circleci/apt-get-android-deps.sh" }}
+  - &save-cache-apt
+    paths:
+      - ~/vendor/apt
+    key: v1-apt-{{ .Branch }}-{{ checksum "scripts/circleci/apt-get-android-deps.sh" }}
+
+  - &restore-cache-ndk
+    keys:
+      - v3-android-ndk-{{ arch }}-r10e-{{ checksum "scripts/android-setup.sh" }}
   - &save-cache-ndk
     paths:
       - /opt/ndk
-    key: v2-android-ndk-{{ arch }}-r10e-32-64-{{ checksum "scripts/circle-ci-android-setup.sh" }}
+    key: v3-android-ndk-{{ arch }}-r10e-{{ checksum "scripts/android-setup.sh" }}
 
   - &restore-cache-buck
     keys:
-      - v2-buck-{{ arch }}-v2018.02.16.01
+      - v3-buck-{{ arch }}-v2018.06.25.01
   - &save-cache-buck
     paths:
       - ~/buck
-    key: v2-buck-{{ arch }}-v2018.02.16.01
+      - ~/okbuck
+    key: v3-buck-{{ arch }}-v2018.06.25.01
 
   - &restore-cache-watchman
     keys:
@@ -64,6 +82,17 @@ aliases:
       - ~/watchman
     key: v1-watchman-{{ arch }}-v4.9.0
 
+  - &restore-cache-gradle-downloads
+    keys:
+      - v1-gradle-{{ arch }}-{{ checksum "ReactAndroid/build.gradle" }}-{{ checksum "scripts/circleci/gradle_download_deps.sh" }}
+      - v1-gradle-{{ arch }}-
+  - &save-cache-gradle-downloads
+    paths:
+      - ~/.gradle
+      - ReactAndroid/build/downloads
+      - ReactAndroid/build/third-party-ndk
+    key: v1-gradle-{{ arch }}-{{ checksum "ReactAndroid/build.gradle" }}-{{ checksum "scripts/circleci/gradle_download_deps.sh" }}
+
   # Branch Filtering
   - &filter-only-master-stable
     branches:
@@ -90,14 +119,20 @@ aliases:
   # Dependency Management
   - &install-ndk
     name: Install Android NDK
-    command: source scripts/circle-ci-android-setup.sh && getAndroidNDK
+    command: source scripts/android-setup.sh && getAndroidNDK
 
   - &yarn
-    |
-      yarn install --non-interactive --cache-folder ~/.cache/yarn
+    name: Run Yarn
+    command: |
+      # Skip yarn install on metro bump commits as the package is not yet
+      # available on npm
+      if [[ $(echo "$GIT_COMMIT_DESC" | grep -c "Bump metro@") -eq 0 ]]; then
+        yarn install --non-interactive --cache-folder ~/.cache/yarn
+      fi
 
   - &install-yarn
-    |
+    name: Install Yarn
+    command: |
       curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
       echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
       sudo apt-get update && sudo apt-get install yarn
@@ -107,15 +142,24 @@ aliases:
       npm install --no-package-lock --no-spin --no-progress
 
   - &install-buck
-    |
+    name: Install BUCK
+    command: |
       if [[ ! -e ~/buck ]]; then
-        git clone https://github.com/facebook/buck.git ~/buck --branch v2018.02.16.01 --depth=1
+        git clone https://github.com/facebook/buck.git ~/buck --branch v2018.06.25.01 --depth=1
       fi
       cd ~/buck && ant
       buck --version
+      # Install related tooling
+      if [[ ! -e ~/okbuck ]]; then
+        git clone https://github.com/uber/okbuck.git ~/okbuck --depth=1
+      fi
+      mkdir -p ~/react-native/tooling/junit
+      cp -R ~/okbuck/tooling/junit/* ~/react-native/tooling/junit/.
+
 
   - &install-node
-    |
+    name: Install Node
+    command: |
       curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
       sudo apt-get install -y nodejs
 
@@ -132,18 +176,16 @@ aliases:
   - &configure-android-path
     name: Configure Environment Variables
     command: |
-      echo 'export PATH=${ANDROID_NDK}:~/react-native/gradle-2.9/bin:~/buck/bin:$PATH' >> $BASH_ENV
+      echo 'export PATH=${ANDROID_NDK}:~/buck/bin:$PATH' >> $BASH_ENV
       source $BASH_ENV
 
   - &install-android-packages
     name: Install Android SDK Packages
-    command: source scripts/circle-ci-android-setup.sh && getAndroidSDK
+    command: source scripts/android-setup.sh && getAndroidPackages
 
   - &install-android-build-dependencies
     name: Install Android Build Dependencies
-    command: |
-      sudo apt-get update -y
-      sudo apt-get install ant autoconf automake g++ gcc libqt5widgets5 lib32z1 lib32stdc++6  make maven python-dev python3-dev qml-module-qtquick-controls qtdeclarative5-dev file -y
+    command: ./scripts/circleci/apt-get-android-deps.sh
 
   - &validate-android-sdk
     name: Validate Android SDK Install
@@ -157,16 +199,21 @@ aliases:
   - &run-js-tests
     name: JavaScript Test Suite
     command: yarn test-ci
-    
+
+  # eslint sometimes runs into trouble generating the reports
   - &run-lint-checks
     name: Lint code
-    command: yarn lint --format junit -o ~/react-native/reports/junit/js-lint-results.xml
-    when: always
+    command: |
+      if [ $((0 % CIRCLE_NODE_TOTAL)) -eq "$CIRCLE_NODE_INDEX" ]; then
+        scripts/circleci/exec_swallow_error.sh yarn lint --format junit -o ~/react-native/reports/junit/eslint/results.xml
+      fi
 
   - &run-flow-checks
     name: Check for errors in code using Flow
-    command: yarn flow check
-    when: always
+    command: |
+      if [ $((0 % CIRCLE_NODE_TOTAL)) -eq "$CIRCLE_NODE_INDEX" ]; then
+        yarn flow check
+      fi
 
   - &run-sanity-checks
     name: Sanity checks
@@ -174,7 +221,11 @@ aliases:
       ./scripts/circleci/check_license.sh
       ./scripts/circleci/check_cache.sh
     when: always
-    
+
+  - &gradle-download-deps
+    name: Download C++ Dependencies
+    command: ./scripts/circleci/gradle_download_deps.sh
+
   - &build-android-app
     name: Build Android App
     command: |
@@ -183,16 +234,16 @@ aliases:
 
   - &create-avd
     name: Create Android Virtual Device
-    command: source scripts/circle-ci-android-setup.sh && createAVD
- 
+    command: source scripts/android-setup.sh && createAVD
+
   - &launch-avd
     name: Launch Android Virtual Device in Background
-    command: source scripts/circle-ci-android-setup.sh && launchAVD
+    command: source scripts/android-setup.sh && launchAVD
     background: true
 
   - &wait-for-avd
     name: Wait for Android Virtual Device
-    command: source scripts/circle-ci-android-setup.sh && waitForAVD
+    command: source scripts/android-setup.sh && waitForAVD
 
   - &build-js-bundle
     name: Build JavaScript Bundle
@@ -205,57 +256,110 @@ aliases:
 
   - &run-android-unit-tests
     name: Run Unit Tests
-    command: buck test ReactAndroid/src/test/... --config build.threads=$BUILD_THREADS
+    command: buck test ReactAndroid/src/test/... --config build.threads=$BUILD_THREADS --xml ~/react-native/reports/buck/all-results-raw.xml
 
   - &run-android-instrumentation-tests
     name: Run Instrumentation Tests
     command: |
-      if [[ ! -e ReactAndroid/src/androidTest/assets/AndroidTestBundle.js ]]; then	
+      if [[ ! -e ReactAndroid/src/androidTest/assets/AndroidTestBundle.js ]]; then
         echo "JavaScript bundle missing, cannot run instrumentation tests. Verify build-js-bundle step completed successfully."; exit 1;
       fi
-      source scripts/circle-ci-android-setup.sh && NO_BUCKD=1 retry3 timeout 300 buck install ReactAndroid/src/androidTest/buck-runner:instrumentation-tests --config build.threads=$BUILD_THREADS
-  
+      source scripts/android-setup.sh && NO_BUCKD=1 retry3 timeout 300 buck install ReactAndroid/src/androidTest/buck-runner:instrumentation-tests --config build.threads=$BUILD_THREADS
+
   - &collect-android-test-results
     name: Collect Test Results
     command: |
-      find . -type f -regex ".*/build/test-results/debug/.*xml" -exec cp {} ~/react-native/reports/junit/ \;
-      find . -type f -regex ".*/outputs/androidTest-results/connected/.*xml" -exec cp {} ~/react-native/reports/junit/ \;
-      find . -type f -regex ".*/buck-out/gen/ReactAndroid/src/test/.*/.*xml" -exec cp {} ~/react-native/reports/junit/ \;
+      find . -type f -regex ".*/build/test-results/debug/.*xml" -exec cp {} ~/react-native/reports/build/ \;
+      find . -type f -regex ".*/outputs/androidTest-results/connected/.*xml" -exec cp {} ~/react-native/reports/outputs/ \;
+      find . -type f -regex ".*/buck-out/gen/ReactAndroid/src/test/.*/.*xml" -exec cp {} ~/react-native/reports/buck/ \;
+      ./tooling/junit/buck_to_junit.sh ~/react-native/reports/buck/all-results-raw.xml ~/react-native/reports/junit/all-results-junit.xml
     when: always
 
   - &setup-artifacts
     name: Initial Setup
-    command: | 
+    command: |
+      mkdir -p ~/react-native/reports/buck/
+      mkdir -p ~/react-native/reports/build/
       mkdir -p ~/react-native/reports/junit/
-  
+      mkdir -p ~/react-native/reports/outputs/
+
+  - &boot-simulator-iphone
+    name: Boot iPhone Simulator
+    command: |
+      if [ $((0 % CIRCLE_NODE_TOTAL)) -eq "$CIRCLE_NODE_INDEX" ]; then
+        xcrun simctl boot "iPhone 5s" || true
+      fi
+
+  - &boot-simulator-appletv
+    name: Boot Apple TV Simulator
+    command: |
+      if [ $((1 % CIRCLE_NODE_TOTAL)) -eq "$CIRCLE_NODE_INDEX" ]; then
+        xcrun simctl boot "Apple TV" || true
+      fi
+
   - &run-objc-ios-tests
     name: iOS Test Suite
-    command: ./scripts/objc-test-ios.sh test
+    command: |
+      if [ $((0 % CIRCLE_NODE_TOTAL)) -eq "$CIRCLE_NODE_INDEX" ]; then
+        ./scripts/objc-test-ios.sh test
+      fi
 
   - &run-objc-tvos-tests
     name: tvOS Test Suite
-    command: ./scripts/objc-test-tvos.sh test
+    command: |
+      if [ $((1 % CIRCLE_NODE_TOTAL)) -eq "$CIRCLE_NODE_INDEX" ]; then
+        ./scripts/objc-test-tvos.sh test
+      fi
+
+  - &run-podspec-tests
+    name: Test CocoaPods
+    command: |
+      if [ $((2 % CIRCLE_NODE_TOTAL)) -eq "$CIRCLE_NODE_INDEX" ]; then
+        ./scripts/process-podspecs.sh
+      fi
+
+  - &run-e2e-tests
+    name: End-to-End Test Suite
+    command: node ./scripts/run-ci-e2e-tests.js --android --ios --tvos --js --retries 3;
 
   - &run-objc-ios-e2e-tests
     name: iOS End-to-End Test Suite
-    command: node ./scripts/run-ci-e2e-tests.js --ios --js --retries 3;
+    command: |
+      if [ $((0 % CIRCLE_NODE_TOTAL)) -eq "$CIRCLE_NODE_INDEX" ]; then
+        node ./scripts/run-ci-e2e-tests.js --ios --retries 3;
+      fi
 
   - &run-objc-tvos-e2e-tests
     name: tvOS End-to-End Test Suite
-    command: node ./scripts/run-ci-e2e-tests.js --tvos --js --retries 3;
+    command: |
+      if [ $((1 % CIRCLE_NODE_TOTAL)) -eq "$CIRCLE_NODE_INDEX" ]; then
+        node ./scripts/run-ci-e2e-tests.js --tvos --js --retries 3;
+      fi
+
+  - &run-android-e2e-tests
+    name: Android End-to-End Test Suite
+    command: node ./scripts/run-ci-e2e-tests.js --android --retries 3;
+
+  - &run-js-e2e-tests
+    name: JavaScript End-to-End Test Suite
+    command: node ./scripts/run-ci-e2e-tests.js --js --retries 3;
 
 defaults: &defaults
   working_directory: ~/react-native
+  environment:
+    - GIT_COMMIT_DESC: git log --format=oneline -n 1 $CIRCLE_SHA1
 
 js_defaults: &js_defaults
   <<: *defaults
   docker:
     - image: circleci/node:8
+  environment:
+    - PATH: "/opt/yarn/yarn-v1.5.1/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin"
 
 android_defaults: &android_defaults
   <<: *defaults
   docker:
-    - image: circleci/android:api-26-alpha
+    - image: circleci/android:api-26-node8-alpha
   resource_class: "large"
   environment:
     - TERM: "dumb"
@@ -268,11 +372,10 @@ android_defaults: &android_defaults
 macos_defaults: &macos_defaults
   <<: *defaults
   macos:
-    xcode: "9.2.0"
+    xcode: "9.4.0"
 
 version: 2
 jobs:
-
   # Set up a Node environment for downstream jobs
   checkout_code:
     <<: *js_defaults
@@ -319,84 +422,67 @@ jobs:
       - store_test_results:
           path: ~/react-native/reports/junit
 
-  # Runs JavaScript tests on Node 6
-  test_javascript_node6_compatibility:
-    <<: *defaults
-    docker:
-      - image: circleci/node:6
-    steps:
-      - checkout
-      - run: *setup-artifacts
-
-      - restore-cache: *restore-yarn-cache
-      - run: *yarn
-      - save-cache: *save-yarn-cache
-
-      - run: *run-js-tests
-
-      - store_test_results:
-          path: ~/react-native/reports/junit
-
-  # Runs unit tests on iOS devices
-  test_ios:
+  # Runs unit tests on iOS and Apple TV devices
+  test_objc:
     <<: *macos_defaults
+    parallelism: 3
     steps:
       - attach_workspace:
           at: ~/react-native
 
-      - run: xcrun instruments -w "iPhone 5s (11.1)" || true
+      - run: *boot-simulator-iphone
+      - run: *boot-simulator-appletv
       - run: brew install watchman
+
       - run: *run-objc-ios-tests
+      - run: *run-objc-tvos-tests
+      - run: *run-podspec-tests
 
       - store_test_results:
           path: ~/react-native/reports/junit
 
-  # Runs unit tests on tvOS devices
-  test_tvos:
+  # Runs end to end tests
+  test_end_to_end:
     <<: *macos_defaults
+    parallelism: 2
     steps:
       - attach_workspace:
           at: ~/react-native
 
-      - run: xcrun instruments -w "Apple TV 1080p (11.1)" || true
-      - run: brew install watchman
-      - run: *run-objc-tvos-tests
+      - run: *boot-simulator-iphone
+      - run: *boot-simulator-appletv
 
-      - store_test_results:
-          path: ~/react-native/reports/junit
+      - run:
+          name: Configure Environment Variables
+          command: |
+            echo 'export PATH=/usr/local/opt/node@8/bin:$PATH' >> $BASH_ENV
+            source $BASH_ENV
 
-  # Runs end to end tests
-  test_ios_e2e:
-    <<: *macos_defaults
-    steps:
-      - attach_workspace:
-          at: ~/react-native
+      - run:
+          name: Install Node 8
+          command: |
+            brew install node@8
+            brew link node@8
+            node -v
 
-      - run: xcrun instruments -w "iPhone 5s (11.1)" || true
       - run: *run-objc-ios-e2e-tests
+      # Disabled for now
+      # - run: *run-objc-tvos-e2e-tests
 
       - store_test_results:
           path: ~/react-native/reports/junit
 
-  # Checks podspec
-  test_podspec:
-    <<: *macos_defaults
-    steps:
-      - attach_workspace:
-          at: ~/react-native
-
-      - run: ./scripts/process-podspecs.sh
-      
   # Publishes new version onto npm
   publish_npm_package:
     <<: *android_defaults
     steps:
       # Checkout code so that we can work with `git` in publish.js
       - checkout
-      
+
       # Configure Android SDK and related dependencies
       - run: *configure-android-path
       - run: *install-android-build-dependencies
+
       - restore-cache: *restore-cache-android-packages
       - run: *install-android-packages
       - save-cache: *save-cache-android-packages
@@ -417,14 +503,15 @@ jobs:
       - run: buck fetch ReactAndroid/src/main/java/com/facebook/react/shell
       - run: buck fetch ReactAndroid/src/test/...
       - run: buck fetch ReactAndroid/src/androidTest/...
-      - run: ./gradlew :ReactAndroid:downloadBoost :ReactAndroid:downloadDoubleConversion :ReactAndroid:downloadFolly :ReactAndroid:downloadGlog :ReactAndroid:downloadJSCHeaders
 
-      - run: *install-node
-      - run: *install-yarn
+      - restore-cache: *restore-cache-gradle-downloads
+      - run: *gradle-download-deps
+      - save-cache: *save-cache-gradle-downloads
+
       - restore-cache: *restore-yarn-cache
       - run: *yarn
       - save-cache: *save-yarn-cache
-      
+
       - run:
           name: Publish React Native Package
           command: |
@@ -435,7 +522,7 @@ jobs:
               echo "machine github.com login reactjs-bot password $GITHUB_TOKEN" > ~/.netrc
               node ./scripts/publish-npm.js
             else
-              echo "Skipping deploy."            
+              echo "Skipping deploy."
             fi
 
   # Set up an Android environment for downstream jobs
@@ -447,14 +534,17 @@ jobs:
 
       # Configure Android SDK and related dependencies
       - run: *configure-android-path
+      - restore-cache: *restore-cache-apt
       - run: *install-android-build-dependencies
+      - save-cache: *save-cache-apt
+
       - restore-cache: *restore-cache-android-packages
       - run: *install-android-packages
       - save-cache: *save-cache-android-packages
 
       - run: *validate-android-sdk
 
-      # Starting emulator in advance as it takes some time to boot.      
+      # Starting emulator in advance as it takes some time to boot.
       - run: *create-avd
       - run: *launch-avd
 
@@ -478,14 +568,16 @@ jobs:
       - run: buck fetch ReactAndroid/src/main/java/com/facebook/react/shell
       - run: buck fetch ReactAndroid/src/test/...
       - run: buck fetch ReactAndroid/src/androidTest/...
-      - run: ./gradlew :ReactAndroid:downloadBoost :ReactAndroid:downloadDoubleConversion :ReactAndroid:downloadFolly :ReactAndroid:downloadGlog :ReactAndroid:downloadJSCHeaders
+
+      - restore-cache: *restore-cache-gradle-downloads
+      - run: *gradle-download-deps
+      - save-cache: *save-cache-gradle-downloads
 
       # Build and compile
       - run: *build-android-app
       - run: *compile-native-libs
 
       # Build JavaScript Bundle for instrumentation tests
-      - run: *install-node
       - run: *build-js-bundle
 
       # Wait for AVD to finish booting before running tests
@@ -494,13 +586,22 @@ jobs:
       # Test Suite
       - run: *run-android-unit-tests
       - run: *run-android-instrumentation-tests
-      
-      # post (always runs)
+
+      # Build Android RNTester
+      - run:
+          name: Build Android RNTester
+          command: |
+            ./gradlew RNTester:android:app:assembleRelease -Pjobs=$BUILD_THREADS
+
+      # Run Android end-to-end tests
+      # Disabled
+      # - run: *run-android-e2e-tests
+
+      # Collect Results
       - run: *collect-android-test-results
       - store_test_results:
           path: ~/react-native/reports/junit
 
-
   # Analyze pull request and raise any lint/flow issues.
   # Issues will be posted to the PR itself via GitHub bots.
   # This workflow should only fail if the bots fail to run.
@@ -520,18 +621,18 @@ jobs:
               cd bots
               yarn install --non-interactive --cache-folder ~/.cache/yarn
             else
-              echo "Skipping dependency installation."            
+              echo "Skipping dependency installation."
             fi
       - save-cache: *save-cache-analysis
 
       - run:
           name: Analyze Pull Request
           command: |
-            # DANGER_GITHUB_API_TOKEN=Facebook-Open-Source-Bot public_repo access token
+            # DANGER_GITHUB_API_TOKEN=React-Linter public_repo access token
             if [ -n "$CIRCLE_PR_NUMBER" ]; then
-              cd bots && DANGER_GITHUB_API_TOKEN="b186c9a82bab3b08ec80""c0818117619eec6f281a" yarn danger
+              cd bots && DANGER_GITHUB_API_TOKEN="80aa64c50f38a267e9ba""575d41d528f9c234edb8" yarn danger
             else
-              echo "Skipping pull request analysis."            
+              echo "Skipping pull request analysis."
             fi
           when: always
       - run:
@@ -539,9 +640,9 @@ jobs:
           command: |
             # GITHUB_TOKEN=eslint-bot public_repo access token
             if [ -n "$CIRCLE_PR_NUMBER" ]; then
-              cat <(echo eslint; yarn --silent lint --format=json; echo flow; yarn --silent flow check --json) | GITHUB_TOKEN="af6ef0d15709bc91d""06a6217a5a826a226fb57b7" CI_USER=$CIRCLE_PROJECT_USERNAME CI_REPO=$CIRCLE_PROJECT_REPONAME PULL_REQUEST_NUMBER=$CIRCLE_PR_NUMBER node bots/code-analysis-bot.js
+              GITHUB_TOKEN="af6ef0d15709bc91d""06a6217a5a826a226fb57b7" CI_USER=$CIRCLE_PROJECT_USERNAME CI_REPO=$CIRCLE_PROJECT_REPONAME PULL_REQUEST_NUMBER=$CIRCLE_PR_NUMBER scripts/circleci/analyze_code.sh
             else
-              echo "Skipping code analysis."            
+              echo "Skipping code analysis."
             fi
           when: always
 
@@ -551,7 +652,6 @@ workflows:
 
   tests:
     jobs:
-
       # Checkout repo and run Yarn
       - checkout_code:
           filters: *filter-ignore-gh-pages
@@ -568,10 +668,6 @@ workflows:
           requires:
             - checkout_code
 
-      # Test JavaScript using Node 6, the minimum supported version
-      - test_javascript_node6_compatibility:
-          filters: *filter-ignore-gh-pages
-
       # Test Android
       - test_android:
           filters: *filter-ignore-gh-pages
@@ -579,60 +675,40 @@ workflows:
             - checkout_code
 
       # Test iOS & tvOS
-      - test_ios:
-          filters: *filter-ignore-gh-pages
-          requires:
-            - checkout_code
-      - test_tvos:
+      - test_objc:
           filters: *filter-ignore-gh-pages
           requires:
             - checkout_code
 
       # End-to-end tests
-      - test_ios_e2e:
+      - test_end_to_end:
           filters: *filter-ignore-gh-pages
           requires:
             - checkout_code
 
+      # Only runs on vX.X.X tags if all tests are green
+      - publish_npm_package:
+          filters:
+            branches:
+              ignore: /.*/
+            tags:
+              only: /v[0-9]+(\.[0-9]+)*(\-rc(\.[0-9]+)?)?/
+          requires:
+            - test_javascript
+            - test_objc
+            - test_android
+            - test_end_to_end
+            - analyze
+
   # Only runs on PRs
   analyze:
     jobs:
       # Checkout repo and run Yarn
       - checkout_code:
           filters: *filter-ignore-master-stable
-          
+
       # Run code checks
-      - analyze_pr:            
+      - analyze_pr:
           filters: *filter-ignore-master-stable
-          requires:            
-            - checkout_code
-
-  # Only runs on NN-stable branches
-  deploy:
-    jobs:          
-      # If we are on a stable branch, wait for approval to deploy to npm
-      - approve_publish_npm_package:
-          filters: *filter-only-stable
-          type: approval
-
-      - publish_npm_package:
           requires:
-            - approve_publish_npm_package
-
-  # These tests are flaky or are yet to be fixed. They are placed on their own 
-  # workflow to avoid marking benign PRs as broken.
-  # To run them, uncomment the entire block and open a PR (do not merge). 
-  # Once a test is fixed, move the test definition to the 'tests' workflow.
-  # disabled_tests:
-  #   jobs:
-  #     # Checkout repo and run Yarn (pre-req, should succeed)
-  #     - checkout_code:
-  #         filters: *filter-ignore-gh-pages
-
-  #     # The following were DISABLED because they have not run since 
-  #     # the migration from Travis, and they have broken since then,
-  #     # CocoaPods
-  #     - test_podspec:
-  #         filters: *filter-ignore-gh-pages
-  #         requires:
-  #           - checkout_code
+            - checkout_code
diff --git a/.eslintrc b/.eslintrc
index 9887d1c6d8dbe0..e05c065a0bb432 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -57,18 +57,7 @@
 
   "rules": {
   // General
-
-    // This must be disallowed in this repo because the minimum supported
-    // version of node is 4 which doesn't support trailing commas.
-    // Once the minimum supported version is 8 or greater this can be changed
-    "comma-dangle": [2, {            // disallow trailing commas in object literals
-        "arrays": "ignore",
-        "objects": "ignore",
-        "imports": "ignore",
-        "exports": "ignore",
-        "functions": "never"
-    }],
-
+    "comma-dangle": [1, "always-multiline"], // allow or disallow trailing commas
     "no-cond-assign": 1,             // disallow assignment in conditional expressions
     "no-console": 0,                 // disallow use of console (off by default in the node environment)
     "no-const-assign": 2,            // disallow assignment to const-declared variables
@@ -154,7 +143,7 @@
     "no-undef": 2,                   // disallow use of undeclared variables unless mentioned in a /*global */ block
     "no-undefined": 0,               // disallow use of undefined variable (off by default)
     "no-undef-init": 1,              // disallow use of undefined when initializing variables
-    "no-unused-vars": [1, {"vars": "all", "args": "none"}], // disallow declaration of variables that are not used in the code
+    "no-unused-vars": [1, {"vars": "all", "args": "none", ignoreRestSiblings: true}], // disallow declaration of variables that are not used in the code
     "no-use-before-define": 0,       // disallow use of variables before they are defined
 
   // Node.js
@@ -267,27 +256,11 @@
   },
 
   "overrides": [
-    {
-      "files": [
-        "Libraries/**/*.js",
-        "RNTester/**/*.js",
-        "jest/**/*.js",
-      ],
-      "rules": {
-        // These folders currently run through babel and don't need to be
-        // compatible with node 4
-        "comma-dangle": 0,
-      },
-    },
     {
       "files": [
         "local-cli/**/*.js",
       ],
       "rules": {
-        // This folder currently runs through babel and doesn't need to be
-        // compatible with node 4
-        "comma-dangle": 0,
-
         "lint/extra-arrow-initializer": 0,
         "no-alert": 0,
         "no-console-disallow": 0,
diff --git a/.flowconfig b/.flowconfig
index 361d475f24042d..7ba7b7ccf41d93 100644
--- a/.flowconfig
+++ b/.flowconfig
@@ -25,6 +25,11 @@
 ; Ignore metro
 .*/node_modules/metro/.*
 
+; These should not be required directly
+; require from fbjs/lib instead: require('fbjs/lib/invariant')
+.*/node_modules/invariant/.*
+.*/node_modules/warning/.*
+
 [include]
 
 [libs]
@@ -36,6 +41,23 @@ flow-github/
 emoji=true
 
 module.system=haste
+module.system.haste.use_name_reducers=true
+# keep the following in sync with server/haste/hasteImpl.js
+# get basename
+module.system.haste.name_reducers='^.*/\([a-zA-Z0-9$_.-]+\.js\(\.flow\)?\)$' -> '\1'
+# strip .js or .js.flow suffix
+module.system.haste.name_reducers='^\(.*\)\.js\(\.flow\)?$' -> '\1'
+# strip .ios suffix
+module.system.haste.name_reducers='^\(.*\)\.ios$' -> '\1'
+module.system.haste.name_reducers='^\(.*\)\.android$' -> '\1'
+module.system.haste.name_reducers='^\(.*\)\.native$' -> '\1'
+module.system.haste.paths.blacklist=.*/__tests__/.*
+module.system.haste.paths.blacklist=.*/__mocks__/.*
+module.system.haste.paths.blacklist=<PROJECT_ROOT>/Libraries/Animated/src/polyfills/.*
+module.system.haste.paths.whitelist=<PROJECT_ROOT>/Libraries/.*
+module.system.haste.paths.whitelist=<PROJECT_ROOT>/RNTester/.*
+module.system.haste.paths.whitelist=<PROJECT_ROOT>/IntegrationTests/.*
+module.system.haste.paths.blacklist=<PROJECT_ROOT>/Libraries/Animated/src/polyfills/.*
 
 munge_underscores=true
 
@@ -51,5 +73,28 @@ suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*
 suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
 suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
 
+[lints]
+all=warn
+
+# There is an ESLint rule for this
+unclear-type=off
+
+sketchy-null=off
+sketchy-null-number=warn
+sketchy-null-mixed=warn
+
+# This is noisy for now. We *do* still want to warn on importing types
+# from untyped files, which is covered by untyped-type-import
+untyped-import=off
+
+[strict]
+deprecated-type
+nonstrict-import
+sketchy-null
+unclear-type
+unsafe-getters-setters
+untyped-import
+untyped-type-import
+
 [version]
-^0.67.0
+^0.76.0
diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md
index bbe1d31e0b8f46..d31f3a36ccac03 100644
--- a/.github/ISSUE_TEMPLATE.md
+++ b/.github/ISSUE_TEMPLATE.md
@@ -1,29 +1,3 @@
-<!--
-  We use GitHub Issues exclusively for tracking bugs in React Native.
-  Please follow this template when preparing your bug report.
--->
+GitHub Issues in the `facebook/react-native` repository are used exclusively for tracking bugs in React Native.
 
-(Describe your issue in detail.)
-
-### Environment
-
-(Run `react-native info` in your terminal and paste its contents here.)
-
-### Expected Behavior
-
-(Write what you thought would happen.)
-
-### Actual Behavior
-
-(Write what happened. Include screenshots if needed.)
-
-### Steps to Reproduce
-
-(Link to Snack, or steps to reproduce.)
-
-<!--
-  Please share a project that reproduces the issue. 
-  Ideally, create a new app using https://snack.expo.io/ and try to reproduce the issue in it.
-
-  This is a good guide to creating bug demos: https://stackoverflow.com/help/mcve
--->
+Please take a look at the issue templates at https://github.com/facebook/react-native/issues/new/choose before submitting a new issue. Following one of the issue templates will ensure maintainers can route your request efficiently. Thanks!
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
new file mode 100644
index 00000000000000..85c66cde5f6281
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -0,0 +1,18 @@
+---
+name: 🐛 Bug Report
+about: Report a reproducible bug or regression in the core React Native library.
+---
+
+<!-- Requirements: please go through this checklist before opening a new issue -->
+  - [ ] Review the documentation: https://facebook.github.io/react-native
+  - [ ] Search for existing issues: https://github.com/facebook/react-native/issues
+  - [ ] Use the latest React Native release: https://github.com/facebook/react-native/releases
+
+## Environment
+Run `react-native info` in your terminal and paste its contents here.
+
+## Description
+Describe your issue in detail. Include screenshots if needed. If this is a regression, let us know.
+
+## Reproducible Demo
+Let us know how to reproduce the issue. Include a code sample, share a project, or     share an app that reproduces the issue using https://snack.expo.io/. Please follow the guidelines for providing a MCVE: https://stackoverflow.com/help/mcve
diff --git a/.github/ISSUE_TEMPLATE/discussion.md b/.github/ISSUE_TEMPLATE/discussion.md
new file mode 100644
index 00000000000000..a576b0de5c7539
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/discussion.md
@@ -0,0 +1,19 @@
+---
+name: 🗣 Start a Discussion
+about: Use https://discuss.reactjs.org/ to propose changes or discuss feature requests.
+---
+
+Please use https://discuss.reactjs.org/ to propose changes or discuss feature requests.
+
+If you feel strongly about starting a discussion as a GitHub Issue instead of using the discussion forum, you may follow this template.
+
+We kindly ask that issues of this type are kept to a minimum to ensure bug reports and regressions are given the priority they require.
+
+Maintainers may flag an issue for Stack Overflow or kindly ask you to move the discussion to https://discuss.reactjs.org at their own discretion.
+
+---
+
+# For Discussion
+
+<!-- Describe your issue in detail. -->
+
diff --git a/.github/ISSUE_TEMPLATE/documentation.md b/.github/ISSUE_TEMPLATE/documentation.md
new file mode 100644
index 00000000000000..1a4751ee5a9998
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/documentation.md
@@ -0,0 +1,11 @@
+---
+name: 📖 Documentation Issue
+about: Report issues with the docs at https://github.com/facebook/react-native-website/issues.
+
+---
+
+--------------^ Click "Preview" for a nicer view!
+
+GitHub Issues in the `facebook/react-native` repository are used exclusively for tracking bugs in React Native.
+
+If you would like to report an issue in the React Native documentation, or anything related to the [React Native website](http://facebook.github.io/react-native), please visit https://github.com/facebook/react-native-website/issues.
diff --git a/.github/ISSUE_TEMPLATE/question.md b/.github/ISSUE_TEMPLATE/question.md
new file mode 100644
index 00000000000000..cc203120f24559
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/question.md
@@ -0,0 +1,21 @@
+---
+name: 💬 Question
+about: If you need help with your React Native app, the right place to go depends on the type of help that you need.
+
+---
+
+--------------^ Click "Preview" for a nicer view!
+
+GitHub Issues in the `facebook/react-native` repository are used exclusively for tracking bugs in React Native. GitHub may not be the ideal place to ask questions about using React Native, but we have compiled a list of resources that should help.
+
+### Get help with your React Native app or ask code-level questions
+
+Many members of the community use Stack Overflow to ask questions. Read through the [existing questions](http://stackoverflow.com/questions/tagged/react-native?sort=frequent) tagged with **react-native** or [ask your own](http://stackoverflow.com/questions/ask?tags=react-native)!
+
+### Talk about best practices or propose changes to React Native
+
+For longer-form conversations about React Native, we’ve set up a [discussion forum at **discuss.reactjs.org**](https://discuss.reactjs.org/t/welcome-react-native-community-group/10239). This forum is a great place for discussion about best practices and application architecture as well as the future of React Native.
+
+### Chat with React and React Native community members
+
+If you need an answer right away, check out the [Reactiflux Discord](https://discord.gg/0ZcbPKXt5bZjGY5n) community. There are usually a number of React Native experts there who can help out or point you to somewhere you might want to look.
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index d8a1469f329099..2ae837de23e7e3 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -1,43 +1,30 @@
-<!--
 Thank you for sending the PR! We appreciate you spending the time to work on these changes. 
-
 Help us understand your motivation by explaining why you decided to make this change.
 
-You can learn more about contributing to React Native here: http://facebook.github.io/react-native/docs/contributing.html
-
-Happy contributing!
-
--->
-
-## Motivation
+If this PR fixes an issue, type "Fixes #issueNumber" to automatically close the issue when the PR is merged.
 
-(Write your motivation here.)
+Test Plan:
+----------
+Write your test plan here. If you changed any code, please provide us with clear instructions on how you verified your changes work. Bonus points for screenshots and videos!
 
-## Test Plan
+Release Notes:
+--------------
+Help reviewers and the release process by writing your own release notes. See below for an example.
 
-(Write your test plan here. If you changed any code, please provide us with clear instructions on how you verified your changes work. Bonus points for screenshots and videos!)
+[CATEGORY] [TYPE] [LOCATION] - Message
 
-## Related PRs
-
-(If this PR adds or changes functionality, please take some time to update the docs at https://github.com/facebook/react-native-website, and link to your PR here.)
-
-## Release Notes
 <!--
-Help reviewers and the release process by writing your own release notes
-
-**INTERNAL and MINOR tagged notes will not be included in the next version's final release notes.**
-
-  CATEGORY
-[----------]        TYPE
-[ CLI      ]   [-------------]      LOCATION
-[ DOCS     ]   [ BREAKING    ]   [-------------]
-[ GENERAL  ]   [ BUGFIX      ]   [-{Component}-]
-[ INTERNAL ]   [ ENHANCEMENT ]   [ {File}      ]
-[ IOS      ]   [ FEATURE     ]   [ {Directory} ]   |-----------|
-[ ANDROID  ]   [ MINOR       ]   [ {Framework} ] - | {Message} |
-[----------]   [-------------]   [-------------]   |-----------|
-
-[CATEGORY] [TYPE] [LOCATION] - MESSAGE
+  **INTERNAL and MINOR tagged notes will not be included in the next version's final release notes.**
+
+    CATEGORY
+  [----------]      TYPE
+  [ CLI      ] [-------------]    LOCATION
+  [ DOCS     ] [ BREAKING    ] [-------------]
+  [ GENERAL  ] [ BUGFIX      ] [ {Component} ]
+  [ INTERNAL ] [ ENHANCEMENT ] [ {Filename}  ]
+  [ IOS      ] [ FEATURE     ] [ {Directory} ]   |-----------|
+  [ ANDROID  ] [ MINOR       ] [ {Framework} ] - | {Message} |
+  [----------] [-------------] [-------------]   |-----------|
 
  EXAMPLES:
 
diff --git a/.github/no-response.yml b/.github/no-response.yml
deleted file mode 100644
index 24203633432e73..00000000000000
--- a/.github/no-response.yml
+++ /dev/null
@@ -1,9 +0,0 @@
-# Configuration for probot-no-response - https://github.com/probot/no-response
-
-# Number of days of inactivity before an Issue is closed for lack of response
-daysUntilClose: 14
-# Label requiring a response
-responseRequiredLabel: Needs more information
-# Comment to post when closing an Issue for lack of response. Set to `false` to disable
-closeComment: >
-  Closing this issue as more information is needed to debug this and we have not heard back from the author.
diff --git a/.github/stale.yml b/.github/stale.yml
index a738daf3783295..538514d6469695 100644
--- a/.github/stale.yml
+++ b/.github/stale.yml
@@ -1,12 +1,15 @@
+# Configuration for probot-stale - https://github.com/probot/stale
 # Number of days of inactivity before an issue becomes stale
-daysUntilStale: 180
+daysUntilStale: 90
 # Number of days of inactivity before a stale issue is closed
-daysUntilClose: 60
+daysUntilClose: 30
 # Issues with these labels will never be considered stale
 exemptLabels:
   - Good first issue
   - For Discussion
-  - Core Team 
+  - Core Team
+  - "Help Wanted :octocat:"
+  - ":warning:Regression"
 # Label to use when marking an issue as stale
 staleLabel: Stale 
 # Comment to post when marking an issue as stale. Set to `false` to disable
@@ -17,4 +20,4 @@ markComment: >
 # Comment to post when closing a stale issue. Set to `false` to disable
 closeComment: >
   Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.
-only: issues
\ No newline at end of file
+only: issues
diff --git a/.gitignore b/.gitignore
index 6b290712dbd6d4..7705dae8ffa43f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -66,3 +66,9 @@ package-lock.json
 
 /coverage
 /third-party
+
+# Root dir shouldn't have Xcode project
+/*.xcodeproj
+
+# ReactCommon subdir shouldn't have Xcode project
+/ReactCommon/**/*.xcodeproj
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index bc151d02603d62..25ba2d5c1e1d51 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -147,8 +147,6 @@ Copy and paste this to the top of your new file(s):
  */
 ```
 
-If you've added a new module, add a `@providesModule <moduleName>` at the end of the comment. This will allow the haste package manager to find it.
-
 #### Contributor License Agreement (CLA)
 
 In order to accept your pull request, we need you to submit a CLA. You only need to do this once, so if you've done this for another Facebook open source project, you're good to go. If you are submitting a pull request for the first time, the Facebook GitHub Bot will reply with a link to the CLA form. You may also [complete your CLA here](https://code.facebook.com/cla).
diff --git a/ContainerShip/Dockerfile.android b/ContainerShip/Dockerfile.android
index adb361ab58f79c..ab311060b2c328 100644
--- a/ContainerShip/Dockerfile.android
+++ b/ContainerShip/Dockerfile.android
@@ -1,4 +1,13 @@
-FROM hramos/android-base:latest
+# React Native Android Unit Tests
+#
+# This image builds upon the React Native Base Android Development Environment
+# image. Ideally, this image would be rebuilt with any new commit to the master
+# branch. Doing so will catch issues such as BUCK failing to fetch dependencies
+# or run tests, as well as unit test failures.
+FROM reactnativeci/android-base:latest
+
+LABEL Description="This image prepares and runs React Native's Android tests."
+LABEL maintainer="Héctor Ramos <hector@fb.com>"
 
 # set default environment variables
 ENV GRADLE_OPTS="-Dorg.gradle.daemon=false -Dorg.gradle.jvmargs=\"-Xmx512m -XX:+HeapDumpOnOutOfMemoryError\""
@@ -9,6 +18,7 @@ ADD .buckconfig /app/.buckconfig
 ADD .buckjavaargs /app/.buckjavaargs
 ADD ReactAndroid /app/ReactAndroid
 ADD ReactCommon /app/ReactCommon
+ADD ReactNative /app/ReactNative
 ADD keystores /app/keystores
 
 # set workdir
@@ -41,10 +51,12 @@ RUN ./gradlew :ReactAndroid:packageReactNdkLibsForBuck -Pjobs=1 -Pcom.android.bu
 ADD . /app
 WORKDIR /app
 
-# https://github.com/npm/npm/issues/13306
-RUN cd $(npm root -g)/npm && npm install fs-extra && sed -i -e s/graceful-fs/fs-extra/ -e s/fs.rename/fs.move/ ./lib/utils/rename.js
-
 # build node dependencies
-RUN npm install
+RUN curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | apt-key add -
+RUN echo "deb https://dl.yarnpkg.com/debian/ stable main" | tee /etc/apt/sources.list.d/yarn.list
+RUN apt-get install apt-transport-https
+RUN apt-get update
+RUN apt-get install yarn
+RUN yarn
 
 WORKDIR /app
diff --git a/ContainerShip/Dockerfile.android-base b/ContainerShip/Dockerfile.android-base
index 05caa480f3c827..78cb4dc22ca478 100644
--- a/ContainerShip/Dockerfile.android-base
+++ b/ContainerShip/Dockerfile.android-base
@@ -1,11 +1,29 @@
+# React Native Base Android Development Environment
+#
+# This image provides a base Android development environment for React Native,
+# including, but not limited to, the Android SDK, Android NDK, Node, and BUCK.
+# These are required in order to run React Native's Android unit and integration
+# tests.
+#
+# This image is not currently built automatically as part of React Native's CI
+# infrastructure. It should not be necessary to rebuild this image while the
+# Android dependencies (Android SDK version, build tools version, etc) remain
+# equal. The operations performed to build this image are those that tend to
+# remain stable across commits in any given React Native release.
+
 FROM library/ubuntu:16.04
 
+LABEL Description="This image provides a base Android development environment for React Native, and may be used to run tests."
+LABEL maintainer="Héctor Ramos <hector@fb.com>"
+
 # set default build arguments
-ARG ANDROID_TOOLS_VERSION=25.2.5
-ARG BUCK_VERSION=v2017.11.16.01
+ARG SDK_VERSION=sdk-tools-linux-3859397.zip
+ARG ANDROID_BUILD_VERSION=26
+ARG ANDROID_TOOLS_VERSION=26.0.3
+ARG BUCK_VERSION=v2018.06.25.01
 ARG NDK_VERSION=10e
-ARG NODE_VERSION=6.2.0
-ARG WATCHMAN_VERSION=4.7.0
+ARG NODE_VERSION=8.10.0
+ARG WATCHMAN_VERSION=4.9.0
 
 # set default environment variables
 ENV ADB_INSTALL_TIMEOUT=10
@@ -20,8 +38,8 @@ ENV PATH=${PATH}:${ANDROID_NDK}
 RUN apt-get update && apt-get install ant autoconf automake curl g++ gcc git libqt5widgets5 lib32z1 lib32stdc++6 make maven npm openjdk-8* python-dev python3-dev qml-module-qtquick-controls qtdeclarative5-dev unzip -y
 
 # configure npm
-RUN npm config set spin=false
-RUN npm config set progress=false
+RUN npm config set spin=false && \
+    npm config set progress=false
 
 # install node
 RUN npm install n -g
@@ -34,44 +52,27 @@ WORKDIR /opt/buck
 # build buck
 RUN ant
 
-# download watchman
-RUN git clone https://github.com/facebook/watchman.git /opt/watchman
-WORKDIR /opt/watchman
-RUN git checkout v$WATCHMAN_VERSION
-
-# build watchman
-RUN ./autogen.sh
-RUN ./configure
-RUN make
-RUN make install
-
 # Full reference at https://dl.google.com/android/repository/repository2-1.xml
 # download and unpack android
-RUN mkdir /opt/android
-WORKDIR /opt/android
-RUN curl --silent https://dl.google.com/android/repository/tools_r$ANDROID_TOOLS_VERSION-linux.zip > android.zip
-RUN unzip android.zip
-RUN rm android.zip
+RUN mkdir /opt/android && \
+ cd /opt/android && \
+ curl --silent https://dl.google.com/android/repository/${SDK_VERSION} > android.zip && \
+ unzip android.zip && \
+ rm android.zip
 
 # download and unpack NDK
-RUN mkdir /opt/ndk
-WORKDIR /opt/ndk
-RUN curl --silent https://dl.google.com/android/repository/android-ndk-r$NDK_VERSION-linux-x86_64.zip > ndk.zip
-RUN unzip ndk.zip
-
-# cleanup NDK
-RUN rm ndk.zip
+RUN mkdir /opt/ndk && \
+  cd /opt/ndk && \
+  curl --silent https://dl.google.com/android/repository/android-ndk-r$NDK_VERSION-linux-x86_64.zip > ndk.zip && \
+  unzip ndk.zip && \
+  rm ndk.zip
 
 # Add android SDK tools
-RUN echo "y" | sdkmanager "system-images;android-19;google_apis;armeabi-v7a"
-RUN echo "y" | sdkmanager "platforms;android-23"
-RUN echo "y" | sdkmanager "platforms;android-19"
-RUN echo "y" | sdkmanager "build-tools;23.0.1"
-RUN echo "y" | sdkmanager "add-ons;addon-google_apis-google-23"
-RUN echo "y" | sdkmanager "extras;android;m2repository"
-
-# Link adb executable
-RUN ln -s /opt/android/platform-tools/adb /usr/bin/adb
+RUN sdkmanager "system-images;android-19;google_apis;armeabi-v7a" \
+    "platforms;android-$ANDROID_BUILD_VERSION" \
+    "build-tools;$ANDROID_TOOLS_VERSION" \
+    "add-ons;addon-google_apis-google-23" \
+    "extras;android;m2repository"
 
 # clean up unnecessary directories
 RUN rm -rf /opt/android/system-images/android-19/default/x86
diff --git a/ContainerShip/scripts/run-android-ci-instrumentation-tests.js b/ContainerShip/scripts/run-android-ci-instrumentation-tests.js
index 706159c4902bc4..c16c7990ed317d 100644
--- a/ContainerShip/scripts/run-android-ci-instrumentation-tests.js
+++ b/ContainerShip/scripts/run-android-ci-instrumentation-tests.js
@@ -28,7 +28,7 @@ const path = require('path');
 const colors = {
     GREEN: '\x1b[32m',
     RED: '\x1b[31m',
-    RESET: '\x1b[0m'
+    RESET: '\x1b[0m',
 };
 
 const test_opts = {
@@ -41,7 +41,7 @@ const test_opts = {
     TEST_TIMEOUT: parseInt(argv['test-timeout'] || 1000 * 60 * 10),
 
     OFFSET: argv.offset,
-    COUNT: argv.count
+    COUNT: argv.count,
 };
 
 let max_test_class_length = Number.NEGATIVE_INFINITY;
@@ -88,7 +88,7 @@ return async.mapSeries(testClasses, (clazz, callback) => {
 
     return async.retry(test_opts.RETRIES, (retryCb) => {
         const test_process = child_process.spawn('./ContainerShip/scripts/run-instrumentation-tests-via-adb-shell.sh', [test_opts.PACKAGE, clazz], {
-            stdio: 'inherit'
+            stdio: 'inherit',
         });
 
         const timeout = setTimeout(() => {
@@ -112,7 +112,7 @@ return async.mapSeries(testClasses, (clazz, callback) => {
     }, (err) => {
         return callback(null, {
             name: clazz,
-            status: err ? 'failure' : 'success'
+            status: err ? 'failure' : 'success',
         });
     });
 }, (err, results) => {
diff --git a/ContainerShip/scripts/run-android-docker-instrumentation-tests.sh b/ContainerShip/scripts/run-android-docker-instrumentation-tests.sh
index c7806c7f055aae..ed7183dec9d5fc 100644
--- a/ContainerShip/scripts/run-android-docker-instrumentation-tests.sh
+++ b/ContainerShip/scripts/run-android-docker-instrumentation-tests.sh
@@ -28,7 +28,7 @@ watchman shutdown-server
 node local-cli/cli.js bundle --platform android --dev true --entry-file ReactAndroid/src/androidTest/js/TestBundle.js --bundle-output ReactAndroid/src/androidTest/assets/AndroidTestBundle.js
 
 # build test APK
-source ./scripts/circle-ci-android-setup.sh && NO_BUCKD=1 retry3 buck install ReactAndroid/src/androidTest/buck-runner:instrumentation-tests --config build.threads=1
+source ./scripts/android-setup.sh && NO_BUCKD=1 retry3 buck install ReactAndroid/src/androidTest/buck-runner:instrumentation-tests --config build.threads=1
 
 # run installed apk with tests
 node ./ContainerShip/scripts/run-android-ci-instrumentation-tests.js $*
diff --git a/DockerTests.md b/DockerTests.md
index 790d1952786954..f1714db87a0a05 100644
--- a/DockerTests.md
+++ b/DockerTests.md
@@ -35,7 +35,7 @@ There are two Dockerfiles for use with the Android codebase.
 
 The `Dockerfile.android-base` contains all the necessary prerequisites required to run the React Android tests. It is
 separated out into a separate Dockerfile because these are dependencies that rarely change and also because it is quite
-a beastly image since it contains all the Android depedencies for running android and the emulators (~9GB).
+a beastly image since it contains all the Android dependencies for running android and the emulators (~9GB).
 
 The good news is you should rarely have to build or pull down the base image! All iterative code updates happen as
 part of the `Dockerfile.android` image build.
diff --git a/IntegrationTests/AccessibilityManagerTest.js b/IntegrationTests/AccessibilityManagerTest.js
index 74dbe9ba19edab..41710be91e14c0 100644
--- a/IntegrationTests/AccessibilityManagerTest.js
+++ b/IntegrationTests/AccessibilityManagerTest.js
@@ -4,36 +4,33 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule AccessibilityManagerTest
  */
+
 'use strict';
 
 const React = require('react');
 const ReactNative = require('react-native');
-const { View } = ReactNative;
+const {View} = ReactNative;
 const RCTDeviceEventEmitter = require('RCTDeviceEventEmitter');
-const {
-  TestModule,
-  AccessibilityManager,
-} = ReactNative.NativeModules;
-
+const {TestModule, AccessibilityManager} = ReactNative.NativeModules;
 
 class AccessibilityManagerTest extends React.Component<{}> {
   componentDidMount() {
     AccessibilityManager.setAccessibilityContentSizeMultipliers({
-      'extraSmall': 1.0,
-      'small': 2.0,
-      'medium': 3.0,
-      'large': 4.0,
-      'extraLarge': 5.0,
-      'extraExtraLarge': 6.0,
-      'extraExtraExtraLarge': 7.0,
-      'accessibilityMedium': 8.0,
-      'accessibilityLarge': 9.0,
-      'accessibilityExtraLarge': 10.0,
-      'accessibilityExtraExtraLarge': 11.0,
-      'accessibilityExtraExtraExtraLarge': 12.0,
+      extraSmall: 1.0,
+      small: 2.0,
+      medium: 3.0,
+      large: 4.0,
+      extraLarge: 5.0,
+      extraExtraLarge: 6.0,
+      extraExtraExtraLarge: 7.0,
+      accessibilityMedium: 8.0,
+      accessibilityLarge: 9.0,
+      accessibilityExtraLarge: 10.0,
+      accessibilityExtraExtraLarge: 11.0,
+      accessibilityExtraExtraExtraLarge: 12.0,
     });
     RCTDeviceEventEmitter.addListener('didUpdateDimensions', update => {
       TestModule.markTestPassed(update.window.fontScale === 4.0);
diff --git a/IntegrationTests/AppEventsTest.js b/IntegrationTests/AppEventsTest.js
index ae061e167b86d8..90da0bd87c1ac2 100644
--- a/IntegrationTests/AppEventsTest.js
+++ b/IntegrationTests/AppEventsTest.js
@@ -4,26 +4,22 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AppEventsTest
+ * @format
  * @flow
  */
+
 'use strict';
 
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  NativeAppEventEmitter,
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
-var { TestModule } = ReactNative.NativeModules;
+const React = require('react');
+const ReactNative = require('react-native');
+const {NativeAppEventEmitter, StyleSheet, Text, View} = ReactNative;
+const {TestModule} = ReactNative.NativeModules;
 
-var deepDiffer = require('deepDiffer');
+const deepDiffer = require('deepDiffer');
 
-var TEST_PAYLOAD = {foo: 'bar'};
+const TEST_PAYLOAD = {foo: 'bar'};
 
-type AppEvent = { data: Object, ts: number, };
+type AppEvent = {data: Object, ts: number};
 type State = {
   sent: 'none' | AppEvent,
   received: 'none' | AppEvent,
@@ -35,7 +31,7 @@ class AppEventsTest extends React.Component<{}, State> {
 
   componentDidMount() {
     NativeAppEventEmitter.addListener('testEvent', this.receiveEvent);
-    var event = {data: TEST_PAYLOAD, ts: Date.now()};
+    const event = {data: TEST_PAYLOAD, ts: Date.now()};
     TestModule.sendAppEvent('testEvent', event);
     this.setState({sent: event});
   }
@@ -44,7 +40,7 @@ class AppEventsTest extends React.Component<{}, State> {
     if (deepDiffer(event.data, TEST_PAYLOAD)) {
       throw new Error('Received wrong event: ' + JSON.stringify(event));
     }
-    var elapsed = (Date.now() - event.ts) + 'ms';
+    const elapsed = Date.now() - event.ts + 'ms';
     this.setState({received: event, elapsed}, () => {
       TestModule.markTestCompleted();
     });
@@ -53,9 +49,7 @@ class AppEventsTest extends React.Component<{}, State> {
   render() {
     return (
       <View style={styles.container}>
-        <Text>
-          {JSON.stringify(this.state, null, '  ')}
-        </Text>
+        <Text>{JSON.stringify(this.state, null, '  ')}</Text>
       </View>
     );
   }
@@ -63,7 +57,7 @@ class AppEventsTest extends React.Component<{}, State> {
 
 AppEventsTest.displayName = 'AppEventsTest';
 
-var styles = StyleSheet.create({
+const styles = StyleSheet.create({
   container: {
     margin: 40,
   },
diff --git a/IntegrationTests/AsyncStorageTest.js b/IntegrationTests/AsyncStorageTest.js
index 3ce0265dd8ceb0..150aa2aed511cf 100644
--- a/IntegrationTests/AsyncStorageTest.js
+++ b/IntegrationTests/AsyncStorageTest.js
@@ -4,54 +4,54 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule AsyncStorageTest
  */
+
 'use strict';
 
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  AsyncStorage,
-  Text,
-  View,
-} = ReactNative;
-var { TestModule } = ReactNative.NativeModules;
-
-var deepDiffer = require('deepDiffer');
-
-var DEBUG = false;
-
-var KEY_1 = 'key_1';
-var VAL_1 = 'val_1';
-var KEY_2 = 'key_2';
-var VAL_2 = 'val_2';
-var KEY_MERGE = 'key_merge';
-var VAL_MERGE_1 = {'foo': 1, 'bar': {'hoo': 1, 'boo': 1}, 'moo': {'a': 3}};
-var VAL_MERGE_2 = {'bar': {'hoo': 2}, 'baz': 2, 'moo': {'a': 3}};
-var VAL_MERGE_EXPECT =
-  {'foo': 1, 'bar': {'hoo': 2, 'boo': 1}, 'baz': 2, 'moo': {'a': 3}};
+const React = require('react');
+const ReactNative = require('react-native');
+const {AsyncStorage, Text, View} = ReactNative;
+const {TestModule} = ReactNative.NativeModules;
+
+const deepDiffer = require('deepDiffer');
+
+const DEBUG = false;
+
+const KEY_1 = 'key_1';
+const VAL_1 = 'val_1';
+const KEY_2 = 'key_2';
+const VAL_2 = 'val_2';
+const KEY_MERGE = 'key_merge';
+const VAL_MERGE_1 = {foo: 1, bar: {hoo: 1, boo: 1}, moo: {a: 3}};
+const VAL_MERGE_2 = {bar: {hoo: 2}, baz: 2, moo: {a: 3}};
+const VAL_MERGE_EXPECT = {foo: 1, bar: {hoo: 2, boo: 1}, baz: 2, moo: {a: 3}};
 
 // setup in componentDidMount
-var done = (result : ?boolean) => {};
-var updateMessage = (message : string ) => {};
+let done = (result: ?boolean) => {};
+let updateMessage = (message: string) => {};
 
-function runTestCase(description : string, fn) {
+function runTestCase(description: string, fn) {
   updateMessage(description);
   fn();
 }
 
-function expectTrue(condition : boolean, message : string) {
+function expectTrue(condition: boolean, message: string) {
   if (!condition) {
     throw new Error(message);
   }
 }
 
-function expectEqual(lhs, rhs, testname : string) {
+function expectEqual(lhs, rhs, testname: string) {
   expectTrue(
     !deepDiffer(lhs, rhs),
-    'Error in test ' + testname + ': expected\n' + JSON.stringify(rhs) +
-      '\ngot\n' + JSON.stringify(lhs)
+    'Error in test ' +
+      testname +
+      ': expected\n' +
+      JSON.stringify(rhs) +
+      '\ngot\n' +
+      JSON.stringify(lhs),
   );
 }
 
@@ -59,11 +59,14 @@ function expectAsyncNoError(place, err) {
   if (err instanceof Error) {
     err = err.message;
   }
-  expectTrue(err === null, 'Unexpected error in ' + place + ': ' + JSON.stringify(err));
+  expectTrue(
+    err === null,
+    'Unexpected error in ' + place + ': ' + JSON.stringify(err),
+  );
 }
 
 function testSetAndGet() {
-  AsyncStorage.setItem(KEY_1, VAL_1, (err1) => {
+  AsyncStorage.setItem(KEY_1, VAL_1, err1 => {
     expectAsyncNoError('testSetAndGet/setItem', err1);
     AsyncStorage.getItem(KEY_1, (err2, result) => {
       expectAsyncNoError('testSetAndGet/getItem', err2);
@@ -84,8 +87,8 @@ function testMissingGet() {
 }
 
 function testSetTwice() {
-  AsyncStorage.setItem(KEY_1, VAL_1, ()=>{
-    AsyncStorage.setItem(KEY_1, VAL_1, ()=>{
+  AsyncStorage.setItem(KEY_1, VAL_1, () => {
+    AsyncStorage.setItem(KEY_1, VAL_1, () => {
       AsyncStorage.getItem(KEY_1, (err, result) => {
         expectAsyncNoError('testSetTwice/setItem', err);
         expectEqual(result, VAL_1, 'testSetTwice');
@@ -97,16 +100,16 @@ function testSetTwice() {
 }
 
 function testRemoveItem() {
-  AsyncStorage.setItem(KEY_1, VAL_1, ()=>{
-    AsyncStorage.setItem(KEY_2, VAL_2, ()=>{
+  AsyncStorage.setItem(KEY_1, VAL_1, () => {
+    AsyncStorage.setItem(KEY_2, VAL_2, () => {
       AsyncStorage.getAllKeys((err, result) => {
         expectAsyncNoError('testRemoveItem/getAllKeys', err);
         expectTrue(
           result.indexOf(KEY_1) >= 0 && result.indexOf(KEY_2) >= 0,
-          'Missing KEY_1 or KEY_2 in ' + '(' + result + ')'
+          'Missing KEY_1 or KEY_2 in ' + '(' + result + ')',
         );
         updateMessage('testRemoveItem - add two items');
-        AsyncStorage.removeItem(KEY_1, (err2) => {
+        AsyncStorage.removeItem(KEY_1, err2 => {
           expectAsyncNoError('testRemoveItem/removeItem', err2);
           updateMessage('delete successful ');
           AsyncStorage.getItem(KEY_1, (err3, result2) => {
@@ -114,17 +117,17 @@ function testRemoveItem() {
             expectEqual(
               result2,
               null,
-              'testRemoveItem: key_1 present after delete'
+              'testRemoveItem: key_1 present after delete',
             );
             updateMessage('key properly removed ');
             AsyncStorage.getAllKeys((err4, result3) => {
-             expectAsyncNoError('testRemoveItem/getAllKeys', err4);
-             expectTrue(
-               result3.indexOf(KEY_1) === -1,
-               'Unexpected: KEY_1 present in ' + result3
-             );
-             updateMessage('proper length returned.');
-             runTestCase('should merge values', testMerge);
+              expectAsyncNoError('testRemoveItem/getAllKeys', err4);
+              expectTrue(
+                result3.indexOf(KEY_1) === -1,
+                'Unexpected: KEY_1 present in ' + result3,
+              );
+              updateMessage('proper length returned.');
+              runTestCase('should merge values', testMerge);
             });
           });
         });
@@ -134,9 +137,9 @@ function testRemoveItem() {
 }
 
 function testMerge() {
-  AsyncStorage.setItem(KEY_MERGE, JSON.stringify(VAL_MERGE_1), (err1) => {
+  AsyncStorage.setItem(KEY_MERGE, JSON.stringify(VAL_MERGE_1), err1 => {
     expectAsyncNoError('testMerge/setItem', err1);
-    AsyncStorage.mergeItem(KEY_MERGE, JSON.stringify(VAL_MERGE_2), (err2) => {
+    AsyncStorage.mergeItem(KEY_MERGE, JSON.stringify(VAL_MERGE_2), err2 => {
       expectAsyncNoError('testMerge/mergeItem', err2);
       AsyncStorage.getItem(KEY_MERGE, (err3, result) => {
         expectAsyncNoError('testMerge/setItem', err3);
@@ -151,21 +154,23 @@ function testMerge() {
 function testOptimizedMultiGet() {
   let batch = [[KEY_1, VAL_1], [KEY_2, VAL_2]];
   let keys = batch.map(([key, value]) => key);
-  AsyncStorage.multiSet(batch, (err1) => {
+  AsyncStorage.multiSet(batch, err1 => {
     // yes, twice on purpose
-    [1, 2].forEach((i) => {
+    [1, 2].forEach(i => {
       expectAsyncNoError(`${i} testOptimizedMultiGet/multiSet`, err1);
       AsyncStorage.multiGet(keys, (err2, result) => {
         expectAsyncNoError(`${i} testOptimizedMultiGet/multiGet`, err2);
         expectEqual(result, batch, `${i} testOptimizedMultiGet multiGet`);
-        updateMessage('multiGet([key_1, key_2]) correctly returned ' + JSON.stringify(result));
+        updateMessage(
+          'multiGet([key_1, key_2]) correctly returned ' +
+            JSON.stringify(result),
+        );
         done();
       });
     });
   });
 }
 
-
 class AsyncStorageTest extends React.Component<{}, $FlowFixMeState> {
   state = {
     messages: 'Initializing...',
@@ -173,10 +178,11 @@ class AsyncStorageTest extends React.Component<{}, $FlowFixMeState> {
   };
 
   componentDidMount() {
-    done = () => this.setState({done: true}, () => {
-      TestModule.markTestCompleted();
-    });
-    updateMessage = (msg) => {
+    done = () =>
+      this.setState({done: true}, () => {
+        TestModule.markTestCompleted();
+      });
+    updateMessage = msg => {
       this.setState({messages: this.state.messages.concat('\n' + msg)});
       DEBUG && console.log(msg);
     };
@@ -187,11 +193,10 @@ class AsyncStorageTest extends React.Component<{}, $FlowFixMeState> {
     return (
       <View style={{backgroundColor: 'white', padding: 40}}>
         <Text>
-          {
-            /* $FlowFixMe(>=0.54.0 site=react_native_fb,react_native_oss) This
+          {/* $FlowFixMe(>=0.54.0 site=react_native_fb,react_native_oss) This
              * comment suppresses an error found when Flow v0.54 was deployed.
              * To see the error delete this comment and run Flow. */
-            this.constructor.displayName + ': '}
+          this.constructor.displayName + ': '}
           {this.state.done ? 'Done' : 'Testing...'}
           {'\n\n' + this.state.messages}
         </Text>
diff --git a/IntegrationTests/ImageCachePolicyTest.js b/IntegrationTests/ImageCachePolicyTest.js
index d6fa4f544a1bf9..1dc5d5fb61a9b5 100644
--- a/IntegrationTests/ImageCachePolicyTest.js
+++ b/IntegrationTests/ImageCachePolicyTest.js
@@ -4,20 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ImageCachePolicyTest
  */
+
 'use strict';
 
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  Image,
-  View,
-  Text,
-  StyleSheet,
-} = ReactNative;
-var { TestModule } = ReactNative.NativeModules;
+const React = require('react');
+const ReactNative = require('react-native');
+const {Image, View, Text, StyleSheet} = ReactNative;
+const {TestModule} = ReactNative.NativeModules;
 
 /*
  * The reload and force-cache tests don't actually verify that the complete functionality.
@@ -31,22 +27,25 @@ var { TestModule } = ReactNative.NativeModules;
 
 const TESTS = ['only-if-cached', 'default', 'reload', 'force-cache'];
 
-type Props = {}
+type Props = {};
 type State = {
   'only-if-cached'?: boolean,
-  'default'?: boolean,
-  'reload'?: boolean,
+  default?: boolean,
+  reload?: boolean,
   'force-cache'?: boolean,
-}
+};
 
 class ImageCachePolicyTest extends React.Component<Props, $FlowFixMeState> {
-  state = {}
+  state = {};
 
   shouldComponentUpdate(nextProps: Props, nextState: State) {
     const results: Array<?boolean> = TESTS.map(x => nextState[x]);
 
     if (!results.includes(undefined)) {
-      const result: boolean = results.reduce((x,y) => x === y === true, true);
+      const result: boolean = results.reduce(
+        (x, y) => (x === y) === true,
+        true,
+      );
       TestModule.markTestPassed(result);
     }
 
@@ -61,38 +60,46 @@ class ImageCachePolicyTest extends React.Component<Props, $FlowFixMeState> {
     return (
       <View style={{flex: 1}}>
         <Text>Hello</Text>
-      <Image
-        source={{
-              uri: 'https://facebook.github.io/react-native/img/favicon.png?cacheBust=notinCache' + Date.now(),
-              cache: 'only-if-cached'
-            }}
-        onLoad={() => this.testComplete('only-if-cached', false)}
-        onError={() => this.testComplete('only-if-cached', true)}
-        style={styles.base}
-      />
         <Image
           source={{
-              uri: 'https://facebook.github.io/react-native/img/favicon.png?cacheBust=notinCache' + Date.now(),
-              cache: 'default'
-            }}
+            uri:
+              'https://facebook.github.io/react-native/img/favicon.png?cacheBust=notinCache' +
+              Date.now(),
+            cache: 'only-if-cached',
+          }}
+          onLoad={() => this.testComplete('only-if-cached', false)}
+          onError={() => this.testComplete('only-if-cached', true)}
+          style={styles.base}
+        />
+        <Image
+          source={{
+            uri:
+              'https://facebook.github.io/react-native/img/favicon.png?cacheBust=notinCache' +
+              Date.now(),
+            cache: 'default',
+          }}
           onLoad={() => this.testComplete('default', true)}
           onError={() => this.testComplete('default', false)}
           style={styles.base}
         />
         <Image
           source={{
-              uri: 'https://facebook.github.io/react-native/img/favicon.png?cacheBust=notinCache' + Date.now(),
-              cache: 'reload'
-            }}
+            uri:
+              'https://facebook.github.io/react-native/img/favicon.png?cacheBust=notinCache' +
+              Date.now(),
+            cache: 'reload',
+          }}
           onLoad={() => this.testComplete('reload', true)}
           onError={() => this.testComplete('reload', false)}
           style={styles.base}
         />
         <Image
           source={{
-              uri: 'https://facebook.github.io/react-native/img/favicon.png?cacheBust=notinCache' + Date.now(),
-              cache: 'force-cache'
-            }}
+            uri:
+              'https://facebook.github.io/react-native/img/favicon.png?cacheBust=notinCache' +
+              Date.now(),
+            cache: 'force-cache',
+          }}
           onLoad={() => this.testComplete('force-cache', true)}
           onError={() => this.testComplete('force-cache', false)}
           style={styles.base}
diff --git a/IntegrationTests/ImageSnapshotTest.js b/IntegrationTests/ImageSnapshotTest.js
index 8ba7734286d673..c20406c641ecb5 100644
--- a/IntegrationTests/ImageSnapshotTest.js
+++ b/IntegrationTests/ImageSnapshotTest.js
@@ -4,18 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ImageSnapshotTest
  */
+
 'use strict';
 
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  Image,
-  View,
-} = ReactNative;
-var { TestModule } = ReactNative.NativeModules;
+const React = require('react');
+const ReactNative = require('react-native');
+const {Image, View} = ReactNative;
+const {TestModule} = ReactNative.NativeModules;
 
 class ImageSnapshotTest extends React.Component<{}> {
   componentDidMount() {
@@ -24,7 +22,7 @@ class ImageSnapshotTest extends React.Component<{}> {
     }
   }
 
-  done = (success : boolean) => {
+  done = (success: boolean) => {
     TestModule.markTestPassed(success);
   };
 
@@ -33,7 +31,8 @@ class ImageSnapshotTest extends React.Component<{}> {
       <Image
         source={require('./blue_square.png')}
         defaultSource={require('./red_square.png')}
-        onLoad={() => TestModule.verifySnapshot(this.done)} />
+        onLoad={() => TestModule.verifySnapshot(this.done)}
+      />
     );
   }
 }
diff --git a/IntegrationTests/IntegrationTestHarnessTest.js b/IntegrationTests/IntegrationTestHarnessTest.js
index 6291c915d68643..045d2e7e1eae1e 100644
--- a/IntegrationTests/IntegrationTestHarnessTest.js
+++ b/IntegrationTests/IntegrationTestHarnessTest.js
@@ -4,28 +4,29 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule IntegrationTestHarnessTest
  */
+
 'use strict';
 
 /* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
  * found when Flow v0.54 was deployed. To see the error delete this comment and
  * run Flow. */
-var requestAnimationFrame = require('fbjs/lib/requestAnimationFrame');
-var React = require('react');
-var PropTypes = require('prop-types');
-var ReactNative = require('react-native');
-var {
-  Text,
-  View,
-} = ReactNative;
-var { TestModule } = ReactNative.NativeModules;
+const requestAnimationFrame = require('fbjs/lib/requestAnimationFrame');
+const React = require('react');
+const PropTypes = require('prop-types');
+const ReactNative = require('react-native');
+const {Text, View} = ReactNative;
+const {TestModule} = ReactNative.NativeModules;
 
-class IntegrationTestHarnessTest extends React.Component<{
-  shouldThrow?: boolean,
-  waitOneFrame?: boolean,
-}, $FlowFixMeState> {
+class IntegrationTestHarnessTest extends React.Component<
+  {
+    shouldThrow?: boolean,
+    waitOneFrame?: boolean,
+  },
+  $FlowFixMeState,
+> {
   static propTypes = {
     shouldThrow: PropTypes.bool,
     waitOneFrame: PropTypes.bool,
@@ -61,11 +62,10 @@ class IntegrationTestHarnessTest extends React.Component<{
     return (
       <View style={{backgroundColor: 'white', padding: 40}}>
         <Text>
-          {
-            /* $FlowFixMe(>=0.54.0 site=react_native_fb,react_native_oss) This
+          {/* $FlowFixMe(>=0.54.0 site=react_native_fb,react_native_oss) This
              * comment suppresses an error found when Flow v0.54 was deployed.
              * To see the error delete this comment and run Flow. */
-            this.constructor.displayName + ': '}
+          this.constructor.displayName + ': '}
           {this.state.done ? 'Done' : 'Testing...'}
         </Text>
       </View>
diff --git a/IntegrationTests/IntegrationTestsApp.js b/IntegrationTests/IntegrationTestsApp.js
index 6b255c2befe54a..421b4f6abe2b19 100644
--- a/IntegrationTests/IntegrationTestsApp.js
+++ b/IntegrationTests/IntegrationTestsApp.js
@@ -4,14 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule IntegrationTestsApp
  */
+
 'use strict';
 
-var React = require('react');
-var ReactNative = require('react-native');
-var {
+const React = require('react');
+const ReactNative = require('react-native');
+const {
   AppRegistry,
   ScrollView,
   StyleSheet,
@@ -21,7 +22,7 @@ var {
 } = ReactNative;
 
 // Keep this list in sync with RNTesterIntegrationTests.m
-var TESTS = [
+const TESTS = [
   require('./IntegrationTestHarnessTest'),
   require('./TimersTest'),
   require('./AsyncStorageTest'),
@@ -41,7 +42,7 @@ TESTS.forEach(
   /* $FlowFixMe(>=0.54.0 site=react_native_fb,react_native_oss) This comment
    * suppresses an error found when Flow v0.54 was deployed. To see the error
    * delete this comment and run Flow. */
-  (test) => AppRegistry.registerComponent(test.displayName, () => test)
+  test => AppRegistry.registerComponent(test.displayName, () => test),
 );
 
 // Modules required for integration tests
@@ -69,20 +70,18 @@ class IntegrationTestsApp extends React.Component<{}, $FlowFixMeState> {
       <View style={styles.container}>
         <Text style={styles.row}>
           Click on a test to run it in this shell for easier debugging and
-          development.  Run all tests in the testing environment with cmd+U in
+          development. Run all tests in the testing environment with cmd+U in
           Xcode.
         </Text>
         <View style={styles.separator} />
         <ScrollView>
-          {TESTS.map((test) => [
+          {TESTS.map(test => [
             <TouchableOpacity
               onPress={() => this.setState({test})}
               style={styles.row}>
-              <Text style={styles.testName}>
-                {test.displayName}
-              </Text>
+              <Text style={styles.testName}>{test.displayName}</Text>
             </TouchableOpacity>,
-            <View style={styles.separator} />
+            <View style={styles.separator} />,
           ])}
         </ScrollView>
       </View>
@@ -90,7 +89,7 @@ class IntegrationTestsApp extends React.Component<{}, $FlowFixMeState> {
   }
 }
 
-var styles = StyleSheet.create({
+const styles = StyleSheet.create({
   container: {
     backgroundColor: 'white',
     marginTop: 40,
diff --git a/IntegrationTests/LayoutEventsTest.js b/IntegrationTests/LayoutEventsTest.js
index 769ff98f6be8b5..5d2676bc1550b3 100644
--- a/IntegrationTests/LayoutEventsTest.js
+++ b/IntegrationTests/LayoutEventsTest.js
@@ -4,24 +4,19 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule LayoutEventsTest
+ * @format
  * @flow
  */
+
 'use strict';
 
-var React = require('react');
-var createReactClass = require('create-react-class');
-var ReactNative = require('react-native');
-var {
-  Image,
-  LayoutAnimation,
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
-var { TestModule } = ReactNative.NativeModules;
+const React = require('react');
+const createReactClass = require('create-react-class');
+const ReactNative = require('react-native');
+const {Image, LayoutAnimation, StyleSheet, Text, View} = ReactNative;
+const {TestModule} = ReactNative.NativeModules;
 
-var deepDiffer = require('deepDiffer');
+const deepDiffer = require('deepDiffer');
 
 function debug(...args) {
   // console.log.apply(null, arguments);
@@ -47,7 +42,7 @@ type State = {
   containerStyle?: Style,
 };
 
-var LayoutEventsTest = createReactClass({
+const LayoutEventsTest = createReactClass({
   displayName: 'LayoutEventsTest',
   getInitialState(): State {
     return {
@@ -56,27 +51,23 @@ var LayoutEventsTest = createReactClass({
   },
   animateViewLayout: function() {
     debug('animateViewLayout invoked');
-    LayoutAnimation.configureNext(
-      LayoutAnimation.Presets.spring,
-      () => {
-        debug('animateViewLayout done');
-        this.checkLayout(this.addWrapText);
-      }
-    );
+    LayoutAnimation.configureNext(LayoutAnimation.Presets.spring, () => {
+      debug('animateViewLayout done');
+      this.checkLayout(this.addWrapText);
+    });
     this.setState({viewStyle: {margin: 60}});
   },
   addWrapText: function() {
     debug('addWrapText invoked');
     this.setState(
       {extraText: '  And a bunch more text to wrap around a few lines.'},
-      () => this.checkLayout(this.changeContainer)
+      () => this.checkLayout(this.changeContainer),
     );
   },
   changeContainer: function() {
     debug('changeContainer invoked');
-    this.setState(
-      {containerStyle: {width: 280}},
-      () => this.checkLayout(TestModule.markTestCompleted)
+    this.setState({containerStyle: {width: 280}}, () =>
+      this.checkLayout(TestModule.markTestCompleted),
     );
   },
   checkLayout: function(next?: ?Function) {
@@ -102,10 +93,11 @@ var LayoutEventsTest = createReactClass({
   },
   compare: function(node: string, measured: any, onLayout: any): void {
     if (deepDiffer(measured, onLayout)) {
-      var data = {measured, onLayout};
+      const data = {measured, onLayout};
       throw new Error(
-        node + ' onLayout mismatch with measure ' +
-          JSON.stringify(data, null, '  ')
+        node +
+          ' onLayout mismatch with measure ' +
+          JSON.stringify(data, null, '  '),
       );
     }
   },
@@ -122,9 +114,9 @@ var LayoutEventsTest = createReactClass({
     this.setState({imageLayout: e.nativeEvent.layout}, this.checkLayout);
   },
   render: function() {
-    var viewStyle = [styles.view, this.state.viewStyle];
-    var textLayout = this.state.textLayout || {width: '?', height: '?'};
-    var imageLayout = this.state.imageLayout || {x: '?', y: '?'};
+    const viewStyle = [styles.view, this.state.viewStyle];
+    const textLayout = this.state.textLayout || {width: '?', height: '?'};
+    const imageLayout = this.state.imageLayout || {x: '?', y: '?'};
     debug('viewLayout', this.state.viewLayout);
     return (
       <View style={[styles.container, this.state.containerStyle]}>
@@ -146,10 +138,10 @@ var LayoutEventsTest = createReactClass({
         </View>
       </View>
     );
-  }
+  },
 });
 
-var styles = StyleSheet.create({
+const styles = StyleSheet.create({
   container: {
     margin: 40,
   },
diff --git a/IntegrationTests/LoggingTestModule.js b/IntegrationTests/LoggingTestModule.js
index 25b409353ce1d4..905abee400828d 100644
--- a/IntegrationTests/LoggingTestModule.js
+++ b/IntegrationTests/LoggingTestModule.js
@@ -4,20 +4,21 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule LoggingTestModule
+ * @format
  */
+
 'use strict';
 
-var BatchedBridge = require('BatchedBridge');
+const BatchedBridge = require('BatchedBridge');
 
-var warning = require('fbjs/lib/warning');
-var invariant = require('fbjs/lib/invariant');
+const warning = require('fbjs/lib/warning');
+const invariant = require('fbjs/lib/invariant');
 
-var LoggingTestModule = {
+const LoggingTestModule = {
   logToConsole: function(str) {
     console.log(str);
   },
-  logToConsoleAfterWait: function(str,timeout_ms) {
+  logToConsoleAfterWait: function(str, timeout_ms) {
     setTimeout(function() {
       console.log(str);
     }, timeout_ms);
@@ -33,12 +34,9 @@ var LoggingTestModule = {
   },
   throwError: function(str) {
     throw new Error(str);
-  }
+  },
 };
 
-BatchedBridge.registerCallableModule(
-  'LoggingTestModule',
-  LoggingTestModule
-);
+BatchedBridge.registerCallableModule('LoggingTestModule', LoggingTestModule);
 
 module.exports = LoggingTestModule;
diff --git a/IntegrationTests/PromiseTest.js b/IntegrationTests/PromiseTest.js
index f6a81e3d6d5d16..facf8b45cdc746 100644
--- a/IntegrationTests/PromiseTest.js
+++ b/IntegrationTests/PromiseTest.js
@@ -4,15 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule PromiseTest
  */
+
 'use strict';
 
-var React = require('react');
-var ReactNative = require('react-native');
-var { View } = ReactNative;
-var { TestModule } = ReactNative.NativeModules;
+const React = require('react');
+const ReactNative = require('react-native');
+const {View} = ReactNative;
+const {TestModule} = ReactNative.NativeModules;
 
 class PromiseTest extends React.Component<{}> {
   shouldResolve = false;
@@ -26,24 +27,26 @@ class PromiseTest extends React.Component<{}> {
       this.testShouldReject(),
       this.testShouldSucceedAsync(),
       this.testShouldThrowAsync(),
-    ]).then(() => TestModule.markTestPassed(
-      this.shouldResolve && this.shouldReject &&
-      this.shouldSucceedAsync && this.shouldThrowAsync
-    ));
+    ]).then(() =>
+      TestModule.markTestPassed(
+        this.shouldResolve &&
+          this.shouldReject &&
+          this.shouldSucceedAsync &&
+          this.shouldThrowAsync,
+      ),
+    );
   }
 
   testShouldResolve = () => {
-    return TestModule
-      .shouldResolve()
-      .then(() => this.shouldResolve = true)
-      .catch(() => this.shouldResolve = false);
+    return TestModule.shouldResolve()
+      .then(() => (this.shouldResolve = true))
+      .catch(() => (this.shouldResolve = false));
   };
 
   testShouldReject = () => {
-    return TestModule
-      .shouldReject()
-      .then(() => this.shouldReject = false)
-      .catch(() => this.shouldReject = true);
+    return TestModule.shouldReject()
+      .then(() => (this.shouldReject = false))
+      .catch(() => (this.shouldReject = true));
   };
 
   testShouldSucceedAsync = async (): Promise<any> => {
diff --git a/IntegrationTests/PropertiesUpdateTest.js b/IntegrationTests/PropertiesUpdateTest.js
index 623dc82c8ee94b..33d17da5e5c442 100644
--- a/IntegrationTests/PropertiesUpdateTest.js
+++ b/IntegrationTests/PropertiesUpdateTest.js
@@ -3,26 +3,24 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- * @providesModule PropertiesUpdateTest
+ *
+ * @format
  */
+
 'use strict';
 
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  View,
-} = ReactNative;
+const React = require('react');
+const ReactNative = require('react-native');
+const {View} = ReactNative;
 
-var { TestModule } = ReactNative.NativeModules;
+const {TestModule} = ReactNative.NativeModules;
 
 class PropertiesUpdateTest extends React.Component {
   render() {
     if (this.props.markTestPassed) {
       TestModule.markTestPassed(true);
     }
-    return (
-      <View/>
-    );
+    return <View />;
   }
 }
 
diff --git a/IntegrationTests/RCTRootViewIntegrationTestApp.js b/IntegrationTests/RCTRootViewIntegrationTestApp.js
index a97873d2c3224e..6afda59cd688c1 100644
--- a/IntegrationTests/RCTRootViewIntegrationTestApp.js
+++ b/IntegrationTests/RCTRootViewIntegrationTestApp.js
@@ -4,16 +4,17 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RCTRootViewIntegrationTestApp
+ * @format
  */
+
 'use strict';
 
 require('regenerator-runtime/runtime');
 
-var React = require('react');
-var ReactNative = require('react-native');
+const React = require('react');
+const ReactNative = require('react-native');
 
-var {
+const {
   AppRegistry,
   ScrollView,
   StyleSheet,
@@ -23,14 +24,14 @@ var {
 } = ReactNative;
 
 /* Keep this list in sync with RCTRootViewIntegrationTests.m */
-var TESTS = [
+const TESTS = [
   require('./PropertiesUpdateTest'),
   require('./ReactContentSizeUpdateTest'),
   require('./SizeFlexibilityUpdateTest'),
 ];
 
-TESTS.forEach(
-  (test) => AppRegistry.registerComponent(test.displayName, () => test)
+TESTS.forEach(test =>
+  AppRegistry.registerComponent(test.displayName, () => test),
 );
 
 class RCTRootViewIntegrationTestApp extends React.Component {
@@ -50,20 +51,18 @@ class RCTRootViewIntegrationTestApp extends React.Component {
       <View style={styles.container}>
         <Text style={styles.row}>
           Click on a test to run it in this shell for easier debugging and
-          development.  Run all tests in the testing environment with cmd+U in
+          development. Run all tests in the testing environment with cmd+U in
           Xcode.
         </Text>
         <View style={styles.separator} />
         <ScrollView>
-          {TESTS.map((test) => [
+          {TESTS.map(test => [
             <TouchableOpacity
               onPress={() => this.setState({test})}
               style={styles.row}>
-              <Text style={styles.testName}>
-                {test.displayName}
-              </Text>
+              <Text style={styles.testName}>{test.displayName}</Text>
             </TouchableOpacity>,
-            <View style={styles.separator} />
+            <View style={styles.separator} />,
           ])}
         </ScrollView>
       </View>
@@ -71,7 +70,7 @@ class RCTRootViewIntegrationTestApp extends React.Component {
   }
 }
 
-var styles = StyleSheet.create({
+const styles = StyleSheet.create({
   container: {
     backgroundColor: 'white',
     marginTop: 40,
@@ -89,4 +88,7 @@ var styles = StyleSheet.create({
   },
 });
 
-AppRegistry.registerComponent('RCTRootViewIntegrationTestApp', () => RCTRootViewIntegrationTestApp);
+AppRegistry.registerComponent(
+  'RCTRootViewIntegrationTestApp',
+  () => RCTRootViewIntegrationTestApp,
+);
diff --git a/IntegrationTests/ReactContentSizeUpdateTest.js b/IntegrationTests/ReactContentSizeUpdateTest.js
index c5f5ae80c246b0..be0b06b6abf56b 100644
--- a/IntegrationTests/ReactContentSizeUpdateTest.js
+++ b/IntegrationTests/ReactContentSizeUpdateTest.js
@@ -3,36 +3,37 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- * @providesModule ReactContentSizeUpdateTest
+ *
+ * @format
  */
+
 'use strict';
 
-var React = require('react');
-var createReactClass = require('create-react-class');
-var ReactNative = require('react-native');
-var RCTNativeAppEventEmitter = require('RCTNativeAppEventEmitter');
-var Subscribable = require('Subscribable');
-var TimerMixin = require('react-timer-mixin');
+const React = require('react');
+const createReactClass = require('create-react-class');
+const ReactNative = require('react-native');
+const RCTNativeAppEventEmitter = require('RCTNativeAppEventEmitter');
+const Subscribable = require('Subscribable');
+const TimerMixin = require('react-timer-mixin');
 
-var { View } = ReactNative;
+const {View} = ReactNative;
 
-var { TestModule } = ReactNative.NativeModules;
+const {TestModule} = ReactNative.NativeModules;
 
-var reactViewWidth = 101;
-var reactViewHeight = 102;
-var newReactViewWidth = 201;
-var newReactViewHeight = 202;
+const reactViewWidth = 101;
+const reactViewHeight = 102;
+const newReactViewWidth = 201;
+const newReactViewHeight = 202;
 
-var ReactContentSizeUpdateTest = createReactClass({
+const ReactContentSizeUpdateTest = createReactClass({
   displayName: 'ReactContentSizeUpdateTest',
-  mixins: [Subscribable.Mixin,
-           TimerMixin],
+  mixins: [Subscribable.Mixin, TimerMixin],
 
   UNSAFE_componentWillMount: function() {
     this.addListenerOn(
       RCTNativeAppEventEmitter,
       'rootViewDidChangeIntrinsicSize',
-      this.rootViewDidChangeIntrinsicSize
+      this.rootViewDidChangeIntrinsicSize,
     );
   },
 
@@ -51,23 +52,25 @@ var ReactContentSizeUpdateTest = createReactClass({
   },
 
   componentDidMount: function() {
-    this.setTimeout(
-      () => { this.updateViewSize(); },
-      1000
-    );
+    this.setTimeout(() => {
+      this.updateViewSize();
+    }, 1000);
   },
 
   rootViewDidChangeIntrinsicSize: function(intrinsicSize) {
-    if (intrinsicSize.height === newReactViewHeight && intrinsicSize.width === newReactViewWidth) {
+    if (
+      intrinsicSize.height === newReactViewHeight &&
+      intrinsicSize.width === newReactViewWidth
+    ) {
       TestModule.markTestPassed(true);
     }
   },
 
   render() {
     return (
-      <View style={{'height':this.state.height, 'width':this.state.width}}/>
+      <View style={{height: this.state.height, width: this.state.width}} />
     );
-  }
+  },
 });
 
 ReactContentSizeUpdateTest.displayName = 'ReactContentSizeUpdateTest';
diff --git a/IntegrationTests/SimpleSnapshotTest.js b/IntegrationTests/SimpleSnapshotTest.js
index 1c0be2a431d469..2857f3f41b492a 100644
--- a/IntegrationTests/SimpleSnapshotTest.js
+++ b/IntegrationTests/SimpleSnapshotTest.js
@@ -4,23 +4,21 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule SimpleSnapshotTest
  */
+
 'use strict';
 
-var React = require('react');
-var ReactNative = require('react-native');
+const React = require('react');
+const ReactNative = require('react-native');
 /* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
  * found when Flow v0.54 was deployed. To see the error delete this comment and
  * run Flow. */
-var requestAnimationFrame = require('fbjs/lib/requestAnimationFrame');
+const requestAnimationFrame = require('fbjs/lib/requestAnimationFrame');
 
-var {
-  StyleSheet,
-  View,
-} = ReactNative;
-var { TestModule } = ReactNative.NativeModules;
+const {StyleSheet, View} = ReactNative;
+const {TestModule} = ReactNative.NativeModules;
 
 class SimpleSnapshotTest extends React.Component<{}> {
   componentDidMount() {
@@ -30,7 +28,7 @@ class SimpleSnapshotTest extends React.Component<{}> {
     requestAnimationFrame(() => TestModule.verifySnapshot(this.done));
   }
 
-  done = (success : boolean) => {
+  done = (success: boolean) => {
     TestModule.markTestPassed(success);
   };
 
@@ -44,7 +42,7 @@ class SimpleSnapshotTest extends React.Component<{}> {
   }
 }
 
-var styles = StyleSheet.create({
+const styles = StyleSheet.create({
   box1: {
     width: 80,
     height: 50,
diff --git a/IntegrationTests/SizeFlexibilityUpdateTest.js b/IntegrationTests/SizeFlexibilityUpdateTest.js
index 679694a0d631ce..0d0ebd4bfc20f3 100644
--- a/IntegrationTests/SizeFlexibilityUpdateTest.js
+++ b/IntegrationTests/SizeFlexibilityUpdateTest.js
@@ -3,25 +3,27 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- * @providesModule SizeFlexibilityUpdateTest
+ *
+ * @format
  */
+
 'use strict';
 
-var React = require('react');
-var createReactClass = require('create-react-class');
-var ReactNative = require('react-native');
-var RCTNativeAppEventEmitter = require('RCTNativeAppEventEmitter');
-var Subscribable = require('Subscribable');
-var { View } = ReactNative;
+const React = require('react');
+const createReactClass = require('create-react-class');
+const ReactNative = require('react-native');
+const RCTNativeAppEventEmitter = require('RCTNativeAppEventEmitter');
+const Subscribable = require('Subscribable');
+const {View} = ReactNative;
 
-var { TestModule } = ReactNative.NativeModules;
+const {TestModule} = ReactNative.NativeModules;
 
-var reactViewWidth = 111;
-var reactViewHeight = 222;
+const reactViewWidth = 111;
+const reactViewHeight = 222;
 
-var finalState = false;
+let finalState = false;
 
-var SizeFlexibilityUpdateTest = createReactClass({
+const SizeFlexibilityUpdateTest = createReactClass({
   displayName: 'SizeFlexibilityUpdateTest',
   mixins: [Subscribable.Mixin],
 
@@ -29,7 +31,7 @@ var SizeFlexibilityUpdateTest = createReactClass({
     this.addListenerOn(
       RCTNativeAppEventEmitter,
       'rootViewDidChangeIntrinsicSize',
-      this.rootViewDidChangeIntrinsicSize
+      this.rootViewDidChangeIntrinsicSize,
     );
   },
 
@@ -39,7 +41,6 @@ var SizeFlexibilityUpdateTest = createReactClass({
   },
 
   rootViewDidChangeIntrinsicSize: function(intrinsicSize) {
-
     if (finalState) {
       // If a test reaches its final state, it is not expected to do anything more
       TestModule.markTestPassed(false);
@@ -47,25 +48,37 @@ var SizeFlexibilityUpdateTest = createReactClass({
     }
 
     if (this.props.both) {
-      if (intrinsicSize.width === reactViewWidth && intrinsicSize.height === reactViewHeight) {
+      if (
+        intrinsicSize.width === reactViewWidth &&
+        intrinsicSize.height === reactViewHeight
+      ) {
         this.markPassed();
         return;
       }
     }
     if (this.props.height) {
-      if (intrinsicSize.width !== reactViewWidth && intrinsicSize.height === reactViewHeight) {
+      if (
+        intrinsicSize.width !== reactViewWidth &&
+        intrinsicSize.height === reactViewHeight
+      ) {
         this.markPassed();
         return;
       }
     }
     if (this.props.width) {
-      if (intrinsicSize.width === reactViewWidth && intrinsicSize.height !== reactViewHeight) {
+      if (
+        intrinsicSize.width === reactViewWidth &&
+        intrinsicSize.height !== reactViewHeight
+      ) {
         this.markPassed();
         return;
       }
     }
     if (this.props.none) {
-      if (intrinsicSize.width !== reactViewWidth && intrinsicSize.height !== reactViewHeight) {
+      if (
+        intrinsicSize.width !== reactViewWidth &&
+        intrinsicSize.height !== reactViewHeight
+      ) {
         this.markPassed();
         return;
       }
@@ -73,10 +86,8 @@ var SizeFlexibilityUpdateTest = createReactClass({
   },
 
   render() {
-    return (
-      <View style={{'height':reactViewHeight, 'width':reactViewWidth}}/>
-    );
-  }
+    return <View style={{height: reactViewHeight, width: reactViewWidth}} />;
+  },
 });
 
 SizeFlexibilityUpdateTest.displayName = 'SizeFlexibilityUpdateTest';
diff --git a/IntegrationTests/SyncMethodTest.js b/IntegrationTests/SyncMethodTest.js
index 6318eaa4f14282..6efef977d81194 100644
--- a/IntegrationTests/SyncMethodTest.js
+++ b/IntegrationTests/SyncMethodTest.js
@@ -4,24 +4,23 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule SyncMethodTest
  */
-'use strict';
 
-var React = require('react');
-var ReactNative = require('react-native');
-var { View } = ReactNative;
+'use strict';
 
-const {
-  TestModule,
-  RNTesterTestModule,
-} = ReactNative.NativeModules;
+const React = require('react');
+const ReactNative = require('react-native');
+const {View} = ReactNative;
 
+const {TestModule, RNTesterTestModule} = ReactNative.NativeModules;
 
 class SyncMethodTest extends React.Component<{}> {
   componentDidMount() {
-    if (RNTesterTestModule.echoString('test string value') !== 'test string value') {
+    if (
+      RNTesterTestModule.echoString('test string value') !== 'test string value'
+    ) {
       throw new Error('Something wrong with sync method export');
     }
     if (RNTesterTestModule.methodThatReturnsNil() != null) {
diff --git a/IntegrationTests/TimersTest.js b/IntegrationTests/TimersTest.js
index 23da99dc6edbdc..15d42c4c852a1c 100644
--- a/IntegrationTests/TimersTest.js
+++ b/IntegrationTests/TimersTest.js
@@ -4,27 +4,24 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule TimersTest
  */
+
 'use strict';
 
-var React = require('react');
-var createReactClass = require('create-react-class');
-var ReactNative = require('react-native');
+const React = require('react');
+const createReactClass = require('create-react-class');
+const ReactNative = require('react-native');
 /* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
  * found when Flow v0.54 was deployed. To see the error delete this comment and
  * run Flow. */
-var TimerMixin = require('react-timer-mixin');
+const TimerMixin = require('react-timer-mixin');
 
-var {
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
-var { TestModule  } = ReactNative.NativeModules;
+const {StyleSheet, Text, View} = ReactNative;
+const {TestModule} = ReactNative.NativeModules;
 
-var TimersTest = createReactClass({
+const TimersTest = createReactClass({
   displayName: 'TimersTest',
   mixins: [TimerMixin],
 
@@ -73,26 +70,29 @@ var TimersTest = createReactClass({
   },
 
   testClearTimeout0() {
-    var timeout = this.setTimeout(() => this._fail('testClearTimeout0'), 0);
+    const timeout = this.setTimeout(() => this._fail('testClearTimeout0'), 0);
     this.clearTimeout(timeout);
     this.testClearTimeout30();
   },
 
   testClearTimeout30() {
-    var timeout = this.setTimeout(() => this._fail('testClearTimeout30'), 30);
+    const timeout = this.setTimeout(() => this._fail('testClearTimeout30'), 30);
     this.clearTimeout(timeout);
     this.setTimeout(this.testClearMulti, 50);
   },
 
   testClearMulti() {
-    var fails = [];
+    const fails = [];
     fails.push(this.setTimeout(() => this._fail('testClearMulti-1'), 20));
     fails.push(this.setTimeout(() => this._fail('testClearMulti-2'), 50));
-    var delayClear = this.setTimeout(() => this._fail('testClearMulti-3'), 50);
+    const delayClear = this.setTimeout(
+      () => this._fail('testClearMulti-3'),
+      50,
+    );
     fails.push(this.setTimeout(() => this._fail('testClearMulti-4'), 0));
     fails.push(this.setTimeout(() => this._fail('testClearMulti-5'), 10));
 
-    fails.forEach((timeout) => this.clearTimeout(timeout));
+    fails.forEach(timeout => this.clearTimeout(timeout));
     this.setTimeout(() => this.clearTimeout(delayClear), 20);
 
     this.setTimeout(this.testOrdering, 50);
@@ -100,25 +100,35 @@ var TimersTest = createReactClass({
 
   testOrdering() {
     // Clear timers are set first because it's more likely to uncover bugs.
-    var fail0;
+    let fail0;
     this.setImmediate(() => this.clearTimeout(fail0));
     fail0 = this.setTimeout(
-      () => this._fail('testOrdering-t0, setImmediate should happen before ' +
-        'setTimeout 0'),
-      0
+      () =>
+        this._fail(
+          'testOrdering-t0, setImmediate should happen before ' +
+            'setTimeout 0',
+        ),
+      0,
     );
-    var failAnim; // This should fail without the t=0 fastpath feature.
+    let failAnim; // This should fail without the t=0 fastpath feature.
     this.setTimeout(() => this.cancelAnimationFrame(failAnim), 0);
-    failAnim = this.requestAnimationFrame(
-      () => this._fail('testOrdering-Anim, setTimeout 0 should happen before ' +
-        'requestAnimationFrame')
+    failAnim = this.requestAnimationFrame(() =>
+      this._fail(
+        'testOrdering-Anim, setTimeout 0 should happen before ' +
+          'requestAnimationFrame',
+      ),
     );
-    var fail25;
-    this.setTimeout(() => { this.clearTimeout(fail25); }, 20);
+    let fail25;
+    this.setTimeout(() => {
+      this.clearTimeout(fail25);
+    }, 20);
     fail25 = this.setTimeout(
-      () => this._fail('testOrdering-t25, setTimeout 20 should happen before ' +
-        'setTimeout 25'),
-      25
+      () =>
+        this._fail(
+          'testOrdering-t25, setTimeout 20 should happen before ' +
+            'setTimeout 25',
+        ),
+      25,
     );
     this.setTimeout(this.done, 50);
   },
@@ -153,12 +163,12 @@ var TimersTest = createReactClass({
     this.setState({count: this.state.count + 1});
   },
 
-  _fail(caller : string) : void {
+  _fail(caller: string): void {
     throw new Error('_fail called by ' + caller);
   },
 });
 
-var styles = StyleSheet.create({
+const styles = StyleSheet.create({
   container: {
     backgroundColor: 'white',
     padding: 40,
diff --git a/IntegrationTests/WebSocketTest.js b/IntegrationTests/WebSocketTest.js
index 6e459f913babc3..f2478cbcb68539 100644
--- a/IntegrationTests/WebSocketTest.js
+++ b/IntegrationTests/WebSocketTest.js
@@ -4,24 +4,20 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule WebSocketTest
  */
+
 'use strict';
 
-var React = require('react');
-var ReactNative = require('react-native');
-var { View } = ReactNative;
-var { TestModule } = ReactNative.NativeModules;
+const React = require('react');
+const ReactNative = require('react-native');
+const {View} = ReactNative;
+const {TestModule} = ReactNative.NativeModules;
 
 const DEFAULT_WS_URL = 'ws://localhost:5555/';
 
-const WS_EVENTS = [
-  'close',
-  'error',
-  'message',
-  'open',
-];
+const WS_EVENTS = ['close', 'error', 'message', 'open'];
 const WS_STATES = [
   /* 0 */ 'CONNECTING',
   /* 1 */ 'OPEN',
@@ -30,14 +26,14 @@ const WS_STATES = [
 ];
 
 type State = {
-  url: string;
-  fetchStatus: ?string;
-  socket: ?WebSocket;
-  socketState: ?number;
-  lastSocketEvent: ?string;
-  lastMessage: ?string | ?ArrayBuffer;
-  testMessage: string;
-  testExpectedResponse: string;
+  url: string,
+  fetchStatus: ?string,
+  socket: ?WebSocket,
+  socketState: ?number,
+  lastSocketEvent: ?string,
+  lastMessage: ?string | ?ArrayBuffer,
+  testMessage: string,
+  testExpectedResponse: string,
 };
 
 class WebSocketTest extends React.Component<{}, State> {
@@ -49,13 +45,13 @@ class WebSocketTest extends React.Component<{}, State> {
     lastSocketEvent: null,
     lastMessage: null,
     testMessage: 'testMessage',
-    testExpectedResponse: 'testMessage_response'
+    testExpectedResponse: 'testMessage_response',
   };
 
   _waitFor = (condition: any, timeout: any, callback: any) => {
-    var remaining = timeout;
-    var t;
-    var timeoutFunction =  function() {
+    let remaining = timeout;
+    let t;
+    const timeoutFunction = function() {
       if (condition()) {
         callback(true);
         return;
@@ -64,11 +60,11 @@ class WebSocketTest extends React.Component<{}, State> {
       if (remaining === 0) {
         callback(false);
       } else {
-        t = setTimeout(timeoutFunction,1000);
+        t = setTimeout(timeoutFunction, 1000);
       }
     };
-    t = setTimeout(timeoutFunction,1000);
-  }
+    t = setTimeout(timeoutFunction, 1000);
+  };
 
   _connect = () => {
     const socket = new WebSocket(this.state.url);
@@ -81,11 +77,11 @@ class WebSocketTest extends React.Component<{}, State> {
 
   _socketIsConnected = () => {
     return this.state.socketState === 1; //'OPEN'
-  }
+  };
 
   _socketIsDisconnected = () => {
     return this.state.socketState === 3; //'CLOSED'
-  }
+  };
 
   _disconnect = () => {
     if (!this.state.socket) {
@@ -117,7 +113,7 @@ class WebSocketTest extends React.Component<{}, State> {
   };
 
   _receivedTestExpectedResponse = () => {
-    return (this.state.lastMessage === this.state.testExpectedResponse);
+    return this.state.lastMessage === this.state.testExpectedResponse;
   };
 
   componentDidMount() {
@@ -125,36 +121,42 @@ class WebSocketTest extends React.Component<{}, State> {
   }
 
   testConnect = () => {
-    var component = this;
+    const component = this;
     component._connect();
-    component._waitFor(component._socketIsConnected, 5, function(connectSucceeded) {
+    component._waitFor(component._socketIsConnected, 5, function(
+      connectSucceeded,
+    ) {
       if (!connectSucceeded) {
         TestModule.markTestPassed(false);
         return;
       }
       component.testSendAndReceive();
     });
-  }
+  };
 
   testSendAndReceive = () => {
-    var component = this;
+    const component = this;
     component._sendTestMessage();
-    component._waitFor(component._receivedTestExpectedResponse, 5, function(messageReceived) {
+    component._waitFor(component._receivedTestExpectedResponse, 5, function(
+      messageReceived,
+    ) {
       if (!messageReceived) {
         TestModule.markTestPassed(false);
         return;
       }
       component.testDisconnect();
     });
-  }
+  };
 
   testDisconnect = () => {
-    var component = this;
+    const component = this;
     component._disconnect();
-    component._waitFor(component._socketIsDisconnected, 5, function(disconnectSucceeded) {
+    component._waitFor(component._socketIsDisconnected, 5, function(
+      disconnectSucceeded,
+    ) {
       TestModule.markTestPassed(disconnectSucceeded);
     });
-  }
+  };
 
   render(): React.Node {
     return <View />;
diff --git a/IntegrationTests/WebViewTest.js b/IntegrationTests/WebViewTest.js
index a41e244b58be3a..74dbeddec6b5ce 100644
--- a/IntegrationTests/WebViewTest.js
+++ b/IntegrationTests/WebViewTest.js
@@ -4,52 +4,68 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule WebViewTest
+ * @format
  */
+
 'use strict';
 
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  WebView,
-} = ReactNative;
+const React = require('react');
+const ReactNative = require('react-native');
+const {WebView} = ReactNative;
 
-var { TestModule } = ReactNative.NativeModules;
+const {TestModule} = ReactNative.NativeModules;
 
 class WebViewTest extends React.Component {
-
   render() {
-    var firstMessageReceived = false;
-    var secondMessageReceived = false;
+    let firstMessageReceived = false;
+    let secondMessageReceived = false;
     function processMessage(e) {
-      var message = e.nativeEvent.data;
-      if (message === 'First') {firstMessageReceived = true;}
-      if (message === 'Second') {secondMessageReceived = true;}
+      const message = e.nativeEvent.data;
+      if (message === 'First') {
+        firstMessageReceived = true;
+      }
+      if (message === 'Second') {
+        secondMessageReceived = true;
+      }
 
       // got both messages
-      if (firstMessageReceived && secondMessageReceived) {TestModule.markTestPassed(true);}
+      if (firstMessageReceived && secondMessageReceived) {
+        TestModule.markTestPassed(true);
+      }
       // wait for next message
-      else if (firstMessageReceived && !secondMessageReceived) {return;}
+      else if (firstMessageReceived && !secondMessageReceived) {
+        return;
+      }
       // first message got lost
-      else if (!firstMessageReceived && secondMessageReceived) {throw new Error('First message got lost');}
+      else if (!firstMessageReceived && secondMessageReceived) {
+        throw new Error('First message got lost');
+      }
     }
-    var html = 'Hello world'
-      + '<script>'
-      + "window.setTimeout(function(){window.postMessage('First'); window.postMessage('Second')}, 0)"
-      + '</script>';
+    const html =
+      'Hello world' +
+      '<script>' +
+      "window.setTimeout(function(){window.postMessage('First'); window.postMessage('Second')}, 0)" +
+      '</script>';
 
     // fail if messages didn't get through;
-    window.setTimeout(function() { throw new Error(firstMessageReceived ? 'Both messages got lost' : 'Second message got lost');}, 10000);
+    window.setTimeout(function() {
+      throw new Error(
+        firstMessageReceived
+          ? 'Both messages got lost'
+          : 'Second message got lost',
+      );
+    }, 10000);
 
-    var source = {
+    const source = {
       html: html,
-      };
+    };
 
     return (
       <WebView
         source={source}
-        onMessage = {processMessage}
-        />
+        onMessage={processMessage}
+        originWhitelist={['about:blank']}
+      />
     );
   }
 }
diff --git a/IntegrationTests/launchWebSocketServer.command b/IntegrationTests/launchWebSocketServer.command
index a6531c5f8d78b2..445f3fc0fa8857 100755
--- a/IntegrationTests/launchWebSocketServer.command
+++ b/IntegrationTests/launchWebSocketServer.command
@@ -1,4 +1,4 @@
-#!/usr/bin/env bash
+#!/bin/bash
 
 # Copyright (c) 2015-present, Facebook, Inc.
 #
@@ -9,7 +9,7 @@
 echo -en "\033]0;Web Socket Test Server\a"
 clear
 
-THIS_DIR=$(dirname "$0")
+THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
 pushd "$THIS_DIR"
 ./websocket_integration_test_server.js
 popd
diff --git a/IntegrationTests/websocket_integration_test_server.js b/IntegrationTests/websocket_integration_test_server.js
index e338d85ae3b89d..50a6568710a2b8 100755
--- a/IntegrationTests/websocket_integration_test_server.js
+++ b/IntegrationTests/websocket_integration_test_server.js
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @flow
- * @providesModule websocket_integration_test_server
+ * @format
  */
 'use strict';
 
@@ -27,8 +27,8 @@ An incoming message of 'exit' will shut down the server.
 `);
 
 const server = new WebSocket.Server({port: 5555});
-server.on('connection', (ws) => {
-  ws.on('message', (message) => {
+server.on('connection', ws => {
+  ws.on('message', message => {
     console.log('Received message:', message);
     if (message === 'exit') {
       console.log('WebSocket integration test server exit');
diff --git a/Libraries/ART/ART.xcodeproj/project.pbxproj b/Libraries/ART/ART.xcodeproj/project.pbxproj
index 75eec5411710d8..2aec17b1d79203 100644
--- a/Libraries/ART/ART.xcodeproj/project.pbxproj
+++ b/Libraries/ART/ART.xcodeproj/project.pbxproj
@@ -245,7 +245,7 @@
 		0CF68AB91AF0540F00FF9E5C /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0620;
+				LastUpgradeCheck = 0940;
 				TargetAttributes = {
 					0CF68AC01AF0540F00FF9E5C = {
 						CreatedOnToolsVersion = 6.2;
@@ -336,19 +336,31 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
 				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_OPTIMIZATION_LEVEL = 0;
 				GCC_PREPROCESSOR_DEFINITIONS = (
 					"DEBUG=1",
@@ -361,7 +373,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -377,26 +389,37 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = NO;
 				ENABLE_NS_ASSERTIONS = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
 				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
 				GCC_WARN_UNDECLARED_SELECTOR = YES;
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SKIP_INSTALL = YES;
diff --git a/Libraries/ART/ARTSerializablePath.js b/Libraries/ART/ARTSerializablePath.js
index 7f52bc6540eda2..9c2d98e033fcc3 100644
--- a/Libraries/ART/ARTSerializablePath.js
+++ b/Libraries/ART/ARTSerializablePath.js
@@ -4,23 +4,23 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ARTSerializablePath
+ * @format
  */
+
 'use strict';
 
 // TODO: Move this into an ART mode called "serialized" or something
 
-var Class = require('art/core/class.js');
-var Path = require('art/core/path.js');
-
-var MOVE_TO = 0;
-var CLOSE = 1;
-var LINE_TO = 2;
-var CURVE_TO = 3;
-var ARC = 4;
+const Class = require('art/core/class.js');
+const Path = require('art/core/path.js');
 
-var SerializablePath = Class(Path, {
+const MOVE_TO = 0;
+const CLOSE = 1;
+const LINE_TO = 2;
+const CURVE_TO = 3;
+const ARC = 4;
 
+const SerializablePath = Class(Path, {
   initialize: function(path) {
     this.reset();
     if (path instanceof SerializablePath) {
@@ -55,7 +55,18 @@ var SerializablePath = Class(Path, {
   onArc: function(sx, sy, ex, ey, cx, cy, rx, ry, sa, ea, ccw, rotation) {
     if (rx !== ry || rotation) {
       return this._arcToBezier(
-        sx, sy, ex, ey, cx, cy, rx, ry, sa, ea, ccw, rotation
+        sx,
+        sy,
+        ex,
+        ey,
+        cx,
+        cy,
+        rx,
+        ry,
+        sa,
+        ea,
+        ccw,
+        rotation,
       );
     }
     this.path.push(ARC, cx, cy, rx, sa, ea, ccw ? 0 : 1);
@@ -67,8 +78,7 @@ var SerializablePath = Class(Path, {
 
   toJSON: function() {
     return this.path;
-  }
-
+  },
 });
 
 module.exports = SerializablePath;
diff --git a/Libraries/ART/ReactNativeART.js b/Libraries/ART/ReactNativeART.js
index 7d9f1b59063459..5a08e748c8382c 100644
--- a/Libraries/ART/ReactNativeART.js
+++ b/Libraries/ART/ReactNativeART.js
@@ -4,21 +4,22 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ReactNativeART
+ * @format
  */
+
 'use strict';
 
-var Color = require('art/core/color');
-var Path = require('ARTSerializablePath');
-var Transform = require('art/core/transform');
+const Color = require('art/core/color');
+const Path = require('ARTSerializablePath');
+const Transform = require('art/core/transform');
 
-var React = require('React');
-var PropTypes = require('prop-types');
-var ReactNativeViewAttributes = require('ReactNativeViewAttributes');
+const React = require('React');
+const PropTypes = require('prop-types');
+const ReactNativeViewAttributes = require('ReactNativeViewAttributes');
 
-var createReactNativeComponentClass = require('createReactNativeComponentClass');
-var merge = require('merge');
-var invariant = require('fbjs/lib/invariant');
+const createReactNativeComponentClass = require('createReactNativeComponentClass');
+const merge = require('merge');
+const invariant = require('fbjs/lib/invariant');
 
 // Diff Helpers
 
@@ -29,7 +30,7 @@ function arrayDiffer(a, b) {
   if (a.length !== b.length) {
     return true;
   }
-  for (var i = 0; i < a.length; i++) {
+  for (let i = 0; i < a.length; i++) {
     if (a[i] !== b[i]) {
       return true;
     }
@@ -63,65 +64,64 @@ function fontAndLinesDiffer(a, b) {
 
 // Native Attributes
 
-var SurfaceViewAttributes = merge(ReactNativeViewAttributes.UIView, {
+const SurfaceViewAttributes = merge(ReactNativeViewAttributes.UIView, {
   // This should contain pixel information such as width, height and
   // resolution to know what kind of buffer needs to be allocated.
   // Currently we rely on UIViews and style to figure that out.
 });
 
-var NodeAttributes = {
-  transform: { diff: arrayDiffer },
+const NodeAttributes = {
+  transform: {diff: arrayDiffer},
   opacity: true,
 };
 
-var GroupAttributes = merge(NodeAttributes, {
-  clipping: { diff: arrayDiffer }
+const GroupAttributes = merge(NodeAttributes, {
+  clipping: {diff: arrayDiffer},
 });
 
-var RenderableAttributes = merge(NodeAttributes, {
-  fill: { diff: arrayDiffer },
-  stroke: { diff: arrayDiffer },
+const RenderableAttributes = merge(NodeAttributes, {
+  fill: {diff: arrayDiffer},
+  stroke: {diff: arrayDiffer},
   strokeWidth: true,
   strokeCap: true,
   strokeJoin: true,
-  strokeDash: { diff: arrayDiffer },
+  strokeDash: {diff: arrayDiffer},
 });
 
-var ShapeAttributes = merge(RenderableAttributes, {
-  d: { diff: arrayDiffer },
+const ShapeAttributes = merge(RenderableAttributes, {
+  d: {diff: arrayDiffer},
 });
 
-var TextAttributes = merge(RenderableAttributes, {
+const TextAttributes = merge(RenderableAttributes, {
   alignment: true,
-  frame: { diff: fontAndLinesDiffer },
-  path: { diff: arrayDiffer }
+  frame: {diff: fontAndLinesDiffer},
+  path: {diff: arrayDiffer},
 });
 
 // Native Components
 
-var NativeSurfaceView = createReactNativeComponentClass('ARTSurfaceView',
+const NativeSurfaceView = createReactNativeComponentClass(
+  'ARTSurfaceView',
   () => ({
     validAttributes: SurfaceViewAttributes,
     uiViewClassName: 'ARTSurfaceView',
-  }));
+  }),
+);
 
-var NativeGroup = createReactNativeComponentClass('ARTGroup',
-  () => ({
-    validAttributes: GroupAttributes,
-    uiViewClassName: 'ARTGroup',
-  }));
+const NativeGroup = createReactNativeComponentClass('ARTGroup', () => ({
+  validAttributes: GroupAttributes,
+  uiViewClassName: 'ARTGroup',
+}));
 
-var NativeShape = createReactNativeComponentClass('ARTShape',
-  () => ({
-    validAttributes: ShapeAttributes,
-    uiViewClassName: 'ARTShape',
-  }));
+const NativeShape = createReactNativeComponentClass('ARTShape', () => ({
+  validAttributes: ShapeAttributes,
+  uiViewClassName: 'ARTShape',
+}));
 
-var NativeText = createReactNativeComponentClass('ARTText',
-  () => ({
-    validAttributes: TextAttributes,
-    uiViewClassName: 'ARTText',
-  }));
+const NativeText = createReactNativeComponentClass('ARTText', () => ({
+  validAttributes: TextAttributes,
+  uiViewClassName: 'ARTText',
+}));
 
 // Utilities
 
@@ -146,15 +146,15 @@ class Surface extends React.Component {
   };
 
   getChildContext() {
-    return { isInSurface: true };
+    return {isInSurface: true};
   }
 
   render() {
-    var props = this.props;
-    var w = extractNumber(props.width, 0);
-    var h = extractNumber(props.height, 0);
+    const height = extractNumber(this.props.height, 0);
+    const width = extractNumber(this.props.width, 0);
+
     return (
-      <NativeSurfaceView style={[props.style, { width: w, height: h }]}>
+      <NativeSurfaceView style={[this.props.style, {height, width}]}>
         {this.props.children}
       </NativeSurfaceView>
     );
@@ -173,13 +173,13 @@ function extractNumber(value, defaultValue) {
   return +value;
 }
 
-var pooledTransform = new Transform();
+const pooledTransform = new Transform();
 
 function extractTransform(props) {
-  var scaleX = props.scaleX != null ? props.scaleX :
-               props.scale != null ? props.scale : 1;
-  var 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)
@@ -192,9 +192,12 @@ function extractTransform(props) {
   }
 
   return [
-    pooledTransform.xx, pooledTransform.yx,
-    pooledTransform.xy, pooledTransform.yy,
-    pooledTransform.x,  pooledTransform.y,
+    pooledTransform.xx,
+    pooledTransform.yx,
+    pooledTransform.xy,
+    pooledTransform.yy,
+    pooledTransform.x,
+    pooledTransform.y,
   ];
 }
 
@@ -220,10 +223,10 @@ class Group extends React.Component {
   };
 
   render() {
-    var props = this.props;
+    const props = this.props;
     invariant(
       this.context.isInSurface,
-      'ART: <Group /> must be a child of a <Surface />'
+      'ART: <Group /> must be a child of a <Surface />',
     );
     return (
       <NativeGroup
@@ -237,14 +240,14 @@ class Group extends React.Component {
 
 class ClippingRectangle extends React.Component {
   render() {
-    var props = this.props;
-    var x = extractNumber(props.x, 0);
-    var y = extractNumber(props.y, 0);
-    var w = extractNumber(props.width, 0);
-    var h = extractNumber(props.height, 0);
-    var clipping = [x, y, w, h];
+    const props = this.props;
+    const x = extractNumber(props.x, 0);
+    const y = extractNumber(props.y, 0);
+    const w = extractNumber(props.width, 0);
+    const h = extractNumber(props.height, 0);
+    const clipping = [x, y, w, h];
     // The current clipping API requires x and y to be ignored in the transform
-    var propsExcludingXAndY = merge(props);
+    const propsExcludingXAndY = merge(props);
     delete propsExcludingXAndY.x;
     delete propsExcludingXAndY.y;
     return (
@@ -260,13 +263,13 @@ class ClippingRectangle extends React.Component {
 
 // Renderables
 
-var SOLID_COLOR = 0;
-var LINEAR_GRADIENT = 1;
-var RADIAL_GRADIENT = 2;
-var PATTERN = 3;
+const SOLID_COLOR = 0;
+const LINEAR_GRADIENT = 1;
+const RADIAL_GRADIENT = 2;
+const PATTERN = 3;
 
 function insertColorIntoArray(color, targetArray, atIndex) {
-  var c = new Color(color);
+  const c = new Color(color);
   targetArray[atIndex + 0] = c.red / 255;
   targetArray[atIndex + 1] = c.green / 255;
   targetArray[atIndex + 2] = c.blue / 255;
@@ -274,14 +277,14 @@ function insertColorIntoArray(color, targetArray, atIndex) {
 }
 
 function insertColorsIntoArray(stops, targetArray, atIndex) {
-  var i = 0;
+  let i = 0;
   if ('length' in stops) {
     while (i < stops.length) {
       insertColorIntoArray(stops[i], targetArray, atIndex + i * 4);
       i++;
     }
   } else {
-    for (var offset in stops) {
+    for (const offset in stops) {
       insertColorIntoArray(stops[offset], targetArray, atIndex + i * 4);
       i++;
     }
@@ -290,17 +293,17 @@ function insertColorsIntoArray(stops, targetArray, atIndex) {
 }
 
 function insertOffsetsIntoArray(stops, targetArray, atIndex, multi, reverse) {
-  var offsetNumber;
-  var i = 0;
+  let offsetNumber;
+  let i = 0;
   if ('length' in stops) {
     while (i < stops.length) {
-      offsetNumber = i / (stops.length - 1) * multi;
+      offsetNumber = (i / (stops.length - 1)) * multi;
       targetArray[atIndex + i] = reverse ? 1 - offsetNumber : offsetNumber;
       i++;
     }
   } else {
-    for (var offsetString in stops) {
-      offsetNumber = (+offsetString) * multi;
+    for (const offsetString in stops) {
+      offsetNumber = +offsetString * multi;
       targetArray[atIndex + i] = reverse ? 1 - offsetNumber : offsetNumber;
       i++;
     }
@@ -309,21 +312,21 @@ function insertOffsetsIntoArray(stops, targetArray, atIndex, multi, reverse) {
 }
 
 function insertColorStopsIntoArray(stops, targetArray, atIndex) {
-  var lastIndex = insertColorsIntoArray(stops, targetArray, atIndex);
+  const lastIndex = insertColorsIntoArray(stops, targetArray, atIndex);
   insertOffsetsIntoArray(stops, targetArray, lastIndex, 1, false);
 }
 
 function insertDoubleColorStopsIntoArray(stops, targetArray, atIndex) {
-  var lastIndex = insertColorsIntoArray(stops, targetArray, atIndex);
+  let lastIndex = insertColorsIntoArray(stops, targetArray, atIndex);
   lastIndex = insertColorsIntoArray(stops, targetArray, lastIndex);
   lastIndex = insertOffsetsIntoArray(stops, targetArray, lastIndex, 0.5, false);
   insertOffsetsIntoArray(stops, targetArray, lastIndex, 0.5, true);
 }
 
 function applyBoundingBoxToBrushData(brushData, props) {
-  var type = brushData[0];
-  var width = +props.width;
-  var height = +props.height;
+  const type = brushData[0];
+  const width = +props.width;
+  const height = +props.height;
   if (type === LINEAR_GRADIENT) {
     brushData[1] *= width;
     brushData[2] *= height;
@@ -357,7 +360,7 @@ function extractBrush(colorOrBrush, props) {
     }
     return colorOrBrush._brush;
   }
-  var c = new Color(colorOrBrush);
+  const c = new Color(colorOrBrush);
   return [SOLID_COLOR, c.red / 255, c.green / 255, c.blue / 255, c.alpha];
 }
 
@@ -365,23 +368,29 @@ function extractColor(color) {
   if (color == null) {
     return null;
   }
-  var c = new Color(color);
+  const c = new Color(color);
   return [c.red / 255, c.green / 255, c.blue / 255, c.alpha];
 }
 
 function extractStrokeCap(strokeCap) {
   switch (strokeCap) {
-    case 'butt': return 0;
-    case 'square': return 2;
-    default: return 1; // round
+    case 'butt':
+      return 0;
+    case 'square':
+      return 2;
+    default:
+      return 1; // round
   }
 }
 
 function extractStrokeJoin(strokeJoin) {
   switch (strokeJoin) {
-    case 'miter': return 0;
-    case 'bevel': return 2;
-    default: return 1; // round
+    case 'miter':
+      return 0;
+    case 'bevel':
+      return 2;
+    default:
+      return 1; // round
   }
 }
 
@@ -392,9 +401,9 @@ function extractStrokeJoin(strokeJoin) {
 
 class Shape extends React.Component {
   render() {
-    var props = this.props;
-    var path = props.d || childrenAsString(props.children);
-    var d = (path instanceof Path ? path : new Path(path)).toJSON();
+    const props = this.props;
+    const path = props.d || childrenAsString(props.children);
+    const d = (path instanceof Path ? path : new Path(path)).toJSON();
     return (
       <NativeShape
         fill={extractBrush(props.fill, props)}
@@ -405,7 +414,6 @@ class Shape extends React.Component {
         strokeJoin={extractStrokeJoin(props.strokeJoin)}
         strokeWidth={extractNumber(props.strokeWidth, 1)}
         transform={extractTransform(props)}
-
         d={d}
       />
     );
@@ -414,33 +422,34 @@ class Shape extends React.Component {
 
 // Text
 
-var cachedFontObjectsFromString = {};
+const cachedFontObjectsFromString = {};
 
-var fontFamilyPrefix = /^[\s"']*/;
-var fontFamilySuffix = /[\s"']*$/;
+const fontFamilyPrefix = /^[\s"']*/;
+const fontFamilySuffix = /[\s"']*$/;
 
 function extractSingleFontFamily(fontFamilyString) {
   // ART on the web allows for multiple font-families to be specified.
   // For compatibility, we extract the first font-family, hoping
   // we'll get a match.
-  return fontFamilyString.split(',')[0]
-         .replace(fontFamilyPrefix, '')
-         .replace(fontFamilySuffix, '');
+  return fontFamilyString
+    .split(',')[0]
+    .replace(fontFamilyPrefix, '')
+    .replace(fontFamilySuffix, '');
 }
 
 function parseFontString(font) {
   if (cachedFontObjectsFromString.hasOwnProperty(font)) {
     return cachedFontObjectsFromString[font];
   }
-  var regexp = /^\s*((?:(?:normal|bold|italic)\s+)*)(?:(\d+(?:\.\d+)?)[ptexm\%]*(?:\s*\/.*?)?\s+)?\s*\"?([^\"]*)/i;
-  var match = regexp.exec(font);
+  const regexp = /^\s*((?:(?:normal|bold|italic)\s+)*)(?:(\d+(?:\.\d+)?)[ptexm\%]*(?:\s*\/.*?)?\s+)?\s*\"?([^\"]*)/i;
+  const match = regexp.exec(font);
   if (!match) {
     return null;
   }
-  var fontFamily = extractSingleFontFamily(match[3]);
-  var fontSize = +match[2] || 12;
-  var isBold = /bold/.exec(match[1]);
-  var isItalic = /italic/.exec(match[1]);
+  const fontFamily = extractSingleFontFamily(match[3]);
+  const fontSize = +match[2] || 12;
+  const isBold = /bold/.exec(match[1]);
+  const isItalic = /italic/.exec(match[1]);
   cachedFontObjectsFromString[font] = {
     fontFamily: fontFamily,
     fontSize: fontSize,
@@ -457,9 +466,10 @@ function extractFont(font) {
   if (typeof font === 'string') {
     return parseFontString(font);
   }
-  var fontFamily = extractSingleFontFamily(font.fontFamily);
-  var fontSize = +font.fontSize || 12;
-  var fontWeight = font.fontWeight != null ? font.fontWeight.toString() : '400';
+  const fontFamily = extractSingleFontFamily(font.fontFamily);
+  const fontSize = +font.fontSize || 12;
+  const fontWeight =
+    font.fontWeight != null ? font.fontWeight.toString() : '400';
   return {
     // Normalize
     fontFamily: fontFamily,
@@ -469,9 +479,9 @@ function extractFont(font) {
   };
 }
 
-var newLine = /\n/g;
+const newLine = /\n/g;
 function extractFontAndLines(font, text) {
-  return { font: extractFont(font), lines: text.split(newLine) };
+  return {font: extractFont(font), lines: text.split(newLine)};
 }
 
 function extractAlignment(alignment) {
@@ -487,12 +497,14 @@ function extractAlignment(alignment) {
 
 class Text extends React.Component {
   render() {
-    var props = this.props;
-    var path = props.path;
-    var textPath = path ? (path instanceof Path ? path : new Path(path)).toJSON() : null;
-    var textFrame = extractFontAndLines(
+    const props = this.props;
+    const path = props.path;
+    const textPath = path
+      ? (path instanceof Path ? path : new Path(path)).toJSON()
+      : null;
+    const textFrame = extractFontAndLines(
       props.font,
-      childrenAsString(props.children)
+      childrenAsString(props.children),
     );
     return (
       <NativeText
@@ -504,7 +516,6 @@ class Text extends React.Component {
         strokeJoin={extractStrokeJoin(props.strokeJoin)}
         strokeWidth={extractNumber(props.strokeWidth, 1)}
         transform={extractTransform(props)}
-
         alignment={extractAlignment(props.alignment)}
         frame={textFrame}
         path={textPath}
@@ -516,16 +527,17 @@ class Text extends React.Component {
 // Declarative fill type objects - API design not finalized
 
 function LinearGradient(stops, x1, y1, x2, y2) {
-  var type = LINEAR_GRADIENT;
+  const type = LINEAR_GRADIENT;
 
   if (arguments.length < 5) {
-    var angle = ((x1 == null) ? 270 : x1) * Math.PI / 180;
+    const angle = ((x1 == null ? 270 : x1) * Math.PI) / 180;
 
-    var x = Math.cos(angle);
-    var y = -Math.sin(angle);
-    var l = (Math.abs(x) + Math.abs(y)) / 2;
+    let x = Math.cos(angle);
+    let y = -Math.sin(angle);
+    const l = (Math.abs(x) + Math.abs(y)) / 2;
 
-    x *= l; y *= l;
+    x *= l;
+    y *= l;
 
     x1 = 0.5 - x;
     x2 = 0.5 + x;
@@ -536,7 +548,7 @@ function LinearGradient(stops, x1, y1, x2, y2) {
     this._bb = false;
   }
 
-  var brushData = [type, +x1, +y1, +x2, +y2];
+  const brushData = [type, +x1, +y1, +x2, +y2];
   insertColorStopsIntoArray(stops, brushData, 5);
   this._brush = brushData;
 }
@@ -563,7 +575,7 @@ function RadialGradient(stops, fx, fy, rx, ry, cx, cy) {
   // To simulate this we render the gradient twice as large and add double
   // color stops. Ideally this API would become more restrictive so that this
   // extra work isn't needed.
-  var brushData = [RADIAL_GRADIENT, +fx, +fy, +rx * 2, +ry * 2, +cx, +cy];
+  const brushData = [RADIAL_GRADIENT, +fx, +fy, +rx * 2, +ry * 2, +cx, +cy];
   insertDoubleColorStopsIntoArray(stops, brushData, 7);
   this._brush = brushData;
 }
@@ -572,7 +584,7 @@ function Pattern(url, width, height, left, top) {
   this._brush = [PATTERN, url, +left || 0, +top || 0, +width, +height];
 }
 
-var ReactART = {
+const ReactART = {
   LinearGradient: LinearGradient,
   RadialGradient: RadialGradient,
   Pattern: Pattern,
diff --git a/Libraries/ActionSheetIOS/ActionSheetIOS.js b/Libraries/ActionSheetIOS/ActionSheetIOS.js
index 23db7680ab34e1..b135a23e5fc998 100644
--- a/Libraries/ActionSheetIOS/ActionSheetIOS.js
+++ b/Libraries/ActionSheetIOS/ActionSheetIOS.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ActionSheetIOS
  * @flow
  * @format
  */
diff --git a/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj/project.pbxproj b/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj/project.pbxproj
index 40d08248bc3c8d..c71f89bdd8c41b 100644
--- a/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj/project.pbxproj
+++ b/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj/project.pbxproj
@@ -61,7 +61,7 @@
 		58B511D31A9E6C8500147676 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0610;
+				LastUpgradeCheck = 0940;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					58B511DA1A9E6C8500147676 = {
@@ -106,19 +106,31 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
 				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_OPTIMIZATION_LEVEL = 0;
 				GCC_PREPROCESSOR_DEFINITIONS = (
 					"DEBUG=1",
@@ -133,7 +145,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -153,19 +165,30 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = YES;
 				ENABLE_NS_ASSERTIONS = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
 				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
 				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
@@ -174,7 +197,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SKIP_INSTALL = YES;
diff --git a/Libraries/ActionSheetIOS/RCTActionSheetManager.m b/Libraries/ActionSheetIOS/RCTActionSheetManager.m
index 91f047323769c7..cd5d5719ff769c 100644
--- a/Libraries/ActionSheetIOS/RCTActionSheetManager.m
+++ b/Libraries/ActionSheetIOS/RCTActionSheetManager.m
@@ -186,17 +186,4 @@ - (CGRect)sourceRectInView:(UIView *)sourceView
   shareController.view.tintColor = [RCTConvert UIColor:options[@"tintColor"]];
 }
 
-#pragma mark UIActionSheetDelegate Methods
-
-- (void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex
-{
-  RCTResponseSenderBlock callback = [_callbacks objectForKey:actionSheet];
-  if (callback) {
-    callback(@[@(buttonIndex)]);
-    [_callbacks removeObjectForKey:actionSheet];
-  } else {
-    RCTLogWarn(@"No callback registered for action sheet: %@", actionSheet.title);
-  }
-}
-
 @end
diff --git a/Libraries/Alert/Alert.js b/Libraries/Alert/Alert.js
index bcb51714440444..a424f5026d5a8c 100644
--- a/Libraries/Alert/Alert.js
+++ b/Libraries/Alert/Alert.js
@@ -4,16 +4,17 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Alert
+ * @format
  * @flow
  */
+
 'use strict';
 
 const AlertIOS = require('AlertIOS');
 const NativeModules = require('NativeModules');
 const Platform = require('Platform');
 
-import type { AlertType, AlertButtonStyle } from 'AlertIOS';
+import type {AlertType, AlertButtonStyle} from 'AlertIOS';
 
 export type Buttons = Array<{
   text?: string,
@@ -32,7 +33,6 @@ type Options = {
  * See http://facebook.github.io/react-native/docs/alert.html
  */
 class Alert {
-
   /**
    * Launches an alert dialog with the specified title and message.
    *
@@ -47,7 +47,9 @@ class Alert {
   ): void {
     if (Platform.OS === 'ios') {
       if (typeof type !== 'undefined') {
-        console.warn('Alert.alert() with a 5th "type" parameter is deprecated and will be removed. Use AlertIOS.prompt() instead.');
+        console.warn(
+          'Alert.alert() with a 5th "type" parameter is deprecated and will be removed. Use AlertIOS.prompt() instead.',
+        );
         AlertIOS.alert(title, message, buttons, type);
         return;
       }
@@ -62,14 +64,13 @@ class Alert {
  * Wrapper around the Android native module.
  */
 class AlertAndroid {
-
   static alert(
     title: ?string,
     message?: ?string,
     buttons?: Buttons,
     options?: Options,
   ): void {
-    var config = {
+    let config = {
       title: title || '',
       message: message || '',
     };
@@ -79,35 +80,41 @@ class AlertAndroid {
     }
     // At most three buttons (neutral, negative, positive). Ignore rest.
     // The text 'OK' should be probably localized. iOS Alert does that in native.
-    var validButtons: Buttons = buttons ? buttons.slice(0, 3) : [{text: 'OK'}];
-    var buttonPositive = validButtons.pop();
-    var buttonNegative = validButtons.pop();
-    var buttonNeutral = validButtons.pop();
+    const validButtons: Buttons = buttons
+      ? buttons.slice(0, 3)
+      : [{text: 'OK'}];
+    const buttonPositive = validButtons.pop();
+    const buttonNegative = validButtons.pop();
+    const buttonNeutral = validButtons.pop();
     if (buttonNeutral) {
-      config = {...config, buttonNeutral: buttonNeutral.text || '' };
+      config = {...config, buttonNeutral: buttonNeutral.text || ''};
     }
     if (buttonNegative) {
-      config = {...config, buttonNegative: buttonNegative.text || '' };
+      config = {...config, buttonNegative: buttonNegative.text || ''};
     }
     if (buttonPositive) {
-      config = {...config, buttonPositive: buttonPositive.text || '' };
+      config = {...config, buttonPositive: buttonPositive.text || ''};
     }
     NativeModules.DialogManagerAndroid.showAlert(
       config,
-      (errorMessage) => console.warn(errorMessage),
+      errorMessage => console.warn(errorMessage),
       (action, buttonKey) => {
         if (action === NativeModules.DialogManagerAndroid.buttonClicked) {
           if (buttonKey === NativeModules.DialogManagerAndroid.buttonNeutral) {
             buttonNeutral.onPress && buttonNeutral.onPress();
-          } else if (buttonKey === NativeModules.DialogManagerAndroid.buttonNegative) {
+          } else if (
+            buttonKey === NativeModules.DialogManagerAndroid.buttonNegative
+          ) {
             buttonNegative.onPress && buttonNegative.onPress();
-          } else if (buttonKey === NativeModules.DialogManagerAndroid.buttonPositive) {
+          } else if (
+            buttonKey === NativeModules.DialogManagerAndroid.buttonPositive
+          ) {
             buttonPositive.onPress && buttonPositive.onPress();
           }
         } else if (action === NativeModules.DialogManagerAndroid.dismissed) {
           options && options.onDismiss && options.onDismiss();
         }
-      }
+      },
     );
   }
 }
diff --git a/Libraries/Alert/AlertIOS.js b/Libraries/Alert/AlertIOS.js
index b254406462399e..1998865b2d597c 100644
--- a/Libraries/Alert/AlertIOS.js
+++ b/Libraries/Alert/AlertIOS.js
@@ -4,13 +4,14 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AlertIOS
+ * @format
  * @flow
  * @jsdoc
  */
+
 'use strict';
 
-var RCTAlertManager = require('NativeModules').AlertManager;
+const RCTAlertManager = require('NativeModules').AlertManager;
 
 /**
  * An Alert button type
@@ -19,7 +20,7 @@ export type AlertType = $Enum<{
   /**
    * Default alert with no inputs
    */
-  'default': string,
+  default: string,
   /**
    * Plain text input alert
    */
@@ -41,15 +42,15 @@ export type AlertButtonStyle = $Enum<{
   /**
    * Default button style
    */
-  'default': string,
+  default: string,
   /**
    * Cancel button style
    */
-  'cancel': string,
+  cancel: string,
   /**
    * Destructive button style
    */
-  'destructive': string,
+  destructive: string,
 }>;
 
 /**
@@ -88,11 +89,13 @@ class AlertIOS {
   static alert(
     title: ?string,
     message?: ?string,
-    callbackOrButtons?: ?(() => void) | ButtonsArray,
+    callbackOrButtons?: ?((() => void) | ButtonsArray),
     type?: AlertType,
   ): void {
     if (typeof type !== 'undefined') {
-      console.warn('AlertIOS.alert() with a 4th "type" parameter is deprecated and will be removed. Use AlertIOS.prompt() instead.');
+      console.warn(
+        'AlertIOS.alert() with a 4th "type" parameter is deprecated and will be removed. Use AlertIOS.prompt() instead.',
+      );
       this.prompt(title, message, callbackOrButtons, type);
       return;
     }
@@ -107,37 +110,40 @@ class AlertIOS {
   static prompt(
     title: ?string,
     message?: ?string,
-    callbackOrButtons?: ?((text: string) => void) | ButtonsArray,
+    callbackOrButtons?: ?(((text: string) => void) | ButtonsArray),
     type?: ?AlertType = 'plain-text',
     defaultValue?: string,
-    keyboardType?: string
+    keyboardType?: string,
   ): void {
     if (typeof type === 'function') {
       console.warn(
         'You passed a callback function as the "type" argument to AlertIOS.prompt(). React Native is ' +
-        'assuming  you want to use the deprecated AlertIOS.prompt(title, defaultValue, buttons, callback) ' +
-        'signature. The current signature is AlertIOS.prompt(title, message, callbackOrButtons, type, defaultValue, ' +
-        'keyboardType) and the old syntax will be removed in a future version.');
+          'assuming  you want to use the deprecated AlertIOS.prompt(title, defaultValue, buttons, callback) ' +
+          'signature. The current signature is AlertIOS.prompt(title, message, callbackOrButtons, type, defaultValue, ' +
+          'keyboardType) and the old syntax will be removed in a future version.',
+      );
 
-      var callback = type;
-      RCTAlertManager.alertWithArgs({
-        title: title || '',
-        type: 'plain-text',
-        defaultValue: message,
-      }, (id, value) => {
-        callback(value);
-      });
+      const callback = type;
+      RCTAlertManager.alertWithArgs(
+        {
+          title: title || '',
+          type: 'plain-text',
+          defaultValue: message,
+        },
+        (id, value) => {
+          callback(value);
+        },
+      );
       return;
     }
 
-    var callbacks = [];
-    var buttons = [];
-    var cancelButtonKey;
-    var destructiveButtonKey;
+    let callbacks = [];
+    const buttons = [];
+    let cancelButtonKey;
+    let destructiveButtonKey;
     if (typeof callbackOrButtons === 'function') {
       callbacks = [callbackOrButtons];
-    }
-    else if (callbackOrButtons instanceof Array) {
+    } else if (callbackOrButtons instanceof Array) {
       callbackOrButtons.forEach((btn, index) => {
         callbacks[index] = btn.onPress;
         if (btn.style === 'cancel') {
@@ -146,26 +152,29 @@ class AlertIOS {
           destructiveButtonKey = String(index);
         }
         if (btn.text || index < (callbackOrButtons || []).length - 1) {
-          var btnDef = {};
+          const btnDef = {};
           btnDef[index] = btn.text || '';
           buttons.push(btnDef);
         }
       });
     }
 
-    RCTAlertManager.alertWithArgs({
-      title: title || '',
-      message: message || undefined,
-      buttons,
-      type: type || undefined,
-      defaultValue,
-      cancelButtonKey,
-      destructiveButtonKey,
-      keyboardType,
-    }, (id, value) => {
-      var cb = callbacks[id];
-      cb && cb(value);
-    });
+    RCTAlertManager.alertWithArgs(
+      {
+        title: title || '',
+        message: message || undefined,
+        buttons,
+        type: type || undefined,
+        defaultValue,
+        cancelButtonKey,
+        destructiveButtonKey,
+        keyboardType,
+      },
+      (id, value) => {
+        const cb = callbacks[id];
+        cb && cb(value);
+      },
+    );
   }
 }
 
diff --git a/Libraries/Alert/RCTAlertManager.android.js b/Libraries/Alert/RCTAlertManager.android.js
index f819b55e1b3d1f..2e510add8ddaca 100644
--- a/Libraries/Alert/RCTAlertManager.android.js
+++ b/Libraries/Alert/RCTAlertManager.android.js
@@ -4,11 +4,12 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RCTAlertManager
-*/
+ * @format
+ */
+
 'use strict';
 
-var NativeModules = require('NativeModules');
+const NativeModules = require('NativeModules');
 
 function emptyCallback() {}
 
@@ -16,8 +17,9 @@ module.exports = {
   alertWithArgs: function(args, callback) {
     // TODO(5998984): Polyfill it correctly with DialogManagerAndroid
     NativeModules.DialogManagerAndroid.showAlert(
-        args,
-        emptyCallback,
-        callback || emptyCallback);
+      args,
+      emptyCallback,
+      callback || emptyCallback,
+    );
   },
 };
diff --git a/Libraries/Alert/RCTAlertManager.ios.js b/Libraries/Alert/RCTAlertManager.ios.js
index 3aef740abed4d5..529bb5da0e55f2 100644
--- a/Libraries/Alert/RCTAlertManager.ios.js
+++ b/Libraries/Alert/RCTAlertManager.ios.js
@@ -4,11 +4,12 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RCTAlertManager
+ * @format
  * @flow
  */
+
 'use strict';
 
-var RCTAlertManager = require('NativeModules').AlertManager;
+const RCTAlertManager = require('NativeModules').AlertManager;
 
 module.exports = RCTAlertManager;
diff --git a/Libraries/Animated/release/gulpfile.js b/Libraries/Animated/release/gulpfile.js
index b454ea790c2731..b5599e9365fef3 100644
--- a/Libraries/Animated/release/gulpfile.js
+++ b/Libraries/Animated/release/gulpfile.js
@@ -3,7 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- * @providesModule gulpfile
+ *
+ * @format
  */
 
 'use strict';
@@ -21,58 +22,52 @@ var objectAssign = require('object-assign');
 var runSequence = require('run-sequence');
 var webpackStream = require('webpack-stream');
 
-var DEVELOPMENT_HEADER = [
-  '/**',
-  ' * Animated v<%= version %>',
-  ' */'
-].join('\n') + '\n';
-var PRODUCTION_HEADER = [
-  '/**',
-  ' * Animated v<%= version %>',
-  ' *',
-  ' * Copyright (c) 2013-present, Facebook, Inc.',
-  ' *',
-  ' * This source code is licensed under the MIT license found in the',
-  ' * LICENSE file in the root directory of this source tree.',
-  ' */'
-].join('\n') + '\n';
+var DEVELOPMENT_HEADER =
+  ['/**', ' * Animated v<%= version %>', ' */'].join('\n') + '\n';
+var PRODUCTION_HEADER =
+  [
+    '/**',
+    ' * Animated v<%= version %>',
+    ' *',
+    ' * Copyright (c) 2013-present, Facebook, Inc.',
+    ' *',
+    ' * This source code is licensed under the MIT license found in the',
+    ' * LICENSE file in the root directory of this source tree.',
+    ' */',
+  ].join('\n') + '\n';
 
 var babelOpts = {
   nonStandard: true,
-  loose: [
-    'es6.classes'
-  ],
+  loose: ['es6.classes'],
   stage: 1,
   plugins: [babelPluginDEV, babelPluginModules],
   _moduleMap: objectAssign({}, require('fbjs/module-map'), {
-    'React': 'react',
-  })
+    React: 'react',
+  }),
 };
 
 var buildDist = function(opts) {
   var webpackOpts = {
     debug: opts.debug,
     externals: {
-      'react': 'React',
+      react: 'React',
     },
     module: {
-      loaders: [
-        {test: /\.js$/, loader: 'babel'}
-      ],
+      loaders: [{test: /\.js$/, loader: 'babel'}],
     },
     output: {
       filename: opts.output,
-      library: 'Animated'
+      library: 'Animated',
     },
     plugins: [
       new webpackStream.webpack.DefinePlugin({
         'process.env.NODE_ENV': JSON.stringify(
-          opts.debug ? 'development' : 'production'
+          opts.debug ? 'development' : 'production',
         ),
       }),
       new webpackStream.webpack.optimize.OccurenceOrderPlugin(),
-      new webpackStream.webpack.optimize.DedupePlugin()
-    ]
+      new webpackStream.webpack.optimize.DedupePlugin(),
+    ],
   };
   if (!opts.debug) {
     webpackOpts.plugins.push(
@@ -80,9 +75,9 @@ var buildDist = function(opts) {
         compress: {
           hoist_vars: true,
           screw_ie8: true,
-          warnings: false
-        }
-      })
+          warnings: false,
+        },
+      }),
     );
   }
   return webpackStream(webpackOpts, null, function(err, stats) {
@@ -102,7 +97,7 @@ var paths = {
   src: [
     '*src/**/*.js',
     '!src/**/__tests__/**/*.js',
-    '!src/**/__mocks__/**/*.js'
+    '!src/**/__mocks__/**/*.js',
   ],
 };
 
@@ -118,32 +113,36 @@ gulp.task('modules', function() {
     .pipe(gulp.dest(paths.lib));
 });
 
-gulp.task('dist', ['modules'], function () {
+gulp.task('dist', ['modules'], function() {
   var distOpts = {
     debug: true,
-    output: 'animated.js'
+    output: 'animated.js',
   };
   return gulp
     .src(paths.entry)
     .pipe(buildDist(distOpts))
     .pipe(derequire())
-    .pipe(header(DEVELOPMENT_HEADER, {
-      version: process.env.npm_package_version
-    }))
+    .pipe(
+      header(DEVELOPMENT_HEADER, {
+        version: process.env.npm_package_version,
+      }),
+    )
     .pipe(gulp.dest(paths.dist));
 });
 
-gulp.task('dist:min', ['modules'], function () {
+gulp.task('dist:min', ['modules'], function() {
   var distOpts = {
     debug: false,
-    output: 'animated.min.js'
+    output: 'animated.min.js',
   };
   return gulp
     .src(paths.entry)
     .pipe(buildDist(distOpts))
-    .pipe(header(PRODUCTION_HEADER, {
-      version: process.env.npm_package_version
-    }))
+    .pipe(
+      header(PRODUCTION_HEADER, {
+        version: process.env.npm_package_version,
+      }),
+    )
     .pipe(gulp.dest(paths.dist));
 });
 
diff --git a/Libraries/Animated/release/package.json b/Libraries/Animated/release/package.json
index 74f457a4dcd33c..49f6a2081ffd14 100644
--- a/Libraries/Animated/release/package.json
+++ b/Libraries/Animated/release/package.json
@@ -10,7 +10,7 @@
   "license": "MIT",
   "main": "Animated.js",
   "dependencies": {
-    "fbjs": "^0.2.1"
+    "fbjs": "0.8.17"
   },
   "scripts": {
     "build": "gulp"
diff --git a/Libraries/Animated/src/Animated.js b/Libraries/Animated/src/Animated.js
index 32ec9ff8046954..5b831396c3fc74 100644
--- a/Libraries/Animated/src/Animated.js
+++ b/Libraries/Animated/src/Animated.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Animated
  * @flow
  * @format
  */
@@ -12,19 +11,19 @@
 'use strict';
 
 const AnimatedImplementation = require('AnimatedImplementation');
+const FlatList = require('FlatList');
 const Image = require('Image');
 const ScrollView = require('ScrollView');
+const SectionList = require('SectionList');
 const Text = require('Text');
 const View = require('View');
 
-const Animated = {
+module.exports = {
+  ...AnimatedImplementation,
   View: AnimatedImplementation.createAnimatedComponent(View),
   Text: AnimatedImplementation.createAnimatedComponent(Text),
   Image: AnimatedImplementation.createAnimatedComponent(Image),
   ScrollView: AnimatedImplementation.createAnimatedComponent(ScrollView),
+  FlatList: AnimatedImplementation.createAnimatedComponent(FlatList),
+  SectionList: AnimatedImplementation.createAnimatedComponent(SectionList),
 };
-
-Object.assign((Animated: Object), AnimatedImplementation);
-
-module.exports = ((Animated: any): typeof AnimatedImplementation &
-  typeof Animated);
diff --git a/Libraries/Animated/src/AnimatedEvent.js b/Libraries/Animated/src/AnimatedEvent.js
index f9300feb4e79ea..084632737c661d 100644
--- a/Libraries/Animated/src/AnimatedEvent.js
+++ b/Libraries/Animated/src/AnimatedEvent.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnimatedEvent
  * @flow
  * @format
  */
diff --git a/Libraries/Animated/src/AnimatedImplementation.js b/Libraries/Animated/src/AnimatedImplementation.js
index 69a96ba1d3e6ba..2c1ce431d10686 100644
--- a/Libraries/Animated/src/AnimatedImplementation.js
+++ b/Libraries/Animated/src/AnimatedImplementation.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnimatedImplementation
  * @flow
  * @format
  * @preventMunge
@@ -20,6 +19,7 @@ const AnimatedModulo = require('./nodes/AnimatedModulo');
 const AnimatedMultiplication = require('./nodes/AnimatedMultiplication');
 const AnimatedNode = require('./nodes/AnimatedNode');
 const AnimatedProps = require('./nodes/AnimatedProps');
+const AnimatedSubtraction = require('./nodes/AnimatedSubtraction');
 const AnimatedTracking = require('./nodes/AnimatedTracking');
 const AnimatedValue = require('./nodes/AnimatedValue');
 const AnimatedValueXY = require('./nodes/AnimatedValueXY');
@@ -54,6 +54,13 @@ const add = function(
   return new AnimatedAddition(a, b);
 };
 
+const subtract = function(
+  a: AnimatedNode | number,
+  b: AnimatedNode | number,
+): AnimatedSubtraction {
+  return new AnimatedSubtraction(a, b);
+};
+
 const divide = function(
   a: AnimatedNode | number,
   b: AnimatedNode | number,
@@ -521,7 +528,7 @@ module.exports = {
   /**
    * 2D value class for driving 2D animations, such as pan gestures.
    *
-   * See https://facebook.github.io/react-native/releases/next/docs/animatedvaluexy.html
+   * See https://facebook.github.io/react-native/docs/animatedvaluexy.html
    */
   ValueXY: AnimatedValueXY,
   /**
@@ -568,6 +575,14 @@ module.exports = {
    */
   add,
 
+  /**
+   * Creates a new Animated value composed by subtracting the second Animated
+   * value from the first Animated value.
+   *
+   * See http://facebook.github.io/react-native/docs/animated.html#subtract
+   */
+  subtract,
+
   /**
    * Creates a new Animated value composed by dividing the first Animated value
    * by the second Animated value.
diff --git a/Libraries/Animated/src/AnimatedWeb.js b/Libraries/Animated/src/AnimatedWeb.js
index f3af397b740931..e80023d73687a4 100644
--- a/Libraries/Animated/src/AnimatedWeb.js
+++ b/Libraries/Animated/src/AnimatedWeb.js
@@ -4,12 +4,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule AnimatedWeb
  */
+
 'use strict';
 
-var AnimatedImplementation = require('AnimatedImplementation');
+const AnimatedImplementation = require('AnimatedImplementation');
 
 module.exports = {
   ...AnimatedImplementation,
diff --git a/Libraries/Animated/src/Easing.js b/Libraries/Animated/src/Easing.js
index f5c00fd813f7dc..94fb865882c040 100644
--- a/Libraries/Animated/src/Easing.js
+++ b/Libraries/Animated/src/Easing.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Easing
+ * @format
  * @flow
  */
+
 'use strict';
 
 let ease;
@@ -130,7 +131,7 @@ class Easing {
    * http://easings.net/#easeInSine
    */
   static sin(t: number) {
-    return 1 - Math.cos(t * Math.PI / 2);
+    return 1 - Math.cos((t * Math.PI) / 2);
   }
 
   /**
@@ -163,7 +164,7 @@ class Easing {
    */
   static elastic(bounciness: number = 1): (t: number) => number {
     const p = bounciness * Math.PI;
-    return (t) => 1 - Math.pow(Math.cos(t * Math.PI / 2), 3) * Math.cos(t * p);
+    return t => 1 - Math.pow(Math.cos((t * Math.PI) / 2), 3) * Math.cos(t * p);
   }
 
   /**
@@ -178,7 +179,7 @@ class Easing {
     if (s === undefined) {
       s = 1.70158;
     }
-    return (t) => t * t * ((s + 1) * t - s);
+    return t => t * t * ((s + 1) * t - s);
   }
 
   /**
@@ -216,7 +217,7 @@ class Easing {
     x1: number,
     y1: number,
     x2: number,
-    y2: number
+    y2: number,
   ): (t: number) => number {
     const _bezier = require('bezier');
     return _bezier(x1, y1, x2, y2);
@@ -225,19 +226,15 @@ class Easing {
   /**
    * Runs an easing function forwards.
    */
-  static in(
-    easing: (t: number) => number,
-  ): (t: number) => number {
+  static in(easing: (t: number) => number): (t: number) => number {
     return easing;
   }
 
   /**
    * Runs an easing function backwards.
    */
-  static out(
-    easing: (t: number) => number,
-  ): (t: number) => number {
-    return (t) => 1 - easing(1 - t);
+  static out(easing: (t: number) => number): (t: number) => number {
+    return t => 1 - easing(1 - t);
   }
 
   /**
@@ -245,10 +242,8 @@ class Easing {
    * forwards for half of the duration, then backwards for the rest of the
    * duration.
    */
-  static inOut(
-    easing: (t: number) => number,
-  ): (t: number) => number {
-    return (t) => {
+  static inOut(easing: (t: number) => number): (t: number) => number {
+    return t => {
       if (t < 0.5) {
         return easing(t * 2) / 2;
       }
diff --git a/Libraries/Animated/src/NativeAnimatedHelper.js b/Libraries/Animated/src/NativeAnimatedHelper.js
index 5765dcfc63b829..3142ea24c084d1 100644
--- a/Libraries/Animated/src/NativeAnimatedHelper.js
+++ b/Libraries/Animated/src/NativeAnimatedHelper.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule NativeAnimatedHelper
  * @flow
  * @format
  */
@@ -145,6 +144,15 @@ const API = {
 const STYLES_WHITELIST = {
   opacity: true,
   transform: true,
+  borderRadius: true,
+  borderBottomEndRadius: true,
+  borderBottomLeftRadius: true,
+  borderBottomRightRadius: true,
+  borderBottomStartRadius: true,
+  borderTopEndRadius: true,
+  borderTopLeftRadius: true,
+  borderTopRightRadius: true,
+  borderTopStartRadius: true,
   /* ios styles */
   shadowOpacity: true,
   shadowRadius: true,
@@ -200,7 +208,7 @@ function validateTransform(configs: Array<Object>): void {
 }
 
 function validateStyles(styles: Object): void {
-  for (var key in styles) {
+  for (const key in styles) {
     if (!STYLES_WHITELIST.hasOwnProperty(key)) {
       throw new Error(
         `Style property '${key}' is not supported by native animated module`,
@@ -210,7 +218,7 @@ function validateStyles(styles: Object): void {
 }
 
 function validateInterpolation(config: Object): void {
-  for (var key in config) {
+  for (const key in config) {
     if (!SUPPORTED_INTERPOLATION_PARAMS.hasOwnProperty(key)) {
       throw new Error(
         `Interpolation property '${key}' is not supported by native animated module`,
diff --git a/Libraries/Animated/src/SpringConfig.js b/Libraries/Animated/src/SpringConfig.js
index 5b476f6723469e..456af9c40ec1ae 100644
--- a/Libraries/Animated/src/SpringConfig.js
+++ b/Libraries/Animated/src/SpringConfig.js
@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SpringConfig
- * @flow
+ * @format
+ * @flow strict
  */
 
 'use strict';
@@ -42,7 +42,7 @@ function fromBouncinessAndSpeed(
   }
 
   function projectNormal(n, start, end) {
-    return start + (n * (end - start));
+    return start + n * (end - start);
   }
 
   function linearInterpolation(t, start, end) {
@@ -54,18 +54,20 @@ function fromBouncinessAndSpeed(
   }
 
   function b3Friction1(x) {
-    return (0.0007 * Math.pow(x, 3)) -
-      (0.031 * Math.pow(x, 2)) + 0.64 * x + 1.28;
+    return 0.0007 * Math.pow(x, 3) - 0.031 * Math.pow(x, 2) + 0.64 * x + 1.28;
   }
 
   function b3Friction2(x) {
-    return (0.000044 * Math.pow(x, 3)) -
-      (0.006 * Math.pow(x, 2)) + 0.36 * x + 2;
+    return 0.000044 * Math.pow(x, 3) - 0.006 * Math.pow(x, 2) + 0.36 * x + 2;
   }
 
   function b3Friction3(x) {
-    return (0.00000045 * Math.pow(x, 3)) -
-      (0.000332 * Math.pow(x, 2)) + 0.1078 * x + 5.84;
+    return (
+      0.00000045 * Math.pow(x, 3) -
+      0.000332 * Math.pow(x, 2) +
+      0.1078 * x +
+      5.84
+    );
   }
 
   function b3Nobounce(tension) {
@@ -78,14 +80,14 @@ function fromBouncinessAndSpeed(
     }
   }
 
-  var b = normalize(bounciness / 1.7, 0, 20);
+  let b = normalize(bounciness / 1.7, 0, 20);
   b = projectNormal(b, 0, 0.8);
-  var s = normalize(speed / 1.7, 0, 20);
-  var bouncyTension = projectNormal(s, 0.5, 200);
-  var bouncyFriction = quadraticOutInterpolation(
+  const s = normalize(speed / 1.7, 0, 20);
+  const bouncyTension = projectNormal(s, 0.5, 200);
+  const bouncyFriction = quadraticOutInterpolation(
     b,
     b3Nobounce(bouncyTension),
-    0.01
+    0.01,
   );
 
   return {
diff --git a/Libraries/Animated/src/__tests__/Animated-test.js b/Libraries/Animated/src/__tests__/Animated-test.js
index d6409d7f8a9224..6c5ef66b14a170 100644
--- a/Libraries/Animated/src/__tests__/Animated-test.js
+++ b/Libraries/Animated/src/__tests__/Animated-test.js
@@ -4,40 +4,46 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
-var Animated = require('Animated');
+let Animated = require('Animated');
 describe('Animated tests', () => {
   beforeEach(() => {
     jest.resetModules();
   });
 
   describe('Animated', () => {
-
     it('works end to end', () => {
-      var anim = new Animated.Value(0);
-
-      var callback = jest.fn();
-
-      var node = new Animated.__PropsOnlyForTests({
-        style: {
-          backgroundColor: 'red',
-          opacity: anim,
-          transform: [
-            {translateX: anim.interpolate({
-              inputRange: [0, 1],
-              outputRange: [100, 200],
-            })},
-            {scale: anim},
-          ],
-          shadowOffset: {
-            width: anim,
-            height: anim,
+      const anim = new Animated.Value(0);
+
+      const callback = jest.fn();
+
+      const node = new Animated.__PropsOnlyForTests(
+        {
+          style: {
+            backgroundColor: 'red',
+            opacity: anim,
+            transform: [
+              {
+                translateX: anim.interpolate({
+                  inputRange: [0, 1],
+                  outputRange: [100, 200],
+                }),
+              },
+              {scale: anim},
+            ],
+            shadowOffset: {
+              width: anim,
+              height: anim,
+            },
           },
-        }
-      }, callback);
+        },
+        callback,
+      );
 
       expect(anim.__getChildren().length).toBe(3);
 
@@ -45,10 +51,7 @@ describe('Animated tests', () => {
         style: {
           backgroundColor: 'red',
           opacity: 0,
-          transform: [
-            {translateX: 100},
-            {scale: 0},
-          ],
+          transform: [{translateX: 100}, {scale: 0}],
           shadowOffset: {
             width: 0,
             height: 0,
@@ -64,10 +67,7 @@ describe('Animated tests', () => {
         style: {
           backgroundColor: 'red',
           opacity: 0.5,
-          transform: [
-            {translateX: 150},
-            {scale: 0.5},
-          ],
+          transform: [{translateX: 150}, {scale: 0.5}],
           shadowOffset: {
             width: 0.5,
             height: 0.5,
@@ -83,10 +83,10 @@ describe('Animated tests', () => {
     });
 
     it('does not detach on updates', () => {
-      var anim = new Animated.Value(0);
+      const anim = new Animated.Value(0);
       anim.__detach = jest.fn();
 
-      var c = new Animated.View();
+      const c = new Animated.View();
       c.props = {
         style: {
           opacity: anim,
@@ -107,12 +107,11 @@ describe('Animated tests', () => {
       expect(anim.__detach).toBeCalled();
     });
 
-
     it('stops animation when detached', () => {
-      var anim = new Animated.Value(0);
-      var callback = jest.fn();
+      const anim = new Animated.Value(0);
+      const callback = jest.fn();
 
-      var c = new Animated.View();
+      const c = new Animated.View();
       c.props = {
         style: {
           opacity: anim,
@@ -129,31 +128,37 @@ describe('Animated tests', () => {
     });
 
     it('triggers callback when spring is at rest', () => {
-      var anim = new Animated.Value(0);
-      var callback = jest.fn();
+      const anim = new Animated.Value(0);
+      const callback = jest.fn();
       Animated.spring(anim, {toValue: 0, velocity: 0}).start(callback);
       expect(callback).toBeCalled();
     });
 
     it('send toValue when an underdamped spring stops', () => {
-      var anim = new Animated.Value(0);
-      var listener = jest.fn();
+      const anim = new Animated.Value(0);
+      const listener = jest.fn();
       anim.addListener(listener);
       Animated.spring(anim, {toValue: 15}).start();
       jest.runAllTimers();
-      var lastValue = listener.mock.calls[listener.mock.calls.length - 2][0].value;
+      const lastValue =
+        listener.mock.calls[listener.mock.calls.length - 2][0].value;
       expect(lastValue).not.toBe(15);
       expect(lastValue).toBeCloseTo(15);
       expect(anim.__getValue()).toBe(15);
     });
 
     it('send toValue when a critically damped spring stops', () => {
-      var anim = new Animated.Value(0);
-      var listener = jest.fn();
+      const anim = new Animated.Value(0);
+      const listener = jest.fn();
       anim.addListener(listener);
-      Animated.spring(anim, {stiffness: 8000, damping: 2000, toValue: 15}).start();
+      Animated.spring(anim, {
+        stiffness: 8000,
+        damping: 2000,
+        toValue: 15,
+      }).start();
       jest.runAllTimers();
-      var lastValue = listener.mock.calls[listener.mock.calls.length - 2][0].value;
+      const lastValue =
+        listener.mock.calls[listener.mock.calls.length - 2][0].value;
       expect(lastValue).not.toBe(15);
       expect(lastValue).toBeCloseTo(15);
       expect(anim.__getValue()).toBe(15);
@@ -164,21 +169,19 @@ describe('Animated tests', () => {
     });
   });
 
-
   describe('Animated Sequence', () => {
-
     it('works with an empty sequence', () => {
-      var cb = jest.fn();
+      const cb = jest.fn();
       Animated.sequence([]).start(cb);
       expect(cb).toBeCalledWith({finished: true});
     });
 
     it('sequences well', () => {
-      var anim1 = {start: jest.fn()};
-      var anim2 = {start: jest.fn()};
-      var cb = jest.fn();
+      const anim1 = {start: jest.fn()};
+      const anim2 = {start: jest.fn()};
+      const cb = jest.fn();
 
-      var seq = Animated.sequence([anim1, anim2]);
+      const seq = Animated.sequence([anim1, anim2]);
 
       expect(anim1.start).not.toBeCalled();
       expect(anim2.start).not.toBeCalled();
@@ -199,9 +202,9 @@ describe('Animated tests', () => {
     });
 
     it('supports interrupting sequence', () => {
-      var anim1 = {start: jest.fn()};
-      var anim2 = {start: jest.fn()};
-      var cb = jest.fn();
+      const anim1 = {start: jest.fn()};
+      const anim2 = {start: jest.fn()};
+      const cb = jest.fn();
 
       Animated.sequence([anim1, anim2]).start(cb);
 
@@ -213,11 +216,11 @@ describe('Animated tests', () => {
     });
 
     it('supports stopping sequence', () => {
-      var anim1 = {start: jest.fn(), stop: jest.fn()};
-      var anim2 = {start: jest.fn(), stop: jest.fn()};
-      var cb = jest.fn();
+      const anim1 = {start: jest.fn(), stop: jest.fn()};
+      const anim2 = {start: jest.fn(), stop: jest.fn()};
+      const cb = jest.fn();
 
-      var seq = Animated.sequence([anim1, anim2]);
+      const seq = Animated.sequence([anim1, anim2]);
       seq.start(cb);
       seq.stop();
 
@@ -232,12 +235,15 @@ describe('Animated tests', () => {
   });
 
   describe('Animated Loop', () => {
-
     it('loops indefinitely if config not specified', () => {
-      var animation = {start: jest.fn(), reset: jest.fn(), _isUsingNativeDriver: () => false};
-      var cb = jest.fn();
+      const animation = {
+        start: jest.fn(),
+        reset: jest.fn(),
+        _isUsingNativeDriver: () => false,
+      };
+      const cb = jest.fn();
 
-      var loop = Animated.loop(animation);
+      const loop = Animated.loop(animation);
 
       expect(animation.start).not.toBeCalled();
 
@@ -261,10 +267,14 @@ describe('Animated tests', () => {
     });
 
     it('loops indefinitely if iterations is -1', () => {
-      var animation = {start: jest.fn(), reset: jest.fn(), _isUsingNativeDriver: () => false};
-      var cb = jest.fn();
+      const animation = {
+        start: jest.fn(),
+        reset: jest.fn(),
+        _isUsingNativeDriver: () => false,
+      };
+      const cb = jest.fn();
 
-      var loop = Animated.loop(animation, { iterations: -1 });
+      const loop = Animated.loop(animation, {iterations: -1});
 
       expect(animation.start).not.toBeCalled();
 
@@ -288,10 +298,14 @@ describe('Animated tests', () => {
     });
 
     it('loops indefinitely if iterations not specified', () => {
-      var animation = {start: jest.fn(), reset: jest.fn(), _isUsingNativeDriver: () => false};
-      var cb = jest.fn();
+      const animation = {
+        start: jest.fn(),
+        reset: jest.fn(),
+        _isUsingNativeDriver: () => false,
+      };
+      const cb = jest.fn();
 
-      var loop = Animated.loop(animation, { anotherKey: 'value' });
+      const loop = Animated.loop(animation, {anotherKey: 'value'});
 
       expect(animation.start).not.toBeCalled();
 
@@ -315,10 +329,14 @@ describe('Animated tests', () => {
     });
 
     it('loops three times if iterations is 3', () => {
-      var animation = {start: jest.fn(), reset: jest.fn(), _isUsingNativeDriver: () => false};
-      var cb = jest.fn();
+      const animation = {
+        start: jest.fn(),
+        reset: jest.fn(),
+        _isUsingNativeDriver: () => false,
+      };
+      const cb = jest.fn();
 
-      var loop = Animated.loop(animation, { iterations: 3 });
+      const loop = Animated.loop(animation, {iterations: 3});
 
       expect(animation.start).not.toBeCalled();
 
@@ -342,10 +360,14 @@ describe('Animated tests', () => {
     });
 
     it('does not loop if iterations is 1', () => {
-      var animation = {start: jest.fn(), reset: jest.fn(), _isUsingNativeDriver: () => false};
-      var cb = jest.fn();
+      const animation = {
+        start: jest.fn(),
+        reset: jest.fn(),
+        _isUsingNativeDriver: () => false,
+      };
+      const cb = jest.fn();
 
-      var loop = Animated.loop(animation, { iterations: 1 });
+      const loop = Animated.loop(animation, {iterations: 1});
 
       expect(animation.start).not.toBeCalled();
 
@@ -359,10 +381,14 @@ describe('Animated tests', () => {
     });
 
     it('does not animate if iterations is 0', () => {
-      var animation = {start: jest.fn(), reset: jest.fn(), _isUsingNativeDriver: () => false};
-      var cb = jest.fn();
+      const animation = {
+        start: jest.fn(),
+        reset: jest.fn(),
+        _isUsingNativeDriver: () => false,
+      };
+      const cb = jest.fn();
 
-      var loop = Animated.loop(animation, { iterations: 0 });
+      const loop = Animated.loop(animation, {iterations: 0});
 
       expect(animation.start).not.toBeCalled();
 
@@ -373,8 +399,12 @@ describe('Animated tests', () => {
     });
 
     it('supports interrupting an indefinite loop', () => {
-      var animation = {start: jest.fn(), reset: jest.fn(), _isUsingNativeDriver: () => false};
-      var cb = jest.fn();
+      const animation = {
+        start: jest.fn(),
+        reset: jest.fn(),
+        _isUsingNativeDriver: () => false,
+      };
+      const cb = jest.fn();
 
       Animated.loop(animation).start(cb);
       expect(animation.start).toBeCalled();
@@ -391,10 +421,15 @@ describe('Animated tests', () => {
     });
 
     it('supports stopping loop', () => {
-      var animation = {start: jest.fn(), stop: jest.fn(), reset: jest.fn(), _isUsingNativeDriver: () => false};
-      var cb = jest.fn();
+      const animation = {
+        start: jest.fn(),
+        stop: jest.fn(),
+        reset: jest.fn(),
+        _isUsingNativeDriver: () => false,
+      };
+      const cb = jest.fn();
 
-      var loop = Animated.loop(animation);
+      const loop = Animated.loop(animation);
       loop.start(cb);
       loop.stop();
 
@@ -409,16 +444,15 @@ describe('Animated tests', () => {
   });
 
   describe('Animated Parallel', () => {
-
     it('works with an empty parallel', () => {
-      var cb = jest.fn();
+      const cb = jest.fn();
       Animated.parallel([]).start(cb);
       expect(cb).toBeCalledWith({finished: true});
     });
 
     it('works with an empty element in array', () => {
-      var anim1 = {start: jest.fn()};
-      var cb = jest.fn();
+      const anim1 = {start: jest.fn()};
+      const cb = jest.fn();
       Animated.parallel([null, anim1]).start(cb);
 
       expect(anim1.start).toBeCalled();
@@ -428,11 +462,11 @@ describe('Animated tests', () => {
     });
 
     it('parellelizes well', () => {
-      var anim1 = {start: jest.fn()};
-      var anim2 = {start: jest.fn()};
-      var cb = jest.fn();
+      const anim1 = {start: jest.fn()};
+      const anim2 = {start: jest.fn()};
+      const cb = jest.fn();
 
-      var par = Animated.parallel([anim1, anim2]);
+      const par = Animated.parallel([anim1, anim2]);
 
       expect(anim1.start).not.toBeCalled();
       expect(anim2.start).not.toBeCalled();
@@ -451,11 +485,11 @@ describe('Animated tests', () => {
     });
 
     it('supports stopping parallel', () => {
-      var anim1 = {start: jest.fn(), stop: jest.fn()};
-      var anim2 = {start: jest.fn(), stop: jest.fn()};
-      var cb = jest.fn();
+      const anim1 = {start: jest.fn(), stop: jest.fn()};
+      const anim2 = {start: jest.fn(), stop: jest.fn()};
+      const cb = jest.fn();
 
-      var seq = Animated.parallel([anim1, anim2]);
+      const seq = Animated.parallel([anim1, anim2]);
       seq.start(cb);
       seq.stop();
 
@@ -470,14 +504,13 @@ describe('Animated tests', () => {
       expect(cb).toBeCalledWith({finished: false});
     });
 
-
     it('does not call stop more than once when stopping', () => {
-      var anim1 = {start: jest.fn(), stop: jest.fn()};
-      var anim2 = {start: jest.fn(), stop: jest.fn()};
-      var anim3 = {start: jest.fn(), stop: jest.fn()};
-      var cb = jest.fn();
+      const anim1 = {start: jest.fn(), stop: jest.fn()};
+      const anim2 = {start: jest.fn(), stop: jest.fn()};
+      const anim3 = {start: jest.fn(), stop: jest.fn()};
+      const cb = jest.fn();
 
-      var seq = Animated.parallel([anim1, anim2, anim3]);
+      const seq = Animated.parallel([anim1, anim2, anim3]);
       seq.start(cb);
 
       anim1.start.mock.calls[0][0]({finished: false});
@@ -502,12 +535,9 @@ describe('Animated tests', () => {
 
   describe('Animated delays', () => {
     it('should call anim after delay in sequence', () => {
-      var anim = {start: jest.fn(), stop: jest.fn()};
-      var cb = jest.fn();
-      Animated.sequence([
-        Animated.delay(1000),
-        anim,
-      ]).start(cb);
+      const anim = {start: jest.fn(), stop: jest.fn()};
+      const cb = jest.fn();
+      Animated.sequence([Animated.delay(1000), anim]).start(cb);
       jest.runAllTimers();
       expect(anim.start.mock.calls.length).toBe(1);
       expect(cb).not.toBeCalled();
@@ -515,7 +545,7 @@ describe('Animated tests', () => {
       expect(cb).toBeCalledWith({finished: true});
     });
     it('should run stagger to end', () => {
-      var cb = jest.fn();
+      const cb = jest.fn();
       Animated.stagger(1000, [
         Animated.delay(1000),
         Animated.delay(1000),
@@ -528,34 +558,26 @@ describe('Animated tests', () => {
 
   describe('Animated Events', () => {
     it('should map events', () => {
-      var value = new Animated.Value(0);
-      var handler = Animated.event(
-        [null, {state: {foo: value}}],
-      );
+      const value = new Animated.Value(0);
+      const handler = Animated.event([null, {state: {foo: value}}]);
       handler({bar: 'ignoreBar'}, {state: {baz: 'ignoreBaz', foo: 42}});
       expect(value.__getValue()).toBe(42);
     });
     it('should call listeners', () => {
-      var value = new Animated.Value(0);
-      var listener = jest.fn();
-      var handler = Animated.event(
-        [{foo: value}],
-        {listener},
-      );
+      const value = new Animated.Value(0);
+      const listener = jest.fn();
+      const handler = Animated.event([{foo: value}], {listener});
       handler({foo: 42});
       expect(value.__getValue()).toBe(42);
       expect(listener.mock.calls.length).toBe(1);
       expect(listener).toBeCalledWith({foo: 42});
     });
-    it('should call forked event listeners', () => {
-      var value = new Animated.Value(0);
-      var listener = jest.fn();
-      var handler = Animated.event(
-        [{foo: value}],
-        {listener},
-      );
-      var listener2 = jest.fn();
-      var forkedHandler = Animated.forkEvent(handler, listener2);
+    it('should call forked event listeners, with Animated.event() listener', () => {
+      const value = new Animated.Value(0);
+      const listener = jest.fn();
+      const handler = Animated.event([{foo: value}], {listener});
+      const listener2 = jest.fn();
+      const forkedHandler = Animated.forkEvent(handler, listener2);
       forkedHandler({foo: 42});
       expect(value.__getValue()).toBe(42);
       expect(listener.mock.calls.length).toBe(1);
@@ -563,13 +585,31 @@ describe('Animated tests', () => {
       expect(listener2.mock.calls.length).toBe(1);
       expect(listener2).toBeCalledWith({foo: 42});
     });
+    it('should call forked event listeners, with js listener', () => {
+      const listener = jest.fn();
+      const listener2 = jest.fn();
+      const forkedHandler = Animated.forkEvent(listener, listener2);
+      forkedHandler({foo: 42});
+      expect(listener.mock.calls.length).toBe(1);
+      expect(listener).toBeCalledWith({foo: 42});
+      expect(listener2.mock.calls.length).toBe(1);
+      expect(listener2).toBeCalledWith({foo: 42});
+    });
+    it('should call forked event listeners, with undefined listener', () => {
+      const listener = undefined;
+      const listener2 = jest.fn();
+      const forkedHandler = Animated.forkEvent(listener, listener2);
+      forkedHandler({foo: 42});
+      expect(listener2.mock.calls.length).toBe(1);
+      expect(listener2).toBeCalledWith({foo: 42});
+    });
   });
 
   describe('Animated Interactions', () => {
     /*eslint-disable no-shadow*/
-    var Animated;
+    let Animated;
     /*eslint-enable*/
-    var InteractionManager;
+    let InteractionManager;
 
     beforeEach(() => {
       jest.mock('InteractionManager');
@@ -577,15 +617,15 @@ describe('Animated tests', () => {
       InteractionManager = require('InteractionManager');
     });
 
-    afterEach(()=> {
+    afterEach(() => {
       jest.unmock('InteractionManager');
     });
 
     it('registers an interaction by default', () => {
       InteractionManager.createInteractionHandle.mockReturnValue(777);
 
-      var value = new Animated.Value(0);
-      var callback = jest.fn();
+      const value = new Animated.Value(0);
+      const callback = jest.fn();
       Animated.timing(value, {
         toValue: 100,
         duration: 100,
@@ -598,8 +638,8 @@ describe('Animated tests', () => {
     });
 
     it('does not register an interaction when specified', () => {
-      var value = new Animated.Value(0);
-      var callback = jest.fn();
+      const value = new Animated.Value(0);
+      const callback = jest.fn();
       Animated.timing(value, {
         toValue: 100,
         duration: 100,
@@ -615,8 +655,8 @@ describe('Animated tests', () => {
 
   describe('Animated Tracking', () => {
     it('should track values', () => {
-      var value1 = new Animated.Value(0);
-      var value2 = new Animated.Value(0);
+      const value1 = new Animated.Value(0);
+      const value2 = new Animated.Value(0);
       Animated.timing(value2, {
         toValue: value1,
         duration: 0,
@@ -628,12 +668,12 @@ describe('Animated tests', () => {
     });
 
     it('should track interpolated values', () => {
-      var value1 = new Animated.Value(0);
-      var value2 = new Animated.Value(0);
+      const value1 = new Animated.Value(0);
+      const value2 = new Animated.Value(0);
       Animated.timing(value2, {
         toValue: value1.interpolate({
           inputRange: [0, 2],
-          outputRange: [0, 1]
+          outputRange: [0, 1],
         }),
         duration: 0,
       }).start();
@@ -642,8 +682,8 @@ describe('Animated tests', () => {
     });
 
     it('should stop tracking when animated', () => {
-      var value1 = new Animated.Value(0);
-      var value2 = new Animated.Value(0);
+      const value1 = new Animated.Value(0);
+      const value2 = new Animated.Value(0);
       Animated.timing(value2, {
         toValue: value1,
         duration: 0,
@@ -661,28 +701,28 @@ describe('Animated tests', () => {
 
   describe('Animated Vectors', () => {
     it('should animate vectors', () => {
-      var vec = new Animated.ValueXY();
-
-      var callback = jest.fn();
-
-      var node = new Animated.__PropsOnlyForTests({
-        style: {
-          opacity: vec.x.interpolate({
-            inputRange: [0, 42],
-            outputRange: [0.2, 0.8],
-          }),
-          transform: vec.getTranslateTransform(),
-          ...vec.getLayout(),
-        }
-      }, callback);
+      const vec = new Animated.ValueXY();
+
+      const callback = jest.fn();
+
+      const node = new Animated.__PropsOnlyForTests(
+        {
+          style: {
+            opacity: vec.x.interpolate({
+              inputRange: [0, 42],
+              outputRange: [0.2, 0.8],
+            }),
+            transform: vec.getTranslateTransform(),
+            ...vec.getLayout(),
+          },
+        },
+        callback,
+      );
 
       expect(node.__getValue()).toEqual({
         style: {
           opacity: 0.2,
-          transform: [
-            {translateX: 0},
-            {translateY: 0},
-          ],
+          transform: [{translateX: 0}, {translateY: 0}],
           left: 0,
           top: 0,
         },
@@ -695,10 +735,7 @@ describe('Animated tests', () => {
       expect(node.__getValue()).toEqual({
         style: {
           opacity: 0.8,
-          transform: [
-            {translateX: 42},
-            {translateY: 1492},
-          ],
+          transform: [{translateX: 42}, {translateY: 1492}],
           left: 42,
           top: 1492,
         },
@@ -711,8 +748,8 @@ describe('Animated tests', () => {
     });
 
     it('should track vectors', () => {
-      var value1 = new Animated.ValueXY();
-      var value2 = new Animated.ValueXY();
+      const value1 = new Animated.ValueXY();
+      const value2 = new Animated.ValueXY();
       Animated.timing(value2, {
         toValue: value1,
         duration: 0,
@@ -727,8 +764,8 @@ describe('Animated tests', () => {
     });
 
     it('should track with springs', () => {
-      var value1 = new Animated.ValueXY();
-      var value2 = new Animated.ValueXY();
+      const value1 = new Animated.ValueXY();
+      const value2 = new Animated.ValueXY();
       Animated.spring(value2, {
         toValue: value1,
         tension: 3000, // faster spring for faster test
@@ -747,9 +784,9 @@ describe('Animated tests', () => {
 
   describe('Animated Listeners', () => {
     it('should get updates', () => {
-      var value1 = new Animated.Value(0);
-      var listener = jest.fn();
-      var id = value1.addListener(listener);
+      const value1 = new Animated.Value(0);
+      const listener = jest.fn();
+      const id = value1.addListener(listener);
       value1.setValue(42);
       expect(listener.mock.calls.length).toBe(1);
       expect(listener).toBeCalledWith({value: 42});
@@ -765,9 +802,9 @@ describe('Animated tests', () => {
     });
 
     it('should removeAll', () => {
-      var value1 = new Animated.Value(0);
-      var listener = jest.fn();
-      [1,2,3,4].forEach(() => value1.addListener(listener));
+      const value1 = new Animated.Value(0);
+      const listener = jest.fn();
+      [1, 2, 3, 4].forEach(() => value1.addListener(listener));
       value1.setValue(42);
       expect(listener.mock.calls.length).toBe(4);
       expect(listener).toBeCalledWith({value: 42});
diff --git a/Libraries/Animated/src/__tests__/AnimatedNative-test.js b/Libraries/Animated/src/__tests__/AnimatedNative-test.js
index 1c6700e4dc0652..f9f3836835fc47 100644
--- a/Libraries/Animated/src/__tests__/AnimatedNative-test.js
+++ b/Libraries/Animated/src/__tests__/AnimatedNative-test.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
 const ClassComponentMock = class {};
@@ -17,6 +19,8 @@ jest
   .setMock('View', ClassComponentMock)
   .setMock('Image', ClassComponentMock)
   .setMock('ScrollView', ClassComponentMock)
+  .setMock('FlatList', ClassComponentMock)
+  .setMock('SectionList', ClassComponentMock)
   .setMock('React', {Component: class {}})
   .setMock('NativeModules', {
     NativeAnimatedModule: {},
@@ -39,7 +43,6 @@ function createAndMountComponent(ComponentClass, props) {
 }
 
 describe('Native Animated', () => {
-
   const nativeAnimatedModule = require('NativeModules').NativeAnimatedModule;
 
   beforeEach(() => {
@@ -64,7 +67,11 @@ describe('Native Animated', () => {
   describe('Animated Value', () => {
     it('proxies `setValue` correctly', () => {
       const anim = new Animated.Value(0);
-      Animated.timing(anim, {toValue: 10, duration: 1000, useNativeDriver: true}).start();
+      Animated.timing(anim, {
+        toValue: 10,
+        duration: 1000,
+        useNativeDriver: true,
+      }).start();
 
       const c = createAndMountComponent(Animated.View, {
         style: {
@@ -76,13 +83,16 @@ describe('Native Animated', () => {
       // via component refs table that we override here.
       c.refs = {
         node: {
-          setNativeProps: jest.genMockFunction(),
+          setNativeProps: jest.fn(),
         },
       };
 
       anim.setValue(0.5);
 
-      expect(nativeAnimatedModule.setAnimatedNodeValue).toBeCalledWith(expect.any(Number), 0.5);
+      expect(nativeAnimatedModule.setAnimatedNodeValue).toBeCalledWith(
+        expect.any(Number),
+        0.5,
+      );
       expect(c.refs.node.setNativeProps).not.toHaveBeenCalled();
     });
 
@@ -101,8 +111,10 @@ describe('Native Animated', () => {
         {type: 'value', value: 0, offset: 10},
       );
       anim.setOffset(20);
-      expect(nativeAnimatedModule.setAnimatedNodeOffset)
-        .toBeCalledWith(expect.any(Number), 20);
+      expect(nativeAnimatedModule.setAnimatedNodeOffset).toBeCalledWith(
+        expect.any(Number),
+        20,
+      );
     });
 
     it('should flatten offset', () => {
@@ -119,8 +131,9 @@ describe('Native Animated', () => {
         {type: 'value', value: 0, offset: 0},
       );
       anim.flattenOffset();
-      expect(nativeAnimatedModule.flattenAnimatedNodeOffset)
-        .toBeCalledWith(expect.any(Number));
+      expect(nativeAnimatedModule.flattenAnimatedNodeOffset).toBeCalledWith(
+        expect.any(Number),
+      );
     });
 
     it('should extract offset', () => {
@@ -137,8 +150,9 @@ describe('Native Animated', () => {
         {type: 'value', value: 0, offset: 0},
       );
       anim.extractOffset();
-      expect(nativeAnimatedModule.extractAnimatedNodeOffset)
-        .toBeCalledWith(expect.any(Number));
+      expect(nativeAnimatedModule.extractAnimatedNodeOffset).toBeCalledWith(
+        expect.any(Number),
+      );
     });
   });
 
@@ -148,33 +162,35 @@ describe('Native Animated', () => {
       value1.__makeNative();
       const listener = jest.fn();
       const id = value1.addListener(listener);
-      expect(nativeAnimatedModule.startListeningToAnimatedNodeValue)
-        .toHaveBeenCalledWith(value1.__getNativeTag());
+      expect(
+        nativeAnimatedModule.startListeningToAnimatedNodeValue,
+      ).toHaveBeenCalledWith(value1.__getNativeTag());
 
-      NativeAnimatedHelper.nativeEventEmitter.emit(
-        'onAnimatedValueUpdate',
-        {value: 42, tag: value1.__getNativeTag()},
-      );
+      NativeAnimatedHelper.nativeEventEmitter.emit('onAnimatedValueUpdate', {
+        value: 42,
+        tag: value1.__getNativeTag(),
+      });
       expect(listener).toHaveBeenCalledTimes(1);
       expect(listener).toBeCalledWith({value: 42});
       expect(value1.__getValue()).toBe(42);
 
-      NativeAnimatedHelper.nativeEventEmitter.emit(
-        'onAnimatedValueUpdate',
-        {value: 7, tag: value1.__getNativeTag()},
-      );
+      NativeAnimatedHelper.nativeEventEmitter.emit('onAnimatedValueUpdate', {
+        value: 7,
+        tag: value1.__getNativeTag(),
+      });
       expect(listener).toHaveBeenCalledTimes(2);
       expect(listener).toBeCalledWith({value: 7});
       expect(value1.__getValue()).toBe(7);
 
       value1.removeListener(id);
-      expect(nativeAnimatedModule.stopListeningToAnimatedNodeValue)
-        .toHaveBeenCalledWith(value1.__getNativeTag());
+      expect(
+        nativeAnimatedModule.stopListeningToAnimatedNodeValue,
+      ).toHaveBeenCalledWith(value1.__getNativeTag());
 
-      NativeAnimatedHelper.nativeEventEmitter.emit(
-        'onAnimatedValueUpdate',
-        {value: 1492, tag: value1.__getNativeTag()},
-      );
+      NativeAnimatedHelper.nativeEventEmitter.emit('onAnimatedValueUpdate', {
+        value: 1492,
+        tag: value1.__getNativeTag(),
+      });
       expect(listener).toHaveBeenCalledTimes(2);
       expect(value1.__getValue()).toBe(7);
     });
@@ -183,25 +199,27 @@ describe('Native Animated', () => {
       const value1 = new Animated.Value(0);
       value1.__makeNative();
       const listener = jest.fn();
-      [1,2,3,4].forEach(() => value1.addListener(listener));
-      expect(nativeAnimatedModule.startListeningToAnimatedNodeValue)
-        .toHaveBeenCalledWith(value1.__getNativeTag());
-
-      NativeAnimatedHelper.nativeEventEmitter.emit(
-        'onAnimatedValueUpdate',
-        {value: 42, tag: value1.__getNativeTag()},
-      );
+      [1, 2, 3, 4].forEach(() => value1.addListener(listener));
+      expect(
+        nativeAnimatedModule.startListeningToAnimatedNodeValue,
+      ).toHaveBeenCalledWith(value1.__getNativeTag());
+
+      NativeAnimatedHelper.nativeEventEmitter.emit('onAnimatedValueUpdate', {
+        value: 42,
+        tag: value1.__getNativeTag(),
+      });
       expect(listener).toHaveBeenCalledTimes(4);
       expect(listener).toBeCalledWith({value: 42});
 
       value1.removeAllListeners();
-      expect(nativeAnimatedModule.stopListeningToAnimatedNodeValue)
-        .toHaveBeenCalledWith(value1.__getNativeTag());
+      expect(
+        nativeAnimatedModule.stopListeningToAnimatedNodeValue,
+      ).toHaveBeenCalledWith(value1.__getNativeTag());
 
-      NativeAnimatedHelper.nativeEventEmitter.emit(
-        'onAnimatedValueUpdate',
-        {value: 7, tag: value1.__getNativeTag()},
-      );
+      NativeAnimatedHelper.nativeEventEmitter.emit('onAnimatedValueUpdate', {
+        value: 7,
+        tag: value1.__getNativeTag(),
+      });
       expect(listener).toHaveBeenCalledTimes(4);
     });
   });
@@ -210,15 +228,17 @@ describe('Native Animated', () => {
     it('should map events', () => {
       const value = new Animated.Value(0);
       value.__makeNative();
-      const event = Animated.event(
-        [{nativeEvent: {state: {foo: value}}}],
-        {useNativeDriver: true},
-      );
+      const event = Animated.event([{nativeEvent: {state: {foo: value}}}], {
+        useNativeDriver: true,
+      });
       const c = createAndMountComponent(Animated.View, {onTouchMove: event});
       expect(nativeAnimatedModule.addAnimatedEventToView).toBeCalledWith(
         expect.any(Number),
         'onTouchMove',
-        {nativeEventPath: ['state', 'foo'], animatedValueTag: value.__getNativeTag()},
+        {
+          nativeEventPath: ['state', 'foo'],
+          animatedValueTag: value.__getNativeTag(),
+        },
       );
 
       c.componentWillUnmount();
@@ -232,12 +252,12 @@ describe('Native Animated', () => {
     it('should throw on invalid event path', () => {
       const value = new Animated.Value(0);
       value.__makeNative();
-      const event = Animated.event(
-        [{notNativeEvent: {foo: value}}],
-        {useNativeDriver: true},
-      );
-      expect(() => createAndMountComponent(Animated.View, {onTouchMove: event}))
-        .toThrowError(/nativeEvent/);
+      const event = Animated.event([{notNativeEvent: {foo: value}}], {
+        useNativeDriver: true,
+      });
+      expect(() =>
+        createAndMountComponent(Animated.View, {onTouchMove: event}),
+      ).toThrowError(/nativeEvent/);
       expect(nativeAnimatedModule.addAnimatedEventToView).not.toBeCalled();
     });
 
@@ -245,10 +265,10 @@ describe('Native Animated', () => {
       const value = new Animated.Value(0);
       value.__makeNative();
       const listener = jest.fn();
-      const event = Animated.event(
-        [{nativeEvent: {foo: value}}],
-        {useNativeDriver: true, listener},
-      );
+      const event = Animated.event([{nativeEvent: {foo: value}}], {
+        useNativeDriver: true,
+        listener,
+      });
       const handler = event.__getHandler();
       handler({foo: 42});
       expect(listener).toHaveBeenCalledTimes(1);
@@ -265,21 +285,34 @@ describe('Native Animated', () => {
         },
       });
 
-      Animated.timing(anim, {toValue: 10, duration: 1000, useNativeDriver: true}).start();
+      Animated.timing(anim, {
+        toValue: 10,
+        duration: 1000,
+        useNativeDriver: true,
+      }).start();
 
       c.componentWillUnmount();
 
       expect(nativeAnimatedModule.createAnimatedNode).toHaveBeenCalledTimes(3);
-      expect(nativeAnimatedModule.connectAnimatedNodes).toHaveBeenCalledTimes(2);
+      expect(nativeAnimatedModule.connectAnimatedNodes).toHaveBeenCalledTimes(
+        2,
+      );
 
       expect(nativeAnimatedModule.startAnimatingNode).toBeCalledWith(
         expect.any(Number),
         expect.any(Number),
-        {type: 'frames', frames: expect.any(Array), toValue: expect.any(Number), iterations: 1},
-        expect.any(Function)
+        {
+          type: 'frames',
+          frames: expect.any(Array),
+          toValue: expect.any(Number),
+          iterations: 1,
+        },
+        expect.any(Function),
       );
 
-      expect(nativeAnimatedModule.disconnectAnimatedNodes).toHaveBeenCalledTimes(2);
+      expect(
+        nativeAnimatedModule.disconnectAnimatedNodes,
+      ).toHaveBeenCalledTimes(2);
       expect(nativeAnimatedModule.dropAnimatedNode).toHaveBeenCalledTimes(3);
     });
 
@@ -291,14 +324,24 @@ describe('Native Animated', () => {
         },
       });
 
-      Animated.timing(anim, {toValue: 10, duration: 1000, useNativeDriver: true}).start();
+      Animated.timing(anim, {
+        toValue: 10,
+        duration: 1000,
+        useNativeDriver: true,
+      }).start();
 
-      expect(nativeAnimatedModule.createAnimatedNode)
-        .toBeCalledWith(expect.any(Number), {type: 'value', value: 0, offset: 0});
-      expect(nativeAnimatedModule.createAnimatedNode)
-        .toBeCalledWith(expect.any(Number), {type: 'style', style: {opacity: expect.any(Number)}});
-      expect(nativeAnimatedModule.createAnimatedNode)
-        .toBeCalledWith(expect.any(Number), {type: 'props', props: {style: expect.any(Number)}});
+      expect(nativeAnimatedModule.createAnimatedNode).toBeCalledWith(
+        expect.any(Number),
+        {type: 'value', value: 0, offset: 0},
+      );
+      expect(nativeAnimatedModule.createAnimatedNode).toBeCalledWith(
+        expect.any(Number),
+        {type: 'style', style: {opacity: expect.any(Number)}},
+      );
+      expect(nativeAnimatedModule.createAnimatedNode).toBeCalledWith(
+        expect.any(Number),
+        {type: 'props', props: {style: expect.any(Number)}},
+      );
     });
 
     it('sends a valid graph description for Animated.add nodes', () => {
@@ -318,19 +361,59 @@ describe('Native Animated', () => {
         {type: 'addition', input: expect.any(Array)},
       );
       const additionCalls = nativeAnimatedModule.createAnimatedNode.mock.calls.filter(
-        (call) => call[1].type === 'addition'
+        call => call[1].type === 'addition',
       );
       expect(additionCalls.length).toBe(1);
       const additionCall = additionCalls[0];
       const additionNodeTag = additionCall[0];
       const additionConnectionCalls = nativeAnimatedModule.connectAnimatedNodes.mock.calls.filter(
-        (call) => call[1] === additionNodeTag
+        call => call[1] === additionNodeTag,
       );
       expect(additionConnectionCalls.length).toBe(2);
-      expect(nativeAnimatedModule.createAnimatedNode)
-        .toBeCalledWith(additionCall[1].input[0], {type: 'value', value: 1, offset: 0});
-      expect(nativeAnimatedModule.createAnimatedNode)
-        .toBeCalledWith(additionCall[1].input[1], {type: 'value', value: 2, offset: 0});
+      expect(nativeAnimatedModule.createAnimatedNode).toBeCalledWith(
+        additionCall[1].input[0],
+        {type: 'value', value: 1, offset: 0},
+      );
+      expect(nativeAnimatedModule.createAnimatedNode).toBeCalledWith(
+        additionCall[1].input[1],
+        {type: 'value', value: 2, offset: 0},
+      );
+    });
+
+    it('sends a valid graph description for Animated.subtract nodes', () => {
+      const first = new Animated.Value(2);
+      const second = new Animated.Value(1);
+      first.__makeNative();
+      second.__makeNative();
+
+      createAndMountComponent(Animated.View, {
+        style: {
+          opacity: Animated.subtract(first, second),
+        },
+      });
+
+      expect(nativeAnimatedModule.createAnimatedNode).toBeCalledWith(
+        expect.any(Number),
+        {type: 'subtraction', input: expect.any(Array)},
+      );
+      const subtractionCalls = nativeAnimatedModule.createAnimatedNode.mock.calls.filter(
+        call => call[1].type === 'subtraction',
+      );
+      expect(subtractionCalls.length).toBe(1);
+      const subtractionCall = subtractionCalls[0];
+      const subtractionNodeTag = subtractionCall[0];
+      const subtractionConnectionCalls = nativeAnimatedModule.connectAnimatedNodes.mock.calls.filter(
+        call => call[1] === subtractionNodeTag,
+      );
+      expect(subtractionConnectionCalls.length).toBe(2);
+      expect(nativeAnimatedModule.createAnimatedNode).toBeCalledWith(
+        subtractionCall[1].input[0],
+        {type: 'value', value: 2, offset: 0},
+      );
+      expect(nativeAnimatedModule.createAnimatedNode).toBeCalledWith(
+        subtractionCall[1].input[1],
+        {type: 'value', value: 1, offset: 0},
+      );
     });
 
     it('sends a valid graph description for Animated.multiply nodes', () => {
@@ -350,19 +433,23 @@ describe('Native Animated', () => {
         {type: 'multiplication', input: expect.any(Array)},
       );
       const multiplicationCalls = nativeAnimatedModule.createAnimatedNode.mock.calls.filter(
-        (call) => call[1].type === 'multiplication'
+        call => call[1].type === 'multiplication',
       );
       expect(multiplicationCalls.length).toBe(1);
       const multiplicationCall = multiplicationCalls[0];
       const multiplicationNodeTag = multiplicationCall[0];
       const multiplicationConnectionCalls = nativeAnimatedModule.connectAnimatedNodes.mock.calls.filter(
-        (call) => call[1] === multiplicationNodeTag
+        call => call[1] === multiplicationNodeTag,
       );
       expect(multiplicationConnectionCalls.length).toBe(2);
-      expect(nativeAnimatedModule.createAnimatedNode)
-        .toBeCalledWith(multiplicationCall[1].input[0], {type: 'value', value: 2, offset: 0});
-      expect(nativeAnimatedModule.createAnimatedNode)
-        .toBeCalledWith(multiplicationCall[1].input[1], {type: 'value', value: 1, offset: 0});
+      expect(nativeAnimatedModule.createAnimatedNode).toBeCalledWith(
+        multiplicationCall[1].input[0],
+        {type: 'value', value: 2, offset: 0},
+      );
+      expect(nativeAnimatedModule.createAnimatedNode).toBeCalledWith(
+        multiplicationCall[1].input[1],
+        {type: 'value', value: 1, offset: 0},
+      );
     });
 
     it('sends a valid graph description for Animated.divide nodes', () => {
@@ -377,22 +464,28 @@ describe('Native Animated', () => {
         },
       });
 
-      expect(nativeAnimatedModule.createAnimatedNode)
-        .toBeCalledWith(expect.any(Number), {type: 'division', input: expect.any(Array)});
+      expect(nativeAnimatedModule.createAnimatedNode).toBeCalledWith(
+        expect.any(Number),
+        {type: 'division', input: expect.any(Array)},
+      );
       const divisionCalls = nativeAnimatedModule.createAnimatedNode.mock.calls.filter(
-        (call) => call[1].type === 'division'
+        call => call[1].type === 'division',
       );
       expect(divisionCalls.length).toBe(1);
       const divisionCall = divisionCalls[0];
       const divisionNodeTag = divisionCall[0];
       const divisionConnectionCalls = nativeAnimatedModule.connectAnimatedNodes.mock.calls.filter(
-        (call) => call[1] === divisionNodeTag
+        call => call[1] === divisionNodeTag,
       );
       expect(divisionConnectionCalls.length).toBe(2);
-      expect(nativeAnimatedModule.createAnimatedNode)
-        .toBeCalledWith(divisionCall[1].input[0], {type: 'value', value: 4, offset: 0});
-      expect(nativeAnimatedModule.createAnimatedNode)
-        .toBeCalledWith(divisionCall[1].input[1], {type: 'value', value: 2, offset: 0});
+      expect(nativeAnimatedModule.createAnimatedNode).toBeCalledWith(
+        divisionCall[1].input[0],
+        {type: 'value', value: 4, offset: 0},
+      );
+      expect(nativeAnimatedModule.createAnimatedNode).toBeCalledWith(
+        divisionCall[1].input[1],
+        {type: 'value', value: 2, offset: 0},
+      );
     });
 
     it('sends a valid graph description for Animated.modulo nodes', () => {
@@ -410,17 +503,19 @@ describe('Native Animated', () => {
         {type: 'modulus', modulus: 4, input: expect.any(Number)},
       );
       const moduloCalls = nativeAnimatedModule.createAnimatedNode.mock.calls.filter(
-        (call) => call[1].type === 'modulus'
+        call => call[1].type === 'modulus',
       );
       expect(moduloCalls.length).toBe(1);
       const moduloCall = moduloCalls[0];
       const moduloNodeTag = moduloCall[0];
       const moduloConnectionCalls = nativeAnimatedModule.connectAnimatedNodes.mock.calls.filter(
-        (call) => call[1] === moduloNodeTag
+        call => call[1] === moduloNodeTag,
       );
       expect(moduloConnectionCalls.length).toBe(1);
-      expect(nativeAnimatedModule.createAnimatedNode)
-        .toBeCalledWith(moduloCall[1].input, {type: 'value', value: 4, offset: 0});
+      expect(nativeAnimatedModule.createAnimatedNode).toBeCalledWith(
+        moduloCall[1].input,
+        {type: 'value', value: 4, offset: 0},
+      );
     });
 
     it('sends a valid graph description for interpolate() nodes', () => {
@@ -438,23 +533,28 @@ describe('Native Animated', () => {
 
       expect(nativeAnimatedModule.createAnimatedNode).toBeCalledWith(
         expect.any(Number),
-        {type: 'value', value: 10, offset: 0}
+        {type: 'value', value: 10, offset: 0},
       );
-      expect(nativeAnimatedModule.createAnimatedNode)
-        .toBeCalledWith(expect.any(Number), {
+      expect(nativeAnimatedModule.createAnimatedNode).toBeCalledWith(
+        expect.any(Number),
+        {
           type: 'interpolation',
           inputRange: [10, 20],
           outputRange: [0, 1],
           extrapolateLeft: 'extend',
           extrapolateRight: 'extend',
-        });
+        },
+      );
       const interpolationNodeTag = nativeAnimatedModule.createAnimatedNode.mock.calls.find(
-        (call) => call[1].type === 'interpolation'
+        call => call[1].type === 'interpolation',
       )[0];
       const valueNodeTag = nativeAnimatedModule.createAnimatedNode.mock.calls.find(
-        (call) => call[1].type === 'value'
+        call => call[1].type === 'value',
       )[0];
-      expect(nativeAnimatedModule.connectAnimatedNodes).toBeCalledWith(valueNodeTag, interpolationNodeTag);
+      expect(nativeAnimatedModule.connectAnimatedNodes).toBeCalledWith(
+        valueNodeTag,
+        interpolationNodeTag,
+      );
     });
 
     it('sends a valid graph description for transform nodes', () => {
@@ -471,15 +571,18 @@ describe('Native Animated', () => {
         expect.any(Number),
         {
           type: 'transform',
-          transforms: [{
-            nodeTag: expect.any(Number),
-            property: 'translateX',
-            type: 'animated',
-          }, {
-            value: 2,
-            property: 'scale',
-            type: 'static',
-          }],
+          transforms: [
+            {
+              nodeTag: expect.any(Number),
+              property: 'translateX',
+              type: 'animated',
+            },
+            {
+              value: 2,
+              property: 'scale',
+              type: 'static',
+            },
+          ],
         },
       );
     });
@@ -499,20 +602,22 @@ describe('Native Animated', () => {
         {type: 'diffclamp', input: expect.any(Number), max: 20, min: 0},
       );
       const diffClampCalls = nativeAnimatedModule.createAnimatedNode.mock.calls.filter(
-        (call) => call[1].type === 'diffclamp'
+        call => call[1].type === 'diffclamp',
       );
       expect(diffClampCalls.length).toBe(1);
       const diffClampCall = diffClampCalls[0];
       const diffClampNodeTag = diffClampCall[0];
       const diffClampConnectionCalls = nativeAnimatedModule.connectAnimatedNodes.mock.calls.filter(
-        (call) => call[1] === diffClampNodeTag
+        call => call[1] === diffClampNodeTag,
       );
       expect(diffClampConnectionCalls.length).toBe(1);
-      expect(nativeAnimatedModule.createAnimatedNode)
-        .toBeCalledWith(diffClampCall[1].input, {type: 'value', value: 2, offset: 0});
+      expect(nativeAnimatedModule.createAnimatedNode).toBeCalledWith(
+        diffClampCall[1].input,
+        {type: 'value', value: 2, offset: 0},
+      );
     });
 
-    it('doesn\'t call into native API if useNativeDriver is set to false', () => {
+    it("doesn't call into native API if useNativeDriver is set to false", () => {
       const anim = new Animated.Value(0);
 
       const c = createAndMountComponent(Animated.View, {
@@ -521,7 +626,11 @@ describe('Native Animated', () => {
         },
       });
 
-      Animated.timing(anim, {toValue: 10, duration: 1000, useNativeDriver: false}).start();
+      Animated.timing(anim, {
+        toValue: 10,
+        duration: 1000,
+        useNativeDriver: false,
+      }).start();
 
       c.componentWillUnmount();
 
@@ -537,10 +646,18 @@ describe('Native Animated', () => {
         },
       });
 
-      Animated.timing(anim, {toValue: 10, duration: 50, useNativeDriver: true}).start();
+      Animated.timing(anim, {
+        toValue: 10,
+        duration: 50,
+        useNativeDriver: true,
+      }).start();
       jest.runAllTimers();
 
-      Animated.timing(anim, {toValue: 4, duration: 500, useNativeDriver: false}).start();
+      Animated.timing(anim, {
+        toValue: 4,
+        duration: 500,
+        useNativeDriver: false,
+      }).start();
       expect(jest.runAllTimers).toThrow();
     });
 
@@ -553,7 +670,11 @@ describe('Native Animated', () => {
         },
       });
 
-      const animation = Animated.timing(anim, {toValue: 10, duration: 50, useNativeDriver: true});
+      const animation = Animated.timing(anim, {
+        toValue: 10,
+        duration: 50,
+        useNativeDriver: true,
+      });
       expect(animation.start).toThrowError(/left/);
     });
 
@@ -571,29 +692,47 @@ describe('Native Animated', () => {
         removeClippedSubviews: true,
       });
 
-      expect(nativeAnimatedModule.createAnimatedNode)
-        .toBeCalledWith(expect.any(Number), { type: 'style', style: { opacity: expect.any(Number) }});
-      expect(nativeAnimatedModule.createAnimatedNode)
-        .toBeCalledWith(expect.any(Number), { type: 'props', props: { style: expect.any(Number) }});
+      expect(nativeAnimatedModule.createAnimatedNode).toBeCalledWith(
+        expect.any(Number),
+        {type: 'style', style: {opacity: expect.any(Number)}},
+      );
+      expect(nativeAnimatedModule.createAnimatedNode).toBeCalledWith(
+        expect.any(Number),
+        {type: 'props', props: {style: expect.any(Number)}},
+      );
     });
   });
 
   describe('Animations', () => {
     it('sends a valid timing animation description', () => {
       const anim = new Animated.Value(0);
-      Animated.timing(anim, {toValue: 10, duration: 1000, useNativeDriver: true}).start();
+      Animated.timing(anim, {
+        toValue: 10,
+        duration: 1000,
+        useNativeDriver: true,
+      }).start();
 
       expect(nativeAnimatedModule.startAnimatingNode).toBeCalledWith(
         expect.any(Number),
         expect.any(Number),
-        {type: 'frames', frames: expect.any(Array), toValue: expect.any(Number), iterations: 1},
-        expect.any(Function)
+        {
+          type: 'frames',
+          frames: expect.any(Array),
+          toValue: expect.any(Number),
+          iterations: 1,
+        },
+        expect.any(Function),
       );
     });
 
     it('sends a valid spring animation description', () => {
       const anim = new Animated.Value(0);
-      Animated.spring(anim, {toValue: 10, friction: 5, tension: 164, useNativeDriver: true}).start();
+      Animated.spring(anim, {
+        toValue: 10,
+        friction: 5,
+        tension: 164,
+        useNativeDriver: true,
+      }).start();
       expect(nativeAnimatedModule.startAnimatingNode).toBeCalledWith(
         expect.any(Number),
         expect.any(Number),
@@ -609,7 +748,7 @@ describe('Native Animated', () => {
           toValue: 10,
           iterations: 1,
         },
-        expect.any(Function)
+        expect.any(Function),
       );
 
       Animated.spring(anim, {
@@ -617,7 +756,7 @@ describe('Native Animated', () => {
         stiffness: 1000,
         damping: 500,
         mass: 3,
-        useNativeDriver: true
+        useNativeDriver: true,
       }).start();
       expect(nativeAnimatedModule.startAnimatingNode).toBeCalledWith(
         expect.any(Number),
@@ -634,10 +773,15 @@ describe('Native Animated', () => {
           toValue: 10,
           iterations: 1,
         },
-        expect.any(Function)
+        expect.any(Function),
       );
 
-      Animated.spring(anim, {toValue: 10, bounciness: 8, speed: 10, useNativeDriver: true}).start();
+      Animated.spring(anim, {
+        toValue: 10,
+        bounciness: 8,
+        speed: 10,
+        useNativeDriver: true,
+      }).start();
       expect(nativeAnimatedModule.startAnimatingNode).toBeCalledWith(
         expect.any(Number),
         expect.any(Number),
@@ -653,49 +797,67 @@ describe('Native Animated', () => {
           toValue: 10,
           iterations: 1,
         },
-        expect.any(Function)
+        expect.any(Function),
       );
     });
 
     it('sends a valid decay animation description', () => {
       const anim = new Animated.Value(0);
-      Animated.decay(anim, {velocity: 10, deceleration: 0.1, useNativeDriver: true}).start();
+      Animated.decay(anim, {
+        velocity: 10,
+        deceleration: 0.1,
+        useNativeDriver: true,
+      }).start();
 
       expect(nativeAnimatedModule.startAnimatingNode).toBeCalledWith(
         expect.any(Number),
         expect.any(Number),
         {type: 'decay', deceleration: 0.1, velocity: 10, iterations: 1},
-        expect.any(Function)
+        expect.any(Function),
       );
     });
 
     it('works with Animated.loop', () => {
       const anim = new Animated.Value(0);
       Animated.loop(
-        Animated.decay(anim, {velocity: 10, deceleration: 0.1, useNativeDriver: true}),
-        { iterations: 10 },
+        Animated.decay(anim, {
+          velocity: 10,
+          deceleration: 0.1,
+          useNativeDriver: true,
+        }),
+        {iterations: 10},
       ).start();
 
       expect(nativeAnimatedModule.startAnimatingNode).toBeCalledWith(
         expect.any(Number),
         expect.any(Number),
         {type: 'decay', deceleration: 0.1, velocity: 10, iterations: 10},
-        expect.any(Function)
+        expect.any(Function),
       );
     });
 
     it('sends stopAnimation command to native', () => {
       const value = new Animated.Value(0);
-      const animation = Animated.timing(value, {toValue: 10, duration: 50, useNativeDriver: true});
+      const animation = Animated.timing(value, {
+        toValue: 10,
+        duration: 50,
+        useNativeDriver: true,
+      });
 
       animation.start();
       expect(nativeAnimatedModule.startAnimatingNode).toBeCalledWith(
         expect.any(Number),
         expect.any(Number),
-        {type: 'frames', frames: expect.any(Array), toValue: expect.any(Number), iterations: 1},
-        expect.any(Function)
+        {
+          type: 'frames',
+          frames: expect.any(Array),
+          toValue: expect.any(Number),
+          iterations: 1,
+        },
+        expect.any(Function),
       );
-      const animationId = nativeAnimatedModule.startAnimatingNode.mock.calls[0][0];
+      const animationId =
+        nativeAnimatedModule.startAnimatingNode.mock.calls[0][0];
 
       animation.stop();
       expect(nativeAnimatedModule.stopAnimation).toBeCalledWith(animationId);
diff --git a/Libraries/Animated/src/__tests__/Easing-test.js b/Libraries/Animated/src/__tests__/Easing-test.js
index 14f18aacd628e0..0284f3f0b697ef 100644
--- a/Libraries/Animated/src/__tests__/Easing-test.js
+++ b/Libraries/Animated/src/__tests__/Easing-test.js
@@ -4,14 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
-var Easing = require('Easing');
+const Easing = require('Easing');
 describe('Easing', () => {
   it('should work with linear', () => {
-    var easing = Easing.linear;
+    const easing = Easing.linear;
 
     expect(easing(0)).toBe(0);
     expect(easing(0.5)).toBe(0.5);
@@ -20,7 +22,7 @@ describe('Easing', () => {
   });
 
   it('should work with ease in linear', () => {
-    var easing = Easing.in(Easing.linear);
+    const easing = Easing.in(Easing.linear);
     expect(easing(0)).toBe(0);
     expect(easing(0.5)).toBe(0.5);
     expect(easing(0.8)).toBe(0.8);
@@ -28,7 +30,7 @@ describe('Easing', () => {
   });
 
   it('should work with easy out linear', () => {
-    var easing = Easing.out(Easing.linear);
+    const easing = Easing.out(Easing.linear);
     expect(easing(0)).toBe(0);
     expect(easing(0.5)).toBe(0.5);
     expect(easing(0.6)).toBe(0.6);
@@ -39,8 +41,8 @@ describe('Easing', () => {
     function easeInQuad(t) {
       return t * t;
     }
-    var easing = Easing.in(Easing.quad);
-    for (var t = -0.5; t < 1.5; t += 0.1) {
+    const easing = Easing.in(Easing.quad);
+    for (let t = -0.5; t < 1.5; t += 0.1) {
       expect(easing(t)).toBe(easeInQuad(t));
     }
   });
@@ -49,8 +51,8 @@ describe('Easing', () => {
     function easeOutQuad(t) {
       return -t * (t - 2);
     }
-    var easing = Easing.out(Easing.quad);
-    for (var t = 0; t <= 1; t += 0.1) {
+    const easing = Easing.out(Easing.quad);
+    for (let t = 0; t <= 1; t += 0.1) {
       expect(easing(1)).toBe(easeOutQuad(1));
     }
   });
@@ -63,59 +65,399 @@ describe('Easing', () => {
       }
       return -((t - 1) * (t - 3) - 1) / 2;
     }
-    var easing = Easing.inOut(Easing.quad);
-    for (var t = -0.5; t < 1.5; t += 0.1) {
+    const easing = Easing.inOut(Easing.quad);
+    for (let t = -0.5; t < 1.5; t += 0.1) {
       expect(easing(t)).toBeCloseTo(easeInOutQuad(t), 4);
     }
   });
 
   it('should satisfy boundary conditions with elastic', () => {
-    for (var b = 0; b < 4; b += 0.3) {
-      var easing = Easing.elastic(b);
+    for (let b = 0; b < 4; b += 0.3) {
+      const easing = Easing.elastic(b);
       expect(easing(0)).toBe(0);
       expect(easing(1)).toBe(1);
     }
   });
 
   function sampleEasingFunction(easing) {
-    var DURATION = 300;
-    var tickCount = Math.round(DURATION * 60 / 1000);
-    var samples = [];
-    for (var i = 0; i <= tickCount; i++) {
+    const DURATION = 300;
+    const tickCount = Math.round((DURATION * 60) / 1000);
+    const samples = [];
+    for (let i = 0; i <= tickCount; i++) {
       samples.push(easing(i / tickCount));
     }
     return samples;
   }
 
-  var Samples = {
-    in_quad: [0,0.0030864197530864196,0.012345679012345678,0.027777777777777776,0.04938271604938271,0.0771604938271605,0.1111111111111111,0.15123456790123457,0.19753086419753085,0.25,0.308641975308642,0.37345679012345684,0.4444444444444444,0.5216049382716049,0.6049382716049383,0.6944444444444445,0.7901234567901234,0.8919753086419753,1],
-    out_quad: [0,0.10802469135802469,0.20987654320987653,0.3055555555555555,0.3950617283950617,0.47839506172839513,0.5555555555555556,0.6265432098765432,0.691358024691358,0.75,0.8024691358024691,0.8487654320987654,0.888888888888889,0.9228395061728394,0.9506172839506174,0.9722222222222221,0.9876543209876543,0.9969135802469136,1],
-    inOut_quad: [0,0.006172839506172839,0.024691358024691357,0.05555555555555555,0.09876543209876543,0.154320987654321,0.2222222222222222,0.30246913580246915,0.3950617283950617,0.5,0.6049382716049383,0.697530864197531,0.7777777777777777,0.845679012345679,0.9012345679012346,0.9444444444444444,0.9753086419753086,0.9938271604938271,1],
-    in_cubic: [0,0.00017146776406035664,0.0013717421124828531,0.004629629629629629,0.010973936899862825,0.021433470507544586,0.037037037037037035,0.05881344307270234,0.0877914951989026,0.125,0.1714677640603567,0.22822359396433475,0.2962962962962963,0.37671467764060357,0.4705075445816187,0.5787037037037038,0.7023319615912208,0.8424211248285322,1],
-    out_cubic: [0,0.15757887517146785,0.2976680384087792,0.42129629629629617,0.5294924554183813,0.6232853223593964,0.7037037037037036,0.7717764060356652,0.8285322359396433,0.875,0.9122085048010974,0.9411865569272977,0.9629629629629629,0.9785665294924554,0.9890260631001372,0.9953703703703703,0.9986282578875172,0.9998285322359396,1],
-    inOut_cubic: [0,0.0006858710562414266,0.0054869684499314125,0.018518518518518517,0.0438957475994513,0.08573388203017834,0.14814814814814814,0.23525377229080935,0.3511659807956104,0.5,0.6488340192043895,0.7647462277091908,0.8518518518518519,0.9142661179698217,0.9561042524005487,0.9814814814814815,0.9945130315500685,0.9993141289437586,1],
-    in_sin: [0,0.003805301908254455,0.01519224698779198,0.03407417371093169,0.06030737921409157,0.09369221296335006,0.1339745962155613,0.1808479557110082,0.233955556881022,0.2928932188134524,0.35721239031346064,0.42642356364895384,0.4999999999999999,0.5773817382593005,0.6579798566743311,0.7411809548974793,0.8263518223330696,0.9128442572523416,0.9999999999999999],
-    out_sin: [0,0.08715574274765817,0.17364817766693033,0.25881904510252074,0.3420201433256687,0.42261826174069944,0.49999999999999994,0.573576436351046,0.6427876096865393,0.7071067811865475,0.766044443118978,0.8191520442889918,0.8660254037844386,0.9063077870366499,0.9396926207859083,0.9659258262890683,0.984807753012208,0.9961946980917455,1],
-    inOut_sin: [0,0.00759612349389599,0.030153689607045786,0.06698729810778065,0.116977778440511,0.17860619515673032,0.24999999999999994,0.32898992833716556,0.4131759111665348,0.49999999999999994,0.5868240888334652,0.6710100716628343,0.7499999999999999,0.8213938048432696,0.883022221559489,0.9330127018922194,0.9698463103929542,0.9924038765061041,1],
-    in_exp: [0,0.0014352875901128893,0.002109491677524035,0.0031003926796253885,0.004556754060844206,0.006697218616039631,0.009843133202303688,0.014466792379488908,0.021262343752724643,0.03125,0.045929202883612456,0.06750373368076916,0.09921256574801243,0.1458161299470146,0.2143109957132682,0.31498026247371835,0.46293735614364506,0.6803950000871883,1],
-    out_exp: [0,0.31960499991281155,0.5370626438563548,0.6850197375262816,0.7856890042867318,0.8541838700529854,0.9007874342519875,0.9324962663192309,0.9540707971163875,0.96875,0.9787376562472754,0.9855332076205111,0.9901568667976963,0.9933027813839603,0.9954432459391558,0.9968996073203746,0.9978905083224759,0.9985647124098871,1],
-    inOut_exp: [0,0.0010547458387620175,0.002278377030422103,0.004921566601151844,0.010631171876362321,0.022964601441806228,0.049606282874006216,0.1071554978566341,0.23146867807182253,0.5,0.7685313219281775,0.892844502143366,0.9503937171259937,0.9770353985581938,0.9893688281236377,0.9950784333988482,0.9977216229695779,0.998945254161238,1],
-    in_circle: [0,0.0015444024660317135,0.006192010000093506,0.013986702816730645,0.025003956956430873,0.03935464078941209,0.057190958417936644,0.07871533601238889,0.10419358352238339,0.1339745962155614,0.1685205807169019,0.20845517506805522,0.2546440075000701,0.3083389112228482,0.37146063894529113,0.4472292016074334,0.5418771527091488,0.6713289009389102,1],
-    out_circle: [0,0.3286710990610898,0.45812284729085123,0.5527707983925666,0.6285393610547089,0.6916610887771518,0.7453559924999298,0.7915448249319448,0.8314794192830981,0.8660254037844386,0.8958064164776166,0.9212846639876111,0.9428090415820634,0.9606453592105879,0.9749960430435691,0.9860132971832694,0.9938079899999065,0.9984555975339683,1],
-    inOut_circle: [0,0.003096005000046753,0.012501978478215436,0.028595479208968322,0.052096791761191696,0.08426029035845095,0.12732200375003505,0.18573031947264557,0.2709385763545744,0.5,0.7290614236454256,0.8142696805273546,0.8726779962499649,0.915739709641549,0.9479032082388084,0.9714045207910317,0.9874980215217846,0.9969039949999532,1],
-    in_back_: [0,-0.004788556241426612,-0.017301289437585736,-0.0347587962962963,-0.05438167352537723,-0.07339051783264748,-0.08900592592592595,-0.09844849451303156,-0.0989388203017833,-0.08769750000000004,-0.06194513031550073,-0.018902307956104283,0.044210370370370254,0.13017230795610413,0.2417629080932785,0.3817615740740742,0.5529477091906719,0.7581007167352535,0.9999999999999998],
-    out_back_: [2.220446049250313e-16,0.24189928326474652,0.44705229080932807,0.6182384259259258,0.7582370919067215,0.8698276920438959,0.9557896296296297,1.0189023079561044,1.0619451303155008,1.0876975,1.0989388203017834,1.0984484945130315,1.089005925925926,1.0733905178326475,1.0543816735253773,1.0347587962962963,1.0173012894375857,1.0047885562414267,1],
+  const Samples = {
+    in_quad: [
+      0,
+      0.0030864197530864196,
+      0.012345679012345678,
+      0.027777777777777776,
+      0.04938271604938271,
+      0.0771604938271605,
+      0.1111111111111111,
+      0.15123456790123457,
+      0.19753086419753085,
+      0.25,
+      0.308641975308642,
+      0.37345679012345684,
+      0.4444444444444444,
+      0.5216049382716049,
+      0.6049382716049383,
+      0.6944444444444445,
+      0.7901234567901234,
+      0.8919753086419753,
+      1,
+    ],
+    out_quad: [
+      0,
+      0.10802469135802469,
+      0.20987654320987653,
+      0.3055555555555555,
+      0.3950617283950617,
+      0.47839506172839513,
+      0.5555555555555556,
+      0.6265432098765432,
+      0.691358024691358,
+      0.75,
+      0.8024691358024691,
+      0.8487654320987654,
+      0.888888888888889,
+      0.9228395061728394,
+      0.9506172839506174,
+      0.9722222222222221,
+      0.9876543209876543,
+      0.9969135802469136,
+      1,
+    ],
+    inOut_quad: [
+      0,
+      0.006172839506172839,
+      0.024691358024691357,
+      0.05555555555555555,
+      0.09876543209876543,
+      0.154320987654321,
+      0.2222222222222222,
+      0.30246913580246915,
+      0.3950617283950617,
+      0.5,
+      0.6049382716049383,
+      0.697530864197531,
+      0.7777777777777777,
+      0.845679012345679,
+      0.9012345679012346,
+      0.9444444444444444,
+      0.9753086419753086,
+      0.9938271604938271,
+      1,
+    ],
+    in_cubic: [
+      0,
+      0.00017146776406035664,
+      0.0013717421124828531,
+      0.004629629629629629,
+      0.010973936899862825,
+      0.021433470507544586,
+      0.037037037037037035,
+      0.05881344307270234,
+      0.0877914951989026,
+      0.125,
+      0.1714677640603567,
+      0.22822359396433475,
+      0.2962962962962963,
+      0.37671467764060357,
+      0.4705075445816187,
+      0.5787037037037038,
+      0.7023319615912208,
+      0.8424211248285322,
+      1,
+    ],
+    out_cubic: [
+      0,
+      0.15757887517146785,
+      0.2976680384087792,
+      0.42129629629629617,
+      0.5294924554183813,
+      0.6232853223593964,
+      0.7037037037037036,
+      0.7717764060356652,
+      0.8285322359396433,
+      0.875,
+      0.9122085048010974,
+      0.9411865569272977,
+      0.9629629629629629,
+      0.9785665294924554,
+      0.9890260631001372,
+      0.9953703703703703,
+      0.9986282578875172,
+      0.9998285322359396,
+      1,
+    ],
+    inOut_cubic: [
+      0,
+      0.0006858710562414266,
+      0.0054869684499314125,
+      0.018518518518518517,
+      0.0438957475994513,
+      0.08573388203017834,
+      0.14814814814814814,
+      0.23525377229080935,
+      0.3511659807956104,
+      0.5,
+      0.6488340192043895,
+      0.7647462277091908,
+      0.8518518518518519,
+      0.9142661179698217,
+      0.9561042524005487,
+      0.9814814814814815,
+      0.9945130315500685,
+      0.9993141289437586,
+      1,
+    ],
+    in_sin: [
+      0,
+      0.003805301908254455,
+      0.01519224698779198,
+      0.03407417371093169,
+      0.06030737921409157,
+      0.09369221296335006,
+      0.1339745962155613,
+      0.1808479557110082,
+      0.233955556881022,
+      0.2928932188134524,
+      0.35721239031346064,
+      0.42642356364895384,
+      0.4999999999999999,
+      0.5773817382593005,
+      0.6579798566743311,
+      0.7411809548974793,
+      0.8263518223330696,
+      0.9128442572523416,
+      0.9999999999999999,
+    ],
+    out_sin: [
+      0,
+      0.08715574274765817,
+      0.17364817766693033,
+      0.25881904510252074,
+      0.3420201433256687,
+      0.42261826174069944,
+      0.49999999999999994,
+      0.573576436351046,
+      0.6427876096865393,
+      0.7071067811865475,
+      0.766044443118978,
+      0.8191520442889918,
+      0.8660254037844386,
+      0.9063077870366499,
+      0.9396926207859083,
+      0.9659258262890683,
+      0.984807753012208,
+      0.9961946980917455,
+      1,
+    ],
+    inOut_sin: [
+      0,
+      0.00759612349389599,
+      0.030153689607045786,
+      0.06698729810778065,
+      0.116977778440511,
+      0.17860619515673032,
+      0.24999999999999994,
+      0.32898992833716556,
+      0.4131759111665348,
+      0.49999999999999994,
+      0.5868240888334652,
+      0.6710100716628343,
+      0.7499999999999999,
+      0.8213938048432696,
+      0.883022221559489,
+      0.9330127018922194,
+      0.9698463103929542,
+      0.9924038765061041,
+      1,
+    ],
+    in_exp: [
+      0,
+      0.0014352875901128893,
+      0.002109491677524035,
+      0.0031003926796253885,
+      0.004556754060844206,
+      0.006697218616039631,
+      0.009843133202303688,
+      0.014466792379488908,
+      0.021262343752724643,
+      0.03125,
+      0.045929202883612456,
+      0.06750373368076916,
+      0.09921256574801243,
+      0.1458161299470146,
+      0.2143109957132682,
+      0.31498026247371835,
+      0.46293735614364506,
+      0.6803950000871883,
+      1,
+    ],
+    out_exp: [
+      0,
+      0.31960499991281155,
+      0.5370626438563548,
+      0.6850197375262816,
+      0.7856890042867318,
+      0.8541838700529854,
+      0.9007874342519875,
+      0.9324962663192309,
+      0.9540707971163875,
+      0.96875,
+      0.9787376562472754,
+      0.9855332076205111,
+      0.9901568667976963,
+      0.9933027813839603,
+      0.9954432459391558,
+      0.9968996073203746,
+      0.9978905083224759,
+      0.9985647124098871,
+      1,
+    ],
+    inOut_exp: [
+      0,
+      0.0010547458387620175,
+      0.002278377030422103,
+      0.004921566601151844,
+      0.010631171876362321,
+      0.022964601441806228,
+      0.049606282874006216,
+      0.1071554978566341,
+      0.23146867807182253,
+      0.5,
+      0.7685313219281775,
+      0.892844502143366,
+      0.9503937171259937,
+      0.9770353985581938,
+      0.9893688281236377,
+      0.9950784333988482,
+      0.9977216229695779,
+      0.998945254161238,
+      1,
+    ],
+    in_circle: [
+      0,
+      0.0015444024660317135,
+      0.006192010000093506,
+      0.013986702816730645,
+      0.025003956956430873,
+      0.03935464078941209,
+      0.057190958417936644,
+      0.07871533601238889,
+      0.10419358352238339,
+      0.1339745962155614,
+      0.1685205807169019,
+      0.20845517506805522,
+      0.2546440075000701,
+      0.3083389112228482,
+      0.37146063894529113,
+      0.4472292016074334,
+      0.5418771527091488,
+      0.6713289009389102,
+      1,
+    ],
+    out_circle: [
+      0,
+      0.3286710990610898,
+      0.45812284729085123,
+      0.5527707983925666,
+      0.6285393610547089,
+      0.6916610887771518,
+      0.7453559924999298,
+      0.7915448249319448,
+      0.8314794192830981,
+      0.8660254037844386,
+      0.8958064164776166,
+      0.9212846639876111,
+      0.9428090415820634,
+      0.9606453592105879,
+      0.9749960430435691,
+      0.9860132971832694,
+      0.9938079899999065,
+      0.9984555975339683,
+      1,
+    ],
+    inOut_circle: [
+      0,
+      0.003096005000046753,
+      0.012501978478215436,
+      0.028595479208968322,
+      0.052096791761191696,
+      0.08426029035845095,
+      0.12732200375003505,
+      0.18573031947264557,
+      0.2709385763545744,
+      0.5,
+      0.7290614236454256,
+      0.8142696805273546,
+      0.8726779962499649,
+      0.915739709641549,
+      0.9479032082388084,
+      0.9714045207910317,
+      0.9874980215217846,
+      0.9969039949999532,
+      1,
+    ],
+    in_back_: [
+      0,
+      -0.004788556241426612,
+      -0.017301289437585736,
+      -0.0347587962962963,
+      -0.05438167352537723,
+      -0.07339051783264748,
+      -0.08900592592592595,
+      -0.09844849451303156,
+      -0.0989388203017833,
+      -0.08769750000000004,
+      -0.06194513031550073,
+      -0.018902307956104283,
+      0.044210370370370254,
+      0.13017230795610413,
+      0.2417629080932785,
+      0.3817615740740742,
+      0.5529477091906719,
+      0.7581007167352535,
+      0.9999999999999998,
+    ],
+    out_back_: [
+      2.220446049250313e-16,
+      0.24189928326474652,
+      0.44705229080932807,
+      0.6182384259259258,
+      0.7582370919067215,
+      0.8698276920438959,
+      0.9557896296296297,
+      1.0189023079561044,
+      1.0619451303155008,
+      1.0876975,
+      1.0989388203017834,
+      1.0984484945130315,
+      1.089005925925926,
+      1.0733905178326475,
+      1.0543816735253773,
+      1.0347587962962963,
+      1.0173012894375857,
+      1.0047885562414267,
+      1,
+    ],
   };
 
   Object.keys(Samples).forEach(function(type) {
     it('should ease ' + type, function() {
-      var [modeName, easingName, isFunction] = type.split('_');
-      var easing = Easing[easingName];
+      const [modeName, easingName, isFunction] = type.split('_');
+      let easing = Easing[easingName];
       if (isFunction !== undefined) {
         easing = easing();
       }
-      var computed = sampleEasingFunction(Easing[modeName](easing));
-      var samples = Samples[type];
+      const computed = sampleEasingFunction(Easing[modeName](easing));
+      const samples = Samples[type];
 
       computed.forEach((value, key) => {
         expect(value).toBeCloseTo(samples[key], 2);
diff --git a/Libraries/Animated/src/__tests__/Interpolation-test.js b/Libraries/Animated/src/__tests__/Interpolation-test.js
index 27f4438ab1568d..5515f09bacd0bc 100644
--- a/Libraries/Animated/src/__tests__/Interpolation-test.js
+++ b/Libraries/Animated/src/__tests__/Interpolation-test.js
@@ -4,16 +4,18 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
-var AnimatedInterpolation = require('../nodes/AnimatedInterpolation');
-var Easing = require('Easing');
+const AnimatedInterpolation = require('../nodes/AnimatedInterpolation');
+const Easing = require('Easing');
 
 describe('Interpolation', () => {
   it('should work with defaults', () => {
-    var interpolation = AnimatedInterpolation.__createInterpolation({
+    const interpolation = AnimatedInterpolation.__createInterpolation({
       inputRange: [0, 1],
       outputRange: [0, 1],
     });
@@ -25,7 +27,7 @@ describe('Interpolation', () => {
   });
 
   it('should work with output range', () => {
-    var interpolation = AnimatedInterpolation.__createInterpolation({
+    const interpolation = AnimatedInterpolation.__createInterpolation({
       inputRange: [0, 1],
       outputRange: [100, 200],
     });
@@ -37,7 +39,7 @@ describe('Interpolation', () => {
   });
 
   it('should work with input range', () => {
-    var interpolation = AnimatedInterpolation.__createInterpolation({
+    const interpolation = AnimatedInterpolation.__createInterpolation({
       inputRange: [100, 200],
       outputRange: [0, 1],
     });
@@ -65,7 +67,7 @@ describe('Interpolation', () => {
   });
 
   it('should work with empty input range', () => {
-    var interpolation = AnimatedInterpolation.__createInterpolation({
+    const interpolation = AnimatedInterpolation.__createInterpolation({
       inputRange: [0, 10, 10],
       outputRange: [1, 2, 3],
       extrapolate: 'extend',
@@ -79,7 +81,7 @@ describe('Interpolation', () => {
   });
 
   it('should work with empty output range', () => {
-    var interpolation = AnimatedInterpolation.__createInterpolation({
+    const interpolation = AnimatedInterpolation.__createInterpolation({
       inputRange: [1, 2, 3],
       outputRange: [0, 10, 10],
       extrapolate: 'extend',
@@ -94,7 +96,7 @@ describe('Interpolation', () => {
   });
 
   it('should work with easing', () => {
-    var interpolation = AnimatedInterpolation.__createInterpolation({
+    const interpolation = AnimatedInterpolation.__createInterpolation({
       inputRange: [0, 1],
       outputRange: [0, 1],
       easing: Easing.quad,
@@ -107,7 +109,7 @@ describe('Interpolation', () => {
   });
 
   it('should work with extrapolate', () => {
-    var interpolation = AnimatedInterpolation.__createInterpolation({
+    let interpolation = AnimatedInterpolation.__createInterpolation({
       inputRange: [0, 1],
       outputRange: [0, 1],
       extrapolate: 'extend',
@@ -139,7 +141,7 @@ describe('Interpolation', () => {
   });
 
   it('should work with keyframes with extrapolate', () => {
-    var interpolation = AnimatedInterpolation.__createInterpolation({
+    const interpolation = AnimatedInterpolation.__createInterpolation({
       inputRange: [0, 10, 100, 1000],
       outputRange: [0, 5, 50, 500],
       extrapolate: true,
@@ -157,7 +159,7 @@ describe('Interpolation', () => {
   });
 
   it('should work with keyframes without extrapolate', () => {
-    var interpolation = AnimatedInterpolation.__createInterpolation({
+    const interpolation = AnimatedInterpolation.__createInterpolation({
       inputRange: [0, 1, 2],
       outputRange: [0.2, 1, 0.2],
       extrapolate: 'clamp',
@@ -183,7 +185,7 @@ describe('Interpolation', () => {
   });
 
   it('should work with negative infinite', () => {
-    var interpolation = AnimatedInterpolation.__createInterpolation({
+    const interpolation = AnimatedInterpolation.__createInterpolation({
       inputRange: [-Infinity, 0],
       outputRange: [-Infinity, 0],
       easing: Easing.quad,
@@ -199,7 +201,7 @@ describe('Interpolation', () => {
   });
 
   it('should work with positive infinite', () => {
-    var interpolation = AnimatedInterpolation.__createInterpolation({
+    const interpolation = AnimatedInterpolation.__createInterpolation({
       inputRange: [5, Infinity],
       outputRange: [5, Infinity],
       easing: Easing.quad,
@@ -217,7 +219,7 @@ describe('Interpolation', () => {
   });
 
   it('should work with output ranges as string', () => {
-    var interpolation = AnimatedInterpolation.__createInterpolation({
+    const interpolation = AnimatedInterpolation.__createInterpolation({
       inputRange: [0, 1],
       outputRange: ['rgba(0, 100, 200, 0)', 'rgba(50, 150, 250, 0.4)'],
     });
@@ -228,7 +230,7 @@ describe('Interpolation', () => {
   });
 
   it('should work with output ranges as short hex string', () => {
-    var interpolation = AnimatedInterpolation.__createInterpolation({
+    const interpolation = AnimatedInterpolation.__createInterpolation({
       inputRange: [0, 1],
       outputRange: ['#024', '#9BF'],
     });
@@ -239,7 +241,7 @@ describe('Interpolation', () => {
   });
 
   it('should work with output ranges as long hex string', () => {
-    var interpolation = AnimatedInterpolation.__createInterpolation({
+    const interpolation = AnimatedInterpolation.__createInterpolation({
       inputRange: [0, 1],
       outputRange: ['#FF9500', '#87FC70'],
     });
@@ -250,7 +252,7 @@ describe('Interpolation', () => {
   });
 
   it('should work with output ranges with mixed hex and rgba strings', () => {
-    var interpolation = AnimatedInterpolation.__createInterpolation({
+    const interpolation = AnimatedInterpolation.__createInterpolation({
       inputRange: [0, 1],
       outputRange: ['rgba(100, 120, 140, .4)', '#87FC70'],
     });
@@ -261,7 +263,7 @@ describe('Interpolation', () => {
   });
 
   it('should work with negative and decimal values in string ranges', () => {
-    var interpolation = AnimatedInterpolation.__createInterpolation({
+    const interpolation = AnimatedInterpolation.__createInterpolation({
       inputRange: [0, 1],
       outputRange: ['-100.5deg', '100deg'],
     });
@@ -272,7 +274,7 @@ describe('Interpolation', () => {
   });
 
   it('should crash when chaining an interpolation that returns a string', () => {
-    var interpolation = AnimatedInterpolation.__createInterpolation({
+    const interpolation = AnimatedInterpolation.__createInterpolation({
       inputRange: [0, 1],
       outputRange: [0, 1],
     });
@@ -282,7 +284,7 @@ describe('Interpolation', () => {
   });
 
   it('should support a mix of color patterns', () => {
-    var interpolation = AnimatedInterpolation.__createInterpolation({
+    const interpolation = AnimatedInterpolation.__createInterpolation({
       inputRange: [0, 1, 2],
       outputRange: ['rgba(0, 100, 200, 0)', 'rgb(50, 150, 250)', 'red'],
     });
@@ -303,7 +305,7 @@ describe('Interpolation', () => {
   });
 
   it('should round the alpha channel of a color to the nearest thousandth', () => {
-    var interpolation = AnimatedInterpolation.__createInterpolation({
+    const interpolation = AnimatedInterpolation.__createInterpolation({
       inputRange: [0, 1],
       outputRange: ['rgba(0, 0, 0, 0)', 'rgba(0, 0, 0, 1)'],
     });
diff --git a/Libraries/Animated/src/__tests__/bezier-test.js b/Libraries/Animated/src/__tests__/bezier-test.js
index 3f1070a48fd71e..e9f00a7d214878 100644
--- a/Libraries/Animated/src/__tests__/bezier-test.js
+++ b/Libraries/Animated/src/__tests__/bezier-test.js
@@ -3,16 +3,16 @@
  * https://github.com/gre/bezier-easing
  *
  * @copyright 2014-2015 Gaetan Renaudeau. MIT License.
- * @noflow
  * @emails oncall+react_native
+ * @flow
  * @format
  */
 
 'use strict';
 
-var bezier = require('bezier');
+const bezier = require('bezier');
 
-var identity = function(x) {
+const identity = function(x) {
   return x;
 };
 
@@ -30,16 +30,16 @@ function allEquals(be1, be2, samples, assertion) {
   if (!assertion) {
     assertion = assertClose;
   }
-  for (var i = 0; i <= samples; ++i) {
-    var x = i / samples;
+  for (let i = 0; i <= samples; ++i) {
+    const x = i / samples;
     assertion(be1(x), be2(x));
   }
 }
 
 function repeat(n) {
   return function(f) {
-    for (var i = 0; i < n; ++i) {
-      f(i);
+    for (let i = 0; i < n; ++i) {
+      f();
     }
   };
 }
@@ -74,11 +74,11 @@ describe('bezier', function() {
   describe('common properties', function() {
     it('should be the right value at extremes', function() {
       repeat(10)(function() {
-        var a = Math.random(),
+        const a = Math.random(),
           b = 2 * Math.random() - 0.5,
           c = Math.random(),
           d = 2 * Math.random() - 0.5;
-        var easing = bezier(a, b, c, d);
+        const easing = bezier(a, b, c, d);
         expect(easing(0)).toBe(0);
         expect(easing(1)).toBe(1);
       });
@@ -86,13 +86,13 @@ describe('bezier', function() {
 
     it('should approach the projected value of its x=y projected curve', function() {
       repeat(10)(function() {
-        var a = Math.random(),
+        const a = Math.random(),
           b = Math.random(),
           c = Math.random(),
           d = Math.random();
-        var easing = bezier(a, b, c, d);
-        var projected = bezier(b, a, d, c);
-        var composed = function(x) {
+        const easing = bezier(a, b, c, d);
+        const projected = bezier(b, a, d, c);
+        const composed = function(x) {
           return projected(easing(x));
         };
         allEquals(identity, composed, 100, makeAssertCloseWithPrecision(2));
@@ -102,7 +102,7 @@ describe('bezier', function() {
   describe('two same instances', function() {
     it('should be strictly equals', function() {
       repeat(10)(function() {
-        var a = Math.random(),
+        const a = Math.random(),
           b = 2 * Math.random() - 0.5,
           c = Math.random(),
           d = 2 * Math.random() - 0.5;
@@ -113,22 +113,22 @@ describe('bezier', function() {
   describe('symetric curves', function() {
     it('should have a central value y~=0.5 at x=0.5', function() {
       repeat(10)(function() {
-        var a = Math.random(),
+        const a = Math.random(),
           b = 2 * Math.random() - 0.5,
           c = 1 - a,
           d = 1 - b;
-        var easing = bezier(a, b, c, d);
+        const easing = bezier(a, b, c, d);
         assertClose(easing(0.5), 0.5, 2);
       });
     });
     it('should be symmetrical', function() {
       repeat(10)(function() {
-        var a = Math.random(),
+        const a = Math.random(),
           b = 2 * Math.random() - 0.5,
           c = 1 - a,
           d = 1 - b;
-        var easing = bezier(a, b, c, d);
-        var sym = function(x) {
+        const easing = bezier(a, b, c, d);
+        const sym = function(x) {
           return 1 - easing(1 - x);
         };
         allEquals(easing, sym, 100, makeAssertCloseWithPrecision(2));
diff --git a/Libraries/Animated/src/animations/Animation.js b/Libraries/Animated/src/animations/Animation.js
index 000e44d77f9bc8..b4e38016dba557 100644
--- a/Libraries/Animated/src/animations/Animation.js
+++ b/Libraries/Animated/src/animations/Animation.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Animation
  * @flow
  * @format
  */
diff --git a/Libraries/Animated/src/animations/DecayAnimation.js b/Libraries/Animated/src/animations/DecayAnimation.js
index 7df0e104b72f48..a6fe05bb3f6343 100644
--- a/Libraries/Animated/src/animations/DecayAnimation.js
+++ b/Libraries/Animated/src/animations/DecayAnimation.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule DecayAnimation
  * @flow
  * @format
  */
@@ -82,8 +81,7 @@ class DecayAnimation extends Animation {
 
     const value =
       this._fromValue +
-      this._velocity /
-        (1 - this._deceleration) *
+      (this._velocity / (1 - this._deceleration)) *
         (1 - Math.exp(-(1 - this._deceleration) * (now - this._startTime)));
 
     this._onUpdate(value);
diff --git a/Libraries/Animated/src/animations/SpringAnimation.js b/Libraries/Animated/src/animations/SpringAnimation.js
index 8b6f96fe67bdb6..a0f38d3b024e5c 100644
--- a/Libraries/Animated/src/animations/SpringAnimation.js
+++ b/Libraries/Animated/src/animations/SpringAnimation.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SpringAnimation
  * @flow
  * @format
  */
@@ -267,7 +266,7 @@ class SpringAnimation extends Animation {
       position =
         this._toValue -
         envelope *
-          ((v0 + zeta * omega0 * x0) / omega1 * Math.sin(omega1 * t) +
+          (((v0 + zeta * omega0 * x0) / omega1) * Math.sin(omega1 * t) +
             x0 * Math.cos(omega1 * t));
       // This looks crazy -- it's actually just the derivative of the
       // oscillation function
@@ -275,7 +274,7 @@ class SpringAnimation extends Animation {
         zeta *
           omega0 *
           envelope *
-          (Math.sin(omega1 * t) * (v0 + zeta * omega0 * x0) / omega1 +
+          ((Math.sin(omega1 * t) * (v0 + zeta * omega0 * x0)) / omega1 +
             x0 * Math.cos(omega1 * t)) -
         envelope *
           (Math.cos(omega1 * t) * (v0 + zeta * omega0 * x0) -
diff --git a/Libraries/Animated/src/animations/TimingAnimation.js b/Libraries/Animated/src/animations/TimingAnimation.js
index 1b6a4ae94cd9b0..694a52c0a39f7b 100644
--- a/Libraries/Animated/src/animations/TimingAnimation.js
+++ b/Libraries/Animated/src/animations/TimingAnimation.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TimingAnimation
  * @flow
  * @format
  */
diff --git a/Libraries/Animated/src/bezier.js b/Libraries/Animated/src/bezier.js
index 2bd594930064c9..15f8e2dc1b686f 100644
--- a/Libraries/Animated/src/bezier.js
+++ b/Libraries/Animated/src/bezier.js
@@ -2,107 +2,142 @@
  * BezierEasing - use bezier curve for transition easing function
  * https://github.com/gre/bezier-easing
  *
+ * @flow
+ * @format
  * @copyright 2014-2015 Gaëtan Renaudeau. MIT License.
- * @providesModule bezier
- * @noflow
  */
+
 'use strict';
 
- // These values are established by empiricism with tests (tradeoff: performance VS precision)
- var NEWTON_ITERATIONS = 4;
- var NEWTON_MIN_SLOPE = 0.001;
- var SUBDIVISION_PRECISION = 0.0000001;
- var SUBDIVISION_MAX_ITERATIONS = 10;
-
- var kSplineTableSize = 11;
- var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);
-
- var float32ArraySupported = typeof Float32Array === 'function';
-
- function A (aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1; }
- function B (aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1; }
- function C (aA1)      { return 3.0 * aA1; }
-
- // Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.
- function calcBezier (aT, aA1, aA2) { return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT; }
-
- // Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.
- function getSlope (aT, aA1, aA2) { return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1); }
-
- function binarySubdivide (aX, aA, aB, mX1, mX2) {
-   var currentX, currentT, i = 0;
-   do {
-     currentT = aA + (aB - aA) / 2.0;
-     currentX = calcBezier(currentT, mX1, mX2) - aX;
-     if (currentX > 0.0) {
-       aB = currentT;
-     } else {
-       aA = currentT;
-     }
-   } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
-   return currentT;
- }
-
- function newtonRaphsonIterate (aX, aGuessT, mX1, mX2) {
-  for (var i = 0; i < NEWTON_ITERATIONS; ++i) {
-    var currentSlope = getSlope(aGuessT, mX1, mX2);
+// These values are established by empiricism with tests (tradeoff: performance VS precision)
+const NEWTON_ITERATIONS = 4;
+const NEWTON_MIN_SLOPE = 0.001;
+const SUBDIVISION_PRECISION = 0.0000001;
+const SUBDIVISION_MAX_ITERATIONS = 10;
+
+const kSplineTableSize = 11;
+const kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);
+
+const float32ArraySupported = typeof Float32Array === 'function';
+
+function A(aA1, aA2) {
+  return 1.0 - 3.0 * aA2 + 3.0 * aA1;
+}
+function B(aA1, aA2) {
+  return 3.0 * aA2 - 6.0 * aA1;
+}
+function C(aA1) {
+  return 3.0 * aA1;
+}
+
+// Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.
+function calcBezier(aT, aA1, aA2) {
+  return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT;
+}
+
+// Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.
+function getSlope(aT, aA1, aA2) {
+  return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1);
+}
+
+function binarySubdivide(aX, aA, aB, mX1, mX2) {
+  let currentX,
+    currentT,
+    i = 0;
+  do {
+    currentT = aA + (aB - aA) / 2.0;
+    currentX = calcBezier(currentT, mX1, mX2) - aX;
+    if (currentX > 0.0) {
+      aB = currentT;
+    } else {
+      aA = currentT;
+    }
+  } while (
+    Math.abs(currentX) > SUBDIVISION_PRECISION &&
+    ++i < SUBDIVISION_MAX_ITERATIONS
+  );
+  return currentT;
+}
+
+function newtonRaphsonIterate(aX, aGuessT, mX1, mX2) {
+  for (let i = 0; i < NEWTON_ITERATIONS; ++i) {
+    const currentSlope = getSlope(aGuessT, mX1, mX2);
     if (currentSlope === 0.0) {
       return aGuessT;
     }
-    var currentX = calcBezier(aGuessT, mX1, mX2) - aX;
+    const currentX = calcBezier(aGuessT, mX1, mX2) - aX;
     aGuessT -= currentX / currentSlope;
   }
   return aGuessT;
- }
-
- module.exports = function bezier (mX1, mY1, mX2, mY2) {
-   if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) { // eslint-disable-line yoda
-     throw new Error('bezier x values must be in [0, 1] range');
-   }
-
-   // Precompute samples table
-   var sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
-   if (mX1 !== mY1 || mX2 !== mY2) {
-     for (var i = 0; i < kSplineTableSize; ++i) {
-       sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
-     }
-   }
-
-   function getTForX (aX) {
-     var intervalStart = 0.0;
-     var currentSample = 1;
-     var lastSample = kSplineTableSize - 1;
-
-     for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {
-       intervalStart += kSampleStepSize;
-     }
-     --currentSample;
-
-     // Interpolate to provide an initial guess for t
-     var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);
-     var guessForT = intervalStart + dist * kSampleStepSize;
-
-     var initialSlope = getSlope(guessForT, mX1, mX2);
-     if (initialSlope >= NEWTON_MIN_SLOPE) {
-       return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
-     } else if (initialSlope === 0.0) {
-       return guessForT;
-     } else {
-       return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);
-     }
-   }
-
-   return function BezierEasing (x) {
-     if (mX1 === mY1 && mX2 === mY2) {
-       return x; // linear
-     }
-     // Because JavaScript number are imprecise, we should guarantee the extremes are right.
-     if (x === 0) {
-       return 0;
-     }
-     if (x === 1) {
-       return 1;
-     }
-     return calcBezier(getTForX(x), mY1, mY2);
-   };
- };
+}
+
+module.exports = function bezier(
+  mX1: number,
+  mY1: number,
+  mX2: number,
+  mY2: number,
+) {
+  if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) {
+    throw new Error('bezier x values must be in [0, 1] range');
+  }
+
+  // Precompute samples table
+  const sampleValues = float32ArraySupported
+    ? new Float32Array(kSplineTableSize)
+    : new Array(kSplineTableSize);
+  if (mX1 !== mY1 || mX2 !== mY2) {
+    for (let i = 0; i < kSplineTableSize; ++i) {
+      sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
+    }
+  }
+
+  function getTForX(aX) {
+    let intervalStart = 0.0;
+    let currentSample = 1;
+    const lastSample = kSplineTableSize - 1;
+
+    for (
+      ;
+      currentSample !== lastSample && sampleValues[currentSample] <= aX;
+      ++currentSample
+    ) {
+      intervalStart += kSampleStepSize;
+    }
+    --currentSample;
+
+    // Interpolate to provide an initial guess for t
+    const dist =
+      (aX - sampleValues[currentSample]) /
+      (sampleValues[currentSample + 1] - sampleValues[currentSample]);
+    const guessForT = intervalStart + dist * kSampleStepSize;
+
+    const initialSlope = getSlope(guessForT, mX1, mX2);
+    if (initialSlope >= NEWTON_MIN_SLOPE) {
+      return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
+    } else if (initialSlope === 0.0) {
+      return guessForT;
+    } else {
+      return binarySubdivide(
+        aX,
+        intervalStart,
+        intervalStart + kSampleStepSize,
+        mX1,
+        mX2,
+      );
+    }
+  }
+
+  return function BezierEasing(x: number): number {
+    if (mX1 === mY1 && mX2 === mY2) {
+      return x; // linear
+    }
+    // Because JavaScript number are imprecise, we should guarantee the extremes are right.
+    if (x === 0) {
+      return 0;
+    }
+    if (x === 1) {
+      return 1;
+    }
+    return calcBezier(getTForX(x), mY1, mY2);
+  };
+};
diff --git a/Libraries/Animated/src/createAnimatedComponent.js b/Libraries/Animated/src/createAnimatedComponent.js
index 357ee0bd59bcd1..a4177d65be0e40 100644
--- a/Libraries/Animated/src/createAnimatedComponent.js
+++ b/Libraries/Animated/src/createAnimatedComponent.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule createAnimatedComponent
  * @flow
  * @format
  */
@@ -19,7 +18,7 @@ const invariant = require('fbjs/lib/invariant');
 
 function createAnimatedComponent(Component: any): any {
   invariant(
-    typeof Component === 'string' ||
+    typeof Component !== 'function' ||
       (Component.prototype && Component.prototype.isReactComponent),
     '`createAnimatedComponent` does not support stateless functional components; ' +
       'use a class component instead.',
diff --git a/Libraries/Animated/src/nodes/AnimatedAddition.js b/Libraries/Animated/src/nodes/AnimatedAddition.js
index 2e3453965565f0..60713da500213c 100644
--- a/Libraries/Animated/src/nodes/AnimatedAddition.js
+++ b/Libraries/Animated/src/nodes/AnimatedAddition.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnimatedAddition
  * @flow
  * @format
  */
diff --git a/Libraries/Animated/src/nodes/AnimatedDiffClamp.js b/Libraries/Animated/src/nodes/AnimatedDiffClamp.js
index 0f64e75c723c06..4219eccfb377ff 100644
--- a/Libraries/Animated/src/nodes/AnimatedDiffClamp.js
+++ b/Libraries/Animated/src/nodes/AnimatedDiffClamp.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnimatedDiffClamp
  * @flow
  * @format
  */
diff --git a/Libraries/Animated/src/nodes/AnimatedDivision.js b/Libraries/Animated/src/nodes/AnimatedDivision.js
index 606e63937b9a86..3498d322211f64 100644
--- a/Libraries/Animated/src/nodes/AnimatedDivision.js
+++ b/Libraries/Animated/src/nodes/AnimatedDivision.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnimatedDivision
  * @flow
  * @format
  */
diff --git a/Libraries/Animated/src/nodes/AnimatedInterpolation.js b/Libraries/Animated/src/nodes/AnimatedInterpolation.js
index eb4cc5d6995d77..8ee7cbba8a7fc0 100644
--- a/Libraries/Animated/src/nodes/AnimatedInterpolation.js
+++ b/Libraries/Animated/src/nodes/AnimatedInterpolation.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnimatedInterpolation
  * @flow
  * @format
  */
@@ -286,7 +285,7 @@ function checkValidInputRange(arr: Array<number>) {
        * mean this implicit string conversion, you can do something like
        * String(myThing)
        */
-      'inputRange must be monotonically increasing ' + arr,
+      'inputRange must be monotonically non-decreasing ' + arr,
     );
   }
 }
@@ -350,13 +349,16 @@ class AnimatedInterpolation extends AnimatedWithChildren {
   __transformDataType(range: Array<any>) {
     // Change the string array type to number array
     // So we can reuse the same logic in iOS and Android platform
+    /* $FlowFixMe(>=0.70.0 site=react_native_fb) This comment suppresses an
+     * error found when Flow v0.70 was deployed. To see the error delete this
+     * comment and run Flow. */
     return range.map(function(value) {
       if (typeof value !== 'string') {
         return value;
       }
       if (/deg$/.test(value)) {
         const degrees = parseFloat(value) || 0;
-        const radians = degrees * Math.PI / 180.0;
+        const radians = (degrees * Math.PI) / 180.0;
         return radians;
       } else {
         // Assume radians
diff --git a/Libraries/Animated/src/nodes/AnimatedModulo.js b/Libraries/Animated/src/nodes/AnimatedModulo.js
index 24cd3f0b077c12..a3968566e9a2c4 100644
--- a/Libraries/Animated/src/nodes/AnimatedModulo.js
+++ b/Libraries/Animated/src/nodes/AnimatedModulo.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnimatedModulo
  * @flow
  * @format
  */
@@ -33,7 +32,7 @@ class AnimatedModulo extends AnimatedWithChildren {
 
   __getValue(): number {
     return (
-      (this._a.__getValue() % this._modulus + this._modulus) % this._modulus
+      ((this._a.__getValue() % this._modulus) + this._modulus) % this._modulus
     );
   }
 
diff --git a/Libraries/Animated/src/nodes/AnimatedMultiplication.js b/Libraries/Animated/src/nodes/AnimatedMultiplication.js
index dc01f7f17127f1..889f530c76baee 100644
--- a/Libraries/Animated/src/nodes/AnimatedMultiplication.js
+++ b/Libraries/Animated/src/nodes/AnimatedMultiplication.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnimatedMultiplication
  * @flow
  * @format
  */
diff --git a/Libraries/Animated/src/nodes/AnimatedNode.js b/Libraries/Animated/src/nodes/AnimatedNode.js
index e75cfaf0e5c8fb..34e010a62f8c45 100644
--- a/Libraries/Animated/src/nodes/AnimatedNode.js
+++ b/Libraries/Animated/src/nodes/AnimatedNode.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnimatedNode
  * @flow
  * @format
  */
diff --git a/Libraries/Animated/src/nodes/AnimatedProps.js b/Libraries/Animated/src/nodes/AnimatedProps.js
index 78cd11189edfa7..75c9c25487135a 100644
--- a/Libraries/Animated/src/nodes/AnimatedProps.js
+++ b/Libraries/Animated/src/nodes/AnimatedProps.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnimatedProps
  * @flow
  * @format
  */
diff --git a/Libraries/Animated/src/nodes/AnimatedStyle.js b/Libraries/Animated/src/nodes/AnimatedStyle.js
index c7bb24e3b42b14..990b960a336805 100644
--- a/Libraries/Animated/src/nodes/AnimatedStyle.js
+++ b/Libraries/Animated/src/nodes/AnimatedStyle.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnimatedStyle
  * @flow
  * @format
  */
diff --git a/Libraries/Animated/src/nodes/AnimatedSubtraction.js b/Libraries/Animated/src/nodes/AnimatedSubtraction.js
new file mode 100644
index 00000000000000..3fe8bbb6920703
--- /dev/null
+++ b/Libraries/Animated/src/nodes/AnimatedSubtraction.js
@@ -0,0 +1,62 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+'use strict';
+
+const AnimatedInterpolation = require('./AnimatedInterpolation');
+const AnimatedNode = require('./AnimatedNode');
+const AnimatedValue = require('./AnimatedValue');
+const AnimatedWithChildren = require('./AnimatedWithChildren');
+
+import type {InterpolationConfigType} from './AnimatedInterpolation';
+
+class AnimatedSubtraction extends AnimatedWithChildren {
+  _a: AnimatedNode;
+  _b: AnimatedNode;
+
+  constructor(a: AnimatedNode | number, b: AnimatedNode | number) {
+    super();
+    this._a = typeof a === 'number' ? new AnimatedValue(a) : a;
+    this._b = typeof b === 'number' ? new AnimatedValue(b) : b;
+  }
+
+  __makeNative() {
+    this._a.__makeNative();
+    this._b.__makeNative();
+    super.__makeNative();
+  }
+
+  __getValue(): number {
+    return this._a.__getValue() - this._b.__getValue();
+  }
+
+  interpolate(config: InterpolationConfigType): AnimatedInterpolation {
+    return new AnimatedInterpolation(this, config);
+  }
+
+  __attach(): void {
+    this._a.__addChild(this);
+    this._b.__addChild(this);
+  }
+
+  __detach(): void {
+    this._a.__removeChild(this);
+    this._b.__removeChild(this);
+    super.__detach();
+  }
+
+  __getNativeConfig(): any {
+    return {
+      type: 'subtraction',
+      input: [this._a.__getNativeTag(), this._b.__getNativeTag()],
+    };
+  }
+}
+
+module.exports = AnimatedSubtraction;
diff --git a/Libraries/Animated/src/nodes/AnimatedTracking.js b/Libraries/Animated/src/nodes/AnimatedTracking.js
index cf20d6e8bbf3fc..699da167c7b2c7 100644
--- a/Libraries/Animated/src/nodes/AnimatedTracking.js
+++ b/Libraries/Animated/src/nodes/AnimatedTracking.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnimatedTracking
  * @flow
  * @format
  */
diff --git a/Libraries/Animated/src/nodes/AnimatedTransform.js b/Libraries/Animated/src/nodes/AnimatedTransform.js
index 48f82f9fe3443d..1706923394ec96 100644
--- a/Libraries/Animated/src/nodes/AnimatedTransform.js
+++ b/Libraries/Animated/src/nodes/AnimatedTransform.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnimatedTransform
  * @flow
  * @format
  */
diff --git a/Libraries/Animated/src/nodes/AnimatedValue.js b/Libraries/Animated/src/nodes/AnimatedValue.js
index 862d25f8e53a28..a3fb3a325b838e 100644
--- a/Libraries/Animated/src/nodes/AnimatedValue.js
+++ b/Libraries/Animated/src/nodes/AnimatedValue.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnimatedValue
  * @flow
  * @format
  */
@@ -51,6 +50,9 @@ let _uniqueId = 1;
 function _flush(rootNode: AnimatedValue): void {
   const animatedStyles = new Set();
   function findAnimatedStyles(node) {
+    /* $FlowFixMe(>=0.68.0 site=react_native_fb) This comment suppresses an
+     * error found when Flow v0.68 was deployed. To see the error delete this
+     * comment and run Flow. */
     if (typeof node.update === 'function') {
       animatedStyles.add(node);
     } else {
diff --git a/Libraries/Animated/src/nodes/AnimatedValueXY.js b/Libraries/Animated/src/nodes/AnimatedValueXY.js
index 52c207c0f42ffe..3de5bbaf9d3a04 100644
--- a/Libraries/Animated/src/nodes/AnimatedValueXY.js
+++ b/Libraries/Animated/src/nodes/AnimatedValueXY.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnimatedValueXY
  * @flow
  * @format
  */
diff --git a/Libraries/Animated/src/nodes/AnimatedWithChildren.js b/Libraries/Animated/src/nodes/AnimatedWithChildren.js
index 1f58cd834e165e..9cd5fb49e14070 100644
--- a/Libraries/Animated/src/nodes/AnimatedWithChildren.js
+++ b/Libraries/Animated/src/nodes/AnimatedWithChildren.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnimatedWithChildren
  * @flow
  * @format
  */
diff --git a/Libraries/Animated/src/polyfills/InteractionManager.js b/Libraries/Animated/src/polyfills/InteractionManager.js
index c063e9234b3df1..5e82aaaa544cdb 100644
--- a/Libraries/Animated/src/polyfills/InteractionManager.js
+++ b/Libraries/Animated/src/polyfills/InteractionManager.js
@@ -3,11 +3,13 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 'use strict';
 
 module.exports = {
   createInteractionHandle: function() {},
-  clearInteractionHandle: function() {}
+  clearInteractionHandle: function() {},
 };
diff --git a/Libraries/Animated/src/polyfills/Set.js b/Libraries/Animated/src/polyfills/Set.js
index fd071410d42395..c88278bda1cb38 100644
--- a/Libraries/Animated/src/polyfills/Set.js
+++ b/Libraries/Animated/src/polyfills/Set.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 'use strict';
diff --git a/Libraries/Animated/src/polyfills/flattenStyle.js b/Libraries/Animated/src/polyfills/flattenStyle.js
index 2e4c8a1d36b476..21907b235f97f5 100644
--- a/Libraries/Animated/src/polyfills/flattenStyle.js
+++ b/Libraries/Animated/src/polyfills/flattenStyle.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 module.exports = function(style) {
   return style;
diff --git a/Libraries/AppState/AppState.js b/Libraries/AppState/AppState.js
index f2faa9480d2b57..554689f11ad680 100644
--- a/Libraries/AppState/AppState.js
+++ b/Libraries/AppState/AppState.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AppState
+ * @format
  * @flow
  */
+
 'use strict';
 
 const MissingNativeEventEmitterShim = require('MissingNativeEventEmitterShim');
@@ -24,7 +25,6 @@ const invariant = require('fbjs/lib/invariant');
  * See http://facebook.github.io/react-native/docs/appstate.html
  */
 class AppState extends NativeEventEmitter {
-
   _eventHandlers: Object;
   currentState: ?string;
   isAvailable: boolean = true;
@@ -48,25 +48,21 @@ class AppState extends NativeEventEmitter {
     // prop is up to date, we have to register an observer that updates it
     // whenever the state changes, even if nobody cares. We should just
     // deprecate the `currentState` property and get rid of this.
-    this.addListener(
-      'appStateDidChange',
-      (appStateData) => {
-        eventUpdated = true;
-        this.currentState = appStateData.app_state;
-      }
-    );
+    this.addListener('appStateDidChange', appStateData => {
+      eventUpdated = true;
+      this.currentState = appStateData.app_state;
+    });
 
     // TODO: see above - this request just populates the value of `currentState`
     // when the module is first initialized. Would be better to get rid of the
     // prop and expose `getCurrentAppState` method directly.
-    RCTAppState.getCurrentAppState(
-      (appStateData) => {
-        if (!eventUpdated) {
-          this.currentState = appStateData.app_state;
-        }
-      },
-      logError
-    );
+    RCTAppState.getCurrentAppState(appStateData => {
+      // It's possible that the state will have changed here & listeners need to be notified
+      if (!eventUpdated && this.currentState !== appStateData.app_state) {
+        this.currentState = appStateData.app_state;
+        this.emit('appStateDidChange', appStateData);
+      }
+    }, logError);
   }
 
   // TODO: now that AppState is a subclass of NativeEventEmitter, we could
@@ -74,32 +70,30 @@ class AppState extends NativeEventEmitter {
   // addListener` and `listener.remove()` directly. That will be a breaking
   // change though, as both the method and event names are different
   // (addListener events are currently required to be globally unique).
-   /**
+  /**
    * Add a handler to AppState changes by listening to the `change` event type
    * and providing the handler.
    *
    * See http://facebook.github.io/react-native/docs/appstate.html#addeventlistener
    */
-  addEventListener(
-    type: string,
-    handler: Function
-  ) {
+  addEventListener(type: string, handler: Function) {
     invariant(
       ['change', 'memoryWarning'].indexOf(type) !== -1,
-      'Trying to subscribe to unknown event: "%s"', type
+      'Trying to subscribe to unknown event: "%s"',
+      type,
     );
     if (type === 'change') {
-      this._eventHandlers[type].set(handler, this.addListener(
-        'appStateDidChange',
-        (appStateData) => {
+      this._eventHandlers[type].set(
+        handler,
+        this.addListener('appStateDidChange', appStateData => {
           handler(appStateData.app_state);
-        }
-      ));
+        }),
+      );
     } else if (type === 'memoryWarning') {
-      this._eventHandlers[type].set(handler, this.addListener(
-        'memoryWarning',
-        handler
-      ));
+      this._eventHandlers[type].set(
+        handler,
+        this.addListener('memoryWarning', handler),
+      );
     }
   }
 
@@ -108,13 +102,11 @@ class AppState extends NativeEventEmitter {
    *
    * See http://facebook.github.io/react-native/docs/appstate.html#removeeventlistener
    */
-  removeEventListener(
-    type: string,
-    handler: Function
-  ) {
+  removeEventListener(type: string, handler: Function) {
     invariant(
       ['change', 'memoryWarning'].indexOf(type) !== -1,
-      'Trying to remove listener for unknown event: "%s"', type
+      'Trying to remove listener for unknown event: "%s"',
+      type,
     );
     if (!this._eventHandlers[type].has(handler)) {
       return;
diff --git a/Libraries/BatchedBridge/BatchedBridge.js b/Libraries/BatchedBridge/BatchedBridge.js
index bfc6862cb83551..0b1aae766493e6 100644
--- a/Libraries/BatchedBridge/BatchedBridge.js
+++ b/Libraries/BatchedBridge/BatchedBridge.js
@@ -4,27 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule BatchedBridge
+ * @format
  * @flow
  */
+
 'use strict';
 
 const MessageQueue = require('MessageQueue');
 
-// MessageQueue can install a global handler to catch all exceptions where JS users can register their own behavior
-// This handler makes all exceptions to be handled inside MessageQueue rather than by the VM at its origin
-// This makes stacktraces to be placed at MessageQueue rather than at where they were launched
-// The parameter __fbUninstallRNGlobalErrorHandler is passed to MessageQueue to prevent the handler from being installed
-//
-// __fbUninstallRNGlobalErrorHandler is conditionally set by the Inspector while the VM is paused for initialization
-// If the Inspector isn't present it defaults to undefined and the global error handler is installed
-// The Inspector can still call MessageQueue#uninstallGlobalErrorHandler to uninstalled on attach
-
-const BatchedBridge = new MessageQueue(
-  // $FlowFixMe
-  typeof __fbUninstallRNGlobalErrorHandler !== 'undefined' &&
-    __fbUninstallRNGlobalErrorHandler === true, // eslint-disable-line no-undef
-);
+const BatchedBridge = new MessageQueue();
 
 // Wire up the batched bridge on the global object so that we can call into it.
 // Ideally, this would be the inverse relationship. I.e. the native environment
diff --git a/Libraries/BatchedBridge/MessageQueue.js b/Libraries/BatchedBridge/MessageQueue.js
index 428d388173989e..c9b750df9efdc8 100644
--- a/Libraries/BatchedBridge/MessageQueue.js
+++ b/Libraries/BatchedBridge/MessageQueue.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule MessageQueue
  * @flow
  * @format
  */
@@ -38,18 +37,15 @@ const TRACE_TAG_REACT_APPS = 1 << 17;
 
 const DEBUG_INFO_LIMIT = 32;
 
-// Work around an initialization order issue
-let JSTimers = null;
-
 class MessageQueue {
   _lazyCallableModules: {[key: string]: (void) => Object};
   _queue: [number[], number[], any[], number];
-  _successCallbacks: (?Function)[];
-  _failureCallbacks: (?Function)[];
+  _successCallbacks: {[key: number]: ?Function};
+  _failureCallbacks: {[key: number]: ?Function};
   _callID: number;
-  _inCall: number;
   _lastFlush: number;
   _eventLoopStartTime: number;
+  _immediatesCallback: ?() => void;
 
   _debugInfo: {[number]: [number, number]};
   _remoteModuleTable: {[number]: string};
@@ -57,21 +53,15 @@ class MessageQueue {
 
   __spy: ?(data: SpyData) => void;
 
-  __guard: (() => void) => void;
-
-  constructor(shouldUninstallGlobalErrorHandler: boolean = false) {
+  constructor() {
     this._lazyCallableModules = {};
     this._queue = [[], [], [], 0];
-    this._successCallbacks = [];
-    this._failureCallbacks = [];
+    this._successCallbacks = {};
+    this._failureCallbacks = {};
     this._callID = 0;
     this._lastFlush = 0;
     this._eventLoopStartTime = new Date().getTime();
-    if (shouldUninstallGlobalErrorHandler) {
-      this.uninstallGlobalErrorHandler();
-    } else {
-      this.installGlobalErrorHandler();
-    }
+    this._immediatesCallback = null;
 
     if (__DEV__) {
       this._debugInfo = {};
@@ -256,10 +246,9 @@ class MessageQueue {
     const now = new Date().getTime();
     if (
       global.nativeFlushQueueImmediate &&
-      (now - this._lastFlush >= MIN_TIME_BETWEEN_FLUSHES_MS ||
-        this._inCall === 0)
+      now - this._lastFlush >= MIN_TIME_BETWEEN_FLUSHES_MS
     ) {
-      var queue = this._queue;
+      const queue = this._queue;
       this._queue = [[], [], [], this._callID];
       this._lastFlush = now;
       global.nativeFlushQueueImmediate(queue);
@@ -289,49 +278,58 @@ class MessageQueue {
     }
   }
 
-  uninstallGlobalErrorHandler() {
-    this.__guard = this.__guardUnsafe;
-  }
-
-  installGlobalErrorHandler() {
-    this.__guard = this.__guardSafe;
+  // For JSTimers to register its callback. Otherwise a circular dependency
+  // between modules is introduced. Note that only one callback may be
+  // registered at a time.
+  setImmediatesCallback(fn: () => void) {
+    this._immediatesCallback = fn;
   }
 
   /**
    * Private methods
    */
 
-  // Lets exceptions propagate to be handled by the VM at the origin
-  __guardUnsafe(fn: () => void) {
-    this._inCall++;
-    fn();
-    this._inCall--;
-  }
-
-  __guardSafe(fn: () => void) {
-    this._inCall++;
-    try {
+  __guard(fn: () => void) {
+    if (this.__shouldPauseOnThrow()) {
       fn();
-    } catch (error) {
-      ErrorUtils.reportFatalError(error);
-    } finally {
-      this._inCall--;
+    } else {
+      try {
+        fn();
+      } catch (error) {
+        ErrorUtils.reportFatalError(error);
+      }
     }
   }
 
+  // MessageQueue installs a global handler to catch all exceptions where JS users can register their own behavior
+  // This handler makes all exceptions to be propagated from inside MessageQueue rather than by the VM at their origin
+  // This makes stacktraces to be placed at MessageQueue rather than at where they were launched
+  // The parameter DebuggerInternal.shouldPauseOnThrow is used to check before catching all exceptions and
+  // can be configured by the VM or any Inspector
+  __shouldPauseOnThrow() {
+    return (
+      // $FlowFixMe
+      typeof DebuggerInternal !== 'undefined' &&
+      DebuggerInternal.shouldPauseOnThrow === true // eslint-disable-line no-undef
+    );
+  }
+
   __callImmediates() {
     Systrace.beginEvent('JSTimers.callImmediates()');
-    if (!JSTimers) {
-      JSTimers = require('JSTimers');
+    if (this._immediatesCallback != null) {
+      this._immediatesCallback();
     }
-    JSTimers.callImmediates();
     Systrace.endEvent();
   }
 
   __callFunction(module: string, method: string, args: any[]): any {
     this._lastFlush = new Date().getTime();
     this._eventLoopStartTime = this._lastFlush;
-    Systrace.beginEvent(`${module}.${method}()`);
+    if (__DEV__ || this.__spy) {
+      Systrace.beginEvent(`${module}.${method}(${stringifySafe(args)})`);
+    } else {
+      Systrace.beginEvent(`${module}.${method}(...)`);
+    }
     if (this.__spy) {
       this.__spy({type: TO_JS, module, method, args});
     }
@@ -394,7 +392,8 @@ class MessageQueue {
       return;
     }
 
-    this._successCallbacks[callID] = this._failureCallbacks[callID] = null;
+    delete this._successCallbacks[callID];
+    delete this._failureCallbacks[callID];
     callback(...args);
 
     if (__DEV__) {
diff --git a/Libraries/BatchedBridge/NativeModules.js b/Libraries/BatchedBridge/NativeModules.js
index 324c4f6e995bdd..61dd5bff1e61df 100644
--- a/Libraries/BatchedBridge/NativeModules.js
+++ b/Libraries/BatchedBridge/NativeModules.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule NativeModules
+ * @format
  * @flow
  */
+
 'use strict';
 
 const BatchedBridge = require('BatchedBridge');
@@ -16,53 +17,66 @@ const invariant = require('fbjs/lib/invariant');
 import type {ExtendedError} from 'parseErrorStack';
 
 type ModuleConfig = [
-  string, /* name */
-  ?Object, /* constants */
-  Array<string>, /* functions */
-  Array<number>, /* promise method IDs */
-  Array<number>, /* sync method IDs */
+  string /* name */,
+  ?Object /* constants */,
+  Array<string> /* functions */,
+  Array<number> /* promise method IDs */,
+  Array<number> /* sync method IDs */,
 ];
 
 export type MethodType = 'async' | 'promise' | 'sync';
 
-function genModule(config: ?ModuleConfig, moduleID: number): ?{name: string, module?: Object} {
+function genModule(
+  config: ?ModuleConfig,
+  moduleID: number,
+): ?{name: string, module?: Object} {
   if (!config) {
     return null;
   }
 
   const [moduleName, constants, methods, promiseMethods, syncMethods] = config;
-  invariant(!moduleName.startsWith('RCT') && !moduleName.startsWith('RK'),
-    'Module name prefixes should\'ve been stripped by the native side ' +
-    'but wasn\'t for ' + moduleName);
+  invariant(
+    !moduleName.startsWith('RCT') && !moduleName.startsWith('RK'),
+    "Module name prefixes should've been stripped by the native side " +
+      "but wasn't for " +
+      moduleName,
+  );
 
   if (!constants && !methods) {
     // Module contents will be filled in lazily later
-    return { name: moduleName };
+    return {name: moduleName};
   }
 
   const module = {};
-  methods && methods.forEach((methodName, methodID) => {
-    const isPromise = promiseMethods && arrayContains(promiseMethods, methodID);
-    const isSync = syncMethods && arrayContains(syncMethods, methodID);
-    invariant(!isPromise || !isSync, 'Cannot have a method that is both async and a sync hook');
-    const methodType = isPromise ? 'promise' : isSync ? 'sync' : 'async';
-    module[methodName] = genMethod(moduleID, methodID, methodType);
-  });
+  methods &&
+    methods.forEach((methodName, methodID) => {
+      const isPromise =
+        promiseMethods && arrayContains(promiseMethods, methodID);
+      const isSync = syncMethods && arrayContains(syncMethods, methodID);
+      invariant(
+        !isPromise || !isSync,
+        'Cannot have a method that is both async and a sync hook',
+      );
+      const methodType = isPromise ? 'promise' : isSync ? 'sync' : 'async';
+      module[methodName] = genMethod(moduleID, methodID, methodType);
+    });
   Object.assign(module, constants);
 
   if (__DEV__) {
     BatchedBridge.createDebugLookup(moduleID, moduleName, methods);
   }
 
-  return { name: moduleName, module };
+  return {name: moduleName, module};
 }
 
 // export this method as a global so we can call it from native
 global.__fbGenNativeModule = genModule;
 
 function loadModule(name: string, moduleID: number): ?Object {
-  invariant(global.nativeRequireModuleConfig,
-    'Can\'t lazily create module without nativeRequireModuleConfig');
+  invariant(
+    global.nativeRequireModuleConfig,
+    "Can't lazily create module without nativeRequireModuleConfig",
+  );
   const config = global.nativeRequireModuleConfig(name);
   const info = genModule(config, moduleID);
   return info && info.module;
@@ -73,18 +87,25 @@ function genMethod(moduleID: number, methodID: number, type: MethodType) {
   if (type === 'promise') {
     fn = function(...args: Array<any>) {
       return new Promise((resolve, reject) => {
-        BatchedBridge.enqueueNativeCall(moduleID, methodID, args,
-          (data) => resolve(data),
-          (errorData) => reject(createErrorFromErrorData(errorData)));
+        BatchedBridge.enqueueNativeCall(
+          moduleID,
+          methodID,
+          args,
+          data => resolve(data),
+          errorData => reject(createErrorFromErrorData(errorData)),
+        );
       });
     };
   } else if (type === 'sync') {
     fn = function(...args: Array<any>) {
       if (__DEV__) {
-        invariant(global.nativeCallSyncHook, 'Calling synchronous methods on native ' +
-          'modules is not supported in Chrome.\n\n Consider providing alternative ' +
-          'methods to expose this method in debug mode, e.g. by exposing constants ' +
-          'ahead-of-time.');
+        invariant(
+          global.nativeCallSyncHook,
+          'Calling synchronous methods on native ' +
+            'modules is not supported in Chrome.\n\n Consider providing alternative ' +
+            'methods to expose this method in debug mode, e.g. by exposing constants ' +
+            'ahead-of-time.',
+        );
       }
       return global.nativeCallSyncHook(moduleID, methodID, args);
     };
@@ -94,15 +115,22 @@ function genMethod(moduleID: number, methodID: number, type: MethodType) {
       const secondLastArg = args.length > 1 ? args[args.length - 2] : null;
       const hasSuccessCallback = typeof lastArg === 'function';
       const hasErrorCallback = typeof secondLastArg === 'function';
-      hasErrorCallback && invariant(
-        hasSuccessCallback,
-        'Cannot have a non-function arg after a function arg.'
-      );
+      hasErrorCallback &&
+        invariant(
+          hasSuccessCallback,
+          'Cannot have a non-function arg after a function arg.',
+        );
       const onSuccess = hasSuccessCallback ? lastArg : null;
       const onFail = hasErrorCallback ? secondLastArg : null;
       const callbackCount = hasSuccessCallback + hasErrorCallback;
       args = args.slice(0, args.length - callbackCount);
-      BatchedBridge.enqueueNativeCall(moduleID, methodID, args, onFail, onSuccess);
+      BatchedBridge.enqueueNativeCall(
+        moduleID,
+        methodID,
+        args,
+        onFail,
+        onSuccess,
+      );
     };
   }
   fn.type = type;
@@ -114,41 +142,43 @@ function arrayContains<T>(array: Array<T>, value: T): boolean {
 }
 
 function createErrorFromErrorData(errorData: {message: string}): ExtendedError {
-  const {
-    message,
-    ...extraErrorInfo
-  } = errorData || {};
-  const error : ExtendedError = new Error(message);
+  const {message, ...extraErrorInfo} = errorData || {};
+  const error: ExtendedError = new Error(message);
   error.framesToPop = 1;
   return Object.assign(error, extraErrorInfo);
 }
 
-let NativeModules : {[moduleName: string]: Object} = {};
+let NativeModules: {[moduleName: string]: Object} = {};
 if (global.nativeModuleProxy) {
   NativeModules = global.nativeModuleProxy;
-} else {
+} else if (!global.nativeExtensions) {
   const bridgeConfig = global.__fbBatchedBridgeConfig;
-  invariant(bridgeConfig, '__fbBatchedBridgeConfig is not set, cannot invoke native modules');
+  invariant(
+    bridgeConfig,
+    '__fbBatchedBridgeConfig is not set, cannot invoke native modules',
+  );
 
   const defineLazyObjectProperty = require('defineLazyObjectProperty');
-  (bridgeConfig.remoteModuleConfig || []).forEach((config: ModuleConfig, moduleID: number) => {
-    // Initially this config will only contain the module name when running in JSC. The actual
-    // configuration of the module will be lazily loaded.
-    const info = genModule(config, moduleID);
-    if (!info) {
-      return;
-    }
-
-    if (info.module) {
-      NativeModules[info.name] = info.module;
-    }
-    // If there's no module config, define a lazy getter
-    else {
-      defineLazyObjectProperty(NativeModules, info.name, {
-        get: () => loadModule(info.name, moduleID)
-      });
-    }
-  });
+  (bridgeConfig.remoteModuleConfig || []).forEach(
+    (config: ModuleConfig, moduleID: number) => {
+      // Initially this config will only contain the module name when running in JSC. The actual
+      // configuration of the module will be lazily loaded.
+      const info = genModule(config, moduleID);
+      if (!info) {
+        return;
+      }
+
+      if (info.module) {
+        NativeModules[info.name] = info.module;
+      }
+      // If there's no module config, define a lazy getter
+      else {
+        defineLazyObjectProperty(NativeModules, info.name, {
+          get: () => loadModule(info.name, moduleID),
+        });
+      }
+    },
+  );
 }
 
 module.exports = NativeModules;
diff --git a/Libraries/BatchedBridge/__mocks__/MessageQueueTestConfig.js b/Libraries/BatchedBridge/__mocks__/MessageQueueTestConfig.js
index 40ad81f5f5cb5f..3f9ae5f0a4855c 100644
--- a/Libraries/BatchedBridge/__mocks__/MessageQueueTestConfig.js
+++ b/Libraries/BatchedBridge/__mocks__/MessageQueueTestConfig.js
@@ -5,14 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  *
  * These don't actually exist anywhere in the code.
+ *
+ * @format
  */
+
 'use strict';
-var remoteModulesConfig = [
-  ['RemoteModule1',null,['remoteMethod','promiseMethod'],[]],
-  ['RemoteModule2',null,['remoteMethod','promiseMethod'],[]],
+const remoteModulesConfig = [
+  ['RemoteModule1', null, ['remoteMethod', 'promiseMethod'], []],
+  ['RemoteModule2', null, ['remoteMethod', 'promiseMethod'], []],
 ];
 
-var MessageQueueTestConfig = {
+const MessageQueueTestConfig = {
   remoteModuleConfig: remoteModulesConfig,
 };
 
diff --git a/Libraries/BatchedBridge/__mocks__/MessageQueueTestModule.js b/Libraries/BatchedBridge/__mocks__/MessageQueueTestModule.js
index 8c4f7d3c03063f..05168a6b570094 100644
--- a/Libraries/BatchedBridge/__mocks__/MessageQueueTestModule.js
+++ b/Libraries/BatchedBridge/__mocks__/MessageQueueTestModule.js
@@ -4,7 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  */
+
 'use strict';
 
 /**
@@ -12,11 +14,9 @@
  * correctly dispatches to commonJS modules. The `testHook` is overriden by test
  * cases.
  */
-var MessageQueueTestModule = {
-  testHook1: function() {
-  },
-  testHook2: function() {
-  }
+const MessageQueueTestModule = {
+  testHook1: function() {},
+  testHook2: function() {},
 };
 
 module.exports = MessageQueueTestModule;
diff --git a/Libraries/BatchedBridge/__tests__/MessageQueue-test.js b/Libraries/BatchedBridge/__tests__/MessageQueue-test.js
index ecf60bcd0455cc..555a9e2053be33 100644
--- a/Libraries/BatchedBridge/__tests__/MessageQueue-test.js
+++ b/Libraries/BatchedBridge/__tests__/MessageQueue-test.js
@@ -125,59 +125,27 @@ describe('MessageQueue', function() {
     expect(factory).toHaveBeenCalledTimes(1);
   });
 
-  it('should catch all exceptions if the global error handler is installed', () => {
-    const errorMessage = 'intentional error';
-    const errorModule = {
-      explode: function() {
-        throw new Error(errorMessage);
-      },
+  it('should check if the global error handler is not overriden by the DebuggerInternal object', () => {
+    const dummyModule = {
+      dummy: function() {},
     };
-    const name = 'errorModuleName';
-    const factory = jest.fn(() => errorModule);
-    queue.__guardSafe = jest.fn(() => {});
-    queue.__guardUnsafe = jest.fn(() => {});
-    queue.installGlobalErrorHandler();
-    queue.registerLazyCallableModule(name, factory);
-    queue.callFunctionReturnFlushedQueue(name, 'explode', []);
-    expect(queue.__guardUnsafe).toHaveBeenCalledTimes(0);
-    expect(queue.__guardSafe).toHaveBeenCalledTimes(2);
-  });
-
-  it('should propagate exceptions if the global error handler is uninstalled', () => {
-    queue.uninstallGlobalErrorHandler();
-    const errorMessage = 'intentional error';
-    const errorModule = {
-      explode: function() {
-        throw new Error(errorMessage);
-      },
-    };
-    const name = 'errorModuleName';
-    const factory = jest.fn(() => errorModule);
-    queue.__guardUnsafe = jest.fn(() => {});
-    queue.__guardSafe = jest.fn(() => {});
+    const name = 'emptyModuleName';
+    const factory = jest.fn(() => dummyModule);
+    queue.__shouldPauseOnThrow = jest.fn(() => false);
     queue.registerLazyCallableModule(name, factory);
-    queue.uninstallGlobalErrorHandler();
-    queue.callFunctionReturnFlushedQueue(name, 'explode');
-    expect(queue.__guardUnsafe).toHaveBeenCalledTimes(2);
-    expect(queue.__guardSafe).toHaveBeenCalledTimes(0);
+    queue.callFunctionReturnFlushedQueue(name, 'dummy', []);
+    expect(queue.__shouldPauseOnThrow).toHaveBeenCalledTimes(2);
   });
 
-  it('should catch all exceptions if the global error handler is re-installed', () => {
-    const errorMessage = 'intentional error';
-    const errorModule = {
-      explode: function() {
-        throw new Error(errorMessage);
-      },
+  it('should check if the global error handler is overriden by the DebuggerInternal object', () => {
+    const dummyModule = {
+      dummy: function() {},
     };
-    const name = 'errorModuleName';
-    const factory = jest.fn(() => errorModule);
-    queue.__guardUnsafe = jest.fn(() => {});
-    queue.__guardSafe = jest.fn(() => {});
+    const name = 'emptyModuleName';
+    const factory = jest.fn(() => dummyModule);
+    queue.__shouldPauseOnThrow = jest.fn(() => true);
     queue.registerLazyCallableModule(name, factory);
-    queue.uninstallGlobalErrorHandler();
-    queue.installGlobalErrorHandler();
-    queue.callFunctionReturnFlushedQueue(name, 'explode');
-    expect(queue.__guardUnsafe).toHaveBeenCalledTimes(0);
-    expect(queue.__guardSafe).toHaveBeenCalledTimes(2);
+    queue.callFunctionReturnFlushedQueue(name, 'dummy', []);
+    expect(queue.__shouldPauseOnThrow).toHaveBeenCalledTimes(2);
   });
 });
diff --git a/Libraries/BatchedBridge/__tests__/NativeModules-test.js b/Libraries/BatchedBridge/__tests__/NativeModules-test.js
index b9cc2411d29512..9702146b719090 100644
--- a/Libraries/BatchedBridge/__tests__/NativeModules-test.js
+++ b/Libraries/BatchedBridge/__tests__/NativeModules-test.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
 jest
@@ -59,7 +61,12 @@ describe('MessageQueue', function() {
     const onSucc = jest.fn();
 
     // Perform communication
-    NativeModules.RemoteModule1.promiseMethod('paloAlto', 'menloPark', onFail, onSucc);
+    NativeModules.RemoteModule1.promiseMethod(
+      'paloAlto',
+      'menloPark',
+      onFail,
+      onSucc,
+    );
     NativeModules.RemoteModule2.promiseMethod('mac', 'windows', onFail, onSucc);
 
     const resultingRemoteInvocations = BatchedBridge.flushedQueue();
@@ -73,9 +80,10 @@ describe('MessageQueue', function() {
 
     expect(resultingRemoteInvocations[0][0]).toBe(0); // `RemoteModule1`
     expect(resultingRemoteInvocations[1][0]).toBe(1); // `promiseMethod`
-    expect([                                          // the arguments
+    expect([
+      // the arguments
       resultingRemoteInvocations[2][0][0],
-      resultingRemoteInvocations[2][0][1]
+      resultingRemoteInvocations[2][0][1],
     ]).toEqual(['paloAlto', 'menloPark']);
     // Callbacks ids are tacked onto the end of the remote arguments.
     const firstFailCBID = resultingRemoteInvocations[2][0][2];
@@ -83,9 +91,10 @@ describe('MessageQueue', function() {
 
     expect(resultingRemoteInvocations[0][1]).toBe(1); // `RemoteModule2`
     expect(resultingRemoteInvocations[1][1]).toBe(1); // `promiseMethod`
-    expect([                                          // the arguments
+    expect([
+      // the arguments
       resultingRemoteInvocations[2][1][0],
-      resultingRemoteInvocations[2][1][1]
+      resultingRemoteInvocations[2][1][1],
     ]).toEqual(['mac', 'windows']);
     const secondFailCBID = resultingRemoteInvocations[2][1][2];
     const secondSuccCBID = resultingRemoteInvocations[2][1][3];
diff --git a/Libraries/Blob/Blob.js b/Libraries/Blob/Blob.js
index eca13a6a309e8f..0e36b07f7f4e5a 100644
--- a/Libraries/Blob/Blob.js
+++ b/Libraries/Blob/Blob.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Blob
  * @flow
  * @format
  */
diff --git a/Libraries/Blob/BlobManager.js b/Libraries/Blob/BlobManager.js
index dd7cc00eabc652..b08082e35e1580 100644
--- a/Libraries/Blob/BlobManager.js
+++ b/Libraries/Blob/BlobManager.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule BlobManager
  * @flow
  * @format
  */
diff --git a/Libraries/Blob/BlobRegistry.js b/Libraries/Blob/BlobRegistry.js
index 330c1659ae4235..445fe6bb855835 100644
--- a/Libraries/Blob/BlobRegistry.js
+++ b/Libraries/Blob/BlobRegistry.js
@@ -4,8 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule BlobRegistry
- * @flow
+ * @flow strict
  * @format
  */
 
diff --git a/Libraries/Blob/BlobTypes.js b/Libraries/Blob/BlobTypes.js
index 8e895d9006108f..2e5be53e19615f 100644
--- a/Libraries/Blob/BlobTypes.js
+++ b/Libraries/Blob/BlobTypes.js
@@ -4,8 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule BlobTypes
- * @flow
+ * @flow strict
  * @format
  */
 
diff --git a/Libraries/Blob/File.js b/Libraries/Blob/File.js
index f5b03d85f7f178..2f57183cdb3f19 100644
--- a/Libraries/Blob/File.js
+++ b/Libraries/Blob/File.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule File
  * @flow
  * @format
  */
diff --git a/Libraries/Blob/FileReader.js b/Libraries/Blob/FileReader.js
index b3ed89dc9318e6..309e4577a455f8 100644
--- a/Libraries/Blob/FileReader.js
+++ b/Libraries/Blob/FileReader.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule FileReader
  * @flow
  * @format
  */
diff --git a/Libraries/Blob/RCTBlob.xcodeproj/project.pbxproj b/Libraries/Blob/RCTBlob.xcodeproj/project.pbxproj
index 2ffded6f074d39..8bb32fec7b57fa 100755
--- a/Libraries/Blob/RCTBlob.xcodeproj/project.pbxproj
+++ b/Libraries/Blob/RCTBlob.xcodeproj/project.pbxproj
@@ -145,7 +145,7 @@
 		358F4ECF1D1E81A9004DF814 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0730;
+				LastUpgradeCheck = 0940;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					358F4ED61D1E81A9004DF814 = {
@@ -206,13 +206,23 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
@@ -234,7 +244,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -251,13 +261,23 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
@@ -273,7 +293,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SKIP_INSTALL = YES;
diff --git a/Libraries/Blob/RCTBlobManager.mm b/Libraries/Blob/RCTBlobManager.mm
index 56235ee04b6dfe..7c0cbb8673f064 100755
--- a/Libraries/Blob/RCTBlobManager.mm
+++ b/Libraries/Blob/RCTBlobManager.mm
@@ -258,6 +258,9 @@ - (BOOL)canHandleNetworkingResponse:(NSString *)responseType
 
 - (id)handleNetworkingResponse:(NSURLResponse *)response data:(NSData *)data
 {
+  // An empty body will have nil for data, in this case we need to return
+  // an empty blob as per the XMLHttpRequest spec.
+  data = data ?: [NSData new];
   return @{
     @"blobId": [self store:data],
     @"offset": @0,
diff --git a/Libraries/Blob/URL.js b/Libraries/Blob/URL.js
index 7349f7752f268c..de73affac2af1b 100644
--- a/Libraries/Blob/URL.js
+++ b/Libraries/Blob/URL.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule URL
  * @format
  * @flow
  */
diff --git a/Libraries/Blob/__mocks__/BlobModule.js b/Libraries/Blob/__mocks__/BlobModule.js
index 2542c3a9339adc..e904d2929dd74b 100644
--- a/Libraries/Blob/__mocks__/BlobModule.js
+++ b/Libraries/Blob/__mocks__/BlobModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict
  * @format
  */
 const BlobModule = {
diff --git a/Libraries/Blob/__mocks__/FileReaderModule.js b/Libraries/Blob/__mocks__/FileReaderModule.js
index f5ccc39d36e200..0f35aa89ace07e 100644
--- a/Libraries/Blob/__mocks__/FileReaderModule.js
+++ b/Libraries/Blob/__mocks__/FileReaderModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict
  * @format
  */
 const FileReaderModule = {
diff --git a/Libraries/Blob/__tests__/Blob-test.js b/Libraries/Blob/__tests__/Blob-test.js
index 8d37915720c9b3..47bf5fee7c1361 100644
--- a/Libraries/Blob/__tests__/Blob-test.js
+++ b/Libraries/Blob/__tests__/Blob-test.js
@@ -13,7 +13,7 @@ jest.setMock('NativeModules', {
   BlobModule: require('../__mocks__/BlobModule'),
 });
 
-var Blob = require('Blob');
+const Blob = require('Blob');
 
 describe('Blob', function() {
   it('should create empty blob', () => {
diff --git a/Libraries/Blob/__tests__/BlobManager-test.js b/Libraries/Blob/__tests__/BlobManager-test.js
index 2ed118b446be1c..c141d42f16334c 100644
--- a/Libraries/Blob/__tests__/BlobManager-test.js
+++ b/Libraries/Blob/__tests__/BlobManager-test.js
@@ -13,8 +13,8 @@ jest.setMock('NativeModules', {
   BlobModule: require('../__mocks__/BlobModule'),
 });
 
-var Blob = require('Blob');
-var BlobManager = require('BlobManager');
+const Blob = require('Blob');
+const BlobManager = require('BlobManager');
 
 describe('BlobManager', function() {
   it('should create blob from parts', () => {
diff --git a/Libraries/Blob/__tests__/FileReader-test.js b/Libraries/Blob/__tests__/FileReader-test.js
index a278a4918a9d10..b2237550bf7184 100644
--- a/Libraries/Blob/__tests__/FileReader-test.js
+++ b/Libraries/Blob/__tests__/FileReader-test.js
@@ -14,8 +14,8 @@ jest.unmock('event-target-shim').setMock('NativeModules', {
   FileReaderModule: require('../__mocks__/FileReaderModule'),
 });
 
-var Blob = require('Blob');
-var FileReader = require('FileReader');
+const Blob = require('Blob');
+const FileReader = require('FileReader');
 
 describe('FileReader', function() {
   it('should read blob as text', async () => {
diff --git a/Libraries/BugReporting/BugReporting.js b/Libraries/BugReporting/BugReporting.js
index 11a59e6d5222ca..6c63b6a1eebf98 100644
--- a/Libraries/BugReporting/BugReporting.js
+++ b/Libraries/BugReporting/BugReporting.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule BugReporting
+ * @format
  * @flow
  */
+
 'use strict';
 
 const RCTDeviceEventEmitter = require('RCTDeviceEventEmitter');
@@ -15,12 +16,14 @@ const infoLog = require('infoLog');
 
 import type EmitterSubscription from 'EmitterSubscription';
 
-type ExtraData = { [key: string]: string };
+type ExtraData = {[key: string]: string};
 type SourceCallback = () => string;
-type DebugData = { extras: ExtraData, files: ExtraData };
+type DebugData = {extras: ExtraData, files: ExtraData};
 
 function defaultExtras() {
-  BugReporting.addFileSource('react_hierarchy.txt', () => require('dumpReactTree')());
+  BugReporting.addFileSource('react_hierarchy.txt', () =>
+    require('dumpReactTree')(),
+  );
 }
 
 /**
@@ -37,14 +40,20 @@ class BugReporting {
 
   static _maybeInit() {
     if (!BugReporting._subscription) {
-      BugReporting._subscription = RCTDeviceEventEmitter
-          .addListener('collectBugExtraData', BugReporting.collectExtraData, null);
+      BugReporting._subscription = RCTDeviceEventEmitter.addListener(
+        'collectBugExtraData',
+        BugReporting.collectExtraData,
+        null,
+      );
       defaultExtras();
     }
 
     if (!BugReporting._redboxSubscription) {
-      BugReporting._redboxSubscription = RCTDeviceEventEmitter
-          .addListener('collectRedBoxExtraData', BugReporting.collectExtraData, null);
+      BugReporting._redboxSubscription = RCTDeviceEventEmitter.addListener(
+        'collectRedBoxExtraData',
+        BugReporting.collectExtraData,
+        null,
+      );
     }
   }
 
@@ -56,7 +65,10 @@ class BugReporting {
    *
    * Conflicts trample with a warning.
    */
-  static addSource(key: string, callback: SourceCallback): {remove: () => void} {
+  static addSource(
+    key: string,
+    callback: SourceCallback,
+  ): {remove: () => void} {
     return this._addSource(key, callback, BugReporting._extraSources);
   }
 
@@ -68,17 +80,30 @@ class BugReporting {
    *
    * Conflicts trample with a warning.
    */
-  static addFileSource(key: string, callback: SourceCallback): {remove: () => void} {
+  static addFileSource(
+    key: string,
+    callback: SourceCallback,
+  ): {remove: () => void} {
     return this._addSource(key, callback, BugReporting._fileSources);
   }
 
-  static _addSource(key: string, callback: SourceCallback, source: Map<string, SourceCallback>): {remove: () => void} {
+  static _addSource(
+    key: string,
+    callback: SourceCallback,
+    source: Map<string, SourceCallback>,
+  ): {remove: () => void} {
     BugReporting._maybeInit();
     if (source.has(key)) {
-      console.warn(`BugReporting.add* called multiple times for same key '${key}'`);
+      console.warn(
+        `BugReporting.add* called multiple times for same key '${key}'`,
+      );
     }
     source.set(key, callback);
-    return {remove: () => { source.delete(key); }};
+    return {
+      remove: () => {
+        source.delete(key);
+      },
+    };
   }
 
   /**
@@ -107,7 +132,7 @@ class BugReporting {
       RedBoxNativeModule.setExtraData &&
       RedBoxNativeModule.setExtraData(extraData, 'From BugReporting.js');
 
-    return { extras: extraData, files: fileData };
+    return {extras: extraData, files: fileData};
   }
 }
 
diff --git a/Libraries/BugReporting/dumpReactTree.js b/Libraries/BugReporting/dumpReactTree.js
index f8a137ceff7f2c..ead8f4bdd76c32 100644
--- a/Libraries/BugReporting/dumpReactTree.js
+++ b/Libraries/BugReporting/dumpReactTree.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule dumpReactTree
- * @flow
+ * @format
+ * @flow strict
  */
+
 'use strict';
 
 /*
@@ -36,7 +37,7 @@ function getReactTree() {
     'React tree dumps have been temporarily disabled while React is ' +
     'upgraded to Fiber.'
   );
-/*
+  /*
   let output = '';
   const rootIds = Object.getOwnPropertyNames(ReactNativeMount._instancesByContainerID);
   for (const rootId of rootIds) {
@@ -50,14 +51,14 @@ function getReactTree() {
 }
 
 /*
-function dumpNode(node: Object, identation: number) {
+function dumpNode(node: Object, indentation: number) {
   const data = getReactData(node);
   if (data.nodeType === 'Text') {
-    return indent(identation) + data.text + '\n';
+    return indent(indentation) + data.text + '\n';
   } else if (data.nodeType === 'Empty') {
     return '';
   }
-  let output = indent(identation) + `<${data.name}`;
+  let output = indent(indentation) + `<${data.name}`;
   if (data.nodeType === 'Composite') {
     for (const propName of Object.getOwnPropertyNames(data.props || {})) {
       if (isNormalProp(propName)) {
@@ -75,11 +76,11 @@ function dumpNode(node: Object, identation: number) {
   }
   let childOutput = '';
   for (const child of data.children || []) {
-    childOutput += dumpNode(child, identation + 1);
+    childOutput += dumpNode(child, indentation + 1);
   }
 
   if (childOutput) {
-    output += '>\n' + childOutput + indent(identation) + `</${data.name}>\n`;
+    output += '>\n' + childOutput + indent(indentation) + `</${data.name}>\n`;
   } else {
     output += ' />\n';
   }
diff --git a/Libraries/BugReporting/getReactData.js b/Libraries/BugReporting/getReactData.js
index 53c8fb6ccfc110..b4d1c4a32fd557 100644
--- a/Libraries/BugReporting/getReactData.js
+++ b/Libraries/BugReporting/getReactData.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule getReactData
+ * @format
  * @flow
  */
+
 'use strict';
 
 /**
@@ -16,23 +17,26 @@
  * https://github.com/facebook/react-devtools/blob/master/backend/getData.js
  */
 function getData(element: Object): Object {
-  var children = null;
-  var props = null;
-  var state = null;
-  var context = null;
-  var updater = null;
-  var name = null;
-  var type = null;
-  var text = null;
-  var publicInstance = null;
-  var nodeType = 'Native';
+  let children = null;
+  let props = null;
+  let state = null;
+  let context = null;
+  let updater = null;
+  let name = null;
+  let type = null;
+  let text = null;
+  let publicInstance = null;
+  let nodeType = 'Native';
   // If the parent is a native node without rendered children, but with
   // multiple string children, then the `element` that gets passed in here is
   // a plain value -- a string or number.
   if (typeof element !== 'object') {
     nodeType = 'Text';
     text = element + '';
-  } else if (element._currentElement === null || element._currentElement === false) {
+  } else if (
+    element._currentElement === null ||
+    element._currentElement === false
+  ) {
     nodeType = 'Empty';
   } else if (element._renderedComponent) {
     nodeType = 'NativeWrapper';
@@ -66,7 +70,11 @@ function getData(element: Object): Object {
       name = element.getName();
       // 0.14 top-level wrapper
       // TODO(jared): The backend should just act as if these don't exist.
-      if (element._renderedComponent && element._currentElement.props === element._renderedComponent._currentElement) {
+      if (
+        element._renderedComponent &&
+        element._currentElement.props ===
+          element._renderedComponent._currentElement
+      ) {
         nodeType = 'Wrapper';
       }
       if (name === null) {
@@ -81,7 +89,7 @@ function getData(element: Object): Object {
   }
 
   if (element._instance) {
-    var inst = element._instance;
+    const inst = element._instance;
     updater = {
       setState: inst.setState && inst.setState.bind(inst),
       forceUpdate: inst.forceUpdate && inst.forceUpdate.bind(inst),
@@ -114,7 +122,7 @@ function getData(element: Object): Object {
 }
 
 function setInProps(internalInst, path: Array<string | number>, value: any) {
-  var element = internalInst._currentElement;
+  const element = internalInst._currentElement;
   internalInst._currentElement = {
     ...element,
     props: copyWithSet(element.props, path, value),
@@ -133,16 +141,16 @@ function setInContext(inst, path: Array<string | number>, value: any) {
 }
 
 function setIn(obj: Object, path: Array<string | number>, value: any) {
-  var last = path.pop();
-  var parent = path.reduce((obj_, attr) => obj_ ? obj_[attr] : null, obj);
+  const last = path.pop();
+  const parent = path.reduce((obj_, attr) => (obj_ ? obj_[attr] : null), obj);
   if (parent) {
     parent[last] = value;
   }
 }
 
 function childrenList(children) {
-  var res = [];
-  for (var name in children) {
+  const res = [];
+  for (const name in children) {
     res.push(children[name]);
   }
   return res;
@@ -152,14 +160,18 @@ function copyWithSetImpl(obj, path, idx, value) {
   if (idx >= path.length) {
     return value;
   }
-  var key = path[idx];
-  var updated = Array.isArray(obj) ? obj.slice() : {...obj};
+  const key = path[idx];
+  const updated = Array.isArray(obj) ? obj.slice() : {...obj};
   // $FlowFixMe number or string is fine here
   updated[key] = copyWithSetImpl(obj[key], path, idx + 1, value);
   return updated;
 }
 
-function copyWithSet(obj: Object | Array<any>, path: Array<string | number>, value: any): Object | Array<any> {
+function copyWithSet(
+  obj: Object | Array<any>,
+  path: Array<string | number>,
+  value: any,
+): Object | Array<any> {
   return copyWithSetImpl(obj, path, 0, value);
 }
 
diff --git a/Libraries/CameraRoll/CameraRoll.js b/Libraries/CameraRoll/CameraRoll.js
index 3bc48664f35db1..f2a4f65aa80933 100644
--- a/Libraries/CameraRoll/CameraRoll.js
+++ b/Libraries/CameraRoll/CameraRoll.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule CameraRoll
  * @flow
  * @format
  */
diff --git a/Libraries/CameraRoll/ImagePickerIOS.js b/Libraries/CameraRoll/ImagePickerIOS.js
index 24d1309d2e1b91..785f4b57cb6b56 100644
--- a/Libraries/CameraRoll/ImagePickerIOS.js
+++ b/Libraries/CameraRoll/ImagePickerIOS.js
@@ -4,34 +4,51 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ImagePickerIOS
+ * @format
  * @flow
  */
+
 'use strict';
 
-var RCTImagePicker = require('NativeModules').ImagePickerIOS;
+const RCTImagePicker = require('NativeModules').ImagePickerIOS;
 
-var ImagePickerIOS = {
+const ImagePickerIOS = {
   canRecordVideos: function(callback: Function) {
     return RCTImagePicker.canRecordVideos(callback);
   },
   canUseCamera: function(callback: Function) {
     return RCTImagePicker.canUseCamera(callback);
   },
-  openCameraDialog: function(config: Object, successCallback: Function, cancelCallback: Function) {
+  openCameraDialog: function(
+    config: Object,
+    successCallback: Function,
+    cancelCallback: Function,
+  ) {
     config = {
       videoMode: false,
       ...config,
     };
-    return RCTImagePicker.openCameraDialog(config, successCallback, cancelCallback);
+    return RCTImagePicker.openCameraDialog(
+      config,
+      successCallback,
+      cancelCallback,
+    );
   },
-  openSelectDialog: function(config: Object, successCallback: Function, cancelCallback: Function) {
+  openSelectDialog: function(
+    config: Object,
+    successCallback: Function,
+    cancelCallback: Function,
+  ) {
     config = {
       showImages: true,
       showVideos: false,
       ...config,
     };
-    return RCTImagePicker.openSelectDialog(config, successCallback, cancelCallback);
+    return RCTImagePicker.openSelectDialog(
+      config,
+      successCallback,
+      cancelCallback,
+    );
   },
 };
 
diff --git a/Libraries/CameraRoll/RCTAssetsLibraryRequestHandler.m b/Libraries/CameraRoll/RCTAssetsLibraryRequestHandler.m
index e9637d7c4c16b5..9721b392b80f78 100644
--- a/Libraries/CameraRoll/RCTAssetsLibraryRequestHandler.m
+++ b/Libraries/CameraRoll/RCTAssetsLibraryRequestHandler.m
@@ -8,6 +8,8 @@
 #import "RCTAssetsLibraryRequestHandler.h"
 
 #import <stdatomic.h>
+#import <dlfcn.h>
+#import <objc/runtime.h>
 
 #import <AssetsLibrary/AssetsLibrary.h>
 #import <MobileCoreServices/MobileCoreServices.h>
@@ -23,10 +25,20 @@ @implementation RCTAssetsLibraryRequestHandler
 RCT_EXPORT_MODULE()
 
 @synthesize bridge = _bridge;
-
+static Class _ALAssetsLibrary = nil;
+static void ensureAssetsLibLoaded(void)
+{
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^{
+    void * handle = dlopen("/System/Library/Frameworks/AssetsLibrary.framework/AssetsLibrary", RTLD_LAZY);
+#pragma unused(handle)
+    _ALAssetsLibrary = objc_getClass("ALAssetsLibrary");
+  });
+}
 - (ALAssetsLibrary *)assetsLibrary
 {
-  return _assetsLibrary ?: (_assetsLibrary = [ALAssetsLibrary new]);
+  ensureAssetsLibLoaded();
+  return _assetsLibrary ?: (_assetsLibrary = [_ALAssetsLibrary new]);
 }
 
 #pragma mark - RCTURLRequestHandler
diff --git a/Libraries/CameraRoll/RCTCameraRoll.xcodeproj/project.pbxproj b/Libraries/CameraRoll/RCTCameraRoll.xcodeproj/project.pbxproj
index defe37b47f48d6..618dbab44ae880 100644
--- a/Libraries/CameraRoll/RCTCameraRoll.xcodeproj/project.pbxproj
+++ b/Libraries/CameraRoll/RCTCameraRoll.xcodeproj/project.pbxproj
@@ -100,7 +100,7 @@
 		58B511551A9E6B3D00147676 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0610;
+				LastUpgradeCheck = 0940;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					58B5115C1A9E6B3D00147676 = {
@@ -148,20 +148,31 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
 				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_OPTIMIZATION_LEVEL = 0;
 				GCC_PREPROCESSOR_DEFINITIONS = (
 					"DEBUG=1",
@@ -176,7 +187,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -184,6 +195,7 @@
 				WARNING_CFLAGS = (
 					"-Werror",
 					"-Wall",
+					"-Wno-deprecated-declarations",
 				);
 			};
 			name = Debug;
@@ -196,20 +208,30 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = YES;
 				ENABLE_NS_ASSERTIONS = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
 				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
 				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
@@ -218,7 +240,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SKIP_INSTALL = YES;
@@ -226,6 +248,7 @@
 				WARNING_CFLAGS = (
 					"-Werror",
 					"-Wall",
+					"-Wno-deprecated-declarations",
 				);
 			};
 			name = Release;
@@ -234,9 +257,7 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				CLANG_STATIC_ANALYZER_MODE = deep;
-				LIBRARY_SEARCH_PATHS = (
-					"$(inherited)",
-				);
+				LIBRARY_SEARCH_PATHS = "$(inherited)";
 				OTHER_LDFLAGS = "-ObjC";
 				PRODUCT_NAME = RCTCameraRoll;
 				RUN_CLANG_STATIC_ANALYZER = YES;
@@ -247,9 +268,7 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				CLANG_STATIC_ANALYZER_MODE = deep;
-				LIBRARY_SEARCH_PATHS = (
-					"$(inherited)",
-				);
+				LIBRARY_SEARCH_PATHS = "$(inherited)";
 				OTHER_LDFLAGS = "-ObjC";
 				PRODUCT_NAME = RCTCameraRoll;
 				RUN_CLANG_STATIC_ANALYZER = NO;
diff --git a/Libraries/CameraRoll/RCTCameraRollManager.m b/Libraries/CameraRoll/RCTCameraRollManager.m
index b5d9a85dadb44b..e6e397392bd159 100644
--- a/Libraries/CameraRoll/RCTCameraRollManager.m
+++ b/Libraries/CameraRoll/RCTCameraRollManager.m
@@ -11,6 +11,8 @@
 #import <Foundation/Foundation.h>
 #import <UIKit/UIKit.h>
 #import <Photos/Photos.h>
+#import <dlfcn.h>
+#import <objc/runtime.h>
 
 #import <React/RCTBridge.h>
 #import <React/RCTConvert.h>
@@ -44,22 +46,52 @@ @implementation RCTConvert (ALAssetGroup)
 
 }), ALAssetsGroupSavedPhotos, integerValue)
 
+static Class _ALAssetsFilter = nil;
+static NSString *_ALAssetsGroupPropertyName = nil;
+static NSString *_ALAssetPropertyAssetURL = nil;
+static NSString *_ALAssetPropertyLocation = nil;
+static NSString *_ALAssetPropertyDate = nil;
+static NSString *_ALAssetPropertyType = nil;
+static NSString *_ALAssetPropertyDuration = nil;
+static NSString *_ALAssetTypeVideo = nil;
+static NSString *lookupNSString(void * handle, const char * name)
+{
+  void ** sym = dlsym(handle, name);
+  return (__bridge NSString *)(sym ? *sym : nil);
+}
+static void ensureAssetsLibLoaded(void)
+{
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^{
+    void * handle = dlopen("/System/Library/Frameworks/AssetsLibrary.framework/AssetsLibrary", RTLD_LAZY);
+    RCTAssert(handle != NULL, @"Unable to load AssetsLibrary.framework.");
+    _ALAssetsFilter = objc_getClass("ALAssetsFilter");
+    _ALAssetsGroupPropertyName = lookupNSString(handle, "ALAssetsGroupPropertyName");
+    _ALAssetPropertyAssetURL = lookupNSString(handle, "ALAssetPropertyAssetURL");
+    _ALAssetPropertyLocation = lookupNSString(handle, "ALAssetPropertyLocation");
+    _ALAssetPropertyDate = lookupNSString(handle, "ALAssetPropertyDate");
+    _ALAssetPropertyType = lookupNSString(handle, "ALAssetPropertyType");
+    _ALAssetPropertyDuration = lookupNSString(handle, "ALAssetPropertyDuration");
+    _ALAssetTypeVideo = lookupNSString(handle, "ALAssetTypeVideo");
+  });
+}
+
 + (ALAssetsFilter *)ALAssetsFilter:(id)json
 {
   static NSDictionary<NSString *, ALAssetsFilter *> *options;
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
+    ensureAssetsLibLoaded();
     options = @{
-
       // New values
-      @"photos": [ALAssetsFilter allPhotos],
-      @"videos": [ALAssetsFilter allVideos],
-      @"all": [ALAssetsFilter allAssets],
+      @"photos": [_ALAssetsFilter allPhotos],
+      @"videos": [_ALAssetsFilter allVideos],
+      @"all": [_ALAssetsFilter allAssets],
 
       // Legacy values
-      @"Photos": [ALAssetsFilter allPhotos],
-      @"Videos": [ALAssetsFilter allVideos],
-      @"All": [ALAssetsFilter allAssets],
+      @"Photos": [_ALAssetsFilter allPhotos],
+      @"Videos": [_ALAssetsFilter allVideos],
+      @"All": [_ALAssetsFilter allAssets],
     };
   });
 
@@ -68,7 +100,7 @@ + (ALAssetsFilter *)ALAssetsFilter:(id)json
     RCTLogError(@"Invalid filter option: '%@'. Expected one of 'photos',"
                 "'videos' or 'all'.", json);
   }
-  return filter ?: [ALAssetsFilter allPhotos];
+  return filter ?: [_ALAssetsFilter allPhotos];
 }
 
 @end
@@ -149,6 +181,7 @@ static void RCTResolvePromise(RCTPromiseResolveBlock resolve,
 {
   checkPhotoLibraryConfig();
 
+  ensureAssetsLibLoaded();
   NSUInteger first = [RCTConvert NSInteger:params[@"first"]];
   NSString *afterCursor = [RCTConvert NSString:params[@"after"]];
   NSString *groupName = [RCTConvert NSString:params[@"groupName"]];
@@ -161,12 +194,12 @@ static void RCTResolvePromise(RCTPromiseResolveBlock resolve,
   NSMutableArray<NSDictionary<NSString *, id> *> *assets = [NSMutableArray new];
 
   [_bridge.assetsLibrary enumerateGroupsWithTypes:groupTypes usingBlock:^(ALAssetsGroup *group, BOOL *stopGroups) {
-    if (group && (groupName == nil || [groupName isEqualToString:[group valueForProperty:ALAssetsGroupPropertyName]])) {
+    if (group && (groupName == nil || [groupName isEqualToString:[group valueForProperty:_ALAssetsGroupPropertyName]])) {
 
       [group setAssetsFilter:assetType];
       [group enumerateAssetsWithOptions:NSEnumerationReverse usingBlock:^(ALAsset *result, NSUInteger index, BOOL *stopAssets) {
         if (result) {
-          NSString *uri = ((NSURL *)[result valueForProperty:ALAssetPropertyAssetURL]).absoluteString;
+          NSString *uri = ((NSURL *)[result valueForProperty:_ALAssetPropertyAssetURL]).absoluteString;
           if (afterCursor && !foundAfter) {
             if ([afterCursor isEqualToString:uri]) {
               foundAfter = YES;
@@ -183,18 +216,18 @@ static void RCTResolvePromise(RCTPromiseResolveBlock resolve,
             return;
           }
           CGSize dimensions = [result defaultRepresentation].dimensions;
-          CLLocation *loc = [result valueForProperty:ALAssetPropertyLocation];
-          NSDate *date = [result valueForProperty:ALAssetPropertyDate];
+          CLLocation *loc = [result valueForProperty:_ALAssetPropertyLocation];
+          NSDate *date = [result valueForProperty:_ALAssetPropertyDate];
           NSString *filename = [result defaultRepresentation].filename;
           int64_t duration = 0;
-          if ([[result valueForProperty:ALAssetPropertyType] isEqualToString:ALAssetTypeVideo]) {
-            duration = [[result valueForProperty:ALAssetPropertyDuration] intValue];
+          if ([[result valueForProperty:_ALAssetPropertyType] isEqualToString:_ALAssetTypeVideo]) {
+            duration = [[result valueForProperty:_ALAssetPropertyDuration] intValue];
           }
 
           [assets addObject:@{
             @"node": @{
-              @"type": [result valueForProperty:ALAssetPropertyType],
-              @"group_name": [group valueForProperty:ALAssetsGroupPropertyName],
+              @"type": [result valueForProperty:_ALAssetPropertyType],
+              @"group_name": [group valueForProperty:_ALAssetsGroupPropertyName],
               @"image": @{
                 @"uri": uri,
                 @"filename" : filename ?: [NSNull null],
diff --git a/Libraries/CameraRoll/RCTImagePickerManager.m b/Libraries/CameraRoll/RCTImagePickerManager.m
index 1ee31752f2a992..4da2a6490b9504 100644
--- a/Libraries/CameraRoll/RCTImagePickerManager.m
+++ b/Libraries/CameraRoll/RCTImagePickerManager.m
@@ -153,6 +153,11 @@ - (void)_presentPicker:(UIImagePickerController *)imagePicker
 - (void)_dismissPicker:(UIImagePickerController *)picker args:(NSArray *)args
 {
   NSUInteger index = [_pickers indexOfObject:picker];
+  if (index == NSNotFound) {
+    // This happens if the user selects multiple items in succession.
+    return;
+  }
+
   RCTResponseSenderBlock successCallback = _pickerCallbacks[index];
   RCTResponseSenderBlock cancelCallback = _pickerCancelCallbacks[index];
 
diff --git a/Libraries/StyleSheet/normalizeColor.js b/Libraries/Color/normalizeColor.js
similarity index 74%
rename from Libraries/StyleSheet/normalizeColor.js
rename to Libraries/Color/normalizeColor.js
index 09c2e1525d5473..edede79ee6e267 100755
--- a/Libraries/StyleSheet/normalizeColor.js
+++ b/Libraries/Color/normalizeColor.js
@@ -4,14 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule normalizeColor
+ * @format
  * @flow
  */
+
 /* eslint no-bitwise: 0 */
 'use strict';
 
 function normalizeColor(color: string | number): ?number {
-  var match;
+  const matchers = getMatchers();
+  let match;
 
   if (typeof color === 'number') {
     if (color >>> 0 === color && color >= 0 && color <= 0xffffffff) {
@@ -31,30 +33,39 @@ function normalizeColor(color: string | number): ?number {
 
   if ((match = matchers.rgb.exec(color))) {
     return (
-      (// b
-      parse255(match[1]) << 24 | // r
-      parse255(match[2]) << 16 | // g
-      parse255(match[3]) << 8 | 0x000000ff) // a
-    ) >>> 0;
+      // b
+      ((parse255(match[1]) << 24) | // r
+      (parse255(match[2]) << 16) | // g
+        (parse255(match[3]) << 8) |
+        0x000000ff) >>> // a
+      0
+    );
   }
 
   if ((match = matchers.rgba.exec(color))) {
     return (
-      (// b
-      parse255(match[1]) << 24 | // r
-      parse255(match[2]) << 16 | // g
-      parse255(match[3]) << 8 | parse1(match[4])) // a
-    ) >>> 0;
+      // b
+      ((parse255(match[1]) << 24) | // r
+      (parse255(match[2]) << 16) | // g
+        (parse255(match[3]) << 8) |
+        parse1(match[4])) >>> // a
+      0
+    );
   }
 
   if ((match = matchers.hex3.exec(color))) {
-    return parseInt(
-      match[1] + match[1] + // r
-      match[2] + match[2] + // g
-      match[3] + match[3] + // b
-      'ff', // a
-      16
-    ) >>> 0;
+    return (
+      parseInt(
+        match[1] +
+        match[1] + // r
+        match[2] +
+        match[2] + // g
+        match[3] +
+        match[3] + // b
+          'ff', // a
+        16,
+      ) >>> 0
+    );
   }
 
   // https://drafts.csswg.org/css-color-4/#hex-notation
@@ -63,13 +74,19 @@ function normalizeColor(color: string | number): ?number {
   }
 
   if ((match = matchers.hex4.exec(color))) {
-    return parseInt(
-      match[1] + match[1] + // r
-      match[2] + match[2] + // g
-      match[3] + match[3] + // b
-      match[4] + match[4], // a
-      16
-    ) >>> 0;
+    return (
+      parseInt(
+        match[1] +
+        match[1] + // r
+        match[2] +
+        match[2] + // g
+        match[3] +
+        match[3] + // b
+          match[4] +
+          match[4], // a
+        16,
+      ) >>> 0
+    );
   }
 
   if ((match = matchers.hsl.exec(color))) {
@@ -77,9 +94,11 @@ function normalizeColor(color: string | number): ?number {
       (hslToRgb(
         parse360(match[1]), // h
         parsePercentage(match[2]), // s
-        parsePercentage(match[3]) // l
-      ) | 0x000000ff) // a
-    ) >>> 0;
+        parsePercentage(match[3]), // l
+      ) |
+        0x000000ff) >>> // a
+      0
+    );
   }
 
   if ((match = matchers.hsla.exec(color))) {
@@ -87,9 +106,11 @@ function normalizeColor(color: string | number): ?number {
       (hslToRgb(
         parse360(match[1]), // h
         parsePercentage(match[2]), // s
-        parsePercentage(match[3]) // l
-      ) | parse1(match[4])) // a
-    ) >>> 0;
+        parsePercentage(match[3]), // l
+      ) |
+        parse1(match[4])) >>> // a
+      0
+    );
   }
 
   return null;
@@ -115,40 +136,47 @@ function hue2rgb(p: number, q: number, t: number): number {
 }
 
 function hslToRgb(h: number, s: number, l: number): number {
-  var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-  var p = 2 * l - q;
-  var r = hue2rgb(p, q, h + 1 / 3);
-  var g = hue2rgb(p, q, h);
-  var b = hue2rgb(p, q, h - 1 / 3);
+  const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+  const p = 2 * l - q;
+  const r = hue2rgb(p, q, h + 1 / 3);
+  const g = hue2rgb(p, q, h);
+  const b = hue2rgb(p, q, h - 1 / 3);
 
   return (
-    Math.round(r * 255) << 24 |
-    Math.round(g * 255) << 16 |
-    Math.round(b * 255) << 8
+    (Math.round(r * 255) << 24) |
+    (Math.round(g * 255) << 16) |
+    (Math.round(b * 255) << 8)
   );
 }
 
 // var INTEGER = '[-+]?\\d+';
-var NUMBER = '[-+]?\\d*\\.?\\d+';
-var PERCENTAGE = NUMBER + '%';
+const NUMBER = '[-+]?\\d*\\.?\\d+';
+const PERCENTAGE = NUMBER + '%';
 
 function call(...args) {
   return '\\(\\s*(' + args.join(')\\s*,\\s*(') + ')\\s*\\)';
 }
 
-var matchers = {
-  rgb: new RegExp('rgb' + call(NUMBER, NUMBER, NUMBER)),
-  rgba: new RegExp('rgba' + call(NUMBER, NUMBER, NUMBER, NUMBER)),
-  hsl: new RegExp('hsl' + call(NUMBER, PERCENTAGE, PERCENTAGE)),
-  hsla: new RegExp('hsla' + call(NUMBER, PERCENTAGE, PERCENTAGE, NUMBER)),
-  hex3: /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
-  hex4: /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
-  hex6: /^#([0-9a-fA-F]{6})$/,
-  hex8: /^#([0-9a-fA-F]{8})$/,
-};
+let cachedMatchers;
+
+function getMatchers() {
+  if (cachedMatchers === undefined) {
+    cachedMatchers = {
+      rgb: new RegExp('rgb' + call(NUMBER, NUMBER, NUMBER)),
+      rgba: new RegExp('rgba' + call(NUMBER, NUMBER, NUMBER, NUMBER)),
+      hsl: new RegExp('hsl' + call(NUMBER, PERCENTAGE, PERCENTAGE)),
+      hsla: new RegExp('hsla' + call(NUMBER, PERCENTAGE, PERCENTAGE, NUMBER)),
+      hex3: /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+      hex4: /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+      hex6: /^#([0-9a-fA-F]{6})$/,
+      hex8: /^#([0-9a-fA-F]{8})$/,
+    };
+  }
+  return cachedMatchers;
+}
 
 function parse255(str: string): number {
-  var int = parseInt(str, 10);
+  const int = parseInt(str, 10);
   if (int < 0) {
     return 0;
   }
@@ -159,12 +187,12 @@ function parse255(str: string): number {
 }
 
 function parse360(str: string): number {
-  var int = parseFloat(str);
+  const int = parseFloat(str);
   return (((int % 360) + 360) % 360) / 360;
 }
 
 function parse1(str: string): number {
-  var num = parseFloat(str);
+  const num = parseFloat(str);
   if (num < 0) {
     return 0;
   }
@@ -176,7 +204,7 @@ function parse1(str: string): number {
 
 function parsePercentage(str: string): number {
   // parseFloat conveniently ignores the final %
-  var int = parseFloat(str);
+  const int = parseFloat(str);
   if (int < 0) {
     return 0;
   }
@@ -186,7 +214,7 @@ function parsePercentage(str: string): number {
   return int / 100;
 }
 
-var names = {
+const names = {
   transparent: 0x00000000,
 
   // http://www.w3.org/TR/css3-color/#svg-color
diff --git a/Libraries/Components/AccessibilityInfo/AccessibilityInfo.android.js b/Libraries/Components/AccessibilityInfo/AccessibilityInfo.android.js
index afc4abe1533a72..09547ea06367b2 100644
--- a/Libraries/Components/AccessibilityInfo/AccessibilityInfo.android.js
+++ b/Libraries/Components/AccessibilityInfo/AccessibilityInfo.android.js
@@ -4,13 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AccessibilityInfo
+ * @format
  * @flow
  */
+
 'use strict';
 
 const NativeModules = require('NativeModules');
 const RCTDeviceEventEmitter = require('RCTDeviceEventEmitter');
+const UIManager = require('UIManager');
 
 const RCTAccessibilityInfo = NativeModules.AccessibilityInfo;
 
@@ -33,33 +35,30 @@ const _subscriptions = new Map();
  */
 
 const AccessibilityInfo = {
-
   fetch: function(): Promise {
     return new Promise((resolve, reject) => {
-      RCTAccessibilityInfo.isTouchExplorationEnabled(
-        function(resp) {
-          resolve(resp);
-        }
-      );
+      RCTAccessibilityInfo.isTouchExplorationEnabled(function(resp) {
+        resolve(resp);
+      });
     });
   },
 
-  addEventListener: function (
+  addEventListener: function(
     eventName: ChangeEventName,
-    handler: Function
+    handler: Function,
   ): void {
     const listener = RCTDeviceEventEmitter.addListener(
       TOUCH_EXPLORATION_EVENT,
-      (enabled) => {
+      enabled => {
         handler(enabled);
-      }
+      },
     );
     _subscriptions.set(handler, listener);
   },
 
   removeEventListener: function(
     eventName: ChangeEventName,
-    handler: Function
+    handler: Function,
   ): void {
     const listener = _subscriptions.get(handler);
     if (!listener) {
@@ -69,6 +68,17 @@ const AccessibilityInfo = {
     _subscriptions.delete(handler);
   },
 
+  /**
+   * Set accessibility focus to a react component.
+   *
+   * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#setaccessibilityfocus
+   */
+  setAccessibilityFocus: function(reactTag: number): void {
+    UIManager.sendAccessibilityEvent(
+      reactTag,
+      UIManager.AccessibilityEventTypes.typeViewFocused,
+    );
+  },
 };
 
 module.exports = AccessibilityInfo;
diff --git a/Libraries/Components/AccessibilityInfo/AccessibilityInfo.ios.js b/Libraries/Components/AccessibilityInfo/AccessibilityInfo.ios.js
index 6e39b5e477d5fb..da1f6e4f1610d1 100644
--- a/Libraries/Components/AccessibilityInfo/AccessibilityInfo.ios.js
+++ b/Libraries/Components/AccessibilityInfo/AccessibilityInfo.ios.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AccessibilityInfo
+ * @format
  * @flow
  */
+
 'use strict';
 
 const NativeModules = require('NativeModules');
@@ -20,7 +21,7 @@ const ANNOUNCEMENT_DID_FINISH_EVENT = 'announcementDidFinish';
 
 type ChangeEventName = $Enum<{
   change: string,
-  announcementFinished: string
+  announcementFinished: string,
 }>;
 
 const _subscriptions = new Map();
@@ -35,7 +36,6 @@ const _subscriptions = new Map();
  * See http://facebook.github.io/react-native/docs/accessibilityinfo.html
  */
 const AccessibilityInfo = {
-
   /**
    * Query whether a screen reader is currently enabled.
    *
@@ -46,10 +46,7 @@ const AccessibilityInfo = {
    */
   fetch: function(): Promise {
     return new Promise((resolve, reject) => {
-      AccessibilityManager.getCurrentVoiceOverState(
-        resolve,
-        reject
-      );
+      AccessibilityManager.getCurrentVoiceOverState(resolve, reject);
     });
   },
 
@@ -68,40 +65,37 @@ const AccessibilityInfo = {
    *
    * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#addeventlistener
    */
-  addEventListener: function (
+  addEventListener: function(
     eventName: ChangeEventName,
-    handler: Function
+    handler: Function,
   ): Object {
     let listener;
 
     if (eventName === 'change') {
-      listener = RCTDeviceEventEmitter.addListener(
-        VOICE_OVER_EVENT,
-        handler
-      );
+      listener = RCTDeviceEventEmitter.addListener(VOICE_OVER_EVENT, handler);
     } else if (eventName === 'announcementFinished') {
       listener = RCTDeviceEventEmitter.addListener(
         ANNOUNCEMENT_DID_FINISH_EVENT,
-        handler
+        handler,
       );
     }
 
     _subscriptions.set(handler, listener);
     return {
-      remove: AccessibilityInfo.removeEventListener.bind(null, eventName, handler),
+      remove: AccessibilityInfo.removeEventListener.bind(
+        null,
+        eventName,
+        handler,
+      ),
     };
   },
 
   /**
    * Set accessibility focus to a react component.
    *
-   * @platform ios
-   *
    * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#setaccessibilityfocus
    */
-  setAccessibilityFocus: function(
-    reactTag: number
-  ): void {
+  setAccessibilityFocus: function(reactTag: number): void {
     AccessibilityManager.setAccessibilityFocus(reactTag);
   },
 
@@ -112,9 +106,7 @@ const AccessibilityInfo = {
    *
    * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#announceforaccessibility
    */
-  announceForAccessibility: function(
-    announcement: string
-  ): void {
+  announceForAccessibility: function(announcement: string): void {
     AccessibilityManager.announceForAccessibility(announcement);
   },
 
@@ -125,7 +117,7 @@ const AccessibilityInfo = {
    */
   removeEventListener: function(
     eventName: ChangeEventName,
-    handler: Function
+    handler: Function,
   ): void {
     const listener = _subscriptions.get(handler);
     if (!listener) {
@@ -134,7 +126,6 @@ const AccessibilityInfo = {
     listener.remove();
     _subscriptions.delete(handler);
   },
-
 };
 
 module.exports = AccessibilityInfo;
diff --git a/Libraries/Components/ActivityIndicator/ActivityIndicator.js b/Libraries/Components/ActivityIndicator/ActivityIndicator.js
index a520b657904738..abe6a75af9478e 100644
--- a/Libraries/Components/ActivityIndicator/ActivityIndicator.js
+++ b/Libraries/Components/ActivityIndicator/ActivityIndicator.js
@@ -4,130 +4,119 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ActivityIndicator
+ * @format
  * @flow
  */
+
 'use strict';
 
-const ColorPropType = require('ColorPropType');
-const NativeMethodsMixin = require('NativeMethodsMixin');
 const Platform = require('Platform');
-const ProgressBarAndroid = require('ProgressBarAndroid');
-const PropTypes = require('prop-types');
 const React = require('React');
 const StyleSheet = require('StyleSheet');
 const View = require('View');
-const ViewPropTypes = require('ViewPropTypes');
 
-const createReactClass = require('create-react-class');
 const requireNativeComponent = require('requireNativeComponent');
-let RCTActivityIndicator;
+
+import type {NativeComponent} from 'ReactNative';
+import type {ViewProps} from 'ViewPropTypes';
+
+const RCTActivityIndicator =
+  Platform.OS === 'android'
+    ? require('ProgressBarAndroid')
+    : requireNativeComponent('RCTActivityIndicatorView');
 
 const GRAY = '#999999';
 
 type IndicatorSize = number | 'small' | 'large';
 
-type DefaultProps = {
-  animating: boolean,
-  color: any,
-  hidesWhenStopped: boolean,
-  size: IndicatorSize,
-}
+type IOSProps = $ReadOnly<{|
+  /**
+   * Whether the indicator should hide when not animating (true by default).
+   *
+   * See http://facebook.github.io/react-native/docs/activityindicator.html#hideswhenstopped
+   */
+  hidesWhenStopped?: ?boolean,
+|}>;
+type Props = $ReadOnly<{|
+  ...ViewProps,
+  ...IOSProps,
+
+  /**
+   * Whether to show the indicator (true, the default) or hide it (false).
+   *
+   * See http://facebook.github.io/react-native/docs/activityindicator.html#animating
+   */
+  animating?: ?boolean,
+
+  /**
+   * The foreground color of the spinner (default is gray).
+   *
+   * See http://facebook.github.io/react-native/docs/activityindicator.html#color
+   */
+  color?: ?string,
+
+  /**
+   * Size of the indicator (default is 'small').
+   * Passing a number to the size prop is only supported on Android.
+   *
+   * See http://facebook.github.io/react-native/docs/activityindicator.html#size
+   */
+  size?: ?IndicatorSize,
+|}>;
 
 /**
  * Displays a circular loading indicator.
  *
  * See http://facebook.github.io/react-native/docs/activityindicator.html
  */
-const ActivityIndicator = createReactClass({
-  displayName: 'ActivityIndicator',
-  mixins: [NativeMethodsMixin],
-
-  propTypes: {
-    ...ViewPropTypes,
-    /**
-     * Whether to show the indicator (true, the default) or hide it (false).
-     *
-     * See http://facebook.github.io/react-native/docs/activityindicator.html#animating
-     */
-    animating: PropTypes.bool,
-    /**
-     * The foreground color of the spinner (default is gray).
-     *
-     * See http://facebook.github.io/react-native/docs/activityindicator.html#color
-     */
-    color: ColorPropType,
-    /**
-     * Size of the indicator (default is 'small').
-     * Passing a number to the size prop is only supported on Android.
-     *
-     * See http://facebook.github.io/react-native/docs/activityindicator.html#size
-     */
-    size: PropTypes.oneOfType([
-      PropTypes.oneOf([ 'small', 'large' ]),
-      PropTypes.number,
-    ]),
-    /**
-     * Whether the indicator should hide when not animating (true by default).
-     *
-     * @platform ios
-     *
-     * See http://facebook.github.io/react-native/docs/activityindicator.html#hideswhenstopped
-     */
-    hidesWhenStopped: PropTypes.bool,
-  },
+const ActivityIndicator = (
+  props: Props,
+  forwardedRef?: ?React.Ref<'RCTActivityIndicatorView'>,
+) => {
+  const {onLayout, style, ...restProps} = props;
+  let sizeStyle;
 
-  getDefaultProps(): DefaultProps {
-    return {
-      animating: true,
-      color: Platform.OS === 'ios' ? GRAY : undefined,
-      hidesWhenStopped: true,
-      size: 'small',
-    };
-  },
-
-  render() {
-    const {onLayout, style, ...props} = this.props;
-    let sizeStyle;
-
-    switch (props.size) {
-      case 'small':
-        sizeStyle = styles.sizeSmall;
-        break;
-      case 'large':
-        sizeStyle = styles.sizeLarge;
-        break;
-      default:
-        sizeStyle = {height: props.size, width: props.size};
-        break;
-    }
-
-    const nativeProps = {
-      ...props,
-      style: sizeStyle,
-      styleAttr: 'Normal',
-      indeterminate: true,
-    };
-
-    return (
-      <View onLayout={onLayout} style={[styles.container, style]}>
-        {Platform.OS === 'ios' ? (
-          <RCTActivityIndicator {...nativeProps} />
-        ) : (
-          <ProgressBarAndroid {...nativeProps} />
-        )}
-      </View>
-    );
+  switch (props.size) {
+    case 'small':
+      sizeStyle = styles.sizeSmall;
+      break;
+    case 'large':
+      sizeStyle = styles.sizeLarge;
+      break;
+    default:
+      sizeStyle = {height: props.size, width: props.size};
+      break;
   }
-});
 
-if (Platform.OS === 'ios') {
-  RCTActivityIndicator = requireNativeComponent(
-    'RCTActivityIndicatorView',
-    ActivityIndicator,
-    { nativeOnly: { activityIndicatorViewStyle: true } }
+  const nativeProps = {
+    ...restProps,
+    ref: forwardedRef,
+    style: sizeStyle,
+    styleAttr: 'Normal',
+    indeterminate: true,
+  };
+
+  return (
+    <View
+      onLayout={onLayout}
+      style={StyleSheet.compose(
+        styles.container,
+        style,
+      )}>
+      <RCTActivityIndicator {...nativeProps} />
+    </View>
   );
-}
+};
+
+// $FlowFixMe - TODO T29156721 `React.forwardRef` is not defined in Flow, yet.
+const ActivityIndicatorWithRef = React.forwardRef(ActivityIndicator);
+
+ActivityIndicatorWithRef.defaultProps = {
+  animating: true,
+  color: Platform.OS === 'ios' ? GRAY : null,
+  hidesWhenStopped: true,
+  size: 'small',
+};
 
 const styles = StyleSheet.create({
   container: {
@@ -144,4 +133,4 @@ const styles = StyleSheet.create({
   },
 });
 
-module.exports = ActivityIndicator;
+module.exports = (ActivityIndicatorWithRef: Class<NativeComponent<Props>>);
diff --git a/Libraries/Components/AppleTV/TVEventHandler.js b/Libraries/Components/AppleTV/TVEventHandler.js
index 363d50d903d876..567776b5d9bfa9 100644
--- a/Libraries/Components/AppleTV/TVEventHandler.js
+++ b/Libraries/Components/AppleTV/TVEventHandler.js
@@ -4,13 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TVEventHandler
+ * @format
  * @flow
  */
+
 'use strict';
 
 const Platform = require('Platform');
-const TVNavigationEventEmitter = require('NativeModules').TVNavigationEventEmitter;
+const TVNavigationEventEmitter = require('NativeModules')
+  .TVNavigationEventEmitter;
 const NativeEventEmitter = require('NativeEventEmitter');
 
 function TVEventHandler() {
@@ -18,19 +20,24 @@ function TVEventHandler() {
   this.__nativeTVNavigationEventEmitter = null;
 }
 
-TVEventHandler.prototype.enable = function(component: ?any, callback: Function) {
+TVEventHandler.prototype.enable = function(
+  component: ?any,
+  callback: Function,
+) {
   if (Platform.OS === 'ios' && !TVNavigationEventEmitter) {
     return;
   }
 
-  this.__nativeTVNavigationEventEmitter = new NativeEventEmitter(TVNavigationEventEmitter);
+  this.__nativeTVNavigationEventEmitter = new NativeEventEmitter(
+    TVNavigationEventEmitter,
+  );
   this.__nativeTVNavigationEventListener = this.__nativeTVNavigationEventEmitter.addListener(
     'onHWKeyEvent',
-    (data) => {
+    data => {
       if (callback) {
         callback(component, data);
       }
-    }
+    },
   );
 };
 
diff --git a/Libraries/Components/AppleTV/TVViewPropTypes.js b/Libraries/Components/AppleTV/TVViewPropTypes.js
index 2b6a6d4e53dcd1..5bda1f618c5440 100644
--- a/Libraries/Components/AppleTV/TVViewPropTypes.js
+++ b/Libraries/Components/AppleTV/TVViewPropTypes.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TVViewPropTypes
+ * @format
  * @flow
  */
+
 'use strict';
 const PropTypes = require('prop-types');
 
@@ -14,71 +15,70 @@ const PropTypes = require('prop-types');
  * Additional View properties for Apple TV
  */
 const TVViewPropTypes = {
-    /**
-     * When set to true, this view will be focusable
-     * and navigable using the TV remote.
-     */
-    isTVSelectable: PropTypes.bool,
-
-    /**
-     * May be set to true to force the TV focus engine to move focus to this view.
-     */
-    hasTVPreferredFocus: PropTypes.bool,
+  /**
+   * When set to true, this view will be focusable
+   * and navigable using the TV remote.
+   */
+  isTVSelectable: PropTypes.bool,
 
-    /**
-     * *(Apple TV only)* Object with properties to control Apple TV parallax effects.
-     *
-     * enabled: If true, parallax effects are enabled.  Defaults to true.
-     * shiftDistanceX: Defaults to 2.0.
-     * shiftDistanceY: Defaults to 2.0.
-     * tiltAngle: Defaults to 0.05.
-     * magnification: Defaults to 1.0.
-     * pressMagnification: Defaults to 1.0.
-     * pressDuration: Defaults to 0.3.
-     * pressDelay: Defaults to 0.0.
-     *
-     * @platform ios
-     */
-    tvParallaxProperties: PropTypes.object,
+  /**
+   * May be set to true to force the TV focus engine to move focus to this view.
+   */
+  hasTVPreferredFocus: PropTypes.bool,
 
-    /**
-     * *(Apple TV only)* May be used to change the appearance of the Apple TV parallax effect when this view goes in or out of focus.  Defaults to 2.0.
-     *
-     * @platform ios
-     */
-    tvParallaxShiftDistanceX: PropTypes.number,
+  /**
+   * *(Apple TV only)* Object with properties to control Apple TV parallax effects.
+   *
+   * enabled: If true, parallax effects are enabled.  Defaults to true.
+   * shiftDistanceX: Defaults to 2.0.
+   * shiftDistanceY: Defaults to 2.0.
+   * tiltAngle: Defaults to 0.05.
+   * magnification: Defaults to 1.0.
+   * pressMagnification: Defaults to 1.0.
+   * pressDuration: Defaults to 0.3.
+   * pressDelay: Defaults to 0.0.
+   *
+   * @platform ios
+   */
+  tvParallaxProperties: PropTypes.object,
 
-    /**
-     * *(Apple TV only)* May be used to change the appearance of the Apple TV parallax effect when this view goes in or out of focus.  Defaults to 2.0.
-     *
-     * @platform ios
-     */
-    tvParallaxShiftDistanceY: PropTypes.number,
+  /**
+   * *(Apple TV only)* May be used to change the appearance of the Apple TV parallax effect when this view goes in or out of focus.  Defaults to 2.0.
+   *
+   * @platform ios
+   */
+  tvParallaxShiftDistanceX: PropTypes.number,
 
-    /**
-     * *(Apple TV only)* May be used to change the appearance of the Apple TV parallax effect when this view goes in or out of focus.  Defaults to 0.05.
-     *
-     * @platform ios
-     */
-    tvParallaxTiltAngle: PropTypes.number,
+  /**
+   * *(Apple TV only)* May be used to change the appearance of the Apple TV parallax effect when this view goes in or out of focus.  Defaults to 2.0.
+   *
+   * @platform ios
+   */
+  tvParallaxShiftDistanceY: PropTypes.number,
 
-    /**
-     * *(Apple TV only)* May be used to change the appearance of the Apple TV parallax effect when this view goes in or out of focus.  Defaults to 1.0.
-     *
-     * @platform ios
-     */
-    tvParallaxMagnification: PropTypes.number,
+  /**
+   * *(Apple TV only)* May be used to change the appearance of the Apple TV parallax effect when this view goes in or out of focus.  Defaults to 0.05.
+   *
+   * @platform ios
+   */
+  tvParallaxTiltAngle: PropTypes.number,
 
+  /**
+   * *(Apple TV only)* May be used to change the appearance of the Apple TV parallax effect when this view goes in or out of focus.  Defaults to 1.0.
+   *
+   * @platform ios
+   */
+  tvParallaxMagnification: PropTypes.number,
 };
 
-export type TVViewProps = {
-  isTVSelectable?: bool,
-  hasTVPreferredFocus?: bool,
+export type TVViewProps = $ReadOnly<{|
+  isTVSelectable?: boolean,
+  hasTVPreferredFocus?: boolean,
   tvParallaxProperties?: Object,
   tvParallaxShiftDistanceX?: number,
   tvParallaxShiftDistanceY?: number,
   tvParallaxTiltAngle?: number,
   tvParallaxMagnification?: number,
-};
+|}>;
 
 module.exports = TVViewPropTypes;
diff --git a/Libraries/Components/Button.js b/Libraries/Components/Button.js
index 4370f3571c103c..22c376467ea9bc 100644
--- a/Libraries/Components/Button.js
+++ b/Libraries/Components/Button.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Button
+ * @format
  * @flow
  */
+
 'use strict';
 
 const ColorPropType = require('ColorPropType');
@@ -57,7 +58,6 @@ class Button extends React.Component<{
   accessibilityLabel?: ?string,
   disabled?: ?boolean,
   testID?: ?string,
-  hasTVPreferredFocus?: ?boolean,
 }> {
   static propTypes = {
     /**
@@ -119,8 +119,10 @@ class Button extends React.Component<{
       typeof title === 'string',
       'The title prop of a Button must be a string',
     );
-    const formattedTitle = Platform.OS === 'android' ? title.toUpperCase() : title;
-    const Touchable = Platform.OS === 'android' ? TouchableNativeFeedback : TouchableOpacity;
+    const formattedTitle =
+      Platform.OS === 'android' ? title.toUpperCase() : title;
+    const Touchable =
+      Platform.OS === 'android' ? TouchableNativeFeedback : TouchableOpacity;
     return (
       <Touchable
         accessibilityComponentType="button"
@@ -131,7 +133,9 @@ class Button extends React.Component<{
         disabled={disabled}
         onPress={onPress}>
         <View style={buttonStyles}>
-          <Text style={textStyles} disabled={disabled}>{formattedTitle}</Text>
+          <Text style={textStyles} disabled={disabled}>
+            {formattedTitle}
+          </Text>
         </View>
       </Touchable>
     );
@@ -168,7 +172,7 @@ const styles = StyleSheet.create({
     android: {
       elevation: 0,
       backgroundColor: '#dfdfdf',
-    }
+    },
   }),
   textDisabled: Platform.select({
     ios: {
@@ -176,7 +180,7 @@ const styles = StyleSheet.create({
     },
     android: {
       color: '#a1a1a1',
-    }
+    },
   }),
 });
 
diff --git a/Libraries/Components/CheckBox/CheckBox.android.js b/Libraries/Components/CheckBox/CheckBox.android.js
index e4a14c6f73dafb..0c7f13decd8c13 100644
--- a/Libraries/Components/CheckBox/CheckBox.android.js
+++ b/Libraries/Components/CheckBox/CheckBox.android.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule CheckBox
  * @flow
  * @format
  */
@@ -19,6 +18,8 @@ const ViewPropTypes = require('ViewPropTypes');
 const createReactClass = require('create-react-class');
 const requireNativeComponent = require('requireNativeComponent');
 
+const RCTCheckBox = requireNativeComponent('AndroidCheckBox');
+
 type DefaultProps = {
   value: boolean,
   disabled: boolean,
@@ -156,12 +157,4 @@ let styles = StyleSheet.create({
   },
 });
 
-let RCTCheckBox = requireNativeComponent('AndroidCheckBox', CheckBox, {
-  nativeOnly: {
-    onChange: true,
-    on: true,
-    enabled: true,
-  },
-});
-
 module.exports = CheckBox;
diff --git a/Libraries/Components/CheckBox/CheckBox.ios.js b/Libraries/Components/CheckBox/CheckBox.ios.js
index 386255541d47ec..5fda2cd5ec2bce 100644
--- a/Libraries/Components/CheckBox/CheckBox.ios.js
+++ b/Libraries/Components/CheckBox/CheckBox.ios.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule CheckBox
  * @flow
  * @format
  */
diff --git a/Libraries/Components/Clipboard/Clipboard.js b/Libraries/Components/Clipboard/Clipboard.js
index 80d067cce257c0..706bc0fba8c9b7 100644
--- a/Libraries/Components/Clipboard/Clipboard.js
+++ b/Libraries/Components/Clipboard/Clipboard.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Clipboard
+ * @format
  * @flow
  */
+
 'use strict';
 
 const Clipboard = require('NativeModules').Clipboard;
@@ -37,5 +38,5 @@ module.exports = {
    */
   setString(content: string) {
     Clipboard.setString(content);
-  }
+  },
 };
diff --git a/Libraries/Components/DatePicker/DatePickerIOS.android.js b/Libraries/Components/DatePicker/DatePickerIOS.android.js
index 2a0d8998bfb556..585be6e297673d 100644
--- a/Libraries/Components/DatePicker/DatePickerIOS.android.js
+++ b/Libraries/Components/DatePicker/DatePickerIOS.android.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule DatePickerIOS
+ * @format
  */
 
 'use strict';
@@ -18,7 +18,9 @@ class DummyDatePickerIOS extends React.Component {
   render() {
     return (
       <View style={[styles.dummyDatePickerIOS, this.props.style]}>
-        <Text style={styles.datePickerText}>DatePickerIOS is not supported on this platform!</Text>
+        <Text style={styles.datePickerText}>
+          DatePickerIOS is not supported on this platform!
+        </Text>
       </View>
     );
   }
@@ -38,7 +40,7 @@ const styles = StyleSheet.create({
   datePickerText: {
     color: '#333333',
     margin: 20,
-  }
+  },
 });
 
 module.exports = DummyDatePickerIOS;
diff --git a/Libraries/Components/DatePicker/DatePickerIOS.ios.js b/Libraries/Components/DatePicker/DatePickerIOS.ios.js
index b08bf8f93412bf..1202364665fc94 100644
--- a/Libraries/Components/DatePicker/DatePickerIOS.ios.js
+++ b/Libraries/Components/DatePicker/DatePickerIOS.ios.js
@@ -4,30 +4,103 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule DatePickerIOS
- * @flow
  *
  * This is a controlled component version of RCTDatePickerIOS
+ *
+ * @format
+ * @flow
  */
+
 'use strict';
 
-const NativeMethodsMixin = require('NativeMethodsMixin');
 const React = require('React');
 const invariant = require('fbjs/lib/invariant');
-const PropTypes = require('prop-types');
 const StyleSheet = require('StyleSheet');
 const View = require('View');
-const ViewPropTypes = require('ViewPropTypes');
 
-const createReactClass = require('create-react-class');
 const requireNativeComponent = require('requireNativeComponent');
 
-type DefaultProps = {
-  mode: 'date' | 'time' | 'datetime',
-};
+import type {ViewProps} from 'ViewPropTypes';
+
+const RCTDatePickerIOS = requireNativeComponent('RCTDatePicker');
 
 type Event = Object;
 
+type Props = $ReadOnly<{|
+  ...ViewProps,
+
+  /**
+   * The currently selected date.
+   */
+  date?: ?Date,
+
+  /**
+   * Provides an initial value that will change when the user starts selecting
+   * a date. It is useful for simple use-cases where you do not want to deal
+   * with listening to events and updating the date prop to keep the
+   * controlled state in sync. The controlled state has known bugs which
+   * causes it to go out of sync with native. The initialDate prop is intended
+   * to allow you to have native be source of truth.
+   */
+  initialDate?: ?Date,
+
+  /**
+   * The date picker locale.
+   */
+  locale?: ?string,
+
+  /**
+   * Maximum date.
+   *
+   * Restricts the range of possible date/time values.
+   */
+  maximumDate?: ?Date,
+
+  /**
+   * Minimum date.
+   *
+   * Restricts the range of possible date/time values.
+   */
+  minimumDate?: ?Date,
+
+  /**
+   * The interval at which minutes can be selected.
+   */
+  minuteInterval?: ?(1 | 2 | 3 | 4 | 5 | 6 | 10 | 12 | 15 | 20 | 30),
+
+  /**
+   * The date picker mode.
+   */
+  mode?: ?('date' | 'time' | 'datetime'),
+
+  /**
+   * Date change handler.
+   *
+   * This is called when the user changes the date or time in the UI.
+   * The first and only argument is an Event. For getting the date the picker
+   * was changed to, use onDateChange instead.
+   */
+  onChange?: ?(event: Event) => void,
+
+  /**
+   * Date change handler.
+   *
+   * This is called when the user changes the date or time in the UI.
+   * The first and only argument is a Date object representing the new
+   * date and time.
+   */
+  onDateChange: (date: Date) => void,
+
+  /**
+   * Timezone offset in minutes.
+   *
+   * By default, the date picker will use the device's timezone. With this
+   * parameter, it is possible to force a certain timezone offset. For
+   * instance, to show times in Pacific Standard Time, pass -7 * 60.
+   */
+  timeZoneOffsetInMinutes?: ?number,
+|}>;
+
 /**
  * Use `DatePickerIOS` to render a date/time picker (selector) on iOS.  This is
  * a controlled component, so you must hook in to the `onDateChange` callback
@@ -35,85 +108,15 @@ type Event = Object;
  * the user's change will be reverted immediately to reflect `props.date` as the
  * source of truth.
  */
-const DatePickerIOS = createReactClass({
-  displayName: 'DatePickerIOS',
-  // TOOD: Put a better type for _picker
-  _picker: (undefined: ?$FlowFixMe),
-
-  mixins: [NativeMethodsMixin],
-
-  propTypes: {
-    ...ViewPropTypes,
-    /**
-     * The currently selected date.
-     */
-    date: PropTypes.instanceOf(Date),
-
-    /**
-     * Provides an initial value that will change when the user starts selecting
-     * a date. It is useful for simple use-cases where you do not want to deal
-     * with listening to events and updating the date prop to keep the
-     * controlled state in sync. The controlled state has known bugs which
-     * causes it to go out of sync with native. The initialDate prop is intended
-     * to allow you to have native be source of truth.
-     */
-    initialDate: PropTypes.instanceOf(Date),
-
-    /**
-     * Date change handler.
-     *
-     * This is called when the user changes the date or time in the UI.
-     * The first and only argument is a Date object representing the new
-     * date and time.
-     */
-    onDateChange: PropTypes.func.isRequired,
-
-    /**
-     * Maximum date.
-     *
-     * Restricts the range of possible date/time values.
-     */
-    maximumDate: PropTypes.instanceOf(Date),
-
-    /**
-     * Minimum date.
-     *
-     * Restricts the range of possible date/time values.
-     */
-    minimumDate: PropTypes.instanceOf(Date),
-
-    /**
-     * The date picker mode.
-     */
-    mode: PropTypes.oneOf(['date', 'time', 'datetime']),
-
-    /**
-     * The date picker locale.
-     */
-    locale: PropTypes.string,
-
-    /**
-     * The interval at which minutes can be selected.
-     */
-    minuteInterval: PropTypes.oneOf([1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30]),
-
-    /**
-     * Timezone offset in minutes.
-     *
-     * By default, the date picker will use the device's timezone. With this
-     * parameter, it is possible to force a certain timezone offset. For
-     * instance, to show times in Pacific Standard Time, pass -7 * 60.
-     */
-    timeZoneOffsetInMinutes: PropTypes.number,
-  },
+class DatePickerIOS extends React.Component<Props> {
+  static DefaultProps = {
+    mode: 'datetime',
+  };
 
-  getDefaultProps: function(): DefaultProps {
-    return {
-      mode: 'datetime',
-    };
-  },
+  // $FlowFixMe How to type a native component to be able to call setNativeProps
+  _picker: ?React.ElementRef<typeof RCTDatePickerIOS> = null;
 
-  componentDidUpdate: function() {
+  componentDidUpdate() {
     if (this.props.date) {
       const propsTimeStamp = this.props.date.getTime();
       if (this._picker) {
@@ -122,18 +125,16 @@ const DatePickerIOS = createReactClass({
         });
       }
     }
-  },
+  }
 
-  _onChange: function(event: Event) {
+  _onChange = (event: Event) => {
     const nativeTimeStamp = event.nativeEvent.timestamp;
-    this.props.onDateChange && this.props.onDateChange(
-      new Date(nativeTimeStamp)
-    );
-    // $FlowFixMe(>=0.41.0)
+    this.props.onDateChange &&
+      this.props.onDateChange(new Date(nativeTimeStamp));
     this.props.onChange && this.props.onChange(event);
-  },
+  };
 
-  render: function() {
+  render() {
     const props = this.props;
     invariant(
       props.date || props.initialDate,
@@ -142,9 +143,17 @@ const DatePickerIOS = createReactClass({
     return (
       <View style={props.style}>
         <RCTDatePickerIOS
-          ref={ picker => { this._picker = picker; } }
+          ref={picker => {
+            this._picker = picker;
+          }}
           style={styles.datePickerIOS}
-          date={props.date ? props.date.getTime() : props.initialDate ? props.initialDate.getTime() : undefined}
+          date={
+            props.date
+              ? props.date.getTime()
+              : props.initialDate
+                ? props.initialDate.getTime()
+                : undefined
+          }
           locale={props.locale ? props.locale : undefined}
           maximumDate={
             props.maximumDate ? props.maximumDate.getTime() : undefined
@@ -162,7 +171,7 @@ const DatePickerIOS = createReactClass({
       </View>
     );
   }
-});
+}
 
 const styles = StyleSheet.create({
   datePickerIOS: {
@@ -170,16 +179,4 @@ const styles = StyleSheet.create({
   },
 });
 
-const RCTDatePickerIOS = requireNativeComponent('RCTDatePicker', {
-  propTypes: {
-    ...DatePickerIOS.propTypes,
-    date: PropTypes.number,
-    locale: PropTypes.string,
-    minimumDate: PropTypes.number,
-    maximumDate: PropTypes.number,
-    onDateChange: () => null,
-    onChange: PropTypes.func,
-  }
-});
-
 module.exports = DatePickerIOS;
diff --git a/Libraries/Components/DatePickerAndroid/DatePickerAndroid.android.js b/Libraries/Components/DatePickerAndroid/DatePickerAndroid.android.js
index 750ed921f0684b..bd91263a8f9b49 100644
--- a/Libraries/Components/DatePickerAndroid/DatePickerAndroid.android.js
+++ b/Libraries/Components/DatePickerAndroid/DatePickerAndroid.android.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule DatePickerAndroid
+ * @format
  * @flow
  */
+
 'use strict';
 
 const DatePickerModule = require('NativeModules').DatePickerAndroid;
@@ -77,11 +78,15 @@ class DatePickerAndroid {
   /**
    * A date has been selected.
    */
-  static get dateSetAction() { return 'dateSetAction'; }
+  static get dateSetAction() {
+    return 'dateSetAction';
+  }
   /**
    * The dialog has been dismissed.
    */
-  static get dismissedAction() { return 'dismissedAction'; }
+  static get dismissedAction() {
+    return 'dismissedAction';
+  }
 }
 
 module.exports = DatePickerAndroid;
diff --git a/Libraries/Components/DatePickerAndroid/DatePickerAndroid.ios.js b/Libraries/Components/DatePickerAndroid/DatePickerAndroid.ios.js
index a23602128078f8..a158f035c303d3 100644
--- a/Libraries/Components/DatePickerAndroid/DatePickerAndroid.ios.js
+++ b/Libraries/Components/DatePickerAndroid/DatePickerAndroid.ios.js
@@ -4,15 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule DatePickerAndroid
+ * @format
  * @flow
  */
+
 'use strict';
 
 const DatePickerAndroid = {
   async open(options: Object): Promise<Object> {
     return Promise.reject({
-      message: 'DatePickerAndroid is not supported on this platform.'
+      message: 'DatePickerAndroid is not supported on this platform.',
     });
   },
 };
diff --git a/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js b/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js
index 6a20d894f4f4c4..d4b3fa9f7f63d0 100644
--- a/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js
+++ b/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule DrawerLayoutAndroid
+ * @format
  */
+
 'use strict';
 
 const ColorPropType = require('ColorPropType');
@@ -29,11 +30,7 @@ const requireNativeComponent = require('requireNativeComponent');
 const RK_DRAWER_REF = 'drawerlayout';
 const INNERVIEW_REF = 'innerView';
 
-const DRAWER_STATES = [
-  'Idle',
-  'Dragging',
-  'Settling',
-];
+const DRAWER_STATES = ['Idle', 'Dragging', 'Settling'];
 
 /**
  * React component that wraps the platform `DrawerLayout` (Android only). The
@@ -100,7 +97,7 @@ const DrawerLayoutAndroid = createReactClass({
      */
     drawerPosition: PropTypes.oneOf([
       DrawerConsts.DrawerPosition.Left,
-      DrawerConsts.DrawerPosition.Right
+      DrawerConsts.DrawerPosition.Right,
     ]),
     /**
      * Specifies the width of the drawer, more precisely the width of the view that be pulled in
@@ -117,7 +114,7 @@ const DrawerLayoutAndroid = createReactClass({
     drawerLockMode: PropTypes.oneOf([
       'unlocked',
       'locked-closed',
-      'locked-open'
+      'locked-open',
     ]),
     /**
      * Function called whenever there is an interaction with the navigation view.
@@ -169,31 +166,41 @@ const DrawerLayoutAndroid = createReactClass({
   },
 
   render: function() {
-    const drawStatusBar = Platform.Version >= 21 && this.props.statusBarBackgroundColor;
-    const drawerViewWrapper =
+    const drawStatusBar =
+      Platform.Version >= 21 && this.props.statusBarBackgroundColor;
+    const drawerViewWrapper = (
       <View
         style={[
           styles.drawerSubview,
-          {width: this.props.drawerWidth, backgroundColor: this.props.drawerBackgroundColor}
+          {
+            width: this.props.drawerWidth,
+            backgroundColor: this.props.drawerBackgroundColor,
+          },
         ]}
         collapsable={false}>
         {this.props.renderNavigationView()}
         {drawStatusBar && <View style={styles.drawerStatusBar} />}
-      </View>;
-    const childrenWrapper =
+      </View>
+    );
+    const childrenWrapper = (
       <View ref={INNERVIEW_REF} style={styles.mainSubview} collapsable={false}>
-        {drawStatusBar &&
-        <StatusBar
-          translucent
-          backgroundColor={this.props.statusBarBackgroundColor}
-        />}
-        {drawStatusBar &&
-        <View style={[
-          styles.statusBar,
-          {backgroundColor: this.props.statusBarBackgroundColor}
-        ]} />}
+        {drawStatusBar && (
+          <StatusBar
+            translucent
+            backgroundColor={this.props.statusBarBackgroundColor}
+          />
+        )}
+        {drawStatusBar && (
+          <View
+            style={[
+              styles.statusBar,
+              {backgroundColor: this.props.statusBarBackgroundColor},
+            ]}
+          />
+        )}
         {this.props.children}
-      </View>;
+      </View>
+    );
     return (
       <AndroidDrawerLayout
         {...this.props}
@@ -235,7 +242,9 @@ const DrawerLayoutAndroid = createReactClass({
 
   _onDrawerStateChanged: function(event) {
     if (this.props.onDrawerStateChanged) {
-      this.props.onDrawerStateChanged(DRAWER_STATES[event.nativeEvent.drawerState]);
+      this.props.onDrawerStateChanged(
+        DRAWER_STATES[event.nativeEvent.drawerState],
+      );
     }
   },
 
@@ -246,7 +255,7 @@ const DrawerLayoutAndroid = createReactClass({
     UIManager.dispatchViewManagerCommand(
       this._getDrawerLayoutHandle(),
       UIManager.AndroidDrawerLayout.Commands.openDrawer,
-      null
+      null,
     );
   },
 
@@ -257,29 +266,28 @@ const DrawerLayoutAndroid = createReactClass({
     UIManager.dispatchViewManagerCommand(
       this._getDrawerLayoutHandle(),
       UIManager.AndroidDrawerLayout.Commands.closeDrawer,
-      null
+      null,
     );
   },
   /**
-  * Closing and opening example
-  * Note: To access the drawer you have to give it a ref. Refs do not work on stateless components
-  * render () {
-  *   this.openDrawer = () => {
-  *     this.refs.DRAWER.openDrawer()
-  *   }
-  *   this.closeDrawer = () => {
-  *     this.refs.DRAWER.closeDrawer()
-  *   }
-  *   return (
-  *     <DrawerLayoutAndroid ref={'DRAWER'}>
-  *     </DrawerLayoutAndroid>
-  *   )
-  * }
-  */
+   * Closing and opening example
+   * Note: To access the drawer you have to give it a ref. Refs do not work on stateless components
+   * render () {
+   *   this.openDrawer = () => {
+   *     this.refs.DRAWER.openDrawer()
+   *   }
+   *   this.closeDrawer = () => {
+   *     this.refs.DRAWER.closeDrawer()
+   *   }
+   *   return (
+   *     <DrawerLayoutAndroid ref={'DRAWER'}>
+   *     </DrawerLayoutAndroid>
+   *   )
+   * }
+   */
   _getDrawerLayoutHandle: function() {
     return ReactNative.findNodeHandle(this.refs[RK_DRAWER_REF]);
   },
-
 });
 
 const styles = StyleSheet.create({
@@ -313,6 +321,6 @@ const styles = StyleSheet.create({
 });
 
 // The View that contains both the actual drawer and the main view
-const AndroidDrawerLayout = requireNativeComponent('AndroidDrawerLayout', DrawerLayoutAndroid);
+const AndroidDrawerLayout = requireNativeComponent('AndroidDrawerLayout');
 
 module.exports = DrawerLayoutAndroid;
diff --git a/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.ios.js b/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.ios.js
index d5b950c5b41ef0..260d559929796f 100644
--- a/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.ios.js
+++ b/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.ios.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule DrawerLayoutAndroid
+ * @format
  */
+
 'use strict';
 
 module.exports = require('UnimplementedView');
diff --git a/Libraries/Components/Keyboard/Keyboard.js b/Libraries/Components/Keyboard/Keyboard.js
index 55d9891902ea7a..feeb4a4ec2ce70 100644
--- a/Libraries/Components/Keyboard/Keyboard.js
+++ b/Libraries/Components/Keyboard/Keyboard.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Keyboard
+ * @format
  * @flow
  */
+
 'use strict';
 
 const LayoutAnimation = require('LayoutAnimation');
@@ -24,16 +25,19 @@ type KeyboardEventName =
   | 'keyboardWillChangeFrame'
   | 'keyboardDidChangeFrame';
 
-export type KeyboardEvent = {|
-  +duration?: number,
-  +easing?: string,
-  +endCoordinates: {|
-    +width: number,
-    +height: number,
-    +screenX: number,
-    +screenY: number,
-  |},
-|};
+type ScreenRect = $ReadOnly<{|
+  screenX: number,
+  screenY: number,
+  width: number,
+  height: number,
+|}>;
+
+export type KeyboardEvent = $ReadOnly<{|
+  duration?: number,
+  easing?: string,
+  endCoordinates: ScreenRect,
+  startCoordinates?: ScreenRect,
+|}>;
 
 type KeyboardEventListener = (e: KeyboardEvent) => void;
 
diff --git a/Libraries/Components/Keyboard/KeyboardAvoidingView.js b/Libraries/Components/Keyboard/KeyboardAvoidingView.js
index ffb6c58fe6379f..4973fd4a0a3805 100644
--- a/Libraries/Components/Keyboard/KeyboardAvoidingView.js
+++ b/Libraries/Components/Keyboard/KeyboardAvoidingView.js
@@ -4,93 +4,75 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule KeyboardAvoidingView
+ * @format
  * @flow
  */
+
 'use strict';
 
-const createReactClass = require('create-react-class');
 const Keyboard = require('Keyboard');
 const LayoutAnimation = require('LayoutAnimation');
 const Platform = require('Platform');
-const PropTypes = require('prop-types');
 const React = require('React');
-/* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
- * found when Flow v0.54 was deployed. To see the error delete this comment and
- * run Flow. */
-const TimerMixin = require('react-timer-mixin');
+const StyleSheet = require('StyleSheet');
 const View = require('View');
-const ViewPropTypes = require('ViewPropTypes');
 
 import type EmitterSubscription from 'EmitterSubscription';
-import type {ViewLayout, ViewLayoutEvent} from 'ViewPropTypes';
-
-type ScreenRect = {
-  screenX: number,
-  screenY: number,
-  width: number,
-  height: number,
-};
-type KeyboardChangeEvent = {
-  startCoordinates?: ScreenRect,
-  endCoordinates: ScreenRect,
-  duration?: number,
-  easing?: string,
-};
+import type {ViewStyleProp} from 'StyleSheet';
+import type {ViewProps, ViewLayout, ViewLayoutEvent} from 'ViewPropTypes';
+import type {KeyboardEvent} from 'Keyboard';
+
+type Props = $ReadOnly<{|
+  ...ViewProps,
+
+  /**
+   * Specify how to react to the presence of the keyboard.
+   */
+  behavior?: ?('height' | 'position' | 'padding'),
+
+  /**
+   * Style of the content container when `behavior` is 'position'.
+   */
+  contentContainerStyle?: ?ViewStyleProp,
+
+  /**
+   * Controls whether this `KeyboardAvoidingView` instance should take effect.
+   * This is useful when more than one is on the screen. Defaults to true.
+   */
+  enabled: ?boolean,
+
+  /**
+   * Distance between the top of the user screen and the React Native view. This
+   * may be non-zero in some cases. Defaults to 0.
+   */
+  keyboardVerticalOffset: number,
+|}>;
+
+type State = {|
+  bottom: number,
+|};
 
 const viewRef = 'VIEW';
 
 /**
- * This is a component to solve the common problem of views that need to move out of the way of the virtual keyboard.
- * It can automatically adjust either its height, position or bottom padding based on the position of the keyboard.
+ * View that moves out of the way when the keyboard appears by automatically
+ * adjusting its height, position, or bottom padding.
  */
-const KeyboardAvoidingView = createReactClass({
-  displayName: 'KeyboardAvoidingView',
-  mixins: [TimerMixin],
-
-  propTypes: {
-    ...ViewPropTypes,
-    /**
-     * Specify how the `KeyboardAvoidingView` will react to the presence of
-     * the keyboard. It can adjust the height, position or bottom padding of the view
-     */
-    behavior: PropTypes.oneOf(['height', 'position', 'padding']),
-
-    /**
-     * The style of the content container(View) when behavior is 'position'.
-     */
-    contentContainerStyle: ViewPropTypes.style,
-
-    /**
-     * This is the distance between the top of the user screen and the react native view,
-     * may be non-zero in some use cases. The default value is 0.
-     */
-    keyboardVerticalOffset: PropTypes.number.isRequired,
-    /**
-    * This is to allow us to manually control which KAV shuld take effect when
-    * having more than one KAV at the same screen
-    */
-    enabled: PropTypes.bool.isRequired,
-  },
-
-  getDefaultProps() {
-    return {
-      enabled: true,
-      keyboardVerticalOffset: 0,
-    };
-  },
-
-  getInitialState() {
-    return {
-      bottom: 0,
-    };
-  },
-
-  subscriptions: ([]: Array<EmitterSubscription>),
-  frame: (null: ?ViewLayout),
-
-  _relativeKeyboardHeight(keyboardFrame: ScreenRect): number {
-    const frame = this.frame;
+class KeyboardAvoidingView extends React.Component<Props, State> {
+  static defaultProps = {
+    enabled: true,
+    keyboardVerticalOffset: 0,
+  };
+
+  _frame: ?ViewLayout = null;
+  _subscriptions: Array<EmitterSubscription> = [];
+
+  state = {
+    bottom: 0,
+  };
+
+  _relativeKeyboardHeight(keyboardFrame): number {
+    const frame = this._frame;
     if (!frame || !keyboardFrame) {
       return 0;
     }
@@ -100,10 +82,10 @@ const KeyboardAvoidingView = createReactClass({
     // Calculate the displacement needed for the view such that it
     // no longer overlaps with the keyboard
     return Math.max(frame.y + frame.height - keyboardY, 0);
-  },
+  }
 
-  _onKeyboardChange(event: ?KeyboardChangeEvent) {
-    if (!event) {
+  _onKeyboardChange = (event: ?KeyboardEvent) => {
+    if (event == null) {
       this.setState({bottom: 0});
       return;
     }
@@ -125,87 +107,125 @@ const KeyboardAvoidingView = createReactClass({
       });
     }
     this.setState({bottom: height});
-  },
-
-  _onLayout(event: ViewLayoutEvent) {
-    this.frame = event.nativeEvent.layout;
-  },
-
-  UNSAFE_componentWillUpdate(nextProps: Object, nextState: Object, nextContext?: Object): void {
-    if (nextState.bottom === this.state.bottom &&
-        this.props.behavior === 'height' &&
-        nextProps.behavior === 'height') {
+  };
+
+  _onLayout = (event: ViewLayoutEvent) => {
+    this._frame = event.nativeEvent.layout;
+  };
+
+  UNSAFE_componentWillUpdate(nextProps: Props, nextState: State): void {
+    if (
+      nextState.bottom === this.state.bottom &&
+      this.props.behavior === 'height' &&
+      nextProps.behavior === 'height'
+    ) {
       // If the component rerenders without an internal state change, e.g.
       // triggered by parent component re-rendering, no need for bottom to change.
       nextState.bottom = 0;
     }
-  },
+  }
 
-  UNSAFE_componentWillMount() {
+  componentDidMount(): void {
     if (Platform.OS === 'ios') {
-      this.subscriptions = [
+      this._subscriptions = [
         Keyboard.addListener('keyboardWillChangeFrame', this._onKeyboardChange),
       ];
     } else {
-      this.subscriptions = [
+      this._subscriptions = [
         Keyboard.addListener('keyboardDidHide', this._onKeyboardChange),
         Keyboard.addListener('keyboardDidShow', this._onKeyboardChange),
       ];
     }
-  },
-
-  componentWillUnmount() {
-    this.subscriptions.forEach((sub) => sub.remove());
-  },
-
-  render(): React.Element<any> {
-    // $FlowFixMe(>=0.41.0)
-    const {behavior, children, style, ...props} = this.props;
-    const bottomHeight = this.props.enabled ? this.state.bottom : 0;
+  }
+
+  componentWillUnmount(): void {
+    this._subscriptions.forEach(subscription => {
+      subscription.remove();
+    });
+  }
+
+  render(): React.Node {
+    const {
+      behavior,
+      children,
+      contentContainerStyle,
+      enabled,
+      keyboardVerticalOffset, // eslint-disable-line no-unused-vars
+      style,
+      ...props
+    } = this.props;
+    const bottomHeight = enabled ? this.state.bottom : 0;
     switch (behavior) {
       case 'height':
         let heightStyle;
-        if (this.frame) {
+        if (this._frame != null) {
           // Note that we only apply a height change when there is keyboard present,
           // i.e. this.state.bottom is greater than 0. If we remove that condition,
           // this.frame.height will never go back to its original value.
           // When height changes, we need to disable flex.
-          heightStyle = {height: this.frame.height - bottomHeight, flex: 0};
+          heightStyle = {
+            height: this._frame.height - bottomHeight,
+            flex: 0,
+          };
         }
         return (
-          <View ref={viewRef} style={[style, heightStyle]} onLayout={this._onLayout} {...props}>
+          <View
+            ref={viewRef}
+            style={StyleSheet.compose(
+              style,
+              heightStyle,
+            )}
+            onLayout={this._onLayout}
+            {...props}>
             {children}
           </View>
         );
 
       case 'position':
-        const positionStyle = {bottom: bottomHeight};
-        const { contentContainerStyle } = this.props;
-
         return (
-          <View ref={viewRef} style={style} onLayout={this._onLayout} {...props}>
-            <View style={[contentContainerStyle, positionStyle]}>
+          <View
+            ref={viewRef}
+            style={style}
+            onLayout={this._onLayout}
+            {...props}>
+            <View
+              style={StyleSheet.compose(
+                contentContainerStyle,
+                {
+                  bottom: bottomHeight,
+                },
+              )}>
               {children}
             </View>
           </View>
         );
 
       case 'padding':
-        const paddingStyle = {paddingBottom: bottomHeight};
         return (
-          <View ref={viewRef} style={[style, paddingStyle]} onLayout={this._onLayout} {...props}>
+          <View
+            ref={viewRef}
+            style={StyleSheet.compose(
+              style,
+              {paddingBottom: bottomHeight},
+            )}
+            onLayout={this._onLayout}
+            {...props}>
             {children}
           </View>
         );
 
       default:
         return (
-          <View ref={viewRef} onLayout={this._onLayout} style={style} {...props}>
+          <View
+            ref={viewRef}
+            onLayout={this._onLayout}
+            style={style}
+            {...props}>
             {children}
           </View>
         );
     }
-  },
-});
+  }
+}
 
 module.exports = KeyboardAvoidingView;
diff --git a/Libraries/Components/LazyRenderer.js b/Libraries/Components/LazyRenderer.js
deleted file mode 100644
index 851bf55feee032..00000000000000
--- a/Libraries/Components/LazyRenderer.js
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @providesModule LazyRenderer
- */
-'use strict';
-
-const React = require('React');
-const createReactClass = require('create-react-class');
-const PropTypes = require('prop-types');
-const TimerMixin = require('react-timer-mixin');
-
-const LazyRenderer = createReactClass({
-  displayName: 'LazyRenderer',
-  mixin: [TimerMixin],
-
-  propTypes: {
-    render: PropTypes.func.isRequired,
-  },
-
-  UNSAFE_componentWillMount: function(): void {
-    this.setState({
-      _lazyRender : true,
-    });
-  },
-
-  componentDidMount: function(): void {
-    requestAnimationFrame(() => {
-      this.setState({
-        _lazyRender : false,
-      });
-    });
-  },
-
-  render: function(): ?React.Element {
-    return this.state._lazyRender ? null : this.props.render();
-  },
-});
-
-module.exports = LazyRenderer;
diff --git a/Libraries/Components/MaskedView/MaskedViewIOS.android.js b/Libraries/Components/MaskedView/MaskedViewIOS.android.js
index ad37017e1c201b..49d44e1541dcd5 100644
--- a/Libraries/Components/MaskedView/MaskedViewIOS.android.js
+++ b/Libraries/Components/MaskedView/MaskedViewIOS.android.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule MaskedViewIOS
+ * @format
  * @flow
  */
+
 'use strict';
 
 module.exports = require('UnimplementedView');
diff --git a/Libraries/Components/MaskedView/MaskedViewIOS.ios.js b/Libraries/Components/MaskedView/MaskedViewIOS.ios.js
index 0d61728c4b29b1..c65822a64b2d30 100644
--- a/Libraries/Components/MaskedView/MaskedViewIOS.ios.js
+++ b/Libraries/Components/MaskedView/MaskedViewIOS.ios.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule MaskedViewIOS
+ * @format
  * @flow
  */
 
@@ -15,9 +15,13 @@ const View = require('View');
 const ViewPropTypes = require('ViewPropTypes');
 const requireNativeComponent = require('requireNativeComponent');
 
-import type { ViewProps } from 'ViewPropTypes';
+import type {ViewProps} from 'ViewPropTypes';
+
+const RCTMaskedView = requireNativeComponent('RCTMaskedView');
+
+type Props = {
+  ...ViewProps,
 
-type Props = ViewProps & {
   children: any,
   /**
    * Should be a React element to be rendered and applied as the
@@ -71,13 +75,13 @@ class MaskedViewIOS extends React.Component<Props> {
   _hasWarnedInvalidRenderMask = false;
 
   render() {
-    const { maskElement, children, ...otherViewProps } = this.props;
+    const {maskElement, children, ...otherViewProps} = this.props;
 
     if (!React.isValidElement(maskElement)) {
       if (!this._hasWarnedInvalidRenderMask) {
         console.warn(
           'MaskedView: Invalid `maskElement` prop was passed to MaskedView. ' +
-            'Expected a React Element. No mask will render.'
+            'Expected a React Element. No mask will render.',
         );
         this._hasWarnedInvalidRenderMask = true;
       }
@@ -95,12 +99,4 @@ class MaskedViewIOS extends React.Component<Props> {
   }
 }
 
-const RCTMaskedView = requireNativeComponent('RCTMaskedView', {
-  name: 'RCTMaskedView',
-  displayName: 'RCTMaskedView',
-  propTypes: {
-    ...ViewPropTypes,
-  },
-});
-
 module.exports = MaskedViewIOS;
diff --git a/Libraries/Components/Navigation/NavigatorIOS.android.js b/Libraries/Components/Navigation/NavigatorIOS.android.js
index 271f7ea0143fc5..260d559929796f 100644
--- a/Libraries/Components/Navigation/NavigatorIOS.android.js
+++ b/Libraries/Components/Navigation/NavigatorIOS.android.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule NavigatorIOS
+ * @format
  */
+
 'use strict';
 
 module.exports = require('UnimplementedView');
diff --git a/Libraries/Components/Navigation/NavigatorIOS.ios.js b/Libraries/Components/Navigation/NavigatorIOS.ios.js
index 289680bf6fc6f3..8f28d79147fe77 100644
--- a/Libraries/Components/Navigation/NavigatorIOS.ios.js
+++ b/Libraries/Components/Navigation/NavigatorIOS.ios.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule NavigatorIOS
+ * @format
  * @flow
  */
+
 'use strict';
 
 const EventEmitter = require('EventEmitter');
@@ -41,14 +42,12 @@ class NavigatorTransitionerIOS extends React.Component<$FlowFixMeProps> {
   requestSchedulingNavigation(cb) {
     RCTNavigatorManager.requestSchedulingJavaScriptNavigation(
       ReactNative.findNodeHandle(this),
-      cb
+      cb,
     );
   }
 
   render() {
-    return (
-      <RCTNavigator {...this.props}/>
-    );
+    return <RCTNavigator {...this.props} />;
   }
 }
 
@@ -108,7 +107,7 @@ type State = {
   toIndex: number,
   makingNavigatorRequest: boolean,
   updatingAllIndicesAtOrBeyond: ?number,
-}
+};
 
 type Event = Object;
 
@@ -309,7 +308,6 @@ const NavigatorIOS = createReactClass({
   displayName: 'NavigatorIOS',
 
   propTypes: {
-
     /**
      * NavigatorIOS uses `route` objects to identify child views, their props,
      * and navigation bar configuration. Navigation operations such as push
@@ -437,17 +435,16 @@ const NavigatorIOS = createReactClass({
        */
       barStyle: PropTypes.oneOf(['default', 'black']),
 
-       /**
+      /**
        * The text color of the navigation bar title.
        */
       titleTextColor: PropTypes.string,
 
-       /**
+      /**
        * Boolean value that indicates whether the navigation bar is
        * translucent.
        */
       translucent: PropTypes.bool,
-
     }).isRequired,
 
     /**
@@ -508,7 +505,6 @@ const NavigatorIOS = createReactClass({
      * behavior.
      */
     interactivePopGestureEnabled: PropTypes.bool,
-
   },
 
   navigator: (undefined: ?Object),
@@ -609,7 +605,7 @@ const NavigatorIOS = createReactClass({
 
   _tryLockNavigator: function(cb: () => void) {
     this.refs[TRANSITIONER_REF].requestSchedulingNavigation(
-      (acquiredLock) => acquiredLock && cb()
+      acquiredLock => acquiredLock && cb(),
     );
   },
 
@@ -618,7 +614,9 @@ const NavigatorIOS = createReactClass({
 
     invariant(
       newObservedTopOfStack <= this.state.requestedTopOfStack,
-      'No navigator item should be pushed without JS knowing about it %s %s', newObservedTopOfStack, this.state.requestedTopOfStack
+      'No navigator item should be pushed without JS knowing about it %s %s',
+      newObservedTopOfStack,
+      this.state.requestedTopOfStack,
     );
     const wasWaitingForConfirmation =
       this.state.requestedTopOfStack !== this.state.observedTopOfStack;
@@ -626,7 +624,7 @@ const NavigatorIOS = createReactClass({
       invariant(
         newObservedTopOfStack === this.state.requestedTopOfStack,
         'If waiting for observedTopOfStack to reach requestedTopOfStack, ' +
-        'the only valid observedTopOfStack should be requestedTopOfStack.'
+          'the only valid observedTopOfStack should be requestedTopOfStack.',
       );
     }
     // Mark the most recent observation regardless of if we can lock the
@@ -654,12 +652,15 @@ const NavigatorIOS = createReactClass({
     // even uses the indices in this case, but let's make this describe the
     // truth anyways).
     const updatingAllIndicesAtOrBeyond =
-      this.state.routeStack.length > this.state.observedTopOfStack + 1 ?
-      this.state.observedTopOfStack + 1 :
-      null;
+      this.state.routeStack.length > this.state.observedTopOfStack + 1
+        ? this.state.observedTopOfStack + 1
+        : null;
     this.setState({
       idStack: this.state.idStack.slice(0, this.state.observedTopOfStack + 1),
-      routeStack: this.state.routeStack.slice(0, this.state.observedTopOfStack + 1),
+      routeStack: this.state.routeStack.slice(
+        0,
+        this.state.observedTopOfStack + 1,
+      ),
       // Now we rerequest the top of stack that we observed.
       requestedTopOfStack: this.state.observedTopOfStack,
       makingNavigatorRequest: true,
@@ -676,7 +677,6 @@ const NavigatorIOS = createReactClass({
     // Make sure all previous requests are caught up first. Otherwise reject.
     if (this.state.requestedTopOfStack === this.state.observedTopOfStack) {
       this._tryLockNavigator(() => {
-
         const nextStack = this.state.routeStack.concat([route]);
         const nextIDStack = this.state.idStack.concat([getuid()]);
         this.setState({
@@ -753,7 +753,6 @@ const NavigatorIOS = createReactClass({
       makingNavigatorRequest: false,
       updatingAllIndicesAtOrBeyond: index,
     });
-
   },
 
   /**
@@ -788,7 +787,7 @@ const NavigatorIOS = createReactClass({
     const indexOfRoute = this.state.routeStack.indexOf(route);
     invariant(
       indexOfRoute !== -1,
-      'Calling pop to route for a route that doesn\'t exist!'
+      "Calling pop to route for a route that doesn't exist!",
     );
     const numToPop = this.state.routeStack.length - indexOfRoute - 1;
     this.popN(numToPop);
@@ -852,16 +851,8 @@ const NavigatorIOS = createReactClass({
         <RCTNavigatorItem
           {...props}
           {...route}
-          style={[
-            styles.stackItem,
-            itemWrapperStyle,
-            wrapperStyle
-          ]}>
-          <Component
-            navigator={this.navigator}
-            route={route}
-            {...passProps}
-          />
+          style={[styles.stackItem, itemWrapperStyle, wrapperStyle]}>
+          <Component navigator={this.navigator} route={route} {...passProps} />
         </RCTNavigatorItem>
       </StaticContainer>
     );
@@ -873,8 +864,9 @@ const NavigatorIOS = createReactClass({
       this.state.updatingAllIndicesAtOrBeyond !== null;
     // If not recursing update to navigator at all, may as well avoid
     // computation of navigator children.
-    const items = shouldRecurseToNavigator ?
-      this.state.routeStack.map(this._routeToStackItem) : null;
+    const items = shouldRecurseToNavigator
+      ? this.state.routeStack.map(this._routeToStackItem)
+      : null;
     return (
       <StaticContainer shouldUpdate={shouldRecurseToNavigator}>
         <NavigatorTransitionerIOS
@@ -884,7 +876,9 @@ const NavigatorIOS = createReactClass({
           vertical={this.props.vertical}
           requestedTopOfStack={this.state.requestedTopOfStack}
           onNavigationComplete={this._handleNavigationComplete}
-          interactivePopGestureEnabled={this.props.interactivePopGestureEnabled}>
+          interactivePopGestureEnabled={
+            this.props.interactivePopGestureEnabled
+          }>
           {items}
         </NavigatorTransitionerIOS>
       </StaticContainer>
@@ -912,9 +906,7 @@ const NavigatorIOS = createReactClass({
   render: function() {
     return (
       // $FlowFixMe(>=0.41.0)
-      <View style={this.props.style}>
-        {this._renderNavigationStackItems()}
-      </View>
+      <View style={this.props.style}>{this._renderNavigationStackItems()}</View>
     );
   },
 });
diff --git a/Libraries/Components/Picker/Picker.js b/Libraries/Components/Picker/Picker.js
index 1df316249d7ce7..1e3e96579e21cb 100644
--- a/Libraries/Components/Picker/Picker.js
+++ b/Libraries/Components/Picker/Picker.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Picker
+ * @format
  * @flow
  */
 
@@ -36,36 +36,36 @@ const MODE_DROPDOWN = 'dropdown';
  * Individual selectable item in a Picker.
  */
 class PickerItem extends React.Component<{
- label: string,
- value?: any,
- color?: ColorPropType,
- testID?: string,
+  label: string,
+  value?: any,
+  color?: ColorPropType,
+  testID?: string,
 }> {
- static propTypes = {
-   /**
-    * Text to display for this item.
-    */
-   label: PropTypes.string.isRequired,
-   /**
-    * The value to be passed to picker's `onValueChange` callback when
-    * this item is selected. Can be a string or an integer.
-    */
-   value: PropTypes.any,
-   /**
-    * Color of this item's text.
-    * @platform android
-    */
-   color: ColorPropType,
-   /**
-    * Used to locate the item in end-to-end tests.
-    */
-   testID: PropTypes.string,
- };
+  static propTypes = {
+    /**
+     * Text to display for this item.
+     */
+    label: PropTypes.string.isRequired,
+    /**
+     * The value to be passed to picker's `onValueChange` callback when
+     * this item is selected. Can be a string or an integer.
+     */
+    value: PropTypes.any,
+    /**
+     * Color of this item's text.
+     * @platform android
+     */
+    color: ColorPropType,
+    /**
+     * Used to locate the item in end-to-end tests.
+     */
+    testID: PropTypes.string,
+  };
 
- render() {
-   // The items are not rendered directly
-   throw null;
- }
+  render() {
+    // The items are not rendered directly
+    throw null;
+  }
 }
 
 /**
@@ -79,87 +79,89 @@ class PickerItem extends React.Component<{
  *     </Picker>
  */
 class Picker extends React.Component<{
- style?: $FlowFixMe,
- selectedValue?: any,
- onValueChange?: Function,
- enabled?: boolean,
- mode?: 'dialog' | 'dropdown',
- itemStyle?: $FlowFixMe,
- prompt?: string,
- testID?: string,
+  style?: $FlowFixMe,
+  selectedValue?: any,
+  onValueChange?: Function,
+  enabled?: boolean,
+  mode?: 'dialog' | 'dropdown',
+  itemStyle?: $FlowFixMe,
+  prompt?: string,
+  testID?: string,
 }> {
- /**
-  * On Android, display the options in a dialog.
-  */
- static MODE_DIALOG = MODE_DIALOG;
+  /**
+   * On Android, display the options in a dialog.
+   */
+  static MODE_DIALOG = MODE_DIALOG;
 
- /**
-  * On Android, display the options in a dropdown (this is the default).
-  */
- static MODE_DROPDOWN = MODE_DROPDOWN;
+  /**
+   * On Android, display the options in a dropdown (this is the default).
+   */
+  static MODE_DROPDOWN = MODE_DROPDOWN;
 
- static Item = PickerItem;
+  static Item = PickerItem;
 
- static defaultProps = {
-   mode: MODE_DIALOG,
- };
+  static defaultProps = {
+    mode: MODE_DIALOG,
+  };
 
- // $FlowFixMe(>=0.41.0)
- static propTypes = {
-   ...ViewPropTypes,
-   style: pickerStyleType,
-   /**
-    * Value matching value of one of the items. Can be a string or an integer.
-    */
-   selectedValue: PropTypes.any,
-   /**
-    * Callback for when an item is selected. This is called with the following parameters:
-    *   - `itemValue`: the `value` prop of the item that was selected
-    *   - `itemPosition`: the index of the selected item in this picker
-    */
-   onValueChange: PropTypes.func,
-   /**
-    * If set to false, the picker will be disabled, i.e. the user will not be able to make a
-    * selection.
-    * @platform android
-    */
-   enabled: PropTypes.bool,
-   /**
-    * On Android, specifies how to display the selection items when the user taps on the picker:
-    *
-    *   - 'dialog': Show a modal dialog. This is the default.
-    *   - 'dropdown': Shows a dropdown anchored to the picker view
-    *
-    * @platform android
-    */
-   mode: PropTypes.oneOf(['dialog', 'dropdown']),
-   /**
-    * Style to apply to each of the item labels.
-    * @platform ios
-    */
-   itemStyle: itemStylePropType,
-   /**
-    * Prompt string for this picker, used on Android in dialog mode as the title of the dialog.
-    * @platform android
-    */
-   prompt: PropTypes.string,
-   /**
-    * Used to locate this view in end-to-end tests.
-    */
-   testID: PropTypes.string,
- };
+  // $FlowFixMe(>=0.41.0)
+  static propTypes = {
+    ...ViewPropTypes,
+    style: pickerStyleType,
+    /**
+     * Value matching value of one of the items. Can be a string or an integer.
+     */
+    selectedValue: PropTypes.any,
+    /**
+     * Callback for when an item is selected. This is called with the following parameters:
+     *   - `itemValue`: the `value` prop of the item that was selected
+     *   - `itemPosition`: the index of the selected item in this picker
+     */
+    onValueChange: PropTypes.func,
+    /**
+     * If set to false, the picker will be disabled, i.e. the user will not be able to make a
+     * selection.
+     * @platform android
+     */
+    enabled: PropTypes.bool,
+    /**
+     * On Android, specifies how to display the selection items when the user taps on the picker:
+     *
+     *   - 'dialog': Show a modal dialog. This is the default.
+     *   - 'dropdown': Shows a dropdown anchored to the picker view
+     *
+     * @platform android
+     */
+    mode: PropTypes.oneOf(['dialog', 'dropdown']),
+    /**
+     * Style to apply to each of the item labels.
+     * @platform ios
+     */
+    itemStyle: itemStylePropType,
+    /**
+     * Prompt string for this picker, used on Android in dialog mode as the title of the dialog.
+     * @platform android
+     */
+    prompt: PropTypes.string,
+    /**
+     * Used to locate this view in end-to-end tests.
+     */
+    testID: PropTypes.string,
+  };
 
- render() {
-     if (Platform.OS === 'ios') {
-       // $FlowFixMe found when converting React.createClass to ES6
-       return <PickerIOS {...this.props}>{this.props.children}</PickerIOS>;
-     } else if (Platform.OS === 'android') {
-       // $FlowFixMe found when converting React.createClass to ES6
-       return <PickerAndroid {...this.props}>{this.props.children}</PickerAndroid>;
-     } else {
-       return <UnimplementedView />;
-     }
- }
+  render() {
+    if (Platform.OS === 'ios') {
+      // $FlowFixMe found when converting React.createClass to ES6
+      return <PickerIOS {...this.props}>{this.props.children}</PickerIOS>;
+    } else if (Platform.OS === 'android') {
+      return (
+        // $FlowFixMe found when converting React.createClass to ES6
+        <PickerAndroid {...this.props}>{this.props.children}</PickerAndroid>
+      );
+    } else {
+      return <UnimplementedView />;
+    }
+  }
 }
 
 module.exports = Picker;
diff --git a/Libraries/Components/Picker/PickerAndroid.android.js b/Libraries/Components/Picker/PickerAndroid.android.js
index bd9c664a8fa5d6..1f80aa3928d05c 100644
--- a/Libraries/Components/Picker/PickerAndroid.android.js
+++ b/Libraries/Components/Picker/PickerAndroid.android.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule PickerAndroid
+ * @format
  * @flow
  */
 
@@ -21,6 +21,9 @@ const ViewStylePropTypes = require('ViewStylePropTypes');
 const processColor = require('processColor');
 const requireNativeComponent = require('requireNativeComponent');
 
+const DropdownPicker = requireNativeComponent('AndroidDropdownPicker');
+const DialogPicker = requireNativeComponent('AndroidDialogPicker');
+
 const REF_PICKER = 'picker';
 const MODE_DROPDOWN = 'dropdown';
 
@@ -34,15 +37,18 @@ type Event = Object;
 /**
  * Not exposed as a public API - use <Picker> instead.
  */
-class PickerAndroid extends React.Component<{
-  style?: $FlowFixMe,
-  selectedValue?: any,
-  enabled?: boolean,
-  mode?: 'dialog' | 'dropdown',
-  onValueChange?: Function,
-  prompt?: string,
-  testID?: string,
-}, *> {
+class PickerAndroid extends React.Component<
+  {
+    style?: $FlowFixMe,
+    selectedValue?: any,
+    enabled?: boolean,
+    mode?: 'dialog' | 'dropdown',
+    onValueChange?: Function,
+    prompt?: string,
+    testID?: string,
+  },
+  *,
+> {
   static propTypes = {
     ...ViewPropTypes,
     style: pickerStyleType,
@@ -69,7 +75,7 @@ class PickerAndroid extends React.Component<{
   }
 
   // Translate prop and children into stuff that the native picker understands.
-  _stateFromProps = (props) => {
+  _stateFromProps = props => {
     let selectedIndex = 0;
     const items = React.Children.map(props.children, (child, index) => {
       if (child.props.value === props.selectedValue) {
@@ -88,7 +94,8 @@ class PickerAndroid extends React.Component<{
   };
 
   render() {
-    const Picker = this.props.mode === MODE_DROPDOWN ? DropdownPicker : DialogPicker;
+    const Picker =
+      this.props.mode === MODE_DROPDOWN ? DropdownPicker : DialogPicker;
 
     const nativeProps = {
       enabled: this.props.enabled,
@@ -131,8 +138,13 @@ class PickerAndroid extends React.Component<{
     // disallow/undo/mutate the selection of certain values. In other
     // words, the embedder of this component should be the source of
     // truth, not the native component.
-    if (this.refs[REF_PICKER] && this.state.selectedIndex !== this._lastNativePosition) {
-      this.refs[REF_PICKER].setNativeProps({selected: this.state.selectedIndex});
+    if (
+      this.refs[REF_PICKER] &&
+      this.state.selectedIndex !== this._lastNativePosition
+    ) {
+      this.refs[REF_PICKER].setNativeProps({
+        selected: this.state.selectedIndex,
+      });
       this._lastNativePosition = this.state.selectedIndex;
     }
   }
@@ -149,14 +161,4 @@ const styles = StyleSheet.create({
   },
 });
 
-const cfg = {
-  nativeOnly: {
-    items: true,
-    selected: true,
-  }
-};
-
-const DropdownPicker = requireNativeComponent('AndroidDropdownPicker', PickerAndroid, cfg);
-const DialogPicker = requireNativeComponent('AndroidDialogPicker', PickerAndroid, cfg);
-
 module.exports = PickerAndroid;
diff --git a/Libraries/Components/Picker/PickerAndroid.ios.js b/Libraries/Components/Picker/PickerAndroid.ios.js
index b84e15bad67af0..260d559929796f 100644
--- a/Libraries/Components/Picker/PickerAndroid.ios.js
+++ b/Libraries/Components/Picker/PickerAndroid.ios.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule PickerAndroid
+ * @format
  */
+
 'use strict';
 
 module.exports = require('UnimplementedView');
diff --git a/Libraries/Components/Picker/PickerIOS.android.js b/Libraries/Components/Picker/PickerIOS.android.js
index ce50c2ad4e4157..36acfe18342b6f 100644
--- a/Libraries/Components/Picker/PickerIOS.android.js
+++ b/Libraries/Components/Picker/PickerIOS.android.js
@@ -4,10 +4,12 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule PickerIOS
  *
  * This is a controlled component version of RCTPickerIOS
+ *
+ * @format
  */
+
 'use strict';
 
 module.exports = require('UnimplementedView');
diff --git a/Libraries/Components/Picker/PickerIOS.ios.js b/Libraries/Components/Picker/PickerIOS.ios.js
index d1fe0761d5cc34..62ebe53e89a3ea 100644
--- a/Libraries/Components/Picker/PickerIOS.ios.js
+++ b/Libraries/Components/Picker/PickerIOS.ios.js
@@ -4,50 +4,97 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule PickerIOS
  *
  * This is a controlled component version of RCTPickerIOS
+ *
+ * @format
+ * @flow
  */
+
 'use strict';
 
-const NativeMethodsMixin = require('NativeMethodsMixin');
 const React = require('React');
-const PropTypes = require('prop-types');
+const ReactNative = require('ReactNative');
 const StyleSheet = require('StyleSheet');
-const StyleSheetPropType = require('StyleSheetPropType');
-const TextStylePropTypes = require('TextStylePropTypes');
 const View = require('View');
-const ViewPropTypes = require('ViewPropTypes');
 const processColor = require('processColor');
-
-const createReactClass = require('create-react-class');
-const itemStylePropType = StyleSheetPropType(TextStylePropTypes);
 const requireNativeComponent = require('requireNativeComponent');
 
-const PickerIOS = createReactClass({
-  displayName: 'PickerIOS',
-  mixins: [NativeMethodsMixin],
+import type {SyntheticEvent} from 'CoreEventTypes';
+import type {ColorValue} from 'StyleSheetTypes';
+import type {ViewProps} from 'ViewPropTypes';
+import type {TextStyleProp} from 'StyleSheet';
 
-  propTypes: {
-    ...ViewPropTypes,
-    itemStyle: itemStylePropType,
-    onValueChange: PropTypes.func,
-    selectedValue: PropTypes.any, // string or integer basically
-  },
+type PickerIOSChangeEvent = SyntheticEvent<
+  $ReadOnly<{|
+    newValue: any,
+    newIndex: number,
+  |}>,
+>;
 
-  getInitialState: function() {
-    return this._stateFromProps(this.props);
-  },
+type RCTPickerIOSItemType = $ReadOnly<{|
+  label: ?Label,
+  value: ?any,
+  textColor: ?number,
+|}>;
 
-  UNSAFE_componentWillReceiveProps: function(nextProps) {
-    this.setState(this._stateFromProps(nextProps));
-  },
+type RCTPickerIOSType = Class<
+  ReactNative.NativeComponent<
+    $ReadOnly<{|
+      items: $ReadOnlyArray<RCTPickerIOSItemType>,
+      onChange: (event: PickerIOSChangeEvent) => void,
+      onResponderTerminationRequest: () => boolean,
+      onStartShouldSetResponder: () => boolean,
+      selectedIndex: number,
+      style?: ?TextStyleProp,
+    |}>,
+  >,
+>;
+
+const RCTPickerIOS: RCTPickerIOSType = (requireNativeComponent(
+  'RCTPicker',
+): any);
+
+type Label = Stringish | number;
+
+type Props = $ReadOnly<{|
+  ...ViewProps,
+  children: React.ChildrenArray<React.Element<typeof PickerIOSItem>>,
+  itemStyle?: ?TextStyleProp,
+  onChange?: ?(event: PickerIOSChangeEvent) => mixed,
+  onValueChange?: ?(newValue: any, newIndex: number) => mixed,
+  selectedValue: any,
+|}>;
+
+type State = {|
+  selectedIndex: number,
+  items: $ReadOnlyArray<RCTPickerIOSItemType>,
+|};
+
+type ItemProps = $ReadOnly<{|
+  label: ?Label,
+  value?: ?any,
+  color?: ?ColorValue,
+|}>;
+
+const PickerIOSItem = (props: ItemProps) => {
+  return null;
+};
+
+class PickerIOS extends React.Component<Props, State> {
+  _picker: ?React.ElementRef<RCTPickerIOSType> = null;
+
+  state = {
+    selectedIndex: 0,
+    items: [],
+  };
+
+  static Item = PickerIOSItem;
 
-  // Translate PickerIOS prop and children into stuff that RCTPickerIOS understands.
-  _stateFromProps: function(props) {
+  static getDerivedStateFromProps(props: Props): State {
     let selectedIndex = 0;
     const items = [];
-    React.Children.toArray(props.children).forEach(function (child, index) {
+    React.Children.toArray(props.children).forEach(function(child, index) {
       if (child.props.value === props.selectedValue) {
         selectedIndex = index;
       }
@@ -58,13 +105,15 @@ const PickerIOS = createReactClass({
       });
     });
     return {selectedIndex, items};
-  },
+  }
 
-  render: function() {
+  render() {
     return (
       <View style={this.props.style}>
         <RCTPickerIOS
-          ref={picker => this._picker = picker}
+          ref={picker => {
+            this._picker = picker;
+          }}
           style={[styles.pickerIOS, this.props.itemStyle]}
           items={this.state.items}
           selectedIndex={this.state.selectedIndex}
@@ -74,14 +123,17 @@ const PickerIOS = createReactClass({
         />
       </View>
     );
-  },
+  }
 
-  _onChange: function(event) {
+  _onChange = event => {
     if (this.props.onChange) {
       this.props.onChange(event);
     }
     if (this.props.onValueChange) {
-      this.props.onValueChange(event.nativeEvent.newValue, event.nativeEvent.newIndex);
+      this.props.onValueChange(
+        event.nativeEvent.newValue,
+        event.nativeEvent.newIndex,
+      );
     }
 
     // The picker is a controlled component. This means we expect the
@@ -90,26 +142,16 @@ const PickerIOS = createReactClass({
     // disallow/undo/mutate the selection of certain values. In other
     // words, the embedder of this component should be the source of
     // truth, not the native component.
-    if (this._picker && this.state.selectedIndex !== event.nativeEvent.newIndex) {
+    if (
+      this._picker &&
+      this.state.selectedIndex !== event.nativeEvent.newIndex
+    ) {
       this._picker.setNativeProps({
-        selectedIndex: this.state.selectedIndex
+        selectedIndex: this.state.selectedIndex,
       });
     }
-  },
-});
-
-PickerIOS.Item = class extends React.Component {
-  static propTypes = {
-    value: PropTypes.any, // string or integer basically
-    label: PropTypes.string,
-    color: PropTypes.string,
   };
-
-  render() {
-    // These items don't get rendered directly.
-    return null;
-  }
-};
+}
 
 const styles = StyleSheet.create({
   pickerIOS: {
@@ -120,16 +162,4 @@ const styles = StyleSheet.create({
   },
 });
 
-const RCTPickerIOS = requireNativeComponent('RCTPicker', {
-  propTypes: {
-    style: itemStylePropType,
-  },
-}, {
-  nativeOnly: {
-    items: true,
-    onChange: true,
-    selectedIndex: true,
-  },
-});
-
 module.exports = PickerIOS;
diff --git a/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.android.js b/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.android.js
index f5dcb10cfb9508..f343e2e5452044 100644
--- a/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.android.js
+++ b/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.android.js
@@ -4,43 +4,64 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ProgressBarAndroid
+ * @flow
+ * @format
  */
+
 'use strict';
 
-const ColorPropType = require('ColorPropType');
-const PropTypes = require('prop-types');
 const React = require('React');
-const ReactNative = require('ReactNative');
-const ViewPropTypes = require('ViewPropTypes');
 
 const requireNativeComponent = require('requireNativeComponent');
 
-const STYLE_ATTRIBUTES = [
-  'Horizontal',
-  'Normal',
-  'Small',
-  'Large',
-  'Inverse',
-  'SmallInverse',
-  'LargeInverse',
-];
+import type {NativeComponent} from 'ReactNative';
+import type {ViewProps} from 'ViewPropTypes';
 
-const indeterminateType = function(props, propName, componentName, ...rest) {
-  const checker = function() {
-    const indeterminate = props[propName];
-    const styleAttr = props.styleAttr;
-    if (!indeterminate && styleAttr !== 'Horizontal') {
-      return new Error('indeterminate=false is only valid for styleAttr=Horizontal');
-    }
-  };
+const AndroidProgressBar = requireNativeComponent('AndroidProgressBar');
 
-  return PropTypes.bool(props, propName, componentName, ...rest) || checker();
-};
+type Props = $ReadOnly<{|
+  ...ViewProps,
+
+  /**
+   * Style of the ProgressBar and whether it shows indeterminate progress (e.g. spinner).
+   *
+   * `indeterminate` can only be false if `styleAttr` is Horizontal, and requires a
+   * `progress` value.
+   */
+  ...
+    | {|
+        styleAttr: 'Horizontal',
+        indeterminate: false,
+        progress: number,
+      |}
+    | {|
+        typeAttr:
+          | 'Horizontal'
+          | 'Normal'
+          | 'Small'
+          | 'Large'
+          | 'Inverse'
+          | 'SmallInverse'
+          | 'LargeInverse',
+        indeterminate: true,
+      |},
+  /**
+   * Whether to show the ProgressBar (true, the default) or hide it (false).
+   */
+  animating?: ?boolean,
+  /**
+   * Color of the progress bar.
+   */
+  color?: ?string,
+  /**
+   * Used to locate this view in end-to-end tests.
+   */
+  testID?: ?string,
+|}>;
 
 /**
- * React component that wraps the Android-only `ProgressBar`. This component is used to indicate
- * that the app is loading or there is some activity in the app.
+ * React component that wraps the Android-only `ProgressBar`. This component is
+ * used to indicate that the app is loading or there is activity in the app.
  *
  * Example:
  *
@@ -61,64 +82,20 @@ const indeterminateType = function(props, propName, componentName, ...rest) {
  * },
  * ```
  */
-class ProgressBarAndroid extends ReactNative.NativeComponent {
-  static propTypes = {
-    ...ViewPropTypes,
-
-    /**
-     * Style of the ProgressBar. One of:
-     *
-     * - Horizontal
-     * - Normal (default)
-     * - Small
-     * - Large
-     * - Inverse
-     * - SmallInverse
-     * - LargeInverse
-     */
-    styleAttr: PropTypes.oneOf(STYLE_ATTRIBUTES),
-    /**
-     * Whether to show the ProgressBar (true, the default) or hide it (false).
-     */
-    animating: PropTypes.bool,
-    /**
-     * If the progress bar will show indeterminate progress. Note that this
-     * can only be false if styleAttr is Horizontal.
-     */
-    indeterminate: indeterminateType,
-    /**
-     * The progress value (between 0 and 1).
-     */
-    progress: PropTypes.number,
-    /**
-     * Color of the progress bar.
-     */
-    color: ColorPropType,
-    /**
-     * Used to locate this view in end-to-end tests.
-     */
-    testID: PropTypes.string,
-  };
-
-  static defaultProps = {
-    styleAttr: 'Normal',
-    indeterminate: true,
-    animating: true,
-  };
+const ProgressBarAndroid = (
+  props: Props,
+  forwardedRef: ?React.Ref<'AndroidProgressBar'>,
+) => {
+  return <AndroidProgressBar {...props} ref={forwardedRef} />;
+};
 
-  render() {
-    return <AndroidProgressBar {...this.props} />;
-  }
-}
+// $FlowFixMe - TODO T29156721 `React.forwardRef` is not defined in Flow, yet.
+const ProgressBarAndroidToExport = React.forwardRef(ProgressBarAndroid);
 
-const AndroidProgressBar = requireNativeComponent(
-  'AndroidProgressBar',
-  ProgressBarAndroid,
-  {
-    nativeOnly: {
-      animating: true,
-    },
-  }
-);
+ProgressBarAndroidToExport.defaultProps = {
+  styleAttr: 'Normal',
+  indeterminate: true,
+  animating: true,
+};
 
-module.exports = ProgressBarAndroid;
+module.exports = (ProgressBarAndroidToExport: Class<NativeComponent<Props>>);
diff --git a/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.ios.js b/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.ios.js
index 92bae8066abe69..260d559929796f 100644
--- a/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.ios.js
+++ b/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.ios.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ProgressBarAndroid
+ * @format
  */
+
 'use strict';
 
 module.exports = require('UnimplementedView');
diff --git a/Libraries/Components/ProgressViewIOS/ProgressViewIOS.android.js b/Libraries/Components/ProgressViewIOS/ProgressViewIOS.android.js
index f467db1ff51f64..8caa73db33e494 100644
--- a/Libraries/Components/ProgressViewIOS/ProgressViewIOS.android.js
+++ b/Libraries/Components/ProgressViewIOS/ProgressViewIOS.android.js
@@ -1,11 +1,10 @@
-
 /**
  * Copyright (c) 2015-present, Facebook, Inc.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ProgressViewIOS
+ * @format
  */
 
 'use strict';
@@ -41,7 +40,7 @@ const styles = StyleSheet.create({
     color: '#333333',
     margin: 5,
     fontSize: 10,
-  }
+  },
 });
 
 module.exports = DummyProgressViewIOS;
diff --git a/Libraries/Components/ProgressViewIOS/ProgressViewIOS.ios.js b/Libraries/Components/ProgressViewIOS/ProgressViewIOS.ios.js
index 55ae1b83abe13d..ea92fccb980583 100644
--- a/Libraries/Components/ProgressViewIOS/ProgressViewIOS.ios.js
+++ b/Libraries/Components/ProgressViewIOS/ProgressViewIOS.ios.js
@@ -4,14 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ProgressViewIOS
+ * @format
  * @flow
  */
+
 'use strict';
 
 const Image = require('Image');
 const NativeMethodsMixin = require('NativeMethodsMixin');
 const React = require('React');
+const ReactNative = require('ReactNative');
 const PropTypes = require('prop-types');
 const StyleSheet = require('StyleSheet');
 const ViewPropTypes = require('ViewPropTypes');
@@ -19,6 +21,22 @@ const ViewPropTypes = require('ViewPropTypes');
 const createReactClass = require('create-react-class');
 const requireNativeComponent = require('requireNativeComponent');
 
+import type {ImageSource} from 'ImageSource';
+import type {ColorValue} from 'StyleSheetTypes';
+import type {ViewProps} from 'ViewPropTypes';
+
+const RCTProgressView = requireNativeComponent('RCTProgressView');
+
+type Props = $ReadOnly<{|
+  ...ViewProps,
+  progressViewStyle?: ?('default' | 'bar'),
+  progress?: ?number,
+  progressTintColor?: ?ColorValue,
+  trackTintColor?: ?string,
+  progressImage?: ?ImageSource,
+  trackImage?: ?ImageSource,
+|}>;
+
 /**
  * Use `ProgressViewIOS` to render a UIProgressView on iOS.
  */
@@ -66,7 +84,7 @@ const ProgressViewIOS = createReactClass({
         style={[styles.progressView, this.props.style]}
       />
     );
-  }
+  },
 });
 
 const styles = StyleSheet.create({
@@ -75,9 +93,6 @@ const styles = StyleSheet.create({
   },
 });
 
-const RCTProgressView = requireNativeComponent(
-  'RCTProgressView',
-  ProgressViewIOS
-);
-
-module.exports = ProgressViewIOS;
+module.exports = ((ProgressViewIOS: any): Class<
+  ReactNative.NativeComponent<Props>,
+>);
diff --git a/Libraries/Components/RefreshControl/RefreshControl.js b/Libraries/Components/RefreshControl/RefreshControl.js
index 8aac1ebf3e5744..9b287cc4a180b9 100644
--- a/Libraries/Components/RefreshControl/RefreshControl.js
+++ b/Libraries/Components/RefreshControl/RefreshControl.js
@@ -4,30 +4,94 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RefreshControl
+ * @format
  * @flow
  */
+
 'use strict';
 
-const ColorPropType = require('ColorPropType');
-const NativeMethodsMixin = require('NativeMethodsMixin');
 const Platform = require('Platform');
 const React = require('React');
-const PropTypes = require('prop-types');
-const ViewPropTypes = require('ViewPropTypes');
+const {NativeComponent} = require('ReactNative');
 
-const createReactClass = require('create-react-class');
 const requireNativeComponent = require('requireNativeComponent');
+const nullthrows = require('fbjs/lib/nullthrows');
+
+import type {ColorValue} from 'StyleSheetTypes';
+import type {ViewProps} from 'ViewPropTypes';
 
 if (Platform.OS === 'android') {
-  const AndroidSwipeRefreshLayout =
-    require('UIManager').AndroidSwipeRefreshLayout;
+  const AndroidSwipeRefreshLayout = require('UIManager')
+    .AndroidSwipeRefreshLayout;
   var RefreshLayoutConsts = AndroidSwipeRefreshLayout
     ? AndroidSwipeRefreshLayout.Constants
     : {SIZE: {}};
 } else {
   var RefreshLayoutConsts = {SIZE: {}};
 }
+type NativeRefreshControlType = Class<NativeComponent<Props>>;
+
+const NativeRefreshControl: NativeRefreshControlType =
+  Platform.OS === 'ios'
+    ? (requireNativeComponent('RCTRefreshControl'): any)
+    : (requireNativeComponent('AndroidSwipeRefreshLayout'): any);
+
+type IOSProps = $ReadOnly<{|
+  /**
+   * The color of the refresh indicator.
+   */
+  tintColor?: ?ColorValue,
+  /**
+   * Title color.
+   */
+  titleColor?: ?ColorValue,
+  /**
+   * The title displayed under the refresh indicator.
+   */
+  title?: ?string,
+|}>;
+
+type AndroidProps = $ReadOnly<{|
+  /**
+   * Whether the pull to refresh functionality is enabled.
+   */
+  enabled?: ?boolean,
+  /**
+   * The colors (at least one) that will be used to draw the refresh indicator.
+   */
+  colors?: ?$ReadOnlyArray<ColorValue>,
+  /**
+   * The background color of the refresh indicator.
+   */
+  progressBackgroundColor?: ?ColorValue,
+  /**
+   * Size of the refresh indicator, see RefreshControl.SIZE.
+   */
+  size?: ?(
+    | typeof RefreshLayoutConsts.SIZE.DEFAULT
+    | typeof RefreshLayoutConsts.SIZE.LARGE
+  ),
+  /**
+   * Progress view top offset
+   */
+  progressViewOffset?: ?number,
+|}>;
+
+type Props = $ReadOnly<{|
+  ...ViewProps,
+  ...IOSProps,
+  ...AndroidProps,
+
+  /**
+   * Called when the view starts refreshing.
+   */
+  onRefresh?: ?Function,
+
+  /**
+   * Whether the view should be indicating an active refresh.
+   */
+  refreshing: boolean,
+|}>;
 
 /**
  * This component is used inside a ScrollView or ListView to add pull to refresh
@@ -74,96 +138,43 @@ if (Platform.OS === 'android') {
  * __Note:__ `refreshing` is a controlled prop, this is why it needs to be set to true
  * in the `onRefresh` function otherwise the refresh indicator will stop immediately.
  */
-const RefreshControl = createReactClass({
-  displayName: 'RefreshControl',
-  statics: {
-    SIZE: RefreshLayoutConsts.SIZE,
-  },
-
-  mixins: [NativeMethodsMixin],
-
-  propTypes: {
-    ...ViewPropTypes,
-    /**
-     * Called when the view starts refreshing.
-     */
-    onRefresh: PropTypes.func,
-    /**
-     * Whether the view should be indicating an active refresh.
-     */
-    refreshing: PropTypes.bool.isRequired,
-    /**
-     * The color of the refresh indicator.
-     * @platform ios
-     */
-    tintColor: ColorPropType,
-    /**
-     * Title color.
-     * @platform ios
-     */
-    titleColor: ColorPropType,
-    /**
-     * The title displayed under the refresh indicator.
-     * @platform ios
-     */
-    title: PropTypes.string,
-    /**
-     * Whether the pull to refresh functionality is enabled.
-     * @platform android
-     */
-    enabled: PropTypes.bool,
-    /**
-     * The colors (at least one) that will be used to draw the refresh indicator.
-     * @platform android
-     */
-    colors: PropTypes.arrayOf(ColorPropType),
-    /**
-     * The background color of the refresh indicator.
-     * @platform android
-     */
-    progressBackgroundColor: ColorPropType,
-    /**
-     * Size of the refresh indicator, see RefreshControl.SIZE.
-     * @platform android
-     */
-    size: PropTypes.oneOf([RefreshLayoutConsts.SIZE.DEFAULT, RefreshLayoutConsts.SIZE.LARGE]),
-    /**
-     * Progress view top offset
-     * @platform android
-     */
-    progressViewOffset: PropTypes.number,
-  },
-
-  _nativeRef: (null: any),
-  _lastNativeRefreshing: false,
+class RefreshControl extends React.Component<Props> {
+  static SIZE = RefreshLayoutConsts.SIZE;
+
+  _nativeRef: ?React.ElementRef<NativeRefreshControlType> = null;
+  _lastNativeRefreshing = false;
 
   componentDidMount() {
     this._lastNativeRefreshing = this.props.refreshing;
-  },
+  }
 
-  componentDidUpdate(prevProps: {refreshing: boolean}) {
+  componentDidUpdate(prevProps: Props) {
     // RefreshControl is a controlled component so if the native refreshing
     // value doesn't match the current js refreshing prop update it to
     // the js value.
     if (this.props.refreshing !== prevProps.refreshing) {
       this._lastNativeRefreshing = this.props.refreshing;
     } else if (this.props.refreshing !== this._lastNativeRefreshing) {
-      this._nativeRef.setNativeProps({refreshing: this.props.refreshing});
+      nullthrows(this._nativeRef).setNativeProps({
+        refreshing: this.props.refreshing,
+      });
       this._lastNativeRefreshing = this.props.refreshing;
     }
-  },
+  }
 
   render() {
     return (
       <NativeRefreshControl
         {...this.props}
-        ref={ref => {this._nativeRef = ref;}}
+        ref={ref => {
+          this._nativeRef = ref;
+        }}
         onRefresh={this._onRefresh}
       />
     );
-  },
+  }
 
-  _onRefresh() {
+  _onRefresh = () => {
     this._lastNativeRefreshing = true;
 
     this.props.onRefresh && this.props.onRefresh();
@@ -171,19 +182,7 @@ const RefreshControl = createReactClass({
     // The native component will start refreshing so force an update to
     // make sure it stays in sync with the js component.
     this.forceUpdate();
-  },
-});
-
-if (Platform.OS === 'ios') {
-  var NativeRefreshControl = requireNativeComponent(
-    'RCTRefreshControl',
-    RefreshControl
-  );
-} else if (Platform.OS === 'android') {
-  var NativeRefreshControl = requireNativeComponent(
-    'AndroidSwipeRefreshLayout',
-    RefreshControl
-  );
+  };
 }
 
 module.exports = RefreshControl;
diff --git a/Libraries/Components/RefreshControl/__mocks__/RefreshControlMock.js b/Libraries/Components/RefreshControl/__mocks__/RefreshControlMock.js
index 04312d5d4c5dbe..bc03b7afa87878 100644
--- a/Libraries/Components/RefreshControl/__mocks__/RefreshControlMock.js
+++ b/Libraries/Components/RefreshControl/__mocks__/RefreshControlMock.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
+
 'use strict';
 
 const React = require('React');
diff --git a/Libraries/Components/SafeAreaView/SafeAreaView.android.js b/Libraries/Components/SafeAreaView/SafeAreaView.android.js
index 62a81a8a284352..a581258a57832f 100644
--- a/Libraries/Components/SafeAreaView/SafeAreaView.android.js
+++ b/Libraries/Components/SafeAreaView/SafeAreaView.android.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SafeAreaView
+ * @format
  * @flow
  */
+
 'use strict';
 
 module.exports = require('View');
diff --git a/Libraries/Components/SafeAreaView/SafeAreaView.ios.js b/Libraries/Components/SafeAreaView/SafeAreaView.ios.js
index 344cbe5f301ef1..5fb0406b8d5125 100644
--- a/Libraries/Components/SafeAreaView/SafeAreaView.ios.js
+++ b/Libraries/Components/SafeAreaView/SafeAreaView.ios.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SafeAreaView
  * @flow
  * @format
  */
@@ -15,6 +14,8 @@ const requireNativeComponent = require('requireNativeComponent');
 
 import type {ViewProps} from 'ViewPropTypes';
 
+const RCTSafeAreaView = requireNativeComponent('RCTSafeAreaView');
+
 type Props = ViewProps & {
   children: any,
 };
@@ -35,12 +36,4 @@ class SafeAreaView extends React.Component<Props> {
   }
 }
 
-const RCTSafeAreaView = requireNativeComponent('RCTSafeAreaView', {
-  name: 'RCTSafeAreaView',
-  displayName: 'RCTSafeAreaView',
-  propTypes: {
-    ...ViewPropTypes,
-  },
-});
-
 module.exports = SafeAreaView;
diff --git a/Libraries/Components/ScrollResponder.js b/Libraries/Components/ScrollResponder.js
index 9d60c462ef1dc7..548efba80da48c 100644
--- a/Libraries/Components/ScrollResponder.js
+++ b/Libraries/Components/ScrollResponder.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ScrollResponder
+ * @format
  * @flow
  */
+
 'use strict';
 
 const Dimensions = require('Dimensions');
@@ -22,8 +23,7 @@ const nullthrows = require('fbjs/lib/nullthrows');
 const performanceNow = require('fbjs/lib/performanceNow');
 const warning = require('fbjs/lib/warning');
 
-const { ScrollViewManager } = require('NativeModules');
-const { getInstanceFromNode } = require('ReactNativeComponentTree');
+const {ScrollViewManager} = require('NativeModules');
 
 /**
  * Mixin that can be integrated in order to handle scrolling that plays well
@@ -106,23 +106,14 @@ const { getInstanceFromNode } = require('ReactNativeComponentTree');
 const IS_ANIMATING_TOUCH_START_THRESHOLD_MS = 16;
 
 type State = {
-    isTouching: boolean,
-    lastMomentumScrollBeginTime: number,
-    lastMomentumScrollEndTime: number,
-    observedScrollSinceBecomingResponder: boolean,
-    becameResponderWhileAnimating: boolean,
+  isTouching: boolean,
+  lastMomentumScrollBeginTime: number,
+  lastMomentumScrollEndTime: number,
+  observedScrollSinceBecomingResponder: boolean,
+  becameResponderWhileAnimating: boolean,
 };
 type Event = Object;
 
-function isTagInstanceOfTextInput(tag) {
-  const instance = getInstanceFromNode(tag);
-  return instance && instance.viewConfig && (
-    instance.viewConfig.uiViewClassName === 'AndroidTextInput' ||
-    instance.viewConfig.uiViewClassName === 'RCTMultilineTextInputView' ||
-    instance.viewConfig.uiViewClassName === 'RCTSinglelineTextInputView'
-  );
-}
-
 const ScrollResponderMixin = {
   mixins: [Subscribable.Mixin],
   scrollResponderMixinGetInitialState: function(): State {
@@ -176,9 +167,11 @@ const ScrollResponderMixin = {
   scrollResponderHandleStartShouldSetResponder: function(e: Event): boolean {
     const currentlyFocusedTextInput = TextInputState.currentlyFocusedField();
 
-    if (this.props.keyboardShouldPersistTaps === 'handled' &&
+    if (
+      this.props.keyboardShouldPersistTaps === 'handled' &&
       currentlyFocusedTextInput != null &&
-      e.target !== currentlyFocusedTextInput) {
+      e.target !== currentlyFocusedTextInput
+    ) {
       return true;
     }
     return false;
@@ -195,18 +188,32 @@ const ScrollResponderMixin = {
    *
    * Invoke this from an `onStartShouldSetResponderCapture` event.
    */
-  scrollResponderHandleStartShouldSetResponderCapture: function(e: Event): boolean {
-    // First see if we want to eat taps while the keyboard is up
+  scrollResponderHandleStartShouldSetResponderCapture: function(
+    e: Event,
+  ): boolean {
+    // The scroll view should receive taps instead of its descendants if:
+    // * it is already animating/decelerating
+    if (this.scrollResponderIsAnimating()) {
+      return true;
+    }
+
+    // * the keyboard is up, keyboardShouldPersistTaps is 'never' (the default),
+    // and a new touch starts with a non-textinput target (in which case the
+    // first tap should be sent to the scroll view and dismiss the keyboard,
+    // then the second tap goes to the actual interior view)
     const currentlyFocusedTextInput = TextInputState.currentlyFocusedField();
     const {keyboardShouldPersistTaps} = this.props;
-    const keyboardNeverPersistTaps = !keyboardShouldPersistTaps ||
-                                    keyboardShouldPersistTaps === 'never';
-    if (keyboardNeverPersistTaps &&
+    const keyboardNeverPersistTaps =
+      !keyboardShouldPersistTaps || keyboardShouldPersistTaps === 'never';
+    if (
+      keyboardNeverPersistTaps &&
       currentlyFocusedTextInput != null &&
-      !isTagInstanceOfTextInput(e.target)) {
+      !TextInputState.isTextInput(e.target)
+    ) {
       return true;
     }
-    return this.scrollResponderIsAnimating();
+
+    return false;
   },
 
   /**
@@ -219,8 +226,7 @@ const ScrollResponderMixin = {
    * altogether. To improve this, find a way to disable the `UIScrollView` after
    * a touch has already started.
    */
-  scrollResponderHandleResponderReject: function() {
-  },
+  scrollResponderHandleResponderReject: function() {},
 
   /**
    * We will allow the scroll view to give up its lock iff it acquired the lock
@@ -271,12 +277,14 @@ const ScrollResponderMixin = {
     // By default scroll views will unfocus a textField
     // if another touch occurs outside of it
     const currentlyFocusedTextInput = TextInputState.currentlyFocusedField();
-    if (this.props.keyboardShouldPersistTaps !== true &&
+    if (
+      this.props.keyboardShouldPersistTaps !== true &&
       this.props.keyboardShouldPersistTaps !== 'always' &&
       currentlyFocusedTextInput != null &&
-      e.target !== currentlyFocusedTextInput  &&
+      e.target !== currentlyFocusedTextInput &&
       !this.state.observedScrollSinceBecomingResponder &&
-      !this.state.becameResponderWhileAnimating) {
+      !this.state.becameResponderWhileAnimating
+    ) {
       this.props.onScrollResponderKeyboardDismissed &&
         this.props.onScrollResponderKeyboardDismissed(e);
       TextInputState.blurTextInput(currentlyFocusedTextInput);
@@ -319,8 +327,10 @@ const ScrollResponderMixin = {
     // - If velocity is non-zero, then the interaction will stop when momentum scroll ends or
     //   another drag starts and ends.
     // - If we don't get velocity, better to stop the interaction twice than not stop it.
-    if (!this.scrollResponderIsAnimating() &&
-        (!velocity || velocity.x === 0 && velocity.y === 0)) {
+    if (
+      !this.scrollResponderIsAnimating() &&
+      (!velocity || (velocity.x === 0 && velocity.y === 0))
+    ) {
       FrameRateLogger.endScroll();
     }
     this.props.onScrollEndDrag && this.props.onScrollEndDrag(e);
@@ -381,9 +391,12 @@ const ScrollResponderMixin = {
    */
   scrollResponderIsAnimating: function(): boolean {
     const now = performanceNow();
-    const timeSinceLastMomentumScrollEnd = now - this.state.lastMomentumScrollEndTime;
-    const isAnimating = timeSinceLastMomentumScrollEnd < IS_ANIMATING_TOUCH_START_THRESHOLD_MS ||
-      this.state.lastMomentumScrollEndTime < this.state.lastMomentumScrollBeginTime;
+    const timeSinceLastMomentumScrollEnd =
+      now - this.state.lastMomentumScrollEndTime;
+    const isAnimating =
+      timeSinceLastMomentumScrollEnd < IS_ANIMATING_TOUCH_START_THRESHOLD_MS ||
+      this.state.lastMomentumScrollEndTime <
+        this.state.lastMomentumScrollBeginTime;
     return isAnimating;
   },
 
@@ -393,9 +406,9 @@ const ScrollResponderMixin = {
    * function otherwise `this` is used.
    */
   scrollResponderGetScrollableNode: function(): any {
-    return this.getScrollableNode ?
-      this.getScrollableNode() :
-      ReactNative.findNodeHandle(this);
+    return this.getScrollableNode
+      ? this.getScrollableNode()
+      : ReactNative.findNodeHandle(this);
   },
 
   /**
@@ -410,12 +423,14 @@ const ScrollResponderMixin = {
    * This is deprecated due to ambiguity (y before x), and SHOULD NOT BE USED.
    */
   scrollResponderScrollTo: function(
-    x?: number | { x?: number, y?: number, animated?: boolean },
+    x?: number | {x?: number, y?: number, animated?: boolean},
     y?: number,
-    animated?: boolean
+    animated?: boolean,
   ) {
     if (typeof x === 'number') {
-      console.warn('`scrollResponderScrollTo(x, y, animated)` is deprecated. Use `scrollResponderScrollTo({x: 5, y: 5, animated: true})` instead.');
+      console.warn(
+        '`scrollResponderScrollTo(x, y, animated)` is deprecated. Use `scrollResponderScrollTo({x: 5, y: 5, animated: true})` instead.',
+      );
     } else {
       ({x, y, animated} = x || {});
     }
@@ -434,9 +449,7 @@ const ScrollResponderMixin = {
    *
    * `scrollResponderScrollToEnd({animated: true})`
    */
-  scrollResponderScrollToEnd: function(
-    options?: { animated?: boolean },
-  ) {
+  scrollResponderScrollToEnd: function(options?: {animated?: boolean}) {
     // Default to true
     const animated = (options && options.animated) !== false;
     UIManager.dispatchViewManagerCommand(
@@ -449,8 +462,13 @@ const ScrollResponderMixin = {
   /**
    * Deprecated, do not use.
    */
-  scrollResponderScrollWithoutAnimationTo: function(offsetX: number, offsetY: number) {
-    console.warn('`scrollResponderScrollWithoutAnimationTo` is deprecated. Use `scrollResponderScrollTo` instead');
+  scrollResponderScrollWithoutAnimationTo: function(
+    offsetX: number,
+    offsetY: number,
+  ) {
+    console.warn(
+      '`scrollResponderScrollWithoutAnimationTo` is deprecated. Use `scrollResponderScrollTo` instead',
+    );
     this.scrollResponderScrollTo({x: offsetX, y: offsetY, animated: false});
   },
 
@@ -461,17 +479,32 @@ const ScrollResponderMixin = {
    * @platform ios
    */
   scrollResponderZoomTo: function(
-    rect: {| x: number, y: number, width: number, height: number, animated?: boolean |},
-    animated?: boolean // deprecated, put this inside the rect argument instead
+    rect: {|
+      x: number,
+      y: number,
+      width: number,
+      height: number,
+      animated?: boolean,
+    |},
+    animated?: boolean, // deprecated, put this inside the rect argument instead
   ) {
-    invariant(ScrollViewManager && ScrollViewManager.zoomToRect, 'zoomToRect is not implemented');
+    invariant(
+      ScrollViewManager && ScrollViewManager.zoomToRect,
+      'zoomToRect is not implemented',
+    );
     if ('animated' in rect) {
       animated = rect.animated;
       delete rect.animated;
     } else if (typeof animated !== 'undefined') {
-      console.warn('`scrollResponderZoomTo` `animated` argument is deprecated. Use `options.animated` instead');
+      console.warn(
+        '`scrollResponderZoomTo` `animated` argument is deprecated. Use `options.animated` instead',
+      );
     }
-    ScrollViewManager.zoomToRect(this.scrollResponderGetScrollableNode(), rect, animated !== false);
+    ScrollViewManager.zoomToRect(
+      this.scrollResponderGetScrollableNode(),
+      rect,
+      animated !== false,
+    );
   },
 
   /**
@@ -481,7 +514,7 @@ const ScrollResponderMixin = {
     UIManager.dispatchViewManagerCommand(
       this.scrollResponderGetScrollableNode(),
       UIManager.RCTScrollView.Commands.flashScrollIndicators,
-      []
+      [],
     );
   },
 
@@ -495,14 +528,18 @@ const ScrollResponderMixin = {
    * @param {bool} preventNegativeScrolling Whether to allow pulling the content
    *        down to make it meet the keyboard's top. Default is false.
    */
-  scrollResponderScrollNativeHandleToKeyboard: function(nodeHandle: any, additionalOffset?: number, preventNegativeScrollOffset?: bool) {
+  scrollResponderScrollNativeHandleToKeyboard: function(
+    nodeHandle: any,
+    additionalOffset?: number,
+    preventNegativeScrollOffset?: boolean,
+  ) {
     this.additionalScrollOffset = additionalOffset || 0;
     this.preventNegativeScrollOffset = !!preventNegativeScrollOffset;
     UIManager.measureLayout(
       nodeHandle,
       ReactNative.findNodeHandle(this.getInnerViewNode()),
       this.scrollResponderTextInputFocusError,
-      this.scrollResponderInputMeasureAndScrollToKeyboard
+      this.scrollResponderInputMeasureAndScrollToKeyboard,
     );
   },
 
@@ -516,12 +553,18 @@ const ScrollResponderMixin = {
    * @param {number} width Width of the text input.
    * @param {number} height Height of the text input.
    */
-  scrollResponderInputMeasureAndScrollToKeyboard: function(left: number, top: number, width: number, height: number) {
+  scrollResponderInputMeasureAndScrollToKeyboard: function(
+    left: number,
+    top: number,
+    width: number,
+    height: number,
+  ) {
     let keyboardScreenY = Dimensions.get('window').height;
     if (this.keyboardWillOpenTo) {
       keyboardScreenY = this.keyboardWillOpenTo.endCoordinates.screenY;
     }
-    let scrollOffsetY = top - keyboardScreenY + height + this.additionalScrollOffset;
+    let scrollOffsetY =
+      top - keyboardScreenY + height + this.additionalScrollOffset;
 
     // By default, this can scroll with negative offset, pulling the content
     // down so that the target component's bottom meets the keyboard's top.
@@ -550,16 +593,34 @@ const ScrollResponderMixin = {
     const {keyboardShouldPersistTaps} = this.props;
     warning(
       typeof keyboardShouldPersistTaps !== 'boolean',
-      `'keyboardShouldPersistTaps={${keyboardShouldPersistTaps}}' is deprecated. `
-      + `Use 'keyboardShouldPersistTaps="${keyboardShouldPersistTaps ? 'always' : 'never'}"' instead`
+      `'keyboardShouldPersistTaps={${keyboardShouldPersistTaps}}' is deprecated. ` +
+        `Use 'keyboardShouldPersistTaps="${
+          keyboardShouldPersistTaps ? 'always' : 'never'
+        }"' instead`,
     );
 
     this.keyboardWillOpenTo = null;
     this.additionalScrollOffset = 0;
-    this.addListenerOn(Keyboard, 'keyboardWillShow', this.scrollResponderKeyboardWillShow);
-    this.addListenerOn(Keyboard, 'keyboardWillHide', this.scrollResponderKeyboardWillHide);
-    this.addListenerOn(Keyboard, 'keyboardDidShow', this.scrollResponderKeyboardDidShow);
-    this.addListenerOn(Keyboard, 'keyboardDidHide', this.scrollResponderKeyboardDidHide);
+    this.addListenerOn(
+      Keyboard,
+      'keyboardWillShow',
+      this.scrollResponderKeyboardWillShow,
+    );
+    this.addListenerOn(
+      Keyboard,
+      'keyboardWillHide',
+      this.scrollResponderKeyboardWillHide,
+    );
+    this.addListenerOn(
+      Keyboard,
+      'keyboardDidShow',
+      this.scrollResponderKeyboardDidShow,
+    );
+    this.addListenerOn(
+      Keyboard,
+      'keyboardDidHide',
+      this.scrollResponderKeyboardDidHide,
+    );
   },
 
   /**
@@ -575,7 +636,7 @@ const ScrollResponderMixin = {
    * - willHide {startCoordinates, endCoordinates} several times
    * - didHide several times
    *
-   * The `ScrollResponder` providesModule callbacks for each of these events.
+   * The `ScrollResponder` module callbacks for each of these events.
    * Even though any user could have easily listened to keyboard events
    * themselves, using these `props` callbacks ensures that ordering of events
    * is consistent - and not dependent on the order that the keyboard events are
@@ -612,8 +673,7 @@ const ScrollResponderMixin = {
   scrollResponderKeyboardDidHide: function(e: Event) {
     this.keyboardWillOpenTo = null;
     this.props.onKeyboardDidHide && this.props.onKeyboardDidHide(e);
-  }
-
+  },
 };
 
 const ScrollResponder = {
diff --git a/Libraries/Components/ScrollView/InternalScrollViewType.js b/Libraries/Components/ScrollView/InternalScrollViewType.js
new file mode 100644
index 00000000000000..471e25d9a5dab9
--- /dev/null
+++ b/Libraries/Components/ScrollView/InternalScrollViewType.js
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow
+ */
+
+const ReactNative = require('ReactNative');
+
+// This class is purely a facsimile of ScrollView so that we can
+// properly type it with Flow before migrating ScrollView off of
+// createReactClass. If there are things missing here that are in
+// ScrollView, that is unintentional.
+class InternalScrollViewType<Props> extends ReactNative.NativeComponent<Props> {
+  scrollTo(
+    y?: number | {x?: number, y?: number, animated?: boolean},
+    x?: number,
+    animated?: boolean,
+  ) {}
+
+  flashScrollIndicators() {}
+  propTypes: empty;
+  scrollToEnd(options?: ?{animated?: boolean}) {}
+  scrollWithoutAnimationTo(y: number = 0, x: number = 0) {}
+
+  getScrollResponder(): any {}
+  getScrollableNode(): any {}
+  getInnerViewNode(): any {}
+
+  scrollResponderScrollNativeHandleToKeyboard(
+    nodeHandle: any,
+    additionalOffset?: number,
+    preventNegativeScrollOffset?: boolean,
+  ) {}
+
+  scrollResponderScrollTo(
+    x?: number | {x?: number, y?: number, animated?: boolean},
+    y?: number,
+    animated?: boolean,
+  ) {}
+}
+
+module.exports = InternalScrollViewType;
diff --git a/Libraries/Components/ScrollView/ScrollView.js b/Libraries/Components/ScrollView/ScrollView.js
index 5d0d007fe29f3f..9f0688e87489f3 100644
--- a/Libraries/Components/ScrollView/ScrollView.js
+++ b/Libraries/Components/ScrollView/ScrollView.js
@@ -4,26 +4,21 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ScrollView
+ * @format
  * @flow
  */
+
 'use strict';
 
 const AnimatedImplementation = require('AnimatedImplementation');
-const ColorPropType = require('ColorPropType');
-const EdgeInsetsPropType = require('EdgeInsetsPropType');
 const Platform = require('Platform');
-const PointPropType = require('PointPropType');
-const PropTypes = require('prop-types');
 const React = require('React');
 const ReactNative = require('ReactNative');
 const ScrollResponder = require('ScrollResponder');
 const ScrollViewStickyHeader = require('ScrollViewStickyHeader');
 const StyleSheet = require('StyleSheet');
-const StyleSheetPropType = require('StyleSheetPropType');
 const View = require('View');
-const ViewPropTypes = require('ViewPropTypes');
-const ViewStylePropTypes = require('ViewStylePropTypes');
+const InternalScrollViewType = require('InternalScrollViewType');
 
 const createReactClass = require('create-react-class');
 const dismissKeyboard = require('dismissKeyboard');
@@ -31,13 +26,466 @@ const flattenStyle = require('flattenStyle');
 const invariant = require('fbjs/lib/invariant');
 const processDecelerationRate = require('processDecelerationRate');
 const requireNativeComponent = require('requireNativeComponent');
-/* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
- * found when Flow v0.54 was deployed. To see the error delete this comment and
- * run Flow. */
 const warning = require('fbjs/lib/warning');
 const resolveAssetSource = require('resolveAssetSource');
 
+import type {PressEvent} from 'CoreEventTypes';
+import type {EdgeInsetsProp} from 'EdgeInsetsPropType';
 import type {NativeMethodsMixinType} from 'ReactNativeTypes';
+import type {ViewStyleProp} from 'StyleSheet';
+import type {ViewProps} from 'ViewPropTypes';
+import type {PointProp} from 'PointPropType';
+
+import type {ColorValue} from 'StyleSheetTypes';
+
+let AndroidScrollView;
+let AndroidHorizontalScrollContentView;
+let AndroidHorizontalScrollView;
+let RCTScrollView;
+let RCTScrollContentView;
+
+if (Platform.OS === 'android') {
+  AndroidScrollView = requireNativeComponent('RCTScrollView');
+  AndroidHorizontalScrollView = requireNativeComponent(
+    'AndroidHorizontalScrollView',
+  );
+  AndroidHorizontalScrollContentView = requireNativeComponent(
+    'AndroidHorizontalScrollContentView',
+  );
+} else if (Platform.OS === 'ios') {
+  RCTScrollView = requireNativeComponent('RCTScrollView');
+  RCTScrollContentView = requireNativeComponent('RCTScrollContentView');
+} else {
+  RCTScrollView = requireNativeComponent('RCTScrollView');
+  RCTScrollContentView = requireNativeComponent('RCTScrollContentView');
+}
+
+type TouchableProps = $ReadOnly<{|
+  onTouchStart?: (event: PressEvent) => void,
+  onTouchMove?: (event: PressEvent) => void,
+  onTouchEnd?: (event: PressEvent) => void,
+  onTouchCancel?: (event: PressEvent) => void,
+  onTouchEndCapture?: (event: PressEvent) => void,
+|}>;
+
+type IOSProps = $ReadOnly<{|
+  /**
+   * Controls whether iOS should automatically adjust the content inset
+   * for scroll views that are placed behind a navigation bar or
+   * tab bar/ toolbar. The default value is true.
+   * @platform ios
+   */
+  automaticallyAdjustContentInsets?: ?boolean,
+  /**
+   * The amount by which the scroll view content is inset from the edges
+   * of the scroll view. Defaults to `{top: 0, left: 0, bottom: 0, right: 0}`.
+   * @platform ios
+   */
+  contentInset?: ?EdgeInsetsProp,
+  /**
+   * Used to manually set the starting scroll offset.
+   * The default value is `{x: 0, y: 0}`.
+   * @platform ios
+   */
+  contentOffset?: ?PointProp,
+  /**
+   * When true, the scroll view bounces when it reaches the end of the
+   * content if the content is larger then the scroll view along the axis of
+   * the scroll direction. When false, it disables all bouncing even if
+   * the `alwaysBounce*` props are true. The default value is true.
+   * @platform ios
+   */
+  bounces?: ?boolean,
+  /**
+   * When true, gestures can drive zoom past min/max and the zoom will animate
+   * to the min/max value at gesture end, otherwise the zoom will not exceed
+   * the limits.
+   * @platform ios
+   */
+  bouncesZoom?: ?boolean,
+  /**
+   * When true, the scroll view bounces horizontally when it reaches the end
+   * even if the content is smaller than the scroll view itself. The default
+   * value is true when `horizontal={true}` and false otherwise.
+   * @platform ios
+   */
+  alwaysBounceHorizontal?: ?boolean,
+  /**
+   * When true, the scroll view bounces vertically when it reaches the end
+   * even if the content is smaller than the scroll view itself. The default
+   * value is false when `horizontal={true}` and true otherwise.
+   * @platform ios
+   */
+  alwaysBounceVertical?: ?boolean,
+  /**
+   * When true, the scroll view automatically centers the content when the
+   * content is smaller than the scroll view bounds; when the content is
+   * larger than the scroll view, this property has no effect. The default
+   * value is false.
+   * @platform ios
+   */
+  centerContent?: ?boolean,
+  /**
+   * A floating-point number that determines how quickly the scroll view
+   * decelerates after the user lifts their finger. You may also use string
+   * shortcuts `"normal"` and `"fast"` which match the underlying iOS settings
+   * for `UIScrollViewDecelerationRateNormal` and
+   * `UIScrollViewDecelerationRateFast` respectively.
+   *
+   *   - `'normal'`: 0.998 (the default)
+   *   - `'fast'`: 0.99
+   *
+   * @platform ios
+   */
+  decelerationRate?: ?('fast' | 'normal' | number),
+  /**
+   * The style of the scroll indicators.
+   *
+   *   - `'default'` (the default), same as `black`.
+   *   - `'black'`, scroll indicator is black. This style is good against a light background.
+   *   - `'white'`, scroll indicator is white. This style is good against a dark background.
+   *
+   * @platform ios
+   */
+  indicatorStyle?: ?('default' | 'black' | 'white'),
+  /**
+   * When true, the ScrollView will try to lock to only vertical or horizontal
+   * scrolling while dragging.  The default value is false.
+   * @platform ios
+   */
+  directionalLockEnabled?: ?boolean,
+  /**
+   * When false, once tracking starts, won't try to drag if the touch moves.
+   * The default value is true.
+   * @platform ios
+   */
+  canCancelContentTouches?: ?boolean,
+  /**
+   * When set, the scroll view will adjust the scroll position so that the first child that is
+   * currently visible and at or beyond `minIndexForVisible` will not change position. This is
+   * useful for lists that are loading content in both directions, e.g. a chat thread, where new
+   * messages coming in might otherwise cause the scroll position to jump. A value of 0 is common,
+   * but other values such as 1 can be used to skip loading spinners or other content that should
+   * not maintain position.
+   *
+   * The optional `autoscrollToTopThreshold` can be used to make the content automatically scroll
+   * to the top after making the adjustment if the user was within the threshold of the top before
+   * the adjustment was made. This is also useful for chat-like applications where you want to see
+   * new messages scroll into place, but not if the user has scrolled up a ways and it would be
+   * disruptive to scroll a bunch.
+   *
+   * Caveat 1: Reordering elements in the scrollview with this enabled will probably cause
+   * jumpiness and jank. It can be fixed, but there are currently no plans to do so. For now,
+   * don't re-order the content of any ScrollViews or Lists that use this feature.
+   *
+   * Caveat 2: This simply uses `contentOffset` and `frame.origin` in native code to compute
+   * visibility. Occlusion, transforms, and other complexity won't be taken into account as to
+   * whether content is "visible" or not.
+   *
+   * @platform ios
+   */
+  maintainVisibleContentPosition?: ?$ReadOnly<{|
+    minIndexForVisible: number,
+    autoscrollToTopThreshold?: ?number,
+  |}>,
+  /**
+   * The maximum allowed zoom scale. The default value is 1.0.
+   * @platform ios
+   */
+  maximumZoomScale?: ?number,
+  /**
+   * The minimum allowed zoom scale. The default value is 1.0.
+   * @platform ios
+   */
+  minimumZoomScale?: ?number,
+  /**
+   * When true, ScrollView allows use of pinch gestures to zoom in and out.
+   * The default value is true.
+   * @platform ios
+   */
+  pinchGestureEnabled?: ?boolean,
+  /**
+   * This controls how often the scroll event will be fired while scrolling
+   * (as a time interval in ms). A lower number yields better accuracy for code
+   * that is tracking the scroll position, but can lead to scroll performance
+   * problems due to the volume of information being send over the bridge.
+   * You will not notice a difference between values set between 1-16 as the
+   * JS run loop is synced to the screen refresh rate. If you do not need precise
+   * scroll position tracking, set this value higher to limit the information
+   * being sent across the bridge. The default value is zero, which results in
+   * the scroll event being sent only once each time the view is scrolled.
+   * @platform ios
+   */
+  scrollEventThrottle?: ?number,
+  /**
+   * The amount by which the scroll view indicators are inset from the edges
+   * of the scroll view. This should normally be set to the same value as
+   * the `contentInset`. Defaults to `{0, 0, 0, 0}`.
+   * @platform ios
+   */
+  scrollIndicatorInsets?: ?EdgeInsetsProp,
+  /**
+   * When true, the scroll view scrolls to top when the status bar is tapped.
+   * The default value is true.
+   * @platform ios
+   */
+  scrollsToTop?: ?boolean,
+  /**
+   * When true, shows a horizontal scroll indicator.
+   * The default value is true.
+   */
+  showsHorizontalScrollIndicator?: ?boolean,
+  /**
+   * When `snapToInterval` is set, `snapToAlignment` will define the relationship
+   * of the snapping to the scroll view.
+   *
+   *   - `'start'` (the default) will align the snap at the left (horizontal) or top (vertical)
+   *   - `'center'` will align the snap in the center
+   *   - `'end'` will align the snap at the right (horizontal) or bottom (vertical)
+   *
+   * @platform ios
+   */
+  snapToAlignment?: ?('start' | 'center' | 'end'),
+  /**
+   * The current scale of the scroll view content. The default value is 1.0.
+   * @platform ios
+   */
+  zoomScale?: ?number,
+  /**
+   * This property specifies how the safe area insets are used to modify the
+   * content area of the scroll view. The default value of this property is
+   * "never". Available on iOS 11 and later.
+   * @platform ios
+   */
+  contentInsetAdjustmentBehavior?: ?(
+    | 'automatic'
+    | 'scrollableAxes'
+    | 'never'
+    | 'always'
+  ),
+  /**
+   * When true, ScrollView will emit updateChildFrames data in scroll events,
+   * otherwise will not compute or emit child frame data.  This only exists
+   * to support legacy issues, `onLayout` should be used instead to retrieve
+   * frame data.
+   * The default value is false.
+   * @platform ios
+   */
+  DEPRECATED_sendUpdatedChildFrames?: ?boolean,
+|}>;
+
+type AndroidProps = $ReadOnly<{|
+  /**
+   * Enables nested scrolling for Android API level 21+.
+   * Nested scrolling is supported by default on iOS
+   * @platform android
+   */
+  nestedScrollEnabled?: ?boolean,
+  /**
+   * Sometimes a scrollview takes up more space than its content fills. When this is
+   * the case, this prop will fill the rest of the scrollview with a color to avoid setting
+   * a background and creating unnecessary overdraw. This is an advanced optimization
+   * that is not needed in the general case.
+   * @platform android
+   */
+  endFillColor?: ?ColorValue,
+  /**
+   * Tag used to log scroll performance on this scroll view. Will force
+   * momentum events to be turned on (see sendMomentumEvents). This doesn't do
+   * anything out of the box and you need to implement a custom native
+   * FpsListener for it to be useful.
+   * @platform android
+   */
+  scrollPerfTag?: ?string,
+  /**
+   * Used to override default value of overScroll mode.
+   *
+   * Possible values:
+   *
+   *  - `'auto'` - Default value, allow a user to over-scroll
+   *    this view only if the content is large enough to meaningfully scroll.
+   *  - `'always'` - Always allow a user to over-scroll this view.
+   *  - `'never'` - Never allow a user to over-scroll this view.
+   *
+   * @platform android
+   */
+  overScrollMode?: ?('auto' | 'always' | 'never'),
+|}>;
+
+type VRProps = $ReadOnly<{|
+  /**
+   * Optionally an image can be used for the scroll bar thumb. This will
+   * override the color. While the image is loading or the image fails to
+   * load the color will be used instead. Use an alpha of 0 in the color
+   * to avoid seeing it while the image is loading.
+   *
+   * - `uri` - a string representing the resource identifier for the image, which
+   * should be either a local file path or the name of a static image resource
+   * - `number` - Opaque type returned by something like
+   * `import IMAGE from './image.jpg'`.
+   * @platform vr
+   */
+  scrollBarThumbImage?: ?($ReadOnly<{||}> | number), // Opaque type returned by import IMAGE from './image.jpg'
+|}>;
+
+export type Props = $ReadOnly<{|
+  ...ViewProps,
+  ...TouchableProps,
+  ...IOSProps,
+  ...AndroidProps,
+  ...VRProps,
+
+  /**
+   * These styles will be applied to the scroll view content container which
+   * wraps all of the child views. Example:
+   *
+   * ```
+   * return (
+   *   <ScrollView contentContainerStyle={styles.contentContainer}>
+   *   </ScrollView>
+   * );
+   * ...
+   * const styles = StyleSheet.create({
+   *   contentContainer: {
+   *     paddingVertical: 20
+   *   }
+   * });
+   * ```
+   */
+  contentContainerStyle?: ?ViewStyleProp,
+  /**
+   * When true, the scroll view's children are arranged horizontally in a row
+   * instead of vertically in a column. The default value is false.
+   */
+  horizontal?: ?boolean,
+  /**
+   * If sticky headers should stick at the bottom instead of the top of the
+   * ScrollView. This is usually used with inverted ScrollViews.
+   */
+  invertStickyHeaders?: ?boolean,
+  /**
+   * Determines whether the keyboard gets dismissed in response to a drag.
+   *
+   * *Cross platform*
+   *
+   *   - `'none'` (the default), drags do not dismiss the keyboard.
+   *   - `'on-drag'`, the keyboard is dismissed when a drag begins.
+   *
+   * *iOS Only*
+   *
+   *   - `'interactive'`, the keyboard is dismissed interactively with the drag and moves in
+   *     synchrony with the touch; dragging upwards cancels the dismissal.
+   *     On android this is not supported and it will have the same behavior as 'none'.
+   */
+  keyboardDismissMode?: ?(
+    | 'none' // default
+    | 'on-drag' // cross-platform
+    | 'interactive'
+  ), // ios only
+  /**
+   * Determines when the keyboard should stay visible after a tap.
+   *
+   *   - `'never'` (the default), tapping outside of the focused text input when the keyboard
+   *     is up dismisses the keyboard. When this happens, children won't receive the tap.
+   *   - `'always'`, the keyboard will not dismiss automatically, and the scroll view will not
+   *     catch taps, but children of the scroll view can catch taps.
+   *   - `'handled'`, the keyboard will not dismiss automatically when the tap was handled by
+   *     a children, (or captured by an ancestor).
+   *   - `false`, deprecated, use 'never' instead
+   *   - `true`, deprecated, use 'always' instead
+   */
+  // $FlowFixMe(site=react_native_fb) Issues found when typing ScrollView
+  keyboardShouldPersistTaps?: ?('always' | 'never' | 'handled' | false | true),
+  /**
+   * Called when the momentum scroll starts (scroll which occurs as the ScrollView glides to a stop).
+   */
+  onMomentumScrollBegin?: ?Function,
+  /**
+   * Called when the momentum scroll ends (scroll which occurs as the ScrollView glides to a stop).
+   */
+  onMomentumScrollEnd?: ?Function,
+
+  /**
+   * Fires at most once per frame during scrolling. The frequency of the
+   * events can be controlled using the `scrollEventThrottle` prop.
+   */
+  onScroll?: ?Function,
+  /**
+   * Called when the user begins to drag the scroll view.
+   */
+  onScrollBeginDrag?: ?Function,
+  /**
+   * Called when the user stops dragging the scroll view and it either stops
+   * or begins to glide.
+   */
+  onScrollEndDrag?: ?Function,
+  /**
+   * Called when scrollable content view of the ScrollView changes.
+   *
+   * Handler function is passed the content width and content height as parameters:
+   * `(contentWidth, contentHeight)`
+   *
+   * It's implemented using onLayout handler attached to the content container
+   * which this ScrollView renders.
+   */
+  onContentSizeChange?: ?Function,
+  onKeyboardDidShow?: (event: PressEvent) => void,
+  /**
+   * When true, the scroll view stops on multiples of the scroll view's size
+   * when scrolling. This can be used for horizontal pagination. The default
+   * value is false.
+   *
+   * Note: Vertical pagination is not supported on Android.
+   */
+  pagingEnabled?: ?boolean,
+  /**
+   * When false, the view cannot be scrolled via touch interaction.
+   * The default value is true.
+   *
+   * Note that the view can always be scrolled by calling `scrollTo`.
+   */
+  scrollEnabled?: ?boolean,
+  /**
+   * When true, shows a vertical scroll indicator.
+   * The default value is true.
+   */
+  showsVerticalScrollIndicator?: ?boolean,
+  /**
+   * An array of child indices determining which children get docked to the
+   * top of the screen when scrolling. For example, passing
+   * `stickyHeaderIndices={[0]}` will cause the first child to be fixed to the
+   * top of the scroll view. This property is not supported in conjunction
+   * with `horizontal={true}`.
+   */
+  stickyHeaderIndices?: ?$ReadOnlyArray<number>,
+  /**
+   * When set, causes the scroll view to stop at multiples of the value of
+   * `snapToInterval`. This can be used for paginating through children
+   * that have lengths smaller than the scroll view. Typically used in
+   * combination with `snapToAlignment` and `decelerationRate="fast"` on ios.
+   * Overrides less configurable `pagingEnabled` prop.
+   *
+   * Supported for horizontal scrollview on android.
+   */
+  snapToInterval?: ?number,
+  /**
+   * Experimental: When true, offscreen child views (whose `overflow` value is
+   * `hidden`) are removed from their native backing superview when offscreen.
+   * This can improve scrolling performance on long lists. The default value is
+   * true.
+   */
+  removeClippedSubviews?: ?boolean,
+  /**
+   * A RefreshControl component, used to provide pull-to-refresh
+   * functionality for the ScrollView. Only works for vertical ScrollViews
+   * (`horizontal` prop must be `false`).
+   *
+   * See [RefreshControl](docs/refreshcontrol.html).
+   */
+  refreshControl?: ?React.Element<any>,
+  style?: ?ViewStyleProp,
+  children?: React.Node,
+|}>;
 
 /**
  * Component that wraps platform ScrollView while providing
@@ -74,430 +522,13 @@ import type {NativeMethodsMixinType} from 'ReactNativeTypes';
  * multiple columns, infinite scroll loading, or any number of other features it
  * supports out of the box.
  */
-// $FlowFixMe(>=0.41.0)
 const ScrollView = createReactClass({
   displayName: 'ScrollView',
-  propTypes: {
-    ...ViewPropTypes,
-    /**
-     * Controls whether iOS should automatically adjust the content inset
-     * for scroll views that are placed behind a navigation bar or
-     * tab bar/ toolbar. The default value is true.
-     * @platform ios
-     */
-    automaticallyAdjustContentInsets: PropTypes.bool,
-    /**
-     * The amount by which the scroll view content is inset from the edges
-     * of the scroll view. Defaults to `{top: 0, left: 0, bottom: 0, right: 0}`.
-     * @platform ios
-     */
-    contentInset: EdgeInsetsPropType,
-    /**
-     * Used to manually set the starting scroll offset.
-     * The default value is `{x: 0, y: 0}`.
-     * @platform ios
-     */
-    contentOffset: PointPropType,
-    /**
-     * When true, the scroll view bounces when it reaches the end of the
-     * content if the content is larger then the scroll view along the axis of
-     * the scroll direction. When false, it disables all bouncing even if
-     * the `alwaysBounce*` props are true. The default value is true.
-     * @platform ios
-     */
-    bounces: PropTypes.bool,
-    /**
-     * When true, gestures can drive zoom past min/max and the zoom will animate
-     * to the min/max value at gesture end, otherwise the zoom will not exceed
-     * the limits.
-     * @platform ios
-     */
-    bouncesZoom: PropTypes.bool,
-    /**
-     * When true, the scroll view bounces horizontally when it reaches the end
-     * even if the content is smaller than the scroll view itself. The default
-     * value is true when `horizontal={true}` and false otherwise.
-     * @platform ios
-     */
-    alwaysBounceHorizontal: PropTypes.bool,
-    /**
-     * When true, the scroll view bounces vertically when it reaches the end
-     * even if the content is smaller than the scroll view itself. The default
-     * value is false when `horizontal={true}` and true otherwise.
-     * @platform ios
-     */
-    alwaysBounceVertical: PropTypes.bool,
-    /**
-     * When true, the scroll view automatically centers the content when the
-     * content is smaller than the scroll view bounds; when the content is
-     * larger than the scroll view, this property has no effect. The default
-     * value is false.
-     * @platform ios
-     */
-    centerContent: PropTypes.bool,
-    /**
-     * These styles will be applied to the scroll view content container which
-     * wraps all of the child views. Example:
-     *
-     * ```
-     * return (
-     *   <ScrollView contentContainerStyle={styles.contentContainer}>
-     *   </ScrollView>
-     * );
-     * ...
-     * const styles = StyleSheet.create({
-     *   contentContainer: {
-     *     paddingVertical: 20
-     *   }
-     * });
-     * ```
-     */
-    contentContainerStyle: StyleSheetPropType(ViewStylePropTypes),
-    /**
-     * A floating-point number that determines how quickly the scroll view
-     * decelerates after the user lifts their finger. You may also use string
-     * shortcuts `"normal"` and `"fast"` which match the underlying iOS settings
-     * for `UIScrollViewDecelerationRateNormal` and
-     * `UIScrollViewDecelerationRateFast` respectively.
-     *
-     *   - `'normal'`: 0.998 (the default)
-     *   - `'fast'`: 0.99
-     *
-     * @platform ios
-     */
-    decelerationRate: PropTypes.oneOfType([
-      PropTypes.oneOf(['fast', 'normal']),
-      PropTypes.number,
-    ]),
-    /**
-     * When true, the scroll view's children are arranged horizontally in a row
-     * instead of vertically in a column. The default value is false.
-     */
-    horizontal: PropTypes.bool,
-    /**
-     * The style of the scroll indicators.
-     *
-     *   - `'default'` (the default), same as `black`.
-     *   - `'black'`, scroll indicator is black. This style is good against a light background.
-     *   - `'white'`, scroll indicator is white. This style is good against a dark background.
-     *
-     * @platform ios
-     */
-    indicatorStyle: PropTypes.oneOf([
-      'default', // default
-      'black',
-      'white',
-    ]),
-    /**
-     * If sticky headers should stick at the bottom instead of the top of the
-     * ScrollView. This is usually used with inverted ScrollViews.
-     */
-    invertStickyHeaders: PropTypes.bool,
-    /**
-     * When true, the ScrollView will try to lock to only vertical or horizontal
-     * scrolling while dragging.  The default value is false.
-     * @platform ios
-     */
-    directionalLockEnabled: PropTypes.bool,
-    /**
-     * When false, once tracking starts, won't try to drag if the touch moves.
-     * The default value is true.
-     * @platform ios
-     */
-    canCancelContentTouches: PropTypes.bool,
-    /**
-     * Determines whether the keyboard gets dismissed in response to a drag.
-     *
-     * *Cross platform*
-     *
-     *   - `'none'` (the default), drags do not dismiss the keyboard.
-     *   - `'on-drag'`, the keyboard is dismissed when a drag begins.
-     *
-     * *iOS Only*
-     *
-     *   - `'interactive'`, the keyboard is dismissed interactively with the drag and moves in
-     *     synchrony with the touch; dragging upwards cancels the dismissal.
-     *     On android this is not supported and it will have the same behavior as 'none'.
-     */
-    keyboardDismissMode: PropTypes.oneOf([
-      'none', // default
-      'on-drag', // Cross-platform
-      'interactive', // iOS-only
-    ]),
-    /**
-     * Determines when the keyboard should stay visible after a tap.
-     *
-     *   - `'never'` (the default), tapping outside of the focused text input when the keyboard
-     *     is up dismisses the keyboard. When this happens, children won't receive the tap.
-     *   - `'always'`, the keyboard will not dismiss automatically, and the scroll view will not
-     *     catch taps, but children of the scroll view can catch taps.
-     *   - `'handled'`, the keyboard will not dismiss automatically when the tap was handled by
-     *     a children, (or captured by an ancestor).
-     *   - `false`, deprecated, use 'never' instead
-     *   - `true`, deprecated, use 'always' instead
-     */
-    keyboardShouldPersistTaps: PropTypes.oneOf(['always', 'never', 'handled', false, true]),
-    /**
-     * When set, the scroll view will adjust the scroll position so that the first child that is
-     * currently visible and at or beyond `minIndexForVisible` will not change position. This is
-     * useful for lists that are loading content in both directions, e.g. a chat thread, where new
-     * messages coming in might otherwise cause the scroll position to jump. A value of 0 is common,
-     * but other values such as 1 can be used to skip loading spinners or other content that should
-     * not maintain position.
-     *
-     * The optional `autoscrollToTopThreshold` can be used to make the content automatically scroll
-     * to the top after making the adjustment if the user was within the threshold of the top before
-     * the adjustment was made. This is also useful for chat-like applications where you want to see
-     * new messages scroll into place, but not if the user has scrolled up a ways and it would be
-     * disruptive to scroll a bunch.
-     *
-     * Caveat 1: Reordering elements in the scrollview with this enabled will probably cause
-     * jumpiness and jank. It can be fixed, but there are currently no plans to do so. For now,
-     * don't re-order the content of any ScrollViews or Lists that use this feature.
-     *
-     * Caveat 2: This simply uses `contentOffset` and `frame.origin` in native code to compute
-     * visibility. Occlusion, transforms, and other complexity won't be taken into account as to
-     * whether content is "visible" or not.
-     *
-     * @platform ios
-     */
-    maintainVisibleContentPosition: PropTypes.shape({
-      minIndexForVisible: PropTypes.number.isRequired,
-      autoscrollToTopThreshold: PropTypes.number,
-    }),
-    /**
-     * The maximum allowed zoom scale. The default value is 1.0.
-     * @platform ios
-     */
-    maximumZoomScale: PropTypes.number,
-    /**
-     * The minimum allowed zoom scale. The default value is 1.0.
-     * @platform ios
-     */
-    minimumZoomScale: PropTypes.number,
-    /**
-     * Called when the momentum scroll starts (scroll which occurs as the ScrollView glides to a stop).
-     */
-    onMomentumScrollBegin: PropTypes.func,
-    /**
-     * Called when the momentum scroll ends (scroll which occurs as the ScrollView glides to a stop).
-     */
-    onMomentumScrollEnd: PropTypes.func,
-    /**
-     * Fires at most once per frame during scrolling. The frequency of the
-     * events can be controlled using the `scrollEventThrottle` prop.
-     */
-    onScroll: PropTypes.func,
-    /**
-     * Called when the user begins to drag the scroll view.
-     */
-    onScrollBeginDrag: PropTypes.func,
-    /**
-     * Called when the user stops dragging the scroll view and it either stops
-     * or begins to glide.
-     */
-    onScrollEndDrag: PropTypes.func,
-    /**
-     * Called when scrollable content view of the ScrollView changes.
-     *
-     * Handler function is passed the content width and content height as parameters:
-     * `(contentWidth, contentHeight)`
-     *
-     * It's implemented using onLayout handler attached to the content container
-     * which this ScrollView renders.
-     */
-    onContentSizeChange: PropTypes.func,
-    /**
-     * When true, the scroll view stops on multiples of the scroll view's size
-     * when scrolling. This can be used for horizontal pagination. The default
-     * value is false.
-     *
-     * Note: Vertical pagination is not supported on Android.
-     */
-    pagingEnabled: PropTypes.bool,
-    /**
-    * When true, ScrollView allows use of pinch gestures to zoom in and out.
-    * The default value is true.
-    * @platform ios
-    */
-    pinchGestureEnabled: PropTypes.bool,
-    /**
-     * When false, the view cannot be scrolled via touch interaction.
-     * The default value is true.
-     *
-     * Note that the view can always be scrolled by calling `scrollTo`.
-     */
-    scrollEnabled: PropTypes.bool,
-    /**
-     * This controls how often the scroll event will be fired while scrolling
-     * (as a time interval in ms). A lower number yields better accuracy for code
-     * that is tracking the scroll position, but can lead to scroll performance
-     * problems due to the volume of information being send over the bridge.
-     * You will not notice a difference between values set between 1-16 as the
-     * JS run loop is synced to the screen refresh rate. If you do not need precise
-     * scroll position tracking, set this value higher to limit the information
-     * being sent across the bridge. The default value is zero, which results in
-     * the scroll event being sent only once each time the view is scrolled.
-     * @platform ios
-     */
-    scrollEventThrottle: PropTypes.number,
-    /**
-     * The amount by which the scroll view indicators are inset from the edges
-     * of the scroll view. This should normally be set to the same value as
-     * the `contentInset`. Defaults to `{0, 0, 0, 0}`.
-     * @platform ios
-     */
-    scrollIndicatorInsets: EdgeInsetsPropType,
-    /**
-     * When true, the scroll view scrolls to top when the status bar is tapped.
-     * The default value is true.
-     * @platform ios
-     */
-    scrollsToTop: PropTypes.bool,
-    /**
-     * When true, shows a horizontal scroll indicator.
-     * The default value is true.
-     */
-    showsHorizontalScrollIndicator: PropTypes.bool,
-    /**
-     * When true, shows a vertical scroll indicator.
-     * The default value is true.
-     */
-    showsVerticalScrollIndicator: PropTypes.bool,
-    /**
-     * An array of child indices determining which children get docked to the
-     * top of the screen when scrolling. For example, passing
-     * `stickyHeaderIndices={[0]}` will cause the first child to be fixed to the
-     * top of the scroll view. This property is not supported in conjunction
-     * with `horizontal={true}`.
-     */
-    stickyHeaderIndices: PropTypes.arrayOf(PropTypes.number),
-    /**
-     * When set, causes the scroll view to stop at multiples of the value of
-     * `snapToInterval`. This can be used for paginating through children
-     * that have lengths smaller than the scroll view. Typically used in
-     * combination with `snapToAlignment` and `decelerationRate="fast"` on ios.
-     * Overrides less configurable `pagingEnabled` prop.
-     *
-     * Supported for horizontal scrollview on android.
-     */
-    snapToInterval: PropTypes.number,
-    /**
-     * When `snapToInterval` is set, `snapToAlignment` will define the relationship
-     * of the snapping to the scroll view.
-     *
-     *   - `'start'` (the default) will align the snap at the left (horizontal) or top (vertical)
-     *   - `'center'` will align the snap in the center
-     *   - `'end'` will align the snap at the right (horizontal) or bottom (vertical)
-     *
-     * @platform ios
-     */
-    snapToAlignment: PropTypes.oneOf([
-      'start', // default
-      'center',
-      'end',
-    ]),
-    /**
-     * Experimental: When true, offscreen child views (whose `overflow` value is
-     * `hidden`) are removed from their native backing superview when offscreen.
-     * This can improve scrolling performance on long lists. The default value is
-     * true.
-     */
-    removeClippedSubviews: PropTypes.bool,
-    /**
-     * The current scale of the scroll view content. The default value is 1.0.
-     * @platform ios
-     */
-    zoomScale: PropTypes.number,
-    /**
-     * This property specifies how the safe area insets are used to modify the
-     * content area of the scroll view. The default value of this property is
-     * "never". Available on iOS 11 and later.
-     * @platform ios
-     */
-    contentInsetAdjustmentBehavior: PropTypes.oneOf([
-      'automatic',
-      'scrollableAxes',
-      'never', // default
-      'always',
-    ]),
-    /**
-     * A RefreshControl component, used to provide pull-to-refresh
-     * functionality for the ScrollView. Only works for vertical ScrollViews
-     * (`horizontal` prop must be `false`).
-     *
-     * See [RefreshControl](docs/refreshcontrol.html).
-     */
-    refreshControl: PropTypes.element,
-
-    /**
-     * Sometimes a scrollview takes up more space than its content fills. When this is
-     * the case, this prop will fill the rest of the scrollview with a color to avoid setting
-     * a background and creating unnecessary overdraw. This is an advanced optimization
-     * that is not needed in the general case.
-     * @platform android
-     */
-    endFillColor: ColorPropType,
-
-    /**
-     * Tag used to log scroll performance on this scroll view. Will force
-     * momentum events to be turned on (see sendMomentumEvents). This doesn't do
-     * anything out of the box and you need to implement a custom native
-     * FpsListener for it to be useful.
-     * @platform android
-     */
-    scrollPerfTag: PropTypes.string,
-
-     /**
-     * Used to override default value of overScroll mode.
-     *
-     * Possible values:
-     *
-     *  - `'auto'` - Default value, allow a user to over-scroll
-     *    this view only if the content is large enough to meaningfully scroll.
-     *  - `'always'` - Always allow a user to over-scroll this view.
-     *  - `'never'` - Never allow a user to over-scroll this view.
-     *
-     * @platform android
-     */
-    overScrollMode: PropTypes.oneOf([
-      'auto',
-      'always',
-      'never',
-    ]),
-    /**
-     * When true, ScrollView will emit updateChildFrames data in scroll events,
-     * otherwise will not compute or emit child frame data.  This only exists
-     * to support legacy issues, `onLayout` should be used instead to retrieve
-     * frame data.
-     * The default value is false.
-     * @platform ios
-     */
-    DEPRECATED_sendUpdatedChildFrames: PropTypes.bool,
-    /**
-     * Optionally an image can be used for the scroll bar thumb. This will
-     * override the color. While the image is loading or the image fails to
-     * load the color will be used instead. Use an alpha of 0 in the color
-     * to avoid seeing it while the image is loading.
-     *
-     * - `uri` - a string representing the resource identifier for the image, which
-     * should be either a local file path or the name of a static image resource
-     * - `number` - Opaque type returned by something like
-     * `import IMAGE from './image.jpg'`.
-     * @platform vr
-     */
-     scrollBarThumbImage: PropTypes.oneOfType([
-       PropTypes.shape({
-         uri: PropTypes.string,
-       }),
-       // Opaque type returned by import IMAGE from './image.jpg'
-       PropTypes.number,
-     ]),
-  },
-
   mixins: [ScrollResponder.Mixin],
 
-  _scrollAnimatedValue: (new AnimatedImplementation.Value(0): AnimatedImplementation.Value),
+  _scrollAnimatedValue: (new AnimatedImplementation.Value(
+    0,
+  ): AnimatedImplementation.Value),
   _scrollAnimatedValueAttachment: (null: ?{detach: () => void}),
   _stickyHeaderRefs: (new Map(): Map<number, ScrollViewStickyHeader>),
   _headerLayoutYs: (new Map(): Map<string, number>),
@@ -509,8 +540,12 @@ const ScrollView = createReactClass({
   },
 
   UNSAFE_componentWillMount: function() {
-    this._scrollAnimatedValue = new AnimatedImplementation.Value(this.props.contentOffset ? this.props.contentOffset.y : 0);
-    this._scrollAnimatedValue.setOffset(this.props.contentInset ? this.props.contentInset.top : 0);
+    this._scrollAnimatedValue = new AnimatedImplementation.Value(
+      this.props.contentOffset ? this.props.contentOffset.y : 0,
+    );
+    this._scrollAnimatedValue.setOffset(
+      this.props.contentInset ? this.props.contentInset.top : 0,
+    );
     this._stickyHeaderRefs = new Map();
     this._headerLayoutYs = new Map();
   },
@@ -563,19 +598,23 @@ const ScrollView = createReactClass({
    * This is deprecated due to ambiguity (y before x), and SHOULD NOT BE USED.
    */
   scrollTo: function(
-    y?: number | { x?: number, y?: number, animated?: boolean },
+    y?: number | {x?: number, y?: number, animated?: boolean},
     x?: number,
-    animated?: boolean
+    animated?: boolean,
   ) {
     if (typeof y === 'number') {
-      console.warn('`scrollTo(y, x, animated)` is deprecated. Use `scrollTo({x: 5, y: 5, ' +
-        'animated: true})` instead.');
+      console.warn(
+        '`scrollTo(y, x, animated)` is deprecated. Use `scrollTo({x: 5, y: 5, ' +
+          'animated: true})` instead.',
+      );
     } else {
       ({x, y, animated} = y || {});
     }
-    this.getScrollResponder().scrollResponderScrollTo(
-      {x: x || 0, y: y || 0, animated: animated !== false}
-    );
+    this.getScrollResponder().scrollResponderScrollTo({
+      x: x || 0,
+      y: y || 0,
+      animated: animated !== false,
+    });
   },
 
   /**
@@ -586,9 +625,7 @@ const ScrollView = createReactClass({
    * `scrollToEnd({animated: false})` for immediate scrolling.
    * If no options are passed, `animated` defaults to true.
    */
-  scrollToEnd: function(
-    options?: { animated?: boolean },
-  ) {
+  scrollToEnd: function(options?: {animated?: boolean}) {
     // Default to true
     const animated = (options && options.animated) !== false;
     this.getScrollResponder().scrollResponderScrollToEnd({
@@ -600,7 +637,9 @@ const ScrollView = createReactClass({
    * Deprecated, use `scrollTo` instead.
    */
   scrollWithoutAnimationTo: function(y: number = 0, x: number = 0) {
-    console.warn('`scrollWithoutAnimationTo` is deprecated. Use `scrollTo` instead');
+    console.warn(
+      '`scrollWithoutAnimationTo` is deprecated. Use `scrollTo` instead',
+    );
     this.scrollTo({x, y, animated: false});
   },
 
@@ -614,6 +653,7 @@ const ScrollView = createReactClass({
   },
 
   _getKeyForIndex: function(index, childArray) {
+    // $FlowFixMe Invalid prop usage
     const child = childArray[index];
     return child && child.key;
   },
@@ -622,11 +662,14 @@ const ScrollView = createReactClass({
     if (this._scrollAnimatedValueAttachment) {
       this._scrollAnimatedValueAttachment.detach();
     }
-    if (this.props.stickyHeaderIndices && this.props.stickyHeaderIndices.length > 0) {
+    if (
+      this.props.stickyHeaderIndices &&
+      this.props.stickyHeaderIndices.length > 0
+    ) {
       this._scrollAnimatedValueAttachment = AnimatedImplementation.attachNativeEvent(
         this._scrollViewRef,
         'onScroll',
-        [{nativeEvent: {contentOffset: {y: this._scrollAnimatedValue}}}]
+        [{nativeEvent: {contentOffset: {y: this._scrollAnimatedValue}}}],
       );
     }
   },
@@ -653,10 +696,12 @@ const ScrollView = createReactClass({
     this._headerLayoutYs.set(key, layoutY);
 
     const indexOfIndex = this.props.stickyHeaderIndices.indexOf(index);
-    const previousHeaderIndex = this.props.stickyHeaderIndices[indexOfIndex - 1];
+    const previousHeaderIndex = this.props.stickyHeaderIndices[
+      indexOfIndex - 1
+    ];
     if (previousHeaderIndex != null) {
       const previousHeader = this._stickyHeaderRefs.get(
-        this._getKeyForIndex(previousHeaderIndex, childArray)
+        this._getKeyForIndex(previousHeaderIndex, childArray),
       );
       previousHeader && previousHeader.setNextHeaderY(layoutY);
     }
@@ -664,18 +709,25 @@ const ScrollView = createReactClass({
 
   _handleScroll: function(e: Object) {
     if (__DEV__) {
-      if (this.props.onScroll && this.props.scrollEventThrottle == null && Platform.OS === 'ios') {
+      if (
+        this.props.onScroll &&
+        this.props.scrollEventThrottle == null &&
+        Platform.OS === 'ios'
+      ) {
         console.log(
           'You specified `onScroll` on a <ScrollView> but not ' +
-          '`scrollEventThrottle`. You will only receive one event. ' +
-          'Using `16` you get all the events but be aware that it may ' +
-          'cause frame drops, use a bigger number if you don\'t need as ' +
-          'much precision.'
+            '`scrollEventThrottle`. You will only receive one event. ' +
+            'Using `16` you get all the events but be aware that it may ' +
+            "cause frame drops, use a bigger number if you don't need as " +
+            'much precision.',
         );
       }
     }
     if (Platform.OS === 'android') {
-      if (this.props.keyboardDismissMode === 'on-drag') {
+      if (
+        this.props.keyboardDismissMode === 'on-drag' &&
+        this.state.isTouching
+      ) {
         dismissKeyboard();
       }
     }
@@ -684,7 +736,7 @@ const ScrollView = createReactClass({
 
   _handleLayout: function(e: Object) {
     if (this.props.invertStickyHeaders) {
-      this.setState({ layoutHeight: e.nativeEvent.layout.height });
+      this.setState({layoutHeight: e.nativeEvent.layout.height});
     }
     if (this.props.onLayout) {
       this.props.onLayout(e);
@@ -693,7 +745,8 @@ const ScrollView = createReactClass({
 
   _handleContentOnLayout: function(e: Object) {
     const {width, height} = e.nativeEvent.layout;
-    this.props.onContentSizeChange && this.props.onContentSizeChange(width, height);
+    this.props.onContentSizeChange &&
+      this.props.onContentSizeChange(width, height);
   },
 
   _scrollViewRef: (null: ?ScrollView),
@@ -721,34 +774,35 @@ const ScrollView = createReactClass({
       ScrollViewClass = RCTScrollView;
       ScrollContentContainerViewClass = RCTScrollContentView;
       warning(
-        !this.props.snapToInterval || !this.props.pagingEnabled,
-        'snapToInterval is currently ignored when pagingEnabled is true.'
+        this.props.snapToInterval == null || !this.props.pagingEnabled,
+        'snapToInterval is currently ignored when pagingEnabled is true.',
       );
     }
 
     invariant(
       ScrollViewClass !== undefined,
-      'ScrollViewClass must not be undefined'
+      'ScrollViewClass must not be undefined',
     );
 
     invariant(
       ScrollContentContainerViewClass !== undefined,
-      'ScrollContentContainerViewClass must not be undefined'
+      'ScrollContentContainerViewClass must not be undefined',
     );
 
     const contentContainerStyle = [
       this.props.horizontal && styles.contentContainerHorizontal,
       this.props.contentContainerStyle,
     ];
-    let style, childLayoutProps;
     if (__DEV__ && this.props.style) {
-      style = flattenStyle(this.props.style);
-      childLayoutProps = ['alignItems', 'justifyContent']
-        .filter((prop) => style && style[prop] !== undefined);
+      const style = flattenStyle(this.props.style);
+      const childLayoutProps = ['alignItems', 'justifyContent'].filter(
+        prop => style && style[prop] !== undefined,
+      );
       invariant(
         childLayoutProps.length === 0,
-        'ScrollView child layout (' + JSON.stringify(childLayoutProps) +
-          ') must be applied through the contentContainerStyle prop.'
+        'ScrollView child layout (' +
+          JSON.stringify(childLayoutProps) +
+          ') must be applied through the contentContainerStyle prop.',
       );
     }
 
@@ -760,63 +814,72 @@ const ScrollView = createReactClass({
     }
 
     const {stickyHeaderIndices} = this.props;
-    const hasStickyHeaders = stickyHeaderIndices && stickyHeaderIndices.length > 0;
-    const childArray = hasStickyHeaders && React.Children.toArray(this.props.children);
-    const children = hasStickyHeaders ?
-      childArray.map((child, index) => {
-        const indexOfIndex = child ? stickyHeaderIndices.indexOf(index) : -1;
-        if (indexOfIndex > -1) {
-          const key = child.key;
-          const nextIndex = stickyHeaderIndices[indexOfIndex + 1];
-          return (
-            <ScrollViewStickyHeader
-              key={key}
-              ref={(ref) => this._setStickyHeaderRef(key, ref)}
-              nextHeaderLayoutY={
-                this._headerLayoutYs.get(this._getKeyForIndex(nextIndex, childArray))
-              }
-              onLayout={(event) => this._onStickyHeaderLayout(index, event, key)}
-              scrollAnimatedValue={this._scrollAnimatedValue}
-              inverted={this.props.invertStickyHeaders}
-              scrollViewHeight={this.state.layoutHeight}>
-              {child}
-            </ScrollViewStickyHeader>
-          );
-        } else {
-          return child;
-        }
-      }) :
-      this.props.children;
-    const contentContainer =
+    const hasStickyHeaders =
+      stickyHeaderIndices && stickyHeaderIndices.length > 0;
+    const childArray =
+      hasStickyHeaders && React.Children.toArray(this.props.children);
+    const children = hasStickyHeaders
+      ? // $FlowFixMe Invalid prop usage
+        childArray.map((child, index) => {
+          const indexOfIndex = child ? stickyHeaderIndices.indexOf(index) : -1;
+          if (indexOfIndex > -1) {
+            const key = child.key;
+            const nextIndex = stickyHeaderIndices[indexOfIndex + 1];
+            return (
+              <ScrollViewStickyHeader
+                key={key}
+                ref={ref => this._setStickyHeaderRef(key, ref)}
+                nextHeaderLayoutY={this._headerLayoutYs.get(
+                  this._getKeyForIndex(nextIndex, childArray),
+                )}
+                onLayout={event =>
+                  this._onStickyHeaderLayout(index, event, key)
+                }
+                scrollAnimatedValue={this._scrollAnimatedValue}
+                inverted={this.props.invertStickyHeaders}
+                scrollViewHeight={this.state.layoutHeight}>
+                {child}
+              </ScrollViewStickyHeader>
+            );
+          } else {
+            return child;
+          }
+        })
+      : this.props.children;
+    const contentContainer = (
       <ScrollContentContainerViewClass
         {...contentSizeChangeProps}
+        // $FlowFixMe Invalid prop usage
         ref={this._setInnerViewRef}
         style={contentContainerStyle}
         removeClippedSubviews={
           // Subview clipping causes issues with sticky headers on Android and
           // would be hard to fix properly in a performant way.
-          Platform.OS === 'android' && hasStickyHeaders ?
-            false :
-            this.props.removeClippedSubviews
+          Platform.OS === 'android' && hasStickyHeaders
+            ? false
+            : this.props.removeClippedSubviews
         }
         collapsable={false}>
         {children}
-      </ScrollContentContainerViewClass>;
+      </ScrollContentContainerViewClass>
+    );
 
     const alwaysBounceHorizontal =
-      this.props.alwaysBounceHorizontal !== undefined ?
-        this.props.alwaysBounceHorizontal :
-        this.props.horizontal;
+      this.props.alwaysBounceHorizontal !== undefined
+        ? this.props.alwaysBounceHorizontal
+        : this.props.horizontal;
 
     const alwaysBounceVertical =
-      this.props.alwaysBounceVertical !== undefined ?
-        this.props.alwaysBounceVertical :
-        !this.props.horizontal;
+      this.props.alwaysBounceVertical !== undefined
+        ? this.props.alwaysBounceVertical
+        : !this.props.horizontal;
 
-    const DEPRECATED_sendUpdatedChildFrames =
-      !!this.props.DEPRECATED_sendUpdatedChildFrames;
+    const DEPRECATED_sendUpdatedChildFrames = !!this.props
+      .DEPRECATED_sendUpdatedChildFrames;
 
-    const baseStyle = this.props.horizontal ? styles.baseHorizontal : styles.baseVertical;
+    const baseStyle = this.props.horizontal
+      ? styles.baseHorizontal
+      : styles.baseVertical;
     const props = {
       ...this.props,
       alwaysBounceHorizontal,
@@ -831,27 +894,36 @@ const ScrollView = createReactClass({
       onResponderGrant: this.scrollResponderHandleResponderGrant,
       onResponderReject: this.scrollResponderHandleResponderReject,
       onResponderRelease: this.scrollResponderHandleResponderRelease,
+      // $FlowFixMe
       onResponderTerminate: this.scrollResponderHandleTerminate,
-      onResponderTerminationRequest: this.scrollResponderHandleTerminationRequest,
+      onResponderTerminationRequest: this
+        .scrollResponderHandleTerminationRequest,
       onScroll: this._handleScroll,
       onScrollBeginDrag: this.scrollResponderHandleScrollBeginDrag,
       onScrollEndDrag: this.scrollResponderHandleScrollEndDrag,
-      onScrollShouldSetResponder: this.scrollResponderHandleScrollShouldSetResponder,
-      onStartShouldSetResponder: this.scrollResponderHandleStartShouldSetResponder,
-      onStartShouldSetResponderCapture: this.scrollResponderHandleStartShouldSetResponderCapture,
+      onScrollShouldSetResponder: this
+        .scrollResponderHandleScrollShouldSetResponder,
+      onStartShouldSetResponder: this
+        .scrollResponderHandleStartShouldSetResponder,
+      onStartShouldSetResponderCapture: this
+        .scrollResponderHandleStartShouldSetResponderCapture,
       onTouchEnd: this.scrollResponderHandleTouchEnd,
       onTouchMove: this.scrollResponderHandleTouchMove,
       onTouchStart: this.scrollResponderHandleTouchStart,
       onTouchCancel: this.scrollResponderHandleTouchCancel,
       scrollBarThumbImage: resolveAssetSource(this.props.scrollBarThumbImage),
-      scrollEventThrottle: hasStickyHeaders ? 1 : this.props.scrollEventThrottle,
-      sendMomentumEvents: (this.props.onMomentumScrollBegin || this.props.onMomentumScrollEnd) ?
-        true : false,
+      scrollEventThrottle: hasStickyHeaders
+        ? 1
+        : this.props.scrollEventThrottle,
+      sendMomentumEvents:
+        this.props.onMomentumScrollBegin || this.props.onMomentumScrollEnd
+          ? true
+          : false,
       DEPRECATED_sendUpdatedChildFrames,
     };
 
-    const { decelerationRate } = this.props;
-    if (decelerationRate) {
+    const {decelerationRate} = this.props;
+    if (decelerationRate != null) {
       props.decelerationRate = processDecelerationRate(decelerationRate);
     }
 
@@ -863,7 +935,7 @@ const ScrollView = createReactClass({
         // tvOS lacks native support for RefreshControl, so don't include it in that case
         return (
           <ScrollViewClass {...props} ref={this._setScrollViewRef}>
-            {Platform.isTVOS ? null : refreshControl}
+            {Platform.isTV ? null : refreshControl}
             {contentContainer}
           </ScrollViewClass>
         );
@@ -877,9 +949,12 @@ const ScrollView = createReactClass({
         return React.cloneElement(
           refreshControl,
           {style: props.style},
-          <ScrollViewClass {...props} style={baseStyle} ref={this._setScrollViewRef}>
+          <ScrollViewClass
+            {...props}
+            style={baseStyle}
+            ref={this._setScrollViewRef}>
             {contentContainer}
-          </ScrollViewClass>
+          </ScrollViewClass>,
         );
       }
     }
@@ -888,9 +963,13 @@ const ScrollView = createReactClass({
         {contentContainer}
       </ScrollViewClass>
     );
-  }
+  },
 });
 
+const TypedScrollView = ((ScrollView: any): Class<
+  InternalScrollViewType<Props>,
+>);
+
 const styles = StyleSheet.create({
   baseVertical: {
     flexGrow: 1,
@@ -909,57 +988,4 @@ const styles = StyleSheet.create({
   },
 });
 
-let nativeOnlyProps,
-  AndroidScrollView,
-  AndroidHorizontalScrollContentView,
-  AndroidHorizontalScrollView,
-  RCTScrollView,
-  RCTScrollContentView;
-if (Platform.OS === 'android') {
-  nativeOnlyProps = {
-    nativeOnly: {
-      sendMomentumEvents: true,
-    }
-  };
-  AndroidScrollView = requireNativeComponent(
-    'RCTScrollView',
-    (ScrollView: React.ComponentType<any>),
-    nativeOnlyProps
-  );
-  AndroidHorizontalScrollView = requireNativeComponent(
-    'AndroidHorizontalScrollView',
-    (ScrollView: React.ComponentType<any>),
-    nativeOnlyProps
-  );
-  AndroidHorizontalScrollContentView = requireNativeComponent(
-    'AndroidHorizontalScrollContentView'
-  );
-} else if (Platform.OS === 'ios') {
-  nativeOnlyProps = {
-    nativeOnly: {
-      onMomentumScrollBegin: true,
-      onMomentumScrollEnd : true,
-      onScrollBeginDrag: true,
-      onScrollEndDrag: true,
-    }
-  };
-  RCTScrollView = requireNativeComponent(
-    'RCTScrollView',
-    (ScrollView: React.ComponentType<any>),
-    nativeOnlyProps,
-  );
-  RCTScrollContentView = requireNativeComponent('RCTScrollContentView', View);
-} else {
-  nativeOnlyProps = {
-    nativeOnly: {
-    }
-  };
-  RCTScrollView = requireNativeComponent(
-    'RCTScrollView',
-    null,
-    nativeOnlyProps,
-  );
-  RCTScrollContentView = requireNativeComponent('RCTScrollContentView', View);
-}
-
-module.exports = ScrollView;
+module.exports = TypedScrollView;
diff --git a/Libraries/Components/ScrollView/ScrollViewStickyHeader.js b/Libraries/Components/ScrollView/ScrollViewStickyHeader.js
index af9dc9b8b63549..e17467b264cd98 100644
--- a/Libraries/Components/ScrollView/ScrollViewStickyHeader.js
+++ b/Libraries/Components/ScrollView/ScrollViewStickyHeader.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ScrollViewStickyHeader
  * @flow
  * @format
  */
diff --git a/Libraries/Components/ScrollView/__mocks__/ScrollViewMock.js b/Libraries/Components/ScrollView/__mocks__/ScrollViewMock.js
index eaa8bb7385e367..46f691382d2f6e 100644
--- a/Libraries/Components/ScrollView/__mocks__/ScrollViewMock.js
+++ b/Libraries/Components/ScrollView/__mocks__/ScrollViewMock.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
 
@@ -27,9 +28,7 @@ class ScrollViewMock extends ScrollViewComponent {
     return (
       <RCTScrollView {...this.props}>
         {this.props.refreshControl}
-        <View>
-          {this.props.children}
-        </View>
+        <View>{this.props.children}</View>
       </RCTScrollView>
     );
   }
diff --git a/Libraries/Components/ScrollView/processDecelerationRate.js b/Libraries/Components/ScrollView/processDecelerationRate.js
index 9cb5a52a557715..18b903ffa3831c 100644
--- a/Libraries/Components/ScrollView/processDecelerationRate.js
+++ b/Libraries/Components/ScrollView/processDecelerationRate.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule processDecelerationRate
+ * @format
  */
+
 'use strict';
 
 function processDecelerationRate(decelerationRate) {
diff --git a/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.android.js b/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.android.js
index a5b4c0b339bf6e..7a988960ceca96 100644
--- a/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.android.js
+++ b/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.android.js
@@ -1,11 +1,10 @@
-
 /**
  * Copyright (c) 2015-present, Facebook, Inc.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SegmentedControlIOS
+ * @format
  */
 
 'use strict';
@@ -41,7 +40,7 @@ const styles = StyleSheet.create({
     color: '#333333',
     margin: 5,
     fontSize: 10,
-  }
+  },
 });
 
 module.exports = DummySegmentedControlIOS;
diff --git a/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.ios.js b/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.ios.js
index 3eb4249fa2dbce..b4635f13f8e4d5 100644
--- a/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.ios.js
+++ b/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.ios.js
@@ -4,13 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SegmentedControlIOS
+ * @format
  * @flow
  */
+
 'use strict';
 
 const NativeMethodsMixin = require('NativeMethodsMixin');
 const React = require('React');
+const ReactNative = require('ReactNative');
 const PropTypes = require('prop-types');
 const StyleSheet = require('StyleSheet');
 const ViewPropTypes = require('ViewPropTypes');
@@ -18,11 +20,26 @@ const ViewPropTypes = require('ViewPropTypes');
 const createReactClass = require('create-react-class');
 const requireNativeComponent = require('requireNativeComponent');
 
+import type {ViewProps} from 'ViewPropTypes';
+
+const RCTSegmentedControl = requireNativeComponent('RCTSegmentedControl');
+
 type DefaultProps = {
-  values: Array<string>,
+  values: $ReadOnlyArray<string>,
   enabled: boolean,
 };
 
+type Props = $ReadOnly<{|
+  ...ViewProps,
+  values?: ?$ReadOnlyArray<string>,
+  selectedIndex?: ?number,
+  onValueChange?: ?Function,
+  onChange?: ?Function,
+  enabled?: ?boolean,
+  tintColor?: ?string,
+  momentary?: ?boolean,
+|}>;
+
 const SEGMENTED_CONTROL_REFERENCE = 'segmentedcontrol';
 
 type Event = Object;
@@ -90,19 +107,20 @@ const SegmentedControlIOS = createReactClass({
      * If true, then selecting a segment won't persist visually.
      * The `onValueChange` callback will still work as expected.
      */
-    momentary: PropTypes.bool
+    momentary: PropTypes.bool,
   },
 
   getDefaultProps: function(): DefaultProps {
     return {
       values: [],
-      enabled: true
+      enabled: true,
     };
   },
 
   _onChange: function(event: Event) {
     this.props.onChange && this.props.onChange(event);
-    this.props.onValueChange && this.props.onValueChange(event.nativeEvent.value);
+    this.props.onValueChange &&
+      this.props.onValueChange(event.nativeEvent.value);
   },
 
   render: function() {
@@ -114,7 +132,7 @@ const SegmentedControlIOS = createReactClass({
         onChange={this._onChange}
       />
     );
-  }
+  },
 });
 
 const styles = StyleSheet.create({
@@ -123,9 +141,6 @@ const styles = StyleSheet.create({
   },
 });
 
-const RCTSegmentedControl = requireNativeComponent(
-  'RCTSegmentedControl',
-  SegmentedControlIOS
-);
-
-module.exports = SegmentedControlIOS;
+module.exports = ((SegmentedControlIOS: any): Class<
+  ReactNative.NativeComponent<Props>,
+>);
diff --git a/Libraries/Components/Slider/Slider.js b/Libraries/Components/Slider/Slider.js
index 5a163fe176d129..7f18a2d3b35ef0 100644
--- a/Libraries/Components/Slider/Slider.js
+++ b/Libraries/Components/Slider/Slider.js
@@ -4,26 +4,135 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Slider
+ * @format
  * @flow
  */
+
 'use strict';
 
-const Image = require('Image');
-const ColorPropType = require('ColorPropType');
-const NativeMethodsMixin = require('NativeMethodsMixin');
-const ReactNativeViewAttributes = require('ReactNativeViewAttributes');
+const ReactNative = require('ReactNative');
 const Platform = require('Platform');
 const React = require('React');
-const PropTypes = require('prop-types');
 const StyleSheet = require('StyleSheet');
-const ViewPropTypes = require('ViewPropTypes');
 
-const createReactClass = require('create-react-class');
 const requireNativeComponent = require('requireNativeComponent');
 
+import type {ImageSource} from 'ImageSource';
+import type {ViewStyleProp} from 'StyleSheet';
+import type {ColorValue} from 'StyleSheetTypes';
+import type {ViewProps} from 'ViewPropTypes';
+
+const RCTSlider = requireNativeComponent('RCTSlider');
+
 type Event = Object;
 
+type IOSProps = $ReadOnly<{|
+  /**
+   * Assigns a single image for the track. Only static images are supported.
+   * The center pixel of the image will be stretched to fill the track.
+   */
+  trackImage?: ?ImageSource,
+
+  /**
+   * Assigns a minimum track image. Only static images are supported. The
+   * rightmost pixel of the image will be stretched to fill the track.
+   */
+  minimumTrackImage?: ?ImageSource,
+
+  /**
+   * Assigns a maximum track image. Only static images are supported. The
+   * leftmost pixel of the image will be stretched to fill the track.
+   */
+  maximumTrackImage?: ?ImageSource,
+
+  /**
+   * Sets an image for the thumb. Only static images are supported.
+   */
+  thumbImage?: ?ImageSource,
+|}>;
+
+type AndroidProps = $ReadOnly<{|
+  /**
+   * Color of the foreground switch grip.
+   * @platform android
+   */
+  thumbTintColor?: ?ColorValue,
+|}>;
+
+type Props = $ReadOnly<{|
+  ...ViewProps,
+  ...IOSProps,
+  ...AndroidProps,
+
+  /**
+   * Used to style and layout the `Slider`.  See `StyleSheet.js` and
+   * `ViewStylePropTypes.js` for more info.
+   */
+  style?: ?ViewStyleProp,
+
+  /**
+   * Initial value of the slider. The value should be between minimumValue
+   * and maximumValue, which default to 0 and 1 respectively.
+   * Default value is 0.
+   *
+   * *This is not a controlled component*, you don't need to update the
+   * value during dragging.
+   */
+  value?: ?number,
+
+  /**
+   * Step value of the slider. The value should be
+   * between 0 and (maximumValue - minimumValue).
+   * Default value is 0.
+   */
+  step?: ?number,
+
+  /**
+   * Initial minimum value of the slider. Default value is 0.
+   */
+  minimumValue?: ?number,
+
+  /**
+   * Initial maximum value of the slider. Default value is 1.
+   */
+  maximumValue?: ?number,
+
+  /**
+   * The color used for the track to the left of the button.
+   * Overrides the default blue gradient image on iOS.
+   */
+  minimumTrackTintColor?: ?ColorValue,
+
+  /**
+   * The color used for the track to the right of the button.
+   * Overrides the default blue gradient image on iOS.
+   */
+  maximumTrackTintColor?: ?ColorValue,
+
+  /**
+   * If true the user won't be able to move the slider.
+   * Default value is false.
+   */
+  disabled?: ?boolean,
+
+  /**
+   * Callback continuously called while the user is dragging the slider.
+   */
+  onValueChange?: ?Function,
+
+  /**
+   * Callback that is called when the user releases the slider,
+   * regardless if the value has changed. The current value is passed
+   * as an argument to the callback handler.
+   */
+  onSlidingComplete?: ?Function,
+
+  /**
+   * Used to locate this view in UI automation tests.
+   */
+  testID?: ?string,
+|}>;
+
 /**
  * A component used to select a single value from a range of values.
  *
@@ -84,173 +193,63 @@ type Event = Object;
  *```
  *
  */
-const Slider = createReactClass({
-  displayName: 'Slider',
-  mixins: [NativeMethodsMixin],
-
-  propTypes: {
-    ...ViewPropTypes,
-
-    /**
-     * Used to style and layout the `Slider`.  See `StyleSheet.js` and
-     * `ViewStylePropTypes.js` for more info.
-     */
-    style: ViewPropTypes.style,
-
-    /**
-     * Initial value of the slider. The value should be between minimumValue
-     * and maximumValue, which default to 0 and 1 respectively.
-     * Default value is 0.
-     *
-     * *This is not a controlled component*, you don't need to update the
-     * value during dragging.
-     */
-    value: PropTypes.number,
-
-    /**
-     * Step value of the slider. The value should be
-     * between 0 and (maximumValue - minimumValue).
-     * Default value is 0.
-     */
-    step: PropTypes.number,
-
-    /**
-     * Initial minimum value of the slider. Default value is 0.
-     */
-    minimumValue: PropTypes.number,
-
-    /**
-     * Initial maximum value of the slider. Default value is 1.
-     */
-    maximumValue: PropTypes.number,
-
-    /**
-     * The color used for the track to the left of the button.
-     * Overrides the default blue gradient image on iOS.
-     */
-    minimumTrackTintColor: ColorPropType,
-
-    /**
-     * The color used for the track to the right of the button.
-     * Overrides the default blue gradient image on iOS.
-     */
-    maximumTrackTintColor: ColorPropType,
-
-    /**
-     * If true the user won't be able to move the slider.
-     * Default value is false.
-     */
-    disabled: PropTypes.bool,
-
-    /**
-     * Assigns a single image for the track. Only static images are supported.
-     * The center pixel of the image will be stretched to fill the track.
-     * @platform ios
-     */
-    trackImage: Image.propTypes.source,
-
-    /**
-     * Assigns a minimum track image. Only static images are supported. The
-     * rightmost pixel of the image will be stretched to fill the track.
-     * @platform ios
-     */
-    minimumTrackImage: Image.propTypes.source,
-
-    /**
-     * Assigns a maximum track image. Only static images are supported. The
-     * leftmost pixel of the image will be stretched to fill the track.
-     * @platform ios
-     */
-    maximumTrackImage: Image.propTypes.source,
-
-    /**
-     * Sets an image for the thumb. Only static images are supported.
-     * @platform ios
-     */
-    thumbImage: Image.propTypes.source,
-
-    /**
-     * Color of the foreground switch grip.
-     * @platform android
-     */
-    thumbTintColor: ColorPropType,
-
-    /**
-     * Callback continuously called while the user is dragging the slider.
-     */
-    onValueChange: PropTypes.func,
-
-    /**
-     * Callback that is called when the user releases the slider,
-     * regardless if the value has changed. The current value is passed
-     * as an argument to the callback handler.
-     */
-    onSlidingComplete: PropTypes.func,
-
-    /**
-     * Used to locate this view in UI automation tests.
-     */
-    testID: PropTypes.string,
-  },
-
-  getDefaultProps: function() : any {
-    return {
-      disabled: false,
-      value: 0,
-      minimumValue: 0,
-      maximumValue: 1,
-      step: 0
-    };
-  },
-
-  viewConfig: {
-    uiViewClassName: 'RCTSlider',
-    validAttributes: {
-      ...ReactNativeViewAttributes.RCTView,
-      value: true
-    }
-  },
-
-  render: function() {
-    const {style, onValueChange, onSlidingComplete, ...props} = this.props;
-    /* $FlowFixMe(>=0.54.0 site=react_native_fb,react_native_oss) This comment
-     * suppresses an error found when Flow v0.54 was deployed. To see the error
-     * delete this comment and run Flow. */
-    props.style = [styles.slider, style];
-
-    /* $FlowFixMe(>=0.54.0 site=react_native_fb,react_native_oss) This comment
-     * suppresses an error found when Flow v0.54 was deployed. To see the error
-     * delete this comment and run Flow. */
-    props.onValueChange = onValueChange && ((event: Event) => {
+const Slider = (
+  props: Props,
+  forwardedRef?: ?React.Ref<'RCTActivityIndicatorView'>,
+) => {
+  const style = StyleSheet.compose(
+    styles.slider,
+    props.style,
+  );
+
+  const onValueChange =
+    props.onValueChange &&
+    ((event: Event) => {
       let userEvent = true;
       if (Platform.OS === 'android') {
         // On Android there's a special flag telling us the user is
         // dragging the slider.
         userEvent = event.nativeEvent.fromUser;
       }
-      onValueChange && userEvent && onValueChange(event.nativeEvent.value);
+      props.onValueChange &&
+        userEvent &&
+        props.onValueChange(event.nativeEvent.value);
     });
 
-    /* $FlowFixMe(>=0.54.0 site=react_native_fb,react_native_oss) This comment
-     * suppresses an error found when Flow v0.54 was deployed. To see the error
-     * delete this comment and run Flow. */
-    props.onChange = props.onValueChange;
+  const onChange = onValueChange;
 
-    /* $FlowFixMe(>=0.54.0 site=react_native_fb,react_native_oss) This comment
-     * suppresses an error found when Flow v0.54 was deployed. To see the error
-     * delete this comment and run Flow. */
-    props.onSlidingComplete = onSlidingComplete && ((event: Event) => {
-      onSlidingComplete && onSlidingComplete(event.nativeEvent.value);
+  const onSlidingComplete =
+    props.onSlidingComplete &&
+    ((event: Event) => {
+      props.onSlidingComplete &&
+        props.onSlidingComplete(event.nativeEvent.value);
     });
 
-    return <RCTSlider
+  return (
+    <RCTSlider
       {...props}
-      enabled={!this.props.disabled}
+      ref={forwardedRef}
+      style={style}
+      onChange={onChange}
+      onSlidingComplete={onSlidingComplete}
+      onValueChange={onValueChange}
+      enabled={!props.disabled}
       onStartShouldSetResponder={() => true}
       onResponderTerminationRequest={() => false}
-    />;
-  }
-});
+    />
+  );
+};
+
+// $FlowFixMe - TODO T29156721 `React.forwardRef` is not defined in Flow, yet.
+const SliderWithRef = React.forwardRef(Slider);
+
+SliderWithRef.defaultProps = {
+  disabled: false,
+  value: 0,
+  minimumValue: 0,
+  maximumValue: 1,
+  step: 0,
+};
 
 let styles;
 if (Platform.OS === 'ios') {
@@ -265,14 +264,4 @@ if (Platform.OS === 'ios') {
   });
 }
 
-let options = {};
-if (Platform.OS === 'android') {
-  options = {
-    nativeOnly: {
-      enabled: true,
-    }
-  };
-}
-const RCTSlider = requireNativeComponent('RCTSlider', Slider, options);
-
-module.exports = Slider;
+module.exports = (SliderWithRef: Class<ReactNative.NativeComponent<Props>>);
diff --git a/Libraries/Components/StaticContainer.react.js b/Libraries/Components/StaticContainer.react.js
index 81e06ace1fdb5f..ffba809a46ab72 100644
--- a/Libraries/Components/StaticContainer.react.js
+++ b/Libraries/Components/StaticContainer.react.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule StaticContainer.react
+ * @format
  * @flow
  */
+
 'use strict';
 
 const React = require('React');
@@ -27,18 +28,16 @@ const React = require('React');
  * React reconciliation.
  */
 class StaticContainer extends React.Component<Object> {
-
   shouldComponentUpdate(nextProps: Object): boolean {
     return !!nextProps.shouldUpdate;
   }
 
   render() {
     const child = this.props.children;
-    return (child === null || child === false)
+    return child === null || child === false
       ? null
       : React.Children.only(child);
   }
-
 }
 
 module.exports = StaticContainer;
diff --git a/Libraries/Components/StaticRenderer.js b/Libraries/Components/StaticRenderer.js
index 777fe900e120b6..4f8cfbd0989fa8 100644
--- a/Libraries/Components/StaticRenderer.js
+++ b/Libraries/Components/StaticRenderer.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule StaticRenderer
+ * @format
  * @flow
  */
+
 'use strict';
 
 const React = require('React');
@@ -22,7 +23,7 @@ class StaticRenderer extends React.Component<{
     render: PropTypes.func.isRequired,
   };
 
-  shouldComponentUpdate(nextProps: { shouldUpdate: boolean }): boolean {
+  shouldComponentUpdate(nextProps: {shouldUpdate: boolean}): boolean {
     return nextProps.shouldUpdate;
   }
 
diff --git a/Libraries/Components/StatusBar/StatusBar.js b/Libraries/Components/StatusBar/StatusBar.js
index 0562a315493853..97db49fdd10283 100644
--- a/Libraries/Components/StatusBar/StatusBar.js
+++ b/Libraries/Components/StatusBar/StatusBar.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule StatusBar
+ * @format
  * @flow
  */
+
 'use strict';
 
 const React = require('React');
@@ -25,7 +26,7 @@ export type StatusBarStyle = $Enum<{
   /**
    * Default status bar style (dark for iOS, light for Android)
    */
-  'default': string,
+  default: string,
   /**
    * Dark background, white texts and icons
    */
@@ -43,15 +44,15 @@ export type StatusBarAnimation = $Enum<{
   /**
    * No animation
    */
-  'none': string,
+  none: string,
   /**
    * Fade animation
    */
-  'fade': string,
+  fade: string,
   /**
    * Slide animation
    */
-  'slide': string,
+  slide: string,
 }>;
 
 type DefaultProps = {
@@ -63,7 +64,7 @@ type DefaultProps = {
  */
 function mergePropsStack(
   propsStack: Array<Object>,
-  defaultValues: Object
+  defaultValues: Object,
 ): Object {
   return propsStack.reduce((prev, cur) => {
     for (const prop in cur) {
@@ -224,7 +225,7 @@ class StatusBar extends React.Component<{
   static setNetworkActivityIndicatorVisible(visible: boolean) {
     if (Platform.OS !== 'ios') {
       console.warn(
-        '`setNetworkActivityIndicatorVisible` is only available on iOS'
+        '`setNetworkActivityIndicatorVisible` is only available on iOS',
       );
       return;
     }
@@ -346,7 +347,7 @@ class StatusBar extends React.Component<{
       const oldProps = StatusBar._currentValues;
       const mergedProps = mergePropsStack(
         StatusBar._propsStack,
-        StatusBar._defaultProps
+        StatusBar._defaultProps,
       );
 
       // Update the props that have changed using the merged values from the props stack.
@@ -357,13 +358,15 @@ class StatusBar extends React.Component<{
         ) {
           StatusBarManager.setStyle(
             mergedProps.barStyle.value,
-            mergedProps.barStyle.animated
+            mergedProps.barStyle.animated,
           );
         }
         if (!oldProps || oldProps.hidden.value !== mergedProps.hidden.value) {
           StatusBarManager.setHidden(
             mergedProps.hidden.value,
-            mergedProps.hidden.animated ? mergedProps.hidden.transition : 'none'
+            mergedProps.hidden.animated
+              ? mergedProps.hidden.transition
+              : 'none',
           );
         }
 
@@ -373,7 +376,7 @@ class StatusBar extends React.Component<{
             mergedProps.networkActivityIndicatorVisible
         ) {
           StatusBarManager.setNetworkActivityIndicatorVisible(
-            mergedProps.networkActivityIndicatorVisible
+            mergedProps.networkActivityIndicatorVisible,
           );
         }
       } else if (Platform.OS === 'android') {
@@ -389,7 +392,7 @@ class StatusBar extends React.Component<{
         ) {
           StatusBarManager.setColor(
             processColor(mergedProps.backgroundColor.value),
-            mergedProps.backgroundColor.animated
+            mergedProps.backgroundColor.animated,
           );
         }
         if (!oldProps || oldProps.hidden.value !== mergedProps.hidden.value) {
diff --git a/Libraries/Components/StatusBar/StatusBarIOS.android.js b/Libraries/Components/StatusBar/StatusBarIOS.android.js
index 5c69c15339addf..96f77d7868fbff 100644
--- a/Libraries/Components/StatusBar/StatusBarIOS.android.js
+++ b/Libraries/Components/StatusBar/StatusBarIOS.android.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule StatusBarIOS
+ * @format
  * @flow
  */
+
 'use strict';
 
 const NativeEventEmitter = require('NativeEventEmitter');
diff --git a/Libraries/Components/StatusBar/StatusBarIOS.ios.js b/Libraries/Components/StatusBar/StatusBarIOS.ios.js
index f132f005696def..529e01b308fd88 100644
--- a/Libraries/Components/StatusBar/StatusBarIOS.ios.js
+++ b/Libraries/Components/StatusBar/StatusBarIOS.ios.js
@@ -4,13 +4,14 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule StatusBarIOS
+ * @format
  * @flow
  */
+
 'use strict';
 
 const NativeEventEmitter = require('NativeEventEmitter');
-const { StatusBarManager } = require('NativeModules');
+const {StatusBarManager} = require('NativeModules');
 
 /**
  * Use `StatusBar` for mutating the status bar.
diff --git a/Libraries/Components/Subscribable.js b/Libraries/Components/Subscribable.js
index 6825acd02f70c5..a56d42ed864c8d 100644
--- a/Libraries/Components/Subscribable.js
+++ b/Libraries/Components/Subscribable.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Subscribable
+ * @format
  * @flow
  */
+
 'use strict';
 
 import type EventEmitter from 'EventEmitter';
@@ -22,7 +23,6 @@ import type EventEmitter from 'EventEmitter';
 const Subscribable = {};
 
 Subscribable.Mixin = {
-
   UNSAFE_componentWillMount: function() {
     this._subscribableSubscriptions = [];
   },
@@ -30,9 +30,10 @@ Subscribable.Mixin = {
   componentWillUnmount: function() {
     // This null check is a fix for a broken version of uglify-es. Should be deleted eventually
     // https://github.com/facebook/react-native/issues/17348
-    this._subscribableSubscriptions && this._subscribableSubscriptions.forEach(
-      (subscription) => subscription.remove()
-    );
+    this._subscribableSubscriptions &&
+      this._subscribableSubscriptions.forEach(subscription =>
+        subscription.remove(),
+      );
     this._subscribableSubscriptions = null;
   },
 
@@ -53,12 +54,12 @@ Subscribable.Mixin = {
     eventEmitter: EventEmitter,
     eventType: string,
     listener: Function,
-    context: Object
+    context: Object,
   ) {
     this._subscribableSubscriptions.push(
-      eventEmitter.addListener(eventType, listener, context)
+      eventEmitter.addListener(eventType, listener, context),
     );
-  }
+  },
 };
 
 module.exports = Subscribable;
diff --git a/Libraries/Components/Switch/Switch.js b/Libraries/Components/Switch/Switch.js
index e88272dacfa1d0..39ccd9a1de16e2 100644
--- a/Libraries/Components/Switch/Switch.js
+++ b/Libraries/Components/Switch/Switch.js
@@ -4,26 +4,86 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Switch
+ * @format
  * @flow
  */
+
 'use strict';
 
-const ColorPropType = require('ColorPropType');
-const NativeMethodsMixin = require('NativeMethodsMixin');
 const Platform = require('Platform');
 const React = require('React');
-const PropTypes = require('prop-types');
+const ReactNative = require('ReactNative');
 const StyleSheet = require('StyleSheet');
-const ViewPropTypes = require('ViewPropTypes');
 
-const createReactClass = require('create-react-class');
+const nullthrows = require('fbjs/lib/nullthrows');
 const requireNativeComponent = require('requireNativeComponent');
 
-type DefaultProps = {
-  value: boolean,
-  disabled: boolean,
-};
+import type {ColorValue} from 'StyleSheetTypes';
+import type {ViewProps} from 'ViewPropTypes';
+
+type Props = $ReadOnly<{|
+  ...ViewProps,
+  /**
+   * The value of the switch.  If true the switch will be turned on.
+   * Default value is false.
+   */
+  value?: ?boolean,
+
+  /**
+   * If true the user won't be able to toggle the switch.
+   * Default value is false.
+   */
+  disabled?: ?boolean,
+
+  /**
+   * Switch change handler.
+   *
+   * Invoked with the event when the value changes. For getting the value
+   * the switch was changed to use onValueChange instead.
+   */
+  onChange?: ?Function,
+
+  /**
+   * Invoked with the new value when the value changes.
+   */
+  onValueChange?: ?Function,
+
+  /**
+   * Used to locate this view in end-to-end tests.
+   */
+  testID?: ?string,
+
+  /**
+   * Border color on iOS and background color on Android when the switch is turned off.
+   */
+  tintColor?: ?ColorValue,
+
+  /**
+   * Background color when the switch is turned on.
+   */
+  onTintColor?: ?ColorValue,
+
+  /**
+   * Color of the foreground switch grip.
+   */
+  thumbTintColor?: ?ColorValue,
+|}>;
+
+type NativeSwitchType = Class<
+  ReactNative.NativeComponent<
+    $ReadOnly<{|
+      ...Props,
+      enabled?: ?boolean,
+      on?: ?boolean,
+      trackTintColor?: ?ColorValue,
+    |}>,
+  >,
+>;
+
+const RCTSwitch: NativeSwitchType =
+  Platform.OS === 'android'
+    ? (requireNativeComponent('AndroidSwitch'): any)
+    : (requireNativeComponent('RCTSwitch'): any);
 
 /**
  * Renders a boolean input.
@@ -36,114 +96,68 @@ type DefaultProps = {
  * @keyword checkbox
  * @keyword toggle
  */
-const Switch = createReactClass({
-  displayName: 'Switch',
-  propTypes: {
-    ...ViewPropTypes,
-    /**
-     * The value of the switch.  If true the switch will be turned on.
-     * Default value is false.
-     */
-    value: PropTypes.bool,
-    /**
-     * If true the user won't be able to toggle the switch.
-     * Default value is false.
-     */
-    disabled: PropTypes.bool,
-    /**
-     * Invoked with the new value when the value changes.
-     */
-    onValueChange: PropTypes.func,
-    /**
-     * Used to locate this view in end-to-end tests.
-     */
-    testID: PropTypes.string,
-
-    /**
-     * Border color on iOS and background color on Android when the switch is turned off.
-     */
-    tintColor: ColorPropType,
-    /**
-     * Background color when the switch is turned on.
-     */
-    onTintColor: ColorPropType,
-    /**
-     * Color of the foreground switch grip.
-     */
-    thumbTintColor: ColorPropType,
-  },
+class Switch extends React.Component<Props> {
+  static defaultProps = {
+    value: false,
+    disabled: false,
+  };
 
-  getDefaultProps: function(): DefaultProps {
-    return {
-      value: false,
-      disabled: false,
-    };
-  },
+  _rctSwitch: ?React.ElementRef<NativeSwitchType> = null;
 
-  mixins: [NativeMethodsMixin],
-
-  _rctSwitch: {},
-  _onChange: function(event: Object) {
+  _onChange = (event: Object) => {
     if (Platform.OS === 'android') {
-      this._rctSwitch.setNativeProps({on: this.props.value});
+      nullthrows(this._rctSwitch).setNativeProps({on: this.props.value});
     } else {
-      this._rctSwitch.setNativeProps({value: this.props.value});
+      nullthrows(this._rctSwitch).setNativeProps({value: this.props.value});
     }
-    //Change the props after the native props are set in case the props change removes the component
-    /* $FlowFixMe(>=0.53.0 site=react_native_fb,react_native_oss) This comment
-     * suppresses an error when upgrading Flow's support for React. To see the
-     * error delete this comment and run Flow. */
+
     this.props.onChange && this.props.onChange(event);
-    this.props.onValueChange && this.props.onValueChange(event.nativeEvent.value);
-  },
+    this.props.onValueChange &&
+      this.props.onValueChange(event.nativeEvent.value);
+  };
+
+  render() {
+    const props = {
+      ...this.props,
+      onStartShouldSetResponder: () => true,
+      onResponderTerminationRequest: () => false,
+    };
+
+    const platformProps =
+      Platform.OS === 'android'
+        ? {
+            enabled: !this.props.disabled,
+            on: this.props.value,
+            style: this.props.style,
+            trackTintColor: this.props.value
+              ? this.props.onTintColor
+              : this.props.tintColor,
+          }
+        : {
+            style: StyleSheet.compose(
+              styles.rctSwitchIOS,
+              this.props.style,
+            ),
+          };
 
-  render: function() {
-    const props = {...this.props};
-    props.onStartShouldSetResponder = () => true;
-    props.onResponderTerminationRequest = () => false;
-    if (Platform.OS === 'android') {
-      props.enabled = !this.props.disabled;
-      props.on = this.props.value;
-      props.style = this.props.style;
-      props.trackTintColor = this.props.value ? this.props.onTintColor : this.props.tintColor;
-    } else if (Platform.OS === 'ios') {
-      props.style = [styles.rctSwitchIOS, this.props.style];
-    }
     return (
       <RCTSwitch
         {...props}
-        /* $FlowFixMe(>=0.53.0 site=react_native_fb,react_native_oss) This
-         * comment suppresses an error when upgrading Flow's support for React.
-         * To see the error delete this comment and run Flow. */
-        ref={(ref) => { this._rctSwitch = ref; }}
+        {...platformProps}
+        ref={ref => {
+          this._rctSwitch = ref;
+        }}
         onChange={this._onChange}
       />
     );
-  },
-});
+  }
+}
 
 const styles = StyleSheet.create({
   rctSwitchIOS: {
     height: 31,
     width: 51,
-  }
+  },
 });
 
-if (Platform.OS === 'android') {
-  var RCTSwitch = requireNativeComponent('AndroidSwitch', Switch, {
-    nativeOnly: {
-      onChange: true,
-      on: true,
-      enabled: true,
-      trackTintColor: true,
-    }
-  });
-} else {
-  var RCTSwitch = requireNativeComponent('RCTSwitch', Switch, {
-    nativeOnly: {
-      onChange: true
-    }
-  });
-}
-
 module.exports = Switch;
diff --git a/Libraries/Components/TabBarIOS/TabBarIOS.android.js b/Libraries/Components/TabBarIOS/TabBarIOS.android.js
index c52d947ebd325e..e8e376f8a9eb7e 100644
--- a/Libraries/Components/TabBarIOS/TabBarIOS.android.js
+++ b/Libraries/Components/TabBarIOS/TabBarIOS.android.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TabBarIOS
+ * @format
  * @flow
  */
 
@@ -30,7 +30,7 @@ class DummyTabBarIOS extends React.Component<$FlowFixMeProps> {
 const styles = StyleSheet.create({
   tabGroup: {
     flex: 1,
-  }
+  },
 });
 
 module.exports = DummyTabBarIOS;
diff --git a/Libraries/Components/TabBarIOS/TabBarIOS.ios.js b/Libraries/Components/TabBarIOS/TabBarIOS.ios.js
index 9d1b63567ba826..6cbe213f7fc36d 100644
--- a/Libraries/Components/TabBarIOS/TabBarIOS.ios.js
+++ b/Libraries/Components/TabBarIOS/TabBarIOS.ios.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TabBarIOS
+ * @format
  * @flow
  */
+
 'use strict';
 
 const ColorPropType = require('ColorPropType');
@@ -21,7 +22,10 @@ const requireNativeComponent = require('requireNativeComponent');
 import type {DangerouslyImpreciseStyleProp} from 'StyleSheet';
 import type {ViewProps} from 'ViewPropTypes';
 
-class TabBarIOS extends React.Component<ViewProps & {
+const RCTTabBar = requireNativeComponent('RCTTabBar');
+
+type Props = $ReadOnly<{|
+  ...ViewProps,
   style?: DangerouslyImpreciseStyleProp,
   unselectedTintColor?: string,
   tintColor?: string,
@@ -31,7 +35,9 @@ class TabBarIOS extends React.Component<ViewProps & {
   translucent?: boolean,
   itemPositioning?: 'fill' | 'center' | 'auto',
   children: React.Node,
-}> {
+|}>;
+
+class TabBarIOS extends React.Component<Props> {
   static Item = TabBarItemIOS;
 
   static propTypes = {
@@ -95,9 +101,7 @@ class TabBarIOS extends React.Component<ViewProps & {
 const styles = StyleSheet.create({
   tabGroup: {
     flex: 1,
-  }
+  },
 });
 
-const RCTTabBar = requireNativeComponent('RCTTabBar', TabBarIOS);
-
 module.exports = TabBarIOS;
diff --git a/Libraries/Components/TabBarIOS/TabBarItemIOS.android.js b/Libraries/Components/TabBarIOS/TabBarItemIOS.android.js
index ff891312c21acd..37dc72f4d41faf 100644
--- a/Libraries/Components/TabBarIOS/TabBarItemIOS.android.js
+++ b/Libraries/Components/TabBarIOS/TabBarItemIOS.android.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TabBarItemIOS
+ * @format
  */
 
 'use strict';
@@ -19,9 +19,7 @@ class DummyTab extends React.Component {
       return <View />;
     }
     return (
-      <View style={[this.props.style, styles.tab]}>
-        {this.props.children}
-      </View>
+      <View style={[this.props.style, styles.tab]}>{this.props.children}</View>
     );
   }
 }
@@ -36,7 +34,7 @@ const styles = StyleSheet.create({
     left: 0,
     borderColor: 'red',
     borderWidth: 1,
-  }
+  },
 });
 
 module.exports = DummyTab;
diff --git a/Libraries/Components/TabBarIOS/TabBarItemIOS.ios.js b/Libraries/Components/TabBarIOS/TabBarItemIOS.ios.js
index 6b56cf78ecb86e..b8825977a8cac6 100644
--- a/Libraries/Components/TabBarIOS/TabBarItemIOS.ios.js
+++ b/Libraries/Components/TabBarIOS/TabBarItemIOS.ios.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TabBarItemIOS
+ * @format
  * @noflow
  */
+
 'use strict';
 
 const ColorPropType = require('ColorPropType');
@@ -27,10 +28,7 @@ class TabBarItemIOS extends React.Component {
     /**
      * Little red bubble that sits at the top right of the icon.
      */
-    badge: PropTypes.oneOfType([
-      PropTypes.string,
-      PropTypes.number,
-    ]),
+    badge: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     /**
      * Background color for the badge. Available since iOS 10.
      */
@@ -106,7 +104,7 @@ class TabBarItemIOS extends React.Component {
     }
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps: { selected?: boolean }) {
+  UNSAFE_componentWillReceiveProps(nextProps: {selected?: boolean}) {
     if (this.state.hasBeenSelected || nextProps.selected) {
       this.setState({hasBeenSelected: true});
     }
@@ -118,18 +116,17 @@ class TabBarItemIOS extends React.Component {
     // if the tab has already been shown once, always continue to show it so we
     // preserve state between tab transitions
     if (this.state.hasBeenSelected) {
-      var tabContents =
+      var tabContents = (
         <StaticContainer shouldUpdate={this.props.selected}>
           {children}
-        </StaticContainer>;
+        </StaticContainer>
+      );
     } else {
       var tabContents = <View />;
     }
 
     return (
-      <RCTTabBarItem
-        {...props}
-        style={[styles.tab, style]}>
+      <RCTTabBarItem {...props} style={[styles.tab, style]}>
         {tabContents}
       </RCTTabBarItem>
     );
@@ -143,9 +140,9 @@ const styles = StyleSheet.create({
     right: 0,
     bottom: 0,
     left: 0,
-  }
+  },
 });
 
-const RCTTabBarItem = requireNativeComponent('RCTTabBarItem', TabBarItemIOS);
+const RCTTabBarItem = requireNativeComponent('RCTTabBarItem');
 
 module.exports = TabBarItemIOS;
diff --git a/Libraries/Components/TextInput/InputAccessoryView.js b/Libraries/Components/TextInput/InputAccessoryView.js
index cd12758435ff96..731476bc7138b7 100644
--- a/Libraries/Components/TextInput/InputAccessoryView.js
+++ b/Libraries/Components/TextInput/InputAccessoryView.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule InputAccessoryView
  * @flow
  * @format
  */
@@ -90,6 +89,8 @@ type Props = {
 
 class InputAccessoryView extends React.Component<Props> {
   render(): React.Node {
+    console.warn('<InputAccessoryView> is not supported on Android yet.');
+
     if (React.Children.count(this.props.children) === 0) {
       return null;
     }
diff --git a/Libraries/Components/TextInput/TextInput.js b/Libraries/Components/TextInput/TextInput.js
index deb3b40e48bdee..ef8d6a81f12383 100644
--- a/Libraries/Components/TextInput/TextInput.js
+++ b/Libraries/Components/TextInput/TextInput.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TextInput
  * @flow
  * @format
  */
@@ -21,48 +20,42 @@ const PropTypes = require('prop-types');
 const ReactNative = require('ReactNative');
 const StyleSheet = require('StyleSheet');
 const Text = require('Text');
+const TextAncestor = require('TextAncestor');
 const TextInputState = require('TextInputState');
-/* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
- * found when Flow v0.54 was deployed. To see the error delete this comment and
- * run Flow. */
 const TimerMixin = require('react-timer-mixin');
 const TouchableWithoutFeedback = require('TouchableWithoutFeedback');
 const UIManager = require('UIManager');
 const ViewPropTypes = require('ViewPropTypes');
-const {ViewContextTypes} = require('ViewContext');
 
 const emptyFunction = require('fbjs/lib/emptyFunction');
 const invariant = require('fbjs/lib/invariant');
 const requireNativeComponent = require('requireNativeComponent');
-/* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
- * found when Flow v0.54 was deployed. To see the error delete this comment and
- * run Flow. */
 const warning = require('fbjs/lib/warning');
 
+import type {ColorValue} from 'StyleSheetTypes';
+import type {TextStyleProp} from 'StyleSheet';
+import type {ViewProps} from 'ViewPropTypes';
+
 let AndroidTextInput;
 let RCTMultilineTextInputView;
 let RCTSinglelineTextInputView;
 
-const onlyMultiline = {
-  onTextInput: true,
-  children: true,
-};
-
-import type {ViewChildContext} from 'ViewContext';
-
 if (Platform.OS === 'android') {
-  AndroidTextInput = requireNativeComponent('AndroidTextInput', null);
+  AndroidTextInput = requireNativeComponent('AndroidTextInput');
 } else if (Platform.OS === 'ios') {
   RCTMultilineTextInputView = requireNativeComponent(
     'RCTMultilineTextInputView',
-    null,
   );
   RCTSinglelineTextInputView = requireNativeComponent(
     'RCTSinglelineTextInputView',
-    null,
   );
 }
 
+const onlyMultiline = {
+  onTextInput: true,
+  children: true,
+};
+
 type Event = Object;
 type Selection = {
   start: number,
@@ -78,6 +71,144 @@ const DataDetectorTypes = [
   'all',
 ];
 
+type DataDetectorTypesType =
+  | 'phoneNumber'
+  | 'link'
+  | 'address'
+  | 'calendarEvent'
+  | 'none'
+  | 'all';
+
+export type KeyboardType =
+  // Cross Platform
+  | 'default'
+  | 'email-address'
+  | 'numeric'
+  | 'phone-pad'
+  | 'number-pad'
+  | 'decimal-pad'
+  // iOS-only
+  | 'ascii-capable'
+  | 'numbers-and-punctuation'
+  | 'url'
+  | 'name-phone-pad'
+  | 'twitter'
+  | 'web-search'
+  // Android-only
+  | 'visible-password';
+
+export type ReturnKeyType =
+  // Cross Platform
+  | 'done'
+  | 'go'
+  | 'next'
+  | 'search'
+  | 'send'
+  // Android-only
+  | 'none'
+  | 'previous'
+  // iOS-only
+  | 'default'
+  | 'emergency-call'
+  | 'google'
+  | 'join'
+  | 'route'
+  | 'yahoo';
+
+export type AutoCapitalize = 'none' | 'sentences' | 'words' | 'characters';
+
+type IOSProps = $ReadOnly<{|
+  spellCheck?: ?boolean,
+  keyboardAppearance?: ?('default' | 'light' | 'dark'),
+  enablesReturnKeyAutomatically?: ?boolean,
+  selectionState?: ?DocumentSelectionState,
+  clearButtonMode?: ?('never' | 'while-editing' | 'unless-editing' | 'always'),
+  clearTextOnFocus?: ?boolean,
+  dataDetectorTypes?:
+    | ?DataDetectorTypesType
+    | $ReadOnlyArray<DataDetectorTypesType>,
+  inputAccessoryViewID?: ?string,
+  textContentType?: ?(
+    | 'none'
+    | 'URL'
+    | 'addressCity'
+    | 'addressCityAndState'
+    | 'addressState'
+    | 'countryName'
+    | 'creditCardNumber'
+    | 'emailAddress'
+    | 'familyName'
+    | 'fullStreetAddress'
+    | 'givenName'
+    | 'jobTitle'
+    | 'location'
+    | 'middleName'
+    | 'name'
+    | 'namePrefix'
+    | 'nameSuffix'
+    | 'nickname'
+    | 'organizationName'
+    | 'postalCode'
+    | 'streetAddressLine1'
+    | 'streetAddressLine2'
+    | 'sublocality'
+    | 'telephoneNumber'
+    | 'username'
+    | 'password'
+  ),
+|}>;
+
+type AndroidProps = $ReadOnly<{|
+  returnKeyLabel?: ?string,
+  numberOfLines?: ?number,
+  disableFullscreenUI?: ?boolean,
+  textBreakStrategy?: ?('simple' | 'highQuality' | 'balanced'),
+  underlineColorAndroid?: ?ColorValue,
+  inlineImageLeft?: ?string,
+  inlineImagePadding?: ?number,
+|}>;
+
+type Props = $ReadOnly<{|
+  ...ViewProps,
+  ...IOSProps,
+  ...AndroidProps,
+  autoCapitalize?: ?AutoCapitalize,
+  autoCorrect?: ?boolean,
+  autoFocus?: ?boolean,
+  allowFontScaling?: ?boolean,
+  editable?: ?boolean,
+  keyboardType?: ?KeyboardType,
+  returnKeyType?: ?ReturnKeyType,
+  maxLength?: ?number,
+  multiline?: ?boolean,
+  onBlur?: ?Function,
+  onFocus?: ?Function,
+  onChange?: ?Function,
+  onChangeText?: ?Function,
+  onContentSizeChange?: ?Function,
+  onTextInput?: ?Function,
+  onEndEditing?: ?Function,
+  onSelectionChange?: ?Function,
+  onSubmitEditing?: ?Function,
+  onKeyPress?: ?Function,
+  onScroll?: ?Function,
+  placeholder?: ?Stringish,
+  placeholderTextColor?: ?ColorValue,
+  secureTextEntry?: ?boolean,
+  selectionColor?: ?ColorValue,
+  selection?: ?$ReadOnly<{|
+    start: number,
+    end?: ?number,
+  |}>,
+  value?: ?Stringish,
+  defaultValue?: ?Stringish,
+  selectTextOnFocus?: ?boolean,
+  blurOnSubmit?: ?boolean,
+  style?: ?TextStyleProp,
+  caretHidden?: ?boolean,
+  contextMenuHidden?: ?boolean,
+|}>;
+
 /**
  * A foundational component for inputting text into the app via a
  * keyboard. Props provide configurability for several features, such as
@@ -193,10 +324,22 @@ const DataDetectorTypes = [
 const TextInput = createReactClass({
   displayName: 'TextInput',
   statics: {
-    /* TODO(brentvatne) docs are needed for this */
-    State: TextInputState,
+    State: {
+      currentlyFocusedField: TextInputState.currentlyFocusedField,
+      focusTextInput: (textFieldID: ?number) => {
+        console.warn(
+          '`focusTextInput` is deprecated, use the `focus` method of the `TextInput` ref instead.',
+        );
+        TextInputState.focusTextInput(textFieldID);
+      },
+      blurTextInput: (textFieldID: ?number) => {
+        console.warn(
+          '`blurTextInput` is deprecated, use `Keyboard.dismiss` or the `blur` method of the `TextInput` ref.',
+        );
+        TextInputState.blurTextInput(textFieldID);
+      },
+    },
   },
-
   propTypes: {
     ...ViewPropTypes,
     /**
@@ -244,6 +387,8 @@ const TextInput = createReactClass({
      *
      * - `default`
      * - `numeric`
+     * - `number-pad`
+     * - `decimal-pad`
      * - `email-address`
      * - `phone-pad`
      *
@@ -254,9 +399,7 @@ const TextInput = createReactClass({
      * - `ascii-capable`
      * - `numbers-and-punctuation`
      * - `url`
-     * - `number-pad`
      * - `name-phone-pad`
-     * - `decimal-pad`
      * - `twitter`
      * - `web-search`
      *
@@ -272,11 +415,11 @@ const TextInput = createReactClass({
       'email-address',
       'numeric',
       'phone-pad',
+      'number-pad',
       // iOS-only
       'ascii-capable',
       'numbers-and-punctuation',
       'url',
-      'number-pad',
       'name-phone-pad',
       'decimal-pad',
       'twitter',
@@ -406,6 +549,7 @@ const TextInput = createReactClass({
      * Only called for multiline text inputs.
      */
     onContentSizeChange: PropTypes.func,
+    onTextInput: PropTypes.func,
     /**
      * Callback that is called when text input ends.
      */
@@ -605,10 +749,44 @@ const TextInput = createReactClass({
      * @platform ios
      */
     inputAccessoryViewID: PropTypes.string,
+    /**
+     * Give the keyboard and the system information about the
+     * expected semantic meaning for the content that users enter.
+     * @platform ios
+     */
+    textContentType: PropTypes.oneOf([
+      'none',
+      'URL',
+      'addressCity',
+      'addressCityAndState',
+      'addressState',
+      'countryName',
+      'creditCardNumber',
+      'emailAddress',
+      'familyName',
+      'fullStreetAddress',
+      'givenName',
+      'jobTitle',
+      'location',
+      'middleName',
+      'name',
+      'namePrefix',
+      'nameSuffix',
+      'nickname',
+      'organizationName',
+      'postalCode',
+      'streetAddressLine1',
+      'streetAddressLine2',
+      'sublocality',
+      'telephoneNumber',
+      'username',
+      'password',
+    ]),
   },
   getDefaultProps(): Object {
     return {
       allowFontScaling: true,
+      underlineColorAndroid: 'transparent',
     };
   },
   /**
@@ -634,24 +812,30 @@ const TextInput = createReactClass({
 
   componentDidMount: function() {
     this._lastNativeText = this.props.value;
-    if (!this.context.focusEmitter) {
+    const tag = ReactNative.findNodeHandle(this._inputRef);
+    if (tag != null) {
+      // tag is null only in unit tests
+      TextInputState.registerInput(tag);
+    }
+
+    if (this.context.focusEmitter) {
+      this._focusSubscription = this.context.focusEmitter.addListener(
+        'focus',
+        el => {
+          if (this === el) {
+            this.requestAnimationFrame(this.focus);
+          } else if (this.isFocused()) {
+            this.blur();
+          }
+        },
+      );
+      if (this.props.autoFocus) {
+        this.context.onFocusRequested(this);
+      }
+    } else {
       if (this.props.autoFocus) {
         this.requestAnimationFrame(this.focus);
       }
-      return;
-    }
-    this._focusSubscription = this.context.focusEmitter.addListener(
-      'focus',
-      el => {
-        if (this === el) {
-          this.requestAnimationFrame(this.focus);
-        } else if (this.isFocused()) {
-          this.blur();
-        }
-      },
-    );
-    if (this.props.autoFocus) {
-      this.context.onFocusRequested(this);
     }
   },
 
@@ -660,18 +844,13 @@ const TextInput = createReactClass({
     if (this.isFocused()) {
       this.blur();
     }
+    const tag = ReactNative.findNodeHandle(this._inputRef);
+    if (tag != null) {
+      TextInputState.unregisterInput(tag);
+    }
   },
 
-  getChildContext(): ViewChildContext {
-    return {
-      isInAParentText: true,
-    };
-  },
-
-  childContextTypes: ViewContextTypes,
-
   contextTypes: {
-    ...ViewContextTypes,
     onFocusRequested: PropTypes.func,
     focusEmitter: PropTypes.instanceOf(EventEmitter),
   },
@@ -684,13 +863,17 @@ const TextInput = createReactClass({
   },
 
   render: function() {
+    let textInput;
     if (Platform.OS === 'ios') {
-      return UIManager.RCTVirtualText
+      textInput = UIManager.RCTVirtualText
         ? this._renderIOS()
         : this._renderIOSLegacy();
     } else if (Platform.OS === 'android') {
-      return this._renderAndroid();
+      textInput = this._renderAndroid();
     }
+    return (
+      <TextAncestor.Provider value={true}>{textInput}</TextAncestor.Provider>
+    );
   },
 
   _getText: function(): ?string {
@@ -1016,6 +1199,15 @@ const TextInput = createReactClass({
   },
 });
 
+class InternalTextInputType extends ReactNative.NativeComponent<Props> {
+  clear() {}
+
+  // $FlowFixMe
+  isFocused(): boolean {}
+}
+
+const TypedTextInput = ((TextInput: any): Class<InternalTextInputType>);
+
 const styles = StyleSheet.create({
   multilineInput: {
     // This default top inset makes RCTMultilineTextInputView seem as close as possible
@@ -1025,4 +1217,4 @@ const styles = StyleSheet.create({
   },
 });
 
-module.exports = TextInput;
+module.exports = TypedTextInput;
diff --git a/Libraries/Components/TextInput/TextInputState.js b/Libraries/Components/TextInput/TextInputState.js
index afcca82bf320f3..66682e40a40ade 100644
--- a/Libraries/Components/TextInput/TextInputState.js
+++ b/Libraries/Components/TextInput/TextInputState.js
@@ -4,71 +4,88 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TextInputState
- * @flow
  *
  * This class is responsible for coordinating the "focused"
  * state for TextInputs. All calls relating to the keyboard
  * should be funneled through here
+ *
+ * @format
+ * @flow
  */
+
 'use strict';
 
 const Platform = require('Platform');
 const UIManager = require('UIManager');
 
-const TextInputState = {
-   /**
-   * Internal state
-   */
-  _currentlyFocusedID: (null: ?number),
+let currentlyFocusedID: ?number = null;
+const inputs = new Set();
 
-  /**
-   * Returns the ID of the currently focused text field, if one exists
-   * If no text field is focused it returns null
-   */
-  currentlyFocusedField: function(): ?number {
-    return this._currentlyFocusedID;
-  },
+/**
+ * Returns the ID of the currently focused text field, if one exists
+ * If no text field is focused it returns null
+ */
+function currentlyFocusedField(): ?number {
+  return currentlyFocusedID;
+}
 
-  /**
-   * @param {number} TextInputID id of the text field to focus
-   * Focuses the specified text field
-   * noop if the text field was already focused
-   */
-  focusTextInput: function(textFieldID: ?number) {
-    if (this._currentlyFocusedID !== textFieldID && textFieldID !== null) {
-      this._currentlyFocusedID = textFieldID;
-      if (Platform.OS === 'ios') {
-        UIManager.focus(textFieldID);
-      } else if (Platform.OS === 'android') {
-        UIManager.dispatchViewManagerCommand(
-          textFieldID,
-          UIManager.AndroidTextInput.Commands.focusTextInput,
-          null
-        );
-      }
+/**
+ * @param {number} TextInputID id of the text field to focus
+ * Focuses the specified text field
+ * noop if the text field was already focused
+ */
+function focusTextInput(textFieldID: ?number) {
+  if (currentlyFocusedID !== textFieldID && textFieldID !== null) {
+    currentlyFocusedID = textFieldID;
+    if (Platform.OS === 'ios') {
+      UIManager.focus(textFieldID);
+    } else if (Platform.OS === 'android') {
+      UIManager.dispatchViewManagerCommand(
+        textFieldID,
+        UIManager.AndroidTextInput.Commands.focusTextInput,
+        null,
+      );
     }
-  },
+  }
+}
 
-  /**
-   * @param {number} textFieldID id of the text field to unfocus
-   * Unfocuses the specified text field
-   * noop if it wasn't focused
-   */
-  blurTextInput: function(textFieldID: ?number) {
-    if (this._currentlyFocusedID === textFieldID && textFieldID !== null) {
-      this._currentlyFocusedID = null;
-      if (Platform.OS === 'ios') {
-        UIManager.blur(textFieldID);
-      } else if (Platform.OS === 'android') {
-        UIManager.dispatchViewManagerCommand(
-          textFieldID,
-          UIManager.AndroidTextInput.Commands.blurTextInput,
-          null
-        );
-      }
+/**
+ * @param {number} textFieldID id of the text field to unfocus
+ * Unfocuses the specified text field
+ * noop if it wasn't focused
+ */
+function blurTextInput(textFieldID: ?number) {
+  if (currentlyFocusedID === textFieldID && textFieldID !== null) {
+    currentlyFocusedID = null;
+    if (Platform.OS === 'ios') {
+      UIManager.blur(textFieldID);
+    } else if (Platform.OS === 'android') {
+      UIManager.dispatchViewManagerCommand(
+        textFieldID,
+        UIManager.AndroidTextInput.Commands.blurTextInput,
+        null,
+      );
     }
   }
-};
+}
 
-module.exports = TextInputState;
+function registerInput(textFieldID: number) {
+  inputs.add(textFieldID);
+}
+
+function unregisterInput(textFieldID: number) {
+  inputs.delete(textFieldID);
+}
+
+function isTextInput(textFieldID: number) {
+  return inputs.has(textFieldID);
+}
+
+module.exports = {
+  currentlyFocusedField,
+  focusTextInput,
+  blurTextInput,
+  registerInput,
+  unregisterInput,
+  isTextInput,
+};
diff --git a/Libraries/Components/TimePickerAndroid/TimePickerAndroid.android.js b/Libraries/Components/TimePickerAndroid/TimePickerAndroid.android.js
index be7f4c4f9286c6..6cdd964cc8cea2 100644
--- a/Libraries/Components/TimePickerAndroid/TimePickerAndroid.android.js
+++ b/Libraries/Components/TimePickerAndroid/TimePickerAndroid.android.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TimePickerAndroid
+ * @format
  * @flow
  */
+
 'use strict';
 
 const TimePickerModule = require('NativeModules').TimePickerAndroid;
@@ -32,7 +33,6 @@ const TimePickerModule = require('NativeModules').TimePickerAndroid;
  * ```
  */
 class TimePickerAndroid {
-
   /**
    * Opens the standard Android time picker dialog.
    *
@@ -59,11 +59,15 @@ class TimePickerAndroid {
   /**
    * A time has been selected.
    */
-  static get timeSetAction() { return 'timeSetAction'; }
+  static get timeSetAction() {
+    return 'timeSetAction';
+  }
   /**
    * The dialog has been dismissed.
    */
-  static get dismissedAction() { return 'dismissedAction'; }
+  static get dismissedAction() {
+    return 'dismissedAction';
+  }
 }
 
 module.exports = TimePickerAndroid;
diff --git a/Libraries/Components/TimePickerAndroid/TimePickerAndroid.ios.js b/Libraries/Components/TimePickerAndroid/TimePickerAndroid.ios.js
index a6b630d7c394a4..6a0ecfa656313c 100644
--- a/Libraries/Components/TimePickerAndroid/TimePickerAndroid.ios.js
+++ b/Libraries/Components/TimePickerAndroid/TimePickerAndroid.ios.js
@@ -4,15 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TimePickerAndroid
+ * @format
  * @flow
  */
+
 'use strict';
 
 const TimePickerAndroid = {
   async open(options: Object): Promise<Object> {
     return Promise.reject({
-      message: 'TimePickerAndroid is not supported on this platform.'
+      message: 'TimePickerAndroid is not supported on this platform.',
     });
   },
 };
diff --git a/Libraries/Components/ToastAndroid/ToastAndroid.android.js b/Libraries/Components/ToastAndroid/ToastAndroid.android.js
index 15a8a597a5b686..c661adf503565d 100644
--- a/Libraries/Components/ToastAndroid/ToastAndroid.android.js
+++ b/Libraries/Components/ToastAndroid/ToastAndroid.android.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ToastAndroid
+ * @format
  * @flow
  */
 
@@ -34,7 +34,6 @@ const RCTToastAndroid = require('NativeModules').ToastAndroid;
  */
 
 const ToastAndroid = {
-
   // Toast duration constants
   SHORT: RCTToastAndroid.SHORT,
   LONG: RCTToastAndroid.LONG,
@@ -44,14 +43,11 @@ const ToastAndroid = {
   BOTTOM: RCTToastAndroid.BOTTOM,
   CENTER: RCTToastAndroid.CENTER,
 
-  show: function (
-    message: string,
-    duration: number
-  ): void {
+  show: function(message: string, duration: number): void {
     RCTToastAndroid.show(message, duration);
   },
 
-  showWithGravity: function (
+  showWithGravity: function(
     message: string,
     duration: number,
     gravity: number,
@@ -59,14 +55,20 @@ const ToastAndroid = {
     RCTToastAndroid.showWithGravity(message, duration, gravity);
   },
 
-  showWithGravityAndOffset: function (
+  showWithGravityAndOffset: function(
     message: string,
     duration: number,
     gravity: number,
     xOffset: number,
     yOffset: number,
   ): void {
-    RCTToastAndroid.showWithGravityAndOffset(message, duration, gravity, xOffset, yOffset);
+    RCTToastAndroid.showWithGravityAndOffset(
+      message,
+      duration,
+      gravity,
+      xOffset,
+      yOffset,
+    );
   },
 };
 
diff --git a/Libraries/Components/ToastAndroid/ToastAndroid.ios.js b/Libraries/Components/ToastAndroid/ToastAndroid.ios.js
index 83db0cfa82cae4..adb6032ef6731b 100644
--- a/Libraries/Components/ToastAndroid/ToastAndroid.ios.js
+++ b/Libraries/Components/ToastAndroid/ToastAndroid.ios.js
@@ -4,22 +4,18 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ToastAndroid
+ * @format
  * @noflow
  */
+
 'use strict';
 
 const warning = require('fbjs/lib/warning');
 
 const ToastAndroid = {
-
-  show: function (
-    message: string,
-    duration: number
-  ): void {
+  show: function(message: string, duration: number): void {
     warning(false, 'ToastAndroid is not supported on this platform.');
   },
-
 };
 
 module.exports = ToastAndroid;
diff --git a/Libraries/Components/ToolbarAndroid/ToolbarAndroid.android.js b/Libraries/Components/ToolbarAndroid/ToolbarAndroid.android.js
index 1d845e5b65bacf..44bcfc03d8046e 100644
--- a/Libraries/Components/ToolbarAndroid/ToolbarAndroid.android.js
+++ b/Libraries/Components/ToolbarAndroid/ToolbarAndroid.android.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ToolbarAndroid
+ * @format
  */
 
 'use strict';
@@ -13,7 +13,6 @@ const Image = require('Image');
 const NativeMethodsMixin = require('NativeMethodsMixin');
 const React = require('React');
 const PropTypes = require('prop-types');
-const ReactNativeViewAttributes = require('ReactNativeViewAttributes');
 const UIManager = require('UIManager');
 const ViewPropTypes = require('ViewPropTypes');
 const ColorPropType = require('ColorPropType');
@@ -83,12 +82,14 @@ const ToolbarAndroid = createReactClass({
      * `ifRoom` or `never`
      * * `showWithText`: boolean, whether to show text alongside the icon or not
      */
-    actions: PropTypes.arrayOf(PropTypes.shape({
-      title: PropTypes.string.isRequired,
-      icon: optionalImageSource,
-      show: PropTypes.oneOf(['always', 'ifRoom', 'never']),
-      showWithText: PropTypes.bool
-    })),
+    actions: PropTypes.arrayOf(
+      PropTypes.shape({
+        title: PropTypes.string.isRequired,
+        icon: optionalImageSource,
+        show: PropTypes.oneOf(['always', 'ifRoom', 'never']),
+        showWithText: PropTypes.bool,
+      }),
+    ),
     /**
      * Sets the toolbar logo.
      */
@@ -184,7 +185,8 @@ const ToolbarAndroid = createReactClass({
           action.icon = resolveAssetSource(action.icon);
         }
         if (action.show) {
-          action.show = UIManager.ToolbarAndroid.Constants.ShowAsAction[action.show];
+          action.show =
+            UIManager.ToolbarAndroid.Constants.ShowAsAction[action.show];
         }
         nativeActions.push(action);
       }
@@ -204,10 +206,6 @@ const ToolbarAndroid = createReactClass({
   },
 });
 
-const NativeToolbar = requireNativeComponent('ToolbarAndroid', ToolbarAndroid, {
-  nativeOnly: {
-    nativeActions: true,
-  }
-});
+const NativeToolbar = requireNativeComponent('ToolbarAndroid');
 
 module.exports = ToolbarAndroid;
diff --git a/Libraries/Components/ToolbarAndroid/ToolbarAndroid.ios.js b/Libraries/Components/ToolbarAndroid/ToolbarAndroid.ios.js
index 68ef4ef8300aba..260d559929796f 100644
--- a/Libraries/Components/ToolbarAndroid/ToolbarAndroid.ios.js
+++ b/Libraries/Components/ToolbarAndroid/ToolbarAndroid.ios.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ToolbarAndroid
+ * @format
  */
+
 'use strict';
 
 module.exports = require('UnimplementedView');
diff --git a/Libraries/Components/Touchable/BoundingDimensions.js b/Libraries/Components/Touchable/BoundingDimensions.js
index 9bc78e515d8ef3..755da5ab8937aa 100644
--- a/Libraries/Components/Touchable/BoundingDimensions.js
+++ b/Libraries/Components/Touchable/BoundingDimensions.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule BoundingDimensions
+ * @format
  */
 
 'use strict';
@@ -37,7 +37,7 @@ BoundingDimensions.prototype.destructor = function() {
 BoundingDimensions.getPooledFromElement = function(element) {
   return BoundingDimensions.getPooled(
     element.offsetWidth,
-    element.offsetHeight
+    element.offsetHeight,
   );
 };
 
diff --git a/Libraries/Components/Touchable/PooledClass.js b/Libraries/Components/Touchable/PooledClass.js
index a3ae190aa3d22f..a6934facae7049 100644
--- a/Libraries/Components/Touchable/PooledClass.js
+++ b/Libraries/Components/Touchable/PooledClass.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule PooledClass
+ * @format
  * @flow
  */
 
diff --git a/Libraries/Components/Touchable/Position.js b/Libraries/Components/Touchable/Position.js
index 572d1132f038bc..19899d74c49820 100644
--- a/Libraries/Components/Touchable/Position.js
+++ b/Libraries/Components/Touchable/Position.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Position
+ * @format
  */
 
 'use strict';
diff --git a/Libraries/Components/Touchable/Touchable.js b/Libraries/Components/Touchable/Touchable.js
index 00a82cd64ac6e6..3f1874c8aac4a4 100644
--- a/Libraries/Components/Touchable/Touchable.js
+++ b/Libraries/Components/Touchable/Touchable.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Touchable
+ * @format
  */
 
 'use strict';
@@ -111,14 +111,14 @@ const normalizeColor = require('normalizeColor');
  * Touchable states.
  */
 const States = keyMirror({
-  NOT_RESPONDER: null,                   // Not the responder
-  RESPONDER_INACTIVE_PRESS_IN: null,     // Responder, inactive, in the `PressRect`
-  RESPONDER_INACTIVE_PRESS_OUT: null,    // Responder, inactive, out of `PressRect`
-  RESPONDER_ACTIVE_PRESS_IN: null,       // Responder, active, in the `PressRect`
-  RESPONDER_ACTIVE_PRESS_OUT: null,      // Responder, active, out of `PressRect`
-  RESPONDER_ACTIVE_LONG_PRESS_IN: null,  // Responder, active, in the `PressRect`, after long press threshold
+  NOT_RESPONDER: null, // Not the responder
+  RESPONDER_INACTIVE_PRESS_IN: null, // Responder, inactive, in the `PressRect`
+  RESPONDER_INACTIVE_PRESS_OUT: null, // Responder, inactive, out of `PressRect`
+  RESPONDER_ACTIVE_PRESS_IN: null, // Responder, active, in the `PressRect`
+  RESPONDER_ACTIVE_PRESS_OUT: null, // Responder, active, out of `PressRect`
+  RESPONDER_ACTIVE_LONG_PRESS_IN: null, // Responder, active, in the `PressRect`, after long press threshold
   RESPONDER_ACTIVE_LONG_PRESS_OUT: null, // Responder, active, out of `PressRect`, after long press threshold
-  ERROR: null
+  ERROR: null,
 });
 
 /**
@@ -126,7 +126,7 @@ const States = keyMirror({
  */
 const IsActive = {
   RESPONDER_ACTIVE_PRESS_OUT: true,
-  RESPONDER_ACTIVE_PRESS_IN: true
+  RESPONDER_ACTIVE_PRESS_IN: true,
 };
 
 /**
@@ -231,7 +231,7 @@ const Transitions = {
     ENTER_PRESS_RECT: States.NOT_RESPONDER,
     LEAVE_PRESS_RECT: States.NOT_RESPONDER,
     LONG_PRESS_DETECTED: States.NOT_RESPONDER,
-  }
+  },
 };
 
 // ==== Typical Constants for integrating into UI components ====
@@ -325,11 +325,13 @@ const TouchableMixin = {
       evt.dispatchConfig = {};
       if (myTag === evt.tag) {
         if (evt.eventType === 'focus') {
-          cmp.touchableHandleActivePressIn && cmp.touchableHandleActivePressIn(evt);
+          cmp.touchableHandleFocus(evt);
         } else if (evt.eventType === 'blur') {
-          cmp.touchableHandleActivePressOut && cmp.touchableHandleActivePressOut(evt);
+          cmp.touchableHandleBlur(evt);
         } else if (evt.eventType === 'select') {
-          cmp.touchableHandlePress && !cmp.props.disabled && cmp.touchableHandlePress(evt);
+          cmp.touchableHandlePress &&
+            !cmp.props.disabled &&
+            cmp.touchableHandlePress(evt);
         }
       }
     });
@@ -357,7 +359,7 @@ const TouchableMixin = {
    */
   touchableGetInitialState: function() {
     return {
-      touchable: {touchState: undefined, responderID: null}
+      touchable: {touchState: undefined, responderID: null},
     };
   },
 
@@ -379,7 +381,7 @@ const TouchableMixin = {
   /**
    * Return true to cancel press on long press.
    */
-  touchableLongPressCancelsPress: function () {
+  touchableLongPressCancelsPress: function() {
     return true;
   },
 
@@ -402,25 +404,27 @@ const TouchableMixin = {
     this.state.touchable.responderID = dispatchID;
     this._receiveSignal(Signals.RESPONDER_GRANT, e);
     let delayMS =
-      this.touchableGetHighlightDelayMS !== undefined ?
-      Math.max(this.touchableGetHighlightDelayMS(), 0) : HIGHLIGHT_DELAY_MS;
+      this.touchableGetHighlightDelayMS !== undefined
+        ? Math.max(this.touchableGetHighlightDelayMS(), 0)
+        : HIGHLIGHT_DELAY_MS;
     delayMS = isNaN(delayMS) ? HIGHLIGHT_DELAY_MS : delayMS;
     if (delayMS !== 0) {
       this.touchableDelayTimeout = setTimeout(
         this._handleDelay.bind(this, e),
-        delayMS
+        delayMS,
       );
     } else {
       this._handleDelay(e);
     }
 
     let longDelayMS =
-      this.touchableGetLongPressDelayMS !== undefined ?
-      Math.max(this.touchableGetLongPressDelayMS(), 10) : LONG_PRESS_DELAY_MS;
+      this.touchableGetLongPressDelayMS !== undefined
+        ? Math.max(this.touchableGetLongPressDelayMS(), 10)
+        : LONG_PRESS_DELAY_MS;
     longDelayMS = isNaN(longDelayMS) ? LONG_PRESS_DELAY_MS : longDelayMS;
     this.longPressDelayTimeout = setTimeout(
       this._handleLongDelay.bind(this, e),
-      longDelayMS + delayMS
+      longDelayMS + delayMS,
     );
   },
 
@@ -444,7 +448,9 @@ const TouchableMixin = {
   touchableHandleResponderMove: function(e) {
     // Not enough time elapsed yet, wait for highlight -
     // this is just a perf optimization.
-    if (this.state.touchable.touchState === States.RESPONDER_INACTIVE_PRESS_IN) {
+    if (
+      this.state.touchable.touchState === States.RESPONDER_INACTIVE_PRESS_IN
+    ) {
       return;
     }
 
@@ -455,21 +461,23 @@ const TouchableMixin = {
 
     const positionOnActivate = this.state.touchable.positionOnActivate;
     const dimensionsOnActivate = this.state.touchable.dimensionsOnActivate;
-    const pressRectOffset = this.touchableGetPressRectOffset ?
-      this.touchableGetPressRectOffset() : {
-        left: PRESS_EXPAND_PX,
-        right: PRESS_EXPAND_PX,
-        top: PRESS_EXPAND_PX,
-        bottom: PRESS_EXPAND_PX
-      };
+    const pressRectOffset = this.touchableGetPressRectOffset
+      ? this.touchableGetPressRectOffset()
+      : {
+          left: PRESS_EXPAND_PX,
+          right: PRESS_EXPAND_PX,
+          top: PRESS_EXPAND_PX,
+          bottom: PRESS_EXPAND_PX,
+        };
 
     let pressExpandLeft = pressRectOffset.left;
     let pressExpandTop = pressRectOffset.top;
     let pressExpandRight = pressRectOffset.right;
     let pressExpandBottom = pressRectOffset.bottom;
 
-    const hitSlop = this.touchableGetHitSlop ?
-      this.touchableGetHitSlop() : null;
+    const hitSlop = this.touchableGetHitSlop
+      ? this.touchableGetHitSlop()
+      : null;
 
     if (hitSlop) {
       pressExpandLeft += hitSlop.left;
@@ -483,21 +491,26 @@ const TouchableMixin = {
     const pageY = touch && touch.pageY;
 
     if (this.pressInLocation) {
-      const movedDistance = this._getDistanceBetweenPoints(pageX, pageY, this.pressInLocation.pageX, this.pressInLocation.pageY);
+      const movedDistance = this._getDistanceBetweenPoints(
+        pageX,
+        pageY,
+        this.pressInLocation.pageX,
+        this.pressInLocation.pageY,
+      );
       if (movedDistance > LONG_PRESS_ALLOWED_MOVEMENT) {
         this._cancelLongPressDelayTimeout();
       }
     }
 
     const isTouchWithinActive =
-        pageX > positionOnActivate.left - pressExpandLeft &&
-        pageY > positionOnActivate.top - pressExpandTop &&
-        pageX <
-          positionOnActivate.left +
+      pageX > positionOnActivate.left - pressExpandLeft &&
+      pageY > positionOnActivate.top - pressExpandTop &&
+      pageX <
+        positionOnActivate.left +
           dimensionsOnActivate.width +
           pressExpandRight &&
-        pageY <
-          positionOnActivate.top +
+      pageY <
+        positionOnActivate.top +
           dimensionsOnActivate.height +
           pressExpandBottom;
     if (isTouchWithinActive) {
@@ -513,6 +526,27 @@ const TouchableMixin = {
     }
   },
 
+  /**
+   * Invoked when the item receives focus. Mixers might override this to
+   * visually distinguish the `VisualRect` so that the user knows that it
+   * currently has the focus. Most platforms only support a single element being
+   * focused at a time, in which case there may have been a previously focused
+   * element that was blurred just prior to this.
+   */
+  touchableHandleFocus: function(e: Event) {
+    this.props.onFocus && this.props.onFocus(e);
+  },
+
+  /**
+   * Invoked when the item loses focus. Mixers might override this to
+   * visually distinguish the `VisualRect` so that the user knows that it
+   * no longer has focus. Most platforms only support a single element being
+   * focused at a time, in which case the focus may have moved to another.
+   */
+  touchableHandleBlur: function(e: Event) {
+    this.props.onBlur && this.props.onBlur(e);
+  },
+
   // ==== Abstract Application Callbacks ====
 
   /**
@@ -575,8 +609,6 @@ const TouchableMixin = {
    * touchableGetPressRectOffset: function
    */
 
-
-
   // ==== Internal Logic ====
 
   /**
@@ -609,8 +641,14 @@ const TouchableMixin = {
       Position.release(this.state.touchable.positionOnActivate);
     this.state.touchable.dimensionsOnActivate &&
       BoundingDimensions.release(this.state.touchable.dimensionsOnActivate);
-    this.state.touchable.positionOnActivate = Position.getPooled(globalX, globalY);
-    this.state.touchable.dimensionsOnActivate = BoundingDimensions.getPooled(w, h);
+    this.state.touchable.positionOnActivate = Position.getPooled(
+      globalX,
+      globalY,
+    );
+    this.state.touchable.dimensionsOnActivate = BoundingDimensions.getPooled(
+      w,
+      h,
+    );
   },
 
   _handleDelay: function(e) {
@@ -621,11 +659,18 @@ const TouchableMixin = {
   _handleLongDelay: function(e) {
     this.longPressDelayTimeout = null;
     const curState = this.state.touchable.touchState;
-    if (curState !== States.RESPONDER_ACTIVE_PRESS_IN &&
-        curState !== States.RESPONDER_ACTIVE_LONG_PRESS_IN) {
-      console.error('Attempted to transition from state `' + curState + '` to `' +
-        States.RESPONDER_ACTIVE_LONG_PRESS_IN + '`, which is not supported. This is ' +
-        'most likely due to `Touchable.longPressDelayTimeout` not being cancelled.');
+    if (
+      curState !== States.RESPONDER_ACTIVE_PRESS_IN &&
+      curState !== States.RESPONDER_ACTIVE_LONG_PRESS_IN
+    ) {
+      console.error(
+        'Attempted to transition from state `' +
+          curState +
+          '` to `' +
+          States.RESPONDER_ACTIVE_LONG_PRESS_IN +
+          '`, which is not supported. This is ' +
+          'most likely due to `Touchable.longPressDelayTimeout` not being cancelled.',
+      );
     } else {
       this._receiveSignal(Signals.LONG_PRESS_DETECTED, e);
     }
@@ -648,14 +693,24 @@ const TouchableMixin = {
     }
     if (!nextState) {
       throw new Error(
-        'Unrecognized signal `' + signal + '` or state `' + curState +
-        '` for Touchable responder `' + responderID + '`'
+        'Unrecognized signal `' +
+          signal +
+          '` or state `' +
+          curState +
+          '` for Touchable responder `' +
+          responderID +
+          '`',
       );
     }
     if (nextState === States.ERROR) {
       throw new Error(
-        'Touchable cannot transition from `' + curState + '` to `' + signal +
-        '` for responder `' + responderID + '`'
+        'Touchable cannot transition from `' +
+          curState +
+          '` to `' +
+          signal +
+          '` for responder `' +
+          responderID +
+          '`',
       );
     }
     if (curState !== nextState) {
@@ -664,14 +719,16 @@ const TouchableMixin = {
     }
   },
 
-  _cancelLongPressDelayTimeout: function () {
+  _cancelLongPressDelayTimeout: function() {
     this.longPressDelayTimeout && clearTimeout(this.longPressDelayTimeout);
     this.longPressDelayTimeout = null;
   },
 
-  _isHighlight: function (state) {
-    return state === States.RESPONDER_ACTIVE_PRESS_IN ||
-           state === States.RESPONDER_ACTIVE_LONG_PRESS_IN;
+  _isHighlight: function(state) {
+    return (
+      state === States.RESPONDER_ACTIVE_PRESS_IN ||
+      state === States.RESPONDER_ACTIVE_LONG_PRESS_IN
+    );
   },
 
   _savePressInLocation: function(e) {
@@ -683,7 +740,7 @@ const TouchableMixin = {
     this.pressInLocation = {pageX, pageY, locationX, locationY};
   },
 
-  _getDistanceBetweenPoints: function (aX, aY, bX, bY) {
+  _getDistanceBetweenPoints: function(aX, aY, bX, bY) {
     const deltaX = aX - bX;
     const deltaY = aY - bY;
     return Math.sqrt(deltaX * deltaX + deltaY * deltaY);
@@ -729,18 +786,20 @@ const TouchableMixin = {
     if (IsPressingIn[curState] && signal === Signals.RESPONDER_RELEASE) {
       const hasLongPressHandler = !!this.props.onLongPress;
       const pressIsLongButStillCallOnPress =
-        IsLongPressingIn[curState] && (    // We *are* long pressing..
-          (// But either has no long handler
-          !hasLongPressHandler || !this.touchableLongPressCancelsPress()) // or we're told to ignore it.
-        );
+        IsLongPressingIn[curState] && // We *are* long pressing.. // But either has no long handler
+        (!hasLongPressHandler || !this.touchableLongPressCancelsPress()); // or we're told to ignore it.
 
-      const shouldInvokePress =  !IsLongPressingIn[curState] || pressIsLongButStillCallOnPress;
+      const shouldInvokePress =
+        !IsLongPressingIn[curState] || pressIsLongButStillCallOnPress;
       if (shouldInvokePress && this.touchableHandlePress) {
         if (!newIsHighlight && !curIsHighlight) {
           // we never highlighted because of delay, but we should highlight now
           this._startHighlight(e);
           this._endHighlight(e);
         }
+        if (Platform.OS === 'android') {
+          this._playTouchSound();
+        }
         this.touchableHandlePress(e);
       }
     }
@@ -749,6 +808,10 @@ const TouchableMixin = {
     this.touchableDelayTimeout = null;
   },
 
+  _playTouchSound: function() {
+    UIManager.playTouchSound();
+  },
+
   _startHighlight: function(e) {
     this._savePressInLocation(e);
     this.touchableHandleActivePressIn && this.touchableHandleActivePressIn(e);
@@ -756,7 +819,10 @@ const TouchableMixin = {
 
   _endHighlight: function(e) {
     if (this.touchableHandleActivePressOut) {
-      if (this.touchableGetPressOutDelayMS && this.touchableGetPressOutDelayMS()) {
+      if (
+        this.touchableGetPressOutDelayMS &&
+        this.touchableGetPressOutDelayMS()
+      ) {
         this.pressOutDelayTimeout = setTimeout(() => {
           this.touchableHandleActivePressOut(e);
         }, this.touchableGetPressOutDelayMS());
@@ -765,7 +831,6 @@ const TouchableMixin = {
       }
     }
   },
-
 };
 
 const Touchable = {
@@ -779,14 +844,17 @@ const Touchable = {
       return null;
     }
     if (!__DEV__) {
-      throw Error('Touchable.TOUCH_TARGET_DEBUG should not be enabled in prod!');
+      throw Error(
+        'Touchable.TOUCH_TARGET_DEBUG should not be enabled in prod!',
+      );
     }
     const debugHitSlopStyle = {};
     hitSlop = hitSlop || {top: 0, bottom: 0, left: 0, right: 0};
     for (const key in hitSlop) {
       debugHitSlopStyle[key] = -hitSlop[key];
     }
-    const hexColor = '#' + ('00000000' + normalizeColor(color).toString(16)).substr(-8);
+    const hexColor =
+      '#' + ('00000000' + normalizeColor(color).toString(16)).substr(-8);
     return (
       <View
         pointerEvents="none"
@@ -796,11 +864,11 @@ const Touchable = {
           borderWidth: 1,
           borderStyle: 'dashed',
           backgroundColor: hexColor.slice(0, -2) + '0F', // Less opaque
-          ...debugHitSlopStyle
+          ...debugHitSlopStyle,
         }}
       />
     );
-  }
+  },
 };
 
 module.exports = Touchable;
diff --git a/Libraries/Components/Touchable/TouchableBounce.js b/Libraries/Components/Touchable/TouchableBounce.js
index 2afef30637b59d..c899748b44fd1c 100644
--- a/Libraries/Components/Touchable/TouchableBounce.js
+++ b/Libraries/Components/Touchable/TouchableBounce.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TouchableBounce
  * @flow
  * @format
  */
@@ -17,6 +16,12 @@ const React = require('React');
 const createReactClass = require('create-react-class');
 const PropTypes = require('prop-types');
 const Touchable = require('Touchable');
+const TouchableWithoutFeedback = require('TouchableWithoutFeedback');
+const ViewPropTypes = require('ViewPropTypes');
+
+import type {EdgeInsetsProp} from 'EdgeInsetsPropType';
+import type {Props as TouchableWithoutFeedbackProps} from 'TouchableWithoutFeedback';
+import type {ViewStyleProp} from 'StyleSheet';
 
 type Event = Object;
 
@@ -27,6 +32,17 @@ type State = {
 
 const PRESS_RETENTION_OFFSET = {top: 20, left: 20, right: 20, bottom: 30};
 
+type Props = $ReadOnly<{|
+  ...TouchableWithoutFeedbackProps,
+
+  onPressWithCompletion?: ?Function,
+  onPressAnimationComplete?: ?Function,
+  pressRetentionOffset?: ?EdgeInsetsProp,
+  releaseVelocity?: ?number,
+  releaseBounciness?: ?number,
+  style?: ?ViewStyleProp,
+|}>;
+
 /**
  * Example of using the `TouchableMixin` to play well with other responder
  * locking views including `ScrollView`. `TouchableMixin` provides touchable
@@ -34,20 +50,12 @@ const PRESS_RETENTION_OFFSET = {top: 20, left: 20, right: 20, bottom: 30};
  * `TouchableMixin` expects us to implement some abstract methods to handle
  * interesting interactions such as `handleTouchablePress`.
  */
-const TouchableBounce = createReactClass({
+const TouchableBounce = ((createReactClass({
   displayName: 'TouchableBounce',
   mixins: [Touchable.Mixin, NativeMethodsMixin],
 
   propTypes: {
-    /**
-     * When true, indicates that the view is an accessibility element. By default,
-     * all the touchable elements are accessible.
-     */
-    accessible: PropTypes.bool,
-
-    onPress: PropTypes.func,
-    onPressIn: PropTypes.func,
-    onPressOut: PropTypes.func,
+    ...TouchableWithoutFeedback.propTypes,
     // The function passed takes a callback to start the animation which should
     // be run after this onPress handler is done. You can use this (for example)
     // to update UI before starting the animation.
@@ -62,17 +70,13 @@ const TouchableBounce = createReactClass({
      * is disabled. Ensure you pass in a constant to reduce memory allocations.
      */
     pressRetentionOffset: EdgeInsetsPropType,
-    /**
-     * This defines how far your touch can start away from the button. This is
-     * added to `pressRetentionOffset` when moving off of the button.
-     * ** NOTE **
-     * The touch area never extends past the parent view bounds and the Z-index
-     * of sibling views always takes precedence if a touch hits two overlapping
-     * views.
-     */
-    hitSlop: EdgeInsetsPropType,
     releaseVelocity: PropTypes.number.isRequired,
     releaseBounciness: PropTypes.number.isRequired,
+    /**
+     * Style to apply to the container/underlay. Most commonly used to make sure
+     * rounded corners match the wrapped component.
+     */
+    style: ViewPropTypes.style,
   },
 
   getDefaultProps: function() {
@@ -153,30 +157,12 @@ const TouchableBounce = createReactClass({
   render: function(): React.Element<any> {
     return (
       <Animated.View
-        /* $FlowFixMe(>=0.53.0 site=react_native_fb,react_native_oss) This
-         * comment suppresses an error when upgrading Flow's support for React.
-         * To see the error delete this comment and run Flow. */
         style={[{transform: [{scale: this.state.scale}]}, this.props.style]}
         accessible={this.props.accessible !== false}
-        /* $FlowFixMe(>=0.53.0 site=react_native_fb,react_native_oss) This
-         * comment suppresses an error when upgrading Flow's support for React.
-         * To see the error delete this comment and run Flow. */
         accessibilityLabel={this.props.accessibilityLabel}
-        /* $FlowFixMe(>=0.53.0 site=react_native_fb,react_native_oss) This
-         * comment suppresses an error when upgrading Flow's support for React.
-         * To see the error delete this comment and run Flow. */
         accessibilityComponentType={this.props.accessibilityComponentType}
-        /* $FlowFixMe(>=0.53.0 site=react_native_fb,react_native_oss) This
-         * comment suppresses an error when upgrading Flow's support for React.
-         * To see the error delete this comment and run Flow. */
         accessibilityTraits={this.props.accessibilityTraits}
-        /* $FlowFixMe(>=0.53.0 site=react_native_fb,react_native_oss) This
-         * comment suppresses an error when upgrading Flow's support for React.
-         * To see the error delete this comment and run Flow. */
         nativeID={this.props.nativeID}
-        /* $FlowFixMe(>=0.53.0 site=react_native_fb,react_native_oss) This
-         * comment suppresses an error when upgrading Flow's support for React.
-         * To see the error delete this comment and run Flow. */
         testID={this.props.testID}
         hitSlop={this.props.hitSlop}
         onStartShouldSetResponder={this.touchableHandleStartShouldSetResponder}
@@ -187,10 +173,7 @@ const TouchableBounce = createReactClass({
         onResponderMove={this.touchableHandleResponderMove}
         onResponderRelease={this.touchableHandleResponderRelease}
         onResponderTerminate={this.touchableHandleResponderTerminate}>
-        {
-          // $FlowFixMe(>=0.41.0)
-          this.props.children
-        }
+        {this.props.children}
         {Touchable.renderDebugView({
           color: 'orange',
           hitSlop: this.props.hitSlop,
@@ -198,6 +181,6 @@ const TouchableBounce = createReactClass({
       </Animated.View>
     );
   },
-});
+}): any): React.ComponentType<Props>);
 
 module.exports = TouchableBounce;
diff --git a/Libraries/Components/Touchable/TouchableHighlight.js b/Libraries/Components/Touchable/TouchableHighlight.js
index 19680b236528c0..5a681c099125ac 100644
--- a/Libraries/Components/Touchable/TouchableHighlight.js
+++ b/Libraries/Components/Touchable/TouchableHighlight.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TouchableHighlight
  * @flow
  * @format
  */
@@ -26,6 +25,9 @@ const createReactClass = require('create-react-class');
 const ensurePositiveDelayProps = require('ensurePositiveDelayProps');
 
 import type {PressEvent} from 'CoreEventTypes';
+import type {Props as TouchableWithoutFeedbackProps} from 'TouchableWithoutFeedback';
+import type {ViewStyleProp} from 'StyleSheet';
+import type {ColorValue} from 'StyleSheetTypes';
 
 const DEFAULT_PROPS = {
   activeOpacity: 0.85,
@@ -35,6 +37,23 @@ const DEFAULT_PROPS = {
 
 const PRESS_RETENTION_OFFSET = {top: 20, left: 20, right: 20, bottom: 30};
 
+type IOSProps = $ReadOnly<{|
+  hasTVPreferredFocus?: ?boolean,
+  tvParallaxProperties?: ?Object,
+|}>;
+
+type Props = $ReadOnly<{|
+  ...TouchableWithoutFeedbackProps,
+  ...IOSProps,
+
+  activeOpacity?: ?number,
+  underlayColor?: ?ColorValue,
+  style?: ?ViewStyleProp,
+  onShowUnderlay?: ?Function,
+  onHideUnderlay?: ?Function,
+  testOnly_pressed?: ?boolean,
+|}>;
+
 /**
  * A wrapper for making views respond properly to touches.
  * On press down, the opacity of the wrapped view is decreased, which allows
@@ -132,7 +151,7 @@ const PRESS_RETENTION_OFFSET = {top: 20, left: 20, right: 20, bottom: 30};
  *
  */
 
-const TouchableHighlight = createReactClass({
+const TouchableHighlight = ((createReactClass({
   displayName: 'TouchableHighlight',
   propTypes: {
     ...TouchableWithoutFeedback.propTypes,
@@ -250,7 +269,7 @@ const TouchableHighlight = createReactClass({
 
   touchableHandlePress: function(e: PressEvent) {
     clearTimeout(this._hideTimeout);
-    if (!Platform.isTVOS) {
+    if (!Platform.isTV) {
       this._showUnderlay();
       this._hideTimeout = setTimeout(
         this._hideUnderlay,
@@ -363,6 +382,6 @@ const TouchableHighlight = createReactClass({
       </View>
     );
   },
-});
+}): any): React.ComponentType<Props>);
 
 module.exports = TouchableHighlight;
diff --git a/Libraries/Components/Touchable/TouchableNativeFeedback.android.js b/Libraries/Components/Touchable/TouchableNativeFeedback.android.js
index 4f3887642dce43..f727d5d8a2b6be 100644
--- a/Libraries/Components/Touchable/TouchableNativeFeedback.android.js
+++ b/Libraries/Components/Touchable/TouchableNativeFeedback.android.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TouchableNativeFeedback
+ * @format
  */
+
 'use strict';
 
 const Platform = require('Platform');
@@ -113,7 +114,10 @@ const TouchableNativeFeedback = createReactClass({
      * Available on android API level 21+.
      */
     SelectableBackgroundBorderless: function() {
-      return {type: 'ThemeAttrAndroid', attribute: 'selectableItemBackgroundBorderless'};
+      return {
+        type: 'ThemeAttrAndroid',
+        attribute: 'selectableItemBackgroundBorderless',
+      };
     },
     /**
      * Creates an object that represents ripple drawable with specified color (as a
@@ -126,12 +130,16 @@ const TouchableNativeFeedback = createReactClass({
      * @param borderless If the ripple can render outside it's bounds
      */
     Ripple: function(color: string, borderless: boolean) {
-      return {type: 'RippleAndroid', color: processColor(color), borderless: borderless};
+      return {
+        type: 'RippleAndroid',
+        color: processColor(color),
+        borderless: borderless,
+      };
     },
 
     canUseNativeForeground: function() {
       return Platform.OS === 'android' && Platform.Version >= 23;
-    }
+    },
   },
 
   mixins: [Touchable.Mixin],
@@ -162,7 +170,10 @@ const TouchableNativeFeedback = createReactClass({
     this.props.onPressIn && this.props.onPressIn(e);
     this._dispatchPressedStateChange(true);
     if (this.pressInLocation) {
-      this._dispatchHotspotUpdate(this.pressInLocation.locationX, this.pressInLocation.locationY);
+      this._dispatchHotspotUpdate(
+        this.pressInLocation.locationX,
+        this.pressInLocation.locationY,
+      );
     }
   },
 
@@ -202,14 +213,17 @@ const TouchableNativeFeedback = createReactClass({
 
   _handleResponderMove: function(e) {
     this.touchableHandleResponderMove(e);
-    this._dispatchHotspotUpdate(e.nativeEvent.locationX, e.nativeEvent.locationY);
+    this._dispatchHotspotUpdate(
+      e.nativeEvent.locationX,
+      e.nativeEvent.locationY,
+    );
   },
 
   _dispatchHotspotUpdate: function(destX, destY) {
     UIManager.dispatchViewManagerCommand(
       ReactNative.findNodeHandle(this),
       UIManager.RCTView.Commands.hotspotUpdate,
-      [destX || 0, destY || 0]
+      [destX || 0, destY || 0],
     );
   },
 
@@ -217,7 +231,7 @@ const TouchableNativeFeedback = createReactClass({
     UIManager.dispatchViewManagerCommand(
       ReactNative.findNodeHandle(this),
       UIManager.RCTView.Commands.setPressed,
-      [pressed]
+      [pressed],
     );
   },
 
@@ -228,16 +242,26 @@ const TouchableNativeFeedback = createReactClass({
       if (!Array.isArray(children)) {
         children = [children];
       }
-      children.push(Touchable.renderDebugView({color: 'brown', hitSlop: this.props.hitSlop}));
+      children.push(
+        Touchable.renderDebugView({
+          color: 'brown',
+          hitSlop: this.props.hitSlop,
+        }),
+      );
     }
-    if (this.props.useForeground && !TouchableNativeFeedback.canUseNativeForeground()) {
+    if (
+      this.props.useForeground &&
+      !TouchableNativeFeedback.canUseNativeForeground()
+    ) {
       console.warn(
         'Requested foreground ripple, but it is not available on this version of Android. ' +
-        'Consider calling TouchableNativeFeedback.canUseNativeForeground() and using a different ' +
-        'Touchable if the result is false.');
+          'Consider calling TouchableNativeFeedback.canUseNativeForeground() and using a different ' +
+          'Touchable if the result is false.',
+      );
     }
     const drawableProp =
-      this.props.useForeground && TouchableNativeFeedback.canUseNativeForeground()
+      this.props.useForeground &&
+      TouchableNativeFeedback.canUseNativeForeground()
         ? 'nativeForegroundAndroid'
         : 'nativeBackgroundAndroid';
     const childProps = {
@@ -254,7 +278,8 @@ const TouchableNativeFeedback = createReactClass({
       isTVSelectable: true,
       hasTVPreferredFocus: this.props.hasTVPreferredFocus,
       onStartShouldSetResponder: this.touchableHandleStartShouldSetResponder,
-      onResponderTerminationRequest: this.touchableHandleResponderTerminationRequest,
+      onResponderTerminationRequest: this
+        .touchableHandleResponderTerminationRequest,
       onResponderGrant: this.touchableHandleResponderGrant,
       onResponderMove: this._handleResponderMove,
       onResponderRelease: this.touchableHandleResponderRelease,
@@ -264,11 +289,8 @@ const TouchableNativeFeedback = createReactClass({
     // We need to clone the actual element so that the ripple background drawable
     // can be applied directly to the background of this element rather than to
     // a wrapper view as done in other Touchable*
-    return React.cloneElement(
-      child,
-      childProps
-    );
-  }
+    return React.cloneElement(child, childProps);
+  },
 });
 
 module.exports = TouchableNativeFeedback;
diff --git a/Libraries/Components/Touchable/TouchableNativeFeedback.ios.js b/Libraries/Components/Touchable/TouchableNativeFeedback.ios.js
index e898d20ab64a97..b0770047bbeef8 100644
--- a/Libraries/Components/Touchable/TouchableNativeFeedback.ios.js
+++ b/Libraries/Components/Touchable/TouchableNativeFeedback.ios.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TouchableNativeFeedback
+ * @format
  */
 
 'use strict';
@@ -23,7 +23,9 @@ class DummyTouchableNativeFeedback extends React.Component {
   render() {
     return (
       <View style={[styles.container, this.props.style]}>
-        <Text style={styles.info}>TouchableNativeFeedback is not supported on this platform!</Text>
+        <Text style={styles.info}>
+          TouchableNativeFeedback is not supported on this platform!
+        </Text>
       </View>
     );
   }
@@ -43,7 +45,7 @@ const styles = StyleSheet.create({
   info: {
     color: '#333333',
     margin: 20,
-  }
+  },
 });
 
 module.exports = DummyTouchableNativeFeedback;
diff --git a/Libraries/Components/Touchable/TouchableOpacity.js b/Libraries/Components/Touchable/TouchableOpacity.js
index 8ff2ab8d0f2a34..f860337e0d653b 100644
--- a/Libraries/Components/Touchable/TouchableOpacity.js
+++ b/Libraries/Components/Touchable/TouchableOpacity.js
@@ -4,12 +4,11 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TouchableOpacity
- * @noflow
+ * @format
+ * @flow
  */
-'use strict';
 
-// Note (avik): add @flow when Flow supports spread properties in propTypes
+'use strict';
 
 const Animated = require('Animated');
 const Easing = require('Easing');
@@ -24,10 +23,25 @@ const createReactClass = require('create-react-class');
 const ensurePositiveDelayProps = require('ensurePositiveDelayProps');
 const flattenStyle = require('flattenStyle');
 
+import type {Props as TouchableWithoutFeedbackProps} from 'TouchableWithoutFeedback';
+import type {ViewStyleProp} from 'StyleSheet';
+
 type Event = Object;
 
 const PRESS_RETENTION_OFFSET = {top: 20, left: 20, right: 20, bottom: 30};
 
+type TVProps = $ReadOnly<{|
+  hasTVPreferredFocus?: ?boolean,
+  tvParallaxProperties?: ?Object,
+|}>;
+
+type Props = $ReadOnly<{|
+  ...TouchableWithoutFeedbackProps,
+  ...TVProps,
+  activeOpacity?: ?number,
+  style?: ?ViewStyleProp,
+|}>;
+
 /**
  * A wrapper for making views respond properly to touches.
  * On press down, the opacity of the wrapped view is decreased, dimming it.
@@ -116,7 +130,7 @@ const PRESS_RETENTION_OFFSET = {top: 20, left: 20, right: 20, bottom: 30};
  * ```
  *
  */
-const TouchableOpacity = createReactClass({
+const TouchableOpacity = ((createReactClass({
   displayName: 'TouchableOpacity',
   mixins: [TimerMixin, Touchable.Mixin, NativeMethodsMixin],
 
@@ -168,15 +182,12 @@ const TouchableOpacity = createReactClass({
    * Animate the touchable to a new opacity.
    */
   setOpacityTo: function(value: number, duration: number) {
-    Animated.timing(
-      this.state.anim,
-      {
-        toValue: value,
-        duration: duration,
-        easing: Easing.inOut(Easing.quad),
-        useNativeDriver: true,
-      }
-    ).start();
+    Animated.timing(this.state.anim, {
+      toValue: value,
+      duration: duration,
+      easing: Easing.inOut(Easing.quad),
+      useNativeDriver: true,
+    }).start();
   },
 
   /**
@@ -218,8 +229,9 @@ const TouchableOpacity = createReactClass({
   },
 
   touchableGetLongPressDelayMS: function() {
-    return this.props.delayLongPress === 0 ? 0 :
-      this.props.delayLongPress || 500;
+    return this.props.delayLongPress === 0
+      ? 0
+      : this.props.delayLongPress || 500;
   },
 
   touchableGetPressOutDelayMS: function() {
@@ -231,16 +243,13 @@ const TouchableOpacity = createReactClass({
   },
 
   _opacityInactive: function(duration: number) {
-    this.setOpacityTo(
-      this._getChildStyleOpacityWithDefault(),
-      duration
-    );
+    this.setOpacityTo(this._getChildStyleOpacityWithDefault(), duration);
   },
 
   _getChildStyleOpacityWithDefault: function() {
-   const childStyle = flattenStyle(this.props.style) || {};
-   return childStyle.opacity == undefined ? 1 : childStyle.opacity;
- },
+    const childStyle = flattenStyle(this.props.style) || {};
+    return childStyle.opacity == undefined ? 1 : childStyle.opacity;
+  },
 
   render: function() {
     return (
@@ -258,16 +267,21 @@ const TouchableOpacity = createReactClass({
         tvParallaxProperties={this.props.tvParallaxProperties}
         hitSlop={this.props.hitSlop}
         onStartShouldSetResponder={this.touchableHandleStartShouldSetResponder}
-        onResponderTerminationRequest={this.touchableHandleResponderTerminationRequest}
+        onResponderTerminationRequest={
+          this.touchableHandleResponderTerminationRequest
+        }
         onResponderGrant={this.touchableHandleResponderGrant}
         onResponderMove={this.touchableHandleResponderMove}
         onResponderRelease={this.touchableHandleResponderRelease}
         onResponderTerminate={this.touchableHandleResponderTerminate}>
         {this.props.children}
-        {Touchable.renderDebugView({color: 'cyan', hitSlop: this.props.hitSlop})}
+        {Touchable.renderDebugView({
+          color: 'cyan',
+          hitSlop: this.props.hitSlop,
+        })}
       </Animated.View>
     );
   },
-});
+}): any): React.ComponentType<Props>);
 
 module.exports = TouchableOpacity;
diff --git a/Libraries/Components/Touchable/TouchableWithoutFeedback.js b/Libraries/Components/Touchable/TouchableWithoutFeedback.js
index 642c8593cbe023..9228d271a90f8d 100755
--- a/Libraries/Components/Touchable/TouchableWithoutFeedback.js
+++ b/Libraries/Components/Touchable/TouchableWithoutFeedback.js
@@ -4,25 +4,20 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TouchableWithoutFeedback
+ * @format
  * @flow
  */
+
 'use strict';
 
 const EdgeInsetsPropType = require('EdgeInsetsPropType');
 const React = require('React');
 const PropTypes = require('prop-types');
-/* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
- * found when Flow v0.54 was deployed. To see the error delete this comment and
- * run Flow. */
 const TimerMixin = require('react-timer-mixin');
 const Touchable = require('Touchable');
 
 const createReactClass = require('create-react-class');
 const ensurePositiveDelayProps = require('ensurePositiveDelayProps');
-/* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
- * found when Flow v0.54 was deployed. To see the error delete this comment and
- * run Flow. */
 const warning = require('fbjs/lib/warning');
 
 const {
@@ -31,9 +26,41 @@ const {
 } = require('ViewAccessibility');
 
 import type {PressEvent} from 'CoreEventTypes';
+import type {EdgeInsetsProp} from 'EdgeInsetsPropType';
+import type {
+  AccessibilityComponentType,
+  AccessibilityTraits as AccessibilityTraitsFlow,
+} from 'ViewAccessibility';
 
 const PRESS_RETENTION_OFFSET = {top: 20, left: 20, right: 20, bottom: 30};
 
+export type Props = $ReadOnly<{|
+  accessible?: ?boolean,
+  accessibilityComponentType?: ?AccessibilityComponentType,
+  accessibilityLabel?:
+    | null
+    | React$PropType$Primitive<any>
+    | string
+    | Array<any>
+    | any,
+  accessibilityTraits?: ?AccessibilityTraitsFlow,
+  children?: ?React.Node,
+  delayLongPress?: ?number,
+  delayPressIn?: ?number,
+  delayPressOut?: ?number,
+  disabled?: ?boolean,
+  hitSlop?: ?EdgeInsetsProp,
+  nativeID?: ?string,
+  onLayout?: ?Function,
+  onLongPress?: ?Function,
+  onPress?: ?Function,
+  onPressIn?: ?Function,
+  onPressOut?: ?Function,
+  pressRetentionOffset?: ?EdgeInsetsProp,
+  rejectResponderTermination?: ?boolean,
+  testID?: ?string,
+|}>;
+
 /**
  * Do not use unless you have a very good reason. All elements that
  * respond to press should have a visual feedback when touched.
@@ -41,19 +68,30 @@ const PRESS_RETENTION_OFFSET = {top: 20, left: 20, right: 20, bottom: 30};
  * TouchableWithoutFeedback supports only one child.
  * If you wish to have several child components, wrap them in a View.
  */
-const TouchableWithoutFeedback = createReactClass({
+const TouchableWithoutFeedback = ((createReactClass({
   displayName: 'TouchableWithoutFeedback',
   mixins: [TimerMixin, Touchable.Mixin],
 
   propTypes: {
     accessible: PropTypes.bool,
-    accessibilityComponentType: PropTypes.oneOf(
-      AccessibilityComponentTypes
-    ),
+    accessibilityLabel: PropTypes.node,
+    accessibilityComponentType: PropTypes.oneOf(AccessibilityComponentTypes),
     accessibilityTraits: PropTypes.oneOfType([
       PropTypes.oneOf(AccessibilityTraits),
       PropTypes.arrayOf(PropTypes.oneOf(AccessibilityTraits)),
     ]),
+    /**
+     * When `accessible` is true (which is the default) this may be called when
+     * the OS-specific concept of "focus" occurs. Some platforms may not have
+     * the concept of focus.
+     */
+    onFocus: PropTypes.func,
+    /**
+     * When `accessible` is true (which is the default) this may be called when
+     * the OS-specific concept of "blur" occurs, meaning the element lost focus.
+     * Some platforms may not have the concept of blur.
+     */
+    onBlur: PropTypes.func,
     /**
      * If true, disable all interactions for this component.
      */
@@ -64,14 +102,14 @@ const TouchableWithoutFeedback = createReactClass({
      */
     onPress: PropTypes.func,
     /**
-    * Called as soon as the touchable element is pressed and invoked even before onPress.
-    * This can be useful when making network requests.
-    */
+     * Called as soon as the touchable element is pressed and invoked even before onPress.
+     * This can be useful when making network requests.
+     */
     onPressIn: PropTypes.func,
     /**
-    * Called as soon as the touch is released even before onPress.
-    */
-     onPressOut: PropTypes.func,
+     * Called as soon as the touch is released even before onPress.
+     */
+    onPressOut: PropTypes.func,
     /**
      * Invoked on mount and layout changes with
      *
@@ -81,6 +119,9 @@ const TouchableWithoutFeedback = createReactClass({
 
     onLongPress: PropTypes.func,
 
+    nativeID: PropTypes.string,
+    testID: PropTypes.string,
+
     /**
      * Delay in ms, from the start of the touch, before onPressIn is called.
      */
@@ -145,6 +186,7 @@ const TouchableWithoutFeedback = createReactClass({
   },
 
   touchableGetPressRectOffset: function(): typeof PRESS_RETENTION_OFFSET {
+    // $FlowFixMe Invalid prop usage
     return this.props.pressRetentionOffset || PRESS_RETENTION_OFFSET;
   },
 
@@ -157,8 +199,9 @@ const TouchableWithoutFeedback = createReactClass({
   },
 
   touchableGetLongPressDelayMS: function(): number {
-    return this.props.delayLongPress === 0 ? 0 :
-      this.props.delayLongPress || 500;
+    return this.props.delayLongPress === 0
+      ? 0
+      : this.props.delayLongPress || 500;
   },
 
   touchableGetPressOutDelayMS: function(): number {
@@ -173,15 +216,25 @@ const TouchableWithoutFeedback = createReactClass({
     warning(
       !child.type || child.type.displayName !== 'Text',
       'TouchableWithoutFeedback does not work well with Text children. Wrap children in a View instead. See ' +
-        ((child._owner && child._owner.getName && child._owner.getName()) || '<unknown>')
+        ((child._owner && child._owner.getName && child._owner.getName()) ||
+          '<unknown>'),
     );
-    if (Touchable.TOUCH_TARGET_DEBUG && child.type && child.type.displayName === 'View') {
+    if (
+      Touchable.TOUCH_TARGET_DEBUG &&
+      child.type &&
+      child.type.displayName === 'View'
+    ) {
       children = React.Children.toArray(children);
-      children.push(Touchable.renderDebugView({color: 'red', hitSlop: this.props.hitSlop}));
+      children.push(
+        Touchable.renderDebugView({color: 'red', hitSlop: this.props.hitSlop}),
+      );
     }
-    const style = (Touchable.TOUCH_TARGET_DEBUG && child.type && child.type.displayName === 'Text') ?
-      [child.props.style, {color: 'red'}] :
-      child.props.style;
+    const style =
+      Touchable.TOUCH_TARGET_DEBUG &&
+      child.type &&
+      child.type.displayName === 'Text'
+        ? [child.props.style, {color: 'red'}]
+        : child.props.style;
     return (React: any).cloneElement(child, {
       accessible: this.props.accessible !== false,
       accessibilityLabel: this.props.accessibilityLabel,
@@ -192,7 +245,8 @@ const TouchableWithoutFeedback = createReactClass({
       onLayout: this.props.onLayout,
       hitSlop: this.props.hitSlop,
       onStartShouldSetResponder: this.touchableHandleStartShouldSetResponder,
-      onResponderTerminationRequest: this.touchableHandleResponderTerminationRequest,
+      onResponderTerminationRequest: this
+        .touchableHandleResponderTerminationRequest,
       onResponderGrant: this.touchableHandleResponderGrant,
       onResponderMove: this.touchableHandleResponderMove,
       onResponderRelease: this.touchableHandleResponderRelease,
@@ -200,7 +254,7 @@ const TouchableWithoutFeedback = createReactClass({
       style,
       children,
     });
-  }
-});
+  },
+}): any): React.ComponentType<Props>);
 
 module.exports = TouchableWithoutFeedback;
diff --git a/Libraries/Components/Touchable/__mocks__/ensureComponentIsNative.js b/Libraries/Components/Touchable/__mocks__/ensureComponentIsNative.js
index 8f036c71e8cddf..f152b68bba74a4 100644
--- a/Libraries/Components/Touchable/__mocks__/ensureComponentIsNative.js
+++ b/Libraries/Components/Touchable/__mocks__/ensureComponentIsNative.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 module.exports = () => true;
diff --git a/Libraries/Components/Touchable/__tests__/TouchableHighlight-test.js b/Libraries/Components/Touchable/__tests__/TouchableHighlight-test.js
index 396b7387b218cc..f40cc0b7ad1be9 100644
--- a/Libraries/Components/Touchable/__tests__/TouchableHighlight-test.js
+++ b/Libraries/Components/Touchable/__tests__/TouchableHighlight-test.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
 const React = require('React');
@@ -18,7 +20,7 @@ describe('TouchableHighlight', () => {
     const instance = ReactTestRenderer.create(
       <TouchableHighlight style={{}}>
         <Text>Touchable</Text>
-      </TouchableHighlight>
+      </TouchableHighlight>,
     );
 
     expect(instance.toJSON()).toMatchSnapshot();
diff --git a/Libraries/Components/Touchable/__tests__/__snapshots__/TouchableHighlight-test.js.snap b/Libraries/Components/Touchable/__tests__/__snapshots__/TouchableHighlight-test.js.snap
index 4596f0307d0e8d..34d71cc12a523e 100644
--- a/Libraries/Components/Touchable/__tests__/__snapshots__/TouchableHighlight-test.js.snap
+++ b/Libraries/Components/Touchable/__tests__/__snapshots__/TouchableHighlight-test.js.snap
@@ -2,15 +2,8 @@
 
 exports[`TouchableHighlight renders correctly 1`] = `
 <View
-  accessibilityComponentType={undefined}
-  accessibilityLabel={undefined}
-  accessibilityTraits={undefined}
   accessible={true}
-  hasTVPreferredFocus={undefined}
-  hitSlop={undefined}
   isTVSelectable={true}
-  nativeID={undefined}
-  onLayout={undefined}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}
@@ -18,13 +11,8 @@ exports[`TouchableHighlight renders correctly 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={Object {}}
-  testID={undefined}
-  tvParallaxProperties={undefined}
 >
   <Text
-    accessible={true}
-    allowFontScaling={true}
-    ellipsizeMode="tail"
     style={null}
   >
     Touchable
diff --git a/Libraries/Components/Touchable/ensureComponentIsNative.js b/Libraries/Components/Touchable/ensureComponentIsNative.js
index 63c1e8bf8d02d0..5ce5a39d9baaf0 100644
--- a/Libraries/Components/Touchable/ensureComponentIsNative.js
+++ b/Libraries/Components/Touchable/ensureComponentIsNative.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ensureComponentIsNative
+ * @format
  * @flow
  */
+
 'use strict';
 
 const invariant = require('fbjs/lib/invariant');
@@ -15,7 +16,7 @@ const ensureComponentIsNative = function(component: any) {
   invariant(
     component && typeof component.setNativeProps === 'function',
     'Touchable child must either be native or forward setNativeProps to a ' +
-    'native component'
+      'native component',
   );
 };
 
diff --git a/Libraries/Components/Touchable/ensurePositiveDelayProps.js b/Libraries/Components/Touchable/ensurePositiveDelayProps.js
index 51b97f5ca42e68..01c001ad4b6a7e 100644
--- a/Libraries/Components/Touchable/ensurePositiveDelayProps.js
+++ b/Libraries/Components/Touchable/ensurePositiveDelayProps.js
@@ -4,18 +4,22 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ensurePositiveDelayProps
+ * @format
  * @flow
  */
+
 'use strict';
 
 const invariant = require('fbjs/lib/invariant');
 
 const ensurePositiveDelayProps = function(props: any) {
   invariant(
-    !(props.delayPressIn < 0 || props.delayPressOut < 0 ||
-      props.delayLongPress < 0),
-    'Touchable components cannot have negative delay properties'
+    !(
+      props.delayPressIn < 0 ||
+      props.delayPressOut < 0 ||
+      props.delayLongPress < 0
+    ),
+    'Touchable components cannot have negative delay properties',
   );
 };
 
diff --git a/Libraries/Components/UnimplementedViews/UnimplementedView.js b/Libraries/Components/UnimplementedViews/UnimplementedView.js
index 5da72d04f35430..7be6f1ac77f759 100644
--- a/Libraries/Components/UnimplementedViews/UnimplementedView.js
+++ b/Libraries/Components/UnimplementedViews/UnimplementedView.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule UnimplementedView
  * @flow
  * @format
  */
diff --git a/Libraries/Components/View/FabricView.js b/Libraries/Components/View/FabricView.js
deleted file mode 100644
index 4d686f7beb29cb..00000000000000
--- a/Libraries/Components/View/FabricView.js
+++ /dev/null
@@ -1,113 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @providesModule FabricView
- * @flow
- * @format
- */
-'use strict';
-
-/**
- * This is a temporary fork of View.js for Fabric purpose.
- * Do not use outside of Fabric tree.
- */
-
-const Platform = require('Platform');
-const React = require('React');
-const ReactNativeStyleAttributes = require('ReactNativeStyleAttributes');
-const ReactNativeViewAttributes = require('ReactNativeViewAttributes');
-const ViewPropTypes = require('ViewPropTypes');
-const {NativeMethodsMixin} = require('ReactFabricInternals');
-const {ViewContextTypes} = require('ViewContext');
-
-const createReactClass = require('create-react-class');
-const invariant = require('fbjs/lib/invariant');
-const requireFabricComponent = require('requireFabricComponent');
-
-import type {ViewProps} from 'ViewPropTypes';
-import type {ViewChildContext} from 'ViewContext';
-
-export type Props = ViewProps;
-
-/**
- * The most fundamental component for building a UI.
- *
- * See http://facebook.github.io/react-native/docs/view.html
- */
-const View = createReactClass({
-  displayName: 'View',
-  // TODO: We should probably expose the mixins, viewConfig, and statics publicly. For example,
-  // one of the props is of type AccessibilityComponentType. That is defined as a const[] above,
-  // but it is not rendered by the docs, since `statics` below is not rendered. So its Possible
-  // values had to be hardcoded.
-  mixins: [NativeMethodsMixin],
-
-  // `propTypes` should not be accessed directly on View since this wrapper only
-  // exists for DEV mode. However it's important for them to be declared.
-  // If the object passed to `createClass` specifies `propTypes`, Flow will
-  // create a static type from it.
-  propTypes: ViewPropTypes,
-
-  /**
-   * `NativeMethodsMixin` will look for this when invoking `setNativeProps`. We
-   * make `this` look like an actual native component class.
-   */
-  viewConfig: {
-    uiViewClassName: 'RCTView',
-    validAttributes: ReactNativeViewAttributes.RCTView,
-  },
-
-  childContextTypes: ViewContextTypes,
-
-  getChildContext(): ViewChildContext {
-    return {
-      isInAParentText: false,
-    };
-  },
-
-  render() {
-    invariant(
-      !(this.context.isInAParentText && Platform.OS === 'android'),
-      'Nesting of <View> within <Text> is not supported on Android.',
-    );
-
-    // WARNING: This method will not be used in production mode as in that mode we
-    // replace wrapper component View with generated native wrapper RCTView. Avoid
-    // adding functionality this component that you'd want to be available in both
-    // dev and prod modes.
-    return <RCTView {...this.props} />;
-  },
-});
-
-const RCTView = requireFabricComponent('RCTView', View, {
-  nativeOnly: {
-    nativeBackgroundAndroid: true,
-    nativeForegroundAndroid: true,
-  },
-  fabric: true,
-});
-
-if (__DEV__) {
-  const UIManager = require('UIManager');
-  const viewConfig =
-    (UIManager.viewConfigs && UIManager.viewConfigs.RCTView) || {};
-  for (const prop in viewConfig.nativeProps) {
-    const viewAny: any = View; // Appease flow
-    if (!viewAny.propTypes[prop] && !ReactNativeStyleAttributes[prop]) {
-      throw new Error(
-        'View is missing propType for native prop `' + prop + '`',
-      );
-    }
-  }
-}
-
-let ViewToExport = RCTView;
-if (__DEV__) {
-  ViewToExport = View;
-}
-
-// No one should depend on the DEV-mode createClass View wrapper.
-module.exports = ((ViewToExport: any): typeof RCTView);
diff --git a/Libraries/Components/View/PlatformViewPropTypes.js b/Libraries/Components/View/PlatformViewPropTypes.js
index 891fa34572a4f7..4c6105893cc6eb 100644
--- a/Libraries/Components/View/PlatformViewPropTypes.js
+++ b/Libraries/Components/View/PlatformViewPropTypes.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule PlatformViewPropTypes
+ * @format
  * @flow
  */
 
diff --git a/Libraries/Components/View/ReactNativeStyleAttributes.js b/Libraries/Components/View/ReactNativeStyleAttributes.js
index a9441cad97f156..7a75dda8b7f41b 100644
--- a/Libraries/Components/View/ReactNativeStyleAttributes.js
+++ b/Libraries/Components/View/ReactNativeStyleAttributes.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ReactNativeStyleAttributes
+ * @format
  * @flow
  */
 
@@ -28,10 +28,10 @@ const ReactNativeStyleAttributes = {
   ...keyMirror(ImageStylePropTypes),
 };
 
-ReactNativeStyleAttributes.transform = { process: processTransform };
-ReactNativeStyleAttributes.shadowOffset = { diff: sizesDiffer };
+ReactNativeStyleAttributes.transform = {process: processTransform};
+ReactNativeStyleAttributes.shadowOffset = {diff: sizesDiffer};
 
-const colorAttributes = { process: processColor };
+const colorAttributes = {process: processColor};
 ReactNativeStyleAttributes.backgroundColor = colorAttributes;
 ReactNativeStyleAttributes.borderBottomColor = colorAttributes;
 ReactNativeStyleAttributes.borderColor = colorAttributes;
diff --git a/Libraries/Components/View/ReactNativeViewAttributes.js b/Libraries/Components/View/ReactNativeViewAttributes.js
index 26fb368aceb96f..bc4ca6b3d229fc 100644
--- a/Libraries/Components/View/ReactNativeViewAttributes.js
+++ b/Libraries/Components/View/ReactNativeViewAttributes.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ReactNativeViewAttributes
- * @flow
+ * @format
+ * @flow strict
  */
+
 'use strict';
 
 const ReactNativeStyleAttributes = require('ReactNativeStyleAttributes');
diff --git a/Libraries/Components/View/ShadowPropTypesIOS.js b/Libraries/Components/View/ShadowPropTypesIOS.js
index f4f2f0ab4c481a..2dfc021735ad9e 100644
--- a/Libraries/Components/View/ShadowPropTypesIOS.js
+++ b/Libraries/Components/View/ShadowPropTypesIOS.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ShadowPropTypesIOS
  * @flow
  * @format
  */
diff --git a/Libraries/Components/View/View.js b/Libraries/Components/View/View.js
index 0a77bff8a40766..2cfa05a8c118b2 100644
--- a/Libraries/Components/View/View.js
+++ b/Libraries/Components/View/View.js
@@ -4,24 +4,20 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule View
- * @flow
  * @format
+ * @flow
  */
+
 'use strict';
 
-const Platform = require('Platform');
 const React = require('React');
-const ReactNative = require('ReactNative');
-const ReactNativeStyleAttributes = require('ReactNativeStyleAttributes');
-const ReactNativeViewAttributes = require('ReactNativeViewAttributes');
-const ViewPropTypes = require('ViewPropTypes');
-const {ViewContextTypes} = require('ViewContext');
+const TextAncestor = require('TextAncestor');
+
 const invariant = require('fbjs/lib/invariant');
 const requireNativeComponent = require('requireNativeComponent');
 
+import type {NativeComponent} from 'ReactNative';
 import type {ViewProps} from 'ViewPropTypes';
-import type {ViewChildContext} from 'ViewContext';
 
 export type Props = ViewProps;
 
@@ -32,60 +28,27 @@ export type Props = ViewProps;
  *
  * @see http://facebook.github.io/react-native/docs/view.html
  */
-class View extends ReactNative.NativeComponent<Props> {
-  static propTypes = ViewPropTypes;
-  static childContextTypes = ViewContextTypes;
-
-  viewConfig = {
-    uiViewClassName: 'RCTView',
-    validAttributes: ReactNativeViewAttributes.RCTView,
-  };
-
-  getChildContext(): ViewChildContext {
-    return {
-      isInAParentText: false,
-    };
-  }
-
-  render() {
-    invariant(
-      !(this.context.isInAParentText && Platform.OS === 'android'),
-      'Nesting of <View> within <Text> is not supported on Android.',
-    );
-
-    // WARNING: This method will not be used in production mode as in that mode we
-    // replace wrapper component View with generated native wrapper RCTView. Avoid
-    // adding functionality this component that you'd want to be available in both
-    // dev and prod modes.
-    return <RCTView {...this.props} />;
-  }
-}
-
-const RCTView = requireNativeComponent('RCTView', View, {
-  nativeOnly: {
-    nativeBackgroundAndroid: true,
-    nativeForegroundAndroid: true,
-  },
-});
-
-if (__DEV__) {
-  const UIManager = require('UIManager');
-  const viewConfig =
-    (UIManager.viewConfigs && UIManager.viewConfigs.RCTView) || {};
-  for (const prop in viewConfig.nativeProps) {
-    const viewAny: any = View; // Appease flow
-    if (!viewAny.propTypes[prop] && !ReactNativeStyleAttributes[prop]) {
-      throw new Error(
-        'View is missing propType for native prop `' + prop + '`',
-      );
-    }
-  }
-}
+const RCTView = requireNativeComponent('RCTView');
 
 let ViewToExport = RCTView;
 if (__DEV__) {
-  ViewToExport = View;
+  const View = (props: Props, forwardedRef: ?React.Ref<'RCTView'>) => {
+    return (
+      <TextAncestor.Consumer>
+        {hasTextAncestor => {
+          invariant(
+            !hasTextAncestor,
+            'Nesting of <View> within <Text> is not currently supported.',
+          );
+          return <RCTView {...props} ref={forwardedRef} />;
+        }}
+      </TextAncestor.Consumer>
+    );
+  };
+  // $FlowFixMe - TODO T29156721 `React.forwardRef` is not defined in Flow, yet.
+  ViewToExport = React.forwardRef(View);
 }
 
-// No one should depend on the DEV-mode createClass View wrapper.
-module.exports = ((ViewToExport: any): typeof View);
+module.exports = ((ViewToExport: $FlowFixMe): Class<
+  NativeComponent<ViewProps>,
+>);
diff --git a/Libraries/Components/View/ViewAccessibility.js b/Libraries/Components/View/ViewAccessibility.js
index b45366fd079755..c3512c42c4eb81 100644
--- a/Libraries/Components/View/ViewAccessibility.js
+++ b/Libraries/Components/View/ViewAccessibility.js
@@ -4,35 +4,59 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ViewAccessibility
- * @flow
+ * @format
+ * @flow strict
  */
+
 'use strict';
 
 export type AccessibilityTrait =
-  'none' |
-  'button' |
-  'link' |
-  'header' |
-  'search' |
-  'image' |
-  'selected' |
-  'plays' |
-  'key' |
-  'text' |
-  'summary' |
-  'disabled' |
-  'frequentUpdates' |
-  'startsMedia' |
-  'adjustable' |
-  'allowsDirectInteraction' |
-  'pageTurn';
+  | 'none'
+  | 'button'
+  | 'link'
+  | 'header'
+  | 'search'
+  | 'image'
+  | 'selected'
+  | 'plays'
+  | 'key'
+  | 'text'
+  | 'summary'
+  | 'disabled'
+  | 'frequentUpdates'
+  | 'startsMedia'
+  | 'adjustable'
+  | 'allowsDirectInteraction'
+  | 'pageTurn';
+
+export type AccessibilityTraits =
+  | AccessibilityTrait
+  | $ReadOnlyArray<AccessibilityTrait>;
 
 export type AccessibilityComponentType =
-  'none' |
-  'button' |
-  'radiobutton_checked' |
-  'radiobutton_unchecked';
+  | 'none'
+  | 'button'
+  | 'radiobutton_checked'
+  | 'radiobutton_unchecked';
+
+export type AccessibilityRole =
+  | 'none'
+  | 'button'
+  | 'link'
+  | 'search'
+  | 'image'
+  | 'keyboardkey'
+  | 'text'
+  | 'adjustable'
+  | 'imagebutton'
+  | 'header'
+  | 'summary';
+
+export type AccessibilityState = 'selected' | 'disabled';
+
+export type AccessibilityStates =
+  | AccessibilityState
+  | $ReadOnlyArray<AccessibilityState>;
 
 module.exports = {
   AccessibilityTraits: [
@@ -60,4 +84,18 @@ module.exports = {
     'radiobutton_checked',
     'radiobutton_unchecked',
   ],
+  AccessibilityRoles: [
+    'none',
+    'button',
+    'link',
+    'search',
+    'image',
+    'keyboardkey',
+    'text',
+    'adjustable',
+    'imagebutton',
+    'header',
+    'summary',
+  ],
+  AccessibilityStates: ['selected', 'disabled'],
 };
diff --git a/Libraries/Components/View/ViewContext.js b/Libraries/Components/View/ViewContext.js
deleted file mode 100644
index 563d2b253b93e0..00000000000000
--- a/Libraries/Components/View/ViewContext.js
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @providesModule ViewContext
- * @flow
- * @format
- */
-'use strict';
-
-const PropTypes = require('prop-types');
-
-export type ViewChildContext = {|
-  +isInAParentText: boolean,
-|};
-
-export const ViewContextTypes = {
-  isInAParentText: PropTypes.bool,
-};
diff --git a/Libraries/Components/View/ViewPropTypes.js b/Libraries/Components/View/ViewPropTypes.js
index 574bd577cc9997..de47f360030db0 100644
--- a/Libraries/Components/View/ViewPropTypes.js
+++ b/Libraries/Components/View/ViewPropTypes.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ViewPropTypes
+ * @format
  * @flow
  */
+
 'use strict';
 
 const React = require('React');
@@ -19,11 +20,15 @@ const ViewStylePropTypes = require('ViewStylePropTypes');
 const {
   AccessibilityComponentTypes,
   AccessibilityTraits,
+  AccessibilityRoles,
+  AccessibilityStates,
 } = require('ViewAccessibility');
 
 import type {
   AccessibilityComponentType,
   AccessibilityTrait,
+  AccessibilityRole,
+  AccessibilityState,
 } from 'ViewAccessibility';
 import type {EdgeInsetsProp} from 'EdgeInsetsPropType';
 import type {TVViewProps} from 'TVViewPropTypes';
@@ -34,48 +39,78 @@ const stylePropType = StyleSheetPropType(ViewStylePropTypes);
 export type ViewLayout = Layout;
 export type ViewLayoutEvent = LayoutEvent;
 
-// There's no easy way to create a different type if (Platform.isTVOS):
-// so we must include TVViewProps
-export type ViewProps = {
-  accessible?: bool,
-  accessibilityLabel?: null | React$PropType$Primitive<any> | string | Array<any> | any,
-  accessibilityActions?: Array<string>,
-  accessibilityComponentType?: AccessibilityComponentType,
-  accessibilityLiveRegion?: 'none' | 'polite' | 'assertive',
-  importantForAccessibility?: 'auto'| 'yes'| 'no'| 'no-hide-descendants',
-  accessibilityTraits?: AccessibilityTrait | Array<AccessibilityTrait>,
-  accessibilityViewIsModal?: bool,
-  accessibilityElementsHidden?: bool,
-  children?: ?React.Node,
+type DirectEventProps = $ReadOnly<{|
   onAccessibilityAction?: Function,
   onAccessibilityTap?: Function,
-  onMagicTap?: Function,
-  testID?: ?string,
-  nativeID?: string,
   onLayout?: ?(event: LayoutEvent) => void,
+  onMagicTap?: Function,
+|}>;
+
+type TouchEventProps = $ReadOnly<{|
+  onTouchCancel?: ?Function,
+  onTouchCancelCapture?: ?Function,
+  onTouchEnd?: ?Function,
+  onTouchEndCapture?: ?Function,
+  onTouchMove?: ?Function,
+  onTouchMoveCapture?: ?Function,
+  onTouchStart?: ?Function,
+  onTouchStartCapture?: ?Function,
+|}>;
+
+type GestureResponderEventProps = $ReadOnly<{|
+  onMoveShouldSetResponder?: ?Function,
+  onMoveShouldSetResponderCapture?: ?Function,
   onResponderGrant?: ?Function,
   onResponderMove?: ?Function,
   onResponderReject?: ?Function,
   onResponderRelease?: ?Function,
+  onResponderStart?: ?Function,
   onResponderTerminate?: ?Function,
   onResponderTerminationRequest?: ?Function,
   onStartShouldSetResponder?: ?Function,
   onStartShouldSetResponderCapture?: ?Function,
-  onMoveShouldSetResponder?: ?Function,
-  onMoveShouldSetResponderCapture?: ?Function,
+|}>;
+
+export type ViewProps = $ReadOnly<{|
+  ...DirectEventProps,
+  ...GestureResponderEventProps,
+  ...TouchEventProps,
+
+  // There's no easy way to create a different type if (Platform.isTV):
+  // so we must include TVViewProps
+  ...TVViewProps,
+
+  accessible?: boolean,
+  accessibilityLabel?:
+    | null
+    | React$PropType$Primitive<any>
+    | string
+    | Array<any>
+    | any,
+  accessibilityActions?: Array<string>,
+  accessibilityComponentType?: AccessibilityComponentType,
+  accessibilityLiveRegion?: 'none' | 'polite' | 'assertive',
+  importantForAccessibility?: 'auto' | 'yes' | 'no' | 'no-hide-descendants',
+  accessibilityIgnoresInvertColors?: boolean,
+  accessibilityTraits?: AccessibilityTrait | Array<AccessibilityTrait>,
+  accessibilityRole?: AccessibilityRole,
+  accessibilityStates?: Array<AccessibilityState>,
+  accessibilityViewIsModal?: boolean,
+  accessibilityElementsHidden?: boolean,
+  children?: ?React.Node,
+  testID?: ?string,
+  nativeID?: string,
   hitSlop?: ?EdgeInsetsProp,
-  pointerEvents?: null | 'box-none'| 'none'| 'box-only'| 'auto',
+  pointerEvents?: null | 'box-none' | 'none' | 'box-only' | 'auto',
   style?: stylePropType,
-  removeClippedSubviews?: bool,
-  renderToHardwareTextureAndroid?: bool,
-  shouldRasterizeIOS?: bool,
-  collapsable?: bool,
-  needsOffscreenAlphaCompositing?: bool,
-} & TVViewProps;
+  removeClippedSubviews?: boolean,
+  renderToHardwareTextureAndroid?: boolean,
+  shouldRasterizeIOS?: boolean,
+  collapsable?: boolean,
+  needsOffscreenAlphaCompositing?: boolean,
+|}>;
 
 module.exports = {
-  ...PlatformViewPropTypes,
-
   /**
    * When `true`, indicates that the view is an accessibility element.
    * By default, all the touchable elements are accessible.
@@ -110,6 +145,15 @@ module.exports = {
    */
   accessibilityComponentType: PropTypes.oneOf(AccessibilityComponentTypes),
 
+  /**
+   * Indicates to accessibility services to treat UI component like a
+   */
+  accessibilityRole: PropTypes.oneOf(AccessibilityRoles),
+
+  /**
+   * Indicates to accessibility services that UI Component is in a specific State.
+   */
+  accessibilityStates: PropTypes.arrayOf(PropTypes.oneOf(AccessibilityStates)),
   /**
    * Indicates to accessibility services whether the user should be notified
    * when this view changes. Works for Android API >= 19 only.
@@ -118,11 +162,7 @@ module.exports = {
    *
    * See http://facebook.github.io/react-native/docs/view.html#accessibilityliveregion
    */
-  accessibilityLiveRegion: PropTypes.oneOf([
-    'none',
-    'polite',
-    'assertive',
-  ]),
+  accessibilityLiveRegion: PropTypes.oneOf(['none', 'polite', 'assertive']),
 
   /**
    * Controls how view is important for accessibility which is if it
@@ -364,12 +404,7 @@ module.exports = {
    *
    * See http://facebook.github.io/react-native/docs/view.html#pointerevents
    */
-  pointerEvents: PropTypes.oneOf([
-    'box-none',
-    'none',
-    'box-only',
-    'auto',
-  ]),
+  pointerEvents: PropTypes.oneOf(['box-none', 'none', 'box-only', 'auto']),
 
   /**
    * See http://facebook.github.io/react-native/docs/style.html
@@ -428,4 +463,9 @@ module.exports = {
    * See http://facebook.github.io/react-native/docs/view.html#needsoffscreenalphacompositing
    */
   needsOffscreenAlphaCompositing: PropTypes.bool,
+
+  /**
+   * Any additional platform-specific view prop types, or prop type overrides.
+   */
+  ...PlatformViewPropTypes,
 };
diff --git a/Libraries/Components/View/ViewStylePropTypes.js b/Libraries/Components/View/ViewStylePropTypes.js
index c21ce5934ac33c..8f690fb32f6891 100644
--- a/Libraries/Components/View/ViewStylePropTypes.js
+++ b/Libraries/Components/View/ViewStylePropTypes.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ViewStylePropTypes
+ * @format
  * @flow
  */
+
 'use strict';
 
 const ColorPropType = require('ColorPropType');
diff --git a/Libraries/Components/ViewPager/ViewPagerAndroid.android.js b/Libraries/Components/ViewPager/ViewPagerAndroid.android.js
index 8463503bd7930b..2ccdd31b56365d 100644
--- a/Libraries/Components/ViewPager/ViewPagerAndroid.android.js
+++ b/Libraries/Components/ViewPager/ViewPagerAndroid.android.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ViewPagerAndroid
+ * @format
  * @flow
  */
+
 'use strict';
 
 const React = require('React');
@@ -18,6 +19,8 @@ const ViewPropTypes = require('ViewPropTypes');
 const dismissKeyboard = require('dismissKeyboard');
 const requireNativeComponent = require('requireNativeComponent');
 
+const NativeAndroidViewPager = requireNativeComponent('AndroidViewPager');
+
 const VIEWPAGER_REF = 'viewPager';
 
 type Event = Object;
@@ -133,16 +136,16 @@ class ViewPagerAndroid extends React.Component<{
     ]),
 
     /**
-    * When false, the content does not scroll.
-    * The default value is true.
-    */
+     * When false, the content does not scroll.
+     * The default value is true.
+     */
     scrollEnabled: PropTypes.bool,
 
     /**
      * Whether enable showing peekFraction or not. If this is true, the preview of
      * last and next page will show in current screen. Defaults to false.
      */
-     peekEnabled: PropTypes.bool,
+    peekEnabled: PropTypes.bool,
   };
 
   componentDidMount() {
@@ -165,22 +168,30 @@ class ViewPagerAndroid extends React.Component<{
       }
       const newProps = {
         ...child.props,
-        style: [child.props.style, {
-          position: 'absolute',
-          left: 0,
-          top: 0,
-          right: 0,
-          bottom: 0,
-          width: undefined,
-          height: undefined,
-        }],
+        style: [
+          child.props.style,
+          {
+            position: 'absolute',
+            left: 0,
+            top: 0,
+            right: 0,
+            bottom: 0,
+            width: undefined,
+            height: undefined,
+          },
+        ],
         collapsable: false,
       };
-      if (child.type &&
-          child.type.displayName &&
-          (child.type.displayName !== 'RCTView') &&
-          (child.type.displayName !== 'View')) {
-        console.warn('Each ViewPager child must be a <View>. Was ' + child.type.displayName);
+      if (
+        child.type &&
+        child.type.displayName &&
+        child.type.displayName !== 'RCTView' &&
+        child.type.displayName !== 'View'
+      ) {
+        console.warn(
+          'Each ViewPager child must be a <View>. Was ' +
+            child.type.displayName,
+        );
       }
       return React.createElement(child.type, newProps);
     });
@@ -246,6 +257,4 @@ class ViewPagerAndroid extends React.Component<{
   }
 }
 
-const NativeAndroidViewPager = requireNativeComponent('AndroidViewPager', ViewPagerAndroid);
-
 module.exports = ViewPagerAndroid;
diff --git a/Libraries/Components/ViewPager/ViewPagerAndroid.ios.js b/Libraries/Components/ViewPager/ViewPagerAndroid.ios.js
index ee0022ae5453fa..260d559929796f 100644
--- a/Libraries/Components/ViewPager/ViewPagerAndroid.ios.js
+++ b/Libraries/Components/ViewPager/ViewPagerAndroid.ios.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ViewPagerAndroid
+ * @format
  */
+
 'use strict';
 
 module.exports = require('UnimplementedView');
diff --git a/Libraries/Components/WebView/WebView.android.js b/Libraries/Components/WebView/WebView.android.js
index 16f2991df1e770..4d4b65fb11fdc8 100644
--- a/Libraries/Components/WebView/WebView.android.js
+++ b/Libraries/Components/WebView/WebView.android.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule WebView
+ * @format
  */
+
 'use strict';
 
 const EdgeInsetsPropType = require('EdgeInsetsPropType');
@@ -17,6 +18,7 @@ const StyleSheet = require('StyleSheet');
 const UIManager = require('UIManager');
 const View = require('View');
 const ViewPropTypes = require('ViewPropTypes');
+const WebViewShared = require('WebViewShared');
 
 const deprecatedPropType = require('deprecatedPropType');
 const keyMirror = require('fbjs/lib/keyMirror');
@@ -33,9 +35,7 @@ const WebViewState = keyMirror({
 
 const defaultRenderLoading = () => (
   <View style={styles.loadingView}>
-    <ActivityIndicator
-      style={styles.loadingProgressBar}
-    />
+    <ActivityIndicator style={styles.loadingProgressBar} />
   </View>
 );
 
@@ -43,14 +43,6 @@ const defaultRenderLoading = () => (
  * Renders a native WebView.
  */
 class WebView extends React.Component {
-  static get extraNativeComponentConfig() {
-    return {
-      nativeOnly: {
-        messagingEnabled: PropTypes.bool,
-      },
-    };
-  }
-
   static propTypes = {
     ...ViewPropTypes,
     renderError: PropTypes.func,
@@ -69,13 +61,10 @@ class WebView extends React.Component {
 
     html: deprecatedPropType(
       PropTypes.string,
-      'Use the `source` prop instead.'
+      'Use the `source` prop instead.',
     ),
 
-    url: deprecatedPropType(
-      PropTypes.string,
-      'Use the `source` prop instead.'
-    ),
+    url: deprecatedPropType(PropTypes.string, 'Use the `source` prop instead.'),
 
     /**
      * Loads static html or a uri (with optional headers) in the WebView.
@@ -139,6 +128,12 @@ class WebView extends React.Component {
      */
     domStorageEnabled: PropTypes.bool,
 
+    /**
+     * Sets whether Geolocation is enabled. The default is false.
+     * @platform android
+     */
+    geolocationEnabled: PropTypes.bool,
+
     /**
      * Sets the JS to be injected when the webpage loads.
      */
@@ -174,6 +169,15 @@ class WebView extends React.Component {
      */
     allowUniversalAccessFromFileURLs: PropTypes.bool,
 
+    /**
+     * List of origin strings to allow being navigated to. The strings allow
+     * wildcards and get matched against *just* the origin (not the full URL).
+     * If the user taps to navigate to a new page but the new page is not in
+     * this whitelist, the URL will be opened by the Android OS.
+     * The default whitelisted origins are "http://*" and "https://*".
+     */
+    originWhitelist: PropTypes.arrayOf(PropTypes.string),
+
     /**
      * Function that accepts a string that will be passed to the WebView and
      * executed immediately as JavaScript.
@@ -190,11 +194,7 @@ class WebView extends React.Component {
      * - `'compatibility'` -  WebView will attempt to be compatible with the approach of a modern web browser with regard to mixed content.
      * @platform android
      */
-    mixedContentMode: PropTypes.oneOf([
-      'never',
-      'always',
-      'compatibility'
-    ]),
+    mixedContentMode: PropTypes.oneOf(['never', 'always', 'compatibility']),
 
     /**
      * Used on Android only, controls whether form autocomplete data should be saved
@@ -217,7 +217,7 @@ class WebView extends React.Component {
        */
       props: PropTypes.object,
       /*
-       * Set the ViewManager to use for communcation with the native side.
+       * Set the ViewManager to use for communication with the native side.
        * @platform ios
        */
       viewManager: PropTypes.object,
@@ -233,10 +233,11 @@ class WebView extends React.Component {
   };
 
   static defaultProps = {
-    javaScriptEnabled : true,
+    javaScriptEnabled: true,
     thirdPartyCookiesEnabled: true,
     scalesPageToFit: true,
-    saveFormDataDisabled: false
+    saveFormDataDisabled: false,
+    originWhitelist: WebViewShared.defaultOriginWhitelist,
   };
 
   state = {
@@ -254,21 +255,28 @@ class WebView extends React.Component {
   render() {
     let otherView = null;
 
-   if (this.state.viewState === WebViewState.LOADING) {
+    if (this.state.viewState === WebViewState.LOADING) {
       otherView = (this.props.renderLoading || defaultRenderLoading)();
     } else if (this.state.viewState === WebViewState.ERROR) {
       const errorEvent = this.state.lastErrorEvent;
-      otherView = this.props.renderError && this.props.renderError(
-        errorEvent.domain,
-        errorEvent.code,
-        errorEvent.description);
+      otherView =
+        this.props.renderError &&
+        this.props.renderError(
+          errorEvent.domain,
+          errorEvent.code,
+          errorEvent.description,
+        );
     } else if (this.state.viewState !== WebViewState.IDLE) {
-      console.error('RCTWebView invalid state encountered: ' + this.state.loading);
+      console.error(
+        'RCTWebView invalid state encountered: ' + this.state.loading,
+      );
     }
 
     const webViewStyles = [styles.container, this.props.style];
-    if (this.state.viewState === WebViewState.LOADING ||
-      this.state.viewState === WebViewState.ERROR) {
+    if (
+      this.state.viewState === WebViewState.LOADING ||
+      this.state.viewState === WebViewState.ERROR
+    ) {
       // if we're in either LOADING or ERROR states, don't show the webView
       webViewStyles.push(styles.hidden);
     }
@@ -281,16 +289,22 @@ class WebView extends React.Component {
     }
 
     if (source.method === 'POST' && source.headers) {
-      console.warn('WebView: `source.headers` is not supported when using POST.');
+      console.warn(
+        'WebView: `source.headers` is not supported when using POST.',
+      );
     } else if (source.method === 'GET' && source.body) {
       console.warn('WebView: `source.body` is not supported when using GET.');
     }
 
     const nativeConfig = this.props.nativeConfig || {};
 
+    const originWhitelist = (this.props.originWhitelist || []).map(
+      WebViewShared.originWhitelistToRegex,
+    );
+
     let NativeWebView = nativeConfig.component || RCTWebView;
 
-    const webView =
+    const webView = (
       <NativeWebView
         ref={RCT_WEBVIEW_REF}
         key="webViewKey"
@@ -305,19 +319,28 @@ class WebView extends React.Component {
         messagingEnabled={typeof this.props.onMessage === 'function'}
         onMessage={this.onMessage}
         contentInset={this.props.contentInset}
-        automaticallyAdjustContentInsets={this.props.automaticallyAdjustContentInsets}
+        automaticallyAdjustContentInsets={
+          this.props.automaticallyAdjustContentInsets
+        }
         onContentSizeChange={this.props.onContentSizeChange}
         onLoadingStart={this.onLoadingStart}
         onLoadingFinish={this.onLoadingFinish}
         onLoadingError={this.onLoadingError}
         testID={this.props.testID}
-        mediaPlaybackRequiresUserAction={this.props.mediaPlaybackRequiresUserAction}
-        allowUniversalAccessFromFileURLs={this.props.allowUniversalAccessFromFileURLs}
+        geolocationEnabled={this.props.geolocationEnabled}
+        mediaPlaybackRequiresUserAction={
+          this.props.mediaPlaybackRequiresUserAction
+        }
+        allowUniversalAccessFromFileURLs={
+          this.props.allowUniversalAccessFromFileURLs
+        }
+        originWhitelist={originWhitelist}
         mixedContentMode={this.props.mixedContentMode}
         saveFormDataDisabled={this.props.saveFormDataDisabled}
         urlPrefixesForDefaultIntent={this.props.urlPrefixesForDefaultIntent}
         {...nativeConfig.props}
-      />;
+      />
+    );
 
     return (
       <View style={styles.container}>
@@ -331,7 +354,7 @@ class WebView extends React.Component {
     UIManager.dispatchViewManagerCommand(
       this.getWebViewHandle(),
       UIManager.RCTWebView.Commands.goForward,
-      null
+      null,
     );
   };
 
@@ -339,18 +362,18 @@ class WebView extends React.Component {
     UIManager.dispatchViewManagerCommand(
       this.getWebViewHandle(),
       UIManager.RCTWebView.Commands.goBack,
-      null
+      null,
     );
   };
 
   reload = () => {
     this.setState({
-      viewState: WebViewState.LOADING
+      viewState: WebViewState.LOADING,
     });
     UIManager.dispatchViewManagerCommand(
       this.getWebViewHandle(),
       UIManager.RCTWebView.Commands.reload,
-      null
+      null,
     );
   };
 
@@ -358,29 +381,29 @@ class WebView extends React.Component {
     UIManager.dispatchViewManagerCommand(
       this.getWebViewHandle(),
       UIManager.RCTWebView.Commands.stopLoading,
-      null
+      null,
     );
   };
 
-  postMessage = (data) => {
+  postMessage = data => {
     UIManager.dispatchViewManagerCommand(
       this.getWebViewHandle(),
       UIManager.RCTWebView.Commands.postMessage,
-      [String(data)]
+      [String(data)],
     );
   };
 
   /**
-  * Injects a javascript string into the referenced WebView. Deliberately does not
-  * return a response because using eval() to return a response breaks this method
-  * on pages with a Content Security Policy that disallows eval(). If you need that
-  * functionality, look into postMessage/onMessage.
-  */
-  injectJavaScript = (data) => {
+   * Injects a javascript string into the referenced WebView. Deliberately does not
+   * return a response because using eval() to return a response breaks this method
+   * on pages with a Content Security Policy that disallows eval(). If you need that
+   * functionality, look into postMessage/onMessage.
+   */
+  injectJavaScript = data => {
     UIManager.dispatchViewManagerCommand(
       this.getWebViewHandle(),
       UIManager.RCTWebView.Commands.injectJavaScript,
-      [data]
+      [data],
     );
   };
 
@@ -388,7 +411,7 @@ class WebView extends React.Component {
    * We return an event with a bunch of fields including:
    *  url, title, loading, canGoBack, canGoForward
    */
-  updateNavigationState = (event) => {
+  updateNavigationState = event => {
     if (this.props.onNavigationStateChange) {
       this.props.onNavigationStateChange(event.nativeEvent);
     }
@@ -398,13 +421,13 @@ class WebView extends React.Component {
     return ReactNative.findNodeHandle(this.refs[RCT_WEBVIEW_REF]);
   };
 
-  onLoadingStart = (event) => {
+  onLoadingStart = event => {
     const onLoadStart = this.props.onLoadStart;
     onLoadStart && onLoadStart(event);
     this.updateNavigationState(event);
   };
 
-  onLoadingError = (event) => {
+  onLoadingError = event => {
     event.persist(); // persist this event because we need to store it
     const {onError, onLoadEnd} = this.props;
     onError && onError(event);
@@ -413,11 +436,11 @@ class WebView extends React.Component {
 
     this.setState({
       lastErrorEvent: event.nativeEvent,
-      viewState: WebViewState.ERROR
+      viewState: WebViewState.ERROR,
     });
   };
 
-  onLoadingFinish = (event) => {
+  onLoadingFinish = event => {
     const {onLoad, onLoadEnd} = this.props;
     onLoad && onLoad(event);
     onLoadEnd && onLoadEnd(event);
@@ -430,10 +453,10 @@ class WebView extends React.Component {
   onMessage = (event: Event) => {
     const {onMessage} = this.props;
     onMessage && onMessage(event);
-  }
+  };
 }
 
-const RCTWebView = requireNativeComponent('RCTWebView', WebView, WebView.extraNativeComponentConfig);
+const RCTWebView = requireNativeComponent('RCTWebView');
 
 const styles = StyleSheet.create({
   container: {
diff --git a/Libraries/Components/WebView/WebView.ios.js b/Libraries/Components/WebView/WebView.ios.js
index f01cfae537dd33..56290df97bcf94 100644
--- a/Libraries/Components/WebView/WebView.ios.js
+++ b/Libraries/Components/WebView/WebView.ios.js
@@ -4,22 +4,25 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule WebView
+ * @format
  * @noflow
  */
+
 'use strict';
 
 const ActivityIndicator = require('ActivityIndicator');
 const EdgeInsetsPropType = require('EdgeInsetsPropType');
-const React = require('React');
+const Linking = require('Linking');
 const PropTypes = require('prop-types');
+const React = require('React');
 const ReactNative = require('ReactNative');
+const ScrollView = require('ScrollView');
 const StyleSheet = require('StyleSheet');
 const Text = require('Text');
 const UIManager = require('UIManager');
 const View = require('View');
 const ViewPropTypes = require('ViewPropTypes');
-const ScrollView = require('ScrollView');
+const WebViewShared = require('WebViewShared');
 
 const deprecatedPropType = require('deprecatedPropType');
 const invariant = require('fbjs/lib/invariant');
@@ -54,7 +57,7 @@ type ErrorEvent = {
   domain: any,
   code: any,
   description: any,
-}
+};
 
 type Event = Object;
 
@@ -74,18 +77,10 @@ const defaultRenderLoading = () => (
 );
 const defaultRenderError = (errorDomain, errorCode, errorDesc) => (
   <View style={styles.errorContainer}>
-    <Text style={styles.errorTextTitle}>
-      Error loading page
-    </Text>
-    <Text style={styles.errorText}>
-      {'Domain: ' + errorDomain}
-    </Text>
-    <Text style={styles.errorText}>
-      {'Error Code: ' + errorCode}
-    </Text>
-    <Text style={styles.errorText}>
-      {'Description: ' + errorDesc}
-    </Text>
+    <Text style={styles.errorTextTitle}>Error loading page</Text>
+    <Text style={styles.errorText}>{'Domain: ' + errorDomain}</Text>
+    <Text style={styles.errorText}>{'Error Code: ' + errorCode}</Text>
+    <Text style={styles.errorText}>{'Description: ' + errorDesc}</Text>
   </View>
 );
 
@@ -114,30 +109,15 @@ const defaultRenderError = (errorDomain, errorCode, errorDesc) => (
 class WebView extends React.Component {
   static JSNavigationScheme = JSNavigationScheme;
   static NavigationType = NavigationType;
-  static get extraNativeComponentConfig() {
-    return {
-      nativeOnly: {
-        onLoadingStart: true,
-        onLoadingError: true,
-        onLoadingFinish: true,
-        onMessage: true,
-        messagingEnabled: PropTypes.bool,
-      },
-    };
-  }
-
   static propTypes = {
     ...ViewPropTypes,
 
     html: deprecatedPropType(
       PropTypes.string,
-      'Use the `source` prop instead.'
+      'Use the `source` prop instead.',
     ),
 
-    url: deprecatedPropType(
-      PropTypes.string,
-      'Use the `source` prop instead.'
-    ),
+    url: deprecatedPropType(PropTypes.string, 'Use the `source` prop instead.'),
 
     /**
      * Loads static html or a uri (with optional headers) in the WebView.
@@ -223,7 +203,10 @@ class WebView extends React.Component {
      *   - fast: 0.99 (the default for iOS web view)
      * @platform ios
      */
-    decelerationRate: ScrollView.propTypes.decelerationRate,
+    decelerationRate: PropTypes.oneOfType([
+      PropTypes.oneOf(['fast', 'normal']),
+      PropTypes.number,
+    ]),
     /**
      * Boolean value that determines whether scrolling is enabled in the
      * `WebView`. The default value is `true`.
@@ -354,6 +337,15 @@ class WebView extends React.Component {
      */
     mediaPlaybackRequiresUserAction: PropTypes.bool,
 
+    /**
+     * List of origin strings to allow being navigated to. The strings allow
+     * wildcards and get matched against *just* the origin (not the full URL).
+     * If the user taps to navigate to a new page but the new page is not in
+     * this whitelist, we will open the URL in Safari.
+     * The default whitelisted origins are "http://*" and "https://*".
+     */
+    originWhitelist: PropTypes.arrayOf(PropTypes.string),
+
     /**
      * Function that accepts a string that will be passed to the WebView and
      * executed immediately as JavaScript.
@@ -370,11 +362,7 @@ class WebView extends React.Component {
      * - `'compatibility'` -  WebView will attempt to be compatible with the approach of a modern web browser with regard to mixed content.
      * @platform android
      */
-    mixedContentMode: PropTypes.oneOf([
-      'never',
-      'always',
-      'compatibility'
-    ]),
+    mixedContentMode: PropTypes.oneOf(['never', 'always', 'compatibility']),
 
     /**
      * Override the native component used to render the WebView. Enables a custom native
@@ -391,7 +379,7 @@ class WebView extends React.Component {
        */
       props: PropTypes.object,
       /*
-       * Set the ViewManager to use for communcation with the native side.
+       * Set the ViewManager to use for communication with the native side.
        * @platform ios
        */
       viewManager: PropTypes.object,
@@ -399,6 +387,7 @@ class WebView extends React.Component {
   };
 
   static defaultProps = {
+    originWhitelist: WebViewShared.defaultOriginWhitelist,
     scalesPageToFit: true,
   };
 
@@ -421,24 +410,23 @@ class WebView extends React.Component {
       otherView = (this.props.renderLoading || defaultRenderLoading)();
     } else if (this.state.viewState === WebViewState.ERROR) {
       const errorEvent = this.state.lastErrorEvent;
-      invariant(
-        errorEvent != null,
-        'lastErrorEvent expected to be non-null'
-      );
+      invariant(errorEvent != null, 'lastErrorEvent expected to be non-null');
       otherView = (this.props.renderError || defaultRenderError)(
         errorEvent.domain,
         errorEvent.code,
-        errorEvent.description
+        errorEvent.description,
       );
     } else if (this.state.viewState !== WebViewState.IDLE) {
       console.error(
-        'RCTWebView invalid state encountered: ' + this.state.loading
+        'RCTWebView invalid state encountered: ' + this.state.loading,
       );
     }
 
     const webViewStyles = [styles.container, styles.webView, this.props.style];
-    if (this.state.viewState === WebViewState.LOADING ||
-      this.state.viewState === WebViewState.ERROR) {
+    if (
+      this.state.viewState === WebViewState.LOADING ||
+      this.state.viewState === WebViewState.ERROR
+    ) {
       // if we're in either LOADING or ERROR states, don't show the webView
       webViewStyles.push(styles.hidden);
     }
@@ -447,13 +435,34 @@ class WebView extends React.Component {
 
     const viewManager = nativeConfig.viewManager || RCTWebViewManager;
 
-    const onShouldStartLoadWithRequest = this.props.onShouldStartLoadWithRequest && ((event: Event) => {
-      const shouldStart = this.props.onShouldStartLoadWithRequest &&
-        this.props.onShouldStartLoadWithRequest(event.nativeEvent);
-      viewManager.startLoadWithResult(!!shouldStart, event.nativeEvent.lockIdentifier);
-    });
+    const compiledWhitelist = (this.props.originWhitelist || []).map(
+      WebViewShared.originWhitelistToRegex,
+    );
+    const onShouldStartLoadWithRequest = (event: Event) => {
+      let shouldStart = true;
+      const {url} = event.nativeEvent;
+      const origin = WebViewShared.extractOrigin(url);
+      const passesWhitelist = compiledWhitelist.some(x =>
+        new RegExp(x).test(origin),
+      );
+      shouldStart = shouldStart && passesWhitelist;
+      if (!passesWhitelist) {
+        Linking.openURL(url);
+      }
+      if (this.props.onShouldStartLoadWithRequest) {
+        shouldStart =
+          shouldStart &&
+          this.props.onShouldStartLoadWithRequest(event.nativeEvent);
+      }
+      viewManager.startLoadWithResult(
+        !!shouldStart,
+        event.nativeEvent.lockIdentifier,
+      );
+    };
 
-    const decelerationRate = processDecelerationRate(this.props.decelerationRate);
+    const decelerationRate = processDecelerationRate(
+      this.props.decelerationRate,
+    );
 
     const source = this.props.source || {};
     if (this.props.html) {
@@ -464,9 +473,9 @@ class WebView extends React.Component {
 
     const messagingEnabled = typeof this.props.onMessage === 'function';
 
-    const NativeWebView = nativeConfig.component || RCTWebView;
+    const NativeWebView = nativeConfig.component || RCTWebView;
 
-    const webView =
+    const webView = (
       <NativeWebView
         ref={RCT_WEBVIEW_REF}
         key="webViewKey"
@@ -477,7 +486,9 @@ class WebView extends React.Component {
         scrollEnabled={this.props.scrollEnabled}
         decelerationRate={decelerationRate}
         contentInset={this.props.contentInset}
-        automaticallyAdjustContentInsets={this.props.automaticallyAdjustContentInsets}
+        automaticallyAdjustContentInsets={
+          this.props.automaticallyAdjustContentInsets
+        }
         onLoadingStart={this._onLoadingStart}
         onLoadingFinish={this._onLoadingFinish}
         onLoadingError={this._onLoadingError}
@@ -486,10 +497,13 @@ class WebView extends React.Component {
         onShouldStartLoadWithRequest={onShouldStartLoadWithRequest}
         scalesPageToFit={this.props.scalesPageToFit}
         allowsInlineMediaPlayback={this.props.allowsInlineMediaPlayback}
-        mediaPlaybackRequiresUserAction={this.props.mediaPlaybackRequiresUserAction}
+        mediaPlaybackRequiresUserAction={
+          this.props.mediaPlaybackRequiresUserAction
+        }
         dataDetectorTypes={this.props.dataDetectorTypes}
         {...nativeConfig.props}
-      />;
+      />
+    );
 
     return (
       <View style={styles.container}>
@@ -506,7 +520,7 @@ class WebView extends React.Component {
     UIManager.dispatchViewManagerCommand(
       this.getWebViewHandle(),
       UIManager.RCTWebView.Commands.goForward,
-      null
+      null,
     );
   };
 
@@ -517,7 +531,7 @@ class WebView extends React.Component {
     UIManager.dispatchViewManagerCommand(
       this.getWebViewHandle(),
       UIManager.RCTWebView.Commands.goBack,
-      null
+      null,
     );
   };
 
@@ -529,7 +543,7 @@ class WebView extends React.Component {
     UIManager.dispatchViewManagerCommand(
       this.getWebViewHandle(),
       UIManager.RCTWebView.Commands.reload,
-      null
+      null,
     );
   };
 
@@ -540,7 +554,7 @@ class WebView extends React.Component {
     UIManager.dispatchViewManagerCommand(
       this.getWebViewHandle(),
       UIManager.RCTWebView.Commands.stopLoading,
-      null
+      null,
     );
   };
 
@@ -554,25 +568,25 @@ class WebView extends React.Component {
    * document.addEventListener('message', e => { document.title = e.data; });
    * ```
    */
-  postMessage = (data) => {
+  postMessage = data => {
     UIManager.dispatchViewManagerCommand(
       this.getWebViewHandle(),
       UIManager.RCTWebView.Commands.postMessage,
-      [String(data)]
+      [String(data)],
     );
   };
 
   /**
-  * Injects a javascript string into the referenced WebView. Deliberately does not
-  * return a response because using eval() to return a response breaks this method
-  * on pages with a Content Security Policy that disallows eval(). If you need that
-  * functionality, look into postMessage/onMessage.
-  */
-  injectJavaScript = (data) => {
+   * Injects a javascript string into the referenced WebView. Deliberately does not
+   * return a response because using eval() to return a response breaks this method
+   * on pages with a Content Security Policy that disallows eval(). If you need that
+   * functionality, look into postMessage/onMessage.
+   */
+  injectJavaScript = data => {
     UIManager.dispatchViewManagerCommand(
       this.getWebViewHandle(),
       UIManager.RCTWebView.Commands.injectJavaScript,
-      [data]
+      [data],
     );
   };
 
@@ -608,7 +622,7 @@ class WebView extends React.Component {
 
     this.setState({
       lastErrorEvent: event.nativeEvent,
-      viewState: WebViewState.ERROR
+      viewState: WebViewState.ERROR,
     });
   };
 
@@ -625,10 +639,10 @@ class WebView extends React.Component {
   _onMessage = (event: Event) => {
     const {onMessage} = this.props;
     onMessage && onMessage(event);
-  }
+  };
 }
 
-const RCTWebView = requireNativeComponent('RCTWebView', WebView, WebView.extraNativeComponentConfig);
+const RCTWebView = requireNativeComponent('RCTWebView');
 
 const styles = StyleSheet.create({
   container: {
@@ -663,7 +677,7 @@ const styles = StyleSheet.create({
   },
   webView: {
     backgroundColor: '#ffffff',
-  }
+  },
 });
 
 module.exports = WebView;
diff --git a/Libraries/Components/WebView/WebViewShared.js b/Libraries/Components/WebView/WebViewShared.js
new file mode 100644
index 00000000000000..5a3006e845b0cc
--- /dev/null
+++ b/Libraries/Components/WebView/WebViewShared.js
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow
+ */
+
+'use strict';
+
+const escapeStringRegexp = require('escape-string-regexp');
+
+const WebViewShared = {
+  defaultOriginWhitelist: ['http://*', 'https://*'],
+  extractOrigin: (url: string): ?string => {
+    const result = /^[A-Za-z0-9]+:(\/\/)?[^/]*/.exec(url);
+    return result === null ? null : result[0];
+  },
+  originWhitelistToRegex: (originWhitelist: string): string => {
+    return escapeStringRegexp(originWhitelist).replace(/\\\*/g, '.*');
+  },
+};
+
+module.exports = WebViewShared;
diff --git a/Libraries/Components/WebView/__tests__/WebViewShared-test.js b/Libraries/Components/WebView/__tests__/WebViewShared-test.js
new file mode 100644
index 00000000000000..b7456638fedb71
--- /dev/null
+++ b/Libraries/Components/WebView/__tests__/WebViewShared-test.js
@@ -0,0 +1,62 @@
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @emails oncall+react_native
+ */
+
+'use strict';
+
+const WebViewShared = require('WebViewShared');
+
+describe('WebViewShared', () => {
+  it('extracts the origin correctly', () => {
+    expect(WebViewShared.extractOrigin('http://facebook.com')).toBe(
+      'http://facebook.com',
+    );
+    expect(WebViewShared.extractOrigin('https://facebook.com')).toBe(
+      'https://facebook.com',
+    );
+    expect(WebViewShared.extractOrigin('http://facebook.com:8081')).toBe(
+      'http://facebook.com:8081',
+    );
+    expect(WebViewShared.extractOrigin('ftp://facebook.com')).toBe(
+      'ftp://facebook.com',
+    );
+    expect(WebViewShared.extractOrigin('myweirdscheme://')).toBe(
+      'myweirdscheme://',
+    );
+    expect(WebViewShared.extractOrigin('http://facebook.com/')).toBe(
+      'http://facebook.com',
+    );
+    expect(WebViewShared.extractOrigin('http://facebook.com/longerurl')).toBe(
+      'http://facebook.com',
+    );
+    expect(
+      WebViewShared.extractOrigin('http://facebook.com/http://facebook.com'),
+    ).toBe('http://facebook.com');
+    expect(
+      WebViewShared.extractOrigin('http://facebook.com//http://facebook.com'),
+    ).toBe('http://facebook.com');
+    expect(
+      WebViewShared.extractOrigin('http://facebook.com//http://facebook.com//'),
+    ).toBe('http://facebook.com');
+    expect(WebViewShared.extractOrigin('about:blank')).toBe('about:blank');
+  });
+
+  it('rejects bad urls', () => {
+    expect(WebViewShared.extractOrigin('a/b')).toBeNull();
+    expect(WebViewShared.extractOrigin('a//b')).toBeNull();
+  });
+
+  it('creates a whitelist regex correctly', () => {
+    expect(WebViewShared.originWhitelistToRegex('http://*')).toBe('http://.*');
+    expect(WebViewShared.originWhitelistToRegex('*')).toBe('.*');
+    expect(WebViewShared.originWhitelistToRegex('*//test')).toBe('.*//test');
+    expect(WebViewShared.originWhitelistToRegex('*/*')).toBe('.*/.*');
+    expect(WebViewShared.originWhitelistToRegex('*.com')).toBe('.*\\.com');
+  });
+});
diff --git a/Libraries/Core/Devtools/__tests__/parseErrorStack-test.js b/Libraries/Core/Devtools/__tests__/parseErrorStack-test.js
index beaa629d765d77..79d677e217e71c 100644
--- a/Libraries/Core/Devtools/__tests__/parseErrorStack-test.js
+++ b/Libraries/Core/Devtools/__tests__/parseErrorStack-test.js
@@ -4,38 +4,38 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
-'use strict';
 
+'use strict';
 
-var parseErrorStack = require('parseErrorStack');
+const parseErrorStack = require('parseErrorStack');
 
 function getFakeError() {
   return new Error('Happy Cat');
 }
 
 describe('parseErrorStack', function() {
-
   it('parses error stack', function() {
-    var stack = parseErrorStack(getFakeError());
+    const stack = parseErrorStack(getFakeError());
     expect(stack.length).toBeGreaterThan(0);
 
-    var firstFrame = stack[0];
+    const firstFrame = stack[0];
     expect(firstFrame.methodName).toEqual('getFakeError');
     expect(firstFrame.file).toMatch(/parseErrorStack-test\.js$/);
   });
 
   it('supports framesToPop', function() {
     function getWrappedError() {
-      var error = getFakeError();
+      const error = getFakeError();
       error.framesToPop = 1;
       return error;
     }
 
     // Make sure framesToPop == 1 causes it to ignore getFakeError
     // stack frame
-    var stack = parseErrorStack(getWrappedError());
+    const stack = parseErrorStack(getWrappedError());
     expect(stack[0].methodName).toEqual('getWrappedError');
   });
 
@@ -43,5 +43,4 @@ describe('parseErrorStack', function() {
     expect(parseErrorStack({})).toEqual([]);
     expect(parseErrorStack(null)).toEqual([]);
   });
-
 });
diff --git a/Libraries/Core/Devtools/getDevServer.js b/Libraries/Core/Devtools/getDevServer.js
index 975a75f827b240..adcc28c2d067e1 100644
--- a/Libraries/Core/Devtools/getDevServer.js
+++ b/Libraries/Core/Devtools/getDevServer.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule getDevServer
+ * @format
  * @flow
  */
+
 'use strict';
 
 const {SourceCode} = require('NativeModules');
@@ -25,7 +26,10 @@ type DevServerInfo = {
  */
 function getDevServer(): DevServerInfo {
   if (_cachedDevServerURL === undefined) {
-    const match = SourceCode && SourceCode.scriptURL && SourceCode.scriptURL.match(/^https?:\/\/.*?\//);
+    const match =
+      SourceCode &&
+      SourceCode.scriptURL &&
+      SourceCode.scriptURL.match(/^https?:\/\/.*?\//);
     _cachedDevServerURL = match ? match[0] : null;
   }
 
diff --git a/Libraries/Core/Devtools/openFileInEditor.js b/Libraries/Core/Devtools/openFileInEditor.js
index a5f9da59e6b1ab..c085883920aeda 100644
--- a/Libraries/Core/Devtools/openFileInEditor.js
+++ b/Libraries/Core/Devtools/openFileInEditor.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule openFileInEditor
+ * @format
  * @flow
  */
+
 'use strict';
 
 const getDevServer = require('getDevServer');
diff --git a/Libraries/Core/Devtools/parseErrorStack.js b/Libraries/Core/Devtools/parseErrorStack.js
index e1ae27294fee68..ec85260d7eaa35 100644
--- a/Libraries/Core/Devtools/parseErrorStack.js
+++ b/Libraries/Core/Devtools/parseErrorStack.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule parseErrorStack
+ * @format
  * @flow
  */
+
 'use strict';
 
 export type StackFrame = {
@@ -29,7 +30,9 @@ function parseErrorStack(e: ExtendedError): Array<StackFrame> {
    * error found when Flow v0.54 was deployed. To see the error delete this
    * comment and run Flow. */
   const stacktraceParser = require('stacktrace-parser');
-  const stack = Array.isArray(e.stack) ? e.stack : stacktraceParser.parse(e.stack);
+  const stack = Array.isArray(e.stack)
+    ? e.stack
+    : stacktraceParser.parse(e.stack);
 
   let framesToPop = typeof e.framesToPop === 'number' ? e.framesToPop : 0;
   while (framesToPop--) {
diff --git a/Libraries/Core/Devtools/setupDevtools.js b/Libraries/Core/Devtools/setupDevtools.js
index cbfb8df3983b59..ddca7d04003025 100644
--- a/Libraries/Core/Devtools/setupDevtools.js
+++ b/Libraries/Core/Devtools/setupDevtools.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule setupDevtools
+ * @format
  * @flow
  */
+
 'use strict';
 
 type DevToolsPluginConnection = {
@@ -19,7 +20,7 @@ type DevToolsPlugin = {
   connectToDevTools: (connection: DevToolsPluginConnection) => void,
 };
 
-let register = function () {
+let register = function() {
   // noop
 };
 
diff --git a/Libraries/Core/Devtools/symbolicateStackTrace.js b/Libraries/Core/Devtools/symbolicateStackTrace.js
index 5ac25fe03e98fb..b5d7d4e9754ff0 100644
--- a/Libraries/Core/Devtools/symbolicateStackTrace.js
+++ b/Libraries/Core/Devtools/symbolicateStackTrace.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule symbolicateStackTrace
+ * @format
  * @flow
  */
+
 'use strict';
 
 const getDevServer = require('getDevServer');
@@ -22,7 +23,9 @@ function isSourcedFromDisk(sourcePath: string): boolean {
   return !/^http/.test(sourcePath) && /[\\/]/.test(sourcePath);
 }
 
-async function symbolicateStackTrace(stack: Array<StackFrame>): Promise<Array<StackFrame>> {
+async function symbolicateStackTrace(
+  stack: Array<StackFrame>,
+): Promise<Array<StackFrame>> {
   // RN currently lazy loads whatwg-fetch using a custom fetch module, which,
   // when called for the first time, requires and re-exports 'whatwg-fetch'.
   // However, when a dependency of the project tries to require whatwg-fetch
diff --git a/Libraries/Core/ExceptionsManager.js b/Libraries/Core/ExceptionsManager.js
index 8a63ec3bff4bcc..bc32f5d0d23890 100644
--- a/Libraries/Core/ExceptionsManager.js
+++ b/Libraries/Core/ExceptionsManager.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ExceptionsManager
+ * @format
  * @flow
  */
+
 'use strict';
 
 import type {ExtendedError} from 'parseErrorStack';
@@ -15,30 +16,42 @@ import type {ExtendedError} from 'parseErrorStack';
  * Handles the developer-visible aspect of errors and exceptions
  */
 let exceptionID = 0;
-function reportException(e: ExtendedError, isFatal: bool) {
+function reportException(e: ExtendedError, isFatal: boolean) {
   const {ExceptionsManager} = require('NativeModules');
   if (ExceptionsManager) {
     const parseErrorStack = require('parseErrorStack');
     const stack = parseErrorStack(e);
     const currentExceptionID = ++exceptionID;
     if (isFatal) {
-      ExceptionsManager.reportFatalException(e.message, stack, currentExceptionID);
+      ExceptionsManager.reportFatalException(
+        e.message,
+        stack,
+        currentExceptionID,
+      );
     } else {
-      ExceptionsManager.reportSoftException(e.message, stack, currentExceptionID);
+      ExceptionsManager.reportSoftException(
+        e.message,
+        stack,
+        currentExceptionID,
+      );
     }
     if (__DEV__) {
       const symbolicateStackTrace = require('symbolicateStackTrace');
-      symbolicateStackTrace(stack).then(
-        (prettyStack) => {
+      symbolicateStackTrace(stack)
+        .then(prettyStack => {
           if (prettyStack) {
-            ExceptionsManager.updateExceptionMessage(e.message, prettyStack, currentExceptionID);
+            ExceptionsManager.updateExceptionMessage(
+              e.message,
+              prettyStack,
+              currentExceptionID,
+            );
           } else {
             throw new Error('The stack is null');
           }
-        }
-      ).catch(
-        (error) => console.warn('Unable to symbolicate stack trace: ' + error.message)
-      );
+        })
+        .catch(error =>
+          console.warn('Unable to symbolicate stack trace: ' + error.message),
+        );
     }
   }
 }
@@ -84,7 +97,7 @@ function reactConsoleErrorHandler() {
       // (Note: Logic duplicated in polyfills/console.js.)
       return;
     }
-    const error : ExtendedError = new Error('console.error: ' + str);
+    const error: ExtendedError = new Error('console.error: ' + str);
     error.framesToPop = 1;
     reportException(error, /* isFatal */ false);
   }
@@ -109,4 +122,4 @@ function installConsoleErrorReporter() {
   }
 }
 
-module.exports = { handleException, installConsoleErrorReporter };
+module.exports = {handleException, installConsoleErrorReporter};
diff --git a/Libraries/Core/InitializeCore.js b/Libraries/Core/InitializeCore.js
index c97576397a94b6..119deb92b2b0bc 100644
--- a/Libraries/Core/InitializeCore.js
+++ b/Libraries/Core/InitializeCore.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule InitializeCore
+ * @format
  * @flow
  */
 
@@ -153,33 +153,52 @@ polyfillObjectProperty(navigator, 'geolocation', () => require('Geolocation'));
 const BatchedBridge = require('BatchedBridge');
 BatchedBridge.registerLazyCallableModule('Systrace', () => require('Systrace'));
 BatchedBridge.registerLazyCallableModule('JSTimers', () => require('JSTimers'));
-BatchedBridge.registerLazyCallableModule('HeapCapture', () => require('HeapCapture'));
-BatchedBridge.registerLazyCallableModule('SamplingProfiler', () => require('SamplingProfiler'));
+BatchedBridge.registerLazyCallableModule('HeapCapture', () =>
+  require('HeapCapture'),
+);
+BatchedBridge.registerLazyCallableModule('SamplingProfiler', () =>
+  require('SamplingProfiler'),
+);
 BatchedBridge.registerLazyCallableModule('RCTLog', () => require('RCTLog'));
-BatchedBridge.registerLazyCallableModule('RCTDeviceEventEmitter', () => require('RCTDeviceEventEmitter'));
-BatchedBridge.registerLazyCallableModule('RCTNativeAppEventEmitter', () => require('RCTNativeAppEventEmitter'));
-BatchedBridge.registerLazyCallableModule('PerformanceLogger', () => require('PerformanceLogger'));
-BatchedBridge.registerLazyCallableModule('JSDevSupportModule', () => require('JSDevSupportModule'));
+BatchedBridge.registerLazyCallableModule('RCTDeviceEventEmitter', () =>
+  require('RCTDeviceEventEmitter'),
+);
+BatchedBridge.registerLazyCallableModule('RCTNativeAppEventEmitter', () =>
+  require('RCTNativeAppEventEmitter'),
+);
+BatchedBridge.registerLazyCallableModule('PerformanceLogger', () =>
+  require('PerformanceLogger'),
+);
+BatchedBridge.registerLazyCallableModule('JSDevSupportModule', () =>
+  require('JSDevSupportModule'),
+);
 
 global.__fetchSegment = function(
   segmentId: number,
+  options: {|+otaBuildNumber: ?string|},
   callback: (?Error) => void,
 ) {
   const {SegmentFetcher} = require('NativeModules');
   if (!SegmentFetcher) {
-    throw new Error('SegmentFetcher is missing. Please ensure that it is ' +
-      'included as a NativeModule.');
+    throw new Error(
+      'SegmentFetcher is missing. Please ensure that it is ' +
+        'included as a NativeModule.',
+    );
   }
 
-  SegmentFetcher.fetchSegment(segmentId, (errorObject: ?{message: string, code: string}) => {
-    if (errorObject) {
-      const error = new Error(errorObject.message);
-      (error: any).code = errorObject.code;
-      callback(error);
-    }
-
-    callback(null);
-  });
+  SegmentFetcher.fetchSegment(
+    segmentId,
+    options,
+    (errorObject: ?{message: string, code: string}) => {
+      if (errorObject) {
+        const error = new Error(errorObject.message);
+        (error: any).code = errorObject.code;
+        callback(error);
+      }
+
+      callback(null);
+    },
+  );
 };
 
 // Set up devtools
diff --git a/Libraries/Core/ReactNativeVersion.js b/Libraries/Core/ReactNativeVersion.js
index 52b8f9c47b8f26..320b26ac84db6b 100644
--- a/Libraries/Core/ReactNativeVersion.js
+++ b/Libraries/Core/ReactNativeVersion.js
@@ -1,13 +1,12 @@
 /**
- * @generated by scripts/bump-oss-version.js
- *
  * Copyright (c) 2015-present, Facebook, Inc.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
+ * @generated by scripts/bump-oss-version.js
  * @flow
- * @providesModule ReactNativeVersion
  */
 
 exports.version = {
diff --git a/Libraries/Core/ReactNativeVersionCheck.js b/Libraries/Core/ReactNativeVersionCheck.js
index acbac3337baffd..8a937c769d9979 100644
--- a/Libraries/Core/ReactNativeVersionCheck.js
+++ b/Libraries/Core/ReactNativeVersionCheck.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ReactNativeVersionCheck
  * @flow
  * @format
  */
diff --git a/Libraries/Core/Timers/JSTimers.js b/Libraries/Core/Timers/JSTimers.js
index 5fae3408aa5158..7cffb4e3d06d82 100644
--- a/Libraries/Core/Timers/JSTimers.js
+++ b/Libraries/Core/Timers/JSTimers.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule JSTimers
  * @format
  * @flow
  */
@@ -15,6 +14,7 @@ const Systrace = require('Systrace');
 
 const invariant = require('fbjs/lib/invariant');
 const {Timing} = require('NativeModules');
+const BatchedBridge = require('BatchedBridge');
 
 import type {ExtendedError} from 'parseErrorStack';
 
@@ -483,13 +483,20 @@ const JSTimers = {
   },
 };
 
+let ExportedJSTimers;
 if (!Timing) {
   console.warn("Timing native module is not available, can't set timers.");
   // $FlowFixMe: we can assume timers are generally available
-  module.exports = ({
+  ExportedJSTimers = ({
     callImmediates: JSTimers.callImmediates,
     setImmediate: JSTimers.setImmediate,
   }: typeof JSTimers);
 } else {
-  module.exports = JSTimers;
+  ExportedJSTimers = JSTimers;
 }
+
+BatchedBridge.setImmediatesCallback(
+  ExportedJSTimers.callImmediates.bind(ExportedJSTimers),
+);
+
+module.exports = ExportedJSTimers;
diff --git a/Libraries/Core/__mocks__/ErrorUtils.js b/Libraries/Core/__mocks__/ErrorUtils.js
index 2ab128040cffca..2719c138c4549d 100644
--- a/Libraries/Core/__mocks__/ErrorUtils.js
+++ b/Libraries/Core/__mocks__/ErrorUtils.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 // This mock only provides short-circuited methods of applyWithGuard and guard.
@@ -19,7 +21,7 @@ function reportError(error) {
   throw error;
 }
 
-var ErrorUtils = {
+const ErrorUtils = {
   apply: jest.fn(execute),
   applyWithGuard: jest.fn(execute),
   guard: jest.fn(callback => callback),
diff --git a/Libraries/EventEmitter/MissingNativeEventEmitterShim.js b/Libraries/EventEmitter/MissingNativeEventEmitterShim.js
index d4abfc228a4ba1..562964b85f4cf4 100644
--- a/Libraries/EventEmitter/MissingNativeEventEmitterShim.js
+++ b/Libraries/EventEmitter/MissingNativeEventEmitterShim.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule MissingNativeEventEmitterShim
+ * @format
  * @flow
  */
+
 'use strict';
 
 const EmitterSubscription = require('EmitterSubscription');
@@ -29,9 +30,11 @@ class MissingNativeEventEmitterShim extends EventEmitter {
     invariant(
       false,
       `Cannot use '${this._nativeEventEmitterName}' module when ` +
-      `native '${this._nativeModuleName}' is not included in the build. ` +
-      `Either include it, or check '${this._nativeEventEmitterName}'.isAvailable ` +
-      'before calling any methods.'
+        `native '${this._nativeModuleName}' is not included in the build. ` +
+        `Either include it, or check '${
+          this._nativeEventEmitterName
+        }'.isAvailable ` +
+        'before calling any methods.',
     );
   }
 
diff --git a/Libraries/EventEmitter/NativeEventEmitter.js b/Libraries/EventEmitter/NativeEventEmitter.js
index f453cbc5184e42..2220670fc76909 100644
--- a/Libraries/EventEmitter/NativeEventEmitter.js
+++ b/Libraries/EventEmitter/NativeEventEmitter.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule NativeEventEmitter
+ * @format
  * @flow
  */
+
 'use strict';
 
 const EventEmitter = require('EventEmitter');
diff --git a/Libraries/EventEmitter/RCTDeviceEventEmitter.js b/Libraries/EventEmitter/RCTDeviceEventEmitter.js
index 57ce4fa08990c8..b0977f219abc25 100644
--- a/Libraries/EventEmitter/RCTDeviceEventEmitter.js
+++ b/Libraries/EventEmitter/RCTDeviceEventEmitter.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RCTDeviceEventEmitter
+ * @format
  * @flow
  */
+
 'use strict';
 
 const EventEmitter = require('EventEmitter');
@@ -17,13 +18,25 @@ import type EmitterSubscription from 'EmitterSubscription';
 function checkNativeEventModule(eventType: ?string) {
   if (eventType) {
     if (eventType.lastIndexOf('statusBar', 0) === 0) {
-      throw new Error('`' + eventType + '` event should be registered via the StatusBarIOS module');
+      throw new Error(
+        '`' +
+          eventType +
+          '` event should be registered via the StatusBarIOS module',
+      );
     }
     if (eventType.lastIndexOf('keyboard', 0) === 0) {
-      throw new Error('`' + eventType + '` event should be registered via the Keyboard module');
+      throw new Error(
+        '`' +
+          eventType +
+          '` event should be registered via the Keyboard module',
+      );
     }
     if (eventType === 'appStateDidChange' || eventType === 'memoryWarning') {
-      throw new Error('`' + eventType + '` event should be registered via the AppState module');
+      throw new Error(
+        '`' +
+          eventType +
+          '` event should be registered via the AppState module',
+      );
     }
   }
 }
@@ -33,7 +46,6 @@ function checkNativeEventModule(eventType: ?string) {
  * adding all event listeners directly to RCTDeviceEventEmitter.
  */
 class RCTDeviceEventEmitter extends EventEmitter {
-
   sharedSubscriber: EventSubscriptionVendor;
 
   constructor() {
@@ -42,8 +54,11 @@ class RCTDeviceEventEmitter extends EventEmitter {
     this.sharedSubscriber = sharedSubscriber;
   }
 
-
-  addListener(eventType: string, listener: Function, context: ?Object): EmitterSubscription {
+  addListener(
+    eventType: string,
+    listener: Function,
+    context: ?Object,
+  ): EmitterSubscription {
     if (__DEV__) {
       checkNativeEventModule(eventType);
     }
diff --git a/Libraries/EventEmitter/RCTEventEmitter.js b/Libraries/EventEmitter/RCTEventEmitter.js
index 581515482f1c9b..1a51905ba20d1e 100644
--- a/Libraries/EventEmitter/RCTEventEmitter.js
+++ b/Libraries/EventEmitter/RCTEventEmitter.js
@@ -4,20 +4,18 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RCTEventEmitter
+ * @format
  * @flow
  */
+
 'use strict';
 
 const BatchedBridge = require('BatchedBridge');
 
 const RCTEventEmitter = {
   register(eventEmitter: any) {
-    BatchedBridge.registerCallableModule(
-      'RCTEventEmitter',
-      eventEmitter
-    );
-  }
+    BatchedBridge.registerCallableModule('RCTEventEmitter', eventEmitter);
+  },
 };
 
 module.exports = RCTEventEmitter;
diff --git a/Libraries/EventEmitter/RCTNativeAppEventEmitter.js b/Libraries/EventEmitter/RCTNativeAppEventEmitter.js
index 9fe0a1573fe18f..a32cfcef7cf9c7 100644
--- a/Libraries/EventEmitter/RCTNativeAppEventEmitter.js
+++ b/Libraries/EventEmitter/RCTNativeAppEventEmitter.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RCTNativeAppEventEmitter
+ * @format
  * @flow
  */
+
 'use strict';
 
 const RCTDeviceEventEmitter = require('RCTDeviceEventEmitter');
diff --git a/Libraries/EventEmitter/__mocks__/NativeEventEmitter.js b/Libraries/EventEmitter/__mocks__/NativeEventEmitter.js
index d65243424b4a50..e822b72c73c192 100644
--- a/Libraries/EventEmitter/__mocks__/NativeEventEmitter.js
+++ b/Libraries/EventEmitter/__mocks__/NativeEventEmitter.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
+
 'use strict';
 
 const EventEmitter = require('EventEmitter');
diff --git a/Libraries/Experimental/Incremental.js b/Libraries/Experimental/Incremental.js
index 45c0a7dce5a071..cfd0c69fd03cfe 100644
--- a/Libraries/Experimental/Incremental.js
+++ b/Libraries/Experimental/Incremental.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Incremental
+ * @format
  * @flow
  */
+
 'use strict';
 
 const InteractionManager = require('InteractionManager');
@@ -80,16 +81,16 @@ const DEBUG = false;
  * component, saving us from ever doing the remaining rendering work.
  */
 export type Props = {
- /**
-  * Called when all the descendants have finished rendering and mounting
-  * recursively.
-  */
- onDone?: () => void,
- /**
-  * Tags instances and associated tasks for easier debugging.
-  */
- name: string,
- children?: any,
+  /**
+   * Called when all the descendants have finished rendering and mounting
+   * recursively.
+   */
+  onDone?: () => void,
+  /**
+   * Tags instances and associated tasks for easier debugging.
+   */
+  name: string,
+  children?: any,
 };
 type DefaultProps = {
   name: string,
@@ -132,30 +133,38 @@ class Incremental extends React.Component<Props, State> {
     if (!ctx) {
       return;
     }
-    this._incrementId = ++(ctx.incrementalCount);
+    this._incrementId = ++ctx.incrementalCount;
     InteractionManager.runAfterInteractions({
       name: 'Incremental:' + this.getName(),
-      gen: () => new Promise(resolve => {
-        if (!this._mounted || this._rendered) {
-          resolve();
-          return;
-        }
-        DEBUG && infoLog('set doIncrementalRender for ' + this.getName());
-        this.setState({doIncrementalRender: true}, resolve);
-      }),
-    }).then(() => {
-      DEBUG && infoLog('call onDone for ' + this.getName());
-      this._mounted && this.props.onDone && this.props.onDone();
-    }).catch((ex) => {
-      ex.message = `Incremental render failed for ${this.getName()}: ${ex.message}`;
-      throw ex;
-    }).done();
+      gen: () =>
+        new Promise(resolve => {
+          if (!this._mounted || this._rendered) {
+            resolve();
+            return;
+          }
+          DEBUG && infoLog('set doIncrementalRender for ' + this.getName());
+          this.setState({doIncrementalRender: true}, resolve);
+        }),
+    })
+      .then(() => {
+        DEBUG && infoLog('call onDone for ' + this.getName());
+        this._mounted && this.props.onDone && this.props.onDone();
+      })
+      .catch(ex => {
+        ex.message = `Incremental render failed for ${this.getName()}: ${
+          ex.message
+        }`;
+        throw ex;
+      })
+      .done();
   }
 
   render(): React.Node {
-    if (this._rendered || // Make sure that once we render once, we stay rendered even if incrementalGroupEnabled gets flipped.
-        !this.context.incrementalGroupEnabled ||
-        this.state.doIncrementalRender) {
+    if (
+      this._rendered || // Make sure that once we render once, we stay rendered even if incrementalGroupEnabled gets flipped.
+      !this.context.incrementalGroupEnabled ||
+      this.state.doIncrementalRender
+    ) {
       DEBUG && infoLog('render ' + this.getName());
       this._rendered = true;
       return this.props.children;
diff --git a/Libraries/Experimental/IncrementalExample.js b/Libraries/Experimental/IncrementalExample.js
index 280d36f198cfa0..3cc441fff38591 100644
--- a/Libraries/Experimental/IncrementalExample.js
+++ b/Libraries/Experimental/IncrementalExample.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule IncrementalExample
+ * @format
  * @flow
  */
+
 'use strict';
 
 const React = require('react');
@@ -36,7 +37,10 @@ JSEventLoopWatchdog.install({thresholdMS: 200});
 
 let totalWidgets = 0;
 
-class SlowWidget extends React.Component<$FlowFixMeProps, {ctorTimestamp: number, timeToMount: number}> {
+class SlowWidget extends React.Component<
+  $FlowFixMeProps,
+  {ctorTimestamp: number, timeToMount: number},
+> {
   constructor(props, context) {
     super(props, context);
     this.state = {
@@ -70,7 +74,9 @@ function stopInteraction() {
 }
 
 function Block(props: Object) {
-  const IncrementalContainer = props.stream ? IncrementalGroup : IncrementalPresenter;
+  const IncrementalContainer = props.stream
+    ? IncrementalGroup
+    : IncrementalPresenter;
   return (
     <IncrementalContainer name={'b_' + props.idx}>
       <TouchableOpacity
@@ -117,32 +123,37 @@ class IncrementalExample extends React.Component<mixed, {stats: ?Object}> {
   }
   render(): React.Node {
     return (
-      <IncrementalGroup
-        disabled={false}
-        name="root"
-        onDone={this._onDone}>
+      <IncrementalGroup disabled={false} name="root" onDone={this._onDone}>
         <ScrollView style={styles.scrollView}>
           <Text style={styles.headerText}>
             Press and hold on a row to pause rendering.
           </Text>
-          {this.state.stats && <Text>
-            Finished: {JSON.stringify(this.state.stats, null, 2)}
-          </Text>}
-          {Array(8).fill().map((_, blockIdx) => {
-            return (
-              <Block key={blockIdx} idx={blockIdx} stream={blockIdx < 2}>
-                {Array(4).fill().map((_b, rowIdx) => (
-                  <Row key={rowIdx}>
-                    {Array(14).fill().map((_c, widgetIdx) => (
-                      <Incremental key={widgetIdx} name={'w_' + widgetIdx}>
-                        <SlowWidget idx={widgetIdx} />
-                      </Incremental>
+          {this.state.stats && (
+            <Text>Finished: {JSON.stringify(this.state.stats, null, 2)}</Text>
+          )}
+          {Array(8)
+            .fill()
+            .map((_, blockIdx) => {
+              return (
+                <Block key={blockIdx} idx={blockIdx} stream={blockIdx < 2}>
+                  {Array(4)
+                    .fill()
+                    .map((_b, rowIdx) => (
+                      <Row key={rowIdx}>
+                        {Array(14)
+                          .fill()
+                          .map((_c, widgetIdx) => (
+                            <Incremental
+                              key={widgetIdx}
+                              name={'w_' + widgetIdx}>
+                              <SlowWidget idx={widgetIdx} />
+                            </Incremental>
+                          ))}
+                      </Row>
                     ))}
-                  </Row>
-                ))}
-              </Block>
-            );
-          })}
+                </Block>
+              );
+            })}
         </ScrollView>
       </IncrementalGroup>
     );
@@ -151,10 +162,10 @@ class IncrementalExample extends React.Component<mixed, {stats: ?Object}> {
 
 function burnCPU(milliseconds) {
   const start = performanceNow();
-  while (performanceNow() < (start + milliseconds)) {}
+  while (performanceNow() < start + milliseconds) {}
 }
 
-var styles = StyleSheet.create({
+const styles = StyleSheet.create({
   scrollView: {
     margin: 10,
     backgroundColor: 'white',
diff --git a/Libraries/Experimental/IncrementalGroup.js b/Libraries/Experimental/IncrementalGroup.js
index e2aefae6836f2d..af1a7ad63ddb79 100644
--- a/Libraries/Experimental/IncrementalGroup.js
+++ b/Libraries/Experimental/IncrementalGroup.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule IncrementalGroup
+ * @format
  * @flow
  */
+
 'use strict';
 
 const Incremental = require('Incremental');
@@ -37,9 +38,7 @@ class IncrementalGroup extends React.Component<Props & {disabled?: boolean}> {
   _groupInc: string;
   UNSAFE_componentWillMount() {
     this._groupInc = `g${++_groupCounter}-`;
-    DEBUG && infoLog(
-      'create IncrementalGroup with id ' + this.getGroupId()
-    );
+    DEBUG && infoLog('create IncrementalGroup with id ' + this.getGroupId());
   }
 
   getGroupId(): string {
@@ -66,10 +65,7 @@ class IncrementalGroup extends React.Component<Props & {disabled?: boolean}> {
 
   render(): React.Node {
     return (
-      <Incremental
-        onDone={this.props.onDone}
-        children={this.props.children}
-      />
+      <Incremental onDone={this.props.onDone} children={this.props.children} />
     );
   }
 }
diff --git a/Libraries/Experimental/IncrementalPresenter.js b/Libraries/Experimental/IncrementalPresenter.js
index 03c69d1fcdcf71..9927179d173966 100644
--- a/Libraries/Experimental/IncrementalPresenter.js
+++ b/Libraries/Experimental/IncrementalPresenter.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule IncrementalPresenter
+ * @format
  * @flow
  */
+
 'use strict';
 
 const IncrementalGroup = require('IncrementalGroup');
@@ -37,7 +38,7 @@ type Props = {
   onLayout?: (event: Object) => void,
   style?: mixed,
   children?: any,
-}
+};
 class IncrementalPresenter extends React.Component<Props> {
   context: Context;
   _isDone: boolean;
@@ -61,19 +62,23 @@ class IncrementalPresenter extends React.Component<Props> {
   }
   onDone() {
     this._isDone = true;
-    if (this.props.disabled !== true &&
-        this.context.incrementalGroupEnabled !== false) {
+    if (
+      this.props.disabled !== true &&
+      this.context.incrementalGroupEnabled !== false
+    ) {
       // Avoid expensive re-renders and use setNativeProps
-      this.refs.view.setNativeProps(
-        {style: [this.props.style, {opacity: 1, position: 'relative'}]}
-      );
+      this.refs.view.setNativeProps({
+        style: [this.props.style, {opacity: 1, position: 'relative'}],
+      });
     }
     this.props.onDone && this.props.onDone();
   }
   render() {
-    if (this.props.disabled !== true &&
-        this.context.incrementalGroupEnabled !== false &&
-        !this._isDone) {
+    if (
+      this.props.disabled !== true &&
+      this.context.incrementalGroupEnabled !== false &&
+      !this._isDone
+    ) {
       var style = [this.props.style, {opacity: 0, position: 'absolute'}];
     } else {
       var style = this.props.style;
diff --git a/Libraries/Experimental/SwipeableRow/SwipeableFlatList.js b/Libraries/Experimental/SwipeableRow/SwipeableFlatList.js
index f7f78b40103acf..b01fea760dd0f4 100644
--- a/Libraries/Experimental/SwipeableRow/SwipeableFlatList.js
+++ b/Libraries/Experimental/SwipeableRow/SwipeableFlatList.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SwipeableFlatList
  * @flow
  * @format
  */
diff --git a/Libraries/Experimental/SwipeableRow/SwipeableListView.js b/Libraries/Experimental/SwipeableRow/SwipeableListView.js
index 569f3581d04770..bae4eb5f2ff846 100644
--- a/Libraries/Experimental/SwipeableRow/SwipeableListView.js
+++ b/Libraries/Experimental/SwipeableRow/SwipeableListView.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SwipeableListView
+ * @format
  * @flow
  */
+
 'use strict';
 
 const ListView = require('ListView');
@@ -23,7 +24,9 @@ type DefaultProps = {
 type Props = {
   bounceFirstRowOnMount: boolean,
   dataSource: SwipeableListViewDataSource,
-  maxSwipeDistance: number | (rowData: any, sectionID: string, rowID: string) => number,
+  maxSwipeDistance:
+    | number
+    | ((rowData: any, sectionID: string, rowID: string) => number),
   onScroll?: ?Function,
   renderRow: Function,
   renderQuickActions: Function,
@@ -79,10 +82,8 @@ class SwipeableListView extends React.Component<Props, State> {
      */
     dataSource: PropTypes.instanceOf(SwipeableListViewDataSource).isRequired,
     // Maximum distance to open to after a swipe
-    maxSwipeDistance: PropTypes.oneOfType([
-      PropTypes.number,
-      PropTypes.func,
-    ]).isRequired,
+    maxSwipeDistance: PropTypes.oneOfType([PropTypes.number, PropTypes.func])
+      .isRequired,
     // Callback method to render the swipeable view
     renderRow: PropTypes.func.isRequired,
     // Callback method to render the view that will be unveiled on swipe
@@ -104,7 +105,10 @@ class SwipeableListView extends React.Component<Props, State> {
   }
 
   UNSAFE_componentWillReceiveProps(nextProps: Props): void {
-    if (this.state.dataSource.getDataSource() !== nextProps.dataSource.getDataSource()) {
+    if (
+      this.state.dataSource.getDataSource() !==
+      nextProps.dataSource.getDataSource()
+    ) {
       this.setState({
         dataSource: nextProps.dataSource,
       });
@@ -113,9 +117,11 @@ class SwipeableListView extends React.Component<Props, State> {
 
   render(): React.Node {
     return (
+      // $FlowFixMe Found when typing ListView
       <ListView
         {...this.props}
-        ref={(ref) => {
+        ref={ref => {
+          // $FlowFixMe Found when typing ListView
           this._listViewRef = ref;
         }}
         dataSource={this.state.dataSource.getDataSource()}
@@ -133,7 +139,7 @@ class SwipeableListView extends React.Component<Props, State> {
       });
     }
     this.props.onScroll && this.props.onScroll(e);
-  }
+  };
 
   /**
    * This is a work-around to lock vertical `ListView` scrolling on iOS and
@@ -142,7 +148,13 @@ class SwipeableListView extends React.Component<Props, State> {
    * (from high 20s to almost consistently 60 fps)
    */
   _setListViewScrollable(value: boolean): void {
-    if (this._listViewRef && typeof this._listViewRef.setNativeProps === 'function') {
+    if (
+      this._listViewRef &&
+      /* $FlowFixMe(>=0.68.0 site=react_native_fb) This comment suppresses an
+      * error found when Flow v0.68 was deployed. To see the error delete this
+      * comment and run Flow. */
+      typeof this._listViewRef.setNativeProps === 'function'
+    ) {
       this._listViewRef.setNativeProps({
         scrollEnabled: value,
       });
@@ -151,13 +163,23 @@ class SwipeableListView extends React.Component<Props, State> {
 
   // Passing through ListView's getScrollResponder() function
   getScrollResponder(): ?Object {
-    if (this._listViewRef && typeof this._listViewRef.getScrollResponder === 'function') {
+    if (
+      this._listViewRef &&
+      /* $FlowFixMe(>=0.68.0 site=react_native_fb) This comment suppresses an
+      * error found when Flow v0.68 was deployed. To see the error delete this
+      * comment and run Flow. */
+      typeof this._listViewRef.getScrollResponder === 'function'
+    ) {
       return this._listViewRef.getScrollResponder();
     }
   }
 
   // This enables rows having variable width slideoutView.
-  _getMaxSwipeDistance(rowData: Object, sectionID: string, rowID: string): number {
+  _getMaxSwipeDistance(
+    rowData: Object,
+    sectionID: string,
+    rowID: string,
+  ): number {
     if (typeof this.props.maxSwipeDistance === 'function') {
       return this.props.maxSwipeDistance(rowData, sectionID, rowID);
     }
@@ -165,8 +187,16 @@ class SwipeableListView extends React.Component<Props, State> {
     return this.props.maxSwipeDistance;
   }
 
-  _renderRow = (rowData: Object, sectionID: string, rowID: string): React.Element<any> => {
-    const slideoutView = this.props.renderQuickActions(rowData, sectionID, rowID);
+  _renderRow = (
+    rowData: Object,
+    sectionID: string,
+    rowID: string,
+  ): React.Element<any> => {
+    const slideoutView = this.props.renderQuickActions(
+      rowData,
+      sectionID,
+      rowID,
+    );
 
     // If renderQuickActions is unspecified or returns falsey, don't allow swipe
     if (!slideoutView) {
diff --git a/Libraries/Experimental/SwipeableRow/SwipeableListViewDataSource.js b/Libraries/Experimental/SwipeableRow/SwipeableListViewDataSource.js
index bda3bd3b530651..6c409a9acad1c4 100644
--- a/Libraries/Experimental/SwipeableRow/SwipeableListViewDataSource.js
+++ b/Libraries/Experimental/SwipeableRow/SwipeableListViewDataSource.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SwipeableListViewDataSource
+ * @format
  */
+
 'use strict';
 
 const ListViewDataSource = require('ListViewDataSource');
@@ -38,8 +39,10 @@ class SwipeableListViewDataSource {
          * changed, or its data blob changed.
          */
         return (
-          (row1.id !== this._previousOpenRowID && row2.id === this._openRowID) ||
-          (row1.id === this._previousOpenRowID && row2.id !== this._openRowID) ||
+          (row1.id !== this._previousOpenRowID &&
+            row2.id === this._openRowID) ||
+          (row1.id === this._previousOpenRowID &&
+            row2.id !== this._openRowID) ||
           params.rowHasChanged(row1, row2)
         );
       },
@@ -50,12 +53,12 @@ class SwipeableListViewDataSource {
   cloneWithRowsAndSections(
     dataBlob: any,
     sectionIdentities: ?Array<string>,
-    rowIdentities: ?Array<Array<string>>
+    rowIdentities: ?Array<Array<string>>,
   ): SwipeableListViewDataSource {
     this._dataSource = this._dataSource.cloneWithRowsAndSections(
       dataBlob,
       sectionIdentities,
-      rowIdentities
+      rowIdentities,
     );
 
     this._dataBlob = dataBlob;
@@ -90,10 +93,10 @@ class SwipeableListViewDataSource {
     if (this.rowIdentities && this.rowIdentities.length) {
       const lastSection = this.rowIdentities[this.rowIdentities.length - 1];
       if (lastSection && lastSection.length) {
-       return lastSection[lastSection.length - 1];
-     }
+        return lastSection[lastSection.length - 1];
+      }
     }
-   return Object.keys(this._dataBlob)[this._dataBlob.length - 1];
+    return Object.keys(this._dataBlob)[this._dataBlob.length - 1];
   }
 
   setOpenRowID(rowID: string): SwipeableListViewDataSource {
@@ -103,7 +106,7 @@ class SwipeableListViewDataSource {
     this._dataSource = this._dataSource.cloneWithRowsAndSections(
       this._dataBlob,
       this.sectionIdentities,
-      this.rowIdentities
+      this.rowIdentities,
     );
 
     return this;
diff --git a/Libraries/Experimental/SwipeableRow/SwipeableQuickActionButton.js b/Libraries/Experimental/SwipeableRow/SwipeableQuickActionButton.js
index 315b8a2f64c389..e0ea2ce8cabd23 100644
--- a/Libraries/Experimental/SwipeableRow/SwipeableQuickActionButton.js
+++ b/Libraries/Experimental/SwipeableRow/SwipeableQuickActionButton.js
@@ -4,13 +4,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SwipeableQuickActionButton
+ * @format
  * @flow
  */
+
 'use strict';
 
 const Image = require('Image');
-const PropTypes = require('prop-types');
 const React = require('React');
 const Text = require('Text');
 const TouchableHighlight = require('TouchableHighlight');
@@ -26,45 +26,37 @@ import type {ImageSource} from 'ImageSource';
  */
 class SwipeableQuickActionButton extends React.Component<{
   accessibilityLabel?: string,
-  imageSource: ImageSource | number,
+  imageSource?: ?(ImageSource | number),
   imageStyle?: ?ViewPropTypes.style,
+  mainView?: ?React.Node,
   onPress?: Function,
   style?: ?ViewPropTypes.style,
   testID?: string,
   text?: ?(string | Object | Array<string | Object>),
   textStyle?: ?ViewPropTypes.style,
 }> {
-  static propTypes = {
-    accessibilityLabel: PropTypes.string,
-    imageSource: Image.propTypes.source.isRequired,
-    imageStyle: Image.propTypes.style,
-    onPress: PropTypes.func,
-    style: ViewPropTypes.style,
-    testID: PropTypes.string,
-    text: PropTypes.string,
-    textStyle: Text.propTypes.style,
-  };
-
   render(): React.Node {
-    if (!this.props.imageSource && !this.props.text) {
+    if (!this.props.imageSource && !this.props.text && !this.props.mainView) {
       return null;
     }
-
+    const mainView = this.props.mainView ? (
+      this.props.mainView
+    ) : (
+      <View style={this.props.style}>
+        <Image
+          accessibilityLabel={this.props.accessibilityLabel}
+          source={this.props.imageSource}
+          style={this.props.imageStyle}
+        />
+        <Text style={this.props.textStyle}>{this.props.text}</Text>
+      </View>
+    );
     return (
       <TouchableHighlight
         onPress={this.props.onPress}
         testID={this.props.testID}
         underlayColor="transparent">
-        <View style={this.props.style}>
-          <Image
-            accessibilityLabel={this.props.accessibilityLabel}
-            source={this.props.imageSource}
-            style={this.props.imageStyle}
-          />
-          <Text style={this.props.textStyle}>
-            {this.props.text}
-          </Text>
-        </View>
+        <View style={this.props.style}>{mainView}</View>
       </TouchableHighlight>
     );
   }
diff --git a/Libraries/Experimental/SwipeableRow/SwipeableQuickActions.js b/Libraries/Experimental/SwipeableRow/SwipeableQuickActions.js
index 96fe1d23daab47..3642b135d43191 100644
--- a/Libraries/Experimental/SwipeableRow/SwipeableQuickActions.js
+++ b/Libraries/Experimental/SwipeableRow/SwipeableQuickActions.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SwipeableQuickActions
+ * @format
  * @flow
  */
+
 'use strict';
 
 const React = require('React');
@@ -41,19 +42,17 @@ class SwipeableQuickActions extends React.Component<{style?: $FlowFixMe}> {
         buttons.push(children[i]);
 
         // $FlowFixMe found when converting React.createClass to ES6
-        if (i < this.props.children.length - 1) { // Not last button
+        if (i < this.props.children.length - 1) {
+          // Not last button
           buttons.push(<View key={i} style={styles.divider} />);
         }
       }
-    } else { // 1 child
+    } else {
+      // 1 child
       buttons = children;
     }
 
-    return (
-      <View style={[styles.background, this.props.style]}>
-        {buttons}
-      </View>
-    );
+    return <View style={[styles.background, this.props.style]}>{buttons}</View>;
   }
 }
 
diff --git a/Libraries/Experimental/SwipeableRow/SwipeableRow.js b/Libraries/Experimental/SwipeableRow/SwipeableRow.js
index 80e627376e8482..3cbeb3d6ca2558 100644
--- a/Libraries/Experimental/SwipeableRow/SwipeableRow.js
+++ b/Libraries/Experimental/SwipeableRow/SwipeableRow.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SwipeableRow
+ * @format
  * @flow
  */
+
 'use strict';
 
 const Animated = require('Animated');
@@ -53,9 +54,23 @@ const RIGHT_SWIPE_BOUNCE_BACK_DURATION = 300;
  * Max distance of right swipe to allow (right swipes do functionally nothing).
  * Must be multiplied by SLOW_SPEED_SWIPE_FACTOR because gestureState.dx tracks
  * how far the finger swipes, and not the actual animation distance.
-*/
+ */
 const RIGHT_SWIPE_THRESHOLD = 30 * SLOW_SPEED_SWIPE_FACTOR;
 
+type Props = $ReadOnly<{|
+  children?: ?React.Node,
+  isOpen?: ?boolean,
+  maxSwipeDistance?: ?number,
+  onClose?: ?Function,
+  onOpen?: ?Function,
+  onSwipeEnd?: ?Function,
+  onSwipeStart?: ?Function,
+  preventSwipeRight?: ?boolean,
+  shouldBounceOnMount?: ?boolean,
+  slideoutView?: ?React.Node,
+  swipeThreshold?: ?number,
+|}>;
+
 /**
  * Creates a swipable row that allows taps on the main item and a custom View
  * on the item hidden behind the row. Typically this should be used in
@@ -122,7 +137,8 @@ const SwipeableRow = createReactClass({
 
   UNSAFE_componentWillMount(): void {
     this._panResponder = PanResponder.create({
-      onMoveShouldSetPanResponderCapture: this._handleMoveShouldSetPanResponderCapture,
+      onMoveShouldSetPanResponderCapture: this
+        ._handleMoveShouldSetPanResponderCapture,
       onPanResponderGrant: this._handlePanResponderGrant,
       onPanResponderMove: this._handlePanResponderMove,
       onPanResponderRelease: this._handlePanResponderEnd,
@@ -159,10 +175,8 @@ const SwipeableRow = createReactClass({
     let slideOutView;
     if (this.state.isSwipeableViewRendered && this.state.rowHeight) {
       slideOutView = (
-        <View style={[
-          styles.slideOutContainer,
-          {height: this.state.rowHeight},
-          ]}>
+        <View
+          style={[styles.slideOutContainer, {height: this.state.rowHeight}]}>
           {this.props.slideoutView}
         </View>
       );
@@ -178,8 +192,7 @@ const SwipeableRow = createReactClass({
     );
 
     return (
-      <View
-        {...this._panResponder.panHandlers}>
+      <View {...this._panResponder.panHandlers}>
         {slideOutView}
         {swipeableView}
       </View>
@@ -206,9 +219,7 @@ const SwipeableRow = createReactClass({
     return gestureState.dy < 10 && this._isValidSwipe(gestureState);
   },
 
-  _handlePanResponderGrant(event: Object, gestureState: Object): void {
-
-  },
+  _handlePanResponderGrant(event: Object, gestureState: Object): void {},
 
   _handlePanResponderMove(event: Object, gestureState: Object): void {
     if (this._isSwipingExcessivelyRightFromClosedPosition(gestureState)) {
@@ -264,43 +275,42 @@ const SwipeableRow = createReactClass({
     duration: number = SWIPE_DURATION,
     callback: Function = emptyFunction,
   ): void {
-    Animated.timing(
-      this.state.currentLeft,
-      {
-        duration,
-        toValue,
-        useNativeDriver: true,
-      },
-    ).start(() => {
+    Animated.timing(this.state.currentLeft, {
+      duration,
+      toValue,
+      useNativeDriver: true,
+    }).start(() => {
       this._previousLeft = toValue;
       callback();
     });
   },
 
   _animateToOpenPosition(): void {
-    const maxSwipeDistance = IS_RTL ? -this.props.maxSwipeDistance : this.props.maxSwipeDistance;
+    const maxSwipeDistance = IS_RTL
+      ? -this.props.maxSwipeDistance
+      : this.props.maxSwipeDistance;
     this._animateTo(-maxSwipeDistance);
   },
 
-  _animateToOpenPositionWith(
-    speed: number,
-    distMoved: number,
-  ): void {
+  _animateToOpenPositionWith(speed: number, distMoved: number): void {
     /**
      * Ensure the speed is at least the set speed threshold to prevent a slow
      * swiping animation
      */
-    speed = (
-      speed > HORIZONTAL_FULL_SWIPE_SPEED_THRESHOLD ?
-      speed :
-      HORIZONTAL_FULL_SWIPE_SPEED_THRESHOLD
-    );
+    speed =
+      speed > HORIZONTAL_FULL_SWIPE_SPEED_THRESHOLD
+        ? speed
+        : HORIZONTAL_FULL_SWIPE_SPEED_THRESHOLD;
     /**
      * Calculate the duration the row should take to swipe the remaining distance
      * at the same speed the user swiped (or the speed threshold)
      */
-    const duration = Math.abs((this.props.maxSwipeDistance - Math.abs(distMoved)) / speed);
-    const maxSwipeDistance = IS_RTL ? -this.props.maxSwipeDistance : this.props.maxSwipeDistance;
+    const duration = Math.abs(
+      (this.props.maxSwipeDistance - Math.abs(distMoved)) / speed,
+    );
+    const maxSwipeDistance = IS_RTL
+      ? -this.props.maxSwipeDistance
+      : this.props.maxSwipeDistance;
     this._animateTo(-maxSwipeDistance, duration);
   },
 
@@ -317,9 +327,9 @@ const SwipeableRow = createReactClass({
      * When swiping right, we want to bounce back past closed position on release
      * so users know they should swipe right to get content.
      */
-    const swipeBounceBackDistance = IS_RTL ?
-      -RIGHT_SWIPE_BOUNCE_BACK_DISTANCE :
-      RIGHT_SWIPE_BOUNCE_BACK_DISTANCE;
+    const swipeBounceBackDistance = IS_RTL
+      ? -RIGHT_SWIPE_BOUNCE_BACK_DISTANCE
+      : RIGHT_SWIPE_BOUNCE_BACK_DISTANCE;
     this._animateTo(
       -swipeBounceBackDistance,
       duration,
@@ -329,7 +339,11 @@ const SwipeableRow = createReactClass({
 
   // Ignore swipes due to user's finger moving slightly when tapping
   _isValidSwipe(gestureState: Object): boolean {
-    if (this.props.preventSwipeRight && this._previousLeft === CLOSED_LEFT_POSITION && gestureState.dx > 0) {
+    if (
+      this.props.preventSwipeRight &&
+      this._previousLeft === CLOSED_LEFT_POSITION &&
+      gestureState.dx > 0
+    ) {
       return false;
     }
 
@@ -374,6 +388,11 @@ const SwipeableRow = createReactClass({
   },
 });
 
+// TODO: Delete this when `SwipeableRow` uses class syntax.
+class TypedSwipeableRow extends React.Component<Props> {
+  close() {}
+}
+
 const styles = StyleSheet.create({
   slideOutContainer: {
     bottom: 0,
@@ -384,4 +403,4 @@ const styles = StyleSheet.create({
   },
 });
 
-module.exports = SwipeableRow;
+module.exports = ((SwipeableRow: any): Class<TypedSwipeableRow>);
diff --git a/Libraries/Experimental/WindowedListView.js b/Libraries/Experimental/WindowedListView.js
index 2a102b23f3c47c..15f1d0b4a8755a 100644
--- a/Libraries/Experimental/WindowedListView.js
+++ b/Libraries/Experimental/WindowedListView.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule WindowedListView
+ * @format
  * @flow
  */
+
 'use strict';
 
 const Batchinator = require('Batchinator');
@@ -68,7 +69,10 @@ type Props = {
    * return a row.
    */
   renderRow: (
-    rowData: any, sectionIdx: number, rowIdx: number, rowKey: string
+    rowData: any,
+    sectionIdx: number,
+    rowIdx: number,
+    rowKey: string,
   ) => ?React.Element<any>,
   /**
    * Rendered when the list is scrolled faster than rows can be rendered.
@@ -79,9 +83,7 @@ type Props = {
   /**
    * Always rendered at the bottom of all the rows.
    */
-  renderFooter?: (
-    showFooter: boolean,
-  ) => ?React.Element<any>,
+  renderFooter?: (showFooter: boolean) => ?React.Element<any>,
   /**
    * Pipes through normal onScroll events from the underlying `ScrollView`.
    */
@@ -179,7 +181,7 @@ class WindowedListView extends React.Component<Props, State> {
      * error is because an exported function parameter is missing an
      * annotation. Without an annotation, these parameters are uncovered by
      * Flow. */
-    renderScrollComponent: (props) => <ScrollView {...props} />,
+    renderScrollComponent: props => <ScrollView {...props} />,
     disableIncrementalRendering: false,
     recomputeRowsBatchingPeriod: 10, // This should capture most events that happen within a frame
   };
@@ -188,7 +190,7 @@ class WindowedListView extends React.Component<Props, State> {
     super(props);
     invariant(
       this.props.numToRenderAhead < this.props.maxNumToRender,
-      'WindowedListView: numToRenderAhead must be less than maxNumToRender'
+      'WindowedListView: numToRenderAhead must be less than maxNumToRender',
     );
     this._computeRowsToRenderBatcher = new Batchinator(
       () => this._computeRowsToRender(this.props),
@@ -199,13 +201,16 @@ class WindowedListView extends React.Component<Props, State> {
     });
     this.state = {
       firstRow: 0,
-      lastRow: Math.min(this.props.data.length, this.props.initialNumToRender) - 1,
+      lastRow:
+        Math.min(this.props.data.length, this.props.initialNumToRender) - 1,
     };
   }
   getScrollResponder(): ?ScrollView {
-    return this._scrollRef &&
+    return (
+      this._scrollRef &&
       this._scrollRef.getScrollResponder &&
-      this._scrollRef.getScrollResponder();
+      this._scrollRef.getScrollResponder()
+    );
   }
   shouldComponentUpdate(newProps: Props, newState: State): boolean {
     DEBUG && infoLog('WLV: shouldComponentUpdate...');
@@ -219,22 +224,33 @@ class WindowedListView extends React.Component<Props, State> {
         return true;
       }
     }
-    const newDataSubset = newProps.data.slice(newState.firstRow, newState.lastRow + 1);
-    const prevDataSubset = this.props.data.slice(this.state.firstRow, this.state.lastRow + 1);
+    const newDataSubset = newProps.data.slice(
+      newState.firstRow,
+      newState.lastRow + 1,
+    );
+    const prevDataSubset = this.props.data.slice(
+      this.state.firstRow,
+      this.state.lastRow + 1,
+    );
     if (newDataSubset.length !== prevDataSubset.length) {
-      DEBUG && infoLog(
-        '  yes, subset length: ',
-        {newLen: newDataSubset.length, oldLen: prevDataSubset.length}
-      );
+      DEBUG &&
+        infoLog('  yes, subset length: ', {
+          newLen: newDataSubset.length,
+          oldLen: prevDataSubset.length,
+        });
       return true;
     }
     for (let idx = 0; idx < newDataSubset.length; idx++) {
-      if (newDataSubset[idx].rowData !== prevDataSubset[idx].rowData ||
-          newDataSubset[idx].rowKey !== prevDataSubset[idx].rowKey) {
-        DEBUG && infoLog(
-          '  yes, data change: ',
-          {idx, new: newDataSubset[idx], old: prevDataSubset[idx]}
-        );
+      if (
+        newDataSubset[idx].rowData !== prevDataSubset[idx].rowData ||
+        newDataSubset[idx].rowKey !== prevDataSubset[idx].rowKey
+      ) {
+        DEBUG &&
+          infoLog('  yes, data change: ', {
+            idx,
+            new: newDataSubset[idx],
+            old: prevDataSubset[idx],
+          });
         return true;
       }
     }
@@ -250,7 +266,7 @@ class WindowedListView extends React.Component<Props, State> {
   _getFrameMetrics = (index: number): ?{length: number, offset: number} => {
     const frame = this._rowFrames[this.props.data[index].rowKey];
     return frame && {length: frame.height, offset: frame.y};
-  }
+  };
   _onScroll = (e: Object) => {
     const newScrollY = e.nativeEvent.contentOffset.y;
     this._isScrolling = this._scrollOffsetY !== newScrollY;
@@ -261,7 +277,10 @@ class WindowedListView extends React.Component<Props, State> {
     if (this._cellsInProgress.size === 0) {
       this._computeRowsToRenderBatcher.schedule();
     }
-    if (this.props.onViewableRowsChanged && Object.keys(this._rowFrames).length) {
+    if (
+      this.props.onViewableRowsChanged &&
+      Object.keys(this._rowFrames).length
+    ) {
       const viewableRows = this._viewabilityHelper.computeViewableItems(
         this.props.data.length,
         e.nativeEvent.contentOffset.y,
@@ -280,19 +299,26 @@ class WindowedListView extends React.Component<Props, State> {
     const {rowKey, layout} = params;
     if (DEBUG) {
       const prev = this._rowFrames[rowKey] || {};
-      infoLog(
-        'record layout for row: ',
-        {k: rowKey, h: layout.height, y: layout.y, x: layout.x, hp: prev.height, yp: prev.y}
-      );
+      infoLog('record layout for row: ', {
+        k: rowKey,
+        h: layout.height,
+        y: layout.y,
+        x: layout.x,
+        hp: prev.height,
+        yp: prev.y,
+      });
       if (this._rowFrames[rowKey]) {
         const deltaY = Math.abs(this._rowFrames[rowKey].y - layout.y);
         const deltaH = Math.abs(this._rowFrames[rowKey].height - layout.height);
         if (deltaY > 2 || deltaH > 2) {
-          const dataEntry = this.props.data.find((datum) => datum.rowKey === rowKey);
-          console.warn(
-            'layout jump: ',
-            {dataEntry, prevLayout: this._rowFrames[rowKey], newLayout: layout}
+          const dataEntry = this.props.data.find(
+            datum => datum.rowKey === rowKey,
           );
+          console.warn('layout jump: ', {
+            dataEntry,
+            prevLayout: this._rowFrames[rowKey],
+            newLayout: layout,
+          });
         }
       }
     }
@@ -312,7 +338,13 @@ class WindowedListView extends React.Component<Props, State> {
    * This is used to keep track of cells that are in the process of rendering. If any cells are in
    * progress, then other updates are skipped because they will just be wasted work.
    */
-  _onProgressChange = ({rowKey, inProgress}: {rowKey: string, inProgress: boolean}) => {
+  _onProgressChange = ({
+    rowKey,
+    inProgress,
+  }: {
+    rowKey: string,
+    inProgress: boolean,
+  }) => {
     if (inProgress) {
       this._cellsInProgress.add(rowKey);
     } else {
@@ -344,7 +376,7 @@ class WindowedListView extends React.Component<Props, State> {
         // No frame - sometimes happens when they come out of order, so just wait for the rest.
         return;
       }
-      if (((frame.y + frame.height) > top) && (firstVisible < 0)) {
+      if (frame.y + frame.height > top && firstVisible < 0) {
         firstVisible = idx;
       }
       if (frame.y < bottom) {
@@ -391,7 +423,7 @@ class WindowedListView extends React.Component<Props, State> {
     if (props.onEndReached) {
       // Make sure we call onEndReached exactly once every time we reach the
       // end.  Resets if scroll back up and down again.
-      const willBeAtTheEnd = lastRow === (totalRows - 1);
+      const willBeAtTheEnd = lastRow === totalRows - 1;
       if (willBeAtTheEnd && !this._hasCalledOnEndReached) {
         props.onEndReached();
         this._hasCalledOnEndReached = true;
@@ -400,15 +432,18 @@ class WindowedListView extends React.Component<Props, State> {
         this._hasCalledOnEndReached = this.state.lastRow === lastRow;
       }
     }
-    const rowsShouldChange = firstRow !== this.state.firstRow || lastRow !== this.state.lastRow;
+    const rowsShouldChange =
+      firstRow !== this.state.firstRow || lastRow !== this.state.lastRow;
     if (this._rowFramesDirty || rowsShouldChange) {
       if (rowsShouldChange) {
         props.onMountedRowsWillChange &&
           props.onMountedRowsWillChange(firstRow, lastRow - firstRow + 1);
-        infoLog(
-          'WLV: row render range will change:',
-          {firstRow, firstVis: this._firstVisible, lastVis: this._lastVisible, lastRow},
-        );
+        infoLog('WLV: row render range will change:', {
+          firstRow,
+          firstVis: this._firstVisible,
+          lastVis: this._lastVisible,
+          lastRow,
+        });
       }
       this._rowFramesDirty = false;
       this.setState({firstRow, lastRow});
@@ -416,9 +451,14 @@ class WindowedListView extends React.Component<Props, State> {
   }
   _updateVisibleRows(newFirstVisible: number, newLastVisible: number) {
     if (this.props.onVisibleRowsChanged) {
-      if (this._firstVisible !== newFirstVisible ||
-          this._lastVisible !== newLastVisible) {
-        this.props.onVisibleRowsChanged(newFirstVisible, newLastVisible - newFirstVisible + 1);
+      if (
+        this._firstVisible !== newFirstVisible ||
+        this._lastVisible !== newLastVisible
+      ) {
+        this.props.onVisibleRowsChanged(
+          newFirstVisible,
+          newLastVisible - newFirstVisible + 1,
+        );
       }
     }
     this._firstVisible = newFirstVisible;
@@ -436,14 +476,17 @@ class WindowedListView extends React.Component<Props, State> {
     // catch up as fast as possible. In the middle, we only disable incremental while scrolling
     // since it's unlikely the user will try to press a button while scrolling. We also ignore the
     // "buffer" size when we are bumped up against the edge of the available data.
-    const firstBuffer = firstRow === 0 ? Infinity : this._firstVisible - firstRow;
-    const lastBuffer = lastRow === this.props.data.length - 1
-      ? Infinity
-      : lastRow - this._lastVisible;
+    const firstBuffer =
+      firstRow === 0 ? Infinity : this._firstVisible - firstRow;
+    const lastBuffer =
+      lastRow === this.props.data.length - 1
+        ? Infinity
+        : lastRow - this._lastVisible;
     const minBuffer = Math.min(firstBuffer, lastBuffer);
-    const disableIncrementalRendering = this.props.disableIncrementalRendering ||
+    const disableIncrementalRendering =
+      this.props.disableIncrementalRendering ||
       (this._isScrolling && minBuffer < this.props.numToRenderAhead * 0.5) ||
-      (minBuffer < this.props.numToRenderAhead * 0.25);
+      minBuffer < this.props.numToRenderAhead * 0.25;
     // Render mode is sticky while the component is mounted.
     for (let ii = firstRow; ii <= lastRow; ii++) {
       const rowKey = this.props.data[ii].rowKey;
@@ -464,7 +507,10 @@ class WindowedListView extends React.Component<Props, State> {
       // Look for the first row where offscreen layout is done (only true for mounted rows) or it
       // will be rendered synchronously and set the spacer height such that it will offset all the
       // unmounted rows before that one using the saved frame data.
-      if (rowFrames[rowKey].offscreenLayoutDone || this._rowRenderMode[rowKey] === 'sync') {
+      if (
+        rowFrames[rowKey].offscreenLayoutDone ||
+        this._rowRenderMode[rowKey] === 'sync'
+      ) {
         if (ii > 0) {
           const prevRowKey = this.props.data[ii - 1].rowKey;
           const frame = rowFrames[prevRowKey];
@@ -491,20 +537,22 @@ class WindowedListView extends React.Component<Props, State> {
         <View
           style={!showIndicator && styles.remove}
           key="ind-top"
-          onLayout={(e) => {
+          onLayout={e => {
             const layout = e.nativeEvent.layout;
             if (layout.height !== this.state.boundaryIndicatorHeight) {
               this.setState({boundaryIndicatorHeight: layout.height});
             }
           }}>
           {this.props.renderWindowBoundaryIndicator(showIndicator)}
-        </View>
+        </View>,
       );
     }
     for (let idx = firstRow; idx <= lastRow; idx++) {
       const rowKey = this.props.data[idx].rowKey;
-      const includeInLayout = this._rowRenderMode[rowKey] === 'sync' ||
-        (this._rowFrames[rowKey] && this._rowFrames[rowKey].offscreenLayoutDone);
+      const includeInLayout =
+        this._rowRenderMode[rowKey] === 'sync' ||
+        (this._rowFrames[rowKey] &&
+          this._rowFrames[rowKey].offscreenLayoutDone);
       rows.push(
         <CellRenderer
           key={rowKey}
@@ -517,20 +565,21 @@ class WindowedListView extends React.Component<Props, State> {
           asyncRowPerfEventName={this.props.asyncRowPerfEventName}
           rowData={this.props.data[idx].rowData}
           renderRow={this.props.renderRow}
-        />
+        />,
       );
     }
     const lastRowKey = this.props.data[lastRow].rowKey;
-    const showFooter = this._rowFrames[lastRowKey] &&
-        this._rowFrames[lastRowKey].offscreenLayoutDone &&
-        lastRow === this.props.data.length - 1;
+    const showFooter =
+      this._rowFrames[lastRowKey] &&
+      this._rowFrames[lastRowKey].offscreenLayoutDone &&
+      lastRow === this.props.data.length - 1;
     if (this.props.renderFooter) {
       rows.push(
         <View
           key="ind-footer"
           style={showFooter ? styles.include : styles.remove}>
           {this.props.renderFooter(showFooter)}
-        </View>
+        </View>,
       );
     }
     if (this.props.renderWindowBoundaryIndicator) {
@@ -538,30 +587,30 @@ class WindowedListView extends React.Component<Props, State> {
         <View
           key="ind-bot"
           style={showFooter ? styles.remove : styles.include}
-          onLayout={(e) => {
+          onLayout={e => {
             const layout = e.nativeEvent.layout;
             if (layout.height !== this.state.boundaryIndicatorHeight) {
               this.setState({boundaryIndicatorHeight: layout.height});
             }
           }}>
           {this.props.renderWindowBoundaryIndicator(!showFooter)}
-        </View>
+        </View>,
       );
     }
     // Prevent user from scrolling into empty space of unmounted rows.
     const contentInset = {top: firstRow === 0 ? 0 : -spacerHeight};
-    return (
-      this.props.renderScrollComponent({
-        scrollEventThrottle: 50,
-        removeClippedSubviews: true,
-        ...this.props,
-        contentInset,
-        ref: (ref) => { this._scrollRef = ref; },
-        onScroll: this._onScroll,
-        onMomentumScrollEnd: this._onMomentumScrollEnd,
-        children: rows,
-      })
-    );
+    return this.props.renderScrollComponent({
+      scrollEventThrottle: 50,
+      removeClippedSubviews: true,
+      ...this.props,
+      contentInset,
+      ref: ref => {
+        this._scrollRef = ref;
+      },
+      onScroll: this._onScroll,
+      onMomentumScrollEnd: this._onMomentumScrollEnd,
+      children: rows,
+    });
   }
 }
 
@@ -577,9 +626,12 @@ type CellProps = {
   /**
    * Renders the actual row contents.
    */
-   renderRow: (
-      rowData: mixed, sectionIdx: number, rowIdx: number, rowKey: string
-   ) => ?React.Element<any>,
+  renderRow: (
+    rowData: mixed,
+    sectionIdx: number,
+    rowIdx: number,
+    rowKey: string,
+  ) => ?React.Element<any>,
   /**
    * Index of the row, passed through to other callbacks.
    */
@@ -626,18 +678,21 @@ class CellRenderer extends React.Component<CellProps> {
     if (this.props.asyncRowPerfEventName) {
       this._perfUpdateID = g_perf_update_id++;
       this._asyncCookie = Systrace.beginAsyncEvent(
-        this.props.asyncRowPerfEventName + this._perfUpdateID
+        this.props.asyncRowPerfEventName + this._perfUpdateID,
+      );
+      infoLog(
+        // $FlowFixMe(>=0.28.0)
+        `perf_asynctest_${this.props.asyncRowPerfEventName}_start ${
+          this._perfUpdateID
+        } ` + `${Date.now()}`,
       );
-      // $FlowFixMe(>=0.28.0)
-      infoLog(`perf_asynctest_${this.props.asyncRowPerfEventName}_start ${this._perfUpdateID} ` +
-        `${Date.now()}`);
     }
     if (this.props.includeInLayout) {
       this._includeInLayoutLatch = true;
     }
     this.props.onProgressChange({rowKey: this.props.rowKey, inProgress: true});
   }
-  _onLayout = (e) => {
+  _onLayout = e => {
     const layout = e.nativeEvent.layout;
     const layoutChanged = deepDiffer(this._lastLayout, layout);
     this._lastLayout = layout;
@@ -661,19 +716,26 @@ class CellRenderer extends React.Component<CellProps> {
     // This happens when Incremental is disabled and _onOffscreenRenderDone is called faster than
     // layout can happen.
     this._lastLayout &&
-      this.props.onNewLayout({rowKey: this.props.rowKey, layout: this._lastLayout});
+      this.props.onNewLayout({
+        rowKey: this.props.rowKey,
+        layout: this._lastLayout,
+      });
 
-    DEBUG && infoLog('\n   >>>>>  display row ' + this.props.rowIndex + '\n\n\n');
+    DEBUG &&
+      infoLog('\n   >>>>>  display row ' + this.props.rowIndex + '\n\n\n');
     if (this.props.asyncRowPerfEventName) {
       // Note this doesn't include the native render time but is more accurate than also including
       // the JS render time of anything that has been queued up.
       Systrace.endAsyncEvent(
         this.props.asyncRowPerfEventName + this._perfUpdateID,
-        this._asyncCookie
+        this._asyncCookie,
+      );
+      infoLog(
+        // $FlowFixMe(>=0.28.0)
+        `perf_asynctest_${this.props.asyncRowPerfEventName}_end ${
+          this._perfUpdateID
+        } ` + `${Date.now()}`,
       );
-      // $FlowFixMe(>=0.28.0)
-      infoLog(`perf_asynctest_${this.props.asyncRowPerfEventName}_end ${this._perfUpdateID} ` +
-        `${Date.now()}`);
     }
   }
   _onOffscreenRenderDone = () => {
@@ -694,7 +756,10 @@ class CellRenderer extends React.Component<CellProps> {
   }
   UNSAFE_componentWillReceiveProps(newProps) {
     if (newProps.includeInLayout && !this.props.includeInLayout) {
-      invariant(this._offscreenRenderDone, 'Should never try to add to layout before render done');
+      invariant(
+        this._offscreenRenderDone,
+        'Should never try to add to layout before render done',
+      );
       this._includeInLayoutLatch = true; // Once we render in layout, make sure it sticks.
       this._containerRef.setNativeProps({style: styles.include});
     }
@@ -702,7 +767,7 @@ class CellRenderer extends React.Component<CellProps> {
   shouldComponentUpdate(newProps: CellProps) {
     return newProps.rowData !== this.props.rowData;
   }
-  _setRef = (ref) => {
+  _setRef = ref => {
     /* $FlowFixMe(>=0.53.0 site=react_native_fb,react_native_oss) This comment
      * suppresses an error when upgrading Flow's support for React. To see the
      * error delete this comment and run Flow. */
@@ -713,9 +778,11 @@ class CellRenderer extends React.Component<CellProps> {
     if (DEBUG) {
       infoLog('render cell ' + this.props.rowIndex);
       const Text = require('Text');
-      debug = <Text style={{backgroundColor: 'lightblue'}}>
-        Row: {this.props.rowIndex}
-      </Text>;
+      debug = (
+        <Text style={{backgroundColor: 'lightblue'}}>
+          Row: {this.props.rowIndex}
+        </Text>
+      );
     }
     const style = this._includeInLayoutLatch ? styles.include : styles.remove;
     return (
@@ -723,12 +790,14 @@ class CellRenderer extends React.Component<CellProps> {
         disabled={this._includeInLayoutLatch}
         onDone={this._onOffscreenRenderDone}
         name={`WLVCell_${this.props.rowIndex}`}>
-        <View
-          ref={this._setRef}
-          style={style}
-          onLayout={this._onLayout}>
+        <View ref={this._setRef} style={style} onLayout={this._onLayout}>
           {debug}
-          {this.props.renderRow(this.props.rowData, 0, this.props.rowIndex, this.props.rowKey)}
+          {this.props.renderRow(
+            this.props.rowData,
+            0,
+            this.props.rowIndex,
+            this.props.rowKey,
+          )}
           {debug}
         </View>
       </IncrementalGroup>
diff --git a/Libraries/Geolocation/Geolocation.js b/Libraries/Geolocation/Geolocation.js
index a4efe4c0201cb5..d252da95bca58f 100644
--- a/Libraries/Geolocation/Geolocation.js
+++ b/Libraries/Geolocation/Geolocation.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Geolocation
+ * @format
  * @flow
  */
+
 'use strict';
 
 const NativeEventEmitter = require('NativeEventEmitter');
@@ -24,20 +25,20 @@ const LocationEventEmitter = new NativeEventEmitter(RCTLocationObserver);
 const Platform = require('Platform');
 const PermissionsAndroid = require('PermissionsAndroid');
 
-var subscriptions = [];
-var updatesEnabled = false;
+let subscriptions = [];
+let updatesEnabled = false;
 
 type GeoConfiguration = {
-  skipPermissionRequests: bool;
-}
+  skipPermissionRequests: boolean,
+};
 
 type GeoOptions = {
   timeout?: number,
   maximumAge?: number,
-  enableHighAccuracy?: bool,
+  enableHighAccuracy?: boolean,
   distanceFilter: number,
-  useSignificantChanges?: bool,
-}
+  useSignificantChanges?: boolean,
+};
 
 /**
  * The Geolocation API extends the web spec:
@@ -45,17 +46,14 @@ type GeoOptions = {
  *
  * See https://facebook.github.io/react-native/docs/geolocation.html
  */
-var Geolocation = {
-
+const Geolocation = {
   /*
     * Sets configuration options that will be used in all location requests.
     *
     * See https://facebook.github.io/react-native/docs/geolocation.html#setrnconfiguration
     *
     */
-  setRNConfiguration: function(
-    config: GeoConfiguration
-  ) {
+  setRNConfiguration: function(config: GeoConfiguration) {
     if (RCTLocationObserver.setConfiguration) {
       RCTLocationObserver.setConfiguration(config);
     }
@@ -78,11 +76,11 @@ var Geolocation = {
   getCurrentPosition: async function(
     geo_success: Function,
     geo_error?: Function,
-    geo_options?: GeoOptions
+    geo_options?: GeoOptions,
   ) {
     invariant(
       typeof geo_success === 'function',
-      'Must provide a valid geo_success callback.'
+      'Must provide a valid geo_success callback.',
     );
     let hasPermission = true;
     // Supports Android's new permission model. For Android older devices,
@@ -112,27 +110,27 @@ var Geolocation = {
    *
    * See https://facebook.github.io/react-native/docs/geolocation.html#watchposition
    */
-  watchPosition: function(success: Function, error?: Function, options?: GeoOptions): number {
+  watchPosition: function(
+    success: Function,
+    error?: Function,
+    options?: GeoOptions,
+  ): number {
     if (!updatesEnabled) {
       RCTLocationObserver.startObserving(options || {});
       updatesEnabled = true;
     }
-    var watchID = subscriptions.length;
+    const watchID = subscriptions.length;
     subscriptions.push([
-      LocationEventEmitter.addListener(
-        'geolocationDidChange',
-        success
-      ),
-      error ? LocationEventEmitter.addListener(
-        'geolocationError',
-        error
-      ) : null,
+      LocationEventEmitter.addListener('geolocationDidChange', success),
+      error
+        ? LocationEventEmitter.addListener('geolocationError', error)
+        : null,
     ]);
     return watchID;
   },
 
   clearWatch: function(watchID: number) {
-    var sub = subscriptions[watchID];
+    const sub = subscriptions[watchID];
     if (!sub) {
       // Silently exit when the watchID is invalid or already cleared
       // This is consistent with timers
@@ -141,10 +139,11 @@ var Geolocation = {
 
     sub[0].remove();
     // array element refinements not yet enabled in Flow
-    var sub1 = sub[1]; sub1 && sub1.remove();
+    const sub1 = sub[1];
+    sub1 && sub1.remove();
     subscriptions[watchID] = undefined;
-    var noWatchers = true;
-    for (var ii = 0; ii < subscriptions.length; ii++) {
+    let noWatchers = true;
+    for (let ii = 0; ii < subscriptions.length; ii++) {
       if (subscriptions[ii]) {
         noWatchers = false; // still valid subscriptions
       }
@@ -158,18 +157,19 @@ var Geolocation = {
     if (updatesEnabled) {
       RCTLocationObserver.stopObserving();
       updatesEnabled = false;
-      for (var ii = 0; ii < subscriptions.length; ii++) {
-        var sub = subscriptions[ii];
+      for (let ii = 0; ii < subscriptions.length; ii++) {
+        const sub = subscriptions[ii];
         if (sub) {
           warning(false, 'Called stopObserving with existing subscriptions.');
           sub[0].remove();
           // array element refinements not yet enabled in Flow
-          var sub1 = sub[1]; sub1 && sub1.remove();
+          const sub1 = sub[1];
+          sub1 && sub1.remove();
         }
       }
       subscriptions = [];
     }
-  }
+  },
 };
 
 module.exports = Geolocation;
diff --git a/Libraries/Geolocation/RCTGeolocation.xcodeproj/project.pbxproj b/Libraries/Geolocation/RCTGeolocation.xcodeproj/project.pbxproj
index e00e30ce46ec69..c0754118087ab4 100644
--- a/Libraries/Geolocation/RCTGeolocation.xcodeproj/project.pbxproj
+++ b/Libraries/Geolocation/RCTGeolocation.xcodeproj/project.pbxproj
@@ -61,7 +61,7 @@
 		58B511D31A9E6C8500147676 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0610;
+				LastUpgradeCheck = 0940;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					58B511DA1A9E6C8500147676 = {
@@ -106,20 +106,31 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
 				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_OPTIMIZATION_LEVEL = 0;
 				GCC_PREPROCESSOR_DEFINITIONS = (
 					"DEBUG=1",
@@ -134,7 +145,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -154,20 +165,30 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = YES;
 				ENABLE_NS_ASSERTIONS = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
 				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
 				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
@@ -176,7 +197,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SKIP_INSTALL = YES;
diff --git a/Libraries/Image/AssetRegistry.js b/Libraries/Image/AssetRegistry.js
index 7dabcfb9b53561..b050a9e239cd27 100644
--- a/Libraries/Image/AssetRegistry.js
+++ b/Libraries/Image/AssetRegistry.js
@@ -4,8 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AssetRegistry
- * @flow
+ * @flow strict
  * @format
  */
 'use strict';
@@ -22,7 +21,7 @@ export type PackagerAsset = {
   +type: string,
 };
 
-var assets: Array<PackagerAsset> = [];
+const assets: Array<PackagerAsset> = [];
 
 function registerAsset(asset: PackagerAsset): number {
   // `push` returns new array length, so the first asset will
diff --git a/Libraries/Image/AssetSourceResolver.js b/Libraries/Image/AssetSourceResolver.js
index 819353e03846ea..a870a325242838 100644
--- a/Libraries/Image/AssetSourceResolver.js
+++ b/Libraries/Image/AssetSourceResolver.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AssetSourceResolver
  * @flow
  * @format
  */
@@ -30,9 +29,9 @@ const invariant = require('fbjs/lib/invariant');
  * Returns a path like 'assets/AwesomeModule/icon@2x.png'
  */
 function getScaledAssetPath(asset): string {
-  var scale = AssetSourceResolver.pickScale(asset.scales, PixelRatio.get());
-  var scaleSuffix = scale === 1 ? '' : '@' + scale + 'x';
-  var assetDir = assetPathUtils.getBasePath(asset);
+  const scale = AssetSourceResolver.pickScale(asset.scales, PixelRatio.get());
+  const scaleSuffix = scale === 1 ? '' : '@' + scale + 'x';
+  const assetDir = assetPathUtils.getBasePath(asset);
   return assetDir + '/' + asset.name + scaleSuffix + '.' + asset.type;
 }
 
@@ -40,9 +39,12 @@ function getScaledAssetPath(asset): string {
  * Returns a path like 'drawable-mdpi/icon.png'
  */
 function getAssetPathInDrawableFolder(asset): string {
-  var scale = AssetSourceResolver.pickScale(asset.scales, PixelRatio.get());
-  var drawbleFolder = assetPathUtils.getAndroidResourceFolderName(asset, scale);
-  var fileName = assetPathUtils.getAndroidResourceIdentifier(asset);
+  const scale = AssetSourceResolver.pickScale(asset.scales, PixelRatio.get());
+  const drawbleFolder = assetPathUtils.getAndroidResourceFolderName(
+    asset,
+    scale,
+  );
+  const fileName = assetPathUtils.getAndroidResourceIdentifier(asset);
   return drawbleFolder + '/' + fileName + '.' + asset.type;
 }
 
@@ -152,7 +154,7 @@ class AssetSourceResolver {
 
   static pickScale(scales: Array<number>, deviceScale: number): number {
     // Packager guarantees that `scales` array is sorted
-    for (var i = 0; i < scales.length; i++) {
+    for (let i = 0; i < scales.length; i++) {
       if (scales[i] >= deviceScale) {
         return scales[i];
       }
diff --git a/Libraries/Image/Image.android.js b/Libraries/Image/Image.android.js
index bdb29ab8fe8965..d0e685a5e64229 100644
--- a/Libraries/Image/Image.android.js
+++ b/Libraries/Image/Image.android.js
@@ -4,38 +4,175 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Image
  * @flow
  * @format
  */
+
 'use strict';
 
-var ImageResizeMode = require('ImageResizeMode');
-var ImageStylePropTypes = require('ImageStylePropTypes');
-var NativeMethodsMixin = require('NativeMethodsMixin');
-var NativeModules = require('NativeModules');
-var React = require('React');
-var PropTypes = require('prop-types');
-var ReactNativeViewAttributes = require('ReactNativeViewAttributes');
-var StyleSheet = require('StyleSheet');
-var StyleSheetPropType = require('StyleSheetPropType');
-var ViewPropTypes = require('ViewPropTypes');
+const ImageStylePropTypes = require('ImageStylePropTypes');
+const NativeModules = require('NativeModules');
+const React = require('React');
+const ReactNative = require('ReactNative');
+const PropTypes = require('prop-types');
+const StyleSheet = require('StyleSheet');
+const StyleSheetPropType = require('StyleSheetPropType');
+const TextAncestor = require('TextAncestor');
+const ViewPropTypes = require('ViewPropTypes');
+
+const flattenStyle = require('flattenStyle');
+const merge = require('merge');
+const requireNativeComponent = require('requireNativeComponent');
+const resolveAssetSource = require('resolveAssetSource');
 
-var createReactClass = require('create-react-class');
-var flattenStyle = require('flattenStyle');
-var merge = require('merge');
-var requireNativeComponent = require('requireNativeComponent');
-var resolveAssetSource = require('resolveAssetSource');
+const {ImageLoader} = NativeModules;
 
-const {ViewContextTypes} = require('ViewContext');
+const RKImage = requireNativeComponent('RCTImageView');
+const RCTTextInlineImage = requireNativeComponent('RCTTextInlineImage');
 
-var {ImageLoader} = NativeModules;
+import type {ImageProps as ImagePropsType} from 'ImageProps';
 
 let _requestId = 1;
 function generateRequestId() {
   return _requestId++;
 }
 
+const ImageProps = {
+  ...ViewPropTypes,
+  style: StyleSheetPropType(ImageStylePropTypes),
+  /**
+   * See https://facebook.github.io/react-native/docs/image.html#source
+   */
+  source: PropTypes.oneOfType([
+    PropTypes.shape({
+      uri: PropTypes.string,
+      headers: PropTypes.objectOf(PropTypes.string),
+    }),
+    // Opaque type returned by require('./image.jpg')
+    PropTypes.number,
+    // Multiple sources
+    PropTypes.arrayOf(
+      PropTypes.shape({
+        uri: PropTypes.string,
+        width: PropTypes.number,
+        height: PropTypes.number,
+        headers: PropTypes.objectOf(PropTypes.string),
+      }),
+    ),
+  ]),
+  /**
+   * blurRadius: the blur radius of the blur filter added to the image
+   *
+   * See https://facebook.github.io/react-native/docs/image.html#blurradius
+   */
+  blurRadius: PropTypes.number,
+  /**
+   * See https://facebook.github.io/react-native/docs/image.html#defaultsource
+   */
+  defaultSource: PropTypes.number,
+  /**
+   * See https://facebook.github.io/react-native/docs/image.html#loadingindicatorsource
+   */
+  loadingIndicatorSource: PropTypes.oneOfType([
+    PropTypes.shape({
+      uri: PropTypes.string,
+    }),
+    // Opaque type returned by require('./image.jpg')
+    PropTypes.number,
+  ]),
+  progressiveRenderingEnabled: PropTypes.bool,
+  fadeDuration: PropTypes.number,
+  /**
+   * Invoked on load start
+   */
+  onLoadStart: PropTypes.func,
+  /**
+   * Invoked on load error
+   */
+  onError: PropTypes.func,
+  /**
+   * Invoked when load completes successfully
+   */
+  onLoad: PropTypes.func,
+  /**
+   * Invoked when load either succeeds or fails
+   */
+  onLoadEnd: PropTypes.func,
+  /**
+   * Used to locate this view in end-to-end tests.
+   */
+  testID: PropTypes.string,
+  /**
+   * The mechanism that should be used to resize the image when the image's dimensions
+   * differ from the image view's dimensions. Defaults to `auto`.
+   *
+   * See https://facebook.github.io/react-native/docs/image.html#resizemethod
+   */
+  resizeMethod: PropTypes.oneOf(['auto', 'resize', 'scale']),
+  /**
+   * Determines how to resize the image when the frame doesn't match the raw
+   * image dimensions.
+   *
+   * See https://facebook.github.io/react-native/docs/image.html#resizemode
+   */
+  resizeMode: PropTypes.oneOf([
+    'cover',
+    'contain',
+    'stretch',
+    'repeat',
+    'center',
+  ]),
+};
+
+function getSize(
+  url: string,
+  success: (width: number, height: number) => void,
+  failure?: (error: any) => void,
+) {
+  return ImageLoader.getSize(url)
+    .then(function(sizes) {
+      success(sizes.width, sizes.height);
+    })
+    .catch(
+      failure ||
+        function() {
+          console.warn('Failed to get size for image: ' + url);
+        },
+    );
+}
+
+function prefetch(url: string, callback: ?Function) {
+  const requestId = generateRequestId();
+  callback && callback(requestId);
+  return ImageLoader.prefetchImage(url, requestId);
+}
+
+function abortPrefetch(requestId: number) {
+  ImageLoader.abortRequest(requestId);
+}
+
+/**
+ * Perform cache interrogation.
+ *
+ * See https://facebook.github.io/react-native/docs/image.html#querycache
+ */
+async function queryCache(
+  urls: Array<string>,
+): Promise<Map<string, 'memory' | 'disk'>> {
+  return await ImageLoader.queryCache(urls);
+}
+
+declare class ImageComponentType extends ReactNative.NativeComponent<
+  ImagePropsType,
+> {
+  static getSize: typeof getSize;
+  static prefetch: typeof prefetch;
+  static abortPrefetch: typeof abortPrefetch;
+  static queryCache: typeof queryCache;
+  static resolveAssetSource: typeof resolveAssetSource;
+  static propTypes: typeof ImageProps;
+}
+
 /**
  * A React component for displaying different types of images,
  * including network images, static resources, temporary local images, and
@@ -43,240 +180,128 @@ function generateRequestId() {
  *
  * See https://facebook.github.io/react-native/docs/image.html
  */
-var Image = createReactClass({
-  displayName: 'Image',
-  propTypes: {
-    ...ViewPropTypes,
-    style: StyleSheetPropType(ImageStylePropTypes),
-    /**
-     * See https://facebook.github.io/react-native/docs/image.html#source
-     */
-    source: PropTypes.oneOfType([
-      PropTypes.shape({
-        uri: PropTypes.string,
-        headers: PropTypes.objectOf(PropTypes.string),
-      }),
-      // Opaque type returned by require('./image.jpg')
-      PropTypes.number,
-      // Multiple sources
-      PropTypes.arrayOf(
-        PropTypes.shape({
-          uri: PropTypes.string,
-          width: PropTypes.number,
-          height: PropTypes.number,
-          headers: PropTypes.objectOf(PropTypes.string),
-        }),
-      ),
-    ]),
-    /**
-     * blurRadius: the blur radius of the blur filter added to the image
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#blurradius
-     */
-    blurRadius: PropTypes.number,
-    /**
-     * See https://facebook.github.io/react-native/docs/image.html#loadingindicatorsource
-     */
-    loadingIndicatorSource: PropTypes.oneOfType([
-      PropTypes.shape({
-        uri: PropTypes.string,
-      }),
-      // Opaque type returned by require('./image.jpg')
-      PropTypes.number,
-    ]),
-    progressiveRenderingEnabled: PropTypes.bool,
-    fadeDuration: PropTypes.number,
-    /**
-     * Invoked on load start
-     */
-    onLoadStart: PropTypes.func,
-    /**
-     * Invoked on load error
-     */
-    onError: PropTypes.func,
-    /**
-     * Invoked when load completes successfully
-     */
-    onLoad: PropTypes.func,
-    /**
-     * Invoked when load either succeeds or fails
-     */
-    onLoadEnd: PropTypes.func,
-    /**
-     * Used to locate this view in end-to-end tests.
-     */
-    testID: PropTypes.string,
-    /**
-     * The mechanism that should be used to resize the image when the image's dimensions
-     * differ from the image view's dimensions. Defaults to `auto`.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#resizemethod
-     */
-    resizeMethod: PropTypes.oneOf(['auto', 'resize', 'scale']),
-    /**
-     * Determines how to resize the image when the frame doesn't match the raw
-     * image dimensions.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#resizemode
-     */
-    resizeMode: PropTypes.oneOf(['cover', 'contain', 'stretch', 'center']),
-  },
+let Image = (
+  props: ImagePropsType,
+  forwardedRef: ?React.Ref<'RCTTextInlineImage' | 'RKImage'>,
+) => {
+  const source = resolveAssetSource(props.source);
+  const defaultSource = resolveAssetSource(props.defaultSource);
+  const loadingIndicatorSource = resolveAssetSource(
+    props.loadingIndicatorSource,
+  );
 
-  statics: {
-    resizeMode: ImageResizeMode,
-
-    getSize(
-      url: string,
-      success: (width: number, height: number) => void,
-      failure?: (error: any) => void,
-    ) {
-      return ImageLoader.getSize(url)
-        .then(function(sizes) {
-          success(sizes.width, sizes.height);
-        })
-        .catch(
-          failure ||
-            function() {
-              console.warn('Failed to get size for image: ' + url);
-            },
-        );
-    },
-
-    /**
-     * Prefetches a remote image for later use by downloading it to the disk
-     * cache
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#prefetch
-     */
-    prefetch(url: string, callback: ?Function) {
-      const requestId = generateRequestId();
-      callback && callback(requestId);
-      return ImageLoader.prefetchImage(url, requestId);
-    },
-
-    /**
-     * Abort prefetch request.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#abortprefetch
-     */
-    abortPrefetch(requestId: number) {
-      ImageLoader.abortRequest(requestId);
-    },
-
-    /**
-     * Perform cache interrogation.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#querycache
-     */
-    async queryCache(
-      urls: Array<string>,
-    ): Promise<Map<string, 'memory' | 'disk'>> {
-      return await ImageLoader.queryCache(urls);
-    },
-
-    /**
-     * Resolves an asset reference into an object.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#resolveassetsource
-     */
-    resolveAssetSource: resolveAssetSource,
-  },
+  // As opposed to the ios version, here we render `null` when there is no source, source.uri
+  // or source array.
 
-  mixins: [NativeMethodsMixin],
+  if (source && source.uri === '') {
+    console.warn('source.uri should not be an empty string');
+  }
 
-  /**
-   * `NativeMethodsMixin` will look for this when invoking `setNativeProps`. We
-   * make `this` look like an actual native component class.
-   */
-  viewConfig: {
-    uiViewClassName: 'RCTView',
-    validAttributes: ReactNativeViewAttributes.RCTView,
-  },
+  if (props.src) {
+    console.warn(
+      'The <Image> component requires a `source` property rather than `src`.',
+    );
+  }
 
-  contextTypes: ViewContextTypes,
+  if (props.children) {
+    throw new Error(
+      'The <Image> component cannot contain children. If you want to render content on top of the image, consider using the <ImageBackground> component or absolute positioning.',
+    );
+  }
 
-  render: function() {
-    const source = resolveAssetSource(this.props.source);
-    const loadingIndicatorSource = resolveAssetSource(
-      this.props.loadingIndicatorSource,
+  if (props.defaultSource && props.loadingIndicatorSource) {
+    throw new Error(
+      'The <Image> component cannot have defaultSource and loadingIndicatorSource at the same time. Please use either defaultSource or loadingIndicatorSource.',
     );
+  }
 
-    // As opposed to the ios version, here we render `null` when there is no source, source.uri
-    // or source array.
-
-    if (source && source.uri === '') {
-      console.warn('source.uri should not be an empty string');
-    }
-
-    if (this.props.src) {
-      console.warn(
-        'The <Image> component requires a `source` property rather than `src`.',
-      );
-    }
-
-    if (this.props.children) {
-      throw new Error(
-        'The <Image> component cannot contain children. If you want to render content on top of the image, consider using the <ImageBackground> component or absolute positioning.',
-      );
-    }
-
-    if (source && (source.uri || Array.isArray(source))) {
-      let style;
-      let sources;
-      if (source.uri) {
-        const {width, height} = source;
-        style = flattenStyle([{width, height}, styles.base, this.props.style]);
-        sources = [{uri: source.uri}];
-      } else {
-        style = flattenStyle([styles.base, this.props.style]);
-        sources = source;
-      }
+  if (!source || (!source.uri && !Array.isArray(source))) {
+    return null;
+  }
 
-      const {onLoadStart, onLoad, onLoadEnd, onError} = this.props;
-      const nativeProps = merge(this.props, {
-        style,
-        shouldNotifyLoadEvents: !!(
-          onLoadStart ||
-          onLoad ||
-          onLoadEnd ||
-          onError
-        ),
-        src: sources,
-        headers: source.headers,
-        loadingIndicatorSrc: loadingIndicatorSource
-          ? loadingIndicatorSource.uri
-          : null,
-      });
-
-      if (this.context.isInAParentText) {
-        return <RCTTextInlineImage {...nativeProps} />;
-      } else {
-        return <RKImage {...nativeProps} />;
+  let style;
+  let sources;
+  if (source.uri) {
+    const {width, height} = source;
+    style = flattenStyle([{width, height}, styles.base, props.style]);
+    sources = [{uri: source.uri}];
+  } else {
+    style = flattenStyle([styles.base, props.style]);
+    sources = source;
+  }
+
+  const {onLoadStart, onLoad, onLoadEnd, onError} = props;
+  const nativeProps = merge(props, {
+    style,
+    shouldNotifyLoadEvents: !!(onLoadStart || onLoad || onLoadEnd || onError),
+    src: sources,
+    headers: source.headers,
+    defaultSrc: defaultSource ? defaultSource.uri : null,
+    loadingIndicatorSrc: loadingIndicatorSource
+      ? loadingIndicatorSource.uri
+      : null,
+    ref: forwardedRef,
+  });
+
+  return (
+    <TextAncestor.Consumer>
+      {hasTextAncestor =>
+        hasTextAncestor ? (
+          <RCTTextInlineImage {...nativeProps} />
+        ) : (
+          <RKImage {...nativeProps} />
+        )
       }
-    }
-    return null;
-  },
-});
+    </TextAncestor.Consumer>
+  );
+};
 
-var styles = StyleSheet.create({
+// $FlowFixMe - TODO T29156721 `React.forwardRef` is not defined in Flow, yet.
+Image = React.forwardRef(Image);
+
+/**
+ * Prefetches a remote image for later use by downloading it to the disk
+ * cache
+ *
+ * See https://facebook.github.io/react-native/docs/image.html#prefetch
+ */
+Image.getSize = getSize;
+
+/**
+ * Prefetches a remote image for later use by downloading it to the disk
+ * cache
+ *
+ * See https://facebook.github.io/react-native/docs/image.html#prefetch
+ */
+Image.prefetch = prefetch;
+
+/**
+ * Abort prefetch request.
+ *
+ * See https://facebook.github.io/react-native/docs/image.html#abortprefetch
+ */
+Image.abortPrefetch = abortPrefetch;
+
+/**
+ * Perform cache interrogation.
+ *
+ * See https://facebook.github.io/react-native/docs/image.html#querycache
+ */
+Image.queryCache = queryCache;
+
+/**
+ * Resolves an asset reference into an object.
+ *
+ * See https://facebook.github.io/react-native/docs/image.html#resolveassetsource
+ */
+Image.resolveAssetSource = resolveAssetSource;
+
+Image.propTypes = ImageProps;
+
+const styles = StyleSheet.create({
   base: {
     overflow: 'hidden',
   },
 });
 
-var cfg = {
-  nativeOnly: {
-    src: true,
-    headers: true,
-    loadingIndicatorSrc: true,
-    shouldNotifyLoadEvents: true,
-  },
-};
-var RKImage = requireNativeComponent('RCTImageView', Image, cfg);
-var RCTTextInlineImage = requireNativeComponent(
-  'RCTTextInlineImage',
-  Image,
-  cfg,
-);
-
-module.exports = Image;
+module.exports = (Image: Class<ImageComponentType>);
diff --git a/Libraries/Image/Image.ios.js b/Libraries/Image/Image.ios.js
index 173d78704f6610..82e651c0362924 100644
--- a/Libraries/Image/Image.ios.js
+++ b/Libraries/Image/Image.ios.js
@@ -4,31 +4,55 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Image
  * @flow
  * @format
  */
 'use strict';
 
-const EdgeInsetsPropType = require('EdgeInsetsPropType');
-const ImageResizeMode = require('ImageResizeMode');
-const ImageSourcePropType = require('ImageSourcePropType');
-const ImageStylePropTypes = require('ImageStylePropTypes');
-const NativeMethodsMixin = require('NativeMethodsMixin');
+const ImageProps = require('ImageProps');
 const NativeModules = require('NativeModules');
 const React = require('React');
-const PropTypes = require('prop-types');
-const ReactNativeViewAttributes = require('ReactNativeViewAttributes');
+const ReactNative = require('ReactNative');
 const StyleSheet = require('StyleSheet');
-const StyleSheetPropType = require('StyleSheetPropType');
 
-const createReactClass = require('create-react-class');
 const flattenStyle = require('flattenStyle');
 const requireNativeComponent = require('requireNativeComponent');
 const resolveAssetSource = require('resolveAssetSource');
 
 const ImageViewManager = NativeModules.ImageViewManager;
 
+const RCTImageView = requireNativeComponent('RCTImageView');
+
+import type {ImageProps as ImagePropsType} from 'ImageProps';
+
+function getSize(
+  uri: string,
+  success: (width: number, height: number) => void,
+  failure?: (error: any) => void,
+) {
+  ImageViewManager.getSize(
+    uri,
+    success,
+    failure ||
+      function() {
+        console.warn('Failed to get size for image: ' + uri);
+      },
+  );
+}
+
+function prefetch(url: string) {
+  return ImageViewManager.prefetchImage(url);
+}
+
+declare class ImageComponentType extends ReactNative.NativeComponent<
+  ImagePropsType,
+> {
+  static getSize: typeof getSize;
+  static prefetch: typeof prefetch;
+  static resolveAssetSource: typeof resolveAssetSource;
+  static propTypes: typeof ImageProps;
+}
+
 /**
  * A React component for displaying different types of images,
  * including network images, static resources, temporary local images, and
@@ -36,224 +60,84 @@ const ImageViewManager = NativeModules.ImageViewManager;
  *
  * See https://facebook.github.io/react-native/docs/image.html
  */
-const Image = createReactClass({
-  displayName: 'Image',
-  propTypes: {
-    /**
-     * See https://facebook.github.io/react-native/docs/image.html#style
-     */
-    style: StyleSheetPropType(ImageStylePropTypes),
-    /**
-     * The image source (either a remote URL or a local file resource).
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#source
-     */
-    source: ImageSourcePropType,
-    /**
-     * A static image to display while loading the image source.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#defaultsource
-     */
-    defaultSource: PropTypes.oneOfType([
-      PropTypes.shape({
-        uri: PropTypes.string,
-        width: PropTypes.number,
-        height: PropTypes.number,
-        scale: PropTypes.number,
-      }),
-      PropTypes.number,
-    ]),
-    /**
-     * When true, indicates the image is an accessibility element.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#accessible
-     */
-    accessible: PropTypes.bool,
-    /**
-     * The text that's read by the screen reader when the user interacts with
-     * the image.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#accessibilitylabel
-     */
-    accessibilityLabel: PropTypes.node,
-    /**
-     * blurRadius: the blur radius of the blur filter added to the image
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#blurradius
-     */
-    blurRadius: PropTypes.number,
-    /**
-     * See https://facebook.github.io/react-native/docs/image.html#capinsets
-     */
-    capInsets: EdgeInsetsPropType,
-    /**
-     * See https://facebook.github.io/react-native/docs/image.html#resizemethod
-     */
-    resizeMethod: PropTypes.oneOf(['auto', 'resize', 'scale']),
-    /**
-     * Determines how to resize the image when the frame doesn't match the raw
-     * image dimensions.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#resizemode
-     */
-    resizeMode: PropTypes.oneOf([
-      'cover',
-      'contain',
-      'stretch',
-      'repeat',
-      'center',
-    ]),
-    /**
-     * A unique identifier for this element to be used in UI Automation
-     * testing scripts.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#testid
-     */
-    testID: PropTypes.string,
-    /**
-     * Invoked on mount and layout changes with
-     * `{nativeEvent: {layout: {x, y, width, height}}}`.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#onlayout
-     */
-    onLayout: PropTypes.func,
-    /**
-     * Invoked on load start.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#onloadstart
-     */
-    onLoadStart: PropTypes.func,
-    /**
-     * Invoked on download progress with `{nativeEvent: {loaded, total}}`.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#onprogress
-     */
-    onProgress: PropTypes.func,
-    /**
-     * Invoked on load error with `{nativeEvent: {error}}`.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#onerror
-     */
-    onError: PropTypes.func,
-    /**
-     * Invoked when a partial load of the image is complete.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#onpartialload
-     */
-    onPartialLoad: PropTypes.func,
-    /**
-     * Invoked when load completes successfully.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#onload
-     */
-    onLoad: PropTypes.func,
-    /**
-     * Invoked when load either succeeds or fails.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#onloadend
-     */
-    onLoadEnd: PropTypes.func,
-  },
-
-  statics: {
-    resizeMode: ImageResizeMode,
-    /**
-     * Retrieve the width and height (in pixels) of an image prior to displaying it.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#getsize
-     */
-    getSize: function(
-      uri: string,
-      success: (width: number, height: number) => void,
-      failure?: (error: any) => void,
-    ) {
-      ImageViewManager.getSize(
-        uri,
-        success,
-        failure ||
-          function() {
-            console.warn('Failed to get size for image: ' + uri);
-          },
-      );
-    },
-    /**
-     * Prefetches a remote image for later use by downloading it to the disk
-     * cache.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#prefetch
-     */
-    prefetch(url: string) {
-      return ImageViewManager.prefetchImage(url);
-    },
-    /**
-     * Resolves an asset reference into an object.
-     *
-     * See https://facebook.github.io/react-native/docs/image.html#resolveassetsource
-     */
-    resolveAssetSource: resolveAssetSource,
-  },
-
-  mixins: [NativeMethodsMixin],
-
-  /**
-   * `NativeMethodsMixin` will look for this when invoking `setNativeProps`. We
-   * make `this` look like an actual native component class.
-   */
-  viewConfig: {
-    uiViewClassName: 'UIView',
-    validAttributes: ReactNativeViewAttributes.UIView,
-  },
+let Image = (
+  props: ImagePropsType,
+  forwardedRef: ?React.Ref<'RCTImageView'>,
+) => {
+  const source = resolveAssetSource(props.source) || {
+    uri: undefined,
+    width: undefined,
+    height: undefined,
+  };
+
+  let sources;
+  let style;
+  if (Array.isArray(source)) {
+    style = flattenStyle([styles.base, props.style]) || {};
+    sources = source;
+  } else {
+    const {width, height, uri} = source;
+    style = flattenStyle([{width, height}, styles.base, props.style]) || {};
+    sources = [source];
+
+    if (uri === '') {
+      console.warn('source.uri should not be an empty string');
+    }
+  }
 
-  render: function() {
-    const source = resolveAssetSource(this.props.source) || {
-      uri: undefined,
-      width: undefined,
-      height: undefined,
-    };
+  const resizeMode = props.resizeMode || style.resizeMode || 'cover';
+  const tintColor = style.tintColor;
 
-    let sources;
-    let style;
-    if (Array.isArray(source)) {
-      style = flattenStyle([styles.base, this.props.style]) || {};
-      sources = source;
-    } else {
-      const {width, height, uri} = source;
-      style =
-        flattenStyle([{width, height}, styles.base, this.props.style]) || {};
-      sources = [source];
+  if (props.src != null) {
+    console.warn(
+      'The <Image> component requires a `source` property rather than `src`.',
+    );
+  }
 
-      if (uri === '') {
-        console.warn('source.uri should not be an empty string');
-      }
-    }
+  if (props.children != null) {
+    throw new Error(
+      'The <Image> component cannot contain children. If you want to render content on top of the image, consider using the <ImageBackground> component or absolute positioning.',
+    );
+  }
+
+  return (
+    <RCTImageView
+      {...props}
+      ref={forwardedRef}
+      style={style}
+      resizeMode={resizeMode}
+      tintColor={tintColor}
+      source={sources}
+    />
+  );
+};
+
+// $FlowFixMe - TODO T29156721 `React.forwardRef` is not defined in Flow, yet.
+Image = React.forwardRef(Image);
 
-    const resizeMode =
-      this.props.resizeMode || (style || {}).resizeMode || 'cover'; // Workaround for flow bug t7737108
-    const tintColor = (style || {}).tintColor; // Workaround for flow bug t7737108
+/**
+ * Retrieve the width and height (in pixels) of an image prior to displaying it.
+ *
+ * See https://facebook.github.io/react-native/docs/image.html#getsize
+ */
+Image.getSize = getSize;
 
-    if (this.props.src) {
-      console.warn(
-        'The <Image> component requires a `source` property rather than `src`.',
-      );
-    }
+/**
+ * Prefetches a remote image for later use by downloading it to the disk
+ * cache.
+ *
+ * See https://facebook.github.io/react-native/docs/image.html#prefetch
+ */
+Image.prefetch = prefetch;
 
-    if (this.props.children) {
-      throw new Error(
-        'The <Image> component cannot contain children. If you want to render content on top of the image, consider using the <ImageBackground> component or absolute positioning.',
-      );
-    }
+/**
+ * Resolves an asset reference into an object.
+ *
+ * See https://facebook.github.io/react-native/docs/image.html#resolveassetsource
+ */
+Image.resolveAssetSource = resolveAssetSource;
 
-    return (
-      <RCTImageView
-        {...this.props}
-        style={style}
-        resizeMode={resizeMode}
-        tintColor={tintColor}
-        source={sources}
-      />
-    );
-  },
-});
+Image.propTypes = ImageProps;
 
 const styles = StyleSheet.create({
   base: {
@@ -261,6 +145,4 @@ const styles = StyleSheet.create({
   },
 });
 
-const RCTImageView = requireNativeComponent('RCTImageView', Image);
-
-module.exports = Image;
+module.exports = (Image: Class<ImageComponentType>);
diff --git a/Libraries/Image/ImageBackground.js b/Libraries/Image/ImageBackground.js
index 405bced59ce254..a128880a17807c 100644
--- a/Libraries/Image/ImageBackground.js
+++ b/Libraries/Image/ImageBackground.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ImageBackground
  * @flow
  * @format
  */
@@ -61,7 +60,10 @@ class ImageBackground extends React.Component<$FlowFixMeProps> {
     const {children, style, imageStyle, imageRef, ...props} = this.props;
 
     return (
-      <View style={style} ref={this._captureRef}>
+      <View
+        accessibilityIgnoresInvertColors={true}
+        style={style}
+        ref={this._captureRef}>
         <Image
           {...props}
           style={[
diff --git a/Libraries/Image/ImageEditor.js b/Libraries/Image/ImageEditor.js
index ddd7fd381285c5..65edcccf12204f 100644
--- a/Libraries/Image/ImageEditor.js
+++ b/Libraries/Image/ImageEditor.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ImageEditor
  * @flow
  * @format
  */
@@ -51,7 +50,9 @@ class ImageEditor {
   /**
    * Crop the image specified by the URI param. If URI points to a remote
    * image, it will be downloaded automatically. If the image cannot be
-   * loaded/downloaded, the failure callback will be called.
+   * loaded/downloaded, the failure callback will be called. On Android, a
+   * downloaded image may be cached in external storage, a publicly accessible
+   * location, if it has more available space than internal storage.
    *
    * If the cropping process is successful, the resultant cropped image
    * will be stored in the ImageStore, and the URI returned in the success
diff --git a/Libraries/Image/ImageProps.js b/Libraries/Image/ImageProps.js
new file mode 100644
index 00000000000000..54f6250e1f1458
--- /dev/null
+++ b/Libraries/Image/ImageProps.js
@@ -0,0 +1,192 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+'use strict';
+
+const EdgeInsetsPropType = require('EdgeInsetsPropType');
+const ImageSourcePropType = require('ImageSourcePropType');
+const ImageStylePropTypes = require('ImageStylePropTypes');
+const PropTypes = require('prop-types');
+const StyleSheetPropType = require('StyleSheetPropType');
+
+import type {DimensionValue} from 'StyleSheetTypes';
+import type {ViewProps} from 'ViewPropTypes';
+import type {ImageSource} from 'ImageSource';
+import type {EdgeInsetsProp} from 'EdgeInsetsPropType';
+import type {SyntheticEvent} from 'CoreEventTypes';
+import type {ImageStyleProp} from 'StyleSheet';
+
+type OnLoadEvent = SyntheticEvent<
+  $ReadOnly<{|
+    // Only on Android
+    uri?: string,
+
+    source: $ReadOnly<{|
+      width: number,
+      height: number,
+      url: string,
+    |}>,
+  |}>,
+>;
+
+type IOSImageProps = $ReadOnly<{|
+  defaultSource?: ?ImageSource,
+  onPartialLoad?: ?() => void,
+  onProgress?: ?(
+    event: SyntheticEvent<$ReadOnly<{|loaded: number, total: number|}>>,
+  ) => void,
+|}>;
+
+type AndroidImageProps = $ReadOnly<{|
+  loadingIndicatorSource?: ?(number | $ReadOnly<{|uri: string|}>),
+  progressiveRenderingEnabled?: ?boolean,
+  fadeDuration?: ?number,
+|}>;
+
+export type ImageProps = {|
+  ...ViewProps,
+  ...IOSImageProps,
+  ...AndroidImageProps,
+  blurRadius?: number,
+  capInsets?: ?EdgeInsetsProp,
+
+  onError?: ?(event: SyntheticEvent<$ReadOnly<{||}>>) => void,
+  onLoad?: ?(event: OnLoadEvent) => void,
+  onLoadEnd?: ?() => void,
+  onLoadStart?: ?() => void,
+  resizeMethod?: ?('auto' | 'resize' | 'scale'),
+  source?: ?ImageSource,
+  style?: ImageStyleProp,
+
+  // Can be set via props or style, for now
+  height?: DimensionValue,
+  width?: DimensionValue,
+  resizeMode?: ?('cover' | 'contain' | 'stretch' | 'repeat' | 'center'),
+
+  src?: empty,
+  children?: empty,
+|};
+
+module.exports = {
+  /**
+   * See https://facebook.github.io/react-native/docs/image.html#style
+   */
+  style: StyleSheetPropType(ImageStylePropTypes),
+  /**
+   * The image source (either a remote URL or a local file resource).
+   *
+   * See https://facebook.github.io/react-native/docs/image.html#source
+   */
+  source: ImageSourcePropType,
+  /**
+   * A static image to display while loading the image source.
+   *
+   * See https://facebook.github.io/react-native/docs/image.html#defaultsource
+   */
+  defaultSource: PropTypes.oneOfType([
+    PropTypes.shape({
+      uri: PropTypes.string,
+      width: PropTypes.number,
+      height: PropTypes.number,
+      scale: PropTypes.number,
+    }),
+    PropTypes.number,
+  ]),
+  /**
+   * When true, indicates the image is an accessibility element.
+   *
+   * See https://facebook.github.io/react-native/docs/image.html#accessible
+   */
+  accessible: PropTypes.bool,
+  /**
+   * The text that's read by the screen reader when the user interacts with
+   * the image.
+   *
+   * See https://facebook.github.io/react-native/docs/image.html#accessibilitylabel
+   */
+  accessibilityLabel: PropTypes.node,
+  /**
+   * blurRadius: the blur radius of the blur filter added to the image
+   *
+   * See https://facebook.github.io/react-native/docs/image.html#blurradius
+   */
+  blurRadius: PropTypes.number,
+  /**
+   * See https://facebook.github.io/react-native/docs/image.html#capinsets
+   */
+  capInsets: EdgeInsetsPropType,
+  /**
+   * See https://facebook.github.io/react-native/docs/image.html#resizemethod
+   */
+  resizeMethod: PropTypes.oneOf(['auto', 'resize', 'scale']),
+  /**
+   * Determines how to resize the image when the frame doesn't match the raw
+   * image dimensions.
+   *
+   * See https://facebook.github.io/react-native/docs/image.html#resizemode
+   */
+  resizeMode: PropTypes.oneOf([
+    'cover',
+    'contain',
+    'stretch',
+    'repeat',
+    'center',
+  ]),
+  /**
+   * A unique identifier for this element to be used in UI Automation
+   * testing scripts.
+   *
+   * See https://facebook.github.io/react-native/docs/image.html#testid
+   */
+  testID: PropTypes.string,
+  /**
+   * Invoked on mount and layout changes with
+   * `{nativeEvent: {layout: {x, y, width, height}}}`.
+   *
+   * See https://facebook.github.io/react-native/docs/image.html#onlayout
+   */
+  onLayout: PropTypes.func,
+  /**
+   * Invoked on load start.
+   *
+   * See https://facebook.github.io/react-native/docs/image.html#onloadstart
+   */
+  onLoadStart: PropTypes.func,
+  /**
+   * Invoked on download progress with `{nativeEvent: {loaded, total}}`.
+   *
+   * See https://facebook.github.io/react-native/docs/image.html#onprogress
+   */
+  onProgress: PropTypes.func,
+  /**
+   * Invoked on load error with `{nativeEvent: {error}}`.
+   *
+   * See https://facebook.github.io/react-native/docs/image.html#onerror
+   */
+  onError: PropTypes.func,
+  /**
+   * Invoked when a partial load of the image is complete.
+   *
+   * See https://facebook.github.io/react-native/docs/image.html#onpartialload
+   */
+  onPartialLoad: PropTypes.func,
+  /**
+   * Invoked when load completes successfully.
+   *
+   * See https://facebook.github.io/react-native/docs/image.html#onload
+   */
+  onLoad: PropTypes.func,
+  /**
+   * Invoked when load either succeeds or fails.
+   *
+   * See https://facebook.github.io/react-native/docs/image.html#onloadend
+   */
+  onLoadEnd: PropTypes.func,
+};
diff --git a/Libraries/Image/ImageResizeMode.js b/Libraries/Image/ImageResizeMode.js
index 25d937d60efe5f..48779e383f3119 100644
--- a/Libraries/Image/ImageResizeMode.js
+++ b/Libraries/Image/ImageResizeMode.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ImageResizeMode
  * @flow
  * @format
  */
@@ -13,13 +12,13 @@
 /* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
  * found when Flow v0.54 was deployed. To see the error delete this comment and
  * run Flow. */
-var keyMirror = require('fbjs/lib/keyMirror');
+const keyMirror = require('fbjs/lib/keyMirror');
 
 /**
  * ImageResizeMode - Enum for different image resizing modes, set via
  * `resizeMode` style property on `<Image>` components.
  */
-var ImageResizeMode = keyMirror({
+const ImageResizeMode = keyMirror({
   /**
    * contain - The image will be resized such that it will be completely
    * visible, contained within the frame of the View.
diff --git a/Libraries/Image/ImageSource.js b/Libraries/Image/ImageSource.js
index 533eb513219ca2..5c3c84df901209 100644
--- a/Libraries/Image/ImageSource.js
+++ b/Libraries/Image/ImageSource.js
@@ -4,24 +4,30 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ImageSource
  * @flow
  * @format
  */
 'use strict';
 
 // This is to sync with ImageSourcePropTypes.js.
+// We explicitly don't want this to be strict so that we can pass in objects
+// that might have more keys. This also has to be inexact to support taking
+// instances of classes like FBIcon.
+// https://fburl.com/8lynhvtw
+type ImageURISource = $ReadOnly<{
+  uri?: ?string,
+  bundle?: ?string,
+  method?: ?string,
+  headers?: ?Object,
+  body?: ?string,
+  cache?: ?('default' | 'reload' | 'force-cache' | 'only-if-cached'),
+  width?: ?number,
+  height?: ?number,
+  scale?: ?number,
+}>;
 
-type ImageURISource = {
-  uri?: string,
-  bundle?: string,
-  method?: string,
-  headers?: Object,
-  body?: string,
-  cache?: 'default' | 'reload' | 'force-cache' | 'only-if-cached',
-  width?: number,
-  height?: number,
-  scale?: number,
-};
-
+// We have to export any because of an issue in Flow with objects that come from Relay:
+// https://fburl.com/8ljo5tmr
+// https://fb.facebook.com/groups/flow/permalink/1824103160971624/
+// $FlowFixMe T26861415
 export type ImageSource = ImageURISource | number | Array<ImageURISource>;
diff --git a/Libraries/Image/ImageSourcePropType.js b/Libraries/Image/ImageSourcePropType.js
index af9dac3c479477..6f67113fe1bf18 100644
--- a/Libraries/Image/ImageSourcePropType.js
+++ b/Libraries/Image/ImageSourcePropType.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ImageSourcePropType
  * @no-flow
  * @format
  */
diff --git a/Libraries/Image/ImageStore.js b/Libraries/Image/ImageStore.js
index 215bdec246cb1e..5373020376a5f1 100644
--- a/Libraries/Image/ImageStore.js
+++ b/Libraries/Image/ImageStore.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ImageStore
  * @flow
  * @format
  */
diff --git a/Libraries/Image/ImageStylePropTypes.js b/Libraries/Image/ImageStylePropTypes.js
index 9a688ac7f9d425..54e500994227db 100644
--- a/Libraries/Image/ImageStylePropTypes.js
+++ b/Libraries/Image/ImageStylePropTypes.js
@@ -4,20 +4,19 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ImageStylePropTypes
  * @flow
  * @format
  */
 'use strict';
 
-var ColorPropType = require('ColorPropType');
-var ImageResizeMode = require('ImageResizeMode');
-var LayoutPropTypes = require('LayoutPropTypes');
-var ReactPropTypes = require('prop-types');
-var ShadowPropTypesIOS = require('ShadowPropTypesIOS');
-var TransformPropTypes = require('TransformPropTypes');
+const ColorPropType = require('ColorPropType');
+const ImageResizeMode = require('ImageResizeMode');
+const LayoutPropTypes = require('LayoutPropTypes');
+const ReactPropTypes = require('prop-types');
+const ShadowPropTypesIOS = require('ShadowPropTypesIOS');
+const TransformPropTypes = require('TransformPropTypes');
 
-var ImageStylePropTypes = {
+const ImageStylePropTypes = {
   ...LayoutPropTypes,
   ...ShadowPropTypesIOS,
   ...TransformPropTypes,
diff --git a/Libraries/Image/RCTImage.xcodeproj/project.pbxproj b/Libraries/Image/RCTImage.xcodeproj/project.pbxproj
index 0249e7b0c253cb..bbf4d7104224ba 100644
--- a/Libraries/Image/RCTImage.xcodeproj/project.pbxproj
+++ b/Libraries/Image/RCTImage.xcodeproj/project.pbxproj
@@ -251,7 +251,7 @@
 		58B511551A9E6B3D00147676 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0810;
+				LastUpgradeCheck = 0940;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					2D2A28391D9B042B00D4039D = {
@@ -365,15 +365,22 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
 				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
 				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
@@ -397,7 +404,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -417,15 +424,22 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
 				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
 				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
@@ -442,7 +456,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SKIP_INSTALL = YES;
diff --git a/Libraries/Image/RCTImageCache.m b/Libraries/Image/RCTImageCache.m
index 8caedae7cf8186..4d4803c4ab08e0 100644
--- a/Libraries/Image/RCTImageCache.m
+++ b/Libraries/Image/RCTImageCache.m
@@ -14,6 +14,7 @@
 #import <React/RCTConvert.h>
 #import <React/RCTNetworking.h>
 #import <React/RCTUtils.h>
+#import <React/RCTResizeMode.h>
 
 #import "RCTImageUtils.h"
 
@@ -22,8 +23,8 @@
 static NSString *RCTCacheKeyForImage(NSString *imageTag, CGSize size, CGFloat scale,
                                      RCTResizeMode resizeMode, NSString *responseDate)
 {
-    return [NSString stringWithFormat:@"%@|%g|%g|%g|%lld|%@",
-            imageTag, size.width, size.height, scale, (long long)resizeMode, responseDate];
+  return [NSString stringWithFormat:@"%@|%g|%g|%g|%lld|%@",
+          imageTag, size.width, size.height, scale, (long long)resizeMode, responseDate];
 }
 
 @implementation RCTImageCache
@@ -36,7 +37,7 @@ - (instancetype)init
 {
   _decodedImageCache = [NSCache new];
   _decodedImageCache.totalCostLimit = 5 * 1024 * 1024; // 5MB
-
+  
   [[NSNotificationCenter defaultCenter] addObserver:self
                                            selector:@selector(clearCache)
                                                name:UIApplicationDidReceiveMemoryWarningNotification
@@ -45,7 +46,7 @@ - (instancetype)init
                                            selector:@selector(clearCache)
                                                name:UIApplicationWillResignActiveNotification
                                              object:nil];
-
+  
   return self;
 }
 
diff --git a/Libraries/Image/RCTImageLoader.m b/Libraries/Image/RCTImageLoader.m
index bc50fb03a0eaca..775e53e95f7a08 100644
--- a/Libraries/Image/RCTImageLoader.m
+++ b/Libraries/Image/RCTImageLoader.m
@@ -58,6 +58,11 @@ - (instancetype)init
   return [self initWithRedirectDelegate:nil];
 }
 
++ (BOOL)requiresMainQueueSetup
+{
+    return NO;
+}
+
 - (instancetype)initWithRedirectDelegate:(id<RCTImageRedirectProtocol>)redirectDelegate
 {
     if (self = [super init]) {
diff --git a/Libraries/Image/RelativeImageStub.js b/Libraries/Image/RelativeImageStub.js
index 4adf66b806b4f2..dcdeb9b916ac45 100644
--- a/Libraries/Image/RelativeImageStub.js
+++ b/Libraries/Image/RelativeImageStub.js
@@ -4,15 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RelativeImageStub
- * @flow
+ * @format
+ * @flow strict
  */
+
 'use strict';
 
 // This is a stub for flow to make it understand require('./icon.png')
 // See metro/src/Bundler/index.js
 
-var AssetRegistry = require('AssetRegistry');
+const AssetRegistry = require('AssetRegistry');
 
 module.exports = AssetRegistry.registerAsset({
   __packager_asset: true,
diff --git a/Libraries/Image/__tests__/assetRelativePathInSnapshot.js b/Libraries/Image/__tests__/assetRelativePathInSnapshot.js
index 262e636b4710ff..973d7171c0cd56 100644
--- a/Libraries/Image/__tests__/assetRelativePathInSnapshot.js
+++ b/Libraries/Image/__tests__/assetRelativePathInSnapshot.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
 jest.disableAutomock();
@@ -16,10 +18,12 @@ const Image = require('Image');
 const View = require('View');
 
 it('renders assets based on relative path', () => {
-  expect(ReactTestRenderer.create(
-  <View>
-    <Image source={require('./img/img1.png')} />
-    <Image source={require('./img/img2.png')} />
-  </View>
-  )).toMatchSnapshot();
+  expect(
+    ReactTestRenderer.create(
+      <View>
+        <Image source={require('./img/img1.png')} />
+        <Image source={require('./img/img2.png')} />
+      </View>,
+    ),
+  ).toMatchSnapshot();
 });
diff --git a/Libraries/Image/__tests__/resolveAssetSource-test.js b/Libraries/Image/__tests__/resolveAssetSource-test.js
index 50a666a5b54897..c22f32a6520413 100644
--- a/Libraries/Image/__tests__/resolveAssetSource-test.js
+++ b/Libraries/Image/__tests__/resolveAssetSource-test.js
@@ -4,17 +4,19 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
-var AssetRegistry = require('AssetRegistry');
-var Platform = require('Platform');
-var NativeModules = require('NativeModules');
-var resolveAssetSource = require('../resolveAssetSource');
+const AssetRegistry = require('AssetRegistry');
+const Platform = require('Platform');
+const NativeModules = require('NativeModules');
+const resolveAssetSource = require('../resolveAssetSource');
 
 function expectResolvesAsset(input, expectedSource) {
-  var assetId = AssetRegistry.registerAsset(input);
+  const assetId = AssetRegistry.registerAsset(input);
   expect(resolveAssetSource(assetId)).toEqual(expectedSource);
 }
 
@@ -24,20 +26,22 @@ describe('resolveAssetSource', () => {
   });
 
   it('returns same source for simple static and network images', () => {
-    var source1 = {uri: 'https://www.facebook.com/logo'};
+    const source1 = {uri: 'https://www.facebook.com/logo'};
     expect(resolveAssetSource(source1)).toBe(source1);
 
-    var source2 = {uri: 'logo'};
+    const source2 = {uri: 'logo'};
     expect(resolveAssetSource(source2)).toBe(source2);
   });
 
   it('does not change deprecated assets', () => {
-    expect(resolveAssetSource({
-      deprecated: true,
-      width: 100,
-      height: 200,
-      uri: 'logo',
-    })).toEqual({
+    expect(
+      resolveAssetSource({
+        deprecated: true,
+        width: 100,
+        height: 200,
+        uri: 'logo',
+      }),
+    ).toEqual({
       deprecated: true,
       width: 100,
       height: 200,
@@ -53,51 +57,57 @@ describe('resolveAssetSource', () => {
 
   describe('bundle was loaded from network (DEV)', () => {
     beforeEach(() => {
-      NativeModules.SourceCode.scriptURL =
-        'http://10.0.0.1:8081/main.bundle';
+      NativeModules.SourceCode.scriptURL = 'http://10.0.0.1:8081/main.bundle';
       Platform.OS = 'ios';
     });
 
     it('uses network image', () => {
-      expectResolvesAsset({
-        __packager_asset: true,
-        fileSystemLocation: '/root/app/module/a',
-        httpServerLocation: '/assets/module/a',
-        width: 100,
-        height: 200,
-        scales: [1],
-        hash: '5b6f00f',
-        name: 'logo',
-        type: 'png',
-      }, {
-        __packager_asset: true,
-        width: 100,
-        height: 200,
-        uri: 'http://10.0.0.1:8081/assets/module/a/logo.png?platform=ios&hash=5b6f00f',
-        scale: 1,
-      });
+      expectResolvesAsset(
+        {
+          __packager_asset: true,
+          fileSystemLocation: '/root/app/module/a',
+          httpServerLocation: '/assets/module/a',
+          width: 100,
+          height: 200,
+          scales: [1],
+          hash: '5b6f00f',
+          name: 'logo',
+          type: 'png',
+        },
+        {
+          __packager_asset: true,
+          width: 100,
+          height: 200,
+          uri:
+            'http://10.0.0.1:8081/assets/module/a/logo.png?platform=ios&hash=5b6f00f',
+          scale: 1,
+        },
+      );
     });
 
     it('picks matching scale', () => {
-      expectResolvesAsset({
-        __packager_asset: true,
-        fileSystemLocation: '/root/app/module/a',
-        httpServerLocation: '/assets/module/a',
-        width: 100,
-        height: 200,
-        scales: [1, 2, 3],
-        hash: '5b6f00f',
-        name: 'logo',
-        type: 'png',
-      }, {
-        __packager_asset: true,
-        width: 100,
-        height: 200,
-        uri: 'http://10.0.0.1:8081/assets/module/a/logo@2x.png?platform=ios&hash=5b6f00f',
-        scale: 2,
-      });
+      expectResolvesAsset(
+        {
+          __packager_asset: true,
+          fileSystemLocation: '/root/app/module/a',
+          httpServerLocation: '/assets/module/a',
+          width: 100,
+          height: 200,
+          scales: [1, 2, 3],
+          hash: '5b6f00f',
+          name: 'logo',
+          type: 'png',
+        },
+        {
+          __packager_asset: true,
+          width: 100,
+          height: 200,
+          uri:
+            'http://10.0.0.1:8081/assets/module/a/logo@2x.png?platform=ios&hash=5b6f00f',
+          scale: 2,
+        },
+      );
     });
-
   });
 
   describe('bundle was loaded from file on iOS', () => {
@@ -108,23 +118,26 @@ describe('resolveAssetSource', () => {
     });
 
     it('uses pre-packed image', () => {
-      expectResolvesAsset({
-        __packager_asset: true,
-        fileSystemLocation: '/root/app/module/a',
-        httpServerLocation: '/assets/module/a',
-        width: 100,
-        height: 200,
-        scales: [1],
-        hash: '5b6f00f',
-        name: 'logo',
-        type: 'png',
-      }, {
-        __packager_asset: true,
-        width: 100,
-        height: 200,
-        uri: 'file:///Path/To/Sample.app/assets/module/a/logo.png',
-        scale: 1,
-      });
+      expectResolvesAsset(
+        {
+          __packager_asset: true,
+          fileSystemLocation: '/root/app/module/a',
+          httpServerLocation: '/assets/module/a',
+          width: 100,
+          height: 200,
+          scales: [1],
+          hash: '5b6f00f',
+          name: 'logo',
+          type: 'png',
+        },
+        {
+          __packager_asset: true,
+          width: 100,
+          height: 200,
+          uri: 'file:///Path/To/Sample.app/assets/module/a/logo.png',
+          scale: 1,
+        },
+      );
     });
   });
 
@@ -136,23 +149,26 @@ describe('resolveAssetSource', () => {
     });
 
     it('uses pre-packed image', () => {
-      expectResolvesAsset({
-        __packager_asset: true,
-        fileSystemLocation: '/root/app/module/a',
-        httpServerLocation: '/assets/AwesomeModule/Subdir',
-        width: 100,
-        height: 200,
-        scales: [1],
-        hash: '5b6f00f',
-        name: '!@Logo#1_\u20ac', // Invalid chars shouldn't get passed to native
-        type: 'png',
-      }, {
-        __packager_asset: true,
-        width: 100,
-        height: 200,
-        uri: 'awesomemodule_subdir_logo1_',
-        scale: 1,
-      });
+      expectResolvesAsset(
+        {
+          __packager_asset: true,
+          fileSystemLocation: '/root/app/module/a',
+          httpServerLocation: '/assets/AwesomeModule/Subdir',
+          width: 100,
+          height: 200,
+          scales: [1],
+          hash: '5b6f00f',
+          name: '!@Logo#1_\u20ac', // Invalid chars shouldn't get passed to native
+          type: 'png',
+        },
+        {
+          __packager_asset: true,
+          width: 100,
+          height: 200,
+          uri: 'awesomemodule_subdir_logo1_',
+          scale: 1,
+        },
+      );
     });
   });
 
@@ -164,23 +180,27 @@ describe('resolveAssetSource', () => {
     });
 
     it('uses pre-packed image', () => {
-      expectResolvesAsset({
-        __packager_asset: true,
-        fileSystemLocation: '/root/app/module/a',
-        httpServerLocation: '/assets/AwesomeModule/Subdir',
-        width: 100,
-        height: 200,
-        scales: [1],
-        hash: '5b6f00f',
-        name: '!@Logo#1_\u20ac',
-        type: 'png',
-      }, {
-        __packager_asset: true,
-        width: 100,
-        height: 200,
-        uri: 'file:///sdcard/Path/To/Simulator/drawable-mdpi/awesomemodule_subdir_logo1_.png',
-        scale: 1,
-      });
+      expectResolvesAsset(
+        {
+          __packager_asset: true,
+          fileSystemLocation: '/root/app/module/a',
+          httpServerLocation: '/assets/AwesomeModule/Subdir',
+          width: 100,
+          height: 200,
+          scales: [1],
+          hash: '5b6f00f',
+          name: '!@Logo#1_\u20ac',
+          type: 'png',
+        },
+        {
+          __packager_asset: true,
+          width: 100,
+          height: 200,
+          uri:
+            'file:///sdcard/Path/To/Simulator/drawable-mdpi/awesomemodule_subdir_logo1_.png',
+          scale: 1,
+        },
+      );
     });
   });
 
@@ -192,23 +212,27 @@ describe('resolveAssetSource', () => {
     });
 
     it('uses sideloaded image', () => {
-      expectResolvesAsset({
-        __packager_asset: true,
-        fileSystemLocation: '/root/app/module/a',
-        httpServerLocation: '/assets/AwesomeModule/Subdir',
-        width: 100,
-        height: 200,
-        scales: [1],
-        hash: '5b6f00f',
-        name: '!@Logo#1_\u20ac',
-        type: 'png',
-      }, {
-        __packager_asset: true,
-        width: 100,
-        height: 200,
-        uri: 'file:///sdcard/Path/To/Simulator/drawable-mdpi/awesomemodule_subdir_logo1_.png',
-        scale: 1,
-      });
+      expectResolvesAsset(
+        {
+          __packager_asset: true,
+          fileSystemLocation: '/root/app/module/a',
+          httpServerLocation: '/assets/AwesomeModule/Subdir',
+          width: 100,
+          height: 200,
+          scales: [1],
+          hash: '5b6f00f',
+          name: '!@Logo#1_\u20ac',
+          type: 'png',
+        },
+        {
+          __packager_asset: true,
+          width: 100,
+          height: 200,
+          uri:
+            'file:///sdcard/Path/To/Simulator/drawable-mdpi/awesomemodule_subdir_logo1_.png',
+          scale: 1,
+        },
+      );
     });
   });
 
@@ -220,52 +244,57 @@ describe('resolveAssetSource', () => {
     });
 
     it('uses bundled source, event when js is sideloaded', () => {
-      resolveAssetSource.setCustomSourceTransformer(
-        (resolver) => resolver.resourceIdentifierWithoutScale(),
+      resolveAssetSource.setCustomSourceTransformer(resolver =>
+        resolver.resourceIdentifierWithoutScale(),
+      );
+      expectResolvesAsset(
+        {
+          __packager_asset: true,
+          fileSystemLocation: '/root/app/module/a',
+          httpServerLocation: '/assets/AwesomeModule/Subdir',
+          width: 100,
+          height: 200,
+          scales: [1],
+          hash: '5b6f00f',
+          name: '!@Logo#1_\u20ac',
+          type: 'png',
+        },
+        {
+          __packager_asset: true,
+          width: 100,
+          height: 200,
+          uri: 'awesomemodule_subdir_logo1_',
+          scale: 1,
+        },
       );
-      expectResolvesAsset({
-        __packager_asset: true,
-        fileSystemLocation: '/root/app/module/a',
-        httpServerLocation: '/assets/AwesomeModule/Subdir',
-        width: 100,
-        height: 200,
-        scales: [1],
-        hash: '5b6f00f',
-        name: '!@Logo#1_\u20ac',
-        type: 'png',
-      }, {
-        __packager_asset: true,
-        width: 100,
-        height: 200,
-        uri: 'awesomemodule_subdir_logo1_',
-        scale: 1,
-      });
     });
 
     it('allows any customization', () => {
-      resolveAssetSource.setCustomSourceTransformer(
-        (resolver) => resolver.fromSource('TEST')
+      resolveAssetSource.setCustomSourceTransformer(resolver =>
+        resolver.fromSource('TEST'),
+      );
+      expectResolvesAsset(
+        {
+          __packager_asset: true,
+          fileSystemLocation: '/root/app/module/a',
+          httpServerLocation: '/assets/AwesomeModule/Subdir',
+          width: 100,
+          height: 200,
+          scales: [1],
+          hash: '5b6f00f',
+          name: '!@Logo#1_\u20ac',
+          type: 'png',
+        },
+        {
+          __packager_asset: true,
+          width: 100,
+          height: 200,
+          uri: 'TEST',
+          scale: 1,
+        },
       );
-      expectResolvesAsset({
-        __packager_asset: true,
-        fileSystemLocation: '/root/app/module/a',
-        httpServerLocation: '/assets/AwesomeModule/Subdir',
-        width: 100,
-        height: 200,
-        scales: [1],
-        hash: '5b6f00f',
-        name: '!@Logo#1_\u20ac',
-        type: 'png',
-      }, {
-        __packager_asset: true,
-        width: 100,
-        height: 200,
-        uri: 'TEST',
-        scale: 1,
-      });
     });
   });
-
 });
 
 describe('resolveAssetSource.pickScale', () => {
diff --git a/Libraries/Image/nativeImageSource.js b/Libraries/Image/nativeImageSource.js
index 26b194ace776be..1fdbe1caa97615 100644
--- a/Libraries/Image/nativeImageSource.js
+++ b/Libraries/Image/nativeImageSource.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule nativeImageSource
  * @flow
  * @format
  */
diff --git a/Libraries/Image/resolveAssetSource.js b/Libraries/Image/resolveAssetSource.js
index 24fec6ef33c78a..9c811e574400b1 100644
--- a/Libraries/Image/resolveAssetSource.js
+++ b/Libraries/Image/resolveAssetSource.js
@@ -4,24 +4,43 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule resolveAssetSource
- * @flow
  *
  * Resolves an asset into a `source` for `Image`.
+ *
+ * @format
+ * @flow
  */
+
 'use strict';
 
 const AssetRegistry = require('AssetRegistry');
 const AssetSourceResolver = require('AssetSourceResolver');
 
-import type { ResolvedAssetSource } from 'AssetSourceResolver';
+import type {ResolvedAssetSource} from 'AssetSourceResolver';
 
 let _customSourceTransformer, _serverURL, _scriptURL;
+
 let _sourceCodeScriptURL: ?string;
+function getSourceCodeScriptURL(): ?string {
+  if (_sourceCodeScriptURL) {
+    return _sourceCodeScriptURL;
+  }
+
+  let sourceCode =
+    global.nativeExtensions && global.nativeExtensions.SourceCode;
+  if (!sourceCode) {
+    const NativeModules = require('NativeModules');
+    sourceCode = NativeModules && NativeModules.SourceCode;
+  }
+  _sourceCodeScriptURL = sourceCode.scriptURL;
+  return _sourceCodeScriptURL;
+}
 
 function getDevServerURL(): ?string {
   if (_serverURL === undefined) {
-    const match = _sourceCodeScriptURL && _sourceCodeScriptURL.match(/^https?:\/\/.*?\//);
+    const sourceCodeScriptURL = getSourceCodeScriptURL();
+    const match =
+      sourceCodeScriptURL && sourceCodeScriptURL.match(/^https?:\/\/.*?\//);
     if (match) {
       // jsBundle was loaded from network
       _serverURL = match[0];
@@ -51,7 +70,7 @@ function _coerceLocalScriptURL(scriptURL: ?string): ?string {
 
 function getScriptURL(): ?string {
   if (_scriptURL === undefined) {
-    _scriptURL = _coerceLocalScriptURL(_sourceCodeScriptURL);
+    _scriptURL = _coerceLocalScriptURL(getSourceCodeScriptURL());
   }
   return _scriptURL;
 }
@@ -71,7 +90,7 @@ function resolveAssetSource(source: any): ?ResolvedAssetSource {
     return source;
   }
 
-  var asset = AssetRegistry.getAssetByID(source);
+  const asset = AssetRegistry.getAssetByID(source);
   if (!asset) {
     return null;
   }
@@ -87,13 +106,6 @@ function resolveAssetSource(source: any): ?ResolvedAssetSource {
   return resolver.defaultAsset();
 }
 
-let sourceCode = global.nativeExtensions && global.nativeExtensions.SourceCode;
-if (!sourceCode) {
-  const NativeModules = require('NativeModules');
-  sourceCode = NativeModules && NativeModules.SourceCode;
-}
-_sourceCodeScriptURL = sourceCode && sourceCode.scriptURL;
-
 module.exports = resolveAssetSource;
 module.exports.pickScale = AssetSourceResolver.pickScale;
 module.exports.setCustomSourceTransformer = setCustomSourceTransformer;
diff --git a/Libraries/Inspector/BorderBox.js b/Libraries/Inspector/BorderBox.js
index c121de5ea1dabb..b172871df8e2f2 100644
--- a/Libraries/Inspector/BorderBox.js
+++ b/Libraries/Inspector/BorderBox.js
@@ -4,33 +4,29 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule BorderBox
+ * @format
  * @flow
  */
+
 'use strict';
 
-var React = require('React');
-var View = require('View');
+const React = require('React');
+const View = require('View');
 
 class BorderBox extends React.Component<$FlowFixMeProps> {
   render() {
-    var box = this.props.box;
+    const box = this.props.box;
     if (!box) {
       return this.props.children;
     }
-    var style = {
+    const style = {
       borderTopWidth: box.top,
       borderBottomWidth: box.bottom,
       borderLeftWidth: box.left,
       borderRightWidth: box.right,
     };
-    return (
-      <View style={[style, this.props.style]}>
-        {this.props.children}
-      </View>
-    );
+    return <View style={[style, this.props.style]}>{this.props.children}</View>;
   }
 }
 
 module.exports = BorderBox;
-
diff --git a/Libraries/Inspector/BoxInspector.js b/Libraries/Inspector/BoxInspector.js
index 31bedeecdaa0c8..af373460053609 100644
--- a/Libraries/Inspector/BoxInspector.js
+++ b/Libraries/Inspector/BoxInspector.js
@@ -4,18 +4,19 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule BoxInspector
+ * @format
  * @flow
  */
+
 'use strict';
 
-var React = require('React');
-var StyleSheet = require('StyleSheet');
-var Text = require('Text');
-var View = require('View');
-var resolveBoxStyle = require('resolveBoxStyle');
+const React = require('React');
+const StyleSheet = require('StyleSheet');
+const Text = require('Text');
+const View = require('View');
+const resolveBoxStyle = require('resolveBoxStyle');
 
-var blank = {
+const blank = {
   top: 0,
   left: 0,
   right: 0,
@@ -24,10 +25,10 @@ var blank = {
 
 class BoxInspector extends React.Component<$FlowFixMeProps> {
   render() {
-    var frame = this.props.frame;
-    var style = this.props.style;
-    var margin = style && resolveBoxStyle('margin', style) || blank;
-    var padding = style && resolveBoxStyle('padding', style) || blank;
+    const frame = this.props.frame;
+    const style = this.props.style;
+    const margin = (style && resolveBoxStyle('margin', style)) || blank;
+    const padding = (style && resolveBoxStyle('padding', style)) || blank;
     return (
       <BoxContainer title="margin" titleStyle={styles.marginLabel} box={margin}>
         <BoxContainer title="padding" box={padding}>
@@ -36,7 +37,8 @@ class BoxInspector extends React.Component<$FlowFixMeProps> {
               ({(frame.left || 0).toFixed(1)}, {(frame.top || 0).toFixed(1)})
             </Text>
             <Text style={styles.innerText}>
-              {(frame.width || 0).toFixed(1)} &times; {(frame.height || 0).toFixed(1)}
+              {(frame.width || 0).toFixed(1)} &times;{' '}
+              {(frame.height || 0).toFixed(1)}
             </Text>
           </View>
         </BoxContainer>
@@ -47,13 +49,14 @@ class BoxInspector extends React.Component<$FlowFixMeProps> {
 
 class BoxContainer extends React.Component<$FlowFixMeProps> {
   render() {
-    var box = this.props.box;
+    const box = this.props.box;
     return (
       <View style={styles.box}>
         <View style={styles.row}>
-          {
-            }
-          <Text style={[this.props.titleStyle, styles.label]}>{this.props.title}</Text>
+          {}
+          <Text style={[this.props.titleStyle, styles.label]}>
+            {this.props.title}
+          </Text>
           <Text style={styles.boxText}>{box.top}</Text>
         </View>
         <View style={styles.row}>
@@ -67,7 +70,7 @@ class BoxContainer extends React.Component<$FlowFixMeProps> {
   }
 }
 
-var styles = StyleSheet.create({
+const styles = StyleSheet.create({
   row: {
     flexDirection: 'row',
     alignItems: 'center',
diff --git a/Libraries/Inspector/ElementBox.js b/Libraries/Inspector/ElementBox.js
index b9caef093cc340..dea05dad737894 100644
--- a/Libraries/Inspector/ElementBox.js
+++ b/Libraries/Inspector/ElementBox.js
@@ -4,43 +4,57 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ElementBox
+ * @format
  * @flow
  */
+
 'use strict';
 
-var React = require('React');
-var View = require('View');
-var StyleSheet = require('StyleSheet');
-var BorderBox = require('BorderBox');
-var resolveBoxStyle = require('resolveBoxStyle');
+const BorderBox = require('BorderBox');
+const React = require('React');
+const StyleSheet = require('StyleSheet');
+const View = require('View');
 
-var flattenStyle = require('flattenStyle');
+const flattenStyle = require('flattenStyle');
+const resolveBoxStyle = require('resolveBoxStyle');
 
 class ElementBox extends React.Component<$FlowFixMeProps> {
   render() {
-    var style = flattenStyle(this.props.style) || {};
-    var margin = resolveBoxStyle('margin', style);
-    var padding = resolveBoxStyle('padding', style);
-    var frameStyle = this.props.frame;
-    if (margin) {
-      frameStyle = {
-        top: frameStyle.top - margin.top,
-        left: frameStyle.left - margin.left,
-        height: frameStyle.height + margin.top + margin.bottom,
-        width: frameStyle.width + margin.left + margin.right,
-      };
-    }
-    var contentStyle = {
+    const style = flattenStyle(this.props.style) || {};
+    const margin = resolveBoxStyle('margin', style);
+    const padding = resolveBoxStyle('padding', style);
+
+    const frameStyle = {...this.props.frame};
+    const contentStyle = {
       width: this.props.frame.width,
       height: this.props.frame.height,
     };
-    if (padding) {
-      contentStyle = {
-        width: contentStyle.width - padding.left - padding.right,
-        height: contentStyle.height - padding.top - padding.bottom,
-      };
+
+    if (margin != null) {
+      frameStyle.top -= margin.top;
+      frameStyle.left -= margin.left;
+      frameStyle.height += margin.top + margin.bottom;
+      frameStyle.width += margin.left + margin.right;
+
+      if (margin.top < 0) {
+        contentStyle.height += margin.top;
+      }
+      if (margin.bottom < 0) {
+        contentStyle.height += margin.bottom;
+      }
+      if (margin.left < 0) {
+        contentStyle.width += margin.left;
+      }
+      if (margin.right < 0) {
+        contentStyle.width += margin.right;
+      }
     }
+
+    if (padding != null) {
+      contentStyle.width -= padding.left + padding.right;
+      contentStyle.height -= padding.top + padding.bottom;
+    }
+
     return (
       <View style={[styles.frame, frameStyle]} pointerEvents="none">
         <BorderBox box={margin} style={styles.margin}>
@@ -53,20 +67,19 @@ class ElementBox extends React.Component<$FlowFixMeProps> {
   }
 }
 
-var styles = StyleSheet.create({
+const styles = StyleSheet.create({
   frame: {
     position: 'absolute',
   },
   content: {
-    backgroundColor: 'rgba(200, 230, 255, 0.8)',
+    backgroundColor: 'rgba(200, 230, 255, 0.8)', // blue
   },
   padding: {
-    borderColor: 'rgba(77, 255, 0, 0.3)',
+    borderColor: 'rgba(77, 255, 0, 0.3)', // green
   },
   margin: {
-    borderColor: 'rgba(255, 132, 0, 0.3)',
+    borderColor: 'rgba(255, 132, 0, 0.3)', // orange
   },
 });
 
 module.exports = ElementBox;
-
diff --git a/Libraries/Inspector/ElementProperties.js b/Libraries/Inspector/ElementProperties.js
index 460e1c2df81059..1e360944716fd2 100644
--- a/Libraries/Inspector/ElementProperties.js
+++ b/Libraries/Inspector/ElementProperties.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ElementProperties
+ * @format
  * @flow
  */
+
 'use strict';
 
 const BoxInspector = require('BoxInspector');
@@ -80,16 +81,14 @@ class ElementProperties extends React.Component<{
                   style={[styles.breadItem, i === selection && styles.selected]}
                   // $FlowFixMe found when converting React.createClass to ES6
                   onPress={() => this.props.setSelection(i)}>
-                  <Text style={styles.breadItemText}>
-                    {hierarchyItem.name}
-                  </Text>
+                  <Text style={styles.breadItemText}>{hierarchyItem.name}</Text>
                 </TouchableHighlight>
               ),
-              (i) => (
+              i => (
                 <Text key={'sep-' + i} style={styles.breadSep}>
                   &#9656;
                 </Text>
-              )
+              ),
             )}
           </View>
           <View style={styles.row}>
@@ -99,7 +98,8 @@ class ElementProperties extends React.Component<{
             </View>
             {
               // $FlowFixMe found when converting React.createClass to ES6
-            <BoxInspector style={style} frame={this.props.frame} />}
+              <BoxInspector style={style} frame={this.props.frame} />
+            }
           </View>
         </View>
       </TouchableWithoutFeedback>
@@ -153,7 +153,7 @@ const styles = StyleSheet.create({
   openButtonTitle: {
     color: 'white',
     fontSize: 8,
-  }
+  },
 });
 
 module.exports = ElementProperties;
diff --git a/Libraries/Inspector/Inspector.js b/Libraries/Inspector/Inspector.js
index 963b616fca3bcb..a5ab122b0cde5b 100644
--- a/Libraries/Inspector/Inspector.js
+++ b/Libraries/Inspector/Inspector.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Inspector
+ * @format
  * @flow
  */
 
@@ -38,8 +38,13 @@ const renderers = findRenderers();
 hook.resolveRNStyle = require('flattenStyle');
 
 function findRenderers(): $ReadOnlyArray<ReactRenderer> {
-  const allRenderers = Object.keys(hook._renderers).map(key => hook._renderers[key]);
-  invariant(allRenderers.length >= 1, 'Expected to find at least one React Native renderer on DevTools hook.');
+  const allRenderers = Object.keys(hook._renderers).map(
+    key => hook._renderers[key],
+  );
+  invariant(
+    allRenderers.length >= 1,
+    'Expected to find at least one React Native renderer on DevTools hook.',
+  );
   return allRenderers;
 }
 
@@ -54,20 +59,23 @@ function getInspectorDataForViewTag(touchedViewTag: number) {
   throw new Error('Expected to find at least one React renderer.');
 }
 
-class Inspector extends React.Component<{
-  inspectedViewTag: ?number,
-  onRequestRerenderApp: (callback: (tag: ?number) => void) => void
-}, {
-  devtoolsAgent: ?Object,
-  hierarchy: any,
-  panelPos: string,
-  inspecting: bool,
-  selection: ?number,
-  perfing: bool,
-  inspected: any,
-  inspectedViewTag: any,
-  networking: bool,
-}> {
+class Inspector extends React.Component<
+  {
+    inspectedViewTag: ?number,
+    onRequestRerenderApp: (callback: (tag: ?number) => void) => void,
+  },
+  {
+    devtoolsAgent: ?Object,
+    hierarchy: any,
+    panelPos: string,
+    inspecting: boolean,
+    selection: ?number,
+    perfing: boolean,
+    inspected: any,
+    inspectedViewTag: any,
+    networking: boolean,
+  },
+> {
   _subs: ?Array<() => void>;
 
   constructor(props: Object) {
@@ -150,15 +158,12 @@ class Inspector extends React.Component<{
     });
   };
 
-
   setSelection(i: number) {
     const hierarchyItem = this.state.hierarchy[i];
     // we pass in ReactNative.findNodeHandle as the method is injected
-    const {
-      measure,
-      props,
-      source,
-    } = hierarchyItem.getInspectorData(ReactNative.findNodeHandle);
+    const {measure, props, source} = hierarchyItem.getInspectorData(
+      ReactNative.findNodeHandle,
+    );
 
     measure((x, y, width, height, left, top) => {
       this.setState({
@@ -176,21 +181,23 @@ class Inspector extends React.Component<{
     // Most likely the touched instance is a native wrapper (like RCTView)
     // which is not very interesting. Most likely user wants a composite
     // instance that contains it (like View)
-    const {
-      hierarchy,
-      props,
-      selection,
-      source,
-    } = getInspectorDataForViewTag(touchedViewTag);
+    const {hierarchy, props, selection, source} = getInspectorDataForViewTag(
+      touchedViewTag,
+    );
 
     if (this.state.devtoolsAgent) {
       // Skip host leafs
       const offsetFromLeaf = hierarchy.length - 1 - selection;
-      this.state.devtoolsAgent.selectFromDOMNode(touchedViewTag, true, offsetFromLeaf);
+      this.state.devtoolsAgent.selectFromDOMNode(
+        touchedViewTag,
+        true,
+        offsetFromLeaf,
+      );
     }
 
     this.setState({
-      panelPos: pointerY > Dimensions.get('window').height / 2 ? 'top' : 'bottom',
+      panelPos:
+        pointerY > Dimensions.get('window').height / 2 ? 'top' : 'bottom',
       selection,
       hierarchy,
       inspected: {
@@ -201,7 +208,7 @@ class Inspector extends React.Component<{
     });
   }
 
-  setPerfing(val: bool) {
+  setPerfing(val: boolean) {
     this.setState({
       perfing: val,
       inspecting: false,
@@ -210,21 +217,21 @@ class Inspector extends React.Component<{
     });
   }
 
-  setInspecting(val: bool) {
+  setInspecting(val: boolean) {
     this.setState({
       inspecting: val,
-      inspected: null
+      inspected: null,
     });
   }
 
-  setTouchTargeting(val: bool) {
+  setTouchTargeting(val: boolean) {
     Touchable.TOUCH_TARGET_DEBUG = val;
-    this.props.onRequestRerenderApp((inspectedViewTag) => {
+    this.props.onRequestRerenderApp(inspectedViewTag => {
       this.setState({inspectedViewTag});
     });
   }
 
-  setNetworking(val: bool) {
+  setNetworking(val: boolean) {
     this.setState({
       networking: val,
       perfing: false,
@@ -234,17 +241,19 @@ class Inspector extends React.Component<{
   }
 
   render() {
-    const panelContainerStyle = (this.state.panelPos === 'bottom') ?
-      {bottom: 0} :
-      {top: Platform.OS === 'ios' ? 20 : 0};
+    const panelContainerStyle =
+      this.state.panelPos === 'bottom'
+        ? {bottom: 0}
+        : {top: Platform.OS === 'ios' ? 20 : 0};
     return (
       <View style={styles.container} pointerEvents="box-none">
-        {this.state.inspecting &&
+        {this.state.inspecting && (
           <InspectorOverlay
             inspected={this.state.inspected}
             inspectedViewTag={this.state.inspectedViewTag}
             onTouchViewTag={this.onTouchViewTag.bind(this)}
-          />}
+          />
+        )}
         <View style={[styles.panelContainer, panelContainerStyle]}>
           <InspectorPanel
             devtoolsIsOpen={!!this.state.devtoolsAgent}
diff --git a/Libraries/Inspector/InspectorOverlay.js b/Libraries/Inspector/InspectorOverlay.js
index d441ba59884ea9..4de9cb2ab8183e 100644
--- a/Libraries/Inspector/InspectorOverlay.js
+++ b/Libraries/Inspector/InspectorOverlay.js
@@ -4,18 +4,19 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule InspectorOverlay
+ * @format
  * @flow
  */
+
 'use strict';
 
-var Dimensions = require('Dimensions');
-var ElementBox = require('ElementBox');
-var PropTypes = require('prop-types');
-var React = require('React');
-var StyleSheet = require('StyleSheet');
-var UIManager = require('UIManager');
-var View = require('View');
+const Dimensions = require('Dimensions');
+const ElementBox = require('ElementBox');
+const PropTypes = require('prop-types');
+const React = require('React');
+const StyleSheet = require('StyleSheet');
+const UIManager = require('UIManager');
+const View = require('View');
 
 type EventLike = {
   nativeEvent: Object,
@@ -39,25 +40,34 @@ class InspectorOverlay extends React.Component<{
   };
 
   findViewForTouchEvent = (e: EventLike) => {
-    var {locationX, locationY} = e.nativeEvent.touches[0];
+    const {locationX, locationY} = e.nativeEvent.touches[0];
     UIManager.findSubviewIn(
       this.props.inspectedViewTag,
       [locationX, locationY],
       (nativeViewTag, left, top, width, height) => {
-        this.props.onTouchViewTag(nativeViewTag, {left, top, width, height}, locationY);
-      }
+        this.props.onTouchViewTag(
+          nativeViewTag,
+          {left, top, width, height},
+          locationY,
+        );
+      },
     );
   };
 
-  shouldSetResponser = (e: EventLike): bool => {
+  shouldSetResponser = (e: EventLike): boolean => {
     this.findViewForTouchEvent(e);
     return true;
   };
 
   render() {
-    var content = null;
+    let content = null;
     if (this.props.inspected) {
-      content = <ElementBox frame={this.props.inspected.frame} style={this.props.inspected.style} />;
+      content = (
+        <ElementBox
+          frame={this.props.inspected.frame}
+          style={this.props.inspected.style}
+        />
+      );
     }
 
     return (
@@ -71,7 +81,7 @@ class InspectorOverlay extends React.Component<{
   }
 }
 
-var styles = StyleSheet.create({
+const styles = StyleSheet.create({
   inspector: {
     backgroundColor: 'transparent',
     position: 'absolute',
diff --git a/Libraries/Inspector/InspectorPanel.js b/Libraries/Inspector/InspectorPanel.js
index c4031a355d5c45..2793452d90e578 100644
--- a/Libraries/Inspector/InspectorPanel.js
+++ b/Libraries/Inspector/InspectorPanel.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule InspectorPanel
+ * @format
  * @flow
  */
+
 'use strict';
 
 const ElementProperties = require('ElementProperties');
@@ -24,9 +25,7 @@ class InspectorPanel extends React.Component<$FlowFixMeProps> {
   renderWaiting() {
     if (this.props.inspecting) {
       return (
-        <Text style={styles.waitingText}>
-          Tap something to inspect it
-        </Text>
+        <Text style={styles.waitingText}>Tap something to inspect it</Text>
       );
     }
     return <Text style={styles.waitingText}>Nothing is inspected</Text>;
@@ -48,19 +47,11 @@ class InspectorPanel extends React.Component<$FlowFixMeProps> {
         </ScrollView>
       );
     } else if (this.props.perfing) {
-      contents = (
-        <PerformanceOverlay />
-      );
+      contents = <PerformanceOverlay />;
     } else if (this.props.networking) {
-      contents = (
-        <NetworkOverlay />
-      );
+      contents = <NetworkOverlay />;
     } else {
-      contents = (
-        <View style={styles.waiting}>
-          {this.renderWaiting()}
-        </View>
-      );
+      contents = <View style={styles.waiting}>{this.renderWaiting()}</View>;
     }
     return (
       <View style={styles.container}>
@@ -71,15 +62,18 @@ class InspectorPanel extends React.Component<$FlowFixMeProps> {
             pressed={this.props.inspecting}
             onClick={this.props.setInspecting}
           />
-          <Button title={'Perf'}
+          <Button
+            title={'Perf'}
             pressed={this.props.perfing}
             onClick={this.props.setPerfing}
           />
-          <Button title={'Network'}
+          <Button
+            title={'Network'}
             pressed={this.props.networking}
             onClick={this.props.setNetworking}
           />
-          <Button title={'Touchables'}
+          <Button
+            title={'Touchables'}
             pressed={this.props.touchTargeting}
             onClick={this.props.setTouchTargeting}
           />
@@ -105,10 +99,9 @@ InspectorPanel.propTypes = {
 class Button extends React.Component<$FlowFixMeProps> {
   render() {
     return (
-      <TouchableHighlight onPress={() => this.props.onClick(!this.props.pressed)} style={[
-        styles.button,
-        this.props.pressed && styles.buttonPressed
-      ]}>
+      <TouchableHighlight
+        onPress={() => this.props.onClick(!this.props.pressed)}
+        style={[styles.button, this.props.pressed && styles.buttonPressed]}>
         <Text style={styles.buttonText}>{this.props.title}</Text>
       </TouchableHighlight>
     );
diff --git a/Libraries/Inspector/NetworkOverlay.js b/Libraries/Inspector/NetworkOverlay.js
index 789ac6de824c65..ee60a7e004928b 100644
--- a/Libraries/Inspector/NetworkOverlay.js
+++ b/Libraries/Inspector/NetworkOverlay.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule NetworkOverlay
+ * @format
  * @flow
  */
+
 'use strict';
 
 const ListView = require('ListView');
@@ -48,15 +49,18 @@ type NetworkRequestInfo = {
 /**
  * Show all the intercepted network requests over the InspectorPanel.
  */
-class NetworkOverlay extends React.Component<Object, {
-  dataSource: ListView.DataSource,
-  newDetailInfo: bool,
-  detailRowID: ?number,
-}> {
+class NetworkOverlay extends React.Component<
+  Object,
+  {
+    dataSource: ListView.DataSource,
+    newDetailInfo: boolean,
+    detailRowID: ?number,
+  },
+> {
   _requests: Array<NetworkRequestInfo>;
   _listViewDataSource: ListView.DataSource;
   _listView: ?ListView;
-  _listViewHighlighted: bool;
+  _listViewHighlighted: boolean;
   _listViewHeight: number;
   _scrollView: ?ScrollView;
   _detailViewItems: Array<Array<React.Element<any>>>;
@@ -79,8 +83,9 @@ class NetworkOverlay extends React.Component<Object, {
     super(props);
     this._requests = [];
     this._detailViewItems = [];
-    this._listViewDataSource =
-      new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
+    this._listViewDataSource = new ListView.DataSource({
+      rowHasChanged: (r1, r2) => r1 !== r2,
+    });
     this.state = {
       dataSource: this._listViewDataSource.cloneWithRows([]),
       newDetailInfo: false,
@@ -111,9 +116,9 @@ class NetworkOverlay extends React.Component<Object, {
       this._xhrIdMap[xhr._index] = xhrIndex;
 
       const _xhr: NetworkRequestInfo = {
-        'type': 'XMLHttpRequest',
-        'method': method,
-        'url': url
+        type: 'XMLHttpRequest',
+        method: method,
+        url: url,
       };
       this._requests.push(_xhr);
       this._detailViewItems.push([]);
@@ -157,17 +162,11 @@ class NetworkOverlay extends React.Component<Object, {
         networkInfo.responseSize = size;
         networkInfo.responseHeaders = responseHeaders;
         this._genDetailViewItem(xhrIndex);
-      }
+      },
     );
 
-    XHRInterceptor.setResponseCallback((
-        status,
-        timeout,
-        response,
-        responseURL,
-        responseType,
-        xhr,
-      ) => {
+    XHRInterceptor.setResponseCallback(
+      (status, timeout, response, responseURL, responseType, xhr) => {
         const xhrIndex = this._getRequestIndexByXHRID(xhr._index);
         if (xhrIndex === -1) {
           return;
@@ -179,7 +178,7 @@ class NetworkOverlay extends React.Component<Object, {
         networkInfo.responseURL = responseURL;
         networkInfo.responseType = responseType;
         this._genDetailViewItem(xhrIndex);
-      }
+      },
     );
 
     // Fire above callbacks.
@@ -196,9 +195,9 @@ class NetworkOverlay extends React.Component<Object, {
         const socketIndex = this._requests.length;
         this._socketIdMap[socketId] = socketIndex;
         const _webSocket: NetworkRequestInfo = {
-          'type': 'WebSocket',
-          'url': url,
-          'protocols': protocols,
+          type: 'WebSocket',
+          url: url,
+          protocols: protocols,
         };
         this._requests.push(_webSocket);
         this._detailViewItems.push([]);
@@ -207,7 +206,7 @@ class NetworkOverlay extends React.Component<Object, {
           {dataSource: this._listViewDataSource.cloneWithRows(this._requests)},
           this._scrollToBottom(),
         );
-      }
+      },
     );
 
     WebSocketInterceptor.setCloseCallback(
@@ -221,7 +220,7 @@ class NetworkOverlay extends React.Component<Object, {
           this._requests[socketIndex].closeReason = closeReason;
         }
         this._genDetailViewItem(socketIndex);
-      }
+      },
     );
 
     WebSocketInterceptor.setSendCallback((data, socketId) => {
@@ -295,7 +294,8 @@ class NetworkOverlay extends React.Component<Object, {
       methodCellViewStyle = styles.methodOddCellView;
     }
     return (
-      <TouchableHighlight onPress={() => {
+      <TouchableHighlight
+        onPress={() => {
           this._pressRow(rowID);
           highlightRow(sectionID, rowID);
         }}>
@@ -320,7 +320,8 @@ class NetworkOverlay extends React.Component<Object, {
   _renderSeperator(
     sectionID: number,
     rowID: number,
-    adjacentRowHighlighted: bool): React.Element<any> {
+    adjacentRowHighlighted: boolean,
+  ): React.Element<any> {
     return (
       <View
         key={`${sectionID}-${rowID}`}
@@ -338,14 +339,14 @@ class NetworkOverlay extends React.Component<Object, {
       if (scrollResponder) {
         const scrollY = Math.max(
           this._requests.length * LISTVIEW_CELL_HEIGHT +
-          (this._listViewHighlighted ? 2 * SEPARATOR_THICKNESS : 0) -
-          this._listViewHeight,
+            (this._listViewHighlighted ? 2 * SEPARATOR_THICKNESS : 0) -
+            this._listViewHeight,
           0,
         );
         scrollResponder.scrollResponderScrollTo({
           x: 0,
           y: scrollY,
-          animated: true
+          animated: true,
         });
       }
     }
@@ -366,10 +367,7 @@ class NetworkOverlay extends React.Component<Object, {
    */
   _pressRow(rowID: number): void {
     this._listViewHighlighted = true;
-    this.setState(
-      {detailRowID: rowID},
-      this._scrollToTop(),
-    );
+    this.setState({detailRowID: rowID}, this._scrollToTop());
   }
 
   _scrollToTop(): void {
@@ -397,8 +395,9 @@ class NetworkOverlay extends React.Component<Object, {
       return JSON.stringify(value);
     }
     if (typeof value === 'string' && value.length > 500) {
-      return String(value).substr(0, 500).concat(
-        '\n***TRUNCATED TO 500 CHARACTERS***');
+      return String(value)
+        .substr(0, 500)
+        .concat('\n***TRUNCATED TO 500 CHARACTERS***');
     }
     return value;
   }
@@ -444,12 +443,14 @@ class NetworkOverlay extends React.Component<Object, {
           <Text style={[styles.detailViewText, styles.detailValueCellView]}>
             {this._getStringByValue(requestItem[key])}
           </Text>
-        </View>
+        </View>,
       );
     }
     // Re-render if this network request is showing in the detail view.
-    if (this.state.detailRowID != null &&
-        Number(this.state.detailRowID) === index) {
+    if (
+      this.state.detailRowID != null &&
+      Number(this.state.detailRowID) === index
+    ) {
       this.setState({newDetailInfo: true});
     }
   }
@@ -457,30 +458,37 @@ class NetworkOverlay extends React.Component<Object, {
   render() {
     return (
       <View style={styles.container}>
-        {this.state.detailRowID != null &&
-        <TouchableHighlight
-          style={styles.closeButton}
-          onPress={this._closeButtonClicked}>
-          <View>
-            <Text style={styles.clostButtonText}>v</Text>
-          </View>
-        </TouchableHighlight>}
-        {this.state.detailRowID != null &&
-        <ScrollView
-          style={styles.detailScrollView}
-          ref={this._captureDetailScrollView}>
-          {this._detailViewItems[this.state.detailRowID]}
-        </ScrollView>}
-        <View style={styles.listViewTitle}>
-          {this._requests.length > 0 &&
-          <View style={styles.tableRow}>
-            <View style={styles.urlTitleCellView}>
-              <Text style={styles.cellText} numberOfLines={1}>URL</Text>
+        {this.state.detailRowID != null && (
+          <TouchableHighlight
+            style={styles.closeButton}
+            onPress={this._closeButtonClicked}>
+            <View>
+              <Text style={styles.clostButtonText}>v</Text>
             </View>
-            <View style={styles.methodTitleCellView}>
-              <Text style={styles.cellText} numberOfLines={1}>Type</Text>
+          </TouchableHighlight>
+        )}
+        {this.state.detailRowID != null && (
+          <ScrollView
+            style={styles.detailScrollView}
+            ref={this._captureDetailScrollView}>
+            {this._detailViewItems[this.state.detailRowID]}
+          </ScrollView>
+        )}
+        <View style={styles.listViewTitle}>
+          {this._requests.length > 0 && (
+            <View style={styles.tableRow}>
+              <View style={styles.urlTitleCellView}>
+                <Text style={styles.cellText} numberOfLines={1}>
+                  URL
+                </Text>
+              </View>
+              <View style={styles.methodTitleCellView}>
+                <Text style={styles.cellText} numberOfLines={1}>
+                  Type
+                </Text>
+              </View>
             </View>
-          </View>}
+          )}
         </View>
         <ListView
           style={styles.listView}
@@ -489,6 +497,7 @@ class NetworkOverlay extends React.Component<Object, {
           renderRow={this._renderRow}
           enableEmptySections={true}
           renderSeparator={this._renderSeperator}
+          // $FlowFixMe Found when typing ListView
           onLayout={this._listViewOnLayout}
         />
       </View>
diff --git a/Libraries/Inspector/PerformanceOverlay.js b/Libraries/Inspector/PerformanceOverlay.js
index 8240a43244ac6b..3e2936621a2058 100644
--- a/Libraries/Inspector/PerformanceOverlay.js
+++ b/Libraries/Inspector/PerformanceOverlay.js
@@ -4,45 +4,42 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule PerformanceOverlay
+ * @format
  * @flow
  */
+
 'use strict';
 
-var PerformanceLogger = require('PerformanceLogger');
-var React = require('React');
-var StyleSheet = require('StyleSheet');
-var Text = require('Text');
-var View = require('View');
+const PerformanceLogger = require('PerformanceLogger');
+const React = require('React');
+const StyleSheet = require('StyleSheet');
+const Text = require('Text');
+const View = require('View');
 
 class PerformanceOverlay extends React.Component<{}> {
   render() {
-    var perfLogs = PerformanceLogger.getTimespans();
-    var items = [];
+    const perfLogs = PerformanceLogger.getTimespans();
+    const items = [];
 
-    for (var key in perfLogs) {
+    for (const key in perfLogs) {
       if (perfLogs[key].totalTime) {
-        var unit = (key === 'BundleSize') ? 'b' : 'ms';
+        const unit = key === 'BundleSize' ? 'b' : 'ms';
         items.push(
           <View style={styles.row} key={key}>
             <Text style={[styles.text, styles.label]}>{key}</Text>
             <Text style={[styles.text, styles.totalTime]}>
               {perfLogs[key].totalTime + unit}
             </Text>
-          </View>
+          </View>,
         );
       }
     }
 
-    return (
-      <View style={styles.container}>
-        {items}
-      </View>
-    );
+    return <View style={styles.container}>{items}</View>;
   }
 }
 
-var styles = StyleSheet.create({
+const styles = StyleSheet.create({
   container: {
     height: 100,
     paddingTop: 10,
diff --git a/Libraries/Inspector/StyleInspector.js b/Libraries/Inspector/StyleInspector.js
index 7bd137bdea7de6..0f06cd40f6b686 100644
--- a/Libraries/Inspector/StyleInspector.js
+++ b/Libraries/Inspector/StyleInspector.js
@@ -4,40 +4,52 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule StyleInspector
+ * @format
  * @flow
  */
+
 'use strict';
 
-var React = require('React');
-var StyleSheet = require('StyleSheet');
-var Text = require('Text');
-var View = require('View');
+const React = require('React');
+const StyleSheet = require('StyleSheet');
+const Text = require('Text');
+const View = require('View');
 
 class StyleInspector extends React.Component<$FlowFixMeProps> {
   render() {
     if (!this.props.style) {
       return <Text style={styles.noStyle}>No style</Text>;
     }
-    var names = Object.keys(this.props.style);
+    const names = Object.keys(this.props.style);
     return (
       <View style={styles.container}>
         <View>
-          {names.map(name => <Text key={name} style={styles.attr}>{name}:</Text>)}
+          {names.map(name => (
+            <Text key={name} style={styles.attr}>
+              {name}:
+            </Text>
+          ))}
         </View>
 
         <View>
           {names.map(name => {
-            var value = typeof this.props.style[name] === 'object' ? JSON.stringify(this.props.style[name]) : this.props.style[name];
-            return <Text key={name} style={styles.value}>{value}</Text>;
-          } ) }
+            const value =
+              typeof this.props.style[name] === 'object'
+                ? JSON.stringify(this.props.style[name])
+                : this.props.style[name];
+            return (
+              <Text key={name} style={styles.value}>
+                {value}
+              </Text>
+            );
+          })}
         </View>
       </View>
     );
   }
 }
 
-var styles = StyleSheet.create({
+const styles = StyleSheet.create({
   container: {
     flexDirection: 'row',
   },
@@ -62,4 +74,3 @@ var styles = StyleSheet.create({
 });
 
 module.exports = StyleInspector;
-
diff --git a/Libraries/Inspector/resolveBoxStyle.js b/Libraries/Inspector/resolveBoxStyle.js
index 28f4af50525b33..767b9edbc5f061 100644
--- a/Libraries/Inspector/resolveBoxStyle.js
+++ b/Libraries/Inspector/resolveBoxStyle.js
@@ -4,54 +4,109 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule resolveBoxStyle
+ * @format
  * @flow
  */
+
 'use strict';
 
+const I18nManager = require('I18nManager');
+
 /**
- * Resolve a style property into it's component parts, e.g.
+ * Resolve a style property into its component parts.
+ *
+ * For example:
  *
- * resolveProperties('margin', {margin: 5, marginBottom: 10})
- * ->
- * {top: 5, left: 5, right: 5, bottom: 10}
+ *   > resolveProperties('margin', {margin: 5, marginBottom: 10})
+ *   {top: 5, left: 5, right: 5, bottom: 10}
  *
- * If none are set, returns false.
+ * If no parts exist, this returns null.
  */
-function resolveBoxStyle(prefix: string, style: Object): ?Object {
-  var res = {};
-  var subs = ['top', 'left', 'bottom', 'right'];
-  var set = false;
-  subs.forEach(sub => {
-    res[sub] = style[prefix] || 0;
-  });
-  if (style[prefix]) {
-    set = true;
-  }
-  if (style[prefix + 'Vertical']) {
-    res.top = res.bottom = style[prefix + 'Vertical'];
-    set = true;
+function resolveBoxStyle(
+  prefix: string,
+  style: Object,
+): ?$ReadOnly<{|
+  bottom: number,
+  left: number,
+  right: number,
+  top: number,
+|}> {
+  let hasParts = false;
+  const result = {
+    bottom: 0,
+    left: 0,
+    right: 0,
+    top: 0,
+  };
+
+  // TODO: Fix issues with multiple properties affecting the same side.
+
+  const styleForAll = style[prefix];
+  if (styleForAll != null) {
+    for (const key of Object.keys(result)) {
+      result[key] = styleForAll;
+    }
+    hasParts = true;
   }
-  if (style[prefix + 'Horizontal']) {
-    res.left = res.right = style[prefix + 'Horizontal'];
-    set = true;
+
+  const styleForHorizontal = style[prefix + 'Horizontal'];
+  if (styleForHorizontal != null) {
+    result.left = styleForHorizontal;
+    result.right = styleForHorizontal;
+    hasParts = true;
+  } else {
+    const styleForLeft = style[prefix + 'Left'];
+    if (styleForLeft != null) {
+      result.left = styleForLeft;
+      hasParts = true;
+    }
+
+    const styleForRight = style[prefix + 'Right'];
+    if (styleForRight != null) {
+      result.right = styleForRight;
+      hasParts = true;
+    }
+
+    const styleForEnd = style[prefix + 'End'];
+    if (styleForEnd != null) {
+      if (I18nManager.isRTL && I18nManager.doLeftAndRightSwapInRTL) {
+        result.left = styleForEnd;
+      } else {
+        result.right = styleForEnd;
+      }
+      hasParts = true;
+    }
+    const styleForStart = style[prefix + 'Start'];
+    if (styleForStart != null) {
+      if (I18nManager.isRTL && I18nManager.doLeftAndRightSwapInRTL) {
+        result.right = styleForStart;
+      } else {
+        result.left = styleForStart;
+      }
+      hasParts = true;
+    }
   }
-  subs.forEach(sub => {
-    var val = style[prefix + capFirst(sub)];
-    if (val) {
-      res[sub] = val;
-      set = true;
+
+  const styleForVertical = style[prefix + 'Vertical'];
+  if (styleForVertical != null) {
+    result.bottom = styleForVertical;
+    result.top = styleForVertical;
+    hasParts = true;
+  } else {
+    const styleForBottom = style[prefix + 'Bottom'];
+    if (styleForBottom != null) {
+      result.bottom = styleForBottom;
+      hasParts = true;
+    }
+
+    const styleForTop = style[prefix + 'Top'];
+    if (styleForTop != null) {
+      result.top = styleForTop;
+      hasParts = true;
     }
-  });
-  if (!set) {
-    return;
   }
-  return res;
-}
 
-function capFirst(text) {
-  return text[0].toUpperCase() + text.slice(1);
+  return hasParts ? result : null;
 }
 
 module.exports = resolveBoxStyle;
-
diff --git a/Libraries/Interaction/Batchinator.js b/Libraries/Interaction/Batchinator.js
index 3f3b4e069a019e..eea02e45ed3fe2 100644
--- a/Libraries/Interaction/Batchinator.js
+++ b/Libraries/Interaction/Batchinator.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Batchinator
+ * @format
  * @flow
  */
+
 'use strict';
 
 const InteractionManager = require('InteractionManager');
diff --git a/Libraries/Interaction/BridgeSpyStallHandler.js b/Libraries/Interaction/BridgeSpyStallHandler.js
index f47f0751d8ad67..d2933584a32f27 100644
--- a/Libraries/Interaction/BridgeSpyStallHandler.js
+++ b/Libraries/Interaction/BridgeSpyStallHandler.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule BridgeSpyStallHandler
+ * @format
  * @flow
  */
+
 'use strict';
 
 const JSEventLoopWatchdog = require('JSEventLoopWatchdog');
@@ -17,7 +18,7 @@ const infoLog = require('infoLog');
 const BridgeSpyStallHandler = {
   register: function() {
     let spyBuffer = [];
-    MessageQueue.spy((data) => {
+    MessageQueue.spy(data => {
       spyBuffer.push(data);
     });
     const TO_JS = 0;
@@ -25,13 +26,13 @@ const BridgeSpyStallHandler = {
       onStall: () => {
         infoLog(
           spyBuffer.length + ' bridge messages during stall: ',
-          spyBuffer.map((info) => {
+          spyBuffer.map(info => {
             let args = '<args>';
             try {
               args = JSON.stringify(info.args);
             } catch (e1) {
               if (Array.isArray(info.args)) {
-                args = info.args.map((arg) => {
+                args = info.args.map(arg => {
                   try {
                     return JSON.stringify(arg);
                   } catch (e2) {
@@ -42,8 +43,12 @@ const BridgeSpyStallHandler = {
                 args = 'keys:' + JSON.stringify(Object.keys(info.args));
               }
             }
-            return `${info.type === TO_JS ? 'N->JS' : 'JS->N'} : ` +
-              `${info.module ? (info.module + '.') : ''}${info.method}(${JSON.stringify(args)})`;
+            return (
+              `${info.type === TO_JS ? 'N->JS' : 'JS->N'} : ` +
+              `${info.module ? info.module + '.' : ''}${
+                info.method
+              }(${JSON.stringify(args)})`
+            );
           }),
         );
       },
diff --git a/Libraries/Interaction/FrameRateLogger.js b/Libraries/Interaction/FrameRateLogger.js
index 072adeb930f8d8..b9d872e80ff960 100644
--- a/Libraries/Interaction/FrameRateLogger.js
+++ b/Libraries/Interaction/FrameRateLogger.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule FrameRateLogger
+ * @format
  * @flow
  */
+
 'use strict';
 
 const NativeModules = require('NativeModules');
@@ -34,14 +35,28 @@ const FrameRateLogger = {
    * Enable `debug` to see local logs of what's going on. `reportStackTraces` will grab stack traces
    * during UI thread stalls and upload them if the native module supports it.
    */
-  setGlobalOptions: function(options: {debug?: boolean, reportStackTraces?: boolean}) {
+  setGlobalOptions: function(options: {
+    debug?: boolean,
+    reportStackTraces?: boolean,
+  }) {
     if (options.debug !== undefined) {
       invariant(
         NativeModules.FrameRateLogger,
         'Trying to debug FrameRateLogger without the native module!',
       );
     }
-    NativeModules.FrameRateLogger && NativeModules.FrameRateLogger.setGlobalOptions(options);
+    if (NativeModules.FrameRateLogger) {
+      // Freeze the object to avoid the prepack warning (PP0017) about leaking
+      // unfrozen objects.
+      // Needs to clone the object first to avoid modifying the argument.
+      const optionsClone = {
+        debug: !!options.debug,
+        reportStackTraces: !!options.reportStackTraces,
+      };
+      Object.freeze(optionsClone);
+      Object.seal(optionsClone);
+      NativeModules.FrameRateLogger.setGlobalOptions(optionsClone);
+    }
   },
 
   /**
@@ -49,7 +64,8 @@ const FrameRateLogger = {
    * in `AppRegistry`, but navigation is also a common place to hook in.
    */
   setContext: function(context: string) {
-    NativeModules.FrameRateLogger && NativeModules.FrameRateLogger.setContext(context);
+    NativeModules.FrameRateLogger &&
+      NativeModules.FrameRateLogger.setContext(context);
   },
 
   /**
@@ -57,7 +73,8 @@ const FrameRateLogger = {
    * automatically.
    */
   beginScroll() {
-    NativeModules.FrameRateLogger && NativeModules.FrameRateLogger.beginScroll();
+    NativeModules.FrameRateLogger &&
+      NativeModules.FrameRateLogger.beginScroll();
   },
 
   /**
diff --git a/Libraries/Interaction/InteractionManager.js b/Libraries/Interaction/InteractionManager.js
index 227e1b05bd3a73..d8b57d0a9b998a 100644
--- a/Libraries/Interaction/InteractionManager.js
+++ b/Libraries/Interaction/InteractionManager.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule InteractionManager
+ * @format
  * @flow
  */
+
 'use strict';
 
 const BatchedBridge = require('BatchedBridge');
@@ -78,7 +79,7 @@ const DEBUG = false;
  * allowing events such as touches to start interactions and block queued tasks
  * from executing, making apps more responsive.
  */
-var InteractionManager = {
+const InteractionManager = {
   Events: keyMirror({
     interactionStart: true,
     interactionComplete: true,
@@ -88,14 +89,19 @@ var InteractionManager = {
    * Schedule a function to run after all interactions have completed. Returns a cancellable
    * "promise".
    */
-  runAfterInteractions(task: ?Task): {then: Function, done: Function, cancel: Function} {
+  runAfterInteractions(
+    task: ?Task,
+  ): {then: Function, done: Function, cancel: Function} {
     const tasks = [];
     const promise = new Promise(resolve => {
       _scheduleUpdate();
       if (task) {
         tasks.push(task);
       }
-      tasks.push({run: resolve, name: 'resolve ' + (task && task.name || '?')});
+      tasks.push({
+        run: resolve,
+        name: 'resolve ' + ((task && task.name) || '?'),
+      });
       _taskQueue.enqueueTasks(tasks);
     });
     return {
@@ -104,7 +110,9 @@ var InteractionManager = {
         if (promise.done) {
           return promise.done(...args);
         } else {
-          console.warn('Tried to call done when not supported by current Promise implementation.');
+          console.warn(
+            'Tried to call done when not supported by current Promise implementation.',
+          );
         }
       },
       cancel: function() {
@@ -119,7 +127,7 @@ var InteractionManager = {
   createInteractionHandle(): Handle {
     DEBUG && infoLog('create interaction handle');
     _scheduleUpdate();
-    var handle = ++_inc;
+    const handle = ++_inc;
     _addInteractionSet.add(handle);
     return handle;
   },
@@ -129,10 +137,7 @@ var InteractionManager = {
    */
   clearInteractionHandle(handle: Handle) {
     DEBUG && infoLog('clear interaction handle');
-    invariant(
-      !!handle,
-      'Must provide a handle to clear.'
-    );
+    invariant(!!handle, 'Must provide a handle to clear.');
     _scheduleUpdate();
     _addInteractionSet.delete(handle);
     _deleteInteractionSet.add(handle);
@@ -182,14 +187,10 @@ function _scheduleUpdate() {
 function _processUpdate() {
   _nextUpdateHandle = 0;
 
-  var interactionCount = _interactionSet.size;
-  _addInteractionSet.forEach(handle =>
-    _interactionSet.add(handle)
-  );
-  _deleteInteractionSet.forEach(handle =>
-    _interactionSet.delete(handle)
-  );
-  var nextInteractionCount = _interactionSet.size;
+  const interactionCount = _interactionSet.size;
+  _addInteractionSet.forEach(handle => _interactionSet.add(handle));
+  _deleteInteractionSet.forEach(handle => _interactionSet.delete(handle));
+  const nextInteractionCount = _interactionSet.size;
 
   if (interactionCount !== 0 && nextInteractionCount === 0) {
     // transition from 1+ --> 0 interactions
@@ -203,8 +204,10 @@ function _processUpdate() {
   if (nextInteractionCount === 0) {
     while (_taskQueue.hasTasksToProcess()) {
       _taskQueue.processNext();
-      if (_deadline > 0 &&
-          BatchedBridge.getEventLoopRunningTime() >= _deadline) {
+      if (
+        _deadline > 0 &&
+        BatchedBridge.getEventLoopRunningTime() >= _deadline
+      ) {
         // Hit deadline before processing all tasks, so process more later.
         _scheduleUpdate();
         break;
diff --git a/Libraries/Interaction/InteractionMixin.js b/Libraries/Interaction/InteractionMixin.js
index 9e81a4fddaec1e..78b81f295cdc33 100644
--- a/Libraries/Interaction/InteractionMixin.js
+++ b/Libraries/Interaction/InteractionMixin.js
@@ -4,23 +4,24 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule InteractionMixin
+ * @format
  * @flow
  */
+
 'use strict';
 
-var InteractionManager = require('InteractionManager');
+const InteractionManager = require('InteractionManager');
 
 /**
  * This mixin provides safe versions of InteractionManager start/end methods
  * that ensures `clearInteractionHandle` is always called
  * once per start, even if the component is unmounted.
  */
-var InteractionMixin = {
+const InteractionMixin = {
   componentWillUnmount: function() {
     while (this._interactionMixinHandles.length) {
       InteractionManager.clearInteractionHandle(
-        this._interactionMixinHandles.pop()
+        this._interactionMixinHandles.pop(),
       );
     }
   },
@@ -28,7 +29,7 @@ var InteractionMixin = {
   _interactionMixinHandles: ([]: Array<number>),
 
   createInteractionHandle: function() {
-    var handle = InteractionManager.createInteractionHandle();
+    const handle = InteractionManager.createInteractionHandle();
     this._interactionMixinHandles.push(handle);
     return handle;
   },
@@ -36,7 +37,7 @@ var InteractionMixin = {
   clearInteractionHandle: function(clearHandle: number) {
     InteractionManager.clearInteractionHandle(clearHandle);
     this._interactionMixinHandles = this._interactionMixinHandles.filter(
-      handle => handle !== clearHandle
+      handle => handle !== clearHandle,
     );
   },
 
diff --git a/Libraries/Interaction/InteractionStallDebugger.js b/Libraries/Interaction/InteractionStallDebugger.js
index 8d2bcc82e5f9ba..899eee0ec1143a 100644
--- a/Libraries/Interaction/InteractionStallDebugger.js
+++ b/Libraries/Interaction/InteractionStallDebugger.js
@@ -4,22 +4,19 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule InteractionStallDebugger
+ * @format
  * @flow
  */
+
 'use strict';
 
 const BridgeSpyStallHandler = require('BridgeSpyStallHandler');
 const JSEventLoopWatchdog = require('JSEventLoopWatchdog');
-const ReactPerfStallHandler = require('ReactPerfStallHandler');
 
 const InteractionStallDebugger = {
-  install: function(options: {thresholdMS: number}) {
+  install(options: {thresholdMS: number}): void {
     JSEventLoopWatchdog.install(options);
     BridgeSpyStallHandler.register();
-    if (__DEV__) {
-      ReactPerfStallHandler.register();
-    }
   },
 };
 
diff --git a/Libraries/Interaction/JSEventLoopWatchdog.js b/Libraries/Interaction/JSEventLoopWatchdog.js
index 2d1866a0c77f2f..5d5328325c1872 100644
--- a/Libraries/Interaction/JSEventLoopWatchdog.js
+++ b/Libraries/Interaction/JSEventLoopWatchdog.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule JSEventLoopWatchdog
+ * @format
  * @flow
  */
+
 'use strict';
 
 const infoLog = require('infoLog');
@@ -61,14 +62,15 @@ const JSEventLoopWatchdog = {
         stallCount++;
         totalStallTime += stallTime;
         longestStall = Math.max(longestStall, stallTime);
-        let msg = `JSEventLoopWatchdog: JS thread busy for ${busyTime}ms. ` +
+        let msg =
+          `JSEventLoopWatchdog: JS thread busy for ${busyTime}ms. ` +
           `${totalStallTime}ms in ${stallCount} stalls so far. `;
-        handlers.forEach((handler) => {
+        handlers.forEach(handler => {
           msg += handler.onStall({lastInterval, busyTime}) || '';
         });
         infoLog(msg);
       }
-      handlers.forEach((handler) => {
+      handlers.forEach(handler => {
         handler.onIterate && handler.onIterate();
       });
       lastInterval = now;
diff --git a/Libraries/Interaction/PanResponder.js b/Libraries/Interaction/PanResponder.js
index db7d85c87e2714..fb974c9931e069 100644
--- a/Libraries/Interaction/PanResponder.js
+++ b/Libraries/Interaction/PanResponder.js
@@ -4,18 +4,22 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule PanResponder
+ * @format
  */
 
 'use strict';
 
 const InteractionManager = require('./InteractionManager');
-const TouchHistoryMath = require('TouchHistoryMath');
+const TouchHistoryMath = require('./TouchHistoryMath');
 
-const currentCentroidXOfTouchesChangedAfter = TouchHistoryMath.currentCentroidXOfTouchesChangedAfter;
-const currentCentroidYOfTouchesChangedAfter = TouchHistoryMath.currentCentroidYOfTouchesChangedAfter;
-const previousCentroidXOfTouchesChangedAfter = TouchHistoryMath.previousCentroidXOfTouchesChangedAfter;
-const previousCentroidYOfTouchesChangedAfter = TouchHistoryMath.previousCentroidYOfTouchesChangedAfter;
+const currentCentroidXOfTouchesChangedAfter =
+  TouchHistoryMath.currentCentroidXOfTouchesChangedAfter;
+const currentCentroidYOfTouchesChangedAfter =
+  TouchHistoryMath.currentCentroidYOfTouchesChangedAfter;
+const previousCentroidXOfTouchesChangedAfter =
+  TouchHistoryMath.previousCentroidXOfTouchesChangedAfter;
+const previousCentroidYOfTouchesChangedAfter =
+  TouchHistoryMath.previousCentroidYOfTouchesChangedAfter;
 const currentCentroidX = TouchHistoryMath.currentCentroidX;
 const currentCentroidY = TouchHistoryMath.currentCentroidY;
 
@@ -118,7 +122,6 @@ const currentCentroidY = TouchHistoryMath.currentCentroidY;
  */
 
 const PanResponder = {
-
   /**
    *
    * A graphical explanation of the touch data flow:
@@ -182,7 +185,7 @@ const PanResponder = {
    * - vx/vy: Velocity.
    */
 
-  _initializeGestureState: function (gestureState) {
+  _initializeGestureState: function(gestureState) {
     gestureState.moveX = 0;
     gestureState.moveY = 0;
     gestureState.x0 = 0;
@@ -220,20 +223,33 @@ const PanResponder = {
    * typical responder callback pattern (without using `PanResponder`), but
    * avoids more dispatches than necessary.
    */
-  _updateGestureStateOnMove: function (gestureState, touchHistory) {
+  _updateGestureStateOnMove: function(gestureState, touchHistory) {
     gestureState.numberActiveTouches = touchHistory.numberActiveTouches;
-    gestureState.moveX = currentCentroidXOfTouchesChangedAfter(touchHistory, gestureState._accountsForMovesUpTo);
-    gestureState.moveY = currentCentroidYOfTouchesChangedAfter(touchHistory, gestureState._accountsForMovesUpTo);
+    gestureState.moveX = currentCentroidXOfTouchesChangedAfter(
+      touchHistory,
+      gestureState._accountsForMovesUpTo,
+    );
+    gestureState.moveY = currentCentroidYOfTouchesChangedAfter(
+      touchHistory,
+      gestureState._accountsForMovesUpTo,
+    );
     const movedAfter = gestureState._accountsForMovesUpTo;
-    const prevX = previousCentroidXOfTouchesChangedAfter(touchHistory, movedAfter);
+    const prevX = previousCentroidXOfTouchesChangedAfter(
+      touchHistory,
+      movedAfter,
+    );
     const x = currentCentroidXOfTouchesChangedAfter(touchHistory, movedAfter);
-    const prevY = previousCentroidYOfTouchesChangedAfter(touchHistory, movedAfter);
+    const prevY = previousCentroidYOfTouchesChangedAfter(
+      touchHistory,
+      movedAfter,
+    );
     const y = currentCentroidYOfTouchesChangedAfter(touchHistory, movedAfter);
     const nextDX = gestureState.dx + (x - prevX);
     const nextDY = gestureState.dy + (y - prevY);
 
     // TODO: This must be filtered intelligently.
-    const dt = touchHistory.mostRecentTimeStamp - gestureState._accountsForMovesUpTo;
+    const dt =
+      touchHistory.mostRecentTimeStamp - gestureState._accountsForMovesUpTo;
     gestureState.vx = (nextDX - gestureState.dx) / dt;
     gestureState.vy = (nextDY - gestureState.dy) / dt;
 
@@ -274,7 +290,7 @@ const PanResponder = {
    *  accordingly. (numberActiveTouches) may not be totally accurate unless you
    *  are the responder.
    */
-  create: function (config) {
+  create: function(config) {
     const interactionState = {
       handle: (null: ?number),
     };
@@ -284,43 +300,46 @@ const PanResponder = {
     };
     PanResponder._initializeGestureState(gestureState);
     const panHandlers = {
-      onStartShouldSetResponder: function (e) {
-        return config.onStartShouldSetPanResponder === undefined ?
-          false :
-          config.onStartShouldSetPanResponder(e, gestureState);
+      onStartShouldSetResponder: function(e) {
+        return config.onStartShouldSetPanResponder === undefined
+          ? false
+          : config.onStartShouldSetPanResponder(e, gestureState);
       },
-      onMoveShouldSetResponder: function (e) {
-        return config.onMoveShouldSetPanResponder === undefined ?
-          false :
-          config.onMoveShouldSetPanResponder(e, gestureState);
+      onMoveShouldSetResponder: function(e) {
+        return config.onMoveShouldSetPanResponder === undefined
+          ? false
+          : config.onMoveShouldSetPanResponder(e, gestureState);
       },
-      onStartShouldSetResponderCapture: function (e) {
+      onStartShouldSetResponderCapture: function(e) {
         // TODO: Actually, we should reinitialize the state any time
         // touches.length increases from 0 active to > 0 active.
         if (e.nativeEvent.touches.length === 1) {
           PanResponder._initializeGestureState(gestureState);
         }
         gestureState.numberActiveTouches = e.touchHistory.numberActiveTouches;
-        return config.onStartShouldSetPanResponderCapture !== undefined ?
-          config.onStartShouldSetPanResponderCapture(e, gestureState) :
-          false;
+        return config.onStartShouldSetPanResponderCapture !== undefined
+          ? config.onStartShouldSetPanResponderCapture(e, gestureState)
+          : false;
       },
 
-      onMoveShouldSetResponderCapture: function (e) {
+      onMoveShouldSetResponderCapture: function(e) {
         const touchHistory = e.touchHistory;
         // Responder system incorrectly dispatches should* to current responder
         // Filter out any touch moves past the first one - we would have
         // already processed multi-touch geometry during the first event.
-        if (gestureState._accountsForMovesUpTo === touchHistory.mostRecentTimeStamp) {
+        if (
+          gestureState._accountsForMovesUpTo ===
+          touchHistory.mostRecentTimeStamp
+        ) {
           return false;
         }
         PanResponder._updateGestureStateOnMove(gestureState, touchHistory);
-        return config.onMoveShouldSetPanResponderCapture ?
-          config.onMoveShouldSetPanResponderCapture(e, gestureState) :
-          false;
+        return config.onMoveShouldSetPanResponderCapture
+          ? config.onMoveShouldSetPanResponderCapture(e, gestureState)
+          : false;
       },
 
-      onResponderGrant: function (e) {
+      onResponderGrant: function(e) {
         if (!interactionState.handle) {
           interactionState.handle = InteractionManager.createInteractionHandle();
         }
@@ -332,21 +351,31 @@ const PanResponder = {
           config.onPanResponderGrant(e, gestureState);
         }
         // TODO: t7467124 investigate if this can be removed
-        return config.onShouldBlockNativeResponder === undefined ?
-          true :
-          config.onShouldBlockNativeResponder();
+        return config.onShouldBlockNativeResponder === undefined
+          ? true
+          : config.onShouldBlockNativeResponder();
       },
 
-      onResponderReject: function (e) {
-        clearInteractionHandle(interactionState, config.onPanResponderReject, e, gestureState);
+      onResponderReject: function(e) {
+        clearInteractionHandle(
+          interactionState,
+          config.onPanResponderReject,
+          e,
+          gestureState,
+        );
       },
 
-      onResponderRelease: function (e) {
-        clearInteractionHandle(interactionState, config.onPanResponderRelease, e, gestureState);
+      onResponderRelease: function(e) {
+        clearInteractionHandle(
+          interactionState,
+          config.onPanResponderRelease,
+          e,
+          gestureState,
+        );
         PanResponder._initializeGestureState(gestureState);
       },
 
-      onResponderStart: function (e) {
+      onResponderStart: function(e) {
         const touchHistory = e.touchHistory;
         gestureState.numberActiveTouches = touchHistory.numberActiveTouches;
         if (config.onPanResponderStart) {
@@ -354,11 +383,14 @@ const PanResponder = {
         }
       },
 
-      onResponderMove: function (e) {
+      onResponderMove: function(e) {
         const touchHistory = e.touchHistory;
         // Guard against the dispatch of two touch moves when there are two
         // simultaneously changed touches.
-        if (gestureState._accountsForMovesUpTo === touchHistory.mostRecentTimeStamp) {
+        if (
+          gestureState._accountsForMovesUpTo ===
+          touchHistory.mostRecentTimeStamp
+        ) {
           return;
         }
         // Filter out any touch moves past the first one - we would have
@@ -369,22 +401,32 @@ const PanResponder = {
         }
       },
 
-      onResponderEnd: function (e) {
+      onResponderEnd: function(e) {
         const touchHistory = e.touchHistory;
         gestureState.numberActiveTouches = touchHistory.numberActiveTouches;
-        clearInteractionHandle(interactionState, config.onPanResponderEnd, e, gestureState);
+        clearInteractionHandle(
+          interactionState,
+          config.onPanResponderEnd,
+          e,
+          gestureState,
+        );
       },
 
-      onResponderTerminate: function (e) {
-        clearInteractionHandle(interactionState, config.onPanResponderTerminate, e, gestureState);
+      onResponderTerminate: function(e) {
+        clearInteractionHandle(
+          interactionState,
+          config.onPanResponderTerminate,
+          e,
+          gestureState,
+        );
         PanResponder._initializeGestureState(gestureState);
       },
 
-      onResponderTerminationRequest: function (e) {
-        return config.onPanResponderTerminationRequest === undefined ?
-          true :
-          config.onPanResponderTerminationRequest(e, gestureState);
-      }
+      onResponderTerminationRequest: function(e) {
+        return config.onPanResponderTerminationRequest === undefined
+          ? true
+          : config.onPanResponderTerminationRequest(e, gestureState);
+      },
     };
     return {
       panHandlers,
@@ -392,14 +434,14 @@ const PanResponder = {
         return interactionState.handle;
       },
     };
-  }
+  },
 };
 
 function clearInteractionHandle(
   interactionState: {handle: ?number},
   callback: Function,
   event: Object,
-  gestureState: Object
+  gestureState: Object,
 ) {
   if (interactionState.handle) {
     InteractionManager.clearInteractionHandle(interactionState.handle);
diff --git a/Libraries/Interaction/ReactPerfStallHandler.js b/Libraries/Interaction/ReactPerfStallHandler.js
deleted file mode 100644
index 394bc7533ca1c7..00000000000000
--- a/Libraries/Interaction/ReactPerfStallHandler.js
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @providesModule ReactPerfStallHandler
- * @flow
- */
-'use strict';
-
-const JSEventLoopWatchdog = require('JSEventLoopWatchdog');
-const ReactPerf = require('ReactPerf');
-
-const ReactPerfStallHandler = {
-  register: function() {
-    ReactPerf.start();
-    JSEventLoopWatchdog.addHandler({
-      onStall: () => {
-        ReactPerf.stop();
-        ReactPerf.printInclusive();
-        ReactPerf.printWasted();
-        ReactPerf.start();
-      },
-      onIterate: () => {
-        ReactPerf.stop();
-        ReactPerf.start();
-      },
-    });
-  },
-};
-
-module.exports = ReactPerfStallHandler;
diff --git a/Libraries/Interaction/TaskQueue.js b/Libraries/Interaction/TaskQueue.js
index 0ee5e4500af9f0..90f49a8e84d330 100644
--- a/Libraries/Interaction/TaskQueue.js
+++ b/Libraries/Interaction/TaskQueue.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TaskQueue
+ * @format
  * @flow
  */
+
 'use strict';
 
 const infoLog = require('infoLog');
@@ -63,17 +64,17 @@ class TaskQueue {
   }
 
   enqueueTasks(tasks: Array<Task>): void {
-    tasks.forEach((task) => this.enqueue(task));
+    tasks.forEach(task => this.enqueue(task));
   }
 
   cancelTasks(tasksToCancel: Array<Task>): void {
     // search through all tasks and remove them.
     this._queueStack = this._queueStack
-      .map((queue) => ({
+      .map(queue => ({
         ...queue,
-        tasks: queue.tasks.filter((task) => tasksToCancel.indexOf(task) === -1),
+        tasks: queue.tasks.filter(task => tasksToCancel.indexOf(task) === -1),
       }))
-      .filter((queue, idx) => (queue.tasks.length > 0 || idx === 0));
+      .filter((queue, idx) => queue.tasks.length > 0 || idx === 0);
   }
 
   /**
@@ -86,7 +87,7 @@ class TaskQueue {
    * `onMoreTasks` will be called after each `PromiseTask` resolves if there are
    * tasks ready to run at that point.
    */
-  hasTasksToProcess(): bool {
+  hasTasksToProcess(): boolean {
     return this._getCurrentQueue().length > 0;
   }
 
@@ -108,30 +109,36 @@ class TaskQueue {
           invariant(
             typeof task === 'function',
             'Expected Function, SimpleTask, or PromiseTask, but got:\n' +
-              JSON.stringify(task, null, 2)
+              JSON.stringify(task, null, 2),
           );
           DEBUG && infoLog('run anonymous task');
           task();
         }
       } catch (e) {
-        e.message = 'TaskQueue: Error with task ' + (task.name || '') + ': ' +
-          e.message;
+        e.message =
+          'TaskQueue: Error with task ' + (task.name || '') + ': ' + e.message;
         throw e;
       }
     }
   }
 
-  _queueStack: Array<{tasks: Array<Task>, popable: bool}>;
+  _queueStack: Array<{tasks: Array<Task>, popable: boolean}>;
   _onMoreTasks: () => void;
 
   _getCurrentQueue(): Array<Task> {
     const stackIdx = this._queueStack.length - 1;
     const queue = this._queueStack[stackIdx];
-    if (queue.popable &&
-        queue.tasks.length === 0 &&
-        this._queueStack.length > 1) {
+    if (
+      queue.popable &&
+      queue.tasks.length === 0 &&
+      this._queueStack.length > 1
+    ) {
       this._queueStack.pop();
-      DEBUG && infoLog('popped queue: ', {stackIdx, queueStackSize: this._queueStack.length});
+      DEBUG &&
+        infoLog('popped queue: ', {
+          stackIdx,
+          queueStackSize: this._queueStack.length,
+        });
       return this._getCurrentQueue();
     } else {
       return queue.tasks;
@@ -147,22 +154,25 @@ class TaskQueue {
     const stackIdx = this._queueStack.length - 1;
     DEBUG && infoLog('push new queue: ', {stackIdx});
     DEBUG && infoLog('exec gen task ' + task.name);
-    task.gen()
+    task
+      .gen()
       .then(() => {
-        DEBUG && infoLog(
-          'onThen for gen task ' + task.name,
-          {stackIdx, queueStackSize: this._queueStack.length},
-        );
+        DEBUG &&
+          infoLog('onThen for gen task ' + task.name, {
+            stackIdx,
+            queueStackSize: this._queueStack.length,
+          });
         this._queueStack[stackIdx].popable = true;
         this.hasTasksToProcess() && this._onMoreTasks();
       })
-      .catch((ex) => {
-        ex.message = `TaskQueue: Error resolving Promise in task ${task.name}: ${ex.message}`;
+      .catch(ex => {
+        ex.message = `TaskQueue: Error resolving Promise in task ${
+          task.name
+        }: ${ex.message}`;
         throw ex;
       })
       .done();
   }
 }
 
-
 module.exports = TaskQueue;
diff --git a/Libraries/Interaction/TouchHistoryMath.js b/Libraries/Interaction/TouchHistoryMath.js
new file mode 100644
index 00000000000000..8d6d8253390f0c
--- /dev/null
+++ b/Libraries/Interaction/TouchHistoryMath.js
@@ -0,0 +1,153 @@
+/**
+ * Copyright (c) 2016-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+const TouchHistoryMath = {
+  /**
+   * This code is optimized and not intended to look beautiful. This allows
+   * computing of touch centroids that have moved after `touchesChangedAfter`
+   * timeStamp. You can compute the current centroid involving all touches
+   * moves after `touchesChangedAfter`, or you can compute the previous
+   * centroid of all touches that were moved after `touchesChangedAfter`.
+   *
+   * @param {TouchHistoryMath} touchHistory Standard Responder touch track
+   * data.
+   * @param {number} touchesChangedAfter timeStamp after which moved touches
+   * are considered "actively moving" - not just "active".
+   * @param {boolean} isXAxis Consider `x` dimension vs. `y` dimension.
+   * @param {boolean} ofCurrent Compute current centroid for actively moving
+   * touches vs. previous centroid of now actively moving touches.
+   * @return {number} value of centroid in specified dimension.
+   */
+  centroidDimension: function(
+    touchHistory,
+    touchesChangedAfter,
+    isXAxis,
+    ofCurrent,
+  ) {
+    const touchBank = touchHistory.touchBank;
+    let total = 0;
+    let count = 0;
+
+    const 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;
+        count = 1;
+      }
+    } else {
+      for (let i = 0; i < touchBank.length; i++) {
+        const touchTrack = touchBank[i];
+        if (
+          touchTrack !== null &&
+          touchTrack !== undefined &&
+          touchTrack.touchActive &&
+          touchTrack.currentTimeStamp >= touchesChangedAfter
+        ) {
+          let toAdd; // Yuck, program temporarily in invalid state.
+          if (ofCurrent && isXAxis) {
+            toAdd = touchTrack.currentPageX;
+          } else if (ofCurrent && !isXAxis) {
+            toAdd = touchTrack.currentPageY;
+          } else if (!ofCurrent && isXAxis) {
+            toAdd = touchTrack.previousPageX;
+          } else {
+            toAdd = touchTrack.previousPageY;
+          }
+          total += toAdd;
+          count++;
+        }
+      }
+    }
+    return count > 0 ? total / count : TouchHistoryMath.noCentroid;
+  },
+
+  currentCentroidXOfTouchesChangedAfter: function(
+    touchHistory,
+    touchesChangedAfter,
+  ) {
+    return TouchHistoryMath.centroidDimension(
+      touchHistory,
+      touchesChangedAfter,
+      true, // isXAxis
+      true, // ofCurrent
+    );
+  },
+
+  currentCentroidYOfTouchesChangedAfter: function(
+    touchHistory,
+    touchesChangedAfter,
+  ) {
+    return TouchHistoryMath.centroidDimension(
+      touchHistory,
+      touchesChangedAfter,
+      false, // isXAxis
+      true, // ofCurrent
+    );
+  },
+
+  previousCentroidXOfTouchesChangedAfter: function(
+    touchHistory,
+    touchesChangedAfter,
+  ) {
+    return TouchHistoryMath.centroidDimension(
+      touchHistory,
+      touchesChangedAfter,
+      true, // isXAxis
+      false, // ofCurrent
+    );
+  },
+
+  previousCentroidYOfTouchesChangedAfter: function(
+    touchHistory,
+    touchesChangedAfter,
+  ) {
+    return TouchHistoryMath.centroidDimension(
+      touchHistory,
+      touchesChangedAfter,
+      false, // isXAxis
+      false, // ofCurrent
+    );
+  },
+
+  currentCentroidX: function(touchHistory) {
+    return TouchHistoryMath.centroidDimension(
+      touchHistory,
+      0, // touchesChangedAfter
+      true, // isXAxis
+      true, // ofCurrent
+    );
+  },
+
+  currentCentroidY: function(touchHistory) {
+    return TouchHistoryMath.centroidDimension(
+      touchHistory,
+      0, // touchesChangedAfter
+      false, // isXAxis
+      true, // ofCurrent
+    );
+  },
+
+  noCentroid: -1,
+};
+
+module.exports = TouchHistoryMath;
diff --git a/Libraries/Interaction/__tests__/Batchinator-test.js b/Libraries/Interaction/__tests__/Batchinator-test.js
index a0afacd4e0d0cd..4cd4668fb27e51 100644
--- a/Libraries/Interaction/__tests__/Batchinator-test.js
+++ b/Libraries/Interaction/__tests__/Batchinator-test.js
@@ -4,14 +4,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
 
 'use strict';
 
-jest
-  .mock('ErrorUtils')
-  .mock('BatchedBridge');
+jest.mock('ErrorUtils').mock('BatchedBridge');
 
 function expectToBeCalledOnce(fn) {
   expect(fn.mock.calls.length).toBe(1);
diff --git a/Libraries/Interaction/__tests__/InteractionManager-test.js b/Libraries/Interaction/__tests__/InteractionManager-test.js
index 0a74b7cc766485..edbdb50fb52762 100644
--- a/Libraries/Interaction/__tests__/InteractionManager-test.js
+++ b/Libraries/Interaction/__tests__/InteractionManager-test.js
@@ -4,14 +4,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
 
 'use strict';
 
-jest
-  .mock('ErrorUtils')
-  .mock('BatchedBridge');
+jest.mock('ErrorUtils').mock('BatchedBridge');
 
 function expectToBeCalledOnce(fn) {
   expect(fn.mock.calls.length).toBe(1);
@@ -31,11 +30,11 @@ describe('InteractionManager', () => {
 
     InteractionManager.addListener(
       InteractionManager.Events.interactionStart,
-      interactionStart
+      interactionStart,
     );
     InteractionManager.addListener(
       InteractionManager.Events.interactionComplete,
-      interactionComplete
+      interactionComplete,
     );
   });
 
@@ -168,7 +167,6 @@ describe('promise tasks', () => {
     sequenceId = 0;
   });
 
-
   it('should run a basic promise task', () => {
     const task1 = jest.fn(() => {
       expect(++sequenceId).toBe(1);
@@ -183,8 +181,10 @@ describe('promise tasks', () => {
     const task1 = jest.fn(() => {
       expect(++sequenceId).toBe(1);
       return new Promise(resolve => {
-        InteractionManager.runAfterInteractions({gen: task2, name: 'gen2'})
-          .then(resolve);
+        InteractionManager.runAfterInteractions({
+          gen: task2,
+          name: 'gen2',
+        }).then(resolve);
       });
     });
     const task2 = jest.fn(() => {
@@ -255,7 +255,7 @@ describe('promise tasks', () => {
     expectToBeCalledOnce(task2);
   });
 
-  const bigAsyncTest = (resolve) => {
+  const bigAsyncTest = resolve => {
     jest.useRealTimers();
 
     const task1 = createSequenceTask(1);
@@ -264,8 +264,10 @@ describe('promise tasks', () => {
       return new Promise(resolve => {
         InteractionManager.runAfterInteractions(task3);
         setTimeout(() => {
-          InteractionManager.runAfterInteractions({gen: task4, name: 'gen4'})
-            .then(resolve);
+          InteractionManager.runAfterInteractions({
+            gen: task4,
+            name: 'gen4',
+          }).then(resolve);
         }, 1);
       });
     });
diff --git a/Libraries/Interaction/__tests__/InteractionMixin-test.js b/Libraries/Interaction/__tests__/InteractionMixin-test.js
index 08f33d759f5016..77c75c1e9ca576 100644
--- a/Libraries/Interaction/__tests__/InteractionMixin-test.js
+++ b/Libraries/Interaction/__tests__/InteractionMixin-test.js
@@ -4,16 +4,18 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
 jest.enableAutomock().unmock('InteractionMixin');
 
 describe('InteractionMixin', () => {
-  var InteractionManager;
-  var InteractionMixin;
-  var component;
+  let InteractionManager;
+  let InteractionMixin;
+  let component;
 
   beforeEach(() => {
     jest.resetModules();
@@ -29,19 +31,19 @@ describe('InteractionMixin', () => {
   });
 
   it('should end interactions', () => {
-    var handle = {};
+    const handle = {};
     component.clearInteractionHandle(handle);
     expect(InteractionManager.clearInteractionHandle).toBeCalledWith(handle);
   });
 
   it('should schedule tasks', () => {
-    var task = jest.fn();
+    const task = jest.fn();
     component.runAfterInteractions(task);
     expect(InteractionManager.runAfterInteractions).toBeCalledWith(task);
   });
 
   it('should end unfinished interactions in componentWillUnmount', () => {
-    var handle = component.createInteractionHandle();
+    const handle = component.createInteractionHandle();
     component.componentWillUnmount();
     expect(InteractionManager.clearInteractionHandle).toBeCalledWith(handle);
   });
diff --git a/Libraries/Interaction/__tests__/TaskQueue-test.js b/Libraries/Interaction/__tests__/TaskQueue-test.js
index 407e8fa435cd0b..ce00415fefd7df 100644
--- a/Libraries/Interaction/__tests__/TaskQueue-test.js
+++ b/Libraries/Interaction/__tests__/TaskQueue-test.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
 
@@ -40,7 +41,6 @@ describe('TaskQueue', () => {
     sequenceId = 0;
   });
 
-
   it('should run a basic task', () => {
     const task1 = createSequenceTask(1);
     taskQueue.enqueue({run: task1, name: 'run1'});
diff --git a/Libraries/JSInspector/InspectorAgent.js b/Libraries/JSInspector/InspectorAgent.js
index a5b6cca0da3da3..2afe86fbe4e080 100644
--- a/Libraries/JSInspector/InspectorAgent.js
+++ b/Libraries/JSInspector/InspectorAgent.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule InspectorAgent
+ * @format
  * @flow
  */
+
 'use strict';
 
 export type EventSender = (name: string, params: Object) => void;
diff --git a/Libraries/JSInspector/JSInspector.js b/Libraries/JSInspector/JSInspector.js
index 9a6b13ffb7c690..21ccf7fbc1510c 100644
--- a/Libraries/JSInspector/JSInspector.js
+++ b/Libraries/JSInspector/JSInspector.js
@@ -4,19 +4,20 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule JSInspector
+ * @format
  * @flow
  */
+
 'use strict';
 
 import type EventSender from 'InspectorAgent';
 
 interface Agent {
-  constructor(eventSender: EventSender): void
+  constructor(eventSender: EventSender): void;
 }
 
 // Flow doesn't support static declarations in interface
-type AgentClass = Class<Agent> & { DOMAIN: string };
+type AgentClass = Class<Agent> & {DOMAIN: string};
 
 declare function __registerInspectorAgent(type: AgentClass): void;
 declare function __inspectorTimestamp(): number;
diff --git a/Libraries/JSInspector/NetworkAgent.js b/Libraries/JSInspector/NetworkAgent.js
index 56f6f2a37fdccf..2b25be3da54c0e 100644
--- a/Libraries/JSInspector/NetworkAgent.js
+++ b/Libraries/JSInspector/NetworkAgent.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule NetworkAgent
+ * @format
  * @flow
  */
+
 'use strict';
 
 const InspectorAgent = require('InspectorAgent');
@@ -28,34 +29,34 @@ type Headers = Object;
 type ResourceTiming = null;
 
 type ResourceType =
-  'Document' |
-  'Stylesheet' |
-  'Image' |
-  'Media' |
-  'Font' |
-  'Script' |
-  'TextTrack' |
-  'XHR' |
-  'Fetch' |
-  'EventSource' |
-  'WebSocket' |
-  'Manifest' |
-  'Other';
+  | 'Document'
+  | 'Stylesheet'
+  | 'Image'
+  | 'Media'
+  | 'Font'
+  | 'Script'
+  | 'TextTrack'
+  | 'XHR'
+  | 'Fetch'
+  | 'EventSource'
+  | 'WebSocket'
+  | 'Manifest'
+  | 'Other';
 
 type SecurityState =
-  'unknown' |
-  'neutral' |
-  'insecure' |
-  'warning' |
-  'secure' |
-  'info';
+  | 'unknown'
+  | 'neutral'
+  | 'insecure'
+  | 'warning'
+  | 'secure'
+  | 'info';
 type BlockedReason =
-  'csp' |
-  'mixed-content' |
-  'origin' |
-  'inspector' |
-  'subresource-filter' |
-  'other';
+  | 'csp'
+  | 'mixed-content'
+  | 'origin'
+  | 'inspector'
+  | 'subresource-filter'
+  | 'other';
 
 type StackTrace = null;
 
@@ -63,8 +64,8 @@ type Initiator = {
   type: 'script' | 'other',
   stackTrace?: StackTrace,
   url?: string,
-  lineNumber?: number
-}
+  lineNumber?: number,
+};
 
 type ResourcePriority = 'VeryLow' | 'Low' | 'Medium' | 'High' | 'VeryHigh';
 
@@ -152,11 +153,7 @@ class Interceptor {
     return this._requests.get(requestId);
   }
 
-  requestSent(
-    id: number,
-    url: string,
-    method: string,
-    headers: Object) {
+  requestSent(id: number, url: string, method: string, headers: Object) {
     const requestId = String(id);
     this._requests.set(requestId, '');
 
@@ -184,11 +181,7 @@ class Interceptor {
     this._agent.sendEvent('requestWillBeSent', event);
   }
 
-  responseReceived(
-    id: number,
-    url: string,
-    status: number,
-    headers: Object) {
+  responseReceived(id: number, url: string, status: number, headers: Object) {
     const requestId = String(id);
     const response: Response = {
       url,
@@ -215,9 +208,7 @@ class Interceptor {
     this._agent.sendEvent('responseReceived', event);
   }
 
-  dataReceived(
-    id: number,
-    data: string) {
+  dataReceived(id: number, data: string) {
     const requestId = String(id);
     const existingData = this._requests.get(requestId) || '';
     this._requests.set(requestId, existingData.concat(data));
@@ -230,9 +221,7 @@ class Interceptor {
     this._agent.sendEvent('dataReceived', event);
   }
 
-  loadingFinished(
-    id: number,
-    encodedDataLength: number) {
+  loadingFinished(id: number, encodedDataLength: number) {
     const event: LoadingFinishedEvent = {
       requestId: String(id),
       timestamp: JSInspector.getTimestamp(),
@@ -241,9 +230,7 @@ class Interceptor {
     this._agent.sendEvent('loadingFinished', event);
   }
 
-  loadingFailed(
-      id: number,
-      error: string) {
+  loadingFailed(id: number, error: string) {
     const event: LoadingFailedEvent = {
       requestId: String(id),
       timestamp: JSInspector.getTimestamp(),
@@ -261,7 +248,7 @@ class Interceptor {
 
 type EnableArgs = {
   maxResourceBufferSize?: number,
-  maxTotalBufferSize?: number
+  maxTotalBufferSize?: number,
 };
 
 class NetworkAgent extends InspectorAgent {
@@ -270,7 +257,7 @@ class NetworkAgent extends InspectorAgent {
   _sendEvent: EventSender;
   _interceptor: ?Interceptor;
 
-  enable({ maxResourceBufferSize, maxTotalBufferSize }: EnableArgs) {
+  enable({maxResourceBufferSize, maxTotalBufferSize}: EnableArgs) {
     this._interceptor = new Interceptor(this);
     XMLHttpRequest.setInterceptor(this._interceptor);
   }
@@ -280,8 +267,11 @@ class NetworkAgent extends InspectorAgent {
     this._interceptor = null;
   }
 
-  getResponseBody({requestId}: {requestId: RequestId})
-      : {body: ?string, base64Encoded: boolean} {
+  getResponseBody({
+    requestId,
+  }: {
+    requestId: RequestId,
+  }): {body: ?string, base64Encoded: boolean} {
     return {body: this.interceptor().getData(requestId), base64Encoded: false};
   }
 
@@ -291,7 +281,6 @@ class NetworkAgent extends InspectorAgent {
     } else {
       throw Error('_interceptor can not be null');
     }
-
   }
 }
 
diff --git a/Libraries/LayoutAnimation/LayoutAnimation.js b/Libraries/LayoutAnimation/LayoutAnimation.js
index fe4a2cc2b84328..e739ec8595158d 100644
--- a/Libraries/LayoutAnimation/LayoutAnimation.js
+++ b/Libraries/LayoutAnimation/LayoutAnimation.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule LayoutAnimation
  * @flow
  * @format
  */
@@ -32,6 +31,8 @@ const Types = keyMirror(TypesEnum);
 
 const PropertiesEnum = {
   opacity: true,
+  scaleX: true,
+  scaleY: true,
   scaleXY: true,
 };
 const Properties = keyMirror(PropertiesEnum);
diff --git a/Libraries/Linking/Linking.js b/Libraries/Linking/Linking.js
index a621e647adccf8..fec44f634fab8c 100644
--- a/Libraries/Linking/Linking.js
+++ b/Libraries/Linking/Linking.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Linking
+ * @format
  * @flow
  */
+
 'use strict';
 
 const NativeEventEmitter = require('NativeEventEmitter');
@@ -15,8 +16,10 @@ const Platform = require('Platform');
 
 const invariant = require('fbjs/lib/invariant');
 
-const LinkingManager = Platform.OS === 'android' ?
-  NativeModules.IntentAndroid : NativeModules.LinkingManager;
+const LinkingManager =
+  Platform.OS === 'android'
+    ? NativeModules.IntentAndroid
+    : NativeModules.LinkingManager;
 
 /**
  * `Linking` gives you a general interface to interact with both incoming
@@ -25,7 +28,6 @@ const LinkingManager = Platform.OS === 'android' ?
  * See https://facebook.github.io/react-native/docs/linking.html
  */
 class Linking extends NativeEventEmitter {
-
   constructor() {
     super(LinkingManager);
   }
@@ -45,7 +47,7 @@ class Linking extends NativeEventEmitter {
    *
    * See https://facebook.github.io/react-native/docs/linking.html#removeeventlistener
    */
-  removeEventListener(type: string, handler: Function ) {
+  removeEventListener(type: string, handler: Function) {
     this.removeListener(type, handler);
   }
 
@@ -82,12 +84,9 @@ class Linking extends NativeEventEmitter {
   _validateURL(url: string) {
     invariant(
       typeof url === 'string',
-      'Invalid URL: should be a string. Was: ' + url
-    );
-    invariant(
-      url,
-      'Invalid URL: cannot be empty'
+      'Invalid URL: should be a string. Was: ' + url,
     );
+    invariant(url, 'Invalid URL: cannot be empty');
   }
 }
 
diff --git a/Libraries/LinkingIOS/RCTLinking.xcodeproj/project.pbxproj b/Libraries/LinkingIOS/RCTLinking.xcodeproj/project.pbxproj
index b7ab8f88d800ee..34003d2a601639 100644
--- a/Libraries/LinkingIOS/RCTLinking.xcodeproj/project.pbxproj
+++ b/Libraries/LinkingIOS/RCTLinking.xcodeproj/project.pbxproj
@@ -79,7 +79,7 @@
 		58B511D31A9E6C8500147676 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0610;
+				LastUpgradeCheck = 0940;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					2D2A28461D9B043800D4039D = {
@@ -171,20 +171,31 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
 				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_OPTIMIZATION_LEVEL = 0;
 				GCC_PREPROCESSOR_DEFINITIONS = (
 					"DEBUG=1",
@@ -198,7 +209,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -218,20 +229,30 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = YES;
 				ENABLE_NS_ASSERTIONS = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
 				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
 				GCC_WARN_SHADOW = YES;
@@ -239,7 +260,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SKIP_INSTALL = YES;
diff --git a/Libraries/LinkingIOS/RCTLinkingManager.h b/Libraries/LinkingIOS/RCTLinkingManager.h
index 55187727ac95d2..16d7e8f5986a36 100644
--- a/Libraries/LinkingIOS/RCTLinkingManager.h
+++ b/Libraries/LinkingIOS/RCTLinkingManager.h
@@ -22,6 +22,6 @@
 
 + (BOOL)application:(UIApplication *)application
 continueUserActivity:(NSUserActivity *)userActivity
-  restorationHandler:(void (^)(NSArray *))restorationHandler;
+  restorationHandler:(void (^)(NSArray * __nullable))restorationHandler;
 
 @end
diff --git a/Libraries/LinkingIOS/RCTLinkingManager.m b/Libraries/LinkingIOS/RCTLinkingManager.m
index 50982fa976d669..4aa6df0882e3d8 100644
--- a/Libraries/LinkingIOS/RCTLinkingManager.m
+++ b/Libraries/LinkingIOS/RCTLinkingManager.m
@@ -67,7 +67,7 @@ + (BOOL)application:(UIApplication *)application
 
 + (BOOL)application:(UIApplication *)application
 continueUserActivity:(NSUserActivity *)userActivity
-  restorationHandler:(void (^)(NSArray *))restorationHandler
+  restorationHandler:(void (^)(NSArray * __nullable))restorationHandler
 {
   if ([userActivity.activityType isEqualToString:NSUserActivityTypeBrowsingWeb]) {
     NSDictionary *payload = @{@"url": userActivity.webpageURL.absoluteString};
diff --git a/Libraries/Lists/FillRateHelper.js b/Libraries/Lists/FillRateHelper.js
index f060897356b73a..82b0612cdcf8b6 100644
--- a/Libraries/Lists/FillRateHelper.js
+++ b/Libraries/Lists/FillRateHelper.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule FillRateHelper
  * @flow
  * @format
  */
diff --git a/Libraries/Lists/FlatList.js b/Libraries/Lists/FlatList.js
index 13b87ed995b756..adebd267f7f64d 100644
--- a/Libraries/Lists/FlatList.js
+++ b/Libraries/Lists/FlatList.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule FlatList
  * @flow
  * @format
  */
@@ -15,10 +14,11 @@ const React = require('React');
 const View = require('View');
 const VirtualizedList = require('VirtualizedList');
 const ListView = require('ListView');
+const StyleSheet = require('StyleSheet');
 
 const invariant = require('fbjs/lib/invariant');
 
-import type {DangerouslyImpreciseStyleProp} from 'StyleSheet';
+import type {DangerouslyImpreciseStyleProp, ViewStyleProp} from 'StyleSheet';
 import type {
   ViewabilityConfig,
   ViewToken,
@@ -88,11 +88,19 @@ type OptionalProps<ItemT> = {
    * a rendered element.
    */
   ListFooterComponent?: ?(React.ComponentType<any> | React.Element<any>),
+  /**
+   * Styling for internal View for ListFooterComponent
+   */
+  ListFooterComponentStyle?: ViewStyleProp,
   /**
    * Rendered at the top of all the items. Can be a React Component Class, a render function, or
    * a rendered element.
    */
   ListHeaderComponent?: ?(React.ComponentType<any> | React.Element<any>),
+  /**
+   * Styling for internal View for ListHeaderComponent
+   */
+  ListHeaderComponentStyle?: ViewStyleProp,
   /**
    * Optional custom style for multi-item rows generated when numColumns > 1.
    */
@@ -347,6 +355,7 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
     viewPosition?: number,
   }) {
     if (this._listRef) {
+      // $FlowFixMe Found when typing ListView
       this._listRef.scrollToIndex(params);
     }
   }
@@ -363,6 +372,7 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
     viewPosition?: number,
   }) {
     if (this._listRef) {
+      // $FlowFixMe Found when typing ListView
       this._listRef.scrollToItem(params);
     }
   }
@@ -374,6 +384,7 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
    */
   scrollToOffset(params: {animated?: ?boolean, offset: number}) {
     if (this._listRef) {
+      // $FlowFixMe Found when typing ListView
       this._listRef.scrollToOffset(params);
     }
   }
@@ -385,6 +396,7 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
    */
   recordInteraction() {
     if (this._listRef) {
+      // $FlowFixMe Found when typing ListView
       this._listRef.recordInteraction();
     }
   }
@@ -396,6 +408,7 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
    */
   flashScrollIndicators() {
     if (this._listRef) {
+      // $FlowFixMe Found when typing ListView
       this._listRef.flashScrollIndicators();
     }
   }
@@ -405,51 +418,27 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
    */
   getScrollResponder() {
     if (this._listRef) {
+      // $FlowFixMe Found when typing ListView
       return this._listRef.getScrollResponder();
     }
   }
 
   getScrollableNode() {
     if (this._listRef) {
+      // $FlowFixMe Found when typing ListView
       return this._listRef.getScrollableNode();
     }
   }
 
-  setNativeProps(props: Object) {
+  setNativeProps(props: {[string]: mixed}) {
     if (this._listRef) {
       this._listRef.setNativeProps(props);
     }
   }
 
-  UNSAFE_componentWillMount() {
-    this._checkProps(this.props);
-  }
-
-  UNSAFE_componentWillReceiveProps(nextProps: Props<ItemT>) {
-    invariant(
-      nextProps.numColumns === this.props.numColumns,
-      'Changing numColumns on the fly is not supported. Change the key prop on FlatList when ' +
-        'changing the number of columns to force a fresh render of the component.',
-    );
-    invariant(
-      nextProps.onViewableItemsChanged === this.props.onViewableItemsChanged,
-      'Changing onViewableItemsChanged on the fly is not supported',
-    );
-    invariant(
-      nextProps.viewabilityConfig === this.props.viewabilityConfig,
-      'Changing viewabilityConfig on the fly is not supported',
-    );
-    invariant(
-      nextProps.viewabilityConfigCallbackPairs ===
-        this.props.viewabilityConfigCallbackPairs,
-      'Changing viewabilityConfigCallbackPairs on the fly is not supported',
-    );
-
-    this._checkProps(nextProps);
-  }
-
-  constructor(props: Props<*>) {
+  constructor(props: Props<ItemT>) {
     super(props);
+    this._checkProps(this.props);
     if (this.props.viewabilityConfigCallbackPairs) {
       this._virtualizedListPairs = this.props.viewabilityConfigCallbackPairs.map(
         pair => ({
@@ -472,8 +461,31 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
     }
   }
 
+  componentDidUpdate(prevProps: Props<ItemT>) {
+    invariant(
+      prevProps.numColumns === this.props.numColumns,
+      'Changing numColumns on the fly is not supported. Change the key prop on FlatList when ' +
+        'changing the number of columns to force a fresh render of the component.',
+    );
+    invariant(
+      prevProps.onViewableItemsChanged === this.props.onViewableItemsChanged,
+      'Changing onViewableItemsChanged on the fly is not supported',
+    );
+    invariant(
+      prevProps.viewabilityConfig === this.props.viewabilityConfig,
+      'Changing viewabilityConfig on the fly is not supported',
+    );
+    invariant(
+      prevProps.viewabilityConfigCallbackPairs ===
+        this.props.viewabilityConfigCallbackPairs,
+      'Changing viewabilityConfigCallbackPairs on the fly is not supported',
+    );
+
+    this._checkProps(this.props);
+  }
+
   _hasWarnedLegacy = false;
-  _listRef: null | VirtualizedList | ListView;
+  _listRef: null | VirtualizedList | ListView | MetroListView;
   _virtualizedListPairs: Array<ViewabilityConfigCallbackPair> = [];
 
   _captureRef = ref => {
@@ -531,7 +543,9 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
       const ret = [];
       for (let kk = 0; kk < numColumns; kk++) {
         const item = data[index * numColumns + kk];
-        item && ret.push(item);
+        if (item != null) {
+          ret.push(item);
+        }
       }
       return ret;
     } else {
@@ -608,7 +622,11 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
         'Expected array of items with numColumns > 1',
       );
       return (
-        <View style={[{flexDirection: 'row'}, columnWrapperStyle]}>
+        <View
+          style={StyleSheet.compose(
+            styles.row,
+            columnWrapperStyle,
+          )}>
           {item.map((it, kk) => {
             const element = renderItem({
               item: it,
@@ -655,4 +673,8 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
   }
 }
 
+const styles = StyleSheet.create({
+  row: {flexDirection: 'row'},
+});
+
 module.exports = FlatList;
diff --git a/Libraries/Lists/ListView/InternalListViewType.js b/Libraries/Lists/ListView/InternalListViewType.js
new file mode 100644
index 00000000000000..1df93fd565d997
--- /dev/null
+++ b/Libraries/Lists/ListView/InternalListViewType.js
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow
+ */
+
+const React = require('React');
+const ListViewDataSource = require('ListViewDataSource');
+
+// This class is purely a facsimile of ListView so that we can
+// properly type it with Flow before migrating ListView off of
+// createReactClass. If there are things missing here that are in
+// ListView, that is unintentional.
+class InternalListViewType<Props> extends React.Component<Props> {
+  static DataSource = ListViewDataSource;
+  setNativeProps(props: Object) {}
+  flashScrollIndicators() {}
+  getScrollResponder(): any {}
+  getScrollableNode(): any {}
+  // $FlowFixMe
+  getMetrics(): Object {}
+  scrollTo(...args: Array<mixed>) {}
+  scrollToEnd(options?: ?{animated?: ?boolean}) {}
+}
+
+module.exports = InternalListViewType;
diff --git a/Libraries/Lists/ListView/ListView.js b/Libraries/Lists/ListView/ListView.js
index 9aefd2ea9222b3..bed5dbda2e2f93 100644
--- a/Libraries/Lists/ListView/ListView.js
+++ b/Libraries/Lists/ListView/ListView.js
@@ -4,40 +4,158 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ListView
  * @flow
  * @format
  */
 'use strict';
 
-var ListViewDataSource = require('ListViewDataSource');
-var Platform = require('Platform');
-var React = require('React');
-var PropTypes = require('prop-types');
-var ReactNative = require('ReactNative');
-var RCTScrollViewManager = require('NativeModules').ScrollViewManager;
-var ScrollView = require('ScrollView');
-var ScrollResponder = require('ScrollResponder');
-var StaticRenderer = require('StaticRenderer');
-/* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
- * found when Flow v0.54 was deployed. To see the error delete this comment and
- * run Flow. */
-var TimerMixin = require('react-timer-mixin');
-var View = require('View');
-
-/* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
- * found when Flow v0.54 was deployed. To see the error delete this comment and
- * run Flow. */
-var cloneReferencedElement = require('react-clone-referenced-element');
-var createReactClass = require('create-react-class');
-var isEmpty = require('isEmpty');
-var merge = require('merge');
-
-var DEFAULT_PAGE_SIZE = 1;
-var DEFAULT_INITIAL_ROWS = 10;
-var DEFAULT_SCROLL_RENDER_AHEAD = 1000;
-var DEFAULT_END_REACHED_THRESHOLD = 1000;
-var DEFAULT_SCROLL_CALLBACK_THROTTLE = 50;
+const InternalListViewType = require('InternalListViewType');
+const ListViewDataSource = require('ListViewDataSource');
+const Platform = require('Platform');
+const React = require('React');
+const ReactNative = require('ReactNative');
+const RCTScrollViewManager = require('NativeModules').ScrollViewManager;
+const ScrollView = require('ScrollView');
+const ScrollResponder = require('ScrollResponder');
+const StaticRenderer = require('StaticRenderer');
+const TimerMixin = require('react-timer-mixin');
+const View = require('View');
+const cloneReferencedElement = require('react-clone-referenced-element');
+const createReactClass = require('create-react-class');
+const isEmpty = require('isEmpty');
+const merge = require('merge');
+
+import type {Props as ScrollViewProps} from 'ScrollView';
+
+const DEFAULT_PAGE_SIZE = 1;
+const DEFAULT_INITIAL_ROWS = 10;
+const DEFAULT_SCROLL_RENDER_AHEAD = 1000;
+const DEFAULT_END_REACHED_THRESHOLD = 1000;
+const DEFAULT_SCROLL_CALLBACK_THROTTLE = 50;
+
+type Props = $ReadOnly<{|
+  ...ScrollViewProps,
+
+  /**
+   * An instance of [ListView.DataSource](docs/listviewdatasource.html) to use
+   */
+  dataSource: ListViewDataSource,
+  /**
+   * (sectionID, rowID, adjacentRowHighlighted) => renderable
+   *
+   * If provided, a renderable component to be rendered as the separator
+   * below each row but not the last row if there is a section header below.
+   * Take a sectionID and rowID of the row above and whether its adjacent row
+   * is highlighted.
+   */
+  renderSeparator?: ?Function,
+  /**
+   * (rowData, sectionID, rowID, highlightRow) => renderable
+   *
+   * Takes a data entry from the data source and its ids and should return
+   * a renderable component to be rendered as the row. By default the data
+   * is exactly what was put into the data source, but it's also possible to
+   * provide custom extractors. ListView can be notified when a row is
+   * being highlighted by calling `highlightRow(sectionID, rowID)`. This
+   * sets a boolean value of adjacentRowHighlighted in renderSeparator, allowing you
+   * to control the separators above and below the highlighted row. The highlighted
+   * state of a row can be reset by calling highlightRow(null).
+   */
+  renderRow: Function,
+  /**
+   * How many rows to render on initial component mount. Use this to make
+   * it so that the first screen worth of data appears at one time instead of
+   * over the course of multiple frames.
+   */
+  initialListSize?: ?number,
+  /**
+   * Called when all rows have been rendered and the list has been scrolled
+   * to within onEndReachedThreshold of the bottom. The native scroll
+   * event is provided.
+   */
+  onEndReached?: ?Function,
+  /**
+   * Threshold in pixels (virtual, not physical) for calling onEndReached.
+   */
+  onEndReachedThreshold?: ?number,
+  /**
+   * Number of rows to render per event loop. Note: if your 'rows' are actually
+   * cells, i.e. they don't span the full width of your view (as in the
+   * ListViewGridLayoutExample), you should set the pageSize to be a multiple
+   * of the number of cells per row, otherwise you're likely to see gaps at
+   * the edge of the ListView as new pages are loaded.
+   */
+  pageSize?: ?number,
+  /**
+   * () => renderable
+   *
+   * The header and footer are always rendered (if these props are provided)
+   * on every render pass. If they are expensive to re-render, wrap them
+   * in StaticContainer or other mechanism as appropriate. Footer is always
+   * at the bottom of the list, and header at the top, on every render pass.
+   * In a horizontal ListView, the header is rendered on the left and the
+   * footer on the right.
+   */
+  renderFooter?: ?Function,
+  renderHeader?: ?Function,
+  /**
+   * (sectionData, sectionID) => renderable
+   *
+   * If provided, a header is rendered for this section.
+   */
+  renderSectionHeader?: ?Function,
+  /**
+   * (props) => renderable
+   *
+   * A function that returns the scrollable component in which the list rows
+   * are rendered. Defaults to returning a ScrollView with the given props.
+   */
+  renderScrollComponent?: ?Function,
+  /**
+   * How early to start rendering rows before they come on screen, in
+   * pixels.
+   */
+  scrollRenderAheadDistance?: ?number,
+  /**
+   * (visibleRows, changedRows) => void
+   *
+   * Called when the set of visible rows changes. `visibleRows` maps
+   * { sectionID: { rowID: true }} for all the visible rows, and
+   * `changedRows` maps { sectionID: { rowID: true | false }} for the rows
+   * that have changed their visibility, with true indicating visible, and
+   * false indicating the view has moved out of view.
+   */
+  onChangeVisibleRows?: ?Function,
+  /**
+   * A performance optimization for improving scroll perf of
+   * large lists, used in conjunction with overflow: 'hidden' on the row
+   * containers. This is enabled by default.
+   */
+  removeClippedSubviews?: ?boolean,
+  /**
+   * Makes the sections headers sticky. The sticky behavior means that it
+   * will scroll with the content at the top of the section until it reaches
+   * the top of the screen, at which point it will stick to the top until it
+   * is pushed off the screen by the next section header. This property is
+   * not supported in conjunction with `horizontal={true}`. Only enabled by
+   * default on iOS because of typical platform standards.
+   */
+  stickySectionHeadersEnabled?: ?boolean,
+  /**
+   * An array of child indices determining which children get docked to the
+   * top of the screen when scrolling. For example, passing
+   * `stickyHeaderIndices={[0]}` will cause the first child to be fixed to the
+   * top of the scroll view. This property is not supported in conjunction
+   * with `horizontal={true}`.
+   */
+  stickyHeaderIndices?: ?$ReadOnlyArray<number>,
+  /**
+   * Flag indicating whether empty section headers should be rendered. In the future release
+   * empty section headers will be rendered by default, and the flag will be deprecated.
+   * If empty sections are not desired to be rendered their indices should be excluded from sectionID object.
+   */
+  enableEmptySections?: ?boolean,
+|}>;
 
 /**
  * DEPRECATED - use one of the new list components, such as [`FlatList`](docs/flatlist.html)
@@ -96,11 +214,11 @@ var DEFAULT_SCROLL_CALLBACK_THROTTLE = 50;
  *    rendering rows.
  */
 
-var ListView = createReactClass({
+const ListView = createReactClass({
   displayName: 'ListView',
   _childFrames: ([]: Array<Object>),
   _sentEndForContentLength: (null: ?number),
-  _scrollComponent: (null: any),
+  _scrollComponent: (null: ?React.ElementRef<typeof ScrollView>),
   _prevRenderedRowsCount: 0,
   _visibleRows: ({}: Object),
   scrollProperties: ({}: Object),
@@ -111,136 +229,6 @@ var ListView = createReactClass({
     DataSource: ListViewDataSource,
   },
 
-  /**
-   * You must provide a renderRow function. If you omit any of the other render
-   * functions, ListView will simply skip rendering them.
-   *
-   * - renderRow(rowData, sectionID, rowID, highlightRow);
-   * - renderSectionHeader(sectionData, sectionID);
-   */
-  propTypes: {
-    ...ScrollView.propTypes,
-    /**
-     * An instance of [ListView.DataSource](docs/listviewdatasource.html) to use
-     */
-    dataSource: PropTypes.instanceOf(ListViewDataSource).isRequired,
-    /**
-     * (sectionID, rowID, adjacentRowHighlighted) => renderable
-     *
-     * If provided, a renderable component to be rendered as the separator
-     * below each row but not the last row if there is a section header below.
-     * Take a sectionID and rowID of the row above and whether its adjacent row
-     * is highlighted.
-     */
-    renderSeparator: PropTypes.func,
-    /**
-     * (rowData, sectionID, rowID, highlightRow) => renderable
-     *
-     * Takes a data entry from the data source and its ids and should return
-     * a renderable component to be rendered as the row. By default the data
-     * is exactly what was put into the data source, but it's also possible to
-     * provide custom extractors. ListView can be notified when a row is
-     * being highlighted by calling `highlightRow(sectionID, rowID)`. This
-     * sets a boolean value of adjacentRowHighlighted in renderSeparator, allowing you
-     * to control the separators above and below the highlighted row. The highlighted
-     * state of a row can be reset by calling highlightRow(null).
-     */
-    renderRow: PropTypes.func.isRequired,
-    /**
-     * How many rows to render on initial component mount. Use this to make
-     * it so that the first screen worth of data appears at one time instead of
-     * over the course of multiple frames.
-     */
-    initialListSize: PropTypes.number.isRequired,
-    /**
-     * Called when all rows have been rendered and the list has been scrolled
-     * to within onEndReachedThreshold of the bottom. The native scroll
-     * event is provided.
-     */
-    onEndReached: PropTypes.func,
-    /**
-     * Threshold in pixels (virtual, not physical) for calling onEndReached.
-     */
-    onEndReachedThreshold: PropTypes.number.isRequired,
-    /**
-     * Number of rows to render per event loop. Note: if your 'rows' are actually
-     * cells, i.e. they don't span the full width of your view (as in the
-     * ListViewGridLayoutExample), you should set the pageSize to be a multiple
-     * of the number of cells per row, otherwise you're likely to see gaps at
-     * the edge of the ListView as new pages are loaded.
-     */
-    pageSize: PropTypes.number.isRequired,
-    /**
-     * () => renderable
-     *
-     * The header and footer are always rendered (if these props are provided)
-     * on every render pass. If they are expensive to re-render, wrap them
-     * in StaticContainer or other mechanism as appropriate. Footer is always
-     * at the bottom of the list, and header at the top, on every render pass.
-     * In a horizontal ListView, the header is rendered on the left and the
-     * footer on the right.
-     */
-    renderFooter: PropTypes.func,
-    renderHeader: PropTypes.func,
-    /**
-     * (sectionData, sectionID) => renderable
-     *
-     * If provided, a header is rendered for this section.
-     */
-    renderSectionHeader: PropTypes.func,
-    /**
-     * (props) => renderable
-     *
-     * A function that returns the scrollable component in which the list rows
-     * are rendered. Defaults to returning a ScrollView with the given props.
-     */
-    renderScrollComponent: PropTypes.func.isRequired,
-    /**
-     * How early to start rendering rows before they come on screen, in
-     * pixels.
-     */
-    scrollRenderAheadDistance: PropTypes.number.isRequired,
-    /**
-     * (visibleRows, changedRows) => void
-     *
-     * Called when the set of visible rows changes. `visibleRows` maps
-     * { sectionID: { rowID: true }} for all the visible rows, and
-     * `changedRows` maps { sectionID: { rowID: true | false }} for the rows
-     * that have changed their visibility, with true indicating visible, and
-     * false indicating the view has moved out of view.
-     */
-    onChangeVisibleRows: PropTypes.func,
-    /**
-     * A performance optimization for improving scroll perf of
-     * large lists, used in conjunction with overflow: 'hidden' on the row
-     * containers. This is enabled by default.
-     */
-    removeClippedSubviews: PropTypes.bool,
-    /**
-     * Makes the sections headers sticky. The sticky behavior means that it
-     * will scroll with the content at the top of the section until it reaches
-     * the top of the screen, at which point it will stick to the top until it
-     * is pushed off the screen by the next section header. This property is
-     * not supported in conjunction with `horizontal={true}`. Only enabled by
-     * default on iOS because of typical platform standards.
-     */
-    stickySectionHeadersEnabled: PropTypes.bool,
-    /**
-     * An array of child indices determining which children get docked to the
-     * top of the screen when scrolling. For example, passing
-     * `stickyHeaderIndices={[0]}` will cause the first child to be fixed to the
-     * top of the scroll view. This property is not supported in conjunction
-     * with `horizontal={true}`.
-     */
-    stickyHeaderIndices: PropTypes.arrayOf(PropTypes.number).isRequired,
-    /**
-     * Flag indicating whether empty section headers should be rendered. In the future release
-     * empty section headers will be rendered by default, and the flag will be deprecated.
-     * If empty sections are not desired to be rendered their indices should be excluded from sectionID object.
-     */
-    enableEmptySections: PropTypes.bool,
-  },
-
   /**
    * Exports some data, e.g. for perf investigations or analytics.
    */
@@ -279,7 +267,7 @@ var ListView = createReactClass({
    *
    * See `ScrollView#scrollTo`.
    */
-  scrollTo: function(...args: Array<mixed>) {
+  scrollTo: function(...args: any) {
     if (this._scrollComponent && this._scrollComponent.scrollTo) {
       this._scrollComponent.scrollTo(...args);
     }
@@ -295,7 +283,7 @@ var ListView = createReactClass({
    *
    * See `ScrollView#scrollToEnd`.
    */
-  scrollToEnd: function(options?: ?{animated?: ?boolean}) {
+  scrollToEnd: function(options?: ?{animated?: boolean}) {
     if (this._scrollComponent) {
       if (this._scrollComponent.scrollToEnd) {
         this._scrollComponent.scrollToEnd(options);
@@ -349,7 +337,7 @@ var ListView = createReactClass({
   },
 
   getInnerViewNode: function() {
-    return this._scrollComponent.getInnerViewNode();
+    return this._scrollComponent && this._scrollComponent.getInnerViewNode();
   },
 
   UNSAFE_componentWillMount: function() {
@@ -406,28 +394,25 @@ var ListView = createReactClass({
   },
 
   render: function() {
-    var bodyComponents = [];
+    const bodyComponents = [];
 
-    var dataSource = this.props.dataSource;
-    var allRowIDs = dataSource.rowIdentities;
-    var rowCount = 0;
-    var stickySectionHeaderIndices = [];
+    const dataSource = this.props.dataSource;
+    const allRowIDs = dataSource.rowIdentities;
+    let rowCount = 0;
+    const stickySectionHeaderIndices = [];
 
     const {renderSectionHeader} = this.props;
 
-    var header = this.props.renderHeader && this.props.renderHeader();
-    var footer = this.props.renderFooter && this.props.renderFooter();
-    var totalIndex = header ? 1 : 0;
+    const header = this.props.renderHeader && this.props.renderHeader();
+    const footer = this.props.renderFooter && this.props.renderFooter();
+    let totalIndex = header ? 1 : 0;
 
-    for (var sectionIdx = 0; sectionIdx < allRowIDs.length; sectionIdx++) {
-      var sectionID = dataSource.sectionIdentities[sectionIdx];
-      var rowIDs = allRowIDs[sectionIdx];
+    for (let sectionIdx = 0; sectionIdx < allRowIDs.length; sectionIdx++) {
+      const sectionID = dataSource.sectionIdentities[sectionIdx];
+      const rowIDs = allRowIDs[sectionIdx];
       if (rowIDs.length === 0) {
         if (this.props.enableEmptySections === undefined) {
-          /* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses
-           * an error found when Flow v0.54 was deployed. To see the error
-           * delete this comment and run Flow. */
-          var warning = require('fbjs/lib/warning');
+          const warning = require('fbjs/lib/warning');
           warning(
             false,
             'In next release empty section headers will be rendered.' +
@@ -435,7 +420,7 @@ var ListView = createReactClass({
           );
           continue;
         } else {
-          var invariant = require('fbjs/lib/invariant');
+          const invariant = require('fbjs/lib/invariant');
           invariant(
             this.props.enableEmptySections,
             "In next release 'enableEmptySections' flag will be deprecated, empty section headers will always be rendered." +
@@ -461,13 +446,13 @@ var ListView = createReactClass({
         }
       }
 
-      for (var rowIdx = 0; rowIdx < rowIDs.length; rowIdx++) {
-        var rowID = rowIDs[rowIdx];
-        var comboID = sectionID + '_' + rowID;
-        var shouldUpdateRow =
+      for (let rowIdx = 0; rowIdx < rowIDs.length; rowIdx++) {
+        const rowID = rowIDs[rowIdx];
+        const comboID = sectionID + '_' + rowID;
+        const shouldUpdateRow =
           rowCount >= this._prevRenderedRowsCount &&
           dataSource.rowShouldUpdate(sectionIdx, rowIdx);
-        var row = (
+        const row = (
           <StaticRenderer
             key={'r_' + comboID}
             shouldUpdate={!!shouldUpdateRow}
@@ -487,11 +472,11 @@ var ListView = createReactClass({
           this.props.renderSeparator &&
           (rowIdx !== rowIDs.length - 1 || sectionIdx === allRowIDs.length - 1)
         ) {
-          var adjacentRowHighlighted =
+          const adjacentRowHighlighted =
             this.state.highlightedRow.sectionID === sectionID &&
             (this.state.highlightedRow.rowID === rowID ||
               this.state.highlightedRow.rowID === rowIDs[rowIdx + 1]);
-          var separator = this.props.renderSeparator(
+          const separator = this.props.renderSeparator(
             sectionID,
             rowID,
             adjacentRowHighlighted,
@@ -510,7 +495,7 @@ var ListView = createReactClass({
       }
     }
 
-    var {renderScrollComponent, ...props} = this.props;
+    const {renderScrollComponent, ...props} = this.props;
     if (!props.scrollEventThrottle) {
       props.scrollEventThrottle = DEFAULT_SCROLL_CALLBACK_THROTTLE;
     }
@@ -551,7 +536,7 @@ var ListView = createReactClass({
    */
 
   _measureAndUpdateScrollProps: function() {
-    var scrollComponent = this.getScrollResponder();
+    const scrollComponent = this.getScrollResponder();
     if (!scrollComponent || !scrollComponent.getInnerViewNode) {
       return;
     }
@@ -566,12 +551,12 @@ var ListView = createReactClass({
       );
   },
 
-  _setScrollComponentRef: function(scrollComponent: Object) {
+  _setScrollComponentRef: function(scrollComponent) {
     this._scrollComponent = scrollComponent;
   },
 
   _onContentSizeChange: function(width: number, height: number) {
-    var contentLength = !this.props.horizontal ? height : width;
+    const contentLength = !this.props.horizontal ? height : width;
     if (contentLength !== this.scrollProperties.contentLength) {
       this.scrollProperties.contentLength = contentLength;
       this._updateVisibleRows();
@@ -582,8 +567,8 @@ var ListView = createReactClass({
   },
 
   _onLayout: function(event: Object) {
-    var {width, height} = event.nativeEvent.layout;
-    var visibleLength = !this.props.horizontal ? height : width;
+    const {width, height} = event.nativeEvent.layout;
+    const visibleLength = !this.props.horizontal ? height : width;
     if (visibleLength !== this.scrollProperties.visibleLength) {
       this.scrollProperties.visibleLength = visibleLength;
       this._updateVisibleRows();
@@ -623,7 +608,7 @@ var ListView = createReactClass({
       return;
     }
 
-    var distanceFromEnd = this._getDistanceFromEnd(this.scrollProperties);
+    const distanceFromEnd = this._getDistanceFromEnd(this.scrollProperties);
     if (distanceFromEnd < this.props.scrollRenderAheadDistance) {
       this._pageInNewRows();
     }
@@ -632,7 +617,7 @@ var ListView = createReactClass({
   _pageInNewRows: function() {
     this.setState(
       (state, props) => {
-        var rowsToRender = Math.min(
+        const rowsToRender = Math.min(
           state.curRenderedRowsCount + props.pageSize,
           props.enableEmptySections
             ? props.dataSource.getRowAndSectionCount()
@@ -667,32 +652,32 @@ var ListView = createReactClass({
         this._childFrames[newFrame.index] = merge(newFrame);
       });
     }
-    var isVertical = !this.props.horizontal;
-    var dataSource = this.props.dataSource;
-    var visibleMin = this.scrollProperties.offset;
-    var visibleMax = visibleMin + this.scrollProperties.visibleLength;
-    var allRowIDs = dataSource.rowIdentities;
-
-    var header = this.props.renderHeader && this.props.renderHeader();
-    var totalIndex = header ? 1 : 0;
-    var visibilityChanged = false;
-    var changedRows = {};
-    for (var sectionIdx = 0; sectionIdx < allRowIDs.length; sectionIdx++) {
-      var rowIDs = allRowIDs[sectionIdx];
+    const isVertical = !this.props.horizontal;
+    const dataSource = this.props.dataSource;
+    const visibleMin = this.scrollProperties.offset;
+    const visibleMax = visibleMin + this.scrollProperties.visibleLength;
+    const allRowIDs = dataSource.rowIdentities;
+
+    const header = this.props.renderHeader && this.props.renderHeader();
+    let totalIndex = header ? 1 : 0;
+    let visibilityChanged = false;
+    const changedRows = {};
+    for (let sectionIdx = 0; sectionIdx < allRowIDs.length; sectionIdx++) {
+      const rowIDs = allRowIDs[sectionIdx];
       if (rowIDs.length === 0) {
         continue;
       }
-      var sectionID = dataSource.sectionIdentities[sectionIdx];
+      const sectionID = dataSource.sectionIdentities[sectionIdx];
       if (this.props.renderSectionHeader) {
         totalIndex++;
       }
-      var visibleSection = this._visibleRows[sectionID];
+      let visibleSection = this._visibleRows[sectionID];
       if (!visibleSection) {
         visibleSection = {};
       }
-      for (var rowIdx = 0; rowIdx < rowIDs.length; rowIdx++) {
-        var rowID = rowIDs[rowIdx];
-        var frame = this._childFrames[totalIndex];
+      for (let rowIdx = 0; rowIdx < rowIDs.length; rowIdx++) {
+        const rowID = rowIDs[rowIdx];
+        const frame = this._childFrames[totalIndex];
         totalIndex++;
         if (
           this.props.renderSeparator &&
@@ -703,9 +688,9 @@ var ListView = createReactClass({
         if (!frame) {
           break;
         }
-        var rowVisible = visibleSection[rowID];
-        var min = isVertical ? frame.y : frame.x;
-        var max = min + (isVertical ? frame.height : frame.width);
+        const rowVisible = visibleSection[rowID];
+        const min = isVertical ? frame.y : frame.x;
+        const max = min + (isVertical ? frame.height : frame.width);
         if ((!min && !max) || min === max) {
           break;
         }
@@ -738,7 +723,7 @@ var ListView = createReactClass({
   },
 
   _onScroll: function(e: Object) {
-    var isVertical = !this.props.horizontal;
+    const isVertical = !this.props.horizontal;
     this.scrollProperties.visibleLength =
       e.nativeEvent.layoutMeasurement[isVertical ? 'height' : 'width'];
     this.scrollProperties.contentLength =
@@ -763,4 +748,4 @@ var ListView = createReactClass({
   },
 });
 
-module.exports = ListView;
+module.exports = ((ListView: any): Class<InternalListViewType<Props>>);
diff --git a/Libraries/Lists/ListView/ListViewDataSource.js b/Libraries/Lists/ListView/ListViewDataSource.js
index ec63c94d0f46dd..b046a58bfd2af1 100644
--- a/Libraries/Lists/ListView/ListViewDataSource.js
+++ b/Libraries/Lists/ListView/ListViewDataSource.js
@@ -4,18 +4,17 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ListViewDataSource
  * @flow
  * @format
  */
 'use strict';
 
-var invariant = require('fbjs/lib/invariant');
-var isEmpty = require('isEmpty');
+const invariant = require('fbjs/lib/invariant');
+const isEmpty = require('isEmpty');
 /* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
  * found when Flow v0.54 was deployed. To see the error delete this comment and
  * run Flow. */
-var warning = require('fbjs/lib/warning');
+const warning = require('fbjs/lib/warning');
 
 function defaultGetRowData(
   dataBlob: any,
@@ -143,7 +142,7 @@ class ListViewDataSource {
     dataBlob: $ReadOnlyArray<any> | {+[key: string]: any},
     rowIdentities: ?$ReadOnlyArray<string>,
   ): ListViewDataSource {
-    var rowIds = rowIdentities ? [[...rowIdentities]] : null;
+    const rowIds = rowIdentities ? [[...rowIdentities]] : null;
     if (!this._sectionHeaderHasChanged) {
       this._sectionHeaderHasChanged = () => false;
     }
@@ -185,7 +184,7 @@ class ListViewDataSource {
       'row and section ids lengths must be the same',
     );
 
-    var newSource = new ListViewDataSource({
+    const newSource = new ListViewDataSource({
       getRowData: this._getRowData,
       getSectionHeaderData: this._getSectionHeaderData,
       rowHasChanged: this._rowHasChanged,
@@ -238,7 +237,7 @@ class ListViewDataSource {
    * Returns if the row is dirtied and needs to be rerendered
    */
   rowShouldUpdate(sectionIndex: number, rowIndex: number): boolean {
-    var needsUpdate = this._dirtyRows[sectionIndex][rowIndex];
+    const needsUpdate = this._dirtyRows[sectionIndex][rowIndex];
     warning(
       needsUpdate !== undefined,
       'missing dirtyBit for section, row: ' + sectionIndex + ', ' + rowIndex,
@@ -250,8 +249,8 @@ class ListViewDataSource {
    * Gets the data required to render the row.
    */
   getRowData(sectionIndex: number, rowIndex: number): any {
-    var sectionID = this.sectionIdentities[sectionIndex];
-    var rowID = this.rowIdentities[sectionIndex][rowIndex];
+    const sectionID = this.sectionIdentities[sectionIndex];
+    const rowID = this.rowIdentities[sectionIndex][rowIndex];
     warning(
       sectionID !== undefined && rowID !== undefined,
       'rendering invalid section, row: ' + sectionIndex + ', ' + rowIndex,
@@ -264,8 +263,8 @@ class ListViewDataSource {
    * or null of out of range indexes.
    */
   getRowIDForFlatIndex(index: number): ?string {
-    var accessIndex = index;
-    for (var ii = 0; ii < this.sectionIdentities.length; ii++) {
+    let accessIndex = index;
+    for (let ii = 0; ii < this.sectionIdentities.length; ii++) {
       if (accessIndex >= this.rowIdentities[ii].length) {
         accessIndex -= this.rowIdentities[ii].length;
       } else {
@@ -280,8 +279,8 @@ class ListViewDataSource {
    * or null for out of range indexes.
    */
   getSectionIDForFlatIndex(index: number): ?string {
-    var accessIndex = index;
-    for (var ii = 0; ii < this.sectionIdentities.length; ii++) {
+    let accessIndex = index;
+    for (let ii = 0; ii < this.sectionIdentities.length; ii++) {
       if (accessIndex >= this.rowIdentities[ii].length) {
         accessIndex -= this.rowIdentities[ii].length;
       } else {
@@ -295,8 +294,8 @@ class ListViewDataSource {
    * Returns an array containing the number of rows in each section
    */
   getSectionLengths(): Array<number> {
-    var results = [];
-    for (var ii = 0; ii < this.sectionIdentities.length; ii++) {
+    const results = [];
+    for (let ii = 0; ii < this.sectionIdentities.length; ii++) {
       results.push(this.rowIdentities[ii].length);
     }
     return results;
@@ -306,7 +305,7 @@ class ListViewDataSource {
    * Returns if the section header is dirtied and needs to be rerendered
    */
   sectionHeaderShouldUpdate(sectionIndex: number): boolean {
-    var needsUpdate = this._dirtySections[sectionIndex];
+    const needsUpdate = this._dirtySections[sectionIndex];
     warning(
       needsUpdate !== undefined,
       'missing dirtyBit for section: ' + sectionIndex,
@@ -321,7 +320,7 @@ class ListViewDataSource {
     if (!this._getSectionHeaderData) {
       return null;
     }
-    var sectionID = this.sectionIdentities[sectionIndex];
+    const sectionID = this.sectionIdentities[sectionIndex];
     warning(
       sectionID !== undefined,
       'renderSection called on invalid section: ' + sectionIndex,
@@ -354,9 +353,9 @@ class ListViewDataSource {
     prevRowIDs: Array<Array<string>>,
   ): void {
     // construct a hashmap of the existing (old) id arrays
-    var prevSectionsHash = keyedDictionaryFromArray(prevSectionIDs);
-    var prevRowsHash = {};
-    for (var ii = 0; ii < prevRowIDs.length; ii++) {
+    const prevSectionsHash = keyedDictionaryFromArray(prevSectionIDs);
+    const prevRowsHash = {};
+    for (let ii = 0; ii < prevRowIDs.length; ii++) {
       var sectionID = prevSectionIDs[ii];
       warning(
         !prevRowsHash[sectionID],
@@ -369,12 +368,12 @@ class ListViewDataSource {
     this._dirtySections = [];
     this._dirtyRows = [];
 
-    var dirty;
-    for (var sIndex = 0; sIndex < this.sectionIdentities.length; sIndex++) {
+    let dirty;
+    for (let sIndex = 0; sIndex < this.sectionIdentities.length; sIndex++) {
       var sectionID = this.sectionIdentities[sIndex];
       // dirty if the sectionHeader is new or _sectionHasChanged is true
       dirty = !prevSectionsHash[sectionID];
-      var sectionHeaderHasChanged = this._sectionHeaderHasChanged;
+      const sectionHeaderHasChanged = this._sectionHeaderHasChanged;
       if (!dirty && sectionHeaderHasChanged) {
         dirty = sectionHeaderHasChanged(
           this._getSectionHeaderData(prevDataBlob, sectionID),
@@ -385,11 +384,11 @@ class ListViewDataSource {
 
       this._dirtyRows[sIndex] = [];
       for (
-        var rIndex = 0;
+        let rIndex = 0;
         rIndex < this.rowIdentities[sIndex].length;
         rIndex++
       ) {
-        var rowID = this.rowIdentities[sIndex][rIndex];
+        const rowID = this.rowIdentities[sIndex][rIndex];
         // dirty if the section is new, row is new or _rowHasChanged is true
         dirty =
           !prevSectionsHash[sectionID] ||
@@ -405,9 +404,9 @@ class ListViewDataSource {
 }
 
 function countRows(allRowIDs) {
-  var totalRows = 0;
-  for (var sectionIdx = 0; sectionIdx < allRowIDs.length; sectionIdx++) {
-    var rowIDs = allRowIDs[sectionIdx];
+  let totalRows = 0;
+  for (let sectionIdx = 0; sectionIdx < allRowIDs.length; sectionIdx++) {
+    const rowIDs = allRowIDs[sectionIdx];
     totalRows += rowIDs.length;
   }
   return totalRows;
@@ -417,9 +416,9 @@ function keyedDictionaryFromArray(arr) {
   if (isEmpty(arr)) {
     return {};
   }
-  var result = {};
-  for (var ii = 0; ii < arr.length; ii++) {
-    var key = arr[ii];
+  const result = {};
+  for (let ii = 0; ii < arr.length; ii++) {
+    const key = arr[ii];
     warning(!result[key], 'Value appears more than once in array: ' + key);
     result[key] = true;
   }
diff --git a/Libraries/Lists/MetroListView.js b/Libraries/Lists/MetroListView.js
index 5f22eb264ee85b..1d59dba8d16582 100644
--- a/Libraries/Lists/MetroListView.js
+++ b/Libraries/Lists/MetroListView.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule MetroListView
  * @flow
  * @format
  */
@@ -86,6 +85,7 @@ class MetroListView extends React.Component<Props, $FlowFixMeState> {
   }
   scrollToOffset(params: {animated?: ?boolean, offset: number}) {
     const {animated, offset} = params;
+    // $FlowFixMe Invalid prop usage
     this._listRef.scrollTo(
       this.props.horizontal ? {x: offset, animated} : {y: offset, animated},
     );
@@ -103,6 +103,7 @@ class MetroListView extends React.Component<Props, $FlowFixMeState> {
     renderScrollComponent: (props: Props) => {
       if (props.onRefresh) {
         return (
+          // $FlowFixMe Invalid prop usage
           <ScrollView
             {...props}
             refreshControl={
@@ -118,6 +119,7 @@ class MetroListView extends React.Component<Props, $FlowFixMeState> {
           />
         );
       } else {
+        // $FlowFixMe Invalid prop usage
         return <ScrollView {...props} />;
       }
     },
@@ -136,6 +138,7 @@ class MetroListView extends React.Component<Props, $FlowFixMeState> {
   }
   render() {
     return (
+      // $FlowFixMe Found when typing ListView
       <ListView
         {...this.props}
         dataSource={this.state.ds}
@@ -147,7 +150,7 @@ class MetroListView extends React.Component<Props, $FlowFixMeState> {
       />
     );
   }
-  _listRef: ListView;
+  _listRef: ?ListView;
   _captureRef = ref => {
     this._listRef = ref;
   };
@@ -168,6 +171,7 @@ class MetroListView extends React.Component<Props, $FlowFixMeState> {
     } else {
       invariant(!props.sections, 'Cannot have both sections and items props.');
       return {
+        // $FlowFixMe Found when typing ListView
         ds: state.ds.cloneWithRows(props.items),
         sectionHeaderData,
       };
diff --git a/Libraries/Lists/SectionList.js b/Libraries/Lists/SectionList.js
index 2404d26f54c72a..9d7d2eb8195d54 100644
--- a/Libraries/Lists/SectionList.js
+++ b/Libraries/Lists/SectionList.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SectionList
  * @flow
  * @format
  */
@@ -285,6 +284,7 @@ class SectionList<SectionT: SectionBase<any>> extends React.PureComponent<
    */
   recordInteraction() {
     const listRef = this._wrapperListRef && this._wrapperListRef.getListRef();
+    // $FlowFixMe Found when typing ListView
     listRef && listRef.recordInteraction();
   }
 
diff --git a/Libraries/Lists/ViewabilityHelper.js b/Libraries/Lists/ViewabilityHelper.js
index 0c0a8356019075..415e77895360da 100644
--- a/Libraries/Lists/ViewabilityHelper.js
+++ b/Libraries/Lists/ViewabilityHelper.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ViewabilityHelper
  * @flow
  * @format
  */
diff --git a/Libraries/Lists/VirtualizeUtils.js b/Libraries/Lists/VirtualizeUtils.js
index 663b36b8cc6e76..b47ceda1fece63 100644
--- a/Libraries/Lists/VirtualizeUtils.js
+++ b/Libraries/Lists/VirtualizeUtils.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule VirtualizeUtils
  * @flow
  * @format
  */
diff --git a/Libraries/Lists/VirtualizedList.js b/Libraries/Lists/VirtualizedList.js
index 58fe055a373cde..2efbba657a850a 100644
--- a/Libraries/Lists/VirtualizedList.js
+++ b/Libraries/Lists/VirtualizedList.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule VirtualizedList
  * @flow
  * @format
  */
@@ -32,7 +31,7 @@ const warning = require('fbjs/lib/warning');
 
 const {computeWindowedRenderLimits} = require('VirtualizeUtils');
 
-import type {DangerouslyImpreciseStyleProp} from 'StyleSheet';
+import type {DangerouslyImpreciseStyleProp, ViewStyleProp} from 'StyleSheet';
 import type {
   ViewabilityConfig,
   ViewToken,
@@ -125,11 +124,19 @@ type OptionalProps = {
    * a rendered element.
    */
   ListFooterComponent?: ?(React.ComponentType<any> | React.Element<any>),
+  /**
+   * Styling for internal View for ListFooterComponent
+   */
+  ListFooterComponentStyle?: ViewStyleProp,
   /**
    * Rendered at the top of all the items. Can be a React Component Class, a render function, or
    * a rendered element.
    */
   ListHeaderComponent?: ?(React.ComponentType<any> | React.Element<any>),
+  /**
+   * Styling for internal View for ListHeaderComponent
+   */
+  ListHeaderComponentStyle?: ViewStyleProp,
   /**
    * A unique identifier for this list. If there are multiple VirtualizedLists at the same level of
    * nesting within another VirtualizedList, this key is necessary for virtualization to
@@ -173,6 +180,12 @@ type OptionalProps = {
    * @platform android
    */
   progressViewOffset?: number,
+  /**
+   * A custom refresh control element. When set, it overrides the default
+   * <RefreshControl> component built internally. The onRefresh and refreshing
+   * props are also ignored. Only works for vertical VirtualizedList.
+   */
+  refreshControl?: ?React.Element<any>,
   /**
    * Set this true while waiting for new data from a refresh.
    */
@@ -212,6 +225,7 @@ type OptionalProps = {
 export type Props = RequiredProps & OptionalProps;
 
 let _usedIndexForKey = false;
+let _keylessItemComponentName: string = '';
 
 type Frame = {
   offset: number,
@@ -425,6 +439,9 @@ class VirtualizedList extends React.PureComponent<Props, State> {
         return item.key;
       }
       _usedIndexForKey = true;
+      if (item.type && item.type.displayName) {
+        _keylessItemComponentName = item.type.displayName;
+      }
       return String(index);
     },
     maxToRenderPerBatch: 10,
@@ -747,12 +764,16 @@ class VirtualizedList extends React.PureComponent<Props, State> {
         <VirtualizedCellWrapper
           cellKey={this._getCellKey() + '-header'}
           key="$header">
-          <View onLayout={this._onLayoutHeader} style={inversionStyle}>
-            {/*
-              Flow doesn't know this is a React.Element and not a React.Component
-              $FlowFixMe https://fburl.com/b9xmtm09
-            */}
-            {element}
+          <View
+            onLayout={this._onLayoutHeader}
+            style={StyleSheet.compose(
+              inversionStyle,
+              this.props.ListHeaderComponentStyle,
+            )}>
+            {
+              // $FlowFixMe - Typing ReactNativeComponent revealed errors
+              element
+            }
           </View>
         </VirtualizedCellWrapper>,
       );
@@ -760,6 +781,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     const itemCount = this.props.getItemCount(data);
     if (itemCount > 0) {
       _usedIndexForKey = false;
+      _keylessItemComponentName = '';
       const spacerKey = !horizontal ? 'height' : 'width';
       const lastInitialIndex = this.props.initialScrollIndex
         ? -1
@@ -783,8 +805,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
             if (stickyIndicesFromProps.has(ii + stickyOffset)) {
               const initBlock = this._getFrameMetricsApprox(lastInitialIndex);
               const stickyBlock = this._getFrameMetricsApprox(ii);
-              const leadSpace =
-                stickyBlock.offset - (initBlock.offset + initBlock.length);
+              const leadSpace = stickyBlock.offset - initBlock.offset;
               cells.push(
                 <View key="$sticky_lead" style={{[spacerKey]: leadSpace}} />,
               );
@@ -829,6 +850,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
         console.warn(
           'VirtualizedList: missing keys for items, make sure to specify a key property on each ' +
             'item or provide a custom keyExtractor.',
+          _keylessItemComponentName,
         );
         this._hasWarned.keys = true;
       }
@@ -850,23 +872,25 @@ class VirtualizedList extends React.PureComponent<Props, State> {
         );
       }
     } else if (ListEmptyComponent) {
-      const element = React.isValidElement(ListEmptyComponent) ? (
+      const element: React.Element<any> = ((React.isValidElement(
+        ListEmptyComponent,
+      ) ? (
         ListEmptyComponent
       ) : (
         // $FlowFixMe
         <ListEmptyComponent />
-      );
+      )): any);
       cells.push(
-        <View
-          key="$empty"
-          onLayout={this._onLayoutEmpty}
-          style={inversionStyle}>
-          {/*
-            Flow doesn't know this is a React.Element and not a React.Component
-            $FlowFixMe https://fburl.com/b9xmtm09
-          */}
-          {element}
-        </View>,
+        React.cloneElement(element, {
+          key: '$empty',
+          onLayout: event => {
+            this._onLayoutEmpty(event);
+            if (element.props.onLayout) {
+              element.props.onLayout(event);
+            }
+          },
+          style: [element.props.style, inversionStyle],
+        }),
       );
     }
     if (ListFooterComponent) {
@@ -880,12 +904,16 @@ class VirtualizedList extends React.PureComponent<Props, State> {
         <VirtualizedCellWrapper
           cellKey={this._getCellKey() + '-footer'}
           key="$footer">
-          <View onLayout={this._onLayoutFooter} style={inversionStyle}>
-            {/*
-              Flow doesn't know this is a React.Element and not a React.Component
-              $FlowFixMe https://fburl.com/b9xmtm09
-            */}
-            {element}
+          <View
+            onLayout={this._onLayoutFooter}
+            style={StyleSheet.compose(
+              inversionStyle,
+              this.props.ListFooterComponentStyle,
+            )}>
+            {
+              // $FlowFixMe - Typing ReactNativeComponent revealed errors
+              element
+            }
           </View>
         </VirtualizedCellWrapper>,
       );
@@ -899,10 +927,16 @@ class VirtualizedList extends React.PureComponent<Props, State> {
       onScrollEndDrag: this._onScrollEndDrag,
       onMomentumScrollEnd: this._onMomentumScrollEnd,
       scrollEventThrottle: this.props.scrollEventThrottle, // TODO: Android support
-      invertStickyHeaders: this.props.inverted,
+      invertStickyHeaders:
+        this.props.invertStickyHeaders !== undefined
+          ? this.props.invertStickyHeaders
+          : this.props.inverted,
       stickyHeaderIndices,
     };
     if (inversionStyle) {
+      /* $FlowFixMe(>=0.70.0 site=react_native_fb) This comment suppresses an
+       * error found when Flow v0.70 was deployed. To see the error delete
+       * this comment and run Flow. */
       scrollProps.style = [inversionStyle, this.props.style];
     }
 
@@ -913,6 +947,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
       (this.props.renderScrollComponent || this._defaultRenderScrollComponent)(
         scrollProps,
       ),
+      // $FlowFixMe Invalid prop usage
       {
         ref: this._captureScrollRef,
       },
@@ -994,9 +1029,11 @@ class VirtualizedList extends React.PureComponent<Props, State> {
   }
 
   _defaultRenderScrollComponent = props => {
+    const onRefresh = props.onRefresh;
     if (this._isNestedWithSameOrientation()) {
+      // $FlowFixMe - Typing ReactNativeComponent revealed errors
       return <View {...props} />;
-    } else if (props.onRefresh) {
+    } else if (onRefresh) {
       invariant(
         typeof props.refreshing === 'boolean',
         '`refreshing` prop must be set as a boolean in order to use `onRefresh`, but got `' +
@@ -1004,21 +1041,24 @@ class VirtualizedList extends React.PureComponent<Props, State> {
           '`',
       );
       return (
+        // $FlowFixMe Invalid prop usage
         <ScrollView
           {...props}
           refreshControl={
-            /* $FlowFixMe(>=0.53.0 site=react_native_fb,react_native_oss) This
-             * comment suppresses an error when upgrading Flow's support for
-             * React. To see the error delete this comment and run Flow. */
-            <RefreshControl
-              refreshing={props.refreshing}
-              onRefresh={props.onRefresh}
-              progressViewOffset={props.progressViewOffset}
-            />
+            props.refreshControl == null ? (
+              <RefreshControl
+                refreshing={props.refreshing}
+                onRefresh={onRefresh}
+                progressViewOffset={props.progressViewOffset}
+              />
+            ) : (
+              props.refreshControl
+            )
           }
         />
       );
     } else {
+      // $FlowFixMe Invalid prop usage
       return <ScrollView {...props} />;
     }
   };
@@ -1051,6 +1091,17 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     } else {
       this._frames[cellKey].inLayout = true;
     }
+
+    const childListKeys = this._cellKeysToChildListKeys.get(cellKey);
+    if (childListKeys) {
+      for (let childKey of childListKeys) {
+        const childList = this._nestedChildLists.get(childKey);
+        childList &&
+          childList.ref &&
+          childList.ref.measureLayoutRelativeToContainingList();
+      }
+    }
+
     this._computeBlankness();
   }
 
@@ -1061,7 +1112,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     }
   };
 
-  _measureLayoutRelativeToContainingList(): void {
+  measureLayoutRelativeToContainingList(): void {
     UIManager.measureLayout(
       ReactNative.findNodeHandle(this),
       ReactNative.findNodeHandle(
@@ -1090,7 +1141,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     if (this._isNestedWithSameOrientation()) {
       // Need to adjust our scroll metrics to be relative to our containing
       // VirtualizedList before we can make claims about list item viewability
-      this._measureLayoutRelativeToContainingList();
+      this.measureLayoutRelativeToContainingList();
     } else {
       this._scrollMetrics.visibleLength = this._selectLength(
         e.nativeEvent.layout,
@@ -1120,6 +1171,9 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     const itemCount = this.props.getItemCount(this.props.data);
     for (let ii = 0; ii < itemCount; ii++) {
       const frame = this._getFrameMetricsApprox(ii);
+      /* $FlowFixMe(>=0.68.0 site=react_native_fb) This comment suppresses an
+       * error found when Flow v0.68 was deployed. To see the error delete this
+       * comment and run Flow. */
       if (frame.inLayout) {
         framesInLayout.push(frame);
       }
@@ -1328,18 +1382,26 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     const {offset, visibleLength, velocity} = this._scrollMetrics;
     const itemCount = this.props.getItemCount(this.props.data);
     let hiPri = false;
-    if (first > 0 || last < itemCount - 1) {
+    const scrollingThreshold =
+      /* $FlowFixMe(>=0.63.0 site=react_native_fb) This comment suppresses an
+       * error found when Flow v0.63 was deployed. To see the error delete
+       * this comment and run Flow. */
+      (this.props.onEndReachedThreshold * visibleLength) / 2;
+    // Mark as high priority if we're close to the start of the first item
+    // But only if there are items before the first rendered item
+    if (first > 0) {
       const distTop = offset - this._getFrameMetricsApprox(first).offset;
+      hiPri =
+        hiPri || distTop < 0 || (velocity < -2 && distTop < scrollingThreshold);
+    }
+    // Mark as high priority if we're close to the end of the last item
+    // But only if there are items after the last rendered item
+    if (last < itemCount - 1) {
       const distBottom =
         this._getFrameMetricsApprox(last).offset - (offset + visibleLength);
-      const scrollingThreshold =
-        /* $FlowFixMe(>=0.63.0 site=react_native_fb) This comment suppresses an
-         * error found when Flow v0.63 was deployed. To see the error delete
-         * this comment and run Flow. */
-        this.props.onEndReachedThreshold * visibleLength / 2;
       hiPri =
-        Math.min(distTop, distBottom) < 0 ||
-        (velocity < -2 && distTop < scrollingThreshold) ||
+        hiPri ||
+        distBottom < 0 ||
         (velocity > 2 && distBottom < scrollingThreshold);
     }
     // Only trigger high-priority updates if we've actually rendered cells,
@@ -1644,6 +1706,9 @@ class CellRenderer extends React.Component<
       separators: this._separators,
     });
     const onLayout =
+      /* $FlowFixMe(>=0.68.0 site=react_native_fb) This comment suppresses an
+       * error found when Flow v0.68 was deployed. To see the error delete this
+       * comment and run Flow. */
       getItemLayout && !parentProps.debug && !fillRateHelper.enabled()
         ? undefined
         : this.props.onLayout;
@@ -1656,7 +1721,9 @@ class CellRenderer extends React.Component<
       ? horizontal
         ? [{flexDirection: 'row-reverse'}, inversionStyle]
         : [{flexDirection: 'column-reverse'}, inversionStyle]
-      : horizontal ? [{flexDirection: 'row'}, inversionStyle] : inversionStyle;
+      : horizontal
+        ? [{flexDirection: 'row'}, inversionStyle]
+        : inversionStyle;
     if (!CellRendererComponent) {
       return (
         <View style={cellStyle} onLayout={onLayout}>
diff --git a/Libraries/Lists/VirtualizedSectionList.js b/Libraries/Lists/VirtualizedSectionList.js
index 2bb196814abf13..616d976bbe12ef 100644
--- a/Libraries/Lists/VirtualizedSectionList.js
+++ b/Libraries/Lists/VirtualizedSectionList.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule VirtualizedSectionList
  * @flow
  * @format
  */
@@ -38,12 +37,12 @@ type SectionBase = {
       updateProps: (select: 'leading' | 'trailing', newProps: Object) => void,
     },
   }) => ?React.Element<any>,
-  ItemSeparatorComponent?: ?React.ComponentType<*>,
+  ItemSeparatorComponent?: ?React.ComponentType<any>,
   keyExtractor?: (item: SectionItem, index: ?number) => string,
 
   // TODO: support more optional/override props
-  // FooterComponent?: ?ReactClass<*>,
-  // HeaderComponent?: ?ReactClass<*>,
+  // FooterComponent?: ?ReactClass<any>,
+  // HeaderComponent?: ?ReactClass<any>,
   // onViewableItemsChanged?: ({viewableItems: Array<ViewToken>, changed: Array<ViewToken>}) => void,
 };
 
@@ -55,11 +54,11 @@ type OptionalProps<SectionT: SectionBase> = {
   /**
    * Rendered after the last item in the last section.
    */
-  ListFooterComponent?: ?(React.ComponentType<*> | React.Element<any>),
+  ListFooterComponent?: ?(React.ComponentType<any> | React.Element<any>),
   /**
    * Rendered at the very beginning of the list.
    */
-  ListHeaderComponent?: ?(React.ComponentType<*> | React.Element<any>),
+  ListHeaderComponent?: ?(React.ComponentType<any> | React.Element<any>),
   /**
    * Default renderer for every item in every section.
    */
@@ -85,11 +84,11 @@ type OptionalProps<SectionT: SectionBase> = {
    * Rendered at the bottom of every Section, except the very last one, in place of the normal
    * ItemSeparatorComponent.
    */
-  SectionSeparatorComponent?: ?React.ComponentType<*>,
+  SectionSeparatorComponent?: ?React.ComponentType<any>,
   /**
    * Rendered at the bottom of every Item except the very last one in the last section.
    */
-  ItemSeparatorComponent?: ?React.ComponentType<*>,
+  ItemSeparatorComponent?: ?React.ComponentType<any>,
   /**
    * Warning: Virtualization can drastically improve memory consumption for long lists, but trashes
    * the state of items when they scroll out of the render window, so make sure all relavent data is
@@ -102,7 +101,7 @@ type OptionalProps<SectionT: SectionBase> = {
    * If provided, a standard RefreshControl will be added for "Pull to Refresh" functionality. Make
    * sure to also set the `refreshing` prop correctly.
    */
-  onRefresh?: ?Function,
+  onRefresh?: ?() => void,
   /**
    * Called when the viewability of rows changes, as defined by the
    * `viewabilityConfig` prop.
@@ -135,10 +134,6 @@ class VirtualizedSectionList<SectionT: SectionBase> extends React.PureComponent<
   Props<SectionT>,
   State,
 > {
-  props: Props<SectionT>;
-
-  state: State;
-
   static defaultProps: DefaultProps = {
     ...VirtualizedList.defaultProps,
     data: [],
@@ -165,6 +160,48 @@ class VirtualizedSectionList<SectionT: SectionBase> extends React.PureComponent<
     return this._listRef;
   }
 
+  constructor(props: Props<SectionT>, context: Object) {
+    super(props, context);
+    this.state = this._computeState(props);
+  }
+
+  UNSAFE_componentWillReceiveProps(nextProps: Props<SectionT>) {
+    this.setState(this._computeState(nextProps));
+  }
+
+  _computeState(props: Props<SectionT>): State {
+    const offset = props.ListHeaderComponent ? 1 : 0;
+    const stickyHeaderIndices = [];
+    const itemCount = props.sections.reduce((v, section) => {
+      stickyHeaderIndices.push(v + offset);
+      return v + section.data.length + 2; // Add two for the section header and footer.
+    }, 0);
+
+    return {
+      childProps: {
+        ...props,
+        renderItem: this._renderItem,
+        ItemSeparatorComponent: undefined, // Rendered with renderItem
+        data: props.sections,
+        getItemCount: () => itemCount,
+        getItem,
+        keyExtractor: this._keyExtractor,
+        onViewableItemsChanged: props.onViewableItemsChanged
+          ? this._onViewableItemsChanged
+          : undefined,
+        stickyHeaderIndices: props.stickySectionHeadersEnabled
+          ? stickyHeaderIndices
+          : undefined,
+      },
+    };
+  }
+
+  render() {
+    return (
+      <VirtualizedList {...this.state.childProps} ref={this._captureRef} />
+    );
+  }
+
   _keyExtractor = (item: Item, index: number) => {
     const info = this._subExtractor(index);
     return (info && info.key) || String(index);
@@ -308,7 +345,7 @@ class VirtualizedSectionList<SectionT: SectionBase> extends React.PureComponent<
   _getSeparatorComponent(
     index: number,
     info?: ?Object,
-  ): ?React.ComponentType<*> {
+  ): ?React.ComponentType<any> {
     info = info || this._subExtractor(index);
     if (!info) {
       return null;
@@ -327,48 +364,6 @@ class VirtualizedSectionList<SectionT: SectionBase> extends React.PureComponent<
     return null;
   }
 
-  _computeState(props: Props<SectionT>): State {
-    const offset = props.ListHeaderComponent ? 1 : 0;
-    const stickyHeaderIndices = [];
-    const itemCount = props.sections.reduce((v, section) => {
-      stickyHeaderIndices.push(v + offset);
-      return v + section.data.length + 2; // Add two for the section header and footer.
-    }, 0);
-
-    return {
-      childProps: {
-        ...props,
-        renderItem: this._renderItem,
-        ItemSeparatorComponent: undefined, // Rendered with renderItem
-        data: props.sections,
-        getItemCount: () => itemCount,
-        getItem,
-        keyExtractor: this._keyExtractor,
-        onViewableItemsChanged: props.onViewableItemsChanged
-          ? this._onViewableItemsChanged
-          : undefined,
-        stickyHeaderIndices: props.stickySectionHeadersEnabled
-          ? stickyHeaderIndices
-          : undefined,
-      },
-    };
-  }
-
-  constructor(props: Props<SectionT>, context: Object) {
-    super(props, context);
-    this.state = this._computeState(props);
-  }
-
-  UNSAFE_componentWillReceiveProps(nextProps: Props<SectionT>) {
-    this.setState(this._computeState(nextProps));
-  }
-
-  render() {
-    return (
-      <VirtualizedList {...this.state.childProps} ref={this._captureRef} />
-    );
-  }
-
   _cellRefs = {};
   _listRef: VirtualizedList;
   _captureRef = ref => {
@@ -379,25 +374,40 @@ class VirtualizedSectionList<SectionT: SectionBase> extends React.PureComponent<
   };
 }
 
-type ItemWithSeparatorProps = {
-  LeadingSeparatorComponent: ?React.ComponentType<*>,
-  SeparatorComponent: ?React.ComponentType<*>,
+type ItemWithSeparatorCommonProps = $ReadOnly<{|
+  leadingItem: ?Item,
+  leadingSection: ?Object,
+  section: Object,
+  trailingItem: ?Item,
+  trailingSection: ?Object,
+|}>;
+
+type ItemWithSeparatorProps = $ReadOnly<{|
+  ...ItemWithSeparatorCommonProps,
+  LeadingSeparatorComponent: ?React.ComponentType<any>,
+  SeparatorComponent: ?React.ComponentType<any>,
   cellKey: string,
   index: number,
   item: Item,
   onUpdateSeparator: (cellKey: string, newProps: Object) => void,
   prevCellKey?: ?string,
   renderItem: Function,
-  section: Object,
-  leadingItem: ?Item,
-  leadingSection: ?Object,
-  trailingItem: ?Item,
-  trailingSection: ?Object,
+|}>;
+
+type ItemWithSeparatorState = {
+  separatorProps: $ReadOnly<{|
+    highlighted: false,
+    ...ItemWithSeparatorCommonProps,
+  |}>,
+  leadingSeparatorProps: $ReadOnly<{|
+    highlighted: false,
+    ...ItemWithSeparatorCommonProps,
+  |}>,
 };
 
 class ItemWithSeparator extends React.Component<
   ItemWithSeparatorProps,
-  $FlowFixMeState,
+  ItemWithSeparatorState,
 > {
   state = {
     separatorProps: {
@@ -431,7 +441,7 @@ class ItemWithSeparator extends React.Component<
     },
     updateProps: (select: 'leading' | 'trailing', newProps: Object) => {
       const {LeadingSeparatorComponent, cellKey, prevCellKey} = this.props;
-      if (select === 'leading' && LeadingSeparatorComponent) {
+      if (select === 'leading' && LeadingSeparatorComponent != null) {
         this.setState(state => ({
           leadingSeparatorProps: {...state.leadingSeparatorProps, ...newProps},
         }));
@@ -444,10 +454,13 @@ class ItemWithSeparator extends React.Component<
     },
   };
 
-  UNSAFE_componentWillReceiveProps(props: ItemWithSeparatorProps) {
-    this.setState(state => ({
+  static getDerivedStateFromProps(
+    props: ItemWithSeparatorProps,
+    prevState: ItemWithSeparatorState,
+  ): ?ItemWithSeparatorState {
+    return {
       separatorProps: {
-        ...this.state.separatorProps,
+        ...prevState.separatorProps,
         leadingItem: props.item,
         leadingSection: props.leadingSection,
         section: props.section,
@@ -455,14 +468,14 @@ class ItemWithSeparator extends React.Component<
         trailingSection: props.trailingSection,
       },
       leadingSeparatorProps: {
-        ...this.state.leadingSeparatorProps,
+        ...prevState.leadingSeparatorProps,
         leadingItem: props.leadingItem,
         leadingSection: props.leadingSection,
         section: props.section,
         trailingItem: props.item,
         trailingSection: props.trailingSection,
       },
-    }));
+    };
   }
 
   updateSeparatorProps(newProps: Object) {
diff --git a/Libraries/Lists/__tests__/__snapshots__/FlatList-test.js.snap b/Libraries/Lists/__tests__/__snapshots__/FlatList-test.js.snap
index 837ef99b1f12b9..7f523be29ac848 100644
--- a/Libraries/Lists/__tests__/__snapshots__/FlatList-test.js.snap
+++ b/Libraries/Lists/__tests__/__snapshots__/FlatList-test.js.snap
@@ -31,7 +31,6 @@ exports[`FlatList renders all the bells and whistles 1`] = `
   getItemLayout={[Function]}
   horizontal={false}
   initialNumToRender={10}
-  invertStickyHeaders={undefined}
   keyExtractor={[Function]}
   maxToRenderPerBatch={10}
   numColumns={2}
@@ -46,7 +45,6 @@ exports[`FlatList renders all the bells and whistles 1`] = `
   refreshControl={
     <RefreshControlMock
       onRefresh={[MockFunction]}
-      progressViewOffset={undefined}
       refreshing={false}
     />
   }
@@ -62,22 +60,17 @@ exports[`FlatList renders all the bells and whistles 1`] = `
   <View>
     <View
       onLayout={[Function]}
-      style={null}
     >
       <header />
     </View>
     <View
-      onLayout={undefined}
       style={null}
     >
       <View
         style={
-          Array [
-            Object {
-              "flexDirection": "row",
-            },
-            undefined,
-          ]
+          Object {
+            "flexDirection": "row",
+          }
         }
       >
         <item
@@ -90,17 +83,13 @@ exports[`FlatList renders all the bells and whistles 1`] = `
       <separator />
     </View>
     <View
-      onLayout={undefined}
       style={null}
     >
       <View
         style={
-          Array [
-            Object {
-              "flexDirection": "row",
-            },
-            undefined,
-          ]
+          Object {
+            "flexDirection": "row",
+          }
         }
       >
         <item
@@ -113,17 +102,13 @@ exports[`FlatList renders all the bells and whistles 1`] = `
       <separator />
     </View>
     <View
-      onLayout={undefined}
       style={null}
     >
       <View
         style={
-          Array [
-            Object {
-              "flexDirection": "row",
-            },
-            undefined,
-          ]
+          Object {
+            "flexDirection": "row",
+          }
         }
       >
         <item
@@ -133,7 +118,6 @@ exports[`FlatList renders all the bells and whistles 1`] = `
     </View>
     <View
       onLayout={[Function]}
-      style={null}
     >
       <footer />
     </View>
@@ -149,7 +133,6 @@ exports[`FlatList renders empty list 1`] = `
   getItemCount={[Function]}
   horizontal={false}
   initialNumToRender={10}
-  invertStickyHeaders={undefined}
   keyExtractor={[Function]}
   maxToRenderPerBatch={10}
   numColumns={1}
@@ -173,13 +156,11 @@ exports[`FlatList renders empty list 1`] = `
 
 exports[`FlatList renders null list 1`] = `
 <RCTScrollView
-  data={undefined}
   disableVirtualization={false}
   getItem={[Function]}
   getItemCount={[Function]}
   horizontal={false}
   initialNumToRender={10}
-  invertStickyHeaders={undefined}
   keyExtractor={[Function]}
   maxToRenderPerBatch={10}
   numColumns={1}
@@ -221,7 +202,6 @@ exports[`FlatList renders simple list 1`] = `
   getItemCount={[Function]}
   horizontal={false}
   initialNumToRender={10}
-  invertStickyHeaders={undefined}
   keyExtractor={[Function]}
   maxToRenderPerBatch={10}
   numColumns={1}
diff --git a/Libraries/Lists/__tests__/__snapshots__/SectionList-test.js.snap b/Libraries/Lists/__tests__/__snapshots__/SectionList-test.js.snap
index ec57ef42dc6c31..b15b3cb3dd7148 100644
--- a/Libraries/Lists/__tests__/__snapshots__/SectionList-test.js.snap
+++ b/Libraries/Lists/__tests__/__snapshots__/SectionList-test.js.snap
@@ -2,7 +2,6 @@
 
 exports[`SectionList rendering empty section headers is fine 1`] = `
 <RCTScrollView
-  ItemSeparatorComponent={undefined}
   data={
     Array [
       Object {
@@ -23,7 +22,6 @@ exports[`SectionList rendering empty section headers is fine 1`] = `
   getItemCount={[Function]}
   horizontal={false}
   initialNumToRender={10}
-  invertStickyHeaders={undefined}
   keyExtractor={[Function]}
   maxToRenderPerBatch={10}
   onContentSizeChange={[Function]}
@@ -33,7 +31,6 @@ exports[`SectionList rendering empty section headers is fine 1`] = `
   onScroll={[Function]}
   onScrollBeginDrag={[Function]}
   onScrollEndDrag={[Function]}
-  onViewableItemsChanged={undefined}
   renderItem={[Function]}
   renderSectionHeader={[Function]}
   scrollEventThrottle={50}
@@ -92,7 +89,6 @@ exports[`SectionList rendering empty section headers is fine 1`] = `
 
 exports[`SectionList renders a footer when there is no data 1`] = `
 <RCTScrollView
-  ItemSeparatorComponent={undefined}
   data={
     Array [
       Object {
@@ -106,7 +102,6 @@ exports[`SectionList renders a footer when there is no data 1`] = `
   getItemCount={[Function]}
   horizontal={false}
   initialNumToRender={10}
-  invertStickyHeaders={undefined}
   keyExtractor={[Function]}
   maxToRenderPerBatch={10}
   onContentSizeChange={[Function]}
@@ -116,7 +111,6 @@ exports[`SectionList renders a footer when there is no data 1`] = `
   onScroll={[Function]}
   onScrollBeginDrag={[Function]}
   onScrollEndDrag={[Function]}
-  onViewableItemsChanged={undefined}
   renderItem={[Function]}
   renderSectionFooter={[Function]}
   renderSectionHeader={[Function]}
@@ -161,7 +155,6 @@ exports[`SectionList renders a footer when there is no data 1`] = `
 
 exports[`SectionList renders a footer when there is no data and no header 1`] = `
 <RCTScrollView
-  ItemSeparatorComponent={undefined}
   data={
     Array [
       Object {
@@ -175,7 +168,6 @@ exports[`SectionList renders a footer when there is no data and no header 1`] =
   getItemCount={[Function]}
   horizontal={false}
   initialNumToRender={10}
-  invertStickyHeaders={undefined}
   keyExtractor={[Function]}
   maxToRenderPerBatch={10}
   onContentSizeChange={[Function]}
@@ -185,7 +177,6 @@ exports[`SectionList renders a footer when there is no data and no header 1`] =
   onScroll={[Function]}
   onScrollBeginDrag={[Function]}
   onScrollEndDrag={[Function]}
-  onViewableItemsChanged={undefined}
   renderItem={[Function]}
   renderSectionFooter={[Function]}
   scrollEventThrottle={50}
@@ -225,7 +216,6 @@ exports[`SectionList renders a footer when there is no data and no header 1`] =
 
 exports[`SectionList renders all the bells and whistles 1`] = `
 <RCTScrollView
-  ItemSeparatorComponent={undefined}
   ListEmptyComponent={[Function]}
   ListFooterComponent={[Function]}
   ListHeaderComponent={[Function]}
@@ -275,7 +265,6 @@ exports[`SectionList renders all the bells and whistles 1`] = `
   getItemCount={[Function]}
   horizontal={false}
   initialNumToRender={Infinity}
-  invertStickyHeaders={undefined}
   keyExtractor={[Function]}
   maxToRenderPerBatch={10}
   onContentSizeChange={[Function]}
@@ -286,11 +275,9 @@ exports[`SectionList renders all the bells and whistles 1`] = `
   onScroll={[Function]}
   onScrollBeginDrag={[Function]}
   onScrollEndDrag={[Function]}
-  onViewableItemsChanged={undefined}
   refreshControl={
     <RefreshControlMock
       onRefresh={[MockFunction]}
-      progressViewOffset={undefined}
       refreshing={false}
     />
   }
@@ -354,7 +341,6 @@ exports[`SectionList renders all the bells and whistles 1`] = `
   <View>
     <View
       onLayout={[Function]}
-      style={null}
     >
       <header
         v=""
@@ -497,7 +483,6 @@ exports[`SectionList renders all the bells and whistles 1`] = `
     </View>
     <View
       onLayout={[Function]}
-      style={null}
     >
       <footer
         v=""
@@ -509,14 +494,12 @@ exports[`SectionList renders all the bells and whistles 1`] = `
 
 exports[`SectionList renders empty list 1`] = `
 <RCTScrollView
-  ItemSeparatorComponent={undefined}
   data={Array []}
   disableVirtualization={false}
   getItem={[Function]}
   getItemCount={[Function]}
   horizontal={false}
   initialNumToRender={10}
-  invertStickyHeaders={undefined}
   keyExtractor={[Function]}
   maxToRenderPerBatch={10}
   onContentSizeChange={[Function]}
@@ -526,7 +509,6 @@ exports[`SectionList renders empty list 1`] = `
   onScroll={[Function]}
   onScrollBeginDrag={[Function]}
   onScrollEndDrag={[Function]}
-  onViewableItemsChanged={undefined}
   renderItem={[Function]}
   scrollEventThrottle={50}
   sections={Array []}
diff --git a/Libraries/Lists/__tests__/__snapshots__/VirtualizedList-test.js.snap b/Libraries/Lists/__tests__/__snapshots__/VirtualizedList-test.js.snap
index 7ebe23df231878..2ae233201f72ba 100644
--- a/Libraries/Lists/__tests__/__snapshots__/VirtualizedList-test.js.snap
+++ b/Libraries/Lists/__tests__/__snapshots__/VirtualizedList-test.js.snap
@@ -17,7 +17,6 @@ exports[`VirtualizedList handles nested lists 1`] = `
   getItemCount={[Function]}
   horizontal={false}
   initialNumToRender={10}
-  invertStickyHeaders={undefined}
   keyExtractor={[Function]}
   maxToRenderPerBatch={10}
   onContentSizeChange={[Function]}
@@ -54,7 +53,6 @@ exports[`VirtualizedList handles nested lists 1`] = `
         getItemCount={[Function]}
         horizontal={false}
         initialNumToRender={10}
-        invertStickyHeaders={undefined}
         keyExtractor={[Function]}
         maxToRenderPerBatch={10}
         onContentSizeChange={[Function]}
@@ -108,7 +106,6 @@ exports[`VirtualizedList handles nested lists 1`] = `
         getItemCount={[Function]}
         horizontal={true}
         initialNumToRender={10}
-        invertStickyHeaders={undefined}
         keyExtractor={[Function]}
         maxToRenderPerBatch={10}
         onContentSizeChange={[Function]}
@@ -183,7 +180,6 @@ exports[`VirtualizedList handles separators correctly 1`] = `
   getItemCount={[Function]}
   horizontal={false}
   initialNumToRender={10}
-  invertStickyHeaders={undefined}
   keyExtractor={[Function]}
   maxToRenderPerBatch={10}
   onContentSizeChange={[Function]}
@@ -265,7 +261,6 @@ exports[`VirtualizedList handles separators correctly 2`] = `
   getItemCount={[Function]}
   horizontal={false}
   initialNumToRender={10}
-  invertStickyHeaders={undefined}
   keyExtractor={[Function]}
   maxToRenderPerBatch={10}
   onContentSizeChange={[Function]}
@@ -347,7 +342,6 @@ exports[`VirtualizedList handles separators correctly 3`] = `
   getItemCount={[Function]}
   horizontal={false}
   initialNumToRender={10}
-  invertStickyHeaders={undefined}
   keyExtractor={[Function]}
   maxToRenderPerBatch={10}
   onContentSizeChange={[Function]}
@@ -455,7 +449,6 @@ exports[`VirtualizedList renders all the bells and whistles 1`] = `
   refreshControl={
     <RefreshControlMock
       onRefresh={[MockFunction]}
-      progressViewOffset={undefined}
       refreshing={false}
     />
   }
@@ -495,7 +488,6 @@ exports[`VirtualizedList renders all the bells and whistles 1`] = `
       <header />
     </View>
     <View
-      onLayout={undefined}
       style={
         Array [
           Object {
@@ -517,7 +509,6 @@ exports[`VirtualizedList renders all the bells and whistles 1`] = `
       <separator />
     </View>
     <View
-      onLayout={undefined}
       style={
         Array [
           Object {
@@ -539,7 +530,6 @@ exports[`VirtualizedList renders all the bells and whistles 1`] = `
       <separator />
     </View>
     <View
-      onLayout={undefined}
       style={
         Array [
           Object {
@@ -561,7 +551,6 @@ exports[`VirtualizedList renders all the bells and whistles 1`] = `
       <separator />
     </View>
     <View
-      onLayout={undefined}
       style={
         Array [
           Object {
@@ -583,7 +572,6 @@ exports[`VirtualizedList renders all the bells and whistles 1`] = `
       <separator />
     </View>
     <View
-      onLayout={undefined}
       style={
         Array [
           Object {
@@ -629,7 +617,6 @@ exports[`VirtualizedList renders empty list 1`] = `
   getItemCount={[Function]}
   horizontal={false}
   initialNumToRender={10}
-  invertStickyHeaders={undefined}
   keyExtractor={[Function]}
   maxToRenderPerBatch={10}
   onContentSizeChange={[Function]}
@@ -660,7 +647,6 @@ exports[`VirtualizedList renders empty list with empty component 1`] = `
   getItemCount={[Function]}
   horizontal={false}
   initialNumToRender={10}
-  invertStickyHeaders={undefined}
   keyExtractor={[Function]}
   maxToRenderPerBatch={10}
   onContentSizeChange={[Function]}
@@ -679,19 +665,12 @@ exports[`VirtualizedList renders empty list with empty component 1`] = `
   <View>
     <View
       onLayout={[Function]}
-      style={null}
     >
       <header />
     </View>
+    <empty />
     <View
       onLayout={[Function]}
-      style={null}
-    >
-      <empty />
-    </View>
-    <View
-      onLayout={[Function]}
-      style={null}
     >
       <footer />
     </View>
@@ -714,7 +693,6 @@ exports[`VirtualizedList renders list with empty component 1`] = `
   getItemCount={[Function]}
   horizontal={false}
   initialNumToRender={10}
-  invertStickyHeaders={undefined}
   keyExtractor={[Function]}
   maxToRenderPerBatch={10}
   onContentSizeChange={[Function]}
@@ -745,13 +723,11 @@ exports[`VirtualizedList renders list with empty component 1`] = `
 
 exports[`VirtualizedList renders null list 1`] = `
 <RCTScrollView
-  data={undefined}
   disableVirtualization={false}
   getItem={[Function]}
   getItemCount={[Function]}
   horizontal={false}
   initialNumToRender={10}
-  invertStickyHeaders={undefined}
   keyExtractor={[Function]}
   maxToRenderPerBatch={10}
   onContentSizeChange={[Function]}
@@ -791,7 +767,6 @@ exports[`VirtualizedList renders simple list 1`] = `
   getItemCount={[Function]}
   horizontal={false}
   initialNumToRender={10}
-  invertStickyHeaders={undefined}
   keyExtractor={[Function]}
   maxToRenderPerBatch={10}
   onContentSizeChange={[Function]}
@@ -850,7 +825,6 @@ exports[`VirtualizedList test getItem functionality where data is not an Array 1
   getItemCount={[Function]}
   horizontal={false}
   initialNumToRender={10}
-  invertStickyHeaders={undefined}
   keyExtractor={[Function]}
   maxToRenderPerBatch={10}
   onContentSizeChange={[Function]}
diff --git a/Libraries/Modal/Modal.js b/Libraries/Modal/Modal.js
index dabdbc5d92f618..1af6fec61486d6 100644
--- a/Libraries/Modal/Modal.js
+++ b/Libraries/Modal/Modal.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Modal
+ * @format
  * @flow
  */
+
 'use strict';
 
 const AppContainer = require('AppContainer');
@@ -21,9 +22,13 @@ const View = require('View');
 
 const deprecatedPropType = require('deprecatedPropType');
 const requireNativeComponent = require('requireNativeComponent');
-const RCTModalHostView = requireNativeComponent('RCTModalHostView', null);
-const ModalEventEmitter = Platform.OS === 'ios' && NativeModules.ModalManager ?
-  new NativeEventEmitter(NativeModules.ModalManager) : null;
+
+const RCTModalHostView = requireNativeComponent('RCTModalHostView');
+
+const ModalEventEmitter =
+  Platform.OS === 'ios' && NativeModules.ModalManager
+    ? new NativeEventEmitter(NativeModules.ModalManager)
+    : null;
 
 import type EmitterSubscription from 'EmitterSubscription';
 
@@ -37,7 +42,7 @@ import type EmitterSubscription from 'EmitterSubscription';
 // <Modal> on screen. There can be different ones, either nested or as siblings.
 // We cannot pass the onDismiss callback to native as the view will be
 // destroyed before the callback is fired.
-var uniqueModalIdentifier = 0;
+let uniqueModalIdentifier = 0;
 
 class Modal extends React.Component<Object> {
   static propTypes = {
@@ -52,7 +57,12 @@ class Modal extends React.Component<Object> {
      *
      * See https://facebook.github.io/react-native/docs/modal.html#presentationstyle
      */
-    presentationStyle: PropTypes.oneOf(['fullScreen', 'pageSheet', 'formSheet', 'overFullScreen']),
+    presentationStyle: PropTypes.oneOf([
+      'fullScreen',
+      'pageSheet',
+      'formSheet',
+      'overFullScreen',
+    ]),
     /**
      * The `transparent` prop determines whether your modal will fill the
      * entire view.
@@ -79,7 +89,10 @@ class Modal extends React.Component<Object> {
      *
      * See https://facebook.github.io/react-native/docs/modal.html#onrequestclose
      */
-    onRequestClose: (Platform.isTVOS || Platform.OS === 'android') ? PropTypes.func.isRequired : PropTypes.func,
+    onRequestClose:
+      Platform.isTV || Platform.OS === 'android'
+        ? PropTypes.func.isRequired
+        : PropTypes.func,
     /**
      * The `onShow` prop allows passing a function that will be called once the
      * modal has been shown.
@@ -96,14 +109,22 @@ class Modal extends React.Component<Object> {
     onDismiss: PropTypes.func,
     animated: deprecatedPropType(
       PropTypes.bool,
-      'Use the `animationType` prop instead.'
+      'Use the `animationType` prop instead.',
     ),
     /**
      * The `supportedOrientations` prop allows the modal to be rotated to any of the specified orientations.
      *
      * See https://facebook.github.io/react-native/docs/modal.html#supportedorientations
      */
-    supportedOrientations: PropTypes.arrayOf(PropTypes.oneOf(['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'])),
+    supportedOrientations: PropTypes.arrayOf(
+      PropTypes.oneOf([
+        'portrait',
+        'portrait-upside-down',
+        'landscape',
+        'landscape-left',
+        'landscape-right',
+      ]),
+    ),
     /**
      * The `onOrientationChange` callback is called when the orientation changes while the modal is being displayed.
      *
@@ -130,6 +151,18 @@ class Modal extends React.Component<Object> {
     this._identifier = uniqueModalIdentifier++;
   }
 
+  static childContextTypes = {
+    virtualizedList: PropTypes.object,
+  };
+
+  getChildContext() {
+    // Reset the context so VirtualizedList doesn't get confused by nesting
+    // in the React tree that doesn't reflect the native component heirarchy.
+    return {
+      virtualizedList: null,
+    };
+  }
+
   componentDidMount() {
     if (ModalEventEmitter) {
       this._eventSubscription = ModalEventEmitter.addListener(
@@ -154,8 +187,16 @@ class Modal extends React.Component<Object> {
   }
 
   static _confirmProps(props: Object) {
-    if (props.presentationStyle && props.presentationStyle !== 'overFullScreen' && props.transparent) {
-      console.warn(`Modal with '${props.presentationStyle}' presentation style and 'transparent' value is not supported.`);
+    if (
+      props.presentationStyle &&
+      props.presentationStyle !== 'overFullScreen' &&
+      props.transparent
+    ) {
+      console.warn(
+        `Modal with '${
+          props.presentationStyle
+        }' presentation style and 'transparent' value is not supported.`,
+      );
     }
   }
 
@@ -185,11 +226,13 @@ class Modal extends React.Component<Object> {
       }
     }
 
-    const innerChildren = __DEV__ ?
-      ( <AppContainer rootTag={this.context.rootTag}>
-          {this.props.children}
-        </AppContainer>) :
-      this.props.children;
+    const innerChildren = __DEV__ ? (
+      <AppContainer rootTag={this.context.rootTag}>
+        {this.props.children}
+      </AppContainer>
+    ) : (
+      this.props.children
+    );
 
     return (
       <RCTModalHostView
@@ -203,11 +246,8 @@ class Modal extends React.Component<Object> {
         style={styles.modal}
         onStartShouldSetResponder={this._shouldSetResponder}
         supportedOrientations={this.props.supportedOrientations}
-        onOrientationChange={this.props.onOrientationChange}
-        >
-        <View style={[styles.container, containerStyles]}>
-          {innerChildren}
-        </View>
+        onOrientationChange={this.props.onOrientationChange}>
+        <View style={[styles.container, containerStyles]}>{innerChildren}</View>
       </RCTModalHostView>
     );
   }
@@ -225,9 +265,9 @@ const styles = StyleSheet.create({
   },
   container: {
     position: 'absolute',
-    [side] : 0,
+    [side]: 0,
     top: 0,
-  }
+  },
 });
 
 module.exports = Modal;
diff --git a/Libraries/NativeAnimation/Nodes/RCTSubtractionAnimatedNode.h b/Libraries/NativeAnimation/Nodes/RCTSubtractionAnimatedNode.h
new file mode 100644
index 00000000000000..45524b69d02591
--- /dev/null
+++ b/Libraries/NativeAnimation/Nodes/RCTSubtractionAnimatedNode.h
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTValueAnimatedNode.h"
+
+@interface RCTSubtractionAnimatedNode : RCTValueAnimatedNode
+
+@end
+
diff --git a/Libraries/NativeAnimation/Nodes/RCTSubtractionAnimatedNode.m b/Libraries/NativeAnimation/Nodes/RCTSubtractionAnimatedNode.m
new file mode 100644
index 00000000000000..91688c9aec51a6
--- /dev/null
+++ b/Libraries/NativeAnimation/Nodes/RCTSubtractionAnimatedNode.m
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTSubtractionAnimatedNode.h"
+
+@implementation RCTSubtractionAnimatedNode
+
+- (void)performUpdate
+{
+  [super performUpdate];
+  NSArray<NSNumber *> *inputNodes = self.config[@"input"];
+  if (inputNodes.count > 1) {
+    RCTValueAnimatedNode *parent1 = (RCTValueAnimatedNode *)[self.parentNodes objectForKey:inputNodes[0]];
+    RCTValueAnimatedNode *parent2 = (RCTValueAnimatedNode *)[self.parentNodes objectForKey:inputNodes[1]];
+    if ([parent1 isKindOfClass:[RCTValueAnimatedNode class]] &&
+        [parent2 isKindOfClass:[RCTValueAnimatedNode class]]) {
+      self.value = parent1.value - parent2.value;
+    }
+  }
+}
+
+@end
+
diff --git a/Libraries/NativeAnimation/RCTAnimation.xcodeproj/project.pbxproj b/Libraries/NativeAnimation/RCTAnimation.xcodeproj/project.pbxproj
index 0ba2446271568a..d74745fb037bf6 100644
--- a/Libraries/NativeAnimation/RCTAnimation.xcodeproj/project.pbxproj
+++ b/Libraries/NativeAnimation/RCTAnimation.xcodeproj/project.pbxproj
@@ -111,6 +111,8 @@
 		2D3B5EFE1D9B0B4800451313 /* RCTStyleAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501E31D07A6C9005F35D8 /* RCTStyleAnimatedNode.m */; };
 		2D3B5EFF1D9B0B4800451313 /* RCTTransformAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501E51D07A6C9005F35D8 /* RCTTransformAnimatedNode.m */; };
 		2D3B5F001D9B0B4800451313 /* RCTValueAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E501E71D07A6C9005F35D8 /* RCTValueAnimatedNode.m */; };
+		2D65C80020732E4700C62FDF /* RCTSubtractionAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 2EC00630206EA19300586E91 /* RCTSubtractionAnimatedNode.m */; };
+		2EC00631206EA19300586E91 /* RCTSubtractionAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 2EC00630206EA19300586E91 /* RCTSubtractionAnimatedNode.m */; };
 		44DB7D942024F74200588FCD /* RCTTrackingAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 44DB7D932024F74200588FCD /* RCTTrackingAnimatedNode.h */; };
 		44DB7D952024F74200588FCD /* RCTTrackingAnimatedNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 44DB7D932024F74200588FCD /* RCTTrackingAnimatedNode.h */; };
 		44DB7D972024F75100588FCD /* RCTTrackingAnimatedNode.m in Sources */ = {isa = PBXBuildFile; fileRef = 44DB7D962024F75100588FCD /* RCTTrackingAnimatedNode.m */; };
@@ -213,6 +215,8 @@
 		19F00F201DC8847500113FEE /* RCTEventAnimation.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTEventAnimation.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
 		19F00F211DC8847500113FEE /* RCTEventAnimation.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTEventAnimation.m; sourceTree = "<group>"; };
 		2D2A28201D9B03D100D4039D /* libRCTAnimation.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRCTAnimation.a; sourceTree = BUILT_PRODUCTS_DIR; };
+		2EC0062F206EA15F00586E91 /* RCTSubtractionAnimatedNode.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = RCTSubtractionAnimatedNode.h; sourceTree = "<group>"; };
+		2EC00630206EA19300586E91 /* RCTSubtractionAnimatedNode.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RCTSubtractionAnimatedNode.m; sourceTree = "<group>"; };
 		44DB7D932024F74200588FCD /* RCTTrackingAnimatedNode.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = RCTTrackingAnimatedNode.h; sourceTree = "<group>"; };
 		44DB7D962024F75100588FCD /* RCTTrackingAnimatedNode.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RCTTrackingAnimatedNode.m; sourceTree = "<group>"; };
 		5C9894931D999639008027DB /* RCTDivisionAnimatedNode.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTDivisionAnimatedNode.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
@@ -246,6 +250,8 @@
 				193F64F31D776EC6004D1CAA /* RCTDiffClampAnimatedNode.m */,
 				13E501D61D07A6C9005F35D8 /* RCTAdditionAnimatedNode.h */,
 				13E501D71D07A6C9005F35D8 /* RCTAdditionAnimatedNode.m */,
+				2EC0062F206EA15F00586E91 /* RCTSubtractionAnimatedNode.h */,
+				2EC00630206EA19300586E91 /* RCTSubtractionAnimatedNode.m */,
 				13E501D81D07A6C9005F35D8 /* RCTAnimatedNode.h */,
 				13E501D91D07A6C9005F35D8 /* RCTAnimatedNode.m */,
 				13E501DC1D07A6C9005F35D8 /* RCTInterpolationAnimatedNode.h */,
@@ -403,7 +409,7 @@
 		58B511D31A9E6C8500147676 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0730;
+				LastUpgradeCheck = 0940;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					2D2A281F1D9B03D100D4039D = {
@@ -457,6 +463,7 @@
 				944244D11DB962DC0032A02B /* RCTSpringAnimation.m in Sources */,
 				9476E8EC1DC9232D005D5CD1 /* RCTNativeAnimatedNodesManager.m in Sources */,
 				194804F21E977DDB00623005 /* RCTDecayAnimation.m in Sources */,
+				2D65C80020732E4700C62FDF /* RCTSubtractionAnimatedNode.m in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -483,6 +490,7 @@
 				5C9894951D999639008027DB /* RCTDivisionAnimatedNode.m in Sources */,
 				13E501EF1D07A6C9005F35D8 /* RCTTransformAnimatedNode.m in Sources */,
 				194804EE1E975D8E00623005 /* RCTDecayAnimation.m in Sources */,
+				2EC00631206EA19300586E91 /* RCTSubtractionAnimatedNode.m in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -526,14 +534,23 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = NO;
@@ -541,6 +558,7 @@
 				ENABLE_TESTABILITY = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
 				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_OPTIMIZATION_LEVEL = 0;
 				GCC_PREPROCESSOR_DEFINITIONS = (
 					"DEBUG=1",
@@ -555,7 +573,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -576,20 +594,30 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = YES;
 				ENABLE_NS_ASSERTIONS = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
 				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
 				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
@@ -598,7 +626,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SKIP_INSTALL = YES;
diff --git a/Libraries/NativeAnimation/RCTNativeAnimatedNodesManager.m b/Libraries/NativeAnimation/RCTNativeAnimatedNodesManager.m
index e05286decf9eb2..e649020d5f301f 100644
--- a/Libraries/NativeAnimation/RCTNativeAnimatedNodesManager.m
+++ b/Libraries/NativeAnimation/RCTNativeAnimatedNodesManager.m
@@ -23,6 +23,7 @@
 #import "RCTPropsAnimatedNode.h"
 #import "RCTSpringAnimation.h"
 #import "RCTStyleAnimatedNode.h"
+#import "RCTSubtractionAnimatedNode.h"
 #import "RCTTransformAnimatedNode.h"
 #import "RCTValueAnimatedNode.h"
 #import "RCTTrackingAnimatedNode.h"
@@ -66,6 +67,7 @@ - (void)createAnimatedNode:(nonnull NSNumber *)tag
             @"division" : [RCTDivisionAnimatedNode class],
             @"multiplication" : [RCTMultiplicationAnimatedNode class],
             @"modulus" : [RCTModuloAnimatedNode class],
+            @"subtraction" : [RCTSubtractionAnimatedNode class],
             @"transform" : [RCTTransformAnimatedNode class],
             @"tracking" : [RCTTrackingAnimatedNode class]};
   });
diff --git a/Libraries/Network/FormData.js b/Libraries/Network/FormData.js
index 669bf0f2a30cf7..a9de18c067c823 100644
--- a/Libraries/Network/FormData.js
+++ b/Libraries/Network/FormData.js
@@ -4,24 +4,27 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule FormData
+ * @format
  * @flow
  */
+
 'use strict';
 
 type FormDataValue = any;
 type FormDataNameValuePair = [string, FormDataValue];
 
 type Headers = {[name: string]: string};
-type FormDataPart = {
-  string: string,
-  headers: Headers,
-} | {
-  uri: string,
-  headers: Headers,
-  name?: string,
-  type?: string,
-};
+type FormDataPart =
+  | {
+      string: string,
+      headers: Headers,
+    }
+  | {
+      uri: string,
+      headers: Headers,
+      name?: string,
+      type?: string,
+    };
 
 /**
  * Polyfill for XMLHttpRequest2 FormData API, allowing multipart POST requests
@@ -61,9 +64,9 @@ class FormData {
 
   getParts(): Array<FormDataPart> {
     return this._parts.map(([name, value]) => {
-      var contentDisposition = 'form-data; name="' + name + '"';
+      const contentDisposition = 'form-data; name="' + name + '"';
 
-      var headers: Headers = {'content-disposition': contentDisposition};
+      const headers: Headers = {'content-disposition': contentDisposition};
 
       // The body part is a "blob", which in React Native just means
       // an object with a `uri` attribute. Optionally, it can also
diff --git a/Libraries/Network/NetInfo.js b/Libraries/Network/NetInfo.js
index 0db9d4eab26825..6d2363967f3a8e 100644
--- a/Libraries/Network/NetInfo.js
+++ b/Libraries/Network/NetInfo.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule NetInfo
+ * @format
  * @flow
  */
+
 'use strict';
 
 const Map = require('Map');
@@ -54,20 +55,19 @@ type ConnectivityStateAndroid = $Enum<{
   UNKNOWN: string,
 }>;
 
-
 const _subscriptions = new Map();
 
 let _isConnectedDeprecated;
 if (Platform.OS === 'ios') {
   _isConnectedDeprecated = function(
     reachability: ReachabilityStateIOS,
-  ): bool {
+  ): boolean {
     return reachability !== 'none' && reachability !== 'unknown';
   };
 } else if (Platform.OS === 'android') {
   _isConnectedDeprecated = function(
-      connectionType: ConnectivityStateAndroid,
-    ): bool {
+    connectionType: ConnectivityStateAndroid,
+  ): boolean {
     return connectionType !== 'NONE' && connectionType !== 'UNKNOWN';
   };
 }
@@ -91,38 +91,40 @@ const NetInfo = {
    */
   addEventListener(
     eventName: ChangeEventName,
-    handler: Function
+    handler: Function,
   ): {remove: () => void} {
     let listener;
     if (eventName === 'connectionChange') {
       listener = NetInfoEventEmitter.addListener(
         DEVICE_CONNECTIVITY_EVENT,
-        (appStateData) => {
+        appStateData => {
           handler({
             type: appStateData.connectionType,
-            effectiveType: appStateData.effectiveConnectionType
+            effectiveType: appStateData.effectiveConnectionType,
           });
-        }
+        },
       );
     } else if (eventName === 'change') {
-      console.warn('NetInfo\'s "change" event is deprecated. Listen to the "connectionChange" event instead.');
+      console.warn(
+        'NetInfo\'s "change" event is deprecated. Listen to the "connectionChange" event instead.',
+      );
 
       listener = NetInfoEventEmitter.addListener(
         DEVICE_CONNECTIVITY_EVENT,
-        (appStateData) => {
+        appStateData => {
           handler(appStateData.network_info);
-        }
+        },
       );
     } else {
       console.warn('Trying to subscribe to unknown event: "' + eventName + '"');
       return {
-        remove: () => {}
+        remove: () => {},
       };
     }
 
     _subscriptions.set(handler, listener);
     return {
-      remove: () => NetInfo.removeEventListener(eventName, handler)
+      remove: () => NetInfo.removeEventListener(eventName, handler),
     };
   },
 
@@ -131,10 +133,7 @@ const NetInfo = {
    *
    * See https://facebook.github.io/react-native/docs/netinfo.html#removeeventlistener
    */
-  removeEventListener(
-    eventName: ChangeEventName,
-    handler: Function
-  ): void {
+  removeEventListener(eventName: ChangeEventName, handler: Function): void {
     const listener = _subscriptions.get(handler);
     if (!listener) {
       return;
@@ -177,7 +176,9 @@ const NetInfo = {
    * be used if necessary.
    */
   fetch(): Promise<any> {
-    console.warn('NetInfo.fetch() is deprecated. Use NetInfo.getConnectionInfo() instead.');
+    console.warn(
+      'NetInfo.fetch() is deprecated. Use NetInfo.getConnectionInfo() instead.',
+    );
     return RCTNetInfo.getCurrentConnectivity().then(resp => resp.network_info);
   },
 
@@ -202,9 +203,9 @@ const NetInfo = {
   isConnected: {
     addEventListener(
       eventName: ChangeEventName,
-      handler: Function
+      handler: Function,
     ): {remove: () => void} {
-      const listener = (connection) => {
+      const listener = connection => {
         if (eventName === 'change') {
           handler(_isConnectedDeprecated(connection));
         } else if (eventName === 'connectionChange') {
@@ -212,26 +213,21 @@ const NetInfo = {
         }
       };
       _isConnectedSubscriptions.set(handler, listener);
-      NetInfo.addEventListener(
-        eventName,
-        listener
-      );
+      NetInfo.addEventListener(eventName, listener);
       return {
-        remove: () => NetInfo.isConnected.removeEventListener(eventName, handler)
+        remove: () =>
+          NetInfo.isConnected.removeEventListener(eventName, handler),
       };
     },
 
-    removeEventListener(
-      eventName: ChangeEventName,
-      handler: Function
-    ): void {
+    removeEventListener(eventName: ChangeEventName, handler: Function): void {
       const listener = _isConnectedSubscriptions.get(handler);
       NetInfo.removeEventListener(
         eventName,
         /* $FlowFixMe(>=0.36.0 site=react_native_fb,react_native_oss) Flow error
          * detected during the deploy of Flow v0.36.0. To see the error, remove
          * this comment and run Flow */
-        listener
+        listener,
       );
       _isConnectedSubscriptions.delete(handler);
     },
@@ -242,9 +238,9 @@ const NetInfo = {
   },
 
   isConnectionExpensive(): Promise<boolean> {
-    return (
-      Platform.OS === 'android' ? RCTNetInfo.isConnectionMetered() : Promise.reject(new Error('Currently not supported on iOS'))
-    );
+    return Platform.OS === 'android'
+      ? RCTNetInfo.isConnectionMetered()
+      : Promise.reject(new Error('Currently not supported on iOS'));
   },
 };
 
diff --git a/Libraries/Network/RCTNetInfo.m b/Libraries/Network/RCTNetInfo.m
index afc3d1db33334c..9b51a5c1ab4ff6 100644
--- a/Libraries/Network/RCTNetInfo.m
+++ b/Libraries/Network/RCTNetInfo.m
@@ -164,6 +164,7 @@ - (BOOL)setReachabilityStatus:(SCNetworkReachabilityFlags)flags
                   reject:(__unused RCTPromiseRejectBlock)reject)
 {
   SCNetworkReachabilityRef reachability = [self getReachabilityRef];
+  SCNetworkReachabilityUnscheduleFromRunLoop(reachability, CFRunLoopGetMain(), kCFRunLoopCommonModes);
   CFRelease(reachability);
   resolve(@{@"connectionType": _connectionType ?: RCTConnectionTypeUnknown,
             @"effectiveConnectionType": _effectiveConnectionType ?: RCTEffectiveConnectionTypeUnknown,
diff --git a/Libraries/Network/RCTNetwork.xcodeproj/project.pbxproj b/Libraries/Network/RCTNetwork.xcodeproj/project.pbxproj
index 2ca45336dd64d4..20cf3cf1dcdcf4 100644
--- a/Libraries/Network/RCTNetwork.xcodeproj/project.pbxproj
+++ b/Libraries/Network/RCTNetwork.xcodeproj/project.pbxproj
@@ -109,7 +109,7 @@
 		58B511D31A9E6C8500147676 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0810;
+				LastUpgradeCheck = 0940;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					2D2A28531D9B044C00D4039D = {
@@ -211,15 +211,22 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
 				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
 				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
@@ -243,7 +250,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -263,15 +270,22 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
 				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
 				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
@@ -288,7 +302,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SKIP_INSTALL = YES;
diff --git a/Libraries/Network/RCTNetworking.android.js b/Libraries/Network/RCTNetworking.android.js
index 9ec01dccecb838..85db7ed6f46550 100644
--- a/Libraries/Network/RCTNetworking.android.js
+++ b/Libraries/Network/RCTNetworking.android.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RCTNetworking
+ * @format
  * @flow
  */
+
 'use strict';
 
 // Do not require the native RCTNetworking module directly! Use this wrapper module instead.
@@ -40,7 +41,6 @@ function generateRequestId(): number {
  * requestId to each network request that can be used to abort that request later on.
  */
 class RCTNetworking extends NativeEventEmitter {
-
   isAvailable: boolean = true;
 
   constructor() {
@@ -57,11 +57,11 @@ class RCTNetworking extends NativeEventEmitter {
     incrementalUpdates: boolean,
     timeout: number,
     callback: (requestId: number) => any,
-    withCredentials: boolean
+    withCredentials: boolean,
   ) {
     const body = convertRequestBody(data);
     if (body && body.formData) {
-      body.formData = body.formData.map((part) => ({
+      body.formData = body.formData.map(part => ({
         ...part,
         headers: convertHeadersMapToArray(part.headers),
       }));
@@ -76,7 +76,7 @@ class RCTNetworking extends NativeEventEmitter {
       responseType,
       incrementalUpdates,
       timeout,
-      withCredentials
+      withCredentials,
     );
     callback(requestId);
   }
diff --git a/Libraries/Network/RCTNetworking.ios.js b/Libraries/Network/RCTNetworking.ios.js
index 004322a080f1bc..83f8339ed64a95 100644
--- a/Libraries/Network/RCTNetworking.ios.js
+++ b/Libraries/Network/RCTNetworking.ios.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RCTNetworking
+ * @format
  * @flow
  */
+
 'use strict';
 
 const MissingNativeEventEmitterShim = require('MissingNativeEventEmitterShim');
@@ -16,10 +17,9 @@ const convertRequestBody = require('convertRequestBody');
 
 import type {RequestBody} from 'convertRequestBody';
 
-import type { NativeResponseType } from './XMLHttpRequest';
+import type {NativeResponseType} from './XMLHttpRequest';
 
 class RCTNetworking extends NativeEventEmitter {
-
   isAvailable: boolean = true;
 
   constructor() {
@@ -36,19 +36,22 @@ class RCTNetworking extends NativeEventEmitter {
     incrementalUpdates: boolean,
     timeout: number,
     callback: (requestId: number) => any,
-    withCredentials: boolean
+    withCredentials: boolean,
   ) {
     const body = convertRequestBody(data);
-    RCTNetworkingNative.sendRequest({
-      method,
-      url,
-      data: {...body, trackingName},
-      headers,
-      responseType,
-      incrementalUpdates,
-      timeout,
-      withCredentials
-    }, callback);
+    RCTNetworkingNative.sendRequest(
+      {
+        method,
+        url,
+        data: {...body, trackingName},
+        headers,
+        responseType,
+        incrementalUpdates,
+        timeout,
+        withCredentials,
+      },
+      callback,
+    );
   }
 
   abortRequest(requestId: number) {
diff --git a/Libraries/Network/RCTNetworking.mm b/Libraries/Network/RCTNetworking.mm
index fe86d31e67e0ff..e7e5ad88c6a8a3 100644
--- a/Libraries/Network/RCTNetworking.mm
+++ b/Libraries/Network/RCTNetworking.mm
@@ -139,6 +139,11 @@ @implementation RCTNetworking
 
 - (void)invalidate
 {
+  for (NSNumber *requestID in _tasksByRequestID) {
+    [_tasksByRequestID[requestID] cancel];
+  }
+  [_tasksByRequestID removeAllObjects];
+  _handlers = nil;
   _requestHandlers = nil;
   _responseHandlers = nil;
 }
@@ -439,10 +444,6 @@ - (void)sendData:(NSData *)data
 {
   RCTAssertThread(_methodQueue, @"sendData: must be called on method queue");
 
-  if (data.length == 0) {
-    return;
-  }
-
   id responseData = nil;
   for (id<RCTNetworkingResponseHandler> handler in _responseHandlers) {
     if ([handler canHandleNetworkingResponse:responseType]) {
@@ -452,6 +453,10 @@ - (void)sendData:(NSData *)data
   }
 
   if (!responseData) {
+    if (data.length == 0) {
+      return;
+    }
+
     if ([responseType isEqualToString:@"text"]) {
       // No carry storage is required here because the entire data has been loaded.
       responseData = [RCTNetworking decodeTextData:data fromResponse:task.response withCarryData:nil];
diff --git a/Libraries/Network/XHRInterceptor.js b/Libraries/Network/XHRInterceptor.js
index 09cc3b22038a56..ced48d39100589 100644
--- a/Libraries/Network/XHRInterceptor.js
+++ b/Libraries/Network/XHRInterceptor.js
@@ -4,22 +4,23 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule XHRInterceptor
+ * @format
  */
- 'use strict';
+
+'use strict';
 
 const XMLHttpRequest = require('XMLHttpRequest');
 const originalXHROpen = XMLHttpRequest.prototype.open;
 const originalXHRSend = XMLHttpRequest.prototype.send;
 const originalXHRSetRequestHeader = XMLHttpRequest.prototype.setRequestHeader;
 
-var openCallback;
-var sendCallback;
-var requestHeaderCallback;
-var headerReceivedCallback;
-var responseCallback;
+let openCallback;
+let sendCallback;
+let requestHeaderCallback;
+let headerReceivedCallback;
+let responseCallback;
 
-var isInterceptorEnabled = false;
+let isInterceptorEnabled = false;
 
 /**
  * A network interceptor which monkey-patches XMLHttpRequest methods
@@ -97,43 +98,48 @@ const XHRInterceptor = {
         sendCallback(data, this);
       }
       if (this.addEventListener) {
-        this.addEventListener('readystatechange', () => {
-          if (!isInterceptorEnabled) {
-            return;
-          }
-          if (this.readyState === this.HEADERS_RECEIVED) {
-            const contentTypeString = this.getResponseHeader('Content-Type');
-            const contentLengthString =
-              this.getResponseHeader('Content-Length');
-            let responseContentType, responseSize;
-            if (contentTypeString) {
-              responseContentType = contentTypeString.split(';')[0];
-            }
-            if (contentLengthString) {
-              responseSize = parseInt(contentLengthString, 10);
+        this.addEventListener(
+          'readystatechange',
+          () => {
+            if (!isInterceptorEnabled) {
+              return;
             }
-            if (headerReceivedCallback) {
-              headerReceivedCallback(
-                responseContentType,
-                responseSize,
-                this.getAllResponseHeaders(),
-                this,
+            if (this.readyState === this.HEADERS_RECEIVED) {
+              const contentTypeString = this.getResponseHeader('Content-Type');
+              const contentLengthString = this.getResponseHeader(
+                'Content-Length',
               );
+              let responseContentType, responseSize;
+              if (contentTypeString) {
+                responseContentType = contentTypeString.split(';')[0];
+              }
+              if (contentLengthString) {
+                responseSize = parseInt(contentLengthString, 10);
+              }
+              if (headerReceivedCallback) {
+                headerReceivedCallback(
+                  responseContentType,
+                  responseSize,
+                  this.getAllResponseHeaders(),
+                  this,
+                );
+              }
             }
-          }
-          if (this.readyState === this.DONE) {
-            if (responseCallback) {
-              responseCallback(
-                this.status,
-                this.timeout,
-                this.response,
-                this.responseURL,
-                this.responseType,
-                this,
-              );
+            if (this.readyState === this.DONE) {
+              if (responseCallback) {
+                responseCallback(
+                  this.status,
+                  this.timeout,
+                  this.response,
+                  this.responseURL,
+                  this.responseType,
+                  this,
+                );
+              }
             }
-          }
-        }, false);
+          },
+          false,
+        );
       }
       originalXHRSend.apply(this, arguments);
     };
diff --git a/Libraries/Network/XMLHttpRequest.js b/Libraries/Network/XMLHttpRequest.js
index d17001d3743f34..e8be40a0ac6540 100644
--- a/Libraries/Network/XMLHttpRequest.js
+++ b/Libraries/Network/XMLHttpRequest.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule XMLHttpRequest
+ * @format
  * @flow
  */
+
 'use strict';
 
 const EventTarget = require('event-target-shim');
@@ -24,34 +25,26 @@ const warning = require('fbjs/lib/warning');
 const BlobManager = require('BlobManager');
 
 export type NativeResponseType = 'base64' | 'blob' | 'text';
-export type ResponseType = '' | 'arraybuffer' | 'blob' | 'document' | 'json' | 'text';
+export type ResponseType =
+  | ''
+  | 'arraybuffer'
+  | 'blob'
+  | 'document'
+  | 'json'
+  | 'text';
 export type Response = ?Object | string;
 
 type XHRInterceptor = {
-  requestSent(
-    id: number,
-    url: string,
-    method: string,
-    headers: Object
-  ): void,
+  requestSent(id: number, url: string, method: string, headers: Object): void,
   responseReceived(
     id: number,
     url: string,
     status: number,
-    headers: Object
-  ): void,
-  dataReceived(
-    id: number,
-    data: string
-  ): void,
-  loadingFinished(
-    id: number,
-    encodedDataLength: number
-  ): void,
-  loadingFailed(
-    id: number,
-    error: string
+    headers: Object,
   ): void,
+  dataReceived(id: number, data: string): void,
+  loadingFinished(id: number, encodedDataLength: number): void,
+  loadingFailed(id: number, error: string): void,
 };
 
 // The native blob module is optional so inject it here if available.
@@ -100,7 +93,6 @@ class XMLHttpRequestEventTarget extends EventTarget(...REQUEST_EVENTS) {
  * Shared base for platform-specific XMLHttpRequest implementations.
  */
 class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
-
   static UNSENT: number = UNSENT;
   static OPENED: number = OPENED;
   static HEADERS_RECEIVED: number = HEADERS_RECEIVED;
@@ -130,7 +122,7 @@ class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
   status: number = 0;
   timeout: number = 0;
   responseURL: ?string;
-  withCredentials: boolean = true
+  withCredentials: boolean = true;
 
   upload: XMLHttpRequestEventTarget = new XMLHttpRequestEventTarget();
 
@@ -188,14 +180,14 @@ class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
   set responseType(responseType: ResponseType): void {
     if (this._sent) {
       throw new Error(
-        'Failed to set the \'responseType\' property on \'XMLHttpRequest\': The ' +
-        'response type cannot be set after the request has been sent.'
+        "Failed to set the 'responseType' property on 'XMLHttpRequest': The " +
+          'response type cannot be set after the request has been sent.',
       );
     }
     if (!SUPPORTED_RESPONSE_TYPES.hasOwnProperty(responseType)) {
       warning(
         false,
-        `The provided value '${responseType}' is not a valid 'responseType'.`
+        `The provided value '${responseType}' is not a valid 'responseType'.`,
       );
       return;
     }
@@ -203,11 +195,14 @@ class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
     // redboxes early, e.g. for 'arraybuffer' on ios 7
     invariant(
       SUPPORTED_RESPONSE_TYPES[responseType] || responseType === 'document',
-      `The provided value '${responseType}' is unsupported in this environment.`
+      `The provided value '${responseType}' is unsupported in this environment.`,
     );
 
     if (responseType === 'blob') {
-      invariant(BlobManager.isAvailable, 'Native module BlobModule is required for blob support');
+      invariant(
+        BlobManager.isAvailable,
+        'Native module BlobModule is required for blob support',
+      );
     }
     this._responseType = responseType;
   }
@@ -216,7 +211,7 @@ class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
     if (this._responseType !== '' && this._responseType !== 'text') {
       throw new Error(
         "The 'responseText' property is only available if 'responseType' " +
-        `is set to '' or 'text', but it is '${this._responseType}'.`
+          `is set to '' or 'text', but it is '${this._responseType}'.`,
       );
     }
     if (this.readyState < LOADING) {
@@ -228,9 +223,7 @@ class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
   get response(): Response {
     const {responseType} = this;
     if (responseType === '' || responseType === 'text') {
-      return this.readyState < LOADING || this._hasError
-        ? ''
-        : this._response;
+      return this.readyState < LOADING || this._hasError ? '' : this._response;
     }
 
     if (this.readyState !== DONE) {
@@ -277,18 +270,20 @@ class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
   __didCreateRequest(requestId: number): void {
     this._requestId = requestId;
 
-    XMLHttpRequest._interceptor && XMLHttpRequest._interceptor.requestSent(
-      requestId,
-      this._url || '',
-      this._method || 'GET',
-      this._headers);
+    XMLHttpRequest._interceptor &&
+      XMLHttpRequest._interceptor.requestSent(
+        requestId,
+        this._url || '',
+        this._method || 'GET',
+        this._headers,
+      );
   }
 
   // exposed for testing
   __didUploadProgress(
     requestId: number,
     progress: number,
-    total: number
+    total: number,
   ): void {
     if (requestId === this._requestId) {
       this.upload.dispatchEvent({
@@ -304,7 +299,7 @@ class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
     requestId: number,
     status: number,
     responseHeaders: ?Object,
-    responseURL: ?string
+    responseURL: ?string,
   ): void {
     if (requestId === this._requestId) {
       this.status = status;
@@ -316,11 +311,13 @@ class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
         delete this.responseURL;
       }
 
-      XMLHttpRequest._interceptor && XMLHttpRequest._interceptor.responseReceived(
-        requestId,
-        responseURL || this._url || '',
-        status,
-        responseHeaders || {});
+      XMLHttpRequest._interceptor &&
+        XMLHttpRequest._interceptor.responseReceived(
+          requestId,
+          responseURL || this._url || '',
+          status,
+          responseHeaders || {},
+        );
     }
   }
 
@@ -332,16 +329,15 @@ class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
     this._cachedResponse = undefined; // force lazy recomputation
     this.setReadyState(this.LOADING);
 
-    XMLHttpRequest._interceptor && XMLHttpRequest._interceptor.dataReceived(
-      requestId,
-      response);
+    XMLHttpRequest._interceptor &&
+      XMLHttpRequest._interceptor.dataReceived(requestId, response);
   }
 
   __didReceiveIncrementalData(
     requestId: number,
     responseText: string,
     progress: number,
-    total: number
+    total: number,
   ) {
     if (requestId !== this._requestId) {
       return;
@@ -352,9 +348,8 @@ class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
       this._response += responseText;
     }
 
-    XMLHttpRequest._interceptor && XMLHttpRequest._interceptor.dataReceived(
-      requestId,
-      responseText);
+    XMLHttpRequest._interceptor &&
+      XMLHttpRequest._interceptor.dataReceived(requestId, responseText);
 
     this.setReadyState(this.LOADING);
     this.__didReceiveDataProgress(requestId, progress, total);
@@ -363,7 +358,7 @@ class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
   __didReceiveDataProgress(
     requestId: number,
     loaded: number,
-    total: number
+    total: number,
   ): void {
     if (requestId !== this._requestId) {
       return;
@@ -380,7 +375,7 @@ class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
   __didCompleteResponse(
     requestId: number,
     error: string,
-    timeOutError: boolean
+    timeOutError: boolean,
   ): void {
     if (requestId === this._requestId) {
       if (error) {
@@ -397,13 +392,14 @@ class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
       this.setReadyState(this.DONE);
 
       if (error) {
-        XMLHttpRequest._interceptor && XMLHttpRequest._interceptor.loadingFailed(
-          requestId,
-          error);
+        XMLHttpRequest._interceptor &&
+          XMLHttpRequest._interceptor.loadingFailed(requestId, error);
       } else {
-        XMLHttpRequest._interceptor && XMLHttpRequest._interceptor.loadingFinished(
-          requestId,
-          this._response.length);
+        XMLHttpRequest._interceptor &&
+          XMLHttpRequest._interceptor.loadingFinished(
+            requestId,
+            this._response.length,
+          );
       }
     }
   }
@@ -422,14 +418,16 @@ class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
       // according to the spec, return null if no response has been received
       return null;
     }
-    var headers = this.responseHeaders || {};
-    return Object.keys(headers).map((headerName) => {
-      return headerName + ': ' + headers[headerName];
-    }).join('\r\n');
+    const headers = this.responseHeaders || {};
+    return Object.keys(headers)
+      .map(headerName => {
+        return headerName + ': ' + headers[headerName];
+      })
+      .join('\r\n');
   }
 
   getResponseHeader(header: string): ?string {
-    var value = this._lowerCaseResponseHeaders[header.toLowerCase()];
+    const value = this._lowerCaseResponseHeaders[header.toLowerCase()];
     return value !== undefined ? value : null;
   }
 
@@ -474,34 +472,39 @@ class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
       throw new Error('Request has already been sent');
     }
     this._sent = true;
-    const incrementalEvents = this._incrementalEvents ||
-      !!this.onreadystatechange ||
-      !!this.onprogress;
-
-    this._subscriptions.push(RCTNetworking.addListener(
-      'didSendNetworkData',
-      (args) => this.__didUploadProgress(...args)
-    ));
-    this._subscriptions.push(RCTNetworking.addListener(
-      'didReceiveNetworkResponse',
-      (args) => this.__didReceiveResponse(...args)
-    ));
-    this._subscriptions.push(RCTNetworking.addListener(
-      'didReceiveNetworkData',
-      (args) => this.__didReceiveData(...args)
-    ));
-    this._subscriptions.push(RCTNetworking.addListener(
-      'didReceiveNetworkIncrementalData',
-      (args) => this.__didReceiveIncrementalData(...args)
-    ));
-    this._subscriptions.push(RCTNetworking.addListener(
-      'didReceiveNetworkDataProgress',
-      (args) => this.__didReceiveDataProgress(...args)
-    ));
-    this._subscriptions.push(RCTNetworking.addListener(
-      'didCompleteNetworkResponse',
-      (args) => this.__didCompleteResponse(...args)
-    ));
+    const incrementalEvents =
+      this._incrementalEvents || !!this.onreadystatechange || !!this.onprogress;
+
+    this._subscriptions.push(
+      RCTNetworking.addListener('didSendNetworkData', args =>
+        this.__didUploadProgress(...args),
+      ),
+    );
+    this._subscriptions.push(
+      RCTNetworking.addListener('didReceiveNetworkResponse', args =>
+        this.__didReceiveResponse(...args),
+      ),
+    );
+    this._subscriptions.push(
+      RCTNetworking.addListener('didReceiveNetworkData', args =>
+        this.__didReceiveData(...args),
+      ),
+    );
+    this._subscriptions.push(
+      RCTNetworking.addListener('didReceiveNetworkIncrementalData', args =>
+        this.__didReceiveIncrementalData(...args),
+      ),
+    );
+    this._subscriptions.push(
+      RCTNetworking.addListener('didReceiveNetworkDataProgress', args =>
+        this.__didReceiveDataProgress(...args),
+      ),
+    );
+    this._subscriptions.push(
+      RCTNetworking.addListener('didCompleteNetworkResponse', args =>
+        this.__didCompleteResponse(...args),
+      ),
+    );
 
     let nativeResponseType: NativeResponseType = 'text';
     if (this._responseType === 'arraybuffer') {
@@ -523,7 +526,7 @@ class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
       incrementalEvents,
       this.timeout,
       this.__didCreateRequest.bind(this),
-      this.withCredentials
+      this.withCredentials,
     );
   }
 
@@ -534,9 +537,13 @@ class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
     }
     // only call onreadystatechange if there is something to abort,
     // below logic is per spec
-    if (!(this.readyState === this.UNSENT ||
+    if (
+      !(
+        this.readyState === this.UNSENT ||
         (this.readyState === this.OPENED && !this._sent) ||
-        this.readyState === this.DONE)) {
+        this.readyState === this.DONE
+      )
+    ) {
       this._reset();
       this.setReadyState(this.DONE);
     }
@@ -546,12 +553,14 @@ class XMLHttpRequest extends EventTarget(...XHR_EVENTS) {
 
   setResponseHeaders(responseHeaders: ?Object): void {
     this.responseHeaders = responseHeaders || null;
-    var headers = responseHeaders || {};
-    this._lowerCaseResponseHeaders =
-      Object.keys(headers).reduce((lcaseHeaders, headerName) => {
+    const headers = responseHeaders || {};
+    this._lowerCaseResponseHeaders = Object.keys(headers).reduce(
+      (lcaseHeaders, headerName) => {
         lcaseHeaders[headerName.toLowerCase()] = headers[headerName];
         return lcaseHeaders;
-      }, {});
+      },
+      {},
+    );
   }
 
   setReadyState(newState: number): void {
diff --git a/Libraries/Network/__tests__/FormData-test.js b/Libraries/Network/__tests__/FormData-test.js
index a2b8eb0e7a4f1c..7831a1220c660f 100644
--- a/Libraries/Network/__tests__/FormData-test.js
+++ b/Libraries/Network/__tests__/FormData-test.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
 
@@ -28,9 +29,9 @@ describe('FormData', function() {
     const expectedPart = {
       string: 'null',
       headers: {
-        'content-disposition': 'form-data; name="null"'
+        'content-disposition': 'form-data; name="null"',
       },
-      fieldName: 'null'
+      fieldName: 'null',
     };
     expect(formData.getParts()[0]).toMatchObject(expectedPart);
   });
@@ -39,7 +40,7 @@ describe('FormData', function() {
     formData.append('photo', {
       uri: 'arbitrary/path',
       type: 'image/jpeg',
-      name: 'photo.jpg'
+      name: 'photo.jpg',
     });
 
     const expectedPart = {
@@ -48,9 +49,9 @@ describe('FormData', function() {
       name: 'photo.jpg',
       headers: {
         'content-disposition': 'form-data; name="photo"; filename="photo.jpg"',
-        'content-type': 'image/jpeg'
+        'content-type': 'image/jpeg',
       },
-      fieldName: 'photo'
+      fieldName: 'photo',
     };
     expect(formData.getParts()[0]).toMatchObject(expectedPart);
   });
diff --git a/Libraries/Network/__tests__/XMLHttpRequest-test.js b/Libraries/Network/__tests__/XMLHttpRequest-test.js
index e4a4ed066494d0..369fdcb3c63a0c 100644
--- a/Libraries/Network/__tests__/XMLHttpRequest-test.js
+++ b/Libraries/Network/__tests__/XMLHttpRequest-test.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
 
@@ -12,27 +13,26 @@ jest.unmock('Platform');
 const Platform = require('Platform');
 let requestId = 1;
 
-function setRequestId(id){
+function setRequestId(id) {
   if (Platform.OS === 'ios') {
     return;
   }
   requestId = id;
 }
 
-jest
-  .dontMock('event-target-shim')
-  .setMock('NativeModules', {
-    Networking: {
-      addListener: function() {},
-      removeListeners: function() {},
-      sendRequest(options, callback) {
-        if (typeof callback === 'function') { // android does not pass a callback
-          callback(requestId);
-        }
-      },
-      abortRequest: function() {},
+jest.dontMock('event-target-shim').setMock('NativeModules', {
+  Networking: {
+    addListener: function() {},
+    removeListeners: function() {},
+    sendRequest(options, callback) {
+      if (typeof callback === 'function') {
+        // android does not pass a callback
+        callback(requestId);
+      }
     },
-  });
+    abortRequest: function() {},
+  },
+});
 
 const XMLHttpRequest = require('XMLHttpRequest');
 
@@ -98,7 +98,9 @@ describe('XMLHttpRequest', function() {
     // Can't change responseType after first data has been received.
     xhr.open('GET', 'blabla');
     xhr.send();
-    expect(() => { xhr.responseType = 'text'; }).toThrow();
+    expect(() => {
+      xhr.responseType = 'text';
+    }).toThrow();
   });
 
   it('should expose responseText correctly', function() {
@@ -115,7 +117,9 @@ describe('XMLHttpRequest', function() {
     expect(xhr.response).toBe('');
 
     // responseText is read-only.
-    expect(() => { xhr.responseText = 'hi'; }).toThrow();
+    expect(() => {
+      xhr.responseText = 'hi';
+    }).toThrow();
     expect(xhr.responseText).toBe('');
     expect(xhr.response).toBe('');
 
@@ -217,8 +221,7 @@ describe('XMLHttpRequest', function() {
     });
 
     expect(xhr.getAllResponseHeaders()).toBe(
-      'Content-Type: text/plain; charset=utf-8\r\n' +
-      'Content-Length: 32');
+      'Content-Type: text/plain; charset=utf-8\r\n' + 'Content-Length: 32',
+    );
   });
-
 });
diff --git a/Libraries/Network/convertRequestBody.js b/Libraries/Network/convertRequestBody.js
index 2d3ecc7353aa8d..84cc9c569078d2 100644
--- a/Libraries/Network/convertRequestBody.js
+++ b/Libraries/Network/convertRequestBody.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule convertRequestBody
  * @flow
  * @format
  */
diff --git a/Libraries/Network/fetch.js b/Libraries/Network/fetch.js
index 5a0de646c91258..db029ae09987fb 100644
--- a/Libraries/Network/fetch.js
+++ b/Libraries/Network/fetch.js
@@ -4,15 +4,14 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule fetch
- *
+ * @format
  */
 
- /* globals Headers, Request, Response */
+/* globals Headers, Request, Response */
 
 'use strict';
 
-import whatwg from 'whatwg-fetch';
+const whatwg = require('whatwg-fetch');
 
 if (whatwg && whatwg.fetch) {
   module.exports = whatwg;
diff --git a/Libraries/Performance/PureComponentDebug.js b/Libraries/Performance/PureComponentDebug.js
new file mode 100644
index 00000000000000..c06dbbb71431b1
--- /dev/null
+++ b/Libraries/Performance/PureComponentDebug.js
@@ -0,0 +1,73 @@
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+'use strict';
+
+const React = require('React');
+
+opaque type DoNotCommitUsageOfPureComponentDebug = {};
+
+/**
+ * Identifies which prop or state changes triggered a re-render of a PureComponent. Usage:
+ *
+ * Change `extends React.PureComponent` to `extends PureComponentDebug` or inject it
+ * everywhere by putting this line in your app setup:
+ *
+ *    React.PureComponent = require('PureComponentDebug');
+ *
+ * Should only be used for local testing, and will trigger a flow failure if you try to
+ * commit any usages.
+ */
+class PureComponentDebug<
+  P: DoNotCommitUsageOfPureComponentDebug,
+  S: ?Object = void,
+> extends React.Component<P, S> {
+  shouldComponentUpdate(nextProps: P, nextState: S): boolean {
+    const tag = this.constructor.name;
+    let ret = false;
+    const prevPropsKeys = Object.keys(this.props);
+    const nextPropsKeys = Object.keys(nextProps);
+    if (prevPropsKeys.length !== nextPropsKeys.length) {
+      ret = true;
+      console.warn(
+        'PureComponentDebug: different prop keys',
+        tag,
+        prevPropsKeys.filter(key => !nextPropsKeys.includes(key)),
+        nextPropsKeys.filter(key => !prevPropsKeys.includes(key)),
+      );
+    }
+    const prevStateKeys = Object.keys(this.state || {});
+    const nextStateKeys = Object.keys(nextState || {});
+    if (prevStateKeys.length !== nextStateKeys.length) {
+      ret = true;
+      console.warn(
+        'PureComponentDebug: different state keys',
+        tag,
+        prevStateKeys.filter(key => !nextStateKeys.includes(key)),
+        nextStateKeys.filter(key => !prevStateKeys.includes(key)),
+      );
+    }
+    for (const key in this.props) {
+      if (this.props[key] !== nextProps[key]) {
+        ret = true;
+        console.warn('PureComponentDebug: different prop values', tag, key);
+      }
+    }
+    for (const key in this.state) {
+      if (this.state[key] !== (nextState || {})[key]) {
+        ret = true;
+        console.warn('PureComponentDebug: different state values', tag, key);
+      }
+    }
+    return ret;
+  }
+}
+
+module.exports = PureComponentDebug;
diff --git a/Libraries/Performance/QuickPerformanceLogger.js b/Libraries/Performance/QuickPerformanceLogger.js
index 4eec7220a7cc7c..abc16ab45fb2a4 100644
--- a/Libraries/Performance/QuickPerformanceLogger.js
+++ b/Libraries/Performance/QuickPerformanceLogger.js
@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule QuickPerformanceLogger
- * @flow
+ * @format
+ * @flow strict
  */
 
 'use strict';
@@ -81,13 +81,23 @@ const QuickPerformanceLogger = {
     }
   },
 
+  markerPoint(
+    markerId: number,
+    name: string,
+    instanceKey: number = DUMMY_INSTANCE_KEY,
+    timestamp: number = AUTO_SET_TIMESTAMP,
+  ): void {
+    if (global.nativeQPLMarkerPoint) {
+      global.nativeQPLMarkerPoint(markerId, name, instanceKey, timestamp);
+    }
+  },
+
   currentTimestamp(): number {
     if (global.nativeQPLTimestamp) {
       return global.nativeQPLTimestamp();
     }
     return 0;
   },
-
 };
 
 module.exports = QuickPerformanceLogger;
diff --git a/Libraries/Performance/SamplingProfiler.js b/Libraries/Performance/SamplingProfiler.js
index 739274399bde9f..6dcda029c5505d 100644
--- a/Libraries/Performance/SamplingProfiler.js
+++ b/Libraries/Performance/SamplingProfiler.js
@@ -4,13 +4,14 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SamplingProfiler
+ * @format
  * @flow
  */
+
 'use strict';
 
 const SamplingProfiler = {
-  poke: function (token: number): void {
+  poke: function(token: number): void {
     let error = null;
     let result = null;
     try {
@@ -22,7 +23,8 @@ const SamplingProfiler = {
       }
     } catch (e) {
       console.log(
-        'Error occurred when restarting Sampling Profiler: ' + e.toString());
+        'Error occurred when restarting Sampling Profiler: ' + e.toString(),
+      );
       error = e.toString();
     }
 
diff --git a/Libraries/Performance/Systrace.js b/Libraries/Performance/Systrace.js
index 2e38d8298d1e39..19105ad3039719 100644
--- a/Libraries/Performance/Systrace.js
+++ b/Libraries/Performance/Systrace.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Systrace
  * @flow
  * @format
  */
diff --git a/Libraries/PermissionsAndroid/PermissionsAndroid.js b/Libraries/PermissionsAndroid/PermissionsAndroid.js
index 18858e1669dbf7..123e6bfdd0919b 100644
--- a/Libraries/PermissionsAndroid/PermissionsAndroid.js
+++ b/Libraries/PermissionsAndroid/PermissionsAndroid.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule PermissionsAndroid
+ * @format
  * @flow
  */
+
 'use strict';
 
 const NativeModules = require('NativeModules');
@@ -14,7 +15,7 @@ const NativeModules = require('NativeModules');
 type Rationale = {
   title: string,
   message: string,
-}
+};
 
 type PermissionStatus = 'granted' | 'denied' | 'never_ask_again';
 /**
@@ -37,7 +38,7 @@ class PermissionsAndroid {
       CAMERA: 'android.permission.CAMERA',
       READ_CONTACTS: 'android.permission.READ_CONTACTS',
       WRITE_CONTACTS: 'android.permission.WRITE_CONTACTS',
-      GET_ACCOUNTS:  'android.permission.GET_ACCOUNTS',
+      GET_ACCOUNTS: 'android.permission.GET_ACCOUNTS',
       ACCESS_FINE_LOCATION: 'android.permission.ACCESS_FINE_LOCATION',
       ACCESS_COARSE_LOCATION: 'android.permission.ACCESS_COARSE_LOCATION',
       RECORD_AUDIO: 'android.permission.RECORD_AUDIO',
@@ -48,7 +49,7 @@ class PermissionsAndroid {
       ADD_VOICEMAIL: 'com.android.voicemail.permission.ADD_VOICEMAIL',
       USE_SIP: 'android.permission.USE_SIP',
       PROCESS_OUTGOING_CALLS: 'android.permission.PROCESS_OUTGOING_CALLS',
-      BODY_SENSORS:  'android.permission.BODY_SENSORS',
+      BODY_SENSORS: 'android.permission.BODY_SENSORS',
       SEND_SMS: 'android.permission.SEND_SMS',
       RECEIVE_SMS: 'android.permission.RECEIVE_SMS',
       READ_SMS: 'android.permission.READ_SMS',
@@ -73,8 +74,10 @@ class PermissionsAndroid {
    *
    * @deprecated
    */
-  checkPermission(permission: string) : Promise<boolean> {
-    console.warn('"PermissionsAndroid.checkPermission" is deprecated. Use "PermissionsAndroid.check" instead');
+  checkPermission(permission: string): Promise<boolean> {
+    console.warn(
+      '"PermissionsAndroid.checkPermission" is deprecated. Use "PermissionsAndroid.check" instead',
+    );
     return NativeModules.PermissionsAndroid.checkPermission(permission);
   }
 
@@ -84,7 +87,7 @@ class PermissionsAndroid {
    *
    * See https://facebook.github.io/react-native/docs/permissionsandroid.html#check
    */
-  check(permission: string) : Promise<boolean> {
+  check(permission: string): Promise<boolean> {
     return NativeModules.PermissionsAndroid.checkPermission(permission);
   }
 
@@ -102,10 +105,15 @@ class PermissionsAndroid {
    *
    * @deprecated
    */
-  async requestPermission(permission: string, rationale?: Rationale) : Promise<boolean> {
-    console.warn('"PermissionsAndroid.requestPermission" is deprecated. Use "PermissionsAndroid.request" instead');
+  async requestPermission(
+    permission: string,
+    rationale?: Rationale,
+  ): Promise<boolean> {
+    console.warn(
+      '"PermissionsAndroid.requestPermission" is deprecated. Use "PermissionsAndroid.request" instead',
+    );
     const response = await this.request(permission, rationale);
-    return (response === this.RESULTS.GRANTED);
+    return response === this.RESULTS.GRANTED;
   }
 
   /**
@@ -114,16 +122,24 @@ class PermissionsAndroid {
    *
    * See https://facebook.github.io/react-native/docs/permissionsandroid.html#request
    */
-  async request(permission: string, rationale?: Rationale) : Promise<PermissionStatus> {
+  async request(
+    permission: string,
+    rationale?: Rationale,
+  ): Promise<PermissionStatus> {
     if (rationale) {
-      const shouldShowRationale = await NativeModules.PermissionsAndroid.shouldShowRequestPermissionRationale(permission);
+      const shouldShowRationale = await NativeModules.PermissionsAndroid.shouldShowRequestPermissionRationale(
+        permission,
+      );
 
       if (shouldShowRationale) {
         return new Promise((resolve, reject) => {
           NativeModules.DialogManagerAndroid.showAlert(
             rationale,
             () => reject(new Error('Error showing rationale')),
-            () => resolve(NativeModules.PermissionsAndroid.requestPermission(permission))
+            () =>
+              resolve(
+                NativeModules.PermissionsAndroid.requestPermission(permission),
+              ),
           );
         });
       }
@@ -138,8 +154,12 @@ class PermissionsAndroid {
    *
    * See https://facebook.github.io/react-native/docs/permissionsandroid.html#requestmultiple
    */
-  requestMultiple(permissions: Array<string>) : Promise<{[permission: string]: PermissionStatus}> {
-    return NativeModules.PermissionsAndroid.requestMultiplePermissions(permissions);
+  requestMultiple(
+    permissions: Array<string>,
+  ): Promise<{[permission: string]: PermissionStatus}> {
+    return NativeModules.PermissionsAndroid.requestMultiplePermissions(
+      permissions,
+    );
   }
 }
 
diff --git a/Libraries/Promise.js b/Libraries/Promise.js
index 288ee75f6f0f72..2581435a619445 100644
--- a/Libraries/Promise.js
+++ b/Libraries/Promise.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Promise
+ * @format
  * @flow
  */
+
 'use strict';
 
 /* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
@@ -41,7 +42,7 @@ if (__DEV__) {
         (stack == null ? '' : stack);
       console.warn(warning);
     },
-    onHandled: (id) => {
+    onHandled: id => {
       const warning =
         `Promise Rejection Handled (id: ${id})\n` +
         'This means you can ignore any previous messages of the form ' +
diff --git a/Libraries/PushNotificationIOS/PushNotificationIOS.js b/Libraries/PushNotificationIOS/PushNotificationIOS.js
index 955bdf8c1adc9d..0b66fe4d9b6400 100644
--- a/Libraries/PushNotificationIOS/PushNotificationIOS.js
+++ b/Libraries/PushNotificationIOS/PushNotificationIOS.js
@@ -4,16 +4,20 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule PushNotificationIOS
+ * @format
  * @flow
  */
+
 'use strict';
 
 const NativeEventEmitter = require('NativeEventEmitter');
-const RCTPushNotificationManager = require('NativeModules').PushNotificationManager;
+const RCTPushNotificationManager = require('NativeModules')
+  .PushNotificationManager;
 const invariant = require('fbjs/lib/invariant');
 
-const PushNotificationEmitter = new NativeEventEmitter(RCTPushNotificationManager);
+const PushNotificationEmitter = new NativeEventEmitter(
+  RCTPushNotificationManager,
+);
 
 const _notifHandlers = new Map();
 
@@ -123,7 +127,9 @@ class PushNotificationIOS {
    *
    * See https://facebook.github.io/react-native/docs/pushnotificationios.html#getdeliverednotifications
    */
-  static getDeliveredNotifications(callback: (notifications: Array<Object>) => void): void {
+  static getDeliveredNotifications(
+    callback: (notifications: Array<Object>) => void,
+  ): void {
     RCTPushNotificationManager.getDeliveredNotifications(callback);
   }
 
@@ -180,37 +186,40 @@ class PushNotificationIOS {
    */
   static addEventListener(type: PushNotificationEventName, handler: Function) {
     invariant(
-      type === 'notification' || type === 'register' || type === 'registrationError' || type === 'localNotification',
-      'PushNotificationIOS only supports `notification`, `register`, `registrationError`, and `localNotification` events'
+      type === 'notification' ||
+        type === 'register' ||
+        type === 'registrationError' ||
+        type === 'localNotification',
+      'PushNotificationIOS only supports `notification`, `register`, `registrationError`, and `localNotification` events',
     );
-    var listener;
+    let listener;
     if (type === 'notification') {
-      listener =  PushNotificationEmitter.addListener(
+      listener = PushNotificationEmitter.addListener(
         DEVICE_NOTIF_EVENT,
-        (notifData) => {
+        notifData => {
           handler(new PushNotificationIOS(notifData));
-        }
+        },
       );
     } else if (type === 'localNotification') {
       listener = PushNotificationEmitter.addListener(
         DEVICE_LOCAL_NOTIF_EVENT,
-        (notifData) => {
+        notifData => {
           handler(new PushNotificationIOS(notifData));
-        }
+        },
       );
     } else if (type === 'register') {
       listener = PushNotificationEmitter.addListener(
         NOTIF_REGISTER_EVENT,
-        (registrationInfo) => {
+        registrationInfo => {
           handler(registrationInfo.deviceToken);
-        }
+        },
       );
     } else if (type === 'registrationError') {
       listener = PushNotificationEmitter.addListener(
         NOTIF_REGISTRATION_ERROR_EVENT,
-        (errorInfo) => {
+        errorInfo => {
           handler(errorInfo);
-        }
+        },
       );
     }
     _notifHandlers.set(type, listener);
@@ -222,12 +231,18 @@ class PushNotificationIOS {
    *
    * See https://facebook.github.io/react-native/docs/pushnotificationios.html#removeeventlistener
    */
-  static removeEventListener(type: PushNotificationEventName, handler: Function) {
+  static removeEventListener(
+    type: PushNotificationEventName,
+    handler: Function,
+  ) {
     invariant(
-      type === 'notification' || type === 'register' || type === 'registrationError' || type === 'localNotification',
-      'PushNotificationIOS only supports `notification`, `register`, `registrationError`, and `localNotification` events'
+      type === 'notification' ||
+        type === 'register' ||
+        type === 'registrationError' ||
+        type === 'localNotification',
+      'PushNotificationIOS only supports `notification`, `register`, `registrationError`, and `localNotification` events',
     );
-    var listener = _notifHandlers.get(type);
+    const listener = _notifHandlers.get(type);
     if (!listener) {
       return;
     }
@@ -246,24 +261,24 @@ class PushNotificationIOS {
   static requestPermissions(permissions?: {
     alert?: boolean,
     badge?: boolean,
-    sound?: boolean
+    sound?: boolean,
   }): Promise<{
     alert: boolean,
     badge: boolean,
-    sound: boolean
+    sound: boolean,
   }> {
-    var requestedPermissions = {};
+    let requestedPermissions = {};
     if (permissions) {
       requestedPermissions = {
         alert: !!permissions.alert,
         badge: !!permissions.badge,
-        sound: !!permissions.sound
+        sound: !!permissions.sound,
       };
     } else {
       requestedPermissions = {
         alert: true,
         badge: true,
-        sound: true
+        sound: true,
       };
     }
     return RCTPushNotificationManager.requestPermissions(requestedPermissions);
@@ -285,10 +300,7 @@ class PushNotificationIOS {
    * See https://facebook.github.io/react-native/docs/pushnotificationios.html#checkpermissions
    */
   static checkPermissions(callback: Function) {
-    invariant(
-      typeof callback === 'function',
-      'Must provide a valid callback'
-    );
+    invariant(typeof callback === 'function', 'Must provide a valid callback');
     RCTPushNotificationManager.checkPermissions(callback);
   }
 
@@ -299,9 +311,11 @@ class PushNotificationIOS {
    * See https://facebook.github.io/react-native/docs/pushnotificationios.html#getinitialnotification
    */
   static getInitialNotification(): Promise<?PushNotificationIOS> {
-    return RCTPushNotificationManager.getInitialNotification().then(notification => {
-      return notification && new PushNotificationIOS(notification);
-    });
+    return RCTPushNotificationManager.getInitialNotification().then(
+      notification => {
+        return notification && new PushNotificationIOS(notification);
+      },
+    );
   }
 
   /**
@@ -321,8 +335,8 @@ class PushNotificationIOS {
     if (nativeNotif.remote) {
       // Extract data from Apple's `aps` dict as defined:
       // https://developer.apple.com/library/ios/documentation/NetworkingInternet/Conceptual/RemoteNotificationsPG/Chapters/ApplePushService.html
-      Object.keys(nativeNotif).forEach((notifKey) => {
-        var notifVal = nativeNotif[notifKey];
+      Object.keys(nativeNotif).forEach(notifKey => {
+        const notifVal = nativeNotif[notifKey];
         if (notifKey === 'aps') {
           this._alert = notifVal.alert;
           this._sound = notifVal.sound;
@@ -351,12 +365,19 @@ class PushNotificationIOS {
    * See https://facebook.github.io/react-native/docs/pushnotificationios.html#finish
    */
   finish(fetchResult: string) {
-    if (!this._isRemote || !this._notificationId || this._remoteNotificationCompleteCallbackCalled) {
+    if (
+      !this._isRemote ||
+      !this._notificationId ||
+      this._remoteNotificationCompleteCallbackCalled
+    ) {
       return;
     }
     this._remoteNotificationCompleteCallbackCalled = true;
 
-    RCTPushNotificationManager.onFinishRemoteNotification(this._notificationId, fetchResult);
+    RCTPushNotificationManager.onFinishRemoteNotification(
+      this._notificationId,
+      fetchResult,
+    );
   }
 
   /**
diff --git a/Libraries/PushNotificationIOS/RCTPushNotification.xcodeproj/project.pbxproj b/Libraries/PushNotificationIOS/RCTPushNotification.xcodeproj/project.pbxproj
index c9318f7841c09d..7bca7034655f09 100644
--- a/Libraries/PushNotificationIOS/RCTPushNotification.xcodeproj/project.pbxproj
+++ b/Libraries/PushNotificationIOS/RCTPushNotification.xcodeproj/project.pbxproj
@@ -121,7 +121,7 @@
 		58B511D31A9E6C8500147676 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0610;
+				LastUpgradeCheck = 0940;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					3D05745E1DE6004600184BB4 = {
@@ -217,20 +217,31 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
 				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_OPTIMIZATION_LEVEL = 0;
 				GCC_PREPROCESSOR_DEFINITIONS = "DEBUG=1";
 				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
@@ -242,7 +253,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -262,20 +273,30 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = YES;
 				ENABLE_NS_ASSERTIONS = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_PREPROCESSOR_DEFINITIONS = "";
 				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
 				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
@@ -285,7 +306,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SKIP_INSTALL = YES;
diff --git a/Libraries/RCTTest/RCTTest.xcodeproj/project.pbxproj b/Libraries/RCTTest/RCTTest.xcodeproj/project.pbxproj
index 3fa7ee8b6805cf..e3f848a5cb270e 100644
--- a/Libraries/RCTTest/RCTTest.xcodeproj/project.pbxproj
+++ b/Libraries/RCTTest/RCTTest.xcodeproj/project.pbxproj
@@ -192,7 +192,7 @@
 		580C37671AB104AF0015E709 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0610;
+				LastUpgradeCheck = 0940;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					2D2A286D1D9B047700D4039D = {
@@ -296,20 +296,31 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
 				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_OPTIMIZATION_LEVEL = 0;
 				GCC_PREPROCESSOR_DEFINITIONS = (
 					"DEBUG=1",
@@ -324,7 +335,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -344,20 +355,30 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = YES;
 				ENABLE_NS_ASSERTIONS = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
 				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
 				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
@@ -366,7 +387,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SKIP_INSTALL = YES;
diff --git a/Libraries/RCTTest/RCTTestRunner.m b/Libraries/RCTTest/RCTTestRunner.m
index 00e97137282d0b..315371f4abfbf4 100644
--- a/Libraries/RCTTest/RCTTestRunner.m
+++ b/Libraries/RCTTest/RCTTestRunner.m
@@ -12,6 +12,7 @@
 #import <React/RCTDevSettings.h>
 #import <React/RCTLog.h>
 #import <React/RCTRootView.h>
+#import <React/RCTUIManager.h>
 #import <React/RCTUtils.h>
 
 #import "FBSnapshotTestController.h"
@@ -113,6 +114,7 @@ - (void)runTest:(SEL)test module:(NSString *)moduleName
 expectErrorBlock:(BOOL(^)(NSString *error))expectErrorBlock
 {
   __weak RCTBridge *batchedBridge;
+  NSNumber *rootTag;
 
   @autoreleasepool {
     __block NSMutableArray<NSString *> *errors = nil;
@@ -133,35 +135,42 @@ - (void)runTest:(SEL)test module:(NSString *)moduleName
     [bridge.devSettings setIsDebuggingRemotely:_useJSDebugger];
     batchedBridge = [bridge batchedBridge];
 
-    RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge moduleName:moduleName initialProperties:initialProps];
-#if TARGET_OS_TV
-    rootView.frame = CGRectMake(0, 0, 1920, 1080); // Standard screen size for tvOS
-#else
-    rootView.frame = CGRectMake(0, 0, 320, 2000); // Constant size for testing on multiple devices
-#endif
+    UIViewController *vc = RCTSharedApplication().delegate.window.rootViewController;
+    vc.view = [UIView new];
 
-    RCTTestModule *testModule = [rootView.bridge moduleForClass:[RCTTestModule class]];
+    RCTTestModule *testModule = [bridge moduleForClass:[RCTTestModule class]];
     RCTAssert(_testController != nil, @"_testController should not be nil");
     testModule.controller = _testController;
     testModule.testSelector = test;
     testModule.testSuffix = _testSuffix;
-    testModule.view = rootView;
 
-    UIViewController *vc = RCTSharedApplication().delegate.window.rootViewController;
-    vc.view = [UIView new];
-    [vc.view addSubview:rootView]; // Add as subview so it doesn't get resized
+    @autoreleasepool {
+      // The rootView needs to be deallocated after this @autoreleasepool block exits.
+      RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge moduleName:moduleName initialProperties:initialProps];
+#if TARGET_OS_TV
+      rootView.frame = CGRectMake(0, 0, 1920, 1080); // Standard screen size for tvOS
+#else
+      rootView.frame = CGRectMake(0, 0, 320, 2000); // Constant size for testing on multiple devices
+#endif
 
-    if (configurationBlock) {
-      configurationBlock(rootView);
-    }
+      rootTag = rootView.reactTag;
+      testModule.view = rootView;
 
-    NSDate *date = [NSDate dateWithTimeIntervalSinceNow:kTestTimeoutSeconds];
-    while (date.timeIntervalSinceNow > 0 && testModule.status == RCTTestStatusPending && errors == nil) {
-      [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
-      [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
-    }
+      [vc.view addSubview:rootView]; // Add as subview so it doesn't get resized
+
+      if (configurationBlock) {
+        configurationBlock(rootView);
+      }
 
-    [rootView removeFromSuperview];
+      NSDate *date = [NSDate dateWithTimeIntervalSinceNow:kTestTimeoutSeconds];
+      while (date.timeIntervalSinceNow > 0 && testModule.status == RCTTestStatusPending && errors == nil) {
+        [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+        [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+      }
+
+      [rootView removeFromSuperview];
+      testModule.view = nil;
+    }
 
     RCTSetLogFunction(defaultLogFunction);
 
@@ -181,15 +190,25 @@ - (void)runTest:(SEL)test module:(NSString *)moduleName
       RCTAssert(testModule.status == RCTTestStatusPassed, @"Test failed");
     }
 
+    // Wait for the rootView to be deallocated completely before invalidating the bridge.
+    RCTUIManager *uiManager = [bridge moduleForClass:[RCTUIManager class]];
+    NSDate *date = [NSDate dateWithTimeIntervalSinceNow:5];
+    while (date.timeIntervalSinceNow > 0 && [uiManager viewForReactTag:rootTag]) {
+      [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+      [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+    }
+    RCTAssert([uiManager viewForReactTag:rootTag] == nil, @"RootView should have been deallocated after removed.");
+
     [bridge invalidate];
   }
 
-  // Give the bridge a chance to disappear before continuing to the next test.
+  // Wait for the bridge to disappear before continuing to the next test.
   NSDate *invalidateTimeout = [NSDate dateWithTimeIntervalSinceNow:30];
   while (invalidateTimeout.timeIntervalSinceNow > 0 && batchedBridge != nil) {
     [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
     [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
   }
+  RCTAssert(batchedBridge == nil, @"Bridge should be deallocated after the test");
 }
 
 @end
diff --git a/Libraries/RCTTest/SnapshotViewIOS.android.js b/Libraries/RCTTest/SnapshotViewIOS.android.js
index ef8eb9d7bf67f6..260d559929796f 100644
--- a/Libraries/RCTTest/SnapshotViewIOS.android.js
+++ b/Libraries/RCTTest/SnapshotViewIOS.android.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SnapshotViewIOS
+ * @format
  */
+
 'use strict';
 
 module.exports = require('UnimplementedView');
diff --git a/Libraries/RCTTest/SnapshotViewIOS.ios.js b/Libraries/RCTTest/SnapshotViewIOS.ios.js
index 494830cd4ff3c0..9fbc70302cf460 100644
--- a/Libraries/RCTTest/SnapshotViewIOS.ios.js
+++ b/Libraries/RCTTest/SnapshotViewIOS.ios.js
@@ -4,21 +4,29 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SnapshotViewIOS
+ * @format
  * @flow
  */
+
 'use strict';
 
-var React = require('React');
+const React = require('React');
 const PropTypes = require('prop-types');
-var StyleSheet = require('StyleSheet');
-var { TestModule } = require('NativeModules');
-var UIManager = require('UIManager');
-var View = require('View');
+const StyleSheet = require('StyleSheet');
+const {TestModule} = require('NativeModules');
+const UIManager = require('UIManager');
+const View = require('View');
 
 const ViewPropTypes = require('ViewPropTypes');
 
-var requireNativeComponent = require('requireNativeComponent');
+const requireNativeComponent = require('requireNativeComponent');
+
+// Verify that RCTSnapshot is part of the UIManager since it is only loaded
+// if you have linked against RCTTest like in tests, otherwise we will have
+// a warning printed out
+const RCTSnapshot = UIManager.RCTSnapshot
+  ? requireNativeComponent('RCTSnapshot')
+  : View;
 
 class SnapshotViewIOS extends React.Component<{
   onSnapshotReady?: Function,
@@ -28,9 +36,9 @@ class SnapshotViewIOS extends React.Component<{
   static propTypes = {
     ...ViewPropTypes,
     // A callback when the Snapshot view is ready to be compared
-    onSnapshotReady : PropTypes.func,
+    onSnapshotReady: PropTypes.func,
     // A name to identify the individual instance to the SnapshotView
-    testIdentifier : PropTypes.string,
+    testIdentifier: PropTypes.string,
   };
 
   onDefaultAction = (event: Object) => {
@@ -38,9 +46,10 @@ class SnapshotViewIOS extends React.Component<{
   };
 
   render() {
-    var testIdentifier = this.props.testIdentifier || 'test';
-    var onSnapshotReady = this.props.onSnapshotReady || this.onDefaultAction;
+    const testIdentifier = this.props.testIdentifier || 'test';
+    const onSnapshotReady = this.props.onSnapshotReady || this.onDefaultAction;
     return (
+      // $FlowFixMe - Typing ReactNativeComponent revealed errors
       <RCTSnapshot
         style={style.snapshot}
         {...this.props}
@@ -51,17 +60,10 @@ class SnapshotViewIOS extends React.Component<{
   }
 }
 
-var style = StyleSheet.create({
+const style = StyleSheet.create({
   snapshot: {
     flex: 1,
   },
 });
 
-// Verify that RCTSnapshot is part of the UIManager since it is only loaded
-// if you have linked against RCTTest like in tests, otherwise we will have
-// a warning printed out
-var RCTSnapshot = UIManager.RCTSnapshot ?
-  requireNativeComponent('RCTSnapshot', SnapshotViewIOS) :
-  View;
-
 module.exports = SnapshotViewIOS;
diff --git a/Libraries/ReactNative/AppContainer.js b/Libraries/ReactNative/AppContainer.js
index 3060d6de450049..58ffb095fe5360 100644
--- a/Libraries/ReactNative/AppContainer.js
+++ b/Libraries/ReactNative/AppContainer.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AppContainer
  * @format
  * @flow
  */
@@ -22,26 +21,24 @@ const View = require('View');
 type Context = {
   rootTag: number,
 };
-type Props = {|
-  /* $FlowFixMe(>=0.53.0 site=react_native_fb,react_native_oss) This comment
-   * suppresses an error when upgrading Flow's support for React. To see the
-   * error delete this comment and run Flow. */
-  children?: React.Children,
-  fabric?: boolean,
+
+type Props = $ReadOnly<{|
+  children?: React.Node,
   rootTag: number,
-  WrapperComponent?: ?React.ComponentType<*>,
-|};
-type State = {
-  inspector: ?React.Element<any>,
+  WrapperComponent?: ?React.ComponentType<any>,
+|}>;
+
+type State = {|
+  inspector: ?React.Node,
   mainKey: number,
-};
+|};
 
 class AppContainer extends React.Component<Props, State> {
   state: State = {
     inspector: null,
     mainKey: 1,
   };
-  _mainRef: ?React.Element<any>;
+  _mainRef: ?React.ElementRef<typeof View>;
   _subscription: ?EmitterSubscription = null;
 
   static childContextTypes = {
@@ -83,7 +80,7 @@ class AppContainer extends React.Component<Props, State> {
   }
 
   componentWillUnmount(): void {
-    if (this._subscription) {
+    if (this._subscription != null) {
       this._subscription.remove();
     }
   }
@@ -91,8 +88,7 @@ class AppContainer extends React.Component<Props, State> {
   render(): React.Node {
     let yellowBox = null;
     if (__DEV__) {
-      if (!global.__RCTProfileIsProfiling && !this.props.fabric) {
-        // TODO: Fabric doesn't support YellowBox.
+      if (!global.__RCTProfileIsProfiling) {
         const YellowBox = require('YellowBox');
         yellowBox = <YellowBox />;
       }
@@ -105,9 +101,6 @@ class AppContainer extends React.Component<Props, State> {
         pointerEvents="box-none"
         style={styles.appContainer}
         ref={ref => {
-          /* $FlowFixMe(>=0.53.0 site=react_native_fb,react_native_oss) This
-           * comment suppresses an error when upgrading Flow's support for
-           * React. To see the error delete this comment and run Flow. */
           this._mainRef = ref;
         }}>
         {this.props.children}
@@ -115,7 +108,7 @@ class AppContainer extends React.Component<Props, State> {
     );
 
     const Wrapper = this.props.WrapperComponent;
-    if (Wrapper) {
+    if (Wrapper != null) {
       innerView = <Wrapper>{innerView}</Wrapper>;
     }
     return (
@@ -134,4 +127,11 @@ const styles = StyleSheet.create({
   },
 });
 
+if (__DEV__) {
+  if (!global.__RCTProfileIsProfiling) {
+    const YellowBox = require('YellowBox');
+    YellowBox.install();
+  }
+}
+
 module.exports = AppContainer;
diff --git a/Libraries/ReactNative/AppRegistry.js b/Libraries/ReactNative/AppRegistry.js
index 87bd07a6dd14f2..a2fdf91e632d45 100644
--- a/Libraries/ReactNative/AppRegistry.js
+++ b/Libraries/ReactNative/AppRegistry.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AppRegistry
  * @flow
  * @format
  */
@@ -97,13 +96,15 @@ const AppRegistry = {
   ): string {
     runnables[appKey] = {
       componentProvider,
-      run: appParameters =>
+      run: appParameters => {
         renderApplication(
           componentProviderInstrumentationHook(componentProvider),
           appParameters.initialProps,
           appParameters.rootTag,
           wrapperComponentProvider && wrapperComponentProvider(appParameters),
-        ),
+          appParameters.fabric,
+        );
+      },
     };
     if (section) {
       sections[appKey] = runnables[appKey];
diff --git a/Libraries/ReactNative/FabricUIManager.js b/Libraries/ReactNative/FabricUIManager.js
index 602b5459101b7d..20c855b3deafe1 100644
--- a/Libraries/ReactNative/FabricUIManager.js
+++ b/Libraries/ReactNative/FabricUIManager.js
@@ -4,8 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule FabricUIManager
- * @flow
+ * @flow strict
  * @format
  */
 'use strict';
diff --git a/Libraries/ReactNative/I18nManager.js b/Libraries/ReactNative/I18nManager.js
index a8a256d515f480..5212d1100dac92 100644
--- a/Libraries/ReactNative/I18nManager.js
+++ b/Libraries/ReactNative/I18nManager.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule I18nManager
  * @flow
  * @format
  */
diff --git a/Libraries/Renderer/shims/ReactFabricInternals.js b/Libraries/ReactNative/ReactFabricInternals.js
similarity index 70%
rename from Libraries/Renderer/shims/ReactFabricInternals.js
rename to Libraries/ReactNative/ReactFabricInternals.js
index d360803412a14a..47855a8b7c0c29 100644
--- a/Libraries/Renderer/shims/ReactFabricInternals.js
+++ b/Libraries/ReactNative/ReactFabricInternals.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ReactFabricInternals
  * @flow
  * @format
  */
@@ -14,19 +13,15 @@
 const {
   __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
 } = require('ReactFabric');
+const createReactNativeComponentClass = require('createReactNativeComponentClass');
 
 import type {NativeMethodsMixinType} from 'ReactNativeTypes';
 
-const {
-  NativeMethodsMixin,
-  ReactNativeBridgeEventPlugin,
-  createReactNativeComponentClass,
-} = __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+const {NativeMethodsMixin} = __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
 module.exports = {
   NativeMethodsMixin: ((NativeMethodsMixin: any): $Exact<
     NativeMethodsMixinType,
   >),
-  ReactNativeBridgeEventPlugin,
   createReactNativeComponentClass,
 };
diff --git a/Libraries/ReactNative/UIManager.js b/Libraries/ReactNative/UIManager.js
index 946d2233c5f132..d137f757b326f7 100644
--- a/Libraries/ReactNative/UIManager.js
+++ b/Libraries/ReactNative/UIManager.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule UIManager
  * @flow
  * @format
  */
@@ -78,11 +77,31 @@ if (Platform.OS === 'ios') {
     }
   });
 } else if (UIManager.ViewManagerNames) {
-  UIManager.ViewManagerNames.forEach(viewManagerName => {
-    defineLazyObjectProperty(UIManager, viewManagerName, {
-      get: () => UIManager.getConstantsForViewManager(viewManagerName),
-    });
-  });
+  // We want to add all the view managers to the UIManager.
+  // However, the way things are set up, the list of view managers is not known at compile time.
+  // As Prepack runs at compile it, it cannot process this loop.
+  // So we wrap it in a special __residual call, which basically tells Prepack to ignore it.
+  let residual = global.__residual
+    ? global.__residual
+    : (_, f, ...args) => f.apply(undefined, args);
+  residual(
+    'void',
+    (UIManager, defineLazyObjectProperty) => {
+      UIManager.ViewManagerNames.forEach(viewManagerName => {
+        defineLazyObjectProperty(UIManager, viewManagerName, {
+          get: () => UIManager.getConstantsForViewManager(viewManagerName),
+        });
+      });
+    },
+    UIManager,
+    defineLazyObjectProperty,
+  );
+
+  // As Prepack now no longer knows which properties exactly the UIManager has,
+  // we also tell Prepack that it has only partial knowledge of the UIManager,
+  // so that any accesses to unknown properties along the global code will fail
+  // when Prepack encounters them.
+  if (global.__makePartial) global.__makePartial(UIManager);
 }
 
 module.exports = UIManager;
diff --git a/Libraries/ReactNative/UIManagerStatTracker.js b/Libraries/ReactNative/UIManagerStatTracker.js
index 31f0a83613ffd1..f0f47f1b3e227d 100644
--- a/Libraries/ReactNative/UIManagerStatTracker.js
+++ b/Libraries/ReactNative/UIManagerStatTracker.js
@@ -4,23 +4,22 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule UIManagerStatTracker
  * @flow
  * @format
  */
 'use strict';
 
-var UIManager = require('UIManager');
+const UIManager = require('UIManager');
 
-var installed = false;
-var UIManagerStatTracker = {
+let installed = false;
+const UIManagerStatTracker = {
   install: function() {
     if (installed) {
       return;
     }
     installed = true;
-    var statLogHandle;
-    var stats = {};
+    let statLogHandle;
+    const stats = {};
     function printStats() {
       console.log({UIManagerStatTracker: stats});
       statLogHandle = null;
@@ -31,19 +30,19 @@ var UIManagerStatTracker = {
         statLogHandle = setImmediate(printStats);
       }
     }
-    var createViewOrig = UIManager.createView;
+    const createViewOrig = UIManager.createView;
     UIManager.createView = function(tag, className, rootTag, props) {
       incStat('createView', 1);
       incStat('setProp', Object.keys(props || []).length);
       createViewOrig(tag, className, rootTag, props);
     };
-    var updateViewOrig = UIManager.updateView;
+    const updateViewOrig = UIManager.updateView;
     UIManager.updateView = function(tag, className, props) {
       incStat('updateView', 1);
       incStat('setProp', Object.keys(props || []).length);
       updateViewOrig(tag, className, props);
     };
-    var manageChildrenOrig = UIManager.manageChildren;
+    const manageChildrenOrig = UIManager.manageChildren;
     UIManager.manageChildren = function(
       tag,
       moveFrom,
diff --git a/Libraries/ReactNative/YellowBox.js b/Libraries/ReactNative/YellowBox.js
deleted file mode 100644
index 8bd31d3cd8b768..00000000000000
--- a/Libraries/ReactNative/YellowBox.js
+++ /dev/null
@@ -1,532 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @providesModule YellowBox
- * @flow
- * @format
- */
-
-'use strict';
-
-const EventEmitter = require('EventEmitter');
-const Platform = require('Platform');
-const React = require('React');
-const SafeAreaView = require('SafeAreaView');
-const StyleSheet = require('StyleSheet');
-const RCTLog = require('RCTLog');
-
-const infoLog = require('infoLog');
-const openFileInEditor = require('openFileInEditor');
-const parseErrorStack = require('parseErrorStack');
-const stringifySafe = require('stringifySafe');
-const symbolicateStackTrace = require('symbolicateStackTrace');
-
-import type EmitterSubscription from 'EmitterSubscription';
-import type {StackFrame} from 'parseErrorStack';
-
-type WarningInfo = {
-  count: number,
-  stacktrace: Array<StackFrame>,
-  symbolicated: boolean,
-};
-
-const _warningEmitter = new EventEmitter();
-const _warningMap: Map<string, WarningInfo> = new Map();
-const IGNORED_WARNINGS: Array<string> = [];
-
-/**
- * YellowBox renders warnings at the bottom of the app being developed.
- *
- * Warnings help guard against subtle yet significant issues that can impact the
- * quality of the app. This "in your face" style of warning allows developers to
- * notice and correct these issues as quickly as possible.
- *
- * By default, the warning box is enabled in `__DEV__`. Set the following flag
- * to disable it (and call `console.warn` to update any rendered <YellowBox>):
- *
- *   console.disableYellowBox = true;
- *   console.warn('YellowBox is disabled.');
- *
- * Ignore specific warnings by calling:
- *
- *   YellowBox.ignoreWarnings(['Warning: ...']);
- *
- * (DEPRECATED) Warnings can be ignored programmatically by setting the array:
- *
- *   console.ignoredYellowBox = ['Warning: ...'];
- *
- * Strings in `console.ignoredYellowBox` can be a prefix of the warning that
- * should be ignored.
- */
-
-if (__DEV__) {
-  const {error, warn} = console;
-
-  (console: any).error = function() {
-    error.apply(console, arguments);
-    // Show yellow box for the `warning` module.
-    if (
-      typeof arguments[0] === 'string' &&
-      arguments[0].startsWith('Warning: ')
-    ) {
-      updateWarningMap.apply(null, arguments);
-    }
-  };
-
-  (console: any).warn = function() {
-    warn.apply(console, arguments);
-    updateWarningMap.apply(null, arguments);
-  };
-
-  if (Platform.isTesting) {
-    (console: any).disableYellowBox = true;
-  }
-
-  RCTLog.setWarningHandler((...args) => {
-    updateWarningMap.apply(null, args);
-  });
-}
-
-/**
- * Simple function for formatting strings.
- *
- * Replaces placeholders with values passed as extra arguments
- *
- * @param {string} format the base string
- * @param ...args the values to insert
- * @return {string} the replaced string
- */
-function sprintf(format, ...args) {
-  let index = 0;
-  return format.replace(/%s/g, match => args[index++]);
-}
-
-function updateWarningMap(...args): void {
-  if (console.disableYellowBox) {
-    return;
-  }
-
-  let warning;
-  if (typeof args[0] === 'string') {
-    const [format, ...formatArgs] = args;
-    const argCount = (format.match(/%s/g) || []).length;
-    warning = [
-      sprintf(format, ...formatArgs.slice(0, argCount).map(stringifySafe)),
-      ...formatArgs.slice(argCount).map(stringifySafe),
-    ].join(' ');
-  } else {
-    warning = args.map(stringifySafe).join(' ');
-  }
-
-  if (warning.startsWith('(ADVICE)')) {
-    return;
-  }
-
-  const warningInfo = _warningMap.get(warning);
-  if (warningInfo) {
-    warningInfo.count += 1;
-  } else {
-    const error: any = new Error();
-    error.framesToPop = 2;
-
-    _warningMap.set(warning, {
-      count: 1,
-      stacktrace: parseErrorStack(error),
-      symbolicated: false,
-    });
-  }
-
-  _warningEmitter.emit('warning', _warningMap);
-}
-
-function ensureSymbolicatedWarning(warning: string): void {
-  const prevWarningInfo = _warningMap.get(warning);
-  if (!prevWarningInfo || prevWarningInfo.symbolicated) {
-    return;
-  }
-  prevWarningInfo.symbolicated = true;
-
-  symbolicateStackTrace(prevWarningInfo.stacktrace).then(
-    stack => {
-      const nextWarningInfo = _warningMap.get(warning);
-      if (nextWarningInfo) {
-        nextWarningInfo.stacktrace = stack;
-        _warningEmitter.emit('warning', _warningMap);
-      }
-    },
-    error => {
-      const nextWarningInfo = _warningMap.get(warning);
-      if (nextWarningInfo) {
-        infoLog('Failed to symbolicate warning, "%s":', warning, error);
-        _warningEmitter.emit('warning', _warningMap);
-      }
-    },
-  );
-}
-
-function isWarningIgnored(warning: string): boolean {
-  const isIgnored = IGNORED_WARNINGS.some((ignoredWarning: string) =>
-    warning.startsWith(ignoredWarning),
-  );
-
-  if (isIgnored) {
-    return true;
-  }
-
-  // DEPRECATED
-  return (
-    Array.isArray(console.ignoredYellowBox) &&
-    console.ignoredYellowBox.some(ignorePrefix =>
-      warning.startsWith(String(ignorePrefix)),
-    )
-  );
-}
-
-const WarningRow = ({count, warning, onPress}) => {
-  const Text = require('Text');
-  const TouchableHighlight = require('TouchableHighlight');
-  const View = require('View');
-
-  const countText =
-    count > 1 ? (
-      <Text style={styles.listRowCount}>{'(' + count + ') '}</Text>
-    ) : null;
-
-  return (
-    <View style={styles.listRow}>
-      <TouchableHighlight
-        activeOpacity={0.5}
-        onPress={onPress}
-        style={styles.listRowContent}
-        underlayColor="transparent">
-        <Text style={styles.listRowText} numberOfLines={2}>
-          {countText}
-          {warning}
-        </Text>
-      </TouchableHighlight>
-    </View>
-  );
-};
-
-type StackRowProps = {frame: StackFrame};
-const StackRow = ({frame}: StackRowProps) => {
-  const Text = require('Text');
-  const TouchableHighlight = require('TouchableHighlight');
-  const {file, lineNumber} = frame;
-  let fileName;
-  if (file) {
-    const fileParts = file.split('/');
-    fileName = fileParts[fileParts.length - 1];
-  } else {
-    fileName = '<unknown file>';
-  }
-
-  return (
-    <TouchableHighlight
-      activeOpacity={0.5}
-      style={styles.openInEditorButton}
-      underlayColor="transparent"
-      onPress={openFileInEditor.bind(null, file, lineNumber)}>
-      <Text style={styles.inspectorCountText}>
-        {fileName}:{lineNumber}
-      </Text>
-    </TouchableHighlight>
-  );
-};
-
-const WarningInspector = ({
-  warningInfo,
-  warning,
-  stacktraceVisible,
-  onDismiss,
-  onDismissAll,
-  onMinimize,
-  toggleStacktrace,
-}) => {
-  const ScrollView = require('ScrollView');
-  const Text = require('Text');
-  const TouchableHighlight = require('TouchableHighlight');
-  const View = require('View');
-  const {count, stacktrace} = warningInfo || {};
-
-  const countSentence =
-    'Warning encountered ' + count + ' time' + (count - 1 ? 's' : '') + '.';
-
-  let stacktraceList;
-  if (stacktraceVisible && stacktrace) {
-    stacktraceList = (
-      <View style={styles.stacktraceList}>
-        {stacktrace.map((frame, ii) => <StackRow frame={frame} key={ii} />)}
-      </View>
-    );
-  }
-
-  return (
-    <View style={styles.inspector}>
-      <SafeAreaView style={styles.safeArea}>
-        <View style={styles.inspectorCount}>
-          <Text style={styles.inspectorCountText}>{countSentence}</Text>
-          <TouchableHighlight
-            onPress={toggleStacktrace}
-            underlayColor="transparent">
-            <Text style={styles.inspectorButtonText}>
-              {stacktraceVisible ? '\u{25BC}' : '\u{25B6}'} Stacktrace
-            </Text>
-          </TouchableHighlight>
-        </View>
-        <ScrollView style={styles.inspectorWarning}>
-          {stacktraceList}
-          <Text style={styles.inspectorWarningText}>{warning}</Text>
-        </ScrollView>
-        <View style={styles.inspectorButtons}>
-          <TouchableHighlight
-            activeOpacity={0.5}
-            onPress={onMinimize}
-            style={styles.inspectorButton}
-            underlayColor="transparent">
-            <Text style={styles.inspectorButtonText}>Minimize</Text>
-          </TouchableHighlight>
-          <TouchableHighlight
-            activeOpacity={0.5}
-            onPress={onDismiss}
-            style={styles.inspectorButton}
-            underlayColor="transparent">
-            <Text style={styles.inspectorButtonText}>Dismiss</Text>
-          </TouchableHighlight>
-          <TouchableHighlight
-            activeOpacity={0.5}
-            onPress={onDismissAll}
-            style={styles.inspectorButton}
-            underlayColor="transparent">
-            <Text style={styles.inspectorButtonText}>Dismiss All</Text>
-          </TouchableHighlight>
-        </View>
-      </SafeAreaView>
-    </View>
-  );
-};
-
-class YellowBox extends React.Component<
-  mixed,
-  {
-    stacktraceVisible: boolean,
-    inspecting: ?string,
-    warningMap: Map<any, any>,
-  },
-> {
-  _listener: ?EmitterSubscription;
-  dismissWarning: (warning: ?string) => void;
-
-  constructor(props: mixed, context: mixed) {
-    super(props, context);
-    this.state = {
-      inspecting: null,
-      stacktraceVisible: false,
-      warningMap: _warningMap,
-    };
-    this.dismissWarning = warning => {
-      const {inspecting, warningMap} = this.state;
-      if (warning) {
-        warningMap.delete(warning);
-      } else {
-        warningMap.clear();
-      }
-      this.setState({
-        inspecting: warning && inspecting !== warning ? inspecting : null,
-        warningMap,
-      });
-    };
-  }
-
-  static ignoreWarnings(warnings: Array<string>): void {
-    warnings.forEach((warning: string) => {
-      if (IGNORED_WARNINGS.indexOf(warning) === -1) {
-        IGNORED_WARNINGS.push(warning);
-      }
-    });
-  }
-
-  componentDidMount() {
-    let scheduled = null;
-    this._listener = _warningEmitter.addListener('warning', warningMap => {
-      // Use `setImmediate` because warnings often happen during render, but
-      // state cannot be set while rendering.
-      scheduled =
-        scheduled ||
-        setImmediate(() => {
-          scheduled = null;
-          this.setState({
-            warningMap,
-          });
-        });
-    });
-  }
-
-  componentDidUpdate() {
-    const {inspecting} = this.state;
-    if (inspecting != null) {
-      ensureSymbolicatedWarning(inspecting);
-    }
-  }
-
-  componentWillUnmount() {
-    if (this._listener) {
-      this._listener.remove();
-    }
-  }
-
-  render() {
-    if (console.disableYellowBox || this.state.warningMap.size === 0) {
-      return null;
-    }
-    const ScrollView = require('ScrollView');
-    const View = require('View');
-
-    const {inspecting, stacktraceVisible} = this.state;
-    const inspector =
-      inspecting !== null ? (
-        <WarningInspector
-          warningInfo={this.state.warningMap.get(inspecting)}
-          warning={inspecting}
-          stacktraceVisible={stacktraceVisible}
-          onDismiss={() => this.dismissWarning(inspecting)}
-          onDismissAll={() => this.dismissWarning(null)}
-          onMinimize={() => this.setState({inspecting: null})}
-          toggleStacktrace={() =>
-            this.setState({stacktraceVisible: !stacktraceVisible})
-          }
-        />
-      ) : null;
-
-    const rows = [];
-    this.state.warningMap.forEach((warningInfo, warning) => {
-      if (!isWarningIgnored(warning)) {
-        rows.push(
-          <WarningRow
-            key={warning}
-            count={warningInfo.count}
-            warning={warning}
-            onPress={() => this.setState({inspecting: warning})}
-            onDismiss={() => this.dismissWarning(warning)}
-          />,
-        );
-      }
-    });
-
-    const listStyle = [
-      styles.list,
-      // Additional `0.4` so the 5th row can peek into view.
-      {height: Math.min(rows.length, 4.4) * (rowGutter + rowHeight)},
-    ];
-    return (
-      <View style={inspector ? styles.fullScreen : listStyle}>
-        <ScrollView style={listStyle} scrollsToTop={false}>
-          {rows}
-        </ScrollView>
-        {inspector}
-      </View>
-    );
-  }
-}
-
-const backgroundColor = opacity => 'rgba(250, 186, 48, ' + opacity + ')';
-const textColor = 'white';
-const rowGutter = 1;
-const rowHeight = 46;
-
-// For unknown reasons, setting elevation: Number.MAX_VALUE causes remote debugging to
-// hang on iOS (some sort of overflow maybe). Setting it to Number.MAX_SAFE_INTEGER fixes the iOS issue, but since
-// elevation is an android-only style property we might as well remove it altogether for iOS.
-// See: https://github.com/facebook/react-native/issues/12223
-const elevation =
-  Platform.OS === 'android' ? Number.MAX_SAFE_INTEGER : undefined;
-
-var styles = StyleSheet.create({
-  fullScreen: {
-    height: '100%',
-    width: '100%',
-    elevation: elevation,
-    position: 'absolute',
-  },
-  inspector: {
-    backgroundColor: backgroundColor(0.95),
-    height: '100%',
-    paddingTop: 5,
-    elevation: elevation,
-  },
-  inspectorButtons: {
-    flexDirection: 'row',
-  },
-  inspectorButton: {
-    flex: 1,
-    paddingVertical: 22,
-    backgroundColor: backgroundColor(1),
-  },
-  safeArea: {
-    flex: 1,
-  },
-  stacktraceList: {
-    paddingBottom: 5,
-  },
-  inspectorButtonText: {
-    color: textColor,
-    fontSize: 14,
-    opacity: 0.8,
-    textAlign: 'center',
-  },
-  openInEditorButton: {
-    paddingTop: 5,
-    paddingBottom: 5,
-  },
-  inspectorCount: {
-    padding: 15,
-    paddingBottom: 0,
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-  },
-  inspectorCountText: {
-    color: textColor,
-    fontSize: 14,
-  },
-  inspectorWarning: {
-    flex: 1,
-    paddingHorizontal: 15,
-  },
-  inspectorWarningText: {
-    color: textColor,
-    fontSize: 16,
-    fontWeight: '600',
-  },
-  list: {
-    backgroundColor: 'transparent',
-    position: 'absolute',
-    left: 0,
-    right: 0,
-    bottom: 0,
-    elevation: elevation,
-  },
-  listRow: {
-    backgroundColor: backgroundColor(0.95),
-    height: rowHeight,
-    marginTop: rowGutter,
-  },
-  listRowContent: {
-    flex: 1,
-  },
-  listRowCount: {
-    color: 'rgba(255, 255, 255, 0.5)',
-  },
-  listRowText: {
-    color: textColor,
-    position: 'absolute',
-    left: 0,
-    top: Platform.OS === 'android' ? 5 : 7,
-    marginLeft: 15,
-    marginRight: 15,
-  },
-});
-
-module.exports = YellowBox;
diff --git a/Libraries/ReactNative/queryLayoutByID.js b/Libraries/ReactNative/queryLayoutByID.js
index d484405920d29a..6703612959a968 100644
--- a/Libraries/ReactNative/queryLayoutByID.js
+++ b/Libraries/ReactNative/queryLayoutByID.js
@@ -4,13 +4,12 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule queryLayoutByID
  * @flow
  * @format
  */
 'use strict';
 
-var UIManager = require('UIManager');
+const UIManager = require('UIManager');
 
 type OnSuccessCallback = (
   left: number,
@@ -43,7 +42,7 @@ type OnErrorCallback = (error: any) => void;
  * @param {function} onError `func(error)`
  * @param {function} onSuccess `func(left, top, width, height, pageX, pageY)`
  */
-var queryLayoutByID = function(
+const queryLayoutByID = function(
   tag: ?number,
   onError: OnErrorCallback,
   onSuccess: OnSuccessCallback,
diff --git a/Libraries/ReactNative/renderApplication.js b/Libraries/ReactNative/renderApplication.js
index e72853e8e459c0..7d699f754651f0 100644
--- a/Libraries/ReactNative/renderApplication.js
+++ b/Libraries/ReactNative/renderApplication.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule renderApplication
  * @format
  * @flow
  */
@@ -13,7 +12,6 @@
 
 const AppContainer = require('AppContainer');
 const React = require('React');
-const ReactNative = require('ReactNative');
 
 const invariant = require('fbjs/lib/invariant');
 
@@ -25,6 +23,7 @@ function renderApplication<Props: Object>(
   initialProps: Props,
   rootTag: any,
   WrapperComponent?: ?React.ComponentType<*>,
+  fabric?: boolean,
 ) {
   invariant(rootTag, 'Expect to have a valid rootTag, instead got ', rootTag);
 
@@ -38,6 +37,9 @@ function renderApplication<Props: Object>(
   // to be async also. To do this, wrap AppContainer with an async marker.
   // For more info see https://fb.me/is-component-async
   if (
+    /* $FlowFixMe(>=0.68.0 site=react_native_fb) This comment suppresses an
+     * error found when Flow v0.68 was deployed. To see the error delete this
+     * comment and run Flow. */
     RootComponent.prototype != null &&
     RootComponent.prototype.unstable_isAsyncReactComponent === true
   ) {
@@ -46,7 +48,11 @@ function renderApplication<Props: Object>(
     renderable = <AsyncMode>{renderable}</AsyncMode>;
   }
 
-  ReactNative.render(renderable, rootTag);
+  if (fabric) {
+    require('ReactFabric').render(renderable, rootTag);
+  } else {
+    require('ReactNative').render(renderable, rootTag);
+  }
 }
 
 module.exports = renderApplication;
diff --git a/Libraries/ReactNative/renderFabricSurface.js b/Libraries/ReactNative/renderFabricSurface.js
deleted file mode 100644
index 841a079b1d0675..00000000000000
--- a/Libraries/ReactNative/renderFabricSurface.js
+++ /dev/null
@@ -1,56 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @providesModule renderFabricSurface
- * @format
- * @flow
- */
-
-'use strict';
-
-const AppContainer = require('AppContainer');
-const React = require('React');
-const ReactFabric = require('ReactFabric');
-
-const invariant = require('fbjs/lib/invariant');
-
-// require BackHandler so it sets the default handler that exits the app if no listeners respond
-require('BackHandler');
-
-// Note: this is a fork of renderApplication.js to simply invoke ReactFabric.
-function renderFabricSurface<Props: Object>(
-  RootComponent: React.ComponentType<Props>,
-  initialProps: Props,
-  rootTag: any,
-  WrapperComponent?: ?React.ComponentType<*>,
-) {
-  invariant(rootTag, 'Expect to have a valid rootTag, instead got ', rootTag);
-
-  let renderable = (
-    <AppContainer
-      fabric={true}
-      rootTag={rootTag}
-      WrapperComponent={WrapperComponent}>
-      <RootComponent {...initialProps} rootTag={rootTag} />
-    </AppContainer>
-  );
-
-  // If the root component is async, the user probably wants the initial render
-  // to be async also. To do this, wrap AppContainer with an async marker.
-  // For more info see https://fb.me/is-component-async
-  if (
-    RootComponent.prototype != null &&
-    RootComponent.prototype.unstable_isAsyncReactComponent === true
-  ) {
-    // $FlowFixMe This is not yet part of the official public API
-    const AsyncMode = React.unstable_AsyncMode;
-    renderable = <AsyncMode>{renderable}</AsyncMode>;
-  }
-
-  ReactFabric.render(renderable, rootTag);
-}
-
-module.exports = renderFabricSurface;
diff --git a/Libraries/ReactNative/requireFabricComponent.js b/Libraries/ReactNative/requireFabricComponent.js
deleted file mode 100644
index 1544c6fdff976e..00000000000000
--- a/Libraries/ReactNative/requireFabricComponent.js
+++ /dev/null
@@ -1,240 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @providesModule requireFabricComponent
- * @flow
- * @format
- */
-'use strict';
-
-const Platform = require('Platform');
-const {
-  ReactNativeBridgeEventPlugin,
-  createReactNativeComponentClass,
-} = require('ReactFabricInternals');
-const ReactNativeStyleAttributes = require('ReactNativeStyleAttributes');
-const UIManager = require('UIManager');
-
-const insetsDiffer = require('insetsDiffer');
-const matricesDiffer = require('matricesDiffer');
-const pointsDiffer = require('pointsDiffer');
-const processColor = require('processColor');
-const resolveAssetSource = require('resolveAssetSource');
-const sizesDiffer = require('sizesDiffer');
-const verifyPropTypes = require('verifyPropTypes');
-const invariant = require('fbjs/lib/invariant');
-const warning = require('fbjs/lib/warning');
-
-/**
- * Used to create React components that directly wrap native component
- * implementations.  Config information is extracted from data exported from the
- * UIManager module.  You should also wrap the native component in a
- * hand-written component with full propTypes definitions and other
- * documentation - pass the hand-written component in as `componentInterface` to
- * verify all the native props are documented via `propTypes`.
- *
- * If some native props shouldn't be exposed in the wrapper interface, you can
- * pass null for `componentInterface` and call `verifyPropTypes` directly
- * with `nativePropsToIgnore`;
- *
- * Common types are lined up with the appropriate prop differs with
- * `TypeToDifferMap`.  Non-scalar types not in the map default to `deepDiffer`.
- */
-import type {ComponentInterface} from 'verifyPropTypes';
-
-let hasAttachedDefaultEventTypes: boolean = false;
-
-function requireNativeComponent(
-  viewName: string,
-  componentInterface?: ?ComponentInterface,
-  extraConfig?: ?{nativeOnly?: Object},
-): React$ComponentType<any> | string {
-  function attachDefaultEventTypes(viewConfig: any) {
-    if (Platform.OS === 'android') {
-      // This is supported on Android platform only,
-      // as lazy view managers discovery is Android-specific.
-      if (UIManager.ViewManagerNames) {
-        // Lazy view managers enabled.
-        viewConfig = merge(viewConfig, UIManager.getDefaultEventTypes());
-      } else {
-        viewConfig.bubblingEventTypes = merge(
-          viewConfig.bubblingEventTypes,
-          UIManager.genericBubblingEventTypes,
-        );
-        viewConfig.directEventTypes = merge(
-          viewConfig.directEventTypes,
-          UIManager.genericDirectEventTypes,
-        );
-      }
-    }
-  }
-
-  function merge(destination: ?Object, source: ?Object): ?Object {
-    if (!source) {
-      return destination;
-    }
-    if (!destination) {
-      return source;
-    }
-
-    for (const key in source) {
-      if (!source.hasOwnProperty(key)) {
-        continue;
-      }
-
-      var sourceValue = source[key];
-      if (destination.hasOwnProperty(key)) {
-        const destinationValue = destination[key];
-        if (
-          typeof sourceValue === 'object' &&
-          typeof destinationValue === 'object'
-        ) {
-          sourceValue = merge(destinationValue, sourceValue);
-        }
-      }
-      destination[key] = sourceValue;
-    }
-    return destination;
-  }
-
-  // Don't load the ViewConfig from UIManager until it's needed for rendering.
-  // Lazy-loading this can help avoid Prepack deopts.
-  function getViewConfig() {
-    const viewConfig = UIManager[viewName];
-
-    invariant(
-      viewConfig != null && !viewConfig.NativeProps != null,
-      'Native component for "%s" does not exist',
-      viewName,
-    );
-
-    viewConfig.uiViewClassName = viewName;
-    viewConfig.validAttributes = {};
-
-    // ReactNative `View.propTypes` have been deprecated in favor of
-    // `ViewPropTypes`. In their place a temporary getter has been added with a
-    // deprecated warning message. Avoid triggering that warning here by using
-    // temporary workaround, __propTypesSecretDontUseThesePlease.
-    // TODO (bvaughn) Revert this particular change any time after April 1
-    if (componentInterface) {
-      viewConfig.propTypes =
-        typeof componentInterface.__propTypesSecretDontUseThesePlease ===
-        'object'
-          ? componentInterface.__propTypesSecretDontUseThesePlease
-          : componentInterface.propTypes;
-    } else {
-      viewConfig.propTypes = null;
-    }
-
-    let baseModuleName = viewConfig.baseModuleName;
-    let bubblingEventTypes = viewConfig.bubblingEventTypes;
-    let directEventTypes = viewConfig.directEventTypes;
-    let nativeProps = viewConfig.NativeProps;
-    while (baseModuleName) {
-      const baseModule = UIManager[baseModuleName];
-      if (!baseModule) {
-        warning(false, 'Base module "%s" does not exist', baseModuleName);
-        baseModuleName = null;
-      } else {
-        bubblingEventTypes = {
-          ...baseModule.bubblingEventTypes,
-          ...bubblingEventTypes,
-        };
-        directEventTypes = {
-          ...baseModule.directEventTypes,
-          ...directEventTypes,
-        };
-        nativeProps = {
-          ...baseModule.NativeProps,
-          ...nativeProps,
-        };
-        baseModuleName = baseModule.baseModuleName;
-      }
-    }
-
-    viewConfig.bubblingEventTypes = bubblingEventTypes;
-    viewConfig.directEventTypes = directEventTypes;
-
-    for (const key in nativeProps) {
-      let useAttribute = false;
-      const attribute = {};
-
-      const differ = TypeToDifferMap[nativeProps[key]];
-      if (differ) {
-        attribute.diff = differ;
-        useAttribute = true;
-      }
-
-      const processor = TypeToProcessorMap[nativeProps[key]];
-      if (processor) {
-        attribute.process = processor;
-        useAttribute = true;
-      }
-
-      viewConfig.validAttributes[key] = useAttribute ? attribute : true;
-    }
-
-    // Unfortunately, the current set up puts the style properties on the top
-    // level props object. We also need to add the nested form for API
-    // compatibility. This allows these props on both the top level and the
-    // nested style level. TODO: Move these to nested declarations on the
-    // native side.
-    viewConfig.validAttributes.style = ReactNativeStyleAttributes;
-
-    if (__DEV__) {
-      componentInterface &&
-        verifyPropTypes(
-          componentInterface,
-          viewConfig,
-          extraConfig && extraConfig.nativeOnly,
-        );
-    }
-
-    if (!hasAttachedDefaultEventTypes) {
-      attachDefaultEventTypes(viewConfig);
-      hasAttachedDefaultEventTypes = true;
-    }
-
-    // Register this view's event types with the ReactNative renderer.
-    // This enables view managers to be initialized lazily, improving perf,
-    // While also enabling 3rd party components to define custom event types.
-    ReactNativeBridgeEventPlugin.processEventTypes(viewConfig);
-
-    return viewConfig;
-  }
-
-  return createReactNativeComponentClass(viewName, getViewConfig);
-}
-
-const TypeToDifferMap = {
-  // iOS Types
-  CATransform3D: matricesDiffer,
-  CGPoint: pointsDiffer,
-  CGSize: sizesDiffer,
-  UIEdgeInsets: insetsDiffer,
-  // Android Types
-  // (not yet implemented)
-};
-
-function processColorArray(colors: ?Array<any>): ?Array<?number> {
-  return colors && colors.map(processColor);
-}
-
-const TypeToProcessorMap = {
-  // iOS Types
-  CGColor: processColor,
-  CGColorArray: processColorArray,
-  UIColor: processColor,
-  UIColorArray: processColorArray,
-  CGImage: resolveAssetSource,
-  UIImage: resolveAssetSource,
-  RCTImageSource: resolveAssetSource,
-  // Android Types
-  Color: processColor,
-  ColorArray: processColorArray,
-};
-
-module.exports = requireNativeComponent;
diff --git a/Libraries/ReactNative/requireNativeComponent.js b/Libraries/ReactNative/requireNativeComponent.js
index 2a6c7c8ca71e8d..dce6a900bb00d1 100644
--- a/Libraries/ReactNative/requireNativeComponent.js
+++ b/Libraries/ReactNative/requireNativeComponent.js
@@ -4,14 +4,12 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule requireNativeComponent
  * @flow
  * @format
  */
+
 'use strict';
 
-const Platform = require('Platform');
-const ReactNativeBridgeEventPlugin = require('ReactNativeBridgeEventPlugin');
 const ReactNativeStyleAttributes = require('ReactNativeStyleAttributes');
 const UIManager = require('UIManager');
 
@@ -22,114 +20,30 @@ const pointsDiffer = require('pointsDiffer');
 const processColor = require('processColor');
 const resolveAssetSource = require('resolveAssetSource');
 const sizesDiffer = require('sizesDiffer');
-const verifyPropTypes = require('verifyPropTypes');
 const invariant = require('fbjs/lib/invariant');
 const warning = require('fbjs/lib/warning');
 
 /**
- * Used to create React components that directly wrap native component
- * implementations.  Config information is extracted from data exported from the
- * UIManager module.  You should also wrap the native component in a
- * hand-written component with full propTypes definitions and other
- * documentation - pass the hand-written component in as `componentInterface` to
- * verify all the native props are documented via `propTypes`.
+ * Creates values that can be used like React components which represent native
+ * view managers. You should create JavaScript modules that wrap these values so
+ * that the results are memoized. Example:
  *
- * If some native props shouldn't be exposed in the wrapper interface, you can
- * pass null for `componentInterface` and call `verifyPropTypes` directly
- * with `nativePropsToIgnore`;
+ *   const View = requireNativeComponent('RCTView');
  *
- * Common types are lined up with the appropriate prop differs with
- * `TypeToDifferMap`.  Non-scalar types not in the map default to `deepDiffer`.
  */
-import type {ComponentInterface} from 'verifyPropTypes';
-
-let hasAttachedDefaultEventTypes: boolean = false;
-
-function requireNativeComponent(
-  viewName: string,
-  componentInterface?: ?ComponentInterface,
-  extraConfig?: ?{nativeOnly?: Object},
-): React$ComponentType<any> | string {
-  function attachDefaultEventTypes(viewConfig: any) {
-    if (Platform.OS === 'android') {
-      // This is supported on Android platform only,
-      // as lazy view managers discovery is Android-specific.
-      if (UIManager.ViewManagerNames) {
-        // Lazy view managers enabled.
-        viewConfig = merge(viewConfig, UIManager.getDefaultEventTypes());
-      } else {
-        viewConfig.bubblingEventTypes = merge(
-          viewConfig.bubblingEventTypes,
-          UIManager.genericBubblingEventTypes,
-        );
-        viewConfig.directEventTypes = merge(
-          viewConfig.directEventTypes,
-          UIManager.genericDirectEventTypes,
-        );
-      }
-    }
-  }
-
-  function merge(destination: ?Object, source: ?Object): ?Object {
-    if (!source) {
-      return destination;
-    }
-    if (!destination) {
-      return source;
-    }
-
-    for (const key in source) {
-      if (!source.hasOwnProperty(key)) {
-        continue;
-      }
-
-      var sourceValue = source[key];
-      if (destination.hasOwnProperty(key)) {
-        const destinationValue = destination[key];
-        if (
-          typeof sourceValue === 'object' &&
-          typeof destinationValue === 'object'
-        ) {
-          sourceValue = merge(destinationValue, sourceValue);
-        }
-      }
-      destination[key] = sourceValue;
-    }
-    return destination;
-  }
-
-  // Don't load the ViewConfig from UIManager until it's needed for rendering.
-  // Lazy-loading this can help avoid Prepack deopts.
-  function getViewConfig() {
-    const viewConfig = UIManager[viewName];
+const requireNativeComponent = (uiViewClassName: string): string =>
+  createReactNativeComponentClass(uiViewClassName, () => {
+    const viewConfig = UIManager[uiViewClassName];
 
     invariant(
-      viewConfig != null && !viewConfig.NativeProps != null,
-      'Native component for "%s" does not exist',
-      viewName,
+      viewConfig != null && viewConfig.NativeProps != null,
+      'requireNativeComponent: "%s" was not found in the UIManager.',
+      uiViewClassName,
     );
 
-    viewConfig.uiViewClassName = viewName;
-    viewConfig.validAttributes = {};
-
-    // ReactNative `View.propTypes` have been deprecated in favor of
-    // `ViewPropTypes`. In their place a temporary getter has been added with a
-    // deprecated warning message. Avoid triggering that warning here by using
-    // temporary workaround, __propTypesSecretDontUseThesePlease.
-    // TODO (bvaughn) Revert this particular change any time after April 1
-    if (componentInterface) {
-      viewConfig.propTypes =
-        typeof componentInterface.__propTypesSecretDontUseThesePlease ===
-        'object'
-          ? componentInterface.__propTypesSecretDontUseThesePlease
-          : componentInterface.propTypes;
-    } else {
-      viewConfig.propTypes = null;
-    }
-
-    let baseModuleName = viewConfig.baseModuleName;
-    let bubblingEventTypes = viewConfig.bubblingEventTypes;
-    let directEventTypes = viewConfig.directEventTypes;
+    // TODO: This seems like a whole lot of runtime initialization for every
+    // native component that can be either avoided or simplified.
+    let {baseModuleName, bubblingEventTypes, directEventTypes} = viewConfig;
     let nativeProps = viewConfig.NativeProps;
     while (baseModuleName) {
       const baseModule = UIManager[baseModuleName];
@@ -153,86 +67,132 @@ function requireNativeComponent(
       }
     }
 
-    viewConfig.bubblingEventTypes = bubblingEventTypes;
-    viewConfig.directEventTypes = directEventTypes;
+    const validAttributes = {};
 
     for (const key in nativeProps) {
-      let useAttribute = false;
-      const attribute = {};
-
-      const differ = TypeToDifferMap[nativeProps[key]];
-      if (differ) {
-        attribute.diff = differ;
-        useAttribute = true;
-      }
-
-      const processor = TypeToProcessorMap[nativeProps[key]];
-      if (processor) {
-        attribute.process = processor;
-        useAttribute = true;
-      }
+      const typeName = nativeProps[key];
+      const diff = getDifferForType(typeName);
+      const process = getProcessorForType(typeName);
 
-      viewConfig.validAttributes[key] = useAttribute ? attribute : true;
+      validAttributes[key] =
+        diff == null && process == null ? true : {diff, process};
     }
 
-    // Unfortunately, the current set up puts the style properties on the top
-    // level props object. We also need to add the nested form for API
-    // compatibility. This allows these props on both the top level and the
-    // nested style level. TODO: Move these to nested declarations on the
-    // native side.
-    viewConfig.validAttributes.style = ReactNativeStyleAttributes;
-
-    if (__DEV__) {
-      componentInterface &&
-        verifyPropTypes(
-          componentInterface,
-          viewConfig,
-          extraConfig && extraConfig.nativeOnly,
-        );
-    }
+    // Unfortunately, the current setup declares style properties as top-level
+    // props. This makes it so we allow style properties in the `style` prop.
+    // TODO: Move style properties into a `style` prop and disallow them as
+    // top-level props on the native side.
+    validAttributes.style = ReactNativeStyleAttributes;
+
+    Object.assign(viewConfig, {
+      uiViewClassName,
+      validAttributes,
+      bubblingEventTypes,
+      directEventTypes,
+    });
 
     if (!hasAttachedDefaultEventTypes) {
       attachDefaultEventTypes(viewConfig);
       hasAttachedDefaultEventTypes = true;
     }
 
-    // Register this view's event types with the ReactNative renderer.
-    // This enables view managers to be initialized lazily, improving perf,
-    // While also enabling 3rd party components to define custom event types.
-    ReactNativeBridgeEventPlugin.processEventTypes(viewConfig);
-
     return viewConfig;
+  });
+
+// TODO: Figure out how this makes sense. We're using a global boolean to only
+// initialize this on the first eagerly initialized native component.
+let hasAttachedDefaultEventTypes = false;
+function attachDefaultEventTypes(viewConfig: any) {
+  // This is supported on UIManager platforms (ex: Android),
+  // as lazy view managers are not implemented for all platforms.
+  // See [UIManager] for details on constants and implementations.
+  if (UIManager.ViewManagerNames) {
+    // Lazy view managers enabled.
+    viewConfig = merge(viewConfig, UIManager.getDefaultEventTypes());
+  } else {
+    viewConfig.bubblingEventTypes = merge(
+      viewConfig.bubblingEventTypes,
+      UIManager.genericBubblingEventTypes,
+    );
+    viewConfig.directEventTypes = merge(
+      viewConfig.directEventTypes,
+      UIManager.genericDirectEventTypes,
+    );
   }
+}
 
-  return createReactNativeComponentClass(viewName, getViewConfig);
+// TODO: Figure out how to avoid all this runtime initialization cost.
+function merge(destination: ?Object, source: ?Object): ?Object {
+  if (!source) {
+    return destination;
+  }
+  if (!destination) {
+    return source;
+  }
+
+  for (const key in source) {
+    if (!source.hasOwnProperty(key)) {
+      continue;
+    }
+
+    let sourceValue = source[key];
+    if (destination.hasOwnProperty(key)) {
+      const destinationValue = destination[key];
+      if (
+        typeof sourceValue === 'object' &&
+        typeof destinationValue === 'object'
+      ) {
+        sourceValue = merge(destinationValue, sourceValue);
+      }
+    }
+    destination[key] = sourceValue;
+  }
+  return destination;
+}
+
+function getDifferForType(
+  typeName: string,
+): ?(prevProp: any, nextProp: any) => boolean {
+  switch (typeName) {
+    // iOS Types
+    case 'CATransform3D':
+      return matricesDiffer;
+    case 'CGPoint':
+      return pointsDiffer;
+    case 'CGSize':
+      return sizesDiffer;
+    case 'UIEdgeInsets':
+      return insetsDiffer;
+    // Android Types
+    // (not yet implemented)
+  }
+  return null;
 }
 
-const TypeToDifferMap = {
-  // iOS Types
-  CATransform3D: matricesDiffer,
-  CGPoint: pointsDiffer,
-  CGSize: sizesDiffer,
-  UIEdgeInsets: insetsDiffer,
-  // Android Types
-  // (not yet implemented)
-};
+function getProcessorForType(typeName: string): ?(nextProp: any) => any {
+  switch (typeName) {
+    // iOS Types
+    case 'CGColor':
+    case 'UIColor':
+      return processColor;
+    case 'CGColorArray':
+    case 'UIColorArray':
+      return processColorArray;
+    case 'CGImage':
+    case 'UIImage':
+    case 'RCTImageSource':
+      return resolveAssetSource;
+    // Android Types
+    case 'Color':
+      return processColor;
+    case 'ColorArray':
+      return processColorArray;
+  }
+  return null;
+}
 
 function processColorArray(colors: ?Array<any>): ?Array<?number> {
-  return colors && colors.map(processColor);
+  return colors == null ? null : colors.map(processColor);
 }
 
-const TypeToProcessorMap = {
-  // iOS Types
-  CGColor: processColor,
-  CGColorArray: processColorArray,
-  UIColor: processColor,
-  UIColorArray: processColorArray,
-  CGImage: resolveAssetSource,
-  UIImage: resolveAssetSource,
-  RCTImageSource: resolveAssetSource,
-  // Android Types
-  Color: processColor,
-  ColorArray: processColorArray,
-};
-
 module.exports = requireNativeComponent;
diff --git a/Libraries/ReactNative/takeSnapshot.js b/Libraries/ReactNative/takeSnapshot.js
new file mode 100644
index 00000000000000..5c9e248e5e4af7
--- /dev/null
+++ b/Libraries/ReactNative/takeSnapshot.js
@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow
+ */
+
+const ReactNative = require('ReactNative');
+const UIManager = require('UIManager');
+
+/**
+ * Capture an image of the screen, window or an individual view. The image
+ * will be stored in a temporary file that will only exist for as long as the
+ * app is running.
+ *
+ * The `view` argument can be the literal string `window` if you want to
+ * capture the entire window, or it can be a reference to a specific
+ * React Native component.
+ *
+ * The `options` argument may include:
+ * - width/height (number) - the width and height of the image to capture.
+ * - format (string) - either 'png' or 'jpeg'. Defaults to 'png'.
+ * - quality (number) - the quality when using jpeg. 0.0 - 1.0 (default).
+ *
+ * Returns a Promise.
+ * @platform ios
+ */
+module.exports = function takeSnapshot(
+  view?: 'window' | React$Element<any> | number,
+  options?: {
+    width?: number,
+    height?: number,
+    format?: 'png' | 'jpeg',
+    quality?: number,
+  },
+): Promise<any> {
+  if (typeof view !== 'number' && view !== 'window') {
+    view = ReactNative.findNodeHandle(view) || 'window';
+  }
+
+  // Call the hidden '__takeSnapshot' method; the main one throws an error to
+  // prevent accidental backwards-incompatible usage.
+  return UIManager.__takeSnapshot(view, options);
+};
diff --git a/Libraries/ReactNative/verifyPropTypes.js b/Libraries/ReactNative/verifyPropTypes.js
deleted file mode 100644
index 7791899d298b2f..00000000000000
--- a/Libraries/ReactNative/verifyPropTypes.js
+++ /dev/null
@@ -1,86 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @providesModule verifyPropTypes
- * @flow
- * @format
- */
-'use strict';
-
-var ReactNativeStyleAttributes = require('ReactNativeStyleAttributes');
-
-export type ComponentInterface =
-  | React$ComponentType<any>
-  | {
-      name?: string,
-      displayName?: string,
-      propTypes?: Object,
-    };
-
-function verifyPropTypes(
-  componentInterface: ComponentInterface,
-  viewConfig: Object,
-  nativePropsToIgnore?: ?Object,
-) {
-  if (!viewConfig) {
-    return; // This happens for UnimplementedView.
-  }
-  var componentName =
-    componentInterface.displayName || componentInterface.name || 'unknown';
-
-  // ReactNative `View.propTypes` have been deprecated in favor of
-  // `ViewPropTypes`. In their place a temporary getter has been added with a
-  // deprecated warning message. Avoid triggering that warning here by using
-  // temporary workaround, __propTypesSecretDontUseThesePlease.
-  // TODO (bvaughn) Revert this particular change any time after April 1
-  var propTypes =
-    (componentInterface: any).__propTypesSecretDontUseThesePlease ||
-    componentInterface.propTypes;
-
-  if (!propTypes) {
-    return;
-  }
-
-  var nativeProps = viewConfig.NativeProps;
-  for (var prop in nativeProps) {
-    if (
-      !propTypes[prop] &&
-      !ReactNativeStyleAttributes[prop] &&
-      (!nativePropsToIgnore || !nativePropsToIgnore[prop])
-    ) {
-      var message;
-      if (propTypes.hasOwnProperty(prop)) {
-        message =
-          '`' +
-          componentName +
-          '` has incorrectly defined propType for native prop `' +
-          viewConfig.uiViewClassName +
-          '.' +
-          prop +
-          '` of native type `' +
-          nativeProps[prop];
-      } else {
-        message =
-          '`' +
-          componentName +
-          '` has no propType for native prop `' +
-          viewConfig.uiViewClassName +
-          '.' +
-          prop +
-          '` of native type `' +
-          nativeProps[prop] +
-          '`';
-      }
-      message +=
-        "\nIf you haven't changed this prop yourself, this usually means that " +
-        'your versions of the native code and JavaScript code are out of sync. Updating both ' +
-        'should make this error go away.';
-      throw new Error(message);
-    }
-  }
-}
-
-module.exports = verifyPropTypes;
diff --git a/Libraries/Renderer/REVISION b/Libraries/Renderer/REVISION
index bb434f321ae390..7e020bc8087be8 100644
--- a/Libraries/Renderer/REVISION
+++ b/Libraries/Renderer/REVISION
@@ -1 +1 @@
-ab4280b3e98dbb97d3e753083dab19879167c3f5
\ No newline at end of file
+ae14317d6810d5b07d01308a2116a707e5e09983
\ No newline at end of file
diff --git a/Libraries/Renderer/ReactFabric-dev.js b/Libraries/Renderer/ReactFabric-dev.js
deleted file mode 100644
index 9a30ceeda7036a..00000000000000
--- a/Libraries/Renderer/ReactFabric-dev.js
+++ /dev/null
@@ -1,13692 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @noflow
- * @providesModule ReactFabric-dev
- * @preventMunge
- */
-
-'use strict';
-
-if (__DEV__) {
-  (function() {
-"use strict";
-
-require("InitializeCore");
-var invariant = require("fbjs/lib/invariant");
-var warning = require("fbjs/lib/warning");
-var emptyFunction = require("fbjs/lib/emptyFunction");
-var UIManager = require("UIManager");
-var TextInputState = require("TextInputState");
-var deepDiffer = require("deepDiffer");
-var flattenStyle = require("flattenStyle");
-var React = require("react");
-var emptyObject = require("fbjs/lib/emptyObject");
-var checkPropTypes = require("prop-types/checkPropTypes");
-var shallowEqual = require("fbjs/lib/shallowEqual");
-var deepFreezeAndThrowOnMutationInDev = require("deepFreezeAndThrowOnMutationInDev");
-var FabricUIManager = require("FabricUIManager");
-
-var invokeGuardedCallback = function(name, func, context, a, b, c, d, e, f) {
-  this._hasCaughtError = false;
-  this._caughtError = null;
-  var funcArgs = Array.prototype.slice.call(arguments, 3);
-  try {
-    func.apply(context, funcArgs);
-  } catch (error) {
-    this._caughtError = error;
-    this._hasCaughtError = true;
-  }
-};
-
-{
-  // In DEV mode, we swap out invokeGuardedCallback for a special version
-  // that plays more nicely with the browser's DevTools. The idea is to preserve
-  // "Pause on exceptions" behavior. Because React wraps all user-provided
-  // functions in invokeGuardedCallback, and the production version of
-  // invokeGuardedCallback uses a try-catch, all user exceptions are treated
-  // like caught exceptions, and the DevTools won't pause unless the developer
-  // takes the extra step of enabling pause on caught exceptions. This is
-  // untintuitive, though, because even though React has caught the error, from
-  // the developer's perspective, the error is uncaught.
-  //
-  // To preserve the expected "Pause on exceptions" behavior, we don't use a
-  // try-catch in DEV. Instead, we synchronously dispatch a fake event to a fake
-  // DOM node, and call the user-provided callback from inside an event handler
-  // for that fake event. If the callback throws, the error is "captured" using
-  // a global event handler. But because the error happens in a different
-  // event loop context, it does not interrupt the normal program flow.
-  // Effectively, this gives us try-catch behavior without actually using
-  // try-catch. Neat!
-
-  // Check that the browser supports the APIs we need to implement our special
-  // DEV version of invokeGuardedCallback
-  if (
-    typeof window !== "undefined" &&
-    typeof window.dispatchEvent === "function" &&
-    typeof document !== "undefined" &&
-    typeof document.createEvent === "function"
-  ) {
-    var fakeNode = document.createElement("react");
-
-    var invokeGuardedCallbackDev = function(
-      name,
-      func,
-      context,
-      a,
-      b,
-      c,
-      d,
-      e,
-      f
-    ) {
-      // If document doesn't exist we know for sure we will crash in this method
-      // when we call document.createEvent(). However this can cause confusing
-      // errors: https://github.com/facebookincubator/create-react-app/issues/3482
-      // So we preemptively throw with a better message instead.
-      invariant(
-        typeof document !== "undefined",
-        "The `document` global was defined when React was initialized, but is not " +
-          "defined anymore. This can happen in a test environment if a component " +
-          "schedules an update from an asynchronous callback, but the test has already " +
-          "finished running. To solve this, you can either unmount the component at " +
-          "the end of your test (and ensure that any asynchronous operations get " +
-          "canceled in `componentWillUnmount`), or you can change the test itself " +
-          "to be asynchronous."
-      );
-      var evt = document.createEvent("Event");
-
-      // Keeps track of whether the user-provided callback threw an error. We
-      // set this to true at the beginning, then set it to false right after
-      // calling the function. If the function errors, `didError` will never be
-      // set to false. This strategy works even if the browser is flaky and
-      // fails to call our global error handler, because it doesn't rely on
-      // the error event at all.
-      var didError = true;
-
-      // Create an event handler for our fake event. We will synchronously
-      // dispatch our fake event using `dispatchEvent`. Inside the handler, we
-      // call the user-provided callback.
-      var funcArgs = Array.prototype.slice.call(arguments, 3);
-      function callCallback() {
-        // We immediately remove the callback from event listeners so that
-        // nested `invokeGuardedCallback` calls do not clash. Otherwise, a
-        // nested call would trigger the fake event handlers of any call higher
-        // in the stack.
-        fakeNode.removeEventListener(evtType, callCallback, false);
-        func.apply(context, funcArgs);
-        didError = false;
-      }
-
-      // Create a global error event handler. We use this to capture the value
-      // that was thrown. It's possible that this error handler will fire more
-      // than once; for example, if non-React code also calls `dispatchEvent`
-      // and a handler for that event throws. We should be resilient to most of
-      // those cases. Even if our error event handler fires more than once, the
-      // last error event is always used. If the callback actually does error,
-      // we know that the last error event is the correct one, because it's not
-      // possible for anything else to have happened in between our callback
-      // erroring and the code that follows the `dispatchEvent` call below. If
-      // the callback doesn't error, but the error event was fired, we know to
-      // ignore it because `didError` will be false, as described above.
-      var error = void 0;
-      // Use this to track whether the error event is ever called.
-      var didSetError = false;
-      var isCrossOriginError = false;
-
-      function onError(event) {
-        error = event.error;
-        didSetError = true;
-        if (error === null && event.colno === 0 && event.lineno === 0) {
-          isCrossOriginError = true;
-        }
-      }
-
-      // Create a fake event type.
-      var evtType = "react-" + (name ? name : "invokeguardedcallback");
-
-      // Attach our event handlers
-      window.addEventListener("error", onError);
-      fakeNode.addEventListener(evtType, callCallback, false);
-
-      // Synchronously dispatch our fake event. If the user-provided function
-      // errors, it will trigger our global error handler.
-      evt.initEvent(evtType, false, false);
-      fakeNode.dispatchEvent(evt);
-
-      if (didError) {
-        if (!didSetError) {
-          // The callback errored, but the error event never fired.
-          error = new Error(
-            "An error was thrown inside one of your components, but React " +
-              "doesn't know what it was. This is likely due to browser " +
-              'flakiness. React does its best to preserve the "Pause on ' +
-              'exceptions" behavior of the DevTools, which requires some ' +
-              "DEV-mode only tricks. It's possible that these don't work in " +
-              "your browser. Try triggering the error in production mode, " +
-              "or switching to a modern browser. If you suspect that this is " +
-              "actually an issue with React, please file an issue."
-          );
-        } else if (isCrossOriginError) {
-          error = new Error(
-            "A cross-origin error was thrown. React doesn't have access to " +
-              "the actual error object in development. " +
-              "See https://fb.me/react-crossorigin-error for more information."
-          );
-        }
-        this._hasCaughtError = true;
-        this._caughtError = error;
-      } else {
-        this._hasCaughtError = false;
-        this._caughtError = null;
-      }
-
-      // Remove our event listeners
-      window.removeEventListener("error", onError);
-    };
-
-    invokeGuardedCallback = invokeGuardedCallbackDev;
-  }
-}
-
-var invokeGuardedCallback$1 = invokeGuardedCallback;
-
-var ReactErrorUtils = {
-  // Used by Fiber to simulate a try-catch.
-  _caughtError: null,
-  _hasCaughtError: false,
-
-  // Used by event system to capture/rethrow the first error.
-  _rethrowError: null,
-  _hasRethrowError: false,
-
-  /**
-   * Call a function while guarding against errors that happens within it.
-   * Returns an error if it throws, otherwise null.
-   *
-   * In production, this is implemented using a try-catch. The reason we don't
-   * use a try-catch directly is so that we can swap out a different
-   * implementation in DEV mode.
-   *
-   * @param {String} name of the guard to use for logging or debugging
-   * @param {Function} func The function to invoke
-   * @param {*} context The context to use when calling the function
-   * @param {...*} args Arguments for function
-   */
-  invokeGuardedCallback: function(name, func, context, a, b, c, d, e, f) {
-    invokeGuardedCallback$1.apply(ReactErrorUtils, arguments);
-  },
-
-  /**
-   * Same as invokeGuardedCallback, but instead of returning an error, it stores
-   * it in a global so it can be rethrown by `rethrowCaughtError` later.
-   * TODO: See if _caughtError and _rethrowError can be unified.
-   *
-   * @param {String} name of the guard to use for logging or debugging
-   * @param {Function} func The function to invoke
-   * @param {*} context The context to use when calling the function
-   * @param {...*} args Arguments for function
-   */
-  invokeGuardedCallbackAndCatchFirstError: function(
-    name,
-    func,
-    context,
-    a,
-    b,
-    c,
-    d,
-    e,
-    f
-  ) {
-    ReactErrorUtils.invokeGuardedCallback.apply(this, arguments);
-    if (ReactErrorUtils.hasCaughtError()) {
-      var error = ReactErrorUtils.clearCaughtError();
-      if (!ReactErrorUtils._hasRethrowError) {
-        ReactErrorUtils._hasRethrowError = true;
-        ReactErrorUtils._rethrowError = error;
-      }
-    }
-  },
-
-  /**
-   * During execution of guarded functions we will capture the first error which
-   * we will rethrow to be handled by the top level error handler.
-   */
-  rethrowCaughtError: function() {
-    return rethrowCaughtError.apply(ReactErrorUtils, arguments);
-  },
-
-  hasCaughtError: function() {
-    return ReactErrorUtils._hasCaughtError;
-  },
-
-  clearCaughtError: function() {
-    if (ReactErrorUtils._hasCaughtError) {
-      var error = ReactErrorUtils._caughtError;
-      ReactErrorUtils._caughtError = null;
-      ReactErrorUtils._hasCaughtError = false;
-      return error;
-    } else {
-      invariant(
-        false,
-        "clearCaughtError was called but no error was captured. This error " +
-          "is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  }
-};
-
-var rethrowCaughtError = function() {
-  if (ReactErrorUtils._hasRethrowError) {
-    var error = ReactErrorUtils._rethrowError;
-    ReactErrorUtils._rethrowError = null;
-    ReactErrorUtils._hasRethrowError = false;
-    throw error;
-  }
-};
-
-/**
- * Injectable ordering of event plugins.
- */
-var eventPluginOrder = null;
-
-/**
- * Injectable mapping from names to event plugin modules.
- */
-var namesToPlugins = {};
-
-/**
- * Recomputes the plugin list using the injected plugins and plugin ordering.
- *
- * @private
- */
-function recomputePluginOrdering() {
-  if (!eventPluginOrder) {
-    // Wait until an `eventPluginOrder` is injected.
-    return;
-  }
-  for (var pluginName in namesToPlugins) {
-    var pluginModule = namesToPlugins[pluginName];
-    var pluginIndex = eventPluginOrder.indexOf(pluginName);
-    invariant(
-      pluginIndex > -1,
-      "EventPluginRegistry: Cannot inject event plugins that do not exist in " +
-        "the plugin ordering, `%s`.",
-      pluginName
-    );
-    if (plugins[pluginIndex]) {
-      continue;
-    }
-    invariant(
-      pluginModule.extractEvents,
-      "EventPluginRegistry: Event plugins must implement an `extractEvents` " +
-        "method, but `%s` does not.",
-      pluginName
-    );
-    plugins[pluginIndex] = pluginModule;
-    var publishedEvents = pluginModule.eventTypes;
-    for (var eventName in publishedEvents) {
-      invariant(
-        publishEventForPlugin(
-          publishedEvents[eventName],
-          pluginModule,
-          eventName
-        ),
-        "EventPluginRegistry: Failed to publish event `%s` for plugin `%s`.",
-        eventName,
-        pluginName
-      );
-    }
-  }
-}
-
-/**
- * Publishes an event so that it can be dispatched by the supplied plugin.
- *
- * @param {object} dispatchConfig Dispatch configuration for the event.
- * @param {object} PluginModule Plugin publishing the event.
- * @return {boolean} True if the event was successfully published.
- * @private
- */
-function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
-  invariant(
-    !eventNameDispatchConfigs.hasOwnProperty(eventName),
-    "EventPluginHub: More than one plugin attempted to publish the same " +
-      "event name, `%s`.",
-    eventName
-  );
-  eventNameDispatchConfigs[eventName] = dispatchConfig;
-
-  var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
-  if (phasedRegistrationNames) {
-    for (var phaseName in phasedRegistrationNames) {
-      if (phasedRegistrationNames.hasOwnProperty(phaseName)) {
-        var phasedRegistrationName = phasedRegistrationNames[phaseName];
-        publishRegistrationName(
-          phasedRegistrationName,
-          pluginModule,
-          eventName
-        );
-      }
-    }
-    return true;
-  } else if (dispatchConfig.registrationName) {
-    publishRegistrationName(
-      dispatchConfig.registrationName,
-      pluginModule,
-      eventName
-    );
-    return true;
-  }
-  return false;
-}
-
-/**
- * Publishes a registration name that is used to identify dispatched events.
- *
- * @param {string} registrationName Registration name to add.
- * @param {object} PluginModule Plugin publishing the event.
- * @private
- */
-function publishRegistrationName(registrationName, pluginModule, eventName) {
-  invariant(
-    !registrationNameModules[registrationName],
-    "EventPluginHub: More than one plugin attempted to publish the same " +
-      "registration name, `%s`.",
-    registrationName
-  );
-  registrationNameModules[registrationName] = pluginModule;
-  registrationNameDependencies[registrationName] =
-    pluginModule.eventTypes[eventName].dependencies;
-
-  {
-    var lowerCasedName = registrationName.toLowerCase();
-  }
-}
-
-/**
- * Registers plugins so that they can extract and dispatch events.
- *
- * @see {EventPluginHub}
- */
-
-/**
- * Ordered list of injected plugins.
- */
-var plugins = [];
-
-/**
- * Mapping from event name to dispatch config
- */
-var eventNameDispatchConfigs = {};
-
-/**
- * Mapping from registration name to plugin module
- */
-var registrationNameModules = {};
-
-/**
- * Mapping from registration name to event name
- */
-var registrationNameDependencies = {};
-
-/**
- * Mapping from lowercase registration names to the properly cased version,
- * used to warn in the case of missing event handlers. Available
- * only in true.
- * @type {Object}
- */
-
-// Trust the developer to only use possibleRegistrationNames in true
-
-/**
- * Injects an ordering of plugins (by plugin name). This allows the ordering
- * to be decoupled from injection of the actual plugins so that ordering is
- * always deterministic regardless of packaging, on-the-fly injection, etc.
- *
- * @param {array} InjectedEventPluginOrder
- * @internal
- * @see {EventPluginHub.injection.injectEventPluginOrder}
- */
-function injectEventPluginOrder(injectedEventPluginOrder) {
-  invariant(
-    !eventPluginOrder,
-    "EventPluginRegistry: Cannot inject event plugin ordering more than " +
-      "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);
-  recomputePluginOrdering();
-}
-
-/**
- * Injects plugins to be used by `EventPluginHub`. The plugin names must be
- * in the ordering injected by `injectEventPluginOrder`.
- *
- * Plugins can be injected as part of page initialization or on-the-fly.
- *
- * @param {object} injectedNamesToPlugins Map from names to plugin modules.
- * @internal
- * @see {EventPluginHub.injection.injectEventPluginsByName}
- */
-function injectEventPluginsByName(injectedNamesToPlugins) {
-  var isOrderingDirty = false;
-  for (var pluginName in injectedNamesToPlugins) {
-    if (!injectedNamesToPlugins.hasOwnProperty(pluginName)) {
-      continue;
-    }
-    var pluginModule = injectedNamesToPlugins[pluginName];
-    if (
-      !namesToPlugins.hasOwnProperty(pluginName) ||
-      namesToPlugins[pluginName] !== pluginModule
-    ) {
-      invariant(
-        !namesToPlugins[pluginName],
-        "EventPluginRegistry: Cannot inject two different event plugins " +
-          "using the same name, `%s`.",
-        pluginName
-      );
-      namesToPlugins[pluginName] = pluginModule;
-      isOrderingDirty = true;
-    }
-  }
-  if (isOrderingDirty) {
-    recomputePluginOrdering();
-  }
-}
-
-var getFiberCurrentPropsFromNode = null;
-var getInstanceFromNode = null;
-var getNodeFromInstance = null;
-
-var injection$1 = {
-  injectComponentTree: function(Injected) {
-    getFiberCurrentPropsFromNode = Injected.getFiberCurrentPropsFromNode;
-    getInstanceFromNode = Injected.getInstanceFromNode;
-    getNodeFromInstance = Injected.getNodeFromInstance;
-
-    {
-      warning(
-        getNodeFromInstance && getInstanceFromNode,
-        "EventPluginUtils.injection.injectComponentTree(...): Injected " +
-          "module is missing getNodeFromInstance or getInstanceFromNode."
-      );
-    }
-  }
-};
-
-function isEndish(topLevelType) {
-  return (
-    topLevelType === "topMouseUp" ||
-    topLevelType === "topTouchEnd" ||
-    topLevelType === "topTouchCancel"
-  );
-}
-
-function isMoveish(topLevelType) {
-  return topLevelType === "topMouseMove" || topLevelType === "topTouchMove";
-}
-function isStartish(topLevelType) {
-  return topLevelType === "topMouseDown" || topLevelType === "topTouchStart";
-}
-
-var validateEventDispatches = void 0;
-{
-  validateEventDispatches = function(event) {
-    var dispatchListeners = event._dispatchListeners;
-    var dispatchInstances = event._dispatchInstances;
-
-    var listenersIsArr = Array.isArray(dispatchListeners);
-    var listenersLen = listenersIsArr
-      ? dispatchListeners.length
-      : dispatchListeners ? 1 : 0;
-
-    var instancesIsArr = Array.isArray(dispatchInstances);
-    var instancesLen = instancesIsArr
-      ? dispatchInstances.length
-      : dispatchInstances ? 1 : 0;
-
-    warning(
-      instancesIsArr === listenersIsArr && instancesLen === listenersLen,
-      "EventPluginUtils: Invalid `event`."
-    );
-  };
-}
-
-/**
- * Standard/simple iteration through an event's collected dispatches.
- */
-
-/**
- * Standard/simple iteration through an event's collected dispatches, but stops
- * at the first dispatch execution returning true, and returns that id.
- *
- * @return {?string} id of the first dispatch execution who's listener returns
- * true, or null if no listener returned true.
- */
-function executeDispatchesInOrderStopAtTrueImpl(event) {
-  var dispatchListeners = event._dispatchListeners;
-  var dispatchInstances = event._dispatchInstances;
-  {
-    validateEventDispatches(event);
-  }
-  if (Array.isArray(dispatchListeners)) {
-    for (var i = 0; i < dispatchListeners.length; i++) {
-      if (event.isPropagationStopped()) {
-        break;
-      }
-      // Listeners and Instances are two parallel arrays that are always in sync.
-      if (dispatchListeners[i](event, dispatchInstances[i])) {
-        return dispatchInstances[i];
-      }
-    }
-  } else if (dispatchListeners) {
-    if (dispatchListeners(event, dispatchInstances)) {
-      return dispatchInstances;
-    }
-  }
-  return null;
-}
-
-/**
- * @see executeDispatchesInOrderStopAtTrueImpl
- */
-function executeDispatchesInOrderStopAtTrue(event) {
-  var ret = executeDispatchesInOrderStopAtTrueImpl(event);
-  event._dispatchInstances = null;
-  event._dispatchListeners = null;
-  return ret;
-}
-
-/**
- * Execution of a "direct" dispatch - there must be at most one dispatch
- * accumulated on the event or it is considered an error. It doesn't really make
- * sense for an event with multiple dispatches (bubbled) to keep track of the
- * return values at each dispatch execution, but it does tend to make sense when
- * dealing with "direct" dispatches.
- *
- * @return {*} The return value of executing the single dispatch.
- */
-function executeDirectDispatch(event) {
-  {
-    validateEventDispatches(event);
-  }
-  var dispatchListener = event._dispatchListeners;
-  var dispatchInstance = event._dispatchInstances;
-  invariant(
-    !Array.isArray(dispatchListener),
-    "executeDirectDispatch(...): Invalid `event`."
-  );
-  event.currentTarget = dispatchListener
-    ? getNodeFromInstance(dispatchInstance)
-    : null;
-  var res = dispatchListener ? dispatchListener(event) : null;
-  event.currentTarget = null;
-  event._dispatchListeners = null;
-  event._dispatchInstances = null;
-  return res;
-}
-
-/**
- * @param {SyntheticEvent} event
- * @return {boolean} True iff number of dispatches accumulated is greater than 0.
- */
-function hasDispatches(event) {
-  return !!event._dispatchListeners;
-}
-
-/**
- * Accumulates items that must not be null or undefined into the first one. This
- * is used to conserve memory by avoiding array allocations, and thus sacrifices
- * API cleanness. Since `current` can be null before being passed in and not
- * null after this function, make sure to assign it back to `current`:
- *
- * `a = accumulateInto(a, b);`
- *
- * This API should be sparingly used. Try `accumulate` for something cleaner.
- *
- * @return {*|array<*>} An accumulation of items.
- */
-
-function accumulateInto(current, next) {
-  invariant(
-    next != null,
-    "accumulateInto(...): Accumulated items must not be null or undefined."
-  );
-
-  if (current == null) {
-    return next;
-  }
-
-  // Both are not empty. Warning: Never call x.concat(y) when you are not
-  // certain that x is an Array (x could be a string with concat method).
-  if (Array.isArray(current)) {
-    if (Array.isArray(next)) {
-      current.push.apply(current, next);
-      return current;
-    }
-    current.push(next);
-    return current;
-  }
-
-  if (Array.isArray(next)) {
-    // A bit too dangerous to mutate `next`.
-    return [current].concat(next);
-  }
-
-  return [current, next];
-}
-
-/**
- * @param {array} arr an "accumulation" of items which is either an Array or
- * a single item. Useful when paired with the `accumulate` module. This is a
- * simple utility that allows us to reason about a collection of items, but
- * handling the case when there is exactly one item (and we do not need to
- * allocate an array).
- * @param {function} cb Callback invoked with each element or a collection.
- * @param {?} [scope] Scope used as `this` in a callback.
- */
-function forEachAccumulated(arr, cb, scope) {
-  if (Array.isArray(arr)) {
-    arr.forEach(cb, scope);
-  } else if (arr) {
-    cb.call(scope, arr);
-  }
-}
-
-function isInteractive(tag) {
-  return (
-    tag === "button" ||
-    tag === "input" ||
-    tag === "select" ||
-    tag === "textarea"
-  );
-}
-
-function shouldPreventMouseEvent(name, type, props) {
-  switch (name) {
-    case "onClick":
-    case "onClickCapture":
-    case "onDoubleClick":
-    case "onDoubleClickCapture":
-    case "onMouseDown":
-    case "onMouseDownCapture":
-    case "onMouseMove":
-    case "onMouseMoveCapture":
-    case "onMouseUp":
-    case "onMouseUpCapture":
-      return !!(props.disabled && isInteractive(type));
-    default:
-      return false;
-  }
-}
-
-/**
- * This is a unified interface for event plugins to be installed and configured.
- *
- * Event plugins can implement the following properties:
- *
- *   `extractEvents` {function(string, DOMEventTarget, string, object): *}
- *     Required. When a top-level event is fired, this method is expected to
- *     extract synthetic events that will in turn be queued and dispatched.
- *
- *   `eventTypes` {object}
- *     Optional, plugins that fire events must publish a mapping of registration
- *     names that are used to register listeners. Values of this mapping must
- *     be objects that contain `registrationName` or `phasedRegistrationNames`.
- *
- *   `executeDispatch` {function(object, function, string)}
- *     Optional, allows plugins to override how an event gets dispatched. By
- *     default, the listener is simply invoked.
- *
- * Each plugin that is injected into `EventsPluginHub` is immediately operable.
- *
- * @public
- */
-
-/**
- * Methods for injecting dependencies.
- */
-var injection = {
-  /**
-   * @param {array} InjectedEventPluginOrder
-   * @public
-   */
-  injectEventPluginOrder: injectEventPluginOrder,
-
-  /**
-   * @param {object} injectedNamesToPlugins Map from names to plugin modules.
-   */
-  injectEventPluginsByName: injectEventPluginsByName
-};
-
-/**
- * @param {object} inst The instance, which is the source of events.
- * @param {string} registrationName Name of listener (e.g. `onClick`).
- * @return {?function} The stored callback.
- */
-function getListener(inst, registrationName) {
-  var listener = void 0;
-
-  // TODO: shouldPreventMouseEvent is DOM-specific and definitely should not
-  // live here; needs to be moved to a better place soon
-  var stateNode = inst.stateNode;
-  if (!stateNode) {
-    // Work in progress (ex: onload events in incremental mode).
-    return null;
-  }
-  var props = getFiberCurrentPropsFromNode(stateNode);
-  if (!props) {
-    // Work in progress.
-    return null;
-  }
-  listener = props[registrationName];
-  if (shouldPreventMouseEvent(registrationName, inst.type, props)) {
-    return null;
-  }
-  invariant(
-    !listener || typeof listener === "function",
-    "Expected `%s` listener to be a function, instead got a value of `%s` type.",
-    registrationName,
-    typeof listener
-  );
-  return listener;
-}
-
-var IndeterminateComponent = 0; // Before we know whether it is functional or class
-var FunctionalComponent = 1;
-var ClassComponent = 2;
-var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
-var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
-var HostComponent = 5;
-var HostText = 6;
-var CallComponent = 7;
-var CallHandlerPhase = 8;
-var ReturnComponent = 9;
-var Fragment = 10;
-var Mode = 11;
-var ContextConsumer = 12;
-var ContextProvider = 13;
-
-function getParent(inst) {
-  do {
-    inst = inst["return"];
-    // TODO: If this is a HostRoot we might want to bail out.
-    // That is depending on if we want nested subtrees (layers) to bubble
-    // events to their parent. We could also go through parentNode on the
-    // host node but that wouldn't work for React Native and doesn't let us
-    // do the portal feature.
-  } while (inst && inst.tag !== HostComponent);
-  if (inst) {
-    return inst;
-  }
-  return null;
-}
-
-/**
- * Return the lowest common ancestor of A and B, or null if they are in
- * different trees.
- */
-function getLowestCommonAncestor(instA, instB) {
-  var depthA = 0;
-  for (var tempA = instA; tempA; tempA = getParent(tempA)) {
-    depthA++;
-  }
-  var depthB = 0;
-  for (var tempB = instB; tempB; tempB = getParent(tempB)) {
-    depthB++;
-  }
-
-  // If A is deeper, crawl up.
-  while (depthA - depthB > 0) {
-    instA = getParent(instA);
-    depthA--;
-  }
-
-  // If B is deeper, crawl up.
-  while (depthB - depthA > 0) {
-    instB = getParent(instB);
-    depthB--;
-  }
-
-  // Walk in lockstep until we find a match.
-  var depth = depthA;
-  while (depth--) {
-    if (instA === instB || instA === instB.alternate) {
-      return instA;
-    }
-    instA = getParent(instA);
-    instB = getParent(instB);
-  }
-  return null;
-}
-
-/**
- * Return if A is an ancestor of B.
- */
-function isAncestor(instA, instB) {
-  while (instB) {
-    if (instA === instB || instA === instB.alternate) {
-      return true;
-    }
-    instB = getParent(instB);
-  }
-  return false;
-}
-
-/**
- * Return the parent instance of the passed-in instance.
- */
-function getParentInstance(inst) {
-  return getParent(inst);
-}
-
-/**
- * Simulates the traversal of a two-phase, capture/bubble event dispatch.
- */
-function traverseTwoPhase(inst, fn, arg) {
-  var path = [];
-  while (inst) {
-    path.push(inst);
-    inst = getParent(inst);
-  }
-  var i = void 0;
-  for (i = path.length; i-- > 0; ) {
-    fn(path[i], "captured", arg);
-  }
-  for (i = 0; i < path.length; i++) {
-    fn(path[i], "bubbled", arg);
-  }
-}
-
-/**
- * Traverses the ID hierarchy and invokes the supplied `cb` on any IDs that
- * should would receive a `mouseEnter` or `mouseLeave` event.
- *
- * Does not invoke the callback on the nearest common ancestor because nothing
- * "entered" or "left" that element.
- */
-
-/**
- * Some event types have a notion of different registration names for different
- * "phases" of propagation. This finds listeners by a given phase.
- */
-function listenerAtPhase(inst, event, propagationPhase) {
-  var registrationName =
-    event.dispatchConfig.phasedRegistrationNames[propagationPhase];
-  return getListener(inst, registrationName);
-}
-
-/**
- * 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
- * are sets of events that have already been annotated with a set of dispatched
- * listener functions/ids. The API is designed this way to discourage these
- * propagation strategies from actually executing the dispatches, since we
- * always want to collect the entire set of dispatches before executing even a
- * single one.
- */
-
-/**
- * Tags a `SyntheticEvent` with dispatched listeners. Creating this function
- * here, allows us to not have to bind or create functions for each event.
- * Mutating the event's members allows us to not have to create a wrapping
- * "dispatch" object that pairs the event with the listener.
- */
-function accumulateDirectionalDispatches(inst, phase, event) {
-  {
-    warning(inst, "Dispatching inst must not be null");
-  }
-  var listener = listenerAtPhase(inst, event, phase);
-  if (listener) {
-    event._dispatchListeners = accumulateInto(
-      event._dispatchListeners,
-      listener
-    );
-    event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
-  }
-}
-
-/**
- * Collect dispatches (must be entirely collected before dispatching - see unit
- * tests). Lazily allocate the array to conserve memory.  We must loop through
- * each event and perform the traversal for each one. We cannot perform a
- * single traversal for the entire collection of events because each event may
- * have a different target.
- */
-function accumulateTwoPhaseDispatchesSingle(event) {
-  if (event && event.dispatchConfig.phasedRegistrationNames) {
-    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
-  }
-}
-
-/**
- * Same as `accumulateTwoPhaseDispatchesSingle`, but skips over the targetID.
- */
-function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
-  if (event && event.dispatchConfig.phasedRegistrationNames) {
-    var targetInst = event._targetInst;
-    var parentInst = targetInst ? getParentInstance(targetInst) : null;
-    traverseTwoPhase(parentInst, accumulateDirectionalDispatches, event);
-  }
-}
-
-/**
- * Accumulates without regard to direction, does not look for phased
- * registration names. Same as `accumulateDirectDispatchesSingle` but without
- * requiring that the `dispatchMarker` be the same as the dispatched ID.
- */
-function accumulateDispatches(inst, ignoredDirection, event) {
-  if (inst && event && event.dispatchConfig.registrationName) {
-    var registrationName = event.dispatchConfig.registrationName;
-    var listener = getListener(inst, registrationName);
-    if (listener) {
-      event._dispatchListeners = accumulateInto(
-        event._dispatchListeners,
-        listener
-      );
-      event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
-    }
-  }
-}
-
-/**
- * Accumulates dispatches on an `SyntheticEvent`, but only for the
- * `dispatchMarker`.
- * @param {SyntheticEvent} event
- */
-function accumulateDirectDispatchesSingle(event) {
-  if (event && event.dispatchConfig.registrationName) {
-    accumulateDispatches(event._targetInst, null, event);
-  }
-}
-
-function accumulateTwoPhaseDispatches(events) {
-  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle);
-}
-
-function accumulateTwoPhaseDispatchesSkipTarget(events) {
-  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
-}
-
-function accumulateDirectDispatches(events) {
-  forEachAccumulated(events, accumulateDirectDispatchesSingle);
-}
-
-/* eslint valid-typeof: 0 */
-
-var didWarnForAddedNewProperty = false;
-var EVENT_POOL_SIZE = 10;
-
-var shouldBeReleasedProperties = [
-  "dispatchConfig",
-  "_targetInst",
-  "nativeEvent",
-  "isDefaultPrevented",
-  "isPropagationStopped",
-  "_dispatchListeners",
-  "_dispatchInstances"
-];
-
-/**
- * @interface Event
- * @see http://www.w3.org/TR/DOM-Level-3-Events/
- */
-var EventInterface = {
-  type: null,
-  target: null,
-  // currentTarget is set when dispatching; no use in copying it here
-  currentTarget: emptyFunction.thatReturnsNull,
-  eventPhase: null,
-  bubbles: null,
-  cancelable: null,
-  timeStamp: function(event) {
-    return event.timeStamp || Date.now();
-  },
-  defaultPrevented: null,
-  isTrusted: null
-};
-
-/**
- * Synthetic events are dispatched by event plugins, typically in response to a
- * top-level event delegation handler.
- *
- * These systems should generally use pooling to reduce the frequency of garbage
- * collection. The system should check `isPersistent` to determine whether the
- * event should be released into the pool after being dispatched. Users that
- * need a persisted event should invoke `persist`.
- *
- * Synthetic events (and subclasses) implement the DOM Level 3 Events API by
- * normalizing browser quirks. Subclasses do not necessarily have to implement a
- * DOM interface; custom application-specific events can also subclass this.
- *
- * @param {object} dispatchConfig Configuration used to dispatch this event.
- * @param {*} targetInst Marker identifying the event target.
- * @param {object} nativeEvent Native browser event.
- * @param {DOMEventTarget} nativeEventTarget Target node.
- */
-function SyntheticEvent(
-  dispatchConfig,
-  targetInst,
-  nativeEvent,
-  nativeEventTarget
-) {
-  {
-    // these have a getter/setter for warnings
-    delete this.nativeEvent;
-    delete this.preventDefault;
-    delete this.stopPropagation;
-  }
-
-  this.dispatchConfig = dispatchConfig;
-  this._targetInst = targetInst;
-  this.nativeEvent = nativeEvent;
-
-  var Interface = this.constructor.Interface;
-  for (var propName in Interface) {
-    if (!Interface.hasOwnProperty(propName)) {
-      continue;
-    }
-    {
-      delete this[propName]; // this has a getter/setter for warnings
-    }
-    var normalize = Interface[propName];
-    if (normalize) {
-      this[propName] = normalize(nativeEvent);
-    } else {
-      if (propName === "target") {
-        this.target = nativeEventTarget;
-      } else {
-        this[propName] = nativeEvent[propName];
-      }
-    }
-  }
-
-  var defaultPrevented =
-    nativeEvent.defaultPrevented != null
-      ? nativeEvent.defaultPrevented
-      : nativeEvent.returnValue === false;
-  if (defaultPrevented) {
-    this.isDefaultPrevented = emptyFunction.thatReturnsTrue;
-  } else {
-    this.isDefaultPrevented = emptyFunction.thatReturnsFalse;
-  }
-  this.isPropagationStopped = emptyFunction.thatReturnsFalse;
-  return this;
-}
-
-Object.assign(SyntheticEvent.prototype, {
-  preventDefault: function() {
-    this.defaultPrevented = true;
-    var event = this.nativeEvent;
-    if (!event) {
-      return;
-    }
-
-    if (event.preventDefault) {
-      event.preventDefault();
-    } else if (typeof event.returnValue !== "unknown") {
-      event.returnValue = false;
-    }
-    this.isDefaultPrevented = emptyFunction.thatReturnsTrue;
-  },
-
-  stopPropagation: function() {
-    var event = this.nativeEvent;
-    if (!event) {
-      return;
-    }
-
-    if (event.stopPropagation) {
-      event.stopPropagation();
-    } else if (typeof event.cancelBubble !== "unknown") {
-      // 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
-      // typeof check of "unknown" circumvents this issue (and is also
-      // IE specific).
-      event.cancelBubble = true;
-    }
-
-    this.isPropagationStopped = emptyFunction.thatReturnsTrue;
-  },
-
-  /**
-   * We release all dispatched `SyntheticEvent`s after each event loop, adding
-   * them back into the pool. This allows a way to hold onto a reference that
-   * won't be added back into the pool.
-   */
-  persist: function() {
-    this.isPersistent = emptyFunction.thatReturnsTrue;
-  },
-
-  /**
-   * Checks if this event should be released back into the pool.
-   *
-   * @return {boolean} True if this should not be released, false otherwise.
-   */
-  isPersistent: emptyFunction.thatReturnsFalse,
-
-  /**
-   * `PooledClass` looks for `destructor` on each instance it releases.
-   */
-  destructor: function() {
-    var Interface = this.constructor.Interface;
-    for (var propName in Interface) {
-      {
-        Object.defineProperty(
-          this,
-          propName,
-          getPooledWarningPropertyDefinition(propName, Interface[propName])
-        );
-      }
-    }
-    for (var i = 0; i < shouldBeReleasedProperties.length; i++) {
-      this[shouldBeReleasedProperties[i]] = null;
-    }
-    {
-      Object.defineProperty(
-        this,
-        "nativeEvent",
-        getPooledWarningPropertyDefinition("nativeEvent", null)
-      );
-      Object.defineProperty(
-        this,
-        "preventDefault",
-        getPooledWarningPropertyDefinition("preventDefault", emptyFunction)
-      );
-      Object.defineProperty(
-        this,
-        "stopPropagation",
-        getPooledWarningPropertyDefinition("stopPropagation", emptyFunction)
-      );
-    }
-  }
-});
-
-SyntheticEvent.Interface = EventInterface;
-
-/**
- * Helper to reduce boilerplate when creating subclasses.
- */
-SyntheticEvent.extend = function(Interface) {
-  var Super = this;
-
-  var E = function() {};
-  E.prototype = Super.prototype;
-  var prototype = new E();
-
-  function Class() {
-    return Super.apply(this, arguments);
-  }
-  Object.assign(prototype, Class.prototype);
-  Class.prototype = prototype;
-  Class.prototype.constructor = Class;
-
-  Class.Interface = Object.assign({}, Super.Interface, Interface);
-  Class.extend = Super.extend;
-  addEventPoolingTo(Class);
-
-  return Class;
-};
-
-/** Proxying after everything set on SyntheticEvent
- * to resolve Proxy issue on some WebKit browsers
- * in which some Event properties are set to undefined (GH#10010)
- */
-{
-  var isProxySupported =
-    typeof Proxy === "function" &&
-    // https://github.com/facebook/react/issues/12011
-    !Object.isSealed(new Proxy({}, {}));
-
-  if (isProxySupported) {
-    /*eslint-disable no-func-assign */
-    SyntheticEvent = new Proxy(SyntheticEvent, {
-      construct: function(target, args) {
-        return this.apply(target, Object.create(target.prototype), args);
-      },
-      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
-            ) {
-              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."
-              );
-              didWarnForAddedNewProperty = true;
-            }
-            target[prop] = value;
-            return true;
-          }
-        });
-      }
-    });
-    /*eslint-enable no-func-assign */
-  }
-}
-
-addEventPoolingTo(SyntheticEvent);
-
-/**
- * Helper to nullify syntheticEvent instance properties when destructing
- *
- * @param {String} propName
- * @param {?object} getVal
- * @return {object} defineProperty object
- */
-function getPooledWarningPropertyDefinition(propName, getVal) {
-  var isFunction = typeof getVal === "function";
-  return {
-    configurable: true,
-    set: set,
-    get: get
-  };
-
-  function set(val) {
-    var action = isFunction ? "setting the method" : "setting the property";
-    warn(action, "This is effectively a no-op");
-    return val;
-  }
-
-  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";
-    warn(action, result);
-    return getVal;
-  }
-
-  function warn(action, result) {
-    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.",
-      action,
-      propName,
-      result
-    );
-  }
-}
-
-function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
-  var EventConstructor = this;
-  if (EventConstructor.eventPool.length) {
-    var instance = EventConstructor.eventPool.pop();
-    EventConstructor.call(
-      instance,
-      dispatchConfig,
-      targetInst,
-      nativeEvent,
-      nativeInst
-    );
-    return instance;
-  }
-  return new EventConstructor(
-    dispatchConfig,
-    targetInst,
-    nativeEvent,
-    nativeInst
-  );
-}
-
-function releasePooledEvent(event) {
-  var EventConstructor = this;
-  invariant(
-    event instanceof EventConstructor,
-    "Trying to release an event instance  into a pool of a different type."
-  );
-  event.destructor();
-  if (EventConstructor.eventPool.length < EVENT_POOL_SIZE) {
-    EventConstructor.eventPool.push(event);
-  }
-}
-
-function addEventPoolingTo(EventConstructor) {
-  EventConstructor.eventPool = [];
-  EventConstructor.getPooled = getPooledEvent;
-  EventConstructor.release = releasePooledEvent;
-}
-
-var SyntheticEvent$1 = SyntheticEvent;
-
-/**
- * `touchHistory` isn't actually on the native event, but putting it in the
- * interface will ensure that it is cleaned up when pooled/destroyed. The
- * `ResponderEventPlugin` will populate it appropriately.
- */
-var ResponderSyntheticEvent = SyntheticEvent$1.extend({
-  touchHistory: function(nativeEvent) {
-    return null; // Actually doesn't even look at the native event.
-  }
-});
-
-/**
- * Tracks the position and time of each active touch by `touch.identifier`. We
- * should typically only see IDs in the range of 1-20 because IDs get recycled
- * when touches end and start again.
- */
-
-var MAX_TOUCH_BANK = 20;
-var touchBank = [];
-var touchHistory = {
-  touchBank: touchBank,
-  numberActiveTouches: 0,
-  // If there is only one active touch, we remember its location. This prevents
-  // us having to loop through all of the touches all the time in the most
-  // common case.
-  indexOfSingleActiveTouch: -1,
-  mostRecentTimeStamp: 0
-};
-
-function timestampForTouch(touch) {
-  // The legacy internal implementation provides "timeStamp", which has been
-  // renamed to "timestamp". Let both work for now while we iron it out
-  // TODO (evv): rename timeStamp to timestamp in internal code
-  return touch.timeStamp || touch.timestamp;
-}
-
-/**
- * TODO: Instead of making gestures recompute filtered velocity, we could
- * include a built in velocity computation that can be reused globally.
- */
-function createTouchRecord(touch) {
-  return {
-    touchActive: true,
-    startPageX: touch.pageX,
-    startPageY: touch.pageY,
-    startTimeStamp: timestampForTouch(touch),
-    currentPageX: touch.pageX,
-    currentPageY: touch.pageY,
-    currentTimeStamp: timestampForTouch(touch),
-    previousPageX: touch.pageX,
-    previousPageY: touch.pageY,
-    previousTimeStamp: timestampForTouch(touch)
-  };
-}
-
-function resetTouchRecord(touchRecord, touch) {
-  touchRecord.touchActive = true;
-  touchRecord.startPageX = touch.pageX;
-  touchRecord.startPageY = touch.pageY;
-  touchRecord.startTimeStamp = timestampForTouch(touch);
-  touchRecord.currentPageX = touch.pageX;
-  touchRecord.currentPageY = touch.pageY;
-  touchRecord.currentTimeStamp = timestampForTouch(touch);
-  touchRecord.previousPageX = touch.pageX;
-  touchRecord.previousPageY = touch.pageY;
-  touchRecord.previousTimeStamp = timestampForTouch(touch);
-}
-
-function getTouchIdentifier(_ref) {
-  var identifier = _ref.identifier;
-
-  invariant(identifier != null, "Touch object is missing identifier.");
-  {
-    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.",
-      identifier,
-      MAX_TOUCH_BANK
-    );
-  }
-  return identifier;
-}
-
-function recordTouchStart(touch) {
-  var identifier = getTouchIdentifier(touch);
-  var touchRecord = touchBank[identifier];
-  if (touchRecord) {
-    resetTouchRecord(touchRecord, touch);
-  } else {
-    touchBank[identifier] = createTouchRecord(touch);
-  }
-  touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
-}
-
-function recordTouchMove(touch) {
-  var touchRecord = touchBank[getTouchIdentifier(touch)];
-  if (touchRecord) {
-    touchRecord.touchActive = true;
-    touchRecord.previousPageX = touchRecord.currentPageX;
-    touchRecord.previousPageY = touchRecord.currentPageY;
-    touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
-    touchRecord.currentPageX = touch.pageX;
-    touchRecord.currentPageY = touch.pageY;
-    touchRecord.currentTimeStamp = timestampForTouch(touch);
-    touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
-  } else {
-    console.error(
-      "Cannot record touch move without a touch start.\n" + "Touch Move: %s\n",
-      "Touch Bank: %s",
-      printTouch(touch),
-      printTouchBank()
-    );
-  }
-}
-
-function recordTouchEnd(touch) {
-  var touchRecord = touchBank[getTouchIdentifier(touch)];
-  if (touchRecord) {
-    touchRecord.touchActive = false;
-    touchRecord.previousPageX = touchRecord.currentPageX;
-    touchRecord.previousPageY = touchRecord.currentPageY;
-    touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
-    touchRecord.currentPageX = touch.pageX;
-    touchRecord.currentPageY = touch.pageY;
-    touchRecord.currentTimeStamp = timestampForTouch(touch);
-    touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
-  } else {
-    console.error(
-      "Cannot record touch end without a touch start.\n" + "Touch End: %s\n",
-      "Touch Bank: %s",
-      printTouch(touch),
-      printTouchBank()
-    );
-  }
-}
-
-function printTouch(touch) {
-  return JSON.stringify({
-    identifier: touch.identifier,
-    pageX: touch.pageX,
-    pageY: touch.pageY,
-    timestamp: timestampForTouch(touch)
-  });
-}
-
-function printTouchBank() {
-  var printed = JSON.stringify(touchBank.slice(0, MAX_TOUCH_BANK));
-  if (touchBank.length > MAX_TOUCH_BANK) {
-    printed += " (original size: " + touchBank.length + ")";
-  }
-  return printed;
-}
-
-var ResponderTouchHistoryStore = {
-  recordTouchTrack: function(topLevelType, nativeEvent) {
-    if (isMoveish(topLevelType)) {
-      nativeEvent.changedTouches.forEach(recordTouchMove);
-    } else if (isStartish(topLevelType)) {
-      nativeEvent.changedTouches.forEach(recordTouchStart);
-      touchHistory.numberActiveTouches = nativeEvent.touches.length;
-      if (touchHistory.numberActiveTouches === 1) {
-        touchHistory.indexOfSingleActiveTouch =
-          nativeEvent.touches[0].identifier;
-      }
-    } else if (isEndish(topLevelType)) {
-      nativeEvent.changedTouches.forEach(recordTouchEnd);
-      touchHistory.numberActiveTouches = nativeEvent.touches.length;
-      if (touchHistory.numberActiveTouches === 1) {
-        for (var i = 0; i < touchBank.length; i++) {
-          var touchTrackToCheck = touchBank[i];
-          if (touchTrackToCheck != null && touchTrackToCheck.touchActive) {
-            touchHistory.indexOfSingleActiveTouch = i;
-            break;
-          }
-        }
-        {
-          var activeRecord = touchBank[touchHistory.indexOfSingleActiveTouch];
-          warning(
-            activeRecord != null && activeRecord.touchActive,
-            "Cannot find single active touch."
-          );
-        }
-      }
-    }
-  },
-
-  touchHistory: touchHistory
-};
-
-/**
- * Accumulates items that must not be null or undefined.
- *
- * This is used to conserve memory by avoiding array allocations.
- *
- * @return {*|array<*>} An accumulation of items.
- */
-function accumulate(current, next) {
-  invariant(
-    next != null,
-    "accumulate(...): Accumulated items must be not be null or undefined."
-  );
-
-  if (current == null) {
-    return next;
-  }
-
-  // Both are not empty. Warning: Never call x.concat(y) when you are not
-  // certain that x is an Array (x could be a string with concat method).
-  if (Array.isArray(current)) {
-    return current.concat(next);
-  }
-
-  if (Array.isArray(next)) {
-    return [current].concat(next);
-  }
-
-  return [current, next];
-}
-
-/**
- * Instance of element that should respond to touch/move types of interactions,
- * as indicated explicitly by relevant callbacks.
- */
-var responderInst = null;
-
-/**
- * Count of current touches. A textInput should become responder iff the
- * selection changes while there is a touch on the screen.
- */
-var trackedTouchCount = 0;
-
-/**
- * Last reported number of active touches.
- */
-var previousActiveTouches = 0;
-
-var changeResponder = function(nextResponderInst, blockHostResponder) {
-  var oldResponderInst = responderInst;
-  responderInst = nextResponderInst;
-  if (ResponderEventPlugin.GlobalResponderHandler !== null) {
-    ResponderEventPlugin.GlobalResponderHandler.onChange(
-      oldResponderInst,
-      nextResponderInst,
-      blockHostResponder
-    );
-  }
-};
-
-var eventTypes = {
-  /**
-   * On a `touchStart`/`mouseDown`, is it desired that this element become the
-   * responder?
-   */
-  startShouldSetResponder: {
-    phasedRegistrationNames: {
-      bubbled: "onStartShouldSetResponder",
-      captured: "onStartShouldSetResponderCapture"
-    }
-  },
-
-  /**
-   * On a `scroll`, is it desired that this element become the responder? This
-   * is usually not needed, but should be used to retroactively infer that a
-   * `touchStart` had occurred during momentum scroll. During a momentum scroll,
-   * a touch start will be immediately followed by a scroll event if the view is
-   * currently scrolling.
-   *
-   * TODO: This shouldn't bubble.
-   */
-  scrollShouldSetResponder: {
-    phasedRegistrationNames: {
-      bubbled: "onScrollShouldSetResponder",
-      captured: "onScrollShouldSetResponderCapture"
-    }
-  },
-
-  /**
-   * On text selection change, should this element become the responder? This
-   * is needed for text inputs or other views with native selection, so the
-   * JS view can claim the responder.
-   *
-   * TODO: This shouldn't bubble.
-   */
-  selectionChangeShouldSetResponder: {
-    phasedRegistrationNames: {
-      bubbled: "onSelectionChangeShouldSetResponder",
-      captured: "onSelectionChangeShouldSetResponderCapture"
-    }
-  },
-
-  /**
-   * On a `touchMove`/`mouseMove`, is it desired that this element become the
-   * responder?
-   */
-  moveShouldSetResponder: {
-    phasedRegistrationNames: {
-      bubbled: "onMoveShouldSetResponder",
-      captured: "onMoveShouldSetResponderCapture"
-    }
-  },
-
-  /**
-   * Direct responder events dispatched directly to responder. Do not bubble.
-   */
-  responderStart: { registrationName: "onResponderStart" },
-  responderMove: { registrationName: "onResponderMove" },
-  responderEnd: { registrationName: "onResponderEnd" },
-  responderRelease: { registrationName: "onResponderRelease" },
-  responderTerminationRequest: {
-    registrationName: "onResponderTerminationRequest"
-  },
-  responderGrant: { registrationName: "onResponderGrant" },
-  responderReject: { registrationName: "onResponderReject" },
-  responderTerminate: { registrationName: "onResponderTerminate" }
-};
-
-/**
- *
- * Responder System:
- * ----------------
- *
- * - A global, solitary "interaction lock" on a view.
- * - If a node becomes the responder, it should convey visual feedback
- *   immediately to indicate so, either by highlighting or moving accordingly.
- * - To be the responder means, that touches are exclusively important to that
- *   responder view, and no other view.
- * - While touches are still occurring, the responder lock can be transferred to
- *   a new view, but only to increasingly "higher" views (meaning ancestors of
- *   the current responder).
- *
- * Responder being granted:
- * ------------------------
- *
- * - Touch starts, moves, and scrolls can cause an ID to become the responder.
- * - We capture/bubble `startShouldSetResponder`/`moveShouldSetResponder` to
- *   the "appropriate place".
- * - If nothing is currently the responder, the "appropriate place" is the
- *   initiating event's `targetID`.
- * - If something *is* already the responder, the "appropriate place" is the
- *   first common ancestor of the event target and the current `responderInst`.
- * - Some negotiation happens: See the timing diagram below.
- * - Scrolled views automatically become responder. The reasoning is that a
- *   platform scroll view that isn't built on top of the responder system has
- *   began scrolling, and the active responder must now be notified that the
- *   interaction is no longer locked to it - the system has taken over.
- *
- * - Responder being released:
- *   As soon as no more touches that *started* inside of descendants of the
- *   *current* responderInst, an `onResponderRelease` event is dispatched to the
- *   current responder, and the responder lock is released.
- *
- * TODO:
- * - on "end", a callback hook for `onResponderEndShouldRemainResponder` that
- *   determines if the responder lock should remain.
- * - If a view shouldn't "remain" the responder, any active touches should by
- *   default be considered "dead" and do not influence future negotiations or
- *   bubble paths. It should be as if those touches do not exist.
- * -- For multitouch: Usually a translate-z will choose to "remain" responder
- *  after one out of many touches ended. For translate-y, usually the view
- *  doesn't wish to "remain" responder after one of many touches end.
- * - Consider building this on top of a `stopPropagation` model similar to
- *   `W3C` events.
- * - Ensure that `onResponderTerminate` is called on touch cancels, whether or
- *   not `onResponderTerminationRequest` returns `true` or `false`.
- *
- */
-
-/*                                             Negotiation Performed
-                                             +-----------------------+
-                                            /                         \
-Process low level events to    +     Current Responder      +   wantsResponderID
-determine who to perform negot-|   (if any exists at all)   |
-iation/transition              | Otherwise just pass through|
--------------------------------+----------------------------+------------------+
-Bubble to find first ID        |                            |
-to return true:wantsResponderID|                            |
-                               |                            |
-     +-------------+           |                            |
-     | onTouchStart|           |                            |
-     +------+------+     none  |                            |
-            |            return|                            |
-+-----------v-------------+true| +------------------------+ |
-|onStartShouldSetResponder|----->|onResponderStart (cur)  |<-----------+
-+-----------+-------------+    | +------------------------+ |          |
-            |                  |                            | +--------+-------+
-            | returned true for|       false:REJECT +-------->|onResponderReject
-            | wantsResponderID |                    |       | +----------------+
-            | (now attempt     | +------------------+-----+ |
-            |  handoff)        | |   onResponder          | |
-            +------------------->|      TerminationRequest| |
-                               | +------------------+-----+ |
-                               |                    |       | +----------------+
-                               |         true:GRANT +-------->|onResponderGrant|
-                               |                            | +--------+-------+
-                               | +------------------------+ |          |
-                               | |   onResponderTerminate |<-----------+
-                               | +------------------+-----+ |
-                               |                    |       | +----------------+
-                               |                    +-------->|onResponderStart|
-                               |                            | +----------------+
-Bubble to find first ID        |                            |
-to return true:wantsResponderID|                            |
-                               |                            |
-     +-------------+           |                            |
-     | onTouchMove |           |                            |
-     +------+------+     none  |                            |
-            |            return|                            |
-+-----------v-------------+true| +------------------------+ |
-|onMoveShouldSetResponder |----->|onResponderMove (cur)   |<-----------+
-+-----------+-------------+    | +------------------------+ |          |
-            |                  |                            | +--------+-------+
-            | returned true for|       false:REJECT +-------->|onResponderRejec|
-            | wantsResponderID |                    |       | +----------------+
-            | (now attempt     | +------------------+-----+ |
-            |  handoff)        | |   onResponder          | |
-            +------------------->|      TerminationRequest| |
-                               | +------------------+-----+ |
-                               |                    |       | +----------------+
-                               |         true:GRANT +-------->|onResponderGrant|
-                               |                            | +--------+-------+
-                               | +------------------------+ |          |
-                               | |   onResponderTerminate |<-----------+
-                               | +------------------+-----+ |
-                               |                    |       | +----------------+
-                               |                    +-------->|onResponderMove |
-                               |                            | +----------------+
-                               |                            |
-                               |                            |
-      Some active touch started|                            |
-      inside current responder | +------------------------+ |
-      +------------------------->|      onResponderEnd    | |
-      |                        | +------------------------+ |
-  +---+---------+              |                            |
-  | onTouchEnd  |              |                            |
-  +---+---------+              |                            |
-      |                        | +------------------------+ |
-      +------------------------->|     onResponderEnd     | |
-      No active touches started| +-----------+------------+ |
-      inside current responder |             |              |
-                               |             v              |
-                               | +------------------------+ |
-                               | |    onResponderRelease  | |
-                               | +------------------------+ |
-                               |                            |
-                               +                            + */
-
-/**
- * A note about event ordering in the `EventPluginHub`.
- *
- * Suppose plugins are injected in the following order:
- *
- * `[R, S, C]`
- *
- * To help illustrate the example, assume `S` is `SimpleEventPlugin` (for
- * `onClick` etc) and `R` is `ResponderEventPlugin`.
- *
- * "Deferred-Dispatched Events":
- *
- * - The current event plugin system will traverse the list of injected plugins,
- *   in order, and extract events by collecting the plugin's return value of
- *   `extractEvents()`.
- * - These events that are returned from `extractEvents` are "deferred
- *   dispatched events".
- * - When returned from `extractEvents`, deferred-dispatched events contain an
- *   "accumulation" of deferred dispatches.
- * - These deferred dispatches are accumulated/collected before they are
- *   returned, but processed at a later time by the `EventPluginHub` (hence the
- *   name deferred).
- *
- * In the process of returning their deferred-dispatched events, event plugins
- * themselves can dispatch events on-demand without returning them from
- * `extractEvents`. Plugins might want to do this, so that they can use event
- * dispatching as a tool that helps them decide which events should be extracted
- * in the first place.
- *
- * "On-Demand-Dispatched Events":
- *
- * - On-demand-dispatched events are not returned from `extractEvents`.
- * - On-demand-dispatched events are dispatched during the process of returning
- *   the deferred-dispatched events.
- * - They should not have side effects.
- * - They should be avoided, and/or eventually be replaced with another
- *   abstraction that allows event plugins to perform multiple "rounds" of event
- *   extraction.
- *
- * Therefore, the sequence of event dispatches becomes:
- *
- * - `R`s on-demand events (if any)   (dispatched by `R` on-demand)
- * - `S`s on-demand events (if any)   (dispatched by `S` on-demand)
- * - `C`s on-demand events (if any)   (dispatched by `C` on-demand)
- * - `R`s extracted events (if any)   (dispatched by `EventPluginHub`)
- * - `S`s extracted events (if any)   (dispatched by `EventPluginHub`)
- * - `C`s extracted events (if any)   (dispatched by `EventPluginHub`)
- *
- * In the case of `ResponderEventPlugin`: If the `startShouldSetResponder`
- * on-demand dispatch returns `true` (and some other details are satisfied) the
- * `onResponderGrant` deferred dispatched event is returned from
- * `extractEvents`. The sequence of dispatch executions in this case
- * will appear as follows:
- *
- * - `startShouldSetResponder` (`ResponderEventPlugin` dispatches on-demand)
- * - `touchStartCapture`       (`EventPluginHub` dispatches as usual)
- * - `touchStart`              (`EventPluginHub` dispatches as usual)
- * - `responderGrant/Reject`   (`EventPluginHub` dispatches as usual)
- */
-
-function setResponderAndExtractTransfer(
-  topLevelType,
-  targetInst,
-  nativeEvent,
-  nativeEventTarget
-) {
-  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
-    : 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:
-  // It's strange to get an `onMoveShouldSetResponder` when you're *already*
-  // the responder.
-  var skipOverBubbleShouldSetFrom = bubbleShouldSetFrom === responderInst;
-  var shouldSetEvent = ResponderSyntheticEvent.getPooled(
-    shouldSetEventType,
-    bubbleShouldSetFrom,
-    nativeEvent,
-    nativeEventTarget
-  );
-  shouldSetEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
-  if (skipOverBubbleShouldSetFrom) {
-    accumulateTwoPhaseDispatchesSkipTarget(shouldSetEvent);
-  } else {
-    accumulateTwoPhaseDispatches(shouldSetEvent);
-  }
-  var wantsResponderInst = executeDispatchesInOrderStopAtTrue(shouldSetEvent);
-  if (!shouldSetEvent.isPersistent()) {
-    shouldSetEvent.constructor.release(shouldSetEvent);
-  }
-
-  if (!wantsResponderInst || wantsResponderInst === responderInst) {
-    return null;
-  }
-  var extracted = void 0;
-  var grantEvent = ResponderSyntheticEvent.getPooled(
-    eventTypes.responderGrant,
-    wantsResponderInst,
-    nativeEvent,
-    nativeEventTarget
-  );
-  grantEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
-
-  accumulateDirectDispatches(grantEvent);
-  var blockHostResponder = executeDirectDispatch(grantEvent) === true;
-  if (responderInst) {
-    var terminationRequestEvent = ResponderSyntheticEvent.getPooled(
-      eventTypes.responderTerminationRequest,
-      responderInst,
-      nativeEvent,
-      nativeEventTarget
-    );
-    terminationRequestEvent.touchHistory =
-      ResponderTouchHistoryStore.touchHistory;
-    accumulateDirectDispatches(terminationRequestEvent);
-    var shouldSwitch =
-      !hasDispatches(terminationRequestEvent) ||
-      executeDirectDispatch(terminationRequestEvent);
-    if (!terminationRequestEvent.isPersistent()) {
-      terminationRequestEvent.constructor.release(terminationRequestEvent);
-    }
-
-    if (shouldSwitch) {
-      var terminateEvent = ResponderSyntheticEvent.getPooled(
-        eventTypes.responderTerminate,
-        responderInst,
-        nativeEvent,
-        nativeEventTarget
-      );
-      terminateEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
-      accumulateDirectDispatches(terminateEvent);
-      extracted = accumulate(extracted, [grantEvent, terminateEvent]);
-      changeResponder(wantsResponderInst, blockHostResponder);
-    } else {
-      var rejectEvent = ResponderSyntheticEvent.getPooled(
-        eventTypes.responderReject,
-        wantsResponderInst,
-        nativeEvent,
-        nativeEventTarget
-      );
-      rejectEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
-      accumulateDirectDispatches(rejectEvent);
-      extracted = accumulate(extracted, rejectEvent);
-    }
-  } else {
-    extracted = accumulate(extracted, grantEvent);
-    changeResponder(wantsResponderInst, blockHostResponder);
-  }
-  return extracted;
-}
-
-/**
- * A transfer is a negotiation between a currently set responder and the next
- * element to claim responder status. Any start event could trigger a transfer
- * of responderInst. Any move event could trigger a transfer.
- *
- * @param {string} topLevelType Record from `BrowserEventConstants`.
- * @return {boolean} True if a transfer of responder could possibly occur.
- */
-function canTriggerTransfer(topLevelType, topLevelInst, nativeEvent) {
-  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))
-  );
-}
-
-/**
- * Returns whether or not this touch end event makes it such that there are no
- * longer any touches that started inside of the current `responderInst`.
- *
- * @param {NativeEvent} nativeEvent Native touch end event.
- * @return {boolean} Whether or not this touch end event ends the responder.
- */
-function noResponderTouches(nativeEvent) {
-  var touches = nativeEvent.touches;
-  if (!touches || touches.length === 0) {
-    return true;
-  }
-  for (var i = 0; i < touches.length; i++) {
-    var activeTouch = touches[i];
-    var target = activeTouch.target;
-    if (target !== null && target !== undefined && target !== 0) {
-      // Is the original touch location inside of the current responder?
-      var targetInst = getInstanceFromNode(target);
-      if (isAncestor(responderInst, targetInst)) {
-        return false;
-      }
-    }
-  }
-  return true;
-}
-
-var ResponderEventPlugin = {
-  /* For unit testing only */
-  _getResponder: function() {
-    return responderInst;
-  },
-
-  eventTypes: eventTypes,
-
-  /**
-   * We must be resilient to `targetInst` being `null` on `touchMove` or
-   * `touchEnd`. On certain platforms, this means that a native scroll has
-   * assumed control and the original touch targets are destroyed.
-   */
-  extractEvents: function(
-    topLevelType,
-    targetInst,
-    nativeEvent,
-    nativeEventTarget
-  ) {
-    if (isStartish(topLevelType)) {
-      trackedTouchCount += 1;
-    } else if (isEndish(topLevelType)) {
-      if (trackedTouchCount >= 0) {
-        trackedTouchCount -= 1;
-      } else {
-        console.error(
-          "Ended a touch event which was not counted in `trackedTouchCount`."
-        );
-        return null;
-      }
-    }
-
-    ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
-
-    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
-    // `onResponderMove/Start/End`. These will be called for *every* additional
-    // finger that move/start/end, dispatched directly to whoever is the
-    // current responder at that moment, until the responder is "released".
-    //
-    // These multiple individual change touch events are are always bookended
-    // by `onResponderGrant`, and one of
-    // (`onResponderRelease/onResponderTerminate`).
-    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;
-
-    if (incrementalTouch) {
-      var gesture = ResponderSyntheticEvent.getPooled(
-        incrementalTouch,
-        responderInst,
-        nativeEvent,
-        nativeEventTarget
-      );
-      gesture.touchHistory = ResponderTouchHistoryStore.touchHistory;
-      accumulateDirectDispatches(gesture);
-      extracted = accumulate(extracted, gesture);
-    }
-
-    var isResponderTerminate =
-      responderInst && topLevelType === "topTouchCancel";
-    var isResponderRelease =
-      responderInst &&
-      !isResponderTerminate &&
-      isEndish(topLevelType) &&
-      noResponderTouches(nativeEvent);
-    var finalTouch = isResponderTerminate
-      ? eventTypes.responderTerminate
-      : isResponderRelease ? eventTypes.responderRelease : null;
-    if (finalTouch) {
-      var finalEvent = ResponderSyntheticEvent.getPooled(
-        finalTouch,
-        responderInst,
-        nativeEvent,
-        nativeEventTarget
-      );
-      finalEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
-      accumulateDirectDispatches(finalEvent);
-      extracted = accumulate(extracted, finalEvent);
-      changeResponder(null);
-    }
-
-    var numberActiveTouches =
-      ResponderTouchHistoryStore.touchHistory.numberActiveTouches;
-    if (
-      ResponderEventPlugin.GlobalInteractionHandler &&
-      numberActiveTouches !== previousActiveTouches
-    ) {
-      ResponderEventPlugin.GlobalInteractionHandler.onChange(
-        numberActiveTouches
-      );
-    }
-    previousActiveTouches = numberActiveTouches;
-
-    return extracted;
-  },
-
-  GlobalResponderHandler: null,
-  GlobalInteractionHandler: null,
-
-  injection: {
-    /**
-     * @param {{onChange: (ReactID, ReactID) => void} GlobalResponderHandler
-     * Object that handles any change in responder. Use this to inject
-     * integration with an existing touch handling system etc.
-     */
-    injectGlobalResponderHandler: function(GlobalResponderHandler) {
-      ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
-    },
-
-    /**
-     * @param {{onChange: (numberActiveTouches) => void} GlobalInteractionHandler
-     * Object that handles any change in the number of active touches.
-     */
-    injectGlobalInteractionHandler: function(GlobalInteractionHandler) {
-      ResponderEventPlugin.GlobalInteractionHandler = GlobalInteractionHandler;
-    }
-  }
-};
-
-var customBubblingEventTypes = {};
-var customDirectEventTypes = {};
-
-var ReactNativeBridgeEventPlugin = {
-  eventTypes: {},
-
-  /**
-   * @see {EventPluginHub.extractEvents}
-   */
-  extractEvents: function(
-    topLevelType,
-    targetInst,
-    nativeEvent,
-    nativeEventTarget
-  ) {
-    if (targetInst == null) {
-      // Probably a node belonging to another renderer's tree.
-      return null;
-    }
-    var bubbleDispatchConfig = customBubblingEventTypes[topLevelType];
-    var directDispatchConfig = customDirectEventTypes[topLevelType];
-    invariant(
-      bubbleDispatchConfig || directDispatchConfig,
-      'Unsupported top level event type "%s" dispatched',
-      topLevelType
-    );
-    var event = SyntheticEvent$1.getPooled(
-      bubbleDispatchConfig || directDispatchConfig,
-      targetInst,
-      nativeEvent,
-      nativeEventTarget
-    );
-    if (bubbleDispatchConfig) {
-      accumulateTwoPhaseDispatches(event);
-    } else if (directDispatchConfig) {
-      accumulateDirectDispatches(event);
-    } else {
-      return null;
-    }
-    return event;
-  },
-
-  processEventTypes: function(viewConfig) {
-    var bubblingEventTypes = viewConfig.bubblingEventTypes,
-      directEventTypes = viewConfig.directEventTypes;
-
-    {
-      if (bubblingEventTypes != null && directEventTypes != null) {
-        for (var topLevelType in directEventTypes) {
-          invariant(
-            bubblingEventTypes[topLevelType] == null,
-            "Event cannot be both direct and bubbling: %s",
-            topLevelType
-          );
-        }
-      }
-    }
-
-    if (bubblingEventTypes != null) {
-      for (var _topLevelType in bubblingEventTypes) {
-        if (customBubblingEventTypes[_topLevelType] == null) {
-          ReactNativeBridgeEventPlugin.eventTypes[
-            _topLevelType
-          ] = customBubblingEventTypes[_topLevelType] =
-            bubblingEventTypes[_topLevelType];
-        }
-      }
-    }
-
-    if (directEventTypes != null) {
-      for (var _topLevelType2 in directEventTypes) {
-        if (customDirectEventTypes[_topLevelType2] == null) {
-          ReactNativeBridgeEventPlugin.eventTypes[
-            _topLevelType2
-          ] = customDirectEventTypes[_topLevelType2] =
-            directEventTypes[_topLevelType2];
-        }
-      }
-    }
-  }
-};
-
-var instanceCache = {};
-var instanceProps = {};
-
-function precacheFiberNode(hostInst, tag) {
-  instanceCache[tag] = hostInst;
-}
-
-function uncacheFiberNode(tag) {
-  delete instanceCache[tag];
-  delete instanceProps[tag];
-}
-
-function getInstanceFromTag(tag) {
-  if (typeof tag === "number") {
-    return instanceCache[tag] || null;
-  } else {
-    // Fabric will invoke event emitters on a direct fiber reference
-    return tag;
-  }
-}
-
-function getTagFromInstance(inst) {
-  var tag = inst.stateNode._nativeTag;
-  if (tag === undefined) {
-    tag = inst.stateNode.canonical._nativeTag;
-  }
-  invariant(tag, "All native instances should have a tag.");
-  return tag;
-}
-
-function getFiberCurrentPropsFromNode$1(stateNode) {
-  return instanceProps[stateNode._nativeTag] || null;
-}
-
-function updateFiberProps(tag, props) {
-  instanceProps[tag] = props;
-}
-
-var ReactNativeComponentTree = Object.freeze({
-  precacheFiberNode: precacheFiberNode,
-  uncacheFiberNode: uncacheFiberNode,
-  getClosestInstanceFromNode: getInstanceFromTag,
-  getInstanceFromNode: getInstanceFromTag,
-  getNodeFromInstance: getTagFromInstance,
-  getFiberCurrentPropsFromNode: getFiberCurrentPropsFromNode$1,
-  updateFiberProps: updateFiberProps
-});
-
-var ReactNativeEventPluginOrder = [
-  "ResponderEventPlugin",
-  "ReactNativeBridgeEventPlugin"
-];
-
-// Module provided by RN:
-var ReactNativeGlobalResponderHandler = {
-  onChange: function(from, to, blockNativeResponder) {
-    if (to !== null) {
-      var tag = to.stateNode._nativeTag;
-      UIManager.setJSResponder(tag, blockNativeResponder);
-    } else {
-      UIManager.clearJSResponder();
-    }
-  }
-};
-
-/**
- * Make sure essential globals are available and are patched correctly. Please don't remove this
- * line. Bundles created by react-packager `require` it before executing any application code. This
- * ensures it exists in the dependency graph and can be `require`d.
- * TODO: require this in packager, not in React #10932517
- */
-// Module provided by RN:
-/**
- * Inject module for resolving DOM hierarchy and plugin ordering.
- */
-injection.injectEventPluginOrder(ReactNativeEventPluginOrder);
-injection$1.injectComponentTree(ReactNativeComponentTree);
-
-ResponderEventPlugin.injection.injectGlobalResponderHandler(
-  ReactNativeGlobalResponderHandler
-);
-
-/**
- * Some important event plugins included by default (without having to require
- * them).
- */
-injection.injectEventPluginsByName({
-  ResponderEventPlugin: ResponderEventPlugin,
-  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
-});
-
-// TODO: The event emitter registration is interfering with the existing
-// ReactNative renderer. So disable it for Fabric for now.
-
-// import * as ReactNativeEventEmitter from './ReactNativeEventEmitter';
-
-// Module provided by RN:
-// import RCTEventEmitter from 'RCTEventEmitter';
-
-/**
- * Register the event emitter with the native bridge
- */
-// RCTEventEmitter.register(ReactNativeEventEmitter);
-
-// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
-// nor polyfill, then a plain number is used for performance.
-var hasSymbol = typeof Symbol === "function" && Symbol["for"];
-
-var REACT_ELEMENT_TYPE = hasSymbol ? Symbol["for"]("react.element") : 0xeac7;
-var REACT_CALL_TYPE = hasSymbol ? Symbol["for"]("react.call") : 0xeac8;
-var REACT_RETURN_TYPE = hasSymbol ? Symbol["for"]("react.return") : 0xeac9;
-var REACT_PORTAL_TYPE = hasSymbol ? Symbol["for"]("react.portal") : 0xeaca;
-var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol["for"]("react.fragment") : 0xeacb;
-var REACT_STRICT_MODE_TYPE = hasSymbol
-  ? Symbol["for"]("react.strict_mode")
-  : 0xeacc;
-var REACT_PROVIDER_TYPE = hasSymbol ? Symbol["for"]("react.provider") : 0xeacd;
-var REACT_CONTEXT_TYPE = hasSymbol ? Symbol["for"]("react.context") : 0xeace;
-var REACT_ASYNC_MODE_TYPE = hasSymbol
-  ? Symbol["for"]("react.async_mode")
-  : 0xeacf;
-
-var MAYBE_ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
-var FAUX_ITERATOR_SYMBOL = "@@iterator";
-
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable === "undefined") {
-    return null;
-  }
-  var maybeIterator =
-    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
-    maybeIterable[FAUX_ITERATOR_SYMBOL];
-  if (typeof maybeIterator === "function") {
-    return maybeIterator;
-  }
-  return null;
-}
-
-function createPortal(
-  children,
-  containerInfo,
-  // TODO: figure out the API for cross-renderer implementation.
-  implementation
-) {
-  var key =
-    arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-
-  return {
-    // This tag allow us to uniquely identify this as a React Portal
-    $$typeof: REACT_PORTAL_TYPE,
-    key: key == null ? null : "" + key,
-    children: children,
-    containerInfo: containerInfo,
-    implementation: implementation
-  };
-}
-
-// Use to restore controlled state after a change event has fired.
-
-var fiberHostComponent = null;
-
-var restoreTarget = null;
-var restoreQueue = null;
-
-function restoreStateOfTarget(target) {
-  // We perform this translation at the end of the event loop so that we
-  // always receive the correct fiber here
-  var internalInstance = getInstanceFromNode(target);
-  if (!internalInstance) {
-    // Unmounted
-    return;
-  }
-  invariant(
-    fiberHostComponent &&
-      typeof fiberHostComponent.restoreControlledState === "function",
-    "Fiber needs to be injected to handle a fiber target for controlled " +
-      "events. This error is likely caused by a bug in React. Please file an issue."
-  );
-  var props = getFiberCurrentPropsFromNode(internalInstance.stateNode);
-  fiberHostComponent.restoreControlledState(
-    internalInstance.stateNode,
-    internalInstance.type,
-    props
-  );
-}
-
-function needsStateRestore() {
-  return restoreTarget !== null || restoreQueue !== null;
-}
-
-function restoreStateIfNeeded() {
-  if (!restoreTarget) {
-    return;
-  }
-  var target = restoreTarget;
-  var queuedTargets = restoreQueue;
-  restoreTarget = null;
-  restoreQueue = null;
-
-  restoreStateOfTarget(target);
-  if (queuedTargets) {
-    for (var i = 0; i < queuedTargets.length; i++) {
-      restoreStateOfTarget(queuedTargets[i]);
-    }
-  }
-}
-
-// Used as a way to call batchedUpdates when we don't have a reference to
-// the renderer. Such as when we're dispatching events or if third party
-// libraries need to call batchedUpdates. Eventually, this API will go away when
-// everything is batched by default. We'll then have a similar API to opt-out of
-// scheduled work and instead do synchronous work.
-
-// Defaults
-var _batchedUpdates = function(fn, bookkeeping) {
-  return fn(bookkeeping);
-};
-var _interactiveUpdates = function(fn, a, b) {
-  return fn(a, b);
-};
-var _flushInteractiveUpdates = function() {};
-
-var isBatching = false;
-function batchedUpdates(fn, bookkeeping) {
-  if (isBatching) {
-    // If we are currently inside another batch, we need to wait until it
-    // fully completes before restoring state.
-    return fn(bookkeeping);
-  }
-  isBatching = true;
-  try {
-    return _batchedUpdates(fn, bookkeeping);
-  } finally {
-    // Here we wait until all updates have propagated, which is important
-    // when using controlled components within layers:
-    // https://github.com/facebook/react/issues/1698
-    // Then we restore state of any controlled component.
-    isBatching = false;
-    var controlledComponentsHavePendingUpdates = needsStateRestore();
-    if (controlledComponentsHavePendingUpdates) {
-      // If a controlled event was fired, we may need to restore the state of
-      // the DOM node back to the controlled value. This is necessary when React
-      // bails out of the update without touching the DOM.
-      _flushInteractiveUpdates();
-      restoreStateIfNeeded();
-    }
-  }
-}
-
-var injection$2 = {
-  injectRenderer: function(renderer) {
-    _batchedUpdates = renderer.batchedUpdates;
-    _interactiveUpdates = renderer.interactiveUpdates;
-    _flushInteractiveUpdates = renderer.flushInteractiveUpdates;
-  }
-};
-
-var TouchHistoryMath = {
-  /**
-   * This code is optimized and not intended to look beautiful. This allows
-   * computing of touch centroids that have moved after `touchesChangedAfter`
-   * timeStamp. You can compute the current centroid involving all touches
-   * moves after `touchesChangedAfter`, or you can compute the previous
-   * centroid of all touches that were moved after `touchesChangedAfter`.
-   *
-   * @param {TouchHistoryMath} touchHistory Standard Responder touch track
-   * data.
-   * @param {number} touchesChangedAfter timeStamp after which moved touches
-   * are considered "actively moving" - not just "active".
-   * @param {boolean} isXAxis Consider `x` dimension vs. `y` dimension.
-   * @param {boolean} ofCurrent Compute current centroid for actively moving
-   * touches vs. previous centroid of now actively moving touches.
-   * @return {number} value of centroid in specified dimension.
-   */
-  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;
-
-    if (oneTouchData !== null) {
-      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 = void 0; // Yuck, program temporarily in invalid state.
-          if (ofCurrent && isXAxis) {
-            toAdd = touchTrack.currentPageX;
-          } else if (ofCurrent && !isXAxis) {
-            toAdd = touchTrack.currentPageY;
-          } else if (!ofCurrent && isXAxis) {
-            toAdd = touchTrack.previousPageX;
-          } else {
-            toAdd = touchTrack.previousPageY;
-          }
-          total += toAdd;
-          count++;
-        }
-      }
-    }
-    return count > 0 ? total / count : TouchHistoryMath.noCentroid;
-  },
-
-  currentCentroidXOfTouchesChangedAfter: function(
-    touchHistory,
-    touchesChangedAfter
-  ) {
-    return TouchHistoryMath.centroidDimension(
-      touchHistory,
-      touchesChangedAfter,
-      true, // isXAxis
-      true
-    );
-  },
-
-  currentCentroidYOfTouchesChangedAfter: function(
-    touchHistory,
-    touchesChangedAfter
-  ) {
-    return TouchHistoryMath.centroidDimension(
-      touchHistory,
-      touchesChangedAfter,
-      false, // isXAxis
-      true
-    );
-  },
-
-  previousCentroidXOfTouchesChangedAfter: function(
-    touchHistory,
-    touchesChangedAfter
-  ) {
-    return TouchHistoryMath.centroidDimension(
-      touchHistory,
-      touchesChangedAfter,
-      true, // isXAxis
-      false
-    );
-  },
-
-  previousCentroidYOfTouchesChangedAfter: function(
-    touchHistory,
-    touchesChangedAfter
-  ) {
-    return TouchHistoryMath.centroidDimension(
-      touchHistory,
-      touchesChangedAfter,
-      false, // isXAxis
-      false
-    );
-  },
-
-  currentCentroidX: function(touchHistory) {
-    return TouchHistoryMath.centroidDimension(
-      touchHistory,
-      0, // touchesChangedAfter
-      true, // isXAxis
-      true
-    );
-  },
-
-  currentCentroidY: function(touchHistory) {
-    return TouchHistoryMath.centroidDimension(
-      touchHistory,
-      0, // touchesChangedAfter
-      false, // isXAxis
-      true
-    );
-  },
-
-  noCentroid: -1
-};
-
-// TODO: this is special because it gets imported during build.
-
-var ReactVersion = "16.3.0-alpha.1";
-
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-
-var objects = {};
-var uniqueID = 1;
-var emptyObject$2 = {};
-
-var ReactNativePropRegistry = (function() {
-  function ReactNativePropRegistry() {
-    _classCallCheck(this, ReactNativePropRegistry);
-  }
-
-  ReactNativePropRegistry.register = function register(object) {
-    var id = ++uniqueID;
-    {
-      Object.freeze(object);
-    }
-    objects[id] = object;
-    return id;
-  };
-
-  ReactNativePropRegistry.getByID = function getByID(id) {
-    if (!id) {
-      // Used in the style={[condition && id]} pattern,
-      // we want it to be a no-op when the value is false or null
-      return emptyObject$2;
-    }
-
-    var object = objects[id];
-    if (!object) {
-      console.warn("Invalid style with id `" + id + "`. Skipping ...");
-      return emptyObject$2;
-    }
-    return object;
-  };
-
-  return ReactNativePropRegistry;
-})();
-
-// Modules provided by RN:
-var emptyObject$1 = {};
-
-/**
- * Create a payload that contains all the updates between two sets of props.
- *
- * These helpers are all encapsulated into a single module, because they use
- * mutation as a performance optimization which leads to subtle shared
- * dependencies between the code paths. To avoid this mutable state leaking
- * across modules, I've kept them isolated to this module.
- */
-
-// Tracks removed keys
-var removedKeys = null;
-var removedKeyCount = 0;
-
-function defaultDiffer(prevProp, nextProp) {
-  if (typeof nextProp !== "object" || nextProp === null) {
-    // Scalars have already been checked for equality
-    return true;
-  } else {
-    // For objects and arrays, the default diffing algorithm is a deep compare
-    return deepDiffer(prevProp, nextProp);
-  }
-}
-
-function resolveObject(idOrObject) {
-  if (typeof idOrObject === "number") {
-    return ReactNativePropRegistry.getByID(idOrObject);
-  }
-  return idOrObject;
-}
-
-function restoreDeletedValuesInNestedArray(
-  updatePayload,
-  node,
-  validAttributes
-) {
-  if (Array.isArray(node)) {
-    var i = node.length;
-    while (i-- && removedKeyCount > 0) {
-      restoreDeletedValuesInNestedArray(
-        updatePayload,
-        node[i],
-        validAttributes
-      );
-    }
-  } else if (node && removedKeyCount > 0) {
-    var obj = resolveObject(node);
-    for (var propKey in removedKeys) {
-      if (!removedKeys[propKey]) {
-        continue;
-      }
-      var _nextProp = obj[propKey];
-      if (_nextProp === undefined) {
-        continue;
-      }
-
-      var attributeConfig = validAttributes[propKey];
-      if (!attributeConfig) {
-        continue; // not a valid native prop
-      }
-
-      if (typeof _nextProp === "function") {
-        _nextProp = true;
-      }
-      if (typeof _nextProp === "undefined") {
-        _nextProp = null;
-      }
-
-      if (typeof attributeConfig !== "object") {
-        // case: !Object is the default case
-        updatePayload[propKey] = _nextProp;
-      } else if (
-        typeof attributeConfig.diff === "function" ||
-        typeof attributeConfig.process === "function"
-      ) {
-        // case: CustomAttributeConfiguration
-        var nextValue =
-          typeof attributeConfig.process === "function"
-            ? attributeConfig.process(_nextProp)
-            : _nextProp;
-        updatePayload[propKey] = nextValue;
-      }
-      removedKeys[propKey] = false;
-      removedKeyCount--;
-    }
-  }
-}
-
-function diffNestedArrayProperty(
-  updatePayload,
-  prevArray,
-  nextArray,
-  validAttributes
-) {
-  var minLength =
-    prevArray.length < nextArray.length ? prevArray.length : nextArray.length;
-  var i = void 0;
-  for (i = 0; i < minLength; i++) {
-    // Diff any items in the array in the forward direction. Repeated keys
-    // will be overwritten by later values.
-    updatePayload = diffNestedProperty(
-      updatePayload,
-      prevArray[i],
-      nextArray[i],
-      validAttributes
-    );
-  }
-  for (; i < prevArray.length; i++) {
-    // Clear out all remaining properties.
-    updatePayload = clearNestedProperty(
-      updatePayload,
-      prevArray[i],
-      validAttributes
-    );
-  }
-  for (; i < nextArray.length; i++) {
-    // Add all remaining properties.
-    updatePayload = addNestedProperty(
-      updatePayload,
-      nextArray[i],
-      validAttributes
-    );
-  }
-  return updatePayload;
-}
-
-function diffNestedProperty(
-  updatePayload,
-  prevProp,
-  nextProp,
-  validAttributes
-) {
-  if (!updatePayload && prevProp === nextProp) {
-    // If no properties have been added, then we can bail out quickly on object
-    // equality.
-    return updatePayload;
-  }
-
-  if (!prevProp || !nextProp) {
-    if (nextProp) {
-      return addNestedProperty(updatePayload, nextProp, validAttributes);
-    }
-    if (prevProp) {
-      return clearNestedProperty(updatePayload, prevProp, validAttributes);
-    }
-    return updatePayload;
-  }
-
-  if (!Array.isArray(prevProp) && !Array.isArray(nextProp)) {
-    // Both are leaves, we can diff the leaves.
-    return diffProperties(
-      updatePayload,
-      resolveObject(prevProp),
-      resolveObject(nextProp),
-      validAttributes
-    );
-  }
-
-  if (Array.isArray(prevProp) && Array.isArray(nextProp)) {
-    // Both are arrays, we can diff the arrays.
-    return diffNestedArrayProperty(
-      updatePayload,
-      prevProp,
-      nextProp,
-      validAttributes
-    );
-  }
-
-  if (Array.isArray(prevProp)) {
-    return diffProperties(
-      updatePayload,
-      // $FlowFixMe - We know that this is always an object when the input is.
-      flattenStyle(prevProp),
-      // $FlowFixMe - We know that this isn't an array because of above flow.
-      resolveObject(nextProp),
-      validAttributes
-    );
-  }
-
-  return diffProperties(
-    updatePayload,
-    resolveObject(prevProp),
-    // $FlowFixMe - We know that this is always an object when the input is.
-    flattenStyle(nextProp),
-    validAttributes
-  );
-}
-
-/**
- * addNestedProperty takes a single set of props and valid attribute
- * attribute configurations. It processes each prop and adds it to the
- * updatePayload.
- */
-function addNestedProperty(updatePayload, nextProp, validAttributes) {
-  if (!nextProp) {
-    return updatePayload;
-  }
-
-  if (!Array.isArray(nextProp)) {
-    // Add each property of the leaf.
-    return addProperties(
-      updatePayload,
-      resolveObject(nextProp),
-      validAttributes
-    );
-  }
-
-  for (var i = 0; i < nextProp.length; i++) {
-    // Add all the properties of the array.
-    updatePayload = addNestedProperty(
-      updatePayload,
-      nextProp[i],
-      validAttributes
-    );
-  }
-
-  return updatePayload;
-}
-
-/**
- * clearNestedProperty takes a single set of props and valid attributes. It
- * adds a null sentinel to the updatePayload, for each prop key.
- */
-function clearNestedProperty(updatePayload, prevProp, validAttributes) {
-  if (!prevProp) {
-    return updatePayload;
-  }
-
-  if (!Array.isArray(prevProp)) {
-    // Add each property of the leaf.
-    return clearProperties(
-      updatePayload,
-      resolveObject(prevProp),
-      validAttributes
-    );
-  }
-
-  for (var i = 0; i < prevProp.length; i++) {
-    // Add all the properties of the array.
-    updatePayload = clearNestedProperty(
-      updatePayload,
-      prevProp[i],
-      validAttributes
-    );
-  }
-  return updatePayload;
-}
-
-/**
- * diffProperties takes two sets of props and a set of valid attributes
- * and write to updatePayload the values that changed or were deleted.
- * If no updatePayload is provided, a new one is created and returned if
- * anything changed.
- */
-function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
-  var attributeConfig = void 0;
-  var nextProp = void 0;
-  var prevProp = void 0;
-
-  for (var propKey in nextProps) {
-    attributeConfig = validAttributes[propKey];
-    if (!attributeConfig) {
-      continue; // not a valid native prop
-    }
-
-    prevProp = prevProps[propKey];
-    nextProp = nextProps[propKey];
-
-    // functions are converted to booleans as markers that the associated
-    // events should be sent from native.
-    if (typeof nextProp === "function") {
-      nextProp = true;
-      // 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;
-      }
-    }
-
-    // An explicit value of undefined is treated as a null because it overrides
-    // any other preceding value.
-    if (typeof nextProp === "undefined") {
-      nextProp = null;
-      if (typeof prevProp === "undefined") {
-        prevProp = null;
-      }
-    }
-
-    if (removedKeys) {
-      removedKeys[propKey] = false;
-    }
-
-    if (updatePayload && updatePayload[propKey] !== undefined) {
-      // Something else already triggered an update to this key because another
-      // value diffed. Since we're now later in the nested arrays our value is
-      // more important so we need to calculate it and override the existing
-      // value. It doesn't matter if nothing changed, we'll set it anyway.
-
-      // Pattern match on: attributeConfig
-      if (typeof attributeConfig !== "object") {
-        // case: !Object is the default case
-        updatePayload[propKey] = nextProp;
-      } else if (
-        typeof attributeConfig.diff === "function" ||
-        typeof attributeConfig.process === "function"
-      ) {
-        // case: CustomAttributeConfiguration
-        var nextValue =
-          typeof attributeConfig.process === "function"
-            ? attributeConfig.process(nextProp)
-            : nextProp;
-        updatePayload[propKey] = nextValue;
-      }
-      continue;
-    }
-
-    if (prevProp === nextProp) {
-      continue; // nothing changed
-    }
-
-    // Pattern match on: attributeConfig
-    if (typeof attributeConfig !== "object") {
-      // case: !Object is the default case
-      if (defaultDiffer(prevProp, nextProp)) {
-        // a normal leaf has changed
-        (updatePayload || (updatePayload = {}))[propKey] = nextProp;
-      }
-    } 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));
-      if (shouldUpdate) {
-        var _nextValue =
-          typeof attributeConfig.process === "function"
-            ? attributeConfig.process(nextProp)
-            : nextProp;
-        (updatePayload || (updatePayload = {}))[propKey] = _nextValue;
-      }
-    } else {
-      // default: fallthrough case when nested properties are defined
-      removedKeys = null;
-      removedKeyCount = 0;
-      // We think that attributeConfig is not CustomAttributeConfiguration at
-      // this point so we assume it must be AttributeConfiguration.
-      updatePayload = diffNestedProperty(
-        updatePayload,
-        prevProp,
-        nextProp,
-        attributeConfig
-      );
-      if (removedKeyCount > 0 && updatePayload) {
-        restoreDeletedValuesInNestedArray(
-          updatePayload,
-          nextProp,
-          attributeConfig
-        );
-        removedKeys = null;
-      }
-    }
-  }
-
-  // Also iterate through all the previous props to catch any that have been
-  // removed and make sure native gets the signal so it can reset them to the
-  // default.
-  for (var _propKey in prevProps) {
-    if (nextProps[_propKey] !== undefined) {
-      continue; // we've already covered this key in the previous pass
-    }
-    attributeConfig = validAttributes[_propKey];
-    if (!attributeConfig) {
-      continue; // not a valid native prop
-    }
-
-    if (updatePayload && updatePayload[_propKey] !== undefined) {
-      // This was already updated to a diff result earlier.
-      continue;
-    }
-
-    prevProp = prevProps[_propKey];
-    if (prevProp === undefined) {
-      continue; // was already empty anyway
-    }
-    // Pattern match on: attributeConfig
-    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;
-      if (!removedKeys) {
-        removedKeys = {};
-      }
-      if (!removedKeys[_propKey]) {
-        removedKeys[_propKey] = true;
-        removedKeyCount++;
-      }
-    } else {
-      // default:
-      // This is a nested attribute configuration where all the properties
-      // were removed so we need to go through and clear out all of them.
-      updatePayload = clearNestedProperty(
-        updatePayload,
-        prevProp,
-        attributeConfig
-      );
-    }
-  }
-  return updatePayload;
-}
-
-/**
- * addProperties adds all the valid props to the payload after being processed.
- */
-function addProperties(updatePayload, props, validAttributes) {
-  // TODO: Fast path
-  return diffProperties(updatePayload, emptyObject$1, props, validAttributes);
-}
-
-/**
- * clearProperties clears all the previous props by adding a null sentinel
- * to the payload for each valid key.
- */
-function clearProperties(updatePayload, prevProps, validAttributes) {
-  // TODO: Fast path
-  return diffProperties(
-    updatePayload,
-    prevProps,
-    emptyObject$1,
-    validAttributes
-  );
-}
-
-function create(props, validAttributes) {
-  return addProperties(
-    null, // updatePayload
-    props,
-    validAttributes
-  );
-}
-
-function diff(prevProps, nextProps, validAttributes) {
-  return diffProperties(
-    null, // updatePayload
-    prevProps,
-    nextProps,
-    validAttributes
-  );
-}
-
-/**
- * In the future, we should cleanup callbacks by cancelling them instead of
- * using this.
- */
-function mountSafeCallback(context, callback) {
-  return function() {
-    if (!callback) {
-      return undefined;
-    }
-    if (typeof context.__isMounted === "boolean") {
-      // TODO(gaearon): this is gross and should be removed.
-      // It is currently necessary because View uses createClass,
-      // and so any measure() calls on View (which are done by React
-      // DevTools) trigger the isMounted() deprecation warning.
-      if (!context.__isMounted) {
-        return undefined;
-      }
-      // The else branch is important so that we don't
-      // trigger the deprecation warning by calling isMounted.
-    } else if (typeof context.isMounted === "function") {
-      if (!context.isMounted()) {
-        return undefined;
-      }
-    }
-    return callback.apply(context, arguments);
-  };
-}
-
-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 " +
-      "you mean `style` (singular)?";
-    if (owner && owner.constructor && owner.constructor.displayName) {
-      msg +=
-        "\n\nCheck the `" +
-        owner.constructor.displayName +
-        "` parent " +
-        " component.";
-    }
-    throw new Error(msg);
-  }
-}
-
-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 +
-          ": ... } }`"
-      );
-    }
-  }
-}
-
-/**
- * `ReactInstanceMap` maintains a mapping from a public facing stateful
- * instance (key) and the internal representation (value). This allows public
- * methods to accept the user facing instance as an argument and map them back
- * to internal methods.
- *
- * Note that this module is currently shared and assumed to be stateless.
- * If this becomes an actual Map, that will break.
- */
-
-/**
- * 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
- * supported we can rename it.
- */
-
-function get(key) {
-  return key._reactInternalFiber;
-}
-
-function set(key, value) {
-  key._reactInternalFiber = value;
-}
-
-var ReactInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-var ReactCurrentOwner = ReactInternals.ReactCurrentOwner;
-var ReactDebugCurrentFrame = ReactInternals.ReactDebugCurrentFrame;
-
-function getComponentName(fiber) {
-  var type = fiber.type;
-
-  if (typeof type === "function") {
-    return type.displayName || type.name;
-  }
-  if (typeof type === "string") {
-    return type;
-  }
-  switch (type) {
-    case REACT_FRAGMENT_TYPE:
-      return "ReactFragment";
-    case REACT_PORTAL_TYPE:
-      return "ReactPortal";
-    case REACT_CALL_TYPE:
-      return "ReactCall";
-    case REACT_RETURN_TYPE:
-      return "ReactReturn";
-  }
-  return null;
-}
-
-// TODO: Share this module between Fabric and React Native renderers
-// so that both can be used in the same tree.
-
-var findHostInstance = function(fiber) {
-  return null;
-};
-
-var findHostInstanceFabric = function(fiber) {
-  return null;
-};
-
-function injectFindHostInstanceFabric(impl) {
-  findHostInstanceFabric = impl;
-}
-
-/**
- * ReactNative vs ReactWeb
- * -----------------------
- * React treats some pieces of data opaquely. This means that the information
- * is first class (it can be passed around), but cannot be inspected. This
- * allows us to build infrastructure that reasons about resources, without
- * making assumptions about the nature of those resources, and this allows that
- * infra to be shared across multiple platforms, where the resources are very
- * different. General infra (such as `ReactMultiChild`) reasons opaquely about
- * the data, but platform specific code (such as `ReactNativeBaseComponent`) can
- * make assumptions about the data.
- *
- *
- * `rootNodeID`, uniquely identifies a position in the generated native view
- * tree. Many layers of composite components (created with `React.createClass`)
- * can all share the same `rootNodeID`.
- *
- * `nodeHandle`: A sufficiently unambiguous way to refer to a lower level
- * resource (dom node, native view etc). The `rootNodeID` is sufficient for web
- * `nodeHandle`s, because the position in a tree is always enough to uniquely
- * identify a DOM node (we never have nodes in some bank outside of the
- * document). The same would be true for `ReactNative`, but we must maintain a
- * mapping that we can send efficiently serializable
- * strings across native boundaries.
- *
- * Opaque name      TodaysWebReact   FutureWebWorkerReact   ReactNative
- * ----------------------------------------------------------------------------
- * nodeHandle       N/A              rootNodeID             tag
- */
-
-// TODO (bvaughn) Rename the findNodeHandle module to something more descriptive
-// eg findInternalHostInstance. This will reduce the likelihood of someone
-// accidentally deep-requiring this version.
-function findNodeHandle(componentOrHandle) {
-  {
-    var owner = ReactCurrentOwner.current;
-    if (owner !== null && owner.stateNode !== null) {
-      warning(
-        owner.stateNode._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.",
-        getComponentName(owner) || "A component"
-      );
-
-      owner.stateNode._warnedAboutRefsInRender = true;
-    }
-  }
-  if (componentOrHandle == null) {
-    return null;
-  }
-  if (typeof componentOrHandle === "number") {
-    // Already a node handle
-    return componentOrHandle;
-  }
-
-  var component = componentOrHandle;
-
-  // TODO (balpert): Wrap iOS native components in a composite wrapper, then
-  // ReactInstanceMap.get here will always succeed for mounted components
-  var internalInstance = get(component);
-  if (internalInstance) {
-    return (
-      findHostInstance(internalInstance) ||
-      findHostInstanceFabric(internalInstance)
-    );
-  } else {
-    if (component) {
-      return component;
-    } else {
-      invariant(
-        // Native
-        (typeof component === "object" && "_nativeTag" in component) ||
-          // Composite
-          (component.render != null && typeof component.render === "function"),
-        "findNodeHandle(...): Argument is not a component " +
-          "(type: %s, keys: %s)",
-        typeof component,
-        Object.keys(component)
-      );
-      invariant(
-        false,
-        "findNodeHandle(...): Unable to find node handle for unmounted " +
-          "component."
-      );
-    }
-  }
-}
-
-/**
- * External users of findNodeHandle() expect the host tag number return type.
- * The injected findNodeHandle() strategy returns the instance wrapper though.
- * See NativeMethodsMixin#setNativeProps for more info on why this is done.
- */
-function findNumericNodeHandleFiber(componentOrHandle) {
-  var instance = findNodeHandle(componentOrHandle);
-  if (instance == null || typeof instance === "number") {
-    return instance;
-  }
-  return instance._nativeTag;
-}
-
-// Modules provided by RN:
-/**
- * `NativeMethodsMixin` provides methods to access the underlying native
- * component directly. This can be useful in cases when you want to focus
- * a view or measure its on-screen dimensions, for example.
- *
- * The methods described here are available on most of the default components
- * provided by React Native. Note, however, that they are *not* available on
- * composite components that aren't directly backed by a native view. This will
- * generally include most components that you define in your own app. For more
- * information, see [Direct
- * Manipulation](docs/direct-manipulation.html).
- *
- * Note the Flow $Exact<> syntax is required to support mixins.
- * React createClass mixins can only be used with exact types.
- */
-var NativeMethodsMixin = {
-  /**
-   * Determines the location on screen, width, and height of the given view and
-   * returns the values via an async callback. If successful, the callback will
-   * be called with the following arguments:
-   *
-   *  - x
-   *  - y
-   *  - width
-   *  - height
-   *  - pageX
-   *  - pageY
-   *
-   * Note that these measurements are not available until after the rendering
-   * has been completed in native. If you need the measurements as soon as
-   * possible, consider using the [`onLayout`
-   * prop](docs/view.html#onlayout) instead.
-   */
-  measure: function(callback) {
-    UIManager.measure(
-      findNumericNodeHandleFiber(this),
-      mountSafeCallback(this, callback)
-    );
-  },
-
-  /**
-   * Determines the location of the given view in the window and returns the
-   * values via an async callback. If the React root view is embedded in
-   * another native view, this will give you the absolute coordinates. If
-   * successful, the callback will be called with the following
-   * arguments:
-   *
-   *  - x
-   *  - y
-   *  - width
-   *  - height
-   *
-   * Note that these measurements are not available until after the rendering
-   * has been completed in native.
-   */
-  measureInWindow: function(callback) {
-    UIManager.measureInWindow(
-      findNumericNodeHandleFiber(this),
-      mountSafeCallback(this, callback)
-    );
-  },
-
-  /**
-   * Like [`measure()`](#measure), but measures the view relative an ancestor,
-   * specified as `relativeToNativeNode`. This means that the returned x, y
-   * are relative to the origin x, y of the ancestor view.
-   *
-   * As always, to obtain a native node handle for a component, you can use
-   * `findNumericNodeHandle(component)`.
-   */
-  measureLayout: function(
-    relativeToNativeNode,
-    onSuccess,
-    onFail /* currently unused */
-  ) {
-    UIManager.measureLayout(
-      findNumericNodeHandleFiber(this),
-      relativeToNativeNode,
-      mountSafeCallback(this, onFail),
-      mountSafeCallback(this, onSuccess)
-    );
-  },
-
-  /**
-   * This function sends props straight to native. They will not participate in
-   * future diff process - this means that if you do not include them in the
-   * next render, they will remain active (see [Direct
-   * Manipulation](docs/direct-manipulation.html)).
-   */
-  setNativeProps: function(nativeProps) {
-    // Class components don't have viewConfig -> validateAttributes.
-    // Nor does it make sense to set native props on a non-native component.
-    // Instead, find the nearest host component and set props on it.
-    // Use findNodeHandle() rather than findNumericNodeHandle() because
-    // We want the instance/wrapper (not the native tag).
-    var maybeInstance = void 0;
-
-    // Fiber errors if findNodeHandle is called for an umounted component.
-    // Tests using ReactTestRenderer will trigger this case indirectly.
-    // Mimicking stack behavior, we should silently ignore this case.
-    // TODO Fix ReactTestRenderer so we can remove this try/catch.
-    try {
-      maybeInstance = findNodeHandle(this);
-    } catch (error) {}
-
-    // If there is no host component beneath this we should fail silently.
-    // This is not an error; it could mean a class component rendered null.
-    if (maybeInstance == null) {
-      return;
-    }
-
-    var viewConfig = maybeInstance.viewConfig;
-
-    {
-      warnForStyleProps(nativeProps, viewConfig.validAttributes);
-    }
-
-    var updatePayload = create(nativeProps, viewConfig.validAttributes);
-
-    // Avoid the overhead of bridge calls if there's no update.
-    // This is an expensive no-op for Android, and causes an unnecessary
-    // view invalidation for certain components (eg RCTTextInput) on iOS.
-    if (updatePayload != null) {
-      UIManager.updateView(
-        maybeInstance._nativeTag,
-        viewConfig.uiViewClassName,
-        updatePayload
-      );
-    }
-  },
-
-  /**
-   * Requests focus for the given input or view. The exact behavior triggered
-   * will depend on the platform and type of view.
-   */
-  focus: function() {
-    TextInputState.focusTextInput(findNumericNodeHandleFiber(this));
-  },
-
-  /**
-   * Removes focus from an input or view. This is the opposite of `focus()`.
-   */
-  blur: function() {
-    TextInputState.blurTextInput(findNumericNodeHandleFiber(this));
-  }
-};
-
-{
-  // hide this from Flow since we can't define these properties outside of
-  // true without actually implementing them (setting them to undefined
-  // isn't allowed by ReactClass)
-  var NativeMethodsMixin_DEV = NativeMethodsMixin;
-  invariant(
-    !NativeMethodsMixin_DEV.componentWillMount &&
-      !NativeMethodsMixin_DEV.componentWillReceiveProps &&
-      !NativeMethodsMixin_DEV.UNSAFE_componentWillMount &&
-      !NativeMethodsMixin_DEV.UNSAFE_componentWillReceiveProps,
-    "Do not override existing functions."
-  );
-  // TODO (bvaughn) Remove cWM and cWRP in a future version of React Native,
-  // Once these lifecycles have been remove from the reconciler.
-  NativeMethodsMixin_DEV.componentWillMount = function() {
-    throwOnStylesProp(this, this.props);
-  };
-  NativeMethodsMixin_DEV.componentWillReceiveProps = function(newProps) {
-    throwOnStylesProp(this, newProps);
-  };
-  NativeMethodsMixin_DEV.UNSAFE_componentWillMount = function() {
-    throwOnStylesProp(this, this.props);
-  };
-  NativeMethodsMixin_DEV.UNSAFE_componentWillReceiveProps = function(newProps) {
-    throwOnStylesProp(this, newProps);
-  };
-
-  // React may warn about cWM/cWRP/cWU methods being deprecated.
-  // Add a flag to suppress these warnings for this special case.
-  // TODO (bvaughn) Remove this flag once the above methods have been removed.
-  NativeMethodsMixin_DEV.componentWillMount.__suppressDeprecationWarning = true;
-  NativeMethodsMixin_DEV.componentWillReceiveProps.__suppressDeprecationWarning = true;
-}
-
-function _classCallCheck$1(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-
-function _possibleConstructorReturn(self, call) {
-  if (!self) {
-    throw new ReferenceError(
-      "this hasn't been initialised - super() hasn't been called"
-    );
-  }
-  return call && (typeof call === "object" || typeof call === "function")
-    ? call
-    : self;
-}
-
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError(
-      "Super expression must either be null or a function, not " +
-        typeof superClass
-    );
-  }
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      enumerable: false,
-      writable: true,
-      configurable: true
-    }
-  });
-  if (superClass)
-    Object.setPrototypeOf
-      ? Object.setPrototypeOf(subClass, superClass)
-      : (subClass.__proto__ = superClass);
-}
-
-// Modules provided by RN:
-/**
- * Superclass that provides methods to access the underlying native component.
- * This can be useful when you want to focus a view or measure its dimensions.
- *
- * Methods implemented by this class are available on most default components
- * provided by React Native. However, they are *not* available on composite
- * components that are not directly backed by a native view. For more
- * information, see [Direct Manipulation](docs/direct-manipulation.html).
- *
- * @abstract
- */
-
-var ReactNativeComponent = (function(_React$Component) {
-  _inherits(ReactNativeComponent, _React$Component);
-
-  function ReactNativeComponent() {
-    _classCallCheck$1(this, ReactNativeComponent);
-
-    return _possibleConstructorReturn(
-      this,
-      _React$Component.apply(this, arguments)
-    );
-  }
-
-  /**
-   * Removes focus. This is the opposite of `focus()`.
-   */
-  ReactNativeComponent.prototype.blur = function blur() {
-    TextInputState.blurTextInput(findNumericNodeHandleFiber(this));
-  };
-
-  /**
-   * Requests focus. The exact behavior depends on the platform and view.
-   */
-
-  ReactNativeComponent.prototype.focus = function focus() {
-    TextInputState.focusTextInput(findNumericNodeHandleFiber(this));
-  };
-
-  /**
-   * Measures the on-screen location and dimensions. If successful, the callback
-   * will be called asynchronously with the following arguments:
-   *
-   *  - x
-   *  - y
-   *  - width
-   *  - height
-   *  - pageX
-   *  - pageY
-   *
-   * These values are not available until after natives rendering completes. If
-   * you need the measurements as soon as possible, consider using the
-   * [`onLayout` prop](docs/view.html#onlayout) instead.
-   */
-
-  ReactNativeComponent.prototype.measure = function measure(callback) {
-    UIManager.measure(
-      findNumericNodeHandleFiber(this),
-      mountSafeCallback(this, callback)
-    );
-  };
-
-  /**
-   * Measures the on-screen location and dimensions. Even if the React Native
-   * root view is embedded within another native view, this method will give you
-   * the absolute coordinates measured from the window. If successful, the
-   * callback will be called asynchronously with the following arguments:
-   *
-   *  - x
-   *  - y
-   *  - width
-   *  - height
-   *
-   * These values are not available until after natives rendering completes.
-   */
-
-  ReactNativeComponent.prototype.measureInWindow = function measureInWindow(
-    callback
-  ) {
-    UIManager.measureInWindow(
-      findNumericNodeHandleFiber(this),
-      mountSafeCallback(this, callback)
-    );
-  };
-
-  /**
-   * Similar to [`measure()`](#measure), but the resulting location will be
-   * relative to the supplied ancestor's location.
-   *
-   * Obtain a native node handle with `ReactNative.findNodeHandle(component)`.
-   */
-
-  ReactNativeComponent.prototype.measureLayout = function measureLayout(
-    relativeToNativeNode,
-    onSuccess,
-    onFail /* currently unused */
-  ) {
-    UIManager.measureLayout(
-      findNumericNodeHandleFiber(this),
-      relativeToNativeNode,
-      mountSafeCallback(this, onFail),
-      mountSafeCallback(this, onSuccess)
-    );
-  };
-
-  /**
-   * This function sends props straight to native. They will not participate in
-   * future diff process - this means that if you do not include them in the
-   * next render, they will remain active (see [Direct
-   * Manipulation](docs/direct-manipulation.html)).
-   */
-
-  ReactNativeComponent.prototype.setNativeProps = function setNativeProps(
-    nativeProps
-  ) {
-    // Class components don't have viewConfig -> validateAttributes.
-    // Nor does it make sense to set native props on a non-native component.
-    // Instead, find the nearest host component and set props on it.
-    // Use findNodeHandle() rather than ReactNative.findNodeHandle() because
-    // We want the instance/wrapper (not the native tag).
-    var maybeInstance = void 0;
-
-    // Fiber errors if findNodeHandle is called for an umounted component.
-    // Tests using ReactTestRenderer will trigger this case indirectly.
-    // Mimicking stack behavior, we should silently ignore this case.
-    // TODO Fix ReactTestRenderer so we can remove this try/catch.
-    try {
-      maybeInstance = findNodeHandle(this);
-    } catch (error) {}
-
-    // If there is no host component beneath this we should fail silently.
-    // This is not an error; it could mean a class component rendered null.
-    if (maybeInstance == null) {
-      return;
-    }
-
-    var viewConfig =
-      maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
-
-    var updatePayload = create(nativeProps, viewConfig.validAttributes);
-
-    // Avoid the overhead of bridge calls if there's no update.
-    // This is an expensive no-op for Android, and causes an unnecessary
-    // view invalidation for certain components (eg RCTTextInput) on iOS.
-    if (updatePayload != null) {
-      UIManager.updateView(
-        maybeInstance._nativeTag,
-        viewConfig.uiViewClassName,
-        updatePayload
-      );
-    }
-  };
-
-  return ReactNativeComponent;
-})(React.Component);
-
-var hasNativePerformanceNow =
-  typeof performance === "object" && typeof performance.now === "function";
-
-var now = hasNativePerformanceNow
-  ? function() {
-      return performance.now();
-    }
-  : function() {
-      return Date.now();
-    };
-
-var scheduledCallback = null;
-var frameDeadline = 0;
-
-var frameDeadlineObject = {
-  timeRemaining: function() {
-    return frameDeadline - now();
-  }
-};
-
-function setTimeoutCallback() {
-  // TODO (bvaughn) Hard-coded 5ms unblocks initial async testing.
-  // React API probably changing to boolean rather than time remaining.
-  // Longer-term plan is to rewrite this using shared memory,
-  // And just return the value of the bit as the boolean.
-  frameDeadline = now() + 5;
-
-  var callback = scheduledCallback;
-  scheduledCallback = null;
-  if (callback !== null) {
-    callback(frameDeadlineObject);
-  }
-}
-
-// RN has a poor polyfill for requestIdleCallback so we aren't using it.
-// This implementation is only intended for short-term use anyway.
-// We also don't implement cancel functionality b'c Fiber doesn't currently need it.
-function scheduleDeferredCallback(callback) {
-  // We assume only one callback is scheduled at a time b'c that's how Fiber works.
-  scheduledCallback = callback;
-  return setTimeout(setTimeoutCallback, 1);
-}
-
-function cancelDeferredCallback(callbackID) {
-  scheduledCallback = null;
-  clearTimeout(callbackID);
-}
-
-var viewConfigCallbacks = new Map();
-var viewConfigs = new Map();
-
-/**
- * Registers a native view/component by name.
- * A callback is provided to load the view config from UIManager.
- * The callback is deferred until the view is actually rendered.
- * This is done to avoid causing Prepack deopts.
- */
-function register(name, callback) {
-  invariant(
-    !viewConfigCallbacks.has(name),
-    "Tried to register two views with the same name %s",
-    name
-  );
-  viewConfigCallbacks.set(name, callback);
-  return name;
-}
-
-/**
- * Retrieves a config for the specified view.
- * If this is the first time the view has been used,
- * This configuration will be lazy-loaded from UIManager.
- */
-function get$1(name) {
-  var viewConfig = void 0;
-  if (!viewConfigs.has(name)) {
-    var callback = viewConfigCallbacks.get(name);
-    invariant(
-      typeof callback === "function",
-      "View config not found for name %s",
-      name
-    );
-    viewConfigCallbacks.set(name, null);
-    viewConfig = callback();
-    viewConfigs.set(name, viewConfig);
-  } else {
-    viewConfig = viewConfigs.get(name);
-  }
-  invariant(viewConfig, "View config not found for name %s", name);
-  return viewConfig;
-}
-
-// Don't change these two values. They're used by React Dev Tools.
-var NoEffect = /*              */ 0;
-var PerformedWork = /*         */ 1;
-
-// You can change the rest (and add more).
-var Placement = /*             */ 2;
-var Update = /*                */ 4;
-var PlacementAndUpdate = /*    */ 6;
-var Deletion = /*              */ 8;
-var ContentReset = /*          */ 16;
-var Callback = /*              */ 32;
-var DidCapture = /*            */ 64;
-var Ref = /*                   */ 128;
-var ErrLog = /*                */ 256;
-
-// Union of all host effects
-var HostEffectMask = /*        */ 511;
-
-var Incomplete = /*            */ 512;
-var ShouldCapture = /*         */ 1024;
-
-var MOUNTING = 1;
-var MOUNTED = 2;
-var UNMOUNTED = 3;
-
-function isFiberMountedImpl(fiber) {
-  var node = fiber;
-  if (!fiber.alternate) {
-    // If there is no alternate, this might be a new tree that isn't inserted
-    // yet. If it is, then it will have a pending insertion effect on it.
-    if ((node.effectTag & Placement) !== NoEffect) {
-      return MOUNTING;
-    }
-    while (node["return"]) {
-      node = node["return"];
-      if ((node.effectTag & Placement) !== NoEffect) {
-        return MOUNTING;
-      }
-    }
-  } else {
-    while (node["return"]) {
-      node = node["return"];
-    }
-  }
-  if (node.tag === HostRoot) {
-    // TODO: Check if this was a nested HostRoot when used with
-    // renderContainerIntoSubtree.
-    return MOUNTED;
-  }
-  // If we didn't hit the root, that means that we're in an disconnected tree
-  // that has been unmounted.
-  return UNMOUNTED;
-}
-
-function isFiberMounted(fiber) {
-  return isFiberMountedImpl(fiber) === MOUNTED;
-}
-
-function isMounted(component) {
-  {
-    var owner = ReactCurrentOwner.current;
-    if (owner !== null && owner.tag === ClassComponent) {
-      var ownerFiber = owner;
-      var 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"
-      );
-      instance._warnedAboutRefsInRender = true;
-    }
-  }
-
-  var fiber = get(component);
-  if (!fiber) {
-    return false;
-  }
-  return isFiberMountedImpl(fiber) === MOUNTED;
-}
-
-function assertIsMounted(fiber) {
-  invariant(
-    isFiberMountedImpl(fiber) === MOUNTED,
-    "Unable to find node on an unmounted component."
-  );
-}
-
-function findCurrentFiberUsingSlowPath(fiber) {
-  var alternate = fiber.alternate;
-  if (!alternate) {
-    // If there is no alternate, then we only need to check if it is mounted.
-    var state = isFiberMountedImpl(fiber);
-    invariant(
-      state !== UNMOUNTED,
-      "Unable to find node on an unmounted component."
-    );
-    if (state === MOUNTING) {
-      return null;
-    }
-    return fiber;
-  }
-  // If we have two possible branches, we'll walk backwards up to the root
-  // to see what path the root points to. On the way we may hit one of the
-  // special cases and we'll deal with them.
-  var a = fiber;
-  var b = alternate;
-  while (true) {
-    var parentA = a["return"];
-    var parentB = parentA ? parentA.alternate : null;
-    if (!parentA || !parentB) {
-      // We're at the root.
-      break;
-    }
-
-    // If both copies of the parent fiber point to the same child, we can
-    // assume that the child is current. This happens when we bailout on low
-    // priority: the bailed out fiber's child reuses the current child.
-    if (parentA.child === parentB.child) {
-      var child = parentA.child;
-      while (child) {
-        if (child === a) {
-          // We've determined that A is the current branch.
-          assertIsMounted(parentA);
-          return fiber;
-        }
-        if (child === b) {
-          // We've determined that B is the current branch.
-          assertIsMounted(parentA);
-          return alternate;
-        }
-        child = child.sibling;
-      }
-      // 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.");
-    }
-
-    if (a["return"] !== b["return"]) {
-      // The return pointer of A and the return pointer of B point to different
-      // fibers. We assume that return pointers never criss-cross, so A must
-      // belong to the child set of A.return, and B must belong to the child
-      // set of B.return.
-      a = parentA;
-      b = parentB;
-    } else {
-      // The return pointers point to the same fiber. We'll have to use the
-      // default, slow path: scan the child sets of each parent alternate to see
-      // which child belongs to which set.
-      //
-      // Search parent A's child set
-      var didFindChild = false;
-      var _child = parentA.child;
-      while (_child) {
-        if (_child === a) {
-          didFindChild = true;
-          a = parentA;
-          b = parentB;
-          break;
-        }
-        if (_child === b) {
-          didFindChild = true;
-          b = parentA;
-          a = parentB;
-          break;
-        }
-        _child = _child.sibling;
-      }
-      if (!didFindChild) {
-        // Search parent B's child set
-        _child = parentB.child;
-        while (_child) {
-          if (_child === a) {
-            didFindChild = true;
-            a = parentB;
-            b = parentA;
-            break;
-          }
-          if (_child === b) {
-            didFindChild = true;
-            b = parentB;
-            a = parentA;
-            break;
-          }
-          _child = _child.sibling;
-        }
-        invariant(
-          didFindChild,
-          "Child was not found in either parent set. This indicates a bug " +
-            "in React related to the return pointer. Please file an issue."
-        );
-      }
-    }
-
-    invariant(
-      a.alternate === b,
-      "Return fibers should always be each others' alternates. " +
-        "This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-  // 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."
-  );
-  if (a.stateNode.current === a) {
-    // We've determined that A is the current branch.
-    return fiber;
-  }
-  // Otherwise B has to be current branch.
-  return alternate;
-}
-
-function findCurrentHostFiber(parent) {
-  var currentParent = findCurrentFiberUsingSlowPath(parent);
-  if (!currentParent) {
-    return null;
-  }
-
-  // Next we'll drill down this component to find the first HostComponent/Text.
-  var node = currentParent;
-  while (true) {
-    if (node.tag === HostComponent || node.tag === HostText) {
-      return node;
-    } else if (node.child) {
-      node.child["return"] = node;
-      node = node.child;
-      continue;
-    }
-    if (node === currentParent) {
-      return null;
-    }
-    while (!node.sibling) {
-      if (!node["return"] || node["return"] === currentParent) {
-        return null;
-      }
-      node = node["return"];
-    }
-    node.sibling["return"] = node["return"];
-    node = node.sibling;
-  }
-  // Flow needs the return null here, but ESLint complains about it.
-  // eslint-disable-next-line no-unreachable
-  return null;
-}
-
-function findCurrentHostFiberWithNoPortals(parent) {
-  var currentParent = findCurrentFiberUsingSlowPath(parent);
-  if (!currentParent) {
-    return null;
-  }
-
-  // Next we'll drill down this component to find the first HostComponent/Text.
-  var node = currentParent;
-  while (true) {
-    if (node.tag === HostComponent || node.tag === HostText) {
-      return node;
-    } else if (node.child && node.tag !== HostPortal) {
-      node.child["return"] = node;
-      node = node.child;
-      continue;
-    }
-    if (node === currentParent) {
-      return null;
-    }
-    while (!node.sibling) {
-      if (!node["return"] || node["return"] === currentParent) {
-        return null;
-      }
-      node = node["return"];
-    }
-    node.sibling["return"] = node["return"];
-    node = node.sibling;
-  }
-  // Flow needs the return null here, but ESLint complains about it.
-  // eslint-disable-next-line no-unreachable
-  return null;
-}
-
-var valueStack = [];
-
-var fiberStack = void 0;
-
-{
-  fiberStack = [];
-}
-
-var index = -1;
-
-function createCursor(defaultValue) {
-  return {
-    current: defaultValue
-  };
-}
-
-function pop(cursor, fiber) {
-  if (index < 0) {
-    {
-      warning(false, "Unexpected pop.");
-    }
-    return;
-  }
-
-  {
-    if (fiber !== fiberStack[index]) {
-      warning(false, "Unexpected Fiber popped.");
-    }
-  }
-
-  cursor.current = valueStack[index];
-
-  valueStack[index] = null;
-
-  {
-    fiberStack[index] = null;
-  }
-
-  index--;
-}
-
-function push(cursor, value, fiber) {
-  index++;
-
-  valueStack[index] = cursor.current;
-
-  {
-    fiberStack[index] = fiber;
-  }
-
-  cursor.current = value;
-}
-
-function reset() {
-  while (index > -1) {
-    valueStack[index] = null;
-
-    {
-      fiberStack[index] = null;
-    }
-
-    index--;
-  }
-}
-
-var describeComponentFrame = function(name, source, ownerName) {
-  return (
-    "\n    in " +
-    (name || "Unknown") +
-    (source
-      ? " (at " +
-        source.fileName.replace(/^.*[\\\/]/, "") +
-        ":" +
-        source.lineNumber +
-        ")"
-      : ownerName ? " (created by " + ownerName + ")" : "")
-  );
-};
-
-function describeFiber(fiber) {
-  switch (fiber.tag) {
-    case IndeterminateComponent:
-    case FunctionalComponent:
-    case ClassComponent:
-    case HostComponent:
-      var owner = fiber._debugOwner;
-      var source = fiber._debugSource;
-      var name = getComponentName(fiber);
-      var ownerName = null;
-      if (owner) {
-        ownerName = getComponentName(owner);
-      }
-      return describeComponentFrame(name, source, ownerName);
-    default:
-      return "";
-  }
-}
-
-// 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) {
-  var info = "";
-  var node = workInProgress;
-  do {
-    info += describeFiber(node);
-    // Otherwise this return pointer might point to the wrong tree:
-    node = node["return"];
-  } while (node);
-  return info;
-}
-
-function getCurrentFiberOwnerName() {
-  {
-    var fiber = ReactDebugCurrentFiber.current;
-    if (fiber === null) {
-      return null;
-    }
-    var owner = fiber._debugOwner;
-    if (owner !== null && typeof owner !== "undefined") {
-      return getComponentName(owner);
-    }
-  }
-  return null;
-}
-
-function getCurrentFiberStackAddendum() {
-  {
-    var fiber = ReactDebugCurrentFiber.current;
-    if (fiber === null) {
-      return null;
-    }
-    // Safe because if current fiber exists, we are reconciling,
-    // and it is guaranteed to be the work-in-progress version.
-    return getStackAddendumByWorkInProgressFiber(fiber);
-  }
-  return null;
-}
-
-function resetCurrentFiber() {
-  ReactDebugCurrentFrame.getCurrentStack = null;
-  ReactDebugCurrentFiber.current = null;
-  ReactDebugCurrentFiber.phase = null;
-}
-
-function setCurrentFiber(fiber) {
-  ReactDebugCurrentFrame.getCurrentStack = getCurrentFiberStackAddendum;
-  ReactDebugCurrentFiber.current = fiber;
-  ReactDebugCurrentFiber.phase = null;
-}
-
-function setCurrentPhase(phase) {
-  ReactDebugCurrentFiber.phase = phase;
-}
-
-var ReactDebugCurrentFiber = {
-  current: null,
-  phase: null,
-  resetCurrentFiber: resetCurrentFiber,
-  setCurrentFiber: setCurrentFiber,
-  setCurrentPhase: setCurrentPhase,
-  getCurrentFiberOwnerName: getCurrentFiberOwnerName,
-  getCurrentFiberStackAddendum: getCurrentFiberStackAddendum
-};
-
-var debugRenderPhaseSideEffects = false;
-var debugRenderPhaseSideEffectsForStrictMode = false;
-
-var enableUserTimingAPI = true;
-var enableGetDerivedStateFromCatch = false;
-var warnAboutDeprecatedLifecycles = false;
-var replayFailedUnitOfWorkWithInvokeGuardedCallback = true;
-
-// React Fabric uses persistent reconciler.
-var enableMutatingReconciler = false;
-var enableNoopReconciler = false;
-var enablePersistentReconciler = true;
-
-// Only used in www builds.
-
-// Prefix measurements so that it's possible to filter them.
-// Longer prefixes are hard to read in DevTools.
-var reactEmoji = "\u269B";
-var warningEmoji = "\u26D4";
-var supportsUserTiming =
-  typeof performance !== "undefined" &&
-  typeof performance.mark === "function" &&
-  typeof performance.clearMarks === "function" &&
-  typeof performance.measure === "function" &&
-  typeof performance.clearMeasures === "function";
-
-// 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?
-var currentFiber = 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).
-var currentPhase = null;
-var currentPhaseFiber = 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.
-var isCommitting = false;
-var hasScheduledUpdateInCurrentCommit = false;
-var hasScheduledUpdateInCurrentPhase = false;
-var commitCountInCurrentWorkLoop = 0;
-var effectCountInCurrentCommit = 0;
-var isWaitingForCallback = false;
-// During commits, we only show a measurement once per method name
-// to avoid stretch the commit phase with measurement overhead.
-var labelsInCurrentCommit = new Set();
-
-var formatMarkName = function(markName) {
-  return reactEmoji + " " + markName;
-};
-
-var formatLabel = function(label, warning$$1) {
-  var prefix = warning$$1 ? warningEmoji + " " : reactEmoji + " ";
-  var suffix = warning$$1 ? " Warning: " + warning$$1 : "";
-  return "" + prefix + label + suffix;
-};
-
-var beginMark = function(markName) {
-  performance.mark(formatMarkName(markName));
-};
-
-var clearMark = function(markName) {
-  performance.clearMarks(formatMarkName(markName));
-};
-
-var endMark = function(label, markName, warning$$1) {
-  var formattedMarkName = formatMarkName(markName);
-  var formattedLabel = formatLabel(label, warning$$1);
-  try {
-    performance.measure(formattedLabel, formattedMarkName);
-  } catch (err) {}
-  // If previous mark was missing for some reason, this will throw.
-  // This could only happen if React crashed in an unexpected place earlier.
-  // Don't pile on with more errors.
-
-  // Clear marks immediately to avoid growing buffer.
-  performance.clearMarks(formattedMarkName);
-  performance.clearMeasures(formattedLabel);
-};
-
-var getFiberMarkName = function(label, debugID) {
-  return label + " (#" + debugID + ")";
-};
-
-var getFiberLabel = function(componentName, isMounted, phase) {
-  if (phase === null) {
-    // These are composite component total time measurements.
-    return componentName + " [" + (isMounted ? "update" : "mount") + "]";
-  } else {
-    // Composite component methods.
-    return componentName + "." + phase;
-  }
-};
-
-var beginFiberMark = function(fiber, phase) {
-  var componentName = getComponentName(fiber) || "Unknown";
-  var debugID = fiber._debugID;
-  var isMounted = fiber.alternate !== null;
-  var label = getFiberLabel(componentName, isMounted, phase);
-
-  if (isCommitting && labelsInCurrentCommit.has(label)) {
-    // During the commit phase, we don't show duplicate labels because
-    // there is a fixed overhead for every measurement, and we don't
-    // want to stretch the commit phase beyond necessary.
-    return false;
-  }
-  labelsInCurrentCommit.add(label);
-
-  var markName = getFiberMarkName(label, debugID);
-  beginMark(markName);
-  return true;
-};
-
-var clearFiberMark = function(fiber, phase) {
-  var componentName = getComponentName(fiber) || "Unknown";
-  var debugID = fiber._debugID;
-  var isMounted = fiber.alternate !== null;
-  var label = getFiberLabel(componentName, isMounted, phase);
-  var markName = getFiberMarkName(label, debugID);
-  clearMark(markName);
-};
-
-var endFiberMark = function(fiber, phase, warning$$1) {
-  var componentName = getComponentName(fiber) || "Unknown";
-  var debugID = fiber._debugID;
-  var isMounted = fiber.alternate !== null;
-  var label = getFiberLabel(componentName, isMounted, phase);
-  var markName = getFiberMarkName(label, debugID);
-  endMark(label, markName, warning$$1);
-};
-
-var shouldIgnoreFiber = function(fiber) {
-  // Host components should be skipped in the timeline.
-  // We could check typeof fiber.type, but does this work with RN?
-  switch (fiber.tag) {
-    case HostRoot:
-    case HostComponent:
-    case HostText:
-    case HostPortal:
-    case CallComponent:
-    case ReturnComponent:
-    case Fragment:
-    case ContextProvider:
-    case ContextConsumer:
-      return true;
-    default:
-      return false;
-  }
-};
-
-var clearPendingPhaseMeasurement = function() {
-  if (currentPhase !== null && currentPhaseFiber !== null) {
-    clearFiberMark(currentPhaseFiber, currentPhase);
-  }
-  currentPhaseFiber = null;
-  currentPhase = null;
-  hasScheduledUpdateInCurrentPhase = false;
-};
-
-var pauseTimers = function() {
-  // Stops all currently active measurements so that they can be resumed
-  // if we continue in a later deferred loop from the same unit of work.
-  var fiber = currentFiber;
-  while (fiber) {
-    if (fiber._debugIsCurrentlyTiming) {
-      endFiberMark(fiber, null, null);
-    }
-    fiber = fiber["return"];
-  }
-};
-
-var resumeTimersRecursively = function(fiber) {
-  if (fiber["return"] !== null) {
-    resumeTimersRecursively(fiber["return"]);
-  }
-  if (fiber._debugIsCurrentlyTiming) {
-    beginFiberMark(fiber, null);
-  }
-};
-
-var resumeTimers = function() {
-  // Resumes all measurements that were active during the last deferred loop.
-  if (currentFiber !== null) {
-    resumeTimersRecursively(currentFiber);
-  }
-};
-
-function recordEffect() {
-  if (enableUserTimingAPI) {
-    effectCountInCurrentCommit++;
-  }
-}
-
-function recordScheduleUpdate() {
-  if (enableUserTimingAPI) {
-    if (isCommitting) {
-      hasScheduledUpdateInCurrentCommit = true;
-    }
-    if (
-      currentPhase !== null &&
-      currentPhase !== "componentWillMount" &&
-      currentPhase !== "componentWillReceiveProps"
-    ) {
-      hasScheduledUpdateInCurrentPhase = true;
-    }
-  }
-}
-
-function startRequestCallbackTimer() {
-  if (enableUserTimingAPI) {
-    if (supportsUserTiming && !isWaitingForCallback) {
-      isWaitingForCallback = true;
-      beginMark("(Waiting for async callback...)");
-    }
-  }
-}
-
-function stopRequestCallbackTimer(didExpire) {
-  if (enableUserTimingAPI) {
-    if (supportsUserTiming) {
-      isWaitingForCallback = false;
-      var warning$$1 = didExpire ? "React was blocked by main thread" : null;
-      endMark(
-        "(Waiting for async callback...)",
-        "(Waiting for async callback...)",
-        warning$$1
-      );
-    }
-  }
-}
-
-function startWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
-      return;
-    }
-    // If we pause, this is the fiber to unwind from.
-    currentFiber = fiber;
-    if (!beginFiberMark(fiber, null)) {
-      return;
-    }
-    fiber._debugIsCurrentlyTiming = true;
-  }
-}
-
-function cancelWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
-      return;
-    }
-    // Remember we shouldn't complete measurement for this fiber.
-    // Otherwise flamechart will be deep even for small updates.
-    fiber._debugIsCurrentlyTiming = false;
-    clearFiberMark(fiber, null);
-  }
-}
-
-function stopWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
-      return;
-    }
-    // If we pause, its parent is the fiber to unwind from.
-    currentFiber = fiber["return"];
-    if (!fiber._debugIsCurrentlyTiming) {
-      return;
-    }
-    fiber._debugIsCurrentlyTiming = false;
-    endFiberMark(fiber, null, null);
-  }
-}
-
-function stopFailedWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
-      return;
-    }
-    // If we pause, its parent is the fiber to unwind from.
-    currentFiber = fiber["return"];
-    if (!fiber._debugIsCurrentlyTiming) {
-      return;
-    }
-    fiber._debugIsCurrentlyTiming = false;
-    var warning$$1 = "An error was thrown inside this error boundary";
-    endFiberMark(fiber, null, warning$$1);
-  }
-}
-
-function startPhaseTimer(fiber, phase) {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    clearPendingPhaseMeasurement();
-    if (!beginFiberMark(fiber, phase)) {
-      return;
-    }
-    currentPhaseFiber = fiber;
-    currentPhase = phase;
-  }
-}
-
-function stopPhaseTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    if (currentPhase !== null && currentPhaseFiber !== null) {
-      var warning$$1 = hasScheduledUpdateInCurrentPhase
-        ? "Scheduled a cascading update"
-        : null;
-      endFiberMark(currentPhaseFiber, currentPhase, warning$$1);
-    }
-    currentPhase = null;
-    currentPhaseFiber = null;
-  }
-}
-
-function startWorkLoopTimer(nextUnitOfWork) {
-  if (enableUserTimingAPI) {
-    currentFiber = nextUnitOfWork;
-    if (!supportsUserTiming) {
-      return;
-    }
-    commitCountInCurrentWorkLoop = 0;
-    // This is top level call.
-    // Any other measurements are performed within.
-    beginMark("(React Tree Reconciliation)");
-    // Resume any measurements that were in progress during the last loop.
-    resumeTimers();
-  }
-}
-
-function stopWorkLoopTimer(interruptedBy) {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    var warning$$1 = null;
-    if (interruptedBy !== null) {
-      if (interruptedBy.tag === HostRoot) {
-        warning$$1 = "A top-level update interrupted the previous render";
-      } else {
-        var componentName = getComponentName(interruptedBy) || "Unknown";
-        warning$$1 =
-          "An update to " + componentName + " interrupted the previous render";
-      }
-    } else if (commitCountInCurrentWorkLoop > 1) {
-      warning$$1 = "There were cascading updates";
-    }
-    commitCountInCurrentWorkLoop = 0;
-    // Pause any measurements until the next loop.
-    pauseTimers();
-    endMark(
-      "(React Tree Reconciliation)",
-      "(React Tree Reconciliation)",
-      warning$$1
-    );
-  }
-}
-
-function startCommitTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    isCommitting = true;
-    hasScheduledUpdateInCurrentCommit = false;
-    labelsInCurrentCommit.clear();
-    beginMark("(Committing Changes)");
-  }
-}
-
-function stopCommitTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-
-    var warning$$1 = null;
-    if (hasScheduledUpdateInCurrentCommit) {
-      warning$$1 = "Lifecycle hook scheduled a cascading update";
-    } else if (commitCountInCurrentWorkLoop > 0) {
-      warning$$1 = "Caused by a cascading update in earlier commit";
-    }
-    hasScheduledUpdateInCurrentCommit = false;
-    commitCountInCurrentWorkLoop++;
-    isCommitting = false;
-    labelsInCurrentCommit.clear();
-
-    endMark("(Committing Changes)", "(Committing Changes)", warning$$1);
-  }
-}
-
-function startCommitHostEffectsTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    effectCountInCurrentCommit = 0;
-    beginMark("(Committing Host Effects)");
-  }
-}
-
-function stopCommitHostEffectsTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    var count = effectCountInCurrentCommit;
-    effectCountInCurrentCommit = 0;
-    endMark(
-      "(Committing Host Effects: " + count + " Total)",
-      "(Committing Host Effects)",
-      null
-    );
-  }
-}
-
-function startCommitLifeCyclesTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    effectCountInCurrentCommit = 0;
-    beginMark("(Calling Lifecycle Methods)");
-  }
-}
-
-function stopCommitLifeCyclesTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    var count = effectCountInCurrentCommit;
-    effectCountInCurrentCommit = 0;
-    endMark(
-      "(Calling Lifecycle Methods: " + count + " Total)",
-      "(Calling Lifecycle Methods)",
-      null
-    );
-  }
-}
-
-var warnedAboutMissingGetChildContext = void 0;
-
-{
-  warnedAboutMissingGetChildContext = {};
-}
-
-// A cursor to the current merged context object on the stack.
-var contextStackCursor = createCursor(emptyObject);
-// A cursor to a boolean indicating whether the context has changed.
-var didPerformWorkStackCursor = 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.
-var previousContext = emptyObject;
-
-function getUnmaskedContext(workInProgress) {
-  var hasOwnContext = isContextProvider(workInProgress);
-  if (hasOwnContext) {
-    // If the fiber is a context provider itself, when we read its context
-    // we have already pushed its own child context on the stack. A context
-    // provider should not "see" its own child context. Therefore we read the
-    // previous (parent) context instead for a context provider.
-    return previousContext;
-  }
-  return contextStackCursor.current;
-}
-
-function cacheContext(workInProgress, unmaskedContext, maskedContext) {
-  var instance = workInProgress.stateNode;
-  instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
-  instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
-}
-
-function getMaskedContext(workInProgress, unmaskedContext) {
-  var type = workInProgress.type;
-  var contextTypes = type.contextTypes;
-  if (!contextTypes) {
-    return emptyObject;
-  }
-
-  // Avoid recreating masked context unless unmasked context has changed.
-  // Failing to do this will result in unnecessary calls to componentWillReceiveProps.
-  // This may trigger infinite loops if componentWillReceiveProps calls setState.
-  var instance = workInProgress.stateNode;
-  if (
-    instance &&
-    instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
-  ) {
-    return instance.__reactInternalMemoizedMaskedChildContext;
-  }
-
-  var context = {};
-  for (var key in contextTypes) {
-    context[key] = unmaskedContext[key];
-  }
-
-  {
-    var name = getComponentName(workInProgress) || "Unknown";
-    checkPropTypes(
-      contextTypes,
-      context,
-      "context",
-      name,
-      ReactDebugCurrentFiber.getCurrentFiberStackAddendum
-    );
-  }
-
-  // Cache unmasked context so we can avoid recreating masked context unless necessary.
-  // Context is created before the class component is instantiated so check for instance.
-  if (instance) {
-    cacheContext(workInProgress, unmaskedContext, context);
-  }
-
-  return context;
-}
-
-function hasContextChanged() {
-  return didPerformWorkStackCursor.current;
-}
-
-function isContextConsumer(fiber) {
-  return fiber.tag === ClassComponent && fiber.type.contextTypes != null;
-}
-
-function isContextProvider(fiber) {
-  return fiber.tag === ClassComponent && fiber.type.childContextTypes != null;
-}
-
-function popContextProvider(fiber) {
-  if (!isContextProvider(fiber)) {
-    return;
-  }
-
-  pop(didPerformWorkStackCursor, fiber);
-  pop(contextStackCursor, fiber);
-}
-
-function popTopLevelContextObject(fiber) {
-  pop(didPerformWorkStackCursor, fiber);
-  pop(contextStackCursor, fiber);
-}
-
-function pushTopLevelContextObject(fiber, context, didChange) {
-  invariant(
-    contextStackCursor.cursor == null,
-    "Unexpected context found on stack. " +
-      "This error is likely caused by a bug in React. Please file an issue."
-  );
-
-  push(contextStackCursor, context, fiber);
-  push(didPerformWorkStackCursor, didChange, fiber);
-}
-
-function processChildContext(fiber, parentContext) {
-  var instance = fiber.stateNode;
-  var childContextTypes = fiber.type.childContextTypes;
-
-  // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-  // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-  if (typeof instance.getChildContext !== "function") {
-    {
-      var componentName = getComponentName(fiber) || "Unknown";
-
-      if (!warnedAboutMissingGetChildContext[componentName]) {
-        warnedAboutMissingGetChildContext[componentName] = true;
-        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.",
-          componentName,
-          componentName
-        );
-      }
-    }
-    return parentContext;
-  }
-
-  var childContext = void 0;
-  {
-    ReactDebugCurrentFiber.setCurrentPhase("getChildContext");
-  }
-  startPhaseTimer(fiber, "getChildContext");
-  childContext = instance.getChildContext();
-  stopPhaseTimer();
-  {
-    ReactDebugCurrentFiber.setCurrentPhase(null);
-  }
-  for (var contextKey in childContext) {
-    invariant(
-      contextKey in childContextTypes,
-      '%s.getChildContext(): key "%s" is not defined in childContextTypes.',
-      getComponentName(fiber) || "Unknown",
-      contextKey
-    );
-  }
-  {
-    var name = getComponentName(fiber) || "Unknown";
-    checkPropTypes(
-      childContextTypes,
-      childContext,
-      "child context",
-      name,
-      // In practice, there is one case in which we won't get a stack. It's when
-      // somebody calls unstable_renderSubtreeIntoContainer() and we process
-      // context from the parent component instance. The stack will be missing
-      // because it's outside of the reconciliation, and so the pointer has not
-      // been set. This is rare and doesn't matter. We'll also remove that API.
-      ReactDebugCurrentFiber.getCurrentFiberStackAddendum
-    );
-  }
-
-  return Object.assign({}, parentContext, childContext);
-}
-
-function pushContextProvider(workInProgress) {
-  if (!isContextProvider(workInProgress)) {
-    return false;
-  }
-
-  var instance = workInProgress.stateNode;
-  // 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.
-  var memoizedMergedChildContext =
-    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
-    emptyObject;
-
-  // Remember the parent context so we can merge with it later.
-  // Inherit the parent's did-perform-work value to avoid inadvertently blocking updates.
-  previousContext = contextStackCursor.current;
-  push(contextStackCursor, memoizedMergedChildContext, workInProgress);
-  push(
-    didPerformWorkStackCursor,
-    didPerformWorkStackCursor.current,
-    workInProgress
-  );
-
-  return true;
-}
-
-function invalidateContextProvider(workInProgress, didChange) {
-  var instance = workInProgress.stateNode;
-  invariant(
-    instance,
-    "Expected to have an instance by this point. " +
-      "This error is likely caused by a bug in React. Please file an issue."
-  );
-
-  if (didChange) {
-    // Merge parent and own context.
-    // Skip this if we're not updating due to sCU.
-    // This avoids unnecessarily recomputing memoized values.
-    var mergedContext = processChildContext(workInProgress, previousContext);
-    instance.__reactInternalMemoizedMergedChildContext = mergedContext;
-
-    // Replace the old (or empty) context with the new one.
-    // It is important to unwind the context in the reverse order.
-    pop(didPerformWorkStackCursor, workInProgress);
-    pop(contextStackCursor, workInProgress);
-    // Now push the new context and mark that it has changed.
-    push(contextStackCursor, mergedContext, workInProgress);
-    push(didPerformWorkStackCursor, didChange, workInProgress);
-  } else {
-    pop(didPerformWorkStackCursor, workInProgress);
-    push(didPerformWorkStackCursor, didChange, workInProgress);
-  }
-}
-
-function resetContext() {
-  previousContext = emptyObject;
-  contextStackCursor.current = emptyObject;
-  didPerformWorkStackCursor.current = false;
-}
-
-function findCurrentUnmaskedContext(fiber) {
-  // 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. " +
-      "This error is likely caused by a bug in React. Please file an issue."
-  );
-
-  var node = fiber;
-  while (node.tag !== HostRoot) {
-    if (isContextProvider(node)) {
-      return node.stateNode.__reactInternalMemoizedMergedChildContext;
-    }
-    var parent = node["return"];
-    invariant(
-      parent,
-      "Found unexpected detached subtree parent. " +
-        "This error is likely caused by a bug in React. Please file an issue."
-    );
-    node = parent;
-  }
-  return node.stateNode.context;
-}
-
-// Max 31 bit integer. The max integer size in V8 for 32-bit systems.
-// Math.pow(2, 30) - 1
-// 0b111111111111111111111111111111
-var MAX_SIGNED_31_BIT_INT = 1073741823;
-
-// TODO: Use an opaque type once ESLint et al support the syntax
-
-var NoWork = 0;
-var Sync = 1;
-var Never = MAX_SIGNED_31_BIT_INT;
-
-var UNIT_SIZE = 10;
-var MAGIC_NUMBER_OFFSET = 2;
-
-// 1 unit of expiration time represents 10ms.
-function msToExpirationTime(ms) {
-  // Always add an offset so that we don't clash with the magic number for NoWork.
-  return ((ms / UNIT_SIZE) | 0) + MAGIC_NUMBER_OFFSET;
-}
-
-function expirationTimeToMs(expirationTime) {
-  return (expirationTime - MAGIC_NUMBER_OFFSET) * UNIT_SIZE;
-}
-
-function ceiling(num, precision) {
-  return (((num / precision) | 0) + 1) * precision;
-}
-
-function computeExpirationBucket(currentTime, expirationInMs, bucketSizeMs) {
-  return ceiling(
-    currentTime + expirationInMs / UNIT_SIZE,
-    bucketSizeMs / UNIT_SIZE
-  );
-}
-
-var NoContext = 0;
-var AsyncMode = 1;
-var StrictMode = 2;
-
-var hasBadMapPolyfill = void 0;
-
-{
-  hasBadMapPolyfill = false;
-  try {
-    var nonExtensibleObject = Object.preventExtensions({});
-    var testMap = new Map([[nonExtensibleObject, null]]);
-    var testSet = new Set([nonExtensibleObject]);
-    // This is necessary for Rollup to not consider these unused.
-    // https://github.com/rollup/rollup/issues/1771
-    // TODO: we can remove these if Rollup fixes the bug.
-    testMap.set(0, 0);
-    testSet.add(0);
-  } catch (e) {
-    // TODO: Consider warning about bad polyfills
-    hasBadMapPolyfill = true;
-  }
-}
-
-// A Fiber is work on a Component that needs to be done or was done. There can
-// be more than one per component.
-
-var debugCounter = void 0;
-
-{
-  debugCounter = 1;
-}
-
-function FiberNode(tag, pendingProps, key, mode) {
-  // Instance
-  this.tag = tag;
-  this.key = key;
-  this.type = null;
-  this.stateNode = null;
-
-  // Fiber
-  this["return"] = null;
-  this.child = null;
-  this.sibling = null;
-  this.index = 0;
-
-  this.ref = null;
-
-  this.pendingProps = pendingProps;
-  this.memoizedProps = null;
-  this.updateQueue = null;
-  this.memoizedState = null;
-
-  this.mode = mode;
-
-  // Effects
-  this.effectTag = NoEffect;
-  this.nextEffect = null;
-
-  this.firstEffect = null;
-  this.lastEffect = null;
-
-  this.expirationTime = NoWork;
-
-  this.alternate = null;
-
-  {
-    this._debugID = debugCounter++;
-    this._debugSource = null;
-    this._debugOwner = null;
-    this._debugIsCurrentlyTiming = false;
-    if (!hasBadMapPolyfill && typeof Object.preventExtensions === "function") {
-      Object.preventExtensions(this);
-    }
-  }
-}
-
-// This is a constructor function, rather than a POJO constructor, still
-// please ensure we do the following:
-// 1) Nobody should add any instance methods on this. Instance methods can be
-//    more difficult to predict when they get optimized and they are almost
-//    never inlined properly in static compilers.
-// 2) Nobody should rely on `instanceof Fiber` for type testing. We should
-//    always know when it is a fiber.
-// 3) We might want to experiment with using numeric keys since they are easier
-//    to optimize in a non-JIT environment.
-// 4) We can easily go from a constructor to a createFiber object literal if that
-//    is faster.
-// 5) It should be easy to port this to a C struct and keep a C implementation
-//    compatible.
-var createFiber = function(tag, pendingProps, key, mode) {
-  // $FlowFixMe: the shapes are exact here but Flow doesn't like constructors
-  return new FiberNode(tag, pendingProps, key, mode);
-};
-
-function shouldConstruct(Component) {
-  return !!(Component.prototype && Component.prototype.isReactComponent);
-}
-
-// This is used to create an alternate fiber to do work on.
-function createWorkInProgress(current, pendingProps, expirationTime) {
-  var workInProgress = current.alternate;
-  if (workInProgress === null) {
-    // We use a double buffering pooling technique because we know that we'll
-    // only ever need at most two versions of a tree. We pool the "other" unused
-    // node that we're free to reuse. This is lazily created to avoid allocating
-    // extra objects for things that are never updated. It also allow us to
-    // reclaim the extra memory if needed.
-    workInProgress = createFiber(
-      current.tag,
-      pendingProps,
-      current.key,
-      current.mode
-    );
-    workInProgress.type = current.type;
-    workInProgress.stateNode = current.stateNode;
-
-    {
-      // DEV-only fields
-      workInProgress._debugID = current._debugID;
-      workInProgress._debugSource = current._debugSource;
-      workInProgress._debugOwner = current._debugOwner;
-    }
-
-    workInProgress.alternate = current;
-    current.alternate = workInProgress;
-  } else {
-    workInProgress.pendingProps = pendingProps;
-
-    // We already have an alternate.
-    // Reset the effect tag.
-    workInProgress.effectTag = NoEffect;
-
-    // The effect list is no longer valid.
-    workInProgress.nextEffect = null;
-    workInProgress.firstEffect = null;
-    workInProgress.lastEffect = null;
-  }
-
-  workInProgress.expirationTime = expirationTime;
-
-  workInProgress.child = current.child;
-  workInProgress.memoizedProps = current.memoizedProps;
-  workInProgress.memoizedState = current.memoizedState;
-  workInProgress.updateQueue = current.updateQueue;
-
-  // These will be overridden during the parent's reconciliation
-  workInProgress.sibling = current.sibling;
-  workInProgress.index = current.index;
-  workInProgress.ref = current.ref;
-
-  return workInProgress;
-}
-
-function createHostRootFiber(isAsync) {
-  var mode = isAsync ? AsyncMode | StrictMode : NoContext;
-  return createFiber(HostRoot, null, null, mode);
-}
-
-function createFiberFromElement(element, mode, expirationTime) {
-  var owner = null;
-  {
-    owner = element._owner;
-  }
-
-  var fiber = void 0;
-  var type = element.type;
-  var key = element.key;
-  var pendingProps = element.props;
-
-  var fiberTag = void 0;
-  if (typeof type === "function") {
-    fiberTag = shouldConstruct(type) ? ClassComponent : IndeterminateComponent;
-  } else if (typeof type === "string") {
-    fiberTag = HostComponent;
-  } else {
-    switch (type) {
-      case REACT_FRAGMENT_TYPE:
-        return createFiberFromFragment(
-          pendingProps.children,
-          mode,
-          expirationTime,
-          key
-        );
-      case REACT_ASYNC_MODE_TYPE:
-        fiberTag = Mode;
-        mode |= AsyncMode | StrictMode;
-        break;
-      case REACT_STRICT_MODE_TYPE:
-        fiberTag = Mode;
-        mode |= StrictMode;
-        break;
-      case REACT_CALL_TYPE:
-        fiberTag = CallComponent;
-        break;
-      case REACT_RETURN_TYPE:
-        fiberTag = ReturnComponent;
-        break;
-      default: {
-        if (typeof type === "object" && type !== null) {
-          switch (type.$$typeof) {
-            case REACT_PROVIDER_TYPE:
-              fiberTag = ContextProvider;
-              break;
-            case REACT_CONTEXT_TYPE:
-              // This is a consumer
-              fiberTag = ContextConsumer;
-              break;
-            default:
-              if (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. The reified yield stores a fiber, but we don't
-                // know which fiber that is; 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;
-                fiber.pendingProps = pendingProps;
-                fiber.expirationTime = expirationTime;
-                return fiber;
-              } else {
-                throwOnInvalidElementType(type, owner);
-              }
-              break;
-          }
-        } else {
-          throwOnInvalidElementType(type, owner);
-        }
-      }
-    }
-  }
-
-  fiber = createFiber(fiberTag, pendingProps, key, mode);
-  fiber.type = type;
-  fiber.expirationTime = expirationTime;
-
-  {
-    fiber._debugSource = element._source;
-    fiber._debugOwner = element._owner;
-  }
-
-  return fiber;
-}
-
-function throwOnInvalidElementType(type, owner) {
-  var info = "";
-  {
-    if (
-      type === undefined ||
-      (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, or you might have mixed up default and " +
-        "named imports.";
-    }
-    var ownerName = owner ? getComponentName(owner) : null;
-    if (ownerName) {
-      info += "\n\nCheck the render method of `" + ownerName + "`.";
-    }
-  }
-  invariant(
-    false,
-    "Element type is invalid: expected a string (for built-in " +
-      "components) or a class/function (for composite components) " +
-      "but got: %s.%s",
-    type == null ? type : typeof type,
-    info
-  );
-}
-
-function createFiberFromFragment(elements, mode, expirationTime, key) {
-  var fiber = createFiber(Fragment, elements, key, mode);
-  fiber.expirationTime = expirationTime;
-  return fiber;
-}
-
-function createFiberFromText(content, mode, expirationTime) {
-  var fiber = createFiber(HostText, content, null, mode);
-  fiber.expirationTime = expirationTime;
-  return fiber;
-}
-
-function createFiberFromHostInstanceForDeletion() {
-  var fiber = createFiber(HostComponent, null, null, NoContext);
-  fiber.type = "DELETED";
-  return fiber;
-}
-
-function createFiberFromPortal(portal, mode, expirationTime) {
-  var pendingProps = portal.children !== null ? portal.children : [];
-  var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
-  fiber.expirationTime = expirationTime;
-  fiber.stateNode = {
-    containerInfo: portal.containerInfo,
-    pendingChildren: null, // Used by persistent updates
-    implementation: portal.implementation
-  };
-  return fiber;
-}
-
-// TODO: This should be lifted into the renderer.
-
-function createFiberRoot(containerInfo, isAsync, hydrate) {
-  // Cyclic construction. This cheats the type system right now because
-  // stateNode is any.
-  var uninitializedFiber = createHostRootFiber(isAsync);
-  var root = {
-    current: uninitializedFiber,
-    containerInfo: containerInfo,
-    pendingChildren: null,
-    pendingCommitExpirationTime: NoWork,
-    finishedWork: null,
-    context: null,
-    pendingContext: null,
-    hydrate: hydrate,
-    remainingExpirationTime: NoWork,
-    firstBatch: null,
-    nextScheduledRoot: null
-  };
-  uninitializedFiber.stateNode = root;
-  return root;
-}
-
-var onCommitFiberRoot = null;
-var onCommitFiberUnmount = null;
-var hasLoggedError = false;
-
-function catchErrors(fn) {
-  return function(arg) {
-    try {
-      return fn(arg);
-    } catch (err) {
-      if (true && !hasLoggedError) {
-        hasLoggedError = true;
-        warning(false, "React DevTools encountered an error: %s", err);
-      }
-    }
-  };
-}
-
-function injectInternals(internals) {
-  if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === "undefined") {
-    // No DevTools
-    return false;
-  }
-  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
-  if (hook.isDisabled) {
-    // This isn't a real property on the hook, but it can be set to opt out
-    // of DevTools integration and associated warnings and logs.
-    // https://github.com/facebook/react/issues/3877
-    return true;
-  }
-  if (!hook.supportsFiber) {
-    {
-      warning(
-        false,
-        "The installed version of React DevTools is too old and will not work " +
-          "with the current version of React. Please update React DevTools. " +
-          "https://fb.me/react-devtools"
-      );
-    }
-    // DevTools exists, even though it doesn't support Fiber.
-    return true;
-  }
-  try {
-    var rendererID = hook.inject(internals);
-    // We have successfully injected, so now it is safe to set up hooks.
-    onCommitFiberRoot = catchErrors(function(root) {
-      return hook.onCommitFiberRoot(rendererID, root);
-    });
-    onCommitFiberUnmount = catchErrors(function(fiber) {
-      return hook.onCommitFiberUnmount(rendererID, fiber);
-    });
-  } catch (err) {
-    // Catch all errors because it is unsafe to throw during initialization.
-    {
-      warning(false, "React DevTools encountered an error: %s.", err);
-    }
-  }
-  // DevTools exists
-  return true;
-}
-
-function onCommitRoot(root) {
-  if (typeof onCommitFiberRoot === "function") {
-    onCommitFiberRoot(root);
-  }
-}
-
-function onCommitUnmount(fiber) {
-  if (typeof onCommitFiberUnmount === "function") {
-    onCommitFiberUnmount(fiber);
-  }
-}
-
-/**
- * Forked from fbjs/warning:
- * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
- *
- * Only change is we use console.warn instead of console.error,
- * and do nothing when 'console' is not supported.
- * This really simplifies the code.
- * ---
- * Similar to invariant but only logs a warning if the condition is not met.
- * This can be used to log issues in development environments in critical
- * paths. Removing the logging code for production environments will keep the
- * same logic and follow the same code paths.
- */
-
-var lowPriorityWarning = function() {};
-
-{
-  var printWarning = function(format) {
-    for (
-      var _len = arguments.length,
-        args = Array(_len > 1 ? _len - 1 : 0),
-        _key = 1;
-      _key < _len;
-      _key++
-    ) {
-      args[_key - 1] = arguments[_key];
-    }
-
-    var argIndex = 0;
-    var message =
-      "Warning: " +
-      format.replace(/%s/g, function() {
-        return args[argIndex++];
-      });
-    if (typeof console !== "undefined") {
-      console.warn(message);
-    }
-    try {
-      // --- Welcome to debugging React ---
-      // This error was thrown as a convenience so that you can use this stack
-      // to find the callsite that caused this warning to fire.
-      throw new Error(message);
-    } catch (x) {}
-  };
-
-  lowPriorityWarning = function(condition, format) {
-    if (format === undefined) {
-      throw new Error(
-        "`warning(condition, format, ...args)` requires a warning " +
-          "message argument"
-      );
-    }
-    if (!condition) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(_len2 > 2 ? _len2 - 2 : 0),
-          _key2 = 2;
-        _key2 < _len2;
-        _key2++
-      ) {
-        args[_key2 - 2] = arguments[_key2];
-      }
-
-      printWarning.apply(undefined, [format].concat(args));
-    }
-  };
-}
-
-var lowPriorityWarning$1 = lowPriorityWarning;
-
-var ReactStrictModeWarnings = {
-  discardPendingWarnings: function() {},
-  flushPendingDeprecationWarnings: function() {},
-  flushPendingUnsafeLifecycleWarnings: function() {},
-  recordDeprecationWarnings: function(fiber, instance) {},
-  recordUnsafeLifecycleWarnings: function(fiber, instance) {}
-};
-
-{
-  var LIFECYCLE_SUGGESTIONS = {
-    UNSAFE_componentWillMount: "componentDidMount",
-    UNSAFE_componentWillReceiveProps: "static getDerivedStateFromProps",
-    UNSAFE_componentWillUpdate: "componentDidUpdate"
-  };
-
-  var pendingComponentWillMountWarnings = [];
-  var pendingComponentWillReceivePropsWarnings = [];
-  var pendingComponentWillUpdateWarnings = [];
-  var pendingUnsafeLifecycleWarnings = new Map();
-
-  // Tracks components we have already warned about.
-  var didWarnAboutDeprecatedLifecycles = new Set();
-  var didWarnAboutUnsafeLifecycles = new Set();
-
-  ReactStrictModeWarnings.discardPendingWarnings = function() {
-    pendingComponentWillMountWarnings = [];
-    pendingComponentWillReceivePropsWarnings = [];
-    pendingComponentWillUpdateWarnings = [];
-    pendingUnsafeLifecycleWarnings = new Map();
-  };
-
-  ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings = function() {
-    pendingUnsafeLifecycleWarnings.forEach(function(
-      lifecycleWarningsMap,
-      strictRoot
-    ) {
-      var lifecyclesWarningMesages = [];
-
-      Object.keys(lifecycleWarningsMap).forEach(function(lifecycle) {
-        var lifecycleWarnings = lifecycleWarningsMap[lifecycle];
-        if (lifecycleWarnings.length > 0) {
-          var componentNames = new Set();
-          lifecycleWarnings.forEach(function(fiber) {
-            componentNames.add(getComponentName(fiber) || "Component");
-            didWarnAboutUnsafeLifecycles.add(fiber.type);
-          });
-
-          var formatted = lifecycle.replace("UNSAFE_", "");
-          var suggestion = LIFECYCLE_SUGGESTIONS[lifecycle];
-          var sortedComponentNames = Array.from(componentNames)
-            .sort()
-            .join(", ");
-
-          lifecyclesWarningMesages.push(
-            formatted +
-              ": Please update the following components to use " +
-              (suggestion + " instead: " + sortedComponentNames)
-          );
-        }
-      });
-
-      if (lifecyclesWarningMesages.length > 0) {
-        var strictRootComponentStack = getStackAddendumByWorkInProgressFiber(
-          strictRoot
-        );
-
-        warning(
-          false,
-          "Unsafe lifecycle methods were found within a strict-mode tree:%s" +
-            "\n\n%s" +
-            "\n\nLearn more about this warning here:" +
-            "\nhttps://fb.me/react-strict-mode-warnings",
-          strictRootComponentStack,
-          lifecyclesWarningMesages.join("\n\n")
-        );
-      }
-    });
-
-    pendingUnsafeLifecycleWarnings = new Map();
-  };
-
-  var getStrictRoot = function(fiber) {
-    var maybeStrictRoot = null;
-
-    while (fiber !== null) {
-      if (fiber.mode & StrictMode) {
-        maybeStrictRoot = fiber;
-      }
-
-      fiber = fiber["return"];
-    }
-
-    return maybeStrictRoot;
-  };
-
-  ReactStrictModeWarnings.flushPendingDeprecationWarnings = function() {
-    if (pendingComponentWillMountWarnings.length > 0) {
-      var uniqueNames = new Set();
-      pendingComponentWillMountWarnings.forEach(function(fiber) {
-        uniqueNames.add(getComponentName(fiber) || "Component");
-        didWarnAboutDeprecatedLifecycles.add(fiber.type);
-      });
-
-      var sortedNames = Array.from(uniqueNames)
-        .sort()
-        .join(", ");
-
-      lowPriorityWarning$1(
-        false,
-        "componentWillMount is deprecated and will be removed in the next major version. " +
-          "Use componentDidMount instead. As a temporary workaround, " +
-          "you can rename to UNSAFE_componentWillMount." +
-          "\n\nPlease update the following components: %s" +
-          "\n\nLearn more about this warning here:" +
-          "\nhttps://fb.me/react-async-component-lifecycle-hooks",
-        sortedNames
-      );
-
-      pendingComponentWillMountWarnings = [];
-    }
-
-    if (pendingComponentWillReceivePropsWarnings.length > 0) {
-      var _uniqueNames = new Set();
-      pendingComponentWillReceivePropsWarnings.forEach(function(fiber) {
-        _uniqueNames.add(getComponentName(fiber) || "Component");
-        didWarnAboutDeprecatedLifecycles.add(fiber.type);
-      });
-
-      var _sortedNames = Array.from(_uniqueNames)
-        .sort()
-        .join(", ");
-
-      lowPriorityWarning$1(
-        false,
-        "componentWillReceiveProps is deprecated and will be removed in the next major version. " +
-          "Use static getDerivedStateFromProps instead." +
-          "\n\nPlease update the following components: %s" +
-          "\n\nLearn more about this warning here:" +
-          "\nhttps://fb.me/react-async-component-lifecycle-hooks",
-        _sortedNames
-      );
-
-      pendingComponentWillReceivePropsWarnings = [];
-    }
-
-    if (pendingComponentWillUpdateWarnings.length > 0) {
-      var _uniqueNames2 = new Set();
-      pendingComponentWillUpdateWarnings.forEach(function(fiber) {
-        _uniqueNames2.add(getComponentName(fiber) || "Component");
-        didWarnAboutDeprecatedLifecycles.add(fiber.type);
-      });
-
-      var _sortedNames2 = Array.from(_uniqueNames2)
-        .sort()
-        .join(", ");
-
-      lowPriorityWarning$1(
-        false,
-        "componentWillUpdate is deprecated and will be removed in the next major version. " +
-          "Use componentDidUpdate instead. As a temporary workaround, " +
-          "you can rename to UNSAFE_componentWillUpdate." +
-          "\n\nPlease update the following components: %s" +
-          "\n\nLearn more about this warning here:" +
-          "\nhttps://fb.me/react-async-component-lifecycle-hooks",
-        _sortedNames2
-      );
-
-      pendingComponentWillUpdateWarnings = [];
-    }
-  };
-
-  ReactStrictModeWarnings.recordDeprecationWarnings = function(
-    fiber,
-    instance
-  ) {
-    // Dedup strategy: Warn once per component.
-    if (didWarnAboutDeprecatedLifecycles.has(fiber.type)) {
-      return;
-    }
-
-    // Don't warn about react-lifecycles-compat polyfilled components.
-    if (
-      typeof instance.componentWillMount === "function" &&
-      instance.componentWillMount.__suppressDeprecationWarning !== true
-    ) {
-      pendingComponentWillMountWarnings.push(fiber);
-    }
-    if (
-      typeof instance.componentWillReceiveProps === "function" &&
-      instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
-    ) {
-      pendingComponentWillReceivePropsWarnings.push(fiber);
-    }
-    if (typeof instance.componentWillUpdate === "function") {
-      pendingComponentWillUpdateWarnings.push(fiber);
-    }
-  };
-
-  ReactStrictModeWarnings.recordUnsafeLifecycleWarnings = function(
-    fiber,
-    instance
-  ) {
-    var strictRoot = getStrictRoot(fiber);
-
-    // Dedup strategy: Warn once per component.
-    // This is difficult to track any other way since component names
-    // are often vague and are likely to collide between 3rd party libraries.
-    // An expand property is probably okay to use here since it's DEV-only,
-    // and will only be set in the event of serious warnings.
-    if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
-      return;
-    }
-
-    // Don't warn about react-lifecycles-compat polyfilled components.
-    // Note that it is sufficient to check for the presence of a
-    // single lifecycle, componentWillMount, with the polyfill flag.
-    if (
-      typeof instance.componentWillMount === "function" &&
-      instance.componentWillMount.__suppressDeprecationWarning === true
-    ) {
-      return;
-    }
-
-    var warningsForRoot = void 0;
-    if (!pendingUnsafeLifecycleWarnings.has(strictRoot)) {
-      warningsForRoot = {
-        UNSAFE_componentWillMount: [],
-        UNSAFE_componentWillReceiveProps: [],
-        UNSAFE_componentWillUpdate: []
-      };
-
-      pendingUnsafeLifecycleWarnings.set(strictRoot, warningsForRoot);
-    } else {
-      warningsForRoot = pendingUnsafeLifecycleWarnings.get(strictRoot);
-    }
-
-    var unsafeLifecycles = [];
-    if (
-      typeof instance.componentWillMount === "function" ||
-      typeof instance.UNSAFE_componentWillMount === "function"
-    ) {
-      unsafeLifecycles.push("UNSAFE_componentWillMount");
-    }
-    if (
-      typeof instance.componentWillReceiveProps === "function" ||
-      typeof instance.UNSAFE_componentWillReceiveProps === "function"
-    ) {
-      unsafeLifecycles.push("UNSAFE_componentWillReceiveProps");
-    }
-    if (
-      typeof instance.componentWillUpdate === "function" ||
-      typeof instance.UNSAFE_componentWillUpdate === "function"
-    ) {
-      unsafeLifecycles.push("UNSAFE_componentWillUpdate");
-    }
-
-    if (unsafeLifecycles.length > 0) {
-      unsafeLifecycles.forEach(function(lifecycle) {
-        warningsForRoot[lifecycle].push(fiber);
-      });
-    }
-  };
-}
-
-var didWarnUpdateInsideUpdate = void 0;
-
-{
-  didWarnUpdateInsideUpdate = false;
-}
-
-// Callbacks are not validated until invocation
-
-// Singly linked-list of updates. When an update is scheduled, it is added to
-// the queue of the current fiber and the work-in-progress fiber. The two queues
-// are separate but they share a persistent structure.
-//
-// During reconciliation, updates are removed from the work-in-progress fiber,
-// but they remain on the current fiber. That ensures that if a work-in-progress
-// is aborted, the aborted updates are recovered by cloning from current.
-//
-// The work-in-progress queue is always a subset of the current queue.
-//
-// When the tree is committed, the work-in-progress becomes the current.
-
-function createUpdateQueue(baseState) {
-  var queue = {
-    baseState: baseState,
-    expirationTime: NoWork,
-    first: null,
-    last: null,
-    callbackList: null,
-    hasForceUpdate: false,
-    isInitialized: false,
-    capturedValues: null
-  };
-  {
-    queue.isProcessing = false;
-  }
-  return queue;
-}
-
-function insertUpdateIntoQueue(queue, update) {
-  // Append the update to the end of the list.
-  if (queue.last === null) {
-    // Queue is empty
-    queue.first = queue.last = update;
-  } else {
-    queue.last.next = update;
-    queue.last = update;
-  }
-  if (
-    queue.expirationTime === NoWork ||
-    queue.expirationTime > update.expirationTime
-  ) {
-    queue.expirationTime = update.expirationTime;
-  }
-}
-
-var q1 = void 0;
-var q2 = void 0;
-function ensureUpdateQueues(fiber) {
-  q1 = q2 = null;
-  // We'll have at least one and at most two distinct update queues.
-  var alternateFiber = fiber.alternate;
-  var queue1 = fiber.updateQueue;
-  if (queue1 === null) {
-    // TODO: We don't know what the base state will be until we begin work.
-    // It depends on which fiber is the next current. Initialize with an empty
-    // base state, then set to the memoizedState when rendering. Not super
-    // happy with this approach.
-    queue1 = fiber.updateQueue = createUpdateQueue(null);
-  }
-
-  var queue2 = void 0;
-  if (alternateFiber !== null) {
-    queue2 = alternateFiber.updateQueue;
-    if (queue2 === null) {
-      queue2 = alternateFiber.updateQueue = createUpdateQueue(null);
-    }
-  } else {
-    queue2 = null;
-  }
-  queue2 = queue2 !== queue1 ? queue2 : null;
-
-  // Use module variables instead of returning a tuple
-  q1 = queue1;
-  q2 = queue2;
-}
-
-function insertUpdateIntoFiber(fiber, update) {
-  ensureUpdateQueues(fiber);
-  var queue1 = q1;
-  var queue2 = q2;
-
-  // Warn if an update is scheduled from inside an updater function.
-  {
-    if (
-      (queue1.isProcessing || (queue2 !== null && queue2.isProcessing)) &&
-      !didWarnUpdateInsideUpdate
-    ) {
-      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."
-      );
-      didWarnUpdateInsideUpdate = true;
-    }
-  }
-
-  // If there's only one queue, add the update to that queue and exit.
-  if (queue2 === null) {
-    insertUpdateIntoQueue(queue1, update);
-    return;
-  }
-
-  // If either queue is empty, we need to add to both queues.
-  if (queue1.last === null || queue2.last === null) {
-    insertUpdateIntoQueue(queue1, update);
-    insertUpdateIntoQueue(queue2, update);
-    return;
-  }
-
-  // If both lists are not empty, the last update is the same for both lists
-  // because of structural sharing. So, we should only append to one of
-  // the lists.
-  insertUpdateIntoQueue(queue1, update);
-  // But we still need to update the `last` pointer of queue2.
-  queue2.last = update;
-}
-
-function getUpdateExpirationTime(fiber) {
-  switch (fiber.tag) {
-    case HostRoot:
-    case ClassComponent:
-      var updateQueue = fiber.updateQueue;
-      if (updateQueue === null) {
-        return NoWork;
-      }
-      return updateQueue.expirationTime;
-    default:
-      return NoWork;
-  }
-}
-
-function getStateFromUpdate(update, instance, prevState, props) {
-  var partialState = update.partialState;
-  if (typeof partialState === "function") {
-    return partialState.call(instance, prevState, props);
-  } else {
-    return partialState;
-  }
-}
-
-function processUpdateQueue(
-  current,
-  workInProgress,
-  queue,
-  instance,
-  props,
-  renderExpirationTime
-) {
-  if (current !== null && current.updateQueue === queue) {
-    // We need to create a work-in-progress queue, by cloning the current queue.
-    var currentQueue = queue;
-    queue = workInProgress.updateQueue = {
-      baseState: currentQueue.baseState,
-      expirationTime: currentQueue.expirationTime,
-      first: currentQueue.first,
-      last: currentQueue.last,
-      isInitialized: currentQueue.isInitialized,
-      capturedValues: currentQueue.capturedValues,
-      // These fields are no longer valid because they were already committed.
-      // Reset them.
-      callbackList: null,
-      hasForceUpdate: false
-    };
-  }
-
-  {
-    // Set this flag so we can warn if setState is called inside the update
-    // function of another setState.
-    queue.isProcessing = true;
-  }
-
-  // Reset the remaining expiration time. If we skip over any updates, we'll
-  // increase this accordingly.
-  queue.expirationTime = NoWork;
-
-  // TODO: We don't know what the base state will be until we begin work.
-  // It depends on which fiber is the next current. Initialize with an empty
-  // base state, then set to the memoizedState when rendering. Not super
-  // happy with this approach.
-  var state = void 0;
-  if (queue.isInitialized) {
-    state = queue.baseState;
-  } else {
-    state = queue.baseState = workInProgress.memoizedState;
-    queue.isInitialized = true;
-  }
-  var dontMutatePrevState = true;
-  var update = queue.first;
-  var didSkip = false;
-  while (update !== null) {
-    var updateExpirationTime = update.expirationTime;
-    if (updateExpirationTime > renderExpirationTime) {
-      // This update does not have sufficient priority. Skip it.
-      var remainingExpirationTime = queue.expirationTime;
-      if (
-        remainingExpirationTime === NoWork ||
-        remainingExpirationTime > updateExpirationTime
-      ) {
-        // Update the remaining expiration time.
-        queue.expirationTime = updateExpirationTime;
-      }
-      if (!didSkip) {
-        didSkip = true;
-        queue.baseState = state;
-      }
-      // Continue to the next update.
-      update = update.next;
-      continue;
-    }
-
-    // This update does have sufficient priority.
-
-    // If no previous updates were skipped, drop this update from the queue by
-    // advancing the head of the list.
-    if (!didSkip) {
-      queue.first = update.next;
-      if (queue.first === null) {
-        queue.last = null;
-      }
-    }
-
-    // Invoke setState callback an extra time to help detect side-effects.
-    // Ignore the return value in this case.
-    if (
-      debugRenderPhaseSideEffects ||
-      (debugRenderPhaseSideEffectsForStrictMode &&
-        workInProgress.mode & StrictMode)
-    ) {
-      getStateFromUpdate(update, instance, state, props);
-    }
-
-    // Process the update
-    var _partialState = void 0;
-    if (update.isReplace) {
-      state = getStateFromUpdate(update, instance, state, props);
-      dontMutatePrevState = true;
-    } else {
-      _partialState = getStateFromUpdate(update, instance, state, props);
-      if (_partialState) {
-        if (dontMutatePrevState) {
-          // $FlowFixMe: Idk how to type this properly.
-          state = Object.assign({}, state, _partialState);
-        } else {
-          state = Object.assign(state, _partialState);
-        }
-        dontMutatePrevState = false;
-      }
-    }
-    if (update.isForced) {
-      queue.hasForceUpdate = true;
-    }
-    if (update.callback !== null) {
-      // Append to list of callbacks.
-      var _callbackList = queue.callbackList;
-      if (_callbackList === null) {
-        _callbackList = queue.callbackList = [];
-      }
-      _callbackList.push(update);
-    }
-    if (update.capturedValue !== null) {
-      var _capturedValues = queue.capturedValues;
-      if (_capturedValues === null) {
-        queue.capturedValues = [update.capturedValue];
-      } else {
-        _capturedValues.push(update.capturedValue);
-      }
-    }
-    update = update.next;
-  }
-
-  if (queue.callbackList !== null) {
-    workInProgress.effectTag |= Callback;
-  } else if (
-    queue.first === null &&
-    !queue.hasForceUpdate &&
-    queue.capturedValues === null
-  ) {
-    // The queue is empty. We can reset it.
-    workInProgress.updateQueue = null;
-  }
-
-  if (!didSkip) {
-    didSkip = true;
-    queue.baseState = state;
-  }
-
-  {
-    // No longer processing.
-    queue.isProcessing = false;
-  }
-
-  return state;
-}
-
-function commitCallbacks(queue, context) {
-  var callbackList = queue.callbackList;
-  if (callbackList === null) {
-    return;
-  }
-  // Set the list to null to make sure they don't get called more than once.
-  queue.callbackList = null;
-  for (var i = 0; i < callbackList.length; i++) {
-    var update = callbackList[i];
-    var _callback = update.callback;
-    // This update might be processed again. Clear the callback so it's only
-    // called once.
-    update.callback = null;
-    invariant(
-      typeof _callback === "function",
-      "Invalid argument passed as callback. Expected a function. Instead " +
-        "received: %s",
-      _callback
-    );
-    _callback.call(context);
-  }
-}
-
-var fakeInternalInstance = {};
-var isArray = Array.isArray;
-
-var didWarnAboutStateAssignmentForComponent = void 0;
-var didWarnAboutUndefinedDerivedState = void 0;
-var didWarnAboutUninitializedState = void 0;
-var didWarnAboutWillReceivePropsAndDerivedState = void 0;
-var warnOnInvalidCallback = void 0;
-
-{
-  didWarnAboutStateAssignmentForComponent = {};
-  didWarnAboutUndefinedDerivedState = {};
-  didWarnAboutUninitializedState = {};
-  didWarnAboutWillReceivePropsAndDerivedState = {};
-
-  var didWarnOnInvalidCallback = {};
-
-  warnOnInvalidCallback = function(callback, callerName) {
-    if (callback === null || typeof callback === "function") {
-      return;
-    }
-    var key = callerName + "_" + callback;
-    if (!didWarnOnInvalidCallback[key]) {
-      warning(
-        false,
-        "%s(...): Expected the last optional `callback` argument to be a " +
-          "function. Instead received: %s.",
-        callerName,
-        callback
-      );
-      didWarnOnInvalidCallback[key] = true;
-    }
-  };
-
-  // This is so gross but it's at least non-critical and can be removed if
-  // it causes problems. This is meant to give a nicer error message for
-  // ReactDOM15.unstable_renderSubtreeIntoContainer(reactDOM16Component,
-  // ...)) which otherwise throws a "_processChildContext is not a function"
-  // exception.
-  Object.defineProperty(fakeInternalInstance, "_processChildContext", {
-    enumerable: false,
-    value: function() {
-      invariant(
-        false,
-        "_processChildContext is not available in React 16+. This likely " +
-          "means you have multiple copies of React and are attempting to nest " +
-          "a React 15 tree inside a React 16 tree using " +
-          "unstable_renderSubtreeIntoContainer, which isn't supported. Try " +
-          "to make sure you have only one copy of React (and ideally, switch " +
-          "to ReactDOM.createPortal)."
-      );
-    }
-  });
-  Object.freeze(fakeInternalInstance);
-}
-function callGetDerivedStateFromCatch(ctor, capturedValues) {
-  var resultState = {};
-  for (var i = 0; i < capturedValues.length; i++) {
-    var capturedValue = capturedValues[i];
-    var error = capturedValue.value;
-    var partialState = ctor.getDerivedStateFromCatch.call(null, error);
-    if (partialState !== null && partialState !== undefined) {
-      Object.assign(resultState, partialState);
-    }
-  }
-  return resultState;
-}
-
-var ReactFiberClassComponent = function(
-  scheduleWork,
-  computeExpirationForFiber,
-  memoizeProps,
-  memoizeState
-) {
-  // Class component state updater
-  var updater = {
-    isMounted: isMounted,
-    enqueueSetState: function(instance, partialState, callback) {
-      var fiber = get(instance);
-      callback = callback === undefined ? null : callback;
-      {
-        warnOnInvalidCallback(callback, "setState");
-      }
-      var expirationTime = computeExpirationForFiber(fiber);
-      var update = {
-        expirationTime: expirationTime,
-        partialState: partialState,
-        callback: callback,
-        isReplace: false,
-        isForced: false,
-        capturedValue: null,
-        next: null
-      };
-      insertUpdateIntoFiber(fiber, update);
-      scheduleWork(fiber, expirationTime);
-    },
-    enqueueReplaceState: function(instance, state, callback) {
-      var fiber = get(instance);
-      callback = callback === undefined ? null : callback;
-      {
-        warnOnInvalidCallback(callback, "replaceState");
-      }
-      var expirationTime = computeExpirationForFiber(fiber);
-      var update = {
-        expirationTime: expirationTime,
-        partialState: state,
-        callback: callback,
-        isReplace: true,
-        isForced: false,
-        capturedValue: null,
-        next: null
-      };
-      insertUpdateIntoFiber(fiber, update);
-      scheduleWork(fiber, expirationTime);
-    },
-    enqueueForceUpdate: function(instance, callback) {
-      var fiber = get(instance);
-      callback = callback === undefined ? null : callback;
-      {
-        warnOnInvalidCallback(callback, "forceUpdate");
-      }
-      var expirationTime = computeExpirationForFiber(fiber);
-      var update = {
-        expirationTime: expirationTime,
-        partialState: null,
-        callback: callback,
-        isReplace: false,
-        isForced: true,
-        capturedValue: null,
-        next: null
-      };
-      insertUpdateIntoFiber(fiber, update);
-      scheduleWork(fiber, expirationTime);
-    }
-  };
-
-  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;
-    }
-
-    var instance = workInProgress.stateNode;
-    var ctor = workInProgress.type;
-    if (typeof instance.shouldComponentUpdate === "function") {
-      startPhaseTimer(workInProgress, "shouldComponentUpdate");
-      var shouldUpdate = instance.shouldComponentUpdate(
-        newProps,
-        newState,
-        newContext
-      );
-      stopPhaseTimer();
-
-      {
-        warning(
-          shouldUpdate !== undefined,
-          "%s.shouldComponentUpdate(): Returned undefined instead of a " +
-            "boolean value. Make sure to return true or false.",
-          getComponentName(workInProgress) || "Unknown"
-        );
-      }
-
-      return shouldUpdate;
-    }
-
-    if (ctor.prototype && ctor.prototype.isPureReactComponent) {
-      return (
-        !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-      );
-    }
-
-    return true;
-  }
-
-  function checkClassInstance(workInProgress) {
-    var instance = workInProgress.stateNode;
-    var type = workInProgress.type;
-    {
-      var name = getComponentName(workInProgress);
-      var renderPresent = instance.render;
-
-      if (!renderPresent) {
-        if (type.prototype && typeof type.prototype.render === "function") {
-          warning(
-            false,
-            "%s(...): No `render` method found on the returned component " +
-              "instance: did you accidentally return an object from the constructor?",
-            name
-          );
-        } else {
-          warning(
-            false,
-            "%s(...): No `render` method found on the returned component " +
-              "instance: you may have forgotten to define `render`.",
-            name
-          );
-        }
-      }
-
-      var noGetInitialStateOnES6 =
-        !instance.getInitialState ||
-        instance.getInitialState.isReactClassApproved ||
-        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
-      );
-      var 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
-      );
-      var noInstancePropTypes = !instance.propTypes;
-      warning(
-        noInstancePropTypes,
-        "propTypes was defined as an instance property on %s. Use a static " +
-          "property to define propTypes instead.",
-        name
-      );
-      var noInstanceContextTypes = !instance.contextTypes;
-      warning(
-        noInstanceContextTypes,
-        "contextTypes was defined as an instance property on %s. Use a static " +
-          "property to define contextTypes instead.",
-        name
-      );
-      var 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
-      );
-      if (
-        type.prototype &&
-        type.prototype.isPureReactComponent &&
-        typeof instance.shouldComponentUpdate !== "undefined"
-      ) {
-        warning(
-          false,
-          "%s has a method called shouldComponentUpdate(). " +
-            "shouldComponentUpdate should not be used when extending React.PureComponent. " +
-            "Please extend React.Component if shouldComponentUpdate is used.",
-          getComponentName(workInProgress) || "A pure component"
-        );
-      }
-      var 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
-      );
-      var noComponentDidReceiveProps =
-        typeof instance.componentDidReceiveProps !== "function";
-      warning(
-        noComponentDidReceiveProps,
-        "%s has a method called " +
-          "componentDidReceiveProps(). But there is no such lifecycle method. " +
-          "If you meant to update the state in response to changing props, " +
-          "use componentWillReceiveProps(). If you meant to fetch data or " +
-          "run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
-        name
-      );
-      var noComponentWillRecieveProps =
-        typeof instance.componentWillRecieveProps !== "function";
-      warning(
-        noComponentWillRecieveProps,
-        "%s has a method called " +
-          "componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
-        name
-      );
-      var noUnsafeComponentWillRecieveProps =
-        typeof instance.UNSAFE_componentWillRecieveProps !== "function";
-      warning(
-        noUnsafeComponentWillRecieveProps,
-        "%s has a method called " +
-          "UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
-        name
-      );
-      var 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.",
-        name,
-        name
-      );
-      var noInstanceDefaultProps = !instance.defaultProps;
-      warning(
-        noInstanceDefaultProps,
-        "Setting defaultProps as an instance property on %s is not supported and will be ignored." +
-          " Instead, define defaultProps as a static property on %s.",
-        name,
-        name
-      );
-    }
-
-    var state = instance.state;
-    if (state && (typeof state !== "object" || isArray(state))) {
-      warning(
-        false,
-        "%s.state: must be set to an object or null",
-        getComponentName(workInProgress)
-      );
-    }
-    if (typeof instance.getChildContext === "function") {
-      warning(
-        typeof type.childContextTypes === "object",
-        "%s.getChildContext(): childContextTypes must be defined in order to " +
-          "use getChildContext().",
-        getComponentName(workInProgress)
-      );
-    }
-  }
-
-  function resetInputPointers(workInProgress, instance) {
-    instance.props = workInProgress.memoizedProps;
-    instance.state = workInProgress.memoizedState;
-  }
-
-  function adoptClassInstance(workInProgress, instance) {
-    instance.updater = updater;
-    workInProgress.stateNode = instance;
-    // The instance needs access to the fiber so that it can schedule updates
-    set(instance, workInProgress);
-    {
-      instance._reactInternalInstance = fakeInternalInstance;
-    }
-  }
-
-  function constructClassInstance(workInProgress, props) {
-    var ctor = workInProgress.type;
-    var unmaskedContext = getUnmaskedContext(workInProgress);
-    var needsContext = isContextConsumer(workInProgress);
-    var context = needsContext
-      ? getMaskedContext(workInProgress, unmaskedContext)
-      : emptyObject;
-
-    // Instantiate twice to help detect side-effects.
-    if (
-      debugRenderPhaseSideEffects ||
-      (debugRenderPhaseSideEffectsForStrictMode &&
-        workInProgress.mode & StrictMode)
-    ) {
-      new ctor(props, context); // eslint-disable-line no-new
-    }
-
-    var instance = new ctor(props, context);
-    var state =
-      instance.state !== null && instance.state !== undefined
-        ? instance.state
-        : null;
-    adoptClassInstance(workInProgress, instance);
-
-    {
-      if (
-        typeof ctor.getDerivedStateFromProps === "function" &&
-        state === null
-      ) {
-        var componentName = getComponentName(workInProgress) || "Unknown";
-        if (!didWarnAboutUninitializedState[componentName]) {
-          warning(
-            false,
-            "%s: Did not properly initialize state during construction. " +
-              "Expected state to be an object, but it was %s.",
-            componentName,
-            instance.state === null ? "null" : "undefined"
-          );
-          didWarnAboutUninitializedState[componentName] = true;
-        }
-      }
-    }
-
-    workInProgress.memoizedState = state;
-
-    var partialState = callGetDerivedStateFromProps(
-      workInProgress,
-      instance,
-      props
-    );
-
-    if (partialState !== null && partialState !== undefined) {
-      // Render-phase updates (like this) should not be added to the update queue,
-      // So that multiple render passes do not enqueue multiple updates.
-      // Instead, just synchronously merge the returned state into the instance.
-      workInProgress.memoizedState = Object.assign(
-        {},
-        workInProgress.memoizedState,
-        partialState
-      );
-    }
-
-    // Cache unmasked context so we can avoid recreating masked context unless necessary.
-    // ReactFiberContext usually updates this cache but can't for newly-created instances.
-    if (needsContext) {
-      cacheContext(workInProgress, unmaskedContext, context);
-    }
-
-    return instance;
-  }
-
-  function callComponentWillMount(workInProgress, instance) {
-    startPhaseTimer(workInProgress, "componentWillMount");
-    var oldState = instance.state;
-
-    if (typeof instance.componentWillMount === "function") {
-      instance.componentWillMount();
-    }
-    if (typeof instance.UNSAFE_componentWillMount === "function") {
-      instance.UNSAFE_componentWillMount();
-    }
-
-    stopPhaseTimer();
-
-    if (oldState !== instance.state) {
-      {
-        warning(
-          false,
-          "%s.componentWillMount(): Assigning directly to this.state is " +
-            "deprecated (except inside a component's " +
-            "constructor). Use setState instead.",
-          getComponentName(workInProgress)
-        );
-      }
-      updater.enqueueReplaceState(instance, instance.state, null);
-    }
-  }
-
-  function callComponentWillReceiveProps(
-    workInProgress,
-    instance,
-    newProps,
-    newContext
-  ) {
-    var oldState = instance.state;
-    startPhaseTimer(workInProgress, "componentWillReceiveProps");
-    if (typeof instance.componentWillReceiveProps === "function") {
-      instance.componentWillReceiveProps(newProps, newContext);
-    }
-    if (typeof instance.UNSAFE_componentWillReceiveProps === "function") {
-      instance.UNSAFE_componentWillReceiveProps(newProps, newContext);
-    }
-    stopPhaseTimer();
-
-    if (instance.state !== oldState) {
-      {
-        var componentName = getComponentName(workInProgress) || "Component";
-        if (!didWarnAboutStateAssignmentForComponent[componentName]) {
-          warning(
-            false,
-            "%s.componentWillReceiveProps(): Assigning directly to " +
-              "this.state is deprecated (except inside a component's " +
-              "constructor). Use setState instead.",
-            componentName
-          );
-          didWarnAboutStateAssignmentForComponent[componentName] = true;
-        }
-      }
-      updater.enqueueReplaceState(instance, instance.state, null);
-    }
-  }
-
-  function callGetDerivedStateFromProps(workInProgress, instance, props) {
-    var type = workInProgress.type;
-
-    if (typeof type.getDerivedStateFromProps === "function") {
-      {
-        // Don't warn about react-lifecycles-compat polyfilled components
-        if (
-          (typeof instance.componentWillReceiveProps === "function" &&
-            instance.componentWillReceiveProps.__suppressDeprecationWarning !==
-              true) ||
-          typeof instance.UNSAFE_componentWillReceiveProps === "function"
-        ) {
-          var componentName = getComponentName(workInProgress) || "Unknown";
-          if (!didWarnAboutWillReceivePropsAndDerivedState[componentName]) {
-            warning(
-              false,
-              "%s: Defines both componentWillReceiveProps() and static " +
-                "getDerivedStateFromProps() methods. We recommend using " +
-                "only getDerivedStateFromProps().",
-              componentName
-            );
-            didWarnAboutWillReceivePropsAndDerivedState[componentName] = true;
-          }
-        }
-      }
-
-      if (
-        debugRenderPhaseSideEffects ||
-        (debugRenderPhaseSideEffectsForStrictMode &&
-          workInProgress.mode & StrictMode)
-      ) {
-        // Invoke method an extra time to help detect side-effects.
-        type.getDerivedStateFromProps.call(
-          null,
-          props,
-          workInProgress.memoizedState
-        );
-      }
-
-      var partialState = type.getDerivedStateFromProps.call(
-        null,
-        props,
-        workInProgress.memoizedState
-      );
-
-      {
-        if (partialState === undefined) {
-          var _componentName = getComponentName(workInProgress) || "Unknown";
-          if (!didWarnAboutUndefinedDerivedState[_componentName]) {
-            warning(
-              false,
-              "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. " +
-                "You have returned undefined.",
-              _componentName
-            );
-            didWarnAboutUndefinedDerivedState[_componentName] = _componentName;
-          }
-        }
-      }
-
-      return partialState;
-    }
-  }
-
-  // Invokes the mount life-cycles on a previously never rendered instance.
-  function mountClassInstance(workInProgress, renderExpirationTime) {
-    var ctor = workInProgress.type;
-    var current = workInProgress.alternate;
-
-    {
-      checkClassInstance(workInProgress);
-    }
-
-    var instance = workInProgress.stateNode;
-    var props = workInProgress.pendingProps;
-    var unmaskedContext = getUnmaskedContext(workInProgress);
-
-    instance.props = props;
-    instance.state = workInProgress.memoizedState;
-    instance.refs = emptyObject;
-    instance.context = getMaskedContext(workInProgress, unmaskedContext);
-
-    {
-      if (workInProgress.mode & StrictMode) {
-        ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
-          workInProgress,
-          instance
-        );
-      }
-
-      if (warnAboutDeprecatedLifecycles) {
-        ReactStrictModeWarnings.recordDeprecationWarnings(
-          workInProgress,
-          instance
-        );
-      }
-    }
-
-    // In order to support react-lifecycles-compat polyfilled components,
-    // Unsafe lifecycles should not be invoked for any component with the new gDSFP.
-    if (
-      (typeof instance.UNSAFE_componentWillMount === "function" ||
-        typeof instance.componentWillMount === "function") &&
-      typeof ctor.getDerivedStateFromProps !== "function"
-    ) {
-      callComponentWillMount(workInProgress, instance);
-      // If we had additional state updates during this life-cycle, let's
-      // process them now.
-      var updateQueue = workInProgress.updateQueue;
-      if (updateQueue !== null) {
-        instance.state = processUpdateQueue(
-          current,
-          workInProgress,
-          updateQueue,
-          instance,
-          props,
-          renderExpirationTime
-        );
-      }
-    }
-    if (typeof instance.componentDidMount === "function") {
-      workInProgress.effectTag |= Update;
-    }
-  }
-
-  function resumeMountClassInstance(workInProgress, renderExpirationTime) {
-    var ctor = workInProgress.type;
-    var instance = workInProgress.stateNode;
-    resetInputPointers(workInProgress, instance);
-
-    var oldProps = workInProgress.memoizedProps;
-    var newProps = workInProgress.pendingProps;
-    var oldContext = instance.context;
-    var newUnmaskedContext = getUnmaskedContext(workInProgress);
-    var newContext = getMaskedContext(workInProgress, newUnmaskedContext);
-
-    // Note: During these life-cycles, instance.props/instance.state are what
-    // ever the previously attempted to render - not the "current". However,
-    // during componentDidUpdate we pass the "current" props.
-
-    // In order to support react-lifecycles-compat polyfilled components,
-    // Unsafe lifecycles should not be invoked for any component with the new gDSFP.
-    if (
-      (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
-        typeof instance.componentWillReceiveProps === "function") &&
-      typeof ctor.getDerivedStateFromProps !== "function"
-    ) {
-      if (oldProps !== newProps || oldContext !== newContext) {
-        callComponentWillReceiveProps(
-          workInProgress,
-          instance,
-          newProps,
-          newContext
-        );
-      }
-    }
-
-    var derivedStateFromProps = void 0;
-    if (oldProps !== newProps) {
-      derivedStateFromProps = callGetDerivedStateFromProps(
-        workInProgress,
-        instance,
-        newProps
-      );
-    }
-
-    // Compute the next state using the memoized state and the update queue.
-    var oldState = workInProgress.memoizedState;
-    // TODO: Previous state can be null.
-    var newState = void 0;
-    var derivedStateFromCatch = void 0;
-    if (workInProgress.updateQueue !== null) {
-      newState = processUpdateQueue(
-        null,
-        workInProgress,
-        workInProgress.updateQueue,
-        instance,
-        newProps,
-        renderExpirationTime
-      );
-
-      var updateQueue = workInProgress.updateQueue;
-      if (
-        updateQueue !== null &&
-        updateQueue.capturedValues !== null &&
-        enableGetDerivedStateFromCatch &&
-        typeof ctor.getDerivedStateFromCatch === "function"
-      ) {
-        var capturedValues = updateQueue.capturedValues;
-        // Don't remove these from the update queue yet. We need them in
-        // finishClassComponent. Do the reset there.
-        // TODO: This is awkward. Refactor class components.
-        // updateQueue.capturedValues = null;
-        derivedStateFromCatch = callGetDerivedStateFromCatch(
-          ctor,
-          capturedValues
-        );
-      }
-    } else {
-      newState = oldState;
-    }
-
-    if (derivedStateFromProps !== null && derivedStateFromProps !== undefined) {
-      // Render-phase updates (like this) should not be added to the update queue,
-      // So that multiple render passes do not enqueue multiple updates.
-      // Instead, just synchronously merge the returned state into the instance.
-      newState =
-        newState === null || newState === undefined
-          ? derivedStateFromProps
-          : Object.assign({}, newState, derivedStateFromProps);
-    }
-    if (derivedStateFromCatch !== null && derivedStateFromCatch !== undefined) {
-      // Render-phase updates (like this) should not be added to the update queue,
-      // So that multiple render passes do not enqueue multiple updates.
-      // Instead, just synchronously merge the returned state into the instance.
-      newState =
-        newState === null || newState === undefined
-          ? derivedStateFromCatch
-          : Object.assign({}, newState, derivedStateFromCatch);
-    }
-
-    if (
-      oldProps === newProps &&
-      oldState === newState &&
-      !hasContextChanged() &&
-      !(
-        workInProgress.updateQueue !== null &&
-        workInProgress.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.componentDidMount === "function") {
-        workInProgress.effectTag |= Update;
-      }
-      return false;
-    }
-
-    var shouldUpdate = checkShouldComponentUpdate(
-      workInProgress,
-      oldProps,
-      newProps,
-      oldState,
-      newState,
-      newContext
-    );
-
-    if (shouldUpdate) {
-      // In order to support react-lifecycles-compat polyfilled components,
-      // Unsafe lifecycles should not be invoked for any component with the new gDSFP.
-      if (
-        (typeof instance.UNSAFE_componentWillUpdate === "function" ||
-          typeof instance.componentWillUpdate === "function") &&
-        typeof ctor.getDerivedStateFromProps !== "function"
-      ) {
-        startPhaseTimer(workInProgress, "componentWillUpdate");
-        if (typeof instance.componentWillUpdate === "function") {
-          instance.componentWillUpdate(newProps, newState, newContext);
-        }
-        if (typeof instance.UNSAFE_componentWillUpdate === "function") {
-          instance.UNSAFE_componentWillUpdate(newProps, newState, newContext);
-        }
-        stopPhaseTimer();
-      }
-      if (typeof instance.componentDidUpdate === "function") {
-        workInProgress.effectTag |= Update;
-      }
-    } else {
-      // 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.componentDidMount === "function") {
-        workInProgress.effectTag |= Update;
-      }
-
-      // If shouldComponentUpdate returned false, we should still update the
-      // memoized props/state to indicate that this work can be reused.
-      memoizeProps(workInProgress, newProps);
-      memoizeState(workInProgress, newState);
-    }
-
-    // Update the existing instance's state, props, and context pointers even
-    // if shouldComponentUpdate returns false.
-    instance.props = newProps;
-    instance.state = newState;
-    instance.context = newContext;
-
-    return shouldUpdate;
-  }
-
-  // Invokes the update life-cycles and returns false if it shouldn't rerender.
-  function updateClassInstance(current, workInProgress, renderExpirationTime) {
-    var ctor = workInProgress.type;
-    var instance = workInProgress.stateNode;
-    resetInputPointers(workInProgress, instance);
-
-    var oldProps = workInProgress.memoizedProps;
-    var newProps = workInProgress.pendingProps;
-    var oldContext = instance.context;
-    var newUnmaskedContext = getUnmaskedContext(workInProgress);
-    var newContext = getMaskedContext(workInProgress, newUnmaskedContext);
-
-    // Note: During these life-cycles, instance.props/instance.state are what
-    // ever the previously attempted to render - not the "current". However,
-    // during componentDidUpdate we pass the "current" props.
-
-    // In order to support react-lifecycles-compat polyfilled components,
-    // Unsafe lifecycles should not be invoked for any component with the new gDSFP.
-    if (
-      (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
-        typeof instance.componentWillReceiveProps === "function") &&
-      typeof ctor.getDerivedStateFromProps !== "function"
-    ) {
-      if (oldProps !== newProps || oldContext !== newContext) {
-        callComponentWillReceiveProps(
-          workInProgress,
-          instance,
-          newProps,
-          newContext
-        );
-      }
-    }
-
-    var derivedStateFromProps = void 0;
-    if (oldProps !== newProps) {
-      derivedStateFromProps = callGetDerivedStateFromProps(
-        workInProgress,
-        instance,
-        newProps
-      );
-    }
-
-    // Compute the next state using the memoized state and the update queue.
-    var oldState = workInProgress.memoizedState;
-    // TODO: Previous state can be null.
-    var newState = void 0;
-    var derivedStateFromCatch = void 0;
-    if (workInProgress.updateQueue !== null) {
-      newState = processUpdateQueue(
-        current,
-        workInProgress,
-        workInProgress.updateQueue,
-        instance,
-        newProps,
-        renderExpirationTime
-      );
-
-      var updateQueue = workInProgress.updateQueue;
-      if (
-        updateQueue !== null &&
-        updateQueue.capturedValues !== null &&
-        enableGetDerivedStateFromCatch &&
-        typeof ctor.getDerivedStateFromCatch === "function"
-      ) {
-        var capturedValues = updateQueue.capturedValues;
-        // Don't remove these from the update queue yet. We need them in
-        // finishClassComponent. Do the reset there.
-        // TODO: This is awkward. Refactor class components.
-        // updateQueue.capturedValues = null;
-        derivedStateFromCatch = callGetDerivedStateFromCatch(
-          ctor,
-          capturedValues
-        );
-      }
-    } else {
-      newState = oldState;
-    }
-
-    if (derivedStateFromProps !== null && derivedStateFromProps !== undefined) {
-      // Render-phase updates (like this) should not be added to the update queue,
-      // So that multiple render passes do not enqueue multiple updates.
-      // Instead, just synchronously merge the returned state into the instance.
-      newState =
-        newState === null || newState === undefined
-          ? derivedStateFromProps
-          : Object.assign({}, newState, derivedStateFromProps);
-    }
-    if (derivedStateFromCatch !== null && derivedStateFromCatch !== undefined) {
-      // Render-phase updates (like this) should not be added to the update queue,
-      // So that multiple render passes do not enqueue multiple updates.
-      // Instead, just synchronously merge the returned state into the instance.
-      newState =
-        newState === null || newState === undefined
-          ? derivedStateFromCatch
-          : Object.assign({}, newState, derivedStateFromCatch);
-    }
-
-    if (
-      oldProps === newProps &&
-      oldState === newState &&
-      !hasContextChanged() &&
-      !(
-        workInProgress.updateQueue !== null &&
-        workInProgress.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
-        ) {
-          workInProgress.effectTag |= Update;
-        }
-      }
-      return false;
-    }
-
-    var shouldUpdate = checkShouldComponentUpdate(
-      workInProgress,
-      oldProps,
-      newProps,
-      oldState,
-      newState,
-      newContext
-    );
-
-    if (shouldUpdate) {
-      // In order to support react-lifecycles-compat polyfilled components,
-      // Unsafe lifecycles should not be invoked for any component with the new gDSFP.
-      if (
-        (typeof instance.UNSAFE_componentWillUpdate === "function" ||
-          typeof instance.componentWillUpdate === "function") &&
-        typeof ctor.getDerivedStateFromProps !== "function"
-      ) {
-        startPhaseTimer(workInProgress, "componentWillUpdate");
-        if (typeof instance.componentWillUpdate === "function") {
-          instance.componentWillUpdate(newProps, newState, newContext);
-        }
-        if (typeof instance.UNSAFE_componentWillUpdate === "function") {
-          instance.UNSAFE_componentWillUpdate(newProps, newState, newContext);
-        }
-        stopPhaseTimer();
-      }
-      if (typeof instance.componentDidUpdate === "function") {
-        workInProgress.effectTag |= Update;
-      }
-    } else {
-      // 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
-        ) {
-          workInProgress.effectTag |= Update;
-        }
-      }
-
-      // If shouldComponentUpdate returned false, we should still update the
-      // memoized props/state to indicate that this work can be reused.
-      memoizeProps(workInProgress, newProps);
-      memoizeState(workInProgress, newState);
-    }
-
-    // Update the existing instance's state, props, and context pointers even
-    // if shouldComponentUpdate returns false.
-    instance.props = newProps;
-    instance.state = newState;
-    instance.context = newContext;
-
-    return shouldUpdate;
-  }
-
-  return {
-    adoptClassInstance: adoptClassInstance,
-    callGetDerivedStateFromProps: callGetDerivedStateFromProps,
-    constructClassInstance: constructClassInstance,
-    mountClassInstance: mountClassInstance,
-    resumeMountClassInstance: resumeMountClassInstance,
-    updateClassInstance: updateClassInstance
-  };
-};
-
-var getCurrentFiberStackAddendum$1 =
-  ReactDebugCurrentFiber.getCurrentFiberStackAddendum;
-
-var didWarnAboutMaps = void 0;
-var didWarnAboutStringRefInStrictMode = void 0;
-var ownerHasKeyUseWarning = void 0;
-var ownerHasFunctionTypeWarning = void 0;
-var warnForMissingKey = function(child) {};
-
-{
-  didWarnAboutMaps = false;
-  didWarnAboutStringRefInStrictMode = {};
-
-  /**
-   * Warn if there's no key explicitly set on dynamic arrays of children or
-   * object keys are not valid. This allows us to keep track of children between
-   * updates.
-   */
-  ownerHasKeyUseWarning = {};
-  ownerHasFunctionTypeWarning = {};
-
-  warnForMissingKey = function(child) {
-    if (child === null || typeof child !== "object") {
-      return;
-    }
-    if (!child._store || child._store.validated || child.key != null) {
-      return;
-    }
-    invariant(
-      typeof child._store === "object",
-      "React Component in warnForMissingKey should have a _store. " +
-        "This error is likely caused by a bug in React. Please file an issue."
-    );
-    child._store.validated = true;
-
-    var currentComponentErrorInfo =
-      "Each child in an array or iterator should have a unique " +
-      '"key" prop. See https://fb.me/react-warning-keys for ' +
-      "more information." +
-      (getCurrentFiberStackAddendum$1() || "");
-    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
-      return;
-    }
-    ownerHasKeyUseWarning[currentComponentErrorInfo] = true;
-
-    warning(
-      false,
-      "Each child in an array or iterator should have a unique " +
-        '"key" prop. See https://fb.me/react-warning-keys for ' +
-        "more information.%s",
-      getCurrentFiberStackAddendum$1()
-    );
-  };
-}
-
-var isArray$1 = Array.isArray;
-
-function coerceRef(returnFiber, current, element) {
-  var mixedRef = element.ref;
-  if (
-    mixedRef !== null &&
-    typeof mixedRef !== "function" &&
-    typeof mixedRef !== "object"
-  ) {
-    {
-      if (returnFiber.mode & StrictMode) {
-        var componentName = getComponentName(returnFiber) || "Component";
-        if (!didWarnAboutStringRefInStrictMode[componentName]) {
-          warning(
-            false,
-            'A string ref, "%s", has been found within a strict mode tree. ' +
-              "String refs are a source of potential bugs and should be avoided. " +
-              "We recommend using createRef() instead." +
-              "\n%s" +
-              "\n\nLearn more about using refs safely here:" +
-              "\nhttps://fb.me/react-strict-mode-string-ref",
-            mixedRef,
-            getStackAddendumByWorkInProgressFiber(returnFiber)
-          );
-          didWarnAboutStringRefInStrictMode[componentName] = true;
-        }
-      }
-    }
-
-    if (element._owner) {
-      var owner = element._owner;
-      var inst = void 0;
-      if (owner) {
-        var ownerFiber = owner;
-        invariant(
-          ownerFiber.tag === ClassComponent,
-          "Stateless function components cannot have refs."
-        );
-        inst = ownerFiber.stateNode;
-      }
-      invariant(
-        inst,
-        "Missing owner for string ref %s. This error is likely caused by a " +
-          "bug in React. Please file an issue.",
-        mixedRef
-      );
-      var stringRef = "" + mixedRef;
-      // Check if previous string ref matches new string ref
-      if (
-        current !== null &&
-        current.ref !== null &&
-        current.ref._stringRef === stringRef
-      ) {
-        return current.ref;
-      }
-      var ref = function(value) {
-        var refs = inst.refs === emptyObject ? (inst.refs = {}) : inst.refs;
-        if (value === null) {
-          delete refs[stringRef];
-        } else {
-          refs[stringRef] = value;
-        }
-      };
-      ref._stringRef = stringRef;
-      return ref;
-    } else {
-      invariant(
-        typeof mixedRef === "string",
-        "Expected ref to be a function or a string."
-      );
-      invariant(
-        element._owner,
-        "Element ref was specified as a string (%s) but no owner was set. This could happen for one of" +
-          " the following reasons:\n" +
-          "1. You may be adding a ref to a functional component\n" +
-          "2. You may be adding a ref to a component that was not created inside a component's render method\n" +
-          "3. You have multiple copies of React loaded\n" +
-          "See https://fb.me/react-refs-must-have-owner for more information.",
-        mixedRef
-      );
-    }
-  }
-  return mixedRef;
-}
-
-function throwOnInvalidObjectType(returnFiber, newChild) {
-  if (returnFiber.type !== "textarea") {
-    var addendum = "";
-    {
-      addendum =
-        " If you meant to render a collection of children, use an array " +
-        "instead." +
-        (getCurrentFiberStackAddendum$1() || "");
-    }
-    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
-    );
-  }
-}
-
-function warnOnFunctionType() {
-  var currentComponentErrorInfo =
-    "Functions are not valid as a React child. This may happen if " +
-    "you return a Component instead of <Component /> from render. " +
-    "Or maybe you meant to call this function rather than return it." +
-    (getCurrentFiberStackAddendum$1() || "");
-
-  if (ownerHasFunctionTypeWarning[currentComponentErrorInfo]) {
-    return;
-  }
-  ownerHasFunctionTypeWarning[currentComponentErrorInfo] = true;
-
-  warning(
-    false,
-    "Functions are not valid as a React child. This may happen if " +
-      "you return a Component instead of <Component /> from render. " +
-      "Or maybe you meant to call this function rather than return it.%s",
-    getCurrentFiberStackAddendum$1() || ""
-  );
-}
-
-// This wrapper function exists because I expect to clone the code in each path
-// to be able to optimize each path individually by branching early. This needs
-// a compiler or we can do it manually. Helpers that don't need this branching
-// live outside of this function.
-function ChildReconciler(shouldTrackSideEffects) {
-  function deleteChild(returnFiber, childToDelete) {
-    if (!shouldTrackSideEffects) {
-      // Noop.
-      return;
-    }
-    // Deletions are added in reversed order so we add it to the front.
-    // At this point, the return fiber's effect list is empty except for
-    // deletions, so we can just append the deletion to the list. The remaining
-    // effects aren't added until the complete phase. Once we implement
-    // resuming, this may not be true.
-    var last = returnFiber.lastEffect;
-    if (last !== null) {
-      last.nextEffect = childToDelete;
-      returnFiber.lastEffect = childToDelete;
-    } else {
-      returnFiber.firstEffect = returnFiber.lastEffect = childToDelete;
-    }
-    childToDelete.nextEffect = null;
-    childToDelete.effectTag = Deletion;
-  }
-
-  function deleteRemainingChildren(returnFiber, currentFirstChild) {
-    if (!shouldTrackSideEffects) {
-      // Noop.
-      return null;
-    }
-
-    // TODO: For the shouldClone case, this could be micro-optimized a bit by
-    // assuming that after the first child we've already added everything.
-    var childToDelete = currentFirstChild;
-    while (childToDelete !== null) {
-      deleteChild(returnFiber, childToDelete);
-      childToDelete = childToDelete.sibling;
-    }
-    return null;
-  }
-
-  function mapRemainingChildren(returnFiber, currentFirstChild) {
-    // 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
-    var existingChildren = new Map();
-
-    var existingChild = currentFirstChild;
-    while (existingChild !== null) {
-      if (existingChild.key !== null) {
-        existingChildren.set(existingChild.key, existingChild);
-      } else {
-        existingChildren.set(existingChild.index, existingChild);
-      }
-      existingChild = existingChild.sibling;
-    }
-    return existingChildren;
-  }
-
-  function useFiber(fiber, pendingProps, expirationTime) {
-    // 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.
-    var clone = createWorkInProgress(fiber, pendingProps, expirationTime);
-    clone.index = 0;
-    clone.sibling = null;
-    return clone;
-  }
-
-  function placeChild(newFiber, lastPlacedIndex, newIndex) {
-    newFiber.index = newIndex;
-    if (!shouldTrackSideEffects) {
-      // Noop.
-      return lastPlacedIndex;
-    }
-    var current = newFiber.alternate;
-    if (current !== null) {
-      var oldIndex = current.index;
-      if (oldIndex < lastPlacedIndex) {
-        // This is a move.
-        newFiber.effectTag = Placement;
-        return lastPlacedIndex;
-      } else {
-        // This item can stay in place.
-        return oldIndex;
-      }
-    } else {
-      // This is an insertion.
-      newFiber.effectTag = Placement;
-      return lastPlacedIndex;
-    }
-  }
-
-  function placeSingleChild(newFiber) {
-    // This is simpler for the single child case. We only need to do a
-    // placement for inserting new children.
-    if (shouldTrackSideEffects && newFiber.alternate === null) {
-      newFiber.effectTag = Placement;
-    }
-    return newFiber;
-  }
-
-  function updateTextNode(returnFiber, current, textContent, expirationTime) {
-    if (current === null || current.tag !== HostText) {
-      // Insert
-      var created = createFiberFromText(
-        textContent,
-        returnFiber.mode,
-        expirationTime
-      );
-      created["return"] = returnFiber;
-      return created;
-    } else {
-      // Update
-      var existing = useFiber(current, textContent, expirationTime);
-      existing["return"] = returnFiber;
-      return existing;
-    }
-  }
-
-  function updateElement(returnFiber, current, element, expirationTime) {
-    if (current !== null && current.type === element.type) {
-      // Move based on index
-      var existing = useFiber(current, element.props, expirationTime);
-      existing.ref = coerceRef(returnFiber, current, element);
-      existing["return"] = returnFiber;
-      {
-        existing._debugSource = element._source;
-        existing._debugOwner = element._owner;
-      }
-      return existing;
-    } else {
-      // Insert
-      var created = createFiberFromElement(
-        element,
-        returnFiber.mode,
-        expirationTime
-      );
-      created.ref = coerceRef(returnFiber, current, element);
-      created["return"] = returnFiber;
-      return created;
-    }
-  }
-
-  function updatePortal(returnFiber, current, portal, expirationTime) {
-    if (
-      current === null ||
-      current.tag !== HostPortal ||
-      current.stateNode.containerInfo !== portal.containerInfo ||
-      current.stateNode.implementation !== portal.implementation
-    ) {
-      // Insert
-      var created = createFiberFromPortal(
-        portal,
-        returnFiber.mode,
-        expirationTime
-      );
-      created["return"] = returnFiber;
-      return created;
-    } else {
-      // Update
-      var existing = useFiber(current, portal.children || [], expirationTime);
-      existing["return"] = returnFiber;
-      return existing;
-    }
-  }
-
-  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
-    if (current === null || current.tag !== Fragment) {
-      // Insert
-      var created = createFiberFromFragment(
-        fragment,
-        returnFiber.mode,
-        expirationTime,
-        key
-      );
-      created["return"] = returnFiber;
-      return created;
-    } else {
-      // Update
-      var existing = useFiber(current, fragment, expirationTime);
-      existing["return"] = returnFiber;
-      return existing;
-    }
-  }
-
-  function createChild(returnFiber, newChild, expirationTime) {
-    if (typeof newChild === "string" || typeof newChild === "number") {
-      // Text nodes don'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
-      // node.
-      var created = createFiberFromText(
-        "" + newChild,
-        returnFiber.mode,
-        expirationTime
-      );
-      created["return"] = returnFiber;
-      return created;
-    }
-
-    if (typeof newChild === "object" && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE: {
-          var _created = createFiberFromElement(
-            newChild,
-            returnFiber.mode,
-            expirationTime
-          );
-          _created.ref = coerceRef(returnFiber, null, newChild);
-          _created["return"] = returnFiber;
-          return _created;
-        }
-        case REACT_PORTAL_TYPE: {
-          var _created2 = createFiberFromPortal(
-            newChild,
-            returnFiber.mode,
-            expirationTime
-          );
-          _created2["return"] = returnFiber;
-          return _created2;
-        }
-      }
-
-      if (isArray$1(newChild) || getIteratorFn(newChild)) {
-        var _created3 = createFiberFromFragment(
-          newChild,
-          returnFiber.mode,
-          expirationTime,
-          null
-        );
-        _created3["return"] = returnFiber;
-        return _created3;
-      }
-
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
-
-    {
-      if (typeof newChild === "function") {
-        warnOnFunctionType();
-      }
-    }
-
-    return null;
-  }
-
-  function updateSlot(returnFiber, oldFiber, newChild, expirationTime) {
-    // Update the fiber if the keys match, otherwise return null.
-
-    var key = oldFiber !== null ? oldFiber.key : null;
-
-    if (typeof newChild === "string" || typeof newChild === "number") {
-      // Text nodes don'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
-      // node.
-      if (key !== null) {
-        return null;
-      }
-      return updateTextNode(
-        returnFiber,
-        oldFiber,
-        "" + newChild,
-        expirationTime
-      );
-    }
-
-    if (typeof newChild === "object" && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE: {
-          if (newChild.key === key) {
-            if (newChild.type === REACT_FRAGMENT_TYPE) {
-              return updateFragment(
-                returnFiber,
-                oldFiber,
-                newChild.props.children,
-                expirationTime,
-                key
-              );
-            }
-            return updateElement(
-              returnFiber,
-              oldFiber,
-              newChild,
-              expirationTime
-            );
-          } else {
-            return null;
-          }
-        }
-        case REACT_PORTAL_TYPE: {
-          if (newChild.key === key) {
-            return updatePortal(
-              returnFiber,
-              oldFiber,
-              newChild,
-              expirationTime
-            );
-          } else {
-            return null;
-          }
-        }
-      }
-
-      if (isArray$1(newChild) || getIteratorFn(newChild)) {
-        if (key !== null) {
-          return null;
-        }
-
-        return updateFragment(
-          returnFiber,
-          oldFiber,
-          newChild,
-          expirationTime,
-          null
-        );
-      }
-
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
-
-    {
-      if (typeof newChild === "function") {
-        warnOnFunctionType();
-      }
-    }
-
-    return null;
-  }
-
-  function updateFromMap(
-    existingChildren,
-    returnFiber,
-    newIdx,
-    newChild,
-    expirationTime
-  ) {
-    if (typeof newChild === "string" || typeof newChild === "number") {
-      // Text nodes don't have keys, so we neither have to check the old nor
-      // new node for the key. If both are text nodes, they match.
-      var matchedFiber = existingChildren.get(newIdx) || null;
-      return updateTextNode(
-        returnFiber,
-        matchedFiber,
-        "" + newChild,
-        expirationTime
-      );
-    }
-
-    if (typeof newChild === "object" && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE: {
-          var _matchedFiber =
-            existingChildren.get(
-              newChild.key === null ? newIdx : newChild.key
-            ) || null;
-          if (newChild.type === REACT_FRAGMENT_TYPE) {
-            return updateFragment(
-              returnFiber,
-              _matchedFiber,
-              newChild.props.children,
-              expirationTime,
-              newChild.key
-            );
-          }
-          return updateElement(
-            returnFiber,
-            _matchedFiber,
-            newChild,
-            expirationTime
-          );
-        }
-        case REACT_PORTAL_TYPE: {
-          var _matchedFiber2 =
-            existingChildren.get(
-              newChild.key === null ? newIdx : newChild.key
-            ) || null;
-          return updatePortal(
-            returnFiber,
-            _matchedFiber2,
-            newChild,
-            expirationTime
-          );
-        }
-      }
-
-      if (isArray$1(newChild) || getIteratorFn(newChild)) {
-        var _matchedFiber3 = existingChildren.get(newIdx) || null;
-        return updateFragment(
-          returnFiber,
-          _matchedFiber3,
-          newChild,
-          expirationTime,
-          null
-        );
-      }
-
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
-
-    {
-      if (typeof newChild === "function") {
-        warnOnFunctionType();
-      }
-    }
-
-    return null;
-  }
-
-  /**
-   * Warns if there is a duplicate or missing key
-   */
-  function warnOnInvalidKey(child, knownKeys) {
-    {
-      if (typeof child !== "object" || child === null) {
-        return knownKeys;
-      }
-      switch (child.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-        case REACT_PORTAL_TYPE:
-          warnForMissingKey(child);
-          var key = child.key;
-          if (typeof key !== "string") {
-            break;
-          }
-          if (knownKeys === null) {
-            knownKeys = new Set();
-            knownKeys.add(key);
-            break;
-          }
-          if (!knownKeys.has(key)) {
-            knownKeys.add(key);
-            break;
-          }
-          warning(
-            false,
-            "Encountered two children with the same key, `%s`. " +
-              "Keys should be unique so that components maintain their identity " +
-              "across updates. Non-unique keys may cause children to be " +
-              "duplicated and/or omitted — the behavior is unsupported and " +
-              "could change in a future version.%s",
-            key,
-            getCurrentFiberStackAddendum$1()
-          );
-          break;
-        default:
-          break;
-      }
-    }
-    return knownKeys;
-  }
-
-  function reconcileChildrenArray(
-    returnFiber,
-    currentFirstChild,
-    newChildren,
-    expirationTime
-  ) {
-    // 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
-    // add it later.
-
-    // Even with a two ended optimization, we'd want to optimize for the case
-    // where there are few changes and brute force the comparison instead of
-    // going for the Map. It'd like to explore hitting that path first in
-    // forward-only mode and only go for the Map once we notice that we need
-    // lots of look ahead. This doesn't handle reversal as well as two ended
-    // search but that's unusual. Besides, for the two ended optimization to
-    // work on Iterables, we'd need to copy the whole set.
-
-    // In this first iteration, we'll just live with hitting the bad case
-    // (adding everything to a Map) in for every insert/move.
-
-    // If you change this code, also update reconcileChildrenIterator() which
-    // uses the same algorithm.
-
-    {
-      // First, validate keys.
-      var knownKeys = null;
-      for (var i = 0; i < newChildren.length; i++) {
-        var child = newChildren[i];
-        knownKeys = warnOnInvalidKey(child, knownKeys);
-      }
-    }
-
-    var resultingFirstChild = null;
-    var previousNewFiber = null;
-
-    var oldFiber = currentFirstChild;
-    var lastPlacedIndex = 0;
-    var newIdx = 0;
-    var nextOldFiber = null;
-    for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
-      if (oldFiber.index > newIdx) {
-        nextOldFiber = oldFiber;
-        oldFiber = null;
-      } else {
-        nextOldFiber = oldFiber.sibling;
-      }
-      var newFiber = updateSlot(
-        returnFiber,
-        oldFiber,
-        newChildren[newIdx],
-        expirationTime
-      );
-      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
-        // a better way to communicate whether this was a miss or null,
-        // boolean, undefined, etc.
-        if (oldFiber === null) {
-          oldFiber = nextOldFiber;
-        }
-        break;
-      }
-      if (shouldTrackSideEffects) {
-        if (oldFiber && newFiber.alternate === null) {
-          // We matched the slot, but we didn't reuse the existing fiber, so we
-          // need to delete the existing child.
-          deleteChild(returnFiber, oldFiber);
-        }
-      }
-      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
-      if (previousNewFiber === null) {
-        // TODO: Move out of the loop. This only happens for the first run.
-        resultingFirstChild = newFiber;
-      } else {
-        // TODO: Defer siblings if we're not at the right index for this slot.
-        // I.e. if we had null values before, then we want to defer this
-        // for each null value. However, we also don't want to call updateSlot
-        // with the previous one.
-        previousNewFiber.sibling = newFiber;
-      }
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
-    }
-
-    if (newIdx === newChildren.length) {
-      // We've reached the end of the new children. We can delete the rest.
-      deleteRemainingChildren(returnFiber, oldFiber);
-      return resultingFirstChild;
-    }
-
-    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 (; newIdx < newChildren.length; newIdx++) {
-        var _newFiber = createChild(
-          returnFiber,
-          newChildren[newIdx],
-          expirationTime
-        );
-        if (!_newFiber) {
-          continue;
-        }
-        lastPlacedIndex = placeChild(_newFiber, lastPlacedIndex, newIdx);
-        if (previousNewFiber === null) {
-          // TODO: Move out of the loop. This only happens for the first run.
-          resultingFirstChild = _newFiber;
-        } else {
-          previousNewFiber.sibling = _newFiber;
-        }
-        previousNewFiber = _newFiber;
-      }
-      return resultingFirstChild;
-    }
-
-    // Add all children to a key map for quick lookups.
-    var existingChildren = mapRemainingChildren(returnFiber, oldFiber);
-
-    // Keep scanning and use the map to restore deleted items as moves.
-    for (; newIdx < newChildren.length; newIdx++) {
-      var _newFiber2 = updateFromMap(
-        existingChildren,
-        returnFiber,
-        newIdx,
-        newChildren[newIdx],
-        expirationTime
-      );
-      if (_newFiber2) {
-        if (shouldTrackSideEffects) {
-          if (_newFiber2.alternate !== null) {
-            // The new fiber is a work in progress, but if there exists a
-            // current, that means that we reused the fiber. We need to delete
-            // it from the child list so that we don't add it to the deletion
-            // list.
-            existingChildren["delete"](
-              _newFiber2.key === null ? newIdx : _newFiber2.key
-            );
-          }
-        }
-        lastPlacedIndex = placeChild(_newFiber2, lastPlacedIndex, newIdx);
-        if (previousNewFiber === null) {
-          resultingFirstChild = _newFiber2;
-        } else {
-          previousNewFiber.sibling = _newFiber2;
-        }
-        previousNewFiber = _newFiber2;
-      }
-    }
-
-    if (shouldTrackSideEffects) {
-      // Any existing children that weren't consumed above were deleted. We need
-      // to add them to the deletion list.
-      existingChildren.forEach(function(child) {
-        return deleteChild(returnFiber, child);
-      });
-    }
-
-    return resultingFirstChild;
-  }
-
-  function reconcileChildrenIterator(
-    returnFiber,
-    currentFirstChild,
-    newChildrenIterable,
-    expirationTime
-  ) {
-    // This is the same implementation as reconcileChildrenArray(),
-    // but using the iterator instead.
-
-    var iteratorFn = getIteratorFn(newChildrenIterable);
-    invariant(
-      typeof iteratorFn === "function",
-      "An object is not an iterable. This error is likely caused by a bug in " +
-        "React. Please file an issue."
-    );
-
-    {
-      // Warn about using Maps as children
-      if (typeof newChildrenIterable.entries === "function") {
-        var possibleMap = newChildrenIterable;
-        if (possibleMap.entries === iteratorFn) {
-          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",
-            getCurrentFiberStackAddendum$1()
-          );
-          didWarnAboutMaps = true;
-        }
-      }
-
-      // First, validate keys.
-      // We'll get a different iterator later for the main pass.
-      var _newChildren = iteratorFn.call(newChildrenIterable);
-      if (_newChildren) {
-        var knownKeys = null;
-        var _step = _newChildren.next();
-        for (; !_step.done; _step = _newChildren.next()) {
-          var child = _step.value;
-          knownKeys = warnOnInvalidKey(child, knownKeys);
-        }
-      }
-    }
-
-    var newChildren = iteratorFn.call(newChildrenIterable);
-    invariant(newChildren != null, "An iterable object provided no iterator.");
-
-    var resultingFirstChild = null;
-    var previousNewFiber = null;
-
-    var oldFiber = currentFirstChild;
-    var lastPlacedIndex = 0;
-    var newIdx = 0;
-    var nextOldFiber = null;
-
-    var step = newChildren.next();
-    for (
-      ;
-      oldFiber !== null && !step.done;
-      newIdx++, step = newChildren.next()
-    ) {
-      if (oldFiber.index > newIdx) {
-        nextOldFiber = oldFiber;
-        oldFiber = null;
-      } else {
-        nextOldFiber = oldFiber.sibling;
-      }
-      var newFiber = updateSlot(
-        returnFiber,
-        oldFiber,
-        step.value,
-        expirationTime
-      );
-      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
-        // a better way to communicate whether this was a miss or null,
-        // boolean, undefined, etc.
-        if (!oldFiber) {
-          oldFiber = nextOldFiber;
-        }
-        break;
-      }
-      if (shouldTrackSideEffects) {
-        if (oldFiber && newFiber.alternate === null) {
-          // We matched the slot, but we didn't reuse the existing fiber, so we
-          // need to delete the existing child.
-          deleteChild(returnFiber, oldFiber);
-        }
-      }
-      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
-      if (previousNewFiber === null) {
-        // TODO: Move out of the loop. This only happens for the first run.
-        resultingFirstChild = newFiber;
-      } else {
-        // TODO: Defer siblings if we're not at the right index for this slot.
-        // I.e. if we had null values before, then we want to defer this
-        // for each null value. However, we also don't want to call updateSlot
-        // with the previous one.
-        previousNewFiber.sibling = newFiber;
-      }
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
-    }
-
-    if (step.done) {
-      // We've reached the end of the new children. We can delete the rest.
-      deleteRemainingChildren(returnFiber, oldFiber);
-      return resultingFirstChild;
-    }
-
-    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()) {
-        var _newFiber3 = createChild(returnFiber, step.value, expirationTime);
-        if (_newFiber3 === null) {
-          continue;
-        }
-        lastPlacedIndex = placeChild(_newFiber3, lastPlacedIndex, newIdx);
-        if (previousNewFiber === null) {
-          // TODO: Move out of the loop. This only happens for the first run.
-          resultingFirstChild = _newFiber3;
-        } else {
-          previousNewFiber.sibling = _newFiber3;
-        }
-        previousNewFiber = _newFiber3;
-      }
-      return resultingFirstChild;
-    }
-
-    // Add all children to a key map for quick lookups.
-    var existingChildren = mapRemainingChildren(returnFiber, oldFiber);
-
-    // Keep scanning and use the map to restore deleted items as moves.
-    for (; !step.done; newIdx++, step = newChildren.next()) {
-      var _newFiber4 = updateFromMap(
-        existingChildren,
-        returnFiber,
-        newIdx,
-        step.value,
-        expirationTime
-      );
-      if (_newFiber4 !== null) {
-        if (shouldTrackSideEffects) {
-          if (_newFiber4.alternate !== null) {
-            // The new fiber is a work in progress, but if there exists a
-            // current, that means that we reused the fiber. We need to delete
-            // it from the child list so that we don't add it to the deletion
-            // list.
-            existingChildren["delete"](
-              _newFiber4.key === null ? newIdx : _newFiber4.key
-            );
-          }
-        }
-        lastPlacedIndex = placeChild(_newFiber4, lastPlacedIndex, newIdx);
-        if (previousNewFiber === null) {
-          resultingFirstChild = _newFiber4;
-        } else {
-          previousNewFiber.sibling = _newFiber4;
-        }
-        previousNewFiber = _newFiber4;
-      }
-    }
-
-    if (shouldTrackSideEffects) {
-      // Any existing children that weren't consumed above were deleted. We need
-      // to add them to the deletion list.
-      existingChildren.forEach(function(child) {
-        return deleteChild(returnFiber, child);
-      });
-    }
-
-    return resultingFirstChild;
-  }
-
-  function reconcileSingleTextNode(
-    returnFiber,
-    currentFirstChild,
-    textContent,
-    expirationTime
-  ) {
-    // 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) {
-      // We already have an existing node so let's just update it and delete
-      // the rest.
-      deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
-      var existing = useFiber(currentFirstChild, textContent, expirationTime);
-      existing["return"] = returnFiber;
-      return existing;
-    }
-    // The existing first child is not a text node so we need to create one
-    // and delete the existing ones.
-    deleteRemainingChildren(returnFiber, currentFirstChild);
-    var created = createFiberFromText(
-      textContent,
-      returnFiber.mode,
-      expirationTime
-    );
-    created["return"] = returnFiber;
-    return created;
-  }
-
-  function reconcileSingleElement(
-    returnFiber,
-    currentFirstChild,
-    element,
-    expirationTime
-  ) {
-    var key = element.key;
-    var child = currentFirstChild;
-    while (child !== null) {
-      // TODO: If key === null and child.key === null, then this only applies to
-      // the first item in the list.
-      if (child.key === key) {
-        if (
-          child.tag === Fragment
-            ? element.type === REACT_FRAGMENT_TYPE
-            : child.type === element.type
-        ) {
-          deleteRemainingChildren(returnFiber, child.sibling);
-          var existing = useFiber(
-            child,
-            element.type === REACT_FRAGMENT_TYPE
-              ? element.props.children
-              : element.props,
-            expirationTime
-          );
-          existing.ref = coerceRef(returnFiber, child, element);
-          existing["return"] = returnFiber;
-          {
-            existing._debugSource = element._source;
-            existing._debugOwner = element._owner;
-          }
-          return existing;
-        } else {
-          deleteRemainingChildren(returnFiber, child);
-          break;
-        }
-      } else {
-        deleteChild(returnFiber, child);
-      }
-      child = child.sibling;
-    }
-
-    if (element.type === REACT_FRAGMENT_TYPE) {
-      var created = createFiberFromFragment(
-        element.props.children,
-        returnFiber.mode,
-        expirationTime,
-        element.key
-      );
-      created["return"] = returnFiber;
-      return created;
-    } else {
-      var _created4 = createFiberFromElement(
-        element,
-        returnFiber.mode,
-        expirationTime
-      );
-      _created4.ref = coerceRef(returnFiber, currentFirstChild, element);
-      _created4["return"] = returnFiber;
-      return _created4;
-    }
-  }
-
-  function reconcileSinglePortal(
-    returnFiber,
-    currentFirstChild,
-    portal,
-    expirationTime
-  ) {
-    var key = portal.key;
-    var child = currentFirstChild;
-    while (child !== null) {
-      // TODO: If key === null and child.key === null, then this only applies to
-      // the first item in the list.
-      if (child.key === key) {
-        if (
-          child.tag === HostPortal &&
-          child.stateNode.containerInfo === portal.containerInfo &&
-          child.stateNode.implementation === portal.implementation
-        ) {
-          deleteRemainingChildren(returnFiber, child.sibling);
-          var existing = useFiber(child, portal.children || [], expirationTime);
-          existing["return"] = returnFiber;
-          return existing;
-        } else {
-          deleteRemainingChildren(returnFiber, child);
-          break;
-        }
-      } else {
-        deleteChild(returnFiber, child);
-      }
-      child = child.sibling;
-    }
-
-    var created = createFiberFromPortal(
-      portal,
-      returnFiber.mode,
-      expirationTime
-    );
-    created["return"] = returnFiber;
-    return created;
-  }
-
-  // This API will tag the children with the side-effect of the reconciliation
-  // itself. They will be added to the side-effect list as we pass through the
-  // children and the parent.
-  function reconcileChildFibers(
-    returnFiber,
-    currentFirstChild,
-    newChild,
-    expirationTime
-  ) {
-    // 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
-    // fragment nodes. Recursion happens at the normal flow.
-
-    // Handle top level unkeyed fragments as if they were arrays.
-    // This leads to an ambiguity between <>{[...]}</> and <>...</>.
-    // We treat the ambiguous cases above the same.
-    if (
-      typeof newChild === "object" &&
-      newChild !== null &&
-      newChild.type === REACT_FRAGMENT_TYPE &&
-      newChild.key === null
-    ) {
-      newChild = newChild.props.children;
-    }
-
-    // Handle object types
-    var isObject = typeof newChild === "object" && newChild !== null;
-
-    if (isObject) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          return placeSingleChild(
-            reconcileSingleElement(
-              returnFiber,
-              currentFirstChild,
-              newChild,
-              expirationTime
-            )
-          );
-        case REACT_PORTAL_TYPE:
-          return placeSingleChild(
-            reconcileSinglePortal(
-              returnFiber,
-              currentFirstChild,
-              newChild,
-              expirationTime
-            )
-          );
-      }
-    }
-
-    if (typeof newChild === "string" || typeof newChild === "number") {
-      return placeSingleChild(
-        reconcileSingleTextNode(
-          returnFiber,
-          currentFirstChild,
-          "" + newChild,
-          expirationTime
-        )
-      );
-    }
-
-    if (isArray$1(newChild)) {
-      return reconcileChildrenArray(
-        returnFiber,
-        currentFirstChild,
-        newChild,
-        expirationTime
-      );
-    }
-
-    if (getIteratorFn(newChild)) {
-      return reconcileChildrenIterator(
-        returnFiber,
-        currentFirstChild,
-        newChild,
-        expirationTime
-      );
-    }
-
-    if (isObject) {
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
-
-    {
-      if (typeof newChild === "function") {
-        warnOnFunctionType();
-      }
-    }
-    if (typeof newChild === "undefined") {
-      // If the new child is undefined, and the return fiber is a composite
-      // component, throw an error. If Fiber return types are disabled,
-      // we already threw above.
-      switch (returnFiber.tag) {
-        case ClassComponent: {
-          {
-            var instance = returnFiber.stateNode;
-            if (instance.render._isMockFunction) {
-              // We allow auto-mocks to proceed as if they're returning null.
-              break;
-            }
-          }
-        }
-        // Intentionally fall through to the next case, which handles both
-        // functions and classes
-        // eslint-disable-next-lined no-fallthrough
-        case FunctionalComponent: {
-          var Component = returnFiber.type;
-          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"
-          );
-        }
-      }
-    }
-
-    // Remaining cases are all treated as empty.
-    return deleteRemainingChildren(returnFiber, currentFirstChild);
-  }
-
-  return reconcileChildFibers;
-}
-
-var reconcileChildFibers = ChildReconciler(true);
-var mountChildFibers = ChildReconciler(false);
-
-function cloneChildFibers(current, workInProgress) {
-  invariant(
-    current === null || workInProgress.child === current.child,
-    "Resuming work not yet implemented."
-  );
-
-  if (workInProgress.child === null) {
-    return;
-  }
-
-  var currentChild = workInProgress.child;
-  var newChild = createWorkInProgress(
-    currentChild,
-    currentChild.pendingProps,
-    currentChild.expirationTime
-  );
-  workInProgress.child = newChild;
-
-  newChild["return"] = workInProgress;
-  while (currentChild.sibling !== null) {
-    currentChild = currentChild.sibling;
-    newChild = newChild.sibling = createWorkInProgress(
-      currentChild,
-      currentChild.pendingProps,
-      currentChild.expirationTime
-    );
-    newChild["return"] = workInProgress;
-  }
-  newChild.sibling = null;
-}
-
-var changedBitsStack = [];
-var currentValueStack = [];
-var stack = [];
-var index$1 = -1;
-
-var rendererSigil = void 0;
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-}
-
-function pushProvider(providerFiber) {
-  var context = providerFiber.type.context;
-  index$1 += 1;
-  changedBitsStack[index$1] = context.changedBits;
-  currentValueStack[index$1] = context.currentValue;
-  stack[index$1] = providerFiber;
-  context.currentValue = providerFiber.pendingProps.value;
-  context.changedBits = providerFiber.stateNode;
-
-  {
-    warning(
-      context._currentRenderer === null ||
-        context._currentRenderer === rendererSigil,
-      "Detected multiple renderers concurrently rendering the " +
-        "same context provider. This is currently unsupported."
-    );
-    context._currentRenderer = rendererSigil;
-  }
-}
-
-function popProvider(providerFiber) {
-  {
-    warning(
-      index$1 > -1 && providerFiber === stack[index$1],
-      "Unexpected pop."
-    );
-  }
-  var changedBits = changedBitsStack[index$1];
-  var currentValue = currentValueStack[index$1];
-  changedBitsStack[index$1] = null;
-  currentValueStack[index$1] = null;
-  stack[index$1] = null;
-  index$1 -= 1;
-  var context = providerFiber.type.context;
-  context.currentValue = currentValue;
-  context.changedBits = changedBits;
-}
-
-function resetProviderStack() {
-  for (var i = index$1; i > -1; i--) {
-    var providerFiber = stack[i];
-    var context = providerFiber.type.context;
-    context.currentValue = context.defaultValue;
-    context.changedBits = 0;
-    changedBitsStack[i] = null;
-    currentValueStack[i] = null;
-    stack[i] = null;
-    {
-      context._currentRenderer = null;
-    }
-  }
-  index$1 = -1;
-}
-
-var didWarnAboutBadClass = void 0;
-var didWarnAboutGetDerivedStateOnFunctionalComponent = void 0;
-var didWarnAboutStatelessRefs = void 0;
-
-{
-  didWarnAboutBadClass = {};
-  didWarnAboutGetDerivedStateOnFunctionalComponent = {};
-  didWarnAboutStatelessRefs = {};
-}
-
-var ReactFiberBeginWork = function(
-  config,
-  hostContext,
-  hydrationContext,
-  scheduleWork,
-  computeExpirationForFiber
-) {
-  var shouldSetTextContent = config.shouldSetTextContent,
-    shouldDeprioritizeSubtree = config.shouldDeprioritizeSubtree;
-  var pushHostContext = hostContext.pushHostContext,
-    pushHostContainer = hostContext.pushHostContainer;
-  var enterHydrationState = hydrationContext.enterHydrationState,
-    resetHydrationState = hydrationContext.resetHydrationState,
-    tryToClaimNextHydratableInstance =
-      hydrationContext.tryToClaimNextHydratableInstance;
-
-  var _ReactFiberClassCompo = ReactFiberClassComponent(
-      scheduleWork,
-      computeExpirationForFiber,
-      memoizeProps,
-      memoizeState
-    ),
-    adoptClassInstance = _ReactFiberClassCompo.adoptClassInstance,
-    callGetDerivedStateFromProps =
-      _ReactFiberClassCompo.callGetDerivedStateFromProps,
-    constructClassInstance = _ReactFiberClassCompo.constructClassInstance,
-    mountClassInstance = _ReactFiberClassCompo.mountClassInstance,
-    resumeMountClassInstance = _ReactFiberClassCompo.resumeMountClassInstance,
-    updateClassInstance = _ReactFiberClassCompo.updateClassInstance;
-
-  // TODO: Remove this and use reconcileChildrenAtExpirationTime directly.
-
-  function reconcileChildren(current, workInProgress, nextChildren) {
-    reconcileChildrenAtExpirationTime(
-      current,
-      workInProgress,
-      nextChildren,
-      workInProgress.expirationTime
-    );
-  }
-
-  function reconcileChildrenAtExpirationTime(
-    current,
-    workInProgress,
-    nextChildren,
-    renderExpirationTime
-  ) {
-    if (current === null) {
-      // If this is a fresh new component that hasn't been rendered yet, we
-      // won't update its child set by applying minimal side-effects. Instead,
-      // we will add them all to the child before it gets rendered. That means
-      // we can optimize this reconciliation pass by not tracking side-effects.
-      workInProgress.child = mountChildFibers(
-        workInProgress,
-        null,
-        nextChildren,
-        renderExpirationTime
-      );
-    } else {
-      // If the current child is the same as the work in progress, it means that
-      // we haven't yet started any work on these children. Therefore, we use
-      // the clone algorithm to create a copy of all the current children.
-
-      // If we had any progressed work already, that is invalid at this point so
-      // let's throw it out.
-      workInProgress.child = reconcileChildFibers(
-        workInProgress,
-        current.child,
-        nextChildren,
-        renderExpirationTime
-      );
-    }
-  }
-
-  function updateFragment(current, workInProgress) {
-    var nextChildren = workInProgress.pendingProps;
-    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.
-    } else if (workInProgress.memoizedProps === nextChildren) {
-      return bailoutOnAlreadyFinishedWork(current, workInProgress);
-    }
-    reconcileChildren(current, workInProgress, nextChildren);
-    memoizeProps(workInProgress, nextChildren);
-    return workInProgress.child;
-  }
-
-  function updateMode(current, workInProgress) {
-    var nextChildren = workInProgress.pendingProps.children;
-    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.
-    } else if (
-      nextChildren === null ||
-      workInProgress.memoizedProps === nextChildren
-    ) {
-      return bailoutOnAlreadyFinishedWork(current, workInProgress);
-    }
-    reconcileChildren(current, workInProgress, nextChildren);
-    memoizeProps(workInProgress, nextChildren);
-    return workInProgress.child;
-  }
-
-  function markRef(current, workInProgress) {
-    var ref = workInProgress.ref;
-    if (
-      (current === null && ref !== null) ||
-      (current !== null && current.ref !== ref)
-    ) {
-      // Schedule a Ref effect
-      workInProgress.effectTag |= Ref;
-    }
-  }
-
-  function updateFunctionalComponent(current, workInProgress) {
-    var fn = workInProgress.type;
-    var nextProps = workInProgress.pendingProps;
-
-    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.
-    } else {
-      if (workInProgress.memoizedProps === nextProps) {
-        return bailoutOnAlreadyFinishedWork(current, workInProgress);
-      }
-      // TODO: consider bringing fn.shouldComponentUpdate() back.
-      // It used to be here.
-    }
-
-    var unmaskedContext = getUnmaskedContext(workInProgress);
-    var context = getMaskedContext(workInProgress, unmaskedContext);
-
-    var nextChildren = void 0;
-
-    {
-      ReactCurrentOwner.current = workInProgress;
-      ReactDebugCurrentFiber.setCurrentPhase("render");
-      nextChildren = fn(nextProps, context);
-      ReactDebugCurrentFiber.setCurrentPhase(null);
-    }
-    // React DevTools reads this flag.
-    workInProgress.effectTag |= PerformedWork;
-    reconcileChildren(current, workInProgress, nextChildren);
-    memoizeProps(workInProgress, nextProps);
-    return workInProgress.child;
-  }
-
-  function updateClassComponent(current, workInProgress, renderExpirationTime) {
-    // 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.
-    var hasContext = pushContextProvider(workInProgress);
-    var shouldUpdate = void 0;
-    if (current === null) {
-      if (workInProgress.stateNode === null) {
-        // In the initial pass we might need to construct the instance.
-        constructClassInstance(workInProgress, workInProgress.pendingProps);
-        mountClassInstance(workInProgress, renderExpirationTime);
-
-        shouldUpdate = true;
-      } else {
-        // In a resume, we'll already have an instance we can reuse.
-        shouldUpdate = resumeMountClassInstance(
-          workInProgress,
-          renderExpirationTime
-        );
-      }
-    } else {
-      shouldUpdate = updateClassInstance(
-        current,
-        workInProgress,
-        renderExpirationTime
-      );
-    }
-
-    // We processed the update queue inside updateClassInstance. It may have
-    // included some errors that were dispatched during the commit phase.
-    // TODO: Refactor class components so this is less awkward.
-    var didCaptureError = false;
-    var updateQueue = workInProgress.updateQueue;
-    if (updateQueue !== null && updateQueue.capturedValues !== null) {
-      shouldUpdate = true;
-      didCaptureError = true;
-    }
-    return finishClassComponent(
-      current,
-      workInProgress,
-      shouldUpdate,
-      hasContext,
-      didCaptureError,
-      renderExpirationTime
-    );
-  }
-
-  function finishClassComponent(
-    current,
-    workInProgress,
-    shouldUpdate,
-    hasContext,
-    didCaptureError,
-    renderExpirationTime
-  ) {
-    // Refs should update even if shouldComponentUpdate returns false
-    markRef(current, workInProgress);
-
-    if (!shouldUpdate && !didCaptureError) {
-      // Context providers should defer to sCU for rendering
-      if (hasContext) {
-        invalidateContextProvider(workInProgress, false);
-      }
-
-      return bailoutOnAlreadyFinishedWork(current, workInProgress);
-    }
-
-    var ctor = workInProgress.type;
-    var instance = workInProgress.stateNode;
-
-    // Rerender
-    ReactCurrentOwner.current = workInProgress;
-    var nextChildren = void 0;
-    if (
-      didCaptureError &&
-      (!enableGetDerivedStateFromCatch ||
-        typeof ctor.getDerivedStateFromCatch !== "function")
-    ) {
-      // If we captured an error, but getDerivedStateFrom catch is not defined,
-      // unmount all the children. componentDidCatch will schedule an update to
-      // re-render a fallback. This is temporary until we migrate everyone to
-      // the new API.
-      // TODO: Warn in a future release.
-      nextChildren = null;
-    } else {
-      {
-        ReactDebugCurrentFiber.setCurrentPhase("render");
-        nextChildren = instance.render();
-        if (
-          debugRenderPhaseSideEffects ||
-          (debugRenderPhaseSideEffectsForStrictMode &&
-            workInProgress.mode & StrictMode)
-        ) {
-          instance.render();
-        }
-        ReactDebugCurrentFiber.setCurrentPhase(null);
-      }
-    }
-
-    // React DevTools reads this flag.
-    workInProgress.effectTag |= PerformedWork;
-    if (didCaptureError) {
-      // If we're recovering from an error, reconcile twice: first to delete
-      // all the existing children.
-      reconcileChildrenAtExpirationTime(
-        current,
-        workInProgress,
-        null,
-        renderExpirationTime
-      );
-      workInProgress.child = null;
-      // Now we can continue reconciling like normal. This has the effect of
-      // remounting all children regardless of whether their their
-      // identity matches.
-    }
-    reconcileChildrenAtExpirationTime(
-      current,
-      workInProgress,
-      nextChildren,
-      renderExpirationTime
-    );
-    // Memoize props and state using the values we just used to render.
-    // TODO: Restructure so we never read values from the instance.
-    memoizeState(workInProgress, instance.state);
-    memoizeProps(workInProgress, instance.props);
-
-    // The context might have changed so we need to recalculate it.
-    if (hasContext) {
-      invalidateContextProvider(workInProgress, true);
-    }
-
-    return workInProgress.child;
-  }
-
-  function pushHostRootContext(workInProgress) {
-    var root = workInProgress.stateNode;
-    if (root.pendingContext) {
-      pushTopLevelContextObject(
-        workInProgress,
-        root.pendingContext,
-        root.pendingContext !== root.context
-      );
-    } else if (root.context) {
-      // Should always be set
-      pushTopLevelContextObject(workInProgress, root.context, false);
-    }
-    pushHostContainer(workInProgress, root.containerInfo);
-  }
-
-  function updateHostRoot(current, workInProgress, renderExpirationTime) {
-    pushHostRootContext(workInProgress);
-    var updateQueue = workInProgress.updateQueue;
-    if (updateQueue !== null) {
-      var prevState = workInProgress.memoizedState;
-      var state = processUpdateQueue(
-        current,
-        workInProgress,
-        updateQueue,
-        null,
-        null,
-        renderExpirationTime
-      );
-      memoizeState(workInProgress, state);
-      updateQueue = workInProgress.updateQueue;
-
-      var element = void 0;
-      if (updateQueue !== null && updateQueue.capturedValues !== null) {
-        // There's an uncaught error. Unmount the whole root.
-        element = null;
-      } else if (prevState === state) {
-        // If the state is the same as before, that's a bailout because we had
-        // no work that expires at this time.
-        resetHydrationState();
-        return bailoutOnAlreadyFinishedWork(current, workInProgress);
-      } else {
-        element = state.element;
-      }
-      var root = workInProgress.stateNode;
-      if (
-        (current === null || current.child === null) &&
-        root.hydrate &&
-        enterHydrationState(workInProgress)
-      ) {
-        // If we don't have any current children this might be the first pass.
-        // We always try to hydrate. If this isn't a hydration pass there won't
-        // be any children to hydrate which is effectively the same thing as
-        // not hydrating.
-
-        // This is a bit of a hack. We track the host root as a placement to
-        // know that we're currently in a mounting state. That way isMounted
-        // works as expected. We must reset this before committing.
-        // TODO: Delete this when we delete isMounted and findDOMNode.
-        workInProgress.effectTag |= Placement;
-
-        // Ensure that children mount into this root without tracking
-        // side-effects. This ensures that we don't store Placement effects on
-        // nodes that will be hydrated.
-        workInProgress.child = mountChildFibers(
-          workInProgress,
-          null,
-          element,
-          renderExpirationTime
-        );
-      } else {
-        // Otherwise reset hydration state in case we aborted and resumed another
-        // root.
-        resetHydrationState();
-        reconcileChildren(current, workInProgress, element);
-      }
-      memoizeState(workInProgress, state);
-      return workInProgress.child;
-    }
-    resetHydrationState();
-    // If there is no update queue, that's a bailout because the root has no props.
-    return bailoutOnAlreadyFinishedWork(current, workInProgress);
-  }
-
-  function updateHostComponent(current, workInProgress, renderExpirationTime) {
-    pushHostContext(workInProgress);
-
-    if (current === null) {
-      tryToClaimNextHydratableInstance(workInProgress);
-    }
-
-    var type = workInProgress.type;
-    var memoizedProps = workInProgress.memoizedProps;
-    var nextProps = workInProgress.pendingProps;
-    var prevProps = current !== null ? current.memoizedProps : null;
-
-    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.
-    } else if (memoizedProps === nextProps) {
-      var isHidden =
-        workInProgress.mode & AsyncMode &&
-        shouldDeprioritizeSubtree(type, nextProps);
-      if (isHidden) {
-        // Before bailing out, make sure we've deprioritized a hidden component.
-        workInProgress.expirationTime = Never;
-      }
-      if (!isHidden || renderExpirationTime !== Never) {
-        return bailoutOnAlreadyFinishedWork(current, workInProgress);
-      }
-      // If we're rendering a hidden node at hidden priority, don't bailout. The
-      // parent is complete, but the children may not be.
-    }
-
-    var nextChildren = nextProps.children;
-    var isDirectTextChild = shouldSetTextContent(type, nextProps);
-
-    if (isDirectTextChild) {
-      // We special case a direct text child of a host node. This is a common
-      // case. We won't handle it as a reified child. We will instead handle
-      // 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(type, 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;
-    }
-
-    markRef(current, workInProgress);
-
-    // Check the host config to see if the children are offscreen/hidden.
-    if (
-      renderExpirationTime !== Never &&
-      workInProgress.mode & AsyncMode &&
-      shouldDeprioritizeSubtree(type, nextProps)
-    ) {
-      // Down-prioritize the children.
-      workInProgress.expirationTime = Never;
-      // Bailout and come back to this fiber later.
-      workInProgress.memoizedProps = nextProps;
-      return null;
-    }
-
-    reconcileChildren(current, workInProgress, nextChildren);
-    memoizeProps(workInProgress, nextProps);
-    return workInProgress.child;
-  }
-
-  function updateHostText(current, workInProgress) {
-    if (current === null) {
-      tryToClaimNextHydratableInstance(workInProgress);
-    }
-    var nextProps = workInProgress.pendingProps;
-    memoizeProps(workInProgress, nextProps);
-    // Nothing to do here. This is terminal. We'll do the completion step
-    // immediately after.
-    return null;
-  }
-
-  function mountIndeterminateComponent(
-    current,
-    workInProgress,
-    renderExpirationTime
-  ) {
-    invariant(
-      current === null,
-      "An indeterminate component should never have mounted. This error is " +
-        "likely caused by a bug in React. Please file an issue."
-    );
-    var fn = workInProgress.type;
-    var props = workInProgress.pendingProps;
-    var unmaskedContext = getUnmaskedContext(workInProgress);
-    var context = getMaskedContext(workInProgress, unmaskedContext);
-
-    var value = void 0;
-
-    {
-      if (fn.prototype && typeof fn.prototype.render === "function") {
-        var componentName = getComponentName(workInProgress) || "Unknown";
-
-        if (!didWarnAboutBadClass[componentName]) {
-          warning(
-            false,
-            "The <%s /> component appears to have a render method, but doesn't extend React.Component. " +
-              "This is likely to cause errors. Change %s to extend React.Component instead.",
-            componentName,
-            componentName
-          );
-          didWarnAboutBadClass[componentName] = true;
-        }
-      }
-      ReactCurrentOwner.current = workInProgress;
-      value = fn(props, context);
-    }
-    // React DevTools reads this flag.
-    workInProgress.effectTag |= PerformedWork;
-
-    if (
-      typeof value === "object" &&
-      value !== null &&
-      typeof value.render === "function" &&
-      value.$$typeof === undefined
-    ) {
-      var Component = workInProgress.type;
-
-      // Proceed under the assumption that this is a class instance
-      workInProgress.tag = ClassComponent;
-
-      workInProgress.memoizedState =
-        value.state !== null && value.state !== undefined ? value.state : null;
-
-      if (typeof Component.getDerivedStateFromProps === "function") {
-        var partialState = callGetDerivedStateFromProps(
-          workInProgress,
-          value,
-          props
-        );
-
-        if (partialState !== null && partialState !== undefined) {
-          workInProgress.memoizedState = Object.assign(
-            {},
-            workInProgress.memoizedState,
-            partialState
-          );
-        }
-      }
-
-      // 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.
-      var hasContext = pushContextProvider(workInProgress);
-      adoptClassInstance(workInProgress, value);
-      mountClassInstance(workInProgress, renderExpirationTime);
-      return finishClassComponent(
-        current,
-        workInProgress,
-        true,
-        hasContext,
-        false,
-        renderExpirationTime
-      );
-    } else {
-      // Proceed under the assumption that this is a functional component
-      workInProgress.tag = FunctionalComponent;
-      {
-        var _Component = workInProgress.type;
-
-        if (_Component) {
-          warning(
-            !_Component.childContextTypes,
-            "%s(...): childContextTypes cannot be defined on a functional component.",
-            _Component.displayName || _Component.name || "Component"
-          );
-        }
-        if (workInProgress.ref !== null) {
-          var info = "";
-          var ownerName = ReactDebugCurrentFiber.getCurrentFiberOwnerName();
-          if (ownerName) {
-            info += "\n\nCheck the render method of `" + ownerName + "`.";
-          }
-
-          var warningKey = ownerName || workInProgress._debugID || "";
-          var debugSource = workInProgress._debugSource;
-          if (debugSource) {
-            warningKey = debugSource.fileName + ":" + debugSource.lineNumber;
-          }
-          if (!didWarnAboutStatelessRefs[warningKey]) {
-            didWarnAboutStatelessRefs[warningKey] = true;
-            warning(
-              false,
-              "Stateless function components cannot be given refs. " +
-                "Attempts to access this ref will fail.%s%s",
-              info,
-              ReactDebugCurrentFiber.getCurrentFiberStackAddendum()
-            );
-          }
-        }
-
-        if (typeof fn.getDerivedStateFromProps === "function") {
-          var _componentName = getComponentName(workInProgress) || "Unknown";
-
-          if (
-            !didWarnAboutGetDerivedStateOnFunctionalComponent[_componentName]
-          ) {
-            warning(
-              false,
-              "%s: Stateless functional components do not support getDerivedStateFromProps.",
-              _componentName
-            );
-            didWarnAboutGetDerivedStateOnFunctionalComponent[
-              _componentName
-            ] = true;
-          }
-        }
-      }
-      reconcileChildren(current, workInProgress, value);
-      memoizeProps(workInProgress, props);
-      return workInProgress.child;
-    }
-  }
-
-  function updateCallComponent(current, workInProgress, renderExpirationTime) {
-    var nextProps = workInProgress.pendingProps;
-    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.
-    } else if (workInProgress.memoizedProps === nextProps) {
-      nextProps = workInProgress.memoizedProps;
-      // TODO: When bailing out, we might need to return the stateNode instead
-      // of the child. To check it for work.
-      // return bailoutOnAlreadyFinishedWork(current, workInProgress);
-    }
-
-    var nextChildren = nextProps.children;
-
-    // The following is a fork of reconcileChildrenAtExpirationTime but using
-    // stateNode to store the child.
-    if (current === null) {
-      workInProgress.stateNode = mountChildFibers(
-        workInProgress,
-        workInProgress.stateNode,
-        nextChildren,
-        renderExpirationTime
-      );
-    } else {
-      workInProgress.stateNode = reconcileChildFibers(
-        workInProgress,
-        current.stateNode,
-        nextChildren,
-        renderExpirationTime
-      );
-    }
-
-    memoizeProps(workInProgress, nextProps);
-    // This doesn't take arbitrary time so we could synchronously just begin
-    // eagerly do the work of workInProgress.child as an optimization.
-    return workInProgress.stateNode;
-  }
-
-  function updatePortalComponent(
-    current,
-    workInProgress,
-    renderExpirationTime
-  ) {
-    pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
-    var nextChildren = workInProgress.pendingProps;
-    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.
-    } else if (workInProgress.memoizedProps === nextChildren) {
-      return bailoutOnAlreadyFinishedWork(current, workInProgress);
-    }
-
-    if (current === null) {
-      // Portals are special because we don't append the children during mount
-      // but at commit. Therefore we need to track insertions which the normal
-      // flow doesn't do during mount. This doesn't happen at the root because
-      // the root always starts with a "current" with a null child.
-      // TODO: Consider unifying this with how the root works.
-      workInProgress.child = reconcileChildFibers(
-        workInProgress,
-        null,
-        nextChildren,
-        renderExpirationTime
-      );
-      memoizeProps(workInProgress, nextChildren);
-    } else {
-      reconcileChildren(current, workInProgress, nextChildren);
-      memoizeProps(workInProgress, nextChildren);
-    }
-    return workInProgress.child;
-  }
-
-  function propagateContextChange(
-    workInProgress,
-    context,
-    changedBits,
-    renderExpirationTime
-  ) {
-    var fiber = workInProgress.child;
-    while (fiber !== null) {
-      var nextFiber = void 0;
-      // Visit this fiber.
-      switch (fiber.tag) {
-        case ContextConsumer:
-          // Check if the context matches.
-          var observedBits = fiber.stateNode | 0;
-          if (fiber.type === context && (observedBits & changedBits) !== 0) {
-            // Update the expiration time of all the ancestors, including
-            // the alternates.
-            var node = fiber;
-            while (node !== null) {
-              var alternate = node.alternate;
-              if (
-                node.expirationTime === NoWork ||
-                node.expirationTime > renderExpirationTime
-              ) {
-                node.expirationTime = renderExpirationTime;
-                if (
-                  alternate !== null &&
-                  (alternate.expirationTime === NoWork ||
-                    alternate.expirationTime > renderExpirationTime)
-                ) {
-                  alternate.expirationTime = renderExpirationTime;
-                }
-              } else if (
-                alternate !== null &&
-                (alternate.expirationTime === NoWork ||
-                  alternate.expirationTime > renderExpirationTime)
-              ) {
-                alternate.expirationTime = renderExpirationTime;
-              } else {
-                // Neither alternate was updated, which means the rest of the
-                // ancestor path already has sufficient priority.
-                break;
-              }
-              node = node["return"];
-            }
-            // Don't scan deeper than a matching consumer. When we render the
-            // consumer, we'll continue scanning from that point. This way the
-            // scanning work is time-sliced.
-            nextFiber = null;
-          } else {
-            // Traverse down.
-            nextFiber = fiber.child;
-          }
-          break;
-        case ContextProvider:
-          // Don't scan deeper if this is a matching provider
-          nextFiber = fiber.type === workInProgress.type ? null : fiber.child;
-          break;
-        default:
-          // Traverse down.
-          nextFiber = fiber.child;
-          break;
-      }
-      if (nextFiber !== null) {
-        // Set the return pointer of the child to the work-in-progress fiber.
-        nextFiber["return"] = fiber;
-      } else {
-        // No child. Traverse to next sibling.
-        nextFiber = fiber;
-        while (nextFiber !== null) {
-          if (nextFiber === workInProgress) {
-            // We're back to the root of this subtree. Exit.
-            nextFiber = null;
-            break;
-          }
-          var sibling = nextFiber.sibling;
-          if (sibling !== null) {
-            nextFiber = sibling;
-            break;
-          }
-          // No more siblings. Traverse up.
-          nextFiber = nextFiber["return"];
-        }
-      }
-      fiber = nextFiber;
-    }
-  }
-
-  function updateContextProvider(
-    current,
-    workInProgress,
-    renderExpirationTime
-  ) {
-    var providerType = workInProgress.type;
-    var context = providerType.context;
-
-    var newProps = workInProgress.pendingProps;
-    var oldProps = workInProgress.memoizedProps;
-
-    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.
-    } else if (oldProps === newProps) {
-      workInProgress.stateNode = 0;
-      pushProvider(workInProgress);
-      return bailoutOnAlreadyFinishedWork(current, workInProgress);
-    }
-    workInProgress.memoizedProps = newProps;
-
-    var newValue = newProps.value;
-
-    var changedBits = void 0;
-    if (oldProps === null) {
-      // Initial render
-      changedBits = MAX_SIGNED_31_BIT_INT;
-    } else {
-      var oldValue = oldProps.value;
-      // Use Object.is to compare the new context value to the old value.
-      // Inlined Object.is polyfill.
-      // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
-      if (
-        (oldValue === newValue &&
-          (oldValue !== 0 || 1 / oldValue === 1 / newValue)) ||
-        (oldValue !== oldValue && newValue !== newValue) // eslint-disable-line no-self-compare
-      ) {
-        // No change.
-        changedBits = 0;
-      } else {
-        changedBits =
-          typeof context.calculateChangedBits === "function"
-            ? context.calculateChangedBits(oldValue, newValue)
-            : MAX_SIGNED_31_BIT_INT;
-        {
-          warning(
-            (changedBits & MAX_SIGNED_31_BIT_INT) === changedBits,
-            "calculateChangedBits: Expected the return value to be a " +
-              "31-bit integer. Instead received: %s",
-            changedBits
-          );
-        }
-        changedBits |= 0;
-
-        if (changedBits !== 0) {
-          propagateContextChange(
-            workInProgress,
-            context,
-            changedBits,
-            renderExpirationTime
-          );
-        }
-      }
-    }
-
-    workInProgress.stateNode = changedBits;
-    pushProvider(workInProgress);
-
-    if (oldProps !== null && oldProps.children === newProps.children) {
-      return bailoutOnAlreadyFinishedWork(current, workInProgress);
-    }
-    var newChildren = newProps.children;
-    reconcileChildren(current, workInProgress, newChildren);
-    return workInProgress.child;
-  }
-
-  function updateContextConsumer(
-    current,
-    workInProgress,
-    renderExpirationTime
-  ) {
-    var context = workInProgress.type;
-    var newProps = workInProgress.pendingProps;
-
-    var newValue = context.currentValue;
-    var changedBits = context.changedBits;
-
-    if (changedBits !== 0) {
-      // Context change propagation stops at matching consumers, for time-
-      // slicing. Continue the propagation here.
-      propagateContextChange(
-        workInProgress,
-        context,
-        changedBits,
-        renderExpirationTime
-      );
-    }
-
-    // Store the observedBits on the fiber's stateNode for quick access.
-    var observedBits = newProps.observedBits;
-    if (observedBits === undefined || observedBits === null) {
-      // Subscribe to all changes by default
-      observedBits = MAX_SIGNED_31_BIT_INT;
-    }
-    workInProgress.stateNode = observedBits;
-
-    var render = newProps.children;
-
-    if (typeof render !== "function") {
-      invariant(
-        false,
-        "A context consumer was rendered with multiple children, or a child that isn't a function. " +
-          "A context consumer expects a single child that is a function. " +
-          "If you did pass a function, make sure there is no trailing or leading whitespace around it."
-      );
-    }
-
-    var newChildren = render(newValue);
-    reconcileChildren(current, workInProgress, newChildren);
-    return workInProgress.child;
-  }
-
-  /*
-  function reuseChildrenEffects(returnFiber : Fiber, firstChild : Fiber) {
-    let child = firstChild;
-    do {
-      // Ensure that the first and last effect of the parent corresponds
-      // to the children's first and last effect.
-      if (!returnFiber.firstEffect) {
-        returnFiber.firstEffect = child.firstEffect;
-      }
-      if (child.lastEffect) {
-        if (returnFiber.lastEffect) {
-          returnFiber.lastEffect.nextEffect = child.firstEffect;
-        }
-        returnFiber.lastEffect = child.lastEffect;
-      }
-    } while (child = child.sibling);
-  }
-  */
-
-  function bailoutOnAlreadyFinishedWork(current, workInProgress) {
-    cancelWorkTimer(workInProgress);
-
-    // 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
-    // Fiber's priority and its children yet - we don't know without doing lots
-    // of the same work we do anyway. Once we have that separation we can just
-    // bail out here if the children has no more work at this priority level.
-    // if (workInProgress.priorityOfChildren <= priorityLevel) {
-    //   // If there are side-effects in these children that have not yet been
-    //   // committed we need to ensure that they get properly transferred up.
-    //   if (current && current.child !== workInProgress.child) {
-    //     reuseChildrenEffects(workInProgress, child);
-    //   }
-    //   return null;
-    // }
-
-    cloneChildFibers(current, workInProgress);
-    return workInProgress.child;
-  }
-
-  function bailoutOnLowPriority(current, workInProgress) {
-    cancelWorkTimer(workInProgress);
-
-    // TODO: Handle HostComponent tags here as well and call pushHostContext()?
-    // See PR 8590 discussion for context
-    switch (workInProgress.tag) {
-      case HostRoot:
-        pushHostRootContext(workInProgress);
-        break;
-      case ClassComponent:
-        pushContextProvider(workInProgress);
-        break;
-      case HostPortal:
-        pushHostContainer(
-          workInProgress,
-          workInProgress.stateNode.containerInfo
-        );
-        break;
-      case ContextProvider:
-        pushProvider(workInProgress);
-        break;
-    }
-    // TODO: What if this is currently in progress?
-    // How can that happen? How is this not being cloned?
-    return null;
-  }
-
-  // TODO: Delete memoizeProps/State and move to reconcile/bailout instead
-  function memoizeProps(workInProgress, nextProps) {
-    workInProgress.memoizedProps = nextProps;
-  }
-
-  function memoizeState(workInProgress, nextState) {
-    workInProgress.memoizedState = nextState;
-    // Don't reset the updateQueue, in case there are pending updates. Resetting
-    // is handled by processUpdateQueue.
-  }
-
-  function beginWork(current, workInProgress, renderExpirationTime) {
-    if (
-      workInProgress.expirationTime === NoWork ||
-      workInProgress.expirationTime > renderExpirationTime
-    ) {
-      return bailoutOnLowPriority(current, workInProgress);
-    }
-
-    switch (workInProgress.tag) {
-      case IndeterminateComponent:
-        return mountIndeterminateComponent(
-          current,
-          workInProgress,
-          renderExpirationTime
-        );
-      case FunctionalComponent:
-        return updateFunctionalComponent(current, workInProgress);
-      case ClassComponent:
-        return updateClassComponent(
-          current,
-          workInProgress,
-          renderExpirationTime
-        );
-      case HostRoot:
-        return updateHostRoot(current, workInProgress, renderExpirationTime);
-      case HostComponent:
-        return updateHostComponent(
-          current,
-          workInProgress,
-          renderExpirationTime
-        );
-      case HostText:
-        return updateHostText(current, workInProgress);
-      case CallHandlerPhase:
-        // This is a restart. Reset the tag to the initial phase.
-        workInProgress.tag = CallComponent;
-      // Intentionally fall through since this is now the same.
-      case CallComponent:
-        return updateCallComponent(
-          current,
-          workInProgress,
-          renderExpirationTime
-        );
-      case ReturnComponent:
-        // A return component is just a placeholder, we can just run through the
-        // next one immediately.
-        return null;
-      case HostPortal:
-        return updatePortalComponent(
-          current,
-          workInProgress,
-          renderExpirationTime
-        );
-      case Fragment:
-        return updateFragment(current, workInProgress);
-      case Mode:
-        return updateMode(current, workInProgress);
-      case ContextProvider:
-        return updateContextProvider(
-          current,
-          workInProgress,
-          renderExpirationTime
-        );
-      case ContextConsumer:
-        return updateContextConsumer(
-          current,
-          workInProgress,
-          renderExpirationTime
-        );
-      default:
-        invariant(
-          false,
-          "Unknown unit of work tag. This error is likely caused by a bug in " +
-            "React. Please file an issue."
-        );
-    }
-  }
-
-  return {
-    beginWork: beginWork
-  };
-};
-
-var ReactFiberCompleteWork = function(config, hostContext, hydrationContext) {
-  var createInstance = config.createInstance,
-    createTextInstance = config.createTextInstance,
-    appendInitialChild = config.appendInitialChild,
-    finalizeInitialChildren = config.finalizeInitialChildren,
-    prepareUpdate = config.prepareUpdate,
-    mutation = config.mutation,
-    persistence = config.persistence;
-  var getRootHostContainer = hostContext.getRootHostContainer,
-    popHostContext = hostContext.popHostContext,
-    getHostContext = hostContext.getHostContext,
-    popHostContainer = hostContext.popHostContainer;
-  var prepareToHydrateHostInstance =
-      hydrationContext.prepareToHydrateHostInstance,
-    prepareToHydrateHostTextInstance =
-      hydrationContext.prepareToHydrateHostTextInstance,
-    popHydrationState = hydrationContext.popHydrationState;
-
-  function markUpdate(workInProgress) {
-    // Tag the fiber with an update effect. This turns a Placement into
-    // an UpdateAndPlacement.
-    workInProgress.effectTag |= Update;
-  }
-
-  function markRef(workInProgress) {
-    workInProgress.effectTag |= Ref;
-  }
-
-  function appendAllReturns(returns, workInProgress) {
-    var node = workInProgress.stateNode;
-    if (node) {
-      node["return"] = workInProgress;
-    }
-    while (node !== null) {
-      if (
-        node.tag === HostComponent ||
-        node.tag === HostText ||
-        node.tag === HostPortal
-      ) {
-        invariant(false, "A call cannot have host component children.");
-      } else if (node.tag === ReturnComponent) {
-        returns.push(node.pendingProps.value);
-      } else if (node.child !== null) {
-        node.child["return"] = node;
-        node = node.child;
-        continue;
-      }
-      while (node.sibling === null) {
-        if (node["return"] === null || node["return"] === workInProgress) {
-          return;
-        }
-        node = node["return"];
-      }
-      node.sibling["return"] = node["return"];
-      node = node.sibling;
-    }
-  }
-
-  function moveCallToHandlerPhase(
-    current,
-    workInProgress,
-    renderExpirationTime
-  ) {
-    var props = workInProgress.memoizedProps;
-    invariant(
-      props,
-      "Should be resolved by now. This error is likely caused by a bug in " +
-        "React. Please file an issue."
-    );
-
-    // First step of the call has completed. Now we need to do the second.
-    // TODO: It would be nice to have a multi stage call represented by a
-    // single component, or at least tail call optimize nested ones. Currently
-    // that requires additional fields that we don't want to add to the fiber.
-    // So this requires nested handlers.
-    // Note: This doesn't mutate the alternate node. I don't think it needs to
-    // since this stage is reset for every pass.
-    workInProgress.tag = CallHandlerPhase;
-
-    // Build up the returns.
-    // TODO: Compare this to a generator or opaque helpers like Children.
-    var returns = [];
-    appendAllReturns(returns, workInProgress);
-    var fn = props.handler;
-    var childProps = props.props;
-    var nextChildren = fn(childProps, returns);
-
-    var currentFirstChild = current !== null ? current.child : null;
-    workInProgress.child = reconcileChildFibers(
-      workInProgress,
-      currentFirstChild,
-      nextChildren,
-      renderExpirationTime
-    );
-    return workInProgress.child;
-  }
-
-  function appendAllChildren(parent, workInProgress) {
-    // We only have the top Fiber that was created but we need recurse down its
-    // children to find all the terminal nodes.
-    var node = workInProgress.child;
-    while (node !== null) {
-      if (node.tag === HostComponent || node.tag === HostText) {
-        appendInitialChild(parent, node.stateNode);
-      } else if (node.tag === HostPortal) {
-        // If we have a portal child, then we don't want to traverse
-        // down its children. Instead, we'll get insertions from each child in
-        // the portal directly.
-      } else if (node.child !== null) {
-        node.child["return"] = node;
-        node = node.child;
-        continue;
-      }
-      if (node === workInProgress) {
-        return;
-      }
-      while (node.sibling === null) {
-        if (node["return"] === null || node["return"] === workInProgress) {
-          return;
-        }
-        node = node["return"];
-      }
-      node.sibling["return"] = node["return"];
-      node = node.sibling;
-    }
-  }
-
-  var updateHostContainer = void 0;
-  var updateHostComponent = void 0;
-  var updateHostText = void 0;
-  if (mutation) {
-    if (enableMutatingReconciler) {
-      // Mutation mode
-      updateHostContainer = function(workInProgress) {
-        // Noop
-      };
-      updateHostComponent = function(
-        current,
-        workInProgress,
-        updatePayload,
-        type,
-        oldProps,
-        newProps,
-        rootContainerInstance,
-        currentHostContext
-      ) {
-        // TODO: Type this specific to this type of component.
-        workInProgress.updateQueue = updatePayload;
-        // If the update payload indicates that there is a change or if there
-        // is a new ref we mark this as an update. All the work is done in commitWork.
-        if (updatePayload) {
-          markUpdate(workInProgress);
-        }
-      };
-      updateHostText = function(current, workInProgress, oldText, newText) {
-        // If the text differs, mark it as an update. All the work in done in commitWork.
-        if (oldText !== newText) {
-          markUpdate(workInProgress);
-        }
-      };
-    } else {
-      invariant(false, "Mutating reconciler is disabled.");
-    }
-  } else if (persistence) {
-    if (enablePersistentReconciler) {
-      // Persistent host tree mode
-      var cloneInstance = persistence.cloneInstance,
-        createContainerChildSet = persistence.createContainerChildSet,
-        appendChildToContainerChildSet =
-          persistence.appendChildToContainerChildSet,
-        finalizeContainerChildren = persistence.finalizeContainerChildren;
-
-      // An unfortunate fork of appendAllChildren because we have two different parent types.
-
-      var appendAllChildrenToContainer = function(
-        containerChildSet,
-        workInProgress
-      ) {
-        // We only have the top Fiber that was created but we need recurse down its
-        // children to find all the terminal nodes.
-        var node = workInProgress.child;
-        while (node !== null) {
-          if (node.tag === HostComponent || node.tag === HostText) {
-            appendChildToContainerChildSet(containerChildSet, node.stateNode);
-          } else if (node.tag === HostPortal) {
-            // If we have a portal child, then we don't want to traverse
-            // down its children. Instead, we'll get insertions from each child in
-            // the portal directly.
-          } else if (node.child !== null) {
-            node.child["return"] = node;
-            node = node.child;
-            continue;
-          }
-          if (node === workInProgress) {
-            return;
-          }
-          while (node.sibling === null) {
-            if (node["return"] === null || node["return"] === workInProgress) {
-              return;
-            }
-            node = node["return"];
-          }
-          node.sibling["return"] = node["return"];
-          node = node.sibling;
-        }
-      };
-      updateHostContainer = function(workInProgress) {
-        var portalOrRoot = workInProgress.stateNode;
-        var childrenUnchanged = workInProgress.firstEffect === null;
-        if (childrenUnchanged) {
-          // No changes, just reuse the existing instance.
-        } else {
-          var container = portalOrRoot.containerInfo;
-          var newChildSet = createContainerChildSet(container);
-          // If children might have changed, we have to add them all to the set.
-          appendAllChildrenToContainer(newChildSet, workInProgress);
-          portalOrRoot.pendingChildren = newChildSet;
-          // Schedule an update on the container to swap out the container.
-          markUpdate(workInProgress);
-          finalizeContainerChildren(container, newChildSet);
-        }
-      };
-      updateHostComponent = function(
-        current,
-        workInProgress,
-        updatePayload,
-        type,
-        oldProps,
-        newProps,
-        rootContainerInstance,
-        currentHostContext
-      ) {
-        // If there are no effects associated with this node, then none of our children had any updates.
-        // This guarantees that we can reuse all of them.
-        var childrenUnchanged = workInProgress.firstEffect === null;
-        var currentInstance = current.stateNode;
-        if (childrenUnchanged && updatePayload === null) {
-          // No changes, just reuse the existing instance.
-          // Note that this might release a previous clone.
-          workInProgress.stateNode = currentInstance;
-        } else {
-          var recyclableInstance = workInProgress.stateNode;
-          var newInstance = cloneInstance(
-            currentInstance,
-            updatePayload,
-            type,
-            oldProps,
-            newProps,
-            workInProgress,
-            childrenUnchanged,
-            recyclableInstance
-          );
-          if (
-            finalizeInitialChildren(
-              newInstance,
-              type,
-              newProps,
-              rootContainerInstance,
-              currentHostContext
-            )
-          ) {
-            markUpdate(workInProgress);
-          }
-          workInProgress.stateNode = newInstance;
-          if (childrenUnchanged) {
-            // If there are no other effects in this tree, we need to flag this node as having one.
-            // Even though we're not going to use it for anything.
-            // Otherwise parents won't know that there are new children to propagate upwards.
-            markUpdate(workInProgress);
-          } else {
-            // If children might have changed, we have to add them all to the set.
-            appendAllChildren(newInstance, workInProgress);
-          }
-        }
-      };
-      updateHostText = function(current, workInProgress, oldText, newText) {
-        if (oldText !== newText) {
-          // If the text content differs, we'll create a new text instance for it.
-          var rootContainerInstance = getRootHostContainer();
-          var currentHostContext = getHostContext();
-          workInProgress.stateNode = createTextInstance(
-            newText,
-            rootContainerInstance,
-            currentHostContext,
-            workInProgress
-          );
-          // We'll have to mark it as having an effect, even though we won't use the effect for anything.
-          // This lets the parents know that at least one of their children has changed.
-          markUpdate(workInProgress);
-        }
-      };
-    } else {
-      invariant(false, "Persistent reconciler is disabled.");
-    }
-  } else {
-    if (enableNoopReconciler) {
-      // No host operations
-      updateHostContainer = function(workInProgress) {
-        // Noop
-      };
-      updateHostComponent = function(
-        current,
-        workInProgress,
-        updatePayload,
-        type,
-        oldProps,
-        newProps,
-        rootContainerInstance,
-        currentHostContext
-      ) {
-        // Noop
-      };
-      updateHostText = function(current, workInProgress, oldText, newText) {
-        // Noop
-      };
-    } else {
-      invariant(false, "Noop reconciler is disabled.");
-    }
-  }
-
-  function completeWork(current, workInProgress, renderExpirationTime) {
-    var newProps = workInProgress.pendingProps;
-    switch (workInProgress.tag) {
-      case FunctionalComponent:
-        return null;
-      case ClassComponent: {
-        // We are leaving this subtree, so pop context if any.
-        popContextProvider(workInProgress);
-
-        // If this component caught an error, schedule an error log effect.
-        var instance = workInProgress.stateNode;
-        var updateQueue = workInProgress.updateQueue;
-        if (updateQueue !== null && updateQueue.capturedValues !== null) {
-          workInProgress.effectTag &= ~DidCapture;
-          if (typeof instance.componentDidCatch === "function") {
-            workInProgress.effectTag |= ErrLog;
-          } else {
-            // Normally we clear this in the commit phase, but since we did not
-            // schedule an effect, we need to reset it here.
-            updateQueue.capturedValues = null;
-          }
-        }
-        return null;
-      }
-      case HostRoot: {
-        popHostContainer(workInProgress);
-        popTopLevelContextObject(workInProgress);
-        var fiberRoot = workInProgress.stateNode;
-        if (fiberRoot.pendingContext) {
-          fiberRoot.context = fiberRoot.pendingContext;
-          fiberRoot.pendingContext = null;
-        }
-        if (current === null || current.child === null) {
-          // If we hydrated, pop so that we can delete any remaining children
-          // that weren't hydrated.
-          popHydrationState(workInProgress);
-          // This resets the hacky state to fix isMounted before committing.
-          // TODO: Delete this when we delete isMounted and findDOMNode.
-          workInProgress.effectTag &= ~Placement;
-        }
-        updateHostContainer(workInProgress);
-
-        var _updateQueue = workInProgress.updateQueue;
-        if (_updateQueue !== null && _updateQueue.capturedValues !== null) {
-          workInProgress.effectTag |= ErrLog;
-        }
-        return null;
-      }
-      case HostComponent: {
-        popHostContext(workInProgress);
-        var rootContainerInstance = getRootHostContainer();
-        var type = workInProgress.type;
-        if (current !== null && workInProgress.stateNode != null) {
-          // If we have an alternate, that means this is an update and we need to
-          // schedule a side-effect to do the updates.
-          var oldProps = current.memoizedProps;
-          // If we get updated because one of our children updated, we don't
-          // 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.
-          var _instance = workInProgress.stateNode;
-          var currentHostContext = getHostContext();
-          // TODO: Experiencing an error where oldProps is null. Suggests a host
-          // component is hitting the resume path. Figure out why. Possibly
-          // related to `hidden`.
-          var updatePayload = prepareUpdate(
-            _instance,
-            type,
-            oldProps,
-            newProps,
-            rootContainerInstance,
-            currentHostContext
-          );
-
-          updateHostComponent(
-            current,
-            workInProgress,
-            updatePayload,
-            type,
-            oldProps,
-            newProps,
-            rootContainerInstance,
-            currentHostContext
-          );
-
-          if (current.ref !== workInProgress.ref) {
-            markRef(workInProgress);
-          }
-        } else {
-          if (!newProps) {
-            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."
-            );
-            // This can happen when we abort work.
-            return null;
-          }
-
-          var _currentHostContext = getHostContext();
-          // TODO: Move createInstance to beginWork and keep it on a context
-          // "stack" as the parent. Then append children as we go in beginWork
-          // or completeWork depending on we want to add then top->down or
-          // bottom->up. Top->down is faster in IE11.
-          var wasHydrated = popHydrationState(workInProgress);
-          if (wasHydrated) {
-            // TODO: Move this and createInstance step into the beginPhase
-            // to consolidate.
-            if (
-              prepareToHydrateHostInstance(
-                workInProgress,
-                rootContainerInstance,
-                _currentHostContext
-              )
-            ) {
-              // If changes to the hydrated node needs to be applied at the
-              // commit-phase we mark this as such.
-              markUpdate(workInProgress);
-            }
-          } else {
-            var _instance2 = createInstance(
-              type,
-              newProps,
-              rootContainerInstance,
-              _currentHostContext,
-              workInProgress
-            );
-
-            appendAllChildren(_instance2, workInProgress);
-
-            // 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(
-                _instance2,
-                type,
-                newProps,
-                rootContainerInstance,
-                _currentHostContext
-              )
-            ) {
-              markUpdate(workInProgress);
-            }
-            workInProgress.stateNode = _instance2;
-          }
-
-          if (workInProgress.ref !== null) {
-            // If there is a ref on a host node we need to schedule a callback
-            markRef(workInProgress);
-          }
-        }
-        return null;
-      }
-      case HostText: {
-        var newText = newProps;
-        if (current && workInProgress.stateNode != null) {
-          var oldText = current.memoizedProps;
-          // If we have an alternate, that means this is an update and we need
-          // to schedule a side-effect to do the updates.
-          updateHostText(current, workInProgress, oldText, newText);
-        } else {
-          if (typeof newText !== "string") {
-            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."
-            );
-            // This can happen when we abort work.
-            return null;
-          }
-          var _rootContainerInstance = getRootHostContainer();
-          var _currentHostContext2 = getHostContext();
-          var _wasHydrated = popHydrationState(workInProgress);
-          if (_wasHydrated) {
-            if (prepareToHydrateHostTextInstance(workInProgress)) {
-              markUpdate(workInProgress);
-            }
-          } else {
-            workInProgress.stateNode = createTextInstance(
-              newText,
-              _rootContainerInstance,
-              _currentHostContext2,
-              workInProgress
-            );
-          }
-        }
-        return null;
-      }
-      case CallComponent:
-        return moveCallToHandlerPhase(
-          current,
-          workInProgress,
-          renderExpirationTime
-        );
-      case CallHandlerPhase:
-        // Reset the tag to now be a first phase call.
-        workInProgress.tag = CallComponent;
-        return null;
-      case ReturnComponent:
-        // Does nothing.
-        return null;
-      case Fragment:
-        return null;
-      case Mode:
-        return null;
-      case HostPortal:
-        popHostContainer(workInProgress);
-        updateHostContainer(workInProgress);
-        return null;
-      case ContextProvider:
-        // Pop provider fiber
-        popProvider(workInProgress);
-        return null;
-      case ContextConsumer:
-        return null;
-      // Error cases
-      case IndeterminateComponent:
-        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."
-        );
-      // 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."
-        );
-    }
-  }
-
-  return {
-    completeWork: completeWork
-  };
-};
-
-function createCapturedValue(value, source) {
-  // If the value is an error, call this function immediately after it is thrown
-  // so the stack is accurate.
-  return {
-    value: value,
-    source: source,
-    stack: getStackAddendumByWorkInProgressFiber(source)
-  };
-}
-
-var ReactFiberUnwindWork = function(
-  hostContext,
-  scheduleWork,
-  isAlreadyFailedLegacyErrorBoundary
-) {
-  var popHostContainer = hostContext.popHostContainer,
-    popHostContext = hostContext.popHostContext;
-
-  function throwException(returnFiber, sourceFiber, rawValue) {
-    // The source fiber did not complete.
-    sourceFiber.effectTag |= Incomplete;
-    // Its effect list is no longer valid.
-    sourceFiber.firstEffect = sourceFiber.lastEffect = null;
-
-    var value = createCapturedValue(rawValue, sourceFiber);
-
-    var workInProgress = returnFiber;
-    do {
-      switch (workInProgress.tag) {
-        case HostRoot: {
-          // Uncaught error
-          var errorInfo = value;
-          ensureUpdateQueues(workInProgress);
-          var updateQueue = workInProgress.updateQueue;
-          updateQueue.capturedValues = [errorInfo];
-          workInProgress.effectTag |= ShouldCapture;
-          return;
-        }
-        case ClassComponent:
-          // Capture and retry
-          var ctor = workInProgress.type;
-          var _instance = workInProgress.stateNode;
-          if (
-            (workInProgress.effectTag & DidCapture) === NoEffect &&
-            ((typeof ctor.getDerivedStateFromCatch === "function" &&
-              enableGetDerivedStateFromCatch) ||
-              (_instance !== null &&
-                typeof _instance.componentDidCatch === "function" &&
-                !isAlreadyFailedLegacyErrorBoundary(_instance)))
-          ) {
-            ensureUpdateQueues(workInProgress);
-            var _updateQueue = workInProgress.updateQueue;
-            var capturedValues = _updateQueue.capturedValues;
-            if (capturedValues === null) {
-              _updateQueue.capturedValues = [value];
-            } else {
-              capturedValues.push(value);
-            }
-            workInProgress.effectTag |= ShouldCapture;
-            return;
-          }
-          break;
-        default:
-          break;
-      }
-      workInProgress = workInProgress["return"];
-    } while (workInProgress !== null);
-  }
-
-  function unwindWork(workInProgress) {
-    switch (workInProgress.tag) {
-      case ClassComponent: {
-        popContextProvider(workInProgress);
-        var effectTag = workInProgress.effectTag;
-        if (effectTag & ShouldCapture) {
-          workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;
-          return workInProgress;
-        }
-        return null;
-      }
-      case HostRoot: {
-        popHostContainer(workInProgress);
-        popTopLevelContextObject(workInProgress);
-        var _effectTag = workInProgress.effectTag;
-        if (_effectTag & ShouldCapture) {
-          workInProgress.effectTag = (_effectTag & ~ShouldCapture) | DidCapture;
-          return workInProgress;
-        }
-        return null;
-      }
-      case HostComponent: {
-        popHostContext(workInProgress);
-        return null;
-      }
-      case HostPortal:
-        popHostContainer(workInProgress);
-        return null;
-      case ContextProvider:
-        popProvider(workInProgress);
-        return null;
-      default:
-        return null;
-    }
-  }
-  return {
-    throwException: throwException,
-    unwindWork: unwindWork
-  };
-};
-
-// This module is forked in different environments.
-// By default, return `true` to log errors to the console.
-// Forks can return `false` if this isn't desirable.
-function showErrorDialog(capturedError) {
-  return true;
-}
-
-function logCapturedError(capturedError) {
-  var logError = showErrorDialog(capturedError);
-
-  // Allow injected showErrorDialog() to prevent default console.error logging.
-  // This enables renderers like ReactNative to better manage redbox behavior.
-  if (logError === false) {
-    return;
-  }
-
-  var error = capturedError.error;
-  var suppressLogging = error && error.suppressReactErrorLogging;
-  if (suppressLogging) {
-    return;
-  }
-
-  {
-    var componentName = capturedError.componentName,
-      componentStack = capturedError.componentStack,
-      errorBoundaryName = capturedError.errorBoundaryName,
-      errorBoundaryFound = capturedError.errorBoundaryFound,
-      willRetry = capturedError.willRetry;
-
-    var componentNameMessage = componentName
-      ? "The above error occurred in the <" + componentName + "> component:"
-      : "The above error occurred in one of your React components:";
-
-    var errorBoundaryMessage = void 0;
-    // 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 " +
-          ("using the error boundary you provided, " + errorBoundaryName + ".");
-      } else {
-        errorBoundaryMessage =
-          "This error was initially handled by the error boundary " +
-          errorBoundaryName +
-          ".\n" +
-          "Recreating the tree from scratch failed so React will unmount the tree.";
-      }
-    } else {
-      errorBoundaryMessage =
-        "Consider adding an error boundary to your tree to customize error handling behavior.\n" +
-        "Visit https://fb.me/react-error-boundaries to learn more about error boundaries.";
-    }
-    var combinedMessage =
-      "" +
-      componentNameMessage +
-      componentStack +
-      "\n\n" +
-      ("" + errorBoundaryMessage);
-
-    // In development, we provide our own message with just the component stack.
-    // We don't include the original error message and JS stack because the browser
-    // has already printed it. Even if the application swallows the error, it is still
-    // displayed by the browser thanks to the DEV-only fake event trick in ReactErrorUtils.
-    console.error(combinedMessage);
-  }
-}
-
-var invokeGuardedCallback$3 = ReactErrorUtils.invokeGuardedCallback;
-var hasCaughtError$1 = ReactErrorUtils.hasCaughtError;
-var clearCaughtError$1 = ReactErrorUtils.clearCaughtError;
-
-function logError(boundary, errorInfo) {
-  var source = errorInfo.source;
-  var stack = errorInfo.stack;
-  if (stack === null) {
-    stack = getStackAddendumByWorkInProgressFiber(source);
-  }
-
-  var capturedError = {
-    componentName: source !== null ? getComponentName(source) : null,
-    error: errorInfo.value,
-    errorBoundary: boundary,
-    componentStack: stack !== null ? stack : "",
-    errorBoundaryName: null,
-    errorBoundaryFound: false,
-    willRetry: false
-  };
-
-  if (boundary !== null) {
-    capturedError.errorBoundaryName = getComponentName(boundary);
-    capturedError.errorBoundaryFound = capturedError.willRetry =
-      boundary.tag === ClassComponent;
-  } else {
-    capturedError.errorBoundaryName = null;
-    capturedError.errorBoundaryFound = capturedError.willRetry = false;
-  }
-
-  try {
-    logCapturedError(capturedError);
-  } catch (e) {
-    // Prevent cycle if logCapturedError() throws.
-    // A cycle may still occur if logCapturedError renders a component that throws.
-    var suppressLogging = e && e.suppressReactErrorLogging;
-    if (!suppressLogging) {
-      console.error(e);
-    }
-  }
-}
-
-var ReactFiberCommitWork = function(
-  config,
-  captureError,
-  scheduleWork,
-  computeExpirationForFiber,
-  markLegacyErrorBoundaryAsFailed,
-  recalculateCurrentTime
-) {
-  var getPublicInstance = config.getPublicInstance,
-    mutation = config.mutation,
-    persistence = config.persistence;
-
-  var callComponentWillUnmountWithTimer = function(current, instance) {
-    startPhaseTimer(current, "componentWillUnmount");
-    instance.props = current.memoizedProps;
-    instance.state = current.memoizedState;
-    instance.componentWillUnmount();
-    stopPhaseTimer();
-  };
-
-  // Capture errors so they don't interrupt unmounting.
-  function safelyCallComponentWillUnmount(current, instance) {
-    {
-      invokeGuardedCallback$3(
-        null,
-        callComponentWillUnmountWithTimer,
-        null,
-        current,
-        instance
-      );
-      if (hasCaughtError$1()) {
-        var unmountError = clearCaughtError$1();
-        captureError(current, unmountError);
-      }
-    }
-  }
-
-  function safelyDetachRef(current) {
-    var ref = current.ref;
-    if (ref !== null) {
-      if (typeof ref === "function") {
-        {
-          invokeGuardedCallback$3(null, ref, null, null);
-          if (hasCaughtError$1()) {
-            var refError = clearCaughtError$1();
-            captureError(current, refError);
-          }
-        }
-      } else {
-        ref.value = null;
-      }
-    }
-  }
-
-  function commitLifeCycles(
-    finishedRoot,
-    current,
-    finishedWork,
-    currentTime,
-    committedExpirationTime
-  ) {
-    switch (finishedWork.tag) {
-      case ClassComponent: {
-        var _instance = finishedWork.stateNode;
-        if (finishedWork.effectTag & Update) {
-          if (current === null) {
-            startPhaseTimer(finishedWork, "componentDidMount");
-            _instance.props = finishedWork.memoizedProps;
-            _instance.state = finishedWork.memoizedState;
-            _instance.componentDidMount();
-            stopPhaseTimer();
-          } else {
-            var prevProps = current.memoizedProps;
-            var prevState = current.memoizedState;
-            startPhaseTimer(finishedWork, "componentDidUpdate");
-            _instance.props = finishedWork.memoizedProps;
-            _instance.state = finishedWork.memoizedState;
-            _instance.componentDidUpdate(prevProps, prevState);
-            stopPhaseTimer();
-          }
-        }
-        var updateQueue = finishedWork.updateQueue;
-        if (updateQueue !== null) {
-          commitCallbacks(updateQueue, _instance);
-        }
-        return;
-      }
-      case HostRoot: {
-        var _updateQueue = finishedWork.updateQueue;
-        if (_updateQueue !== null) {
-          var _instance2 = null;
-          if (finishedWork.child !== null) {
-            switch (finishedWork.child.tag) {
-              case HostComponent:
-                _instance2 = getPublicInstance(finishedWork.child.stateNode);
-                break;
-              case ClassComponent:
-                _instance2 = finishedWork.child.stateNode;
-                break;
-            }
-          }
-          commitCallbacks(_updateQueue, _instance2);
-        }
-        return;
-      }
-      case HostComponent: {
-        var _instance3 = 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) {
-          var type = finishedWork.type;
-          var props = finishedWork.memoizedProps;
-          commitMount(_instance3, type, props, finishedWork);
-        }
-
-        return;
-      }
-      case HostText: {
-        // We have no life-cycles associated with text.
-        return;
-      }
-      case HostPortal: {
-        // We have no life-cycles associated with portals.
-        return;
-      }
-      default: {
-        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."
-        );
-      }
-    }
-  }
-
-  function commitErrorLogging(finishedWork, onUncaughtError) {
-    switch (finishedWork.tag) {
-      case ClassComponent:
-        {
-          var ctor = finishedWork.type;
-          var _instance4 = finishedWork.stateNode;
-          var updateQueue = finishedWork.updateQueue;
-          invariant(
-            updateQueue !== null && updateQueue.capturedValues !== null,
-            "An error logging effect should not have been scheduled if no errors " +
-              "were captured. This error is likely caused by a bug in React. " +
-              "Please file an issue."
-          );
-          var capturedErrors = updateQueue.capturedValues;
-          updateQueue.capturedValues = null;
-
-          if (typeof ctor.getDerivedStateFromCatch !== "function") {
-            // To preserve the preexisting retry behavior of error boundaries,
-            // we keep track of which ones already failed during this batch.
-            // This gets reset before we yield back to the browser.
-            // TODO: Warn in strict mode if getDerivedStateFromCatch is
-            // not defined.
-            markLegacyErrorBoundaryAsFailed(_instance4);
-          }
-
-          _instance4.props = finishedWork.memoizedProps;
-          _instance4.state = finishedWork.memoizedState;
-          for (var i = 0; i < capturedErrors.length; i++) {
-            var errorInfo = capturedErrors[i];
-            var _error = errorInfo.value;
-            logError(finishedWork, errorInfo);
-            _instance4.componentDidCatch(_error);
-          }
-        }
-        break;
-      case HostRoot: {
-        var _updateQueue2 = finishedWork.updateQueue;
-        invariant(
-          _updateQueue2 !== null && _updateQueue2.capturedValues !== null,
-          "An error logging effect should not have been scheduled if no errors " +
-            "were captured. This error is likely caused by a bug in React. " +
-            "Please file an issue."
-        );
-        var _capturedErrors = _updateQueue2.capturedValues;
-        _updateQueue2.capturedValues = null;
-        for (var _i = 0; _i < _capturedErrors.length; _i++) {
-          var _errorInfo = _capturedErrors[_i];
-          logError(finishedWork, _errorInfo);
-          onUncaughtError(_errorInfo.value);
-        }
-        break;
-      }
-      default:
-        invariant(
-          false,
-          "This unit of work tag cannot capture errors.  This error is " +
-            "likely caused by a bug in React. Please file an issue."
-        );
-    }
-  }
-
-  function commitAttachRef(finishedWork) {
-    var ref = finishedWork.ref;
-    if (ref !== null) {
-      var _instance5 = finishedWork.stateNode;
-      var instanceToUse = void 0;
-      switch (finishedWork.tag) {
-        case HostComponent:
-          instanceToUse = getPublicInstance(_instance5);
-          break;
-        default:
-          instanceToUse = _instance5;
-      }
-      if (typeof ref === "function") {
-        ref(instanceToUse);
-      } else {
-        ref.value = instanceToUse;
-      }
-    }
-  }
-
-  function commitDetachRef(current) {
-    var currentRef = current.ref;
-    if (currentRef !== null) {
-      if (typeof currentRef === "function") {
-        currentRef(null);
-      } else {
-        currentRef.value = null;
-      }
-    }
-  }
-
-  // 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) {
-    if (typeof onCommitUnmount === "function") {
-      onCommitUnmount(current);
-    }
-
-    switch (current.tag) {
-      case ClassComponent: {
-        safelyDetachRef(current);
-        var _instance6 = current.stateNode;
-        if (typeof _instance6.componentWillUnmount === "function") {
-          safelyCallComponentWillUnmount(current, _instance6);
-        }
-        return;
-      }
-      case HostComponent: {
-        safelyDetachRef(current);
-        return;
-      }
-      case CallComponent: {
-        commitNestedUnmounts(current.stateNode);
-        return;
-      }
-      case HostPortal: {
-        // TODO: this is recursive.
-        // We are also not using this parent because
-        // the portal will get pushed immediately.
-        if (enableMutatingReconciler && mutation) {
-          unmountHostComponents(current);
-        } else if (enablePersistentReconciler && persistence) {
-          emptyPortalContainer(current);
-        }
-        return;
-      }
-    }
-  }
-
-  function commitNestedUnmounts(root) {
-    // 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
-    var node = root;
-    while (true) {
-      commitUnmount(node);
-      // Visit children because they may contain more composite or host nodes.
-      // Skip portals because commitUnmount() currently visits them recursively.
-      if (
-        node.child !== null &&
-        // If we use mutation we drill down into portals using commitUnmount above.
-        // If we don't use mutation we drill down into portals here instead.
-        (!mutation || node.tag !== HostPortal)
-      ) {
-        node.child["return"] = node;
-        node = node.child;
-        continue;
-      }
-      if (node === root) {
-        return;
-      }
-      while (node.sibling === null) {
-        if (node["return"] === null || node["return"] === root) {
-          return;
-        }
-        node = node["return"];
-      }
-      node.sibling["return"] = node["return"];
-      node = node.sibling;
-    }
-  }
-
-  function detachFiber(current) {
-    // Cut off the return pointers to disconnect it from the tree. Ideally, we
-    // should clear the child pointer of the parent alternate to let this
-    // get GC:ed but we don't know which for sure which parent is the current
-    // one so we'll settle for GC:ing the subtree of this child. This child
-    // itself will be GC:ed when the parent updates the next time.
-    current["return"] = null;
-    current.child = null;
-    if (current.alternate) {
-      current.alternate.child = null;
-      current.alternate["return"] = null;
-    }
-  }
-
-  var emptyPortalContainer = void 0;
-
-  if (!mutation) {
-    var commitContainer = void 0;
-    if (persistence) {
-      var replaceContainerChildren = persistence.replaceContainerChildren,
-        createContainerChildSet = persistence.createContainerChildSet;
-
-      emptyPortalContainer = function(current) {
-        var portal = current.stateNode;
-        var containerInfo = portal.containerInfo;
-
-        var emptyChildSet = createContainerChildSet(containerInfo);
-        replaceContainerChildren(containerInfo, emptyChildSet);
-      };
-      commitContainer = function(finishedWork) {
-        switch (finishedWork.tag) {
-          case ClassComponent: {
-            return;
-          }
-          case HostComponent: {
-            return;
-          }
-          case HostText: {
-            return;
-          }
-          case HostRoot:
-          case HostPortal: {
-            var portalOrRoot = finishedWork.stateNode;
-            var containerInfo = portalOrRoot.containerInfo,
-              _pendingChildren = portalOrRoot.pendingChildren;
-
-            replaceContainerChildren(containerInfo, _pendingChildren);
-            return;
-          }
-          default: {
-            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."
-            );
-          }
-        }
-      };
-    } else {
-      commitContainer = function(finishedWork) {
-        // Noop
-      };
-    }
-    if (enablePersistentReconciler || enableNoopReconciler) {
-      return {
-        commitResetTextContent: function(finishedWork) {},
-        commitPlacement: function(finishedWork) {},
-        commitDeletion: function(current) {
-          // Detach refs and call componentWillUnmount() on the whole subtree.
-          commitNestedUnmounts(current);
-          detachFiber(current);
-        },
-        commitWork: function(current, finishedWork) {
-          commitContainer(finishedWork);
-        },
-
-        commitLifeCycles: commitLifeCycles,
-        commitErrorLogging: commitErrorLogging,
-        commitAttachRef: commitAttachRef,
-        commitDetachRef: commitDetachRef
-      };
-    } else if (persistence) {
-      invariant(false, "Persistent reconciler is disabled.");
-    } else {
-      invariant(false, "Noop reconciler is disabled.");
-    }
-  }
-  var commitMount = mutation.commitMount,
-    commitUpdate = mutation.commitUpdate,
-    resetTextContent = mutation.resetTextContent,
-    commitTextUpdate = mutation.commitTextUpdate,
-    appendChild = mutation.appendChild,
-    appendChildToContainer = mutation.appendChildToContainer,
-    insertBefore = mutation.insertBefore,
-    insertInContainerBefore = mutation.insertInContainerBefore,
-    removeChild = mutation.removeChild,
-    removeChildFromContainer = mutation.removeChildFromContainer;
-
-  function getHostParentFiber(fiber) {
-    var parent = fiber["return"];
-    while (parent !== null) {
-      if (isHostParent(parent)) {
-        return parent;
-      }
-      parent = parent["return"];
-    }
-    invariant(
-      false,
-      "Expected to find a host parent. This error is likely caused by a bug " +
-        "in React. Please file an issue."
-    );
-  }
-
-  function isHostParent(fiber) {
-    return (
-      fiber.tag === HostComponent ||
-      fiber.tag === HostRoot ||
-      fiber.tag === HostPortal
-    );
-  }
-
-  function getHostSibling(fiber) {
-    // 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.
-    var node = fiber;
-    siblings: while (true) {
-      // If we didn't find anything, let's try the next sibling.
-      while (node.sibling === null) {
-        if (node["return"] === null || isHostParent(node["return"])) {
-          // If we pop out of the root or hit the parent the fiber we are the
-          // last sibling.
-          return null;
-        }
-        node = node["return"];
-      }
-      node.sibling["return"] = node["return"];
-      node = node.sibling;
-      while (node.tag !== HostComponent && node.tag !== HostText) {
-        // If it is not host node and, we might have a host node inside it.
-        // Try to search down until we find one.
-        if (node.effectTag & Placement) {
-          // If we don't have a child, try the siblings instead.
-          continue siblings;
-        }
-        // If we don't have a child, try the siblings instead.
-        // We also skip portals because they are not part of this host tree.
-        if (node.child === null || node.tag === HostPortal) {
-          continue siblings;
-        } else {
-          node.child["return"] = node;
-          node = node.child;
-        }
-      }
-      // Check if this host node is stable or about to be placed.
-      if (!(node.effectTag & Placement)) {
-        // Found it!
-        return node.stateNode;
-      }
-    }
-  }
-
-  function commitPlacement(finishedWork) {
-    // Recursively insert all host nodes into the parent.
-    var parentFiber = getHostParentFiber(finishedWork);
-    var parent = void 0;
-    var isContainer = void 0;
-    switch (parentFiber.tag) {
-      case HostComponent:
-        parent = parentFiber.stateNode;
-        isContainer = false;
-        break;
-      case HostRoot:
-        parent = parentFiber.stateNode.containerInfo;
-        isContainer = true;
-        break;
-      case HostPortal:
-        parent = parentFiber.stateNode.containerInfo;
-        isContainer = true;
-        break;
-      default:
-        invariant(
-          false,
-          "Invalid host parent fiber. This error is likely caused by a bug " +
-            "in React. Please file an issue."
-        );
-    }
-    if (parentFiber.effectTag & ContentReset) {
-      // Reset the text content of the parent before doing any insertions
-      resetTextContent(parent);
-      // Clear ContentReset from the effect tag
-      parentFiber.effectTag &= ~ContentReset;
-    }
-
-    var 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.
-    var node = finishedWork;
-    while (true) {
-      if (node.tag === HostComponent || node.tag === HostText) {
-        if (before) {
-          if (isContainer) {
-            insertInContainerBefore(parent, node.stateNode, before);
-          } else {
-            insertBefore(parent, node.stateNode, before);
-          }
-        } else {
-          if (isContainer) {
-            appendChildToContainer(parent, node.stateNode);
-          } else {
-            appendChild(parent, node.stateNode);
-          }
-        }
-      } else if (node.tag === HostPortal) {
-        // If the insertion itself is a portal, then we don't want to traverse
-        // down its children. Instead, we'll get insertions from each child in
-        // the portal directly.
-      } else if (node.child !== null) {
-        node.child["return"] = node;
-        node = node.child;
-        continue;
-      }
-      if (node === finishedWork) {
-        return;
-      }
-      while (node.sibling === null) {
-        if (node["return"] === null || node["return"] === finishedWork) {
-          return;
-        }
-        node = node["return"];
-      }
-      node.sibling["return"] = node["return"];
-      node = node.sibling;
-    }
-  }
-
-  function unmountHostComponents(current) {
-    // We only have the top Fiber that was inserted but we need recurse down its
-    var node = current;
-
-    // Each iteration, currentParent is populated with node's host parent if not
-    // currentParentIsValid.
-    var currentParentIsValid = false;
-    var currentParent = void 0;
-    var currentParentIsContainer = void 0;
-
-    while (true) {
-      if (!currentParentIsValid) {
-        var parent = node["return"];
-        findParent: while (true) {
-          invariant(
-            parent !== null,
-            "Expected to find a host parent. This error is likely caused by " +
-              "a bug in React. Please file an issue."
-          );
-          switch (parent.tag) {
-            case HostComponent:
-              currentParent = parent.stateNode;
-              currentParentIsContainer = false;
-              break findParent;
-            case HostRoot:
-              currentParent = parent.stateNode.containerInfo;
-              currentParentIsContainer = true;
-              break findParent;
-            case HostPortal:
-              currentParent = parent.stateNode.containerInfo;
-              currentParentIsContainer = true;
-              break findParent;
-          }
-          parent = parent["return"];
-        }
-        currentParentIsValid = true;
-      }
-
-      if (node.tag === HostComponent || node.tag === HostText) {
-        commitNestedUnmounts(node);
-        // After all the children have unmounted, it is now safe to remove the
-        // node from the tree.
-        if (currentParentIsContainer) {
-          removeChildFromContainer(currentParent, node.stateNode);
-        } else {
-          removeChild(currentParent, node.stateNode);
-        }
-        // Don't visit children because we already visited them.
-      } else if (node.tag === HostPortal) {
-        // When we go into a portal, it becomes the parent to remove from.
-        // We will reassign it back when we pop the portal on the way up.
-        currentParent = node.stateNode.containerInfo;
-        // Visit children because portals might contain host components.
-        if (node.child !== null) {
-          node.child["return"] = node;
-          node = node.child;
-          continue;
-        }
-      } else {
-        commitUnmount(node);
-        // Visit children because we may find more host components below.
-        if (node.child !== null) {
-          node.child["return"] = node;
-          node = node.child;
-          continue;
-        }
-      }
-      if (node === current) {
-        return;
-      }
-      while (node.sibling === null) {
-        if (node["return"] === null || node["return"] === current) {
-          return;
-        }
-        node = node["return"];
-        if (node.tag === HostPortal) {
-          // When we go out of the portal, we need to restore the parent.
-          // Since we don't keep a stack of them, we will search for it.
-          currentParentIsValid = false;
-        }
-      }
-      node.sibling["return"] = node["return"];
-      node = node.sibling;
-    }
-  }
-
-  function commitDeletion(current) {
-    // Recursively delete all host nodes from the parent.
-    // Detach refs and call componentWillUnmount() on the whole subtree.
-    unmountHostComponents(current);
-    detachFiber(current);
-  }
-
-  function commitWork(current, finishedWork) {
-    switch (finishedWork.tag) {
-      case ClassComponent: {
-        return;
-      }
-      case HostComponent: {
-        var _instance7 = finishedWork.stateNode;
-        if (_instance7 != null) {
-          // Commit the work prepared earlier.
-          var newProps = finishedWork.memoizedProps;
-          // For hydration we reuse the update path but we treat the oldProps
-          // as the newProps. The updatePayload will contain the real change in
-          // this case.
-          var oldProps = current !== null ? current.memoizedProps : newProps;
-          var type = finishedWork.type;
-          // TODO: Type the updateQueue to be specific to host components.
-          var updatePayload = finishedWork.updateQueue;
-          finishedWork.updateQueue = null;
-          if (updatePayload !== null) {
-            commitUpdate(
-              _instance7,
-              updatePayload,
-              type,
-              oldProps,
-              newProps,
-              finishedWork
-            );
-          }
-        }
-        return;
-      }
-      case HostText: {
-        invariant(
-          finishedWork.stateNode !== null,
-          "This should have a text node initialized. This error is likely " +
-            "caused by a bug in React. Please file an issue."
-        );
-        var textInstance = finishedWork.stateNode;
-        var newText = finishedWork.memoizedProps;
-        // For hydration we reuse the update path but we treat the oldProps
-        // as the newProps. The updatePayload will contain the real change in
-        // this case.
-        var oldText = current !== null ? current.memoizedProps : newText;
-        commitTextUpdate(textInstance, oldText, newText);
-        return;
-      }
-      case HostRoot: {
-        return;
-      }
-      default: {
-        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."
-        );
-      }
-    }
-  }
-
-  function commitResetTextContent(current) {
-    resetTextContent(current.stateNode);
-  }
-
-  if (enableMutatingReconciler) {
-    return {
-      commitResetTextContent: commitResetTextContent,
-      commitPlacement: commitPlacement,
-      commitDeletion: commitDeletion,
-      commitWork: commitWork,
-      commitLifeCycles: commitLifeCycles,
-      commitErrorLogging: commitErrorLogging,
-      commitAttachRef: commitAttachRef,
-      commitDetachRef: commitDetachRef
-    };
-  } else {
-    invariant(false, "Mutating reconciler is disabled.");
-  }
-};
-
-var NO_CONTEXT = {};
-
-var ReactFiberHostContext = function(config) {
-  var getChildHostContext = config.getChildHostContext,
-    getRootHostContext = config.getRootHostContext;
-
-  var contextStackCursor = createCursor(NO_CONTEXT);
-  var contextFiberStackCursor = createCursor(NO_CONTEXT);
-  var rootInstanceStackCursor = createCursor(NO_CONTEXT);
-
-  function requiredContext(c) {
-    invariant(
-      c !== NO_CONTEXT,
-      "Expected host context to exist. This error is likely caused by a bug " +
-        "in React. Please file an issue."
-    );
-    return c;
-  }
-
-  function getRootHostContainer() {
-    var rootInstance = requiredContext(rootInstanceStackCursor.current);
-    return rootInstance;
-  }
-
-  function pushHostContainer(fiber, nextRootInstance) {
-    // Push current root instance onto the stack;
-    // This allows us to reset root when portals are popped.
-    push(rootInstanceStackCursor, nextRootInstance, fiber);
-
-    var nextRootContext = getRootHostContext(nextRootInstance);
-
-    // Track the context and the Fiber that provided it.
-    // This enables us to pop only Fibers that provide unique contexts.
-    push(contextFiberStackCursor, fiber, fiber);
-    push(contextStackCursor, nextRootContext, fiber);
-  }
-
-  function popHostContainer(fiber) {
-    pop(contextStackCursor, fiber);
-    pop(contextFiberStackCursor, fiber);
-    pop(rootInstanceStackCursor, fiber);
-  }
-
-  function getHostContext() {
-    var context = requiredContext(contextStackCursor.current);
-    return context;
-  }
-
-  function pushHostContext(fiber) {
-    var rootInstance = requiredContext(rootInstanceStackCursor.current);
-    var context = requiredContext(contextStackCursor.current);
-    var nextContext = getChildHostContext(context, fiber.type, rootInstance);
-
-    // Don't push this Fiber's context unless it's unique.
-    if (context === nextContext) {
-      return;
-    }
-
-    // Track the context and the Fiber that provided it.
-    // This enables us to pop only Fibers that provide unique contexts.
-    push(contextFiberStackCursor, fiber, fiber);
-    push(contextStackCursor, nextContext, fiber);
-  }
-
-  function popHostContext(fiber) {
-    // Do not pop unless this Fiber provided the current context.
-    // pushHostContext() only pushes Fibers that provide unique contexts.
-    if (contextFiberStackCursor.current !== fiber) {
-      return;
-    }
-
-    pop(contextStackCursor, fiber);
-    pop(contextFiberStackCursor, fiber);
-  }
-
-  function resetHostContainer() {
-    contextStackCursor.current = NO_CONTEXT;
-    rootInstanceStackCursor.current = NO_CONTEXT;
-  }
-
-  return {
-    getHostContext: getHostContext,
-    getRootHostContainer: getRootHostContainer,
-    popHostContainer: popHostContainer,
-    popHostContext: popHostContext,
-    pushHostContainer: pushHostContainer,
-    pushHostContext: pushHostContext,
-    resetHostContainer: resetHostContainer
-  };
-};
-
-var ReactFiberHydrationContext = function(config) {
-  var shouldSetTextContent = config.shouldSetTextContent,
-    hydration = config.hydration;
-
-  // If this doesn't have hydration mode.
-
-  if (!hydration) {
-    return {
-      enterHydrationState: function() {
-        return false;
-      },
-      resetHydrationState: function() {},
-      tryToClaimNextHydratableInstance: function() {},
-      prepareToHydrateHostInstance: function() {
-        invariant(
-          false,
-          "Expected prepareToHydrateHostInstance() to never be called. " +
-            "This error is likely caused by a bug in React. Please file an issue."
-        );
-      },
-      prepareToHydrateHostTextInstance: function() {
-        invariant(
-          false,
-          "Expected prepareToHydrateHostTextInstance() to never be called. " +
-            "This error is likely caused by a bug in React. Please file an issue."
-        );
-      },
-      popHydrationState: function(fiber) {
-        return false;
-      }
-    };
-  }
-
-  var canHydrateInstance = hydration.canHydrateInstance,
-    canHydrateTextInstance = hydration.canHydrateTextInstance,
-    getNextHydratableSibling = hydration.getNextHydratableSibling,
-    getFirstHydratableChild = hydration.getFirstHydratableChild,
-    hydrateInstance = hydration.hydrateInstance,
-    hydrateTextInstance = hydration.hydrateTextInstance,
-    didNotMatchHydratedContainerTextInstance =
-      hydration.didNotMatchHydratedContainerTextInstance,
-    didNotMatchHydratedTextInstance = hydration.didNotMatchHydratedTextInstance,
-    didNotHydrateContainerInstance = hydration.didNotHydrateContainerInstance,
-    didNotHydrateInstance = hydration.didNotHydrateInstance,
-    didNotFindHydratableContainerInstance =
-      hydration.didNotFindHydratableContainerInstance,
-    didNotFindHydratableContainerTextInstance =
-      hydration.didNotFindHydratableContainerTextInstance,
-    didNotFindHydratableInstance = hydration.didNotFindHydratableInstance,
-    didNotFindHydratableTextInstance =
-      hydration.didNotFindHydratableTextInstance;
-
-  // The deepest Fiber on the stack involved in a hydration context.
-  // This may have been an insertion or a hydration.
-
-  var hydrationParentFiber = null;
-  var nextHydratableInstance = null;
-  var isHydrating = false;
-
-  function enterHydrationState(fiber) {
-    var parentInstance = fiber.stateNode.containerInfo;
-    nextHydratableInstance = getFirstHydratableChild(parentInstance);
-    hydrationParentFiber = fiber;
-    isHydrating = true;
-    return true;
-  }
-
-  function deleteHydratableInstance(returnFiber, instance) {
-    {
-      switch (returnFiber.tag) {
-        case HostRoot:
-          didNotHydrateContainerInstance(
-            returnFiber.stateNode.containerInfo,
-            instance
-          );
-          break;
-        case HostComponent:
-          didNotHydrateInstance(
-            returnFiber.type,
-            returnFiber.memoizedProps,
-            returnFiber.stateNode,
-            instance
-          );
-          break;
-      }
-    }
-
-    var childToDelete = createFiberFromHostInstanceForDeletion();
-    childToDelete.stateNode = instance;
-    childToDelete["return"] = returnFiber;
-    childToDelete.effectTag = Deletion;
-
-    // This might seem like it belongs on progressedFirstDeletion. However,
-    // these children are not part of the reconciliation list of children.
-    // Even if we abort and rereconcile the children, that will try to hydrate
-    // again and the nodes are still in the host tree so these will be
-    // recreated.
-    if (returnFiber.lastEffect !== null) {
-      returnFiber.lastEffect.nextEffect = childToDelete;
-      returnFiber.lastEffect = childToDelete;
-    } else {
-      returnFiber.firstEffect = returnFiber.lastEffect = childToDelete;
-    }
-  }
-
-  function insertNonHydratedInstance(returnFiber, fiber) {
-    fiber.effectTag |= Placement;
-    {
-      switch (returnFiber.tag) {
-        case HostRoot: {
-          var parentContainer = returnFiber.stateNode.containerInfo;
-          switch (fiber.tag) {
-            case HostComponent:
-              var type = fiber.type;
-              var props = fiber.pendingProps;
-              didNotFindHydratableContainerInstance(
-                parentContainer,
-                type,
-                props
-              );
-              break;
-            case HostText:
-              var text = fiber.pendingProps;
-              didNotFindHydratableContainerTextInstance(parentContainer, text);
-              break;
-          }
-          break;
-        }
-        case HostComponent: {
-          var parentType = returnFiber.type;
-          var parentProps = returnFiber.memoizedProps;
-          var parentInstance = returnFiber.stateNode;
-          switch (fiber.tag) {
-            case HostComponent:
-              var _type = fiber.type;
-              var _props = fiber.pendingProps;
-              didNotFindHydratableInstance(
-                parentType,
-                parentProps,
-                parentInstance,
-                _type,
-                _props
-              );
-              break;
-            case HostText:
-              var _text = fiber.pendingProps;
-              didNotFindHydratableTextInstance(
-                parentType,
-                parentProps,
-                parentInstance,
-                _text
-              );
-              break;
-          }
-          break;
-        }
-        default:
-          return;
-      }
-    }
-  }
-
-  function tryHydrate(fiber, nextInstance) {
-    switch (fiber.tag) {
-      case HostComponent: {
-        var type = fiber.type;
-        var props = fiber.pendingProps;
-        var instance = canHydrateInstance(nextInstance, type, props);
-        if (instance !== null) {
-          fiber.stateNode = instance;
-          return true;
-        }
-        return false;
-      }
-      case HostText: {
-        var text = fiber.pendingProps;
-        var textInstance = canHydrateTextInstance(nextInstance, text);
-        if (textInstance !== null) {
-          fiber.stateNode = textInstance;
-          return true;
-        }
-        return false;
-      }
-      default:
-        return false;
-    }
-  }
-
-  function tryToClaimNextHydratableInstance(fiber) {
-    if (!isHydrating) {
-      return;
-    }
-    var nextInstance = nextHydratableInstance;
-    if (!nextInstance) {
-      // Nothing to hydrate. Make it an insertion.
-      insertNonHydratedInstance(hydrationParentFiber, fiber);
-      isHydrating = false;
-      hydrationParentFiber = fiber;
-      return;
-    }
-    if (!tryHydrate(fiber, nextInstance)) {
-      // If we can't hydrate this instance let's try the next one.
-      // We use this as a heuristic. It's based on intuition and not data so it
-      // might be flawed or unnecessary.
-      nextInstance = getNextHydratableSibling(nextInstance);
-      if (!nextInstance || !tryHydrate(fiber, nextInstance)) {
-        // Nothing to hydrate. Make it an insertion.
-        insertNonHydratedInstance(hydrationParentFiber, fiber);
-        isHydrating = false;
-        hydrationParentFiber = fiber;
-        return;
-      }
-      // We matched the next one, we'll now assume that the first one was
-      // superfluous and we'll delete it. Since we can't eagerly delete it
-      // we'll have to schedule a deletion. To do that, this node needs a dummy
-      // fiber associated with it.
-      deleteHydratableInstance(hydrationParentFiber, nextHydratableInstance);
-    }
-    hydrationParentFiber = fiber;
-    nextHydratableInstance = getFirstHydratableChild(nextInstance);
-  }
-
-  function prepareToHydrateHostInstance(
-    fiber,
-    rootContainerInstance,
-    hostContext
-  ) {
-    var instance = fiber.stateNode;
-    var updatePayload = hydrateInstance(
-      instance,
-      fiber.type,
-      fiber.memoizedProps,
-      rootContainerInstance,
-      hostContext,
-      fiber
-    );
-    // TODO: Type this specific to this type of component.
-    fiber.updateQueue = updatePayload;
-    // 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 !== null) {
-      return true;
-    }
-    return false;
-  }
-
-  function prepareToHydrateHostTextInstance(fiber) {
-    var textInstance = fiber.stateNode;
-    var textContent = fiber.memoizedProps;
-    var shouldUpdate = hydrateTextInstance(textInstance, textContent, fiber);
-    {
-      if (shouldUpdate) {
-        // We assume that prepareToHydrateHostTextInstance is called in a context where the
-        // hydration parent is the parent host component of this host text.
-        var returnFiber = hydrationParentFiber;
-        if (returnFiber !== null) {
-          switch (returnFiber.tag) {
-            case HostRoot: {
-              var parentContainer = returnFiber.stateNode.containerInfo;
-              didNotMatchHydratedContainerTextInstance(
-                parentContainer,
-                textInstance,
-                textContent
-              );
-              break;
-            }
-            case HostComponent: {
-              var parentType = returnFiber.type;
-              var parentProps = returnFiber.memoizedProps;
-              var parentInstance = returnFiber.stateNode;
-              didNotMatchHydratedTextInstance(
-                parentType,
-                parentProps,
-                parentInstance,
-                textInstance,
-                textContent
-              );
-              break;
-            }
-          }
-        }
-      }
-    }
-    return shouldUpdate;
-  }
-
-  function popToNextHostParent(fiber) {
-    var parent = fiber["return"];
-    while (
-      parent !== null &&
-      parent.tag !== HostComponent &&
-      parent.tag !== HostRoot
-    ) {
-      parent = parent["return"];
-    }
-    hydrationParentFiber = parent;
-  }
-
-  function popHydrationState(fiber) {
-    if (fiber !== hydrationParentFiber) {
-      // We're deeper than the current hydration context, inside an inserted
-      // tree.
-      return false;
-    }
-    if (!isHydrating) {
-      // If we're not currently hydrating but we're in a hydration context, then
-      // we were an insertion and now need to pop up reenter hydration of our
-      // siblings.
-      popToNextHostParent(fiber);
-      isHydrating = true;
-      return false;
-    }
-
-    var type = fiber.type;
-
-    // If we have any remaining hydratable nodes, we need to delete them now.
-    // We only do this deeper than head and body since they tend to have random
-    // other nodes in them. We also ignore components with pure text content in
-    // side of them.
-    // TODO: Better heuristic.
-    if (
-      fiber.tag !== HostComponent ||
-      (type !== "head" &&
-        type !== "body" &&
-        !shouldSetTextContent(type, fiber.memoizedProps))
-    ) {
-      var nextInstance = nextHydratableInstance;
-      while (nextInstance) {
-        deleteHydratableInstance(fiber, nextInstance);
-        nextInstance = getNextHydratableSibling(nextInstance);
-      }
-    }
-
-    popToNextHostParent(fiber);
-    nextHydratableInstance = hydrationParentFiber
-      ? getNextHydratableSibling(fiber.stateNode)
-      : null;
-    return true;
-  }
-
-  function resetHydrationState() {
-    hydrationParentFiber = null;
-    nextHydratableInstance = null;
-    isHydrating = false;
-  }
-
-  return {
-    enterHydrationState: enterHydrationState,
-    resetHydrationState: resetHydrationState,
-    tryToClaimNextHydratableInstance: tryToClaimNextHydratableInstance,
-    prepareToHydrateHostInstance: prepareToHydrateHostInstance,
-    prepareToHydrateHostTextInstance: prepareToHydrateHostTextInstance,
-    popHydrationState: popHydrationState
-  };
-};
-
-// This lets us hook into Fiber to debug what it's doing.
-// See https://github.com/facebook/react/pull/8033.
-// This is not part of the public API, not even for React DevTools.
-// You may only inject a debugTool if you work on React Fiber itself.
-var ReactFiberInstrumentation = {
-  debugTool: null
-};
-
-var ReactFiberInstrumentation_1 = ReactFiberInstrumentation;
-
-var invokeGuardedCallback$2 = ReactErrorUtils.invokeGuardedCallback;
-var hasCaughtError = ReactErrorUtils.hasCaughtError;
-var clearCaughtError = ReactErrorUtils.clearCaughtError;
-
-var didWarnAboutStateTransition = void 0;
-var didWarnSetStateChildContext = void 0;
-var warnAboutUpdateOnUnmounted = void 0;
-var warnAboutInvalidUpdates = void 0;
-
-{
-  didWarnAboutStateTransition = false;
-  didWarnSetStateChildContext = false;
-  var didWarnStateUpdateForUnmountedComponent = {};
-
-  warnAboutUpdateOnUnmounted = function(fiber) {
-    var componentName = getComponentName(fiber) || "ReactClass";
-    if (didWarnStateUpdateForUnmountedComponent[componentName]) {
-      return;
-    }
-    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.",
-      componentName
-    );
-    didWarnStateUpdateForUnmountedComponent[componentName] = true;
-  };
-
-  warnAboutInvalidUpdates = function(instance) {
-    switch (ReactDebugCurrentFiber.phase) {
-      case "getChildContext":
-        if (didWarnSetStateChildContext) {
-          return;
-        }
-        warning(
-          false,
-          "setState(...): Cannot call setState() inside getChildContext()"
-        );
-        didWarnSetStateChildContext = true;
-        break;
-      case "render":
-        if (didWarnAboutStateTransition) {
-          return;
-        }
-        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`."
-        );
-        didWarnAboutStateTransition = true;
-        break;
-    }
-  };
-}
-
-var ReactFiberScheduler = function(config) {
-  var hostContext = ReactFiberHostContext(config);
-  var popHostContext = hostContext.popHostContext,
-    popHostContainer = hostContext.popHostContainer;
-
-  var hydrationContext = ReactFiberHydrationContext(config);
-  var resetHostContainer = hostContext.resetHostContainer;
-
-  var _ReactFiberBeginWork = ReactFiberBeginWork(
-      config,
-      hostContext,
-      hydrationContext,
-      scheduleWork,
-      computeExpirationForFiber
-    ),
-    beginWork = _ReactFiberBeginWork.beginWork;
-
-  var _ReactFiberCompleteWo = ReactFiberCompleteWork(
-      config,
-      hostContext,
-      hydrationContext
-    ),
-    completeWork = _ReactFiberCompleteWo.completeWork;
-
-  var _ReactFiberUnwindWork = ReactFiberUnwindWork(
-      hostContext,
-      scheduleWork,
-      isAlreadyFailedLegacyErrorBoundary
-    ),
-    throwException = _ReactFiberUnwindWork.throwException,
-    unwindWork = _ReactFiberUnwindWork.unwindWork;
-
-  var _ReactFiberCommitWork = ReactFiberCommitWork(
-      config,
-      onCommitPhaseError,
-      scheduleWork,
-      computeExpirationForFiber,
-      markLegacyErrorBoundaryAsFailed,
-      recalculateCurrentTime
-    ),
-    commitResetTextContent = _ReactFiberCommitWork.commitResetTextContent,
-    commitPlacement = _ReactFiberCommitWork.commitPlacement,
-    commitDeletion = _ReactFiberCommitWork.commitDeletion,
-    commitWork = _ReactFiberCommitWork.commitWork,
-    commitLifeCycles = _ReactFiberCommitWork.commitLifeCycles,
-    commitErrorLogging = _ReactFiberCommitWork.commitErrorLogging,
-    commitAttachRef = _ReactFiberCommitWork.commitAttachRef,
-    commitDetachRef = _ReactFiberCommitWork.commitDetachRef;
-
-  var now = config.now,
-    scheduleDeferredCallback = config.scheduleDeferredCallback,
-    cancelDeferredCallback = config.cancelDeferredCallback,
-    prepareForCommit = config.prepareForCommit,
-    resetAfterCommit = config.resetAfterCommit;
-
-  // Represents the current time in ms.
-
-  var originalStartTimeMs = now();
-  var mostRecentCurrentTime = msToExpirationTime(0);
-  var mostRecentCurrentTimeMs = originalStartTimeMs;
-
-  // Used to ensure computeUniqueAsyncExpiration is monotonically increases.
-  var lastUniqueAsyncExpiration = 0;
-
-  // Represents the expiration time that incoming updates should use. (If this
-  // is NoWork, use the default strategy: async updates in async mode, sync
-  // updates in sync mode.)
-  var expirationContext = NoWork;
-
-  var isWorking = false;
-
-  // The next work in progress fiber that we're currently working on.
-  var nextUnitOfWork = null;
-  var nextRoot = null;
-  // The time at which we're currently rendering work.
-  var nextRenderExpirationTime = NoWork;
-
-  // The next fiber with an effect that we're currently committing.
-  var nextEffect = null;
-
-  var isCommitting = false;
-
-  var isRootReadyForCommit = false;
-
-  var legacyErrorBoundariesThatAlreadyFailed = null;
-
-  // Used for performance tracking.
-  var interruptedBy = null;
-
-  var stashedWorkInProgressProperties = void 0;
-  var replayUnitOfWork = void 0;
-  if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
-    stashedWorkInProgressProperties = null;
-    replayUnitOfWork = function(failedUnitOfWork, isAsync) {
-      // Retore the original state of the work-in-progress
-      Object.assign(failedUnitOfWork, stashedWorkInProgressProperties);
-      switch (failedUnitOfWork.tag) {
-        case HostRoot:
-          popHostContainer(failedUnitOfWork);
-          popTopLevelContextObject(failedUnitOfWork);
-          break;
-        case HostComponent:
-          popHostContext(failedUnitOfWork);
-          break;
-        case ClassComponent:
-          popContextProvider(failedUnitOfWork);
-          break;
-        case HostPortal:
-          popHostContainer(failedUnitOfWork);
-          break;
-        case ContextProvider:
-          popProvider(failedUnitOfWork);
-          break;
-      }
-      // Replay the begin phase.
-      invokeGuardedCallback$2(null, workLoop, null, isAsync);
-      if (hasCaughtError()) {
-        clearCaughtError();
-      } else {
-        // This should be unreachable because the render phase is
-        // idempotent
-      }
-    };
-  }
-
-  function resetContextStack() {
-    // Reset the stack
-    reset();
-    // Reset the cursors
-    resetContext();
-    resetHostContainer();
-
-    // TODO: Unify new context implementation with other stacks
-    resetProviderStack();
-
-    {
-      ReactStrictModeWarnings.discardPendingWarnings();
-    }
-
-    nextRoot = null;
-    nextRenderExpirationTime = NoWork;
-    nextUnitOfWork = null;
-
-    isRootReadyForCommit = false;
-  }
-
-  function commitAllHostEffects() {
-    while (nextEffect !== null) {
-      {
-        ReactDebugCurrentFiber.setCurrentFiber(nextEffect);
-      }
-      recordEffect();
-
-      var effectTag = nextEffect.effectTag;
-      if (effectTag & ContentReset) {
-        commitResetTextContent(nextEffect);
-      }
-
-      if (effectTag & Ref) {
-        var current = nextEffect.alternate;
-        if (current !== null) {
-          commitDetachRef(current);
-        }
-      }
-
-      // The following switch statement is only concerned about placement,
-      // updates, and deletions. To avoid needing to add a case for every
-      // possible bitmap value, we remove the secondary effects from the
-      // effect tag and switch on that value.
-      var primaryEffectTag = effectTag & (Placement | Update | Deletion);
-      switch (primaryEffectTag) {
-        case Placement: {
-          commitPlacement(nextEffect);
-          // Clear the "placement" from effect tag so that we know that this is inserted, before
-          // any life-cycles like componentDidMount gets called.
-          // TODO: findDOMNode doesn't rely on this any more but isMounted
-          // does and isMounted is deprecated anyway so we should be able
-          // to kill this.
-          nextEffect.effectTag &= ~Placement;
-          break;
-        }
-        case PlacementAndUpdate: {
-          // Placement
-          commitPlacement(nextEffect);
-          // Clear the "placement" from effect tag so that we know that this is inserted, before
-          // any life-cycles like componentDidMount gets called.
-          nextEffect.effectTag &= ~Placement;
-
-          // Update
-          var _current = nextEffect.alternate;
-          commitWork(_current, nextEffect);
-          break;
-        }
-        case Update: {
-          var _current2 = nextEffect.alternate;
-          commitWork(_current2, nextEffect);
-          break;
-        }
-        case Deletion: {
-          commitDeletion(nextEffect);
-          break;
-        }
-      }
-      nextEffect = nextEffect.nextEffect;
-    }
-
-    {
-      ReactDebugCurrentFiber.resetCurrentFiber();
-    }
-  }
-
-  function commitAllLifeCycles(
-    finishedRoot,
-    currentTime,
-    committedExpirationTime
-  ) {
-    {
-      ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
-
-      if (warnAboutDeprecatedLifecycles) {
-        ReactStrictModeWarnings.flushPendingDeprecationWarnings();
-      }
-    }
-    while (nextEffect !== null) {
-      var effectTag = nextEffect.effectTag;
-
-      if (effectTag & (Update | Callback)) {
-        recordEffect();
-        var current = nextEffect.alternate;
-        commitLifeCycles(
-          finishedRoot,
-          current,
-          nextEffect,
-          currentTime,
-          committedExpirationTime
-        );
-      }
-
-      if (effectTag & ErrLog) {
-        commitErrorLogging(nextEffect, onUncaughtError);
-      }
-
-      if (effectTag & Ref) {
-        recordEffect();
-        commitAttachRef(nextEffect);
-      }
-
-      var next = nextEffect.nextEffect;
-      // Ensure that we clean these up so that we don't accidentally keep them.
-      // I'm not actually sure this matters because we can't reset firstEffect
-      // and lastEffect since they're on every node, not just the effectful
-      // ones. So we have to clean everything as we reuse nodes anyway.
-      nextEffect.nextEffect = null;
-      // Ensure that we reset the effectTag here so that we can rely on effect
-      // tags to reason about the current life-cycle.
-      nextEffect = next;
-    }
-  }
-
-  function isAlreadyFailedLegacyErrorBoundary(instance) {
-    return (
-      legacyErrorBoundariesThatAlreadyFailed !== null &&
-      legacyErrorBoundariesThatAlreadyFailed.has(instance)
-    );
-  }
-
-  function markLegacyErrorBoundaryAsFailed(instance) {
-    if (legacyErrorBoundariesThatAlreadyFailed === null) {
-      legacyErrorBoundariesThatAlreadyFailed = new Set([instance]);
-    } else {
-      legacyErrorBoundariesThatAlreadyFailed.add(instance);
-    }
-  }
-
-  function commitRoot(finishedWork) {
-    isWorking = true;
-    isCommitting = true;
-    startCommitTimer();
-
-    var root = finishedWork.stateNode;
-    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."
-    );
-    var committedExpirationTime = root.pendingCommitExpirationTime;
-    invariant(
-      committedExpirationTime !== NoWork,
-      "Cannot commit an incomplete root. This error is likely caused by a " +
-        "bug in React. Please file an issue."
-    );
-    root.pendingCommitExpirationTime = NoWork;
-
-    var currentTime = recalculateCurrentTime();
-
-    // Reset this to null before calling lifecycles
-    ReactCurrentOwner.current = null;
-
-    var firstEffect = void 0;
-    if (finishedWork.effectTag > PerformedWork) {
-      // A fiber's effect list consists only of its children, not itself. So if
-      // the root has an effect, we need to add it to the end of the list. The
-      // resulting list is the set that would belong to the root's parent, if
-      // it had one; that is, all the effects in the tree including the root.
-      if (finishedWork.lastEffect !== null) {
-        finishedWork.lastEffect.nextEffect = finishedWork;
-        firstEffect = finishedWork.firstEffect;
-      } else {
-        firstEffect = finishedWork;
-      }
-    } else {
-      // There is no effect on the root.
-      firstEffect = finishedWork.firstEffect;
-    }
-
-    prepareForCommit(root.containerInfo);
-
-    // Commit all the side-effects within a tree. We'll do this in two passes.
-    // The first pass performs all the host insertions, updates, deletions and
-    // ref unmounts.
-    nextEffect = firstEffect;
-    startCommitHostEffectsTimer();
-    while (nextEffect !== null) {
-      var didError = false;
-      var error = void 0;
-      {
-        invokeGuardedCallback$2(null, commitAllHostEffects, null);
-        if (hasCaughtError()) {
-          didError = true;
-          error = clearCaughtError();
-        }
-      }
-      if (didError) {
-        invariant(
-          nextEffect !== null,
-          "Should have next effect. This error is likely caused by a bug " +
-            "in React. Please file an issue."
-        );
-        onCommitPhaseError(nextEffect, error);
-        // Clean-up
-        if (nextEffect !== null) {
-          nextEffect = nextEffect.nextEffect;
-        }
-      }
-    }
-    stopCommitHostEffectsTimer();
-
-    resetAfterCommit(root.containerInfo);
-
-    // The work-in-progress tree is now the current tree. This must come after
-    // the first pass of the commit phase, so that the previous tree is still
-    // current during componentWillUnmount, but before the second pass, so that
-    // the finished work is current during componentDidMount/Update.
-    root.current = finishedWork;
-
-    // In the second pass we'll perform all life-cycles and ref callbacks.
-    // Life-cycles happen as a separate pass so that all placements, updates,
-    // and deletions in the entire tree have already been invoked.
-    // This pass also triggers any renderer-specific initial effects.
-    nextEffect = firstEffect;
-    startCommitLifeCyclesTimer();
-    while (nextEffect !== null) {
-      var _didError = false;
-      var _error = void 0;
-      {
-        invokeGuardedCallback$2(
-          null,
-          commitAllLifeCycles,
-          null,
-          root,
-          currentTime,
-          committedExpirationTime
-        );
-        if (hasCaughtError()) {
-          _didError = true;
-          _error = clearCaughtError();
-        }
-      }
-      if (_didError) {
-        invariant(
-          nextEffect !== null,
-          "Should have next effect. This error is likely caused by a bug " +
-            "in React. Please file an issue."
-        );
-        onCommitPhaseError(nextEffect, _error);
-        if (nextEffect !== null) {
-          nextEffect = nextEffect.nextEffect;
-        }
-      }
-    }
-
-    isCommitting = false;
-    isWorking = false;
-    stopCommitLifeCyclesTimer();
-    stopCommitTimer();
-    if (typeof onCommitRoot === "function") {
-      onCommitRoot(finishedWork.stateNode);
-    }
-    if (true && ReactFiberInstrumentation_1.debugTool) {
-      ReactFiberInstrumentation_1.debugTool.onCommitWork(finishedWork);
-    }
-
-    var remainingTime = root.current.expirationTime;
-    if (remainingTime === NoWork) {
-      // If there's no remaining work, we can clear the set of already failed
-      // error boundaries.
-      legacyErrorBoundariesThatAlreadyFailed = null;
-    }
-    return remainingTime;
-  }
-
-  function resetExpirationTime(workInProgress, renderTime) {
-    if (renderTime !== Never && workInProgress.expirationTime === Never) {
-      // The children of this component are hidden. Don't bubble their
-      // expiration times.
-      return;
-    }
-
-    // Check for pending updates.
-    var newExpirationTime = getUpdateExpirationTime(workInProgress);
-
-    // TODO: Calls need to visit stateNode
-
-    // Bubble up the earliest expiration time.
-    var child = workInProgress.child;
-    while (child !== null) {
-      if (
-        child.expirationTime !== NoWork &&
-        (newExpirationTime === NoWork ||
-          newExpirationTime > child.expirationTime)
-      ) {
-        newExpirationTime = child.expirationTime;
-      }
-      child = child.sibling;
-    }
-    workInProgress.expirationTime = newExpirationTime;
-  }
-
-  function completeUnitOfWork(workInProgress) {
-    // Attempt to complete the current unit of work, then move to the
-    // next sibling. If there are no more siblings, return to the
-    // parent fiber.
-    while (true) {
-      // 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
-      // progress.
-      var current = workInProgress.alternate;
-      {
-        ReactDebugCurrentFiber.setCurrentFiber(workInProgress);
-      }
-
-      var returnFiber = workInProgress["return"];
-      var siblingFiber = workInProgress.sibling;
-
-      if ((workInProgress.effectTag & Incomplete) === NoEffect) {
-        // This fiber completed.
-        var next = completeWork(
-          current,
-          workInProgress,
-          nextRenderExpirationTime
-        );
-        stopWorkTimer(workInProgress);
-        resetExpirationTime(workInProgress, nextRenderExpirationTime);
-        {
-          ReactDebugCurrentFiber.resetCurrentFiber();
-        }
-
-        if (next !== null) {
-          stopWorkTimer(workInProgress);
-          if (true && ReactFiberInstrumentation_1.debugTool) {
-            ReactFiberInstrumentation_1.debugTool.onCompleteWork(
-              workInProgress
-            );
-          }
-          // If completing this work spawned new work, do that next. We'll come
-          // back here again.
-          return next;
-        }
-
-        if (
-          returnFiber !== null &&
-          // Do not append effects to parents if a sibling failed to complete
-          (returnFiber.effectTag & Incomplete) === NoEffect
-        ) {
-          // Append all the effects of the subtree and this fiber onto the effect
-          // list of the parent. The completion order of the children affects the
-          // side-effect order.
-          if (returnFiber.firstEffect === null) {
-            returnFiber.firstEffect = workInProgress.firstEffect;
-          }
-          if (workInProgress.lastEffect !== null) {
-            if (returnFiber.lastEffect !== null) {
-              returnFiber.lastEffect.nextEffect = workInProgress.firstEffect;
-            }
-            returnFiber.lastEffect = workInProgress.lastEffect;
-          }
-
-          // If this fiber had side-effects, we append it AFTER the children's
-          // side-effects. We can perform certain side-effects earlier if
-          // needed, by doing multiple passes over the effect list. We don't want
-          // to schedule our own side-effect on our own list because if end up
-          // reusing children we'll schedule this effect onto itself since we're
-          // at the end.
-          var effectTag = workInProgress.effectTag;
-          // Skip both NoWork and PerformedWork tags when creating the effect list.
-          // PerformedWork effect is read by React DevTools but shouldn't be committed.
-          if (effectTag > PerformedWork) {
-            if (returnFiber.lastEffect !== null) {
-              returnFiber.lastEffect.nextEffect = workInProgress;
-            } else {
-              returnFiber.firstEffect = workInProgress;
-            }
-            returnFiber.lastEffect = workInProgress;
-          }
-        }
-
-        if (true && ReactFiberInstrumentation_1.debugTool) {
-          ReactFiberInstrumentation_1.debugTool.onCompleteWork(workInProgress);
-        }
-
-        if (siblingFiber !== null) {
-          // If there is more work to do in this returnFiber, do that next.
-          return siblingFiber;
-        } else if (returnFiber !== null) {
-          // If there's no more work in this returnFiber. Complete the returnFiber.
-          workInProgress = returnFiber;
-          continue;
-        } else {
-          // We've reached the root.
-          isRootReadyForCommit = true;
-          return null;
-        }
-      } else {
-        // This fiber did not complete because something threw. Pop values off
-        // the stack without entering the complete phase. If this is a boundary,
-        // capture values if possible.
-        var _next = unwindWork(workInProgress);
-        // Because this fiber did not complete, don't reset its expiration time.
-        if (workInProgress.effectTag & DidCapture) {
-          // Restarting an error boundary
-          stopFailedWorkTimer(workInProgress);
-        } else {
-          stopWorkTimer(workInProgress);
-        }
-
-        {
-          ReactDebugCurrentFiber.resetCurrentFiber();
-        }
-
-        if (_next !== null) {
-          stopWorkTimer(workInProgress);
-          if (true && ReactFiberInstrumentation_1.debugTool) {
-            ReactFiberInstrumentation_1.debugTool.onCompleteWork(
-              workInProgress
-            );
-          }
-          // If completing this work spawned new work, do that next. We'll come
-          // back here again.
-          // Since we're restarting, remove anything that is not a host effect
-          // from the effect tag.
-          _next.effectTag &= HostEffectMask;
-          return _next;
-        }
-
-        if (returnFiber !== null) {
-          // Mark the parent fiber as incomplete and clear its effect list.
-          returnFiber.firstEffect = returnFiber.lastEffect = null;
-          returnFiber.effectTag |= Incomplete;
-        }
-
-        if (true && ReactFiberInstrumentation_1.debugTool) {
-          ReactFiberInstrumentation_1.debugTool.onCompleteWork(workInProgress);
-        }
-
-        if (siblingFiber !== null) {
-          // If there is more work to do in this returnFiber, do that next.
-          return siblingFiber;
-        } else if (returnFiber !== null) {
-          // If there's no more work in this returnFiber. Complete the returnFiber.
-          workInProgress = returnFiber;
-          continue;
-        } else {
-          return null;
-        }
-      }
-    }
-
-    // Without this explicit null return Flow complains of invalid return type
-    // TODO Remove the above while(true) loop
-    // eslint-disable-next-line no-unreachable
-    return null;
-  }
-
-  function performUnitOfWork(workInProgress) {
-    // 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
-    // progress.
-    var current = workInProgress.alternate;
-
-    // See if beginning this work spawns more work.
-    startWorkTimer(workInProgress);
-    {
-      ReactDebugCurrentFiber.setCurrentFiber(workInProgress);
-    }
-
-    if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
-      stashedWorkInProgressProperties = Object.assign({}, workInProgress);
-    }
-    var next = beginWork(current, workInProgress, nextRenderExpirationTime);
-
-    {
-      ReactDebugCurrentFiber.resetCurrentFiber();
-    }
-    if (true && ReactFiberInstrumentation_1.debugTool) {
-      ReactFiberInstrumentation_1.debugTool.onBeginWork(workInProgress);
-    }
-
-    if (next === null) {
-      // If this doesn't spawn new work, complete the current work.
-      next = completeUnitOfWork(workInProgress);
-    }
-
-    ReactCurrentOwner.current = null;
-
-    return next;
-  }
-
-  function workLoop(isAsync) {
-    if (!isAsync) {
-      // Flush all expired work.
-      while (nextUnitOfWork !== null) {
-        nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
-      }
-    } else {
-      // Flush asynchronous work until the deadline runs out of time.
-      while (nextUnitOfWork !== null && !shouldYield()) {
-        nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
-      }
-    }
-  }
-
-  function renderRoot(root, expirationTime, isAsync) {
-    invariant(
-      !isWorking,
-      "renderRoot was called recursively. This error is likely caused " +
-        "by a bug in React. Please file an issue."
-    );
-    isWorking = true;
-
-    // Check if we're starting from a fresh stack, or if we're resuming from
-    // previously yielded work.
-    if (
-      expirationTime !== nextRenderExpirationTime ||
-      root !== nextRoot ||
-      nextUnitOfWork === null
-    ) {
-      // Reset the stack and start working from the root.
-      resetContextStack();
-      nextRoot = root;
-      nextRenderExpirationTime = expirationTime;
-      nextUnitOfWork = createWorkInProgress(
-        nextRoot.current,
-        null,
-        nextRenderExpirationTime
-      );
-      root.pendingCommitExpirationTime = NoWork;
-    }
-
-    var didFatal = false;
-
-    startWorkLoopTimer(nextUnitOfWork);
-
-    do {
-      try {
-        workLoop(isAsync);
-      } catch (thrownValue) {
-        if (nextUnitOfWork === null) {
-          // This is a fatal error.
-          didFatal = true;
-          onUncaughtError(thrownValue);
-          break;
-        }
-
-        if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
-          var failedUnitOfWork = nextUnitOfWork;
-          replayUnitOfWork(failedUnitOfWork, isAsync);
-        }
-
-        var sourceFiber = nextUnitOfWork;
-        var returnFiber = sourceFiber["return"];
-        if (returnFiber === null) {
-          // This is a fatal error.
-          didFatal = true;
-          onUncaughtError(thrownValue);
-          break;
-        }
-        throwException(returnFiber, sourceFiber, thrownValue);
-        nextUnitOfWork = completeUnitOfWork(sourceFiber);
-      }
-      break;
-    } while (true);
-
-    // We're done performing work. Time to clean up.
-    stopWorkLoopTimer(interruptedBy);
-    interruptedBy = null;
-    isWorking = false;
-
-    // Yield back to main thread.
-    if (didFatal) {
-      // There was a fatal error.
-      return null;
-    } else if (nextUnitOfWork === null) {
-      // We reached the root.
-      if (isRootReadyForCommit) {
-        // The root successfully completed. It's ready for commit.
-        root.pendingCommitExpirationTime = expirationTime;
-        var finishedWork = root.current.alternate;
-        return finishedWork;
-      } else {
-        // The root did not complete.
-        invariant(
-          false,
-          "Expired work should have completed. This error is likely caused " +
-            "by a bug in React. Please file an issue."
-        );
-      }
-    } else {
-      // There's more work to do, but we ran out of time. Yield back to
-      // the renderer.
-      return null;
-    }
-  }
-
-  function scheduleCapture(sourceFiber, boundaryFiber, value, expirationTime) {
-    // TODO: We only support dispatching errors.
-    var capturedValue = createCapturedValue(value, sourceFiber);
-    var update = {
-      expirationTime: expirationTime,
-      partialState: null,
-      callback: null,
-      isReplace: false,
-      isForced: false,
-      capturedValue: capturedValue,
-      next: null
-    };
-    insertUpdateIntoFiber(boundaryFiber, update);
-    scheduleWork(boundaryFiber, expirationTime);
-  }
-
-  function dispatch(sourceFiber, value, expirationTime) {
-    invariant(
-      !isWorking || isCommitting,
-      "dispatch: Cannot dispatch during the render phase."
-    );
-
-    // TODO: Handle arrays
-
-    var fiber = sourceFiber["return"];
-    while (fiber !== null) {
-      switch (fiber.tag) {
-        case ClassComponent:
-          var ctor = fiber.type;
-          var instance = fiber.stateNode;
-          if (
-            typeof ctor.getDerivedStateFromCatch === "function" ||
-            (typeof instance.componentDidCatch === "function" &&
-              !isAlreadyFailedLegacyErrorBoundary(instance))
-          ) {
-            scheduleCapture(sourceFiber, fiber, value, expirationTime);
-            return;
-          }
-          break;
-        // TODO: Handle async boundaries
-        case HostRoot:
-          scheduleCapture(sourceFiber, fiber, value, expirationTime);
-          return;
-      }
-      fiber = fiber["return"];
-    }
-
-    if (sourceFiber.tag === HostRoot) {
-      // Error was thrown at the root. There is no parent, so the root
-      // itself should capture it.
-      scheduleCapture(sourceFiber, sourceFiber, value, expirationTime);
-    }
-  }
-
-  function onCommitPhaseError(fiber, error) {
-    return dispatch(fiber, error, Sync);
-  }
-
-  function computeAsyncExpiration(currentTime) {
-    // Given the current clock time, returns an expiration time. We use rounding
-    // to batch like updates together.
-    // Should complete within ~1000ms. 1200ms max.
-    var expirationMs = 5000;
-    var bucketSizeMs = 250;
-    return computeExpirationBucket(currentTime, expirationMs, bucketSizeMs);
-  }
-
-  function computeInteractiveExpiration(currentTime) {
-    // Should complete within ~500ms. 600ms max.
-    var expirationMs = 500;
-    var bucketSizeMs = 100;
-    return computeExpirationBucket(currentTime, expirationMs, bucketSizeMs);
-  }
-
-  // Creates a unique async expiration time.
-  function computeUniqueAsyncExpiration() {
-    var currentTime = recalculateCurrentTime();
-    var result = computeAsyncExpiration(currentTime);
-    if (result <= lastUniqueAsyncExpiration) {
-      // Since we assume the current time monotonically increases, we only hit
-      // this branch when computeUniqueAsyncExpiration is fired multiple times
-      // within a 200ms window (or whatever the async bucket size is).
-      result = lastUniqueAsyncExpiration + 1;
-    }
-    lastUniqueAsyncExpiration = result;
-    return lastUniqueAsyncExpiration;
-  }
-
-  function computeExpirationForFiber(fiber) {
-    var expirationTime = void 0;
-    if (expirationContext !== NoWork) {
-      // An explicit expiration context was set;
-      expirationTime = expirationContext;
-    } else if (isWorking) {
-      if (isCommitting) {
-        // Updates that occur during the commit phase should have sync priority
-        // by default.
-        expirationTime = Sync;
-      } else {
-        // Updates during the render phase should expire at the same time as
-        // the work that is being rendered.
-        expirationTime = nextRenderExpirationTime;
-      }
-    } else {
-      // No explicit expiration context was set, and we're not currently
-      // performing work. Calculate a new expiration time.
-      if (fiber.mode & AsyncMode) {
-        if (isBatchingInteractiveUpdates) {
-          // This is an interactive update
-          var currentTime = recalculateCurrentTime();
-          expirationTime = computeInteractiveExpiration(currentTime);
-        } else {
-          // This is an async update
-          var _currentTime = recalculateCurrentTime();
-          expirationTime = computeAsyncExpiration(_currentTime);
-        }
-      } else {
-        // This is a sync update
-        expirationTime = Sync;
-      }
-    }
-    if (isBatchingInteractiveUpdates) {
-      // This is an interactive update. Keep track of the lowest pending
-      // interactive expiration time. This allows us to synchronously flush
-      // all interactive updates when needed.
-      if (
-        lowestPendingInteractiveExpirationTime === NoWork ||
-        expirationTime > lowestPendingInteractiveExpirationTime
-      ) {
-        lowestPendingInteractiveExpirationTime = expirationTime;
-      }
-    }
-    return expirationTime;
-  }
-
-  function scheduleWork(fiber, expirationTime) {
-    return scheduleWorkImpl(fiber, expirationTime, false);
-  }
-
-  function scheduleWorkImpl(fiber, expirationTime, isErrorRecovery) {
-    recordScheduleUpdate();
-
-    {
-      if (!isErrorRecovery && fiber.tag === ClassComponent) {
-        var instance = fiber.stateNode;
-        warnAboutInvalidUpdates(instance);
-      }
-    }
-
-    var node = fiber;
-    while (node !== null) {
-      // Walk the parent path to the root and update each node's
-      // expiration time.
-      if (
-        node.expirationTime === NoWork ||
-        node.expirationTime > expirationTime
-      ) {
-        node.expirationTime = expirationTime;
-      }
-      if (node.alternate !== null) {
-        if (
-          node.alternate.expirationTime === NoWork ||
-          node.alternate.expirationTime > expirationTime
-        ) {
-          node.alternate.expirationTime = expirationTime;
-        }
-      }
-      if (node["return"] === null) {
-        if (node.tag === HostRoot) {
-          var root = node.stateNode;
-          if (
-            !isWorking &&
-            nextRenderExpirationTime !== NoWork &&
-            expirationTime < nextRenderExpirationTime
-          ) {
-            // This is an interruption. (Used for performance tracking.)
-            interruptedBy = fiber;
-            resetContextStack();
-          }
-          if (nextRoot !== root || !isWorking) {
-            requestWork(root, expirationTime);
-          }
-          if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
-            invariant(
-              false,
-              "Maximum update depth exceeded. This can happen when a " +
-                "component repeatedly calls setState inside " +
-                "componentWillUpdate or componentDidUpdate. React limits " +
-                "the number of nested updates to prevent infinite loops."
-            );
-          }
-        } else {
-          {
-            if (!isErrorRecovery && fiber.tag === ClassComponent) {
-              warnAboutUpdateOnUnmounted(fiber);
-            }
-          }
-          return;
-        }
-      }
-      node = node["return"];
-    }
-  }
-
-  function recalculateCurrentTime() {
-    // Subtract initial time so it fits inside 32bits
-    mostRecentCurrentTimeMs = now() - originalStartTimeMs;
-    mostRecentCurrentTime = msToExpirationTime(mostRecentCurrentTimeMs);
-    return mostRecentCurrentTime;
-  }
-
-  function deferredUpdates(fn) {
-    var previousExpirationContext = expirationContext;
-    var currentTime = recalculateCurrentTime();
-    expirationContext = computeAsyncExpiration(currentTime);
-    try {
-      return fn();
-    } finally {
-      expirationContext = previousExpirationContext;
-    }
-  }
-  function syncUpdates(fn, a, b, c, d) {
-    var previousExpirationContext = expirationContext;
-    expirationContext = Sync;
-    try {
-      return fn(a, b, c, d);
-    } finally {
-      expirationContext = previousExpirationContext;
-    }
-  }
-
-  // TODO: Everything below this is written as if it has been lifted to the
-  // renderers. I'll do this in a follow-up.
-
-  // Linked-list of roots
-  var firstScheduledRoot = null;
-  var lastScheduledRoot = null;
-
-  var callbackExpirationTime = NoWork;
-  var callbackID = -1;
-  var isRendering = false;
-  var nextFlushedRoot = null;
-  var nextFlushedExpirationTime = NoWork;
-  var lowestPendingInteractiveExpirationTime = NoWork;
-  var deadlineDidExpire = false;
-  var hasUnhandledError = false;
-  var unhandledError = null;
-  var deadline = null;
-
-  var isBatchingUpdates = false;
-  var isUnbatchingUpdates = false;
-  var isBatchingInteractiveUpdates = false;
-
-  var completedBatches = null;
-
-  // Use these to prevent an infinite loop of nested updates
-  var NESTED_UPDATE_LIMIT = 1000;
-  var nestedUpdateCount = 0;
-
-  var timeHeuristicForUnitOfWork = 1;
-
-  function scheduleCallbackWithExpiration(expirationTime) {
-    if (callbackExpirationTime !== NoWork) {
-      // A callback is already scheduled. Check its expiration time (timeout).
-      if (expirationTime > callbackExpirationTime) {
-        // Existing callback has sufficient timeout. Exit.
-        return;
-      } else {
-        // Existing callback has insufficient timeout. Cancel and schedule a
-        // new one.
-        cancelDeferredCallback(callbackID);
-      }
-      // The request callback timer is already running. Don't start a new one.
-    } else {
-      startRequestCallbackTimer();
-    }
-
-    // Compute a timeout for the given expiration time.
-    var currentMs = now() - originalStartTimeMs;
-    var expirationMs = expirationTimeToMs(expirationTime);
-    var timeout = expirationMs - currentMs;
-
-    callbackExpirationTime = expirationTime;
-    callbackID = scheduleDeferredCallback(performAsyncWork, {
-      timeout: timeout
-    });
-  }
-
-  // requestWork is called by the scheduler whenever a root receives an update.
-  // It's up to the renderer to call renderRoot at some point in the future.
-  function requestWork(root, expirationTime) {
-    addRootToSchedule(root, expirationTime);
-
-    if (isRendering) {
-      // Prevent reentrancy. Remaining work will be scheduled at the end of
-      // the currently rendering batch.
-      return;
-    }
-
-    if (isBatchingUpdates) {
-      // Flush work at the end of the batch.
-      if (isUnbatchingUpdates) {
-        // ...unless we're inside unbatchedUpdates, in which case we should
-        // flush it now.
-        nextFlushedRoot = root;
-        nextFlushedExpirationTime = Sync;
-        performWorkOnRoot(root, Sync, false);
-      }
-      return;
-    }
-
-    // TODO: Get rid of Sync and use current time?
-    if (expirationTime === Sync) {
-      performSyncWork();
-    } else {
-      scheduleCallbackWithExpiration(expirationTime);
-    }
-  }
-
-  function addRootToSchedule(root, expirationTime) {
-    // Add the root to the schedule.
-    // Check if this root is already part of the schedule.
-    if (root.nextScheduledRoot === null) {
-      // This root is not already scheduled. Add it.
-      root.remainingExpirationTime = expirationTime;
-      if (lastScheduledRoot === null) {
-        firstScheduledRoot = lastScheduledRoot = root;
-        root.nextScheduledRoot = root;
-      } else {
-        lastScheduledRoot.nextScheduledRoot = root;
-        lastScheduledRoot = root;
-        lastScheduledRoot.nextScheduledRoot = firstScheduledRoot;
-      }
-    } else {
-      // This root is already scheduled, but its priority may have increased.
-      var remainingExpirationTime = root.remainingExpirationTime;
-      if (
-        remainingExpirationTime === NoWork ||
-        expirationTime < remainingExpirationTime
-      ) {
-        // Update the priority.
-        root.remainingExpirationTime = expirationTime;
-      }
-    }
-  }
-
-  function findHighestPriorityRoot() {
-    var highestPriorityWork = NoWork;
-    var highestPriorityRoot = null;
-    if (lastScheduledRoot !== null) {
-      var previousScheduledRoot = lastScheduledRoot;
-      var root = firstScheduledRoot;
-      while (root !== null) {
-        var remainingExpirationTime = root.remainingExpirationTime;
-        if (remainingExpirationTime === NoWork) {
-          // This root no longer has work. Remove it from the scheduler.
-
-          // TODO: This check is redudant, but Flow is confused by the branch
-          // below where we set lastScheduledRoot to null, even though we break
-          // from the loop right after.
-          invariant(
-            previousScheduledRoot !== null && lastScheduledRoot !== null,
-            "Should have a previous and last root. This error is likely " +
-              "caused by a bug in React. Please file an issue."
-          );
-          if (root === root.nextScheduledRoot) {
-            // This is the only root in the list.
-            root.nextScheduledRoot = null;
-            firstScheduledRoot = lastScheduledRoot = null;
-            break;
-          } else if (root === firstScheduledRoot) {
-            // This is the first root in the list.
-            var next = root.nextScheduledRoot;
-            firstScheduledRoot = next;
-            lastScheduledRoot.nextScheduledRoot = next;
-            root.nextScheduledRoot = null;
-          } else if (root === lastScheduledRoot) {
-            // This is the last root in the list.
-            lastScheduledRoot = previousScheduledRoot;
-            lastScheduledRoot.nextScheduledRoot = firstScheduledRoot;
-            root.nextScheduledRoot = null;
-            break;
-          } else {
-            previousScheduledRoot.nextScheduledRoot = root.nextScheduledRoot;
-            root.nextScheduledRoot = null;
-          }
-          root = previousScheduledRoot.nextScheduledRoot;
-        } else {
-          if (
-            highestPriorityWork === NoWork ||
-            remainingExpirationTime < highestPriorityWork
-          ) {
-            // Update the priority, if it's higher
-            highestPriorityWork = remainingExpirationTime;
-            highestPriorityRoot = root;
-          }
-          if (root === lastScheduledRoot) {
-            break;
-          }
-          previousScheduledRoot = root;
-          root = root.nextScheduledRoot;
-        }
-      }
-    }
-
-    // If the next root is the same as the previous root, this is a nested
-    // update. To prevent an infinite loop, increment the nested update count.
-    var previousFlushedRoot = nextFlushedRoot;
-    if (
-      previousFlushedRoot !== null &&
-      previousFlushedRoot === highestPriorityRoot &&
-      highestPriorityWork === Sync
-    ) {
-      nestedUpdateCount++;
-    } else {
-      // Reset whenever we switch roots.
-      nestedUpdateCount = 0;
-    }
-    nextFlushedRoot = highestPriorityRoot;
-    nextFlushedExpirationTime = highestPriorityWork;
-  }
-
-  function performAsyncWork(dl) {
-    performWork(NoWork, true, dl);
-  }
-
-  function performSyncWork() {
-    performWork(Sync, false, null);
-  }
-
-  function performWork(minExpirationTime, isAsync, dl) {
-    deadline = dl;
-
-    // Keep working on roots until there's no more work, or until the we reach
-    // the deadline.
-    findHighestPriorityRoot();
-
-    if (enableUserTimingAPI && deadline !== null) {
-      var didExpire = nextFlushedExpirationTime < recalculateCurrentTime();
-      stopRequestCallbackTimer(didExpire);
-    }
-
-    if (isAsync) {
-      while (
-        nextFlushedRoot !== null &&
-        nextFlushedExpirationTime !== NoWork &&
-        (minExpirationTime === NoWork ||
-          minExpirationTime >= nextFlushedExpirationTime) &&
-        (!deadlineDidExpire ||
-          recalculateCurrentTime() >= nextFlushedExpirationTime)
-      ) {
-        performWorkOnRoot(
-          nextFlushedRoot,
-          nextFlushedExpirationTime,
-          !deadlineDidExpire
-        );
-        findHighestPriorityRoot();
-      }
-    } else {
-      while (
-        nextFlushedRoot !== null &&
-        nextFlushedExpirationTime !== NoWork &&
-        (minExpirationTime === NoWork ||
-          minExpirationTime >= nextFlushedExpirationTime)
-      ) {
-        performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, false);
-        findHighestPriorityRoot();
-      }
-    }
-
-    // We're done flushing work. Either we ran out of time in this callback,
-    // or there's no more work left with sufficient priority.
-
-    // If we're inside a callback, set this to false since we just completed it.
-    if (deadline !== null) {
-      callbackExpirationTime = NoWork;
-      callbackID = -1;
-    }
-    // If there's work left over, schedule a new callback.
-    if (nextFlushedExpirationTime !== NoWork) {
-      scheduleCallbackWithExpiration(nextFlushedExpirationTime);
-    }
-
-    // Clean-up.
-    deadline = null;
-    deadlineDidExpire = false;
-
-    finishRendering();
-  }
-
-  function flushRoot(root, expirationTime) {
-    invariant(
-      !isRendering,
-      "work.commit(): Cannot commit while already rendering. This likely " +
-        "means you attempted to commit from inside a lifecycle method."
-    );
-    // Perform work on root as if the given expiration time is the current time.
-    // This has the effect of synchronously flushing all work up to and
-    // including the given time.
-    performWorkOnRoot(root, expirationTime, false);
-    finishRendering();
-  }
-
-  function finishRendering() {
-    nestedUpdateCount = 0;
-
-    if (completedBatches !== null) {
-      var batches = completedBatches;
-      completedBatches = null;
-      for (var i = 0; i < batches.length; i++) {
-        var batch = batches[i];
-        try {
-          batch._onComplete();
-        } catch (error) {
-          if (!hasUnhandledError) {
-            hasUnhandledError = true;
-            unhandledError = error;
-          }
-        }
-      }
-    }
-
-    if (hasUnhandledError) {
-      var error = unhandledError;
-      unhandledError = null;
-      hasUnhandledError = false;
-      throw error;
-    }
-  }
-
-  function performWorkOnRoot(root, expirationTime, isAsync) {
-    invariant(
-      !isRendering,
-      "performWorkOnRoot was called recursively. This error is likely caused " +
-        "by a bug in React. Please file an issue."
-    );
-
-    isRendering = true;
-
-    // Check if this is async work or sync/expired work.
-    if (!isAsync) {
-      // Flush sync work.
-      var finishedWork = root.finishedWork;
-      if (finishedWork !== null) {
-        // This root is already complete. We can commit it.
-        completeRoot(root, finishedWork, expirationTime);
-      } else {
-        root.finishedWork = null;
-        finishedWork = renderRoot(root, expirationTime, false);
-        if (finishedWork !== null) {
-          // We've completed the root. Commit it.
-          completeRoot(root, finishedWork, expirationTime);
-        }
-      }
-    } else {
-      // Flush async work.
-      var _finishedWork = root.finishedWork;
-      if (_finishedWork !== null) {
-        // This root is already complete. We can commit it.
-        completeRoot(root, _finishedWork, expirationTime);
-      } else {
-        root.finishedWork = null;
-        _finishedWork = renderRoot(root, expirationTime, true);
-        if (_finishedWork !== null) {
-          // We've completed the root. Check the deadline one more time
-          // before committing.
-          if (!shouldYield()) {
-            // Still time left. Commit the root.
-            completeRoot(root, _finishedWork, expirationTime);
-          } else {
-            // There's no time left. Mark this root as complete. We'll come
-            // back and commit it later.
-            root.finishedWork = _finishedWork;
-          }
-        }
-      }
-    }
-
-    isRendering = false;
-  }
-
-  function completeRoot(root, finishedWork, expirationTime) {
-    // Check if there's a batch that matches this expiration time.
-    var firstBatch = root.firstBatch;
-    if (firstBatch !== null && firstBatch._expirationTime <= expirationTime) {
-      if (completedBatches === null) {
-        completedBatches = [firstBatch];
-      } else {
-        completedBatches.push(firstBatch);
-      }
-      if (firstBatch._defer) {
-        // This root is blocked from committing by a batch. Unschedule it until
-        // we receive another update.
-        root.finishedWork = finishedWork;
-        root.remainingExpirationTime = NoWork;
-        return;
-      }
-    }
-
-    // Commit the root.
-    root.finishedWork = null;
-    root.remainingExpirationTime = commitRoot(finishedWork);
-  }
-
-  // When working on async work, the reconciler asks the renderer if it should
-  // yield execution. For DOM, we implement this with requestIdleCallback.
-  function shouldYield() {
-    if (deadline === null) {
-      return false;
-    }
-    if (deadline.timeRemaining() > timeHeuristicForUnitOfWork) {
-      // Disregard deadline.didTimeout. Only expired work should be flushed
-      // during a timeout. This path is only hit for non-expired work.
-      return false;
-    }
-    deadlineDidExpire = true;
-    return true;
-  }
-
-  function onUncaughtError(error) {
-    invariant(
-      nextFlushedRoot !== null,
-      "Should be working on a root. This error is likely caused by a bug in " +
-        "React. Please file an issue."
-    );
-    // Unschedule this root so we don't work on it again until there's
-    // another update.
-    nextFlushedRoot.remainingExpirationTime = NoWork;
-    if (!hasUnhandledError) {
-      hasUnhandledError = true;
-      unhandledError = error;
-    }
-  }
-
-  // TODO: Batching should be implemented at the renderer level, not inside
-  // the reconciler.
-  function batchedUpdates(fn, a) {
-    var previousIsBatchingUpdates = isBatchingUpdates;
-    isBatchingUpdates = true;
-    try {
-      return fn(a);
-    } finally {
-      isBatchingUpdates = previousIsBatchingUpdates;
-      if (!isBatchingUpdates && !isRendering) {
-        performSyncWork();
-      }
-    }
-  }
-
-  // TODO: Batching should be implemented at the renderer level, not inside
-  // the reconciler.
-  function unbatchedUpdates(fn, a) {
-    if (isBatchingUpdates && !isUnbatchingUpdates) {
-      isUnbatchingUpdates = true;
-      try {
-        return fn(a);
-      } finally {
-        isUnbatchingUpdates = false;
-      }
-    }
-    return fn(a);
-  }
-
-  // TODO: Batching should be implemented at the renderer level, not within
-  // the reconciler.
-  function flushSync(fn, a) {
-    invariant(
-      !isRendering,
-      "flushSync was called from inside a lifecycle method. It cannot be " +
-        "called when React is already rendering."
-    );
-    var previousIsBatchingUpdates = isBatchingUpdates;
-    isBatchingUpdates = true;
-    try {
-      return syncUpdates(fn, a);
-    } finally {
-      isBatchingUpdates = previousIsBatchingUpdates;
-      performSyncWork();
-    }
-  }
-
-  function interactiveUpdates(fn, a, b) {
-    if (isBatchingInteractiveUpdates) {
-      return fn(a, b);
-    }
-    // If there are any pending interactive updates, synchronously flush them.
-    // This needs to happen before we read any handlers, because the effect of
-    // the previous event may influence which handlers are called during
-    // this event.
-    if (
-      !isBatchingUpdates &&
-      !isRendering &&
-      lowestPendingInteractiveExpirationTime !== NoWork
-    ) {
-      // Synchronously flush pending interactive updates.
-      performWork(lowestPendingInteractiveExpirationTime, false, null);
-      lowestPendingInteractiveExpirationTime = NoWork;
-    }
-    var previousIsBatchingInteractiveUpdates = isBatchingInteractiveUpdates;
-    var previousIsBatchingUpdates = isBatchingUpdates;
-    isBatchingInteractiveUpdates = true;
-    isBatchingUpdates = true;
-    try {
-      return fn(a, b);
-    } finally {
-      isBatchingInteractiveUpdates = previousIsBatchingInteractiveUpdates;
-      isBatchingUpdates = previousIsBatchingUpdates;
-      if (!isBatchingUpdates && !isRendering) {
-        performSyncWork();
-      }
-    }
-  }
-
-  function flushInteractiveUpdates() {
-    if (!isRendering && lowestPendingInteractiveExpirationTime !== NoWork) {
-      // Synchronously flush pending interactive updates.
-      performWork(lowestPendingInteractiveExpirationTime, false, null);
-      lowestPendingInteractiveExpirationTime = NoWork;
-    }
-  }
-
-  function flushControlled(fn) {
-    var previousIsBatchingUpdates = isBatchingUpdates;
-    isBatchingUpdates = true;
-    try {
-      syncUpdates(fn);
-    } finally {
-      isBatchingUpdates = previousIsBatchingUpdates;
-      if (!isBatchingUpdates && !isRendering) {
-        performWork(Sync, false, null);
-      }
-    }
-  }
-
-  return {
-    recalculateCurrentTime: recalculateCurrentTime,
-    computeExpirationForFiber: computeExpirationForFiber,
-    scheduleWork: scheduleWork,
-    requestWork: requestWork,
-    flushRoot: flushRoot,
-    batchedUpdates: batchedUpdates,
-    unbatchedUpdates: unbatchedUpdates,
-    flushSync: flushSync,
-    flushControlled: flushControlled,
-    deferredUpdates: deferredUpdates,
-    syncUpdates: syncUpdates,
-    interactiveUpdates: interactiveUpdates,
-    flushInteractiveUpdates: flushInteractiveUpdates,
-    computeUniqueAsyncExpiration: computeUniqueAsyncExpiration
-  };
-};
-
-var didWarnAboutNestedUpdates = void 0;
-
-{
-  didWarnAboutNestedUpdates = false;
-}
-
-// 0 is PROD, 1 is DEV.
-// Might add PROFILE later.
-
-function getContextForSubtree(parentComponent) {
-  if (!parentComponent) {
-    return emptyObject;
-  }
-
-  var fiber = get(parentComponent);
-  var parentContext = findCurrentUnmaskedContext(fiber);
-  return isContextProvider(fiber)
-    ? processChildContext(fiber, parentContext)
-    : parentContext;
-}
-
-var ReactFiberReconciler$1 = function(config) {
-  var getPublicInstance = config.getPublicInstance;
-
-  var _ReactFiberScheduler = ReactFiberScheduler(config),
-    computeUniqueAsyncExpiration =
-      _ReactFiberScheduler.computeUniqueAsyncExpiration,
-    recalculateCurrentTime = _ReactFiberScheduler.recalculateCurrentTime,
-    computeExpirationForFiber = _ReactFiberScheduler.computeExpirationForFiber,
-    scheduleWork = _ReactFiberScheduler.scheduleWork,
-    requestWork = _ReactFiberScheduler.requestWork,
-    flushRoot = _ReactFiberScheduler.flushRoot,
-    batchedUpdates = _ReactFiberScheduler.batchedUpdates,
-    unbatchedUpdates = _ReactFiberScheduler.unbatchedUpdates,
-    flushSync = _ReactFiberScheduler.flushSync,
-    flushControlled = _ReactFiberScheduler.flushControlled,
-    deferredUpdates = _ReactFiberScheduler.deferredUpdates,
-    syncUpdates = _ReactFiberScheduler.syncUpdates,
-    interactiveUpdates = _ReactFiberScheduler.interactiveUpdates,
-    flushInteractiveUpdates = _ReactFiberScheduler.flushInteractiveUpdates;
-
-  function scheduleRootUpdate(
-    current,
-    element,
-    currentTime,
-    expirationTime,
-    callback
-  ) {
-    {
-      if (
-        ReactDebugCurrentFiber.phase === "render" &&
-        ReactDebugCurrentFiber.current !== null &&
-        !didWarnAboutNestedUpdates
-      ) {
-        didWarnAboutNestedUpdates = true;
-        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"
-        );
-      }
-    }
-
-    callback = callback === undefined ? null : callback;
-    {
-      warning(
-        callback === null || typeof callback === "function",
-        "render(...): Expected the last optional `callback` argument to be a " +
-          "function. Instead received: %s.",
-        callback
-      );
-    }
-
-    var update = {
-      expirationTime: expirationTime,
-      partialState: { element: element },
-      callback: callback,
-      isReplace: false,
-      isForced: false,
-      capturedValue: null,
-      next: null
-    };
-    insertUpdateIntoFiber(current, update);
-    scheduleWork(current, expirationTime);
-
-    return expirationTime;
-  }
-
-  function updateContainerAtExpirationTime(
-    element,
-    container,
-    parentComponent,
-    currentTime,
-    expirationTime,
-    callback
-  ) {
-    // TODO: If this is a nested container, this won't be the root.
-    var current = container.current;
-
-    {
-      if (ReactFiberInstrumentation_1.debugTool) {
-        if (current.alternate === null) {
-          ReactFiberInstrumentation_1.debugTool.onMountContainer(container);
-        } else if (element === null) {
-          ReactFiberInstrumentation_1.debugTool.onUnmountContainer(container);
-        } else {
-          ReactFiberInstrumentation_1.debugTool.onUpdateContainer(container);
-        }
-      }
-    }
-
-    var context = getContextForSubtree(parentComponent);
-    if (container.context === null) {
-      container.context = context;
-    } else {
-      container.pendingContext = context;
-    }
-
-    return scheduleRootUpdate(
-      current,
-      element,
-      currentTime,
-      expirationTime,
-      callback
-    );
-  }
-
-  function findHostInstance(fiber) {
-    var hostFiber = findCurrentHostFiber(fiber);
-    if (hostFiber === null) {
-      return null;
-    }
-    return hostFiber.stateNode;
-  }
-
-  return {
-    createContainer: function(containerInfo, isAsync, hydrate) {
-      return createFiberRoot(containerInfo, isAsync, hydrate);
-    },
-    updateContainer: function(element, container, parentComponent, callback) {
-      var current = container.current;
-      var currentTime = recalculateCurrentTime();
-      var expirationTime = computeExpirationForFiber(current);
-      return updateContainerAtExpirationTime(
-        element,
-        container,
-        parentComponent,
-        currentTime,
-        expirationTime,
-        callback
-      );
-    },
-    updateContainerAtExpirationTime: function(
-      element,
-      container,
-      parentComponent,
-      expirationTime,
-      callback
-    ) {
-      var currentTime = recalculateCurrentTime();
-      return updateContainerAtExpirationTime(
-        element,
-        container,
-        parentComponent,
-        currentTime,
-        expirationTime,
-        callback
-      );
-    },
-
-    flushRoot: flushRoot,
-
-    requestWork: requestWork,
-
-    computeUniqueAsyncExpiration: computeUniqueAsyncExpiration,
-
-    batchedUpdates: batchedUpdates,
-
-    unbatchedUpdates: unbatchedUpdates,
-
-    deferredUpdates: deferredUpdates,
-
-    syncUpdates: syncUpdates,
-
-    interactiveUpdates: interactiveUpdates,
-
-    flushInteractiveUpdates: flushInteractiveUpdates,
-
-    flushControlled: flushControlled,
-
-    flushSync: flushSync,
-
-    getPublicRootInstance: function(container) {
-      var containerFiber = container.current;
-      if (!containerFiber.child) {
-        return null;
-      }
-      switch (containerFiber.child.tag) {
-        case HostComponent:
-          return getPublicInstance(containerFiber.child.stateNode);
-        default:
-          return containerFiber.child.stateNode;
-      }
-    },
-
-    findHostInstance: findHostInstance,
-
-    findHostInstanceWithNoPortals: function(fiber) {
-      var hostFiber = findCurrentHostFiberWithNoPortals(fiber);
-      if (hostFiber === null) {
-        return null;
-      }
-      return hostFiber.stateNode;
-    },
-    injectIntoDevTools: function(devToolsConfig) {
-      var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
-
-      return injectInternals(
-        Object.assign({}, devToolsConfig, {
-          findHostInstanceByFiber: function(fiber) {
-            return findHostInstance(fiber);
-          },
-          findFiberByHostInstance: function(instance) {
-            if (!findFiberByHostInstance) {
-              // Might not be implemented by the renderer.
-              return null;
-            }
-            return findFiberByHostInstance(instance);
-          }
-        })
-      );
-    }
-  };
-};
-
-var ReactFiberReconciler$2 = Object.freeze({
-  default: ReactFiberReconciler$1
-});
-
-var ReactFiberReconciler$3 =
-  (ReactFiberReconciler$2 && ReactFiberReconciler$1) || ReactFiberReconciler$2;
-
-// TODO: bundle Flow types with the package.
-
-// TODO: decide on the top-level export form.
-// This is hacky but makes it work with both Rollup and Jest.
-var reactReconciler = ReactFiberReconciler$3["default"]
-  ? ReactFiberReconciler$3["default"]
-  : ReactFiberReconciler$3;
-
-/**
- * Keeps track of allocating and associating native "tags" which are numeric,
- * unique view IDs. All the native tags are negative numbers, to avoid
- * collisions, but in the JS we keep track of them as positive integers to store
- * them effectively in Arrays. So we must refer to them as "inverses" of the
- * native tags (that are * normally negative).
- *
- * It *must* be the case that every `rootNodeID` always maps to the exact same
- * `tag` forever. The easiest way to accomplish this is to never delete
- * anything from this table.
- * Why: Because `dangerouslyReplaceNodeWithMarkupByID` relies on being able to
- * unmount a component with a `rootNodeID`, then mount a new one in its place,
- */
-var INITIAL_TAG_COUNT = 1;
-var ReactNativeTagHandles = {
-  tagsStartAt: INITIAL_TAG_COUNT,
-  tagCount: INITIAL_TAG_COUNT,
-
-  allocateTag: function() {
-    // Skip over root IDs as those are reserved for native
-    while (this.reactTagIsNativeTopRootID(ReactNativeTagHandles.tagCount)) {
-      ReactNativeTagHandles.tagCount++;
-    }
-    var tag = ReactNativeTagHandles.tagCount;
-    ReactNativeTagHandles.tagCount++;
-    return tag;
-  },
-
-  assertRootTag: function(tag) {
-    invariant(
-      this.reactTagIsNativeTopRootID(tag),
-      "Expect a native root tag, instead got %s",
-      tag
-    );
-  },
-
-  reactTagIsNativeTopRootID: function(reactTag) {
-    // We reserve all tags that are 1 mod 10 for native root views
-    return reactTag % 10 === 1;
-  }
-};
-
-function _classCallCheck$2(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-
-// Modules provided by RN:
-/**
- * This is used for refs on host components.
- */
-
-var ReactFabricHostComponent = (function() {
-  function ReactFabricHostComponent(tag, viewConfig, props) {
-    _classCallCheck$2(this, ReactFabricHostComponent);
-
-    this._nativeTag = tag;
-    this.viewConfig = viewConfig;
-    this.currentProps = props;
-  }
-
-  ReactFabricHostComponent.prototype.blur = function blur() {
-    TextInputState.blurTextInput(this._nativeTag);
-  };
-
-  ReactFabricHostComponent.prototype.focus = function focus() {
-    TextInputState.focusTextInput(this._nativeTag);
-  };
-
-  ReactFabricHostComponent.prototype.measure = function measure(callback) {
-    UIManager.measure(this._nativeTag, mountSafeCallback(this, callback));
-  };
-
-  ReactFabricHostComponent.prototype.measureInWindow = function measureInWindow(
-    callback
-  ) {
-    UIManager.measureInWindow(
-      this._nativeTag,
-      mountSafeCallback(this, callback)
-    );
-  };
-
-  ReactFabricHostComponent.prototype.measureLayout = function measureLayout(
-    relativeToNativeNode,
-    onSuccess,
-    onFail /* currently unused */
-  ) {
-    UIManager.measureLayout(
-      this._nativeTag,
-      relativeToNativeNode,
-      mountSafeCallback(this, onFail),
-      mountSafeCallback(this, onSuccess)
-    );
-  };
-
-  ReactFabricHostComponent.prototype.setNativeProps = function setNativeProps(
-    nativeProps
-  ) {
-    {
-      warnForStyleProps(nativeProps, this.viewConfig.validAttributes);
-    }
-
-    var updatePayload = create(nativeProps, this.viewConfig.validAttributes);
-
-    // Avoid the overhead of bridge calls if there's no update.
-    // This is an expensive no-op for Android, and causes an unnecessary
-    // view invalidation for certain components (eg RCTTextInput) on iOS.
-    if (updatePayload != null) {
-      UIManager.updateView(
-        this._nativeTag,
-        this.viewConfig.uiViewClassName,
-        updatePayload
-      );
-    }
-  };
-
-  return ReactFabricHostComponent;
-})();
-
-var ReactFabricRenderer = reactReconciler({
-  appendInitialChild: function(parentInstance, child) {
-    FabricUIManager.appendChild(parentInstance.node, child.node);
-  },
-  createInstance: function(
-    type,
-    props,
-    rootContainerInstance,
-    hostContext,
-    internalInstanceHandle
-  ) {
-    var tag = ReactNativeTagHandles.allocateTag();
-    var viewConfig = get$1(type);
-
-    {
-      for (var key in viewConfig.validAttributes) {
-        if (props.hasOwnProperty(key)) {
-          deepFreezeAndThrowOnMutationInDev(props[key]);
-        }
-      }
-    }
-
-    var updatePayload = create(props, viewConfig.validAttributes);
-
-    var node = FabricUIManager.createNode(
-      tag, // reactTag
-      viewConfig.uiViewClassName, // viewName
-      rootContainerInstance, // rootTag
-      updatePayload, // props
-      internalInstanceHandle
-    );
-
-    var component = new ReactFabricHostComponent(tag, viewConfig, props);
-
-    return {
-      node: node,
-      canonical: component
-    };
-  },
-  createTextInstance: function(
-    text,
-    rootContainerInstance,
-    hostContext,
-    internalInstanceHandle
-  ) {
-    var tag = ReactNativeTagHandles.allocateTag();
-
-    var node = FabricUIManager.createNode(
-      tag, // reactTag
-      "RCTRawText", // viewName
-      rootContainerInstance, // rootTag
-      { text: text }, // props
-      internalInstanceHandle
-    );
-
-    return {
-      node: node
-    };
-  },
-  finalizeInitialChildren: function(
-    parentInstance,
-    type,
-    props,
-    rootContainerInstance
-  ) {
-    return false;
-  },
-  getRootHostContext: function() {
-    return emptyObject;
-  },
-  getChildHostContext: function() {
-    return emptyObject;
-  },
-  getPublicInstance: function(instance) {
-    return instance.canonical;
-  },
-
-  now: now,
-
-  prepareForCommit: function() {
-    // Noop
-  },
-  prepareUpdate: function(
-    instance,
-    type,
-    oldProps,
-    newProps,
-    rootContainerInstance,
-    hostContext
-  ) {
-    var viewConfig = instance.canonical.viewConfig;
-    var updatePayload = diff(oldProps, newProps, viewConfig.validAttributes);
-    // TODO: If the event handlers have changed, we need to update the current props
-    // in the commit phase but there is no host config hook to do it yet.
-    return updatePayload;
-  },
-  resetAfterCommit: function() {
-    // Noop
-  },
-
-  scheduleDeferredCallback: scheduleDeferredCallback,
-  cancelDeferredCallback: cancelDeferredCallback,
-
-  shouldDeprioritizeSubtree: function(type, props) {
-    return false;
-  },
-  shouldSetTextContent: function(type, props) {
-    // TODO (bvaughn) Revisit this decision.
-    // Always returning false simplifies the createInstance() implementation,
-    // But creates an additional child Fiber for raw text children.
-    // No additional native views are created though.
-    // It's not clear to me which is better so I'm deferring for now.
-    // More context @ github.com/facebook/react/pull/8560#discussion_r92111303
-    return false;
-  },
-
-  persistence: {
-    cloneInstance: function(
-      instance,
-      updatePayload,
-      type,
-      oldProps,
-      newProps,
-      internalInstanceHandle,
-      keepChildren,
-      recyclableInstance
-    ) {
-      var node = instance.node;
-      var clone = void 0;
-      if (keepChildren) {
-        if (updatePayload !== null) {
-          clone = FabricUIManager.cloneNodeWithNewProps(node, updatePayload);
-        } else {
-          clone = FabricUIManager.cloneNode(node);
-        }
-      } else {
-        if (updatePayload !== null) {
-          clone = FabricUIManager.cloneNodeWithNewChildrenAndProps(
-            node,
-            updatePayload
-          );
-        } else {
-          clone = FabricUIManager.cloneNodeWithNewChildren(node);
-        }
-      }
-      return {
-        node: clone,
-        canonical: instance.canonical
-      };
-    },
-    createContainerChildSet: function(container) {
-      return FabricUIManager.createChildSet(container);
-    },
-    appendChildToContainerChildSet: function(childSet, child) {
-      FabricUIManager.appendChildToSet(childSet, child.node);
-    },
-    finalizeContainerChildren: function(container, newChildren) {
-      FabricUIManager.completeRoot(container, newChildren);
-    },
-    replaceContainerChildren: function(container, newChildren) {}
-  }
-});
-
-// Module provided by RN:
-var getInspectorDataForViewTag = void 0;
-
-{
-  var traverseOwnerTreeUp = function(hierarchy, instance) {
-    if (instance) {
-      hierarchy.unshift(instance);
-      traverseOwnerTreeUp(hierarchy, instance._debugOwner);
-    }
-  };
-
-  var getOwnerHierarchy = function(instance) {
-    var hierarchy = [];
-    traverseOwnerTreeUp(hierarchy, instance);
-    return hierarchy;
-  };
-
-  var lastNonHostInstance = function(hierarchy) {
-    for (var i = hierarchy.length - 1; i > 1; i--) {
-      var instance = hierarchy[i];
-
-      if (instance.tag !== HostComponent) {
-        return instance;
-      }
-    }
-    return hierarchy[0];
-  };
-
-  var getHostProps = function(fiber) {
-    var host = findCurrentHostFiber(fiber);
-    if (host) {
-      return host.memoizedProps || emptyObject;
-    }
-    return emptyObject;
-  };
-
-  var getHostNode = function(fiber, findNodeHandle) {
-    var hostNode = void 0;
-    // look for children first for the hostNode
-    // as composite fibers do not have a hostNode
-    while (fiber) {
-      if (fiber.stateNode !== null && fiber.tag === HostComponent) {
-        hostNode = findNodeHandle(fiber.stateNode);
-      }
-      if (hostNode) {
-        return hostNode;
-      }
-      fiber = fiber.child;
-    }
-    return null;
-  };
-
-  var createHierarchy = function(fiberHierarchy) {
-    return fiberHierarchy.map(function(fiber) {
-      return {
-        name: getComponentName(fiber),
-        getInspectorData: function(findNodeHandle) {
-          return {
-            measure: function(callback) {
-              return UIManager.measure(
-                getHostNode(fiber, findNodeHandle),
-                callback
-              );
-            },
-            props: getHostProps(fiber),
-            source: fiber._debugSource
-          };
-        }
-      };
-    });
-  };
-
-  getInspectorDataForViewTag = function(viewTag) {
-    var closestInstance = getInstanceFromTag(viewTag);
-
-    // Handle case where user clicks outside of ReactNative
-    if (!closestInstance) {
-      return {
-        hierarchy: [],
-        props: emptyObject,
-        selection: null,
-        source: null
-      };
-    }
-
-    var fiber = findCurrentFiberUsingSlowPath(closestInstance);
-    var fiberHierarchy = getOwnerHierarchy(fiber);
-    var instance = lastNonHostInstance(fiberHierarchy);
-    var hierarchy = createHierarchy(fiberHierarchy);
-    var props = getHostProps(instance);
-    var source = instance._debugSource;
-    var selection = fiberHierarchy.indexOf(instance);
-
-    return {
-      hierarchy: hierarchy,
-      props: props,
-      selection: selection,
-      source: source
-    };
-  };
-}
-
-/**
- * Creates a renderable ReactNative host component.
- * Use this method for view configs that are loaded from UIManager.
- * Use createReactNativeComponentClass() for view configs defined within JavaScript.
- *
- * @param {string} config iOS View configuration.
- * @private
- */
-var createReactNativeComponentClass = function(name, callback) {
-  return register(name, callback);
-};
-
-// Module provided by RN:
-/**
- * Capture an image of the screen, window or an individual view. The image
- * will be stored in a temporary file that will only exist for as long as the
- * app is running.
- *
- * The `view` argument can be the literal string `window` if you want to
- * capture the entire window, or it can be a reference to a specific
- * React Native component.
- *
- * The `options` argument may include:
- * - width/height (number) - the width and height of the image to capture.
- * - format (string) - either 'png' or 'jpeg'. Defaults to 'png'.
- * - quality (number) - the quality when using jpeg. 0.0 - 1.0 (default).
- *
- * Returns a Promise.
- * @platform ios
- */
-function takeSnapshot(view, options) {
-  if (typeof view !== "number" && view !== "window") {
-    view = findNumericNodeHandleFiber(view) || "window";
-  }
-
-  // Call the hidden '__takeSnapshot' method; the main one throws an error to
-  // prevent accidental backwards-incompatible usage.
-  return UIManager.__takeSnapshot(view, options);
-}
-
-injectFindHostInstanceFabric(ReactFabricRenderer.findHostInstance);
-
-injection$2.injectRenderer(ReactFabricRenderer);
-
-var roots = new Map();
-
-var ReactFabric = {
-  NativeComponent: ReactNativeComponent,
-
-  findNodeHandle: findNumericNodeHandleFiber,
-
-  render: function(element, containerTag, callback) {
-    var root = roots.get(containerTag);
-
-    if (!root) {
-      // TODO (bvaughn): If we decide to keep the wrapper component,
-      // We could create a wrapper for containerTag as well to reduce special casing.
-      root = ReactFabricRenderer.createContainer(containerTag, false, false);
-      roots.set(containerTag, root);
-    }
-    ReactFabricRenderer.updateContainer(element, root, null, callback);
-
-    return ReactFabricRenderer.getPublicRootInstance(root);
-  },
-  unmountComponentAtNode: function(containerTag) {
-    var root = roots.get(containerTag);
-    if (root) {
-      // TODO: Is it safe to reset this now or should I wait since this unmount could be deferred?
-      ReactFabricRenderer.updateContainer(null, root, null, function() {
-        roots["delete"](containerTag);
-      });
-    }
-  },
-  unmountComponentAtNodeAndRemoveContainer: function(containerTag) {
-    ReactFabric.unmountComponentAtNode(containerTag);
-  },
-  createPortal: function(children, containerTag) {
-    var key =
-      arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-
-    return createPortal(children, containerTag, null, key);
-  },
-
-  unstable_batchedUpdates: batchedUpdates,
-
-  flushSync: ReactFabricRenderer.flushSync,
-
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
-    // Used as a mixin in many createClass-based components
-    NativeMethodsMixin: NativeMethodsMixin,
-    // Used by react-native-github/Libraries/ components
-    ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin, // requireNativeComponent
-    ReactNativeComponentTree: ReactNativeComponentTree, // ScrollResponder
-    ReactNativePropRegistry: ReactNativePropRegistry, // flattenStyle, Stylesheet
-    TouchHistoryMath: TouchHistoryMath, // PanResponder
-    createReactNativeComponentClass: createReactNativeComponentClass, // RCTText, RCTView, ReactNativeART
-    takeSnapshot: takeSnapshot
-  }
-};
-
-{
-  // $FlowFixMe
-  Object.assign(
-    ReactFabric.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
-    {
-      // TODO: none of these work since Fiber. Remove these dependencies.
-      // Used by RCTRenderingPerf, Systrace:
-      ReactDebugTool: {
-        addHook: function() {},
-        removeHook: function() {}
-      },
-      // Used by ReactPerfStallHandler, RCTRenderingPerf:
-      ReactPerf: {
-        start: function() {},
-        stop: function() {},
-        printInclusive: function() {},
-        printWasted: function() {}
-      }
-    }
-  );
-}
-
-ReactFabricRenderer.injectIntoDevTools({
-  findFiberByHostInstance: getInstanceFromTag,
-  getInspectorDataForViewTag: getInspectorDataForViewTag,
-  bundleType: 1,
-  version: ReactVersion,
-  rendererPackageName: "react-native-renderer"
-});
-
-var ReactFabric$2 = Object.freeze({
-  default: ReactFabric
-});
-
-var ReactFabric$3 = (ReactFabric$2 && ReactFabric) || ReactFabric$2;
-
-// TODO: decide on the top-level export form.
-// This is hacky but makes it work with both Rollup and Jest.
-var fabric = ReactFabric$3["default"]
-  ? ReactFabric$3["default"]
-  : ReactFabric$3;
-
-module.exports = fabric;
-
-  })();
-}
diff --git a/Libraries/Renderer/ReactFabric-prod.js b/Libraries/Renderer/ReactFabric-prod.js
deleted file mode 100644
index 9605c98520cda9..00000000000000
--- a/Libraries/Renderer/ReactFabric-prod.js
+++ /dev/null
@@ -1,5856 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @noflow
- * @providesModule ReactFabric-prod
- * @preventMunge
- */
-
-"use strict";
-require("InitializeCore");
-var invariant = require("fbjs/lib/invariant"),
-  emptyFunction = require("fbjs/lib/emptyFunction"),
-  UIManager = require("UIManager"),
-  TextInputState = require("TextInputState"),
-  deepDiffer = require("deepDiffer"),
-  flattenStyle = require("flattenStyle"),
-  React = require("react"),
-  emptyObject = require("fbjs/lib/emptyObject"),
-  shallowEqual = require("fbjs/lib/shallowEqual"),
-  FabricUIManager = require("FabricUIManager"),
-  eventPluginOrder = null,
-  namesToPlugins = {};
-function recomputePluginOrdering() {
-  if (eventPluginOrder)
-    for (var pluginName in namesToPlugins) {
-      var pluginModule = namesToPlugins[pluginName],
-        pluginIndex = eventPluginOrder.indexOf(pluginName);
-      invariant(
-        -1 < pluginIndex,
-        "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `%s`.",
-        pluginName
-      );
-      if (!plugins[pluginIndex]) {
-        invariant(
-          pluginModule.extractEvents,
-          "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `%s` does not.",
-          pluginName
-        );
-        plugins[pluginIndex] = pluginModule;
-        pluginIndex = pluginModule.eventTypes;
-        for (var eventName in pluginIndex) {
-          var JSCompiler_inline_result = void 0;
-          var dispatchConfig = pluginIndex[eventName],
-            pluginModule$jscomp$0 = pluginModule,
-            eventName$jscomp$0 = eventName;
-          invariant(
-            !eventNameDispatchConfigs.hasOwnProperty(eventName$jscomp$0),
-            "EventPluginHub: More than one plugin attempted to publish the same event name, `%s`.",
-            eventName$jscomp$0
-          );
-          eventNameDispatchConfigs[eventName$jscomp$0] = dispatchConfig;
-          var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
-          if (phasedRegistrationNames) {
-            for (JSCompiler_inline_result in phasedRegistrationNames)
-              phasedRegistrationNames.hasOwnProperty(
-                JSCompiler_inline_result
-              ) &&
-                publishRegistrationName(
-                  phasedRegistrationNames[JSCompiler_inline_result],
-                  pluginModule$jscomp$0,
-                  eventName$jscomp$0
-                );
-            JSCompiler_inline_result = !0;
-          } else
-            dispatchConfig.registrationName
-              ? (publishRegistrationName(
-                  dispatchConfig.registrationName,
-                  pluginModule$jscomp$0,
-                  eventName$jscomp$0
-                ),
-                (JSCompiler_inline_result = !0))
-              : (JSCompiler_inline_result = !1);
-          invariant(
-            JSCompiler_inline_result,
-            "EventPluginRegistry: Failed to publish event `%s` for plugin `%s`.",
-            eventName,
-            pluginName
-          );
-        }
-      }
-    }
-}
-function publishRegistrationName(registrationName, pluginModule) {
-  invariant(
-    !registrationNameModules[registrationName],
-    "EventPluginHub: More than one plugin attempted to publish the same registration name, `%s`.",
-    registrationName
-  );
-  registrationNameModules[registrationName] = pluginModule;
-}
-var plugins = [],
-  eventNameDispatchConfigs = {},
-  registrationNameModules = {},
-  getFiberCurrentPropsFromNode = null,
-  getInstanceFromNode = null,
-  getNodeFromInstance = null;
-function isEndish(topLevelType) {
-  return (
-    "topMouseUp" === topLevelType ||
-    "topTouchEnd" === topLevelType ||
-    "topTouchCancel" === topLevelType
-  );
-}
-function isMoveish(topLevelType) {
-  return "topMouseMove" === topLevelType || "topTouchMove" === topLevelType;
-}
-function isStartish(topLevelType) {
-  return "topMouseDown" === topLevelType || "topTouchStart" === topLevelType;
-}
-function executeDirectDispatch(event) {
-  var dispatchListener = event._dispatchListeners,
-    dispatchInstance = event._dispatchInstances;
-  invariant(
-    !Array.isArray(dispatchListener),
-    "executeDirectDispatch(...): Invalid `event`."
-  );
-  event.currentTarget = dispatchListener
-    ? getNodeFromInstance(dispatchInstance)
-    : null;
-  dispatchListener = dispatchListener ? dispatchListener(event) : null;
-  event.currentTarget = null;
-  event._dispatchListeners = null;
-  event._dispatchInstances = null;
-  return dispatchListener;
-}
-function accumulateInto(current, next) {
-  invariant(
-    null != next,
-    "accumulateInto(...): Accumulated items must not be null or undefined."
-  );
-  if (null == current) return next;
-  if (Array.isArray(current)) {
-    if (Array.isArray(next)) return current.push.apply(current, next), current;
-    current.push(next);
-    return current;
-  }
-  return Array.isArray(next) ? [current].concat(next) : [current, next];
-}
-function forEachAccumulated(arr, cb, scope) {
-  Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
-}
-var injection = {
-  injectEventPluginOrder: function(injectedEventPluginOrder) {
-    invariant(
-      !eventPluginOrder,
-      "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
-    );
-    eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
-    recomputePluginOrdering();
-  },
-  injectEventPluginsByName: function(injectedNamesToPlugins) {
-    var isOrderingDirty = !1,
-      pluginName;
-    for (pluginName in injectedNamesToPlugins)
-      if (injectedNamesToPlugins.hasOwnProperty(pluginName)) {
-        var pluginModule = injectedNamesToPlugins[pluginName];
-        (namesToPlugins.hasOwnProperty(pluginName) &&
-          namesToPlugins[pluginName] === pluginModule) ||
-          (invariant(
-            !namesToPlugins[pluginName],
-            "EventPluginRegistry: Cannot inject two different event plugins using the same name, `%s`.",
-            pluginName
-          ),
-          (namesToPlugins[pluginName] = pluginModule),
-          (isOrderingDirty = !0));
-      }
-    isOrderingDirty && recomputePluginOrdering();
-  }
-};
-function getListener(inst, registrationName) {
-  var listener = inst.stateNode;
-  if (!listener) return null;
-  var props = getFiberCurrentPropsFromNode(listener);
-  if (!props) return null;
-  listener = props[registrationName];
-  a: switch (registrationName) {
-    case "onClick":
-    case "onClickCapture":
-    case "onDoubleClick":
-    case "onDoubleClickCapture":
-    case "onMouseDown":
-    case "onMouseDownCapture":
-    case "onMouseMove":
-    case "onMouseMoveCapture":
-    case "onMouseUp":
-    case "onMouseUpCapture":
-      (props = !props.disabled) ||
-        ((inst = inst.type),
-        (props = !(
-          "button" === inst ||
-          "input" === inst ||
-          "select" === inst ||
-          "textarea" === inst
-        )));
-      inst = !props;
-      break a;
-    default:
-      inst = !1;
-  }
-  if (inst) return null;
-  invariant(
-    !listener || "function" === typeof listener,
-    "Expected `%s` listener to be a function, instead got a value of `%s` type.",
-    registrationName,
-    typeof listener
-  );
-  return listener;
-}
-function getParent(inst) {
-  do inst = inst["return"];
-  while (inst && 5 !== inst.tag);
-  return inst ? inst : null;
-}
-function traverseTwoPhase(inst, fn, arg) {
-  for (var path = []; inst; ) path.push(inst), (inst = getParent(inst));
-  for (inst = path.length; 0 < inst--; ) fn(path[inst], "captured", arg);
-  for (inst = 0; inst < path.length; inst++) fn(path[inst], "bubbled", arg);
-}
-function accumulateDirectionalDispatches(inst, phase, event) {
-  if (
-    (phase = getListener(
-      inst,
-      event.dispatchConfig.phasedRegistrationNames[phase]
-    ))
-  )
-    (event._dispatchListeners = accumulateInto(
-      event._dispatchListeners,
-      phase
-    )),
-      (event._dispatchInstances = accumulateInto(
-        event._dispatchInstances,
-        inst
-      ));
-}
-function accumulateTwoPhaseDispatchesSingle(event) {
-  event &&
-    event.dispatchConfig.phasedRegistrationNames &&
-    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
-}
-function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
-  if (event && event.dispatchConfig.phasedRegistrationNames) {
-    var targetInst = event._targetInst;
-    targetInst = targetInst ? getParent(targetInst) : null;
-    traverseTwoPhase(targetInst, accumulateDirectionalDispatches, event);
-  }
-}
-function accumulateDirectDispatchesSingle(event) {
-  if (event && event.dispatchConfig.registrationName) {
-    var inst = event._targetInst;
-    if (inst && event && event.dispatchConfig.registrationName) {
-      var listener = getListener(inst, event.dispatchConfig.registrationName);
-      listener &&
-        ((event._dispatchListeners = accumulateInto(
-          event._dispatchListeners,
-          listener
-        )),
-        (event._dispatchInstances = accumulateInto(
-          event._dispatchInstances,
-          inst
-        )));
-    }
-  }
-}
-var shouldBeReleasedProperties = "dispatchConfig _targetInst nativeEvent isDefaultPrevented isPropagationStopped _dispatchListeners _dispatchInstances".split(
-    " "
-  ),
-  EventInterface = {
-    type: null,
-    target: null,
-    currentTarget: emptyFunction.thatReturnsNull,
-    eventPhase: null,
-    bubbles: null,
-    cancelable: null,
-    timeStamp: function(event) {
-      return event.timeStamp || Date.now();
-    },
-    defaultPrevented: null,
-    isTrusted: null
-  };
-function SyntheticEvent(
-  dispatchConfig,
-  targetInst,
-  nativeEvent,
-  nativeEventTarget
-) {
-  this.dispatchConfig = dispatchConfig;
-  this._targetInst = targetInst;
-  this.nativeEvent = nativeEvent;
-  dispatchConfig = this.constructor.Interface;
-  for (var propName in dispatchConfig)
-    dispatchConfig.hasOwnProperty(propName) &&
-      ((targetInst = dispatchConfig[propName])
-        ? (this[propName] = targetInst(nativeEvent))
-        : "target" === propName
-          ? (this.target = nativeEventTarget)
-          : (this[propName] = nativeEvent[propName]));
-  this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
-  ? nativeEvent.defaultPrevented
-  : !1 === nativeEvent.returnValue)
-    ? emptyFunction.thatReturnsTrue
-    : emptyFunction.thatReturnsFalse;
-  this.isPropagationStopped = emptyFunction.thatReturnsFalse;
-  return this;
-}
-Object.assign(SyntheticEvent.prototype, {
-  preventDefault: function() {
-    this.defaultPrevented = !0;
-    var event = this.nativeEvent;
-    event &&
-      (event.preventDefault
-        ? event.preventDefault()
-        : "unknown" !== typeof event.returnValue && (event.returnValue = !1),
-      (this.isDefaultPrevented = emptyFunction.thatReturnsTrue));
-  },
-  stopPropagation: function() {
-    var event = this.nativeEvent;
-    event &&
-      (event.stopPropagation
-        ? event.stopPropagation()
-        : "unknown" !== typeof event.cancelBubble && (event.cancelBubble = !0),
-      (this.isPropagationStopped = emptyFunction.thatReturnsTrue));
-  },
-  persist: function() {
-    this.isPersistent = emptyFunction.thatReturnsTrue;
-  },
-  isPersistent: emptyFunction.thatReturnsFalse,
-  destructor: function() {
-    var Interface = this.constructor.Interface,
-      propName;
-    for (propName in Interface) this[propName] = null;
-    for (
-      Interface = 0;
-      Interface < shouldBeReleasedProperties.length;
-      Interface++
-    )
-      this[shouldBeReleasedProperties[Interface]] = null;
-  }
-});
-SyntheticEvent.Interface = EventInterface;
-SyntheticEvent.extend = function(Interface) {
-  function E() {}
-  function Class() {
-    return Super.apply(this, arguments);
-  }
-  var Super = this;
-  E.prototype = Super.prototype;
-  var prototype = new E();
-  Object.assign(prototype, Class.prototype);
-  Class.prototype = prototype;
-  Class.prototype.constructor = Class;
-  Class.Interface = Object.assign({}, Super.Interface, Interface);
-  Class.extend = Super.extend;
-  addEventPoolingTo(Class);
-  return Class;
-};
-addEventPoolingTo(SyntheticEvent);
-function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
-  if (this.eventPool.length) {
-    var instance = this.eventPool.pop();
-    this.call(instance, dispatchConfig, targetInst, nativeEvent, nativeInst);
-    return instance;
-  }
-  return new this(dispatchConfig, targetInst, nativeEvent, nativeInst);
-}
-function releasePooledEvent(event) {
-  invariant(
-    event instanceof this,
-    "Trying to release an event instance  into a pool of a different type."
-  );
-  event.destructor();
-  10 > this.eventPool.length && this.eventPool.push(event);
-}
-function addEventPoolingTo(EventConstructor) {
-  EventConstructor.eventPool = [];
-  EventConstructor.getPooled = getPooledEvent;
-  EventConstructor.release = releasePooledEvent;
-}
-var ResponderSyntheticEvent = SyntheticEvent.extend({
-    touchHistory: function() {
-      return null;
-    }
-  }),
-  touchBank = [],
-  touchHistory = {
-    touchBank: touchBank,
-    numberActiveTouches: 0,
-    indexOfSingleActiveTouch: -1,
-    mostRecentTimeStamp: 0
-  };
-function timestampForTouch(touch) {
-  return touch.timeStamp || touch.timestamp;
-}
-function getTouchIdentifier(_ref) {
-  _ref = _ref.identifier;
-  invariant(null != _ref, "Touch object is missing identifier.");
-  return _ref;
-}
-function recordTouchStart(touch) {
-  var identifier = getTouchIdentifier(touch),
-    touchRecord = touchBank[identifier];
-  touchRecord
-    ? ((touchRecord.touchActive = !0),
-      (touchRecord.startPageX = touch.pageX),
-      (touchRecord.startPageY = touch.pageY),
-      (touchRecord.startTimeStamp = timestampForTouch(touch)),
-      (touchRecord.currentPageX = touch.pageX),
-      (touchRecord.currentPageY = touch.pageY),
-      (touchRecord.currentTimeStamp = timestampForTouch(touch)),
-      (touchRecord.previousPageX = touch.pageX),
-      (touchRecord.previousPageY = touch.pageY),
-      (touchRecord.previousTimeStamp = timestampForTouch(touch)))
-    : ((touchRecord = {
-        touchActive: !0,
-        startPageX: touch.pageX,
-        startPageY: touch.pageY,
-        startTimeStamp: timestampForTouch(touch),
-        currentPageX: touch.pageX,
-        currentPageY: touch.pageY,
-        currentTimeStamp: timestampForTouch(touch),
-        previousPageX: touch.pageX,
-        previousPageY: touch.pageY,
-        previousTimeStamp: timestampForTouch(touch)
-      }),
-      (touchBank[identifier] = touchRecord));
-  touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
-}
-function recordTouchMove(touch) {
-  var touchRecord = touchBank[getTouchIdentifier(touch)];
-  touchRecord
-    ? ((touchRecord.touchActive = !0),
-      (touchRecord.previousPageX = touchRecord.currentPageX),
-      (touchRecord.previousPageY = touchRecord.currentPageY),
-      (touchRecord.previousTimeStamp = touchRecord.currentTimeStamp),
-      (touchRecord.currentPageX = touch.pageX),
-      (touchRecord.currentPageY = touch.pageY),
-      (touchRecord.currentTimeStamp = timestampForTouch(touch)),
-      (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
-    : console.error(
-        "Cannot record touch move without a touch start.\nTouch Move: %s\n",
-        "Touch Bank: %s",
-        printTouch(touch),
-        printTouchBank()
-      );
-}
-function recordTouchEnd(touch) {
-  var touchRecord = touchBank[getTouchIdentifier(touch)];
-  touchRecord
-    ? ((touchRecord.touchActive = !1),
-      (touchRecord.previousPageX = touchRecord.currentPageX),
-      (touchRecord.previousPageY = touchRecord.currentPageY),
-      (touchRecord.previousTimeStamp = touchRecord.currentTimeStamp),
-      (touchRecord.currentPageX = touch.pageX),
-      (touchRecord.currentPageY = touch.pageY),
-      (touchRecord.currentTimeStamp = timestampForTouch(touch)),
-      (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
-    : console.error(
-        "Cannot record touch end without a touch start.\nTouch End: %s\n",
-        "Touch Bank: %s",
-        printTouch(touch),
-        printTouchBank()
-      );
-}
-function printTouch(touch) {
-  return JSON.stringify({
-    identifier: touch.identifier,
-    pageX: touch.pageX,
-    pageY: touch.pageY,
-    timestamp: timestampForTouch(touch)
-  });
-}
-function printTouchBank() {
-  var printed = JSON.stringify(touchBank.slice(0, 20));
-  20 < touchBank.length &&
-    (printed += " (original size: " + touchBank.length + ")");
-  return printed;
-}
-var ResponderTouchHistoryStore = {
-  recordTouchTrack: function(topLevelType, nativeEvent) {
-    if (isMoveish(topLevelType))
-      nativeEvent.changedTouches.forEach(recordTouchMove);
-    else if (isStartish(topLevelType))
-      nativeEvent.changedTouches.forEach(recordTouchStart),
-        (touchHistory.numberActiveTouches = nativeEvent.touches.length),
-        1 === touchHistory.numberActiveTouches &&
-          (touchHistory.indexOfSingleActiveTouch =
-            nativeEvent.touches[0].identifier);
-    else if (
-      isEndish(topLevelType) &&
-      (nativeEvent.changedTouches.forEach(recordTouchEnd),
-      (touchHistory.numberActiveTouches = nativeEvent.touches.length),
-      1 === touchHistory.numberActiveTouches)
-    )
-      for (topLevelType = 0; topLevelType < touchBank.length; topLevelType++)
-        if (
-          ((nativeEvent = touchBank[topLevelType]),
-          null != nativeEvent && nativeEvent.touchActive)
-        ) {
-          touchHistory.indexOfSingleActiveTouch = topLevelType;
-          break;
-        }
-  },
-  touchHistory: touchHistory
-};
-function accumulate(current, next) {
-  invariant(
-    null != next,
-    "accumulate(...): Accumulated items must be not be null or undefined."
-  );
-  return null == current
-    ? next
-    : Array.isArray(current)
-      ? current.concat(next)
-      : Array.isArray(next) ? [current].concat(next) : [current, next];
-}
-var responderInst = null,
-  trackedTouchCount = 0,
-  previousActiveTouches = 0;
-function changeResponder(nextResponderInst, blockHostResponder) {
-  var oldResponderInst = responderInst;
-  responderInst = nextResponderInst;
-  if (null !== ResponderEventPlugin.GlobalResponderHandler)
-    ResponderEventPlugin.GlobalResponderHandler.onChange(
-      oldResponderInst,
-      nextResponderInst,
-      blockHostResponder
-    );
-}
-var eventTypes = {
-    startShouldSetResponder: {
-      phasedRegistrationNames: {
-        bubbled: "onStartShouldSetResponder",
-        captured: "onStartShouldSetResponderCapture"
-      }
-    },
-    scrollShouldSetResponder: {
-      phasedRegistrationNames: {
-        bubbled: "onScrollShouldSetResponder",
-        captured: "onScrollShouldSetResponderCapture"
-      }
-    },
-    selectionChangeShouldSetResponder: {
-      phasedRegistrationNames: {
-        bubbled: "onSelectionChangeShouldSetResponder",
-        captured: "onSelectionChangeShouldSetResponderCapture"
-      }
-    },
-    moveShouldSetResponder: {
-      phasedRegistrationNames: {
-        bubbled: "onMoveShouldSetResponder",
-        captured: "onMoveShouldSetResponderCapture"
-      }
-    },
-    responderStart: { registrationName: "onResponderStart" },
-    responderMove: { registrationName: "onResponderMove" },
-    responderEnd: { registrationName: "onResponderEnd" },
-    responderRelease: { registrationName: "onResponderRelease" },
-    responderTerminationRequest: {
-      registrationName: "onResponderTerminationRequest"
-    },
-    responderGrant: { registrationName: "onResponderGrant" },
-    responderReject: { registrationName: "onResponderReject" },
-    responderTerminate: { registrationName: "onResponderTerminate" }
-  },
-  ResponderEventPlugin = {
-    _getResponder: function() {
-      return responderInst;
-    },
-    eventTypes: eventTypes,
-    extractEvents: function(
-      topLevelType,
-      targetInst,
-      nativeEvent,
-      nativeEventTarget
-    ) {
-      if (isStartish(topLevelType)) trackedTouchCount += 1;
-      else if (isEndish(topLevelType))
-        if (0 <= trackedTouchCount) --trackedTouchCount;
-        else
-          return (
-            console.error(
-              "Ended a touch event which was not counted in `trackedTouchCount`."
-            ),
-            null
-          );
-      ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
-      if (
-        targetInst &&
-        (("topScroll" === topLevelType && !nativeEvent.responderIgnoreScroll) ||
-          (0 < trackedTouchCount && "topSelectionChange" === topLevelType) ||
-          isStartish(topLevelType) ||
-          isMoveish(topLevelType))
-      ) {
-        var JSCompiler_temp = isStartish(topLevelType)
-          ? eventTypes.startShouldSetResponder
-          : isMoveish(topLevelType)
-            ? eventTypes.moveShouldSetResponder
-            : "topSelectionChange" === topLevelType
-              ? eventTypes.selectionChangeShouldSetResponder
-              : eventTypes.scrollShouldSetResponder;
-        if (responderInst)
-          b: {
-            var JSCompiler_temp$jscomp$0 = responderInst;
-            for (
-              var depthA = 0, tempA = JSCompiler_temp$jscomp$0;
-              tempA;
-              tempA = getParent(tempA)
-            )
-              depthA++;
-            tempA = 0;
-            for (var tempB = targetInst; tempB; tempB = getParent(tempB))
-              tempA++;
-            for (; 0 < depthA - tempA; )
-              (JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0)),
-                depthA--;
-            for (; 0 < tempA - depthA; )
-              (targetInst = getParent(targetInst)), tempA--;
-            for (; depthA--; ) {
-              if (
-                JSCompiler_temp$jscomp$0 === targetInst ||
-                JSCompiler_temp$jscomp$0 === targetInst.alternate
-              )
-                break b;
-              JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0);
-              targetInst = getParent(targetInst);
-            }
-            JSCompiler_temp$jscomp$0 = null;
-          }
-        else JSCompiler_temp$jscomp$0 = targetInst;
-        targetInst = JSCompiler_temp$jscomp$0 === responderInst;
-        JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
-          JSCompiler_temp,
-          JSCompiler_temp$jscomp$0,
-          nativeEvent,
-          nativeEventTarget
-        );
-        JSCompiler_temp$jscomp$0.touchHistory =
-          ResponderTouchHistoryStore.touchHistory;
-        targetInst
-          ? forEachAccumulated(
-              JSCompiler_temp$jscomp$0,
-              accumulateTwoPhaseDispatchesSingleSkipTarget
-            )
-          : forEachAccumulated(
-              JSCompiler_temp$jscomp$0,
-              accumulateTwoPhaseDispatchesSingle
-            );
-        b: {
-          JSCompiler_temp = JSCompiler_temp$jscomp$0._dispatchListeners;
-          targetInst = JSCompiler_temp$jscomp$0._dispatchInstances;
-          if (Array.isArray(JSCompiler_temp))
-            for (
-              depthA = 0;
-              depthA < JSCompiler_temp.length &&
-              !JSCompiler_temp$jscomp$0.isPropagationStopped();
-              depthA++
-            ) {
-              if (
-                JSCompiler_temp[depthA](
-                  JSCompiler_temp$jscomp$0,
-                  targetInst[depthA]
-                )
-              ) {
-                JSCompiler_temp = targetInst[depthA];
-                break b;
-              }
-            }
-          else if (
-            JSCompiler_temp &&
-            JSCompiler_temp(JSCompiler_temp$jscomp$0, targetInst)
-          ) {
-            JSCompiler_temp = targetInst;
-            break b;
-          }
-          JSCompiler_temp = null;
-        }
-        JSCompiler_temp$jscomp$0._dispatchInstances = null;
-        JSCompiler_temp$jscomp$0._dispatchListeners = null;
-        JSCompiler_temp$jscomp$0.isPersistent() ||
-          JSCompiler_temp$jscomp$0.constructor.release(
-            JSCompiler_temp$jscomp$0
-          );
-        JSCompiler_temp && JSCompiler_temp !== responderInst
-          ? ((JSCompiler_temp$jscomp$0 = void 0),
-            (targetInst = ResponderSyntheticEvent.getPooled(
-              eventTypes.responderGrant,
-              JSCompiler_temp,
-              nativeEvent,
-              nativeEventTarget
-            )),
-            (targetInst.touchHistory = ResponderTouchHistoryStore.touchHistory),
-            forEachAccumulated(targetInst, accumulateDirectDispatchesSingle),
-            (depthA = !0 === executeDirectDispatch(targetInst)),
-            responderInst
-              ? ((tempA = ResponderSyntheticEvent.getPooled(
-                  eventTypes.responderTerminationRequest,
-                  responderInst,
-                  nativeEvent,
-                  nativeEventTarget
-                )),
-                (tempA.touchHistory = ResponderTouchHistoryStore.touchHistory),
-                forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
-                (tempB =
-                  !tempA._dispatchListeners || executeDirectDispatch(tempA)),
-                tempA.isPersistent() || tempA.constructor.release(tempA),
-                tempB
-                  ? ((tempA = ResponderSyntheticEvent.getPooled(
-                      eventTypes.responderTerminate,
-                      responderInst,
-                      nativeEvent,
-                      nativeEventTarget
-                    )),
-                    (tempA.touchHistory =
-                      ResponderTouchHistoryStore.touchHistory),
-                    forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
-                    (JSCompiler_temp$jscomp$0 = accumulate(
-                      JSCompiler_temp$jscomp$0,
-                      [targetInst, tempA]
-                    )),
-                    changeResponder(JSCompiler_temp, depthA))
-                  : ((JSCompiler_temp = ResponderSyntheticEvent.getPooled(
-                      eventTypes.responderReject,
-                      JSCompiler_temp,
-                      nativeEvent,
-                      nativeEventTarget
-                    )),
-                    (JSCompiler_temp.touchHistory =
-                      ResponderTouchHistoryStore.touchHistory),
-                    forEachAccumulated(
-                      JSCompiler_temp,
-                      accumulateDirectDispatchesSingle
-                    ),
-                    (JSCompiler_temp$jscomp$0 = accumulate(
-                      JSCompiler_temp$jscomp$0,
-                      JSCompiler_temp
-                    ))))
-              : ((JSCompiler_temp$jscomp$0 = accumulate(
-                  JSCompiler_temp$jscomp$0,
-                  targetInst
-                )),
-                changeResponder(JSCompiler_temp, depthA)),
-            (JSCompiler_temp = JSCompiler_temp$jscomp$0))
-          : (JSCompiler_temp = null);
-      } else JSCompiler_temp = null;
-      JSCompiler_temp$jscomp$0 = responderInst && isStartish(topLevelType);
-      targetInst = responderInst && isMoveish(topLevelType);
-      depthA = responderInst && isEndish(topLevelType);
-      if (
-        (JSCompiler_temp$jscomp$0 = JSCompiler_temp$jscomp$0
-          ? eventTypes.responderStart
-          : targetInst
-            ? eventTypes.responderMove
-            : depthA ? eventTypes.responderEnd : null)
-      )
-        (JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
-          JSCompiler_temp$jscomp$0,
-          responderInst,
-          nativeEvent,
-          nativeEventTarget
-        )),
-          (JSCompiler_temp$jscomp$0.touchHistory =
-            ResponderTouchHistoryStore.touchHistory),
-          forEachAccumulated(
-            JSCompiler_temp$jscomp$0,
-            accumulateDirectDispatchesSingle
-          ),
-          (JSCompiler_temp = accumulate(
-            JSCompiler_temp,
-            JSCompiler_temp$jscomp$0
-          ));
-      JSCompiler_temp$jscomp$0 =
-        responderInst && "topTouchCancel" === topLevelType;
-      if (
-        (topLevelType =
-          responderInst && !JSCompiler_temp$jscomp$0 && isEndish(topLevelType))
-      )
-        a: {
-          if ((topLevelType = nativeEvent.touches) && 0 !== topLevelType.length)
-            for (targetInst = 0; targetInst < topLevelType.length; targetInst++)
-              if (
-                ((depthA = topLevelType[targetInst].target),
-                null !== depthA && void 0 !== depthA && 0 !== depthA)
-              ) {
-                tempA = getInstanceFromNode(depthA);
-                b: {
-                  for (depthA = responderInst; tempA; ) {
-                    if (depthA === tempA || depthA === tempA.alternate) {
-                      depthA = !0;
-                      break b;
-                    }
-                    tempA = getParent(tempA);
-                  }
-                  depthA = !1;
-                }
-                if (depthA) {
-                  topLevelType = !1;
-                  break a;
-                }
-              }
-          topLevelType = !0;
-        }
-      if (
-        (topLevelType = JSCompiler_temp$jscomp$0
-          ? eventTypes.responderTerminate
-          : topLevelType ? eventTypes.responderRelease : null)
-      )
-        (nativeEvent = ResponderSyntheticEvent.getPooled(
-          topLevelType,
-          responderInst,
-          nativeEvent,
-          nativeEventTarget
-        )),
-          (nativeEvent.touchHistory = ResponderTouchHistoryStore.touchHistory),
-          forEachAccumulated(nativeEvent, accumulateDirectDispatchesSingle),
-          (JSCompiler_temp = accumulate(JSCompiler_temp, nativeEvent)),
-          changeResponder(null);
-      nativeEvent = ResponderTouchHistoryStore.touchHistory.numberActiveTouches;
-      if (
-        ResponderEventPlugin.GlobalInteractionHandler &&
-        nativeEvent !== previousActiveTouches
-      )
-        ResponderEventPlugin.GlobalInteractionHandler.onChange(nativeEvent);
-      previousActiveTouches = nativeEvent;
-      return JSCompiler_temp;
-    },
-    GlobalResponderHandler: null,
-    GlobalInteractionHandler: null,
-    injection: {
-      injectGlobalResponderHandler: function(GlobalResponderHandler) {
-        ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
-      },
-      injectGlobalInteractionHandler: function(GlobalInteractionHandler) {
-        ResponderEventPlugin.GlobalInteractionHandler = GlobalInteractionHandler;
-      }
-    }
-  },
-  customBubblingEventTypes = {},
-  customDirectEventTypes = {},
-  ReactNativeBridgeEventPlugin = {
-    eventTypes: {},
-    extractEvents: function(
-      topLevelType,
-      targetInst,
-      nativeEvent,
-      nativeEventTarget
-    ) {
-      if (null == targetInst) return null;
-      var bubbleDispatchConfig = customBubblingEventTypes[topLevelType],
-        directDispatchConfig = customDirectEventTypes[topLevelType];
-      invariant(
-        bubbleDispatchConfig || directDispatchConfig,
-        'Unsupported top level event type "%s" dispatched',
-        topLevelType
-      );
-      topLevelType = SyntheticEvent.getPooled(
-        bubbleDispatchConfig || directDispatchConfig,
-        targetInst,
-        nativeEvent,
-        nativeEventTarget
-      );
-      if (bubbleDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateTwoPhaseDispatchesSingle);
-      else if (directDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
-      else return null;
-      return topLevelType;
-    },
-    processEventTypes: function(viewConfig) {
-      var bubblingEventTypes = viewConfig.bubblingEventTypes;
-      viewConfig = viewConfig.directEventTypes;
-      if (null != bubblingEventTypes)
-        for (var _topLevelType in bubblingEventTypes)
-          null == customBubblingEventTypes[_topLevelType] &&
-            (ReactNativeBridgeEventPlugin.eventTypes[
-              _topLevelType
-            ] = customBubblingEventTypes[_topLevelType] =
-              bubblingEventTypes[_topLevelType]);
-      if (null != viewConfig)
-        for (var _topLevelType2 in viewConfig)
-          null == customDirectEventTypes[_topLevelType2] &&
-            (ReactNativeBridgeEventPlugin.eventTypes[
-              _topLevelType2
-            ] = customDirectEventTypes[_topLevelType2] =
-              viewConfig[_topLevelType2]);
-    }
-  },
-  instanceCache = {},
-  instanceProps = {};
-function getInstanceFromTag(tag) {
-  return "number" === typeof tag ? instanceCache[tag] || null : tag;
-}
-var ReactNativeComponentTree = Object.freeze({
-  precacheFiberNode: function(hostInst, tag) {
-    instanceCache[tag] = hostInst;
-  },
-  uncacheFiberNode: function(tag) {
-    delete instanceCache[tag];
-    delete instanceProps[tag];
-  },
-  getClosestInstanceFromNode: getInstanceFromTag,
-  getInstanceFromNode: getInstanceFromTag,
-  getNodeFromInstance: function(inst) {
-    var tag = inst.stateNode._nativeTag;
-    void 0 === tag && (tag = inst.stateNode.canonical._nativeTag);
-    invariant(tag, "All native instances should have a tag.");
-    return tag;
-  },
-  getFiberCurrentPropsFromNode: function(stateNode) {
-    return instanceProps[stateNode._nativeTag] || null;
-  },
-  updateFiberProps: function(tag, props) {
-    instanceProps[tag] = props;
-  }
-});
-injection.injectEventPluginOrder([
-  "ResponderEventPlugin",
-  "ReactNativeBridgeEventPlugin"
-]);
-getFiberCurrentPropsFromNode =
-  ReactNativeComponentTree.getFiberCurrentPropsFromNode;
-getInstanceFromNode = ReactNativeComponentTree.getInstanceFromNode;
-getNodeFromInstance = ReactNativeComponentTree.getNodeFromInstance;
-ResponderEventPlugin.injection.injectGlobalResponderHandler({
-  onChange: function(from, to, blockNativeResponder) {
-    null !== to
-      ? UIManager.setJSResponder(to.stateNode._nativeTag, blockNativeResponder)
-      : UIManager.clearJSResponder();
-  }
-});
-injection.injectEventPluginsByName({
-  ResponderEventPlugin: ResponderEventPlugin,
-  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
-});
-var hasSymbol = "function" === typeof Symbol && Symbol["for"],
-  REACT_ELEMENT_TYPE = hasSymbol ? Symbol["for"]("react.element") : 60103,
-  REACT_CALL_TYPE = hasSymbol ? Symbol["for"]("react.call") : 60104,
-  REACT_RETURN_TYPE = hasSymbol ? Symbol["for"]("react.return") : 60105,
-  REACT_PORTAL_TYPE = hasSymbol ? Symbol["for"]("react.portal") : 60106,
-  REACT_FRAGMENT_TYPE = hasSymbol ? Symbol["for"]("react.fragment") : 60107,
-  REACT_STRICT_MODE_TYPE = hasSymbol
-    ? Symbol["for"]("react.strict_mode")
-    : 60108,
-  REACT_PROVIDER_TYPE = hasSymbol ? Symbol["for"]("react.provider") : 60109,
-  REACT_CONTEXT_TYPE = hasSymbol ? Symbol["for"]("react.context") : 60110,
-  REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol["for"]("react.async_mode") : 60111,
-  MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
-function getIteratorFn(maybeIterable) {
-  if (null === maybeIterable || "undefined" === typeof maybeIterable)
-    return null;
-  maybeIterable =
-    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
-    maybeIterable["@@iterator"];
-  return "function" === typeof maybeIterable ? maybeIterable : null;
-}
-function createPortal(children, containerInfo, implementation) {
-  var key =
-    3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
-  return {
-    $$typeof: REACT_PORTAL_TYPE,
-    key: null == key ? null : "" + key,
-    children: children,
-    containerInfo: containerInfo,
-    implementation: implementation
-  };
-}
-var restoreTarget = null,
-  restoreQueue = null;
-function restoreStateOfTarget(target) {
-  if ((target = getInstanceFromNode(target))) {
-    invariant(
-      null,
-      "Fiber needs to be injected to handle a fiber target for controlled events. This error is likely caused by a bug in React. Please file an issue."
-    );
-    var props = getFiberCurrentPropsFromNode(target.stateNode);
-    null.restoreControlledState(target.stateNode, target.type, props);
-  }
-}
-function _batchedUpdates(fn, bookkeeping) {
-  return fn(bookkeeping);
-}
-function _flushInteractiveUpdates() {}
-var isBatching = !1,
-  TouchHistoryMath = {
-    centroidDimension: function(
-      touchHistory,
-      touchesChangedAfter,
-      isXAxis,
-      ofCurrent
-    ) {
-      var touchBank = touchHistory.touchBank,
-        total = 0,
-        count = 0;
-      touchHistory =
-        1 === touchHistory.numberActiveTouches
-          ? touchHistory.touchBank[touchHistory.indexOfSingleActiveTouch]
-          : null;
-      if (null !== touchHistory)
-        touchHistory.touchActive &&
-          touchHistory.currentTimeStamp > touchesChangedAfter &&
-          ((total +=
-            ofCurrent && isXAxis
-              ? touchHistory.currentPageX
-              : ofCurrent && !isXAxis
-                ? touchHistory.currentPageY
-                : !ofCurrent && isXAxis
-                  ? touchHistory.previousPageX
-                  : touchHistory.previousPageY),
-          (count = 1));
-      else
-        for (
-          touchHistory = 0;
-          touchHistory < touchBank.length;
-          touchHistory++
-        ) {
-          var touchTrack = touchBank[touchHistory];
-          null !== touchTrack &&
-            void 0 !== touchTrack &&
-            touchTrack.touchActive &&
-            touchTrack.currentTimeStamp >= touchesChangedAfter &&
-            ((total +=
-              ofCurrent && isXAxis
-                ? touchTrack.currentPageX
-                : ofCurrent && !isXAxis
-                  ? touchTrack.currentPageY
-                  : !ofCurrent && isXAxis
-                    ? touchTrack.previousPageX
-                    : touchTrack.previousPageY),
-            count++);
-        }
-      return 0 < count ? total / count : TouchHistoryMath.noCentroid;
-    },
-    currentCentroidXOfTouchesChangedAfter: function(
-      touchHistory,
-      touchesChangedAfter
-    ) {
-      return TouchHistoryMath.centroidDimension(
-        touchHistory,
-        touchesChangedAfter,
-        !0,
-        !0
-      );
-    },
-    currentCentroidYOfTouchesChangedAfter: function(
-      touchHistory,
-      touchesChangedAfter
-    ) {
-      return TouchHistoryMath.centroidDimension(
-        touchHistory,
-        touchesChangedAfter,
-        !1,
-        !0
-      );
-    },
-    previousCentroidXOfTouchesChangedAfter: function(
-      touchHistory,
-      touchesChangedAfter
-    ) {
-      return TouchHistoryMath.centroidDimension(
-        touchHistory,
-        touchesChangedAfter,
-        !0,
-        !1
-      );
-    },
-    previousCentroidYOfTouchesChangedAfter: function(
-      touchHistory,
-      touchesChangedAfter
-    ) {
-      return TouchHistoryMath.centroidDimension(
-        touchHistory,
-        touchesChangedAfter,
-        !1,
-        !1
-      );
-    },
-    currentCentroidX: function(touchHistory) {
-      return TouchHistoryMath.centroidDimension(touchHistory, 0, !0, !0);
-    },
-    currentCentroidY: function(touchHistory) {
-      return TouchHistoryMath.centroidDimension(touchHistory, 0, !1, !0);
-    },
-    noCentroid: -1
-  },
-  objects = {},
-  uniqueID = 1,
-  emptyObject$2 = {},
-  ReactNativePropRegistry = (function() {
-    function ReactNativePropRegistry() {
-      if (!(this instanceof ReactNativePropRegistry))
-        throw new TypeError("Cannot call a class as a function");
-    }
-    ReactNativePropRegistry.register = function(object) {
-      var id = ++uniqueID;
-      objects[id] = object;
-      return id;
-    };
-    ReactNativePropRegistry.getByID = function(id) {
-      if (!id) return emptyObject$2;
-      var object = objects[id];
-      return object
-        ? object
-        : (console.warn("Invalid style with id `" + id + "`. Skipping ..."),
-          emptyObject$2);
-    };
-    return ReactNativePropRegistry;
-  })(),
-  emptyObject$1 = {},
-  removedKeys = null,
-  removedKeyCount = 0;
-function resolveObject(idOrObject) {
-  return "number" === typeof idOrObject
-    ? ReactNativePropRegistry.getByID(idOrObject)
-    : idOrObject;
-}
-function restoreDeletedValuesInNestedArray(
-  updatePayload,
-  node,
-  validAttributes
-) {
-  if (Array.isArray(node))
-    for (var i = node.length; i-- && 0 < removedKeyCount; )
-      restoreDeletedValuesInNestedArray(
-        updatePayload,
-        node[i],
-        validAttributes
-      );
-  else if (node && 0 < removedKeyCount)
-    for (i in ((node = resolveObject(node)), removedKeys))
-      if (removedKeys[i]) {
-        var _nextProp = node[i];
-        if (void 0 !== _nextProp) {
-          var attributeConfig = validAttributes[i];
-          if (attributeConfig) {
-            "function" === typeof _nextProp && (_nextProp = !0);
-            "undefined" === typeof _nextProp && (_nextProp = null);
-            if ("object" !== typeof attributeConfig)
-              updatePayload[i] = _nextProp;
-            else if (
-              "function" === typeof attributeConfig.diff ||
-              "function" === typeof attributeConfig.process
-            )
-              (_nextProp =
-                "function" === typeof attributeConfig.process
-                  ? attributeConfig.process(_nextProp)
-                  : _nextProp),
-                (updatePayload[i] = _nextProp);
-            removedKeys[i] = !1;
-            removedKeyCount--;
-          }
-        }
-      }
-}
-function diffNestedProperty(
-  updatePayload,
-  prevProp,
-  nextProp,
-  validAttributes
-) {
-  if (!updatePayload && prevProp === nextProp) return updatePayload;
-  if (!prevProp || !nextProp)
-    return nextProp
-      ? addNestedProperty(updatePayload, nextProp, validAttributes)
-      : prevProp
-        ? clearNestedProperty(updatePayload, prevProp, validAttributes)
-        : updatePayload;
-  if (!Array.isArray(prevProp) && !Array.isArray(nextProp))
-    return diffProperties(
-      updatePayload,
-      resolveObject(prevProp),
-      resolveObject(nextProp),
-      validAttributes
-    );
-  if (Array.isArray(prevProp) && Array.isArray(nextProp)) {
-    var minLength =
-        prevProp.length < nextProp.length ? prevProp.length : nextProp.length,
-      i;
-    for (i = 0; i < minLength; i++)
-      updatePayload = diffNestedProperty(
-        updatePayload,
-        prevProp[i],
-        nextProp[i],
-        validAttributes
-      );
-    for (; i < prevProp.length; i++)
-      updatePayload = clearNestedProperty(
-        updatePayload,
-        prevProp[i],
-        validAttributes
-      );
-    for (; i < nextProp.length; i++)
-      updatePayload = addNestedProperty(
-        updatePayload,
-        nextProp[i],
-        validAttributes
-      );
-    return updatePayload;
-  }
-  return Array.isArray(prevProp)
-    ? diffProperties(
-        updatePayload,
-        flattenStyle(prevProp),
-        resolveObject(nextProp),
-        validAttributes
-      )
-    : diffProperties(
-        updatePayload,
-        resolveObject(prevProp),
-        flattenStyle(nextProp),
-        validAttributes
-      );
-}
-function addNestedProperty(updatePayload, nextProp, validAttributes) {
-  if (!nextProp) return updatePayload;
-  if (!Array.isArray(nextProp))
-    return (
-      (nextProp = resolveObject(nextProp)),
-      diffProperties(updatePayload, emptyObject$1, nextProp, validAttributes)
-    );
-  for (var i = 0; i < nextProp.length; i++)
-    updatePayload = addNestedProperty(
-      updatePayload,
-      nextProp[i],
-      validAttributes
-    );
-  return updatePayload;
-}
-function clearNestedProperty(updatePayload, prevProp, validAttributes) {
-  if (!prevProp) return updatePayload;
-  if (!Array.isArray(prevProp))
-    return (
-      (prevProp = resolveObject(prevProp)),
-      diffProperties(updatePayload, prevProp, emptyObject$1, validAttributes)
-    );
-  for (var i = 0; i < prevProp.length; i++)
-    updatePayload = clearNestedProperty(
-      updatePayload,
-      prevProp[i],
-      validAttributes
-    );
-  return updatePayload;
-}
-function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
-  var attributeConfig, propKey;
-  for (propKey in nextProps)
-    if ((attributeConfig = validAttributes[propKey])) {
-      var prevProp = prevProps[propKey];
-      var nextProp = nextProps[propKey];
-      "function" === typeof nextProp &&
-        ((nextProp = !0), "function" === typeof prevProp && (prevProp = !0));
-      "undefined" === typeof nextProp &&
-        ((nextProp = null),
-        "undefined" === typeof prevProp && (prevProp = null));
-      removedKeys && (removedKeys[propKey] = !1);
-      if (updatePayload && void 0 !== updatePayload[propKey])
-        if ("object" !== typeof attributeConfig)
-          updatePayload[propKey] = nextProp;
-        else {
-          if (
-            "function" === typeof attributeConfig.diff ||
-            "function" === typeof attributeConfig.process
-          )
-            (attributeConfig =
-              "function" === typeof attributeConfig.process
-                ? attributeConfig.process(nextProp)
-                : nextProp),
-              (updatePayload[propKey] = attributeConfig);
-        }
-      else if (prevProp !== nextProp)
-        if ("object" !== typeof attributeConfig)
-          ("object" !== typeof nextProp ||
-            null === nextProp ||
-            deepDiffer(prevProp, nextProp)) &&
-            ((updatePayload || (updatePayload = {}))[propKey] = nextProp);
-        else if (
-          "function" === typeof attributeConfig.diff ||
-          "function" === typeof attributeConfig.process
-        ) {
-          if (
-            void 0 === prevProp ||
-            ("function" === typeof attributeConfig.diff
-              ? attributeConfig.diff(prevProp, nextProp)
-              : "object" !== typeof nextProp ||
-                null === nextProp ||
-                deepDiffer(prevProp, nextProp))
-          )
-            (attributeConfig =
-              "function" === typeof attributeConfig.process
-                ? attributeConfig.process(nextProp)
-                : nextProp),
-              ((updatePayload || (updatePayload = {}))[
-                propKey
-              ] = attributeConfig);
-        } else
-          (removedKeys = null),
-            (removedKeyCount = 0),
-            (updatePayload = diffNestedProperty(
-              updatePayload,
-              prevProp,
-              nextProp,
-              attributeConfig
-            )),
-            0 < removedKeyCount &&
-              updatePayload &&
-              (restoreDeletedValuesInNestedArray(
-                updatePayload,
-                nextProp,
-                attributeConfig
-              ),
-              (removedKeys = null));
-    }
-  for (var _propKey in prevProps)
-    void 0 === nextProps[_propKey] &&
-      (!(attributeConfig = validAttributes[_propKey]) ||
-        (updatePayload && void 0 !== updatePayload[_propKey]) ||
-        ((prevProp = prevProps[_propKey]),
-        void 0 !== prevProp &&
-          ("object" !== typeof attributeConfig ||
-          "function" === typeof attributeConfig.diff ||
-          "function" === typeof attributeConfig.process
-            ? (((updatePayload || (updatePayload = {}))[_propKey] = null),
-              removedKeys || (removedKeys = {}),
-              removedKeys[_propKey] ||
-                ((removedKeys[_propKey] = !0), removedKeyCount++))
-            : (updatePayload = clearNestedProperty(
-                updatePayload,
-                prevProp,
-                attributeConfig
-              )))));
-  return updatePayload;
-}
-function mountSafeCallback(context, callback) {
-  return function() {
-    if (callback) {
-      if ("boolean" === typeof context.__isMounted) {
-        if (!context.__isMounted) return;
-      } else if (
-        "function" === typeof context.isMounted &&
-        !context.isMounted()
-      )
-        return;
-      return callback.apply(context, arguments);
-    }
-  };
-}
-var ReactCurrentOwner =
-  React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;
-function getComponentName(fiber) {
-  fiber = fiber.type;
-  if ("function" === typeof fiber) return fiber.displayName || fiber.name;
-  if ("string" === typeof fiber) return fiber;
-  switch (fiber) {
-    case REACT_FRAGMENT_TYPE:
-      return "ReactFragment";
-    case REACT_PORTAL_TYPE:
-      return "ReactPortal";
-    case REACT_CALL_TYPE:
-      return "ReactCall";
-    case REACT_RETURN_TYPE:
-      return "ReactReturn";
-  }
-  return null;
-}
-function findHostInstanceFabric() {
-  return null;
-}
-function findNodeHandle(componentOrHandle) {
-  if (null == componentOrHandle) return null;
-  if ("number" === typeof componentOrHandle) return componentOrHandle;
-  var internalInstance = componentOrHandle._reactInternalFiber;
-  if (internalInstance) return findHostInstanceFabric(internalInstance);
-  if (componentOrHandle) return componentOrHandle;
-  invariant(
-    ("object" === typeof componentOrHandle &&
-      "_nativeTag" in componentOrHandle) ||
-      (null != componentOrHandle.render &&
-        "function" === typeof componentOrHandle.render),
-    "findNodeHandle(...): Argument is not a component (type: %s, keys: %s)",
-    typeof componentOrHandle,
-    Object.keys(componentOrHandle)
-  );
-  invariant(
-    !1,
-    "findNodeHandle(...): Unable to find node handle for unmounted component."
-  );
-}
-function findNumericNodeHandleFiber(componentOrHandle) {
-  componentOrHandle = findNodeHandle(componentOrHandle);
-  return null == componentOrHandle || "number" === typeof componentOrHandle
-    ? componentOrHandle
-    : componentOrHandle._nativeTag;
-}
-function _inherits(subClass, superClass) {
-  if ("function" !== typeof superClass && null !== superClass)
-    throw new TypeError(
-      "Super expression must either be null or a function, not " +
-        typeof superClass
-    );
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      enumerable: !1,
-      writable: !0,
-      configurable: !0
-    }
-  });
-  superClass &&
-    (Object.setPrototypeOf
-      ? Object.setPrototypeOf(subClass, superClass)
-      : (subClass.__proto__ = superClass));
-}
-var ReactNativeComponent = (function(_React$Component) {
-    function ReactNativeComponent() {
-      if (!(this instanceof ReactNativeComponent))
-        throw new TypeError("Cannot call a class as a function");
-      var call = _React$Component.apply(this, arguments);
-      if (!this)
-        throw new ReferenceError(
-          "this hasn't been initialised - super() hasn't been called"
-        );
-      return !call || ("object" !== typeof call && "function" !== typeof call)
-        ? this
-        : call;
-    }
-    _inherits(ReactNativeComponent, _React$Component);
-    ReactNativeComponent.prototype.blur = function() {
-      TextInputState.blurTextInput(findNumericNodeHandleFiber(this));
-    };
-    ReactNativeComponent.prototype.focus = function() {
-      TextInputState.focusTextInput(findNumericNodeHandleFiber(this));
-    };
-    ReactNativeComponent.prototype.measure = function(callback) {
-      UIManager.measure(
-        findNumericNodeHandleFiber(this),
-        mountSafeCallback(this, callback)
-      );
-    };
-    ReactNativeComponent.prototype.measureInWindow = function(callback) {
-      UIManager.measureInWindow(
-        findNumericNodeHandleFiber(this),
-        mountSafeCallback(this, callback)
-      );
-    };
-    ReactNativeComponent.prototype.measureLayout = function(
-      relativeToNativeNode,
-      onSuccess,
-      onFail
-    ) {
-      UIManager.measureLayout(
-        findNumericNodeHandleFiber(this),
-        relativeToNativeNode,
-        mountSafeCallback(this, onFail),
-        mountSafeCallback(this, onSuccess)
-      );
-    };
-    ReactNativeComponent.prototype.setNativeProps = function(nativeProps) {
-      var maybeInstance = void 0;
-      try {
-        maybeInstance = findNodeHandle(this);
-      } catch (error) {}
-      if (null != maybeInstance) {
-        var viewConfig =
-          maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
-        nativeProps = diffProperties(
-          null,
-          emptyObject$1,
-          nativeProps,
-          viewConfig.validAttributes
-        );
-        null != nativeProps &&
-          UIManager.updateView(
-            maybeInstance._nativeTag,
-            viewConfig.uiViewClassName,
-            nativeProps
-          );
-      }
-    };
-    return ReactNativeComponent;
-  })(React.Component),
-  now =
-    "object" === typeof performance && "function" === typeof performance.now
-      ? function() {
-          return performance.now();
-        }
-      : function() {
-          return Date.now();
-        },
-  scheduledCallback = null,
-  frameDeadline = 0,
-  frameDeadlineObject = {
-    timeRemaining: function() {
-      return frameDeadline - now();
-    }
-  };
-function setTimeoutCallback() {
-  frameDeadline = now() + 5;
-  var callback = scheduledCallback;
-  scheduledCallback = null;
-  null !== callback && callback(frameDeadlineObject);
-}
-var viewConfigCallbacks = new Map(),
-  viewConfigs = new Map();
-function isFiberMountedImpl(fiber) {
-  var node = fiber;
-  if (fiber.alternate) for (; node["return"]; ) node = node["return"];
-  else {
-    if (0 !== (node.effectTag & 2)) return 1;
-    for (; node["return"]; )
-      if (((node = node["return"]), 0 !== (node.effectTag & 2))) return 1;
-  }
-  return 3 === node.tag ? 2 : 3;
-}
-function isMounted(component) {
-  return (component = component._reactInternalFiber)
-    ? 2 === isFiberMountedImpl(component)
-    : !1;
-}
-function assertIsMounted(fiber) {
-  invariant(
-    2 === isFiberMountedImpl(fiber),
-    "Unable to find node on an unmounted component."
-  );
-}
-function findCurrentFiberUsingSlowPath(fiber) {
-  var alternate = fiber.alternate;
-  if (!alternate)
-    return (
-      (alternate = isFiberMountedImpl(fiber)),
-      invariant(
-        3 !== alternate,
-        "Unable to find node on an unmounted component."
-      ),
-      1 === alternate ? null : fiber
-    );
-  for (var a = fiber, b = alternate; ; ) {
-    var parentA = a["return"],
-      parentB = parentA ? parentA.alternate : null;
-    if (!parentA || !parentB) break;
-    if (parentA.child === parentB.child) {
-      for (var child = parentA.child; child; ) {
-        if (child === a) return assertIsMounted(parentA), fiber;
-        if (child === b) return assertIsMounted(parentA), alternate;
-        child = child.sibling;
-      }
-      invariant(!1, "Unable to find node on an unmounted component.");
-    }
-    if (a["return"] !== b["return"]) (a = parentA), (b = parentB);
-    else {
-      child = !1;
-      for (var _child = parentA.child; _child; ) {
-        if (_child === a) {
-          child = !0;
-          a = parentA;
-          b = parentB;
-          break;
-        }
-        if (_child === b) {
-          child = !0;
-          b = parentA;
-          a = parentB;
-          break;
-        }
-        _child = _child.sibling;
-      }
-      if (!child) {
-        for (_child = parentB.child; _child; ) {
-          if (_child === a) {
-            child = !0;
-            a = parentB;
-            b = parentA;
-            break;
-          }
-          if (_child === b) {
-            child = !0;
-            b = parentB;
-            a = parentA;
-            break;
-          }
-          _child = _child.sibling;
-        }
-        invariant(
-          child,
-          "Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue."
-        );
-      }
-    }
-    invariant(
-      a.alternate === b,
-      "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-  invariant(3 === a.tag, "Unable to find node on an unmounted component.");
-  return a.stateNode.current === a ? fiber : alternate;
-}
-function findCurrentHostFiber(parent) {
-  parent = findCurrentFiberUsingSlowPath(parent);
-  if (!parent) return null;
-  for (var node = parent; ; ) {
-    if (5 === node.tag || 6 === node.tag) return node;
-    if (node.child) (node.child["return"] = node), (node = node.child);
-    else {
-      if (node === parent) break;
-      for (; !node.sibling; ) {
-        if (!node["return"] || node["return"] === parent) return null;
-        node = node["return"];
-      }
-      node.sibling["return"] = node["return"];
-      node = node.sibling;
-    }
-  }
-  return null;
-}
-function findCurrentHostFiberWithNoPortals(parent) {
-  parent = findCurrentFiberUsingSlowPath(parent);
-  if (!parent) return null;
-  for (var node = parent; ; ) {
-    if (5 === node.tag || 6 === node.tag) return node;
-    if (node.child && 4 !== node.tag)
-      (node.child["return"] = node), (node = node.child);
-    else {
-      if (node === parent) break;
-      for (; !node.sibling; ) {
-        if (!node["return"] || node["return"] === parent) return null;
-        node = node["return"];
-      }
-      node.sibling["return"] = node["return"];
-      node = node.sibling;
-    }
-  }
-  return null;
-}
-var valueStack = [],
-  index = -1;
-function pop(cursor) {
-  0 > index ||
-    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
-}
-function push(cursor, value) {
-  index++;
-  valueStack[index] = cursor.current;
-  cursor.current = value;
-}
-function getStackAddendumByWorkInProgressFiber(workInProgress) {
-  var info = "";
-  do {
-    a: switch (workInProgress.tag) {
-      case 0:
-      case 1:
-      case 2:
-      case 5:
-        var owner = workInProgress._debugOwner,
-          source = workInProgress._debugSource;
-        var JSCompiler_inline_result = getComponentName(workInProgress);
-        var ownerName = null;
-        owner && (ownerName = getComponentName(owner));
-        owner = source;
-        JSCompiler_inline_result =
-          "\n    in " +
-          (JSCompiler_inline_result || "Unknown") +
-          (owner
-            ? " (at " +
-              owner.fileName.replace(/^.*[\\\/]/, "") +
-              ":" +
-              owner.lineNumber +
-              ")"
-            : ownerName ? " (created by " + ownerName + ")" : "");
-        break a;
-      default:
-        JSCompiler_inline_result = "";
-    }
-    info += JSCompiler_inline_result;
-    workInProgress = workInProgress["return"];
-  } while (workInProgress);
-  return info;
-}
-new Set();
-var contextStackCursor = { current: emptyObject },
-  didPerformWorkStackCursor = { current: !1 },
-  previousContext = emptyObject;
-function getUnmaskedContext(workInProgress) {
-  return isContextProvider(workInProgress)
-    ? previousContext
-    : contextStackCursor.current;
-}
-function getMaskedContext(workInProgress, unmaskedContext) {
-  var contextTypes = workInProgress.type.contextTypes;
-  if (!contextTypes) return emptyObject;
-  var instance = workInProgress.stateNode;
-  if (
-    instance &&
-    instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
-  )
-    return instance.__reactInternalMemoizedMaskedChildContext;
-  var context = {},
-    key;
-  for (key in contextTypes) context[key] = unmaskedContext[key];
-  instance &&
-    ((workInProgress = workInProgress.stateNode),
-    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
-    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
-  return context;
-}
-function isContextProvider(fiber) {
-  return 2 === fiber.tag && null != fiber.type.childContextTypes;
-}
-function popContextProvider(fiber) {
-  isContextProvider(fiber) &&
-    (pop(didPerformWorkStackCursor, fiber), pop(contextStackCursor, fiber));
-}
-function pushTopLevelContextObject(fiber, context, didChange) {
-  invariant(
-    null == contextStackCursor.cursor,
-    "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
-  );
-  push(contextStackCursor, context, fiber);
-  push(didPerformWorkStackCursor, didChange, fiber);
-}
-function processChildContext(fiber, parentContext) {
-  var instance = fiber.stateNode,
-    childContextTypes = fiber.type.childContextTypes;
-  if ("function" !== typeof instance.getChildContext) return parentContext;
-  instance = instance.getChildContext();
-  for (var contextKey in instance)
-    invariant(
-      contextKey in childContextTypes,
-      '%s.getChildContext(): key "%s" is not defined in childContextTypes.',
-      getComponentName(fiber) || "Unknown",
-      contextKey
-    );
-  return Object.assign({}, parentContext, instance);
-}
-function pushContextProvider(workInProgress) {
-  if (!isContextProvider(workInProgress)) return !1;
-  var instance = workInProgress.stateNode;
-  instance =
-    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
-    emptyObject;
-  previousContext = contextStackCursor.current;
-  push(contextStackCursor, instance, workInProgress);
-  push(
-    didPerformWorkStackCursor,
-    didPerformWorkStackCursor.current,
-    workInProgress
-  );
-  return !0;
-}
-function invalidateContextProvider(workInProgress, didChange) {
-  var instance = workInProgress.stateNode;
-  invariant(
-    instance,
-    "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
-  );
-  if (didChange) {
-    var mergedContext = processChildContext(workInProgress, previousContext);
-    instance.__reactInternalMemoizedMergedChildContext = mergedContext;
-    pop(didPerformWorkStackCursor, workInProgress);
-    pop(contextStackCursor, workInProgress);
-    push(contextStackCursor, mergedContext, workInProgress);
-  } else pop(didPerformWorkStackCursor, workInProgress);
-  push(didPerformWorkStackCursor, didChange, workInProgress);
-}
-function FiberNode(tag, pendingProps, key, mode) {
-  this.tag = tag;
-  this.key = key;
-  this.stateNode = this.type = null;
-  this.sibling = this.child = this["return"] = null;
-  this.index = 0;
-  this.ref = null;
-  this.pendingProps = pendingProps;
-  this.memoizedState = this.updateQueue = this.memoizedProps = null;
-  this.mode = mode;
-  this.effectTag = 0;
-  this.lastEffect = this.firstEffect = this.nextEffect = null;
-  this.expirationTime = 0;
-  this.alternate = null;
-}
-function createWorkInProgress(current, pendingProps, expirationTime) {
-  var workInProgress = current.alternate;
-  null === workInProgress
-    ? ((workInProgress = new FiberNode(
-        current.tag,
-        pendingProps,
-        current.key,
-        current.mode
-      )),
-      (workInProgress.type = current.type),
-      (workInProgress.stateNode = current.stateNode),
-      (workInProgress.alternate = current),
-      (current.alternate = workInProgress))
-    : ((workInProgress.pendingProps = pendingProps),
-      (workInProgress.effectTag = 0),
-      (workInProgress.nextEffect = null),
-      (workInProgress.firstEffect = null),
-      (workInProgress.lastEffect = null));
-  workInProgress.expirationTime = expirationTime;
-  workInProgress.child = current.child;
-  workInProgress.memoizedProps = current.memoizedProps;
-  workInProgress.memoizedState = current.memoizedState;
-  workInProgress.updateQueue = current.updateQueue;
-  workInProgress.sibling = current.sibling;
-  workInProgress.index = current.index;
-  workInProgress.ref = current.ref;
-  return workInProgress;
-}
-function createFiberFromElement(element, mode, expirationTime) {
-  var type = element.type,
-    key = element.key;
-  element = element.props;
-  var fiberTag = void 0;
-  if ("function" === typeof type)
-    fiberTag = type.prototype && type.prototype.isReactComponent ? 2 : 0;
-  else if ("string" === typeof type) fiberTag = 5;
-  else
-    switch (type) {
-      case REACT_FRAGMENT_TYPE:
-        return createFiberFromFragment(
-          element.children,
-          mode,
-          expirationTime,
-          key
-        );
-      case REACT_ASYNC_MODE_TYPE:
-        fiberTag = 11;
-        mode |= 3;
-        break;
-      case REACT_STRICT_MODE_TYPE:
-        fiberTag = 11;
-        mode |= 2;
-        break;
-      case REACT_CALL_TYPE:
-        fiberTag = 7;
-        break;
-      case REACT_RETURN_TYPE:
-        fiberTag = 9;
-        break;
-      default:
-        if ("object" === typeof type && null !== type)
-          switch (type.$$typeof) {
-            case REACT_PROVIDER_TYPE:
-              fiberTag = 13;
-              break;
-            case REACT_CONTEXT_TYPE:
-              fiberTag = 12;
-              break;
-            default:
-              if ("number" === typeof type.tag)
-                return (
-                  (mode = type),
-                  (mode.pendingProps = element),
-                  (mode.expirationTime = expirationTime),
-                  mode
-                );
-              throwOnInvalidElementType(type, null);
-          }
-        else throwOnInvalidElementType(type, null);
-    }
-  mode = new FiberNode(fiberTag, element, key, mode);
-  mode.type = type;
-  mode.expirationTime = expirationTime;
-  return mode;
-}
-function throwOnInvalidElementType(type) {
-  invariant(
-    !1,
-    "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
-    null == type ? type : typeof type,
-    ""
-  );
-}
-function createFiberFromFragment(elements, mode, expirationTime, key) {
-  elements = new FiberNode(10, elements, key, mode);
-  elements.expirationTime = expirationTime;
-  return elements;
-}
-function createFiberFromText(content, mode, expirationTime) {
-  content = new FiberNode(6, content, null, mode);
-  content.expirationTime = expirationTime;
-  return content;
-}
-function createFiberFromPortal(portal, mode, expirationTime) {
-  mode = new FiberNode(
-    4,
-    null !== portal.children ? portal.children : [],
-    portal.key,
-    mode
-  );
-  mode.expirationTime = expirationTime;
-  mode.stateNode = {
-    containerInfo: portal.containerInfo,
-    pendingChildren: null,
-    implementation: portal.implementation
-  };
-  return mode;
-}
-var onCommitFiberRoot = null,
-  onCommitFiberUnmount = null;
-function catchErrors(fn) {
-  return function(arg) {
-    try {
-      return fn(arg);
-    } catch (err) {}
-  };
-}
-function injectInternals(internals) {
-  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
-  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
-  if (hook.isDisabled || !hook.supportsFiber) return !0;
-  try {
-    var rendererID = hook.inject(internals);
-    onCommitFiberRoot = catchErrors(function(root) {
-      return hook.onCommitFiberRoot(rendererID, root);
-    });
-    onCommitFiberUnmount = catchErrors(function(fiber) {
-      return hook.onCommitFiberUnmount(rendererID, fiber);
-    });
-  } catch (err) {}
-  return !0;
-}
-function onCommitRoot(root) {
-  "function" === typeof onCommitFiberRoot && onCommitFiberRoot(root);
-}
-function onCommitUnmount(fiber) {
-  "function" === typeof onCommitFiberUnmount && onCommitFiberUnmount(fiber);
-}
-function createUpdateQueue(baseState) {
-  return {
-    baseState: baseState,
-    expirationTime: 0,
-    first: null,
-    last: null,
-    callbackList: null,
-    hasForceUpdate: !1,
-    isInitialized: !1,
-    capturedValues: null
-  };
-}
-function insertUpdateIntoQueue(queue, update) {
-  null === queue.last
-    ? (queue.first = queue.last = update)
-    : ((queue.last.next = update), (queue.last = update));
-  if (
-    0 === queue.expirationTime ||
-    queue.expirationTime > update.expirationTime
-  )
-    queue.expirationTime = update.expirationTime;
-}
-var q1 = void 0,
-  q2 = void 0;
-function ensureUpdateQueues(fiber) {
-  q1 = q2 = null;
-  var alternateFiber = fiber.alternate,
-    queue1 = fiber.updateQueue;
-  null === queue1 && (queue1 = fiber.updateQueue = createUpdateQueue(null));
-  null !== alternateFiber
-    ? ((fiber = alternateFiber.updateQueue),
-      null === fiber &&
-        (fiber = alternateFiber.updateQueue = createUpdateQueue(null)))
-    : (fiber = null);
-  q1 = queue1;
-  q2 = fiber !== queue1 ? fiber : null;
-}
-function insertUpdateIntoFiber(fiber, update) {
-  ensureUpdateQueues(fiber);
-  fiber = q1;
-  var queue2 = q2;
-  null === queue2
-    ? insertUpdateIntoQueue(fiber, update)
-    : null === fiber.last || null === queue2.last
-      ? (insertUpdateIntoQueue(fiber, update),
-        insertUpdateIntoQueue(queue2, update))
-      : (insertUpdateIntoQueue(fiber, update), (queue2.last = update));
-}
-function getStateFromUpdate(update, instance, prevState, props) {
-  update = update.partialState;
-  return "function" === typeof update
-    ? update.call(instance, prevState, props)
-    : update;
-}
-function processUpdateQueue(
-  current,
-  workInProgress,
-  queue,
-  instance,
-  props,
-  renderExpirationTime
-) {
-  null !== current &&
-    current.updateQueue === queue &&
-    (queue = workInProgress.updateQueue = {
-      baseState: queue.baseState,
-      expirationTime: queue.expirationTime,
-      first: queue.first,
-      last: queue.last,
-      isInitialized: queue.isInitialized,
-      capturedValues: queue.capturedValues,
-      callbackList: null,
-      hasForceUpdate: !1
-    });
-  queue.expirationTime = 0;
-  queue.isInitialized
-    ? (current = queue.baseState)
-    : ((current = queue.baseState = workInProgress.memoizedState),
-      (queue.isInitialized = !0));
-  for (
-    var dontMutatePrevState = !0, update = queue.first, didSkip = !1;
-    null !== update;
-
-  ) {
-    var updateExpirationTime = update.expirationTime;
-    if (updateExpirationTime > renderExpirationTime) {
-      var remainingExpirationTime = queue.expirationTime;
-      if (
-        0 === remainingExpirationTime ||
-        remainingExpirationTime > updateExpirationTime
-      )
-        queue.expirationTime = updateExpirationTime;
-      didSkip || ((didSkip = !0), (queue.baseState = current));
-    } else {
-      didSkip ||
-        ((queue.first = update.next),
-        null === queue.first && (queue.last = null));
-      if (update.isReplace)
-        (current = getStateFromUpdate(update, instance, current, props)),
-          (dontMutatePrevState = !0);
-      else if (
-        (updateExpirationTime = getStateFromUpdate(
-          update,
-          instance,
-          current,
-          props
-        ))
-      )
-        (current = dontMutatePrevState
-          ? Object.assign({}, current, updateExpirationTime)
-          : Object.assign(current, updateExpirationTime)),
-          (dontMutatePrevState = !1);
-      update.isForced && (queue.hasForceUpdate = !0);
-      null !== update.callback &&
-        ((updateExpirationTime = queue.callbackList),
-        null === updateExpirationTime &&
-          (updateExpirationTime = queue.callbackList = []),
-        updateExpirationTime.push(update));
-      null !== update.capturedValue &&
-        ((updateExpirationTime = queue.capturedValues),
-        null === updateExpirationTime
-          ? (queue.capturedValues = [update.capturedValue])
-          : updateExpirationTime.push(update.capturedValue));
-    }
-    update = update.next;
-  }
-  null !== queue.callbackList
-    ? (workInProgress.effectTag |= 32)
-    : null !== queue.first ||
-      queue.hasForceUpdate ||
-      null !== queue.capturedValues ||
-      (workInProgress.updateQueue = null);
-  didSkip || (queue.baseState = current);
-  return current;
-}
-function commitCallbacks(queue, context) {
-  var callbackList = queue.callbackList;
-  if (null !== callbackList)
-    for (
-      queue.callbackList = null, queue = 0;
-      queue < callbackList.length;
-      queue++
-    ) {
-      var update = callbackList[queue],
-        _callback = update.callback;
-      update.callback = null;
-      invariant(
-        "function" === typeof _callback,
-        "Invalid argument passed as callback. Expected a function. Instead received: %s",
-        _callback
-      );
-      _callback.call(context);
-    }
-}
-function ReactFiberClassComponent(
-  scheduleWork,
-  computeExpirationForFiber,
-  memoizeProps,
-  memoizeState
-) {
-  function checkShouldComponentUpdate(
-    workInProgress,
-    oldProps,
-    newProps,
-    oldState,
-    newState,
-    newContext
-  ) {
-    if (
-      null === oldProps ||
-      (null !== workInProgress.updateQueue &&
-        workInProgress.updateQueue.hasForceUpdate)
-    )
-      return !0;
-    var instance = workInProgress.stateNode;
-    workInProgress = workInProgress.type;
-    return "function" === typeof instance.shouldComponentUpdate
-      ? instance.shouldComponentUpdate(newProps, newState, newContext)
-      : workInProgress.prototype &&
-        workInProgress.prototype.isPureReactComponent
-        ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-        : !0;
-  }
-  function adoptClassInstance(workInProgress, instance) {
-    instance.updater = updater;
-    workInProgress.stateNode = instance;
-    instance._reactInternalFiber = workInProgress;
-  }
-  function callComponentWillReceiveProps(
-    workInProgress,
-    instance,
-    newProps,
-    newContext
-  ) {
-    workInProgress = instance.state;
-    "function" === typeof instance.componentWillReceiveProps &&
-      instance.componentWillReceiveProps(newProps, newContext);
-    "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
-      instance.UNSAFE_componentWillReceiveProps(newProps, newContext);
-    instance.state !== workInProgress &&
-      updater.enqueueReplaceState(instance, instance.state, null);
-  }
-  function callGetDerivedStateFromProps(workInProgress, instance, props) {
-    instance = workInProgress.type;
-    if ("function" === typeof instance.getDerivedStateFromProps)
-      return instance.getDerivedStateFromProps.call(
-        null,
-        props,
-        workInProgress.memoizedState
-      );
-  }
-  var updater = {
-    isMounted: isMounted,
-    enqueueSetState: function(instance, partialState, callback) {
-      instance = instance._reactInternalFiber;
-      callback = void 0 === callback ? null : callback;
-      var expirationTime = computeExpirationForFiber(instance);
-      insertUpdateIntoFiber(instance, {
-        expirationTime: expirationTime,
-        partialState: partialState,
-        callback: callback,
-        isReplace: !1,
-        isForced: !1,
-        capturedValue: null,
-        next: null
-      });
-      scheduleWork(instance, expirationTime);
-    },
-    enqueueReplaceState: function(instance, state, callback) {
-      instance = instance._reactInternalFiber;
-      callback = void 0 === callback ? null : callback;
-      var expirationTime = computeExpirationForFiber(instance);
-      insertUpdateIntoFiber(instance, {
-        expirationTime: expirationTime,
-        partialState: state,
-        callback: callback,
-        isReplace: !0,
-        isForced: !1,
-        capturedValue: null,
-        next: null
-      });
-      scheduleWork(instance, expirationTime);
-    },
-    enqueueForceUpdate: function(instance, callback) {
-      instance = instance._reactInternalFiber;
-      callback = void 0 === callback ? null : callback;
-      var expirationTime = computeExpirationForFiber(instance);
-      insertUpdateIntoFiber(instance, {
-        expirationTime: expirationTime,
-        partialState: null,
-        callback: callback,
-        isReplace: !1,
-        isForced: !0,
-        capturedValue: null,
-        next: null
-      });
-      scheduleWork(instance, expirationTime);
-    }
-  };
-  return {
-    adoptClassInstance: adoptClassInstance,
-    callGetDerivedStateFromProps: callGetDerivedStateFromProps,
-    constructClassInstance: function(workInProgress, props) {
-      var ctor = workInProgress.type,
-        unmaskedContext = getUnmaskedContext(workInProgress),
-        needsContext =
-          2 === workInProgress.tag && null != workInProgress.type.contextTypes,
-        context = needsContext
-          ? getMaskedContext(workInProgress, unmaskedContext)
-          : emptyObject;
-      ctor = new ctor(props, context);
-      var state =
-        null !== ctor.state && void 0 !== ctor.state ? ctor.state : null;
-      adoptClassInstance(workInProgress, ctor);
-      workInProgress.memoizedState = state;
-      props = callGetDerivedStateFromProps(workInProgress, ctor, props);
-      null !== props &&
-        void 0 !== props &&
-        (workInProgress.memoizedState = Object.assign(
-          {},
-          workInProgress.memoizedState,
-          props
-        ));
-      needsContext &&
-        ((workInProgress = workInProgress.stateNode),
-        (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
-        (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
-      return ctor;
-    },
-    mountClassInstance: function(workInProgress, renderExpirationTime) {
-      var ctor = workInProgress.type,
-        current = workInProgress.alternate,
-        instance = workInProgress.stateNode,
-        props = workInProgress.pendingProps,
-        unmaskedContext = getUnmaskedContext(workInProgress);
-      instance.props = props;
-      instance.state = workInProgress.memoizedState;
-      instance.refs = emptyObject;
-      instance.context = getMaskedContext(workInProgress, unmaskedContext);
-      ("function" !== typeof instance.UNSAFE_componentWillMount &&
-        "function" !== typeof instance.componentWillMount) ||
-        "function" === typeof ctor.getDerivedStateFromProps ||
-        ((ctor = instance.state),
-        "function" === typeof instance.componentWillMount &&
-          instance.componentWillMount(),
-        "function" === typeof instance.UNSAFE_componentWillMount &&
-          instance.UNSAFE_componentWillMount(),
-        ctor !== instance.state &&
-          updater.enqueueReplaceState(instance, instance.state, null),
-        (ctor = workInProgress.updateQueue),
-        null !== ctor &&
-          (instance.state = processUpdateQueue(
-            current,
-            workInProgress,
-            ctor,
-            instance,
-            props,
-            renderExpirationTime
-          )));
-      "function" === typeof instance.componentDidMount &&
-        (workInProgress.effectTag |= 4);
-    },
-    resumeMountClassInstance: function(workInProgress, renderExpirationTime) {
-      var ctor = workInProgress.type,
-        instance = workInProgress.stateNode;
-      instance.props = workInProgress.memoizedProps;
-      instance.state = workInProgress.memoizedState;
-      var oldProps = workInProgress.memoizedProps,
-        newProps = workInProgress.pendingProps,
-        oldContext = instance.context,
-        newUnmaskedContext = getUnmaskedContext(workInProgress);
-      newUnmaskedContext = getMaskedContext(workInProgress, newUnmaskedContext);
-      ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
-        "function" !== typeof instance.componentWillReceiveProps) ||
-        "function" === typeof ctor.getDerivedStateFromProps ||
-        ((oldProps !== newProps || oldContext !== newUnmaskedContext) &&
-          callComponentWillReceiveProps(
-            workInProgress,
-            instance,
-            newProps,
-            newUnmaskedContext
-          ));
-      oldContext = void 0;
-      oldProps !== newProps &&
-        (oldContext = callGetDerivedStateFromProps(
-          workInProgress,
-          instance,
-          newProps
-        ));
-      var oldState = workInProgress.memoizedState;
-      renderExpirationTime =
-        null !== workInProgress.updateQueue
-          ? processUpdateQueue(
-              null,
-              workInProgress,
-              workInProgress.updateQueue,
-              instance,
-              newProps,
-              renderExpirationTime
-            )
-          : oldState;
-      null !== oldContext &&
-        void 0 !== oldContext &&
-        (renderExpirationTime =
-          null === renderExpirationTime || void 0 === renderExpirationTime
-            ? oldContext
-            : Object.assign({}, renderExpirationTime, oldContext));
-      if (
-        !(
-          oldProps !== newProps ||
-          oldState !== renderExpirationTime ||
-          didPerformWorkStackCursor.current ||
-          (null !== workInProgress.updateQueue &&
-            workInProgress.updateQueue.hasForceUpdate)
-        )
-      )
-        return (
-          "function" === typeof instance.componentDidMount &&
-            (workInProgress.effectTag |= 4),
-          !1
-        );
-      (oldProps = checkShouldComponentUpdate(
-        workInProgress,
-        oldProps,
-        newProps,
-        oldState,
-        renderExpirationTime,
-        newUnmaskedContext
-      ))
-        ? (("function" !== typeof instance.UNSAFE_componentWillUpdate &&
-            "function" !== typeof instance.componentWillUpdate) ||
-            "function" === typeof ctor.getDerivedStateFromProps ||
-            ("function" === typeof instance.componentWillUpdate &&
-              instance.componentWillUpdate(
-                newProps,
-                renderExpirationTime,
-                newUnmaskedContext
-              ),
-            "function" === typeof instance.UNSAFE_componentWillUpdate &&
-              instance.UNSAFE_componentWillUpdate(
-                newProps,
-                renderExpirationTime,
-                newUnmaskedContext
-              )),
-          "function" === typeof instance.componentDidUpdate &&
-            (workInProgress.effectTag |= 4))
-        : ("function" === typeof instance.componentDidMount &&
-            (workInProgress.effectTag |= 4),
-          memoizeProps(workInProgress, newProps),
-          memoizeState(workInProgress, renderExpirationTime));
-      instance.props = newProps;
-      instance.state = renderExpirationTime;
-      instance.context = newUnmaskedContext;
-      return oldProps;
-    },
-    updateClassInstance: function(
-      current,
-      workInProgress,
-      renderExpirationTime
-    ) {
-      var ctor = workInProgress.type,
-        instance = workInProgress.stateNode;
-      instance.props = workInProgress.memoizedProps;
-      instance.state = workInProgress.memoizedState;
-      var oldProps = workInProgress.memoizedProps,
-        newProps = workInProgress.pendingProps,
-        oldContext = instance.context,
-        newUnmaskedContext = getUnmaskedContext(workInProgress);
-      newUnmaskedContext = getMaskedContext(workInProgress, newUnmaskedContext);
-      ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
-        "function" !== typeof instance.componentWillReceiveProps) ||
-        "function" === typeof ctor.getDerivedStateFromProps ||
-        ((oldProps !== newProps || oldContext !== newUnmaskedContext) &&
-          callComponentWillReceiveProps(
-            workInProgress,
-            instance,
-            newProps,
-            newUnmaskedContext
-          ));
-      var derivedStateFromProps = void 0;
-      oldProps !== newProps &&
-        (derivedStateFromProps = callGetDerivedStateFromProps(
-          workInProgress,
-          instance,
-          newProps
-        ));
-      oldContext = workInProgress.memoizedState;
-      renderExpirationTime =
-        null !== workInProgress.updateQueue
-          ? processUpdateQueue(
-              current,
-              workInProgress,
-              workInProgress.updateQueue,
-              instance,
-              newProps,
-              renderExpirationTime
-            )
-          : oldContext;
-      null !== derivedStateFromProps &&
-        void 0 !== derivedStateFromProps &&
-        (renderExpirationTime =
-          null === renderExpirationTime || void 0 === renderExpirationTime
-            ? derivedStateFromProps
-            : Object.assign({}, renderExpirationTime, derivedStateFromProps));
-      if (
-        !(
-          oldProps !== newProps ||
-          oldContext !== renderExpirationTime ||
-          didPerformWorkStackCursor.current ||
-          (null !== workInProgress.updateQueue &&
-            workInProgress.updateQueue.hasForceUpdate)
-        )
-      )
-        return (
-          "function" !== typeof instance.componentDidUpdate ||
-            (oldProps === current.memoizedProps &&
-              oldContext === current.memoizedState) ||
-            (workInProgress.effectTag |= 4),
-          !1
-        );
-      (derivedStateFromProps = checkShouldComponentUpdate(
-        workInProgress,
-        oldProps,
-        newProps,
-        oldContext,
-        renderExpirationTime,
-        newUnmaskedContext
-      ))
-        ? (("function" !== typeof instance.UNSAFE_componentWillUpdate &&
-            "function" !== typeof instance.componentWillUpdate) ||
-            "function" === typeof ctor.getDerivedStateFromProps ||
-            ("function" === typeof instance.componentWillUpdate &&
-              instance.componentWillUpdate(
-                newProps,
-                renderExpirationTime,
-                newUnmaskedContext
-              ),
-            "function" === typeof instance.UNSAFE_componentWillUpdate &&
-              instance.UNSAFE_componentWillUpdate(
-                newProps,
-                renderExpirationTime,
-                newUnmaskedContext
-              )),
-          "function" === typeof instance.componentDidUpdate &&
-            (workInProgress.effectTag |= 4))
-        : ("function" !== typeof instance.componentDidUpdate ||
-            (oldProps === current.memoizedProps &&
-              oldContext === current.memoizedState) ||
-            (workInProgress.effectTag |= 4),
-          memoizeProps(workInProgress, newProps),
-          memoizeState(workInProgress, renderExpirationTime));
-      instance.props = newProps;
-      instance.state = renderExpirationTime;
-      instance.context = newUnmaskedContext;
-      return derivedStateFromProps;
-    }
-  };
-}
-var isArray$1 = Array.isArray;
-function coerceRef(returnFiber, current, element) {
-  returnFiber = element.ref;
-  if (
-    null !== returnFiber &&
-    "function" !== typeof returnFiber &&
-    "object" !== typeof returnFiber
-  ) {
-    if (element._owner) {
-      element = element._owner;
-      var inst = void 0;
-      element &&
-        (invariant(
-          2 === element.tag,
-          "Stateless function components cannot have refs."
-        ),
-        (inst = element.stateNode));
-      invariant(
-        inst,
-        "Missing owner for string ref %s. This error is likely caused by a bug in React. Please file an issue.",
-        returnFiber
-      );
-      var stringRef = "" + returnFiber;
-      if (
-        null !== current &&
-        null !== current.ref &&
-        current.ref._stringRef === stringRef
-      )
-        return current.ref;
-      current = function(value) {
-        var refs = inst.refs === emptyObject ? (inst.refs = {}) : inst.refs;
-        null === value ? delete refs[stringRef] : (refs[stringRef] = value);
-      };
-      current._stringRef = stringRef;
-      return current;
-    }
-    invariant(
-      "string" === typeof returnFiber,
-      "Expected ref to be a function or a string."
-    );
-    invariant(
-      element._owner,
-      "Element ref was specified as a string (%s) but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a functional component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://fb.me/react-refs-must-have-owner for more information.",
-      returnFiber
-    );
-  }
-  return returnFiber;
-}
-function throwOnInvalidObjectType(returnFiber, newChild) {
-  "textarea" !== returnFiber.type &&
-    invariant(
-      !1,
-      "Objects are not valid as a React child (found: %s).%s",
-      "[object Object]" === Object.prototype.toString.call(newChild)
-        ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
-        : newChild,
-      ""
-    );
-}
-function ChildReconciler(shouldTrackSideEffects) {
-  function deleteChild(returnFiber, childToDelete) {
-    if (shouldTrackSideEffects) {
-      var last = returnFiber.lastEffect;
-      null !== last
-        ? ((last.nextEffect = childToDelete),
-          (returnFiber.lastEffect = childToDelete))
-        : (returnFiber.firstEffect = returnFiber.lastEffect = childToDelete);
-      childToDelete.nextEffect = null;
-      childToDelete.effectTag = 8;
-    }
-  }
-  function deleteRemainingChildren(returnFiber, currentFirstChild) {
-    if (!shouldTrackSideEffects) return null;
-    for (; null !== currentFirstChild; )
-      deleteChild(returnFiber, currentFirstChild),
-        (currentFirstChild = currentFirstChild.sibling);
-    return null;
-  }
-  function mapRemainingChildren(returnFiber, currentFirstChild) {
-    for (returnFiber = new Map(); null !== currentFirstChild; )
-      null !== currentFirstChild.key
-        ? returnFiber.set(currentFirstChild.key, currentFirstChild)
-        : returnFiber.set(currentFirstChild.index, currentFirstChild),
-        (currentFirstChild = currentFirstChild.sibling);
-    return returnFiber;
-  }
-  function useFiber(fiber, pendingProps, expirationTime) {
-    fiber = createWorkInProgress(fiber, pendingProps, expirationTime);
-    fiber.index = 0;
-    fiber.sibling = null;
-    return fiber;
-  }
-  function placeChild(newFiber, lastPlacedIndex, newIndex) {
-    newFiber.index = newIndex;
-    if (!shouldTrackSideEffects) return lastPlacedIndex;
-    newIndex = newFiber.alternate;
-    if (null !== newIndex)
-      return (
-        (newIndex = newIndex.index),
-        newIndex < lastPlacedIndex
-          ? ((newFiber.effectTag = 2), lastPlacedIndex)
-          : newIndex
-      );
-    newFiber.effectTag = 2;
-    return lastPlacedIndex;
-  }
-  function placeSingleChild(newFiber) {
-    shouldTrackSideEffects &&
-      null === newFiber.alternate &&
-      (newFiber.effectTag = 2);
-    return newFiber;
-  }
-  function updateTextNode(returnFiber, current, textContent, expirationTime) {
-    if (null === current || 6 !== current.tag)
-      return (
-        (current = createFiberFromText(
-          textContent,
-          returnFiber.mode,
-          expirationTime
-        )),
-        (current["return"] = returnFiber),
-        current
-      );
-    current = useFiber(current, textContent, expirationTime);
-    current["return"] = returnFiber;
-    return current;
-  }
-  function updateElement(returnFiber, current, element, expirationTime) {
-    if (null !== current && current.type === element.type)
-      return (
-        (expirationTime = useFiber(current, element.props, expirationTime)),
-        (expirationTime.ref = coerceRef(returnFiber, current, element)),
-        (expirationTime["return"] = returnFiber),
-        expirationTime
-      );
-    expirationTime = createFiberFromElement(
-      element,
-      returnFiber.mode,
-      expirationTime
-    );
-    expirationTime.ref = coerceRef(returnFiber, current, element);
-    expirationTime["return"] = returnFiber;
-    return expirationTime;
-  }
-  function updatePortal(returnFiber, current, portal, expirationTime) {
-    if (
-      null === current ||
-      4 !== current.tag ||
-      current.stateNode.containerInfo !== portal.containerInfo ||
-      current.stateNode.implementation !== portal.implementation
-    )
-      return (
-        (current = createFiberFromPortal(
-          portal,
-          returnFiber.mode,
-          expirationTime
-        )),
-        (current["return"] = returnFiber),
-        current
-      );
-    current = useFiber(current, portal.children || [], expirationTime);
-    current["return"] = returnFiber;
-    return current;
-  }
-  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
-    if (null === current || 10 !== current.tag)
-      return (
-        (current = createFiberFromFragment(
-          fragment,
-          returnFiber.mode,
-          expirationTime,
-          key
-        )),
-        (current["return"] = returnFiber),
-        current
-      );
-    current = useFiber(current, fragment, expirationTime);
-    current["return"] = returnFiber;
-    return current;
-  }
-  function createChild(returnFiber, newChild, expirationTime) {
-    if ("string" === typeof newChild || "number" === typeof newChild)
-      return (
-        (newChild = createFiberFromText(
-          "" + newChild,
-          returnFiber.mode,
-          expirationTime
-        )),
-        (newChild["return"] = returnFiber),
-        newChild
-      );
-    if ("object" === typeof newChild && null !== newChild) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          return (
-            (expirationTime = createFiberFromElement(
-              newChild,
-              returnFiber.mode,
-              expirationTime
-            )),
-            (expirationTime.ref = coerceRef(returnFiber, null, newChild)),
-            (expirationTime["return"] = returnFiber),
-            expirationTime
-          );
-        case REACT_PORTAL_TYPE:
-          return (
-            (newChild = createFiberFromPortal(
-              newChild,
-              returnFiber.mode,
-              expirationTime
-            )),
-            (newChild["return"] = returnFiber),
-            newChild
-          );
-      }
-      if (isArray$1(newChild) || getIteratorFn(newChild))
-        return (
-          (newChild = createFiberFromFragment(
-            newChild,
-            returnFiber.mode,
-            expirationTime,
-            null
-          )),
-          (newChild["return"] = returnFiber),
-          newChild
-        );
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
-    return null;
-  }
-  function updateSlot(returnFiber, oldFiber, newChild, expirationTime) {
-    var key = null !== oldFiber ? oldFiber.key : null;
-    if ("string" === typeof newChild || "number" === typeof newChild)
-      return null !== key
-        ? null
-        : updateTextNode(returnFiber, oldFiber, "" + newChild, expirationTime);
-    if ("object" === typeof newChild && null !== newChild) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          return newChild.key === key
-            ? newChild.type === REACT_FRAGMENT_TYPE
-              ? updateFragment(
-                  returnFiber,
-                  oldFiber,
-                  newChild.props.children,
-                  expirationTime,
-                  key
-                )
-              : updateElement(returnFiber, oldFiber, newChild, expirationTime)
-            : null;
-        case REACT_PORTAL_TYPE:
-          return newChild.key === key
-            ? updatePortal(returnFiber, oldFiber, newChild, expirationTime)
-            : null;
-      }
-      if (isArray$1(newChild) || getIteratorFn(newChild))
-        return null !== key
-          ? null
-          : updateFragment(
-              returnFiber,
-              oldFiber,
-              newChild,
-              expirationTime,
-              null
-            );
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
-    return null;
-  }
-  function updateFromMap(
-    existingChildren,
-    returnFiber,
-    newIdx,
-    newChild,
-    expirationTime
-  ) {
-    if ("string" === typeof newChild || "number" === typeof newChild)
-      return (
-        (existingChildren = existingChildren.get(newIdx) || null),
-        updateTextNode(
-          returnFiber,
-          existingChildren,
-          "" + newChild,
-          expirationTime
-        )
-      );
-    if ("object" === typeof newChild && null !== newChild) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          return (
-            (existingChildren =
-              existingChildren.get(
-                null === newChild.key ? newIdx : newChild.key
-              ) || null),
-            newChild.type === REACT_FRAGMENT_TYPE
-              ? updateFragment(
-                  returnFiber,
-                  existingChildren,
-                  newChild.props.children,
-                  expirationTime,
-                  newChild.key
-                )
-              : updateElement(
-                  returnFiber,
-                  existingChildren,
-                  newChild,
-                  expirationTime
-                )
-          );
-        case REACT_PORTAL_TYPE:
-          return (
-            (existingChildren =
-              existingChildren.get(
-                null === newChild.key ? newIdx : newChild.key
-              ) || null),
-            updatePortal(
-              returnFiber,
-              existingChildren,
-              newChild,
-              expirationTime
-            )
-          );
-      }
-      if (isArray$1(newChild) || getIteratorFn(newChild))
-        return (
-          (existingChildren = existingChildren.get(newIdx) || null),
-          updateFragment(
-            returnFiber,
-            existingChildren,
-            newChild,
-            expirationTime,
-            null
-          )
-        );
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
-    return null;
-  }
-  function reconcileChildrenArray(
-    returnFiber,
-    currentFirstChild,
-    newChildren,
-    expirationTime
-  ) {
-    for (
-      var resultingFirstChild = null,
-        previousNewFiber = null,
-        oldFiber = currentFirstChild,
-        newIdx = (currentFirstChild = 0),
-        nextOldFiber = null;
-      null !== oldFiber && newIdx < newChildren.length;
-      newIdx++
-    ) {
-      oldFiber.index > newIdx
-        ? ((nextOldFiber = oldFiber), (oldFiber = null))
-        : (nextOldFiber = oldFiber.sibling);
-      var newFiber = updateSlot(
-        returnFiber,
-        oldFiber,
-        newChildren[newIdx],
-        expirationTime
-      );
-      if (null === newFiber) {
-        null === oldFiber && (oldFiber = nextOldFiber);
-        break;
-      }
-      shouldTrackSideEffects &&
-        oldFiber &&
-        null === newFiber.alternate &&
-        deleteChild(returnFiber, oldFiber);
-      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
-      null === previousNewFiber
-        ? (resultingFirstChild = newFiber)
-        : (previousNewFiber.sibling = newFiber);
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
-    }
-    if (newIdx === newChildren.length)
-      return (
-        deleteRemainingChildren(returnFiber, oldFiber), resultingFirstChild
-      );
-    if (null === oldFiber) {
-      for (; newIdx < newChildren.length; newIdx++)
-        if (
-          (oldFiber = createChild(
-            returnFiber,
-            newChildren[newIdx],
-            expirationTime
-          ))
-        )
-          (currentFirstChild = placeChild(oldFiber, currentFirstChild, newIdx)),
-            null === previousNewFiber
-              ? (resultingFirstChild = oldFiber)
-              : (previousNewFiber.sibling = oldFiber),
-            (previousNewFiber = oldFiber);
-      return resultingFirstChild;
-    }
-    for (
-      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
-      newIdx < newChildren.length;
-      newIdx++
-    )
-      if (
-        (nextOldFiber = updateFromMap(
-          oldFiber,
-          returnFiber,
-          newIdx,
-          newChildren[newIdx],
-          expirationTime
-        ))
-      ) {
-        if (shouldTrackSideEffects && null !== nextOldFiber.alternate)
-          oldFiber["delete"](
-            null === nextOldFiber.key ? newIdx : nextOldFiber.key
-          );
-        currentFirstChild = placeChild(nextOldFiber, currentFirstChild, newIdx);
-        null === previousNewFiber
-          ? (resultingFirstChild = nextOldFiber)
-          : (previousNewFiber.sibling = nextOldFiber);
-        previousNewFiber = nextOldFiber;
-      }
-    shouldTrackSideEffects &&
-      oldFiber.forEach(function(child) {
-        return deleteChild(returnFiber, child);
-      });
-    return resultingFirstChild;
-  }
-  function reconcileChildrenIterator(
-    returnFiber,
-    currentFirstChild,
-    newChildrenIterable,
-    expirationTime
-  ) {
-    var iteratorFn = getIteratorFn(newChildrenIterable);
-    invariant(
-      "function" === typeof iteratorFn,
-      "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
-    );
-    newChildrenIterable = iteratorFn.call(newChildrenIterable);
-    invariant(
-      null != newChildrenIterable,
-      "An iterable object provided no iterator."
-    );
-    for (
-      var previousNewFiber = (iteratorFn = null),
-        oldFiber = currentFirstChild,
-        newIdx = (currentFirstChild = 0),
-        nextOldFiber = null,
-        step = newChildrenIterable.next();
-      null !== oldFiber && !step.done;
-      newIdx++, step = newChildrenIterable.next()
-    ) {
-      oldFiber.index > newIdx
-        ? ((nextOldFiber = oldFiber), (oldFiber = null))
-        : (nextOldFiber = oldFiber.sibling);
-      var newFiber = updateSlot(
-        returnFiber,
-        oldFiber,
-        step.value,
-        expirationTime
-      );
-      if (null === newFiber) {
-        oldFiber || (oldFiber = nextOldFiber);
-        break;
-      }
-      shouldTrackSideEffects &&
-        oldFiber &&
-        null === newFiber.alternate &&
-        deleteChild(returnFiber, oldFiber);
-      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
-      null === previousNewFiber
-        ? (iteratorFn = newFiber)
-        : (previousNewFiber.sibling = newFiber);
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
-    }
-    if (step.done)
-      return deleteRemainingChildren(returnFiber, oldFiber), iteratorFn;
-    if (null === oldFiber) {
-      for (; !step.done; newIdx++, step = newChildrenIterable.next())
-        (step = createChild(returnFiber, step.value, expirationTime)),
-          null !== step &&
-            ((currentFirstChild = placeChild(step, currentFirstChild, newIdx)),
-            null === previousNewFiber
-              ? (iteratorFn = step)
-              : (previousNewFiber.sibling = step),
-            (previousNewFiber = step));
-      return iteratorFn;
-    }
-    for (
-      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
-      !step.done;
-      newIdx++, step = newChildrenIterable.next()
-    )
-      if (
-        ((step = updateFromMap(
-          oldFiber,
-          returnFiber,
-          newIdx,
-          step.value,
-          expirationTime
-        )),
-        null !== step)
-      ) {
-        if (shouldTrackSideEffects && null !== step.alternate)
-          oldFiber["delete"](null === step.key ? newIdx : step.key);
-        currentFirstChild = placeChild(step, currentFirstChild, newIdx);
-        null === previousNewFiber
-          ? (iteratorFn = step)
-          : (previousNewFiber.sibling = step);
-        previousNewFiber = step;
-      }
-    shouldTrackSideEffects &&
-      oldFiber.forEach(function(child) {
-        return deleteChild(returnFiber, child);
-      });
-    return iteratorFn;
-  }
-  return function(returnFiber, currentFirstChild, newChild, expirationTime) {
-    "object" === typeof newChild &&
-      null !== newChild &&
-      newChild.type === REACT_FRAGMENT_TYPE &&
-      null === newChild.key &&
-      (newChild = newChild.props.children);
-    var isObject = "object" === typeof newChild && null !== newChild;
-    if (isObject)
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          a: {
-            var key = newChild.key;
-            for (isObject = currentFirstChild; null !== isObject; ) {
-              if (isObject.key === key)
-                if (
-                  10 === isObject.tag
-                    ? newChild.type === REACT_FRAGMENT_TYPE
-                    : isObject.type === newChild.type
-                ) {
-                  deleteRemainingChildren(returnFiber, isObject.sibling);
-                  currentFirstChild = useFiber(
-                    isObject,
-                    newChild.type === REACT_FRAGMENT_TYPE
-                      ? newChild.props.children
-                      : newChild.props,
-                    expirationTime
-                  );
-                  currentFirstChild.ref = coerceRef(
-                    returnFiber,
-                    isObject,
-                    newChild
-                  );
-                  currentFirstChild["return"] = returnFiber;
-                  returnFiber = currentFirstChild;
-                  break a;
-                } else {
-                  deleteRemainingChildren(returnFiber, isObject);
-                  break;
-                }
-              else deleteChild(returnFiber, isObject);
-              isObject = isObject.sibling;
-            }
-            newChild.type === REACT_FRAGMENT_TYPE
-              ? ((currentFirstChild = createFiberFromFragment(
-                  newChild.props.children,
-                  returnFiber.mode,
-                  expirationTime,
-                  newChild.key
-                )),
-                (currentFirstChild["return"] = returnFiber),
-                (returnFiber = currentFirstChild))
-              : ((expirationTime = createFiberFromElement(
-                  newChild,
-                  returnFiber.mode,
-                  expirationTime
-                )),
-                (expirationTime.ref = coerceRef(
-                  returnFiber,
-                  currentFirstChild,
-                  newChild
-                )),
-                (expirationTime["return"] = returnFiber),
-                (returnFiber = expirationTime));
-          }
-          return placeSingleChild(returnFiber);
-        case REACT_PORTAL_TYPE:
-          a: {
-            for (isObject = newChild.key; null !== currentFirstChild; ) {
-              if (currentFirstChild.key === isObject)
-                if (
-                  4 === currentFirstChild.tag &&
-                  currentFirstChild.stateNode.containerInfo ===
-                    newChild.containerInfo &&
-                  currentFirstChild.stateNode.implementation ===
-                    newChild.implementation
-                ) {
-                  deleteRemainingChildren(
-                    returnFiber,
-                    currentFirstChild.sibling
-                  );
-                  currentFirstChild = useFiber(
-                    currentFirstChild,
-                    newChild.children || [],
-                    expirationTime
-                  );
-                  currentFirstChild["return"] = returnFiber;
-                  returnFiber = currentFirstChild;
-                  break a;
-                } else {
-                  deleteRemainingChildren(returnFiber, currentFirstChild);
-                  break;
-                }
-              else deleteChild(returnFiber, currentFirstChild);
-              currentFirstChild = currentFirstChild.sibling;
-            }
-            currentFirstChild = createFiberFromPortal(
-              newChild,
-              returnFiber.mode,
-              expirationTime
-            );
-            currentFirstChild["return"] = returnFiber;
-            returnFiber = currentFirstChild;
-          }
-          return placeSingleChild(returnFiber);
-      }
-    if ("string" === typeof newChild || "number" === typeof newChild)
-      return (
-        (newChild = "" + newChild),
-        null !== currentFirstChild && 6 === currentFirstChild.tag
-          ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
-            (currentFirstChild = useFiber(
-              currentFirstChild,
-              newChild,
-              expirationTime
-            )))
-          : (deleteRemainingChildren(returnFiber, currentFirstChild),
-            (currentFirstChild = createFiberFromText(
-              newChild,
-              returnFiber.mode,
-              expirationTime
-            ))),
-        (currentFirstChild["return"] = returnFiber),
-        (returnFiber = currentFirstChild),
-        placeSingleChild(returnFiber)
-      );
-    if (isArray$1(newChild))
-      return reconcileChildrenArray(
-        returnFiber,
-        currentFirstChild,
-        newChild,
-        expirationTime
-      );
-    if (getIteratorFn(newChild))
-      return reconcileChildrenIterator(
-        returnFiber,
-        currentFirstChild,
-        newChild,
-        expirationTime
-      );
-    isObject && throwOnInvalidObjectType(returnFiber, newChild);
-    if ("undefined" === typeof newChild)
-      switch (returnFiber.tag) {
-        case 2:
-        case 1:
-          (expirationTime = returnFiber.type),
-            invariant(
-              !1,
-              "%s(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.",
-              expirationTime.displayName || expirationTime.name || "Component"
-            );
-      }
-    return deleteRemainingChildren(returnFiber, currentFirstChild);
-  };
-}
-var reconcileChildFibers = ChildReconciler(!0),
-  mountChildFibers = ChildReconciler(!1),
-  changedBitsStack = [],
-  currentValueStack = [],
-  stack = [],
-  index$1 = -1;
-function pushProvider(providerFiber) {
-  var context = providerFiber.type.context;
-  index$1 += 1;
-  changedBitsStack[index$1] = context.changedBits;
-  currentValueStack[index$1] = context.currentValue;
-  stack[index$1] = providerFiber;
-  context.currentValue = providerFiber.pendingProps.value;
-  context.changedBits = providerFiber.stateNode;
-}
-function popProvider(providerFiber) {
-  var changedBits = changedBitsStack[index$1],
-    currentValue = currentValueStack[index$1];
-  changedBitsStack[index$1] = null;
-  currentValueStack[index$1] = null;
-  stack[index$1] = null;
-  --index$1;
-  providerFiber = providerFiber.type.context;
-  providerFiber.currentValue = currentValue;
-  providerFiber.changedBits = changedBits;
-}
-function ReactFiberBeginWork(
-  config,
-  hostContext,
-  hydrationContext,
-  scheduleWork,
-  computeExpirationForFiber
-) {
-  function reconcileChildren(current, workInProgress, nextChildren) {
-    reconcileChildrenAtExpirationTime(
-      current,
-      workInProgress,
-      nextChildren,
-      workInProgress.expirationTime
-    );
-  }
-  function reconcileChildrenAtExpirationTime(
-    current,
-    workInProgress,
-    nextChildren,
-    renderExpirationTime
-  ) {
-    workInProgress.child =
-      null === current
-        ? mountChildFibers(
-            workInProgress,
-            null,
-            nextChildren,
-            renderExpirationTime
-          )
-        : reconcileChildFibers(
-            workInProgress,
-            current.child,
-            nextChildren,
-            renderExpirationTime
-          );
-  }
-  function markRef(current, workInProgress) {
-    var ref = workInProgress.ref;
-    if (
-      (null === current && null !== ref) ||
-      (null !== current && current.ref !== ref)
-    )
-      workInProgress.effectTag |= 128;
-  }
-  function finishClassComponent(
-    current,
-    workInProgress,
-    shouldUpdate,
-    hasContext,
-    didCaptureError,
-    renderExpirationTime
-  ) {
-    markRef(current, workInProgress);
-    if (!shouldUpdate && !didCaptureError)
-      return (
-        hasContext && invalidateContextProvider(workInProgress, !1),
-        bailoutOnAlreadyFinishedWork(current, workInProgress)
-      );
-    shouldUpdate = workInProgress.stateNode;
-    ReactCurrentOwner.current = workInProgress;
-    var nextChildren = didCaptureError ? null : shouldUpdate.render();
-    workInProgress.effectTag |= 1;
-    didCaptureError &&
-      (reconcileChildrenAtExpirationTime(
-        current,
-        workInProgress,
-        null,
-        renderExpirationTime
-      ),
-      (workInProgress.child = null));
-    reconcileChildrenAtExpirationTime(
-      current,
-      workInProgress,
-      nextChildren,
-      renderExpirationTime
-    );
-    workInProgress.memoizedState = shouldUpdate.state;
-    workInProgress.memoizedProps = shouldUpdate.props;
-    hasContext && invalidateContextProvider(workInProgress, !0);
-    return workInProgress.child;
-  }
-  function pushHostRootContext(workInProgress) {
-    var root = workInProgress.stateNode;
-    root.pendingContext
-      ? pushTopLevelContextObject(
-          workInProgress,
-          root.pendingContext,
-          root.pendingContext !== root.context
-        )
-      : root.context &&
-        pushTopLevelContextObject(workInProgress, root.context, !1);
-    pushHostContainer(workInProgress, root.containerInfo);
-  }
-  function propagateContextChange(
-    workInProgress,
-    context,
-    changedBits,
-    renderExpirationTime
-  ) {
-    for (var fiber = workInProgress.child; null !== fiber; ) {
-      switch (fiber.tag) {
-        case 12:
-          var nextFiber = fiber.stateNode | 0;
-          if (fiber.type === context && 0 !== (nextFiber & changedBits)) {
-            for (nextFiber = fiber; null !== nextFiber; ) {
-              var alternate = nextFiber.alternate;
-              if (
-                0 === nextFiber.expirationTime ||
-                nextFiber.expirationTime > renderExpirationTime
-              )
-                (nextFiber.expirationTime = renderExpirationTime),
-                  null !== alternate &&
-                    (0 === alternate.expirationTime ||
-                      alternate.expirationTime > renderExpirationTime) &&
-                    (alternate.expirationTime = renderExpirationTime);
-              else if (
-                null !== alternate &&
-                (0 === alternate.expirationTime ||
-                  alternate.expirationTime > renderExpirationTime)
-              )
-                alternate.expirationTime = renderExpirationTime;
-              else break;
-              nextFiber = nextFiber["return"];
-            }
-            nextFiber = null;
-          } else nextFiber = fiber.child;
-          break;
-        case 13:
-          nextFiber = fiber.type === workInProgress.type ? null : fiber.child;
-          break;
-        default:
-          nextFiber = fiber.child;
-      }
-      if (null !== nextFiber) nextFiber["return"] = fiber;
-      else
-        for (nextFiber = fiber; null !== nextFiber; ) {
-          if (nextFiber === workInProgress) {
-            nextFiber = null;
-            break;
-          }
-          fiber = nextFiber.sibling;
-          if (null !== fiber) {
-            nextFiber = fiber;
-            break;
-          }
-          nextFiber = nextFiber["return"];
-        }
-      fiber = nextFiber;
-    }
-  }
-  function bailoutOnAlreadyFinishedWork(current, workInProgress) {
-    invariant(
-      null === current || workInProgress.child === current.child,
-      "Resuming work not yet implemented."
-    );
-    if (null !== workInProgress.child) {
-      current = workInProgress.child;
-      var newChild = createWorkInProgress(
-        current,
-        current.pendingProps,
-        current.expirationTime
-      );
-      workInProgress.child = newChild;
-      for (newChild["return"] = workInProgress; null !== current.sibling; )
-        (current = current.sibling),
-          (newChild = newChild.sibling = createWorkInProgress(
-            current,
-            current.pendingProps,
-            current.expirationTime
-          )),
-          (newChild["return"] = workInProgress);
-      newChild.sibling = null;
-    }
-    return workInProgress.child;
-  }
-  var shouldSetTextContent = config.shouldSetTextContent,
-    shouldDeprioritizeSubtree = config.shouldDeprioritizeSubtree,
-    pushHostContext = hostContext.pushHostContext,
-    pushHostContainer = hostContext.pushHostContainer,
-    enterHydrationState = hydrationContext.enterHydrationState,
-    resetHydrationState = hydrationContext.resetHydrationState,
-    tryToClaimNextHydratableInstance =
-      hydrationContext.tryToClaimNextHydratableInstance;
-  config = ReactFiberClassComponent(
-    scheduleWork,
-    computeExpirationForFiber,
-    function(workInProgress, nextProps) {
-      workInProgress.memoizedProps = nextProps;
-    },
-    function(workInProgress, nextState) {
-      workInProgress.memoizedState = nextState;
-    }
-  );
-  var adoptClassInstance = config.adoptClassInstance,
-    callGetDerivedStateFromProps = config.callGetDerivedStateFromProps,
-    constructClassInstance = config.constructClassInstance,
-    mountClassInstance = config.mountClassInstance,
-    resumeMountClassInstance = config.resumeMountClassInstance,
-    updateClassInstance = config.updateClassInstance;
-  return {
-    beginWork: function(current, workInProgress, renderExpirationTime) {
-      if (
-        0 === workInProgress.expirationTime ||
-        workInProgress.expirationTime > renderExpirationTime
-      ) {
-        switch (workInProgress.tag) {
-          case 3:
-            pushHostRootContext(workInProgress);
-            break;
-          case 2:
-            pushContextProvider(workInProgress);
-            break;
-          case 4:
-            pushHostContainer(
-              workInProgress,
-              workInProgress.stateNode.containerInfo
-            );
-            break;
-          case 13:
-            pushProvider(workInProgress);
-        }
-        return null;
-      }
-      switch (workInProgress.tag) {
-        case 0:
-          invariant(
-            null === current,
-            "An indeterminate component should never have mounted. This error is likely caused by a bug in React. Please file an issue."
-          );
-          var fn = workInProgress.type,
-            props = workInProgress.pendingProps,
-            unmaskedContext = getUnmaskedContext(workInProgress);
-          unmaskedContext = getMaskedContext(workInProgress, unmaskedContext);
-          fn = fn(props, unmaskedContext);
-          workInProgress.effectTag |= 1;
-          "object" === typeof fn &&
-          null !== fn &&
-          "function" === typeof fn.render &&
-          void 0 === fn.$$typeof
-            ? ((unmaskedContext = workInProgress.type),
-              (workInProgress.tag = 2),
-              (workInProgress.memoizedState =
-                null !== fn.state && void 0 !== fn.state ? fn.state : null),
-              "function" === typeof unmaskedContext.getDerivedStateFromProps &&
-                ((props = callGetDerivedStateFromProps(
-                  workInProgress,
-                  fn,
-                  props
-                )),
-                null !== props &&
-                  void 0 !== props &&
-                  (workInProgress.memoizedState = Object.assign(
-                    {},
-                    workInProgress.memoizedState,
-                    props
-                  ))),
-              (props = pushContextProvider(workInProgress)),
-              adoptClassInstance(workInProgress, fn),
-              mountClassInstance(workInProgress, renderExpirationTime),
-              (current = finishClassComponent(
-                current,
-                workInProgress,
-                !0,
-                props,
-                !1,
-                renderExpirationTime
-              )))
-            : ((workInProgress.tag = 1),
-              reconcileChildren(current, workInProgress, fn),
-              (workInProgress.memoizedProps = props),
-              (current = workInProgress.child));
-          return current;
-        case 1:
-          return (
-            (props = workInProgress.type),
-            (renderExpirationTime = workInProgress.pendingProps),
-            didPerformWorkStackCursor.current ||
-            workInProgress.memoizedProps !== renderExpirationTime
-              ? ((fn = getUnmaskedContext(workInProgress)),
-                (fn = getMaskedContext(workInProgress, fn)),
-                (props = props(renderExpirationTime, fn)),
-                (workInProgress.effectTag |= 1),
-                reconcileChildren(current, workInProgress, props),
-                (workInProgress.memoizedProps = renderExpirationTime),
-                (current = workInProgress.child))
-              : (current = bailoutOnAlreadyFinishedWork(
-                  current,
-                  workInProgress
-                )),
-            current
-          );
-        case 2:
-          props = pushContextProvider(workInProgress);
-          null === current
-            ? null === workInProgress.stateNode
-              ? (constructClassInstance(
-                  workInProgress,
-                  workInProgress.pendingProps
-                ),
-                mountClassInstance(workInProgress, renderExpirationTime),
-                (fn = !0))
-              : (fn = resumeMountClassInstance(
-                  workInProgress,
-                  renderExpirationTime
-                ))
-            : (fn = updateClassInstance(
-                current,
-                workInProgress,
-                renderExpirationTime
-              ));
-          unmaskedContext = !1;
-          var updateQueue = workInProgress.updateQueue;
-          null !== updateQueue &&
-            null !== updateQueue.capturedValues &&
-            (unmaskedContext = fn = !0);
-          return finishClassComponent(
-            current,
-            workInProgress,
-            fn,
-            props,
-            unmaskedContext,
-            renderExpirationTime
-          );
-        case 3:
-          a: if (
-            (pushHostRootContext(workInProgress),
-            (fn = workInProgress.updateQueue),
-            null !== fn)
-          ) {
-            unmaskedContext = workInProgress.memoizedState;
-            props = processUpdateQueue(
-              current,
-              workInProgress,
-              fn,
-              null,
-              null,
-              renderExpirationTime
-            );
-            workInProgress.memoizedState = props;
-            fn = workInProgress.updateQueue;
-            if (null !== fn && null !== fn.capturedValues) fn = null;
-            else if (unmaskedContext === props) {
-              resetHydrationState();
-              current = bailoutOnAlreadyFinishedWork(current, workInProgress);
-              break a;
-            } else fn = props.element;
-            unmaskedContext = workInProgress.stateNode;
-            (null === current || null === current.child) &&
-            unmaskedContext.hydrate &&
-            enterHydrationState(workInProgress)
-              ? ((workInProgress.effectTag |= 2),
-                (workInProgress.child = mountChildFibers(
-                  workInProgress,
-                  null,
-                  fn,
-                  renderExpirationTime
-                )))
-              : (resetHydrationState(),
-                reconcileChildren(current, workInProgress, fn));
-            workInProgress.memoizedState = props;
-            current = workInProgress.child;
-          } else
-            resetHydrationState(),
-              (current = bailoutOnAlreadyFinishedWork(current, workInProgress));
-          return current;
-        case 5:
-          a: {
-            pushHostContext(workInProgress);
-            null === current &&
-              tryToClaimNextHydratableInstance(workInProgress);
-            props = workInProgress.type;
-            updateQueue = workInProgress.memoizedProps;
-            fn = workInProgress.pendingProps;
-            unmaskedContext = null !== current ? current.memoizedProps : null;
-            if (!didPerformWorkStackCursor.current && updateQueue === fn) {
-              if (
-                (updateQueue =
-                  workInProgress.mode & 1 &&
-                  shouldDeprioritizeSubtree(props, fn))
-              )
-                workInProgress.expirationTime = 1073741823;
-              if (!updateQueue || 1073741823 !== renderExpirationTime) {
-                current = bailoutOnAlreadyFinishedWork(current, workInProgress);
-                break a;
-              }
-            }
-            updateQueue = fn.children;
-            shouldSetTextContent(props, fn)
-              ? (updateQueue = null)
-              : unmaskedContext &&
-                shouldSetTextContent(props, unmaskedContext) &&
-                (workInProgress.effectTag |= 16);
-            markRef(current, workInProgress);
-            1073741823 !== renderExpirationTime &&
-            workInProgress.mode & 1 &&
-            shouldDeprioritizeSubtree(props, fn)
-              ? ((workInProgress.expirationTime = 1073741823),
-                (workInProgress.memoizedProps = fn),
-                (current = null))
-              : (reconcileChildren(current, workInProgress, updateQueue),
-                (workInProgress.memoizedProps = fn),
-                (current = workInProgress.child));
-          }
-          return current;
-        case 6:
-          return (
-            null === current &&
-              tryToClaimNextHydratableInstance(workInProgress),
-            (workInProgress.memoizedProps = workInProgress.pendingProps),
-            null
-          );
-        case 8:
-          workInProgress.tag = 7;
-        case 7:
-          return (
-            (props = workInProgress.pendingProps),
-            didPerformWorkStackCursor.current ||
-              workInProgress.memoizedProps !== props ||
-              (props = workInProgress.memoizedProps),
-            (fn = props.children),
-            (workInProgress.stateNode =
-              null === current
-                ? mountChildFibers(
-                    workInProgress,
-                    workInProgress.stateNode,
-                    fn,
-                    renderExpirationTime
-                  )
-                : reconcileChildFibers(
-                    workInProgress,
-                    current.stateNode,
-                    fn,
-                    renderExpirationTime
-                  )),
-            (workInProgress.memoizedProps = props),
-            workInProgress.stateNode
-          );
-        case 9:
-          return null;
-        case 4:
-          return (
-            pushHostContainer(
-              workInProgress,
-              workInProgress.stateNode.containerInfo
-            ),
-            (props = workInProgress.pendingProps),
-            didPerformWorkStackCursor.current ||
-            workInProgress.memoizedProps !== props
-              ? (null === current
-                  ? (workInProgress.child = reconcileChildFibers(
-                      workInProgress,
-                      null,
-                      props,
-                      renderExpirationTime
-                    ))
-                  : reconcileChildren(current, workInProgress, props),
-                (workInProgress.memoizedProps = props),
-                (current = workInProgress.child))
-              : (current = bailoutOnAlreadyFinishedWork(
-                  current,
-                  workInProgress
-                )),
-            current
-          );
-        case 10:
-          return (
-            (renderExpirationTime = workInProgress.pendingProps),
-            didPerformWorkStackCursor.current ||
-            workInProgress.memoizedProps !== renderExpirationTime
-              ? (reconcileChildren(
-                  current,
-                  workInProgress,
-                  renderExpirationTime
-                ),
-                (workInProgress.memoizedProps = renderExpirationTime),
-                (current = workInProgress.child))
-              : (current = bailoutOnAlreadyFinishedWork(
-                  current,
-                  workInProgress
-                )),
-            current
-          );
-        case 11:
-          return (
-            (renderExpirationTime = workInProgress.pendingProps.children),
-            didPerformWorkStackCursor.current ||
-            (null !== renderExpirationTime &&
-              workInProgress.memoizedProps !== renderExpirationTime)
-              ? (reconcileChildren(
-                  current,
-                  workInProgress,
-                  renderExpirationTime
-                ),
-                (workInProgress.memoizedProps = renderExpirationTime),
-                (current = workInProgress.child))
-              : (current = bailoutOnAlreadyFinishedWork(
-                  current,
-                  workInProgress
-                )),
-            current
-          );
-        case 13:
-          props = workInProgress.type.context;
-          fn = workInProgress.pendingProps;
-          unmaskedContext = workInProgress.memoizedProps;
-          if (didPerformWorkStackCursor.current || unmaskedContext !== fn) {
-            workInProgress.memoizedProps = fn;
-            updateQueue = fn.value;
-            if (null === unmaskedContext) updateQueue = 1073741823;
-            else {
-              var oldValue = unmaskedContext.value;
-              (oldValue === updateQueue &&
-                (0 !== oldValue || 1 / oldValue === 1 / updateQueue)) ||
-              (oldValue !== oldValue && updateQueue !== updateQueue)
-                ? (updateQueue = 0)
-                : ((updateQueue =
-                    "function" === typeof props.calculateChangedBits
-                      ? props.calculateChangedBits(oldValue, updateQueue)
-                      : 1073741823),
-                  (updateQueue |= 0),
-                  0 !== updateQueue &&
-                    propagateContextChange(
-                      workInProgress,
-                      props,
-                      updateQueue,
-                      renderExpirationTime
-                    ));
-            }
-            workInProgress.stateNode = updateQueue;
-            pushProvider(workInProgress);
-            null !== unmaskedContext && unmaskedContext.children === fn.children
-              ? (current = bailoutOnAlreadyFinishedWork(
-                  current,
-                  workInProgress
-                ))
-              : (reconcileChildren(current, workInProgress, fn.children),
-                (current = workInProgress.child));
-          } else
-            (workInProgress.stateNode = 0),
-              pushProvider(workInProgress),
-              (current = bailoutOnAlreadyFinishedWork(current, workInProgress));
-          return current;
-        case 12:
-          unmaskedContext = workInProgress.type;
-          fn = workInProgress.pendingProps;
-          props = unmaskedContext.currentValue;
-          updateQueue = unmaskedContext.changedBits;
-          0 !== updateQueue &&
-            propagateContextChange(
-              workInProgress,
-              unmaskedContext,
-              updateQueue,
-              renderExpirationTime
-            );
-          renderExpirationTime = fn.observedBits;
-          if (void 0 === renderExpirationTime || null === renderExpirationTime)
-            renderExpirationTime = 1073741823;
-          workInProgress.stateNode = renderExpirationTime;
-          renderExpirationTime = fn.children;
-          "function" !== typeof renderExpirationTime &&
-            invariant(
-              !1,
-              "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."
-            );
-          renderExpirationTime = renderExpirationTime(props);
-          reconcileChildren(current, workInProgress, renderExpirationTime);
-          return workInProgress.child;
-        default:
-          invariant(
-            !1,
-            "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
-          );
-      }
-    }
-  };
-}
-function ReactFiberCompleteWork(config, hostContext, hydrationContext) {
-  function markUpdate(workInProgress) {
-    workInProgress.effectTag |= 4;
-  }
-  function appendAllChildren(parent, workInProgress) {
-    for (var node = workInProgress.child; null !== node; ) {
-      if (5 === node.tag || 6 === node.tag)
-        appendInitialChild(parent, node.stateNode);
-      else if (4 !== node.tag && null !== node.child) {
-        node.child["return"] = node;
-        node = node.child;
-        continue;
-      }
-      if (node === workInProgress) break;
-      for (; null === node.sibling; ) {
-        if (null === node["return"] || node["return"] === workInProgress)
-          return;
-        node = node["return"];
-      }
-      node.sibling["return"] = node["return"];
-      node = node.sibling;
-    }
-  }
-  var createInstance = config.createInstance,
-    createTextInstance = config.createTextInstance,
-    appendInitialChild = config.appendInitialChild,
-    finalizeInitialChildren = config.finalizeInitialChildren,
-    prepareUpdate = config.prepareUpdate,
-    persistence = config.persistence,
-    getRootHostContainer = hostContext.getRootHostContainer,
-    popHostContext = hostContext.popHostContext,
-    getHostContext = hostContext.getHostContext,
-    popHostContainer = hostContext.popHostContainer,
-    prepareToHydrateHostInstance =
-      hydrationContext.prepareToHydrateHostInstance,
-    prepareToHydrateHostTextInstance =
-      hydrationContext.prepareToHydrateHostTextInstance,
-    popHydrationState = hydrationContext.popHydrationState,
-    updateHostContainer = void 0,
-    updateHostComponent = void 0,
-    updateHostText = void 0;
-  if (config.mutation) invariant(!1, "Mutating reconciler is disabled.");
-  else if (persistence) {
-    var cloneInstance = persistence.cloneInstance,
-      createContainerChildSet = persistence.createContainerChildSet,
-      appendChildToContainerChildSet =
-        persistence.appendChildToContainerChildSet,
-      finalizeContainerChildren = persistence.finalizeContainerChildren;
-    updateHostContainer = function(workInProgress) {
-      var portalOrRoot = workInProgress.stateNode;
-      if (null !== workInProgress.firstEffect) {
-        var container = portalOrRoot.containerInfo,
-          newChildSet = createContainerChildSet(container);
-        a: for (var node = workInProgress.child; null !== node; ) {
-          if (5 === node.tag || 6 === node.tag)
-            appendChildToContainerChildSet(newChildSet, node.stateNode);
-          else if (4 !== node.tag && null !== node.child) {
-            node.child["return"] = node;
-            node = node.child;
-            continue;
-          }
-          if (node === workInProgress) break a;
-          for (; null === node.sibling; ) {
-            if (null === node["return"] || node["return"] === workInProgress)
-              break a;
-            node = node["return"];
-          }
-          node.sibling["return"] = node["return"];
-          node = node.sibling;
-        }
-        portalOrRoot.pendingChildren = newChildSet;
-        markUpdate(workInProgress);
-        finalizeContainerChildren(container, newChildSet);
-      }
-    };
-    updateHostComponent = function(
-      current,
-      workInProgress,
-      updatePayload,
-      type,
-      oldProps,
-      newProps,
-      rootContainerInstance,
-      currentHostContext
-    ) {
-      var childrenUnchanged = null === workInProgress.firstEffect;
-      current = current.stateNode;
-      childrenUnchanged && null === updatePayload
-        ? (workInProgress.stateNode = current)
-        : ((updatePayload = cloneInstance(
-            current,
-            updatePayload,
-            type,
-            oldProps,
-            newProps,
-            workInProgress,
-            childrenUnchanged,
-            workInProgress.stateNode
-          )),
-          finalizeInitialChildren(
-            updatePayload,
-            type,
-            newProps,
-            rootContainerInstance,
-            currentHostContext
-          ) && markUpdate(workInProgress),
-          (workInProgress.stateNode = updatePayload),
-          childrenUnchanged
-            ? markUpdate(workInProgress)
-            : appendAllChildren(updatePayload, workInProgress));
-    };
-    updateHostText = function(current, workInProgress, oldText, newText) {
-      oldText !== newText &&
-        ((current = getRootHostContainer()),
-        (oldText = getHostContext()),
-        (workInProgress.stateNode = createTextInstance(
-          newText,
-          current,
-          oldText,
-          workInProgress
-        )),
-        markUpdate(workInProgress));
-    };
-  } else invariant(!1, "Noop reconciler is disabled.");
-  return {
-    completeWork: function(current, workInProgress, renderExpirationTime) {
-      var newProps = workInProgress.pendingProps;
-      switch (workInProgress.tag) {
-        case 1:
-          return null;
-        case 2:
-          return (
-            popContextProvider(workInProgress),
-            (current = workInProgress.stateNode),
-            (newProps = workInProgress.updateQueue),
-            null !== newProps &&
-              null !== newProps.capturedValues &&
-              ((workInProgress.effectTag &= -65),
-              "function" === typeof current.componentDidCatch
-                ? (workInProgress.effectTag |= 256)
-                : (newProps.capturedValues = null)),
-            null
-          );
-        case 3:
-          popHostContainer(workInProgress);
-          pop(didPerformWorkStackCursor, workInProgress);
-          pop(contextStackCursor, workInProgress);
-          newProps = workInProgress.stateNode;
-          newProps.pendingContext &&
-            ((newProps.context = newProps.pendingContext),
-            (newProps.pendingContext = null));
-          if (null === current || null === current.child)
-            popHydrationState(workInProgress), (workInProgress.effectTag &= -3);
-          updateHostContainer(workInProgress);
-          current = workInProgress.updateQueue;
-          null !== current &&
-            null !== current.capturedValues &&
-            (workInProgress.effectTag |= 256);
-          return null;
-        case 5:
-          popHostContext(workInProgress);
-          renderExpirationTime = getRootHostContainer();
-          var type = workInProgress.type;
-          if (null !== current && null != workInProgress.stateNode) {
-            var oldProps = current.memoizedProps,
-              _instance = workInProgress.stateNode,
-              currentHostContext = getHostContext();
-            _instance = prepareUpdate(
-              _instance,
-              type,
-              oldProps,
-              newProps,
-              renderExpirationTime,
-              currentHostContext
-            );
-            updateHostComponent(
-              current,
-              workInProgress,
-              _instance,
-              type,
-              oldProps,
-              newProps,
-              renderExpirationTime,
-              currentHostContext
-            );
-            current.ref !== workInProgress.ref &&
-              (workInProgress.effectTag |= 128);
-          } else {
-            if (!newProps)
-              return (
-                invariant(
-                  null !== workInProgress.stateNode,
-                  "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
-                ),
-                null
-              );
-            current = getHostContext();
-            popHydrationState(workInProgress)
-              ? prepareToHydrateHostInstance(
-                  workInProgress,
-                  renderExpirationTime,
-                  current
-                ) && markUpdate(workInProgress)
-              : ((oldProps = createInstance(
-                  type,
-                  newProps,
-                  renderExpirationTime,
-                  current,
-                  workInProgress
-                )),
-                appendAllChildren(oldProps, workInProgress),
-                finalizeInitialChildren(
-                  oldProps,
-                  type,
-                  newProps,
-                  renderExpirationTime,
-                  current
-                ) && markUpdate(workInProgress),
-                (workInProgress.stateNode = oldProps));
-            null !== workInProgress.ref && (workInProgress.effectTag |= 128);
-          }
-          return null;
-        case 6:
-          if (current && null != workInProgress.stateNode)
-            updateHostText(
-              current,
-              workInProgress,
-              current.memoizedProps,
-              newProps
-            );
-          else {
-            if ("string" !== typeof newProps)
-              return (
-                invariant(
-                  null !== workInProgress.stateNode,
-                  "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
-                ),
-                null
-              );
-            current = getRootHostContainer();
-            renderExpirationTime = getHostContext();
-            popHydrationState(workInProgress)
-              ? prepareToHydrateHostTextInstance(workInProgress) &&
-                markUpdate(workInProgress)
-              : (workInProgress.stateNode = createTextInstance(
-                  newProps,
-                  current,
-                  renderExpirationTime,
-                  workInProgress
-                ));
-          }
-          return null;
-        case 7:
-          newProps = workInProgress.memoizedProps;
-          invariant(
-            newProps,
-            "Should be resolved by now. This error is likely caused by a bug in React. Please file an issue."
-          );
-          workInProgress.tag = 8;
-          type = [];
-          a: for (
-            (oldProps = workInProgress.stateNode) &&
-            (oldProps["return"] = workInProgress);
-            null !== oldProps;
-
-          ) {
-            if (5 === oldProps.tag || 6 === oldProps.tag || 4 === oldProps.tag)
-              invariant(!1, "A call cannot have host component children.");
-            else if (9 === oldProps.tag) type.push(oldProps.pendingProps.value);
-            else if (null !== oldProps.child) {
-              oldProps.child["return"] = oldProps;
-              oldProps = oldProps.child;
-              continue;
-            }
-            for (; null === oldProps.sibling; ) {
-              if (
-                null === oldProps["return"] ||
-                oldProps["return"] === workInProgress
-              )
-                break a;
-              oldProps = oldProps["return"];
-            }
-            oldProps.sibling["return"] = oldProps["return"];
-            oldProps = oldProps.sibling;
-          }
-          oldProps = newProps.handler;
-          newProps = oldProps(newProps.props, type);
-          workInProgress.child = reconcileChildFibers(
-            workInProgress,
-            null !== current ? current.child : null,
-            newProps,
-            renderExpirationTime
-          );
-          return workInProgress.child;
-        case 8:
-          return (workInProgress.tag = 7), null;
-        case 9:
-          return null;
-        case 10:
-          return null;
-        case 11:
-          return null;
-        case 4:
-          return (
-            popHostContainer(workInProgress),
-            updateHostContainer(workInProgress),
-            null
-          );
-        case 13:
-          return popProvider(workInProgress), null;
-        case 12:
-          return null;
-        case 0:
-          invariant(
-            !1,
-            "An indeterminate component should have become determinate before completing. This error is likely caused by a bug in React. Please file an issue."
-          );
-        default:
-          invariant(
-            !1,
-            "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
-          );
-      }
-    }
-  };
-}
-function ReactFiberUnwindWork(
-  hostContext,
-  scheduleWork,
-  isAlreadyFailedLegacyErrorBoundary
-) {
-  var popHostContainer = hostContext.popHostContainer,
-    popHostContext = hostContext.popHostContext;
-  return {
-    throwException: function(returnFiber, sourceFiber, rawValue) {
-      sourceFiber.effectTag |= 512;
-      sourceFiber.firstEffect = sourceFiber.lastEffect = null;
-      sourceFiber = {
-        value: rawValue,
-        source: sourceFiber,
-        stack: getStackAddendumByWorkInProgressFiber(sourceFiber)
-      };
-      do {
-        switch (returnFiber.tag) {
-          case 3:
-            ensureUpdateQueues(returnFiber);
-            returnFiber.updateQueue.capturedValues = [sourceFiber];
-            returnFiber.effectTag |= 1024;
-            return;
-          case 2:
-            if (
-              ((rawValue = returnFiber.stateNode),
-              0 === (returnFiber.effectTag & 64) &&
-                null !== rawValue &&
-                "function" === typeof rawValue.componentDidCatch &&
-                !isAlreadyFailedLegacyErrorBoundary(rawValue))
-            ) {
-              ensureUpdateQueues(returnFiber);
-              rawValue = returnFiber.updateQueue;
-              var capturedValues = rawValue.capturedValues;
-              null === capturedValues
-                ? (rawValue.capturedValues = [sourceFiber])
-                : capturedValues.push(sourceFiber);
-              returnFiber.effectTag |= 1024;
-              return;
-            }
-        }
-        returnFiber = returnFiber["return"];
-      } while (null !== returnFiber);
-    },
-    unwindWork: function(workInProgress) {
-      switch (workInProgress.tag) {
-        case 2:
-          popContextProvider(workInProgress);
-          var effectTag = workInProgress.effectTag;
-          return effectTag & 1024
-            ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
-              workInProgress)
-            : null;
-        case 3:
-          return (
-            popHostContainer(workInProgress),
-            pop(didPerformWorkStackCursor, workInProgress),
-            pop(contextStackCursor, workInProgress),
-            (effectTag = workInProgress.effectTag),
-            effectTag & 1024
-              ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
-                workInProgress)
-              : null
-          );
-        case 5:
-          return popHostContext(workInProgress), null;
-        case 4:
-          return popHostContainer(workInProgress), null;
-        case 13:
-          return popProvider(workInProgress), null;
-        default:
-          return null;
-      }
-    }
-  };
-}
-function logError(boundary, errorInfo) {
-  var source = errorInfo.source;
-  null === errorInfo.stack && getStackAddendumByWorkInProgressFiber(source);
-  null !== source && getComponentName(source);
-  errorInfo = errorInfo.value;
-  null !== boundary && getComponentName(boundary);
-  try {
-    (errorInfo && errorInfo.suppressReactErrorLogging) ||
-      console.error(errorInfo);
-  } catch (e) {
-    (e && e.suppressReactErrorLogging) || console.error(e);
-  }
-}
-function ReactFiberCommitWork(
-  config,
-  captureError,
-  scheduleWork,
-  computeExpirationForFiber,
-  markLegacyErrorBoundaryAsFailed
-) {
-  function safelyDetachRef(current) {
-    var ref = current.ref;
-    if (null !== ref)
-      if ("function" === typeof ref)
-        try {
-          ref(null);
-        } catch (refError) {
-          captureError(current, refError);
-        }
-      else ref.value = null;
-  }
-  function commitLifeCycles(finishedRoot, current, finishedWork) {
-    switch (finishedWork.tag) {
-      case 2:
-        finishedRoot = finishedWork.stateNode;
-        if (finishedWork.effectTag & 4)
-          if (null === current)
-            (finishedRoot.props = finishedWork.memoizedProps),
-              (finishedRoot.state = finishedWork.memoizedState),
-              finishedRoot.componentDidMount();
-          else {
-            var prevProps = current.memoizedProps;
-            current = current.memoizedState;
-            finishedRoot.props = finishedWork.memoizedProps;
-            finishedRoot.state = finishedWork.memoizedState;
-            finishedRoot.componentDidUpdate(prevProps, current);
-          }
-        finishedWork = finishedWork.updateQueue;
-        null !== finishedWork && commitCallbacks(finishedWork, finishedRoot);
-        break;
-      case 3:
-        current = finishedWork.updateQueue;
-        if (null !== current) {
-          finishedRoot = null;
-          if (null !== finishedWork.child)
-            switch (finishedWork.child.tag) {
-              case 5:
-                finishedRoot = getPublicInstance(finishedWork.child.stateNode);
-                break;
-              case 2:
-                finishedRoot = finishedWork.child.stateNode;
-            }
-          commitCallbacks(current, finishedRoot);
-        }
-        break;
-      case 5:
-        finishedRoot = finishedWork.stateNode;
-        null === current &&
-          finishedWork.effectTag & 4 &&
-          commitMount(
-            finishedRoot,
-            finishedWork.type,
-            finishedWork.memoizedProps,
-            finishedWork
-          );
-        break;
-      case 6:
-        break;
-      case 4:
-        break;
-      default:
-        invariant(
-          !1,
-          "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-        );
-    }
-  }
-  function commitErrorLogging(finishedWork, onUncaughtError) {
-    switch (finishedWork.tag) {
-      case 2:
-        var ctor = finishedWork.type;
-        onUncaughtError = finishedWork.stateNode;
-        var updateQueue = finishedWork.updateQueue;
-        invariant(
-          null !== updateQueue && null !== updateQueue.capturedValues,
-          "An error logging effect should not have been scheduled if no errors were captured. This error is likely caused by a bug in React. Please file an issue."
-        );
-        var capturedErrors = updateQueue.capturedValues;
-        updateQueue.capturedValues = null;
-        "function" !== typeof ctor.getDerivedStateFromCatch &&
-          markLegacyErrorBoundaryAsFailed(onUncaughtError);
-        onUncaughtError.props = finishedWork.memoizedProps;
-        onUncaughtError.state = finishedWork.memoizedState;
-        for (ctor = 0; ctor < capturedErrors.length; ctor++) {
-          updateQueue = capturedErrors[ctor];
-          var _error = updateQueue.value;
-          logError(finishedWork, updateQueue);
-          onUncaughtError.componentDidCatch(_error);
-        }
-        break;
-      case 3:
-        ctor = finishedWork.updateQueue;
-        invariant(
-          null !== ctor && null !== ctor.capturedValues,
-          "An error logging effect should not have been scheduled if no errors were captured. This error is likely caused by a bug in React. Please file an issue."
-        );
-        capturedErrors = ctor.capturedValues;
-        ctor.capturedValues = null;
-        for (ctor = 0; ctor < capturedErrors.length; ctor++)
-          (updateQueue = capturedErrors[ctor]),
-            logError(finishedWork, updateQueue),
-            onUncaughtError(updateQueue.value);
-        break;
-      default:
-        invariant(
-          !1,
-          "This unit of work tag cannot capture errors.  This error is likely caused by a bug in React. Please file an issue."
-        );
-    }
-  }
-  function commitAttachRef(finishedWork) {
-    var ref = finishedWork.ref;
-    if (null !== ref) {
-      var _instance5 = finishedWork.stateNode;
-      switch (finishedWork.tag) {
-        case 5:
-          finishedWork = getPublicInstance(_instance5);
-          break;
-        default:
-          finishedWork = _instance5;
-      }
-      "function" === typeof ref
-        ? ref(finishedWork)
-        : (ref.value = finishedWork);
-    }
-  }
-  function commitDetachRef(current) {
-    current = current.ref;
-    null !== current &&
-      ("function" === typeof current ? current(null) : (current.value = null));
-  }
-  function commitNestedUnmounts(root) {
-    for (var node = root; ; ) {
-      var current = node;
-      "function" === typeof onCommitUnmount && onCommitUnmount(current);
-      switch (current.tag) {
-        case 2:
-          safelyDetachRef(current);
-          var _instance6 = current.stateNode;
-          if ("function" === typeof _instance6.componentWillUnmount)
-            try {
-              (_instance6.props = current.memoizedProps),
-                (_instance6.state = current.memoizedState),
-                _instance6.componentWillUnmount();
-            } catch (unmountError) {
-              captureError(current, unmountError);
-            }
-          break;
-        case 5:
-          safelyDetachRef(current);
-          break;
-        case 7:
-          commitNestedUnmounts(current.stateNode);
-          break;
-        case 4:
-          persistence && emptyPortalContainer(current);
-      }
-      if (null === node.child || (mutation && 4 === node.tag)) {
-        if (node === root) break;
-        for (; null === node.sibling; ) {
-          if (null === node["return"] || node["return"] === root) return;
-          node = node["return"];
-        }
-        node.sibling["return"] = node["return"];
-        node = node.sibling;
-      } else (node.child["return"] = node), (node = node.child);
-    }
-  }
-  var getPublicInstance = config.getPublicInstance,
-    mutation = config.mutation,
-    persistence = config.persistence,
-    emptyPortalContainer = void 0;
-  if (!mutation) {
-    var commitContainer = void 0;
-    if (persistence) {
-      var replaceContainerChildren = persistence.replaceContainerChildren,
-        createContainerChildSet = persistence.createContainerChildSet;
-      emptyPortalContainer = function(current) {
-        current = current.stateNode.containerInfo;
-        var emptyChildSet = createContainerChildSet(current);
-        replaceContainerChildren(current, emptyChildSet);
-      };
-      commitContainer = function(finishedWork) {
-        switch (finishedWork.tag) {
-          case 2:
-            break;
-          case 5:
-            break;
-          case 6:
-            break;
-          case 3:
-          case 4:
-            finishedWork = finishedWork.stateNode;
-            replaceContainerChildren(
-              finishedWork.containerInfo,
-              finishedWork.pendingChildren
-            );
-            break;
-          default:
-            invariant(
-              !1,
-              "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-            );
-        }
-      };
-    } else commitContainer = function() {};
-    return {
-      commitResetTextContent: function() {},
-      commitPlacement: function() {},
-      commitDeletion: function(current) {
-        commitNestedUnmounts(current);
-        current["return"] = null;
-        current.child = null;
-        current.alternate &&
-          ((current.alternate.child = null),
-          (current.alternate["return"] = null));
-      },
-      commitWork: function(current, finishedWork) {
-        commitContainer(finishedWork);
-      },
-      commitLifeCycles: commitLifeCycles,
-      commitErrorLogging: commitErrorLogging,
-      commitAttachRef: commitAttachRef,
-      commitDetachRef: commitDetachRef
-    };
-  }
-  var commitMount = mutation.commitMount;
-  invariant(!1, "Mutating reconciler is disabled.");
-}
-var NO_CONTEXT = {};
-function ReactFiberHostContext(config) {
-  function requiredContext(c) {
-    invariant(
-      c !== NO_CONTEXT,
-      "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
-    );
-    return c;
-  }
-  var getChildHostContext = config.getChildHostContext,
-    getRootHostContext = config.getRootHostContext,
-    contextStackCursor = { current: NO_CONTEXT },
-    contextFiberStackCursor = { current: NO_CONTEXT },
-    rootInstanceStackCursor = { current: NO_CONTEXT };
-  return {
-    getHostContext: function() {
-      return requiredContext(contextStackCursor.current);
-    },
-    getRootHostContainer: function() {
-      return requiredContext(rootInstanceStackCursor.current);
-    },
-    popHostContainer: function(fiber) {
-      pop(contextStackCursor, fiber);
-      pop(contextFiberStackCursor, fiber);
-      pop(rootInstanceStackCursor, fiber);
-    },
-    popHostContext: function(fiber) {
-      contextFiberStackCursor.current === fiber &&
-        (pop(contextStackCursor, fiber), pop(contextFiberStackCursor, fiber));
-    },
-    pushHostContainer: function(fiber, nextRootInstance) {
-      push(rootInstanceStackCursor, nextRootInstance, fiber);
-      nextRootInstance = getRootHostContext(nextRootInstance);
-      push(contextFiberStackCursor, fiber, fiber);
-      push(contextStackCursor, nextRootInstance, fiber);
-    },
-    pushHostContext: function(fiber) {
-      var rootInstance = requiredContext(rootInstanceStackCursor.current),
-        context = requiredContext(contextStackCursor.current);
-      rootInstance = getChildHostContext(context, fiber.type, rootInstance);
-      context !== rootInstance &&
-        (push(contextFiberStackCursor, fiber, fiber),
-        push(contextStackCursor, rootInstance, fiber));
-    },
-    resetHostContainer: function() {
-      contextStackCursor.current = NO_CONTEXT;
-      rootInstanceStackCursor.current = NO_CONTEXT;
-    }
-  };
-}
-function ReactFiberHydrationContext(config) {
-  function deleteHydratableInstance(returnFiber, instance) {
-    var fiber = new FiberNode(5, null, null, 0);
-    fiber.type = "DELETED";
-    fiber.stateNode = instance;
-    fiber["return"] = returnFiber;
-    fiber.effectTag = 8;
-    null !== returnFiber.lastEffect
-      ? ((returnFiber.lastEffect.nextEffect = fiber),
-        (returnFiber.lastEffect = fiber))
-      : (returnFiber.firstEffect = returnFiber.lastEffect = fiber);
-  }
-  function tryHydrate(fiber, nextInstance) {
-    switch (fiber.tag) {
-      case 5:
-        return (
-          (nextInstance = canHydrateInstance(
-            nextInstance,
-            fiber.type,
-            fiber.pendingProps
-          )),
-          null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
-        );
-      case 6:
-        return (
-          (nextInstance = canHydrateTextInstance(
-            nextInstance,
-            fiber.pendingProps
-          )),
-          null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
-        );
-      default:
-        return !1;
-    }
-  }
-  function popToNextHostParent(fiber) {
-    for (
-      fiber = fiber["return"];
-      null !== fiber && 5 !== fiber.tag && 3 !== fiber.tag;
-
-    )
-      fiber = fiber["return"];
-    hydrationParentFiber = fiber;
-  }
-  var shouldSetTextContent = config.shouldSetTextContent;
-  config = config.hydration;
-  if (!config)
-    return {
-      enterHydrationState: function() {
-        return !1;
-      },
-      resetHydrationState: function() {},
-      tryToClaimNextHydratableInstance: function() {},
-      prepareToHydrateHostInstance: function() {
-        invariant(
-          !1,
-          "Expected prepareToHydrateHostInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
-        );
-      },
-      prepareToHydrateHostTextInstance: function() {
-        invariant(
-          !1,
-          "Expected prepareToHydrateHostTextInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
-        );
-      },
-      popHydrationState: function() {
-        return !1;
-      }
-    };
-  var canHydrateInstance = config.canHydrateInstance,
-    canHydrateTextInstance = config.canHydrateTextInstance,
-    getNextHydratableSibling = config.getNextHydratableSibling,
-    getFirstHydratableChild = config.getFirstHydratableChild,
-    hydrateInstance = config.hydrateInstance,
-    hydrateTextInstance = config.hydrateTextInstance,
-    hydrationParentFiber = null,
-    nextHydratableInstance = null,
-    isHydrating = !1;
-  return {
-    enterHydrationState: function(fiber) {
-      nextHydratableInstance = getFirstHydratableChild(
-        fiber.stateNode.containerInfo
-      );
-      hydrationParentFiber = fiber;
-      return (isHydrating = !0);
-    },
-    resetHydrationState: function() {
-      nextHydratableInstance = hydrationParentFiber = null;
-      isHydrating = !1;
-    },
-    tryToClaimNextHydratableInstance: function(fiber) {
-      if (isHydrating) {
-        var nextInstance = nextHydratableInstance;
-        if (nextInstance) {
-          if (!tryHydrate(fiber, nextInstance)) {
-            nextInstance = getNextHydratableSibling(nextInstance);
-            if (!nextInstance || !tryHydrate(fiber, nextInstance)) {
-              fiber.effectTag |= 2;
-              isHydrating = !1;
-              hydrationParentFiber = fiber;
-              return;
-            }
-            deleteHydratableInstance(
-              hydrationParentFiber,
-              nextHydratableInstance
-            );
-          }
-          hydrationParentFiber = fiber;
-          nextHydratableInstance = getFirstHydratableChild(nextInstance);
-        } else
-          (fiber.effectTag |= 2),
-            (isHydrating = !1),
-            (hydrationParentFiber = fiber);
-      }
-    },
-    prepareToHydrateHostInstance: function(
-      fiber,
-      rootContainerInstance,
-      hostContext
-    ) {
-      rootContainerInstance = hydrateInstance(
-        fiber.stateNode,
-        fiber.type,
-        fiber.memoizedProps,
-        rootContainerInstance,
-        hostContext,
-        fiber
-      );
-      fiber.updateQueue = rootContainerInstance;
-      return null !== rootContainerInstance ? !0 : !1;
-    },
-    prepareToHydrateHostTextInstance: function(fiber) {
-      return hydrateTextInstance(fiber.stateNode, fiber.memoizedProps, fiber);
-    },
-    popHydrationState: function(fiber) {
-      if (fiber !== hydrationParentFiber) return !1;
-      if (!isHydrating)
-        return popToNextHostParent(fiber), (isHydrating = !0), !1;
-      var type = fiber.type;
-      if (
-        5 !== fiber.tag ||
-        ("head" !== type &&
-          "body" !== type &&
-          !shouldSetTextContent(type, fiber.memoizedProps))
-      )
-        for (type = nextHydratableInstance; type; )
-          deleteHydratableInstance(fiber, type),
-            (type = getNextHydratableSibling(type));
-      popToNextHostParent(fiber);
-      nextHydratableInstance = hydrationParentFiber
-        ? getNextHydratableSibling(fiber.stateNode)
-        : null;
-      return !0;
-    }
-  };
-}
-function ReactFiberScheduler(config) {
-  function resetContextStack() {
-    for (; -1 < index; ) (valueStack[index] = null), index--;
-    previousContext = emptyObject;
-    contextStackCursor.current = emptyObject;
-    didPerformWorkStackCursor.current = !1;
-    resetHostContainer();
-    for (var i = index$1; -1 < i; i--) {
-      var context = stack[i].type.context;
-      context.currentValue = context.defaultValue;
-      context.changedBits = 0;
-      changedBitsStack[i] = null;
-      currentValueStack[i] = null;
-      stack[i] = null;
-    }
-    index$1 = -1;
-    nextRoot = null;
-    nextRenderExpirationTime = 0;
-    nextUnitOfWork = null;
-    isRootReadyForCommit = !1;
-  }
-  function isAlreadyFailedLegacyErrorBoundary(instance) {
-    return (
-      null !== legacyErrorBoundariesThatAlreadyFailed &&
-      legacyErrorBoundariesThatAlreadyFailed.has(instance)
-    );
-  }
-  function completeUnitOfWork(workInProgress$jscomp$0) {
-    for (;;) {
-      var current = workInProgress$jscomp$0.alternate,
-        returnFiber = workInProgress$jscomp$0["return"],
-        siblingFiber = workInProgress$jscomp$0.sibling;
-      if (0 === (workInProgress$jscomp$0.effectTag & 512)) {
-        current = completeWork(
-          current,
-          workInProgress$jscomp$0,
-          nextRenderExpirationTime
-        );
-        var workInProgress = workInProgress$jscomp$0;
-        if (
-          1073741823 === nextRenderExpirationTime ||
-          1073741823 !== workInProgress.expirationTime
-        ) {
-          b: switch (workInProgress.tag) {
-            case 3:
-            case 2:
-              var newExpirationTime = workInProgress.updateQueue;
-              newExpirationTime =
-                null === newExpirationTime
-                  ? 0
-                  : newExpirationTime.expirationTime;
-              break b;
-            default:
-              newExpirationTime = 0;
-          }
-          for (var child = workInProgress.child; null !== child; )
-            0 !== child.expirationTime &&
-              (0 === newExpirationTime ||
-                newExpirationTime > child.expirationTime) &&
-              (newExpirationTime = child.expirationTime),
-              (child = child.sibling);
-          workInProgress.expirationTime = newExpirationTime;
-        }
-        if (null !== current) return current;
-        null !== returnFiber &&
-          0 === (returnFiber.effectTag & 512) &&
-          (null === returnFiber.firstEffect &&
-            (returnFiber.firstEffect = workInProgress$jscomp$0.firstEffect),
-          null !== workInProgress$jscomp$0.lastEffect &&
-            (null !== returnFiber.lastEffect &&
-              (returnFiber.lastEffect.nextEffect =
-                workInProgress$jscomp$0.firstEffect),
-            (returnFiber.lastEffect = workInProgress$jscomp$0.lastEffect)),
-          1 < workInProgress$jscomp$0.effectTag &&
-            (null !== returnFiber.lastEffect
-              ? (returnFiber.lastEffect.nextEffect = workInProgress$jscomp$0)
-              : (returnFiber.firstEffect = workInProgress$jscomp$0),
-            (returnFiber.lastEffect = workInProgress$jscomp$0)));
-        if (null !== siblingFiber) return siblingFiber;
-        if (null !== returnFiber) workInProgress$jscomp$0 = returnFiber;
-        else {
-          isRootReadyForCommit = !0;
-          break;
-        }
-      } else {
-        workInProgress$jscomp$0 = unwindWork(workInProgress$jscomp$0);
-        if (null !== workInProgress$jscomp$0)
-          return (
-            (workInProgress$jscomp$0.effectTag &= 511), workInProgress$jscomp$0
-          );
-        null !== returnFiber &&
-          ((returnFiber.firstEffect = returnFiber.lastEffect = null),
-          (returnFiber.effectTag |= 512));
-        if (null !== siblingFiber) return siblingFiber;
-        if (null !== returnFiber) workInProgress$jscomp$0 = returnFiber;
-        else break;
-      }
-    }
-    return null;
-  }
-  function performUnitOfWork(workInProgress) {
-    var next = beginWork(
-      workInProgress.alternate,
-      workInProgress,
-      nextRenderExpirationTime
-    );
-    null === next && (next = completeUnitOfWork(workInProgress));
-    ReactCurrentOwner.current = null;
-    return next;
-  }
-  function renderRoot(root, expirationTime, isAsync) {
-    invariant(
-      !isWorking,
-      "renderRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
-    );
-    isWorking = !0;
-    if (
-      expirationTime !== nextRenderExpirationTime ||
-      root !== nextRoot ||
-      null === nextUnitOfWork
-    )
-      resetContextStack(),
-        (nextRoot = root),
-        (nextRenderExpirationTime = expirationTime),
-        (nextUnitOfWork = createWorkInProgress(
-          nextRoot.current,
-          null,
-          nextRenderExpirationTime
-        )),
-        (root.pendingCommitExpirationTime = 0);
-    var didFatal = !1;
-    do {
-      try {
-        if (isAsync)
-          for (; null !== nextUnitOfWork && !shouldYield(); )
-            nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
-        else
-          for (; null !== nextUnitOfWork; )
-            nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
-      } catch (thrownValue) {
-        if (null === nextUnitOfWork) {
-          didFatal = !0;
-          onUncaughtError(thrownValue);
-          break;
-        }
-        isAsync = nextUnitOfWork;
-        var returnFiber = isAsync["return"];
-        if (null === returnFiber) {
-          didFatal = !0;
-          onUncaughtError(thrownValue);
-          break;
-        }
-        throwException(returnFiber, isAsync, thrownValue);
-        nextUnitOfWork = completeUnitOfWork(isAsync);
-      }
-      break;
-    } while (1);
-    isWorking = !1;
-    if (didFatal || null !== nextUnitOfWork) return null;
-    if (isRootReadyForCommit)
-      return (
-        (root.pendingCommitExpirationTime = expirationTime),
-        root.current.alternate
-      );
-    invariant(
-      !1,
-      "Expired work should have completed. This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-  function scheduleCapture(sourceFiber, boundaryFiber, value, expirationTime) {
-    sourceFiber = {
-      value: value,
-      source: sourceFiber,
-      stack: getStackAddendumByWorkInProgressFiber(sourceFiber)
-    };
-    insertUpdateIntoFiber(boundaryFiber, {
-      expirationTime: expirationTime,
-      partialState: null,
-      callback: null,
-      isReplace: !1,
-      isForced: !1,
-      capturedValue: sourceFiber,
-      next: null
-    });
-    scheduleWork(boundaryFiber, expirationTime);
-  }
-  function onCommitPhaseError(fiber$jscomp$0, error) {
-    a: {
-      invariant(
-        !isWorking || isCommitting,
-        "dispatch: Cannot dispatch during the render phase."
-      );
-      for (var fiber = fiber$jscomp$0["return"]; null !== fiber; ) {
-        switch (fiber.tag) {
-          case 2:
-            var instance = fiber.stateNode;
-            if (
-              "function" === typeof fiber.type.getDerivedStateFromCatch ||
-              ("function" === typeof instance.componentDidCatch &&
-                !isAlreadyFailedLegacyErrorBoundary(instance))
-            ) {
-              scheduleCapture(fiber$jscomp$0, fiber, error, 1);
-              fiber$jscomp$0 = void 0;
-              break a;
-            }
-            break;
-          case 3:
-            scheduleCapture(fiber$jscomp$0, fiber, error, 1);
-            fiber$jscomp$0 = void 0;
-            break a;
-        }
-        fiber = fiber["return"];
-      }
-      3 === fiber$jscomp$0.tag &&
-        scheduleCapture(fiber$jscomp$0, fiber$jscomp$0, error, 1);
-      fiber$jscomp$0 = void 0;
-    }
-    return fiber$jscomp$0;
-  }
-  function computeExpirationForFiber(fiber) {
-    fiber =
-      0 !== expirationContext
-        ? expirationContext
-        : isWorking
-          ? isCommitting ? 1 : nextRenderExpirationTime
-          : fiber.mode & 1
-            ? isBatchingInteractiveUpdates
-              ? 10 * ((((recalculateCurrentTime() + 50) / 10) | 0) + 1)
-              : 25 * ((((recalculateCurrentTime() + 500) / 25) | 0) + 1)
-            : 1;
-    isBatchingInteractiveUpdates &&
-      (0 === lowestPendingInteractiveExpirationTime ||
-        fiber > lowestPendingInteractiveExpirationTime) &&
-      (lowestPendingInteractiveExpirationTime = fiber);
-    return fiber;
-  }
-  function scheduleWork(fiber, expirationTime) {
-    a: {
-      for (; null !== fiber; ) {
-        if (0 === fiber.expirationTime || fiber.expirationTime > expirationTime)
-          fiber.expirationTime = expirationTime;
-        null !== fiber.alternate &&
-          (0 === fiber.alternate.expirationTime ||
-            fiber.alternate.expirationTime > expirationTime) &&
-          (fiber.alternate.expirationTime = expirationTime);
-        if (null === fiber["return"])
-          if (3 === fiber.tag) {
-            var root = fiber.stateNode;
-            !isWorking &&
-              0 !== nextRenderExpirationTime &&
-              expirationTime < nextRenderExpirationTime &&
-              resetContextStack();
-            (nextRoot === root && isWorking) ||
-              requestWork(root, expirationTime);
-            nestedUpdateCount > NESTED_UPDATE_LIMIT &&
-              invariant(
-                !1,
-                "Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops."
-              );
-          } else {
-            expirationTime = void 0;
-            break a;
-          }
-        fiber = fiber["return"];
-      }
-      expirationTime = void 0;
-    }
-    return expirationTime;
-  }
-  function recalculateCurrentTime() {
-    mostRecentCurrentTimeMs = now() - originalStartTimeMs;
-    return (mostRecentCurrentTime = ((mostRecentCurrentTimeMs / 10) | 0) + 2);
-  }
-  function syncUpdates(fn, a, b, c, d) {
-    var previousExpirationContext = expirationContext;
-    expirationContext = 1;
-    try {
-      return fn(a, b, c, d);
-    } finally {
-      expirationContext = previousExpirationContext;
-    }
-  }
-  function scheduleCallbackWithExpiration(expirationTime) {
-    if (0 !== callbackExpirationTime) {
-      if (expirationTime > callbackExpirationTime) return;
-      cancelDeferredCallback(callbackID);
-    }
-    var currentMs = now() - originalStartTimeMs;
-    callbackExpirationTime = expirationTime;
-    callbackID = scheduleDeferredCallback(performAsyncWork, {
-      timeout: 10 * (expirationTime - 2) - currentMs
-    });
-  }
-  function requestWork(root, expirationTime) {
-    if (null === root.nextScheduledRoot)
-      (root.remainingExpirationTime = expirationTime),
-        null === lastScheduledRoot
-          ? ((firstScheduledRoot = lastScheduledRoot = root),
-            (root.nextScheduledRoot = root))
-          : ((lastScheduledRoot = lastScheduledRoot.nextScheduledRoot = root),
-            (lastScheduledRoot.nextScheduledRoot = firstScheduledRoot));
-    else {
-      var remainingExpirationTime = root.remainingExpirationTime;
-      if (
-        0 === remainingExpirationTime ||
-        expirationTime < remainingExpirationTime
-      )
-        root.remainingExpirationTime = expirationTime;
-    }
-    isRendering ||
-      (isBatchingUpdates
-        ? isUnbatchingUpdates &&
-          ((nextFlushedRoot = root),
-          (nextFlushedExpirationTime = 1),
-          performWorkOnRoot(root, 1, !1))
-        : 1 === expirationTime
-          ? performWork(1, !1, null)
-          : scheduleCallbackWithExpiration(expirationTime));
-  }
-  function findHighestPriorityRoot() {
-    var highestPriorityWork = 0,
-      highestPriorityRoot = null;
-    if (null !== lastScheduledRoot)
-      for (
-        var previousScheduledRoot = lastScheduledRoot,
-          root = firstScheduledRoot;
-        null !== root;
-
-      ) {
-        var remainingExpirationTime = root.remainingExpirationTime;
-        if (0 === remainingExpirationTime) {
-          invariant(
-            null !== previousScheduledRoot && null !== lastScheduledRoot,
-            "Should have a previous and last root. This error is likely caused by a bug in React. Please file an issue."
-          );
-          if (root === root.nextScheduledRoot) {
-            firstScheduledRoot = lastScheduledRoot = root.nextScheduledRoot = null;
-            break;
-          } else if (root === firstScheduledRoot)
-            (firstScheduledRoot = remainingExpirationTime =
-              root.nextScheduledRoot),
-              (lastScheduledRoot.nextScheduledRoot = remainingExpirationTime),
-              (root.nextScheduledRoot = null);
-          else if (root === lastScheduledRoot) {
-            lastScheduledRoot = previousScheduledRoot;
-            lastScheduledRoot.nextScheduledRoot = firstScheduledRoot;
-            root.nextScheduledRoot = null;
-            break;
-          } else
-            (previousScheduledRoot.nextScheduledRoot = root.nextScheduledRoot),
-              (root.nextScheduledRoot = null);
-          root = previousScheduledRoot.nextScheduledRoot;
-        } else {
-          if (
-            0 === highestPriorityWork ||
-            remainingExpirationTime < highestPriorityWork
-          )
-            (highestPriorityWork = remainingExpirationTime),
-              (highestPriorityRoot = root);
-          if (root === lastScheduledRoot) break;
-          previousScheduledRoot = root;
-          root = root.nextScheduledRoot;
-        }
-      }
-    previousScheduledRoot = nextFlushedRoot;
-    null !== previousScheduledRoot &&
-    previousScheduledRoot === highestPriorityRoot &&
-    1 === highestPriorityWork
-      ? nestedUpdateCount++
-      : (nestedUpdateCount = 0);
-    nextFlushedRoot = highestPriorityRoot;
-    nextFlushedExpirationTime = highestPriorityWork;
-  }
-  function performAsyncWork(dl) {
-    performWork(0, !0, dl);
-  }
-  function performWork(minExpirationTime, isAsync, dl) {
-    deadline = dl;
-    findHighestPriorityRoot();
-    if (isAsync)
-      for (
-        ;
-        null !== nextFlushedRoot &&
-        0 !== nextFlushedExpirationTime &&
-        (0 === minExpirationTime ||
-          minExpirationTime >= nextFlushedExpirationTime) &&
-        (!deadlineDidExpire ||
-          recalculateCurrentTime() >= nextFlushedExpirationTime);
-
-      )
-        performWorkOnRoot(
-          nextFlushedRoot,
-          nextFlushedExpirationTime,
-          !deadlineDidExpire
-        ),
-          findHighestPriorityRoot();
-    else
-      for (
-        ;
-        null !== nextFlushedRoot &&
-        0 !== nextFlushedExpirationTime &&
-        (0 === minExpirationTime ||
-          minExpirationTime >= nextFlushedExpirationTime);
-
-      )
-        performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, !1),
-          findHighestPriorityRoot();
-    null !== deadline && ((callbackExpirationTime = 0), (callbackID = -1));
-    0 !== nextFlushedExpirationTime &&
-      scheduleCallbackWithExpiration(nextFlushedExpirationTime);
-    deadline = null;
-    deadlineDidExpire = !1;
-    finishRendering();
-  }
-  function finishRendering() {
-    nestedUpdateCount = 0;
-    if (null !== completedBatches) {
-      var batches = completedBatches;
-      completedBatches = null;
-      for (var i = 0; i < batches.length; i++) {
-        var batch = batches[i];
-        try {
-          batch._onComplete();
-        } catch (error) {
-          hasUnhandledError ||
-            ((hasUnhandledError = !0), (unhandledError = error));
-        }
-      }
-    }
-    if (hasUnhandledError)
-      throw ((batches = unhandledError),
-      (unhandledError = null),
-      (hasUnhandledError = !1),
-      batches);
-  }
-  function performWorkOnRoot(root, expirationTime, isAsync) {
-    invariant(
-      !isRendering,
-      "performWorkOnRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
-    );
-    isRendering = !0;
-    isAsync
-      ? ((isAsync = root.finishedWork),
-        null !== isAsync
-          ? completeRoot(root, isAsync, expirationTime)
-          : ((root.finishedWork = null),
-            (isAsync = renderRoot(root, expirationTime, !0)),
-            null !== isAsync &&
-              (shouldYield()
-                ? (root.finishedWork = isAsync)
-                : completeRoot(root, isAsync, expirationTime))))
-      : ((isAsync = root.finishedWork),
-        null !== isAsync
-          ? completeRoot(root, isAsync, expirationTime)
-          : ((root.finishedWork = null),
-            (isAsync = renderRoot(root, expirationTime, !1)),
-            null !== isAsync && completeRoot(root, isAsync, expirationTime)));
-    isRendering = !1;
-  }
-  function completeRoot(root, finishedWork, expirationTime) {
-    var firstBatch = root.firstBatch;
-    if (
-      null !== firstBatch &&
-      firstBatch._expirationTime <= expirationTime &&
-      (null === completedBatches
-        ? (completedBatches = [firstBatch])
-        : completedBatches.push(firstBatch),
-      firstBatch._defer)
-    ) {
-      root.finishedWork = finishedWork;
-      root.remainingExpirationTime = 0;
-      return;
-    }
-    root.finishedWork = null;
-    isCommitting = isWorking = !0;
-    expirationTime = finishedWork.stateNode;
-    invariant(
-      expirationTime.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."
-    );
-    firstBatch = expirationTime.pendingCommitExpirationTime;
-    invariant(
-      0 !== firstBatch,
-      "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
-    );
-    expirationTime.pendingCommitExpirationTime = 0;
-    var currentTime = recalculateCurrentTime();
-    ReactCurrentOwner.current = null;
-    if (1 < finishedWork.effectTag)
-      if (null !== finishedWork.lastEffect) {
-        finishedWork.lastEffect.nextEffect = finishedWork;
-        var firstEffect = finishedWork.firstEffect;
-      } else firstEffect = finishedWork;
-    else firstEffect = finishedWork.firstEffect;
-    prepareForCommit(expirationTime.containerInfo);
-    for (nextEffect = firstEffect; null !== nextEffect; ) {
-      var didError = !1,
-        error = void 0;
-      try {
-        for (; null !== nextEffect; ) {
-          var effectTag = nextEffect.effectTag;
-          effectTag & 16 && commitResetTextContent(nextEffect);
-          if (effectTag & 128) {
-            var current = nextEffect.alternate;
-            null !== current && commitDetachRef(current);
-          }
-          switch (effectTag & 14) {
-            case 2:
-              commitPlacement(nextEffect);
-              nextEffect.effectTag &= -3;
-              break;
-            case 6:
-              commitPlacement(nextEffect);
-              nextEffect.effectTag &= -3;
-              commitWork(nextEffect.alternate, nextEffect);
-              break;
-            case 4:
-              commitWork(nextEffect.alternate, nextEffect);
-              break;
-            case 8:
-              commitDeletion(nextEffect);
-          }
-          nextEffect = nextEffect.nextEffect;
-        }
-      } catch (e) {
-        (didError = !0), (error = e);
-      }
-      didError &&
-        (invariant(
-          null !== nextEffect,
-          "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
-        ),
-        onCommitPhaseError(nextEffect, error),
-        null !== nextEffect && (nextEffect = nextEffect.nextEffect));
-    }
-    resetAfterCommit(expirationTime.containerInfo);
-    expirationTime.current = finishedWork;
-    for (nextEffect = firstEffect; null !== nextEffect; ) {
-      effectTag = !1;
-      current = void 0;
-      try {
-        for (
-          firstEffect = expirationTime,
-            didError = currentTime,
-            error = firstBatch;
-          null !== nextEffect;
-
-        ) {
-          var effectTag$jscomp$0 = nextEffect.effectTag;
-          effectTag$jscomp$0 & 36 &&
-            commitLifeCycles(
-              firstEffect,
-              nextEffect.alternate,
-              nextEffect,
-              didError,
-              error
-            );
-          effectTag$jscomp$0 & 256 &&
-            commitErrorLogging(nextEffect, onUncaughtError);
-          effectTag$jscomp$0 & 128 && commitAttachRef(nextEffect);
-          var next = nextEffect.nextEffect;
-          nextEffect.nextEffect = null;
-          nextEffect = next;
-        }
-      } catch (e) {
-        (effectTag = !0), (current = e);
-      }
-      effectTag &&
-        (invariant(
-          null !== nextEffect,
-          "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
-        ),
-        onCommitPhaseError(nextEffect, current),
-        null !== nextEffect && (nextEffect = nextEffect.nextEffect));
-    }
-    isWorking = isCommitting = !1;
-    "function" === typeof onCommitRoot && onCommitRoot(finishedWork.stateNode);
-    finishedWork = expirationTime.current.expirationTime;
-    0 === finishedWork && (legacyErrorBoundariesThatAlreadyFailed = null);
-    root.remainingExpirationTime = finishedWork;
-  }
-  function shouldYield() {
-    return null === deadline ||
-      deadline.timeRemaining() > timeHeuristicForUnitOfWork
-      ? !1
-      : (deadlineDidExpire = !0);
-  }
-  function onUncaughtError(error) {
-    invariant(
-      null !== nextFlushedRoot,
-      "Should be working on a root. This error is likely caused by a bug in React. Please file an issue."
-    );
-    nextFlushedRoot.remainingExpirationTime = 0;
-    hasUnhandledError || ((hasUnhandledError = !0), (unhandledError = error));
-  }
-  var hostContext = ReactFiberHostContext(config),
-    hydrationContext = ReactFiberHydrationContext(config),
-    resetHostContainer = hostContext.resetHostContainer,
-    beginWork = ReactFiberBeginWork(
-      config,
-      hostContext,
-      hydrationContext,
-      scheduleWork,
-      computeExpirationForFiber
-    ).beginWork,
-    completeWork = ReactFiberCompleteWork(config, hostContext, hydrationContext)
-      .completeWork;
-  hostContext = ReactFiberUnwindWork(
-    hostContext,
-    scheduleWork,
-    isAlreadyFailedLegacyErrorBoundary
-  );
-  var throwException = hostContext.throwException,
-    unwindWork = hostContext.unwindWork;
-  hostContext = ReactFiberCommitWork(
-    config,
-    onCommitPhaseError,
-    scheduleWork,
-    computeExpirationForFiber,
-    function(instance) {
-      null === legacyErrorBoundariesThatAlreadyFailed
-        ? (legacyErrorBoundariesThatAlreadyFailed = new Set([instance]))
-        : legacyErrorBoundariesThatAlreadyFailed.add(instance);
-    },
-    recalculateCurrentTime
-  );
-  var commitResetTextContent = hostContext.commitResetTextContent,
-    commitPlacement = hostContext.commitPlacement,
-    commitDeletion = hostContext.commitDeletion,
-    commitWork = hostContext.commitWork,
-    commitLifeCycles = hostContext.commitLifeCycles,
-    commitErrorLogging = hostContext.commitErrorLogging,
-    commitAttachRef = hostContext.commitAttachRef,
-    commitDetachRef = hostContext.commitDetachRef,
-    now = config.now,
-    scheduleDeferredCallback = config.scheduleDeferredCallback,
-    cancelDeferredCallback = config.cancelDeferredCallback,
-    prepareForCommit = config.prepareForCommit,
-    resetAfterCommit = config.resetAfterCommit,
-    originalStartTimeMs = now(),
-    mostRecentCurrentTime = 2,
-    mostRecentCurrentTimeMs = originalStartTimeMs,
-    lastUniqueAsyncExpiration = 0,
-    expirationContext = 0,
-    isWorking = !1,
-    nextUnitOfWork = null,
-    nextRoot = null,
-    nextRenderExpirationTime = 0,
-    nextEffect = null,
-    isCommitting = !1,
-    isRootReadyForCommit = !1,
-    legacyErrorBoundariesThatAlreadyFailed = null,
-    firstScheduledRoot = null,
-    lastScheduledRoot = null,
-    callbackExpirationTime = 0,
-    callbackID = -1,
-    isRendering = !1,
-    nextFlushedRoot = null,
-    nextFlushedExpirationTime = 0,
-    lowestPendingInteractiveExpirationTime = 0,
-    deadlineDidExpire = !1,
-    hasUnhandledError = !1,
-    unhandledError = null,
-    deadline = null,
-    isBatchingUpdates = !1,
-    isUnbatchingUpdates = !1,
-    isBatchingInteractiveUpdates = !1,
-    completedBatches = null,
-    NESTED_UPDATE_LIMIT = 1e3,
-    nestedUpdateCount = 0,
-    timeHeuristicForUnitOfWork = 1;
-  return {
-    recalculateCurrentTime: recalculateCurrentTime,
-    computeExpirationForFiber: computeExpirationForFiber,
-    scheduleWork: scheduleWork,
-    requestWork: requestWork,
-    flushRoot: function(root, expirationTime) {
-      invariant(
-        !isRendering,
-        "work.commit(): Cannot commit while already rendering. This likely means you attempted to commit from inside a lifecycle method."
-      );
-      performWorkOnRoot(root, expirationTime, !1);
-      finishRendering();
-    },
-    batchedUpdates: function(fn, a) {
-      var previousIsBatchingUpdates = isBatchingUpdates;
-      isBatchingUpdates = !0;
-      try {
-        return fn(a);
-      } finally {
-        (isBatchingUpdates = previousIsBatchingUpdates) ||
-          isRendering ||
-          performWork(1, !1, null);
-      }
-    },
-    unbatchedUpdates: function(fn, a) {
-      if (isBatchingUpdates && !isUnbatchingUpdates) {
-        isUnbatchingUpdates = !0;
-        try {
-          return fn(a);
-        } finally {
-          isUnbatchingUpdates = !1;
-        }
-      }
-      return fn(a);
-    },
-    flushSync: function(fn, a) {
-      invariant(
-        !isRendering,
-        "flushSync was called from inside a lifecycle method. It cannot be called when React is already rendering."
-      );
-      var previousIsBatchingUpdates = isBatchingUpdates;
-      isBatchingUpdates = !0;
-      try {
-        return syncUpdates(fn, a);
-      } finally {
-        (isBatchingUpdates = previousIsBatchingUpdates),
-          performWork(1, !1, null);
-      }
-    },
-    flushControlled: function(fn) {
-      var previousIsBatchingUpdates = isBatchingUpdates;
-      isBatchingUpdates = !0;
-      try {
-        syncUpdates(fn);
-      } finally {
-        (isBatchingUpdates = previousIsBatchingUpdates) ||
-          isRendering ||
-          performWork(1, !1, null);
-      }
-    },
-    deferredUpdates: function(fn) {
-      var previousExpirationContext = expirationContext;
-      expirationContext =
-        25 * ((((recalculateCurrentTime() + 500) / 25) | 0) + 1);
-      try {
-        return fn();
-      } finally {
-        expirationContext = previousExpirationContext;
-      }
-    },
-    syncUpdates: syncUpdates,
-    interactiveUpdates: function(fn, a, b) {
-      if (isBatchingInteractiveUpdates) return fn(a, b);
-      isBatchingUpdates ||
-        isRendering ||
-        0 === lowestPendingInteractiveExpirationTime ||
-        (performWork(lowestPendingInteractiveExpirationTime, !1, null),
-        (lowestPendingInteractiveExpirationTime = 0));
-      var previousIsBatchingInteractiveUpdates = isBatchingInteractiveUpdates,
-        previousIsBatchingUpdates = isBatchingUpdates;
-      isBatchingUpdates = isBatchingInteractiveUpdates = !0;
-      try {
-        return fn(a, b);
-      } finally {
-        (isBatchingInteractiveUpdates = previousIsBatchingInteractiveUpdates),
-          (isBatchingUpdates = previousIsBatchingUpdates) ||
-            isRendering ||
-            performWork(1, !1, null);
-      }
-    },
-    flushInteractiveUpdates: function() {
-      isRendering ||
-        0 === lowestPendingInteractiveExpirationTime ||
-        (performWork(lowestPendingInteractiveExpirationTime, !1, null),
-        (lowestPendingInteractiveExpirationTime = 0));
-    },
-    computeUniqueAsyncExpiration: function() {
-      var result = 25 * ((((recalculateCurrentTime() + 500) / 25) | 0) + 1);
-      result <= lastUniqueAsyncExpiration &&
-        (result = lastUniqueAsyncExpiration + 1);
-      return (lastUniqueAsyncExpiration = result);
-    }
-  };
-}
-function ReactFiberReconciler$1(config) {
-  function updateContainerAtExpirationTime(
-    element,
-    container,
-    parentComponent,
-    currentTime,
-    expirationTime,
-    callback
-  ) {
-    currentTime = container.current;
-    if (parentComponent) {
-      parentComponent = parentComponent._reactInternalFiber;
-      var parentContext;
-      b: {
-        invariant(
-          2 === isFiberMountedImpl(parentComponent) &&
-            2 === parentComponent.tag,
-          "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
-        );
-        for (parentContext = parentComponent; 3 !== parentContext.tag; ) {
-          if (isContextProvider(parentContext)) {
-            parentContext =
-              parentContext.stateNode.__reactInternalMemoizedMergedChildContext;
-            break b;
-          }
-          parentContext = parentContext["return"];
-          invariant(
-            parentContext,
-            "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
-          );
-        }
-        parentContext = parentContext.stateNode.context;
-      }
-      parentComponent = isContextProvider(parentComponent)
-        ? processChildContext(parentComponent, parentContext)
-        : parentContext;
-    } else parentComponent = emptyObject;
-    null === container.context
-      ? (container.context = parentComponent)
-      : (container.pendingContext = parentComponent);
-    container = callback;
-    insertUpdateIntoFiber(currentTime, {
-      expirationTime: expirationTime,
-      partialState: { element: element },
-      callback: void 0 === container ? null : container,
-      isReplace: !1,
-      isForced: !1,
-      capturedValue: null,
-      next: null
-    });
-    scheduleWork(currentTime, expirationTime);
-    return expirationTime;
-  }
-  function findHostInstance(fiber) {
-    fiber = findCurrentHostFiber(fiber);
-    return null === fiber ? null : fiber.stateNode;
-  }
-  var getPublicInstance = config.getPublicInstance;
-  config = ReactFiberScheduler(config);
-  var recalculateCurrentTime = config.recalculateCurrentTime,
-    computeExpirationForFiber = config.computeExpirationForFiber,
-    scheduleWork = config.scheduleWork;
-  return {
-    createContainer: function(containerInfo, isAsync, hydrate) {
-      isAsync = new FiberNode(3, null, null, isAsync ? 3 : 0);
-      containerInfo = {
-        current: isAsync,
-        containerInfo: containerInfo,
-        pendingChildren: null,
-        pendingCommitExpirationTime: 0,
-        finishedWork: null,
-        context: null,
-        pendingContext: null,
-        hydrate: hydrate,
-        remainingExpirationTime: 0,
-        firstBatch: null,
-        nextScheduledRoot: null
-      };
-      return (isAsync.stateNode = containerInfo);
-    },
-    updateContainer: function(element, container, parentComponent, callback) {
-      var current = container.current,
-        currentTime = recalculateCurrentTime();
-      current = computeExpirationForFiber(current);
-      return updateContainerAtExpirationTime(
-        element,
-        container,
-        parentComponent,
-        currentTime,
-        current,
-        callback
-      );
-    },
-    updateContainerAtExpirationTime: function(
-      element,
-      container,
-      parentComponent,
-      expirationTime,
-      callback
-    ) {
-      var currentTime = recalculateCurrentTime();
-      return updateContainerAtExpirationTime(
-        element,
-        container,
-        parentComponent,
-        currentTime,
-        expirationTime,
-        callback
-      );
-    },
-    flushRoot: config.flushRoot,
-    requestWork: config.requestWork,
-    computeUniqueAsyncExpiration: config.computeUniqueAsyncExpiration,
-    batchedUpdates: config.batchedUpdates,
-    unbatchedUpdates: config.unbatchedUpdates,
-    deferredUpdates: config.deferredUpdates,
-    syncUpdates: config.syncUpdates,
-    interactiveUpdates: config.interactiveUpdates,
-    flushInteractiveUpdates: config.flushInteractiveUpdates,
-    flushControlled: config.flushControlled,
-    flushSync: config.flushSync,
-    getPublicRootInstance: function(container) {
-      container = container.current;
-      if (!container.child) return null;
-      switch (container.child.tag) {
-        case 5:
-          return getPublicInstance(container.child.stateNode);
-        default:
-          return container.child.stateNode;
-      }
-    },
-    findHostInstance: findHostInstance,
-    findHostInstanceWithNoPortals: function(fiber) {
-      fiber = findCurrentHostFiberWithNoPortals(fiber);
-      return null === fiber ? null : fiber.stateNode;
-    },
-    injectIntoDevTools: function(devToolsConfig) {
-      var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
-      return injectInternals(
-        Object.assign({}, devToolsConfig, {
-          findHostInstanceByFiber: function(fiber) {
-            return findHostInstance(fiber);
-          },
-          findFiberByHostInstance: function(instance) {
-            return findFiberByHostInstance
-              ? findFiberByHostInstance(instance)
-              : null;
-          }
-        })
-      );
-    }
-  };
-}
-var ReactFiberReconciler$2 = Object.freeze({ default: ReactFiberReconciler$1 }),
-  ReactFiberReconciler$3 =
-    (ReactFiberReconciler$2 && ReactFiberReconciler$1) ||
-    ReactFiberReconciler$2,
-  reactReconciler = ReactFiberReconciler$3["default"]
-    ? ReactFiberReconciler$3["default"]
-    : ReactFiberReconciler$3,
-  ReactNativeTagHandles = {
-    tagsStartAt: 1,
-    tagCount: 1,
-    allocateTag: function() {
-      for (; this.reactTagIsNativeTopRootID(ReactNativeTagHandles.tagCount); )
-        ReactNativeTagHandles.tagCount++;
-      var tag = ReactNativeTagHandles.tagCount;
-      ReactNativeTagHandles.tagCount++;
-      return tag;
-    },
-    assertRootTag: function(tag) {
-      invariant(
-        this.reactTagIsNativeTopRootID(tag),
-        "Expect a native root tag, instead got %s",
-        tag
-      );
-    },
-    reactTagIsNativeTopRootID: function(reactTag) {
-      return 1 === reactTag % 10;
-    }
-  },
-  ReactFabricHostComponent = (function() {
-    function ReactFabricHostComponent(tag, viewConfig, props) {
-      if (!(this instanceof ReactFabricHostComponent))
-        throw new TypeError("Cannot call a class as a function");
-      this._nativeTag = tag;
-      this.viewConfig = viewConfig;
-      this.currentProps = props;
-    }
-    ReactFabricHostComponent.prototype.blur = function() {
-      TextInputState.blurTextInput(this._nativeTag);
-    };
-    ReactFabricHostComponent.prototype.focus = function() {
-      TextInputState.focusTextInput(this._nativeTag);
-    };
-    ReactFabricHostComponent.prototype.measure = function(callback) {
-      UIManager.measure(this._nativeTag, mountSafeCallback(this, callback));
-    };
-    ReactFabricHostComponent.prototype.measureInWindow = function(callback) {
-      UIManager.measureInWindow(
-        this._nativeTag,
-        mountSafeCallback(this, callback)
-      );
-    };
-    ReactFabricHostComponent.prototype.measureLayout = function(
-      relativeToNativeNode,
-      onSuccess,
-      onFail
-    ) {
-      UIManager.measureLayout(
-        this._nativeTag,
-        relativeToNativeNode,
-        mountSafeCallback(this, onFail),
-        mountSafeCallback(this, onSuccess)
-      );
-    };
-    ReactFabricHostComponent.prototype.setNativeProps = function(nativeProps) {
-      nativeProps = diffProperties(
-        null,
-        emptyObject$1,
-        nativeProps,
-        this.viewConfig.validAttributes
-      );
-      null != nativeProps &&
-        UIManager.updateView(
-          this._nativeTag,
-          this.viewConfig.uiViewClassName,
-          nativeProps
-        );
-    };
-    return ReactFabricHostComponent;
-  })(),
-  ReactFabricRenderer = reactReconciler({
-    appendInitialChild: function(parentInstance, child) {
-      FabricUIManager.appendChild(parentInstance.node, child.node);
-    },
-    createInstance: function(
-      type,
-      props,
-      rootContainerInstance,
-      hostContext,
-      internalInstanceHandle
-    ) {
-      hostContext = ReactNativeTagHandles.allocateTag();
-      if (viewConfigs.has(type)) var viewConfig = viewConfigs.get(type);
-      else
-        (viewConfig = viewConfigCallbacks.get(type)),
-          invariant(
-            "function" === typeof viewConfig,
-            "View config not found for name %s",
-            type
-          ),
-          viewConfigCallbacks.set(type, null),
-          (viewConfig = viewConfig()),
-          viewConfigs.set(type, viewConfig);
-      invariant(viewConfig, "View config not found for name %s", type);
-      type = viewConfig;
-      viewConfig = diffProperties(
-        null,
-        emptyObject$1,
-        props,
-        type.validAttributes
-      );
-      rootContainerInstance = FabricUIManager.createNode(
-        hostContext,
-        type.uiViewClassName,
-        rootContainerInstance,
-        viewConfig,
-        internalInstanceHandle
-      );
-      props = new ReactFabricHostComponent(hostContext, type, props);
-      return { node: rootContainerInstance, canonical: props };
-    },
-    createTextInstance: function(
-      text,
-      rootContainerInstance,
-      hostContext,
-      internalInstanceHandle
-    ) {
-      hostContext = ReactNativeTagHandles.allocateTag();
-      return {
-        node: FabricUIManager.createNode(
-          hostContext,
-          "RCTRawText",
-          rootContainerInstance,
-          { text: text },
-          internalInstanceHandle
-        )
-      };
-    },
-    finalizeInitialChildren: function() {
-      return !1;
-    },
-    getRootHostContext: function() {
-      return emptyObject;
-    },
-    getChildHostContext: function() {
-      return emptyObject;
-    },
-    getPublicInstance: function(instance) {
-      return instance.canonical;
-    },
-    now: now,
-    prepareForCommit: function() {},
-    prepareUpdate: function(instance, type, oldProps, newProps) {
-      return diffProperties(
-        null,
-        oldProps,
-        newProps,
-        instance.canonical.viewConfig.validAttributes
-      );
-    },
-    resetAfterCommit: function() {},
-    scheduleDeferredCallback: function(callback) {
-      scheduledCallback = callback;
-      return setTimeout(setTimeoutCallback, 1);
-    },
-    cancelDeferredCallback: function(callbackID) {
-      scheduledCallback = null;
-      clearTimeout(callbackID);
-    },
-    shouldDeprioritizeSubtree: function() {
-      return !1;
-    },
-    shouldSetTextContent: function() {
-      return !1;
-    },
-    persistence: {
-      cloneInstance: function(
-        instance,
-        updatePayload,
-        type,
-        oldProps,
-        newProps,
-        internalInstanceHandle,
-        keepChildren
-      ) {
-        type = instance.node;
-        return {
-          node: keepChildren
-            ? null !== updatePayload
-              ? FabricUIManager.cloneNodeWithNewProps(type, updatePayload)
-              : FabricUIManager.cloneNode(type)
-            : null !== updatePayload
-              ? FabricUIManager.cloneNodeWithNewChildrenAndProps(
-                  type,
-                  updatePayload
-                )
-              : FabricUIManager.cloneNodeWithNewChildren(type),
-          canonical: instance.canonical
-        };
-      },
-      createContainerChildSet: function(container) {
-        return FabricUIManager.createChildSet(container);
-      },
-      appendChildToContainerChildSet: function(childSet, child) {
-        FabricUIManager.appendChildToSet(childSet, child.node);
-      },
-      finalizeContainerChildren: function(container, newChildren) {
-        FabricUIManager.completeRoot(container, newChildren);
-      },
-      replaceContainerChildren: function() {}
-    }
-  }),
-  getInspectorDataForViewTag = void 0;
-getInspectorDataForViewTag = function() {
-  invariant(!1, "getInspectorDataForViewTag() is not available in production");
-};
-findHostInstanceFabric = ReactFabricRenderer.findHostInstance;
-_batchedUpdates = ReactFabricRenderer.batchedUpdates;
-_flushInteractiveUpdates = ReactFabricRenderer.flushInteractiveUpdates;
-var roots = new Map(),
-  ReactFabric = {
-    NativeComponent: ReactNativeComponent,
-    findNodeHandle: findNumericNodeHandleFiber,
-    render: function(element, containerTag, callback) {
-      var root = roots.get(containerTag);
-      root ||
-        ((root = ReactFabricRenderer.createContainer(containerTag, !1, !1)),
-        roots.set(containerTag, root));
-      ReactFabricRenderer.updateContainer(element, root, null, callback);
-      return ReactFabricRenderer.getPublicRootInstance(root);
-    },
-    unmountComponentAtNode: function(containerTag) {
-      var root = roots.get(containerTag);
-      root &&
-        ReactFabricRenderer.updateContainer(null, root, null, function() {
-          roots["delete"](containerTag);
-        });
-    },
-    unmountComponentAtNodeAndRemoveContainer: function(containerTag) {
-      ReactFabric.unmountComponentAtNode(containerTag);
-    },
-    createPortal: function(children, containerTag) {
-      return createPortal(
-        children,
-        containerTag,
-        null,
-        2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
-      );
-    },
-    unstable_batchedUpdates: function(fn, bookkeeping) {
-      if (isBatching) return fn(bookkeeping);
-      isBatching = !0;
-      try {
-        return _batchedUpdates(fn, bookkeeping);
-      } finally {
-        if (
-          ((isBatching = !1), null !== restoreTarget || null !== restoreQueue)
-        )
-          if (
-            (_flushInteractiveUpdates(),
-            restoreTarget &&
-              ((bookkeeping = restoreTarget),
-              (fn = restoreQueue),
-              (restoreQueue = restoreTarget = null),
-              restoreStateOfTarget(bookkeeping),
-              fn))
-          )
-            for (bookkeeping = 0; bookkeeping < fn.length; bookkeeping++)
-              restoreStateOfTarget(fn[bookkeeping]);
-      }
-    },
-    flushSync: ReactFabricRenderer.flushSync,
-    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
-      NativeMethodsMixin: {
-        measure: function(callback) {
-          UIManager.measure(
-            findNumericNodeHandleFiber(this),
-            mountSafeCallback(this, callback)
-          );
-        },
-        measureInWindow: function(callback) {
-          UIManager.measureInWindow(
-            findNumericNodeHandleFiber(this),
-            mountSafeCallback(this, callback)
-          );
-        },
-        measureLayout: function(relativeToNativeNode, onSuccess, onFail) {
-          UIManager.measureLayout(
-            findNumericNodeHandleFiber(this),
-            relativeToNativeNode,
-            mountSafeCallback(this, onFail),
-            mountSafeCallback(this, onSuccess)
-          );
-        },
-        setNativeProps: function(nativeProps) {
-          var maybeInstance = void 0;
-          try {
-            maybeInstance = findNodeHandle(this);
-          } catch (error) {}
-          if (null != maybeInstance) {
-            var viewConfig = maybeInstance.viewConfig;
-            nativeProps = diffProperties(
-              null,
-              emptyObject$1,
-              nativeProps,
-              viewConfig.validAttributes
-            );
-            null != nativeProps &&
-              UIManager.updateView(
-                maybeInstance._nativeTag,
-                viewConfig.uiViewClassName,
-                nativeProps
-              );
-          }
-        },
-        focus: function() {
-          TextInputState.focusTextInput(findNumericNodeHandleFiber(this));
-        },
-        blur: function() {
-          TextInputState.blurTextInput(findNumericNodeHandleFiber(this));
-        }
-      },
-      ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin,
-      ReactNativeComponentTree: ReactNativeComponentTree,
-      ReactNativePropRegistry: ReactNativePropRegistry,
-      TouchHistoryMath: TouchHistoryMath,
-      createReactNativeComponentClass: function(name, callback) {
-        invariant(
-          !viewConfigCallbacks.has(name),
-          "Tried to register two views with the same name %s",
-          name
-        );
-        viewConfigCallbacks.set(name, callback);
-        return name;
-      },
-      takeSnapshot: function(view, options) {
-        "number" !== typeof view &&
-          "window" !== view &&
-          (view = findNumericNodeHandleFiber(view) || "window");
-        return UIManager.__takeSnapshot(view, options);
-      }
-    }
-  };
-ReactFabricRenderer.injectIntoDevTools({
-  findFiberByHostInstance: getInstanceFromTag,
-  getInspectorDataForViewTag: getInspectorDataForViewTag,
-  bundleType: 0,
-  version: "16.3.0-alpha.1",
-  rendererPackageName: "react-native-renderer"
-});
-var ReactFabric$2 = Object.freeze({ default: ReactFabric }),
-  ReactFabric$3 = (ReactFabric$2 && ReactFabric) || ReactFabric$2;
-module.exports = ReactFabric$3["default"]
-  ? ReactFabric$3["default"]
-  : ReactFabric$3;
diff --git a/Libraries/Renderer/ReactNativeRenderer-prod.js b/Libraries/Renderer/ReactNativeRenderer-prod.js
deleted file mode 100644
index dd0cd8b9cb5346..00000000000000
--- a/Libraries/Renderer/ReactNativeRenderer-prod.js
+++ /dev/null
@@ -1,6318 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @noflow
- * @providesModule ReactNativeRenderer-prod
- * @preventMunge
- */
-
-"use strict";
-require("InitializeCore");
-var invariant = require("fbjs/lib/invariant"),
-  emptyFunction = require("fbjs/lib/emptyFunction"),
-  UIManager = require("UIManager"),
-  RCTEventEmitter = require("RCTEventEmitter"),
-  TextInputState = require("TextInputState"),
-  deepDiffer = require("deepDiffer"),
-  flattenStyle = require("flattenStyle"),
-  React = require("react"),
-  emptyObject = require("fbjs/lib/emptyObject"),
-  shallowEqual = require("fbjs/lib/shallowEqual"),
-  ExceptionsManager = require("ExceptionsManager");
-function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
-  this._hasCaughtError = !1;
-  this._caughtError = null;
-  var funcArgs = Array.prototype.slice.call(arguments, 3);
-  try {
-    func.apply(context, funcArgs);
-  } catch (error) {
-    (this._caughtError = error), (this._hasCaughtError = !0);
-  }
-}
-var ReactErrorUtils = {
-  _caughtError: null,
-  _hasCaughtError: !1,
-  _rethrowError: null,
-  _hasRethrowError: !1,
-  invokeGuardedCallback: function(name, func, context, a, b, c, d, e, f) {
-    invokeGuardedCallback.apply(ReactErrorUtils, arguments);
-  },
-  invokeGuardedCallbackAndCatchFirstError: function(
-    name,
-    func,
-    context,
-    a,
-    b,
-    c,
-    d,
-    e,
-    f
-  ) {
-    ReactErrorUtils.invokeGuardedCallback.apply(this, arguments);
-    if (ReactErrorUtils.hasCaughtError()) {
-      var error = ReactErrorUtils.clearCaughtError();
-      ReactErrorUtils._hasRethrowError ||
-        ((ReactErrorUtils._hasRethrowError = !0),
-        (ReactErrorUtils._rethrowError = error));
-    }
-  },
-  rethrowCaughtError: function() {
-    return rethrowCaughtError.apply(ReactErrorUtils, arguments);
-  },
-  hasCaughtError: function() {
-    return ReactErrorUtils._hasCaughtError;
-  },
-  clearCaughtError: function() {
-    if (ReactErrorUtils._hasCaughtError) {
-      var error = ReactErrorUtils._caughtError;
-      ReactErrorUtils._caughtError = null;
-      ReactErrorUtils._hasCaughtError = !1;
-      return error;
-    }
-    invariant(
-      !1,
-      "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-};
-function rethrowCaughtError() {
-  if (ReactErrorUtils._hasRethrowError) {
-    var error = ReactErrorUtils._rethrowError;
-    ReactErrorUtils._rethrowError = null;
-    ReactErrorUtils._hasRethrowError = !1;
-    throw error;
-  }
-}
-var eventPluginOrder = null,
-  namesToPlugins = {};
-function recomputePluginOrdering() {
-  if (eventPluginOrder)
-    for (var pluginName in namesToPlugins) {
-      var pluginModule = namesToPlugins[pluginName],
-        pluginIndex = eventPluginOrder.indexOf(pluginName);
-      invariant(
-        -1 < pluginIndex,
-        "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `%s`.",
-        pluginName
-      );
-      if (!plugins[pluginIndex]) {
-        invariant(
-          pluginModule.extractEvents,
-          "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `%s` does not.",
-          pluginName
-        );
-        plugins[pluginIndex] = pluginModule;
-        pluginIndex = pluginModule.eventTypes;
-        for (var eventName in pluginIndex) {
-          var JSCompiler_inline_result = void 0;
-          var dispatchConfig = pluginIndex[eventName],
-            pluginModule$jscomp$0 = pluginModule,
-            eventName$jscomp$0 = eventName;
-          invariant(
-            !eventNameDispatchConfigs.hasOwnProperty(eventName$jscomp$0),
-            "EventPluginHub: More than one plugin attempted to publish the same event name, `%s`.",
-            eventName$jscomp$0
-          );
-          eventNameDispatchConfigs[eventName$jscomp$0] = dispatchConfig;
-          var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
-          if (phasedRegistrationNames) {
-            for (JSCompiler_inline_result in phasedRegistrationNames)
-              phasedRegistrationNames.hasOwnProperty(
-                JSCompiler_inline_result
-              ) &&
-                publishRegistrationName(
-                  phasedRegistrationNames[JSCompiler_inline_result],
-                  pluginModule$jscomp$0,
-                  eventName$jscomp$0
-                );
-            JSCompiler_inline_result = !0;
-          } else
-            dispatchConfig.registrationName
-              ? (publishRegistrationName(
-                  dispatchConfig.registrationName,
-                  pluginModule$jscomp$0,
-                  eventName$jscomp$0
-                ),
-                (JSCompiler_inline_result = !0))
-              : (JSCompiler_inline_result = !1);
-          invariant(
-            JSCompiler_inline_result,
-            "EventPluginRegistry: Failed to publish event `%s` for plugin `%s`.",
-            eventName,
-            pluginName
-          );
-        }
-      }
-    }
-}
-function publishRegistrationName(registrationName, pluginModule) {
-  invariant(
-    !registrationNameModules[registrationName],
-    "EventPluginHub: More than one plugin attempted to publish the same registration name, `%s`.",
-    registrationName
-  );
-  registrationNameModules[registrationName] = pluginModule;
-}
-var plugins = [],
-  eventNameDispatchConfigs = {},
-  registrationNameModules = {},
-  getFiberCurrentPropsFromNode = null,
-  getInstanceFromNode = null,
-  getNodeFromInstance = null;
-function isEndish(topLevelType) {
-  return (
-    "topMouseUp" === topLevelType ||
-    "topTouchEnd" === topLevelType ||
-    "topTouchCancel" === topLevelType
-  );
-}
-function isMoveish(topLevelType) {
-  return "topMouseMove" === topLevelType || "topTouchMove" === topLevelType;
-}
-function isStartish(topLevelType) {
-  return "topMouseDown" === topLevelType || "topTouchStart" === topLevelType;
-}
-function executeDispatch(event, simulated, listener, inst) {
-  simulated = event.type || "unknown-event";
-  event.currentTarget = getNodeFromInstance(inst);
-  ReactErrorUtils.invokeGuardedCallbackAndCatchFirstError(
-    simulated,
-    listener,
-    void 0,
-    event
-  );
-  event.currentTarget = null;
-}
-function executeDirectDispatch(event) {
-  var dispatchListener = event._dispatchListeners,
-    dispatchInstance = event._dispatchInstances;
-  invariant(
-    !Array.isArray(dispatchListener),
-    "executeDirectDispatch(...): Invalid `event`."
-  );
-  event.currentTarget = dispatchListener
-    ? getNodeFromInstance(dispatchInstance)
-    : null;
-  dispatchListener = dispatchListener ? dispatchListener(event) : null;
-  event.currentTarget = null;
-  event._dispatchListeners = null;
-  event._dispatchInstances = null;
-  return dispatchListener;
-}
-function accumulateInto(current, next) {
-  invariant(
-    null != next,
-    "accumulateInto(...): Accumulated items must not be null or undefined."
-  );
-  if (null == current) return next;
-  if (Array.isArray(current)) {
-    if (Array.isArray(next)) return current.push.apply(current, next), current;
-    current.push(next);
-    return current;
-  }
-  return Array.isArray(next) ? [current].concat(next) : [current, next];
-}
-function forEachAccumulated(arr, cb, scope) {
-  Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
-}
-var eventQueue = null;
-function executeDispatchesAndReleaseTopLevel(e) {
-  if (e) {
-    var dispatchListeners = e._dispatchListeners,
-      dispatchInstances = e._dispatchInstances;
-    if (Array.isArray(dispatchListeners))
-      for (
-        var i = 0;
-        i < dispatchListeners.length && !e.isPropagationStopped();
-        i++
-      )
-        executeDispatch(e, !1, dispatchListeners[i], dispatchInstances[i]);
-    else
-      dispatchListeners &&
-        executeDispatch(e, !1, dispatchListeners, dispatchInstances);
-    e._dispatchListeners = null;
-    e._dispatchInstances = null;
-    e.isPersistent() || e.constructor.release(e);
-  }
-}
-var injection = {
-  injectEventPluginOrder: function(injectedEventPluginOrder) {
-    invariant(
-      !eventPluginOrder,
-      "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
-    );
-    eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
-    recomputePluginOrdering();
-  },
-  injectEventPluginsByName: function(injectedNamesToPlugins) {
-    var isOrderingDirty = !1,
-      pluginName;
-    for (pluginName in injectedNamesToPlugins)
-      if (injectedNamesToPlugins.hasOwnProperty(pluginName)) {
-        var pluginModule = injectedNamesToPlugins[pluginName];
-        (namesToPlugins.hasOwnProperty(pluginName) &&
-          namesToPlugins[pluginName] === pluginModule) ||
-          (invariant(
-            !namesToPlugins[pluginName],
-            "EventPluginRegistry: Cannot inject two different event plugins using the same name, `%s`.",
-            pluginName
-          ),
-          (namesToPlugins[pluginName] = pluginModule),
-          (isOrderingDirty = !0));
-      }
-    isOrderingDirty && recomputePluginOrdering();
-  }
-};
-function getListener(inst, registrationName) {
-  var listener = inst.stateNode;
-  if (!listener) return null;
-  var props = getFiberCurrentPropsFromNode(listener);
-  if (!props) return null;
-  listener = props[registrationName];
-  a: switch (registrationName) {
-    case "onClick":
-    case "onClickCapture":
-    case "onDoubleClick":
-    case "onDoubleClickCapture":
-    case "onMouseDown":
-    case "onMouseDownCapture":
-    case "onMouseMove":
-    case "onMouseMoveCapture":
-    case "onMouseUp":
-    case "onMouseUpCapture":
-      (props = !props.disabled) ||
-        ((inst = inst.type),
-        (props = !(
-          "button" === inst ||
-          "input" === inst ||
-          "select" === inst ||
-          "textarea" === inst
-        )));
-      inst = !props;
-      break a;
-    default:
-      inst = !1;
-  }
-  if (inst) return null;
-  invariant(
-    !listener || "function" === typeof listener,
-    "Expected `%s` listener to be a function, instead got a value of `%s` type.",
-    registrationName,
-    typeof listener
-  );
-  return listener;
-}
-function getParent(inst) {
-  do inst = inst["return"];
-  while (inst && 5 !== inst.tag);
-  return inst ? inst : null;
-}
-function traverseTwoPhase(inst, fn, arg) {
-  for (var path = []; inst; ) path.push(inst), (inst = getParent(inst));
-  for (inst = path.length; 0 < inst--; ) fn(path[inst], "captured", arg);
-  for (inst = 0; inst < path.length; inst++) fn(path[inst], "bubbled", arg);
-}
-function accumulateDirectionalDispatches(inst, phase, event) {
-  if (
-    (phase = getListener(
-      inst,
-      event.dispatchConfig.phasedRegistrationNames[phase]
-    ))
-  )
-    (event._dispatchListeners = accumulateInto(
-      event._dispatchListeners,
-      phase
-    )),
-      (event._dispatchInstances = accumulateInto(
-        event._dispatchInstances,
-        inst
-      ));
-}
-function accumulateTwoPhaseDispatchesSingle(event) {
-  event &&
-    event.dispatchConfig.phasedRegistrationNames &&
-    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
-}
-function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
-  if (event && event.dispatchConfig.phasedRegistrationNames) {
-    var targetInst = event._targetInst;
-    targetInst = targetInst ? getParent(targetInst) : null;
-    traverseTwoPhase(targetInst, accumulateDirectionalDispatches, event);
-  }
-}
-function accumulateDirectDispatchesSingle(event) {
-  if (event && event.dispatchConfig.registrationName) {
-    var inst = event._targetInst;
-    if (inst && event && event.dispatchConfig.registrationName) {
-      var listener = getListener(inst, event.dispatchConfig.registrationName);
-      listener &&
-        ((event._dispatchListeners = accumulateInto(
-          event._dispatchListeners,
-          listener
-        )),
-        (event._dispatchInstances = accumulateInto(
-          event._dispatchInstances,
-          inst
-        )));
-    }
-  }
-}
-var shouldBeReleasedProperties = "dispatchConfig _targetInst nativeEvent isDefaultPrevented isPropagationStopped _dispatchListeners _dispatchInstances".split(
-    " "
-  ),
-  EventInterface = {
-    type: null,
-    target: null,
-    currentTarget: emptyFunction.thatReturnsNull,
-    eventPhase: null,
-    bubbles: null,
-    cancelable: null,
-    timeStamp: function(event) {
-      return event.timeStamp || Date.now();
-    },
-    defaultPrevented: null,
-    isTrusted: null
-  };
-function SyntheticEvent(
-  dispatchConfig,
-  targetInst,
-  nativeEvent,
-  nativeEventTarget
-) {
-  this.dispatchConfig = dispatchConfig;
-  this._targetInst = targetInst;
-  this.nativeEvent = nativeEvent;
-  dispatchConfig = this.constructor.Interface;
-  for (var propName in dispatchConfig)
-    dispatchConfig.hasOwnProperty(propName) &&
-      ((targetInst = dispatchConfig[propName])
-        ? (this[propName] = targetInst(nativeEvent))
-        : "target" === propName
-          ? (this.target = nativeEventTarget)
-          : (this[propName] = nativeEvent[propName]));
-  this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
-  ? nativeEvent.defaultPrevented
-  : !1 === nativeEvent.returnValue)
-    ? emptyFunction.thatReturnsTrue
-    : emptyFunction.thatReturnsFalse;
-  this.isPropagationStopped = emptyFunction.thatReturnsFalse;
-  return this;
-}
-Object.assign(SyntheticEvent.prototype, {
-  preventDefault: function() {
-    this.defaultPrevented = !0;
-    var event = this.nativeEvent;
-    event &&
-      (event.preventDefault
-        ? event.preventDefault()
-        : "unknown" !== typeof event.returnValue && (event.returnValue = !1),
-      (this.isDefaultPrevented = emptyFunction.thatReturnsTrue));
-  },
-  stopPropagation: function() {
-    var event = this.nativeEvent;
-    event &&
-      (event.stopPropagation
-        ? event.stopPropagation()
-        : "unknown" !== typeof event.cancelBubble && (event.cancelBubble = !0),
-      (this.isPropagationStopped = emptyFunction.thatReturnsTrue));
-  },
-  persist: function() {
-    this.isPersistent = emptyFunction.thatReturnsTrue;
-  },
-  isPersistent: emptyFunction.thatReturnsFalse,
-  destructor: function() {
-    var Interface = this.constructor.Interface,
-      propName;
-    for (propName in Interface) this[propName] = null;
-    for (
-      Interface = 0;
-      Interface < shouldBeReleasedProperties.length;
-      Interface++
-    )
-      this[shouldBeReleasedProperties[Interface]] = null;
-  }
-});
-SyntheticEvent.Interface = EventInterface;
-SyntheticEvent.extend = function(Interface) {
-  function E() {}
-  function Class() {
-    return Super.apply(this, arguments);
-  }
-  var Super = this;
-  E.prototype = Super.prototype;
-  var prototype = new E();
-  Object.assign(prototype, Class.prototype);
-  Class.prototype = prototype;
-  Class.prototype.constructor = Class;
-  Class.Interface = Object.assign({}, Super.Interface, Interface);
-  Class.extend = Super.extend;
-  addEventPoolingTo(Class);
-  return Class;
-};
-addEventPoolingTo(SyntheticEvent);
-function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
-  if (this.eventPool.length) {
-    var instance = this.eventPool.pop();
-    this.call(instance, dispatchConfig, targetInst, nativeEvent, nativeInst);
-    return instance;
-  }
-  return new this(dispatchConfig, targetInst, nativeEvent, nativeInst);
-}
-function releasePooledEvent(event) {
-  invariant(
-    event instanceof this,
-    "Trying to release an event instance  into a pool of a different type."
-  );
-  event.destructor();
-  10 > this.eventPool.length && this.eventPool.push(event);
-}
-function addEventPoolingTo(EventConstructor) {
-  EventConstructor.eventPool = [];
-  EventConstructor.getPooled = getPooledEvent;
-  EventConstructor.release = releasePooledEvent;
-}
-var ResponderSyntheticEvent = SyntheticEvent.extend({
-    touchHistory: function() {
-      return null;
-    }
-  }),
-  touchBank = [],
-  touchHistory = {
-    touchBank: touchBank,
-    numberActiveTouches: 0,
-    indexOfSingleActiveTouch: -1,
-    mostRecentTimeStamp: 0
-  };
-function timestampForTouch(touch) {
-  return touch.timeStamp || touch.timestamp;
-}
-function getTouchIdentifier(_ref) {
-  _ref = _ref.identifier;
-  invariant(null != _ref, "Touch object is missing identifier.");
-  return _ref;
-}
-function recordTouchStart(touch) {
-  var identifier = getTouchIdentifier(touch),
-    touchRecord = touchBank[identifier];
-  touchRecord
-    ? ((touchRecord.touchActive = !0),
-      (touchRecord.startPageX = touch.pageX),
-      (touchRecord.startPageY = touch.pageY),
-      (touchRecord.startTimeStamp = timestampForTouch(touch)),
-      (touchRecord.currentPageX = touch.pageX),
-      (touchRecord.currentPageY = touch.pageY),
-      (touchRecord.currentTimeStamp = timestampForTouch(touch)),
-      (touchRecord.previousPageX = touch.pageX),
-      (touchRecord.previousPageY = touch.pageY),
-      (touchRecord.previousTimeStamp = timestampForTouch(touch)))
-    : ((touchRecord = {
-        touchActive: !0,
-        startPageX: touch.pageX,
-        startPageY: touch.pageY,
-        startTimeStamp: timestampForTouch(touch),
-        currentPageX: touch.pageX,
-        currentPageY: touch.pageY,
-        currentTimeStamp: timestampForTouch(touch),
-        previousPageX: touch.pageX,
-        previousPageY: touch.pageY,
-        previousTimeStamp: timestampForTouch(touch)
-      }),
-      (touchBank[identifier] = touchRecord));
-  touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
-}
-function recordTouchMove(touch) {
-  var touchRecord = touchBank[getTouchIdentifier(touch)];
-  touchRecord
-    ? ((touchRecord.touchActive = !0),
-      (touchRecord.previousPageX = touchRecord.currentPageX),
-      (touchRecord.previousPageY = touchRecord.currentPageY),
-      (touchRecord.previousTimeStamp = touchRecord.currentTimeStamp),
-      (touchRecord.currentPageX = touch.pageX),
-      (touchRecord.currentPageY = touch.pageY),
-      (touchRecord.currentTimeStamp = timestampForTouch(touch)),
-      (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
-    : console.error(
-        "Cannot record touch move without a touch start.\nTouch Move: %s\n",
-        "Touch Bank: %s",
-        printTouch(touch),
-        printTouchBank()
-      );
-}
-function recordTouchEnd(touch) {
-  var touchRecord = touchBank[getTouchIdentifier(touch)];
-  touchRecord
-    ? ((touchRecord.touchActive = !1),
-      (touchRecord.previousPageX = touchRecord.currentPageX),
-      (touchRecord.previousPageY = touchRecord.currentPageY),
-      (touchRecord.previousTimeStamp = touchRecord.currentTimeStamp),
-      (touchRecord.currentPageX = touch.pageX),
-      (touchRecord.currentPageY = touch.pageY),
-      (touchRecord.currentTimeStamp = timestampForTouch(touch)),
-      (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
-    : console.error(
-        "Cannot record touch end without a touch start.\nTouch End: %s\n",
-        "Touch Bank: %s",
-        printTouch(touch),
-        printTouchBank()
-      );
-}
-function printTouch(touch) {
-  return JSON.stringify({
-    identifier: touch.identifier,
-    pageX: touch.pageX,
-    pageY: touch.pageY,
-    timestamp: timestampForTouch(touch)
-  });
-}
-function printTouchBank() {
-  var printed = JSON.stringify(touchBank.slice(0, 20));
-  20 < touchBank.length &&
-    (printed += " (original size: " + touchBank.length + ")");
-  return printed;
-}
-var ResponderTouchHistoryStore = {
-  recordTouchTrack: function(topLevelType, nativeEvent) {
-    if (isMoveish(topLevelType))
-      nativeEvent.changedTouches.forEach(recordTouchMove);
-    else if (isStartish(topLevelType))
-      nativeEvent.changedTouches.forEach(recordTouchStart),
-        (touchHistory.numberActiveTouches = nativeEvent.touches.length),
-        1 === touchHistory.numberActiveTouches &&
-          (touchHistory.indexOfSingleActiveTouch =
-            nativeEvent.touches[0].identifier);
-    else if (
-      isEndish(topLevelType) &&
-      (nativeEvent.changedTouches.forEach(recordTouchEnd),
-      (touchHistory.numberActiveTouches = nativeEvent.touches.length),
-      1 === touchHistory.numberActiveTouches)
-    )
-      for (topLevelType = 0; topLevelType < touchBank.length; topLevelType++)
-        if (
-          ((nativeEvent = touchBank[topLevelType]),
-          null != nativeEvent && nativeEvent.touchActive)
-        ) {
-          touchHistory.indexOfSingleActiveTouch = topLevelType;
-          break;
-        }
-  },
-  touchHistory: touchHistory
-};
-function accumulate(current, next) {
-  invariant(
-    null != next,
-    "accumulate(...): Accumulated items must be not be null or undefined."
-  );
-  return null == current
-    ? next
-    : Array.isArray(current)
-      ? current.concat(next)
-      : Array.isArray(next) ? [current].concat(next) : [current, next];
-}
-var responderInst = null,
-  trackedTouchCount = 0,
-  previousActiveTouches = 0;
-function changeResponder(nextResponderInst, blockHostResponder) {
-  var oldResponderInst = responderInst;
-  responderInst = nextResponderInst;
-  if (null !== ResponderEventPlugin.GlobalResponderHandler)
-    ResponderEventPlugin.GlobalResponderHandler.onChange(
-      oldResponderInst,
-      nextResponderInst,
-      blockHostResponder
-    );
-}
-var eventTypes = {
-    startShouldSetResponder: {
-      phasedRegistrationNames: {
-        bubbled: "onStartShouldSetResponder",
-        captured: "onStartShouldSetResponderCapture"
-      }
-    },
-    scrollShouldSetResponder: {
-      phasedRegistrationNames: {
-        bubbled: "onScrollShouldSetResponder",
-        captured: "onScrollShouldSetResponderCapture"
-      }
-    },
-    selectionChangeShouldSetResponder: {
-      phasedRegistrationNames: {
-        bubbled: "onSelectionChangeShouldSetResponder",
-        captured: "onSelectionChangeShouldSetResponderCapture"
-      }
-    },
-    moveShouldSetResponder: {
-      phasedRegistrationNames: {
-        bubbled: "onMoveShouldSetResponder",
-        captured: "onMoveShouldSetResponderCapture"
-      }
-    },
-    responderStart: { registrationName: "onResponderStart" },
-    responderMove: { registrationName: "onResponderMove" },
-    responderEnd: { registrationName: "onResponderEnd" },
-    responderRelease: { registrationName: "onResponderRelease" },
-    responderTerminationRequest: {
-      registrationName: "onResponderTerminationRequest"
-    },
-    responderGrant: { registrationName: "onResponderGrant" },
-    responderReject: { registrationName: "onResponderReject" },
-    responderTerminate: { registrationName: "onResponderTerminate" }
-  },
-  ResponderEventPlugin = {
-    _getResponder: function() {
-      return responderInst;
-    },
-    eventTypes: eventTypes,
-    extractEvents: function(
-      topLevelType,
-      targetInst,
-      nativeEvent,
-      nativeEventTarget
-    ) {
-      if (isStartish(topLevelType)) trackedTouchCount += 1;
-      else if (isEndish(topLevelType))
-        if (0 <= trackedTouchCount) --trackedTouchCount;
-        else
-          return (
-            console.error(
-              "Ended a touch event which was not counted in `trackedTouchCount`."
-            ),
-            null
-          );
-      ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
-      if (
-        targetInst &&
-        (("topScroll" === topLevelType && !nativeEvent.responderIgnoreScroll) ||
-          (0 < trackedTouchCount && "topSelectionChange" === topLevelType) ||
-          isStartish(topLevelType) ||
-          isMoveish(topLevelType))
-      ) {
-        var JSCompiler_temp = isStartish(topLevelType)
-          ? eventTypes.startShouldSetResponder
-          : isMoveish(topLevelType)
-            ? eventTypes.moveShouldSetResponder
-            : "topSelectionChange" === topLevelType
-              ? eventTypes.selectionChangeShouldSetResponder
-              : eventTypes.scrollShouldSetResponder;
-        if (responderInst)
-          b: {
-            var JSCompiler_temp$jscomp$0 = responderInst;
-            for (
-              var depthA = 0, tempA = JSCompiler_temp$jscomp$0;
-              tempA;
-              tempA = getParent(tempA)
-            )
-              depthA++;
-            tempA = 0;
-            for (var tempB = targetInst; tempB; tempB = getParent(tempB))
-              tempA++;
-            for (; 0 < depthA - tempA; )
-              (JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0)),
-                depthA--;
-            for (; 0 < tempA - depthA; )
-              (targetInst = getParent(targetInst)), tempA--;
-            for (; depthA--; ) {
-              if (
-                JSCompiler_temp$jscomp$0 === targetInst ||
-                JSCompiler_temp$jscomp$0 === targetInst.alternate
-              )
-                break b;
-              JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0);
-              targetInst = getParent(targetInst);
-            }
-            JSCompiler_temp$jscomp$0 = null;
-          }
-        else JSCompiler_temp$jscomp$0 = targetInst;
-        targetInst = JSCompiler_temp$jscomp$0 === responderInst;
-        JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
-          JSCompiler_temp,
-          JSCompiler_temp$jscomp$0,
-          nativeEvent,
-          nativeEventTarget
-        );
-        JSCompiler_temp$jscomp$0.touchHistory =
-          ResponderTouchHistoryStore.touchHistory;
-        targetInst
-          ? forEachAccumulated(
-              JSCompiler_temp$jscomp$0,
-              accumulateTwoPhaseDispatchesSingleSkipTarget
-            )
-          : forEachAccumulated(
-              JSCompiler_temp$jscomp$0,
-              accumulateTwoPhaseDispatchesSingle
-            );
-        b: {
-          JSCompiler_temp = JSCompiler_temp$jscomp$0._dispatchListeners;
-          targetInst = JSCompiler_temp$jscomp$0._dispatchInstances;
-          if (Array.isArray(JSCompiler_temp))
-            for (
-              depthA = 0;
-              depthA < JSCompiler_temp.length &&
-              !JSCompiler_temp$jscomp$0.isPropagationStopped();
-              depthA++
-            ) {
-              if (
-                JSCompiler_temp[depthA](
-                  JSCompiler_temp$jscomp$0,
-                  targetInst[depthA]
-                )
-              ) {
-                JSCompiler_temp = targetInst[depthA];
-                break b;
-              }
-            }
-          else if (
-            JSCompiler_temp &&
-            JSCompiler_temp(JSCompiler_temp$jscomp$0, targetInst)
-          ) {
-            JSCompiler_temp = targetInst;
-            break b;
-          }
-          JSCompiler_temp = null;
-        }
-        JSCompiler_temp$jscomp$0._dispatchInstances = null;
-        JSCompiler_temp$jscomp$0._dispatchListeners = null;
-        JSCompiler_temp$jscomp$0.isPersistent() ||
-          JSCompiler_temp$jscomp$0.constructor.release(
-            JSCompiler_temp$jscomp$0
-          );
-        JSCompiler_temp && JSCompiler_temp !== responderInst
-          ? ((JSCompiler_temp$jscomp$0 = void 0),
-            (targetInst = ResponderSyntheticEvent.getPooled(
-              eventTypes.responderGrant,
-              JSCompiler_temp,
-              nativeEvent,
-              nativeEventTarget
-            )),
-            (targetInst.touchHistory = ResponderTouchHistoryStore.touchHistory),
-            forEachAccumulated(targetInst, accumulateDirectDispatchesSingle),
-            (depthA = !0 === executeDirectDispatch(targetInst)),
-            responderInst
-              ? ((tempA = ResponderSyntheticEvent.getPooled(
-                  eventTypes.responderTerminationRequest,
-                  responderInst,
-                  nativeEvent,
-                  nativeEventTarget
-                )),
-                (tempA.touchHistory = ResponderTouchHistoryStore.touchHistory),
-                forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
-                (tempB =
-                  !tempA._dispatchListeners || executeDirectDispatch(tempA)),
-                tempA.isPersistent() || tempA.constructor.release(tempA),
-                tempB
-                  ? ((tempA = ResponderSyntheticEvent.getPooled(
-                      eventTypes.responderTerminate,
-                      responderInst,
-                      nativeEvent,
-                      nativeEventTarget
-                    )),
-                    (tempA.touchHistory =
-                      ResponderTouchHistoryStore.touchHistory),
-                    forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
-                    (JSCompiler_temp$jscomp$0 = accumulate(
-                      JSCompiler_temp$jscomp$0,
-                      [targetInst, tempA]
-                    )),
-                    changeResponder(JSCompiler_temp, depthA))
-                  : ((JSCompiler_temp = ResponderSyntheticEvent.getPooled(
-                      eventTypes.responderReject,
-                      JSCompiler_temp,
-                      nativeEvent,
-                      nativeEventTarget
-                    )),
-                    (JSCompiler_temp.touchHistory =
-                      ResponderTouchHistoryStore.touchHistory),
-                    forEachAccumulated(
-                      JSCompiler_temp,
-                      accumulateDirectDispatchesSingle
-                    ),
-                    (JSCompiler_temp$jscomp$0 = accumulate(
-                      JSCompiler_temp$jscomp$0,
-                      JSCompiler_temp
-                    ))))
-              : ((JSCompiler_temp$jscomp$0 = accumulate(
-                  JSCompiler_temp$jscomp$0,
-                  targetInst
-                )),
-                changeResponder(JSCompiler_temp, depthA)),
-            (JSCompiler_temp = JSCompiler_temp$jscomp$0))
-          : (JSCompiler_temp = null);
-      } else JSCompiler_temp = null;
-      JSCompiler_temp$jscomp$0 = responderInst && isStartish(topLevelType);
-      targetInst = responderInst && isMoveish(topLevelType);
-      depthA = responderInst && isEndish(topLevelType);
-      if (
-        (JSCompiler_temp$jscomp$0 = JSCompiler_temp$jscomp$0
-          ? eventTypes.responderStart
-          : targetInst
-            ? eventTypes.responderMove
-            : depthA ? eventTypes.responderEnd : null)
-      )
-        (JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
-          JSCompiler_temp$jscomp$0,
-          responderInst,
-          nativeEvent,
-          nativeEventTarget
-        )),
-          (JSCompiler_temp$jscomp$0.touchHistory =
-            ResponderTouchHistoryStore.touchHistory),
-          forEachAccumulated(
-            JSCompiler_temp$jscomp$0,
-            accumulateDirectDispatchesSingle
-          ),
-          (JSCompiler_temp = accumulate(
-            JSCompiler_temp,
-            JSCompiler_temp$jscomp$0
-          ));
-      JSCompiler_temp$jscomp$0 =
-        responderInst && "topTouchCancel" === topLevelType;
-      if (
-        (topLevelType =
-          responderInst && !JSCompiler_temp$jscomp$0 && isEndish(topLevelType))
-      )
-        a: {
-          if ((topLevelType = nativeEvent.touches) && 0 !== topLevelType.length)
-            for (targetInst = 0; targetInst < topLevelType.length; targetInst++)
-              if (
-                ((depthA = topLevelType[targetInst].target),
-                null !== depthA && void 0 !== depthA && 0 !== depthA)
-              ) {
-                tempA = getInstanceFromNode(depthA);
-                b: {
-                  for (depthA = responderInst; tempA; ) {
-                    if (depthA === tempA || depthA === tempA.alternate) {
-                      depthA = !0;
-                      break b;
-                    }
-                    tempA = getParent(tempA);
-                  }
-                  depthA = !1;
-                }
-                if (depthA) {
-                  topLevelType = !1;
-                  break a;
-                }
-              }
-          topLevelType = !0;
-        }
-      if (
-        (topLevelType = JSCompiler_temp$jscomp$0
-          ? eventTypes.responderTerminate
-          : topLevelType ? eventTypes.responderRelease : null)
-      )
-        (nativeEvent = ResponderSyntheticEvent.getPooled(
-          topLevelType,
-          responderInst,
-          nativeEvent,
-          nativeEventTarget
-        )),
-          (nativeEvent.touchHistory = ResponderTouchHistoryStore.touchHistory),
-          forEachAccumulated(nativeEvent, accumulateDirectDispatchesSingle),
-          (JSCompiler_temp = accumulate(JSCompiler_temp, nativeEvent)),
-          changeResponder(null);
-      nativeEvent = ResponderTouchHistoryStore.touchHistory.numberActiveTouches;
-      if (
-        ResponderEventPlugin.GlobalInteractionHandler &&
-        nativeEvent !== previousActiveTouches
-      )
-        ResponderEventPlugin.GlobalInteractionHandler.onChange(nativeEvent);
-      previousActiveTouches = nativeEvent;
-      return JSCompiler_temp;
-    },
-    GlobalResponderHandler: null,
-    GlobalInteractionHandler: null,
-    injection: {
-      injectGlobalResponderHandler: function(GlobalResponderHandler) {
-        ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
-      },
-      injectGlobalInteractionHandler: function(GlobalInteractionHandler) {
-        ResponderEventPlugin.GlobalInteractionHandler = GlobalInteractionHandler;
-      }
-    }
-  },
-  customBubblingEventTypes = {},
-  customDirectEventTypes = {},
-  ReactNativeBridgeEventPlugin = {
-    eventTypes: {},
-    extractEvents: function(
-      topLevelType,
-      targetInst,
-      nativeEvent,
-      nativeEventTarget
-    ) {
-      if (null == targetInst) return null;
-      var bubbleDispatchConfig = customBubblingEventTypes[topLevelType],
-        directDispatchConfig = customDirectEventTypes[topLevelType];
-      invariant(
-        bubbleDispatchConfig || directDispatchConfig,
-        'Unsupported top level event type "%s" dispatched',
-        topLevelType
-      );
-      topLevelType = SyntheticEvent.getPooled(
-        bubbleDispatchConfig || directDispatchConfig,
-        targetInst,
-        nativeEvent,
-        nativeEventTarget
-      );
-      if (bubbleDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateTwoPhaseDispatchesSingle);
-      else if (directDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
-      else return null;
-      return topLevelType;
-    },
-    processEventTypes: function(viewConfig) {
-      var bubblingEventTypes = viewConfig.bubblingEventTypes;
-      viewConfig = viewConfig.directEventTypes;
-      if (null != bubblingEventTypes)
-        for (var _topLevelType in bubblingEventTypes)
-          null == customBubblingEventTypes[_topLevelType] &&
-            (ReactNativeBridgeEventPlugin.eventTypes[
-              _topLevelType
-            ] = customBubblingEventTypes[_topLevelType] =
-              bubblingEventTypes[_topLevelType]);
-      if (null != viewConfig)
-        for (var _topLevelType2 in viewConfig)
-          null == customDirectEventTypes[_topLevelType2] &&
-            (ReactNativeBridgeEventPlugin.eventTypes[
-              _topLevelType2
-            ] = customDirectEventTypes[_topLevelType2] =
-              viewConfig[_topLevelType2]);
-    }
-  },
-  instanceCache = {},
-  instanceProps = {};
-function uncacheFiberNode(tag) {
-  delete instanceCache[tag];
-  delete instanceProps[tag];
-}
-function getInstanceFromTag(tag) {
-  return "number" === typeof tag ? instanceCache[tag] || null : tag;
-}
-var ReactNativeComponentTree = Object.freeze({
-  precacheFiberNode: function(hostInst, tag) {
-    instanceCache[tag] = hostInst;
-  },
-  uncacheFiberNode: uncacheFiberNode,
-  getClosestInstanceFromNode: getInstanceFromTag,
-  getInstanceFromNode: getInstanceFromTag,
-  getNodeFromInstance: function(inst) {
-    var tag = inst.stateNode._nativeTag;
-    void 0 === tag && (tag = inst.stateNode.canonical._nativeTag);
-    invariant(tag, "All native instances should have a tag.");
-    return tag;
-  },
-  getFiberCurrentPropsFromNode: function(stateNode) {
-    return instanceProps[stateNode._nativeTag] || null;
-  },
-  updateFiberProps: function(tag, props) {
-    instanceProps[tag] = props;
-  }
-});
-injection.injectEventPluginOrder([
-  "ResponderEventPlugin",
-  "ReactNativeBridgeEventPlugin"
-]);
-getFiberCurrentPropsFromNode =
-  ReactNativeComponentTree.getFiberCurrentPropsFromNode;
-getInstanceFromNode = ReactNativeComponentTree.getInstanceFromNode;
-getNodeFromInstance = ReactNativeComponentTree.getNodeFromInstance;
-ResponderEventPlugin.injection.injectGlobalResponderHandler({
-  onChange: function(from, to, blockNativeResponder) {
-    null !== to
-      ? UIManager.setJSResponder(to.stateNode._nativeTag, blockNativeResponder)
-      : UIManager.clearJSResponder();
-  }
-});
-injection.injectEventPluginsByName({
-  ResponderEventPlugin: ResponderEventPlugin,
-  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
-});
-var restoreTarget = null,
-  restoreQueue = null;
-function restoreStateOfTarget(target) {
-  if ((target = getInstanceFromNode(target))) {
-    invariant(
-      null,
-      "Fiber needs to be injected to handle a fiber target for controlled events. This error is likely caused by a bug in React. Please file an issue."
-    );
-    var props = getFiberCurrentPropsFromNode(target.stateNode);
-    null.restoreControlledState(target.stateNode, target.type, props);
-  }
-}
-function _batchedUpdates(fn, bookkeeping) {
-  return fn(bookkeeping);
-}
-function _flushInteractiveUpdates() {}
-var isBatching = !1;
-function batchedUpdates(fn, bookkeeping) {
-  if (isBatching) return fn(bookkeeping);
-  isBatching = !0;
-  try {
-    return _batchedUpdates(fn, bookkeeping);
-  } finally {
-    if (((isBatching = !1), null !== restoreTarget || null !== restoreQueue))
-      if (
-        (_flushInteractiveUpdates(),
-        restoreTarget &&
-          ((bookkeeping = restoreTarget),
-          (fn = restoreQueue),
-          (restoreQueue = restoreTarget = null),
-          restoreStateOfTarget(bookkeeping),
-          fn))
-      )
-        for (bookkeeping = 0; bookkeeping < fn.length; bookkeeping++)
-          restoreStateOfTarget(fn[bookkeeping]);
-  }
-}
-var ReactNativeTagHandles = {
-    tagsStartAt: 1,
-    tagCount: 1,
-    allocateTag: function() {
-      for (; this.reactTagIsNativeTopRootID(ReactNativeTagHandles.tagCount); )
-        ReactNativeTagHandles.tagCount++;
-      var tag = ReactNativeTagHandles.tagCount;
-      ReactNativeTagHandles.tagCount++;
-      return tag;
-    },
-    assertRootTag: function(tag) {
-      invariant(
-        this.reactTagIsNativeTopRootID(tag),
-        "Expect a native root tag, instead got %s",
-        tag
-      );
-    },
-    reactTagIsNativeTopRootID: function(reactTag) {
-      return 1 === reactTag % 10;
-    }
-  },
-  EMPTY_NATIVE_EVENT = {};
-function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
-  var nativeEvent = nativeEventParam || EMPTY_NATIVE_EVENT,
-    inst = getInstanceFromTag(rootNodeID);
-  batchedUpdates(function() {
-    var events = nativeEvent.target;
-    for (var events$jscomp$0 = null, i = 0; i < plugins.length; i++) {
-      var possiblePlugin = plugins[i];
-      possiblePlugin &&
-        (possiblePlugin = possiblePlugin.extractEvents(
-          topLevelType,
-          inst,
-          nativeEvent,
-          events
-        )) &&
-        (events$jscomp$0 = accumulateInto(events$jscomp$0, possiblePlugin));
-    }
-    events = events$jscomp$0;
-    null !== events && (eventQueue = accumulateInto(eventQueue, events));
-    events = eventQueue;
-    eventQueue = null;
-    events &&
-      (forEachAccumulated(events, executeDispatchesAndReleaseTopLevel),
-      invariant(
-        !eventQueue,
-        "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
-      ),
-      ReactErrorUtils.rethrowCaughtError());
-  });
-}
-var ReactNativeEventEmitter = Object.freeze({
-  getListener: getListener,
-  registrationNames: registrationNameModules,
-  _receiveRootNodeIDEvent: _receiveRootNodeIDEvent,
-  receiveEvent: function(rootNodeID, topLevelType, nativeEventParam) {
-    _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam);
-  },
-  receiveTouches: function(eventTopLevelType, touches, changedIndices) {
-    if (
-      "topTouchEnd" === eventTopLevelType ||
-      "topTouchCancel" === eventTopLevelType
-    ) {
-      var JSCompiler_temp = [];
-      for (var i = 0; i < changedIndices.length; i++) {
-        var index = changedIndices[i];
-        JSCompiler_temp.push(touches[index]);
-        touches[index] = null;
-      }
-      for (i = changedIndices = 0; i < touches.length; i++)
-        (index = touches[i]),
-          null !== index && (touches[changedIndices++] = index);
-      touches.length = changedIndices;
-    } else
-      for (JSCompiler_temp = [], i = 0; i < changedIndices.length; i++)
-        JSCompiler_temp.push(touches[changedIndices[i]]);
-    for (
-      changedIndices = 0;
-      changedIndices < JSCompiler_temp.length;
-      changedIndices++
-    ) {
-      i = JSCompiler_temp[changedIndices];
-      i.changedTouches = JSCompiler_temp;
-      i.touches = touches;
-      index = null;
-      var target = i.target;
-      null === target ||
-        void 0 === target ||
-        target < ReactNativeTagHandles.tagsStartAt ||
-        (index = target);
-      _receiveRootNodeIDEvent(index, eventTopLevelType, i);
-    }
-  }
-});
-RCTEventEmitter.register(ReactNativeEventEmitter);
-var hasSymbol = "function" === typeof Symbol && Symbol["for"],
-  REACT_ELEMENT_TYPE = hasSymbol ? Symbol["for"]("react.element") : 60103,
-  REACT_CALL_TYPE = hasSymbol ? Symbol["for"]("react.call") : 60104,
-  REACT_RETURN_TYPE = hasSymbol ? Symbol["for"]("react.return") : 60105,
-  REACT_PORTAL_TYPE = hasSymbol ? Symbol["for"]("react.portal") : 60106,
-  REACT_FRAGMENT_TYPE = hasSymbol ? Symbol["for"]("react.fragment") : 60107,
-  REACT_STRICT_MODE_TYPE = hasSymbol
-    ? Symbol["for"]("react.strict_mode")
-    : 60108,
-  REACT_PROVIDER_TYPE = hasSymbol ? Symbol["for"]("react.provider") : 60109,
-  REACT_CONTEXT_TYPE = hasSymbol ? Symbol["for"]("react.context") : 60110,
-  REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol["for"]("react.async_mode") : 60111,
-  MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
-function getIteratorFn(maybeIterable) {
-  if (null === maybeIterable || "undefined" === typeof maybeIterable)
-    return null;
-  maybeIterable =
-    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
-    maybeIterable["@@iterator"];
-  return "function" === typeof maybeIterable ? maybeIterable : null;
-}
-function createPortal(children, containerInfo, implementation) {
-  var key =
-    3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
-  return {
-    $$typeof: REACT_PORTAL_TYPE,
-    key: null == key ? null : "" + key,
-    children: children,
-    containerInfo: containerInfo,
-    implementation: implementation
-  };
-}
-var TouchHistoryMath = {
-    centroidDimension: function(
-      touchHistory,
-      touchesChangedAfter,
-      isXAxis,
-      ofCurrent
-    ) {
-      var touchBank = touchHistory.touchBank,
-        total = 0,
-        count = 0;
-      touchHistory =
-        1 === touchHistory.numberActiveTouches
-          ? touchHistory.touchBank[touchHistory.indexOfSingleActiveTouch]
-          : null;
-      if (null !== touchHistory)
-        touchHistory.touchActive &&
-          touchHistory.currentTimeStamp > touchesChangedAfter &&
-          ((total +=
-            ofCurrent && isXAxis
-              ? touchHistory.currentPageX
-              : ofCurrent && !isXAxis
-                ? touchHistory.currentPageY
-                : !ofCurrent && isXAxis
-                  ? touchHistory.previousPageX
-                  : touchHistory.previousPageY),
-          (count = 1));
-      else
-        for (
-          touchHistory = 0;
-          touchHistory < touchBank.length;
-          touchHistory++
-        ) {
-          var touchTrack = touchBank[touchHistory];
-          null !== touchTrack &&
-            void 0 !== touchTrack &&
-            touchTrack.touchActive &&
-            touchTrack.currentTimeStamp >= touchesChangedAfter &&
-            ((total +=
-              ofCurrent && isXAxis
-                ? touchTrack.currentPageX
-                : ofCurrent && !isXAxis
-                  ? touchTrack.currentPageY
-                  : !ofCurrent && isXAxis
-                    ? touchTrack.previousPageX
-                    : touchTrack.previousPageY),
-            count++);
-        }
-      return 0 < count ? total / count : TouchHistoryMath.noCentroid;
-    },
-    currentCentroidXOfTouchesChangedAfter: function(
-      touchHistory,
-      touchesChangedAfter
-    ) {
-      return TouchHistoryMath.centroidDimension(
-        touchHistory,
-        touchesChangedAfter,
-        !0,
-        !0
-      );
-    },
-    currentCentroidYOfTouchesChangedAfter: function(
-      touchHistory,
-      touchesChangedAfter
-    ) {
-      return TouchHistoryMath.centroidDimension(
-        touchHistory,
-        touchesChangedAfter,
-        !1,
-        !0
-      );
-    },
-    previousCentroidXOfTouchesChangedAfter: function(
-      touchHistory,
-      touchesChangedAfter
-    ) {
-      return TouchHistoryMath.centroidDimension(
-        touchHistory,
-        touchesChangedAfter,
-        !0,
-        !1
-      );
-    },
-    previousCentroidYOfTouchesChangedAfter: function(
-      touchHistory,
-      touchesChangedAfter
-    ) {
-      return TouchHistoryMath.centroidDimension(
-        touchHistory,
-        touchesChangedAfter,
-        !1,
-        !1
-      );
-    },
-    currentCentroidX: function(touchHistory) {
-      return TouchHistoryMath.centroidDimension(touchHistory, 0, !0, !0);
-    },
-    currentCentroidY: function(touchHistory) {
-      return TouchHistoryMath.centroidDimension(touchHistory, 0, !1, !0);
-    },
-    noCentroid: -1
-  },
-  objects = {},
-  uniqueID = 1,
-  emptyObject$2 = {},
-  ReactNativePropRegistry = (function() {
-    function ReactNativePropRegistry() {
-      if (!(this instanceof ReactNativePropRegistry))
-        throw new TypeError("Cannot call a class as a function");
-    }
-    ReactNativePropRegistry.register = function(object) {
-      var id = ++uniqueID;
-      objects[id] = object;
-      return id;
-    };
-    ReactNativePropRegistry.getByID = function(id) {
-      if (!id) return emptyObject$2;
-      var object = objects[id];
-      return object
-        ? object
-        : (console.warn("Invalid style with id `" + id + "`. Skipping ..."),
-          emptyObject$2);
-    };
-    return ReactNativePropRegistry;
-  })(),
-  emptyObject$1 = {},
-  removedKeys = null,
-  removedKeyCount = 0;
-function resolveObject(idOrObject) {
-  return "number" === typeof idOrObject
-    ? ReactNativePropRegistry.getByID(idOrObject)
-    : idOrObject;
-}
-function restoreDeletedValuesInNestedArray(
-  updatePayload,
-  node,
-  validAttributes
-) {
-  if (Array.isArray(node))
-    for (var i = node.length; i-- && 0 < removedKeyCount; )
-      restoreDeletedValuesInNestedArray(
-        updatePayload,
-        node[i],
-        validAttributes
-      );
-  else if (node && 0 < removedKeyCount)
-    for (i in ((node = resolveObject(node)), removedKeys))
-      if (removedKeys[i]) {
-        var _nextProp = node[i];
-        if (void 0 !== _nextProp) {
-          var attributeConfig = validAttributes[i];
-          if (attributeConfig) {
-            "function" === typeof _nextProp && (_nextProp = !0);
-            "undefined" === typeof _nextProp && (_nextProp = null);
-            if ("object" !== typeof attributeConfig)
-              updatePayload[i] = _nextProp;
-            else if (
-              "function" === typeof attributeConfig.diff ||
-              "function" === typeof attributeConfig.process
-            )
-              (_nextProp =
-                "function" === typeof attributeConfig.process
-                  ? attributeConfig.process(_nextProp)
-                  : _nextProp),
-                (updatePayload[i] = _nextProp);
-            removedKeys[i] = !1;
-            removedKeyCount--;
-          }
-        }
-      }
-}
-function diffNestedProperty(
-  updatePayload,
-  prevProp,
-  nextProp,
-  validAttributes
-) {
-  if (!updatePayload && prevProp === nextProp) return updatePayload;
-  if (!prevProp || !nextProp)
-    return nextProp
-      ? addNestedProperty(updatePayload, nextProp, validAttributes)
-      : prevProp
-        ? clearNestedProperty(updatePayload, prevProp, validAttributes)
-        : updatePayload;
-  if (!Array.isArray(prevProp) && !Array.isArray(nextProp))
-    return diffProperties(
-      updatePayload,
-      resolveObject(prevProp),
-      resolveObject(nextProp),
-      validAttributes
-    );
-  if (Array.isArray(prevProp) && Array.isArray(nextProp)) {
-    var minLength =
-        prevProp.length < nextProp.length ? prevProp.length : nextProp.length,
-      i;
-    for (i = 0; i < minLength; i++)
-      updatePayload = diffNestedProperty(
-        updatePayload,
-        prevProp[i],
-        nextProp[i],
-        validAttributes
-      );
-    for (; i < prevProp.length; i++)
-      updatePayload = clearNestedProperty(
-        updatePayload,
-        prevProp[i],
-        validAttributes
-      );
-    for (; i < nextProp.length; i++)
-      updatePayload = addNestedProperty(
-        updatePayload,
-        nextProp[i],
-        validAttributes
-      );
-    return updatePayload;
-  }
-  return Array.isArray(prevProp)
-    ? diffProperties(
-        updatePayload,
-        flattenStyle(prevProp),
-        resolveObject(nextProp),
-        validAttributes
-      )
-    : diffProperties(
-        updatePayload,
-        resolveObject(prevProp),
-        flattenStyle(nextProp),
-        validAttributes
-      );
-}
-function addNestedProperty(updatePayload, nextProp, validAttributes) {
-  if (!nextProp) return updatePayload;
-  if (!Array.isArray(nextProp))
-    return (
-      (nextProp = resolveObject(nextProp)),
-      diffProperties(updatePayload, emptyObject$1, nextProp, validAttributes)
-    );
-  for (var i = 0; i < nextProp.length; i++)
-    updatePayload = addNestedProperty(
-      updatePayload,
-      nextProp[i],
-      validAttributes
-    );
-  return updatePayload;
-}
-function clearNestedProperty(updatePayload, prevProp, validAttributes) {
-  if (!prevProp) return updatePayload;
-  if (!Array.isArray(prevProp))
-    return (
-      (prevProp = resolveObject(prevProp)),
-      diffProperties(updatePayload, prevProp, emptyObject$1, validAttributes)
-    );
-  for (var i = 0; i < prevProp.length; i++)
-    updatePayload = clearNestedProperty(
-      updatePayload,
-      prevProp[i],
-      validAttributes
-    );
-  return updatePayload;
-}
-function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
-  var attributeConfig, propKey;
-  for (propKey in nextProps)
-    if ((attributeConfig = validAttributes[propKey])) {
-      var prevProp = prevProps[propKey];
-      var nextProp = nextProps[propKey];
-      "function" === typeof nextProp &&
-        ((nextProp = !0), "function" === typeof prevProp && (prevProp = !0));
-      "undefined" === typeof nextProp &&
-        ((nextProp = null),
-        "undefined" === typeof prevProp && (prevProp = null));
-      removedKeys && (removedKeys[propKey] = !1);
-      if (updatePayload && void 0 !== updatePayload[propKey])
-        if ("object" !== typeof attributeConfig)
-          updatePayload[propKey] = nextProp;
-        else {
-          if (
-            "function" === typeof attributeConfig.diff ||
-            "function" === typeof attributeConfig.process
-          )
-            (attributeConfig =
-              "function" === typeof attributeConfig.process
-                ? attributeConfig.process(nextProp)
-                : nextProp),
-              (updatePayload[propKey] = attributeConfig);
-        }
-      else if (prevProp !== nextProp)
-        if ("object" !== typeof attributeConfig)
-          ("object" !== typeof nextProp ||
-            null === nextProp ||
-            deepDiffer(prevProp, nextProp)) &&
-            ((updatePayload || (updatePayload = {}))[propKey] = nextProp);
-        else if (
-          "function" === typeof attributeConfig.diff ||
-          "function" === typeof attributeConfig.process
-        ) {
-          if (
-            void 0 === prevProp ||
-            ("function" === typeof attributeConfig.diff
-              ? attributeConfig.diff(prevProp, nextProp)
-              : "object" !== typeof nextProp ||
-                null === nextProp ||
-                deepDiffer(prevProp, nextProp))
-          )
-            (attributeConfig =
-              "function" === typeof attributeConfig.process
-                ? attributeConfig.process(nextProp)
-                : nextProp),
-              ((updatePayload || (updatePayload = {}))[
-                propKey
-              ] = attributeConfig);
-        } else
-          (removedKeys = null),
-            (removedKeyCount = 0),
-            (updatePayload = diffNestedProperty(
-              updatePayload,
-              prevProp,
-              nextProp,
-              attributeConfig
-            )),
-            0 < removedKeyCount &&
-              updatePayload &&
-              (restoreDeletedValuesInNestedArray(
-                updatePayload,
-                nextProp,
-                attributeConfig
-              ),
-              (removedKeys = null));
-    }
-  for (var _propKey in prevProps)
-    void 0 === nextProps[_propKey] &&
-      (!(attributeConfig = validAttributes[_propKey]) ||
-        (updatePayload && void 0 !== updatePayload[_propKey]) ||
-        ((prevProp = prevProps[_propKey]),
-        void 0 !== prevProp &&
-          ("object" !== typeof attributeConfig ||
-          "function" === typeof attributeConfig.diff ||
-          "function" === typeof attributeConfig.process
-            ? (((updatePayload || (updatePayload = {}))[_propKey] = null),
-              removedKeys || (removedKeys = {}),
-              removedKeys[_propKey] ||
-                ((removedKeys[_propKey] = !0), removedKeyCount++))
-            : (updatePayload = clearNestedProperty(
-                updatePayload,
-                prevProp,
-                attributeConfig
-              )))));
-  return updatePayload;
-}
-function mountSafeCallback(context, callback) {
-  return function() {
-    if (callback) {
-      if ("boolean" === typeof context.__isMounted) {
-        if (!context.__isMounted) return;
-      } else if (
-        "function" === typeof context.isMounted &&
-        !context.isMounted()
-      )
-        return;
-      return callback.apply(context, arguments);
-    }
-  };
-}
-var ReactCurrentOwner =
-  React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;
-function getComponentName(fiber) {
-  fiber = fiber.type;
-  if ("function" === typeof fiber) return fiber.displayName || fiber.name;
-  if ("string" === typeof fiber) return fiber;
-  switch (fiber) {
-    case REACT_FRAGMENT_TYPE:
-      return "ReactFragment";
-    case REACT_PORTAL_TYPE:
-      return "ReactPortal";
-    case REACT_CALL_TYPE:
-      return "ReactCall";
-    case REACT_RETURN_TYPE:
-      return "ReactReturn";
-  }
-  return null;
-}
-function findHostInstance() {
-  return null;
-}
-function findNodeHandle(componentOrHandle) {
-  if (null == componentOrHandle) return null;
-  if ("number" === typeof componentOrHandle) return componentOrHandle;
-  var internalInstance = componentOrHandle._reactInternalFiber;
-  if (internalInstance) return findHostInstance(internalInstance) || null;
-  if (componentOrHandle) return componentOrHandle;
-  invariant(
-    ("object" === typeof componentOrHandle &&
-      "_nativeTag" in componentOrHandle) ||
-      (null != componentOrHandle.render &&
-        "function" === typeof componentOrHandle.render),
-    "findNodeHandle(...): Argument is not a component (type: %s, keys: %s)",
-    typeof componentOrHandle,
-    Object.keys(componentOrHandle)
-  );
-  invariant(
-    !1,
-    "findNodeHandle(...): Unable to find node handle for unmounted component."
-  );
-}
-function findNumericNodeHandleFiber(componentOrHandle) {
-  componentOrHandle = findNodeHandle(componentOrHandle);
-  return null == componentOrHandle || "number" === typeof componentOrHandle
-    ? componentOrHandle
-    : componentOrHandle._nativeTag;
-}
-function _inherits(subClass, superClass) {
-  if ("function" !== typeof superClass && null !== superClass)
-    throw new TypeError(
-      "Super expression must either be null or a function, not " +
-        typeof superClass
-    );
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      enumerable: !1,
-      writable: !0,
-      configurable: !0
-    }
-  });
-  superClass &&
-    (Object.setPrototypeOf
-      ? Object.setPrototypeOf(subClass, superClass)
-      : (subClass.__proto__ = superClass));
-}
-var ReactNativeComponent = (function(_React$Component) {
-  function ReactNativeComponent() {
-    if (!(this instanceof ReactNativeComponent))
-      throw new TypeError("Cannot call a class as a function");
-    var call = _React$Component.apply(this, arguments);
-    if (!this)
-      throw new ReferenceError(
-        "this hasn't been initialised - super() hasn't been called"
-      );
-    return !call || ("object" !== typeof call && "function" !== typeof call)
-      ? this
-      : call;
-  }
-  _inherits(ReactNativeComponent, _React$Component);
-  ReactNativeComponent.prototype.blur = function() {
-    TextInputState.blurTextInput(findNumericNodeHandleFiber(this));
-  };
-  ReactNativeComponent.prototype.focus = function() {
-    TextInputState.focusTextInput(findNumericNodeHandleFiber(this));
-  };
-  ReactNativeComponent.prototype.measure = function(callback) {
-    UIManager.measure(
-      findNumericNodeHandleFiber(this),
-      mountSafeCallback(this, callback)
-    );
-  };
-  ReactNativeComponent.prototype.measureInWindow = function(callback) {
-    UIManager.measureInWindow(
-      findNumericNodeHandleFiber(this),
-      mountSafeCallback(this, callback)
-    );
-  };
-  ReactNativeComponent.prototype.measureLayout = function(
-    relativeToNativeNode,
-    onSuccess,
-    onFail
-  ) {
-    UIManager.measureLayout(
-      findNumericNodeHandleFiber(this),
-      relativeToNativeNode,
-      mountSafeCallback(this, onFail),
-      mountSafeCallback(this, onSuccess)
-    );
-  };
-  ReactNativeComponent.prototype.setNativeProps = function(nativeProps) {
-    var maybeInstance = void 0;
-    try {
-      maybeInstance = findNodeHandle(this);
-    } catch (error) {}
-    if (null != maybeInstance) {
-      var viewConfig =
-        maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
-      nativeProps = diffProperties(
-        null,
-        emptyObject$1,
-        nativeProps,
-        viewConfig.validAttributes
-      );
-      null != nativeProps &&
-        UIManager.updateView(
-          maybeInstance._nativeTag,
-          viewConfig.uiViewClassName,
-          nativeProps
-        );
-    }
-  };
-  return ReactNativeComponent;
-})(React.Component);
-function isFiberMountedImpl(fiber) {
-  var node = fiber;
-  if (fiber.alternate) for (; node["return"]; ) node = node["return"];
-  else {
-    if (0 !== (node.effectTag & 2)) return 1;
-    for (; node["return"]; )
-      if (((node = node["return"]), 0 !== (node.effectTag & 2))) return 1;
-  }
-  return 3 === node.tag ? 2 : 3;
-}
-function isMounted(component) {
-  return (component = component._reactInternalFiber)
-    ? 2 === isFiberMountedImpl(component)
-    : !1;
-}
-function assertIsMounted(fiber) {
-  invariant(
-    2 === isFiberMountedImpl(fiber),
-    "Unable to find node on an unmounted component."
-  );
-}
-function findCurrentFiberUsingSlowPath(fiber) {
-  var alternate = fiber.alternate;
-  if (!alternate)
-    return (
-      (alternate = isFiberMountedImpl(fiber)),
-      invariant(
-        3 !== alternate,
-        "Unable to find node on an unmounted component."
-      ),
-      1 === alternate ? null : fiber
-    );
-  for (var a = fiber, b = alternate; ; ) {
-    var parentA = a["return"],
-      parentB = parentA ? parentA.alternate : null;
-    if (!parentA || !parentB) break;
-    if (parentA.child === parentB.child) {
-      for (var child = parentA.child; child; ) {
-        if (child === a) return assertIsMounted(parentA), fiber;
-        if (child === b) return assertIsMounted(parentA), alternate;
-        child = child.sibling;
-      }
-      invariant(!1, "Unable to find node on an unmounted component.");
-    }
-    if (a["return"] !== b["return"]) (a = parentA), (b = parentB);
-    else {
-      child = !1;
-      for (var _child = parentA.child; _child; ) {
-        if (_child === a) {
-          child = !0;
-          a = parentA;
-          b = parentB;
-          break;
-        }
-        if (_child === b) {
-          child = !0;
-          b = parentA;
-          a = parentB;
-          break;
-        }
-        _child = _child.sibling;
-      }
-      if (!child) {
-        for (_child = parentB.child; _child; ) {
-          if (_child === a) {
-            child = !0;
-            a = parentB;
-            b = parentA;
-            break;
-          }
-          if (_child === b) {
-            child = !0;
-            b = parentB;
-            a = parentA;
-            break;
-          }
-          _child = _child.sibling;
-        }
-        invariant(
-          child,
-          "Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue."
-        );
-      }
-    }
-    invariant(
-      a.alternate === b,
-      "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-  invariant(3 === a.tag, "Unable to find node on an unmounted component.");
-  return a.stateNode.current === a ? fiber : alternate;
-}
-function findCurrentHostFiber(parent) {
-  parent = findCurrentFiberUsingSlowPath(parent);
-  if (!parent) return null;
-  for (var node = parent; ; ) {
-    if (5 === node.tag || 6 === node.tag) return node;
-    if (node.child) (node.child["return"] = node), (node = node.child);
-    else {
-      if (node === parent) break;
-      for (; !node.sibling; ) {
-        if (!node["return"] || node["return"] === parent) return null;
-        node = node["return"];
-      }
-      node.sibling["return"] = node["return"];
-      node = node.sibling;
-    }
-  }
-  return null;
-}
-function findCurrentHostFiberWithNoPortals(parent) {
-  parent = findCurrentFiberUsingSlowPath(parent);
-  if (!parent) return null;
-  for (var node = parent; ; ) {
-    if (5 === node.tag || 6 === node.tag) return node;
-    if (node.child && 4 !== node.tag)
-      (node.child["return"] = node), (node = node.child);
-    else {
-      if (node === parent) break;
-      for (; !node.sibling; ) {
-        if (!node["return"] || node["return"] === parent) return null;
-        node = node["return"];
-      }
-      node.sibling["return"] = node["return"];
-      node = node.sibling;
-    }
-  }
-  return null;
-}
-var valueStack = [],
-  index = -1;
-function pop(cursor) {
-  0 > index ||
-    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
-}
-function push(cursor, value) {
-  index++;
-  valueStack[index] = cursor.current;
-  cursor.current = value;
-}
-function getStackAddendumByWorkInProgressFiber(workInProgress) {
-  var info = "";
-  do {
-    a: switch (workInProgress.tag) {
-      case 0:
-      case 1:
-      case 2:
-      case 5:
-        var owner = workInProgress._debugOwner,
-          source = workInProgress._debugSource;
-        var JSCompiler_inline_result = getComponentName(workInProgress);
-        var ownerName = null;
-        owner && (ownerName = getComponentName(owner));
-        owner = source;
-        JSCompiler_inline_result =
-          "\n    in " +
-          (JSCompiler_inline_result || "Unknown") +
-          (owner
-            ? " (at " +
-              owner.fileName.replace(/^.*[\\\/]/, "") +
-              ":" +
-              owner.lineNumber +
-              ")"
-            : ownerName ? " (created by " + ownerName + ")" : "");
-        break a;
-      default:
-        JSCompiler_inline_result = "";
-    }
-    info += JSCompiler_inline_result;
-    workInProgress = workInProgress["return"];
-  } while (workInProgress);
-  return info;
-}
-var _require = require("ReactFeatureFlags"),
-  enableGetDerivedStateFromCatch = _require.enableGetDerivedStateFromCatch,
-  debugRenderPhaseSideEffects = _require.debugRenderPhaseSideEffects,
-  debugRenderPhaseSideEffectsForStrictMode =
-    _require.debugRenderPhaseSideEffectsForStrictMode;
-new Set();
-var contextStackCursor = { current: emptyObject },
-  didPerformWorkStackCursor = { current: !1 },
-  previousContext = emptyObject;
-function getUnmaskedContext(workInProgress) {
-  return isContextProvider(workInProgress)
-    ? previousContext
-    : contextStackCursor.current;
-}
-function getMaskedContext(workInProgress, unmaskedContext) {
-  var contextTypes = workInProgress.type.contextTypes;
-  if (!contextTypes) return emptyObject;
-  var instance = workInProgress.stateNode;
-  if (
-    instance &&
-    instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
-  )
-    return instance.__reactInternalMemoizedMaskedChildContext;
-  var context = {},
-    key;
-  for (key in contextTypes) context[key] = unmaskedContext[key];
-  instance &&
-    ((workInProgress = workInProgress.stateNode),
-    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
-    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
-  return context;
-}
-function isContextProvider(fiber) {
-  return 2 === fiber.tag && null != fiber.type.childContextTypes;
-}
-function popContextProvider(fiber) {
-  isContextProvider(fiber) &&
-    (pop(didPerformWorkStackCursor, fiber), pop(contextStackCursor, fiber));
-}
-function pushTopLevelContextObject(fiber, context, didChange) {
-  invariant(
-    null == contextStackCursor.cursor,
-    "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
-  );
-  push(contextStackCursor, context, fiber);
-  push(didPerformWorkStackCursor, didChange, fiber);
-}
-function processChildContext(fiber, parentContext) {
-  var instance = fiber.stateNode,
-    childContextTypes = fiber.type.childContextTypes;
-  if ("function" !== typeof instance.getChildContext) return parentContext;
-  instance = instance.getChildContext();
-  for (var contextKey in instance)
-    invariant(
-      contextKey in childContextTypes,
-      '%s.getChildContext(): key "%s" is not defined in childContextTypes.',
-      getComponentName(fiber) || "Unknown",
-      contextKey
-    );
-  return Object.assign({}, parentContext, instance);
-}
-function pushContextProvider(workInProgress) {
-  if (!isContextProvider(workInProgress)) return !1;
-  var instance = workInProgress.stateNode;
-  instance =
-    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
-    emptyObject;
-  previousContext = contextStackCursor.current;
-  push(contextStackCursor, instance, workInProgress);
-  push(
-    didPerformWorkStackCursor,
-    didPerformWorkStackCursor.current,
-    workInProgress
-  );
-  return !0;
-}
-function invalidateContextProvider(workInProgress, didChange) {
-  var instance = workInProgress.stateNode;
-  invariant(
-    instance,
-    "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
-  );
-  if (didChange) {
-    var mergedContext = processChildContext(workInProgress, previousContext);
-    instance.__reactInternalMemoizedMergedChildContext = mergedContext;
-    pop(didPerformWorkStackCursor, workInProgress);
-    pop(contextStackCursor, workInProgress);
-    push(contextStackCursor, mergedContext, workInProgress);
-  } else pop(didPerformWorkStackCursor, workInProgress);
-  push(didPerformWorkStackCursor, didChange, workInProgress);
-}
-function FiberNode(tag, pendingProps, key, mode) {
-  this.tag = tag;
-  this.key = key;
-  this.stateNode = this.type = null;
-  this.sibling = this.child = this["return"] = null;
-  this.index = 0;
-  this.ref = null;
-  this.pendingProps = pendingProps;
-  this.memoizedState = this.updateQueue = this.memoizedProps = null;
-  this.mode = mode;
-  this.effectTag = 0;
-  this.lastEffect = this.firstEffect = this.nextEffect = null;
-  this.expirationTime = 0;
-  this.alternate = null;
-}
-function createWorkInProgress(current, pendingProps, expirationTime) {
-  var workInProgress = current.alternate;
-  null === workInProgress
-    ? ((workInProgress = new FiberNode(
-        current.tag,
-        pendingProps,
-        current.key,
-        current.mode
-      )),
-      (workInProgress.type = current.type),
-      (workInProgress.stateNode = current.stateNode),
-      (workInProgress.alternate = current),
-      (current.alternate = workInProgress))
-    : ((workInProgress.pendingProps = pendingProps),
-      (workInProgress.effectTag = 0),
-      (workInProgress.nextEffect = null),
-      (workInProgress.firstEffect = null),
-      (workInProgress.lastEffect = null));
-  workInProgress.expirationTime = expirationTime;
-  workInProgress.child = current.child;
-  workInProgress.memoizedProps = current.memoizedProps;
-  workInProgress.memoizedState = current.memoizedState;
-  workInProgress.updateQueue = current.updateQueue;
-  workInProgress.sibling = current.sibling;
-  workInProgress.index = current.index;
-  workInProgress.ref = current.ref;
-  return workInProgress;
-}
-function createFiberFromElement(element, mode, expirationTime) {
-  var type = element.type,
-    key = element.key;
-  element = element.props;
-  var fiberTag = void 0;
-  if ("function" === typeof type)
-    fiberTag = type.prototype && type.prototype.isReactComponent ? 2 : 0;
-  else if ("string" === typeof type) fiberTag = 5;
-  else
-    switch (type) {
-      case REACT_FRAGMENT_TYPE:
-        return createFiberFromFragment(
-          element.children,
-          mode,
-          expirationTime,
-          key
-        );
-      case REACT_ASYNC_MODE_TYPE:
-        fiberTag = 11;
-        mode |= 3;
-        break;
-      case REACT_STRICT_MODE_TYPE:
-        fiberTag = 11;
-        mode |= 2;
-        break;
-      case REACT_CALL_TYPE:
-        fiberTag = 7;
-        break;
-      case REACT_RETURN_TYPE:
-        fiberTag = 9;
-        break;
-      default:
-        if ("object" === typeof type && null !== type)
-          switch (type.$$typeof) {
-            case REACT_PROVIDER_TYPE:
-              fiberTag = 13;
-              break;
-            case REACT_CONTEXT_TYPE:
-              fiberTag = 12;
-              break;
-            default:
-              if ("number" === typeof type.tag)
-                return (
-                  (mode = type),
-                  (mode.pendingProps = element),
-                  (mode.expirationTime = expirationTime),
-                  mode
-                );
-              throwOnInvalidElementType(type, null);
-          }
-        else throwOnInvalidElementType(type, null);
-    }
-  mode = new FiberNode(fiberTag, element, key, mode);
-  mode.type = type;
-  mode.expirationTime = expirationTime;
-  return mode;
-}
-function throwOnInvalidElementType(type) {
-  invariant(
-    !1,
-    "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
-    null == type ? type : typeof type,
-    ""
-  );
-}
-function createFiberFromFragment(elements, mode, expirationTime, key) {
-  elements = new FiberNode(10, elements, key, mode);
-  elements.expirationTime = expirationTime;
-  return elements;
-}
-function createFiberFromText(content, mode, expirationTime) {
-  content = new FiberNode(6, content, null, mode);
-  content.expirationTime = expirationTime;
-  return content;
-}
-function createFiberFromPortal(portal, mode, expirationTime) {
-  mode = new FiberNode(
-    4,
-    null !== portal.children ? portal.children : [],
-    portal.key,
-    mode
-  );
-  mode.expirationTime = expirationTime;
-  mode.stateNode = {
-    containerInfo: portal.containerInfo,
-    pendingChildren: null,
-    implementation: portal.implementation
-  };
-  return mode;
-}
-var onCommitFiberRoot = null,
-  onCommitFiberUnmount = null;
-function catchErrors(fn) {
-  return function(arg) {
-    try {
-      return fn(arg);
-    } catch (err) {}
-  };
-}
-function injectInternals(internals) {
-  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
-  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
-  if (hook.isDisabled || !hook.supportsFiber) return !0;
-  try {
-    var rendererID = hook.inject(internals);
-    onCommitFiberRoot = catchErrors(function(root) {
-      return hook.onCommitFiberRoot(rendererID, root);
-    });
-    onCommitFiberUnmount = catchErrors(function(fiber) {
-      return hook.onCommitFiberUnmount(rendererID, fiber);
-    });
-  } catch (err) {}
-  return !0;
-}
-function onCommitRoot(root) {
-  "function" === typeof onCommitFiberRoot && onCommitFiberRoot(root);
-}
-function onCommitUnmount(fiber) {
-  "function" === typeof onCommitFiberUnmount && onCommitFiberUnmount(fiber);
-}
-function createUpdateQueue(baseState) {
-  return {
-    baseState: baseState,
-    expirationTime: 0,
-    first: null,
-    last: null,
-    callbackList: null,
-    hasForceUpdate: !1,
-    isInitialized: !1,
-    capturedValues: null
-  };
-}
-function insertUpdateIntoQueue(queue, update) {
-  null === queue.last
-    ? (queue.first = queue.last = update)
-    : ((queue.last.next = update), (queue.last = update));
-  if (
-    0 === queue.expirationTime ||
-    queue.expirationTime > update.expirationTime
-  )
-    queue.expirationTime = update.expirationTime;
-}
-var q1 = void 0,
-  q2 = void 0;
-function ensureUpdateQueues(fiber) {
-  q1 = q2 = null;
-  var alternateFiber = fiber.alternate,
-    queue1 = fiber.updateQueue;
-  null === queue1 && (queue1 = fiber.updateQueue = createUpdateQueue(null));
-  null !== alternateFiber
-    ? ((fiber = alternateFiber.updateQueue),
-      null === fiber &&
-        (fiber = alternateFiber.updateQueue = createUpdateQueue(null)))
-    : (fiber = null);
-  q1 = queue1;
-  q2 = fiber !== queue1 ? fiber : null;
-}
-function insertUpdateIntoFiber(fiber, update) {
-  ensureUpdateQueues(fiber);
-  fiber = q1;
-  var queue2 = q2;
-  null === queue2
-    ? insertUpdateIntoQueue(fiber, update)
-    : null === fiber.last || null === queue2.last
-      ? (insertUpdateIntoQueue(fiber, update),
-        insertUpdateIntoQueue(queue2, update))
-      : (insertUpdateIntoQueue(fiber, update), (queue2.last = update));
-}
-function getStateFromUpdate(update, instance, prevState, props) {
-  update = update.partialState;
-  return "function" === typeof update
-    ? update.call(instance, prevState, props)
-    : update;
-}
-function processUpdateQueue(
-  current,
-  workInProgress,
-  queue,
-  instance,
-  props,
-  renderExpirationTime
-) {
-  null !== current &&
-    current.updateQueue === queue &&
-    (queue = workInProgress.updateQueue = {
-      baseState: queue.baseState,
-      expirationTime: queue.expirationTime,
-      first: queue.first,
-      last: queue.last,
-      isInitialized: queue.isInitialized,
-      capturedValues: queue.capturedValues,
-      callbackList: null,
-      hasForceUpdate: !1
-    });
-  queue.expirationTime = 0;
-  queue.isInitialized
-    ? (current = queue.baseState)
-    : ((current = queue.baseState = workInProgress.memoizedState),
-      (queue.isInitialized = !0));
-  for (
-    var dontMutatePrevState = !0, update = queue.first, didSkip = !1;
-    null !== update;
-
-  ) {
-    var updateExpirationTime = update.expirationTime;
-    if (updateExpirationTime > renderExpirationTime) {
-      var remainingExpirationTime = queue.expirationTime;
-      if (
-        0 === remainingExpirationTime ||
-        remainingExpirationTime > updateExpirationTime
-      )
-        queue.expirationTime = updateExpirationTime;
-      didSkip || ((didSkip = !0), (queue.baseState = current));
-    } else {
-      didSkip ||
-        ((queue.first = update.next),
-        null === queue.first && (queue.last = null));
-      (debugRenderPhaseSideEffects ||
-        (debugRenderPhaseSideEffectsForStrictMode &&
-          workInProgress.mode & 2)) &&
-        getStateFromUpdate(update, instance, current, props);
-      if (update.isReplace)
-        (current = getStateFromUpdate(update, instance, current, props)),
-          (dontMutatePrevState = !0);
-      else if (
-        (updateExpirationTime = getStateFromUpdate(
-          update,
-          instance,
-          current,
-          props
-        ))
-      )
-        (current = dontMutatePrevState
-          ? Object.assign({}, current, updateExpirationTime)
-          : Object.assign(current, updateExpirationTime)),
-          (dontMutatePrevState = !1);
-      update.isForced && (queue.hasForceUpdate = !0);
-      null !== update.callback &&
-        ((updateExpirationTime = queue.callbackList),
-        null === updateExpirationTime &&
-          (updateExpirationTime = queue.callbackList = []),
-        updateExpirationTime.push(update));
-      null !== update.capturedValue &&
-        ((updateExpirationTime = queue.capturedValues),
-        null === updateExpirationTime
-          ? (queue.capturedValues = [update.capturedValue])
-          : updateExpirationTime.push(update.capturedValue));
-    }
-    update = update.next;
-  }
-  null !== queue.callbackList
-    ? (workInProgress.effectTag |= 32)
-    : null !== queue.first ||
-      queue.hasForceUpdate ||
-      null !== queue.capturedValues ||
-      (workInProgress.updateQueue = null);
-  didSkip || (queue.baseState = current);
-  return current;
-}
-function commitCallbacks(queue, context) {
-  var callbackList = queue.callbackList;
-  if (null !== callbackList)
-    for (
-      queue.callbackList = null, queue = 0;
-      queue < callbackList.length;
-      queue++
-    ) {
-      var update = callbackList[queue],
-        _callback = update.callback;
-      update.callback = null;
-      invariant(
-        "function" === typeof _callback,
-        "Invalid argument passed as callback. Expected a function. Instead received: %s",
-        _callback
-      );
-      _callback.call(context);
-    }
-}
-function callGetDerivedStateFromCatch(ctor, capturedValues) {
-  for (var resultState = {}, i = 0; i < capturedValues.length; i++) {
-    var partialState = ctor.getDerivedStateFromCatch.call(
-      null,
-      capturedValues[i].value
-    );
-    null !== partialState &&
-      void 0 !== partialState &&
-      Object.assign(resultState, partialState);
-  }
-  return resultState;
-}
-function ReactFiberClassComponent(
-  scheduleWork,
-  computeExpirationForFiber,
-  memoizeProps,
-  memoizeState
-) {
-  function checkShouldComponentUpdate(
-    workInProgress,
-    oldProps,
-    newProps,
-    oldState,
-    newState,
-    newContext
-  ) {
-    if (
-      null === oldProps ||
-      (null !== workInProgress.updateQueue &&
-        workInProgress.updateQueue.hasForceUpdate)
-    )
-      return !0;
-    var instance = workInProgress.stateNode;
-    workInProgress = workInProgress.type;
-    return "function" === typeof instance.shouldComponentUpdate
-      ? instance.shouldComponentUpdate(newProps, newState, newContext)
-      : workInProgress.prototype &&
-        workInProgress.prototype.isPureReactComponent
-        ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-        : !0;
-  }
-  function adoptClassInstance(workInProgress, instance) {
-    instance.updater = updater;
-    workInProgress.stateNode = instance;
-    instance._reactInternalFiber = workInProgress;
-  }
-  function callComponentWillReceiveProps(
-    workInProgress,
-    instance,
-    newProps,
-    newContext
-  ) {
-    workInProgress = instance.state;
-    "function" === typeof instance.componentWillReceiveProps &&
-      instance.componentWillReceiveProps(newProps, newContext);
-    "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
-      instance.UNSAFE_componentWillReceiveProps(newProps, newContext);
-    instance.state !== workInProgress &&
-      updater.enqueueReplaceState(instance, instance.state, null);
-  }
-  function callGetDerivedStateFromProps(workInProgress, instance, props) {
-    instance = workInProgress.type;
-    if ("function" === typeof instance.getDerivedStateFromProps)
-      return (
-        (debugRenderPhaseSideEffects ||
-          (debugRenderPhaseSideEffectsForStrictMode &&
-            workInProgress.mode & 2)) &&
-          instance.getDerivedStateFromProps.call(
-            null,
-            props,
-            workInProgress.memoizedState
-          ),
-        instance.getDerivedStateFromProps.call(
-          null,
-          props,
-          workInProgress.memoizedState
-        )
-      );
-  }
-  var updater = {
-    isMounted: isMounted,
-    enqueueSetState: function(instance, partialState, callback) {
-      instance = instance._reactInternalFiber;
-      callback = void 0 === callback ? null : callback;
-      var expirationTime = computeExpirationForFiber(instance);
-      insertUpdateIntoFiber(instance, {
-        expirationTime: expirationTime,
-        partialState: partialState,
-        callback: callback,
-        isReplace: !1,
-        isForced: !1,
-        capturedValue: null,
-        next: null
-      });
-      scheduleWork(instance, expirationTime);
-    },
-    enqueueReplaceState: function(instance, state, callback) {
-      instance = instance._reactInternalFiber;
-      callback = void 0 === callback ? null : callback;
-      var expirationTime = computeExpirationForFiber(instance);
-      insertUpdateIntoFiber(instance, {
-        expirationTime: expirationTime,
-        partialState: state,
-        callback: callback,
-        isReplace: !0,
-        isForced: !1,
-        capturedValue: null,
-        next: null
-      });
-      scheduleWork(instance, expirationTime);
-    },
-    enqueueForceUpdate: function(instance, callback) {
-      instance = instance._reactInternalFiber;
-      callback = void 0 === callback ? null : callback;
-      var expirationTime = computeExpirationForFiber(instance);
-      insertUpdateIntoFiber(instance, {
-        expirationTime: expirationTime,
-        partialState: null,
-        callback: callback,
-        isReplace: !1,
-        isForced: !0,
-        capturedValue: null,
-        next: null
-      });
-      scheduleWork(instance, expirationTime);
-    }
-  };
-  return {
-    adoptClassInstance: adoptClassInstance,
-    callGetDerivedStateFromProps: callGetDerivedStateFromProps,
-    constructClassInstance: function(workInProgress, props) {
-      var ctor = workInProgress.type,
-        unmaskedContext = getUnmaskedContext(workInProgress),
-        needsContext =
-          2 === workInProgress.tag && null != workInProgress.type.contextTypes,
-        context = needsContext
-          ? getMaskedContext(workInProgress, unmaskedContext)
-          : emptyObject;
-      (debugRenderPhaseSideEffects ||
-        (debugRenderPhaseSideEffectsForStrictMode &&
-          workInProgress.mode & 2)) &&
-        new ctor(props, context);
-      ctor = new ctor(props, context);
-      var state =
-        null !== ctor.state && void 0 !== ctor.state ? ctor.state : null;
-      adoptClassInstance(workInProgress, ctor);
-      workInProgress.memoizedState = state;
-      props = callGetDerivedStateFromProps(workInProgress, ctor, props);
-      null !== props &&
-        void 0 !== props &&
-        (workInProgress.memoizedState = Object.assign(
-          {},
-          workInProgress.memoizedState,
-          props
-        ));
-      needsContext &&
-        ((workInProgress = workInProgress.stateNode),
-        (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
-        (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
-      return ctor;
-    },
-    mountClassInstance: function(workInProgress, renderExpirationTime) {
-      var ctor = workInProgress.type,
-        current = workInProgress.alternate,
-        instance = workInProgress.stateNode,
-        props = workInProgress.pendingProps,
-        unmaskedContext = getUnmaskedContext(workInProgress);
-      instance.props = props;
-      instance.state = workInProgress.memoizedState;
-      instance.refs = emptyObject;
-      instance.context = getMaskedContext(workInProgress, unmaskedContext);
-      ("function" !== typeof instance.UNSAFE_componentWillMount &&
-        "function" !== typeof instance.componentWillMount) ||
-        "function" === typeof ctor.getDerivedStateFromProps ||
-        ((ctor = instance.state),
-        "function" === typeof instance.componentWillMount &&
-          instance.componentWillMount(),
-        "function" === typeof instance.UNSAFE_componentWillMount &&
-          instance.UNSAFE_componentWillMount(),
-        ctor !== instance.state &&
-          updater.enqueueReplaceState(instance, instance.state, null),
-        (ctor = workInProgress.updateQueue),
-        null !== ctor &&
-          (instance.state = processUpdateQueue(
-            current,
-            workInProgress,
-            ctor,
-            instance,
-            props,
-            renderExpirationTime
-          )));
-      "function" === typeof instance.componentDidMount &&
-        (workInProgress.effectTag |= 4);
-    },
-    resumeMountClassInstance: function(workInProgress, renderExpirationTime) {
-      var ctor = workInProgress.type,
-        instance = workInProgress.stateNode;
-      instance.props = workInProgress.memoizedProps;
-      instance.state = workInProgress.memoizedState;
-      var oldProps = workInProgress.memoizedProps,
-        newProps = workInProgress.pendingProps,
-        oldContext = instance.context,
-        newUnmaskedContext = getUnmaskedContext(workInProgress);
-      newUnmaskedContext = getMaskedContext(workInProgress, newUnmaskedContext);
-      ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
-        "function" !== typeof instance.componentWillReceiveProps) ||
-        "function" === typeof ctor.getDerivedStateFromProps ||
-        ((oldProps !== newProps || oldContext !== newUnmaskedContext) &&
-          callComponentWillReceiveProps(
-            workInProgress,
-            instance,
-            newProps,
-            newUnmaskedContext
-          ));
-      oldContext = void 0;
-      oldProps !== newProps &&
-        (oldContext = callGetDerivedStateFromProps(
-          workInProgress,
-          instance,
-          newProps
-        ));
-      var oldState = workInProgress.memoizedState,
-        derivedStateFromCatch = void 0;
-      if (null !== workInProgress.updateQueue) {
-        renderExpirationTime = processUpdateQueue(
-          null,
-          workInProgress,
-          workInProgress.updateQueue,
-          instance,
-          newProps,
-          renderExpirationTime
-        );
-        var updateQueue = workInProgress.updateQueue;
-        null !== updateQueue &&
-          null !== updateQueue.capturedValues &&
-          enableGetDerivedStateFromCatch &&
-          "function" === typeof ctor.getDerivedStateFromCatch &&
-          (derivedStateFromCatch = callGetDerivedStateFromCatch(
-            ctor,
-            updateQueue.capturedValues
-          ));
-      } else renderExpirationTime = oldState;
-      null !== oldContext &&
-        void 0 !== oldContext &&
-        (renderExpirationTime =
-          null === renderExpirationTime || void 0 === renderExpirationTime
-            ? oldContext
-            : Object.assign({}, renderExpirationTime, oldContext));
-      null !== derivedStateFromCatch &&
-        void 0 !== derivedStateFromCatch &&
-        (renderExpirationTime =
-          null === renderExpirationTime || void 0 === renderExpirationTime
-            ? derivedStateFromCatch
-            : Object.assign({}, renderExpirationTime, derivedStateFromCatch));
-      if (
-        !(
-          oldProps !== newProps ||
-          oldState !== renderExpirationTime ||
-          didPerformWorkStackCursor.current ||
-          (null !== workInProgress.updateQueue &&
-            workInProgress.updateQueue.hasForceUpdate)
-        )
-      )
-        return (
-          "function" === typeof instance.componentDidMount &&
-            (workInProgress.effectTag |= 4),
-          !1
-        );
-      (oldProps = checkShouldComponentUpdate(
-        workInProgress,
-        oldProps,
-        newProps,
-        oldState,
-        renderExpirationTime,
-        newUnmaskedContext
-      ))
-        ? (("function" !== typeof instance.UNSAFE_componentWillUpdate &&
-            "function" !== typeof instance.componentWillUpdate) ||
-            "function" === typeof ctor.getDerivedStateFromProps ||
-            ("function" === typeof instance.componentWillUpdate &&
-              instance.componentWillUpdate(
-                newProps,
-                renderExpirationTime,
-                newUnmaskedContext
-              ),
-            "function" === typeof instance.UNSAFE_componentWillUpdate &&
-              instance.UNSAFE_componentWillUpdate(
-                newProps,
-                renderExpirationTime,
-                newUnmaskedContext
-              )),
-          "function" === typeof instance.componentDidUpdate &&
-            (workInProgress.effectTag |= 4))
-        : ("function" === typeof instance.componentDidMount &&
-            (workInProgress.effectTag |= 4),
-          memoizeProps(workInProgress, newProps),
-          memoizeState(workInProgress, renderExpirationTime));
-      instance.props = newProps;
-      instance.state = renderExpirationTime;
-      instance.context = newUnmaskedContext;
-      return oldProps;
-    },
-    updateClassInstance: function(
-      current,
-      workInProgress,
-      renderExpirationTime
-    ) {
-      var ctor = workInProgress.type,
-        instance = workInProgress.stateNode;
-      instance.props = workInProgress.memoizedProps;
-      instance.state = workInProgress.memoizedState;
-      var oldProps = workInProgress.memoizedProps,
-        newProps = workInProgress.pendingProps,
-        oldContext = instance.context,
-        newUnmaskedContext = getUnmaskedContext(workInProgress);
-      newUnmaskedContext = getMaskedContext(workInProgress, newUnmaskedContext);
-      ("function" !== typeof instance.UNSAFE_componentWillReceiveProps &&
-        "function" !== typeof instance.componentWillReceiveProps) ||
-        "function" === typeof ctor.getDerivedStateFromProps ||
-        ((oldProps !== newProps || oldContext !== newUnmaskedContext) &&
-          callComponentWillReceiveProps(
-            workInProgress,
-            instance,
-            newProps,
-            newUnmaskedContext
-          ));
-      var derivedStateFromProps = void 0;
-      oldProps !== newProps &&
-        (derivedStateFromProps = callGetDerivedStateFromProps(
-          workInProgress,
-          instance,
-          newProps
-        ));
-      oldContext = workInProgress.memoizedState;
-      var derivedStateFromCatch = void 0;
-      if (null !== workInProgress.updateQueue) {
-        renderExpirationTime = processUpdateQueue(
-          current,
-          workInProgress,
-          workInProgress.updateQueue,
-          instance,
-          newProps,
-          renderExpirationTime
-        );
-        var updateQueue = workInProgress.updateQueue;
-        null !== updateQueue &&
-          null !== updateQueue.capturedValues &&
-          enableGetDerivedStateFromCatch &&
-          "function" === typeof ctor.getDerivedStateFromCatch &&
-          (derivedStateFromCatch = callGetDerivedStateFromCatch(
-            ctor,
-            updateQueue.capturedValues
-          ));
-      } else renderExpirationTime = oldContext;
-      null !== derivedStateFromProps &&
-        void 0 !== derivedStateFromProps &&
-        (renderExpirationTime =
-          null === renderExpirationTime || void 0 === renderExpirationTime
-            ? derivedStateFromProps
-            : Object.assign({}, renderExpirationTime, derivedStateFromProps));
-      null !== derivedStateFromCatch &&
-        void 0 !== derivedStateFromCatch &&
-        (renderExpirationTime =
-          null === renderExpirationTime || void 0 === renderExpirationTime
-            ? derivedStateFromCatch
-            : Object.assign({}, renderExpirationTime, derivedStateFromCatch));
-      if (
-        !(
-          oldProps !== newProps ||
-          oldContext !== renderExpirationTime ||
-          didPerformWorkStackCursor.current ||
-          (null !== workInProgress.updateQueue &&
-            workInProgress.updateQueue.hasForceUpdate)
-        )
-      )
-        return (
-          "function" !== typeof instance.componentDidUpdate ||
-            (oldProps === current.memoizedProps &&
-              oldContext === current.memoizedState) ||
-            (workInProgress.effectTag |= 4),
-          !1
-        );
-      (derivedStateFromProps = checkShouldComponentUpdate(
-        workInProgress,
-        oldProps,
-        newProps,
-        oldContext,
-        renderExpirationTime,
-        newUnmaskedContext
-      ))
-        ? (("function" !== typeof instance.UNSAFE_componentWillUpdate &&
-            "function" !== typeof instance.componentWillUpdate) ||
-            "function" === typeof ctor.getDerivedStateFromProps ||
-            ("function" === typeof instance.componentWillUpdate &&
-              instance.componentWillUpdate(
-                newProps,
-                renderExpirationTime,
-                newUnmaskedContext
-              ),
-            "function" === typeof instance.UNSAFE_componentWillUpdate &&
-              instance.UNSAFE_componentWillUpdate(
-                newProps,
-                renderExpirationTime,
-                newUnmaskedContext
-              )),
-          "function" === typeof instance.componentDidUpdate &&
-            (workInProgress.effectTag |= 4))
-        : ("function" !== typeof instance.componentDidUpdate ||
-            (oldProps === current.memoizedProps &&
-              oldContext === current.memoizedState) ||
-            (workInProgress.effectTag |= 4),
-          memoizeProps(workInProgress, newProps),
-          memoizeState(workInProgress, renderExpirationTime));
-      instance.props = newProps;
-      instance.state = renderExpirationTime;
-      instance.context = newUnmaskedContext;
-      return derivedStateFromProps;
-    }
-  };
-}
-var isArray$1 = Array.isArray;
-function coerceRef(returnFiber, current, element) {
-  returnFiber = element.ref;
-  if (
-    null !== returnFiber &&
-    "function" !== typeof returnFiber &&
-    "object" !== typeof returnFiber
-  ) {
-    if (element._owner) {
-      element = element._owner;
-      var inst = void 0;
-      element &&
-        (invariant(
-          2 === element.tag,
-          "Stateless function components cannot have refs."
-        ),
-        (inst = element.stateNode));
-      invariant(
-        inst,
-        "Missing owner for string ref %s. This error is likely caused by a bug in React. Please file an issue.",
-        returnFiber
-      );
-      var stringRef = "" + returnFiber;
-      if (
-        null !== current &&
-        null !== current.ref &&
-        current.ref._stringRef === stringRef
-      )
-        return current.ref;
-      current = function(value) {
-        var refs = inst.refs === emptyObject ? (inst.refs = {}) : inst.refs;
-        null === value ? delete refs[stringRef] : (refs[stringRef] = value);
-      };
-      current._stringRef = stringRef;
-      return current;
-    }
-    invariant(
-      "string" === typeof returnFiber,
-      "Expected ref to be a function or a string."
-    );
-    invariant(
-      element._owner,
-      "Element ref was specified as a string (%s) but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a functional component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://fb.me/react-refs-must-have-owner for more information.",
-      returnFiber
-    );
-  }
-  return returnFiber;
-}
-function throwOnInvalidObjectType(returnFiber, newChild) {
-  "textarea" !== returnFiber.type &&
-    invariant(
-      !1,
-      "Objects are not valid as a React child (found: %s).%s",
-      "[object Object]" === Object.prototype.toString.call(newChild)
-        ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
-        : newChild,
-      ""
-    );
-}
-function ChildReconciler(shouldTrackSideEffects) {
-  function deleteChild(returnFiber, childToDelete) {
-    if (shouldTrackSideEffects) {
-      var last = returnFiber.lastEffect;
-      null !== last
-        ? ((last.nextEffect = childToDelete),
-          (returnFiber.lastEffect = childToDelete))
-        : (returnFiber.firstEffect = returnFiber.lastEffect = childToDelete);
-      childToDelete.nextEffect = null;
-      childToDelete.effectTag = 8;
-    }
-  }
-  function deleteRemainingChildren(returnFiber, currentFirstChild) {
-    if (!shouldTrackSideEffects) return null;
-    for (; null !== currentFirstChild; )
-      deleteChild(returnFiber, currentFirstChild),
-        (currentFirstChild = currentFirstChild.sibling);
-    return null;
-  }
-  function mapRemainingChildren(returnFiber, currentFirstChild) {
-    for (returnFiber = new Map(); null !== currentFirstChild; )
-      null !== currentFirstChild.key
-        ? returnFiber.set(currentFirstChild.key, currentFirstChild)
-        : returnFiber.set(currentFirstChild.index, currentFirstChild),
-        (currentFirstChild = currentFirstChild.sibling);
-    return returnFiber;
-  }
-  function useFiber(fiber, pendingProps, expirationTime) {
-    fiber = createWorkInProgress(fiber, pendingProps, expirationTime);
-    fiber.index = 0;
-    fiber.sibling = null;
-    return fiber;
-  }
-  function placeChild(newFiber, lastPlacedIndex, newIndex) {
-    newFiber.index = newIndex;
-    if (!shouldTrackSideEffects) return lastPlacedIndex;
-    newIndex = newFiber.alternate;
-    if (null !== newIndex)
-      return (
-        (newIndex = newIndex.index),
-        newIndex < lastPlacedIndex
-          ? ((newFiber.effectTag = 2), lastPlacedIndex)
-          : newIndex
-      );
-    newFiber.effectTag = 2;
-    return lastPlacedIndex;
-  }
-  function placeSingleChild(newFiber) {
-    shouldTrackSideEffects &&
-      null === newFiber.alternate &&
-      (newFiber.effectTag = 2);
-    return newFiber;
-  }
-  function updateTextNode(returnFiber, current, textContent, expirationTime) {
-    if (null === current || 6 !== current.tag)
-      return (
-        (current = createFiberFromText(
-          textContent,
-          returnFiber.mode,
-          expirationTime
-        )),
-        (current["return"] = returnFiber),
-        current
-      );
-    current = useFiber(current, textContent, expirationTime);
-    current["return"] = returnFiber;
-    return current;
-  }
-  function updateElement(returnFiber, current, element, expirationTime) {
-    if (null !== current && current.type === element.type)
-      return (
-        (expirationTime = useFiber(current, element.props, expirationTime)),
-        (expirationTime.ref = coerceRef(returnFiber, current, element)),
-        (expirationTime["return"] = returnFiber),
-        expirationTime
-      );
-    expirationTime = createFiberFromElement(
-      element,
-      returnFiber.mode,
-      expirationTime
-    );
-    expirationTime.ref = coerceRef(returnFiber, current, element);
-    expirationTime["return"] = returnFiber;
-    return expirationTime;
-  }
-  function updatePortal(returnFiber, current, portal, expirationTime) {
-    if (
-      null === current ||
-      4 !== current.tag ||
-      current.stateNode.containerInfo !== portal.containerInfo ||
-      current.stateNode.implementation !== portal.implementation
-    )
-      return (
-        (current = createFiberFromPortal(
-          portal,
-          returnFiber.mode,
-          expirationTime
-        )),
-        (current["return"] = returnFiber),
-        current
-      );
-    current = useFiber(current, portal.children || [], expirationTime);
-    current["return"] = returnFiber;
-    return current;
-  }
-  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
-    if (null === current || 10 !== current.tag)
-      return (
-        (current = createFiberFromFragment(
-          fragment,
-          returnFiber.mode,
-          expirationTime,
-          key
-        )),
-        (current["return"] = returnFiber),
-        current
-      );
-    current = useFiber(current, fragment, expirationTime);
-    current["return"] = returnFiber;
-    return current;
-  }
-  function createChild(returnFiber, newChild, expirationTime) {
-    if ("string" === typeof newChild || "number" === typeof newChild)
-      return (
-        (newChild = createFiberFromText(
-          "" + newChild,
-          returnFiber.mode,
-          expirationTime
-        )),
-        (newChild["return"] = returnFiber),
-        newChild
-      );
-    if ("object" === typeof newChild && null !== newChild) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          return (
-            (expirationTime = createFiberFromElement(
-              newChild,
-              returnFiber.mode,
-              expirationTime
-            )),
-            (expirationTime.ref = coerceRef(returnFiber, null, newChild)),
-            (expirationTime["return"] = returnFiber),
-            expirationTime
-          );
-        case REACT_PORTAL_TYPE:
-          return (
-            (newChild = createFiberFromPortal(
-              newChild,
-              returnFiber.mode,
-              expirationTime
-            )),
-            (newChild["return"] = returnFiber),
-            newChild
-          );
-      }
-      if (isArray$1(newChild) || getIteratorFn(newChild))
-        return (
-          (newChild = createFiberFromFragment(
-            newChild,
-            returnFiber.mode,
-            expirationTime,
-            null
-          )),
-          (newChild["return"] = returnFiber),
-          newChild
-        );
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
-    return null;
-  }
-  function updateSlot(returnFiber, oldFiber, newChild, expirationTime) {
-    var key = null !== oldFiber ? oldFiber.key : null;
-    if ("string" === typeof newChild || "number" === typeof newChild)
-      return null !== key
-        ? null
-        : updateTextNode(returnFiber, oldFiber, "" + newChild, expirationTime);
-    if ("object" === typeof newChild && null !== newChild) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          return newChild.key === key
-            ? newChild.type === REACT_FRAGMENT_TYPE
-              ? updateFragment(
-                  returnFiber,
-                  oldFiber,
-                  newChild.props.children,
-                  expirationTime,
-                  key
-                )
-              : updateElement(returnFiber, oldFiber, newChild, expirationTime)
-            : null;
-        case REACT_PORTAL_TYPE:
-          return newChild.key === key
-            ? updatePortal(returnFiber, oldFiber, newChild, expirationTime)
-            : null;
-      }
-      if (isArray$1(newChild) || getIteratorFn(newChild))
-        return null !== key
-          ? null
-          : updateFragment(
-              returnFiber,
-              oldFiber,
-              newChild,
-              expirationTime,
-              null
-            );
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
-    return null;
-  }
-  function updateFromMap(
-    existingChildren,
-    returnFiber,
-    newIdx,
-    newChild,
-    expirationTime
-  ) {
-    if ("string" === typeof newChild || "number" === typeof newChild)
-      return (
-        (existingChildren = existingChildren.get(newIdx) || null),
-        updateTextNode(
-          returnFiber,
-          existingChildren,
-          "" + newChild,
-          expirationTime
-        )
-      );
-    if ("object" === typeof newChild && null !== newChild) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          return (
-            (existingChildren =
-              existingChildren.get(
-                null === newChild.key ? newIdx : newChild.key
-              ) || null),
-            newChild.type === REACT_FRAGMENT_TYPE
-              ? updateFragment(
-                  returnFiber,
-                  existingChildren,
-                  newChild.props.children,
-                  expirationTime,
-                  newChild.key
-                )
-              : updateElement(
-                  returnFiber,
-                  existingChildren,
-                  newChild,
-                  expirationTime
-                )
-          );
-        case REACT_PORTAL_TYPE:
-          return (
-            (existingChildren =
-              existingChildren.get(
-                null === newChild.key ? newIdx : newChild.key
-              ) || null),
-            updatePortal(
-              returnFiber,
-              existingChildren,
-              newChild,
-              expirationTime
-            )
-          );
-      }
-      if (isArray$1(newChild) || getIteratorFn(newChild))
-        return (
-          (existingChildren = existingChildren.get(newIdx) || null),
-          updateFragment(
-            returnFiber,
-            existingChildren,
-            newChild,
-            expirationTime,
-            null
-          )
-        );
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
-    return null;
-  }
-  function reconcileChildrenArray(
-    returnFiber,
-    currentFirstChild,
-    newChildren,
-    expirationTime
-  ) {
-    for (
-      var resultingFirstChild = null,
-        previousNewFiber = null,
-        oldFiber = currentFirstChild,
-        newIdx = (currentFirstChild = 0),
-        nextOldFiber = null;
-      null !== oldFiber && newIdx < newChildren.length;
-      newIdx++
-    ) {
-      oldFiber.index > newIdx
-        ? ((nextOldFiber = oldFiber), (oldFiber = null))
-        : (nextOldFiber = oldFiber.sibling);
-      var newFiber = updateSlot(
-        returnFiber,
-        oldFiber,
-        newChildren[newIdx],
-        expirationTime
-      );
-      if (null === newFiber) {
-        null === oldFiber && (oldFiber = nextOldFiber);
-        break;
-      }
-      shouldTrackSideEffects &&
-        oldFiber &&
-        null === newFiber.alternate &&
-        deleteChild(returnFiber, oldFiber);
-      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
-      null === previousNewFiber
-        ? (resultingFirstChild = newFiber)
-        : (previousNewFiber.sibling = newFiber);
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
-    }
-    if (newIdx === newChildren.length)
-      return (
-        deleteRemainingChildren(returnFiber, oldFiber), resultingFirstChild
-      );
-    if (null === oldFiber) {
-      for (; newIdx < newChildren.length; newIdx++)
-        if (
-          (oldFiber = createChild(
-            returnFiber,
-            newChildren[newIdx],
-            expirationTime
-          ))
-        )
-          (currentFirstChild = placeChild(oldFiber, currentFirstChild, newIdx)),
-            null === previousNewFiber
-              ? (resultingFirstChild = oldFiber)
-              : (previousNewFiber.sibling = oldFiber),
-            (previousNewFiber = oldFiber);
-      return resultingFirstChild;
-    }
-    for (
-      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
-      newIdx < newChildren.length;
-      newIdx++
-    )
-      if (
-        (nextOldFiber = updateFromMap(
-          oldFiber,
-          returnFiber,
-          newIdx,
-          newChildren[newIdx],
-          expirationTime
-        ))
-      ) {
-        if (shouldTrackSideEffects && null !== nextOldFiber.alternate)
-          oldFiber["delete"](
-            null === nextOldFiber.key ? newIdx : nextOldFiber.key
-          );
-        currentFirstChild = placeChild(nextOldFiber, currentFirstChild, newIdx);
-        null === previousNewFiber
-          ? (resultingFirstChild = nextOldFiber)
-          : (previousNewFiber.sibling = nextOldFiber);
-        previousNewFiber = nextOldFiber;
-      }
-    shouldTrackSideEffects &&
-      oldFiber.forEach(function(child) {
-        return deleteChild(returnFiber, child);
-      });
-    return resultingFirstChild;
-  }
-  function reconcileChildrenIterator(
-    returnFiber,
-    currentFirstChild,
-    newChildrenIterable,
-    expirationTime
-  ) {
-    var iteratorFn = getIteratorFn(newChildrenIterable);
-    invariant(
-      "function" === typeof iteratorFn,
-      "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
-    );
-    newChildrenIterable = iteratorFn.call(newChildrenIterable);
-    invariant(
-      null != newChildrenIterable,
-      "An iterable object provided no iterator."
-    );
-    for (
-      var previousNewFiber = (iteratorFn = null),
-        oldFiber = currentFirstChild,
-        newIdx = (currentFirstChild = 0),
-        nextOldFiber = null,
-        step = newChildrenIterable.next();
-      null !== oldFiber && !step.done;
-      newIdx++, step = newChildrenIterable.next()
-    ) {
-      oldFiber.index > newIdx
-        ? ((nextOldFiber = oldFiber), (oldFiber = null))
-        : (nextOldFiber = oldFiber.sibling);
-      var newFiber = updateSlot(
-        returnFiber,
-        oldFiber,
-        step.value,
-        expirationTime
-      );
-      if (null === newFiber) {
-        oldFiber || (oldFiber = nextOldFiber);
-        break;
-      }
-      shouldTrackSideEffects &&
-        oldFiber &&
-        null === newFiber.alternate &&
-        deleteChild(returnFiber, oldFiber);
-      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
-      null === previousNewFiber
-        ? (iteratorFn = newFiber)
-        : (previousNewFiber.sibling = newFiber);
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
-    }
-    if (step.done)
-      return deleteRemainingChildren(returnFiber, oldFiber), iteratorFn;
-    if (null === oldFiber) {
-      for (; !step.done; newIdx++, step = newChildrenIterable.next())
-        (step = createChild(returnFiber, step.value, expirationTime)),
-          null !== step &&
-            ((currentFirstChild = placeChild(step, currentFirstChild, newIdx)),
-            null === previousNewFiber
-              ? (iteratorFn = step)
-              : (previousNewFiber.sibling = step),
-            (previousNewFiber = step));
-      return iteratorFn;
-    }
-    for (
-      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
-      !step.done;
-      newIdx++, step = newChildrenIterable.next()
-    )
-      if (
-        ((step = updateFromMap(
-          oldFiber,
-          returnFiber,
-          newIdx,
-          step.value,
-          expirationTime
-        )),
-        null !== step)
-      ) {
-        if (shouldTrackSideEffects && null !== step.alternate)
-          oldFiber["delete"](null === step.key ? newIdx : step.key);
-        currentFirstChild = placeChild(step, currentFirstChild, newIdx);
-        null === previousNewFiber
-          ? (iteratorFn = step)
-          : (previousNewFiber.sibling = step);
-        previousNewFiber = step;
-      }
-    shouldTrackSideEffects &&
-      oldFiber.forEach(function(child) {
-        return deleteChild(returnFiber, child);
-      });
-    return iteratorFn;
-  }
-  return function(returnFiber, currentFirstChild, newChild, expirationTime) {
-    "object" === typeof newChild &&
-      null !== newChild &&
-      newChild.type === REACT_FRAGMENT_TYPE &&
-      null === newChild.key &&
-      (newChild = newChild.props.children);
-    var isObject = "object" === typeof newChild && null !== newChild;
-    if (isObject)
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          a: {
-            var key = newChild.key;
-            for (isObject = currentFirstChild; null !== isObject; ) {
-              if (isObject.key === key)
-                if (
-                  10 === isObject.tag
-                    ? newChild.type === REACT_FRAGMENT_TYPE
-                    : isObject.type === newChild.type
-                ) {
-                  deleteRemainingChildren(returnFiber, isObject.sibling);
-                  currentFirstChild = useFiber(
-                    isObject,
-                    newChild.type === REACT_FRAGMENT_TYPE
-                      ? newChild.props.children
-                      : newChild.props,
-                    expirationTime
-                  );
-                  currentFirstChild.ref = coerceRef(
-                    returnFiber,
-                    isObject,
-                    newChild
-                  );
-                  currentFirstChild["return"] = returnFiber;
-                  returnFiber = currentFirstChild;
-                  break a;
-                } else {
-                  deleteRemainingChildren(returnFiber, isObject);
-                  break;
-                }
-              else deleteChild(returnFiber, isObject);
-              isObject = isObject.sibling;
-            }
-            newChild.type === REACT_FRAGMENT_TYPE
-              ? ((currentFirstChild = createFiberFromFragment(
-                  newChild.props.children,
-                  returnFiber.mode,
-                  expirationTime,
-                  newChild.key
-                )),
-                (currentFirstChild["return"] = returnFiber),
-                (returnFiber = currentFirstChild))
-              : ((expirationTime = createFiberFromElement(
-                  newChild,
-                  returnFiber.mode,
-                  expirationTime
-                )),
-                (expirationTime.ref = coerceRef(
-                  returnFiber,
-                  currentFirstChild,
-                  newChild
-                )),
-                (expirationTime["return"] = returnFiber),
-                (returnFiber = expirationTime));
-          }
-          return placeSingleChild(returnFiber);
-        case REACT_PORTAL_TYPE:
-          a: {
-            for (isObject = newChild.key; null !== currentFirstChild; ) {
-              if (currentFirstChild.key === isObject)
-                if (
-                  4 === currentFirstChild.tag &&
-                  currentFirstChild.stateNode.containerInfo ===
-                    newChild.containerInfo &&
-                  currentFirstChild.stateNode.implementation ===
-                    newChild.implementation
-                ) {
-                  deleteRemainingChildren(
-                    returnFiber,
-                    currentFirstChild.sibling
-                  );
-                  currentFirstChild = useFiber(
-                    currentFirstChild,
-                    newChild.children || [],
-                    expirationTime
-                  );
-                  currentFirstChild["return"] = returnFiber;
-                  returnFiber = currentFirstChild;
-                  break a;
-                } else {
-                  deleteRemainingChildren(returnFiber, currentFirstChild);
-                  break;
-                }
-              else deleteChild(returnFiber, currentFirstChild);
-              currentFirstChild = currentFirstChild.sibling;
-            }
-            currentFirstChild = createFiberFromPortal(
-              newChild,
-              returnFiber.mode,
-              expirationTime
-            );
-            currentFirstChild["return"] = returnFiber;
-            returnFiber = currentFirstChild;
-          }
-          return placeSingleChild(returnFiber);
-      }
-    if ("string" === typeof newChild || "number" === typeof newChild)
-      return (
-        (newChild = "" + newChild),
-        null !== currentFirstChild && 6 === currentFirstChild.tag
-          ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
-            (currentFirstChild = useFiber(
-              currentFirstChild,
-              newChild,
-              expirationTime
-            )))
-          : (deleteRemainingChildren(returnFiber, currentFirstChild),
-            (currentFirstChild = createFiberFromText(
-              newChild,
-              returnFiber.mode,
-              expirationTime
-            ))),
-        (currentFirstChild["return"] = returnFiber),
-        (returnFiber = currentFirstChild),
-        placeSingleChild(returnFiber)
-      );
-    if (isArray$1(newChild))
-      return reconcileChildrenArray(
-        returnFiber,
-        currentFirstChild,
-        newChild,
-        expirationTime
-      );
-    if (getIteratorFn(newChild))
-      return reconcileChildrenIterator(
-        returnFiber,
-        currentFirstChild,
-        newChild,
-        expirationTime
-      );
-    isObject && throwOnInvalidObjectType(returnFiber, newChild);
-    if ("undefined" === typeof newChild)
-      switch (returnFiber.tag) {
-        case 2:
-        case 1:
-          (expirationTime = returnFiber.type),
-            invariant(
-              !1,
-              "%s(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.",
-              expirationTime.displayName || expirationTime.name || "Component"
-            );
-      }
-    return deleteRemainingChildren(returnFiber, currentFirstChild);
-  };
-}
-var reconcileChildFibers = ChildReconciler(!0),
-  mountChildFibers = ChildReconciler(!1),
-  changedBitsStack = [],
-  currentValueStack = [],
-  stack = [],
-  index$1 = -1;
-function pushProvider(providerFiber) {
-  var context = providerFiber.type.context;
-  index$1 += 1;
-  changedBitsStack[index$1] = context.changedBits;
-  currentValueStack[index$1] = context.currentValue;
-  stack[index$1] = providerFiber;
-  context.currentValue = providerFiber.pendingProps.value;
-  context.changedBits = providerFiber.stateNode;
-}
-function popProvider(providerFiber) {
-  var changedBits = changedBitsStack[index$1],
-    currentValue = currentValueStack[index$1];
-  changedBitsStack[index$1] = null;
-  currentValueStack[index$1] = null;
-  stack[index$1] = null;
-  --index$1;
-  providerFiber = providerFiber.type.context;
-  providerFiber.currentValue = currentValue;
-  providerFiber.changedBits = changedBits;
-}
-function ReactFiberBeginWork(
-  config,
-  hostContext,
-  hydrationContext,
-  scheduleWork,
-  computeExpirationForFiber
-) {
-  function reconcileChildren(current, workInProgress, nextChildren) {
-    reconcileChildrenAtExpirationTime(
-      current,
-      workInProgress,
-      nextChildren,
-      workInProgress.expirationTime
-    );
-  }
-  function reconcileChildrenAtExpirationTime(
-    current,
-    workInProgress,
-    nextChildren,
-    renderExpirationTime
-  ) {
-    workInProgress.child =
-      null === current
-        ? mountChildFibers(
-            workInProgress,
-            null,
-            nextChildren,
-            renderExpirationTime
-          )
-        : reconcileChildFibers(
-            workInProgress,
-            current.child,
-            nextChildren,
-            renderExpirationTime
-          );
-  }
-  function markRef(current, workInProgress) {
-    var ref = workInProgress.ref;
-    if (
-      (null === current && null !== ref) ||
-      (null !== current && current.ref !== ref)
-    )
-      workInProgress.effectTag |= 128;
-  }
-  function finishClassComponent(
-    current,
-    workInProgress,
-    shouldUpdate,
-    hasContext,
-    didCaptureError,
-    renderExpirationTime
-  ) {
-    markRef(current, workInProgress);
-    if (!shouldUpdate && !didCaptureError)
-      return (
-        hasContext && invalidateContextProvider(workInProgress, !1),
-        bailoutOnAlreadyFinishedWork(current, workInProgress)
-      );
-    var ctor = workInProgress.type;
-    shouldUpdate = workInProgress.stateNode;
-    ReactCurrentOwner.current = workInProgress;
-    !didCaptureError ||
-    (enableGetDerivedStateFromCatch &&
-      "function" === typeof ctor.getDerivedStateFromCatch)
-      ? ((debugRenderPhaseSideEffects ||
-          (debugRenderPhaseSideEffectsForStrictMode &&
-            workInProgress.mode & 2)) &&
-          shouldUpdate.render(),
-        (ctor = shouldUpdate.render()))
-      : (ctor = null);
-    workInProgress.effectTag |= 1;
-    didCaptureError &&
-      (reconcileChildrenAtExpirationTime(
-        current,
-        workInProgress,
-        null,
-        renderExpirationTime
-      ),
-      (workInProgress.child = null));
-    reconcileChildrenAtExpirationTime(
-      current,
-      workInProgress,
-      ctor,
-      renderExpirationTime
-    );
-    workInProgress.memoizedState = shouldUpdate.state;
-    workInProgress.memoizedProps = shouldUpdate.props;
-    hasContext && invalidateContextProvider(workInProgress, !0);
-    return workInProgress.child;
-  }
-  function pushHostRootContext(workInProgress) {
-    var root = workInProgress.stateNode;
-    root.pendingContext
-      ? pushTopLevelContextObject(
-          workInProgress,
-          root.pendingContext,
-          root.pendingContext !== root.context
-        )
-      : root.context &&
-        pushTopLevelContextObject(workInProgress, root.context, !1);
-    pushHostContainer(workInProgress, root.containerInfo);
-  }
-  function propagateContextChange(
-    workInProgress,
-    context,
-    changedBits,
-    renderExpirationTime
-  ) {
-    for (var fiber = workInProgress.child; null !== fiber; ) {
-      switch (fiber.tag) {
-        case 12:
-          var nextFiber = fiber.stateNode | 0;
-          if (fiber.type === context && 0 !== (nextFiber & changedBits)) {
-            for (nextFiber = fiber; null !== nextFiber; ) {
-              var alternate = nextFiber.alternate;
-              if (
-                0 === nextFiber.expirationTime ||
-                nextFiber.expirationTime > renderExpirationTime
-              )
-                (nextFiber.expirationTime = renderExpirationTime),
-                  null !== alternate &&
-                    (0 === alternate.expirationTime ||
-                      alternate.expirationTime > renderExpirationTime) &&
-                    (alternate.expirationTime = renderExpirationTime);
-              else if (
-                null !== alternate &&
-                (0 === alternate.expirationTime ||
-                  alternate.expirationTime > renderExpirationTime)
-              )
-                alternate.expirationTime = renderExpirationTime;
-              else break;
-              nextFiber = nextFiber["return"];
-            }
-            nextFiber = null;
-          } else nextFiber = fiber.child;
-          break;
-        case 13:
-          nextFiber = fiber.type === workInProgress.type ? null : fiber.child;
-          break;
-        default:
-          nextFiber = fiber.child;
-      }
-      if (null !== nextFiber) nextFiber["return"] = fiber;
-      else
-        for (nextFiber = fiber; null !== nextFiber; ) {
-          if (nextFiber === workInProgress) {
-            nextFiber = null;
-            break;
-          }
-          fiber = nextFiber.sibling;
-          if (null !== fiber) {
-            nextFiber = fiber;
-            break;
-          }
-          nextFiber = nextFiber["return"];
-        }
-      fiber = nextFiber;
-    }
-  }
-  function bailoutOnAlreadyFinishedWork(current, workInProgress) {
-    invariant(
-      null === current || workInProgress.child === current.child,
-      "Resuming work not yet implemented."
-    );
-    if (null !== workInProgress.child) {
-      current = workInProgress.child;
-      var newChild = createWorkInProgress(
-        current,
-        current.pendingProps,
-        current.expirationTime
-      );
-      workInProgress.child = newChild;
-      for (newChild["return"] = workInProgress; null !== current.sibling; )
-        (current = current.sibling),
-          (newChild = newChild.sibling = createWorkInProgress(
-            current,
-            current.pendingProps,
-            current.expirationTime
-          )),
-          (newChild["return"] = workInProgress);
-      newChild.sibling = null;
-    }
-    return workInProgress.child;
-  }
-  var shouldSetTextContent = config.shouldSetTextContent,
-    shouldDeprioritizeSubtree = config.shouldDeprioritizeSubtree,
-    pushHostContext = hostContext.pushHostContext,
-    pushHostContainer = hostContext.pushHostContainer,
-    enterHydrationState = hydrationContext.enterHydrationState,
-    resetHydrationState = hydrationContext.resetHydrationState,
-    tryToClaimNextHydratableInstance =
-      hydrationContext.tryToClaimNextHydratableInstance;
-  config = ReactFiberClassComponent(
-    scheduleWork,
-    computeExpirationForFiber,
-    function(workInProgress, nextProps) {
-      workInProgress.memoizedProps = nextProps;
-    },
-    function(workInProgress, nextState) {
-      workInProgress.memoizedState = nextState;
-    }
-  );
-  var adoptClassInstance = config.adoptClassInstance,
-    callGetDerivedStateFromProps = config.callGetDerivedStateFromProps,
-    constructClassInstance = config.constructClassInstance,
-    mountClassInstance = config.mountClassInstance,
-    resumeMountClassInstance = config.resumeMountClassInstance,
-    updateClassInstance = config.updateClassInstance;
-  return {
-    beginWork: function(current, workInProgress, renderExpirationTime) {
-      if (
-        0 === workInProgress.expirationTime ||
-        workInProgress.expirationTime > renderExpirationTime
-      ) {
-        switch (workInProgress.tag) {
-          case 3:
-            pushHostRootContext(workInProgress);
-            break;
-          case 2:
-            pushContextProvider(workInProgress);
-            break;
-          case 4:
-            pushHostContainer(
-              workInProgress,
-              workInProgress.stateNode.containerInfo
-            );
-            break;
-          case 13:
-            pushProvider(workInProgress);
-        }
-        return null;
-      }
-      switch (workInProgress.tag) {
-        case 0:
-          invariant(
-            null === current,
-            "An indeterminate component should never have mounted. This error is likely caused by a bug in React. Please file an issue."
-          );
-          var fn = workInProgress.type,
-            props = workInProgress.pendingProps,
-            unmaskedContext = getUnmaskedContext(workInProgress);
-          unmaskedContext = getMaskedContext(workInProgress, unmaskedContext);
-          fn = fn(props, unmaskedContext);
-          workInProgress.effectTag |= 1;
-          "object" === typeof fn &&
-          null !== fn &&
-          "function" === typeof fn.render &&
-          void 0 === fn.$$typeof
-            ? ((unmaskedContext = workInProgress.type),
-              (workInProgress.tag = 2),
-              (workInProgress.memoizedState =
-                null !== fn.state && void 0 !== fn.state ? fn.state : null),
-              "function" === typeof unmaskedContext.getDerivedStateFromProps &&
-                ((props = callGetDerivedStateFromProps(
-                  workInProgress,
-                  fn,
-                  props
-                )),
-                null !== props &&
-                  void 0 !== props &&
-                  (workInProgress.memoizedState = Object.assign(
-                    {},
-                    workInProgress.memoizedState,
-                    props
-                  ))),
-              (props = pushContextProvider(workInProgress)),
-              adoptClassInstance(workInProgress, fn),
-              mountClassInstance(workInProgress, renderExpirationTime),
-              (current = finishClassComponent(
-                current,
-                workInProgress,
-                !0,
-                props,
-                !1,
-                renderExpirationTime
-              )))
-            : ((workInProgress.tag = 1),
-              reconcileChildren(current, workInProgress, fn),
-              (workInProgress.memoizedProps = props),
-              (current = workInProgress.child));
-          return current;
-        case 1:
-          return (
-            (props = workInProgress.type),
-            (renderExpirationTime = workInProgress.pendingProps),
-            didPerformWorkStackCursor.current ||
-            workInProgress.memoizedProps !== renderExpirationTime
-              ? ((fn = getUnmaskedContext(workInProgress)),
-                (fn = getMaskedContext(workInProgress, fn)),
-                (props = props(renderExpirationTime, fn)),
-                (workInProgress.effectTag |= 1),
-                reconcileChildren(current, workInProgress, props),
-                (workInProgress.memoizedProps = renderExpirationTime),
-                (current = workInProgress.child))
-              : (current = bailoutOnAlreadyFinishedWork(
-                  current,
-                  workInProgress
-                )),
-            current
-          );
-        case 2:
-          props = pushContextProvider(workInProgress);
-          null === current
-            ? null === workInProgress.stateNode
-              ? (constructClassInstance(
-                  workInProgress,
-                  workInProgress.pendingProps
-                ),
-                mountClassInstance(workInProgress, renderExpirationTime),
-                (fn = !0))
-              : (fn = resumeMountClassInstance(
-                  workInProgress,
-                  renderExpirationTime
-                ))
-            : (fn = updateClassInstance(
-                current,
-                workInProgress,
-                renderExpirationTime
-              ));
-          unmaskedContext = !1;
-          var updateQueue = workInProgress.updateQueue;
-          null !== updateQueue &&
-            null !== updateQueue.capturedValues &&
-            (unmaskedContext = fn = !0);
-          return finishClassComponent(
-            current,
-            workInProgress,
-            fn,
-            props,
-            unmaskedContext,
-            renderExpirationTime
-          );
-        case 3:
-          a: if (
-            (pushHostRootContext(workInProgress),
-            (fn = workInProgress.updateQueue),
-            null !== fn)
-          ) {
-            unmaskedContext = workInProgress.memoizedState;
-            props = processUpdateQueue(
-              current,
-              workInProgress,
-              fn,
-              null,
-              null,
-              renderExpirationTime
-            );
-            workInProgress.memoizedState = props;
-            fn = workInProgress.updateQueue;
-            if (null !== fn && null !== fn.capturedValues) fn = null;
-            else if (unmaskedContext === props) {
-              resetHydrationState();
-              current = bailoutOnAlreadyFinishedWork(current, workInProgress);
-              break a;
-            } else fn = props.element;
-            unmaskedContext = workInProgress.stateNode;
-            (null === current || null === current.child) &&
-            unmaskedContext.hydrate &&
-            enterHydrationState(workInProgress)
-              ? ((workInProgress.effectTag |= 2),
-                (workInProgress.child = mountChildFibers(
-                  workInProgress,
-                  null,
-                  fn,
-                  renderExpirationTime
-                )))
-              : (resetHydrationState(),
-                reconcileChildren(current, workInProgress, fn));
-            workInProgress.memoizedState = props;
-            current = workInProgress.child;
-          } else
-            resetHydrationState(),
-              (current = bailoutOnAlreadyFinishedWork(current, workInProgress));
-          return current;
-        case 5:
-          a: {
-            pushHostContext(workInProgress);
-            null === current &&
-              tryToClaimNextHydratableInstance(workInProgress);
-            props = workInProgress.type;
-            updateQueue = workInProgress.memoizedProps;
-            fn = workInProgress.pendingProps;
-            unmaskedContext = null !== current ? current.memoizedProps : null;
-            if (!didPerformWorkStackCursor.current && updateQueue === fn) {
-              if (
-                (updateQueue =
-                  workInProgress.mode & 1 &&
-                  shouldDeprioritizeSubtree(props, fn))
-              )
-                workInProgress.expirationTime = 1073741823;
-              if (!updateQueue || 1073741823 !== renderExpirationTime) {
-                current = bailoutOnAlreadyFinishedWork(current, workInProgress);
-                break a;
-              }
-            }
-            updateQueue = fn.children;
-            shouldSetTextContent(props, fn)
-              ? (updateQueue = null)
-              : unmaskedContext &&
-                shouldSetTextContent(props, unmaskedContext) &&
-                (workInProgress.effectTag |= 16);
-            markRef(current, workInProgress);
-            1073741823 !== renderExpirationTime &&
-            workInProgress.mode & 1 &&
-            shouldDeprioritizeSubtree(props, fn)
-              ? ((workInProgress.expirationTime = 1073741823),
-                (workInProgress.memoizedProps = fn),
-                (current = null))
-              : (reconcileChildren(current, workInProgress, updateQueue),
-                (workInProgress.memoizedProps = fn),
-                (current = workInProgress.child));
-          }
-          return current;
-        case 6:
-          return (
-            null === current &&
-              tryToClaimNextHydratableInstance(workInProgress),
-            (workInProgress.memoizedProps = workInProgress.pendingProps),
-            null
-          );
-        case 8:
-          workInProgress.tag = 7;
-        case 7:
-          return (
-            (props = workInProgress.pendingProps),
-            didPerformWorkStackCursor.current ||
-              workInProgress.memoizedProps !== props ||
-              (props = workInProgress.memoizedProps),
-            (fn = props.children),
-            (workInProgress.stateNode =
-              null === current
-                ? mountChildFibers(
-                    workInProgress,
-                    workInProgress.stateNode,
-                    fn,
-                    renderExpirationTime
-                  )
-                : reconcileChildFibers(
-                    workInProgress,
-                    current.stateNode,
-                    fn,
-                    renderExpirationTime
-                  )),
-            (workInProgress.memoizedProps = props),
-            workInProgress.stateNode
-          );
-        case 9:
-          return null;
-        case 4:
-          return (
-            pushHostContainer(
-              workInProgress,
-              workInProgress.stateNode.containerInfo
-            ),
-            (props = workInProgress.pendingProps),
-            didPerformWorkStackCursor.current ||
-            workInProgress.memoizedProps !== props
-              ? (null === current
-                  ? (workInProgress.child = reconcileChildFibers(
-                      workInProgress,
-                      null,
-                      props,
-                      renderExpirationTime
-                    ))
-                  : reconcileChildren(current, workInProgress, props),
-                (workInProgress.memoizedProps = props),
-                (current = workInProgress.child))
-              : (current = bailoutOnAlreadyFinishedWork(
-                  current,
-                  workInProgress
-                )),
-            current
-          );
-        case 10:
-          return (
-            (renderExpirationTime = workInProgress.pendingProps),
-            didPerformWorkStackCursor.current ||
-            workInProgress.memoizedProps !== renderExpirationTime
-              ? (reconcileChildren(
-                  current,
-                  workInProgress,
-                  renderExpirationTime
-                ),
-                (workInProgress.memoizedProps = renderExpirationTime),
-                (current = workInProgress.child))
-              : (current = bailoutOnAlreadyFinishedWork(
-                  current,
-                  workInProgress
-                )),
-            current
-          );
-        case 11:
-          return (
-            (renderExpirationTime = workInProgress.pendingProps.children),
-            didPerformWorkStackCursor.current ||
-            (null !== renderExpirationTime &&
-              workInProgress.memoizedProps !== renderExpirationTime)
-              ? (reconcileChildren(
-                  current,
-                  workInProgress,
-                  renderExpirationTime
-                ),
-                (workInProgress.memoizedProps = renderExpirationTime),
-                (current = workInProgress.child))
-              : (current = bailoutOnAlreadyFinishedWork(
-                  current,
-                  workInProgress
-                )),
-            current
-          );
-        case 13:
-          props = workInProgress.type.context;
-          fn = workInProgress.pendingProps;
-          unmaskedContext = workInProgress.memoizedProps;
-          if (didPerformWorkStackCursor.current || unmaskedContext !== fn) {
-            workInProgress.memoizedProps = fn;
-            updateQueue = fn.value;
-            if (null === unmaskedContext) updateQueue = 1073741823;
-            else {
-              var oldValue = unmaskedContext.value;
-              (oldValue === updateQueue &&
-                (0 !== oldValue || 1 / oldValue === 1 / updateQueue)) ||
-              (oldValue !== oldValue && updateQueue !== updateQueue)
-                ? (updateQueue = 0)
-                : ((updateQueue =
-                    "function" === typeof props.calculateChangedBits
-                      ? props.calculateChangedBits(oldValue, updateQueue)
-                      : 1073741823),
-                  (updateQueue |= 0),
-                  0 !== updateQueue &&
-                    propagateContextChange(
-                      workInProgress,
-                      props,
-                      updateQueue,
-                      renderExpirationTime
-                    ));
-            }
-            workInProgress.stateNode = updateQueue;
-            pushProvider(workInProgress);
-            null !== unmaskedContext && unmaskedContext.children === fn.children
-              ? (current = bailoutOnAlreadyFinishedWork(
-                  current,
-                  workInProgress
-                ))
-              : (reconcileChildren(current, workInProgress, fn.children),
-                (current = workInProgress.child));
-          } else
-            (workInProgress.stateNode = 0),
-              pushProvider(workInProgress),
-              (current = bailoutOnAlreadyFinishedWork(current, workInProgress));
-          return current;
-        case 12:
-          unmaskedContext = workInProgress.type;
-          fn = workInProgress.pendingProps;
-          props = unmaskedContext.currentValue;
-          updateQueue = unmaskedContext.changedBits;
-          0 !== updateQueue &&
-            propagateContextChange(
-              workInProgress,
-              unmaskedContext,
-              updateQueue,
-              renderExpirationTime
-            );
-          renderExpirationTime = fn.observedBits;
-          if (void 0 === renderExpirationTime || null === renderExpirationTime)
-            renderExpirationTime = 1073741823;
-          workInProgress.stateNode = renderExpirationTime;
-          renderExpirationTime = fn.children;
-          "function" !== typeof renderExpirationTime &&
-            invariant(
-              !1,
-              "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."
-            );
-          renderExpirationTime = renderExpirationTime(props);
-          reconcileChildren(current, workInProgress, renderExpirationTime);
-          return workInProgress.child;
-        default:
-          invariant(
-            !1,
-            "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
-          );
-      }
-    }
-  };
-}
-function ReactFiberCompleteWork(config, hostContext, hydrationContext) {
-  function markUpdate(workInProgress) {
-    workInProgress.effectTag |= 4;
-  }
-  var createInstance = config.createInstance,
-    createTextInstance = config.createTextInstance,
-    appendInitialChild = config.appendInitialChild,
-    finalizeInitialChildren = config.finalizeInitialChildren,
-    prepareUpdate = config.prepareUpdate,
-    persistence = config.persistence,
-    getRootHostContainer = hostContext.getRootHostContainer,
-    popHostContext = hostContext.popHostContext,
-    getHostContext = hostContext.getHostContext,
-    popHostContainer = hostContext.popHostContainer,
-    prepareToHydrateHostInstance =
-      hydrationContext.prepareToHydrateHostInstance,
-    prepareToHydrateHostTextInstance =
-      hydrationContext.prepareToHydrateHostTextInstance,
-    popHydrationState = hydrationContext.popHydrationState,
-    updateHostContainer = void 0,
-    updateHostComponent = void 0,
-    updateHostText = void 0;
-  config.mutation
-    ? ((updateHostContainer = function() {}),
-      (updateHostComponent = function(current, workInProgress, updatePayload) {
-        (workInProgress.updateQueue = updatePayload) &&
-          markUpdate(workInProgress);
-      }),
-      (updateHostText = function(current, workInProgress, oldText, newText) {
-        oldText !== newText && markUpdate(workInProgress);
-      }))
-    : persistence
-      ? invariant(!1, "Persistent reconciler is disabled.")
-      : invariant(!1, "Noop reconciler is disabled.");
-  return {
-    completeWork: function(current, workInProgress, renderExpirationTime) {
-      var newProps = workInProgress.pendingProps;
-      switch (workInProgress.tag) {
-        case 1:
-          return null;
-        case 2:
-          return (
-            popContextProvider(workInProgress),
-            (current = workInProgress.stateNode),
-            (newProps = workInProgress.updateQueue),
-            null !== newProps &&
-              null !== newProps.capturedValues &&
-              ((workInProgress.effectTag &= -65),
-              "function" === typeof current.componentDidCatch
-                ? (workInProgress.effectTag |= 256)
-                : (newProps.capturedValues = null)),
-            null
-          );
-        case 3:
-          popHostContainer(workInProgress);
-          pop(didPerformWorkStackCursor, workInProgress);
-          pop(contextStackCursor, workInProgress);
-          newProps = workInProgress.stateNode;
-          newProps.pendingContext &&
-            ((newProps.context = newProps.pendingContext),
-            (newProps.pendingContext = null));
-          if (null === current || null === current.child)
-            popHydrationState(workInProgress), (workInProgress.effectTag &= -3);
-          updateHostContainer(workInProgress);
-          current = workInProgress.updateQueue;
-          null !== current &&
-            null !== current.capturedValues &&
-            (workInProgress.effectTag |= 256);
-          return null;
-        case 5:
-          popHostContext(workInProgress);
-          renderExpirationTime = getRootHostContainer();
-          var type = workInProgress.type;
-          if (null !== current && null != workInProgress.stateNode) {
-            var oldProps = current.memoizedProps,
-              _instance = workInProgress.stateNode,
-              currentHostContext = getHostContext();
-            _instance = prepareUpdate(
-              _instance,
-              type,
-              oldProps,
-              newProps,
-              renderExpirationTime,
-              currentHostContext
-            );
-            updateHostComponent(
-              current,
-              workInProgress,
-              _instance,
-              type,
-              oldProps,
-              newProps,
-              renderExpirationTime,
-              currentHostContext
-            );
-            current.ref !== workInProgress.ref &&
-              (workInProgress.effectTag |= 128);
-          } else {
-            if (!newProps)
-              return (
-                invariant(
-                  null !== workInProgress.stateNode,
-                  "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
-                ),
-                null
-              );
-            current = getHostContext();
-            if (popHydrationState(workInProgress))
-              prepareToHydrateHostInstance(
-                workInProgress,
-                renderExpirationTime,
-                current
-              ) && markUpdate(workInProgress);
-            else {
-              oldProps = createInstance(
-                type,
-                newProps,
-                renderExpirationTime,
-                current,
-                workInProgress
-              );
-              a: for (
-                currentHostContext = workInProgress.child;
-                null !== currentHostContext;
-
-              ) {
-                if (
-                  5 === currentHostContext.tag ||
-                  6 === currentHostContext.tag
-                )
-                  appendInitialChild(oldProps, currentHostContext.stateNode);
-                else if (
-                  4 !== currentHostContext.tag &&
-                  null !== currentHostContext.child
-                ) {
-                  currentHostContext.child["return"] = currentHostContext;
-                  currentHostContext = currentHostContext.child;
-                  continue;
-                }
-                if (currentHostContext === workInProgress) break;
-                for (; null === currentHostContext.sibling; ) {
-                  if (
-                    null === currentHostContext["return"] ||
-                    currentHostContext["return"] === workInProgress
-                  )
-                    break a;
-                  currentHostContext = currentHostContext["return"];
-                }
-                currentHostContext.sibling["return"] =
-                  currentHostContext["return"];
-                currentHostContext = currentHostContext.sibling;
-              }
-              finalizeInitialChildren(
-                oldProps,
-                type,
-                newProps,
-                renderExpirationTime,
-                current
-              ) && markUpdate(workInProgress);
-              workInProgress.stateNode = oldProps;
-            }
-            null !== workInProgress.ref && (workInProgress.effectTag |= 128);
-          }
-          return null;
-        case 6:
-          if (current && null != workInProgress.stateNode)
-            updateHostText(
-              current,
-              workInProgress,
-              current.memoizedProps,
-              newProps
-            );
-          else {
-            if ("string" !== typeof newProps)
-              return (
-                invariant(
-                  null !== workInProgress.stateNode,
-                  "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
-                ),
-                null
-              );
-            current = getRootHostContainer();
-            renderExpirationTime = getHostContext();
-            popHydrationState(workInProgress)
-              ? prepareToHydrateHostTextInstance(workInProgress) &&
-                markUpdate(workInProgress)
-              : (workInProgress.stateNode = createTextInstance(
-                  newProps,
-                  current,
-                  renderExpirationTime,
-                  workInProgress
-                ));
-          }
-          return null;
-        case 7:
-          newProps = workInProgress.memoizedProps;
-          invariant(
-            newProps,
-            "Should be resolved by now. This error is likely caused by a bug in React. Please file an issue."
-          );
-          workInProgress.tag = 8;
-          type = [];
-          a: for (
-            (oldProps = workInProgress.stateNode) &&
-            (oldProps["return"] = workInProgress);
-            null !== oldProps;
-
-          ) {
-            if (5 === oldProps.tag || 6 === oldProps.tag || 4 === oldProps.tag)
-              invariant(!1, "A call cannot have host component children.");
-            else if (9 === oldProps.tag) type.push(oldProps.pendingProps.value);
-            else if (null !== oldProps.child) {
-              oldProps.child["return"] = oldProps;
-              oldProps = oldProps.child;
-              continue;
-            }
-            for (; null === oldProps.sibling; ) {
-              if (
-                null === oldProps["return"] ||
-                oldProps["return"] === workInProgress
-              )
-                break a;
-              oldProps = oldProps["return"];
-            }
-            oldProps.sibling["return"] = oldProps["return"];
-            oldProps = oldProps.sibling;
-          }
-          oldProps = newProps.handler;
-          newProps = oldProps(newProps.props, type);
-          workInProgress.child = reconcileChildFibers(
-            workInProgress,
-            null !== current ? current.child : null,
-            newProps,
-            renderExpirationTime
-          );
-          return workInProgress.child;
-        case 8:
-          return (workInProgress.tag = 7), null;
-        case 9:
-          return null;
-        case 10:
-          return null;
-        case 11:
-          return null;
-        case 4:
-          return (
-            popHostContainer(workInProgress),
-            updateHostContainer(workInProgress),
-            null
-          );
-        case 13:
-          return popProvider(workInProgress), null;
-        case 12:
-          return null;
-        case 0:
-          invariant(
-            !1,
-            "An indeterminate component should have become determinate before completing. This error is likely caused by a bug in React. Please file an issue."
-          );
-        default:
-          invariant(
-            !1,
-            "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
-          );
-      }
-    }
-  };
-}
-function ReactFiberUnwindWork(
-  hostContext,
-  scheduleWork,
-  isAlreadyFailedLegacyErrorBoundary
-) {
-  var popHostContainer = hostContext.popHostContainer,
-    popHostContext = hostContext.popHostContext;
-  return {
-    throwException: function(returnFiber, sourceFiber, rawValue) {
-      sourceFiber.effectTag |= 512;
-      sourceFiber.firstEffect = sourceFiber.lastEffect = null;
-      sourceFiber = {
-        value: rawValue,
-        source: sourceFiber,
-        stack: getStackAddendumByWorkInProgressFiber(sourceFiber)
-      };
-      do {
-        switch (returnFiber.tag) {
-          case 3:
-            ensureUpdateQueues(returnFiber);
-            returnFiber.updateQueue.capturedValues = [sourceFiber];
-            returnFiber.effectTag |= 1024;
-            return;
-          case 2:
-            rawValue = returnFiber.type;
-            var _instance = returnFiber.stateNode;
-            if (
-              0 === (returnFiber.effectTag & 64) &&
-              (("function" === typeof rawValue.getDerivedStateFromCatch &&
-                enableGetDerivedStateFromCatch) ||
-                (null !== _instance &&
-                  "function" === typeof _instance.componentDidCatch &&
-                  !isAlreadyFailedLegacyErrorBoundary(_instance)))
-            ) {
-              ensureUpdateQueues(returnFiber);
-              rawValue = returnFiber.updateQueue;
-              _instance = rawValue.capturedValues;
-              null === _instance
-                ? (rawValue.capturedValues = [sourceFiber])
-                : _instance.push(sourceFiber);
-              returnFiber.effectTag |= 1024;
-              return;
-            }
-        }
-        returnFiber = returnFiber["return"];
-      } while (null !== returnFiber);
-    },
-    unwindWork: function(workInProgress) {
-      switch (workInProgress.tag) {
-        case 2:
-          popContextProvider(workInProgress);
-          var effectTag = workInProgress.effectTag;
-          return effectTag & 1024
-            ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
-              workInProgress)
-            : null;
-        case 3:
-          return (
-            popHostContainer(workInProgress),
-            pop(didPerformWorkStackCursor, workInProgress),
-            pop(contextStackCursor, workInProgress),
-            (effectTag = workInProgress.effectTag),
-            effectTag & 1024
-              ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
-                workInProgress)
-              : null
-          );
-        case 5:
-          return popHostContext(workInProgress), null;
-        case 4:
-          return popHostContainer(workInProgress), null;
-        case 13:
-          return popProvider(workInProgress), null;
-        default:
-          return null;
-      }
-    }
-  };
-}
-function logError(boundary, errorInfo) {
-  var source = errorInfo.source,
-    stack = errorInfo.stack;
-  null === stack && (stack = getStackAddendumByWorkInProgressFiber(source));
-  null !== source && getComponentName(source);
-  errorInfo = errorInfo.value;
-  stack = null !== stack ? stack : "";
-  null !== boundary && getComponentName(boundary);
-  try {
-    if (errorInfo instanceof Error) {
-      var message = errorInfo.message,
-        name = errorInfo.name;
-      var errorToHandle = errorInfo;
-      try {
-        errorToHandle.message =
-          (message ? name + ": " + message : name) +
-          "\n\nThis error is located at:" +
-          stack;
-      } catch (e) {}
-    } else
-      errorToHandle =
-        "string" === typeof errorInfo
-          ? Error(errorInfo + "\n\nThis error is located at:" + stack)
-          : Error("Unspecified error at:" + stack);
-    ExceptionsManager.handleException(errorToHandle, !1);
-  } catch (e) {
-    (e && e.suppressReactErrorLogging) || console.error(e);
-  }
-}
-function ReactFiberCommitWork(
-  config,
-  captureError,
-  scheduleWork,
-  computeExpirationForFiber,
-  markLegacyErrorBoundaryAsFailed
-) {
-  function safelyDetachRef(current) {
-    var ref = current.ref;
-    if (null !== ref)
-      if ("function" === typeof ref)
-        try {
-          ref(null);
-        } catch (refError) {
-          captureError(current, refError);
-        }
-      else ref.value = null;
-  }
-  function commitUnmount(current) {
-    "function" === typeof onCommitUnmount && onCommitUnmount(current);
-    switch (current.tag) {
-      case 2:
-        safelyDetachRef(current);
-        var _instance6 = current.stateNode;
-        if ("function" === typeof _instance6.componentWillUnmount)
-          try {
-            (_instance6.props = current.memoizedProps),
-              (_instance6.state = current.memoizedState),
-              _instance6.componentWillUnmount();
-          } catch (unmountError) {
-            captureError(current, unmountError);
-          }
-        break;
-      case 5:
-        safelyDetachRef(current);
-        break;
-      case 7:
-        commitNestedUnmounts(current.stateNode);
-        break;
-      case 4:
-        mutation && unmountHostComponents(current);
-    }
-  }
-  function commitNestedUnmounts(root) {
-    for (var node = root; ; )
-      if (
-        (commitUnmount(node),
-        null === node.child || (mutation && 4 === node.tag))
-      ) {
-        if (node === root) break;
-        for (; null === node.sibling; ) {
-          if (null === node["return"] || node["return"] === root) return;
-          node = node["return"];
-        }
-        node.sibling["return"] = node["return"];
-        node = node.sibling;
-      } else (node.child["return"] = node), (node = node.child);
-  }
-  function isHostParent(fiber) {
-    return 5 === fiber.tag || 3 === fiber.tag || 4 === fiber.tag;
-  }
-  function unmountHostComponents(current) {
-    for (
-      var node = current,
-        currentParentIsValid = !1,
-        currentParent = void 0,
-        currentParentIsContainer = void 0;
-      ;
-
-    ) {
-      if (!currentParentIsValid) {
-        currentParentIsValid = node["return"];
-        a: for (;;) {
-          invariant(
-            null !== currentParentIsValid,
-            "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
-          );
-          switch (currentParentIsValid.tag) {
-            case 5:
-              currentParent = currentParentIsValid.stateNode;
-              currentParentIsContainer = !1;
-              break a;
-            case 3:
-              currentParent = currentParentIsValid.stateNode.containerInfo;
-              currentParentIsContainer = !0;
-              break a;
-            case 4:
-              currentParent = currentParentIsValid.stateNode.containerInfo;
-              currentParentIsContainer = !0;
-              break a;
-          }
-          currentParentIsValid = currentParentIsValid["return"];
-        }
-        currentParentIsValid = !0;
-      }
-      if (5 === node.tag || 6 === node.tag)
-        commitNestedUnmounts(node),
-          currentParentIsContainer
-            ? removeChildFromContainer(currentParent, node.stateNode)
-            : removeChild(currentParent, node.stateNode);
-      else if (
-        (4 === node.tag
-          ? (currentParent = node.stateNode.containerInfo)
-          : commitUnmount(node),
-        null !== node.child)
-      ) {
-        node.child["return"] = node;
-        node = node.child;
-        continue;
-      }
-      if (node === current) break;
-      for (; null === node.sibling; ) {
-        if (null === node["return"] || node["return"] === current) return;
-        node = node["return"];
-        4 === node.tag && (currentParentIsValid = !1);
-      }
-      node.sibling["return"] = node["return"];
-      node = node.sibling;
-    }
-  }
-  var getPublicInstance = config.getPublicInstance,
-    mutation = config.mutation;
-  config = config.persistence;
-  mutation ||
-    (config
-      ? invariant(!1, "Persistent reconciler is disabled.")
-      : invariant(!1, "Noop reconciler is disabled."));
-  var commitMount = mutation.commitMount,
-    commitUpdate = mutation.commitUpdate,
-    resetTextContent = mutation.resetTextContent,
-    commitTextUpdate = mutation.commitTextUpdate,
-    appendChild = mutation.appendChild,
-    appendChildToContainer = mutation.appendChildToContainer,
-    insertBefore = mutation.insertBefore,
-    insertInContainerBefore = mutation.insertInContainerBefore,
-    removeChild = mutation.removeChild,
-    removeChildFromContainer = mutation.removeChildFromContainer;
-  return {
-    commitResetTextContent: function(current) {
-      resetTextContent(current.stateNode);
-    },
-    commitPlacement: function(finishedWork) {
-      a: {
-        for (var parent = finishedWork["return"]; null !== parent; ) {
-          if (isHostParent(parent)) {
-            var parentFiber = parent;
-            break a;
-          }
-          parent = parent["return"];
-        }
-        invariant(
-          !1,
-          "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
-        );
-        parentFiber = void 0;
-      }
-      var isContainer = (parent = void 0);
-      switch (parentFiber.tag) {
-        case 5:
-          parent = parentFiber.stateNode;
-          isContainer = !1;
-          break;
-        case 3:
-          parent = parentFiber.stateNode.containerInfo;
-          isContainer = !0;
-          break;
-        case 4:
-          parent = parentFiber.stateNode.containerInfo;
-          isContainer = !0;
-          break;
-        default:
-          invariant(
-            !1,
-            "Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue."
-          );
-      }
-      parentFiber.effectTag & 16 &&
-        (resetTextContent(parent), (parentFiber.effectTag &= -17));
-      a: b: for (parentFiber = finishedWork; ; ) {
-        for (; null === parentFiber.sibling; ) {
-          if (
-            null === parentFiber["return"] ||
-            isHostParent(parentFiber["return"])
-          ) {
-            parentFiber = null;
-            break a;
-          }
-          parentFiber = parentFiber["return"];
-        }
-        parentFiber.sibling["return"] = parentFiber["return"];
-        for (
-          parentFiber = parentFiber.sibling;
-          5 !== parentFiber.tag && 6 !== parentFiber.tag;
-
-        ) {
-          if (parentFiber.effectTag & 2) continue b;
-          if (null === parentFiber.child || 4 === parentFiber.tag) continue b;
-          else
-            (parentFiber.child["return"] = parentFiber),
-              (parentFiber = parentFiber.child);
-        }
-        if (!(parentFiber.effectTag & 2)) {
-          parentFiber = parentFiber.stateNode;
-          break a;
-        }
-      }
-      for (var node = finishedWork; ; ) {
-        if (5 === node.tag || 6 === node.tag)
-          parentFiber
-            ? isContainer
-              ? insertInContainerBefore(parent, node.stateNode, parentFiber)
-              : insertBefore(parent, node.stateNode, parentFiber)
-            : isContainer
-              ? appendChildToContainer(parent, node.stateNode)
-              : appendChild(parent, node.stateNode);
-        else if (4 !== node.tag && null !== node.child) {
-          node.child["return"] = node;
-          node = node.child;
-          continue;
-        }
-        if (node === finishedWork) break;
-        for (; null === node.sibling; ) {
-          if (null === node["return"] || node["return"] === finishedWork)
-            return;
-          node = node["return"];
-        }
-        node.sibling["return"] = node["return"];
-        node = node.sibling;
-      }
-    },
-    commitDeletion: function(current) {
-      unmountHostComponents(current);
-      current["return"] = null;
-      current.child = null;
-      current.alternate &&
-        ((current.alternate.child = null),
-        (current.alternate["return"] = null));
-    },
-    commitWork: function(current, finishedWork) {
-      switch (finishedWork.tag) {
-        case 2:
-          break;
-        case 5:
-          var _instance7 = finishedWork.stateNode;
-          if (null != _instance7) {
-            var newProps = finishedWork.memoizedProps;
-            current = null !== current ? current.memoizedProps : newProps;
-            var type = finishedWork.type,
-              updatePayload = finishedWork.updateQueue;
-            finishedWork.updateQueue = null;
-            null !== updatePayload &&
-              commitUpdate(
-                _instance7,
-                updatePayload,
-                type,
-                current,
-                newProps,
-                finishedWork
-              );
-          }
-          break;
-        case 6:
-          invariant(
-            null !== finishedWork.stateNode,
-            "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
-          );
-          _instance7 = finishedWork.memoizedProps;
-          commitTextUpdate(
-            finishedWork.stateNode,
-            null !== current ? current.memoizedProps : _instance7,
-            _instance7
-          );
-          break;
-        case 3:
-          break;
-        default:
-          invariant(
-            !1,
-            "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-          );
-      }
-    },
-    commitLifeCycles: function(finishedRoot, current, finishedWork) {
-      switch (finishedWork.tag) {
-        case 2:
-          finishedRoot = finishedWork.stateNode;
-          if (finishedWork.effectTag & 4)
-            if (null === current)
-              (finishedRoot.props = finishedWork.memoizedProps),
-                (finishedRoot.state = finishedWork.memoizedState),
-                finishedRoot.componentDidMount();
-            else {
-              var prevProps = current.memoizedProps;
-              current = current.memoizedState;
-              finishedRoot.props = finishedWork.memoizedProps;
-              finishedRoot.state = finishedWork.memoizedState;
-              finishedRoot.componentDidUpdate(prevProps, current);
-            }
-          finishedWork = finishedWork.updateQueue;
-          null !== finishedWork && commitCallbacks(finishedWork, finishedRoot);
-          break;
-        case 3:
-          current = finishedWork.updateQueue;
-          if (null !== current) {
-            finishedRoot = null;
-            if (null !== finishedWork.child)
-              switch (finishedWork.child.tag) {
-                case 5:
-                  finishedRoot = getPublicInstance(
-                    finishedWork.child.stateNode
-                  );
-                  break;
-                case 2:
-                  finishedRoot = finishedWork.child.stateNode;
-              }
-            commitCallbacks(current, finishedRoot);
-          }
-          break;
-        case 5:
-          finishedRoot = finishedWork.stateNode;
-          null === current &&
-            finishedWork.effectTag & 4 &&
-            commitMount(
-              finishedRoot,
-              finishedWork.type,
-              finishedWork.memoizedProps,
-              finishedWork
-            );
-          break;
-        case 6:
-          break;
-        case 4:
-          break;
-        default:
-          invariant(
-            !1,
-            "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-          );
-      }
-    },
-    commitErrorLogging: function(finishedWork, onUncaughtError) {
-      switch (finishedWork.tag) {
-        case 2:
-          var ctor = finishedWork.type;
-          onUncaughtError = finishedWork.stateNode;
-          var updateQueue = finishedWork.updateQueue;
-          invariant(
-            null !== updateQueue && null !== updateQueue.capturedValues,
-            "An error logging effect should not have been scheduled if no errors were captured. This error is likely caused by a bug in React. Please file an issue."
-          );
-          var capturedErrors = updateQueue.capturedValues;
-          updateQueue.capturedValues = null;
-          "function" !== typeof ctor.getDerivedStateFromCatch &&
-            markLegacyErrorBoundaryAsFailed(onUncaughtError);
-          onUncaughtError.props = finishedWork.memoizedProps;
-          onUncaughtError.state = finishedWork.memoizedState;
-          for (ctor = 0; ctor < capturedErrors.length; ctor++) {
-            updateQueue = capturedErrors[ctor];
-            var _error = updateQueue.value;
-            logError(finishedWork, updateQueue);
-            onUncaughtError.componentDidCatch(_error);
-          }
-          break;
-        case 3:
-          ctor = finishedWork.updateQueue;
-          invariant(
-            null !== ctor && null !== ctor.capturedValues,
-            "An error logging effect should not have been scheduled if no errors were captured. This error is likely caused by a bug in React. Please file an issue."
-          );
-          capturedErrors = ctor.capturedValues;
-          ctor.capturedValues = null;
-          for (ctor = 0; ctor < capturedErrors.length; ctor++)
-            (updateQueue = capturedErrors[ctor]),
-              logError(finishedWork, updateQueue),
-              onUncaughtError(updateQueue.value);
-          break;
-        default:
-          invariant(
-            !1,
-            "This unit of work tag cannot capture errors.  This error is likely caused by a bug in React. Please file an issue."
-          );
-      }
-    },
-    commitAttachRef: function(finishedWork) {
-      var ref = finishedWork.ref;
-      if (null !== ref) {
-        var _instance5 = finishedWork.stateNode;
-        switch (finishedWork.tag) {
-          case 5:
-            finishedWork = getPublicInstance(_instance5);
-            break;
-          default:
-            finishedWork = _instance5;
-        }
-        "function" === typeof ref
-          ? ref(finishedWork)
-          : (ref.value = finishedWork);
-      }
-    },
-    commitDetachRef: function(current) {
-      current = current.ref;
-      null !== current &&
-        ("function" === typeof current
-          ? current(null)
-          : (current.value = null));
-    }
-  };
-}
-var NO_CONTEXT = {};
-function ReactFiberHostContext(config) {
-  function requiredContext(c) {
-    invariant(
-      c !== NO_CONTEXT,
-      "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
-    );
-    return c;
-  }
-  var getChildHostContext = config.getChildHostContext,
-    getRootHostContext = config.getRootHostContext,
-    contextStackCursor = { current: NO_CONTEXT },
-    contextFiberStackCursor = { current: NO_CONTEXT },
-    rootInstanceStackCursor = { current: NO_CONTEXT };
-  return {
-    getHostContext: function() {
-      return requiredContext(contextStackCursor.current);
-    },
-    getRootHostContainer: function() {
-      return requiredContext(rootInstanceStackCursor.current);
-    },
-    popHostContainer: function(fiber) {
-      pop(contextStackCursor, fiber);
-      pop(contextFiberStackCursor, fiber);
-      pop(rootInstanceStackCursor, fiber);
-    },
-    popHostContext: function(fiber) {
-      contextFiberStackCursor.current === fiber &&
-        (pop(contextStackCursor, fiber), pop(contextFiberStackCursor, fiber));
-    },
-    pushHostContainer: function(fiber, nextRootInstance) {
-      push(rootInstanceStackCursor, nextRootInstance, fiber);
-      nextRootInstance = getRootHostContext(nextRootInstance);
-      push(contextFiberStackCursor, fiber, fiber);
-      push(contextStackCursor, nextRootInstance, fiber);
-    },
-    pushHostContext: function(fiber) {
-      var rootInstance = requiredContext(rootInstanceStackCursor.current),
-        context = requiredContext(contextStackCursor.current);
-      rootInstance = getChildHostContext(context, fiber.type, rootInstance);
-      context !== rootInstance &&
-        (push(contextFiberStackCursor, fiber, fiber),
-        push(contextStackCursor, rootInstance, fiber));
-    },
-    resetHostContainer: function() {
-      contextStackCursor.current = NO_CONTEXT;
-      rootInstanceStackCursor.current = NO_CONTEXT;
-    }
-  };
-}
-function ReactFiberHydrationContext(config) {
-  function deleteHydratableInstance(returnFiber, instance) {
-    var fiber = new FiberNode(5, null, null, 0);
-    fiber.type = "DELETED";
-    fiber.stateNode = instance;
-    fiber["return"] = returnFiber;
-    fiber.effectTag = 8;
-    null !== returnFiber.lastEffect
-      ? ((returnFiber.lastEffect.nextEffect = fiber),
-        (returnFiber.lastEffect = fiber))
-      : (returnFiber.firstEffect = returnFiber.lastEffect = fiber);
-  }
-  function tryHydrate(fiber, nextInstance) {
-    switch (fiber.tag) {
-      case 5:
-        return (
-          (nextInstance = canHydrateInstance(
-            nextInstance,
-            fiber.type,
-            fiber.pendingProps
-          )),
-          null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
-        );
-      case 6:
-        return (
-          (nextInstance = canHydrateTextInstance(
-            nextInstance,
-            fiber.pendingProps
-          )),
-          null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
-        );
-      default:
-        return !1;
-    }
-  }
-  function popToNextHostParent(fiber) {
-    for (
-      fiber = fiber["return"];
-      null !== fiber && 5 !== fiber.tag && 3 !== fiber.tag;
-
-    )
-      fiber = fiber["return"];
-    hydrationParentFiber = fiber;
-  }
-  var shouldSetTextContent = config.shouldSetTextContent;
-  config = config.hydration;
-  if (!config)
-    return {
-      enterHydrationState: function() {
-        return !1;
-      },
-      resetHydrationState: function() {},
-      tryToClaimNextHydratableInstance: function() {},
-      prepareToHydrateHostInstance: function() {
-        invariant(
-          !1,
-          "Expected prepareToHydrateHostInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
-        );
-      },
-      prepareToHydrateHostTextInstance: function() {
-        invariant(
-          !1,
-          "Expected prepareToHydrateHostTextInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
-        );
-      },
-      popHydrationState: function() {
-        return !1;
-      }
-    };
-  var canHydrateInstance = config.canHydrateInstance,
-    canHydrateTextInstance = config.canHydrateTextInstance,
-    getNextHydratableSibling = config.getNextHydratableSibling,
-    getFirstHydratableChild = config.getFirstHydratableChild,
-    hydrateInstance = config.hydrateInstance,
-    hydrateTextInstance = config.hydrateTextInstance,
-    hydrationParentFiber = null,
-    nextHydratableInstance = null,
-    isHydrating = !1;
-  return {
-    enterHydrationState: function(fiber) {
-      nextHydratableInstance = getFirstHydratableChild(
-        fiber.stateNode.containerInfo
-      );
-      hydrationParentFiber = fiber;
-      return (isHydrating = !0);
-    },
-    resetHydrationState: function() {
-      nextHydratableInstance = hydrationParentFiber = null;
-      isHydrating = !1;
-    },
-    tryToClaimNextHydratableInstance: function(fiber) {
-      if (isHydrating) {
-        var nextInstance = nextHydratableInstance;
-        if (nextInstance) {
-          if (!tryHydrate(fiber, nextInstance)) {
-            nextInstance = getNextHydratableSibling(nextInstance);
-            if (!nextInstance || !tryHydrate(fiber, nextInstance)) {
-              fiber.effectTag |= 2;
-              isHydrating = !1;
-              hydrationParentFiber = fiber;
-              return;
-            }
-            deleteHydratableInstance(
-              hydrationParentFiber,
-              nextHydratableInstance
-            );
-          }
-          hydrationParentFiber = fiber;
-          nextHydratableInstance = getFirstHydratableChild(nextInstance);
-        } else
-          (fiber.effectTag |= 2),
-            (isHydrating = !1),
-            (hydrationParentFiber = fiber);
-      }
-    },
-    prepareToHydrateHostInstance: function(
-      fiber,
-      rootContainerInstance,
-      hostContext
-    ) {
-      rootContainerInstance = hydrateInstance(
-        fiber.stateNode,
-        fiber.type,
-        fiber.memoizedProps,
-        rootContainerInstance,
-        hostContext,
-        fiber
-      );
-      fiber.updateQueue = rootContainerInstance;
-      return null !== rootContainerInstance ? !0 : !1;
-    },
-    prepareToHydrateHostTextInstance: function(fiber) {
-      return hydrateTextInstance(fiber.stateNode, fiber.memoizedProps, fiber);
-    },
-    popHydrationState: function(fiber) {
-      if (fiber !== hydrationParentFiber) return !1;
-      if (!isHydrating)
-        return popToNextHostParent(fiber), (isHydrating = !0), !1;
-      var type = fiber.type;
-      if (
-        5 !== fiber.tag ||
-        ("head" !== type &&
-          "body" !== type &&
-          !shouldSetTextContent(type, fiber.memoizedProps))
-      )
-        for (type = nextHydratableInstance; type; )
-          deleteHydratableInstance(fiber, type),
-            (type = getNextHydratableSibling(type));
-      popToNextHostParent(fiber);
-      nextHydratableInstance = hydrationParentFiber
-        ? getNextHydratableSibling(fiber.stateNode)
-        : null;
-      return !0;
-    }
-  };
-}
-function ReactFiberScheduler(config) {
-  function resetContextStack() {
-    for (; -1 < index; ) (valueStack[index] = null), index--;
-    previousContext = emptyObject;
-    contextStackCursor.current = emptyObject;
-    didPerformWorkStackCursor.current = !1;
-    resetHostContainer();
-    for (var i = index$1; -1 < i; i--) {
-      var context = stack[i].type.context;
-      context.currentValue = context.defaultValue;
-      context.changedBits = 0;
-      changedBitsStack[i] = null;
-      currentValueStack[i] = null;
-      stack[i] = null;
-    }
-    index$1 = -1;
-    nextRoot = null;
-    nextRenderExpirationTime = 0;
-    nextUnitOfWork = null;
-    isRootReadyForCommit = !1;
-  }
-  function isAlreadyFailedLegacyErrorBoundary(instance) {
-    return (
-      null !== legacyErrorBoundariesThatAlreadyFailed &&
-      legacyErrorBoundariesThatAlreadyFailed.has(instance)
-    );
-  }
-  function completeUnitOfWork(workInProgress$jscomp$0) {
-    for (;;) {
-      var current = workInProgress$jscomp$0.alternate,
-        returnFiber = workInProgress$jscomp$0["return"],
-        siblingFiber = workInProgress$jscomp$0.sibling;
-      if (0 === (workInProgress$jscomp$0.effectTag & 512)) {
-        current = completeWork(
-          current,
-          workInProgress$jscomp$0,
-          nextRenderExpirationTime
-        );
-        var workInProgress = workInProgress$jscomp$0;
-        if (
-          1073741823 === nextRenderExpirationTime ||
-          1073741823 !== workInProgress.expirationTime
-        ) {
-          b: switch (workInProgress.tag) {
-            case 3:
-            case 2:
-              var newExpirationTime = workInProgress.updateQueue;
-              newExpirationTime =
-                null === newExpirationTime
-                  ? 0
-                  : newExpirationTime.expirationTime;
-              break b;
-            default:
-              newExpirationTime = 0;
-          }
-          for (var child = workInProgress.child; null !== child; )
-            0 !== child.expirationTime &&
-              (0 === newExpirationTime ||
-                newExpirationTime > child.expirationTime) &&
-              (newExpirationTime = child.expirationTime),
-              (child = child.sibling);
-          workInProgress.expirationTime = newExpirationTime;
-        }
-        if (null !== current) return current;
-        null !== returnFiber &&
-          0 === (returnFiber.effectTag & 512) &&
-          (null === returnFiber.firstEffect &&
-            (returnFiber.firstEffect = workInProgress$jscomp$0.firstEffect),
-          null !== workInProgress$jscomp$0.lastEffect &&
-            (null !== returnFiber.lastEffect &&
-              (returnFiber.lastEffect.nextEffect =
-                workInProgress$jscomp$0.firstEffect),
-            (returnFiber.lastEffect = workInProgress$jscomp$0.lastEffect)),
-          1 < workInProgress$jscomp$0.effectTag &&
-            (null !== returnFiber.lastEffect
-              ? (returnFiber.lastEffect.nextEffect = workInProgress$jscomp$0)
-              : (returnFiber.firstEffect = workInProgress$jscomp$0),
-            (returnFiber.lastEffect = workInProgress$jscomp$0)));
-        if (null !== siblingFiber) return siblingFiber;
-        if (null !== returnFiber) workInProgress$jscomp$0 = returnFiber;
-        else {
-          isRootReadyForCommit = !0;
-          break;
-        }
-      } else {
-        workInProgress$jscomp$0 = unwindWork(workInProgress$jscomp$0);
-        if (null !== workInProgress$jscomp$0)
-          return (
-            (workInProgress$jscomp$0.effectTag &= 511), workInProgress$jscomp$0
-          );
-        null !== returnFiber &&
-          ((returnFiber.firstEffect = returnFiber.lastEffect = null),
-          (returnFiber.effectTag |= 512));
-        if (null !== siblingFiber) return siblingFiber;
-        if (null !== returnFiber) workInProgress$jscomp$0 = returnFiber;
-        else break;
-      }
-    }
-    return null;
-  }
-  function performUnitOfWork(workInProgress) {
-    var next = beginWork(
-      workInProgress.alternate,
-      workInProgress,
-      nextRenderExpirationTime
-    );
-    null === next && (next = completeUnitOfWork(workInProgress));
-    ReactCurrentOwner.current = null;
-    return next;
-  }
-  function renderRoot(root, expirationTime, isAsync) {
-    invariant(
-      !isWorking,
-      "renderRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
-    );
-    isWorking = !0;
-    if (
-      expirationTime !== nextRenderExpirationTime ||
-      root !== nextRoot ||
-      null === nextUnitOfWork
-    )
-      resetContextStack(),
-        (nextRoot = root),
-        (nextRenderExpirationTime = expirationTime),
-        (nextUnitOfWork = createWorkInProgress(
-          nextRoot.current,
-          null,
-          nextRenderExpirationTime
-        )),
-        (root.pendingCommitExpirationTime = 0);
-    var didFatal = !1;
-    do {
-      try {
-        if (isAsync)
-          for (; null !== nextUnitOfWork && !shouldYield(); )
-            nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
-        else
-          for (; null !== nextUnitOfWork; )
-            nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
-      } catch (thrownValue) {
-        if (null === nextUnitOfWork) {
-          didFatal = !0;
-          onUncaughtError(thrownValue);
-          break;
-        }
-        isAsync = nextUnitOfWork;
-        var returnFiber = isAsync["return"];
-        if (null === returnFiber) {
-          didFatal = !0;
-          onUncaughtError(thrownValue);
-          break;
-        }
-        throwException(returnFiber, isAsync, thrownValue);
-        nextUnitOfWork = completeUnitOfWork(isAsync);
-      }
-      break;
-    } while (1);
-    isWorking = !1;
-    if (didFatal || null !== nextUnitOfWork) return null;
-    if (isRootReadyForCommit)
-      return (
-        (root.pendingCommitExpirationTime = expirationTime),
-        root.current.alternate
-      );
-    invariant(
-      !1,
-      "Expired work should have completed. This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-  function scheduleCapture(sourceFiber, boundaryFiber, value, expirationTime) {
-    sourceFiber = {
-      value: value,
-      source: sourceFiber,
-      stack: getStackAddendumByWorkInProgressFiber(sourceFiber)
-    };
-    insertUpdateIntoFiber(boundaryFiber, {
-      expirationTime: expirationTime,
-      partialState: null,
-      callback: null,
-      isReplace: !1,
-      isForced: !1,
-      capturedValue: sourceFiber,
-      next: null
-    });
-    scheduleWork(boundaryFiber, expirationTime);
-  }
-  function onCommitPhaseError(fiber$jscomp$0, error) {
-    a: {
-      invariant(
-        !isWorking || isCommitting,
-        "dispatch: Cannot dispatch during the render phase."
-      );
-      for (var fiber = fiber$jscomp$0["return"]; null !== fiber; ) {
-        switch (fiber.tag) {
-          case 2:
-            var instance = fiber.stateNode;
-            if (
-              "function" === typeof fiber.type.getDerivedStateFromCatch ||
-              ("function" === typeof instance.componentDidCatch &&
-                !isAlreadyFailedLegacyErrorBoundary(instance))
-            ) {
-              scheduleCapture(fiber$jscomp$0, fiber, error, 1);
-              fiber$jscomp$0 = void 0;
-              break a;
-            }
-            break;
-          case 3:
-            scheduleCapture(fiber$jscomp$0, fiber, error, 1);
-            fiber$jscomp$0 = void 0;
-            break a;
-        }
-        fiber = fiber["return"];
-      }
-      3 === fiber$jscomp$0.tag &&
-        scheduleCapture(fiber$jscomp$0, fiber$jscomp$0, error, 1);
-      fiber$jscomp$0 = void 0;
-    }
-    return fiber$jscomp$0;
-  }
-  function computeExpirationForFiber(fiber) {
-    fiber =
-      0 !== expirationContext
-        ? expirationContext
-        : isWorking
-          ? isCommitting ? 1 : nextRenderExpirationTime
-          : fiber.mode & 1
-            ? isBatchingInteractiveUpdates
-              ? 10 * ((((recalculateCurrentTime() + 50) / 10) | 0) + 1)
-              : 25 * ((((recalculateCurrentTime() + 500) / 25) | 0) + 1)
-            : 1;
-    isBatchingInteractiveUpdates &&
-      (0 === lowestPendingInteractiveExpirationTime ||
-        fiber > lowestPendingInteractiveExpirationTime) &&
-      (lowestPendingInteractiveExpirationTime = fiber);
-    return fiber;
-  }
-  function scheduleWork(fiber, expirationTime) {
-    a: {
-      for (; null !== fiber; ) {
-        if (0 === fiber.expirationTime || fiber.expirationTime > expirationTime)
-          fiber.expirationTime = expirationTime;
-        null !== fiber.alternate &&
-          (0 === fiber.alternate.expirationTime ||
-            fiber.alternate.expirationTime > expirationTime) &&
-          (fiber.alternate.expirationTime = expirationTime);
-        if (null === fiber["return"])
-          if (3 === fiber.tag) {
-            var root = fiber.stateNode;
-            !isWorking &&
-              0 !== nextRenderExpirationTime &&
-              expirationTime < nextRenderExpirationTime &&
-              resetContextStack();
-            (nextRoot === root && isWorking) ||
-              requestWork(root, expirationTime);
-            nestedUpdateCount > NESTED_UPDATE_LIMIT &&
-              invariant(
-                !1,
-                "Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops."
-              );
-          } else {
-            expirationTime = void 0;
-            break a;
-          }
-        fiber = fiber["return"];
-      }
-      expirationTime = void 0;
-    }
-    return expirationTime;
-  }
-  function recalculateCurrentTime() {
-    mostRecentCurrentTimeMs = now() - originalStartTimeMs;
-    return (mostRecentCurrentTime = ((mostRecentCurrentTimeMs / 10) | 0) + 2);
-  }
-  function syncUpdates(fn, a, b, c, d) {
-    var previousExpirationContext = expirationContext;
-    expirationContext = 1;
-    try {
-      return fn(a, b, c, d);
-    } finally {
-      expirationContext = previousExpirationContext;
-    }
-  }
-  function scheduleCallbackWithExpiration(expirationTime) {
-    if (0 !== callbackExpirationTime) {
-      if (expirationTime > callbackExpirationTime) return;
-      cancelDeferredCallback(callbackID);
-    }
-    var currentMs = now() - originalStartTimeMs;
-    callbackExpirationTime = expirationTime;
-    callbackID = scheduleDeferredCallback(performAsyncWork, {
-      timeout: 10 * (expirationTime - 2) - currentMs
-    });
-  }
-  function requestWork(root, expirationTime) {
-    if (null === root.nextScheduledRoot)
-      (root.remainingExpirationTime = expirationTime),
-        null === lastScheduledRoot
-          ? ((firstScheduledRoot = lastScheduledRoot = root),
-            (root.nextScheduledRoot = root))
-          : ((lastScheduledRoot = lastScheduledRoot.nextScheduledRoot = root),
-            (lastScheduledRoot.nextScheduledRoot = firstScheduledRoot));
-    else {
-      var remainingExpirationTime = root.remainingExpirationTime;
-      if (
-        0 === remainingExpirationTime ||
-        expirationTime < remainingExpirationTime
-      )
-        root.remainingExpirationTime = expirationTime;
-    }
-    isRendering ||
-      (isBatchingUpdates
-        ? isUnbatchingUpdates &&
-          ((nextFlushedRoot = root),
-          (nextFlushedExpirationTime = 1),
-          performWorkOnRoot(root, 1, !1))
-        : 1 === expirationTime
-          ? performWork(1, !1, null)
-          : scheduleCallbackWithExpiration(expirationTime));
-  }
-  function findHighestPriorityRoot() {
-    var highestPriorityWork = 0,
-      highestPriorityRoot = null;
-    if (null !== lastScheduledRoot)
-      for (
-        var previousScheduledRoot = lastScheduledRoot,
-          root = firstScheduledRoot;
-        null !== root;
-
-      ) {
-        var remainingExpirationTime = root.remainingExpirationTime;
-        if (0 === remainingExpirationTime) {
-          invariant(
-            null !== previousScheduledRoot && null !== lastScheduledRoot,
-            "Should have a previous and last root. This error is likely caused by a bug in React. Please file an issue."
-          );
-          if (root === root.nextScheduledRoot) {
-            firstScheduledRoot = lastScheduledRoot = root.nextScheduledRoot = null;
-            break;
-          } else if (root === firstScheduledRoot)
-            (firstScheduledRoot = remainingExpirationTime =
-              root.nextScheduledRoot),
-              (lastScheduledRoot.nextScheduledRoot = remainingExpirationTime),
-              (root.nextScheduledRoot = null);
-          else if (root === lastScheduledRoot) {
-            lastScheduledRoot = previousScheduledRoot;
-            lastScheduledRoot.nextScheduledRoot = firstScheduledRoot;
-            root.nextScheduledRoot = null;
-            break;
-          } else
-            (previousScheduledRoot.nextScheduledRoot = root.nextScheduledRoot),
-              (root.nextScheduledRoot = null);
-          root = previousScheduledRoot.nextScheduledRoot;
-        } else {
-          if (
-            0 === highestPriorityWork ||
-            remainingExpirationTime < highestPriorityWork
-          )
-            (highestPriorityWork = remainingExpirationTime),
-              (highestPriorityRoot = root);
-          if (root === lastScheduledRoot) break;
-          previousScheduledRoot = root;
-          root = root.nextScheduledRoot;
-        }
-      }
-    previousScheduledRoot = nextFlushedRoot;
-    null !== previousScheduledRoot &&
-    previousScheduledRoot === highestPriorityRoot &&
-    1 === highestPriorityWork
-      ? nestedUpdateCount++
-      : (nestedUpdateCount = 0);
-    nextFlushedRoot = highestPriorityRoot;
-    nextFlushedExpirationTime = highestPriorityWork;
-  }
-  function performAsyncWork(dl) {
-    performWork(0, !0, dl);
-  }
-  function performWork(minExpirationTime, isAsync, dl) {
-    deadline = dl;
-    findHighestPriorityRoot();
-    if (isAsync)
-      for (
-        ;
-        null !== nextFlushedRoot &&
-        0 !== nextFlushedExpirationTime &&
-        (0 === minExpirationTime ||
-          minExpirationTime >= nextFlushedExpirationTime) &&
-        (!deadlineDidExpire ||
-          recalculateCurrentTime() >= nextFlushedExpirationTime);
-
-      )
-        performWorkOnRoot(
-          nextFlushedRoot,
-          nextFlushedExpirationTime,
-          !deadlineDidExpire
-        ),
-          findHighestPriorityRoot();
-    else
-      for (
-        ;
-        null !== nextFlushedRoot &&
-        0 !== nextFlushedExpirationTime &&
-        (0 === minExpirationTime ||
-          minExpirationTime >= nextFlushedExpirationTime);
-
-      )
-        performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, !1),
-          findHighestPriorityRoot();
-    null !== deadline && ((callbackExpirationTime = 0), (callbackID = -1));
-    0 !== nextFlushedExpirationTime &&
-      scheduleCallbackWithExpiration(nextFlushedExpirationTime);
-    deadline = null;
-    deadlineDidExpire = !1;
-    finishRendering();
-  }
-  function finishRendering() {
-    nestedUpdateCount = 0;
-    if (null !== completedBatches) {
-      var batches = completedBatches;
-      completedBatches = null;
-      for (var i = 0; i < batches.length; i++) {
-        var batch = batches[i];
-        try {
-          batch._onComplete();
-        } catch (error) {
-          hasUnhandledError ||
-            ((hasUnhandledError = !0), (unhandledError = error));
-        }
-      }
-    }
-    if (hasUnhandledError)
-      throw ((batches = unhandledError),
-      (unhandledError = null),
-      (hasUnhandledError = !1),
-      batches);
-  }
-  function performWorkOnRoot(root, expirationTime, isAsync) {
-    invariant(
-      !isRendering,
-      "performWorkOnRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
-    );
-    isRendering = !0;
-    isAsync
-      ? ((isAsync = root.finishedWork),
-        null !== isAsync
-          ? completeRoot(root, isAsync, expirationTime)
-          : ((root.finishedWork = null),
-            (isAsync = renderRoot(root, expirationTime, !0)),
-            null !== isAsync &&
-              (shouldYield()
-                ? (root.finishedWork = isAsync)
-                : completeRoot(root, isAsync, expirationTime))))
-      : ((isAsync = root.finishedWork),
-        null !== isAsync
-          ? completeRoot(root, isAsync, expirationTime)
-          : ((root.finishedWork = null),
-            (isAsync = renderRoot(root, expirationTime, !1)),
-            null !== isAsync && completeRoot(root, isAsync, expirationTime)));
-    isRendering = !1;
-  }
-  function completeRoot(root, finishedWork, expirationTime) {
-    var firstBatch = root.firstBatch;
-    if (
-      null !== firstBatch &&
-      firstBatch._expirationTime <= expirationTime &&
-      (null === completedBatches
-        ? (completedBatches = [firstBatch])
-        : completedBatches.push(firstBatch),
-      firstBatch._defer)
-    ) {
-      root.finishedWork = finishedWork;
-      root.remainingExpirationTime = 0;
-      return;
-    }
-    root.finishedWork = null;
-    isCommitting = isWorking = !0;
-    expirationTime = finishedWork.stateNode;
-    invariant(
-      expirationTime.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."
-    );
-    firstBatch = expirationTime.pendingCommitExpirationTime;
-    invariant(
-      0 !== firstBatch,
-      "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
-    );
-    expirationTime.pendingCommitExpirationTime = 0;
-    var currentTime = recalculateCurrentTime();
-    ReactCurrentOwner.current = null;
-    if (1 < finishedWork.effectTag)
-      if (null !== finishedWork.lastEffect) {
-        finishedWork.lastEffect.nextEffect = finishedWork;
-        var firstEffect = finishedWork.firstEffect;
-      } else firstEffect = finishedWork;
-    else firstEffect = finishedWork.firstEffect;
-    prepareForCommit(expirationTime.containerInfo);
-    for (nextEffect = firstEffect; null !== nextEffect; ) {
-      var didError = !1,
-        error = void 0;
-      try {
-        for (; null !== nextEffect; ) {
-          var effectTag = nextEffect.effectTag;
-          effectTag & 16 && commitResetTextContent(nextEffect);
-          if (effectTag & 128) {
-            var current = nextEffect.alternate;
-            null !== current && commitDetachRef(current);
-          }
-          switch (effectTag & 14) {
-            case 2:
-              commitPlacement(nextEffect);
-              nextEffect.effectTag &= -3;
-              break;
-            case 6:
-              commitPlacement(nextEffect);
-              nextEffect.effectTag &= -3;
-              commitWork(nextEffect.alternate, nextEffect);
-              break;
-            case 4:
-              commitWork(nextEffect.alternate, nextEffect);
-              break;
-            case 8:
-              commitDeletion(nextEffect);
-          }
-          nextEffect = nextEffect.nextEffect;
-        }
-      } catch (e) {
-        (didError = !0), (error = e);
-      }
-      didError &&
-        (invariant(
-          null !== nextEffect,
-          "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
-        ),
-        onCommitPhaseError(nextEffect, error),
-        null !== nextEffect && (nextEffect = nextEffect.nextEffect));
-    }
-    resetAfterCommit(expirationTime.containerInfo);
-    expirationTime.current = finishedWork;
-    for (nextEffect = firstEffect; null !== nextEffect; ) {
-      effectTag = !1;
-      current = void 0;
-      try {
-        for (
-          firstEffect = expirationTime,
-            didError = currentTime,
-            error = firstBatch;
-          null !== nextEffect;
-
-        ) {
-          var effectTag$jscomp$0 = nextEffect.effectTag;
-          effectTag$jscomp$0 & 36 &&
-            commitLifeCycles(
-              firstEffect,
-              nextEffect.alternate,
-              nextEffect,
-              didError,
-              error
-            );
-          effectTag$jscomp$0 & 256 &&
-            commitErrorLogging(nextEffect, onUncaughtError);
-          effectTag$jscomp$0 & 128 && commitAttachRef(nextEffect);
-          var next = nextEffect.nextEffect;
-          nextEffect.nextEffect = null;
-          nextEffect = next;
-        }
-      } catch (e) {
-        (effectTag = !0), (current = e);
-      }
-      effectTag &&
-        (invariant(
-          null !== nextEffect,
-          "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
-        ),
-        onCommitPhaseError(nextEffect, current),
-        null !== nextEffect && (nextEffect = nextEffect.nextEffect));
-    }
-    isWorking = isCommitting = !1;
-    "function" === typeof onCommitRoot && onCommitRoot(finishedWork.stateNode);
-    finishedWork = expirationTime.current.expirationTime;
-    0 === finishedWork && (legacyErrorBoundariesThatAlreadyFailed = null);
-    root.remainingExpirationTime = finishedWork;
-  }
-  function shouldYield() {
-    return null === deadline ||
-      deadline.timeRemaining() > timeHeuristicForUnitOfWork
-      ? !1
-      : (deadlineDidExpire = !0);
-  }
-  function onUncaughtError(error) {
-    invariant(
-      null !== nextFlushedRoot,
-      "Should be working on a root. This error is likely caused by a bug in React. Please file an issue."
-    );
-    nextFlushedRoot.remainingExpirationTime = 0;
-    hasUnhandledError || ((hasUnhandledError = !0), (unhandledError = error));
-  }
-  var hostContext = ReactFiberHostContext(config),
-    hydrationContext = ReactFiberHydrationContext(config),
-    resetHostContainer = hostContext.resetHostContainer,
-    beginWork = ReactFiberBeginWork(
-      config,
-      hostContext,
-      hydrationContext,
-      scheduleWork,
-      computeExpirationForFiber
-    ).beginWork,
-    completeWork = ReactFiberCompleteWork(config, hostContext, hydrationContext)
-      .completeWork;
-  hostContext = ReactFiberUnwindWork(
-    hostContext,
-    scheduleWork,
-    isAlreadyFailedLegacyErrorBoundary
-  );
-  var throwException = hostContext.throwException,
-    unwindWork = hostContext.unwindWork;
-  hostContext = ReactFiberCommitWork(
-    config,
-    onCommitPhaseError,
-    scheduleWork,
-    computeExpirationForFiber,
-    function(instance) {
-      null === legacyErrorBoundariesThatAlreadyFailed
-        ? (legacyErrorBoundariesThatAlreadyFailed = new Set([instance]))
-        : legacyErrorBoundariesThatAlreadyFailed.add(instance);
-    },
-    recalculateCurrentTime
-  );
-  var commitResetTextContent = hostContext.commitResetTextContent,
-    commitPlacement = hostContext.commitPlacement,
-    commitDeletion = hostContext.commitDeletion,
-    commitWork = hostContext.commitWork,
-    commitLifeCycles = hostContext.commitLifeCycles,
-    commitErrorLogging = hostContext.commitErrorLogging,
-    commitAttachRef = hostContext.commitAttachRef,
-    commitDetachRef = hostContext.commitDetachRef,
-    now = config.now,
-    scheduleDeferredCallback = config.scheduleDeferredCallback,
-    cancelDeferredCallback = config.cancelDeferredCallback,
-    prepareForCommit = config.prepareForCommit,
-    resetAfterCommit = config.resetAfterCommit,
-    originalStartTimeMs = now(),
-    mostRecentCurrentTime = 2,
-    mostRecentCurrentTimeMs = originalStartTimeMs,
-    lastUniqueAsyncExpiration = 0,
-    expirationContext = 0,
-    isWorking = !1,
-    nextUnitOfWork = null,
-    nextRoot = null,
-    nextRenderExpirationTime = 0,
-    nextEffect = null,
-    isCommitting = !1,
-    isRootReadyForCommit = !1,
-    legacyErrorBoundariesThatAlreadyFailed = null,
-    firstScheduledRoot = null,
-    lastScheduledRoot = null,
-    callbackExpirationTime = 0,
-    callbackID = -1,
-    isRendering = !1,
-    nextFlushedRoot = null,
-    nextFlushedExpirationTime = 0,
-    lowestPendingInteractiveExpirationTime = 0,
-    deadlineDidExpire = !1,
-    hasUnhandledError = !1,
-    unhandledError = null,
-    deadline = null,
-    isBatchingUpdates = !1,
-    isUnbatchingUpdates = !1,
-    isBatchingInteractiveUpdates = !1,
-    completedBatches = null,
-    NESTED_UPDATE_LIMIT = 1e3,
-    nestedUpdateCount = 0,
-    timeHeuristicForUnitOfWork = 1;
-  return {
-    recalculateCurrentTime: recalculateCurrentTime,
-    computeExpirationForFiber: computeExpirationForFiber,
-    scheduleWork: scheduleWork,
-    requestWork: requestWork,
-    flushRoot: function(root, expirationTime) {
-      invariant(
-        !isRendering,
-        "work.commit(): Cannot commit while already rendering. This likely means you attempted to commit from inside a lifecycle method."
-      );
-      performWorkOnRoot(root, expirationTime, !1);
-      finishRendering();
-    },
-    batchedUpdates: function(fn, a) {
-      var previousIsBatchingUpdates = isBatchingUpdates;
-      isBatchingUpdates = !0;
-      try {
-        return fn(a);
-      } finally {
-        (isBatchingUpdates = previousIsBatchingUpdates) ||
-          isRendering ||
-          performWork(1, !1, null);
-      }
-    },
-    unbatchedUpdates: function(fn, a) {
-      if (isBatchingUpdates && !isUnbatchingUpdates) {
-        isUnbatchingUpdates = !0;
-        try {
-          return fn(a);
-        } finally {
-          isUnbatchingUpdates = !1;
-        }
-      }
-      return fn(a);
-    },
-    flushSync: function(fn, a) {
-      invariant(
-        !isRendering,
-        "flushSync was called from inside a lifecycle method. It cannot be called when React is already rendering."
-      );
-      var previousIsBatchingUpdates = isBatchingUpdates;
-      isBatchingUpdates = !0;
-      try {
-        return syncUpdates(fn, a);
-      } finally {
-        (isBatchingUpdates = previousIsBatchingUpdates),
-          performWork(1, !1, null);
-      }
-    },
-    flushControlled: function(fn) {
-      var previousIsBatchingUpdates = isBatchingUpdates;
-      isBatchingUpdates = !0;
-      try {
-        syncUpdates(fn);
-      } finally {
-        (isBatchingUpdates = previousIsBatchingUpdates) ||
-          isRendering ||
-          performWork(1, !1, null);
-      }
-    },
-    deferredUpdates: function(fn) {
-      var previousExpirationContext = expirationContext;
-      expirationContext =
-        25 * ((((recalculateCurrentTime() + 500) / 25) | 0) + 1);
-      try {
-        return fn();
-      } finally {
-        expirationContext = previousExpirationContext;
-      }
-    },
-    syncUpdates: syncUpdates,
-    interactiveUpdates: function(fn, a, b) {
-      if (isBatchingInteractiveUpdates) return fn(a, b);
-      isBatchingUpdates ||
-        isRendering ||
-        0 === lowestPendingInteractiveExpirationTime ||
-        (performWork(lowestPendingInteractiveExpirationTime, !1, null),
-        (lowestPendingInteractiveExpirationTime = 0));
-      var previousIsBatchingInteractiveUpdates = isBatchingInteractiveUpdates,
-        previousIsBatchingUpdates = isBatchingUpdates;
-      isBatchingUpdates = isBatchingInteractiveUpdates = !0;
-      try {
-        return fn(a, b);
-      } finally {
-        (isBatchingInteractiveUpdates = previousIsBatchingInteractiveUpdates),
-          (isBatchingUpdates = previousIsBatchingUpdates) ||
-            isRendering ||
-            performWork(1, !1, null);
-      }
-    },
-    flushInteractiveUpdates: function() {
-      isRendering ||
-        0 === lowestPendingInteractiveExpirationTime ||
-        (performWork(lowestPendingInteractiveExpirationTime, !1, null),
-        (lowestPendingInteractiveExpirationTime = 0));
-    },
-    computeUniqueAsyncExpiration: function() {
-      var result = 25 * ((((recalculateCurrentTime() + 500) / 25) | 0) + 1);
-      result <= lastUniqueAsyncExpiration &&
-        (result = lastUniqueAsyncExpiration + 1);
-      return (lastUniqueAsyncExpiration = result);
-    }
-  };
-}
-function ReactFiberReconciler$1(config) {
-  function updateContainerAtExpirationTime(
-    element,
-    container,
-    parentComponent,
-    currentTime,
-    expirationTime,
-    callback
-  ) {
-    currentTime = container.current;
-    if (parentComponent) {
-      parentComponent = parentComponent._reactInternalFiber;
-      var parentContext;
-      b: {
-        invariant(
-          2 === isFiberMountedImpl(parentComponent) &&
-            2 === parentComponent.tag,
-          "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
-        );
-        for (parentContext = parentComponent; 3 !== parentContext.tag; ) {
-          if (isContextProvider(parentContext)) {
-            parentContext =
-              parentContext.stateNode.__reactInternalMemoizedMergedChildContext;
-            break b;
-          }
-          parentContext = parentContext["return"];
-          invariant(
-            parentContext,
-            "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
-          );
-        }
-        parentContext = parentContext.stateNode.context;
-      }
-      parentComponent = isContextProvider(parentComponent)
-        ? processChildContext(parentComponent, parentContext)
-        : parentContext;
-    } else parentComponent = emptyObject;
-    null === container.context
-      ? (container.context = parentComponent)
-      : (container.pendingContext = parentComponent);
-    container = callback;
-    insertUpdateIntoFiber(currentTime, {
-      expirationTime: expirationTime,
-      partialState: { element: element },
-      callback: void 0 === container ? null : container,
-      isReplace: !1,
-      isForced: !1,
-      capturedValue: null,
-      next: null
-    });
-    scheduleWork(currentTime, expirationTime);
-    return expirationTime;
-  }
-  function findHostInstance(fiber) {
-    fiber = findCurrentHostFiber(fiber);
-    return null === fiber ? null : fiber.stateNode;
-  }
-  var getPublicInstance = config.getPublicInstance;
-  config = ReactFiberScheduler(config);
-  var recalculateCurrentTime = config.recalculateCurrentTime,
-    computeExpirationForFiber = config.computeExpirationForFiber,
-    scheduleWork = config.scheduleWork;
-  return {
-    createContainer: function(containerInfo, isAsync, hydrate) {
-      isAsync = new FiberNode(3, null, null, isAsync ? 3 : 0);
-      containerInfo = {
-        current: isAsync,
-        containerInfo: containerInfo,
-        pendingChildren: null,
-        pendingCommitExpirationTime: 0,
-        finishedWork: null,
-        context: null,
-        pendingContext: null,
-        hydrate: hydrate,
-        remainingExpirationTime: 0,
-        firstBatch: null,
-        nextScheduledRoot: null
-      };
-      return (isAsync.stateNode = containerInfo);
-    },
-    updateContainer: function(element, container, parentComponent, callback) {
-      var current = container.current,
-        currentTime = recalculateCurrentTime();
-      current = computeExpirationForFiber(current);
-      return updateContainerAtExpirationTime(
-        element,
-        container,
-        parentComponent,
-        currentTime,
-        current,
-        callback
-      );
-    },
-    updateContainerAtExpirationTime: function(
-      element,
-      container,
-      parentComponent,
-      expirationTime,
-      callback
-    ) {
-      var currentTime = recalculateCurrentTime();
-      return updateContainerAtExpirationTime(
-        element,
-        container,
-        parentComponent,
-        currentTime,
-        expirationTime,
-        callback
-      );
-    },
-    flushRoot: config.flushRoot,
-    requestWork: config.requestWork,
-    computeUniqueAsyncExpiration: config.computeUniqueAsyncExpiration,
-    batchedUpdates: config.batchedUpdates,
-    unbatchedUpdates: config.unbatchedUpdates,
-    deferredUpdates: config.deferredUpdates,
-    syncUpdates: config.syncUpdates,
-    interactiveUpdates: config.interactiveUpdates,
-    flushInteractiveUpdates: config.flushInteractiveUpdates,
-    flushControlled: config.flushControlled,
-    flushSync: config.flushSync,
-    getPublicRootInstance: function(container) {
-      container = container.current;
-      if (!container.child) return null;
-      switch (container.child.tag) {
-        case 5:
-          return getPublicInstance(container.child.stateNode);
-        default:
-          return container.child.stateNode;
-      }
-    },
-    findHostInstance: findHostInstance,
-    findHostInstanceWithNoPortals: function(fiber) {
-      fiber = findCurrentHostFiberWithNoPortals(fiber);
-      return null === fiber ? null : fiber.stateNode;
-    },
-    injectIntoDevTools: function(devToolsConfig) {
-      var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
-      return injectInternals(
-        Object.assign({}, devToolsConfig, {
-          findHostInstanceByFiber: function(fiber) {
-            return findHostInstance(fiber);
-          },
-          findFiberByHostInstance: function(instance) {
-            return findFiberByHostInstance
-              ? findFiberByHostInstance(instance)
-              : null;
-          }
-        })
-      );
-    }
-  };
-}
-var ReactFiberReconciler$2 = Object.freeze({ default: ReactFiberReconciler$1 }),
-  ReactFiberReconciler$3 =
-    (ReactFiberReconciler$2 && ReactFiberReconciler$1) ||
-    ReactFiberReconciler$2,
-  reactReconciler = ReactFiberReconciler$3["default"]
-    ? ReactFiberReconciler$3["default"]
-    : ReactFiberReconciler$3,
-  viewConfigCallbacks = new Map(),
-  viewConfigs = new Map(),
-  ReactNativeFiberHostComponent = (function() {
-    function ReactNativeFiberHostComponent(tag, viewConfig) {
-      if (!(this instanceof ReactNativeFiberHostComponent))
-        throw new TypeError("Cannot call a class as a function");
-      this._nativeTag = tag;
-      this._children = [];
-      this.viewConfig = viewConfig;
-    }
-    ReactNativeFiberHostComponent.prototype.blur = function() {
-      TextInputState.blurTextInput(this._nativeTag);
-    };
-    ReactNativeFiberHostComponent.prototype.focus = function() {
-      TextInputState.focusTextInput(this._nativeTag);
-    };
-    ReactNativeFiberHostComponent.prototype.measure = function(callback) {
-      UIManager.measure(this._nativeTag, mountSafeCallback(this, callback));
-    };
-    ReactNativeFiberHostComponent.prototype.measureInWindow = function(
-      callback
-    ) {
-      UIManager.measureInWindow(
-        this._nativeTag,
-        mountSafeCallback(this, callback)
-      );
-    };
-    ReactNativeFiberHostComponent.prototype.measureLayout = function(
-      relativeToNativeNode,
-      onSuccess,
-      onFail
-    ) {
-      UIManager.measureLayout(
-        this._nativeTag,
-        relativeToNativeNode,
-        mountSafeCallback(this, onFail),
-        mountSafeCallback(this, onSuccess)
-      );
-    };
-    ReactNativeFiberHostComponent.prototype.setNativeProps = function(
-      nativeProps
-    ) {
-      nativeProps = diffProperties(
-        null,
-        emptyObject$1,
-        nativeProps,
-        this.viewConfig.validAttributes
-      );
-      null != nativeProps &&
-        UIManager.updateView(
-          this._nativeTag,
-          this.viewConfig.uiViewClassName,
-          nativeProps
-        );
-    };
-    return ReactNativeFiberHostComponent;
-  })(),
-  now =
-    "object" === typeof performance && "function" === typeof performance.now
-      ? function() {
-          return performance.now();
-        }
-      : function() {
-          return Date.now();
-        },
-  scheduledCallback = null,
-  frameDeadline = 0,
-  frameDeadlineObject = {
-    timeRemaining: function() {
-      return frameDeadline - now();
-    }
-  };
-function setTimeoutCallback() {
-  frameDeadline = now() + 5;
-  var callback = scheduledCallback;
-  scheduledCallback = null;
-  null !== callback && callback(frameDeadlineObject);
-}
-function recursivelyUncacheFiberNode(node) {
-  "number" === typeof node
-    ? uncacheFiberNode(node)
-    : (uncacheFiberNode(node._nativeTag),
-      node._children.forEach(recursivelyUncacheFiberNode));
-}
-var NativeRenderer = reactReconciler({
-    appendInitialChild: function(parentInstance, child) {
-      parentInstance._children.push(child);
-    },
-    createInstance: function(
-      type,
-      props,
-      rootContainerInstance,
-      hostContext,
-      internalInstanceHandle
-    ) {
-      hostContext = ReactNativeTagHandles.allocateTag();
-      if (viewConfigs.has(type)) var viewConfig = viewConfigs.get(type);
-      else
-        (viewConfig = viewConfigCallbacks.get(type)),
-          invariant(
-            "function" === typeof viewConfig,
-            "View config not found for name %s",
-            type
-          ),
-          viewConfigCallbacks.set(type, null),
-          (viewConfig = viewConfig()),
-          viewConfigs.set(type, viewConfig);
-      invariant(viewConfig, "View config not found for name %s", type);
-      type = viewConfig;
-      viewConfig = diffProperties(
-        null,
-        emptyObject$1,
-        props,
-        type.validAttributes
-      );
-      UIManager.createView(
-        hostContext,
-        type.uiViewClassName,
-        rootContainerInstance,
-        viewConfig
-      );
-      rootContainerInstance = new ReactNativeFiberHostComponent(
-        hostContext,
-        type
-      );
-      instanceCache[hostContext] = internalInstanceHandle;
-      instanceProps[hostContext] = props;
-      return rootContainerInstance;
-    },
-    createTextInstance: function(
-      text,
-      rootContainerInstance,
-      hostContext,
-      internalInstanceHandle
-    ) {
-      hostContext = ReactNativeTagHandles.allocateTag();
-      UIManager.createView(hostContext, "RCTRawText", rootContainerInstance, {
-        text: text
-      });
-      instanceCache[hostContext] = internalInstanceHandle;
-      return hostContext;
-    },
-    finalizeInitialChildren: function(parentInstance) {
-      if (0 === parentInstance._children.length) return !1;
-      var nativeTags = parentInstance._children.map(function(child) {
-        return "number" === typeof child ? child : child._nativeTag;
-      });
-      UIManager.setChildren(parentInstance._nativeTag, nativeTags);
-      return !1;
-    },
-    getRootHostContext: function() {
-      return emptyObject;
-    },
-    getChildHostContext: function() {
-      return emptyObject;
-    },
-    getPublicInstance: function(instance) {
-      return instance;
-    },
-    now: now,
-    prepareForCommit: function() {},
-    prepareUpdate: function() {
-      return emptyObject;
-    },
-    resetAfterCommit: function() {},
-    scheduleDeferredCallback: function(callback) {
-      scheduledCallback = callback;
-      return setTimeout(setTimeoutCallback, 1);
-    },
-    cancelDeferredCallback: function(callbackID) {
-      scheduledCallback = null;
-      clearTimeout(callbackID);
-    },
-    shouldDeprioritizeSubtree: function() {
-      return !1;
-    },
-    shouldSetTextContent: function() {
-      return !1;
-    },
-    mutation: {
-      appendChild: function(parentInstance, child) {
-        var childTag = "number" === typeof child ? child : child._nativeTag,
-          children = parentInstance._children,
-          index = children.indexOf(child);
-        0 <= index
-          ? (children.splice(index, 1),
-            children.push(child),
-            UIManager.manageChildren(
-              parentInstance._nativeTag,
-              [index],
-              [children.length - 1],
-              [],
-              [],
-              []
-            ))
-          : (children.push(child),
-            UIManager.manageChildren(
-              parentInstance._nativeTag,
-              [],
-              [],
-              [childTag],
-              [children.length - 1],
-              []
-            ));
-      },
-      appendChildToContainer: function(parentInstance, child) {
-        UIManager.setChildren(parentInstance, [
-          "number" === typeof child ? child : child._nativeTag
-        ]);
-      },
-      commitTextUpdate: function(textInstance, oldText, newText) {
-        UIManager.updateView(textInstance, "RCTRawText", { text: newText });
-      },
-      commitMount: function() {},
-      commitUpdate: function(
-        instance,
-        updatePayloadTODO,
-        type,
-        oldProps,
-        newProps
-      ) {
-        updatePayloadTODO = instance.viewConfig;
-        instanceProps[instance._nativeTag] = newProps;
-        oldProps = diffProperties(
-          null,
-          oldProps,
-          newProps,
-          updatePayloadTODO.validAttributes
-        );
-        null != oldProps &&
-          UIManager.updateView(
-            instance._nativeTag,
-            updatePayloadTODO.uiViewClassName,
-            oldProps
-          );
-      },
-      insertBefore: function(parentInstance, child, beforeChild) {
-        var children = parentInstance._children,
-          index = children.indexOf(child);
-        0 <= index
-          ? (children.splice(index, 1),
-            (beforeChild = children.indexOf(beforeChild)),
-            children.splice(beforeChild, 0, child),
-            UIManager.manageChildren(
-              parentInstance._nativeTag,
-              [index],
-              [beforeChild],
-              [],
-              [],
-              []
-            ))
-          : ((index = children.indexOf(beforeChild)),
-            children.splice(index, 0, child),
-            UIManager.manageChildren(
-              parentInstance._nativeTag,
-              [],
-              [],
-              ["number" === typeof child ? child : child._nativeTag],
-              [index],
-              []
-            ));
-      },
-      insertInContainerBefore: function(parentInstance) {
-        invariant(
-          "number" !== typeof parentInstance,
-          "Container does not support insertBefore operation"
-        );
-      },
-      removeChild: function(parentInstance, child) {
-        recursivelyUncacheFiberNode(child);
-        var children = parentInstance._children;
-        child = children.indexOf(child);
-        children.splice(child, 1);
-        UIManager.manageChildren(
-          parentInstance._nativeTag,
-          [],
-          [],
-          [],
-          [],
-          [child]
-        );
-      },
-      removeChildFromContainer: function(parentInstance, child) {
-        recursivelyUncacheFiberNode(child);
-        UIManager.manageChildren(parentInstance, [], [], [], [], [0]);
-      },
-      resetTextContent: function() {}
-    }
-  }),
-  getInspectorDataForViewTag = void 0;
-getInspectorDataForViewTag = function() {
-  invariant(!1, "getInspectorDataForViewTag() is not available in production");
-};
-findHostInstance = NativeRenderer.findHostInstance;
-_batchedUpdates = NativeRenderer.batchedUpdates;
-_flushInteractiveUpdates = NativeRenderer.flushInteractiveUpdates;
-var roots = new Map(),
-  ReactNativeRenderer = {
-    NativeComponent: ReactNativeComponent,
-    findNodeHandle: findNumericNodeHandleFiber,
-    render: function(element, containerTag, callback) {
-      var root = roots.get(containerTag);
-      root ||
-        ((root = NativeRenderer.createContainer(containerTag, !1, !1)),
-        roots.set(containerTag, root));
-      NativeRenderer.updateContainer(element, root, null, callback);
-      return NativeRenderer.getPublicRootInstance(root);
-    },
-    unmountComponentAtNode: function(containerTag) {
-      var root = roots.get(containerTag);
-      root &&
-        NativeRenderer.updateContainer(null, root, null, function() {
-          roots["delete"](containerTag);
-        });
-    },
-    unmountComponentAtNodeAndRemoveContainer: function(containerTag) {
-      ReactNativeRenderer.unmountComponentAtNode(containerTag);
-      UIManager.removeRootView(containerTag);
-    },
-    createPortal: function(children, containerTag) {
-      return createPortal(
-        children,
-        containerTag,
-        null,
-        2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
-      );
-    },
-    unstable_batchedUpdates: batchedUpdates,
-    flushSync: NativeRenderer.flushSync,
-    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
-      NativeMethodsMixin: {
-        measure: function(callback) {
-          UIManager.measure(
-            findNumericNodeHandleFiber(this),
-            mountSafeCallback(this, callback)
-          );
-        },
-        measureInWindow: function(callback) {
-          UIManager.measureInWindow(
-            findNumericNodeHandleFiber(this),
-            mountSafeCallback(this, callback)
-          );
-        },
-        measureLayout: function(relativeToNativeNode, onSuccess, onFail) {
-          UIManager.measureLayout(
-            findNumericNodeHandleFiber(this),
-            relativeToNativeNode,
-            mountSafeCallback(this, onFail),
-            mountSafeCallback(this, onSuccess)
-          );
-        },
-        setNativeProps: function(nativeProps) {
-          var maybeInstance = void 0;
-          try {
-            maybeInstance = findNodeHandle(this);
-          } catch (error) {}
-          if (null != maybeInstance) {
-            var viewConfig = maybeInstance.viewConfig;
-            nativeProps = diffProperties(
-              null,
-              emptyObject$1,
-              nativeProps,
-              viewConfig.validAttributes
-            );
-            null != nativeProps &&
-              UIManager.updateView(
-                maybeInstance._nativeTag,
-                viewConfig.uiViewClassName,
-                nativeProps
-              );
-          }
-        },
-        focus: function() {
-          TextInputState.focusTextInput(findNumericNodeHandleFiber(this));
-        },
-        blur: function() {
-          TextInputState.blurTextInput(findNumericNodeHandleFiber(this));
-        }
-      },
-      ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin,
-      ReactNativeComponentTree: ReactNativeComponentTree,
-      ReactNativePropRegistry: ReactNativePropRegistry,
-      TouchHistoryMath: TouchHistoryMath,
-      createReactNativeComponentClass: function(name, callback) {
-        invariant(
-          !viewConfigCallbacks.has(name),
-          "Tried to register two views with the same name %s",
-          name
-        );
-        viewConfigCallbacks.set(name, callback);
-        return name;
-      },
-      takeSnapshot: function(view, options) {
-        "number" !== typeof view &&
-          "window" !== view &&
-          (view = findNumericNodeHandleFiber(view) || "window");
-        return UIManager.__takeSnapshot(view, options);
-      }
-    }
-  };
-NativeRenderer.injectIntoDevTools({
-  findFiberByHostInstance: getInstanceFromTag,
-  getInspectorDataForViewTag: getInspectorDataForViewTag,
-  bundleType: 0,
-  version: "16.3.0-alpha.1",
-  rendererPackageName: "react-native-renderer"
-});
-var ReactNativeRenderer$2 = Object.freeze({ default: ReactNativeRenderer }),
-  ReactNativeRenderer$3 =
-    (ReactNativeRenderer$2 && ReactNativeRenderer) || ReactNativeRenderer$2;
-module.exports = ReactNativeRenderer$3["default"]
-  ? ReactNativeRenderer$3["default"]
-  : ReactNativeRenderer$3;
diff --git a/Libraries/Renderer/oss/ReactFabric-dev.js b/Libraries/Renderer/oss/ReactFabric-dev.js
new file mode 100644
index 00000000000000..c81fac1813cc06
--- /dev/null
+++ b/Libraries/Renderer/oss/ReactFabric-dev.js
@@ -0,0 +1,14684 @@
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ * @providesModule ReactFabric-dev
+ * @preventMunge
+ * @generated
+ */
+
+'use strict';
+
+if (__DEV__) {
+  (function() {
+"use strict";
+
+require("InitializeCore");
+var invariant = require("fbjs/lib/invariant");
+var warning = require("fbjs/lib/warning");
+var ReactNativeViewConfigRegistry = require("ReactNativeViewConfigRegistry");
+var UIManager = require("UIManager");
+var React = require("react");
+var emptyObject = require("fbjs/lib/emptyObject");
+var deepDiffer = require("deepDiffer");
+var flattenStyle = require("flattenStyle");
+var deepFreezeAndThrowOnMutationInDev = require("deepFreezeAndThrowOnMutationInDev");
+var TextInputState = require("TextInputState");
+var FabricUIManager = require("FabricUIManager");
+var checkPropTypes = require("prop-types/checkPropTypes");
+var ExceptionsManager = require("ExceptionsManager");
+
+var invokeGuardedCallback = function(name, func, context, a, b, c, d, e, f) {
+  this._hasCaughtError = false;
+  this._caughtError = null;
+  var funcArgs = Array.prototype.slice.call(arguments, 3);
+  try {
+    func.apply(context, funcArgs);
+  } catch (error) {
+    this._caughtError = error;
+    this._hasCaughtError = true;
+  }
+};
+
+{
+  // In DEV mode, we swap out invokeGuardedCallback for a special version
+  // that plays more nicely with the browser's DevTools. The idea is to preserve
+  // "Pause on exceptions" behavior. Because React wraps all user-provided
+  // functions in invokeGuardedCallback, and the production version of
+  // invokeGuardedCallback uses a try-catch, all user exceptions are treated
+  // like caught exceptions, and the DevTools won't pause unless the developer
+  // takes the extra step of enabling pause on caught exceptions. This is
+  // untintuitive, though, because even though React has caught the error, from
+  // the developer's perspective, the error is uncaught.
+  //
+  // To preserve the expected "Pause on exceptions" behavior, we don't use a
+  // try-catch in DEV. Instead, we synchronously dispatch a fake event to a fake
+  // DOM node, and call the user-provided callback from inside an event handler
+  // for that fake event. If the callback throws, the error is "captured" using
+  // a global event handler. But because the error happens in a different
+  // event loop context, it does not interrupt the normal program flow.
+  // Effectively, this gives us try-catch behavior without actually using
+  // try-catch. Neat!
+
+  // Check that the browser supports the APIs we need to implement our special
+  // DEV version of invokeGuardedCallback
+  if (
+    typeof window !== "undefined" &&
+    typeof window.dispatchEvent === "function" &&
+    typeof document !== "undefined" &&
+    typeof document.createEvent === "function"
+  ) {
+    var fakeNode = document.createElement("react");
+
+    var invokeGuardedCallbackDev = function(
+      name,
+      func,
+      context,
+      a,
+      b,
+      c,
+      d,
+      e,
+      f
+    ) {
+      // If document doesn't exist we know for sure we will crash in this method
+      // when we call document.createEvent(). However this can cause confusing
+      // errors: https://github.com/facebookincubator/create-react-app/issues/3482
+      // So we preemptively throw with a better message instead.
+      invariant(
+        typeof document !== "undefined",
+        "The `document` global was defined when React was initialized, but is not " +
+          "defined anymore. This can happen in a test environment if a component " +
+          "schedules an update from an asynchronous callback, but the test has already " +
+          "finished running. To solve this, you can either unmount the component at " +
+          "the end of your test (and ensure that any asynchronous operations get " +
+          "canceled in `componentWillUnmount`), or you can change the test itself " +
+          "to be asynchronous."
+      );
+      var evt = document.createEvent("Event");
+
+      // Keeps track of whether the user-provided callback threw an error. We
+      // set this to true at the beginning, then set it to false right after
+      // calling the function. If the function errors, `didError` will never be
+      // set to false. This strategy works even if the browser is flaky and
+      // fails to call our global error handler, because it doesn't rely on
+      // the error event at all.
+      var didError = true;
+
+      // Create an event handler for our fake event. We will synchronously
+      // dispatch our fake event using `dispatchEvent`. Inside the handler, we
+      // call the user-provided callback.
+      var funcArgs = Array.prototype.slice.call(arguments, 3);
+      function callCallback() {
+        // We immediately remove the callback from event listeners so that
+        // nested `invokeGuardedCallback` calls do not clash. Otherwise, a
+        // nested call would trigger the fake event handlers of any call higher
+        // in the stack.
+        fakeNode.removeEventListener(evtType, callCallback, false);
+        func.apply(context, funcArgs);
+        didError = false;
+      }
+
+      // Create a global error event handler. We use this to capture the value
+      // that was thrown. It's possible that this error handler will fire more
+      // than once; for example, if non-React code also calls `dispatchEvent`
+      // and a handler for that event throws. We should be resilient to most of
+      // those cases. Even if our error event handler fires more than once, the
+      // last error event is always used. If the callback actually does error,
+      // we know that the last error event is the correct one, because it's not
+      // possible for anything else to have happened in between our callback
+      // erroring and the code that follows the `dispatchEvent` call below. If
+      // the callback doesn't error, but the error event was fired, we know to
+      // ignore it because `didError` will be false, as described above.
+      var error = void 0;
+      // Use this to track whether the error event is ever called.
+      var didSetError = false;
+      var isCrossOriginError = false;
+
+      function onError(event) {
+        error = event.error;
+        didSetError = true;
+        if (error === null && event.colno === 0 && event.lineno === 0) {
+          isCrossOriginError = true;
+        }
+      }
+
+      // Create a fake event type.
+      var evtType = "react-" + (name ? name : "invokeguardedcallback");
+
+      // Attach our event handlers
+      window.addEventListener("error", onError);
+      fakeNode.addEventListener(evtType, callCallback, false);
+
+      // Synchronously dispatch our fake event. If the user-provided function
+      // errors, it will trigger our global error handler.
+      evt.initEvent(evtType, false, false);
+      fakeNode.dispatchEvent(evt);
+
+      if (didError) {
+        if (!didSetError) {
+          // The callback errored, but the error event never fired.
+          error = new Error(
+            "An error was thrown inside one of your components, but React " +
+              "doesn't know what it was. This is likely due to browser " +
+              'flakiness. React does its best to preserve the "Pause on ' +
+              'exceptions" behavior of the DevTools, which requires some ' +
+              "DEV-mode only tricks. It's possible that these don't work in " +
+              "your browser. Try triggering the error in production mode, " +
+              "or switching to a modern browser. If you suspect that this is " +
+              "actually an issue with React, please file an issue."
+          );
+        } else if (isCrossOriginError) {
+          error = new Error(
+            "A cross-origin error was thrown. React doesn't have access to " +
+              "the actual error object in development. " +
+              "See https://fb.me/react-crossorigin-error for more information."
+          );
+        }
+        this._hasCaughtError = true;
+        this._caughtError = error;
+      } else {
+        this._hasCaughtError = false;
+        this._caughtError = null;
+      }
+
+      // Remove our event listeners
+      window.removeEventListener("error", onError);
+    };
+
+    invokeGuardedCallback = invokeGuardedCallbackDev;
+  }
+}
+
+var invokeGuardedCallback$1 = invokeGuardedCallback;
+
+var ReactErrorUtils = {
+  // Used by Fiber to simulate a try-catch.
+  _caughtError: null,
+  _hasCaughtError: false,
+
+  // Used by event system to capture/rethrow the first error.
+  _rethrowError: null,
+  _hasRethrowError: false,
+
+  /**
+   * Call a function while guarding against errors that happens within it.
+   * Returns an error if it throws, otherwise null.
+   *
+   * In production, this is implemented using a try-catch. The reason we don't
+   * use a try-catch directly is so that we can swap out a different
+   * implementation in DEV mode.
+   *
+   * @param {String} name of the guard to use for logging or debugging
+   * @param {Function} func The function to invoke
+   * @param {*} context The context to use when calling the function
+   * @param {...*} args Arguments for function
+   */
+  invokeGuardedCallback: function(name, func, context, a, b, c, d, e, f) {
+    invokeGuardedCallback$1.apply(ReactErrorUtils, arguments);
+  },
+
+  /**
+   * Same as invokeGuardedCallback, but instead of returning an error, it stores
+   * it in a global so it can be rethrown by `rethrowCaughtError` later.
+   * TODO: See if _caughtError and _rethrowError can be unified.
+   *
+   * @param {String} name of the guard to use for logging or debugging
+   * @param {Function} func The function to invoke
+   * @param {*} context The context to use when calling the function
+   * @param {...*} args Arguments for function
+   */
+  invokeGuardedCallbackAndCatchFirstError: function(
+    name,
+    func,
+    context,
+    a,
+    b,
+    c,
+    d,
+    e,
+    f
+  ) {
+    ReactErrorUtils.invokeGuardedCallback.apply(this, arguments);
+    if (ReactErrorUtils.hasCaughtError()) {
+      var error = ReactErrorUtils.clearCaughtError();
+      if (!ReactErrorUtils._hasRethrowError) {
+        ReactErrorUtils._hasRethrowError = true;
+        ReactErrorUtils._rethrowError = error;
+      }
+    }
+  },
+
+  /**
+   * During execution of guarded functions we will capture the first error which
+   * we will rethrow to be handled by the top level error handler.
+   */
+  rethrowCaughtError: function() {
+    return rethrowCaughtError.apply(ReactErrorUtils, arguments);
+  },
+
+  hasCaughtError: function() {
+    return ReactErrorUtils._hasCaughtError;
+  },
+
+  clearCaughtError: function() {
+    if (ReactErrorUtils._hasCaughtError) {
+      var error = ReactErrorUtils._caughtError;
+      ReactErrorUtils._caughtError = null;
+      ReactErrorUtils._hasCaughtError = false;
+      return error;
+    } else {
+      invariant(
+        false,
+        "clearCaughtError was called but no error was captured. This error " +
+          "is likely caused by a bug in React. Please file an issue."
+      );
+    }
+  }
+};
+
+var rethrowCaughtError = function() {
+  if (ReactErrorUtils._hasRethrowError) {
+    var error = ReactErrorUtils._rethrowError;
+    ReactErrorUtils._rethrowError = null;
+    ReactErrorUtils._hasRethrowError = false;
+    throw error;
+  }
+};
+
+/**
+ * Injectable ordering of event plugins.
+ */
+var eventPluginOrder = null;
+
+/**
+ * Injectable mapping from names to event plugin modules.
+ */
+var namesToPlugins = {};
+
+/**
+ * Recomputes the plugin list using the injected plugins and plugin ordering.
+ *
+ * @private
+ */
+function recomputePluginOrdering() {
+  if (!eventPluginOrder) {
+    // Wait until an `eventPluginOrder` is injected.
+    return;
+  }
+  for (var pluginName in namesToPlugins) {
+    var pluginModule = namesToPlugins[pluginName];
+    var pluginIndex = eventPluginOrder.indexOf(pluginName);
+    invariant(
+      pluginIndex > -1,
+      "EventPluginRegistry: Cannot inject event plugins that do not exist in " +
+        "the plugin ordering, `%s`.",
+      pluginName
+    );
+    if (plugins[pluginIndex]) {
+      continue;
+    }
+    invariant(
+      pluginModule.extractEvents,
+      "EventPluginRegistry: Event plugins must implement an `extractEvents` " +
+        "method, but `%s` does not.",
+      pluginName
+    );
+    plugins[pluginIndex] = pluginModule;
+    var publishedEvents = pluginModule.eventTypes;
+    for (var eventName in publishedEvents) {
+      invariant(
+        publishEventForPlugin(
+          publishedEvents[eventName],
+          pluginModule,
+          eventName
+        ),
+        "EventPluginRegistry: Failed to publish event `%s` for plugin `%s`.",
+        eventName,
+        pluginName
+      );
+    }
+  }
+}
+
+/**
+ * Publishes an event so that it can be dispatched by the supplied plugin.
+ *
+ * @param {object} dispatchConfig Dispatch configuration for the event.
+ * @param {object} PluginModule Plugin publishing the event.
+ * @return {boolean} True if the event was successfully published.
+ * @private
+ */
+function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
+  invariant(
+    !eventNameDispatchConfigs.hasOwnProperty(eventName),
+    "EventPluginHub: More than one plugin attempted to publish the same " +
+      "event name, `%s`.",
+    eventName
+  );
+  eventNameDispatchConfigs[eventName] = dispatchConfig;
+
+  var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+  if (phasedRegistrationNames) {
+    for (var phaseName in phasedRegistrationNames) {
+      if (phasedRegistrationNames.hasOwnProperty(phaseName)) {
+        var phasedRegistrationName = phasedRegistrationNames[phaseName];
+        publishRegistrationName(
+          phasedRegistrationName,
+          pluginModule,
+          eventName
+        );
+      }
+    }
+    return true;
+  } else if (dispatchConfig.registrationName) {
+    publishRegistrationName(
+      dispatchConfig.registrationName,
+      pluginModule,
+      eventName
+    );
+    return true;
+  }
+  return false;
+}
+
+/**
+ * Publishes a registration name that is used to identify dispatched events.
+ *
+ * @param {string} registrationName Registration name to add.
+ * @param {object} PluginModule Plugin publishing the event.
+ * @private
+ */
+function publishRegistrationName(registrationName, pluginModule, eventName) {
+  invariant(
+    !registrationNameModules[registrationName],
+    "EventPluginHub: More than one plugin attempted to publish the same " +
+      "registration name, `%s`.",
+    registrationName
+  );
+  registrationNameModules[registrationName] = pluginModule;
+  registrationNameDependencies[registrationName] =
+    pluginModule.eventTypes[eventName].dependencies;
+
+  {
+    var lowerCasedName = registrationName.toLowerCase();
+  }
+}
+
+/**
+ * Registers plugins so that they can extract and dispatch events.
+ *
+ * @see {EventPluginHub}
+ */
+
+/**
+ * Ordered list of injected plugins.
+ */
+var plugins = [];
+
+/**
+ * Mapping from event name to dispatch config
+ */
+var eventNameDispatchConfigs = {};
+
+/**
+ * Mapping from registration name to plugin module
+ */
+var registrationNameModules = {};
+
+/**
+ * Mapping from registration name to event name
+ */
+var registrationNameDependencies = {};
+
+/**
+ * Mapping from lowercase registration names to the properly cased version,
+ * used to warn in the case of missing event handlers. Available
+ * only in true.
+ * @type {Object}
+ */
+
+// Trust the developer to only use possibleRegistrationNames in true
+
+/**
+ * Injects an ordering of plugins (by plugin name). This allows the ordering
+ * to be decoupled from injection of the actual plugins so that ordering is
+ * always deterministic regardless of packaging, on-the-fly injection, etc.
+ *
+ * @param {array} InjectedEventPluginOrder
+ * @internal
+ * @see {EventPluginHub.injection.injectEventPluginOrder}
+ */
+function injectEventPluginOrder(injectedEventPluginOrder) {
+  invariant(
+    !eventPluginOrder,
+    "EventPluginRegistry: Cannot inject event plugin ordering more than " +
+      "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);
+  recomputePluginOrdering();
+}
+
+/**
+ * Injects plugins to be used by `EventPluginHub`. The plugin names must be
+ * in the ordering injected by `injectEventPluginOrder`.
+ *
+ * Plugins can be injected as part of page initialization or on-the-fly.
+ *
+ * @param {object} injectedNamesToPlugins Map from names to plugin modules.
+ * @internal
+ * @see {EventPluginHub.injection.injectEventPluginsByName}
+ */
+function injectEventPluginsByName(injectedNamesToPlugins) {
+  var isOrderingDirty = false;
+  for (var pluginName in injectedNamesToPlugins) {
+    if (!injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+      continue;
+    }
+    var pluginModule = injectedNamesToPlugins[pluginName];
+    if (
+      !namesToPlugins.hasOwnProperty(pluginName) ||
+      namesToPlugins[pluginName] !== pluginModule
+    ) {
+      invariant(
+        !namesToPlugins[pluginName],
+        "EventPluginRegistry: Cannot inject two different event plugins " +
+          "using the same name, `%s`.",
+        pluginName
+      );
+      namesToPlugins[pluginName] = pluginModule;
+      isOrderingDirty = true;
+    }
+  }
+  if (isOrderingDirty) {
+    recomputePluginOrdering();
+  }
+}
+
+var getFiberCurrentPropsFromNode = null;
+var getInstanceFromNode = null;
+var getNodeFromInstance = null;
+
+var injection$1 = {
+  injectComponentTree: function(Injected) {
+    getFiberCurrentPropsFromNode = Injected.getFiberCurrentPropsFromNode;
+    getInstanceFromNode = Injected.getInstanceFromNode;
+    getNodeFromInstance = Injected.getNodeFromInstance;
+
+    {
+      !(getNodeFromInstance && getInstanceFromNode)
+        ? warning(
+            false,
+            "EventPluginUtils.injection.injectComponentTree(...): Injected " +
+              "module is missing getNodeFromInstance or getInstanceFromNode."
+          )
+        : void 0;
+    }
+  }
+};
+
+var validateEventDispatches = void 0;
+{
+  validateEventDispatches = function(event) {
+    var dispatchListeners = event._dispatchListeners;
+    var dispatchInstances = event._dispatchInstances;
+
+    var listenersIsArr = Array.isArray(dispatchListeners);
+    var listenersLen = listenersIsArr
+      ? dispatchListeners.length
+      : dispatchListeners ? 1 : 0;
+
+    var instancesIsArr = Array.isArray(dispatchInstances);
+    var instancesLen = instancesIsArr
+      ? dispatchInstances.length
+      : dispatchInstances ? 1 : 0;
+
+    !(instancesIsArr === listenersIsArr && instancesLen === listenersLen)
+      ? warning(false, "EventPluginUtils: Invalid `event`.")
+      : void 0;
+  };
+}
+
+/**
+ * Dispatch the event to the listener.
+ * @param {SyntheticEvent} event SyntheticEvent to handle
+ * @param {boolean} simulated If the event is simulated (changes exn behavior)
+ * @param {function} listener Application-level callback
+ * @param {*} inst Internal component instance
+ */
+function executeDispatch(event, simulated, listener, inst) {
+  var type = event.type || "unknown-event";
+  event.currentTarget = getNodeFromInstance(inst);
+  ReactErrorUtils.invokeGuardedCallbackAndCatchFirstError(
+    type,
+    listener,
+    undefined,
+    event
+  );
+  event.currentTarget = null;
+}
+
+/**
+ * Standard/simple iteration through an event's collected dispatches.
+ */
+function executeDispatchesInOrder(event, simulated) {
+  var dispatchListeners = event._dispatchListeners;
+  var dispatchInstances = event._dispatchInstances;
+  {
+    validateEventDispatches(event);
+  }
+  if (Array.isArray(dispatchListeners)) {
+    for (var i = 0; i < dispatchListeners.length; i++) {
+      if (event.isPropagationStopped()) {
+        break;
+      }
+      // Listeners and Instances are two parallel arrays that are always in sync.
+      executeDispatch(
+        event,
+        simulated,
+        dispatchListeners[i],
+        dispatchInstances[i]
+      );
+    }
+  } else if (dispatchListeners) {
+    executeDispatch(event, simulated, dispatchListeners, dispatchInstances);
+  }
+  event._dispatchListeners = null;
+  event._dispatchInstances = null;
+}
+
+/**
+ * Standard/simple iteration through an event's collected dispatches, but stops
+ * at the first dispatch execution returning true, and returns that id.
+ *
+ * @return {?string} id of the first dispatch execution who's listener returns
+ * true, or null if no listener returned true.
+ */
+function executeDispatchesInOrderStopAtTrueImpl(event) {
+  var dispatchListeners = event._dispatchListeners;
+  var dispatchInstances = event._dispatchInstances;
+  {
+    validateEventDispatches(event);
+  }
+  if (Array.isArray(dispatchListeners)) {
+    for (var i = 0; i < dispatchListeners.length; i++) {
+      if (event.isPropagationStopped()) {
+        break;
+      }
+      // Listeners and Instances are two parallel arrays that are always in sync.
+      if (dispatchListeners[i](event, dispatchInstances[i])) {
+        return dispatchInstances[i];
+      }
+    }
+  } else if (dispatchListeners) {
+    if (dispatchListeners(event, dispatchInstances)) {
+      return dispatchInstances;
+    }
+  }
+  return null;
+}
+
+/**
+ * @see executeDispatchesInOrderStopAtTrueImpl
+ */
+function executeDispatchesInOrderStopAtTrue(event) {
+  var ret = executeDispatchesInOrderStopAtTrueImpl(event);
+  event._dispatchInstances = null;
+  event._dispatchListeners = null;
+  return ret;
+}
+
+/**
+ * Execution of a "direct" dispatch - there must be at most one dispatch
+ * accumulated on the event or it is considered an error. It doesn't really make
+ * sense for an event with multiple dispatches (bubbled) to keep track of the
+ * return values at each dispatch execution, but it does tend to make sense when
+ * dealing with "direct" dispatches.
+ *
+ * @return {*} The return value of executing the single dispatch.
+ */
+function executeDirectDispatch(event) {
+  {
+    validateEventDispatches(event);
+  }
+  var dispatchListener = event._dispatchListeners;
+  var dispatchInstance = event._dispatchInstances;
+  invariant(
+    !Array.isArray(dispatchListener),
+    "executeDirectDispatch(...): Invalid `event`."
+  );
+  event.currentTarget = dispatchListener
+    ? getNodeFromInstance(dispatchInstance)
+    : null;
+  var res = dispatchListener ? dispatchListener(event) : null;
+  event.currentTarget = null;
+  event._dispatchListeners = null;
+  event._dispatchInstances = null;
+  return res;
+}
+
+/**
+ * @param {SyntheticEvent} event
+ * @return {boolean} True iff number of dispatches accumulated is greater than 0.
+ */
+function hasDispatches(event) {
+  return !!event._dispatchListeners;
+}
+
+/**
+ * Accumulates items that must not be null or undefined into the first one. This
+ * is used to conserve memory by avoiding array allocations, and thus sacrifices
+ * API cleanness. Since `current` can be null before being passed in and not
+ * null after this function, make sure to assign it back to `current`:
+ *
+ * `a = accumulateInto(a, b);`
+ *
+ * This API should be sparingly used. Try `accumulate` for something cleaner.
+ *
+ * @return {*|array<*>} An accumulation of items.
+ */
+
+function accumulateInto(current, next) {
+  invariant(
+    next != null,
+    "accumulateInto(...): Accumulated items must not be null or undefined."
+  );
+
+  if (current == null) {
+    return next;
+  }
+
+  // Both are not empty. Warning: Never call x.concat(y) when you are not
+  // certain that x is an Array (x could be a string with concat method).
+  if (Array.isArray(current)) {
+    if (Array.isArray(next)) {
+      current.push.apply(current, next);
+      return current;
+    }
+    current.push(next);
+    return current;
+  }
+
+  if (Array.isArray(next)) {
+    // A bit too dangerous to mutate `next`.
+    return [current].concat(next);
+  }
+
+  return [current, next];
+}
+
+/**
+ * @param {array} arr an "accumulation" of items which is either an Array or
+ * a single item. Useful when paired with the `accumulate` module. This is a
+ * simple utility that allows us to reason about a collection of items, but
+ * handling the case when there is exactly one item (and we do not need to
+ * allocate an array).
+ * @param {function} cb Callback invoked with each element or a collection.
+ * @param {?} [scope] Scope used as `this` in a callback.
+ */
+function forEachAccumulated(arr, cb, scope) {
+  if (Array.isArray(arr)) {
+    arr.forEach(cb, scope);
+  } else if (arr) {
+    cb.call(scope, arr);
+  }
+}
+
+/**
+ * Internal queue of events that have accumulated their dispatches and are
+ * waiting to have their dispatches executed.
+ */
+var eventQueue = null;
+
+/**
+ * Dispatches an event and releases it back into the pool, unless persistent.
+ *
+ * @param {?object} event Synthetic event to be dispatched.
+ * @param {boolean} simulated If the event is simulated (changes exn behavior)
+ * @private
+ */
+var executeDispatchesAndRelease = function(event, simulated) {
+  if (event) {
+    executeDispatchesInOrder(event, simulated);
+
+    if (!event.isPersistent()) {
+      event.constructor.release(event);
+    }
+  }
+};
+var executeDispatchesAndReleaseSimulated = function(e) {
+  return executeDispatchesAndRelease(e, true);
+};
+var executeDispatchesAndReleaseTopLevel = function(e) {
+  return executeDispatchesAndRelease(e, false);
+};
+
+function isInteractive(tag) {
+  return (
+    tag === "button" ||
+    tag === "input" ||
+    tag === "select" ||
+    tag === "textarea"
+  );
+}
+
+function shouldPreventMouseEvent(name, type, props) {
+  switch (name) {
+    case "onClick":
+    case "onClickCapture":
+    case "onDoubleClick":
+    case "onDoubleClickCapture":
+    case "onMouseDown":
+    case "onMouseDownCapture":
+    case "onMouseMove":
+    case "onMouseMoveCapture":
+    case "onMouseUp":
+    case "onMouseUpCapture":
+      return !!(props.disabled && isInteractive(type));
+    default:
+      return false;
+  }
+}
+
+/**
+ * This is a unified interface for event plugins to be installed and configured.
+ *
+ * Event plugins can implement the following properties:
+ *
+ *   `extractEvents` {function(string, DOMEventTarget, string, object): *}
+ *     Required. When a top-level event is fired, this method is expected to
+ *     extract synthetic events that will in turn be queued and dispatched.
+ *
+ *   `eventTypes` {object}
+ *     Optional, plugins that fire events must publish a mapping of registration
+ *     names that are used to register listeners. Values of this mapping must
+ *     be objects that contain `registrationName` or `phasedRegistrationNames`.
+ *
+ *   `executeDispatch` {function(object, function, string)}
+ *     Optional, allows plugins to override how an event gets dispatched. By
+ *     default, the listener is simply invoked.
+ *
+ * Each plugin that is injected into `EventsPluginHub` is immediately operable.
+ *
+ * @public
+ */
+
+/**
+ * Methods for injecting dependencies.
+ */
+var injection = {
+  /**
+   * @param {array} InjectedEventPluginOrder
+   * @public
+   */
+  injectEventPluginOrder: injectEventPluginOrder,
+
+  /**
+   * @param {object} injectedNamesToPlugins Map from names to plugin modules.
+   */
+  injectEventPluginsByName: injectEventPluginsByName
+};
+
+/**
+ * @param {object} inst The instance, which is the source of events.
+ * @param {string} registrationName Name of listener (e.g. `onClick`).
+ * @return {?function} The stored callback.
+ */
+function getListener(inst, registrationName) {
+  var listener = void 0;
+
+  // TODO: shouldPreventMouseEvent is DOM-specific and definitely should not
+  // live here; needs to be moved to a better place soon
+  var stateNode = inst.stateNode;
+  if (!stateNode) {
+    // Work in progress (ex: onload events in incremental mode).
+    return null;
+  }
+  var props = getFiberCurrentPropsFromNode(stateNode);
+  if (!props) {
+    // Work in progress.
+    return null;
+  }
+  listener = props[registrationName];
+  if (shouldPreventMouseEvent(registrationName, inst.type, props)) {
+    return null;
+  }
+  invariant(
+    !listener || typeof listener === "function",
+    "Expected `%s` listener to be a function, instead got a value of `%s` type.",
+    registrationName,
+    typeof listener
+  );
+  return listener;
+}
+
+/**
+ * Allows registered plugins an opportunity to extract events from top-level
+ * native browser events.
+ *
+ * @return {*} An accumulation of synthetic events.
+ * @internal
+ */
+function extractEvents(
+  topLevelType,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget
+) {
+  var events = null;
+  for (var i = 0; i < plugins.length; i++) {
+    // Not every plugin in the ordering may be loaded at runtime.
+    var possiblePlugin = plugins[i];
+    if (possiblePlugin) {
+      var extractedEvents = possiblePlugin.extractEvents(
+        topLevelType,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget
+      );
+      if (extractedEvents) {
+        events = accumulateInto(events, extractedEvents);
+      }
+    }
+  }
+  return events;
+}
+
+function runEventsInBatch(events, simulated) {
+  if (events !== null) {
+    eventQueue = accumulateInto(eventQueue, events);
+  }
+
+  // Set `eventQueue` to null before processing it so that we can tell if more
+  // events get enqueued while processing.
+  var processingEventQueue = eventQueue;
+  eventQueue = null;
+
+  if (!processingEventQueue) {
+    return;
+  }
+
+  if (simulated) {
+    forEachAccumulated(
+      processingEventQueue,
+      executeDispatchesAndReleaseSimulated
+    );
+  } else {
+    forEachAccumulated(
+      processingEventQueue,
+      executeDispatchesAndReleaseTopLevel
+    );
+  }
+  invariant(
+    !eventQueue,
+    "processEventQueue(): Additional events were enqueued while processing " +
+      "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();
+}
+
+function runExtractedEventsInBatch(
+  topLevelType,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget
+) {
+  var events = extractEvents(
+    topLevelType,
+    targetInst,
+    nativeEvent,
+    nativeEventTarget
+  );
+  runEventsInBatch(events, false);
+}
+
+var IndeterminateComponent = 0; // Before we know whether it is functional or class
+var FunctionalComponent = 1;
+var ClassComponent = 2;
+var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
+var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
+var HostComponent = 5;
+var HostText = 6;
+
+var Fragment = 10;
+var Mode = 11;
+var ContextConsumer = 12;
+var ContextProvider = 13;
+var ForwardRef = 14;
+var Profiler = 15;
+var TimeoutComponent = 16;
+
+function getParent(inst) {
+  do {
+    inst = inst.return;
+    // TODO: If this is a HostRoot we might want to bail out.
+    // That is depending on if we want nested subtrees (layers) to bubble
+    // events to their parent. We could also go through parentNode on the
+    // host node but that wouldn't work for React Native and doesn't let us
+    // do the portal feature.
+  } while (inst && inst.tag !== HostComponent);
+  if (inst) {
+    return inst;
+  }
+  return null;
+}
+
+/**
+ * Return the lowest common ancestor of A and B, or null if they are in
+ * different trees.
+ */
+function getLowestCommonAncestor(instA, instB) {
+  var depthA = 0;
+  for (var tempA = instA; tempA; tempA = getParent(tempA)) {
+    depthA++;
+  }
+  var depthB = 0;
+  for (var tempB = instB; tempB; tempB = getParent(tempB)) {
+    depthB++;
+  }
+
+  // If A is deeper, crawl up.
+  while (depthA - depthB > 0) {
+    instA = getParent(instA);
+    depthA--;
+  }
+
+  // If B is deeper, crawl up.
+  while (depthB - depthA > 0) {
+    instB = getParent(instB);
+    depthB--;
+  }
+
+  // Walk in lockstep until we find a match.
+  var depth = depthA;
+  while (depth--) {
+    if (instA === instB || instA === instB.alternate) {
+      return instA;
+    }
+    instA = getParent(instA);
+    instB = getParent(instB);
+  }
+  return null;
+}
+
+/**
+ * Return if A is an ancestor of B.
+ */
+function isAncestor(instA, instB) {
+  while (instB) {
+    if (instA === instB || instA === instB.alternate) {
+      return true;
+    }
+    instB = getParent(instB);
+  }
+  return false;
+}
+
+/**
+ * Return the parent instance of the passed-in instance.
+ */
+function getParentInstance(inst) {
+  return getParent(inst);
+}
+
+/**
+ * Simulates the traversal of a two-phase, capture/bubble event dispatch.
+ */
+function traverseTwoPhase(inst, fn, arg) {
+  var path = [];
+  while (inst) {
+    path.push(inst);
+    inst = getParent(inst);
+  }
+  var i = void 0;
+  for (i = path.length; i-- > 0; ) {
+    fn(path[i], "captured", arg);
+  }
+  for (i = 0; i < path.length; i++) {
+    fn(path[i], "bubbled", arg);
+  }
+}
+
+/**
+ * Traverses the ID hierarchy and invokes the supplied `cb` on any IDs that
+ * should would receive a `mouseEnter` or `mouseLeave` event.
+ *
+ * Does not invoke the callback on the nearest common ancestor because nothing
+ * "entered" or "left" that element.
+ */
+
+/**
+ * Some event types have a notion of different registration names for different
+ * "phases" of propagation. This finds listeners by a given phase.
+ */
+function listenerAtPhase(inst, event, propagationPhase) {
+  var registrationName =
+    event.dispatchConfig.phasedRegistrationNames[propagationPhase];
+  return getListener(inst, registrationName);
+}
+
+/**
+ * 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
+ * are sets of events that have already been annotated with a set of dispatched
+ * listener functions/ids. The API is designed this way to discourage these
+ * propagation strategies from actually executing the dispatches, since we
+ * always want to collect the entire set of dispatches before executing even a
+ * single one.
+ */
+
+/**
+ * Tags a `SyntheticEvent` with dispatched listeners. Creating this function
+ * here, allows us to not have to bind or create functions for each event.
+ * Mutating the event's members allows us to not have to create a wrapping
+ * "dispatch" object that pairs the event with the listener.
+ */
+function accumulateDirectionalDispatches(inst, phase, event) {
+  {
+    !inst ? warning(false, "Dispatching inst must not be null") : void 0;
+  }
+  var listener = listenerAtPhase(inst, event, phase);
+  if (listener) {
+    event._dispatchListeners = accumulateInto(
+      event._dispatchListeners,
+      listener
+    );
+    event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
+  }
+}
+
+/**
+ * Collect dispatches (must be entirely collected before dispatching - see unit
+ * tests). Lazily allocate the array to conserve memory.  We must loop through
+ * each event and perform the traversal for each one. We cannot perform a
+ * single traversal for the entire collection of events because each event may
+ * have a different target.
+ */
+function accumulateTwoPhaseDispatchesSingle(event) {
+  if (event && event.dispatchConfig.phasedRegistrationNames) {
+    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+  }
+}
+
+/**
+ * Same as `accumulateTwoPhaseDispatchesSingle`, but skips over the targetID.
+ */
+function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
+  if (event && event.dispatchConfig.phasedRegistrationNames) {
+    var targetInst = event._targetInst;
+    var parentInst = targetInst ? getParentInstance(targetInst) : null;
+    traverseTwoPhase(parentInst, accumulateDirectionalDispatches, event);
+  }
+}
+
+/**
+ * Accumulates without regard to direction, does not look for phased
+ * registration names. Same as `accumulateDirectDispatchesSingle` but without
+ * requiring that the `dispatchMarker` be the same as the dispatched ID.
+ */
+function accumulateDispatches(inst, ignoredDirection, event) {
+  if (inst && event && event.dispatchConfig.registrationName) {
+    var registrationName = event.dispatchConfig.registrationName;
+    var listener = getListener(inst, registrationName);
+    if (listener) {
+      event._dispatchListeners = accumulateInto(
+        event._dispatchListeners,
+        listener
+      );
+      event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
+    }
+  }
+}
+
+/**
+ * Accumulates dispatches on an `SyntheticEvent`, but only for the
+ * `dispatchMarker`.
+ * @param {SyntheticEvent} event
+ */
+function accumulateDirectDispatchesSingle(event) {
+  if (event && event.dispatchConfig.registrationName) {
+    accumulateDispatches(event._targetInst, null, event);
+  }
+}
+
+function accumulateTwoPhaseDispatches(events) {
+  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle);
+}
+
+function accumulateTwoPhaseDispatchesSkipTarget(events) {
+  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
+}
+
+function accumulateDirectDispatches(events) {
+  forEachAccumulated(events, accumulateDirectDispatchesSingle);
+}
+
+/* eslint valid-typeof: 0 */
+
+var didWarnForAddedNewProperty = false;
+var EVENT_POOL_SIZE = 10;
+
+var shouldBeReleasedProperties = [
+  "dispatchConfig",
+  "_targetInst",
+  "nativeEvent",
+  "isDefaultPrevented",
+  "isPropagationStopped",
+  "_dispatchListeners",
+  "_dispatchInstances"
+];
+
+/**
+ * @interface Event
+ * @see http://www.w3.org/TR/DOM-Level-3-Events/
+ */
+var EventInterface = {
+  type: null,
+  target: null,
+  // currentTarget is set when dispatching; no use in copying it here
+  currentTarget: function() {
+    return null;
+  },
+  eventPhase: null,
+  bubbles: null,
+  cancelable: null,
+  timeStamp: function(event) {
+    return event.timeStamp || Date.now();
+  },
+  defaultPrevented: null,
+  isTrusted: null
+};
+
+function functionThatReturnsTrue() {
+  return true;
+}
+
+function functionThatReturnsFalse() {
+  return false;
+}
+
+/**
+ * Synthetic events are dispatched by event plugins, typically in response to a
+ * top-level event delegation handler.
+ *
+ * These systems should generally use pooling to reduce the frequency of garbage
+ * collection. The system should check `isPersistent` to determine whether the
+ * event should be released into the pool after being dispatched. Users that
+ * need a persisted event should invoke `persist`.
+ *
+ * Synthetic events (and subclasses) implement the DOM Level 3 Events API by
+ * normalizing browser quirks. Subclasses do not necessarily have to implement a
+ * DOM interface; custom application-specific events can also subclass this.
+ *
+ * @param {object} dispatchConfig Configuration used to dispatch this event.
+ * @param {*} targetInst Marker identifying the event target.
+ * @param {object} nativeEvent Native browser event.
+ * @param {DOMEventTarget} nativeEventTarget Target node.
+ */
+function SyntheticEvent(
+  dispatchConfig,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget
+) {
+  {
+    // these have a getter/setter for warnings
+    delete this.nativeEvent;
+    delete this.preventDefault;
+    delete this.stopPropagation;
+  }
+
+  this.dispatchConfig = dispatchConfig;
+  this._targetInst = targetInst;
+  this.nativeEvent = nativeEvent;
+
+  var Interface = this.constructor.Interface;
+  for (var propName in Interface) {
+    if (!Interface.hasOwnProperty(propName)) {
+      continue;
+    }
+    {
+      delete this[propName]; // this has a getter/setter for warnings
+    }
+    var normalize = Interface[propName];
+    if (normalize) {
+      this[propName] = normalize(nativeEvent);
+    } else {
+      if (propName === "target") {
+        this.target = nativeEventTarget;
+      } else {
+        this[propName] = nativeEvent[propName];
+      }
+    }
+  }
+
+  var defaultPrevented =
+    nativeEvent.defaultPrevented != null
+      ? nativeEvent.defaultPrevented
+      : nativeEvent.returnValue === false;
+  if (defaultPrevented) {
+    this.isDefaultPrevented = functionThatReturnsTrue;
+  } else {
+    this.isDefaultPrevented = functionThatReturnsFalse;
+  }
+  this.isPropagationStopped = functionThatReturnsFalse;
+  return this;
+}
+
+Object.assign(SyntheticEvent.prototype, {
+  preventDefault: function() {
+    this.defaultPrevented = true;
+    var event = this.nativeEvent;
+    if (!event) {
+      return;
+    }
+
+    if (event.preventDefault) {
+      event.preventDefault();
+    } else if (typeof event.returnValue !== "unknown") {
+      event.returnValue = false;
+    }
+    this.isDefaultPrevented = functionThatReturnsTrue;
+  },
+
+  stopPropagation: function() {
+    var event = this.nativeEvent;
+    if (!event) {
+      return;
+    }
+
+    if (event.stopPropagation) {
+      event.stopPropagation();
+    } else if (typeof event.cancelBubble !== "unknown") {
+      // 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
+      // typeof check of "unknown" circumvents this issue (and is also
+      // IE specific).
+      event.cancelBubble = true;
+    }
+
+    this.isPropagationStopped = functionThatReturnsTrue;
+  },
+
+  /**
+   * We release all dispatched `SyntheticEvent`s after each event loop, adding
+   * them back into the pool. This allows a way to hold onto a reference that
+   * won't be added back into the pool.
+   */
+  persist: function() {
+    this.isPersistent = functionThatReturnsTrue;
+  },
+
+  /**
+   * Checks if this event should be released back into the pool.
+   *
+   * @return {boolean} True if this should not be released, false otherwise.
+   */
+  isPersistent: functionThatReturnsFalse,
+
+  /**
+   * `PooledClass` looks for `destructor` on each instance it releases.
+   */
+  destructor: function() {
+    var Interface = this.constructor.Interface;
+    for (var propName in Interface) {
+      {
+        Object.defineProperty(
+          this,
+          propName,
+          getPooledWarningPropertyDefinition(propName, Interface[propName])
+        );
+      }
+    }
+    for (var i = 0; i < shouldBeReleasedProperties.length; i++) {
+      this[shouldBeReleasedProperties[i]] = null;
+    }
+    {
+      Object.defineProperty(
+        this,
+        "nativeEvent",
+        getPooledWarningPropertyDefinition("nativeEvent", null)
+      );
+      Object.defineProperty(
+        this,
+        "preventDefault",
+        getPooledWarningPropertyDefinition("preventDefault", function() {})
+      );
+      Object.defineProperty(
+        this,
+        "stopPropagation",
+        getPooledWarningPropertyDefinition("stopPropagation", function() {})
+      );
+    }
+  }
+});
+
+SyntheticEvent.Interface = EventInterface;
+
+/**
+ * Helper to reduce boilerplate when creating subclasses.
+ */
+SyntheticEvent.extend = function(Interface) {
+  var Super = this;
+
+  var E = function() {};
+  E.prototype = Super.prototype;
+  var prototype = new E();
+
+  function Class() {
+    return Super.apply(this, arguments);
+  }
+  Object.assign(prototype, Class.prototype);
+  Class.prototype = prototype;
+  Class.prototype.constructor = Class;
+
+  Class.Interface = Object.assign({}, Super.Interface, Interface);
+  Class.extend = Super.extend;
+  addEventPoolingTo(Class);
+
+  return Class;
+};
+
+/** Proxying after everything set on SyntheticEvent
+ * to resolve Proxy issue on some WebKit browsers
+ * in which some Event properties are set to undefined (GH#10010)
+ */
+{
+  var isProxySupported =
+    typeof Proxy === "function" &&
+    // https://github.com/facebook/react/issues/12011
+    !Object.isSealed(new Proxy({}, {}));
+
+  if (isProxySupported) {
+    /*eslint-disable no-func-assign */
+    SyntheticEvent = new Proxy(SyntheticEvent, {
+      construct: function(target, args) {
+        return this.apply(target, Object.create(target.prototype), args);
+      },
+      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
+            ) {
+              !(didWarnForAddedNewProperty || target.isPersistent())
+                ? warning(
+                    false,
+                    "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."
+                  )
+                : void 0;
+              didWarnForAddedNewProperty = true;
+            }
+            target[prop] = value;
+            return true;
+          }
+        });
+      }
+    });
+    /*eslint-enable no-func-assign */
+  }
+}
+
+addEventPoolingTo(SyntheticEvent);
+
+/**
+ * Helper to nullify syntheticEvent instance properties when destructing
+ *
+ * @param {String} propName
+ * @param {?object} getVal
+ * @return {object} defineProperty object
+ */
+function getPooledWarningPropertyDefinition(propName, getVal) {
+  var isFunction = typeof getVal === "function";
+  return {
+    configurable: true,
+    set: set,
+    get: get$$1
+  };
+
+  function set(val) {
+    var action = isFunction ? "setting the method" : "setting the property";
+    warn(action, "This is effectively a no-op");
+    return val;
+  }
+
+  function get$$1() {
+    var action = isFunction ? "accessing the method" : "accessing the property";
+    var result = isFunction
+      ? "This is a no-op function"
+      : "This is set to null";
+    warn(action, result);
+    return getVal;
+  }
+
+  function warn(action, result) {
+    var warningCondition = false;
+    !warningCondition
+      ? warning(
+          false,
+          "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
+        )
+      : void 0;
+  }
+}
+
+function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
+  var EventConstructor = this;
+  if (EventConstructor.eventPool.length) {
+    var instance = EventConstructor.eventPool.pop();
+    EventConstructor.call(
+      instance,
+      dispatchConfig,
+      targetInst,
+      nativeEvent,
+      nativeInst
+    );
+    return instance;
+  }
+  return new EventConstructor(
+    dispatchConfig,
+    targetInst,
+    nativeEvent,
+    nativeInst
+  );
+}
+
+function releasePooledEvent(event) {
+  var EventConstructor = this;
+  invariant(
+    event instanceof EventConstructor,
+    "Trying to release an event instance  into a pool of a different type."
+  );
+  event.destructor();
+  if (EventConstructor.eventPool.length < EVENT_POOL_SIZE) {
+    EventConstructor.eventPool.push(event);
+  }
+}
+
+function addEventPoolingTo(EventConstructor) {
+  EventConstructor.eventPool = [];
+  EventConstructor.getPooled = getPooledEvent;
+  EventConstructor.release = releasePooledEvent;
+}
+
+var SyntheticEvent$1 = SyntheticEvent;
+
+/**
+ * `touchHistory` isn't actually on the native event, but putting it in the
+ * interface will ensure that it is cleaned up when pooled/destroyed. The
+ * `ResponderEventPlugin` will populate it appropriately.
+ */
+var ResponderSyntheticEvent = SyntheticEvent$1.extend({
+  touchHistory: function(nativeEvent) {
+    return null; // Actually doesn't even look at the native event.
+  }
+});
+
+var TOP_TOUCH_START = "topTouchStart";
+var TOP_TOUCH_MOVE = "topTouchMove";
+var TOP_TOUCH_END = "topTouchEnd";
+var TOP_TOUCH_CANCEL = "topTouchCancel";
+var TOP_SCROLL = "topScroll";
+var TOP_SELECTION_CHANGE = "topSelectionChange";
+
+function isStartish(topLevelType) {
+  return topLevelType === TOP_TOUCH_START;
+}
+
+function isMoveish(topLevelType) {
+  return topLevelType === TOP_TOUCH_MOVE;
+}
+
+function isEndish(topLevelType) {
+  return topLevelType === TOP_TOUCH_END || topLevelType === TOP_TOUCH_CANCEL;
+}
+
+var startDependencies = [TOP_TOUCH_START];
+var moveDependencies = [TOP_TOUCH_MOVE];
+var endDependencies = [TOP_TOUCH_CANCEL, TOP_TOUCH_END];
+
+/**
+ * Tracks the position and time of each active touch by `touch.identifier`. We
+ * should typically only see IDs in the range of 1-20 because IDs get recycled
+ * when touches end and start again.
+ */
+
+var MAX_TOUCH_BANK = 20;
+var touchBank = [];
+var touchHistory = {
+  touchBank: touchBank,
+  numberActiveTouches: 0,
+  // If there is only one active touch, we remember its location. This prevents
+  // us having to loop through all of the touches all the time in the most
+  // common case.
+  indexOfSingleActiveTouch: -1,
+  mostRecentTimeStamp: 0
+};
+
+function timestampForTouch(touch) {
+  // The legacy internal implementation provides "timeStamp", which has been
+  // renamed to "timestamp". Let both work for now while we iron it out
+  // TODO (evv): rename timeStamp to timestamp in internal code
+  return touch.timeStamp || touch.timestamp;
+}
+
+/**
+ * TODO: Instead of making gestures recompute filtered velocity, we could
+ * include a built in velocity computation that can be reused globally.
+ */
+function createTouchRecord(touch) {
+  return {
+    touchActive: true,
+    startPageX: touch.pageX,
+    startPageY: touch.pageY,
+    startTimeStamp: timestampForTouch(touch),
+    currentPageX: touch.pageX,
+    currentPageY: touch.pageY,
+    currentTimeStamp: timestampForTouch(touch),
+    previousPageX: touch.pageX,
+    previousPageY: touch.pageY,
+    previousTimeStamp: timestampForTouch(touch)
+  };
+}
+
+function resetTouchRecord(touchRecord, touch) {
+  touchRecord.touchActive = true;
+  touchRecord.startPageX = touch.pageX;
+  touchRecord.startPageY = touch.pageY;
+  touchRecord.startTimeStamp = timestampForTouch(touch);
+  touchRecord.currentPageX = touch.pageX;
+  touchRecord.currentPageY = touch.pageY;
+  touchRecord.currentTimeStamp = timestampForTouch(touch);
+  touchRecord.previousPageX = touch.pageX;
+  touchRecord.previousPageY = touch.pageY;
+  touchRecord.previousTimeStamp = timestampForTouch(touch);
+}
+
+function getTouchIdentifier(_ref) {
+  var identifier = _ref.identifier;
+
+  invariant(identifier != null, "Touch object is missing identifier.");
+  {
+    !(identifier <= MAX_TOUCH_BANK)
+      ? warning(
+          false,
+          "Touch identifier %s is greater than maximum supported %s which causes " +
+            "performance issues backfilling array locations for all of the indices.",
+          identifier,
+          MAX_TOUCH_BANK
+        )
+      : void 0;
+  }
+  return identifier;
+}
+
+function recordTouchStart(touch) {
+  var identifier = getTouchIdentifier(touch);
+  var touchRecord = touchBank[identifier];
+  if (touchRecord) {
+    resetTouchRecord(touchRecord, touch);
+  } else {
+    touchBank[identifier] = createTouchRecord(touch);
+  }
+  touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+}
+
+function recordTouchMove(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+  if (touchRecord) {
+    touchRecord.touchActive = true;
+    touchRecord.previousPageX = touchRecord.currentPageX;
+    touchRecord.previousPageY = touchRecord.currentPageY;
+    touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
+    touchRecord.currentPageX = touch.pageX;
+    touchRecord.currentPageY = touch.pageY;
+    touchRecord.currentTimeStamp = timestampForTouch(touch);
+    touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+  } else {
+    console.error(
+      "Cannot record touch move without a touch start.\n" + "Touch Move: %s\n",
+      "Touch Bank: %s",
+      printTouch(touch),
+      printTouchBank()
+    );
+  }
+}
+
+function recordTouchEnd(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+  if (touchRecord) {
+    touchRecord.touchActive = false;
+    touchRecord.previousPageX = touchRecord.currentPageX;
+    touchRecord.previousPageY = touchRecord.currentPageY;
+    touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
+    touchRecord.currentPageX = touch.pageX;
+    touchRecord.currentPageY = touch.pageY;
+    touchRecord.currentTimeStamp = timestampForTouch(touch);
+    touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+  } else {
+    console.error(
+      "Cannot record touch end without a touch start.\n" + "Touch End: %s\n",
+      "Touch Bank: %s",
+      printTouch(touch),
+      printTouchBank()
+    );
+  }
+}
+
+function printTouch(touch) {
+  return JSON.stringify({
+    identifier: touch.identifier,
+    pageX: touch.pageX,
+    pageY: touch.pageY,
+    timestamp: timestampForTouch(touch)
+  });
+}
+
+function printTouchBank() {
+  var printed = JSON.stringify(touchBank.slice(0, MAX_TOUCH_BANK));
+  if (touchBank.length > MAX_TOUCH_BANK) {
+    printed += " (original size: " + touchBank.length + ")";
+  }
+  return printed;
+}
+
+var ResponderTouchHistoryStore = {
+  recordTouchTrack: function(topLevelType, nativeEvent) {
+    if (isMoveish(topLevelType)) {
+      nativeEvent.changedTouches.forEach(recordTouchMove);
+    } else if (isStartish(topLevelType)) {
+      nativeEvent.changedTouches.forEach(recordTouchStart);
+      touchHistory.numberActiveTouches = nativeEvent.touches.length;
+      if (touchHistory.numberActiveTouches === 1) {
+        touchHistory.indexOfSingleActiveTouch =
+          nativeEvent.touches[0].identifier;
+      }
+    } else if (isEndish(topLevelType)) {
+      nativeEvent.changedTouches.forEach(recordTouchEnd);
+      touchHistory.numberActiveTouches = nativeEvent.touches.length;
+      if (touchHistory.numberActiveTouches === 1) {
+        for (var i = 0; i < touchBank.length; i++) {
+          var touchTrackToCheck = touchBank[i];
+          if (touchTrackToCheck != null && touchTrackToCheck.touchActive) {
+            touchHistory.indexOfSingleActiveTouch = i;
+            break;
+          }
+        }
+        {
+          var activeRecord = touchBank[touchHistory.indexOfSingleActiveTouch];
+          !(activeRecord != null && activeRecord.touchActive)
+            ? warning(false, "Cannot find single active touch.")
+            : void 0;
+        }
+      }
+    }
+  },
+
+  touchHistory: touchHistory
+};
+
+/**
+ * Accumulates items that must not be null or undefined.
+ *
+ * This is used to conserve memory by avoiding array allocations.
+ *
+ * @return {*|array<*>} An accumulation of items.
+ */
+function accumulate(current, next) {
+  invariant(
+    next != null,
+    "accumulate(...): Accumulated items must be not be null or undefined."
+  );
+
+  if (current == null) {
+    return next;
+  }
+
+  // Both are not empty. Warning: Never call x.concat(y) when you are not
+  // certain that x is an Array (x could be a string with concat method).
+  if (Array.isArray(current)) {
+    return current.concat(next);
+  }
+
+  if (Array.isArray(next)) {
+    return [current].concat(next);
+  }
+
+  return [current, next];
+}
+
+/**
+ * Instance of element that should respond to touch/move types of interactions,
+ * as indicated explicitly by relevant callbacks.
+ */
+var responderInst = null;
+
+/**
+ * Count of current touches. A textInput should become responder iff the
+ * selection changes while there is a touch on the screen.
+ */
+var trackedTouchCount = 0;
+
+var changeResponder = function(nextResponderInst, blockHostResponder) {
+  var oldResponderInst = responderInst;
+  responderInst = nextResponderInst;
+  if (ResponderEventPlugin.GlobalResponderHandler !== null) {
+    ResponderEventPlugin.GlobalResponderHandler.onChange(
+      oldResponderInst,
+      nextResponderInst,
+      blockHostResponder
+    );
+  }
+};
+
+var eventTypes$1 = {
+  /**
+   * On a `touchStart`/`mouseDown`, is it desired that this element become the
+   * responder?
+   */
+  startShouldSetResponder: {
+    phasedRegistrationNames: {
+      bubbled: "onStartShouldSetResponder",
+      captured: "onStartShouldSetResponderCapture"
+    },
+    dependencies: startDependencies
+  },
+
+  /**
+   * On a `scroll`, is it desired that this element become the responder? This
+   * is usually not needed, but should be used to retroactively infer that a
+   * `touchStart` had occurred during momentum scroll. During a momentum scroll,
+   * a touch start will be immediately followed by a scroll event if the view is
+   * currently scrolling.
+   *
+   * TODO: This shouldn't bubble.
+   */
+  scrollShouldSetResponder: {
+    phasedRegistrationNames: {
+      bubbled: "onScrollShouldSetResponder",
+      captured: "onScrollShouldSetResponderCapture"
+    },
+    dependencies: [TOP_SCROLL]
+  },
+
+  /**
+   * On text selection change, should this element become the responder? This
+   * is needed for text inputs or other views with native selection, so the
+   * JS view can claim the responder.
+   *
+   * TODO: This shouldn't bubble.
+   */
+  selectionChangeShouldSetResponder: {
+    phasedRegistrationNames: {
+      bubbled: "onSelectionChangeShouldSetResponder",
+      captured: "onSelectionChangeShouldSetResponderCapture"
+    },
+    dependencies: [TOP_SELECTION_CHANGE]
+  },
+
+  /**
+   * On a `touchMove`/`mouseMove`, is it desired that this element become the
+   * responder?
+   */
+  moveShouldSetResponder: {
+    phasedRegistrationNames: {
+      bubbled: "onMoveShouldSetResponder",
+      captured: "onMoveShouldSetResponderCapture"
+    },
+    dependencies: moveDependencies
+  },
+
+  /**
+   * Direct responder events dispatched directly to responder. Do not bubble.
+   */
+  responderStart: {
+    registrationName: "onResponderStart",
+    dependencies: startDependencies
+  },
+  responderMove: {
+    registrationName: "onResponderMove",
+    dependencies: moveDependencies
+  },
+  responderEnd: {
+    registrationName: "onResponderEnd",
+    dependencies: endDependencies
+  },
+  responderRelease: {
+    registrationName: "onResponderRelease",
+    dependencies: endDependencies
+  },
+  responderTerminationRequest: {
+    registrationName: "onResponderTerminationRequest",
+    dependencies: []
+  },
+  responderGrant: {
+    registrationName: "onResponderGrant",
+    dependencies: []
+  },
+  responderReject: {
+    registrationName: "onResponderReject",
+    dependencies: []
+  },
+  responderTerminate: {
+    registrationName: "onResponderTerminate",
+    dependencies: []
+  }
+};
+
+/**
+ *
+ * Responder System:
+ * ----------------
+ *
+ * - A global, solitary "interaction lock" on a view.
+ * - If a node becomes the responder, it should convey visual feedback
+ *   immediately to indicate so, either by highlighting or moving accordingly.
+ * - To be the responder means, that touches are exclusively important to that
+ *   responder view, and no other view.
+ * - While touches are still occurring, the responder lock can be transferred to
+ *   a new view, but only to increasingly "higher" views (meaning ancestors of
+ *   the current responder).
+ *
+ * Responder being granted:
+ * ------------------------
+ *
+ * - Touch starts, moves, and scrolls can cause an ID to become the responder.
+ * - We capture/bubble `startShouldSetResponder`/`moveShouldSetResponder` to
+ *   the "appropriate place".
+ * - If nothing is currently the responder, the "appropriate place" is the
+ *   initiating event's `targetID`.
+ * - If something *is* already the responder, the "appropriate place" is the
+ *   first common ancestor of the event target and the current `responderInst`.
+ * - Some negotiation happens: See the timing diagram below.
+ * - Scrolled views automatically become responder. The reasoning is that a
+ *   platform scroll view that isn't built on top of the responder system has
+ *   began scrolling, and the active responder must now be notified that the
+ *   interaction is no longer locked to it - the system has taken over.
+ *
+ * - Responder being released:
+ *   As soon as no more touches that *started* inside of descendants of the
+ *   *current* responderInst, an `onResponderRelease` event is dispatched to the
+ *   current responder, and the responder lock is released.
+ *
+ * TODO:
+ * - on "end", a callback hook for `onResponderEndShouldRemainResponder` that
+ *   determines if the responder lock should remain.
+ * - If a view shouldn't "remain" the responder, any active touches should by
+ *   default be considered "dead" and do not influence future negotiations or
+ *   bubble paths. It should be as if those touches do not exist.
+ * -- For multitouch: Usually a translate-z will choose to "remain" responder
+ *  after one out of many touches ended. For translate-y, usually the view
+ *  doesn't wish to "remain" responder after one of many touches end.
+ * - Consider building this on top of a `stopPropagation` model similar to
+ *   `W3C` events.
+ * - Ensure that `onResponderTerminate` is called on touch cancels, whether or
+ *   not `onResponderTerminationRequest` returns `true` or `false`.
+ *
+ */
+
+/*                                             Negotiation Performed
+                                             +-----------------------+
+                                            /                         \
+Process low level events to    +     Current Responder      +   wantsResponderID
+determine who to perform negot-|   (if any exists at all)   |
+iation/transition              | Otherwise just pass through|
+-------------------------------+----------------------------+------------------+
+Bubble to find first ID        |                            |
+to return true:wantsResponderID|                            |
+                               |                            |
+     +-------------+           |                            |
+     | onTouchStart|           |                            |
+     +------+------+     none  |                            |
+            |            return|                            |
++-----------v-------------+true| +------------------------+ |
+|onStartShouldSetResponder|----->|onResponderStart (cur)  |<-----------+
++-----------+-------------+    | +------------------------+ |          |
+            |                  |                            | +--------+-------+
+            | returned true for|       false:REJECT +-------->|onResponderReject
+            | wantsResponderID |                    |       | +----------------+
+            | (now attempt     | +------------------+-----+ |
+            |  handoff)        | |   onResponder          | |
+            +------------------->|      TerminationRequest| |
+                               | +------------------+-----+ |
+                               |                    |       | +----------------+
+                               |         true:GRANT +-------->|onResponderGrant|
+                               |                            | +--------+-------+
+                               | +------------------------+ |          |
+                               | |   onResponderTerminate |<-----------+
+                               | +------------------+-----+ |
+                               |                    |       | +----------------+
+                               |                    +-------->|onResponderStart|
+                               |                            | +----------------+
+Bubble to find first ID        |                            |
+to return true:wantsResponderID|                            |
+                               |                            |
+     +-------------+           |                            |
+     | onTouchMove |           |                            |
+     +------+------+     none  |                            |
+            |            return|                            |
++-----------v-------------+true| +------------------------+ |
+|onMoveShouldSetResponder |----->|onResponderMove (cur)   |<-----------+
++-----------+-------------+    | +------------------------+ |          |
+            |                  |                            | +--------+-------+
+            | returned true for|       false:REJECT +-------->|onResponderRejec|
+            | wantsResponderID |                    |       | +----------------+
+            | (now attempt     | +------------------+-----+ |
+            |  handoff)        | |   onResponder          | |
+            +------------------->|      TerminationRequest| |
+                               | +------------------+-----+ |
+                               |                    |       | +----------------+
+                               |         true:GRANT +-------->|onResponderGrant|
+                               |                            | +--------+-------+
+                               | +------------------------+ |          |
+                               | |   onResponderTerminate |<-----------+
+                               | +------------------+-----+ |
+                               |                    |       | +----------------+
+                               |                    +-------->|onResponderMove |
+                               |                            | +----------------+
+                               |                            |
+                               |                            |
+      Some active touch started|                            |
+      inside current responder | +------------------------+ |
+      +------------------------->|      onResponderEnd    | |
+      |                        | +------------------------+ |
+  +---+---------+              |                            |
+  | onTouchEnd  |              |                            |
+  +---+---------+              |                            |
+      |                        | +------------------------+ |
+      +------------------------->|     onResponderEnd     | |
+      No active touches started| +-----------+------------+ |
+      inside current responder |             |              |
+                               |             v              |
+                               | +------------------------+ |
+                               | |    onResponderRelease  | |
+                               | +------------------------+ |
+                               |                            |
+                               +                            + */
+
+/**
+ * A note about event ordering in the `EventPluginHub`.
+ *
+ * Suppose plugins are injected in the following order:
+ *
+ * `[R, S, C]`
+ *
+ * To help illustrate the example, assume `S` is `SimpleEventPlugin` (for
+ * `onClick` etc) and `R` is `ResponderEventPlugin`.
+ *
+ * "Deferred-Dispatched Events":
+ *
+ * - The current event plugin system will traverse the list of injected plugins,
+ *   in order, and extract events by collecting the plugin's return value of
+ *   `extractEvents()`.
+ * - These events that are returned from `extractEvents` are "deferred
+ *   dispatched events".
+ * - When returned from `extractEvents`, deferred-dispatched events contain an
+ *   "accumulation" of deferred dispatches.
+ * - These deferred dispatches are accumulated/collected before they are
+ *   returned, but processed at a later time by the `EventPluginHub` (hence the
+ *   name deferred).
+ *
+ * In the process of returning their deferred-dispatched events, event plugins
+ * themselves can dispatch events on-demand without returning them from
+ * `extractEvents`. Plugins might want to do this, so that they can use event
+ * dispatching as a tool that helps them decide which events should be extracted
+ * in the first place.
+ *
+ * "On-Demand-Dispatched Events":
+ *
+ * - On-demand-dispatched events are not returned from `extractEvents`.
+ * - On-demand-dispatched events are dispatched during the process of returning
+ *   the deferred-dispatched events.
+ * - They should not have side effects.
+ * - They should be avoided, and/or eventually be replaced with another
+ *   abstraction that allows event plugins to perform multiple "rounds" of event
+ *   extraction.
+ *
+ * Therefore, the sequence of event dispatches becomes:
+ *
+ * - `R`s on-demand events (if any)   (dispatched by `R` on-demand)
+ * - `S`s on-demand events (if any)   (dispatched by `S` on-demand)
+ * - `C`s on-demand events (if any)   (dispatched by `C` on-demand)
+ * - `R`s extracted events (if any)   (dispatched by `EventPluginHub`)
+ * - `S`s extracted events (if any)   (dispatched by `EventPluginHub`)
+ * - `C`s extracted events (if any)   (dispatched by `EventPluginHub`)
+ *
+ * In the case of `ResponderEventPlugin`: If the `startShouldSetResponder`
+ * on-demand dispatch returns `true` (and some other details are satisfied) the
+ * `onResponderGrant` deferred dispatched event is returned from
+ * `extractEvents`. The sequence of dispatch executions in this case
+ * will appear as follows:
+ *
+ * - `startShouldSetResponder` (`ResponderEventPlugin` dispatches on-demand)
+ * - `touchStartCapture`       (`EventPluginHub` dispatches as usual)
+ * - `touchStart`              (`EventPluginHub` dispatches as usual)
+ * - `responderGrant/Reject`   (`EventPluginHub` dispatches as usual)
+ */
+
+function setResponderAndExtractTransfer(
+  topLevelType,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget
+) {
+  var shouldSetEventType = isStartish(topLevelType)
+    ? eventTypes$1.startShouldSetResponder
+    : isMoveish(topLevelType)
+      ? eventTypes$1.moveShouldSetResponder
+      : topLevelType === TOP_SELECTION_CHANGE
+        ? eventTypes$1.selectionChangeShouldSetResponder
+        : eventTypes$1.scrollShouldSetResponder;
+
+  // TODO: stop one short of the current responder.
+  var bubbleShouldSetFrom = !responderInst
+    ? targetInst
+    : 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:
+  // It's strange to get an `onMoveShouldSetResponder` when you're *already*
+  // the responder.
+  var skipOverBubbleShouldSetFrom = bubbleShouldSetFrom === responderInst;
+  var shouldSetEvent = ResponderSyntheticEvent.getPooled(
+    shouldSetEventType,
+    bubbleShouldSetFrom,
+    nativeEvent,
+    nativeEventTarget
+  );
+  shouldSetEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+  if (skipOverBubbleShouldSetFrom) {
+    accumulateTwoPhaseDispatchesSkipTarget(shouldSetEvent);
+  } else {
+    accumulateTwoPhaseDispatches(shouldSetEvent);
+  }
+  var wantsResponderInst = executeDispatchesInOrderStopAtTrue(shouldSetEvent);
+  if (!shouldSetEvent.isPersistent()) {
+    shouldSetEvent.constructor.release(shouldSetEvent);
+  }
+
+  if (!wantsResponderInst || wantsResponderInst === responderInst) {
+    return null;
+  }
+  var extracted = void 0;
+  var grantEvent = ResponderSyntheticEvent.getPooled(
+    eventTypes$1.responderGrant,
+    wantsResponderInst,
+    nativeEvent,
+    nativeEventTarget
+  );
+  grantEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+
+  accumulateDirectDispatches(grantEvent);
+  var blockHostResponder = executeDirectDispatch(grantEvent) === true;
+  if (responderInst) {
+    var terminationRequestEvent = ResponderSyntheticEvent.getPooled(
+      eventTypes$1.responderTerminationRequest,
+      responderInst,
+      nativeEvent,
+      nativeEventTarget
+    );
+    terminationRequestEvent.touchHistory =
+      ResponderTouchHistoryStore.touchHistory;
+    accumulateDirectDispatches(terminationRequestEvent);
+    var shouldSwitch =
+      !hasDispatches(terminationRequestEvent) ||
+      executeDirectDispatch(terminationRequestEvent);
+    if (!terminationRequestEvent.isPersistent()) {
+      terminationRequestEvent.constructor.release(terminationRequestEvent);
+    }
+
+    if (shouldSwitch) {
+      var terminateEvent = ResponderSyntheticEvent.getPooled(
+        eventTypes$1.responderTerminate,
+        responderInst,
+        nativeEvent,
+        nativeEventTarget
+      );
+      terminateEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+      accumulateDirectDispatches(terminateEvent);
+      extracted = accumulate(extracted, [grantEvent, terminateEvent]);
+      changeResponder(wantsResponderInst, blockHostResponder);
+    } else {
+      var rejectEvent = ResponderSyntheticEvent.getPooled(
+        eventTypes$1.responderReject,
+        wantsResponderInst,
+        nativeEvent,
+        nativeEventTarget
+      );
+      rejectEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+      accumulateDirectDispatches(rejectEvent);
+      extracted = accumulate(extracted, rejectEvent);
+    }
+  } else {
+    extracted = accumulate(extracted, grantEvent);
+    changeResponder(wantsResponderInst, blockHostResponder);
+  }
+  return extracted;
+}
+
+/**
+ * A transfer is a negotiation between a currently set responder and the next
+ * element to claim responder status. Any start event could trigger a transfer
+ * of responderInst. Any move event could trigger a transfer.
+ *
+ * @param {string} topLevelType Record from `BrowserEventConstants`.
+ * @return {boolean} True if a transfer of responder could possibly occur.
+ */
+function canTriggerTransfer(topLevelType, topLevelInst, nativeEvent) {
+  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 === TOP_SCROLL && !nativeEvent.responderIgnoreScroll) ||
+      (trackedTouchCount > 0 && topLevelType === TOP_SELECTION_CHANGE) ||
+      isStartish(topLevelType) ||
+      isMoveish(topLevelType))
+  );
+}
+
+/**
+ * Returns whether or not this touch end event makes it such that there are no
+ * longer any touches that started inside of the current `responderInst`.
+ *
+ * @param {NativeEvent} nativeEvent Native touch end event.
+ * @return {boolean} Whether or not this touch end event ends the responder.
+ */
+function noResponderTouches(nativeEvent) {
+  var touches = nativeEvent.touches;
+  if (!touches || touches.length === 0) {
+    return true;
+  }
+  for (var i = 0; i < touches.length; i++) {
+    var activeTouch = touches[i];
+    var target = activeTouch.target;
+    if (target !== null && target !== undefined && target !== 0) {
+      // Is the original touch location inside of the current responder?
+      var targetInst = getInstanceFromNode(target);
+      if (isAncestor(responderInst, targetInst)) {
+        return false;
+      }
+    }
+  }
+  return true;
+}
+
+var ResponderEventPlugin = {
+  /* For unit testing only */
+  _getResponder: function() {
+    return responderInst;
+  },
+
+  eventTypes: eventTypes$1,
+
+  /**
+   * We must be resilient to `targetInst` being `null` on `touchMove` or
+   * `touchEnd`. On certain platforms, this means that a native scroll has
+   * assumed control and the original touch targets are destroyed.
+   */
+  extractEvents: function(
+    topLevelType,
+    targetInst,
+    nativeEvent,
+    nativeEventTarget
+  ) {
+    if (isStartish(topLevelType)) {
+      trackedTouchCount += 1;
+    } else if (isEndish(topLevelType)) {
+      if (trackedTouchCount >= 0) {
+        trackedTouchCount -= 1;
+      } else {
+        console.error(
+          "Ended a touch event which was not counted in `trackedTouchCount`."
+        );
+        return null;
+      }
+    }
+
+    ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
+
+    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
+    // `onResponderMove/Start/End`. These will be called for *every* additional
+    // finger that move/start/end, dispatched directly to whoever is the
+    // current responder at that moment, until the responder is "released".
+    //
+    // These multiple individual change touch events are are always bookended
+    // by `onResponderGrant`, and one of
+    // (`onResponderRelease/onResponderTerminate`).
+    var isResponderTouchStart = responderInst && isStartish(topLevelType);
+    var isResponderTouchMove = responderInst && isMoveish(topLevelType);
+    var isResponderTouchEnd = responderInst && isEndish(topLevelType);
+    var incrementalTouch = isResponderTouchStart
+      ? eventTypes$1.responderStart
+      : isResponderTouchMove
+        ? eventTypes$1.responderMove
+        : isResponderTouchEnd ? eventTypes$1.responderEnd : null;
+
+    if (incrementalTouch) {
+      var gesture = ResponderSyntheticEvent.getPooled(
+        incrementalTouch,
+        responderInst,
+        nativeEvent,
+        nativeEventTarget
+      );
+      gesture.touchHistory = ResponderTouchHistoryStore.touchHistory;
+      accumulateDirectDispatches(gesture);
+      extracted = accumulate(extracted, gesture);
+    }
+
+    var isResponderTerminate =
+      responderInst && topLevelType === TOP_TOUCH_CANCEL;
+    var isResponderRelease =
+      responderInst &&
+      !isResponderTerminate &&
+      isEndish(topLevelType) &&
+      noResponderTouches(nativeEvent);
+    var finalTouch = isResponderTerminate
+      ? eventTypes$1.responderTerminate
+      : isResponderRelease ? eventTypes$1.responderRelease : null;
+    if (finalTouch) {
+      var finalEvent = ResponderSyntheticEvent.getPooled(
+        finalTouch,
+        responderInst,
+        nativeEvent,
+        nativeEventTarget
+      );
+      finalEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+      accumulateDirectDispatches(finalEvent);
+      extracted = accumulate(extracted, finalEvent);
+      changeResponder(null);
+    }
+
+    return extracted;
+  },
+
+  GlobalResponderHandler: null,
+
+  injection: {
+    /**
+     * @param {{onChange: (ReactID, ReactID) => void} GlobalResponderHandler
+     * Object that handles any change in responder. Use this to inject
+     * integration with an existing touch handling system etc.
+     */
+    injectGlobalResponderHandler: function(GlobalResponderHandler) {
+      ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
+    }
+  }
+};
+
+var customBubblingEventTypes$1 =
+  ReactNativeViewConfigRegistry.customBubblingEventTypes;
+var customDirectEventTypes$1 =
+  ReactNativeViewConfigRegistry.customDirectEventTypes;
+var eventTypes$2 = ReactNativeViewConfigRegistry.eventTypes;
+
+var ReactNativeBridgeEventPlugin = {
+  eventTypes: eventTypes$2,
+
+  /**
+   * @see {EventPluginHub.extractEvents}
+   */
+  extractEvents: function(
+    topLevelType,
+    targetInst,
+    nativeEvent,
+    nativeEventTarget
+  ) {
+    if (targetInst == null) {
+      // Probably a node belonging to another renderer's tree.
+      return null;
+    }
+    var bubbleDispatchConfig = customBubblingEventTypes$1[topLevelType];
+    var directDispatchConfig = customDirectEventTypes$1[topLevelType];
+    invariant(
+      bubbleDispatchConfig || directDispatchConfig,
+      'Unsupported top level event type "%s" dispatched',
+      topLevelType
+    );
+    var event = SyntheticEvent$1.getPooled(
+      bubbleDispatchConfig || directDispatchConfig,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    );
+    if (bubbleDispatchConfig) {
+      accumulateTwoPhaseDispatches(event);
+    } else if (directDispatchConfig) {
+      accumulateDirectDispatches(event);
+    } else {
+      return null;
+    }
+    return event;
+  }
+};
+
+var ReactNativeEventPluginOrder = [
+  "ResponderEventPlugin",
+  "ReactNativeBridgeEventPlugin"
+];
+
+/**
+ * Make sure essential globals are available and are patched correctly. Please don't remove this
+ * line. Bundles created by react-packager `require` it before executing any application code. This
+ * ensures it exists in the dependency graph and can be `require`d.
+ * TODO: require this in packager, not in React #10932517
+ */
+// Module provided by RN:
+/**
+ * Inject module for resolving DOM hierarchy and plugin ordering.
+ */
+injection.injectEventPluginOrder(ReactNativeEventPluginOrder);
+
+/**
+ * Some important event plugins included by default (without having to require
+ * them).
+ */
+injection.injectEventPluginsByName({
+  ResponderEventPlugin: ResponderEventPlugin,
+  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
+});
+
+function getInstanceFromInstance(instanceHandle) {
+  return instanceHandle;
+}
+
+function getTagFromInstance(inst) {
+  var tag = inst.stateNode.canonical._nativeTag;
+  invariant(tag, "All native instances should have a tag.");
+  return tag;
+}
+
+function getFiberCurrentPropsFromNode$1(inst) {
+  return inst.canonical.currentProps;
+}
+
+var ReactFabricComponentTree = Object.freeze({
+  getClosestInstanceFromNode: getInstanceFromInstance,
+  getInstanceFromNode: getInstanceFromInstance,
+  getNodeFromInstance: getTagFromInstance,
+  getFiberCurrentPropsFromNode: getFiberCurrentPropsFromNode$1
+});
+
+// Module provided by RN:
+var ReactFabricGlobalResponderHandler = {
+  onChange: function(from, to, blockNativeResponder) {
+    if (to !== null) {
+      var tag = to.stateNode.canonical._nativeTag;
+      UIManager.setJSResponder(tag, blockNativeResponder);
+    } else {
+      UIManager.clearJSResponder();
+    }
+  }
+};
+
+injection$1.injectComponentTree(ReactFabricComponentTree);
+
+ResponderEventPlugin.injection.injectGlobalResponderHandler(
+  ReactFabricGlobalResponderHandler
+);
+
+/**
+ * `ReactInstanceMap` maintains a mapping from a public facing stateful
+ * instance (key) and the internal representation (value). This allows public
+ * methods to accept the user facing instance as an argument and map them back
+ * to internal methods.
+ *
+ * Note that this module is currently shared and assumed to be stateless.
+ * If this becomes an actual Map, that will break.
+ */
+
+/**
+ * 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
+ * supported we can rename it.
+ */
+
+function get$1(key) {
+  return key._reactInternalFiber;
+}
+
+function set(key, value) {
+  key._reactInternalFiber = value;
+}
+
+var ReactInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+var ReactCurrentOwner = ReactInternals.ReactCurrentOwner;
+var ReactDebugCurrentFrame = ReactInternals.ReactDebugCurrentFrame;
+
+// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
+// nor polyfill, then a plain number is used for performance.
+var hasSymbol = typeof Symbol === "function" && Symbol.for;
+
+var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 0xeac7;
+var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 0xeaca;
+var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 0xeacb;
+var REACT_STRICT_MODE_TYPE = hasSymbol
+  ? Symbol.for("react.strict_mode")
+  : 0xeacc;
+var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 0xead2;
+var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 0xeacd;
+var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 0xeace;
+var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 0xeacf;
+var REACT_FORWARD_REF_TYPE = hasSymbol
+  ? Symbol.for("react.forward_ref")
+  : 0xead0;
+var REACT_TIMEOUT_TYPE = hasSymbol ? Symbol.for("react.timeout") : 0xead1;
+
+var MAYBE_ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = "@@iterator";
+
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable === "undefined") {
+    return null;
+  }
+  var maybeIterator =
+    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
+    maybeIterable[FAUX_ITERATOR_SYMBOL];
+  if (typeof maybeIterator === "function") {
+    return maybeIterator;
+  }
+  return null;
+}
+
+function getComponentName(fiber) {
+  var type = fiber.type;
+
+  if (typeof type === "function") {
+    return type.displayName || type.name;
+  }
+  if (typeof type === "string") {
+    return type;
+  }
+  switch (type) {
+    case REACT_ASYNC_MODE_TYPE:
+      return "AsyncMode";
+    case REACT_CONTEXT_TYPE:
+      return "Context.Consumer";
+    case REACT_FRAGMENT_TYPE:
+      return "ReactFragment";
+    case REACT_PORTAL_TYPE:
+      return "ReactPortal";
+    case REACT_PROFILER_TYPE:
+      return "Profiler(" + fiber.pendingProps.id + ")";
+    case REACT_PROVIDER_TYPE:
+      return "Context.Provider";
+    case REACT_STRICT_MODE_TYPE:
+      return "StrictMode";
+    case REACT_TIMEOUT_TYPE:
+      return "Timeout";
+  }
+  if (typeof type === "object" && type !== null) {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        var functionName = type.render.displayName || type.render.name || "";
+        return functionName !== ""
+          ? "ForwardRef(" + functionName + ")"
+          : "ForwardRef";
+    }
+  }
+  return null;
+}
+
+// Don't change these two values. They're used by React Dev Tools.
+var NoEffect = /*              */ 0;
+var PerformedWork = /*         */ 1;
+
+// You can change the rest (and add more).
+var Placement = /*             */ 2;
+var Update = /*                */ 4;
+var PlacementAndUpdate = /*    */ 6;
+var Deletion = /*              */ 8;
+var ContentReset = /*          */ 16;
+var Callback = /*              */ 32;
+var DidCapture = /*            */ 64;
+var Ref = /*                   */ 128;
+var Snapshot = /*              */ 256;
+
+// Union of all host effects
+var HostEffectMask = /*        */ 511;
+
+var Incomplete = /*            */ 512;
+var ShouldCapture = /*         */ 1024;
+
+var MOUNTING = 1;
+var MOUNTED = 2;
+var UNMOUNTED = 3;
+
+function isFiberMountedImpl(fiber) {
+  var node = fiber;
+  if (!fiber.alternate) {
+    // If there is no alternate, this might be a new tree that isn't inserted
+    // yet. If it is, then it will have a pending insertion effect on it.
+    if ((node.effectTag & Placement) !== NoEffect) {
+      return MOUNTING;
+    }
+    while (node.return) {
+      node = node.return;
+      if ((node.effectTag & Placement) !== NoEffect) {
+        return MOUNTING;
+      }
+    }
+  } else {
+    while (node.return) {
+      node = node.return;
+    }
+  }
+  if (node.tag === HostRoot) {
+    // TODO: Check if this was a nested HostRoot when used with
+    // renderContainerIntoSubtree.
+    return MOUNTED;
+  }
+  // If we didn't hit the root, that means that we're in an disconnected tree
+  // that has been unmounted.
+  return UNMOUNTED;
+}
+
+function isFiberMounted(fiber) {
+  return isFiberMountedImpl(fiber) === MOUNTED;
+}
+
+function isMounted(component) {
+  {
+    var owner = ReactCurrentOwner.current;
+    if (owner !== null && owner.tag === ClassComponent) {
+      var ownerFiber = owner;
+      var instance = ownerFiber.stateNode;
+      !instance._warnedAboutRefsInRender
+        ? warning(
+            false,
+            "%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"
+          )
+        : void 0;
+      instance._warnedAboutRefsInRender = true;
+    }
+  }
+
+  var fiber = get$1(component);
+  if (!fiber) {
+    return false;
+  }
+  return isFiberMountedImpl(fiber) === MOUNTED;
+}
+
+function assertIsMounted(fiber) {
+  invariant(
+    isFiberMountedImpl(fiber) === MOUNTED,
+    "Unable to find node on an unmounted component."
+  );
+}
+
+function findCurrentFiberUsingSlowPath(fiber) {
+  var alternate = fiber.alternate;
+  if (!alternate) {
+    // If there is no alternate, then we only need to check if it is mounted.
+    var state = isFiberMountedImpl(fiber);
+    invariant(
+      state !== UNMOUNTED,
+      "Unable to find node on an unmounted component."
+    );
+    if (state === MOUNTING) {
+      return null;
+    }
+    return fiber;
+  }
+  // If we have two possible branches, we'll walk backwards up to the root
+  // to see what path the root points to. On the way we may hit one of the
+  // special cases and we'll deal with them.
+  var a = fiber;
+  var b = alternate;
+  while (true) {
+    var parentA = a.return;
+    var parentB = parentA ? parentA.alternate : null;
+    if (!parentA || !parentB) {
+      // We're at the root.
+      break;
+    }
+
+    // If both copies of the parent fiber point to the same child, we can
+    // assume that the child is current. This happens when we bailout on low
+    // priority: the bailed out fiber's child reuses the current child.
+    if (parentA.child === parentB.child) {
+      var child = parentA.child;
+      while (child) {
+        if (child === a) {
+          // We've determined that A is the current branch.
+          assertIsMounted(parentA);
+          return fiber;
+        }
+        if (child === b) {
+          // We've determined that B is the current branch.
+          assertIsMounted(parentA);
+          return alternate;
+        }
+        child = child.sibling;
+      }
+      // 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.");
+    }
+
+    if (a.return !== b.return) {
+      // The return pointer of A and the return pointer of B point to different
+      // fibers. We assume that return pointers never criss-cross, so A must
+      // belong to the child set of A.return, and B must belong to the child
+      // set of B.return.
+      a = parentA;
+      b = parentB;
+    } else {
+      // The return pointers point to the same fiber. We'll have to use the
+      // default, slow path: scan the child sets of each parent alternate to see
+      // which child belongs to which set.
+      //
+      // Search parent A's child set
+      var didFindChild = false;
+      var _child = parentA.child;
+      while (_child) {
+        if (_child === a) {
+          didFindChild = true;
+          a = parentA;
+          b = parentB;
+          break;
+        }
+        if (_child === b) {
+          didFindChild = true;
+          b = parentA;
+          a = parentB;
+          break;
+        }
+        _child = _child.sibling;
+      }
+      if (!didFindChild) {
+        // Search parent B's child set
+        _child = parentB.child;
+        while (_child) {
+          if (_child === a) {
+            didFindChild = true;
+            a = parentB;
+            b = parentA;
+            break;
+          }
+          if (_child === b) {
+            didFindChild = true;
+            b = parentB;
+            a = parentA;
+            break;
+          }
+          _child = _child.sibling;
+        }
+        invariant(
+          didFindChild,
+          "Child was not found in either parent set. This indicates a bug " +
+            "in React related to the return pointer. Please file an issue."
+        );
+      }
+    }
+
+    invariant(
+      a.alternate === b,
+      "Return fibers should always be each others' alternates. " +
+        "This error is likely caused by a bug in React. Please file an issue."
+    );
+  }
+  // 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."
+  );
+  if (a.stateNode.current === a) {
+    // We've determined that A is the current branch.
+    return fiber;
+  }
+  // Otherwise B has to be current branch.
+  return alternate;
+}
+
+function findCurrentHostFiber(parent) {
+  var currentParent = findCurrentFiberUsingSlowPath(parent);
+  if (!currentParent) {
+    return null;
+  }
+
+  // Next we'll drill down this component to find the first HostComponent/Text.
+  var node = currentParent;
+  while (true) {
+    if (node.tag === HostComponent || node.tag === HostText) {
+      return node;
+    } else if (node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === currentParent) {
+      return null;
+    }
+    while (!node.sibling) {
+      if (!node.return || node.return === currentParent) {
+        return null;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+  // Flow needs the return null here, but ESLint complains about it.
+  // eslint-disable-next-line no-unreachable
+  return null;
+}
+
+function findCurrentHostFiberWithNoPortals(parent) {
+  var currentParent = findCurrentFiberUsingSlowPath(parent);
+  if (!currentParent) {
+    return null;
+  }
+
+  // Next we'll drill down this component to find the first HostComponent/Text.
+  var node = currentParent;
+  while (true) {
+    if (node.tag === HostComponent || node.tag === HostText) {
+      return node;
+    } else if (node.child && node.tag !== HostPortal) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === currentParent) {
+      return null;
+    }
+    while (!node.sibling) {
+      if (!node.return || node.return === currentParent) {
+        return null;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+  // Flow needs the return null here, but ESLint complains about it.
+  // eslint-disable-next-line no-unreachable
+  return null;
+}
+
+/**
+ * In the future, we should cleanup callbacks by cancelling them instead of
+ * using this.
+ */
+function mountSafeCallback(context, callback) {
+  return function() {
+    if (!callback) {
+      return undefined;
+    }
+    if (typeof context.__isMounted === "boolean") {
+      // TODO(gaearon): this is gross and should be removed.
+      // It is currently necessary because View uses createClass,
+      // and so any measure() calls on View (which are done by React
+      // DevTools) trigger the isMounted() deprecation warning.
+      if (!context.__isMounted) {
+        return undefined;
+      }
+      // The else branch is important so that we don't
+      // trigger the deprecation warning by calling isMounted.
+    } else if (typeof context.isMounted === "function") {
+      if (!context.isMounted()) {
+        return undefined;
+      }
+    }
+    return callback.apply(context, arguments);
+  };
+}
+
+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 " +
+      "you mean `style` (singular)?";
+    if (owner && owner.constructor && owner.constructor.displayName) {
+      msg +=
+        "\n\nCheck the `" +
+        owner.constructor.displayName +
+        "` parent " +
+        " component.";
+    }
+    throw new Error(msg);
+  }
+}
+
+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 +
+          ": ... } }`"
+      );
+    }
+  }
+}
+
+// Modules provided by RN:
+var emptyObject$1 = {};
+
+/**
+ * Create a payload that contains all the updates between two sets of props.
+ *
+ * These helpers are all encapsulated into a single module, because they use
+ * mutation as a performance optimization which leads to subtle shared
+ * dependencies between the code paths. To avoid this mutable state leaking
+ * across modules, I've kept them isolated to this module.
+ */
+
+// Tracks removed keys
+var removedKeys = null;
+var removedKeyCount = 0;
+
+function defaultDiffer(prevProp, nextProp) {
+  if (typeof nextProp !== "object" || nextProp === null) {
+    // Scalars have already been checked for equality
+    return true;
+  } else {
+    // For objects and arrays, the default diffing algorithm is a deep compare
+    return deepDiffer(prevProp, nextProp);
+  }
+}
+
+function restoreDeletedValuesInNestedArray(
+  updatePayload,
+  node,
+  validAttributes
+) {
+  if (Array.isArray(node)) {
+    var i = node.length;
+    while (i-- && removedKeyCount > 0) {
+      restoreDeletedValuesInNestedArray(
+        updatePayload,
+        node[i],
+        validAttributes
+      );
+    }
+  } else if (node && removedKeyCount > 0) {
+    var obj = node;
+    for (var propKey in removedKeys) {
+      if (!removedKeys[propKey]) {
+        continue;
+      }
+      var _nextProp = obj[propKey];
+      if (_nextProp === undefined) {
+        continue;
+      }
+
+      var attributeConfig = validAttributes[propKey];
+      if (!attributeConfig) {
+        continue; // not a valid native prop
+      }
+
+      if (typeof _nextProp === "function") {
+        _nextProp = true;
+      }
+      if (typeof _nextProp === "undefined") {
+        _nextProp = null;
+      }
+
+      if (typeof attributeConfig !== "object") {
+        // case: !Object is the default case
+        updatePayload[propKey] = _nextProp;
+      } else if (
+        typeof attributeConfig.diff === "function" ||
+        typeof attributeConfig.process === "function"
+      ) {
+        // case: CustomAttributeConfiguration
+        var nextValue =
+          typeof attributeConfig.process === "function"
+            ? attributeConfig.process(_nextProp)
+            : _nextProp;
+        updatePayload[propKey] = nextValue;
+      }
+      removedKeys[propKey] = false;
+      removedKeyCount--;
+    }
+  }
+}
+
+function diffNestedArrayProperty(
+  updatePayload,
+  prevArray,
+  nextArray,
+  validAttributes
+) {
+  var minLength =
+    prevArray.length < nextArray.length ? prevArray.length : nextArray.length;
+  var i = void 0;
+  for (i = 0; i < minLength; i++) {
+    // Diff any items in the array in the forward direction. Repeated keys
+    // will be overwritten by later values.
+    updatePayload = diffNestedProperty(
+      updatePayload,
+      prevArray[i],
+      nextArray[i],
+      validAttributes
+    );
+  }
+  for (; i < prevArray.length; i++) {
+    // Clear out all remaining properties.
+    updatePayload = clearNestedProperty(
+      updatePayload,
+      prevArray[i],
+      validAttributes
+    );
+  }
+  for (; i < nextArray.length; i++) {
+    // Add all remaining properties.
+    updatePayload = addNestedProperty(
+      updatePayload,
+      nextArray[i],
+      validAttributes
+    );
+  }
+  return updatePayload;
+}
+
+function diffNestedProperty(
+  updatePayload,
+  prevProp,
+  nextProp,
+  validAttributes
+) {
+  if (!updatePayload && prevProp === nextProp) {
+    // If no properties have been added, then we can bail out quickly on object
+    // equality.
+    return updatePayload;
+  }
+
+  if (!prevProp || !nextProp) {
+    if (nextProp) {
+      return addNestedProperty(updatePayload, nextProp, validAttributes);
+    }
+    if (prevProp) {
+      return clearNestedProperty(updatePayload, prevProp, validAttributes);
+    }
+    return updatePayload;
+  }
+
+  if (!Array.isArray(prevProp) && !Array.isArray(nextProp)) {
+    // Both are leaves, we can diff the leaves.
+    return diffProperties(updatePayload, prevProp, nextProp, validAttributes);
+  }
+
+  if (Array.isArray(prevProp) && Array.isArray(nextProp)) {
+    // Both are arrays, we can diff the arrays.
+    return diffNestedArrayProperty(
+      updatePayload,
+      prevProp,
+      nextProp,
+      validAttributes
+    );
+  }
+
+  if (Array.isArray(prevProp)) {
+    return diffProperties(
+      updatePayload,
+      // $FlowFixMe - We know that this is always an object when the input is.
+      flattenStyle(prevProp),
+      // $FlowFixMe - We know that this isn't an array because of above flow.
+      nextProp,
+      validAttributes
+    );
+  }
+
+  return diffProperties(
+    updatePayload,
+    prevProp,
+    // $FlowFixMe - We know that this is always an object when the input is.
+    flattenStyle(nextProp),
+    validAttributes
+  );
+}
+
+/**
+ * addNestedProperty takes a single set of props and valid attribute
+ * attribute configurations. It processes each prop and adds it to the
+ * updatePayload.
+ */
+function addNestedProperty(updatePayload, nextProp, validAttributes) {
+  if (!nextProp) {
+    return updatePayload;
+  }
+
+  if (!Array.isArray(nextProp)) {
+    // Add each property of the leaf.
+    return addProperties(updatePayload, nextProp, validAttributes);
+  }
+
+  for (var i = 0; i < nextProp.length; i++) {
+    // Add all the properties of the array.
+    updatePayload = addNestedProperty(
+      updatePayload,
+      nextProp[i],
+      validAttributes
+    );
+  }
+
+  return updatePayload;
+}
+
+/**
+ * clearNestedProperty takes a single set of props and valid attributes. It
+ * adds a null sentinel to the updatePayload, for each prop key.
+ */
+function clearNestedProperty(updatePayload, prevProp, validAttributes) {
+  if (!prevProp) {
+    return updatePayload;
+  }
+
+  if (!Array.isArray(prevProp)) {
+    // Add each property of the leaf.
+    return clearProperties(updatePayload, prevProp, validAttributes);
+  }
+
+  for (var i = 0; i < prevProp.length; i++) {
+    // Add all the properties of the array.
+    updatePayload = clearNestedProperty(
+      updatePayload,
+      prevProp[i],
+      validAttributes
+    );
+  }
+  return updatePayload;
+}
+
+/**
+ * diffProperties takes two sets of props and a set of valid attributes
+ * and write to updatePayload the values that changed or were deleted.
+ * If no updatePayload is provided, a new one is created and returned if
+ * anything changed.
+ */
+function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
+  var attributeConfig = void 0;
+  var nextProp = void 0;
+  var prevProp = void 0;
+
+  for (var propKey in nextProps) {
+    attributeConfig = validAttributes[propKey];
+    if (!attributeConfig) {
+      continue; // not a valid native prop
+    }
+
+    prevProp = prevProps[propKey];
+    nextProp = nextProps[propKey];
+
+    // functions are converted to booleans as markers that the associated
+    // events should be sent from native.
+    if (typeof nextProp === "function") {
+      nextProp = true;
+      // 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;
+      }
+    }
+
+    // An explicit value of undefined is treated as a null because it overrides
+    // any other preceding value.
+    if (typeof nextProp === "undefined") {
+      nextProp = null;
+      if (typeof prevProp === "undefined") {
+        prevProp = null;
+      }
+    }
+
+    if (removedKeys) {
+      removedKeys[propKey] = false;
+    }
+
+    if (updatePayload && updatePayload[propKey] !== undefined) {
+      // Something else already triggered an update to this key because another
+      // value diffed. Since we're now later in the nested arrays our value is
+      // more important so we need to calculate it and override the existing
+      // value. It doesn't matter if nothing changed, we'll set it anyway.
+
+      // Pattern match on: attributeConfig
+      if (typeof attributeConfig !== "object") {
+        // case: !Object is the default case
+        updatePayload[propKey] = nextProp;
+      } else if (
+        typeof attributeConfig.diff === "function" ||
+        typeof attributeConfig.process === "function"
+      ) {
+        // case: CustomAttributeConfiguration
+        var nextValue =
+          typeof attributeConfig.process === "function"
+            ? attributeConfig.process(nextProp)
+            : nextProp;
+        updatePayload[propKey] = nextValue;
+      }
+      continue;
+    }
+
+    if (prevProp === nextProp) {
+      continue; // nothing changed
+    }
+
+    // Pattern match on: attributeConfig
+    if (typeof attributeConfig !== "object") {
+      // case: !Object is the default case
+      if (defaultDiffer(prevProp, nextProp)) {
+        // a normal leaf has changed
+        (updatePayload || (updatePayload = {}))[propKey] = nextProp;
+      }
+    } 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));
+      if (shouldUpdate) {
+        var _nextValue =
+          typeof attributeConfig.process === "function"
+            ? attributeConfig.process(nextProp)
+            : nextProp;
+        (updatePayload || (updatePayload = {}))[propKey] = _nextValue;
+      }
+    } else {
+      // default: fallthrough case when nested properties are defined
+      removedKeys = null;
+      removedKeyCount = 0;
+      // We think that attributeConfig is not CustomAttributeConfiguration at
+      // this point so we assume it must be AttributeConfiguration.
+      updatePayload = diffNestedProperty(
+        updatePayload,
+        prevProp,
+        nextProp,
+        attributeConfig
+      );
+      if (removedKeyCount > 0 && updatePayload) {
+        restoreDeletedValuesInNestedArray(
+          updatePayload,
+          nextProp,
+          attributeConfig
+        );
+        removedKeys = null;
+      }
+    }
+  }
+
+  // Also iterate through all the previous props to catch any that have been
+  // removed and make sure native gets the signal so it can reset them to the
+  // default.
+  for (var _propKey in prevProps) {
+    if (nextProps[_propKey] !== undefined) {
+      continue; // we've already covered this key in the previous pass
+    }
+    attributeConfig = validAttributes[_propKey];
+    if (!attributeConfig) {
+      continue; // not a valid native prop
+    }
+
+    if (updatePayload && updatePayload[_propKey] !== undefined) {
+      // This was already updated to a diff result earlier.
+      continue;
+    }
+
+    prevProp = prevProps[_propKey];
+    if (prevProp === undefined) {
+      continue; // was already empty anyway
+    }
+    // Pattern match on: attributeConfig
+    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;
+      if (!removedKeys) {
+        removedKeys = {};
+      }
+      if (!removedKeys[_propKey]) {
+        removedKeys[_propKey] = true;
+        removedKeyCount++;
+      }
+    } else {
+      // default:
+      // This is a nested attribute configuration where all the properties
+      // were removed so we need to go through and clear out all of them.
+      updatePayload = clearNestedProperty(
+        updatePayload,
+        prevProp,
+        attributeConfig
+      );
+    }
+  }
+  return updatePayload;
+}
+
+/**
+ * addProperties adds all the valid props to the payload after being processed.
+ */
+function addProperties(updatePayload, props, validAttributes) {
+  // TODO: Fast path
+  return diffProperties(updatePayload, emptyObject$1, props, validAttributes);
+}
+
+/**
+ * clearProperties clears all the previous props by adding a null sentinel
+ * to the payload for each valid key.
+ */
+function clearProperties(updatePayload, prevProps, validAttributes) {
+  // TODO: Fast path
+  return diffProperties(
+    updatePayload,
+    prevProps,
+    emptyObject$1,
+    validAttributes
+  );
+}
+
+function create(props, validAttributes) {
+  return addProperties(
+    null, // updatePayload
+    props,
+    validAttributes
+  );
+}
+
+function diff(prevProps, nextProps, validAttributes) {
+  return diffProperties(
+    null, // updatePayload
+    prevProps,
+    nextProps,
+    validAttributes
+  );
+}
+
+var hasNativePerformanceNow =
+  typeof performance === "object" && typeof performance.now === "function";
+
+var now$1 = hasNativePerformanceNow
+  ? function() {
+      return performance.now();
+    }
+  : function() {
+      return Date.now();
+    };
+
+var scheduledCallback = null;
+var frameDeadline = 0;
+
+var frameDeadlineObject = {
+  timeRemaining: function() {
+    return frameDeadline - now$1();
+  },
+  didTimeout: false
+};
+
+function setTimeoutCallback() {
+  // TODO (bvaughn) Hard-coded 5ms unblocks initial async testing.
+  // React API probably changing to boolean rather than time remaining.
+  // Longer-term plan is to rewrite this using shared memory,
+  // And just return the value of the bit as the boolean.
+  frameDeadline = now$1() + 5;
+
+  var callback = scheduledCallback;
+  scheduledCallback = null;
+  if (callback !== null) {
+    callback(frameDeadlineObject);
+  }
+}
+
+// RN has a poor polyfill for requestIdleCallback so we aren't using it.
+// This implementation is only intended for short-term use anyway.
+// We also don't implement cancel functionality b'c Fiber doesn't currently need it.
+function scheduleDeferredCallback$1(callback, options) {
+  // We assume only one callback is scheduled at a time b'c that's how Fiber works.
+  scheduledCallback = callback;
+  var timeoutId = setTimeout(setTimeoutCallback, 1);
+  return timeoutId; // Timeouts are always numbers on RN
+}
+
+function cancelDeferredCallback$1(callbackID) {
+  scheduledCallback = null;
+  clearTimeout(callbackID); // Timeouts are always numbers on RN
+}
+
+// Use to restore controlled state after a change event has fired.
+
+var fiberHostComponent = null;
+
+var restoreTarget = null;
+var restoreQueue = null;
+
+function restoreStateOfTarget(target) {
+  // We perform this translation at the end of the event loop so that we
+  // always receive the correct fiber here
+  var internalInstance = getInstanceFromNode(target);
+  if (!internalInstance) {
+    // Unmounted
+    return;
+  }
+  invariant(
+    fiberHostComponent &&
+      typeof fiberHostComponent.restoreControlledState === "function",
+    "Fiber needs to be injected to handle a fiber target for controlled " +
+      "events. This error is likely caused by a bug in React. Please file an issue."
+  );
+  var props = getFiberCurrentPropsFromNode(internalInstance.stateNode);
+  fiberHostComponent.restoreControlledState(
+    internalInstance.stateNode,
+    internalInstance.type,
+    props
+  );
+}
+
+function needsStateRestore() {
+  return restoreTarget !== null || restoreQueue !== null;
+}
+
+function restoreStateIfNeeded() {
+  if (!restoreTarget) {
+    return;
+  }
+  var target = restoreTarget;
+  var queuedTargets = restoreQueue;
+  restoreTarget = null;
+  restoreQueue = null;
+
+  restoreStateOfTarget(target);
+  if (queuedTargets) {
+    for (var i = 0; i < queuedTargets.length; i++) {
+      restoreStateOfTarget(queuedTargets[i]);
+    }
+  }
+}
+
+// Used as a way to call batchedUpdates when we don't have a reference to
+// the renderer. Such as when we're dispatching events or if third party
+// libraries need to call batchedUpdates. Eventually, this API will go away when
+// everything is batched by default. We'll then have a similar API to opt-out of
+// scheduled work and instead do synchronous work.
+
+// Defaults
+var _batchedUpdates = function(fn, bookkeeping) {
+  return fn(bookkeeping);
+};
+var _interactiveUpdates = function(fn, a, b) {
+  return fn(a, b);
+};
+var _flushInteractiveUpdates = function() {};
+
+var isBatching = false;
+function batchedUpdates(fn, bookkeeping) {
+  if (isBatching) {
+    // If we are currently inside another batch, we need to wait until it
+    // fully completes before restoring state.
+    return fn(bookkeeping);
+  }
+  isBatching = true;
+  try {
+    return _batchedUpdates(fn, bookkeeping);
+  } finally {
+    // Here we wait until all updates have propagated, which is important
+    // when using controlled components within layers:
+    // https://github.com/facebook/react/issues/1698
+    // Then we restore state of any controlled component.
+    isBatching = false;
+    var controlledComponentsHavePendingUpdates = needsStateRestore();
+    if (controlledComponentsHavePendingUpdates) {
+      // If a controlled event was fired, we may need to restore the state of
+      // the DOM node back to the controlled value. This is necessary when React
+      // bails out of the update without touching the DOM.
+      _flushInteractiveUpdates();
+      restoreStateIfNeeded();
+    }
+  }
+}
+
+var injection$2 = {
+  injectRenderer: function(renderer) {
+    _batchedUpdates = renderer.batchedUpdates;
+    _interactiveUpdates = renderer.interactiveUpdates;
+    _flushInteractiveUpdates = renderer.flushInteractiveUpdates;
+  }
+};
+
+function dispatchEvent(target, topLevelType, nativeEvent) {
+  var targetFiber = target;
+  batchedUpdates(function() {
+    runExtractedEventsInBatch(
+      topLevelType,
+      targetFiber,
+      nativeEvent,
+      nativeEvent.target
+    );
+  });
+  // React Native doesn't use ReactControlledComponent but if it did, here's
+  // where it would do it.
+}
+
+// Renderers that don't support mutation
+// can re-export everything from this module.
+
+function shim() {
+  invariant(
+    false,
+    "The current renderer does not support mutation. " +
+      "This error is likely caused by a bug in React. " +
+      "Please file an issue."
+  );
+}
+
+// Mutation (when unsupported)
+var supportsMutation = false;
+var appendChild$1 = shim;
+var appendChildToContainer = shim;
+var commitTextUpdate = shim;
+var commitMount = shim;
+var commitUpdate = shim;
+var insertBefore = shim;
+var insertInContainerBefore = shim;
+var removeChild = shim;
+var removeChildFromContainer = shim;
+var resetTextContent = shim;
+
+// Renderers that don't support hydration
+// can re-export everything from this module.
+
+function shim$1() {
+  invariant(
+    false,
+    "The current renderer does not support hyration. " +
+      "This error is likely caused by a bug in React. " +
+      "Please file an issue."
+  );
+}
+
+// Hydration (when unsupported)
+var supportsHydration = false;
+var canHydrateInstance = shim$1;
+var canHydrateTextInstance = shim$1;
+var getNextHydratableSibling = shim$1;
+var getFirstHydratableChild = shim$1;
+var hydrateInstance = shim$1;
+var hydrateTextInstance = shim$1;
+var didNotMatchHydratedContainerTextInstance = shim$1;
+var didNotMatchHydratedTextInstance = shim$1;
+var didNotHydrateContainerInstance = shim$1;
+var didNotHydrateInstance = shim$1;
+var didNotFindHydratableContainerInstance = shim$1;
+var didNotFindHydratableContainerTextInstance = shim$1;
+var didNotFindHydratableInstance = shim$1;
+var didNotFindHydratableTextInstance = shim$1;
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+// Modules provided by RN:
+// Counter for uniquely identifying views.
+// % 10 === 1 means it is a rootTag.
+// % 2 === 0 means it is a Fabric tag.
+// This means that they never overlap.
+var nextReactTag = 2;
+
+// TODO: Remove this conditional once all changes have propagated.
+if (FabricUIManager.registerEventHandler) {
+  /**
+   * Register the event emitter with the native bridge
+   */
+  FabricUIManager.registerEventHandler(dispatchEvent);
+}
+
+/**
+ * This is used for refs on host components.
+ */
+
+var ReactFabricHostComponent = (function() {
+  function ReactFabricHostComponent(tag, viewConfig, props) {
+    _classCallCheck(this, ReactFabricHostComponent);
+
+    this._nativeTag = tag;
+    this.viewConfig = viewConfig;
+    this.currentProps = props;
+  }
+
+  ReactFabricHostComponent.prototype.blur = function blur() {
+    TextInputState.blurTextInput(this._nativeTag);
+  };
+
+  ReactFabricHostComponent.prototype.focus = function focus() {
+    TextInputState.focusTextInput(this._nativeTag);
+  };
+
+  ReactFabricHostComponent.prototype.measure = function measure(callback) {
+    UIManager.measure(this._nativeTag, mountSafeCallback(this, callback));
+  };
+
+  ReactFabricHostComponent.prototype.measureInWindow = function measureInWindow(
+    callback
+  ) {
+    UIManager.measureInWindow(
+      this._nativeTag,
+      mountSafeCallback(this, callback)
+    );
+  };
+
+  ReactFabricHostComponent.prototype.measureLayout = function measureLayout(
+    relativeToNativeNode,
+    onSuccess,
+    onFail /* currently unused */
+  ) {
+    UIManager.measureLayout(
+      this._nativeTag,
+      relativeToNativeNode,
+      mountSafeCallback(this, onFail),
+      mountSafeCallback(this, onSuccess)
+    );
+  };
+
+  ReactFabricHostComponent.prototype.setNativeProps = function setNativeProps(
+    nativeProps
+  ) {
+    {
+      warnForStyleProps(nativeProps, this.viewConfig.validAttributes);
+    }
+
+    var updatePayload = create(nativeProps, this.viewConfig.validAttributes);
+
+    // Avoid the overhead of bridge calls if there's no update.
+    // This is an expensive no-op for Android, and causes an unnecessary
+    // view invalidation for certain components (eg RCTTextInput) on iOS.
+    if (updatePayload != null) {
+      UIManager.updateView(
+        this._nativeTag,
+        this.viewConfig.uiViewClassName,
+        updatePayload
+      );
+    }
+  };
+
+  return ReactFabricHostComponent;
+})();
+
+function appendInitialChild(parentInstance, child) {
+  FabricUIManager.appendChild(parentInstance.node, child.node);
+}
+
+function createInstance(
+  type,
+  props,
+  rootContainerInstance,
+  hostContext,
+  internalInstanceHandle
+) {
+  var tag = nextReactTag;
+  nextReactTag += 2;
+
+  var viewConfig = ReactNativeViewConfigRegistry.get(type);
+
+  {
+    for (var key in viewConfig.validAttributes) {
+      if (props.hasOwnProperty(key)) {
+        deepFreezeAndThrowOnMutationInDev(props[key]);
+      }
+    }
+  }
+
+  invariant(
+    type !== "RCTView" || !hostContext.isInAParentText,
+    "Nesting of <View> within <Text> is not currently supported."
+  );
+
+  var updatePayload = create(props, viewConfig.validAttributes);
+
+  var node = FabricUIManager.createNode(
+    tag, // reactTag
+    viewConfig.uiViewClassName, // viewName
+    rootContainerInstance, // rootTag
+    updatePayload, // props
+    internalInstanceHandle // internalInstanceHandle
+  );
+
+  var component = new ReactFabricHostComponent(tag, viewConfig, props);
+
+  return {
+    node: node,
+    canonical: component
+  };
+}
+
+function createTextInstance(
+  text,
+  rootContainerInstance,
+  hostContext,
+  internalInstanceHandle
+) {
+  invariant(
+    hostContext.isInAParentText,
+    "Text strings must be rendered within a <Text> component."
+  );
+
+  var tag = nextReactTag;
+  nextReactTag += 2;
+
+  var node = FabricUIManager.createNode(
+    tag, // reactTag
+    "RCTRawText", // viewName
+    rootContainerInstance, // rootTag
+    { text: text }, // props
+    internalInstanceHandle // instance handle
+  );
+
+  return {
+    node: node
+  };
+}
+
+function finalizeInitialChildren(
+  parentInstance,
+  type,
+  props,
+  rootContainerInstance,
+  hostContext
+) {
+  return false;
+}
+
+function getRootHostContext(rootContainerInstance) {
+  return { isInAParentText: false };
+}
+
+function getChildHostContext(parentHostContext, type, rootContainerInstance) {
+  var prevIsInAParentText = parentHostContext.isInAParentText;
+  var isInAParentText =
+    type === "AndroidTextInput" || // Android
+    type === "RCTMultilineTextInputView" || // iOS
+    type === "RCTSinglelineTextInputView" || // iOS
+    type === "RCTText" ||
+    type === "RCTVirtualText";
+
+  if (prevIsInAParentText !== isInAParentText) {
+    return { isInAParentText: isInAParentText };
+  } else {
+    return parentHostContext;
+  }
+}
+
+function getPublicInstance(instance) {
+  return instance.canonical;
+}
+
+function prepareForCommit(containerInfo) {
+  // Noop
+}
+
+function prepareUpdate(
+  instance,
+  type,
+  oldProps,
+  newProps,
+  rootContainerInstance,
+  hostContext
+) {
+  var viewConfig = instance.canonical.viewConfig;
+  var updatePayload = diff(oldProps, newProps, viewConfig.validAttributes);
+  // TODO: If the event handlers have changed, we need to update the current props
+  // in the commit phase but there is no host config hook to do it yet.
+  // So instead we hack it by updating it in the render phase.
+  instance.canonical.currentProps = newProps;
+  return updatePayload;
+}
+
+function resetAfterCommit(containerInfo) {
+  // Noop
+}
+
+function shouldDeprioritizeSubtree(type, props) {
+  return false;
+}
+
+function shouldSetTextContent(type, props) {
+  // TODO (bvaughn) Revisit this decision.
+  // Always returning false simplifies the createInstance() implementation,
+  // But creates an additional child Fiber for raw text children.
+  // No additional native views are created though.
+  // It's not clear to me which is better so I'm deferring for now.
+  // More context @ github.com/facebook/react/pull/8560#discussion_r92111303
+  return false;
+}
+
+// The Fabric renderer is secondary to the existing React Native renderer.
+var isPrimaryRenderer = false;
+var now = now$1;
+var scheduleDeferredCallback = scheduleDeferredCallback$1;
+var cancelDeferredCallback = cancelDeferredCallback$1;
+
+// -------------------
+//     Persistence
+// -------------------
+
+var supportsPersistence = true;
+
+function cloneInstance(
+  instance,
+  updatePayload,
+  type,
+  oldProps,
+  newProps,
+  internalInstanceHandle,
+  keepChildren,
+  recyclableInstance
+) {
+  var node = instance.node;
+  var clone = void 0;
+  if (keepChildren) {
+    if (updatePayload !== null) {
+      clone = FabricUIManager.cloneNodeWithNewProps(
+        node,
+        updatePayload,
+        internalInstanceHandle
+      );
+    } else {
+      clone = FabricUIManager.cloneNode(node, internalInstanceHandle);
+    }
+  } else {
+    if (updatePayload !== null) {
+      clone = FabricUIManager.cloneNodeWithNewChildrenAndProps(
+        node,
+        updatePayload,
+        internalInstanceHandle
+      );
+    } else {
+      clone = FabricUIManager.cloneNodeWithNewChildren(
+        node,
+        internalInstanceHandle
+      );
+    }
+  }
+  return {
+    node: clone,
+    canonical: instance.canonical
+  };
+}
+
+function createContainerChildSet(container) {
+  return FabricUIManager.createChildSet(container);
+}
+
+function appendChildToContainerChildSet(childSet, child) {
+  FabricUIManager.appendChildToSet(childSet, child.node);
+}
+
+function finalizeContainerChildren(container, newChildren) {
+  FabricUIManager.completeRoot(container, newChildren);
+}
+
+var describeComponentFrame = function(name, source, ownerName) {
+  return (
+    "\n    in " +
+    (name || "Unknown") +
+    (source
+      ? " (at " +
+        source.fileName.replace(/^.*[\\\/]/, "") +
+        ":" +
+        source.lineNumber +
+        ")"
+      : ownerName ? " (created by " + ownerName + ")" : "")
+  );
+};
+
+function describeFiber(fiber) {
+  switch (fiber.tag) {
+    case IndeterminateComponent:
+    case FunctionalComponent:
+    case ClassComponent:
+    case HostComponent:
+      var owner = fiber._debugOwner;
+      var source = fiber._debugSource;
+      var name = getComponentName(fiber);
+      var ownerName = null;
+      if (owner) {
+        ownerName = getComponentName(owner);
+      }
+      return describeComponentFrame(name, source, ownerName);
+    default:
+      return "";
+  }
+}
+
+// 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) {
+  var info = "";
+  var node = workInProgress;
+  do {
+    info += describeFiber(node);
+    // Otherwise this return pointer might point to the wrong tree:
+    node = node.return;
+  } while (node);
+  return info;
+}
+
+function getCurrentFiberOwnerName() {
+  {
+    var fiber = ReactDebugCurrentFiber.current;
+    if (fiber === null) {
+      return null;
+    }
+    var owner = fiber._debugOwner;
+    if (owner !== null && typeof owner !== "undefined") {
+      return getComponentName(owner);
+    }
+  }
+  return null;
+}
+
+function getCurrentFiberStackAddendum() {
+  {
+    var fiber = ReactDebugCurrentFiber.current;
+    if (fiber === null) {
+      return null;
+    }
+    // Safe because if current fiber exists, we are reconciling,
+    // and it is guaranteed to be the work-in-progress version.
+    return getStackAddendumByWorkInProgressFiber(fiber);
+  }
+  return null;
+}
+
+function resetCurrentFiber() {
+  ReactDebugCurrentFrame.getCurrentStack = null;
+  ReactDebugCurrentFiber.current = null;
+  ReactDebugCurrentFiber.phase = null;
+}
+
+function setCurrentFiber(fiber) {
+  ReactDebugCurrentFrame.getCurrentStack = getCurrentFiberStackAddendum;
+  ReactDebugCurrentFiber.current = fiber;
+  ReactDebugCurrentFiber.phase = null;
+}
+
+function setCurrentPhase(phase) {
+  ReactDebugCurrentFiber.phase = phase;
+}
+
+var ReactDebugCurrentFiber = {
+  current: null,
+  phase: null,
+  resetCurrentFiber: resetCurrentFiber,
+  setCurrentFiber: setCurrentFiber,
+  setCurrentPhase: setCurrentPhase,
+  getCurrentFiberOwnerName: getCurrentFiberOwnerName,
+  getCurrentFiberStackAddendum: getCurrentFiberStackAddendum
+};
+
+var debugRenderPhaseSideEffects = false;
+var debugRenderPhaseSideEffectsForStrictMode = false;
+var enableUserTimingAPI = true;
+var enableGetDerivedStateFromCatch = false;
+var enableSuspense = false;
+var warnAboutDeprecatedLifecycles = false;
+var warnAboutLegacyContextAPI = false;
+var replayFailedUnitOfWorkWithInvokeGuardedCallback = true;
+var enableProfilerTimer = true;
+
+// Only used in www builds.
+
+// Prefix measurements so that it's possible to filter them.
+// Longer prefixes are hard to read in DevTools.
+var reactEmoji = "\u269B";
+var warningEmoji = "\u26D4";
+var supportsUserTiming =
+  typeof performance !== "undefined" &&
+  typeof performance.mark === "function" &&
+  typeof performance.clearMarks === "function" &&
+  typeof performance.measure === "function" &&
+  typeof performance.clearMeasures === "function";
+
+// 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?
+var currentFiber = 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).
+var currentPhase = null;
+var currentPhaseFiber = 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.
+var isCommitting = false;
+var hasScheduledUpdateInCurrentCommit = false;
+var hasScheduledUpdateInCurrentPhase = false;
+var commitCountInCurrentWorkLoop = 0;
+var effectCountInCurrentCommit = 0;
+var isWaitingForCallback = false;
+// During commits, we only show a measurement once per method name
+// to avoid stretch the commit phase with measurement overhead.
+var labelsInCurrentCommit = new Set();
+
+var formatMarkName = function(markName) {
+  return reactEmoji + " " + markName;
+};
+
+var formatLabel = function(label, warning$$1) {
+  var prefix = warning$$1 ? warningEmoji + " " : reactEmoji + " ";
+  var suffix = warning$$1 ? " Warning: " + warning$$1 : "";
+  return "" + prefix + label + suffix;
+};
+
+var beginMark = function(markName) {
+  performance.mark(formatMarkName(markName));
+};
+
+var clearMark = function(markName) {
+  performance.clearMarks(formatMarkName(markName));
+};
+
+var endMark = function(label, markName, warning$$1) {
+  var formattedMarkName = formatMarkName(markName);
+  var formattedLabel = formatLabel(label, warning$$1);
+  try {
+    performance.measure(formattedLabel, formattedMarkName);
+  } catch (err) {}
+  // If previous mark was missing for some reason, this will throw.
+  // This could only happen if React crashed in an unexpected place earlier.
+  // Don't pile on with more errors.
+
+  // Clear marks immediately to avoid growing buffer.
+  performance.clearMarks(formattedMarkName);
+  performance.clearMeasures(formattedLabel);
+};
+
+var getFiberMarkName = function(label, debugID) {
+  return label + " (#" + debugID + ")";
+};
+
+var getFiberLabel = function(componentName, isMounted, phase) {
+  if (phase === null) {
+    // These are composite component total time measurements.
+    return componentName + " [" + (isMounted ? "update" : "mount") + "]";
+  } else {
+    // Composite component methods.
+    return componentName + "." + phase;
+  }
+};
+
+var beginFiberMark = function(fiber, phase) {
+  var componentName = getComponentName(fiber) || "Unknown";
+  var debugID = fiber._debugID;
+  var isMounted = fiber.alternate !== null;
+  var label = getFiberLabel(componentName, isMounted, phase);
+
+  if (isCommitting && labelsInCurrentCommit.has(label)) {
+    // During the commit phase, we don't show duplicate labels because
+    // there is a fixed overhead for every measurement, and we don't
+    // want to stretch the commit phase beyond necessary.
+    return false;
+  }
+  labelsInCurrentCommit.add(label);
+
+  var markName = getFiberMarkName(label, debugID);
+  beginMark(markName);
+  return true;
+};
+
+var clearFiberMark = function(fiber, phase) {
+  var componentName = getComponentName(fiber) || "Unknown";
+  var debugID = fiber._debugID;
+  var isMounted = fiber.alternate !== null;
+  var label = getFiberLabel(componentName, isMounted, phase);
+  var markName = getFiberMarkName(label, debugID);
+  clearMark(markName);
+};
+
+var endFiberMark = function(fiber, phase, warning$$1) {
+  var componentName = getComponentName(fiber) || "Unknown";
+  var debugID = fiber._debugID;
+  var isMounted = fiber.alternate !== null;
+  var label = getFiberLabel(componentName, isMounted, phase);
+  var markName = getFiberMarkName(label, debugID);
+  endMark(label, markName, warning$$1);
+};
+
+var shouldIgnoreFiber = function(fiber) {
+  // Host components should be skipped in the timeline.
+  // We could check typeof fiber.type, but does this work with RN?
+  switch (fiber.tag) {
+    case HostRoot:
+    case HostComponent:
+    case HostText:
+    case HostPortal:
+    case Fragment:
+    case ContextProvider:
+    case ContextConsumer:
+    case Mode:
+      return true;
+    default:
+      return false;
+  }
+};
+
+var clearPendingPhaseMeasurement = function() {
+  if (currentPhase !== null && currentPhaseFiber !== null) {
+    clearFiberMark(currentPhaseFiber, currentPhase);
+  }
+  currentPhaseFiber = null;
+  currentPhase = null;
+  hasScheduledUpdateInCurrentPhase = false;
+};
+
+var pauseTimers = function() {
+  // Stops all currently active measurements so that they can be resumed
+  // if we continue in a later deferred loop from the same unit of work.
+  var fiber = currentFiber;
+  while (fiber) {
+    if (fiber._debugIsCurrentlyTiming) {
+      endFiberMark(fiber, null, null);
+    }
+    fiber = fiber.return;
+  }
+};
+
+var resumeTimersRecursively = function(fiber) {
+  if (fiber.return !== null) {
+    resumeTimersRecursively(fiber.return);
+  }
+  if (fiber._debugIsCurrentlyTiming) {
+    beginFiberMark(fiber, null);
+  }
+};
+
+var resumeTimers = function() {
+  // Resumes all measurements that were active during the last deferred loop.
+  if (currentFiber !== null) {
+    resumeTimersRecursively(currentFiber);
+  }
+};
+
+function recordEffect() {
+  if (enableUserTimingAPI) {
+    effectCountInCurrentCommit++;
+  }
+}
+
+function recordScheduleUpdate() {
+  if (enableUserTimingAPI) {
+    if (isCommitting) {
+      hasScheduledUpdateInCurrentCommit = true;
+    }
+    if (
+      currentPhase !== null &&
+      currentPhase !== "componentWillMount" &&
+      currentPhase !== "componentWillReceiveProps"
+    ) {
+      hasScheduledUpdateInCurrentPhase = true;
+    }
+  }
+}
+
+function startRequestCallbackTimer() {
+  if (enableUserTimingAPI) {
+    if (supportsUserTiming && !isWaitingForCallback) {
+      isWaitingForCallback = true;
+      beginMark("(Waiting for async callback...)");
+    }
+  }
+}
+
+function stopRequestCallbackTimer(didExpire, expirationTime) {
+  if (enableUserTimingAPI) {
+    if (supportsUserTiming) {
+      isWaitingForCallback = false;
+      var warning$$1 = didExpire ? "React was blocked by main thread" : null;
+      endMark(
+        "(Waiting for async callback... will force flush in " +
+          expirationTime +
+          " ms)",
+        "(Waiting for async callback...)",
+        warning$$1
+      );
+    }
+  }
+}
+
+function startWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // If we pause, this is the fiber to unwind from.
+    currentFiber = fiber;
+    if (!beginFiberMark(fiber, null)) {
+      return;
+    }
+    fiber._debugIsCurrentlyTiming = true;
+  }
+}
+
+function cancelWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // Remember we shouldn't complete measurement for this fiber.
+    // Otherwise flamechart will be deep even for small updates.
+    fiber._debugIsCurrentlyTiming = false;
+    clearFiberMark(fiber, null);
+  }
+}
+
+function stopWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // If we pause, its parent is the fiber to unwind from.
+    currentFiber = fiber.return;
+    if (!fiber._debugIsCurrentlyTiming) {
+      return;
+    }
+    fiber._debugIsCurrentlyTiming = false;
+    endFiberMark(fiber, null, null);
+  }
+}
+
+function stopFailedWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // If we pause, its parent is the fiber to unwind from.
+    currentFiber = fiber.return;
+    if (!fiber._debugIsCurrentlyTiming) {
+      return;
+    }
+    fiber._debugIsCurrentlyTiming = false;
+    var warning$$1 = "An error was thrown inside this error boundary";
+    endFiberMark(fiber, null, warning$$1);
+  }
+}
+
+function startPhaseTimer(fiber, phase) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    clearPendingPhaseMeasurement();
+    if (!beginFiberMark(fiber, phase)) {
+      return;
+    }
+    currentPhaseFiber = fiber;
+    currentPhase = phase;
+  }
+}
+
+function stopPhaseTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    if (currentPhase !== null && currentPhaseFiber !== null) {
+      var warning$$1 = hasScheduledUpdateInCurrentPhase
+        ? "Scheduled a cascading update"
+        : null;
+      endFiberMark(currentPhaseFiber, currentPhase, warning$$1);
+    }
+    currentPhase = null;
+    currentPhaseFiber = null;
+  }
+}
+
+function startWorkLoopTimer(nextUnitOfWork) {
+  if (enableUserTimingAPI) {
+    currentFiber = nextUnitOfWork;
+    if (!supportsUserTiming) {
+      return;
+    }
+    commitCountInCurrentWorkLoop = 0;
+    // This is top level call.
+    // Any other measurements are performed within.
+    beginMark("(React Tree Reconciliation)");
+    // Resume any measurements that were in progress during the last loop.
+    resumeTimers();
+  }
+}
+
+function stopWorkLoopTimer(interruptedBy, didCompleteRoot) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    var warning$$1 = null;
+    if (interruptedBy !== null) {
+      if (interruptedBy.tag === HostRoot) {
+        warning$$1 = "A top-level update interrupted the previous render";
+      } else {
+        var componentName = getComponentName(interruptedBy) || "Unknown";
+        warning$$1 =
+          "An update to " + componentName + " interrupted the previous render";
+      }
+    } else if (commitCountInCurrentWorkLoop > 1) {
+      warning$$1 = "There were cascading updates";
+    }
+    commitCountInCurrentWorkLoop = 0;
+    var label = didCompleteRoot
+      ? "(React Tree Reconciliation: Completed Root)"
+      : "(React Tree Reconciliation: Yielded)";
+    // Pause any measurements until the next loop.
+    pauseTimers();
+    endMark(label, "(React Tree Reconciliation)", warning$$1);
+  }
+}
+
+function startCommitTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    isCommitting = true;
+    hasScheduledUpdateInCurrentCommit = false;
+    labelsInCurrentCommit.clear();
+    beginMark("(Committing Changes)");
+  }
+}
+
+function stopCommitTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+
+    var warning$$1 = null;
+    if (hasScheduledUpdateInCurrentCommit) {
+      warning$$1 = "Lifecycle hook scheduled a cascading update";
+    } else if (commitCountInCurrentWorkLoop > 0) {
+      warning$$1 = "Caused by a cascading update in earlier commit";
+    }
+    hasScheduledUpdateInCurrentCommit = false;
+    commitCountInCurrentWorkLoop++;
+    isCommitting = false;
+    labelsInCurrentCommit.clear();
+
+    endMark("(Committing Changes)", "(Committing Changes)", warning$$1);
+  }
+}
+
+function startCommitSnapshotEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    effectCountInCurrentCommit = 0;
+    beginMark("(Committing Snapshot Effects)");
+  }
+}
+
+function stopCommitSnapshotEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    var count = effectCountInCurrentCommit;
+    effectCountInCurrentCommit = 0;
+    endMark(
+      "(Committing Snapshot Effects: " + count + " Total)",
+      "(Committing Snapshot Effects)",
+      null
+    );
+  }
+}
+
+function startCommitHostEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    effectCountInCurrentCommit = 0;
+    beginMark("(Committing Host Effects)");
+  }
+}
+
+function stopCommitHostEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    var count = effectCountInCurrentCommit;
+    effectCountInCurrentCommit = 0;
+    endMark(
+      "(Committing Host Effects: " + count + " Total)",
+      "(Committing Host Effects)",
+      null
+    );
+  }
+}
+
+function startCommitLifeCyclesTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    effectCountInCurrentCommit = 0;
+    beginMark("(Calling Lifecycle Methods)");
+  }
+}
+
+function stopCommitLifeCyclesTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    var count = effectCountInCurrentCommit;
+    effectCountInCurrentCommit = 0;
+    endMark(
+      "(Calling Lifecycle Methods: " + count + " Total)",
+      "(Calling Lifecycle Methods)",
+      null
+    );
+  }
+}
+
+var valueStack = [];
+
+var fiberStack = void 0;
+
+{
+  fiberStack = [];
+}
+
+var index = -1;
+
+function createCursor(defaultValue) {
+  return {
+    current: defaultValue
+  };
+}
+
+function pop(cursor, fiber) {
+  if (index < 0) {
+    {
+      warning(false, "Unexpected pop.");
+    }
+    return;
+  }
+
+  {
+    if (fiber !== fiberStack[index]) {
+      warning(false, "Unexpected Fiber popped.");
+    }
+  }
+
+  cursor.current = valueStack[index];
+
+  valueStack[index] = null;
+
+  {
+    fiberStack[index] = null;
+  }
+
+  index--;
+}
+
+function push(cursor, value, fiber) {
+  index++;
+
+  valueStack[index] = cursor.current;
+
+  {
+    fiberStack[index] = fiber;
+  }
+
+  cursor.current = value;
+}
+
+function checkThatStackIsEmpty() {
+  {
+    if (index !== -1) {
+      warning(
+        false,
+        "Expected an empty stack. Something was not reset properly."
+      );
+    }
+  }
+}
+
+function resetStackAfterFatalErrorInDev() {
+  {
+    index = -1;
+    valueStack.length = 0;
+    fiberStack.length = 0;
+  }
+}
+
+var warnedAboutMissingGetChildContext = void 0;
+
+{
+  warnedAboutMissingGetChildContext = {};
+}
+
+// A cursor to the current merged context object on the stack.
+var contextStackCursor = createCursor(emptyObject);
+// A cursor to a boolean indicating whether the context has changed.
+var didPerformWorkStackCursor = 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.
+var previousContext = emptyObject;
+
+function getUnmaskedContext(workInProgress) {
+  var hasOwnContext = isContextProvider(workInProgress);
+  if (hasOwnContext) {
+    // If the fiber is a context provider itself, when we read its context
+    // we have already pushed its own child context on the stack. A context
+    // provider should not "see" its own child context. Therefore we read the
+    // previous (parent) context instead for a context provider.
+    return previousContext;
+  }
+  return contextStackCursor.current;
+}
+
+function cacheContext(workInProgress, unmaskedContext, maskedContext) {
+  var instance = workInProgress.stateNode;
+  instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
+  instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
+}
+
+function getMaskedContext(workInProgress, unmaskedContext) {
+  var type = workInProgress.type;
+  var contextTypes = type.contextTypes;
+  if (!contextTypes) {
+    return emptyObject;
+  }
+
+  // Avoid recreating masked context unless unmasked context has changed.
+  // Failing to do this will result in unnecessary calls to componentWillReceiveProps.
+  // This may trigger infinite loops if componentWillReceiveProps calls setState.
+  var instance = workInProgress.stateNode;
+  if (
+    instance &&
+    instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
+  ) {
+    return instance.__reactInternalMemoizedMaskedChildContext;
+  }
+
+  var context = {};
+  for (var key in contextTypes) {
+    context[key] = unmaskedContext[key];
+  }
+
+  {
+    var name = getComponentName(workInProgress) || "Unknown";
+    checkPropTypes(
+      contextTypes,
+      context,
+      "context",
+      name,
+      ReactDebugCurrentFiber.getCurrentFiberStackAddendum
+    );
+  }
+
+  // Cache unmasked context so we can avoid recreating masked context unless necessary.
+  // Context is created before the class component is instantiated so check for instance.
+  if (instance) {
+    cacheContext(workInProgress, unmaskedContext, context);
+  }
+
+  return context;
+}
+
+function hasContextChanged() {
+  return didPerformWorkStackCursor.current;
+}
+
+function isContextConsumer(fiber) {
+  return fiber.tag === ClassComponent && fiber.type.contextTypes != null;
+}
+
+function isContextProvider(fiber) {
+  return fiber.tag === ClassComponent && fiber.type.childContextTypes != null;
+}
+
+function popContextProvider(fiber) {
+  if (!isContextProvider(fiber)) {
+    return;
+  }
+
+  pop(didPerformWorkStackCursor, fiber);
+  pop(contextStackCursor, fiber);
+}
+
+function popTopLevelContextObject(fiber) {
+  pop(didPerformWorkStackCursor, fiber);
+  pop(contextStackCursor, fiber);
+}
+
+function pushTopLevelContextObject(fiber, context, didChange) {
+  invariant(
+    contextStackCursor.current === emptyObject,
+    "Unexpected context found on stack. " +
+      "This error is likely caused by a bug in React. Please file an issue."
+  );
+
+  push(contextStackCursor, context, fiber);
+  push(didPerformWorkStackCursor, didChange, fiber);
+}
+
+function processChildContext(fiber, parentContext) {
+  var instance = fiber.stateNode;
+  var childContextTypes = fiber.type.childContextTypes;
+
+  // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+  // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+  if (typeof instance.getChildContext !== "function") {
+    {
+      var componentName = getComponentName(fiber) || "Unknown";
+
+      if (!warnedAboutMissingGetChildContext[componentName]) {
+        warnedAboutMissingGetChildContext[componentName] = true;
+        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.",
+          componentName,
+          componentName
+        );
+      }
+    }
+    return parentContext;
+  }
+
+  var childContext = void 0;
+  {
+    ReactDebugCurrentFiber.setCurrentPhase("getChildContext");
+  }
+  startPhaseTimer(fiber, "getChildContext");
+  childContext = instance.getChildContext();
+  stopPhaseTimer();
+  {
+    ReactDebugCurrentFiber.setCurrentPhase(null);
+  }
+  for (var contextKey in childContext) {
+    invariant(
+      contextKey in childContextTypes,
+      '%s.getChildContext(): key "%s" is not defined in childContextTypes.',
+      getComponentName(fiber) || "Unknown",
+      contextKey
+    );
+  }
+  {
+    var name = getComponentName(fiber) || "Unknown";
+    checkPropTypes(
+      childContextTypes,
+      childContext,
+      "child context",
+      name,
+      // In practice, there is one case in which we won't get a stack. It's when
+      // somebody calls unstable_renderSubtreeIntoContainer() and we process
+      // context from the parent component instance. The stack will be missing
+      // because it's outside of the reconciliation, and so the pointer has not
+      // been set. This is rare and doesn't matter. We'll also remove that API.
+      ReactDebugCurrentFiber.getCurrentFiberStackAddendum
+    );
+  }
+
+  return Object.assign({}, parentContext, childContext);
+}
+
+function pushContextProvider(workInProgress) {
+  if (!isContextProvider(workInProgress)) {
+    return false;
+  }
+
+  var instance = workInProgress.stateNode;
+  // 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.
+  var memoizedMergedChildContext =
+    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+    emptyObject;
+
+  // Remember the parent context so we can merge with it later.
+  // Inherit the parent's did-perform-work value to avoid inadvertently blocking updates.
+  previousContext = contextStackCursor.current;
+  push(contextStackCursor, memoizedMergedChildContext, workInProgress);
+  push(
+    didPerformWorkStackCursor,
+    didPerformWorkStackCursor.current,
+    workInProgress
+  );
+
+  return true;
+}
+
+function invalidateContextProvider(workInProgress, didChange) {
+  var instance = workInProgress.stateNode;
+  invariant(
+    instance,
+    "Expected to have an instance by this point. " +
+      "This error is likely caused by a bug in React. Please file an issue."
+  );
+
+  if (didChange) {
+    // Merge parent and own context.
+    // Skip this if we're not updating due to sCU.
+    // This avoids unnecessarily recomputing memoized values.
+    var mergedContext = processChildContext(workInProgress, previousContext);
+    instance.__reactInternalMemoizedMergedChildContext = mergedContext;
+
+    // Replace the old (or empty) context with the new one.
+    // It is important to unwind the context in the reverse order.
+    pop(didPerformWorkStackCursor, workInProgress);
+    pop(contextStackCursor, workInProgress);
+    // Now push the new context and mark that it has changed.
+    push(contextStackCursor, mergedContext, workInProgress);
+    push(didPerformWorkStackCursor, didChange, workInProgress);
+  } else {
+    pop(didPerformWorkStackCursor, workInProgress);
+    push(didPerformWorkStackCursor, didChange, workInProgress);
+  }
+}
+
+function findCurrentUnmaskedContext(fiber) {
+  // 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. " +
+      "This error is likely caused by a bug in React. Please file an issue."
+  );
+
+  var node = fiber;
+  while (node.tag !== HostRoot) {
+    if (isContextProvider(node)) {
+      return node.stateNode.__reactInternalMemoizedMergedChildContext;
+    }
+    var parent = node.return;
+    invariant(
+      parent,
+      "Found unexpected detached subtree parent. " +
+        "This error is likely caused by a bug in React. Please file an issue."
+    );
+    node = parent;
+  }
+  return node.stateNode.context;
+}
+
+// Max 31 bit integer. The max integer size in V8 for 32-bit systems.
+// Math.pow(2, 30) - 1
+// 0b111111111111111111111111111111
+var MAX_SIGNED_31_BIT_INT = 1073741823;
+
+var NoWork = 0;
+var Sync = 1;
+var Never = MAX_SIGNED_31_BIT_INT;
+
+var UNIT_SIZE = 10;
+var MAGIC_NUMBER_OFFSET = 2;
+
+// 1 unit of expiration time represents 10ms.
+function msToExpirationTime(ms) {
+  // Always add an offset so that we don't clash with the magic number for NoWork.
+  return ((ms / UNIT_SIZE) | 0) + MAGIC_NUMBER_OFFSET;
+}
+
+function expirationTimeToMs(expirationTime) {
+  return (expirationTime - MAGIC_NUMBER_OFFSET) * UNIT_SIZE;
+}
+
+function ceiling(num, precision) {
+  return (((num / precision) | 0) + 1) * precision;
+}
+
+function computeExpirationBucket(currentTime, expirationInMs, bucketSizeMs) {
+  return (
+    MAGIC_NUMBER_OFFSET +
+    ceiling(
+      currentTime - MAGIC_NUMBER_OFFSET + expirationInMs / UNIT_SIZE,
+      bucketSizeMs / UNIT_SIZE
+    )
+  );
+}
+
+var NoContext = 0;
+var AsyncMode = 1;
+var StrictMode = 2;
+var ProfileMode = 4;
+
+var hasBadMapPolyfill = void 0;
+
+{
+  hasBadMapPolyfill = false;
+  try {
+    var nonExtensibleObject = Object.preventExtensions({});
+    var testMap = new Map([[nonExtensibleObject, null]]);
+    var testSet = new Set([nonExtensibleObject]);
+    // This is necessary for Rollup to not consider these unused.
+    // https://github.com/rollup/rollup/issues/1771
+    // TODO: we can remove these if Rollup fixes the bug.
+    testMap.set(0, 0);
+    testSet.add(0);
+  } catch (e) {
+    // TODO: Consider warning about bad polyfills
+    hasBadMapPolyfill = true;
+  }
+}
+
+// A Fiber is work on a Component that needs to be done or was done. There can
+// be more than one per component.
+
+var debugCounter = void 0;
+
+{
+  debugCounter = 1;
+}
+
+function FiberNode(tag, pendingProps, key, mode) {
+  // Instance
+  this.tag = tag;
+  this.key = key;
+  this.type = null;
+  this.stateNode = null;
+
+  // Fiber
+  this.return = null;
+  this.child = null;
+  this.sibling = null;
+  this.index = 0;
+
+  this.ref = null;
+
+  this.pendingProps = pendingProps;
+  this.memoizedProps = null;
+  this.updateQueue = null;
+  this.memoizedState = null;
+
+  this.mode = mode;
+
+  // Effects
+  this.effectTag = NoEffect;
+  this.nextEffect = null;
+
+  this.firstEffect = null;
+  this.lastEffect = null;
+
+  this.expirationTime = NoWork;
+
+  this.alternate = null;
+
+  if (enableProfilerTimer) {
+    this.actualDuration = 0;
+    this.actualStartTime = 0;
+    this.selfBaseTime = 0;
+    this.treeBaseTime = 0;
+  }
+
+  {
+    this._debugID = debugCounter++;
+    this._debugSource = null;
+    this._debugOwner = null;
+    this._debugIsCurrentlyTiming = false;
+    if (!hasBadMapPolyfill && typeof Object.preventExtensions === "function") {
+      Object.preventExtensions(this);
+    }
+  }
+}
+
+// This is a constructor function, rather than a POJO constructor, still
+// please ensure we do the following:
+// 1) Nobody should add any instance methods on this. Instance methods can be
+//    more difficult to predict when they get optimized and they are almost
+//    never inlined properly in static compilers.
+// 2) Nobody should rely on `instanceof Fiber` for type testing. We should
+//    always know when it is a fiber.
+// 3) We might want to experiment with using numeric keys since they are easier
+//    to optimize in a non-JIT environment.
+// 4) We can easily go from a constructor to a createFiber object literal if that
+//    is faster.
+// 5) It should be easy to port this to a C struct and keep a C implementation
+//    compatible.
+var createFiber = function(tag, pendingProps, key, mode) {
+  // $FlowFixMe: the shapes are exact here but Flow doesn't like constructors
+  return new FiberNode(tag, pendingProps, key, mode);
+};
+
+function shouldConstruct(Component) {
+  return !!(Component.prototype && Component.prototype.isReactComponent);
+}
+
+// This is used to create an alternate fiber to do work on.
+function createWorkInProgress(current, pendingProps, expirationTime) {
+  var workInProgress = current.alternate;
+  if (workInProgress === null) {
+    // We use a double buffering pooling technique because we know that we'll
+    // only ever need at most two versions of a tree. We pool the "other" unused
+    // node that we're free to reuse. This is lazily created to avoid allocating
+    // extra objects for things that are never updated. It also allow us to
+    // reclaim the extra memory if needed.
+    workInProgress = createFiber(
+      current.tag,
+      pendingProps,
+      current.key,
+      current.mode
+    );
+    workInProgress.type = current.type;
+    workInProgress.stateNode = current.stateNode;
+
+    {
+      // DEV-only fields
+      workInProgress._debugID = current._debugID;
+      workInProgress._debugSource = current._debugSource;
+      workInProgress._debugOwner = current._debugOwner;
+    }
+
+    workInProgress.alternate = current;
+    current.alternate = workInProgress;
+  } else {
+    workInProgress.pendingProps = pendingProps;
+
+    // We already have an alternate.
+    // Reset the effect tag.
+    workInProgress.effectTag = NoEffect;
+
+    // The effect list is no longer valid.
+    workInProgress.nextEffect = null;
+    workInProgress.firstEffect = null;
+    workInProgress.lastEffect = null;
+
+    if (enableProfilerTimer) {
+      // We intentionally reset, rather than copy, actualDuration & actualStartTime.
+      // This prevents time from endlessly accumulating in new commits.
+      // This has the downside of resetting values for different priority renders,
+      // But works for yielding (the common case) and should support resuming.
+      workInProgress.actualDuration = 0;
+      workInProgress.actualStartTime = 0;
+    }
+  }
+
+  workInProgress.expirationTime = expirationTime;
+
+  workInProgress.child = current.child;
+  workInProgress.memoizedProps = current.memoizedProps;
+  workInProgress.memoizedState = current.memoizedState;
+  workInProgress.updateQueue = current.updateQueue;
+
+  // These will be overridden during the parent's reconciliation
+  workInProgress.sibling = current.sibling;
+  workInProgress.index = current.index;
+  workInProgress.ref = current.ref;
+
+  if (enableProfilerTimer) {
+    workInProgress.selfBaseTime = current.selfBaseTime;
+    workInProgress.treeBaseTime = current.treeBaseTime;
+  }
+
+  return workInProgress;
+}
+
+function createHostRootFiber(isAsync) {
+  var mode = isAsync ? AsyncMode | StrictMode : NoContext;
+  return createFiber(HostRoot, null, null, mode);
+}
+
+function createFiberFromElement(element, mode, expirationTime) {
+  var owner = null;
+  {
+    owner = element._owner;
+  }
+
+  var fiber = void 0;
+  var type = element.type;
+  var key = element.key;
+  var pendingProps = element.props;
+
+  var fiberTag = void 0;
+  if (typeof type === "function") {
+    fiberTag = shouldConstruct(type) ? ClassComponent : IndeterminateComponent;
+  } else if (typeof type === "string") {
+    fiberTag = HostComponent;
+  } else {
+    switch (type) {
+      case REACT_FRAGMENT_TYPE:
+        return createFiberFromFragment(
+          pendingProps.children,
+          mode,
+          expirationTime,
+          key
+        );
+      case REACT_ASYNC_MODE_TYPE:
+        fiberTag = Mode;
+        mode |= AsyncMode | StrictMode;
+        break;
+      case REACT_STRICT_MODE_TYPE:
+        fiberTag = Mode;
+        mode |= StrictMode;
+        break;
+      case REACT_PROFILER_TYPE:
+        return createFiberFromProfiler(pendingProps, mode, expirationTime, key);
+      case REACT_TIMEOUT_TYPE:
+        fiberTag = TimeoutComponent;
+        // Suspense does not require async, but its children should be strict
+        // mode compatible.
+        mode |= StrictMode;
+        break;
+      default:
+        fiberTag = getFiberTagFromObjectType(type, owner);
+        break;
+    }
+  }
+
+  fiber = createFiber(fiberTag, pendingProps, key, mode);
+  fiber.type = type;
+  fiber.expirationTime = expirationTime;
+
+  {
+    fiber._debugSource = element._source;
+    fiber._debugOwner = element._owner;
+  }
+
+  return fiber;
+}
+
+function getFiberTagFromObjectType(type, owner) {
+  var $$typeof =
+    typeof type === "object" && type !== null ? type.$$typeof : null;
+
+  switch ($$typeof) {
+    case REACT_PROVIDER_TYPE:
+      return ContextProvider;
+    case REACT_CONTEXT_TYPE:
+      // This is a consumer
+      return ContextConsumer;
+    case REACT_FORWARD_REF_TYPE:
+      return ForwardRef;
+    default: {
+      var info = "";
+      {
+        if (
+          type === undefined ||
+          (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, or you might have mixed up default and " +
+            "named imports.";
+        }
+        var ownerName = owner ? getComponentName(owner) : null;
+        if (ownerName) {
+          info += "\n\nCheck the render method of `" + ownerName + "`.";
+        }
+      }
+      invariant(
+        false,
+        "Element type is invalid: expected a string (for built-in " +
+          "components) or a class/function (for composite components) " +
+          "but got: %s.%s",
+        type == null ? type : typeof type,
+        info
+      );
+    }
+  }
+}
+
+function createFiberFromFragment(elements, mode, expirationTime, key) {
+  var fiber = createFiber(Fragment, elements, key, mode);
+  fiber.expirationTime = expirationTime;
+  return fiber;
+}
+
+function createFiberFromProfiler(pendingProps, mode, expirationTime, key) {
+  {
+    if (
+      typeof pendingProps.id !== "string" ||
+      typeof pendingProps.onRender !== "function"
+    ) {
+      invariant(
+        false,
+        'Profiler must specify an "id" string and "onRender" function as props'
+      );
+    }
+  }
+
+  var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode);
+  fiber.type = REACT_PROFILER_TYPE;
+  fiber.expirationTime = expirationTime;
+
+  return fiber;
+}
+
+function createFiberFromText(content, mode, expirationTime) {
+  var fiber = createFiber(HostText, content, null, mode);
+  fiber.expirationTime = expirationTime;
+  return fiber;
+}
+
+function createFiberFromHostInstanceForDeletion() {
+  var fiber = createFiber(HostComponent, null, null, NoContext);
+  fiber.type = "DELETED";
+  return fiber;
+}
+
+function createFiberFromPortal(portal, mode, expirationTime) {
+  var pendingProps = portal.children !== null ? portal.children : [];
+  var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
+  fiber.expirationTime = expirationTime;
+  fiber.stateNode = {
+    containerInfo: portal.containerInfo,
+    pendingChildren: null, // Used by persistent updates
+    implementation: portal.implementation
+  };
+  return fiber;
+}
+
+// Used for stashing WIP properties to replay failed work in DEV.
+function assignFiberPropertiesInDEV(target, source) {
+  if (target === null) {
+    // This Fiber's initial properties will always be overwritten.
+    // We only use a Fiber to ensure the same hidden class so DEV isn't slow.
+    target = createFiber(IndeterminateComponent, null, null, NoContext);
+  }
+
+  // This is intentionally written as a list of all properties.
+  // We tried to use Object.assign() instead but this is called in
+  // the hottest path, and Object.assign() was too slow:
+  // https://github.com/facebook/react/issues/12502
+  // This code is DEV-only so size is not a concern.
+
+  target.tag = source.tag;
+  target.key = source.key;
+  target.type = source.type;
+  target.stateNode = source.stateNode;
+  target.return = source.return;
+  target.child = source.child;
+  target.sibling = source.sibling;
+  target.index = source.index;
+  target.ref = source.ref;
+  target.pendingProps = source.pendingProps;
+  target.memoizedProps = source.memoizedProps;
+  target.updateQueue = source.updateQueue;
+  target.memoizedState = source.memoizedState;
+  target.mode = source.mode;
+  target.effectTag = source.effectTag;
+  target.nextEffect = source.nextEffect;
+  target.firstEffect = source.firstEffect;
+  target.lastEffect = source.lastEffect;
+  target.expirationTime = source.expirationTime;
+  target.alternate = source.alternate;
+  if (enableProfilerTimer) {
+    target.actualDuration = source.actualDuration;
+    target.actualStartTime = source.actualStartTime;
+    target.selfBaseTime = source.selfBaseTime;
+    target.treeBaseTime = source.treeBaseTime;
+  }
+  target._debugID = source._debugID;
+  target._debugSource = source._debugSource;
+  target._debugOwner = source._debugOwner;
+  target._debugIsCurrentlyTiming = source._debugIsCurrentlyTiming;
+  return target;
+}
+
+// TODO: This should be lifted into the renderer.
+
+function createFiberRoot(containerInfo, isAsync, hydrate) {
+  // Cyclic construction. This cheats the type system right now because
+  // stateNode is any.
+  var uninitializedFiber = createHostRootFiber(isAsync);
+  var root = {
+    current: uninitializedFiber,
+    containerInfo: containerInfo,
+    pendingChildren: null,
+
+    earliestPendingTime: NoWork,
+    latestPendingTime: NoWork,
+    earliestSuspendedTime: NoWork,
+    latestSuspendedTime: NoWork,
+    latestPingedTime: NoWork,
+
+    didError: false,
+
+    pendingCommitExpirationTime: NoWork,
+    finishedWork: null,
+    context: null,
+    pendingContext: null,
+    hydrate: hydrate,
+    nextExpirationTimeToWorkOn: NoWork,
+    expirationTime: NoWork,
+    firstBatch: null,
+    nextScheduledRoot: null
+  };
+  uninitializedFiber.stateNode = root;
+  return root;
+}
+
+var onCommitFiberRoot = null;
+var onCommitFiberUnmount = null;
+var hasLoggedError = false;
+
+function catchErrors(fn) {
+  return function(arg) {
+    try {
+      return fn(arg);
+    } catch (err) {
+      if (true && !hasLoggedError) {
+        hasLoggedError = true;
+        warning(false, "React DevTools encountered an error: %s", err);
+      }
+    }
+  };
+}
+
+function injectInternals(internals) {
+  if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === "undefined") {
+    // No DevTools
+    return false;
+  }
+  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  if (hook.isDisabled) {
+    // This isn't a real property on the hook, but it can be set to opt out
+    // of DevTools integration and associated warnings and logs.
+    // https://github.com/facebook/react/issues/3877
+    return true;
+  }
+  if (!hook.supportsFiber) {
+    {
+      warning(
+        false,
+        "The installed version of React DevTools is too old and will not work " +
+          "with the current version of React. Please update React DevTools. " +
+          "https://fb.me/react-devtools"
+      );
+    }
+    // DevTools exists, even though it doesn't support Fiber.
+    return true;
+  }
+  try {
+    var rendererID = hook.inject(internals);
+    // We have successfully injected, so now it is safe to set up hooks.
+    onCommitFiberRoot = catchErrors(function(root) {
+      return hook.onCommitFiberRoot(rendererID, root);
+    });
+    onCommitFiberUnmount = catchErrors(function(fiber) {
+      return hook.onCommitFiberUnmount(rendererID, fiber);
+    });
+  } catch (err) {
+    // Catch all errors because it is unsafe to throw during initialization.
+    {
+      warning(false, "React DevTools encountered an error: %s.", err);
+    }
+  }
+  // DevTools exists
+  return true;
+}
+
+function onCommitRoot(root) {
+  if (typeof onCommitFiberRoot === "function") {
+    onCommitFiberRoot(root);
+  }
+}
+
+function onCommitUnmount(fiber) {
+  if (typeof onCommitFiberUnmount === "function") {
+    onCommitFiberUnmount(fiber);
+  }
+}
+
+/**
+ * Forked from fbjs/warning:
+ * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
+ *
+ * Only change is we use console.warn instead of console.error,
+ * and do nothing when 'console' is not supported.
+ * This really simplifies the code.
+ * ---
+ * Similar to invariant but only logs a warning if the condition is not met.
+ * This can be used to log issues in development environments in critical
+ * paths. Removing the logging code for production environments will keep the
+ * same logic and follow the same code paths.
+ */
+
+var lowPriorityWarning = function() {};
+
+{
+  var printWarning = function(format) {
+    for (
+      var _len = arguments.length,
+        args = Array(_len > 1 ? _len - 1 : 0),
+        _key = 1;
+      _key < _len;
+      _key++
+    ) {
+      args[_key - 1] = arguments[_key];
+    }
+
+    var argIndex = 0;
+    var message =
+      "Warning: " +
+      format.replace(/%s/g, function() {
+        return args[argIndex++];
+      });
+    if (typeof console !== "undefined") {
+      console.warn(message);
+    }
+    try {
+      // --- Welcome to debugging React ---
+      // This error was thrown as a convenience so that you can use this stack
+      // to find the callsite that caused this warning to fire.
+      throw new Error(message);
+    } catch (x) {}
+  };
+
+  lowPriorityWarning = function(condition, format) {
+    if (format === undefined) {
+      throw new Error(
+        "`warning(condition, format, ...args)` requires a warning " +
+          "message argument"
+      );
+    }
+    if (!condition) {
+      for (
+        var _len2 = arguments.length,
+          args = Array(_len2 > 2 ? _len2 - 2 : 0),
+          _key2 = 2;
+        _key2 < _len2;
+        _key2++
+      ) {
+        args[_key2 - 2] = arguments[_key2];
+      }
+
+      printWarning.apply(undefined, [format].concat(args));
+    }
+  };
+}
+
+var lowPriorityWarning$1 = lowPriorityWarning;
+
+var ReactStrictModeWarnings = {
+  discardPendingWarnings: function() {},
+  flushPendingDeprecationWarnings: function() {},
+  flushPendingUnsafeLifecycleWarnings: function() {},
+  recordDeprecationWarnings: function(fiber, instance) {},
+  recordUnsafeLifecycleWarnings: function(fiber, instance) {},
+  recordLegacyContextWarning: function(fiber, instance) {},
+  flushLegacyContextWarning: function() {}
+};
+
+{
+  var LIFECYCLE_SUGGESTIONS = {
+    UNSAFE_componentWillMount: "componentDidMount",
+    UNSAFE_componentWillReceiveProps: "static getDerivedStateFromProps",
+    UNSAFE_componentWillUpdate: "componentDidUpdate"
+  };
+
+  var pendingComponentWillMountWarnings = [];
+  var pendingComponentWillReceivePropsWarnings = [];
+  var pendingComponentWillUpdateWarnings = [];
+  var pendingUnsafeLifecycleWarnings = new Map();
+  var pendingLegacyContextWarning = new Map();
+
+  // Tracks components we have already warned about.
+  var didWarnAboutDeprecatedLifecycles = new Set();
+  var didWarnAboutUnsafeLifecycles = new Set();
+  var didWarnAboutLegacyContext = new Set();
+
+  var setToSortedString = function(set) {
+    var array = [];
+    set.forEach(function(value) {
+      array.push(value);
+    });
+    return array.sort().join(", ");
+  };
+
+  ReactStrictModeWarnings.discardPendingWarnings = function() {
+    pendingComponentWillMountWarnings = [];
+    pendingComponentWillReceivePropsWarnings = [];
+    pendingComponentWillUpdateWarnings = [];
+    pendingUnsafeLifecycleWarnings = new Map();
+    pendingLegacyContextWarning = new Map();
+  };
+
+  ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings = function() {
+    pendingUnsafeLifecycleWarnings.forEach(function(
+      lifecycleWarningsMap,
+      strictRoot
+    ) {
+      var lifecyclesWarningMesages = [];
+
+      Object.keys(lifecycleWarningsMap).forEach(function(lifecycle) {
+        var lifecycleWarnings = lifecycleWarningsMap[lifecycle];
+        if (lifecycleWarnings.length > 0) {
+          var componentNames = new Set();
+          lifecycleWarnings.forEach(function(fiber) {
+            componentNames.add(getComponentName(fiber) || "Component");
+            didWarnAboutUnsafeLifecycles.add(fiber.type);
+          });
+
+          var formatted = lifecycle.replace("UNSAFE_", "");
+          var suggestion = LIFECYCLE_SUGGESTIONS[lifecycle];
+          var sortedComponentNames = setToSortedString(componentNames);
+
+          lifecyclesWarningMesages.push(
+            formatted +
+              ": Please update the following components to use " +
+              (suggestion + " instead: " + sortedComponentNames)
+          );
+        }
+      });
+
+      if (lifecyclesWarningMesages.length > 0) {
+        var strictRootComponentStack = getStackAddendumByWorkInProgressFiber(
+          strictRoot
+        );
+
+        warning(
+          false,
+          "Unsafe lifecycle methods were found within a strict-mode tree:%s" +
+            "\n\n%s" +
+            "\n\nLearn more about this warning here:" +
+            "\nhttps://fb.me/react-strict-mode-warnings",
+          strictRootComponentStack,
+          lifecyclesWarningMesages.join("\n\n")
+        );
+      }
+    });
+
+    pendingUnsafeLifecycleWarnings = new Map();
+  };
+
+  var findStrictRoot = function(fiber) {
+    var maybeStrictRoot = null;
+
+    var node = fiber;
+    while (node !== null) {
+      if (node.mode & StrictMode) {
+        maybeStrictRoot = node;
+      }
+      node = node.return;
+    }
+
+    return maybeStrictRoot;
+  };
+
+  ReactStrictModeWarnings.flushPendingDeprecationWarnings = function() {
+    if (pendingComponentWillMountWarnings.length > 0) {
+      var uniqueNames = new Set();
+      pendingComponentWillMountWarnings.forEach(function(fiber) {
+        uniqueNames.add(getComponentName(fiber) || "Component");
+        didWarnAboutDeprecatedLifecycles.add(fiber.type);
+      });
+
+      var sortedNames = setToSortedString(uniqueNames);
+
+      lowPriorityWarning$1(
+        false,
+        "componentWillMount is deprecated and will be removed in the next major version. " +
+          "Use componentDidMount instead. As a temporary workaround, " +
+          "you can rename to UNSAFE_componentWillMount." +
+          "\n\nPlease update the following components: %s" +
+          "\n\nLearn more about this warning here:" +
+          "\nhttps://fb.me/react-async-component-lifecycle-hooks",
+        sortedNames
+      );
+
+      pendingComponentWillMountWarnings = [];
+    }
+
+    if (pendingComponentWillReceivePropsWarnings.length > 0) {
+      var _uniqueNames = new Set();
+      pendingComponentWillReceivePropsWarnings.forEach(function(fiber) {
+        _uniqueNames.add(getComponentName(fiber) || "Component");
+        didWarnAboutDeprecatedLifecycles.add(fiber.type);
+      });
+
+      var _sortedNames = setToSortedString(_uniqueNames);
+
+      lowPriorityWarning$1(
+        false,
+        "componentWillReceiveProps is deprecated and will be removed in the next major version. " +
+          "Use static getDerivedStateFromProps instead." +
+          "\n\nPlease update the following components: %s" +
+          "\n\nLearn more about this warning here:" +
+          "\nhttps://fb.me/react-async-component-lifecycle-hooks",
+        _sortedNames
+      );
+
+      pendingComponentWillReceivePropsWarnings = [];
+    }
+
+    if (pendingComponentWillUpdateWarnings.length > 0) {
+      var _uniqueNames2 = new Set();
+      pendingComponentWillUpdateWarnings.forEach(function(fiber) {
+        _uniqueNames2.add(getComponentName(fiber) || "Component");
+        didWarnAboutDeprecatedLifecycles.add(fiber.type);
+      });
+
+      var _sortedNames2 = setToSortedString(_uniqueNames2);
+
+      lowPriorityWarning$1(
+        false,
+        "componentWillUpdate is deprecated and will be removed in the next major version. " +
+          "Use componentDidUpdate instead. As a temporary workaround, " +
+          "you can rename to UNSAFE_componentWillUpdate." +
+          "\n\nPlease update the following components: %s" +
+          "\n\nLearn more about this warning here:" +
+          "\nhttps://fb.me/react-async-component-lifecycle-hooks",
+        _sortedNames2
+      );
+
+      pendingComponentWillUpdateWarnings = [];
+    }
+  };
+
+  ReactStrictModeWarnings.recordDeprecationWarnings = function(
+    fiber,
+    instance
+  ) {
+    // Dedup strategy: Warn once per component.
+    if (didWarnAboutDeprecatedLifecycles.has(fiber.type)) {
+      return;
+    }
+
+    // Don't warn about react-lifecycles-compat polyfilled components.
+    if (
+      typeof instance.componentWillMount === "function" &&
+      instance.componentWillMount.__suppressDeprecationWarning !== true
+    ) {
+      pendingComponentWillMountWarnings.push(fiber);
+    }
+    if (
+      typeof instance.componentWillReceiveProps === "function" &&
+      instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
+    ) {
+      pendingComponentWillReceivePropsWarnings.push(fiber);
+    }
+    if (
+      typeof instance.componentWillUpdate === "function" &&
+      instance.componentWillUpdate.__suppressDeprecationWarning !== true
+    ) {
+      pendingComponentWillUpdateWarnings.push(fiber);
+    }
+  };
+
+  ReactStrictModeWarnings.recordUnsafeLifecycleWarnings = function(
+    fiber,
+    instance
+  ) {
+    var strictRoot = findStrictRoot(fiber);
+    if (strictRoot === null) {
+      warning(
+        false,
+        "Expected to find a StrictMode component in a strict mode tree. " +
+          "This error is likely caused by a bug in React. Please file an issue."
+      );
+      return;
+    }
+
+    // Dedup strategy: Warn once per component.
+    // This is difficult to track any other way since component names
+    // are often vague and are likely to collide between 3rd party libraries.
+    // An expand property is probably okay to use here since it's DEV-only,
+    // and will only be set in the event of serious warnings.
+    if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
+      return;
+    }
+
+    var warningsForRoot = void 0;
+    if (!pendingUnsafeLifecycleWarnings.has(strictRoot)) {
+      warningsForRoot = {
+        UNSAFE_componentWillMount: [],
+        UNSAFE_componentWillReceiveProps: [],
+        UNSAFE_componentWillUpdate: []
+      };
+
+      pendingUnsafeLifecycleWarnings.set(strictRoot, warningsForRoot);
+    } else {
+      warningsForRoot = pendingUnsafeLifecycleWarnings.get(strictRoot);
+    }
+
+    var unsafeLifecycles = [];
+    if (
+      (typeof instance.componentWillMount === "function" &&
+        instance.componentWillMount.__suppressDeprecationWarning !== true) ||
+      typeof instance.UNSAFE_componentWillMount === "function"
+    ) {
+      unsafeLifecycles.push("UNSAFE_componentWillMount");
+    }
+    if (
+      (typeof instance.componentWillReceiveProps === "function" &&
+        instance.componentWillReceiveProps.__suppressDeprecationWarning !==
+          true) ||
+      typeof instance.UNSAFE_componentWillReceiveProps === "function"
+    ) {
+      unsafeLifecycles.push("UNSAFE_componentWillReceiveProps");
+    }
+    if (
+      (typeof instance.componentWillUpdate === "function" &&
+        instance.componentWillUpdate.__suppressDeprecationWarning !== true) ||
+      typeof instance.UNSAFE_componentWillUpdate === "function"
+    ) {
+      unsafeLifecycles.push("UNSAFE_componentWillUpdate");
+    }
+
+    if (unsafeLifecycles.length > 0) {
+      unsafeLifecycles.forEach(function(lifecycle) {
+        warningsForRoot[lifecycle].push(fiber);
+      });
+    }
+  };
+
+  ReactStrictModeWarnings.recordLegacyContextWarning = function(
+    fiber,
+    instance
+  ) {
+    var strictRoot = findStrictRoot(fiber);
+    if (strictRoot === null) {
+      warning(
+        false,
+        "Expected to find a StrictMode component in a strict mode tree. " +
+          "This error is likely caused by a bug in React. Please file an issue."
+      );
+      return;
+    }
+
+    // Dedup strategy: Warn once per component.
+    if (didWarnAboutLegacyContext.has(fiber.type)) {
+      return;
+    }
+
+    var warningsForRoot = pendingLegacyContextWarning.get(strictRoot);
+
+    if (
+      fiber.type.contextTypes != null ||
+      fiber.type.childContextTypes != null ||
+      (instance !== null && typeof instance.getChildContext === "function")
+    ) {
+      if (warningsForRoot === undefined) {
+        warningsForRoot = [];
+        pendingLegacyContextWarning.set(strictRoot, warningsForRoot);
+      }
+      warningsForRoot.push(fiber);
+    }
+  };
+
+  ReactStrictModeWarnings.flushLegacyContextWarning = function() {
+    pendingLegacyContextWarning.forEach(function(fiberArray, strictRoot) {
+      var uniqueNames = new Set();
+      fiberArray.forEach(function(fiber) {
+        uniqueNames.add(getComponentName(fiber) || "Component");
+        didWarnAboutLegacyContext.add(fiber.type);
+      });
+
+      var sortedNames = setToSortedString(uniqueNames);
+      var strictRootComponentStack = getStackAddendumByWorkInProgressFiber(
+        strictRoot
+      );
+
+      warning(
+        false,
+        "Legacy context API has been detected within a strict-mode tree: %s" +
+          "\n\nPlease update the following components: %s" +
+          "\n\nLearn more about this warning here:" +
+          "\nhttps://fb.me/react-strict-mode-warnings",
+        strictRootComponentStack,
+        sortedNames
+      );
+    });
+  };
+}
+
+// This lets us hook into Fiber to debug what it's doing.
+// See https://github.com/facebook/react/pull/8033.
+// This is not part of the public API, not even for React DevTools.
+// You may only inject a debugTool if you work on React Fiber itself.
+var ReactFiberInstrumentation = {
+  debugTool: null
+};
+
+var ReactFiberInstrumentation_1 = ReactFiberInstrumentation;
+
+// TODO: Offscreen updates
+
+function markPendingPriorityLevel(root, expirationTime) {
+  // If there's a gap between completing a failed root and retrying it,
+  // additional updates may be scheduled. Clear `didError`, in case the update
+  // is sufficient to fix the error.
+  root.didError = false;
+
+  // Update the latest and earliest pending times
+  var earliestPendingTime = root.earliestPendingTime;
+  if (earliestPendingTime === NoWork) {
+    // No other pending updates.
+    root.earliestPendingTime = root.latestPendingTime = expirationTime;
+  } else {
+    if (earliestPendingTime > expirationTime) {
+      // This is the earliest pending update.
+      root.earliestPendingTime = expirationTime;
+    } else {
+      var latestPendingTime = root.latestPendingTime;
+      if (latestPendingTime < expirationTime) {
+        // This is the latest pending update
+        root.latestPendingTime = expirationTime;
+      }
+    }
+  }
+  findNextPendingPriorityLevel(root);
+}
+
+function markCommittedPriorityLevels(root, currentTime, earliestRemainingTime) {
+  root.didError = false;
+
+  if (earliestRemainingTime === NoWork) {
+    // Fast path. There's no remaining work. Clear everything.
+    root.earliestPendingTime = NoWork;
+    root.latestPendingTime = NoWork;
+    root.earliestSuspendedTime = NoWork;
+    root.latestSuspendedTime = NoWork;
+    root.latestPingedTime = NoWork;
+    findNextPendingPriorityLevel(root);
+    return;
+  }
+
+  // Let's see if the previous latest known pending level was just flushed.
+  var latestPendingTime = root.latestPendingTime;
+  if (latestPendingTime !== NoWork) {
+    if (latestPendingTime < earliestRemainingTime) {
+      // We've flushed all the known pending levels.
+      root.earliestPendingTime = root.latestPendingTime = NoWork;
+    } else {
+      var earliestPendingTime = root.earliestPendingTime;
+      if (earliestPendingTime < earliestRemainingTime) {
+        // We've flushed the earliest known pending level. Set this to the
+        // latest pending time.
+        root.earliestPendingTime = root.latestPendingTime;
+      }
+    }
+  }
+
+  // Now let's handle the earliest remaining level in the whole tree. We need to
+  // decide whether to treat it as a pending level or as suspended. Check
+  // it falls within the range of known suspended levels.
+
+  var earliestSuspendedTime = root.earliestSuspendedTime;
+  if (earliestSuspendedTime === NoWork) {
+    // There's no suspended work. Treat the earliest remaining level as a
+    // pending level.
+    markPendingPriorityLevel(root, earliestRemainingTime);
+    findNextPendingPriorityLevel(root);
+    return;
+  }
+
+  var latestSuspendedTime = root.latestSuspendedTime;
+  if (earliestRemainingTime > latestSuspendedTime) {
+    // The earliest remaining level is later than all the suspended work. That
+    // means we've flushed all the suspended work.
+    root.earliestSuspendedTime = NoWork;
+    root.latestSuspendedTime = NoWork;
+    root.latestPingedTime = NoWork;
+
+    // There's no suspended work. Treat the earliest remaining level as a
+    // pending level.
+    markPendingPriorityLevel(root, earliestRemainingTime);
+    findNextPendingPriorityLevel(root);
+    return;
+  }
+
+  if (earliestRemainingTime < earliestSuspendedTime) {
+    // The earliest remaining time is earlier than all the suspended work.
+    // Treat it as a pending update.
+    markPendingPriorityLevel(root, earliestRemainingTime);
+    findNextPendingPriorityLevel(root);
+    return;
+  }
+
+  // The earliest remaining time falls within the range of known suspended
+  // levels. We should treat this as suspended work.
+  findNextPendingPriorityLevel(root);
+}
+
+function hasLowerPriorityWork(root, renderExpirationTime) {
+  return (
+    renderExpirationTime !== root.latestPendingTime &&
+    renderExpirationTime !== root.latestSuspendedTime
+  );
+}
+
+function markSuspendedPriorityLevel(root, suspendedTime, didError) {
+  if (didError && !hasLowerPriorityWork(root, suspendedTime)) {
+    // TODO: When we add back resuming, we need to ensure the progressed work
+    // is thrown out and not reused during the restarted render. One way to
+    // invalidate the progressed work is to restart at expirationTime + 1.
+    root.didError = true;
+    findNextPendingPriorityLevel(root);
+    return;
+  }
+
+  // First, check the known pending levels and update them if needed.
+  var earliestPendingTime = root.earliestPendingTime;
+  var latestPendingTime = root.latestPendingTime;
+  if (earliestPendingTime === suspendedTime) {
+    if (latestPendingTime === suspendedTime) {
+      // Both known pending levels were suspended. Clear them.
+      root.earliestPendingTime = root.latestPendingTime = NoWork;
+    } else {
+      // The earliest pending level was suspended. Clear by setting it to the
+      // latest pending level.
+      root.earliestPendingTime = latestPendingTime;
+    }
+  } else if (latestPendingTime === suspendedTime) {
+    // The latest pending level was suspended. Clear by setting it to the
+    // latest pending level.
+    root.latestPendingTime = earliestPendingTime;
+  }
+
+  // Next, if we're working on the lowest known suspended level, clear the ping.
+  // TODO: What if a promise suspends and pings before the root completes?
+  var latestSuspendedTime = root.latestSuspendedTime;
+  if (latestSuspendedTime === suspendedTime) {
+    root.latestPingedTime = NoWork;
+  }
+
+  // Finally, update the known suspended levels.
+  var earliestSuspendedTime = root.earliestSuspendedTime;
+  if (earliestSuspendedTime === NoWork) {
+    // No other suspended levels.
+    root.earliestSuspendedTime = root.latestSuspendedTime = suspendedTime;
+  } else {
+    if (earliestSuspendedTime > suspendedTime) {
+      // This is the earliest suspended level.
+      root.earliestSuspendedTime = suspendedTime;
+    } else if (latestSuspendedTime < suspendedTime) {
+      // This is the latest suspended level
+      root.latestSuspendedTime = suspendedTime;
+    }
+  }
+  findNextPendingPriorityLevel(root);
+}
+
+function markPingedPriorityLevel(root, pingedTime) {
+  var latestSuspendedTime = root.latestSuspendedTime;
+  if (latestSuspendedTime !== NoWork && latestSuspendedTime <= pingedTime) {
+    var latestPingedTime = root.latestPingedTime;
+    if (latestPingedTime === NoWork || latestPingedTime < pingedTime) {
+      root.latestPingedTime = pingedTime;
+    }
+  }
+  findNextPendingPriorityLevel(root);
+}
+
+function findNextPendingPriorityLevel(root) {
+  var earliestSuspendedTime = root.earliestSuspendedTime;
+  var earliestPendingTime = root.earliestPendingTime;
+  var nextExpirationTimeToWorkOn = void 0;
+  var expirationTime = void 0;
+  if (earliestSuspendedTime === NoWork) {
+    // Fast path. There's no suspended work.
+    nextExpirationTimeToWorkOn = expirationTime = earliestPendingTime;
+  } else if (earliestPendingTime !== NoWork) {
+    // Check if there's known pending work.
+    nextExpirationTimeToWorkOn = earliestPendingTime;
+    expirationTime =
+      earliestSuspendedTime < earliestPendingTime
+        ? earliestSuspendedTime
+        : earliestPendingTime;
+  } else {
+    // Finally, if a suspended level was pinged, work on that. Otherwise there's
+    // nothing to work on.
+    nextExpirationTimeToWorkOn = expirationTime = root.latestPingedTime;
+  }
+
+  if (root.didError) {
+    // Revert to synchronous mode.
+    expirationTime = Sync;
+  }
+
+  root.nextExpirationTimeToWorkOn = nextExpirationTimeToWorkOn;
+  root.expirationTime = expirationTime;
+}
+
+// UpdateQueue is a linked list of prioritized updates.
+//
+// Like fibers, update queues come in pairs: a current queue, which represents
+// the visible state of the screen, and a work-in-progress queue, which is
+// can be mutated and processed asynchronously before it is committed — a form
+// of double buffering. If a work-in-progress render is discarded before
+// finishing, we create a new work-in-progress by cloning the current queue.
+//
+// Both queues share a persistent, singly-linked list structure. To schedule an
+// update, we append it to the end of both queues. Each queue maintains a
+// pointer to first update in the persistent list that hasn't been processed.
+// The work-in-progress pointer always has a position equal to or greater than
+// the current queue, since we always work on that one. The current queue's
+// pointer is only updated during the commit phase, when we swap in the
+// work-in-progress.
+//
+// For example:
+//
+//   Current pointer:           A - B - C - D - E - F
+//   Work-in-progress pointer:              D - E - F
+//                                          ^
+//                                          The work-in-progress queue has
+//                                          processed more updates than current.
+//
+// The reason we append to both queues is because otherwise we might drop
+// updates without ever processing them. For example, if we only add updates to
+// the work-in-progress queue, some updates could be lost whenever a work-in
+// -progress render restarts by cloning from current. Similarly, if we only add
+// updates to the current queue, the updates will be lost whenever an already
+// in-progress queue commits and swaps with the current queue. However, by
+// adding to both queues, we guarantee that the update will be part of the next
+// work-in-progress. (And because the work-in-progress queue becomes the
+// current queue once it commits, there's no danger of applying the same
+// update twice.)
+//
+// Prioritization
+// --------------
+//
+// Updates are not sorted by priority, but by insertion; new updates are always
+// appended to the end of the list.
+//
+// The priority is still important, though. When processing the update queue
+// during the render phase, only the updates with sufficient priority are
+// included in the result. If we skip an update because it has insufficient
+// priority, it remains in the queue to be processed later, during a lower
+// priority render. Crucially, all updates subsequent to a skipped update also
+// remain in the queue *regardless of their priority*. That means high priority
+// updates are sometimes processed twice, at two separate priorities. We also
+// keep track of a base state, that represents the state before the first
+// update in the queue is applied.
+//
+// For example:
+//
+//   Given a base state of '', and the following queue of updates
+//
+//     A1 - B2 - C1 - D2
+//
+//   where the number indicates the priority, and the update is applied to the
+//   previous state by appending a letter, React will process these updates as
+//   two separate renders, one per distinct priority level:
+//
+//   First render, at priority 1:
+//     Base state: ''
+//     Updates: [A1, C1]
+//     Result state: 'AC'
+//
+//   Second render, at priority 2:
+//     Base state: 'A'            <-  The base state does not include C1,
+//                                    because B2 was skipped.
+//     Updates: [B2, C1, D2]      <-  C1 was rebased on top of B2
+//     Result state: 'ABCD'
+//
+// Because we process updates in insertion order, and rebase high priority
+// updates when preceding updates are skipped, the final result is deterministic
+// regardless of priority. Intermediate state may vary according to system
+// resources, but the final state is always the same.
+
+var UpdateState = 0;
+var ReplaceState = 1;
+var ForceUpdate = 2;
+var CaptureUpdate = 3;
+
+// Global state that is reset at the beginning of calling `processUpdateQueue`.
+// It should only be read right after calling `processUpdateQueue`, via
+// `checkHasForceUpdateAfterProcessing`.
+var hasForceUpdate = false;
+
+var didWarnUpdateInsideUpdate = void 0;
+var currentlyProcessingQueue = void 0;
+var resetCurrentlyProcessingQueue = void 0;
+{
+  didWarnUpdateInsideUpdate = false;
+  currentlyProcessingQueue = null;
+  resetCurrentlyProcessingQueue = function() {
+    currentlyProcessingQueue = null;
+  };
+}
+
+function createUpdateQueue(baseState) {
+  var queue = {
+    expirationTime: NoWork,
+    baseState: baseState,
+    firstUpdate: null,
+    lastUpdate: null,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+  return queue;
+}
+
+function cloneUpdateQueue(currentQueue) {
+  var queue = {
+    expirationTime: currentQueue.expirationTime,
+    baseState: currentQueue.baseState,
+    firstUpdate: currentQueue.firstUpdate,
+    lastUpdate: currentQueue.lastUpdate,
+
+    // TODO: With resuming, if we bail out and resuse the child tree, we should
+    // keep these effects.
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+
+    firstEffect: null,
+    lastEffect: null,
+
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+  return queue;
+}
+
+function createUpdate(expirationTime) {
+  return {
+    expirationTime: expirationTime,
+
+    tag: UpdateState,
+    payload: null,
+    callback: null,
+
+    next: null,
+    nextEffect: null
+  };
+}
+
+function appendUpdateToQueue(queue, update, expirationTime) {
+  // Append the update to the end of the list.
+  if (queue.lastUpdate === null) {
+    // Queue is empty
+    queue.firstUpdate = queue.lastUpdate = update;
+  } else {
+    queue.lastUpdate.next = update;
+    queue.lastUpdate = update;
+  }
+  if (
+    queue.expirationTime === NoWork ||
+    queue.expirationTime > expirationTime
+  ) {
+    // The incoming update has the earliest expiration of any update in the
+    // queue. Update the queue's expiration time.
+    queue.expirationTime = expirationTime;
+  }
+}
+
+function enqueueUpdate(fiber, update, expirationTime) {
+  // Update queues are created lazily.
+  var alternate = fiber.alternate;
+  var queue1 = void 0;
+  var queue2 = void 0;
+  if (alternate === null) {
+    // There's only one fiber.
+    queue1 = fiber.updateQueue;
+    queue2 = null;
+    if (queue1 === null) {
+      queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState);
+    }
+  } else {
+    // There are two owners.
+    queue1 = fiber.updateQueue;
+    queue2 = alternate.updateQueue;
+    if (queue1 === null) {
+      if (queue2 === null) {
+        // Neither fiber has an update queue. Create new ones.
+        queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState);
+        queue2 = alternate.updateQueue = createUpdateQueue(
+          alternate.memoizedState
+        );
+      } else {
+        // Only one fiber has an update queue. Clone to create a new one.
+        queue1 = fiber.updateQueue = cloneUpdateQueue(queue2);
+      }
+    } else {
+      if (queue2 === null) {
+        // Only one fiber has an update queue. Clone to create a new one.
+        queue2 = alternate.updateQueue = cloneUpdateQueue(queue1);
+      } else {
+        // Both owners have an update queue.
+      }
+    }
+  }
+  if (queue2 === null || queue1 === queue2) {
+    // There's only a single queue.
+    appendUpdateToQueue(queue1, update, expirationTime);
+  } else {
+    // There are two queues. We need to append the update to both queues,
+    // while accounting for the persistent structure of the list — we don't
+    // want the same update to be added multiple times.
+    if (queue1.lastUpdate === null || queue2.lastUpdate === null) {
+      // One of the queues is not empty. We must add the update to both queues.
+      appendUpdateToQueue(queue1, update, expirationTime);
+      appendUpdateToQueue(queue2, update, expirationTime);
+    } else {
+      // Both queues are non-empty. The last update is the same in both lists,
+      // because of structural sharing. So, only append to one of the lists.
+      appendUpdateToQueue(queue1, update, expirationTime);
+      // But we still need to update the `lastUpdate` pointer of queue2.
+      queue2.lastUpdate = update;
+    }
+  }
+
+  {
+    if (
+      fiber.tag === ClassComponent &&
+      (currentlyProcessingQueue === queue1 ||
+        (queue2 !== null && currentlyProcessingQueue === queue2)) &&
+      !didWarnUpdateInsideUpdate
+    ) {
+      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."
+      );
+      didWarnUpdateInsideUpdate = true;
+    }
+  }
+}
+
+function enqueueCapturedUpdate(workInProgress, update, renderExpirationTime) {
+  // Captured updates go into a separate list, and only on the work-in-
+  // progress queue.
+  var workInProgressQueue = workInProgress.updateQueue;
+  if (workInProgressQueue === null) {
+    workInProgressQueue = workInProgress.updateQueue = createUpdateQueue(
+      workInProgress.memoizedState
+    );
+  } else {
+    // TODO: I put this here rather than createWorkInProgress so that we don't
+    // clone the queue unnecessarily. There's probably a better way to
+    // structure this.
+    workInProgressQueue = ensureWorkInProgressQueueIsAClone(
+      workInProgress,
+      workInProgressQueue
+    );
+  }
+
+  // Append the update to the end of the list.
+  if (workInProgressQueue.lastCapturedUpdate === null) {
+    // This is the first render phase update
+    workInProgressQueue.firstCapturedUpdate = workInProgressQueue.lastCapturedUpdate = update;
+  } else {
+    workInProgressQueue.lastCapturedUpdate.next = update;
+    workInProgressQueue.lastCapturedUpdate = update;
+  }
+  if (
+    workInProgressQueue.expirationTime === NoWork ||
+    workInProgressQueue.expirationTime > renderExpirationTime
+  ) {
+    // The incoming update has the earliest expiration of any update in the
+    // queue. Update the queue's expiration time.
+    workInProgressQueue.expirationTime = renderExpirationTime;
+  }
+}
+
+function ensureWorkInProgressQueueIsAClone(workInProgress, queue) {
+  var current = workInProgress.alternate;
+  if (current !== null) {
+    // If the work-in-progress queue is equal to the current queue,
+    // we need to clone it first.
+    if (queue === current.updateQueue) {
+      queue = workInProgress.updateQueue = cloneUpdateQueue(queue);
+    }
+  }
+  return queue;
+}
+
+function getStateFromUpdate(
+  workInProgress,
+  queue,
+  update,
+  prevState,
+  nextProps,
+  instance
+) {
+  switch (update.tag) {
+    case ReplaceState: {
+      var _payload = update.payload;
+      if (typeof _payload === "function") {
+        // Updater function
+        {
+          if (
+            debugRenderPhaseSideEffects ||
+            (debugRenderPhaseSideEffectsForStrictMode &&
+              workInProgress.mode & StrictMode)
+          ) {
+            _payload.call(instance, prevState, nextProps);
+          }
+        }
+        return _payload.call(instance, prevState, nextProps);
+      }
+      // State object
+      return _payload;
+    }
+    case CaptureUpdate: {
+      workInProgress.effectTag =
+        (workInProgress.effectTag & ~ShouldCapture) | DidCapture;
+    }
+    // Intentional fallthrough
+    case UpdateState: {
+      var _payload2 = update.payload;
+      var partialState = void 0;
+      if (typeof _payload2 === "function") {
+        // Updater function
+        {
+          if (
+            debugRenderPhaseSideEffects ||
+            (debugRenderPhaseSideEffectsForStrictMode &&
+              workInProgress.mode & StrictMode)
+          ) {
+            _payload2.call(instance, prevState, nextProps);
+          }
+        }
+        partialState = _payload2.call(instance, prevState, nextProps);
+      } else {
+        // Partial state object
+        partialState = _payload2;
+      }
+      if (partialState === null || partialState === undefined) {
+        // Null and undefined are treated as no-ops.
+        return prevState;
+      }
+      // Merge the partial state and the previous state.
+      return Object.assign({}, prevState, partialState);
+    }
+    case ForceUpdate: {
+      hasForceUpdate = true;
+      return prevState;
+    }
+  }
+  return prevState;
+}
+
+function processUpdateQueue(
+  workInProgress,
+  queue,
+  props,
+  instance,
+  renderExpirationTime
+) {
+  hasForceUpdate = false;
+
+  if (
+    queue.expirationTime === NoWork ||
+    queue.expirationTime > renderExpirationTime
+  ) {
+    // Insufficient priority. Bailout.
+    return;
+  }
+
+  queue = ensureWorkInProgressQueueIsAClone(workInProgress, queue);
+
+  {
+    currentlyProcessingQueue = queue;
+  }
+
+  // These values may change as we process the queue.
+  var newBaseState = queue.baseState;
+  var newFirstUpdate = null;
+  var newExpirationTime = NoWork;
+
+  // Iterate through the list of updates to compute the result.
+  var update = queue.firstUpdate;
+  var resultState = newBaseState;
+  while (update !== null) {
+    var updateExpirationTime = update.expirationTime;
+    if (updateExpirationTime > renderExpirationTime) {
+      // This update does not have sufficient priority. Skip it.
+      if (newFirstUpdate === null) {
+        // This is the first skipped update. It will be the first update in
+        // the new list.
+        newFirstUpdate = update;
+        // Since this is the first update that was skipped, the current result
+        // is the new base state.
+        newBaseState = resultState;
+      }
+      // Since this update will remain in the list, update the remaining
+      // expiration time.
+      if (
+        newExpirationTime === NoWork ||
+        newExpirationTime > updateExpirationTime
+      ) {
+        newExpirationTime = updateExpirationTime;
+      }
+    } else {
+      // This update does have sufficient priority. Process it and compute
+      // a new result.
+      resultState = getStateFromUpdate(
+        workInProgress,
+        queue,
+        update,
+        resultState,
+        props,
+        instance
+      );
+      var _callback = update.callback;
+      if (_callback !== null) {
+        workInProgress.effectTag |= Callback;
+        // Set this to null, in case it was mutated during an aborted render.
+        update.nextEffect = null;
+        if (queue.lastEffect === null) {
+          queue.firstEffect = queue.lastEffect = update;
+        } else {
+          queue.lastEffect.nextEffect = update;
+          queue.lastEffect = update;
+        }
+      }
+    }
+    // Continue to the next update.
+    update = update.next;
+  }
+
+  // Separately, iterate though the list of captured updates.
+  var newFirstCapturedUpdate = null;
+  update = queue.firstCapturedUpdate;
+  while (update !== null) {
+    var _updateExpirationTime = update.expirationTime;
+    if (_updateExpirationTime > renderExpirationTime) {
+      // This update does not have sufficient priority. Skip it.
+      if (newFirstCapturedUpdate === null) {
+        // This is the first skipped captured update. It will be the first
+        // update in the new list.
+        newFirstCapturedUpdate = update;
+        // If this is the first update that was skipped, the current result is
+        // the new base state.
+        if (newFirstUpdate === null) {
+          newBaseState = resultState;
+        }
+      }
+      // Since this update will remain in the list, update the remaining
+      // expiration time.
+      if (
+        newExpirationTime === NoWork ||
+        newExpirationTime > _updateExpirationTime
+      ) {
+        newExpirationTime = _updateExpirationTime;
+      }
+    } else {
+      // This update does have sufficient priority. Process it and compute
+      // a new result.
+      resultState = getStateFromUpdate(
+        workInProgress,
+        queue,
+        update,
+        resultState,
+        props,
+        instance
+      );
+      var _callback2 = update.callback;
+      if (_callback2 !== null) {
+        workInProgress.effectTag |= Callback;
+        // Set this to null, in case it was mutated during an aborted render.
+        update.nextEffect = null;
+        if (queue.lastCapturedEffect === null) {
+          queue.firstCapturedEffect = queue.lastCapturedEffect = update;
+        } else {
+          queue.lastCapturedEffect.nextEffect = update;
+          queue.lastCapturedEffect = update;
+        }
+      }
+    }
+    update = update.next;
+  }
+
+  if (newFirstUpdate === null) {
+    queue.lastUpdate = null;
+  }
+  if (newFirstCapturedUpdate === null) {
+    queue.lastCapturedUpdate = null;
+  } else {
+    workInProgress.effectTag |= Callback;
+  }
+  if (newFirstUpdate === null && newFirstCapturedUpdate === null) {
+    // We processed every update, without skipping. That means the new base
+    // state is the same as the result state.
+    newBaseState = resultState;
+  }
+
+  queue.baseState = newBaseState;
+  queue.firstUpdate = newFirstUpdate;
+  queue.firstCapturedUpdate = newFirstCapturedUpdate;
+  queue.expirationTime = newExpirationTime;
+
+  workInProgress.memoizedState = resultState;
+
+  {
+    currentlyProcessingQueue = null;
+  }
+}
+
+function callCallback(callback, context) {
+  invariant(
+    typeof callback === "function",
+    "Invalid argument passed as callback. Expected a function. Instead " +
+      "received: %s",
+    callback
+  );
+  callback.call(context);
+}
+
+function resetHasForceUpdateBeforeProcessing() {
+  hasForceUpdate = false;
+}
+
+function checkHasForceUpdateAfterProcessing() {
+  return hasForceUpdate;
+}
+
+function commitUpdateQueue(
+  finishedWork,
+  finishedQueue,
+  instance,
+  renderExpirationTime
+) {
+  // If the finished render included captured updates, and there are still
+  // lower priority updates left over, we need to keep the captured updates
+  // in the queue so that they are rebased and not dropped once we process the
+  // queue again at the lower priority.
+  if (finishedQueue.firstCapturedUpdate !== null) {
+    // Join the captured update list to the end of the normal list.
+    if (finishedQueue.lastUpdate !== null) {
+      finishedQueue.lastUpdate.next = finishedQueue.firstCapturedUpdate;
+      finishedQueue.lastUpdate = finishedQueue.lastCapturedUpdate;
+    }
+    // Clear the list of captured updates.
+    finishedQueue.firstCapturedUpdate = finishedQueue.lastCapturedUpdate = null;
+  }
+
+  // Commit the effects
+  var effect = finishedQueue.firstEffect;
+  finishedQueue.firstEffect = finishedQueue.lastEffect = null;
+  while (effect !== null) {
+    var _callback3 = effect.callback;
+    if (_callback3 !== null) {
+      effect.callback = null;
+      callCallback(_callback3, instance);
+    }
+    effect = effect.nextEffect;
+  }
+
+  effect = finishedQueue.firstCapturedEffect;
+  finishedQueue.firstCapturedEffect = finishedQueue.lastCapturedEffect = null;
+  while (effect !== null) {
+    var _callback4 = effect.callback;
+    if (_callback4 !== null) {
+      effect.callback = null;
+      callCallback(_callback4, instance);
+    }
+    effect = effect.nextEffect;
+  }
+}
+
+function createCapturedValue(value, source) {
+  // If the value is an error, call this function immediately after it is thrown
+  // so the stack is accurate.
+  return {
+    value: value,
+    source: source,
+    stack: getStackAddendumByWorkInProgressFiber(source)
+  };
+}
+
+var providerCursor = createCursor(null);
+var valueCursor = createCursor(null);
+var changedBitsCursor = createCursor(0);
+
+var rendererSigil = void 0;
+{
+  // Use this to detect multiple renderers using the same context
+  rendererSigil = {};
+}
+
+function pushProvider(providerFiber) {
+  var context = providerFiber.type._context;
+
+  if (isPrimaryRenderer) {
+    push(changedBitsCursor, context._changedBits, providerFiber);
+    push(valueCursor, context._currentValue, providerFiber);
+    push(providerCursor, providerFiber, providerFiber);
+
+    context._currentValue = providerFiber.pendingProps.value;
+    context._changedBits = providerFiber.stateNode;
+    {
+      !(
+        context._currentRenderer === undefined ||
+        context._currentRenderer === null ||
+        context._currentRenderer === rendererSigil
+      )
+        ? warning(
+            false,
+            "Detected multiple renderers concurrently rendering the " +
+              "same context provider. This is currently unsupported."
+          )
+        : void 0;
+      context._currentRenderer = rendererSigil;
+    }
+  } else {
+    push(changedBitsCursor, context._changedBits2, providerFiber);
+    push(valueCursor, context._currentValue2, providerFiber);
+    push(providerCursor, providerFiber, providerFiber);
+
+    context._currentValue2 = providerFiber.pendingProps.value;
+    context._changedBits2 = providerFiber.stateNode;
+    {
+      !(
+        context._currentRenderer2 === undefined ||
+        context._currentRenderer2 === null ||
+        context._currentRenderer2 === rendererSigil
+      )
+        ? warning(
+            false,
+            "Detected multiple renderers concurrently rendering the " +
+              "same context provider. This is currently unsupported."
+          )
+        : void 0;
+      context._currentRenderer2 = rendererSigil;
+    }
+  }
+}
+
+function popProvider(providerFiber) {
+  var changedBits = changedBitsCursor.current;
+  var currentValue = valueCursor.current;
+
+  pop(providerCursor, providerFiber);
+  pop(valueCursor, providerFiber);
+  pop(changedBitsCursor, providerFiber);
+
+  var context = providerFiber.type._context;
+  if (isPrimaryRenderer) {
+    context._currentValue = currentValue;
+    context._changedBits = changedBits;
+  } else {
+    context._currentValue2 = currentValue;
+    context._changedBits2 = changedBits;
+  }
+}
+
+function getContextCurrentValue(context) {
+  return isPrimaryRenderer ? context._currentValue : context._currentValue2;
+}
+
+function getContextChangedBits(context) {
+  return isPrimaryRenderer ? context._changedBits : context._changedBits2;
+}
+
+var NO_CONTEXT = {};
+
+var contextStackCursor$1 = createCursor(NO_CONTEXT);
+var contextFiberStackCursor = createCursor(NO_CONTEXT);
+var rootInstanceStackCursor = createCursor(NO_CONTEXT);
+
+function requiredContext(c) {
+  invariant(
+    c !== NO_CONTEXT,
+    "Expected host context to exist. This error is likely caused by a bug " +
+      "in React. Please file an issue."
+  );
+  return c;
+}
+
+function getRootHostContainer() {
+  var rootInstance = requiredContext(rootInstanceStackCursor.current);
+  return rootInstance;
+}
+
+function pushHostContainer(fiber, nextRootInstance) {
+  // Push current root instance onto the stack;
+  // This allows us to reset root when portals are popped.
+  push(rootInstanceStackCursor, nextRootInstance, fiber);
+  // Track the context and the Fiber that provided it.
+  // This enables us to pop only Fibers that provide unique contexts.
+  push(contextFiberStackCursor, fiber, fiber);
+
+  // Finally, we need to push the host context to the stack.
+  // However, we can't just call getRootHostContext() and push it because
+  // we'd have a different number of entries on the stack depending on
+  // whether getRootHostContext() throws somewhere in renderer code or not.
+  // So we push an empty value first. This lets us safely unwind on errors.
+  push(contextStackCursor$1, NO_CONTEXT, fiber);
+  var nextRootContext = getRootHostContext(nextRootInstance);
+  // Now that we know this function doesn't throw, replace it.
+  pop(contextStackCursor$1, fiber);
+  push(contextStackCursor$1, nextRootContext, fiber);
+}
+
+function popHostContainer(fiber) {
+  pop(contextStackCursor$1, fiber);
+  pop(contextFiberStackCursor, fiber);
+  pop(rootInstanceStackCursor, fiber);
+}
+
+function getHostContext() {
+  var context = requiredContext(contextStackCursor$1.current);
+  return context;
+}
+
+function pushHostContext(fiber) {
+  var rootInstance = requiredContext(rootInstanceStackCursor.current);
+  var context = requiredContext(contextStackCursor$1.current);
+  var nextContext = getChildHostContext(context, fiber.type, rootInstance);
+
+  // Don't push this Fiber's context unless it's unique.
+  if (context === nextContext) {
+    return;
+  }
+
+  // Track the context and the Fiber that provided it.
+  // This enables us to pop only Fibers that provide unique contexts.
+  push(contextFiberStackCursor, fiber, fiber);
+  push(contextStackCursor$1, nextContext, fiber);
+}
+
+function popHostContext(fiber) {
+  // Do not pop unless this Fiber provided the current context.
+  // pushHostContext() only pushes Fibers that provide unique contexts.
+  if (contextFiberStackCursor.current !== fiber) {
+    return;
+  }
+
+  pop(contextStackCursor$1, fiber);
+  pop(contextFiberStackCursor, fiber);
+}
+
+var commitTime = 0;
+
+function getCommitTime() {
+  return commitTime;
+}
+
+function recordCommitTime() {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  commitTime = now();
+}
+
+/**
+ * The "actual" render time is total time required to render the descendants of a Profiler component.
+ * This time is stored as a stack, since Profilers can be nested.
+ * This time is started during the "begin" phase and stopped during the "complete" phase.
+ * It is paused (and accumulated) in the event of an interruption or an aborted render.
+ */
+
+var fiberStack$1 = void 0;
+
+{
+  fiberStack$1 = [];
+}
+
+var timerPausedAt = 0;
+var totalElapsedPauseTime = 0;
+
+function checkActualRenderTimeStackEmpty() {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  {
+    !(fiberStack$1.length === 0)
+      ? warning(
+          false,
+          "Expected an empty stack. Something was not reset properly."
+        )
+      : void 0;
+  }
+}
+
+function markActualRenderTimeStarted(fiber) {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  {
+    fiberStack$1.push(fiber);
+  }
+
+  fiber.actualDuration = now() - fiber.actualDuration - totalElapsedPauseTime;
+  fiber.actualStartTime = now();
+}
+
+function pauseActualRenderTimerIfRunning() {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  if (timerPausedAt === 0) {
+    timerPausedAt = now();
+  }
+}
+
+function recordElapsedActualRenderTime(fiber) {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  {
+    !(fiber === fiberStack$1.pop())
+      ? warning(false, "Unexpected Fiber (%s) popped.", getComponentName(fiber))
+      : void 0;
+  }
+
+  fiber.actualDuration = now() - totalElapsedPauseTime - fiber.actualDuration;
+}
+
+function resetActualRenderTimer() {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  totalElapsedPauseTime = 0;
+}
+
+function resumeActualRenderTimerIfPaused() {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  if (timerPausedAt > 0) {
+    totalElapsedPauseTime += now() - timerPausedAt;
+    timerPausedAt = 0;
+  }
+}
+
+/**
+ * The "base" render time is the duration of the “begin” phase of work for a particular fiber.
+ * This time is measured and stored on each fiber.
+ * The time for all sibling fibers are accumulated and stored on their parent during the "complete" phase.
+ * If a fiber bails out (sCU false) then its "base" timer is cancelled and the fiber is not updated.
+ */
+
+var baseStartTime = -1;
+
+function recordElapsedBaseRenderTimeIfRunning(fiber) {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  if (baseStartTime !== -1) {
+    fiber.selfBaseTime = now() - baseStartTime;
+  }
+}
+
+function startBaseRenderTimer() {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  {
+    if (baseStartTime !== -1) {
+      warning(
+        false,
+        "Cannot start base timer that is already running. " +
+          "This error is likely caused by a bug in React. " +
+          "Please file an issue."
+      );
+    }
+  }
+  baseStartTime = now();
+}
+
+function stopBaseRenderTimerIfRunning() {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  baseStartTime = -1;
+}
+
+/*eslint-disable no-self-compare */
+
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+/**
+ * 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
+ */
+function is(x, y) {
+  // SameValue algorithm
+  if (x === y) {
+    // Steps 1-5, 7-10
+    // Steps 6.b-6.e: +0 != -0
+    // Added the nonzero y check to make Flow happy, but it is redundant
+    return x !== 0 || y !== 0 || 1 / x === 1 / y;
+  } else {
+    // Step 6.a: NaN == NaN
+    return x !== x && y !== y;
+  }
+}
+
+/**
+ * Performs equality by iterating through keys on an object and returning false
+ * when any key has values which are not strictly equal between the arguments.
+ * Returns true when the values of all keys are strictly equal.
+ */
+function shallowEqual(objA, objB) {
+  if (is(objA, objB)) {
+    return true;
+  }
+
+  if (
+    typeof objA !== "object" ||
+    objA === null ||
+    typeof objB !== "object" ||
+    objB === null
+  ) {
+    return false;
+  }
+
+  var keysA = Object.keys(objA);
+  var keysB = Object.keys(objB);
+
+  if (keysA.length !== keysB.length) {
+    return false;
+  }
+
+  // Test for A's keys different from B.
+  for (var i = 0; i < keysA.length; i++) {
+    if (
+      !hasOwnProperty.call(objB, keysA[i]) ||
+      !is(objA[keysA[i]], objB[keysA[i]])
+    ) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+var fakeInternalInstance = {};
+var isArray = Array.isArray;
+
+var didWarnAboutStateAssignmentForComponent = void 0;
+var didWarnAboutUninitializedState = void 0;
+var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = void 0;
+var didWarnAboutLegacyLifecyclesAndDerivedState = void 0;
+var didWarnAboutUndefinedDerivedState = void 0;
+var warnOnUndefinedDerivedState = void 0;
+var warnOnInvalidCallback = void 0;
+
+{
+  didWarnAboutStateAssignmentForComponent = new Set();
+  didWarnAboutUninitializedState = new Set();
+  didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = new Set();
+  didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
+  didWarnAboutUndefinedDerivedState = new Set();
+
+  var didWarnOnInvalidCallback = new Set();
+
+  warnOnInvalidCallback = function(callback, callerName) {
+    if (callback === null || typeof callback === "function") {
+      return;
+    }
+    var key = callerName + "_" + callback;
+    if (!didWarnOnInvalidCallback.has(key)) {
+      didWarnOnInvalidCallback.add(key);
+      warning(
+        false,
+        "%s(...): Expected the last optional `callback` argument to be a " +
+          "function. Instead received: %s.",
+        callerName,
+        callback
+      );
+    }
+  };
+
+  warnOnUndefinedDerivedState = function(workInProgress, partialState) {
+    if (partialState === undefined) {
+      var componentName = getComponentName(workInProgress) || "Component";
+      if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
+        didWarnAboutUndefinedDerivedState.add(componentName);
+        warning(
+          false,
+          "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. " +
+            "You have returned undefined.",
+          componentName
+        );
+      }
+    }
+  };
+
+  // This is so gross but it's at least non-critical and can be removed if
+  // it causes problems. This is meant to give a nicer error message for
+  // ReactDOM15.unstable_renderSubtreeIntoContainer(reactDOM16Component,
+  // ...)) which otherwise throws a "_processChildContext is not a function"
+  // exception.
+  Object.defineProperty(fakeInternalInstance, "_processChildContext", {
+    enumerable: false,
+    value: function() {
+      invariant(
+        false,
+        "_processChildContext is not available in React 16+. This likely " +
+          "means you have multiple copies of React and are attempting to nest " +
+          "a React 15 tree inside a React 16 tree using " +
+          "unstable_renderSubtreeIntoContainer, which isn't supported. Try " +
+          "to make sure you have only one copy of React (and ideally, switch " +
+          "to ReactDOM.createPortal)."
+      );
+    }
+  });
+  Object.freeze(fakeInternalInstance);
+}
+
+function applyDerivedStateFromProps(
+  workInProgress,
+  getDerivedStateFromProps,
+  nextProps
+) {
+  var prevState = workInProgress.memoizedState;
+
+  {
+    if (
+      debugRenderPhaseSideEffects ||
+      (debugRenderPhaseSideEffectsForStrictMode &&
+        workInProgress.mode & StrictMode)
+    ) {
+      // Invoke the function an extra time to help detect side-effects.
+      getDerivedStateFromProps(nextProps, prevState);
+    }
+  }
+
+  var partialState = getDerivedStateFromProps(nextProps, prevState);
+
+  {
+    warnOnUndefinedDerivedState(workInProgress, partialState);
+  }
+  // Merge the partial state and the previous state.
+  var memoizedState =
+    partialState === null || partialState === undefined
+      ? prevState
+      : Object.assign({}, prevState, partialState);
+  workInProgress.memoizedState = memoizedState;
+
+  // Once the update queue is empty, persist the derived state onto the
+  // base state.
+  var updateQueue = workInProgress.updateQueue;
+  if (updateQueue !== null && updateQueue.expirationTime === NoWork) {
+    updateQueue.baseState = memoizedState;
+  }
+}
+
+var classComponentUpdater = {
+  isMounted: isMounted,
+  enqueueSetState: function(inst, payload, callback) {
+    var fiber = get$1(inst);
+    var currentTime = recalculateCurrentTime();
+    var expirationTime = computeExpirationForFiber(currentTime, fiber);
+
+    var update = createUpdate(expirationTime);
+    update.payload = payload;
+    if (callback !== undefined && callback !== null) {
+      {
+        warnOnInvalidCallback(callback, "setState");
+      }
+      update.callback = callback;
+    }
+
+    enqueueUpdate(fiber, update, expirationTime);
+    scheduleWork(fiber, expirationTime);
+  },
+  enqueueReplaceState: function(inst, payload, callback) {
+    var fiber = get$1(inst);
+    var currentTime = recalculateCurrentTime();
+    var expirationTime = computeExpirationForFiber(currentTime, fiber);
+
+    var update = createUpdate(expirationTime);
+    update.tag = ReplaceState;
+    update.payload = payload;
+
+    if (callback !== undefined && callback !== null) {
+      {
+        warnOnInvalidCallback(callback, "replaceState");
+      }
+      update.callback = callback;
+    }
+
+    enqueueUpdate(fiber, update, expirationTime);
+    scheduleWork(fiber, expirationTime);
+  },
+  enqueueForceUpdate: function(inst, callback) {
+    var fiber = get$1(inst);
+    var currentTime = recalculateCurrentTime();
+    var expirationTime = computeExpirationForFiber(currentTime, fiber);
+
+    var update = createUpdate(expirationTime);
+    update.tag = ForceUpdate;
+
+    if (callback !== undefined && callback !== null) {
+      {
+        warnOnInvalidCallback(callback, "forceUpdate");
+      }
+      update.callback = callback;
+    }
+
+    enqueueUpdate(fiber, update, expirationTime);
+    scheduleWork(fiber, expirationTime);
+  }
+};
+
+function checkShouldComponentUpdate(
+  workInProgress,
+  oldProps,
+  newProps,
+  oldState,
+  newState,
+  newContext
+) {
+  var instance = workInProgress.stateNode;
+  var ctor = workInProgress.type;
+  if (typeof instance.shouldComponentUpdate === "function") {
+    startPhaseTimer(workInProgress, "shouldComponentUpdate");
+    var shouldUpdate = instance.shouldComponentUpdate(
+      newProps,
+      newState,
+      newContext
+    );
+    stopPhaseTimer();
+
+    {
+      !(shouldUpdate !== undefined)
+        ? warning(
+            false,
+            "%s.shouldComponentUpdate(): Returned undefined instead of a " +
+              "boolean value. Make sure to return true or false.",
+            getComponentName(workInProgress) || "Component"
+          )
+        : void 0;
+    }
+
+    return shouldUpdate;
+  }
+
+  if (ctor.prototype && ctor.prototype.isPureReactComponent) {
+    return (
+      !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+    );
+  }
+
+  return true;
+}
+
+function checkClassInstance(workInProgress) {
+  var instance = workInProgress.stateNode;
+  var type = workInProgress.type;
+  {
+    var name = getComponentName(workInProgress) || "Component";
+    var renderPresent = instance.render;
+
+    if (!renderPresent) {
+      if (type.prototype && typeof type.prototype.render === "function") {
+        warning(
+          false,
+          "%s(...): No `render` method found on the returned component " +
+            "instance: did you accidentally return an object from the constructor?",
+          name
+        );
+      } else {
+        warning(
+          false,
+          "%s(...): No `render` method found on the returned component " +
+            "instance: you may have forgotten to define `render`.",
+          name
+        );
+      }
+    }
+
+    var noGetInitialStateOnES6 =
+      !instance.getInitialState ||
+      instance.getInitialState.isReactClassApproved ||
+      instance.state;
+    !noGetInitialStateOnES6
+      ? warning(
+          false,
+          "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
+        )
+      : void 0;
+    var noGetDefaultPropsOnES6 =
+      !instance.getDefaultProps ||
+      instance.getDefaultProps.isReactClassApproved;
+    !noGetDefaultPropsOnES6
+      ? warning(
+          false,
+          "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
+        )
+      : void 0;
+    var noInstancePropTypes = !instance.propTypes;
+    !noInstancePropTypes
+      ? warning(
+          false,
+          "propTypes was defined as an instance property on %s. Use a static " +
+            "property to define propTypes instead.",
+          name
+        )
+      : void 0;
+    var noInstanceContextTypes = !instance.contextTypes;
+    !noInstanceContextTypes
+      ? warning(
+          false,
+          "contextTypes was defined as an instance property on %s. Use a static " +
+            "property to define contextTypes instead.",
+          name
+        )
+      : void 0;
+    var noComponentShouldUpdate =
+      typeof instance.componentShouldUpdate !== "function";
+    !noComponentShouldUpdate
+      ? warning(
+          false,
+          "%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
+        )
+      : void 0;
+    if (
+      type.prototype &&
+      type.prototype.isPureReactComponent &&
+      typeof instance.shouldComponentUpdate !== "undefined"
+    ) {
+      warning(
+        false,
+        "%s has a method called shouldComponentUpdate(). " +
+          "shouldComponentUpdate should not be used when extending React.PureComponent. " +
+          "Please extend React.Component if shouldComponentUpdate is used.",
+        getComponentName(workInProgress) || "A pure component"
+      );
+    }
+    var noComponentDidUnmount =
+      typeof instance.componentDidUnmount !== "function";
+    !noComponentDidUnmount
+      ? warning(
+          false,
+          "%s has a method called " +
+            "componentDidUnmount(). But there is no such lifecycle method. " +
+            "Did you mean componentWillUnmount()?",
+          name
+        )
+      : void 0;
+    var noComponentDidReceiveProps =
+      typeof instance.componentDidReceiveProps !== "function";
+    !noComponentDidReceiveProps
+      ? warning(
+          false,
+          "%s has a method called " +
+            "componentDidReceiveProps(). But there is no such lifecycle method. " +
+            "If you meant to update the state in response to changing props, " +
+            "use componentWillReceiveProps(). If you meant to fetch data or " +
+            "run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
+          name
+        )
+      : void 0;
+    var noComponentWillRecieveProps =
+      typeof instance.componentWillRecieveProps !== "function";
+    !noComponentWillRecieveProps
+      ? warning(
+          false,
+          "%s has a method called " +
+            "componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
+          name
+        )
+      : void 0;
+    var noUnsafeComponentWillRecieveProps =
+      typeof instance.UNSAFE_componentWillRecieveProps !== "function";
+    !noUnsafeComponentWillRecieveProps
+      ? warning(
+          false,
+          "%s has a method called " +
+            "UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
+          name
+        )
+      : void 0;
+    var hasMutatedProps = instance.props !== workInProgress.pendingProps;
+    !(instance.props === undefined || !hasMutatedProps)
+      ? warning(
+          false,
+          "%s(...): When calling super() in `%s`, make sure to pass " +
+            "up the same props that your component's constructor was passed.",
+          name,
+          name
+        )
+      : void 0;
+    var noInstanceDefaultProps = !instance.defaultProps;
+    !noInstanceDefaultProps
+      ? warning(
+          false,
+          "Setting defaultProps as an instance property on %s is not supported and will be ignored." +
+            " Instead, define defaultProps as a static property on %s.",
+          name,
+          name
+        )
+      : void 0;
+
+    if (
+      typeof instance.getSnapshotBeforeUpdate === "function" &&
+      typeof instance.componentDidUpdate !== "function" &&
+      !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(type)
+    ) {
+      didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(type);
+      warning(
+        false,
+        "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). " +
+          "This component defines getSnapshotBeforeUpdate() only.",
+        getComponentName(workInProgress)
+      );
+    }
+
+    var noInstanceGetDerivedStateFromProps =
+      typeof instance.getDerivedStateFromProps !== "function";
+    !noInstanceGetDerivedStateFromProps
+      ? warning(
+          false,
+          "%s: getDerivedStateFromProps() is defined as an instance method " +
+            "and will be ignored. Instead, declare it as a static method.",
+          name
+        )
+      : void 0;
+    var noInstanceGetDerivedStateFromCatch =
+      typeof instance.getDerivedStateFromCatch !== "function";
+    !noInstanceGetDerivedStateFromCatch
+      ? warning(
+          false,
+          "%s: getDerivedStateFromCatch() is defined as an instance method " +
+            "and will be ignored. Instead, declare it as a static method.",
+          name
+        )
+      : void 0;
+    var noStaticGetSnapshotBeforeUpdate =
+      typeof type.getSnapshotBeforeUpdate !== "function";
+    !noStaticGetSnapshotBeforeUpdate
+      ? warning(
+          false,
+          "%s: getSnapshotBeforeUpdate() is defined as a static method " +
+            "and will be ignored. Instead, declare it as an instance method.",
+          name
+        )
+      : void 0;
+    var _state = instance.state;
+    if (_state && (typeof _state !== "object" || isArray(_state))) {
+      warning(false, "%s.state: must be set to an object or null", name);
+    }
+    if (typeof instance.getChildContext === "function") {
+      !(typeof type.childContextTypes === "object")
+        ? warning(
+            false,
+            "%s.getChildContext(): childContextTypes must be defined in order to " +
+              "use getChildContext().",
+            name
+          )
+        : void 0;
+    }
+  }
+}
+
+function adoptClassInstance(workInProgress, instance) {
+  instance.updater = classComponentUpdater;
+  workInProgress.stateNode = instance;
+  // The instance needs access to the fiber so that it can schedule updates
+  set(instance, workInProgress);
+  {
+    instance._reactInternalInstance = fakeInternalInstance;
+  }
+}
+
+function constructClassInstance(workInProgress, props, renderExpirationTime) {
+  var ctor = workInProgress.type;
+  var unmaskedContext = getUnmaskedContext(workInProgress);
+  var needsContext = isContextConsumer(workInProgress);
+  var context = needsContext
+    ? getMaskedContext(workInProgress, unmaskedContext)
+    : emptyObject;
+
+  // Instantiate twice to help detect side-effects.
+  {
+    if (
+      debugRenderPhaseSideEffects ||
+      (debugRenderPhaseSideEffectsForStrictMode &&
+        workInProgress.mode & StrictMode)
+    ) {
+      new ctor(props, context); // eslint-disable-line no-new
+    }
+  }
+
+  var instance = new ctor(props, context);
+  var state = (workInProgress.memoizedState =
+    instance.state !== null && instance.state !== undefined
+      ? instance.state
+      : null);
+  adoptClassInstance(workInProgress, instance);
+
+  {
+    if (typeof ctor.getDerivedStateFromProps === "function" && state === null) {
+      var componentName = getComponentName(workInProgress) || "Component";
+      if (!didWarnAboutUninitializedState.has(componentName)) {
+        didWarnAboutUninitializedState.add(componentName);
+        warning(
+          false,
+          "%s: Did not properly initialize state during construction. " +
+            "Expected state to be an object, but it was %s.",
+          componentName,
+          instance.state === null ? "null" : "undefined"
+        );
+      }
+    }
+
+    // If new component APIs are defined, "unsafe" lifecycles won't be called.
+    // Warn about these lifecycles if they are present.
+    // Don't warn about react-lifecycles-compat polyfilled methods though.
+    if (
+      typeof ctor.getDerivedStateFromProps === "function" ||
+      typeof instance.getSnapshotBeforeUpdate === "function"
+    ) {
+      var foundWillMountName = null;
+      var foundWillReceivePropsName = null;
+      var foundWillUpdateName = null;
+      if (
+        typeof instance.componentWillMount === "function" &&
+        instance.componentWillMount.__suppressDeprecationWarning !== true
+      ) {
+        foundWillMountName = "componentWillMount";
+      } else if (typeof instance.UNSAFE_componentWillMount === "function") {
+        foundWillMountName = "UNSAFE_componentWillMount";
+      }
+      if (
+        typeof instance.componentWillReceiveProps === "function" &&
+        instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
+      ) {
+        foundWillReceivePropsName = "componentWillReceiveProps";
+      } else if (
+        typeof instance.UNSAFE_componentWillReceiveProps === "function"
+      ) {
+        foundWillReceivePropsName = "UNSAFE_componentWillReceiveProps";
+      }
+      if (
+        typeof instance.componentWillUpdate === "function" &&
+        instance.componentWillUpdate.__suppressDeprecationWarning !== true
+      ) {
+        foundWillUpdateName = "componentWillUpdate";
+      } else if (typeof instance.UNSAFE_componentWillUpdate === "function") {
+        foundWillUpdateName = "UNSAFE_componentWillUpdate";
+      }
+      if (
+        foundWillMountName !== null ||
+        foundWillReceivePropsName !== null ||
+        foundWillUpdateName !== null
+      ) {
+        var _componentName = getComponentName(workInProgress) || "Component";
+        var newApiName =
+          typeof ctor.getDerivedStateFromProps === "function"
+            ? "getDerivedStateFromProps()"
+            : "getSnapshotBeforeUpdate()";
+        if (!didWarnAboutLegacyLifecyclesAndDerivedState.has(_componentName)) {
+          didWarnAboutLegacyLifecyclesAndDerivedState.add(_componentName);
+          warning(
+            false,
+            "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n" +
+              "%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\n" +
+              "The above lifecycles should be removed. Learn more about this warning here:\n" +
+              "https://fb.me/react-async-component-lifecycle-hooks",
+            _componentName,
+            newApiName,
+            foundWillMountName !== null ? "\n  " + foundWillMountName : "",
+            foundWillReceivePropsName !== null
+              ? "\n  " + foundWillReceivePropsName
+              : "",
+            foundWillUpdateName !== null ? "\n  " + foundWillUpdateName : ""
+          );
+        }
+      }
+    }
+  }
+
+  // Cache unmasked context so we can avoid recreating masked context unless necessary.
+  // ReactFiberContext usually updates this cache but can't for newly-created instances.
+  if (needsContext) {
+    cacheContext(workInProgress, unmaskedContext, context);
+  }
+
+  return instance;
+}
+
+function callComponentWillMount(workInProgress, instance) {
+  startPhaseTimer(workInProgress, "componentWillMount");
+  var oldState = instance.state;
+
+  if (typeof instance.componentWillMount === "function") {
+    instance.componentWillMount();
+  }
+  if (typeof instance.UNSAFE_componentWillMount === "function") {
+    instance.UNSAFE_componentWillMount();
+  }
+
+  stopPhaseTimer();
+
+  if (oldState !== instance.state) {
+    {
+      warning(
+        false,
+        "%s.componentWillMount(): Assigning directly to this.state is " +
+          "deprecated (except inside a component's " +
+          "constructor). Use setState instead.",
+        getComponentName(workInProgress) || "Component"
+      );
+    }
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+  }
+}
+
+function callComponentWillReceiveProps(
+  workInProgress,
+  instance,
+  newProps,
+  newContext
+) {
+  var oldState = instance.state;
+  startPhaseTimer(workInProgress, "componentWillReceiveProps");
+  if (typeof instance.componentWillReceiveProps === "function") {
+    instance.componentWillReceiveProps(newProps, newContext);
+  }
+  if (typeof instance.UNSAFE_componentWillReceiveProps === "function") {
+    instance.UNSAFE_componentWillReceiveProps(newProps, newContext);
+  }
+  stopPhaseTimer();
+
+  if (instance.state !== oldState) {
+    {
+      var componentName = getComponentName(workInProgress) || "Component";
+      if (!didWarnAboutStateAssignmentForComponent.has(componentName)) {
+        didWarnAboutStateAssignmentForComponent.add(componentName);
+        warning(
+          false,
+          "%s.componentWillReceiveProps(): Assigning directly to " +
+            "this.state is deprecated (except inside a component's " +
+            "constructor). Use setState instead.",
+          componentName
+        );
+      }
+    }
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+  }
+}
+
+// Invokes the mount life-cycles on a previously never rendered instance.
+function mountClassInstance(workInProgress, renderExpirationTime) {
+  var ctor = workInProgress.type;
+
+  {
+    checkClassInstance(workInProgress);
+  }
+
+  var instance = workInProgress.stateNode;
+  var props = workInProgress.pendingProps;
+  var unmaskedContext = getUnmaskedContext(workInProgress);
+
+  instance.props = props;
+  instance.state = workInProgress.memoizedState;
+  instance.refs = emptyObject;
+  instance.context = getMaskedContext(workInProgress, unmaskedContext);
+
+  {
+    if (workInProgress.mode & StrictMode) {
+      ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
+        workInProgress,
+        instance
+      );
+
+      ReactStrictModeWarnings.recordLegacyContextWarning(
+        workInProgress,
+        instance
+      );
+    }
+
+    if (warnAboutDeprecatedLifecycles) {
+      ReactStrictModeWarnings.recordDeprecationWarnings(
+        workInProgress,
+        instance
+      );
+    }
+  }
+
+  var updateQueue = workInProgress.updateQueue;
+  if (updateQueue !== null) {
+    processUpdateQueue(
+      workInProgress,
+      updateQueue,
+      props,
+      instance,
+      renderExpirationTime
+    );
+    instance.state = workInProgress.memoizedState;
+  }
+
+  var getDerivedStateFromProps = workInProgress.type.getDerivedStateFromProps;
+  if (typeof getDerivedStateFromProps === "function") {
+    applyDerivedStateFromProps(workInProgress, getDerivedStateFromProps, props);
+    instance.state = workInProgress.memoizedState;
+  }
+
+  // In order to support react-lifecycles-compat polyfilled components,
+  // Unsafe lifecycles should not be invoked for components using the new APIs.
+  if (
+    typeof ctor.getDerivedStateFromProps !== "function" &&
+    typeof instance.getSnapshotBeforeUpdate !== "function" &&
+    (typeof instance.UNSAFE_componentWillMount === "function" ||
+      typeof instance.componentWillMount === "function")
+  ) {
+    callComponentWillMount(workInProgress, instance);
+    // If we had additional state updates during this life-cycle, let's
+    // process them now.
+    updateQueue = workInProgress.updateQueue;
+    if (updateQueue !== null) {
+      processUpdateQueue(
+        workInProgress,
+        updateQueue,
+        props,
+        instance,
+        renderExpirationTime
+      );
+      instance.state = workInProgress.memoizedState;
+    }
+  }
+
+  if (typeof instance.componentDidMount === "function") {
+    workInProgress.effectTag |= Update;
+  }
+}
+
+function resumeMountClassInstance(workInProgress, renderExpirationTime) {
+  var ctor = workInProgress.type;
+  var instance = workInProgress.stateNode;
+
+  var oldProps = workInProgress.memoizedProps;
+  var newProps = workInProgress.pendingProps;
+  instance.props = oldProps;
+
+  var oldContext = instance.context;
+  var newUnmaskedContext = getUnmaskedContext(workInProgress);
+  var newContext = getMaskedContext(workInProgress, newUnmaskedContext);
+
+  var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+  var hasNewLifecycles =
+    typeof getDerivedStateFromProps === "function" ||
+    typeof instance.getSnapshotBeforeUpdate === "function";
+
+  // Note: During these life-cycles, instance.props/instance.state are what
+  // ever the previously attempted to render - not the "current". However,
+  // during componentDidUpdate we pass the "current" props.
+
+  // In order to support react-lifecycles-compat polyfilled components,
+  // Unsafe lifecycles should not be invoked for components using the new APIs.
+  if (
+    !hasNewLifecycles &&
+    (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
+      typeof instance.componentWillReceiveProps === "function")
+  ) {
+    if (oldProps !== newProps || oldContext !== newContext) {
+      callComponentWillReceiveProps(
+        workInProgress,
+        instance,
+        newProps,
+        newContext
+      );
+    }
+  }
+
+  resetHasForceUpdateBeforeProcessing();
+
+  var oldState = workInProgress.memoizedState;
+  var newState = (instance.state = oldState);
+  var updateQueue = workInProgress.updateQueue;
+  if (updateQueue !== null) {
+    processUpdateQueue(
+      workInProgress,
+      updateQueue,
+      newProps,
+      instance,
+      renderExpirationTime
+    );
+    newState = workInProgress.memoizedState;
+  }
+  if (
+    oldProps === newProps &&
+    oldState === newState &&
+    !hasContextChanged() &&
+    !checkHasForceUpdateAfterProcessing()
+  ) {
+    // 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.componentDidMount === "function") {
+      workInProgress.effectTag |= Update;
+    }
+    return false;
+  }
+
+  if (typeof getDerivedStateFromProps === "function") {
+    applyDerivedStateFromProps(
+      workInProgress,
+      getDerivedStateFromProps,
+      newProps
+    );
+    newState = workInProgress.memoizedState;
+  }
+
+  var shouldUpdate =
+    checkHasForceUpdateAfterProcessing() ||
+    checkShouldComponentUpdate(
+      workInProgress,
+      oldProps,
+      newProps,
+      oldState,
+      newState,
+      newContext
+    );
+
+  if (shouldUpdate) {
+    // In order to support react-lifecycles-compat polyfilled components,
+    // Unsafe lifecycles should not be invoked for components using the new APIs.
+    if (
+      !hasNewLifecycles &&
+      (typeof instance.UNSAFE_componentWillMount === "function" ||
+        typeof instance.componentWillMount === "function")
+    ) {
+      startPhaseTimer(workInProgress, "componentWillMount");
+      if (typeof instance.componentWillMount === "function") {
+        instance.componentWillMount();
+      }
+      if (typeof instance.UNSAFE_componentWillMount === "function") {
+        instance.UNSAFE_componentWillMount();
+      }
+      stopPhaseTimer();
+    }
+    if (typeof instance.componentDidMount === "function") {
+      workInProgress.effectTag |= Update;
+    }
+  } else {
+    // 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.componentDidMount === "function") {
+      workInProgress.effectTag |= Update;
+    }
+
+    // If shouldComponentUpdate returned false, we should still update the
+    // memoized state to indicate that this work can be reused.
+    workInProgress.memoizedProps = newProps;
+    workInProgress.memoizedState = newState;
+  }
+
+  // Update the existing instance's state, props, and context pointers even
+  // if shouldComponentUpdate returns false.
+  instance.props = newProps;
+  instance.state = newState;
+  instance.context = newContext;
+
+  return shouldUpdate;
+}
+
+// Invokes the update life-cycles and returns false if it shouldn't rerender.
+function updateClassInstance(current, workInProgress, renderExpirationTime) {
+  var ctor = workInProgress.type;
+  var instance = workInProgress.stateNode;
+
+  var oldProps = workInProgress.memoizedProps;
+  var newProps = workInProgress.pendingProps;
+  instance.props = oldProps;
+
+  var oldContext = instance.context;
+  var newUnmaskedContext = getUnmaskedContext(workInProgress);
+  var newContext = getMaskedContext(workInProgress, newUnmaskedContext);
+
+  var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+  var hasNewLifecycles =
+    typeof getDerivedStateFromProps === "function" ||
+    typeof instance.getSnapshotBeforeUpdate === "function";
+
+  // Note: During these life-cycles, instance.props/instance.state are what
+  // ever the previously attempted to render - not the "current". However,
+  // during componentDidUpdate we pass the "current" props.
+
+  // In order to support react-lifecycles-compat polyfilled components,
+  // Unsafe lifecycles should not be invoked for components using the new APIs.
+  if (
+    !hasNewLifecycles &&
+    (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
+      typeof instance.componentWillReceiveProps === "function")
+  ) {
+    if (oldProps !== newProps || oldContext !== newContext) {
+      callComponentWillReceiveProps(
+        workInProgress,
+        instance,
+        newProps,
+        newContext
+      );
+    }
+  }
+
+  resetHasForceUpdateBeforeProcessing();
+
+  var oldState = workInProgress.memoizedState;
+  var newState = (instance.state = oldState);
+  var updateQueue = workInProgress.updateQueue;
+  if (updateQueue !== null) {
+    processUpdateQueue(
+      workInProgress,
+      updateQueue,
+      newProps,
+      instance,
+      renderExpirationTime
+    );
+    newState = workInProgress.memoizedState;
+  }
+
+  if (
+    oldProps === newProps &&
+    oldState === newState &&
+    !hasContextChanged() &&
+    !checkHasForceUpdateAfterProcessing()
+  ) {
+    // 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
+      ) {
+        workInProgress.effectTag |= Update;
+      }
+    }
+    if (typeof instance.getSnapshotBeforeUpdate === "function") {
+      if (
+        oldProps !== current.memoizedProps ||
+        oldState !== current.memoizedState
+      ) {
+        workInProgress.effectTag |= Snapshot;
+      }
+    }
+    return false;
+  }
+
+  if (typeof getDerivedStateFromProps === "function") {
+    applyDerivedStateFromProps(
+      workInProgress,
+      getDerivedStateFromProps,
+      newProps
+    );
+    newState = workInProgress.memoizedState;
+  }
+
+  var shouldUpdate =
+    checkHasForceUpdateAfterProcessing() ||
+    checkShouldComponentUpdate(
+      workInProgress,
+      oldProps,
+      newProps,
+      oldState,
+      newState,
+      newContext
+    );
+
+  if (shouldUpdate) {
+    // In order to support react-lifecycles-compat polyfilled components,
+    // Unsafe lifecycles should not be invoked for components using the new APIs.
+    if (
+      !hasNewLifecycles &&
+      (typeof instance.UNSAFE_componentWillUpdate === "function" ||
+        typeof instance.componentWillUpdate === "function")
+    ) {
+      startPhaseTimer(workInProgress, "componentWillUpdate");
+      if (typeof instance.componentWillUpdate === "function") {
+        instance.componentWillUpdate(newProps, newState, newContext);
+      }
+      if (typeof instance.UNSAFE_componentWillUpdate === "function") {
+        instance.UNSAFE_componentWillUpdate(newProps, newState, newContext);
+      }
+      stopPhaseTimer();
+    }
+    if (typeof instance.componentDidUpdate === "function") {
+      workInProgress.effectTag |= Update;
+    }
+    if (typeof instance.getSnapshotBeforeUpdate === "function") {
+      workInProgress.effectTag |= Snapshot;
+    }
+  } else {
+    // 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
+      ) {
+        workInProgress.effectTag |= Update;
+      }
+    }
+    if (typeof instance.getSnapshotBeforeUpdate === "function") {
+      if (
+        oldProps !== current.memoizedProps ||
+        oldState !== current.memoizedState
+      ) {
+        workInProgress.effectTag |= Snapshot;
+      }
+    }
+
+    // If shouldComponentUpdate returned false, we should still update the
+    // memoized props/state to indicate that this work can be reused.
+    workInProgress.memoizedProps = newProps;
+    workInProgress.memoizedState = newState;
+  }
+
+  // Update the existing instance's state, props, and context pointers even
+  // if shouldComponentUpdate returns false.
+  instance.props = newProps;
+  instance.state = newState;
+  instance.context = newContext;
+
+  return shouldUpdate;
+}
+
+var getCurrentFiberStackAddendum$2 =
+  ReactDebugCurrentFiber.getCurrentFiberStackAddendum;
+
+var didWarnAboutMaps = void 0;
+var didWarnAboutStringRefInStrictMode = void 0;
+var ownerHasKeyUseWarning = void 0;
+var ownerHasFunctionTypeWarning = void 0;
+var warnForMissingKey = function(child) {};
+
+{
+  didWarnAboutMaps = false;
+  didWarnAboutStringRefInStrictMode = {};
+
+  /**
+   * Warn if there's no key explicitly set on dynamic arrays of children or
+   * object keys are not valid. This allows us to keep track of children between
+   * updates.
+   */
+  ownerHasKeyUseWarning = {};
+  ownerHasFunctionTypeWarning = {};
+
+  warnForMissingKey = function(child) {
+    if (child === null || typeof child !== "object") {
+      return;
+    }
+    if (!child._store || child._store.validated || child.key != null) {
+      return;
+    }
+    invariant(
+      typeof child._store === "object",
+      "React Component in warnForMissingKey should have a _store. " +
+        "This error is likely caused by a bug in React. Please file an issue."
+    );
+    child._store.validated = true;
+
+    var currentComponentErrorInfo =
+      "Each child in an array or iterator should have a unique " +
+      '"key" prop. See https://fb.me/react-warning-keys for ' +
+      "more information." +
+      (getCurrentFiberStackAddendum$2() || "");
+    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
+      return;
+    }
+    ownerHasKeyUseWarning[currentComponentErrorInfo] = true;
+
+    warning(
+      false,
+      "Each child in an array or iterator should have a unique " +
+        '"key" prop. See https://fb.me/react-warning-keys for ' +
+        "more information.%s",
+      getCurrentFiberStackAddendum$2()
+    );
+  };
+}
+
+var isArray$1 = Array.isArray;
+
+function coerceRef(returnFiber, current, element) {
+  var mixedRef = element.ref;
+  if (
+    mixedRef !== null &&
+    typeof mixedRef !== "function" &&
+    typeof mixedRef !== "object"
+  ) {
+    {
+      if (returnFiber.mode & StrictMode) {
+        var componentName = getComponentName(returnFiber) || "Component";
+        if (!didWarnAboutStringRefInStrictMode[componentName]) {
+          warning(
+            false,
+            'A string ref, "%s", has been found within a strict mode tree. ' +
+              "String refs are a source of potential bugs and should be avoided. " +
+              "We recommend using createRef() instead." +
+              "\n%s" +
+              "\n\nLearn more about using refs safely here:" +
+              "\nhttps://fb.me/react-strict-mode-string-ref",
+            mixedRef,
+            getStackAddendumByWorkInProgressFiber(returnFiber)
+          );
+          didWarnAboutStringRefInStrictMode[componentName] = true;
+        }
+      }
+    }
+
+    if (element._owner) {
+      var owner = element._owner;
+      var inst = void 0;
+      if (owner) {
+        var ownerFiber = owner;
+        invariant(
+          ownerFiber.tag === ClassComponent,
+          "Stateless function components cannot have refs."
+        );
+        inst = ownerFiber.stateNode;
+      }
+      invariant(
+        inst,
+        "Missing owner for string ref %s. This error is likely caused by a " +
+          "bug in React. Please file an issue.",
+        mixedRef
+      );
+      var stringRef = "" + mixedRef;
+      // Check if previous string ref matches new string ref
+      if (
+        current !== null &&
+        current.ref !== null &&
+        typeof current.ref === "function" &&
+        current.ref._stringRef === stringRef
+      ) {
+        return current.ref;
+      }
+      var ref = function(value) {
+        var refs = inst.refs === emptyObject ? (inst.refs = {}) : inst.refs;
+        if (value === null) {
+          delete refs[stringRef];
+        } else {
+          refs[stringRef] = value;
+        }
+      };
+      ref._stringRef = stringRef;
+      return ref;
+    } else {
+      invariant(
+        typeof mixedRef === "string",
+        "Expected ref to be a function or a string."
+      );
+      invariant(
+        element._owner,
+        "Element ref was specified as a string (%s) but no owner was set. This could happen for one of" +
+          " the following reasons:\n" +
+          "1. You may be adding a ref to a functional component\n" +
+          "2. You may be adding a ref to a component that was not created inside a component's render method\n" +
+          "3. You have multiple copies of React loaded\n" +
+          "See https://fb.me/react-refs-must-have-owner for more information.",
+        mixedRef
+      );
+    }
+  }
+  return mixedRef;
+}
+
+function throwOnInvalidObjectType(returnFiber, newChild) {
+  if (returnFiber.type !== "textarea") {
+    var addendum = "";
+    {
+      addendum =
+        " If you meant to render a collection of children, use an array " +
+        "instead." +
+        (getCurrentFiberStackAddendum$2() || "");
+    }
+    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
+    );
+  }
+}
+
+function warnOnFunctionType() {
+  var currentComponentErrorInfo =
+    "Functions are not valid as a React child. This may happen if " +
+    "you return a Component instead of <Component /> from render. " +
+    "Or maybe you meant to call this function rather than return it." +
+    (getCurrentFiberStackAddendum$2() || "");
+
+  if (ownerHasFunctionTypeWarning[currentComponentErrorInfo]) {
+    return;
+  }
+  ownerHasFunctionTypeWarning[currentComponentErrorInfo] = true;
+
+  warning(
+    false,
+    "Functions are not valid as a React child. This may happen if " +
+      "you return a Component instead of <Component /> from render. " +
+      "Or maybe you meant to call this function rather than return it.%s",
+    getCurrentFiberStackAddendum$2() || ""
+  );
+}
+
+// This wrapper function exists because I expect to clone the code in each path
+// to be able to optimize each path individually by branching early. This needs
+// a compiler or we can do it manually. Helpers that don't need this branching
+// live outside of this function.
+function ChildReconciler(shouldTrackSideEffects) {
+  function deleteChild(returnFiber, childToDelete) {
+    if (!shouldTrackSideEffects) {
+      // Noop.
+      return;
+    }
+    // Deletions are added in reversed order so we add it to the front.
+    // At this point, the return fiber's effect list is empty except for
+    // deletions, so we can just append the deletion to the list. The remaining
+    // effects aren't added until the complete phase. Once we implement
+    // resuming, this may not be true.
+    var last = returnFiber.lastEffect;
+    if (last !== null) {
+      last.nextEffect = childToDelete;
+      returnFiber.lastEffect = childToDelete;
+    } else {
+      returnFiber.firstEffect = returnFiber.lastEffect = childToDelete;
+    }
+    childToDelete.nextEffect = null;
+    childToDelete.effectTag = Deletion;
+  }
+
+  function deleteRemainingChildren(returnFiber, currentFirstChild) {
+    if (!shouldTrackSideEffects) {
+      // Noop.
+      return null;
+    }
+
+    // TODO: For the shouldClone case, this could be micro-optimized a bit by
+    // assuming that after the first child we've already added everything.
+    var childToDelete = currentFirstChild;
+    while (childToDelete !== null) {
+      deleteChild(returnFiber, childToDelete);
+      childToDelete = childToDelete.sibling;
+    }
+    return null;
+  }
+
+  function mapRemainingChildren(returnFiber, currentFirstChild) {
+    // 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
+    var existingChildren = new Map();
+
+    var existingChild = currentFirstChild;
+    while (existingChild !== null) {
+      if (existingChild.key !== null) {
+        existingChildren.set(existingChild.key, existingChild);
+      } else {
+        existingChildren.set(existingChild.index, existingChild);
+      }
+      existingChild = existingChild.sibling;
+    }
+    return existingChildren;
+  }
+
+  function useFiber(fiber, pendingProps, expirationTime) {
+    // 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.
+    var clone = createWorkInProgress(fiber, pendingProps, expirationTime);
+    clone.index = 0;
+    clone.sibling = null;
+    return clone;
+  }
+
+  function placeChild(newFiber, lastPlacedIndex, newIndex) {
+    newFiber.index = newIndex;
+    if (!shouldTrackSideEffects) {
+      // Noop.
+      return lastPlacedIndex;
+    }
+    var current = newFiber.alternate;
+    if (current !== null) {
+      var oldIndex = current.index;
+      if (oldIndex < lastPlacedIndex) {
+        // This is a move.
+        newFiber.effectTag = Placement;
+        return lastPlacedIndex;
+      } else {
+        // This item can stay in place.
+        return oldIndex;
+      }
+    } else {
+      // This is an insertion.
+      newFiber.effectTag = Placement;
+      return lastPlacedIndex;
+    }
+  }
+
+  function placeSingleChild(newFiber) {
+    // This is simpler for the single child case. We only need to do a
+    // placement for inserting new children.
+    if (shouldTrackSideEffects && newFiber.alternate === null) {
+      newFiber.effectTag = Placement;
+    }
+    return newFiber;
+  }
+
+  function updateTextNode(returnFiber, current, textContent, expirationTime) {
+    if (current === null || current.tag !== HostText) {
+      // Insert
+      var created = createFiberFromText(
+        textContent,
+        returnFiber.mode,
+        expirationTime
+      );
+      created.return = returnFiber;
+      return created;
+    } else {
+      // Update
+      var existing = useFiber(current, textContent, expirationTime);
+      existing.return = returnFiber;
+      return existing;
+    }
+  }
+
+  function updateElement(returnFiber, current, element, expirationTime) {
+    if (current !== null && current.type === element.type) {
+      // Move based on index
+      var existing = useFiber(current, element.props, expirationTime);
+      existing.ref = coerceRef(returnFiber, current, element);
+      existing.return = returnFiber;
+      {
+        existing._debugSource = element._source;
+        existing._debugOwner = element._owner;
+      }
+      return existing;
+    } else {
+      // Insert
+      var created = createFiberFromElement(
+        element,
+        returnFiber.mode,
+        expirationTime
+      );
+      created.ref = coerceRef(returnFiber, current, element);
+      created.return = returnFiber;
+      return created;
+    }
+  }
+
+  function updatePortal(returnFiber, current, portal, expirationTime) {
+    if (
+      current === null ||
+      current.tag !== HostPortal ||
+      current.stateNode.containerInfo !== portal.containerInfo ||
+      current.stateNode.implementation !== portal.implementation
+    ) {
+      // Insert
+      var created = createFiberFromPortal(
+        portal,
+        returnFiber.mode,
+        expirationTime
+      );
+      created.return = returnFiber;
+      return created;
+    } else {
+      // Update
+      var existing = useFiber(current, portal.children || [], expirationTime);
+      existing.return = returnFiber;
+      return existing;
+    }
+  }
+
+  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
+    if (current === null || current.tag !== Fragment) {
+      // Insert
+      var created = createFiberFromFragment(
+        fragment,
+        returnFiber.mode,
+        expirationTime,
+        key
+      );
+      created.return = returnFiber;
+      return created;
+    } else {
+      // Update
+      var existing = useFiber(current, fragment, expirationTime);
+      existing.return = returnFiber;
+      return existing;
+    }
+  }
+
+  function createChild(returnFiber, newChild, expirationTime) {
+    if (typeof newChild === "string" || typeof newChild === "number") {
+      // Text nodes don'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
+      // node.
+      var created = createFiberFromText(
+        "" + newChild,
+        returnFiber.mode,
+        expirationTime
+      );
+      created.return = returnFiber;
+      return created;
+    }
+
+    if (typeof newChild === "object" && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE: {
+          var _created = createFiberFromElement(
+            newChild,
+            returnFiber.mode,
+            expirationTime
+          );
+          _created.ref = coerceRef(returnFiber, null, newChild);
+          _created.return = returnFiber;
+          return _created;
+        }
+        case REACT_PORTAL_TYPE: {
+          var _created2 = createFiberFromPortal(
+            newChild,
+            returnFiber.mode,
+            expirationTime
+          );
+          _created2.return = returnFiber;
+          return _created2;
+        }
+      }
+
+      if (isArray$1(newChild) || getIteratorFn(newChild)) {
+        var _created3 = createFiberFromFragment(
+          newChild,
+          returnFiber.mode,
+          expirationTime,
+          null
+        );
+        _created3.return = returnFiber;
+        return _created3;
+      }
+
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+
+    {
+      if (typeof newChild === "function") {
+        warnOnFunctionType();
+      }
+    }
+
+    return null;
+  }
+
+  function updateSlot(returnFiber, oldFiber, newChild, expirationTime) {
+    // Update the fiber if the keys match, otherwise return null.
+
+    var key = oldFiber !== null ? oldFiber.key : null;
+
+    if (typeof newChild === "string" || typeof newChild === "number") {
+      // Text nodes don'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
+      // node.
+      if (key !== null) {
+        return null;
+      }
+      return updateTextNode(
+        returnFiber,
+        oldFiber,
+        "" + newChild,
+        expirationTime
+      );
+    }
+
+    if (typeof newChild === "object" && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE: {
+          if (newChild.key === key) {
+            if (newChild.type === REACT_FRAGMENT_TYPE) {
+              return updateFragment(
+                returnFiber,
+                oldFiber,
+                newChild.props.children,
+                expirationTime,
+                key
+              );
+            }
+            return updateElement(
+              returnFiber,
+              oldFiber,
+              newChild,
+              expirationTime
+            );
+          } else {
+            return null;
+          }
+        }
+        case REACT_PORTAL_TYPE: {
+          if (newChild.key === key) {
+            return updatePortal(
+              returnFiber,
+              oldFiber,
+              newChild,
+              expirationTime
+            );
+          } else {
+            return null;
+          }
+        }
+      }
+
+      if (isArray$1(newChild) || getIteratorFn(newChild)) {
+        if (key !== null) {
+          return null;
+        }
+
+        return updateFragment(
+          returnFiber,
+          oldFiber,
+          newChild,
+          expirationTime,
+          null
+        );
+      }
+
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+
+    {
+      if (typeof newChild === "function") {
+        warnOnFunctionType();
+      }
+    }
+
+    return null;
+  }
+
+  function updateFromMap(
+    existingChildren,
+    returnFiber,
+    newIdx,
+    newChild,
+    expirationTime
+  ) {
+    if (typeof newChild === "string" || typeof newChild === "number") {
+      // Text nodes don't have keys, so we neither have to check the old nor
+      // new node for the key. If both are text nodes, they match.
+      var matchedFiber = existingChildren.get(newIdx) || null;
+      return updateTextNode(
+        returnFiber,
+        matchedFiber,
+        "" + newChild,
+        expirationTime
+      );
+    }
+
+    if (typeof newChild === "object" && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE: {
+          var _matchedFiber =
+            existingChildren.get(
+              newChild.key === null ? newIdx : newChild.key
+            ) || null;
+          if (newChild.type === REACT_FRAGMENT_TYPE) {
+            return updateFragment(
+              returnFiber,
+              _matchedFiber,
+              newChild.props.children,
+              expirationTime,
+              newChild.key
+            );
+          }
+          return updateElement(
+            returnFiber,
+            _matchedFiber,
+            newChild,
+            expirationTime
+          );
+        }
+        case REACT_PORTAL_TYPE: {
+          var _matchedFiber2 =
+            existingChildren.get(
+              newChild.key === null ? newIdx : newChild.key
+            ) || null;
+          return updatePortal(
+            returnFiber,
+            _matchedFiber2,
+            newChild,
+            expirationTime
+          );
+        }
+      }
+
+      if (isArray$1(newChild) || getIteratorFn(newChild)) {
+        var _matchedFiber3 = existingChildren.get(newIdx) || null;
+        return updateFragment(
+          returnFiber,
+          _matchedFiber3,
+          newChild,
+          expirationTime,
+          null
+        );
+      }
+
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+
+    {
+      if (typeof newChild === "function") {
+        warnOnFunctionType();
+      }
+    }
+
+    return null;
+  }
+
+  /**
+   * Warns if there is a duplicate or missing key
+   */
+  function warnOnInvalidKey(child, knownKeys) {
+    {
+      if (typeof child !== "object" || child === null) {
+        return knownKeys;
+      }
+      switch (child.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+        case REACT_PORTAL_TYPE:
+          warnForMissingKey(child);
+          var key = child.key;
+          if (typeof key !== "string") {
+            break;
+          }
+          if (knownKeys === null) {
+            knownKeys = new Set();
+            knownKeys.add(key);
+            break;
+          }
+          if (!knownKeys.has(key)) {
+            knownKeys.add(key);
+            break;
+          }
+          warning(
+            false,
+            "Encountered two children with the same key, `%s`. " +
+              "Keys should be unique so that components maintain their identity " +
+              "across updates. Non-unique keys may cause children to be " +
+              "duplicated and/or omitted — the behavior is unsupported and " +
+              "could change in a future version.%s",
+            key,
+            getCurrentFiberStackAddendum$2()
+          );
+          break;
+        default:
+          break;
+      }
+    }
+    return knownKeys;
+  }
+
+  function reconcileChildrenArray(
+    returnFiber,
+    currentFirstChild,
+    newChildren,
+    expirationTime
+  ) {
+    // 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
+    // add it later.
+
+    // Even with a two ended optimization, we'd want to optimize for the case
+    // where there are few changes and brute force the comparison instead of
+    // going for the Map. It'd like to explore hitting that path first in
+    // forward-only mode and only go for the Map once we notice that we need
+    // lots of look ahead. This doesn't handle reversal as well as two ended
+    // search but that's unusual. Besides, for the two ended optimization to
+    // work on Iterables, we'd need to copy the whole set.
+
+    // In this first iteration, we'll just live with hitting the bad case
+    // (adding everything to a Map) in for every insert/move.
+
+    // If you change this code, also update reconcileChildrenIterator() which
+    // uses the same algorithm.
+
+    {
+      // First, validate keys.
+      var knownKeys = null;
+      for (var i = 0; i < newChildren.length; i++) {
+        var child = newChildren[i];
+        knownKeys = warnOnInvalidKey(child, knownKeys);
+      }
+    }
+
+    var resultingFirstChild = null;
+    var previousNewFiber = null;
+
+    var oldFiber = currentFirstChild;
+    var lastPlacedIndex = 0;
+    var newIdx = 0;
+    var nextOldFiber = null;
+    for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
+      if (oldFiber.index > newIdx) {
+        nextOldFiber = oldFiber;
+        oldFiber = null;
+      } else {
+        nextOldFiber = oldFiber.sibling;
+      }
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        newChildren[newIdx],
+        expirationTime
+      );
+      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
+        // a better way to communicate whether this was a miss or null,
+        // boolean, undefined, etc.
+        if (oldFiber === null) {
+          oldFiber = nextOldFiber;
+        }
+        break;
+      }
+      if (shouldTrackSideEffects) {
+        if (oldFiber && newFiber.alternate === null) {
+          // We matched the slot, but we didn't reuse the existing fiber, so we
+          // need to delete the existing child.
+          deleteChild(returnFiber, oldFiber);
+        }
+      }
+      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+      if (previousNewFiber === null) {
+        // TODO: Move out of the loop. This only happens for the first run.
+        resultingFirstChild = newFiber;
+      } else {
+        // TODO: Defer siblings if we're not at the right index for this slot.
+        // I.e. if we had null values before, then we want to defer this
+        // for each null value. However, we also don't want to call updateSlot
+        // with the previous one.
+        previousNewFiber.sibling = newFiber;
+      }
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
+
+    if (newIdx === newChildren.length) {
+      // We've reached the end of the new children. We can delete the rest.
+      deleteRemainingChildren(returnFiber, oldFiber);
+      return resultingFirstChild;
+    }
+
+    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 (; newIdx < newChildren.length; newIdx++) {
+        var _newFiber = createChild(
+          returnFiber,
+          newChildren[newIdx],
+          expirationTime
+        );
+        if (!_newFiber) {
+          continue;
+        }
+        lastPlacedIndex = placeChild(_newFiber, lastPlacedIndex, newIdx);
+        if (previousNewFiber === null) {
+          // TODO: Move out of the loop. This only happens for the first run.
+          resultingFirstChild = _newFiber;
+        } else {
+          previousNewFiber.sibling = _newFiber;
+        }
+        previousNewFiber = _newFiber;
+      }
+      return resultingFirstChild;
+    }
+
+    // Add all children to a key map for quick lookups.
+    var existingChildren = mapRemainingChildren(returnFiber, oldFiber);
+
+    // Keep scanning and use the map to restore deleted items as moves.
+    for (; newIdx < newChildren.length; newIdx++) {
+      var _newFiber2 = updateFromMap(
+        existingChildren,
+        returnFiber,
+        newIdx,
+        newChildren[newIdx],
+        expirationTime
+      );
+      if (_newFiber2) {
+        if (shouldTrackSideEffects) {
+          if (_newFiber2.alternate !== null) {
+            // The new fiber is a work in progress, but if there exists a
+            // current, that means that we reused the fiber. We need to delete
+            // it from the child list so that we don't add it to the deletion
+            // list.
+            existingChildren.delete(
+              _newFiber2.key === null ? newIdx : _newFiber2.key
+            );
+          }
+        }
+        lastPlacedIndex = placeChild(_newFiber2, lastPlacedIndex, newIdx);
+        if (previousNewFiber === null) {
+          resultingFirstChild = _newFiber2;
+        } else {
+          previousNewFiber.sibling = _newFiber2;
+        }
+        previousNewFiber = _newFiber2;
+      }
+    }
+
+    if (shouldTrackSideEffects) {
+      // Any existing children that weren't consumed above were deleted. We need
+      // to add them to the deletion list.
+      existingChildren.forEach(function(child) {
+        return deleteChild(returnFiber, child);
+      });
+    }
+
+    return resultingFirstChild;
+  }
+
+  function reconcileChildrenIterator(
+    returnFiber,
+    currentFirstChild,
+    newChildrenIterable,
+    expirationTime
+  ) {
+    // This is the same implementation as reconcileChildrenArray(),
+    // but using the iterator instead.
+
+    var iteratorFn = getIteratorFn(newChildrenIterable);
+    invariant(
+      typeof iteratorFn === "function",
+      "An object is not an iterable. This error is likely caused by a bug in " +
+        "React. Please file an issue."
+    );
+
+    {
+      // Warn about using Maps as children
+      if (newChildrenIterable.entries === iteratorFn) {
+        !didWarnAboutMaps
+          ? warning(
+              false,
+              "Using Maps as children is unsupported and will likely yield " +
+                "unexpected results. Convert it to a sequence/iterable of keyed " +
+                "ReactElements instead.%s",
+              getCurrentFiberStackAddendum$2()
+            )
+          : void 0;
+        didWarnAboutMaps = true;
+      }
+
+      // First, validate keys.
+      // We'll get a different iterator later for the main pass.
+      var _newChildren = iteratorFn.call(newChildrenIterable);
+      if (_newChildren) {
+        var knownKeys = null;
+        var _step = _newChildren.next();
+        for (; !_step.done; _step = _newChildren.next()) {
+          var child = _step.value;
+          knownKeys = warnOnInvalidKey(child, knownKeys);
+        }
+      }
+    }
+
+    var newChildren = iteratorFn.call(newChildrenIterable);
+    invariant(newChildren != null, "An iterable object provided no iterator.");
+
+    var resultingFirstChild = null;
+    var previousNewFiber = null;
+
+    var oldFiber = currentFirstChild;
+    var lastPlacedIndex = 0;
+    var newIdx = 0;
+    var nextOldFiber = null;
+
+    var step = newChildren.next();
+    for (
+      ;
+      oldFiber !== null && !step.done;
+      newIdx++, step = newChildren.next()
+    ) {
+      if (oldFiber.index > newIdx) {
+        nextOldFiber = oldFiber;
+        oldFiber = null;
+      } else {
+        nextOldFiber = oldFiber.sibling;
+      }
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        step.value,
+        expirationTime
+      );
+      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
+        // a better way to communicate whether this was a miss or null,
+        // boolean, undefined, etc.
+        if (!oldFiber) {
+          oldFiber = nextOldFiber;
+        }
+        break;
+      }
+      if (shouldTrackSideEffects) {
+        if (oldFiber && newFiber.alternate === null) {
+          // We matched the slot, but we didn't reuse the existing fiber, so we
+          // need to delete the existing child.
+          deleteChild(returnFiber, oldFiber);
+        }
+      }
+      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+      if (previousNewFiber === null) {
+        // TODO: Move out of the loop. This only happens for the first run.
+        resultingFirstChild = newFiber;
+      } else {
+        // TODO: Defer siblings if we're not at the right index for this slot.
+        // I.e. if we had null values before, then we want to defer this
+        // for each null value. However, we also don't want to call updateSlot
+        // with the previous one.
+        previousNewFiber.sibling = newFiber;
+      }
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
+
+    if (step.done) {
+      // We've reached the end of the new children. We can delete the rest.
+      deleteRemainingChildren(returnFiber, oldFiber);
+      return resultingFirstChild;
+    }
+
+    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()) {
+        var _newFiber3 = createChild(returnFiber, step.value, expirationTime);
+        if (_newFiber3 === null) {
+          continue;
+        }
+        lastPlacedIndex = placeChild(_newFiber3, lastPlacedIndex, newIdx);
+        if (previousNewFiber === null) {
+          // TODO: Move out of the loop. This only happens for the first run.
+          resultingFirstChild = _newFiber3;
+        } else {
+          previousNewFiber.sibling = _newFiber3;
+        }
+        previousNewFiber = _newFiber3;
+      }
+      return resultingFirstChild;
+    }
+
+    // Add all children to a key map for quick lookups.
+    var existingChildren = mapRemainingChildren(returnFiber, oldFiber);
+
+    // Keep scanning and use the map to restore deleted items as moves.
+    for (; !step.done; newIdx++, step = newChildren.next()) {
+      var _newFiber4 = updateFromMap(
+        existingChildren,
+        returnFiber,
+        newIdx,
+        step.value,
+        expirationTime
+      );
+      if (_newFiber4 !== null) {
+        if (shouldTrackSideEffects) {
+          if (_newFiber4.alternate !== null) {
+            // The new fiber is a work in progress, but if there exists a
+            // current, that means that we reused the fiber. We need to delete
+            // it from the child list so that we don't add it to the deletion
+            // list.
+            existingChildren.delete(
+              _newFiber4.key === null ? newIdx : _newFiber4.key
+            );
+          }
+        }
+        lastPlacedIndex = placeChild(_newFiber4, lastPlacedIndex, newIdx);
+        if (previousNewFiber === null) {
+          resultingFirstChild = _newFiber4;
+        } else {
+          previousNewFiber.sibling = _newFiber4;
+        }
+        previousNewFiber = _newFiber4;
+      }
+    }
+
+    if (shouldTrackSideEffects) {
+      // Any existing children that weren't consumed above were deleted. We need
+      // to add them to the deletion list.
+      existingChildren.forEach(function(child) {
+        return deleteChild(returnFiber, child);
+      });
+    }
+
+    return resultingFirstChild;
+  }
+
+  function reconcileSingleTextNode(
+    returnFiber,
+    currentFirstChild,
+    textContent,
+    expirationTime
+  ) {
+    // 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) {
+      // We already have an existing node so let's just update it and delete
+      // the rest.
+      deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
+      var existing = useFiber(currentFirstChild, textContent, expirationTime);
+      existing.return = returnFiber;
+      return existing;
+    }
+    // The existing first child is not a text node so we need to create one
+    // and delete the existing ones.
+    deleteRemainingChildren(returnFiber, currentFirstChild);
+    var created = createFiberFromText(
+      textContent,
+      returnFiber.mode,
+      expirationTime
+    );
+    created.return = returnFiber;
+    return created;
+  }
+
+  function reconcileSingleElement(
+    returnFiber,
+    currentFirstChild,
+    element,
+    expirationTime
+  ) {
+    var key = element.key;
+    var child = currentFirstChild;
+    while (child !== null) {
+      // TODO: If key === null and child.key === null, then this only applies to
+      // the first item in the list.
+      if (child.key === key) {
+        if (
+          child.tag === Fragment
+            ? element.type === REACT_FRAGMENT_TYPE
+            : child.type === element.type
+        ) {
+          deleteRemainingChildren(returnFiber, child.sibling);
+          var existing = useFiber(
+            child,
+            element.type === REACT_FRAGMENT_TYPE
+              ? element.props.children
+              : element.props,
+            expirationTime
+          );
+          existing.ref = coerceRef(returnFiber, child, element);
+          existing.return = returnFiber;
+          {
+            existing._debugSource = element._source;
+            existing._debugOwner = element._owner;
+          }
+          return existing;
+        } else {
+          deleteRemainingChildren(returnFiber, child);
+          break;
+        }
+      } else {
+        deleteChild(returnFiber, child);
+      }
+      child = child.sibling;
+    }
+
+    if (element.type === REACT_FRAGMENT_TYPE) {
+      var created = createFiberFromFragment(
+        element.props.children,
+        returnFiber.mode,
+        expirationTime,
+        element.key
+      );
+      created.return = returnFiber;
+      return created;
+    } else {
+      var _created4 = createFiberFromElement(
+        element,
+        returnFiber.mode,
+        expirationTime
+      );
+      _created4.ref = coerceRef(returnFiber, currentFirstChild, element);
+      _created4.return = returnFiber;
+      return _created4;
+    }
+  }
+
+  function reconcileSinglePortal(
+    returnFiber,
+    currentFirstChild,
+    portal,
+    expirationTime
+  ) {
+    var key = portal.key;
+    var child = currentFirstChild;
+    while (child !== null) {
+      // TODO: If key === null and child.key === null, then this only applies to
+      // the first item in the list.
+      if (child.key === key) {
+        if (
+          child.tag === HostPortal &&
+          child.stateNode.containerInfo === portal.containerInfo &&
+          child.stateNode.implementation === portal.implementation
+        ) {
+          deleteRemainingChildren(returnFiber, child.sibling);
+          var existing = useFiber(child, portal.children || [], expirationTime);
+          existing.return = returnFiber;
+          return existing;
+        } else {
+          deleteRemainingChildren(returnFiber, child);
+          break;
+        }
+      } else {
+        deleteChild(returnFiber, child);
+      }
+      child = child.sibling;
+    }
+
+    var created = createFiberFromPortal(
+      portal,
+      returnFiber.mode,
+      expirationTime
+    );
+    created.return = returnFiber;
+    return created;
+  }
+
+  // This API will tag the children with the side-effect of the reconciliation
+  // itself. They will be added to the side-effect list as we pass through the
+  // children and the parent.
+  function reconcileChildFibers(
+    returnFiber,
+    currentFirstChild,
+    newChild,
+    expirationTime
+  ) {
+    // 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
+    // fragment nodes. Recursion happens at the normal flow.
+
+    // Handle top level unkeyed fragments as if they were arrays.
+    // This leads to an ambiguity between <>{[...]}</> and <>...</>.
+    // We treat the ambiguous cases above the same.
+    var isUnkeyedTopLevelFragment =
+      typeof newChild === "object" &&
+      newChild !== null &&
+      newChild.type === REACT_FRAGMENT_TYPE &&
+      newChild.key === null;
+    if (isUnkeyedTopLevelFragment) {
+      newChild = newChild.props.children;
+    }
+
+    // Handle object types
+    var isObject = typeof newChild === "object" && newChild !== null;
+
+    if (isObject) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return placeSingleChild(
+            reconcileSingleElement(
+              returnFiber,
+              currentFirstChild,
+              newChild,
+              expirationTime
+            )
+          );
+        case REACT_PORTAL_TYPE:
+          return placeSingleChild(
+            reconcileSinglePortal(
+              returnFiber,
+              currentFirstChild,
+              newChild,
+              expirationTime
+            )
+          );
+      }
+    }
+
+    if (typeof newChild === "string" || typeof newChild === "number") {
+      return placeSingleChild(
+        reconcileSingleTextNode(
+          returnFiber,
+          currentFirstChild,
+          "" + newChild,
+          expirationTime
+        )
+      );
+    }
+
+    if (isArray$1(newChild)) {
+      return reconcileChildrenArray(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    }
+
+    if (getIteratorFn(newChild)) {
+      return reconcileChildrenIterator(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    }
+
+    if (isObject) {
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+
+    {
+      if (typeof newChild === "function") {
+        warnOnFunctionType();
+      }
+    }
+    if (typeof newChild === "undefined" && !isUnkeyedTopLevelFragment) {
+      // If the new child is undefined, and the return fiber is a composite
+      // component, throw an error. If Fiber return types are disabled,
+      // we already threw above.
+      switch (returnFiber.tag) {
+        case ClassComponent: {
+          {
+            var instance = returnFiber.stateNode;
+            if (instance.render._isMockFunction) {
+              // We allow auto-mocks to proceed as if they're returning null.
+              break;
+            }
+          }
+        }
+        // Intentionally fall through to the next case, which handles both
+        // functions and classes
+        // eslint-disable-next-lined no-fallthrough
+        case FunctionalComponent: {
+          var Component = returnFiber.type;
+          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"
+          );
+        }
+      }
+    }
+
+    // Remaining cases are all treated as empty.
+    return deleteRemainingChildren(returnFiber, currentFirstChild);
+  }
+
+  return reconcileChildFibers;
+}
+
+var reconcileChildFibers = ChildReconciler(true);
+var mountChildFibers = ChildReconciler(false);
+
+function cloneChildFibers(current, workInProgress) {
+  invariant(
+    current === null || workInProgress.child === current.child,
+    "Resuming work not yet implemented."
+  );
+
+  if (workInProgress.child === null) {
+    return;
+  }
+
+  var currentChild = workInProgress.child;
+  var newChild = createWorkInProgress(
+    currentChild,
+    currentChild.pendingProps,
+    currentChild.expirationTime
+  );
+  workInProgress.child = newChild;
+
+  newChild.return = workInProgress;
+  while (currentChild.sibling !== null) {
+    currentChild = currentChild.sibling;
+    newChild = newChild.sibling = createWorkInProgress(
+      currentChild,
+      currentChild.pendingProps,
+      currentChild.expirationTime
+    );
+    newChild.return = workInProgress;
+  }
+  newChild.sibling = null;
+}
+
+// The deepest Fiber on the stack involved in a hydration context.
+// This may have been an insertion or a hydration.
+var hydrationParentFiber = null;
+var nextHydratableInstance = null;
+var isHydrating = false;
+
+function enterHydrationState(fiber) {
+  if (!supportsHydration) {
+    return false;
+  }
+
+  var parentInstance = fiber.stateNode.containerInfo;
+  nextHydratableInstance = getFirstHydratableChild(parentInstance);
+  hydrationParentFiber = fiber;
+  isHydrating = true;
+  return true;
+}
+
+function deleteHydratableInstance(returnFiber, instance) {
+  {
+    switch (returnFiber.tag) {
+      case HostRoot:
+        didNotHydrateContainerInstance(
+          returnFiber.stateNode.containerInfo,
+          instance
+        );
+        break;
+      case HostComponent:
+        didNotHydrateInstance(
+          returnFiber.type,
+          returnFiber.memoizedProps,
+          returnFiber.stateNode,
+          instance
+        );
+        break;
+    }
+  }
+
+  var childToDelete = createFiberFromHostInstanceForDeletion();
+  childToDelete.stateNode = instance;
+  childToDelete.return = returnFiber;
+  childToDelete.effectTag = Deletion;
+
+  // This might seem like it belongs on progressedFirstDeletion. However,
+  // these children are not part of the reconciliation list of children.
+  // Even if we abort and rereconcile the children, that will try to hydrate
+  // again and the nodes are still in the host tree so these will be
+  // recreated.
+  if (returnFiber.lastEffect !== null) {
+    returnFiber.lastEffect.nextEffect = childToDelete;
+    returnFiber.lastEffect = childToDelete;
+  } else {
+    returnFiber.firstEffect = returnFiber.lastEffect = childToDelete;
+  }
+}
+
+function insertNonHydratedInstance(returnFiber, fiber) {
+  fiber.effectTag |= Placement;
+  {
+    switch (returnFiber.tag) {
+      case HostRoot: {
+        var parentContainer = returnFiber.stateNode.containerInfo;
+        switch (fiber.tag) {
+          case HostComponent:
+            var type = fiber.type;
+            var props = fiber.pendingProps;
+            didNotFindHydratableContainerInstance(parentContainer, type, props);
+            break;
+          case HostText:
+            var text = fiber.pendingProps;
+            didNotFindHydratableContainerTextInstance(parentContainer, text);
+            break;
+        }
+        break;
+      }
+      case HostComponent: {
+        var parentType = returnFiber.type;
+        var parentProps = returnFiber.memoizedProps;
+        var parentInstance = returnFiber.stateNode;
+        switch (fiber.tag) {
+          case HostComponent:
+            var _type = fiber.type;
+            var _props = fiber.pendingProps;
+            didNotFindHydratableInstance(
+              parentType,
+              parentProps,
+              parentInstance,
+              _type,
+              _props
+            );
+            break;
+          case HostText:
+            var _text = fiber.pendingProps;
+            didNotFindHydratableTextInstance(
+              parentType,
+              parentProps,
+              parentInstance,
+              _text
+            );
+            break;
+        }
+        break;
+      }
+      default:
+        return;
+    }
+  }
+}
+
+function tryHydrate(fiber, nextInstance) {
+  switch (fiber.tag) {
+    case HostComponent: {
+      var type = fiber.type;
+      var props = fiber.pendingProps;
+      var instance = canHydrateInstance(nextInstance, type, props);
+      if (instance !== null) {
+        fiber.stateNode = instance;
+        return true;
+      }
+      return false;
+    }
+    case HostText: {
+      var text = fiber.pendingProps;
+      var textInstance = canHydrateTextInstance(nextInstance, text);
+      if (textInstance !== null) {
+        fiber.stateNode = textInstance;
+        return true;
+      }
+      return false;
+    }
+    default:
+      return false;
+  }
+}
+
+function tryToClaimNextHydratableInstance(fiber) {
+  if (!isHydrating) {
+    return;
+  }
+  var nextInstance = nextHydratableInstance;
+  if (!nextInstance) {
+    // Nothing to hydrate. Make it an insertion.
+    insertNonHydratedInstance(hydrationParentFiber, fiber);
+    isHydrating = false;
+    hydrationParentFiber = fiber;
+    return;
+  }
+  var firstAttemptedInstance = nextInstance;
+  if (!tryHydrate(fiber, nextInstance)) {
+    // If we can't hydrate this instance let's try the next one.
+    // We use this as a heuristic. It's based on intuition and not data so it
+    // might be flawed or unnecessary.
+    nextInstance = getNextHydratableSibling(firstAttemptedInstance);
+    if (!nextInstance || !tryHydrate(fiber, nextInstance)) {
+      // Nothing to hydrate. Make it an insertion.
+      insertNonHydratedInstance(hydrationParentFiber, fiber);
+      isHydrating = false;
+      hydrationParentFiber = fiber;
+      return;
+    }
+    // We matched the next one, we'll now assume that the first one was
+    // superfluous and we'll delete it. Since we can't eagerly delete it
+    // we'll have to schedule a deletion. To do that, this node needs a dummy
+    // fiber associated with it.
+    deleteHydratableInstance(hydrationParentFiber, firstAttemptedInstance);
+  }
+  hydrationParentFiber = fiber;
+  nextHydratableInstance = getFirstHydratableChild(nextInstance);
+}
+
+function prepareToHydrateHostInstance(
+  fiber,
+  rootContainerInstance,
+  hostContext
+) {
+  if (!supportsHydration) {
+    invariant(
+      false,
+      "Expected prepareToHydrateHostInstance() to never be called. " +
+        "This error is likely caused by a bug in React. Please file an issue."
+    );
+  }
+
+  var instance = fiber.stateNode;
+  var updatePayload = hydrateInstance(
+    instance,
+    fiber.type,
+    fiber.memoizedProps,
+    rootContainerInstance,
+    hostContext,
+    fiber
+  );
+  // TODO: Type this specific to this type of component.
+  fiber.updateQueue = updatePayload;
+  // 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 !== null) {
+    return true;
+  }
+  return false;
+}
+
+function prepareToHydrateHostTextInstance(fiber) {
+  if (!supportsHydration) {
+    invariant(
+      false,
+      "Expected prepareToHydrateHostTextInstance() to never be called. " +
+        "This error is likely caused by a bug in React. Please file an issue."
+    );
+  }
+
+  var textInstance = fiber.stateNode;
+  var textContent = fiber.memoizedProps;
+  var shouldUpdate = hydrateTextInstance(textInstance, textContent, fiber);
+  {
+    if (shouldUpdate) {
+      // We assume that prepareToHydrateHostTextInstance is called in a context where the
+      // hydration parent is the parent host component of this host text.
+      var returnFiber = hydrationParentFiber;
+      if (returnFiber !== null) {
+        switch (returnFiber.tag) {
+          case HostRoot: {
+            var parentContainer = returnFiber.stateNode.containerInfo;
+            didNotMatchHydratedContainerTextInstance(
+              parentContainer,
+              textInstance,
+              textContent
+            );
+            break;
+          }
+          case HostComponent: {
+            var parentType = returnFiber.type;
+            var parentProps = returnFiber.memoizedProps;
+            var parentInstance = returnFiber.stateNode;
+            didNotMatchHydratedTextInstance(
+              parentType,
+              parentProps,
+              parentInstance,
+              textInstance,
+              textContent
+            );
+            break;
+          }
+        }
+      }
+    }
+  }
+  return shouldUpdate;
+}
+
+function popToNextHostParent(fiber) {
+  var parent = fiber.return;
+  while (
+    parent !== null &&
+    parent.tag !== HostComponent &&
+    parent.tag !== HostRoot
+  ) {
+    parent = parent.return;
+  }
+  hydrationParentFiber = parent;
+}
+
+function popHydrationState(fiber) {
+  if (!supportsHydration) {
+    return false;
+  }
+  if (fiber !== hydrationParentFiber) {
+    // We're deeper than the current hydration context, inside an inserted
+    // tree.
+    return false;
+  }
+  if (!isHydrating) {
+    // If we're not currently hydrating but we're in a hydration context, then
+    // we were an insertion and now need to pop up reenter hydration of our
+    // siblings.
+    popToNextHostParent(fiber);
+    isHydrating = true;
+    return false;
+  }
+
+  var type = fiber.type;
+
+  // If we have any remaining hydratable nodes, we need to delete them now.
+  // We only do this deeper than head and body since they tend to have random
+  // other nodes in them. We also ignore components with pure text content in
+  // side of them.
+  // TODO: Better heuristic.
+  if (
+    fiber.tag !== HostComponent ||
+    (type !== "head" &&
+      type !== "body" &&
+      !shouldSetTextContent(type, fiber.memoizedProps))
+  ) {
+    var nextInstance = nextHydratableInstance;
+    while (nextInstance) {
+      deleteHydratableInstance(fiber, nextInstance);
+      nextInstance = getNextHydratableSibling(nextInstance);
+    }
+  }
+
+  popToNextHostParent(fiber);
+  nextHydratableInstance = hydrationParentFiber
+    ? getNextHydratableSibling(fiber.stateNode)
+    : null;
+  return true;
+}
+
+function resetHydrationState() {
+  if (!supportsHydration) {
+    return;
+  }
+
+  hydrationParentFiber = null;
+  nextHydratableInstance = null;
+  isHydrating = false;
+}
+
+var getCurrentFiberStackAddendum$1 =
+  ReactDebugCurrentFiber.getCurrentFiberStackAddendum;
+
+var didWarnAboutBadClass = void 0;
+var didWarnAboutGetDerivedStateOnFunctionalComponent = void 0;
+var didWarnAboutStatelessRefs = void 0;
+
+{
+  didWarnAboutBadClass = {};
+  didWarnAboutGetDerivedStateOnFunctionalComponent = {};
+  didWarnAboutStatelessRefs = {};
+}
+
+// TODO: Remove this and use reconcileChildrenAtExpirationTime directly.
+function reconcileChildren(current, workInProgress, nextChildren) {
+  reconcileChildrenAtExpirationTime(
+    current,
+    workInProgress,
+    nextChildren,
+    workInProgress.expirationTime
+  );
+}
+
+function reconcileChildrenAtExpirationTime(
+  current,
+  workInProgress,
+  nextChildren,
+  renderExpirationTime
+) {
+  if (current === null) {
+    // If this is a fresh new component that hasn't been rendered yet, we
+    // won't update its child set by applying minimal side-effects. Instead,
+    // we will add them all to the child before it gets rendered. That means
+    // we can optimize this reconciliation pass by not tracking side-effects.
+    workInProgress.child = mountChildFibers(
+      workInProgress,
+      null,
+      nextChildren,
+      renderExpirationTime
+    );
+  } else {
+    // If the current child is the same as the work in progress, it means that
+    // we haven't yet started any work on these children. Therefore, we use
+    // the clone algorithm to create a copy of all the current children.
+
+    // If we had any progressed work already, that is invalid at this point so
+    // let's throw it out.
+    workInProgress.child = reconcileChildFibers(
+      workInProgress,
+      current.child,
+      nextChildren,
+      renderExpirationTime
+    );
+  }
+}
+
+function updateForwardRef(current, workInProgress) {
+  var render = workInProgress.type.render;
+  var nextProps = workInProgress.pendingProps;
+  var ref = workInProgress.ref;
+  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.
+  } else if (workInProgress.memoizedProps === nextProps) {
+    var currentRef = current !== null ? current.ref : null;
+    if (ref === currentRef) {
+      return bailoutOnAlreadyFinishedWork(current, workInProgress);
+    }
+  }
+
+  var nextChildren = void 0;
+  {
+    ReactCurrentOwner.current = workInProgress;
+    ReactDebugCurrentFiber.setCurrentPhase("render");
+    nextChildren = render(nextProps, ref);
+    ReactDebugCurrentFiber.setCurrentPhase(null);
+  }
+
+  reconcileChildren(current, workInProgress, nextChildren);
+  memoizeProps(workInProgress, nextProps);
+  return workInProgress.child;
+}
+
+function updateFragment(current, workInProgress) {
+  var nextChildren = workInProgress.pendingProps;
+  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.
+  } else if (workInProgress.memoizedProps === nextChildren) {
+    return bailoutOnAlreadyFinishedWork(current, workInProgress);
+  }
+  reconcileChildren(current, workInProgress, nextChildren);
+  memoizeProps(workInProgress, nextChildren);
+  return workInProgress.child;
+}
+
+function updateMode(current, workInProgress) {
+  var nextChildren = workInProgress.pendingProps.children;
+  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.
+  } else if (
+    nextChildren === null ||
+    workInProgress.memoizedProps === nextChildren
+  ) {
+    return bailoutOnAlreadyFinishedWork(current, workInProgress);
+  }
+  reconcileChildren(current, workInProgress, nextChildren);
+  memoizeProps(workInProgress, nextChildren);
+  return workInProgress.child;
+}
+
+function updateProfiler(current, workInProgress) {
+  var nextProps = workInProgress.pendingProps;
+  if (enableProfilerTimer) {
+    workInProgress.effectTag |= Update;
+  }
+  if (workInProgress.memoizedProps === nextProps) {
+    return bailoutOnAlreadyFinishedWork(current, workInProgress);
+  }
+  var nextChildren = nextProps.children;
+  reconcileChildren(current, workInProgress, nextChildren);
+  memoizeProps(workInProgress, nextProps);
+  return workInProgress.child;
+}
+
+function markRef(current, workInProgress) {
+  var ref = workInProgress.ref;
+  if (
+    (current === null && ref !== null) ||
+    (current !== null && current.ref !== ref)
+  ) {
+    // Schedule a Ref effect
+    workInProgress.effectTag |= Ref;
+  }
+}
+
+function updateFunctionalComponent(current, workInProgress) {
+  var fn = workInProgress.type;
+  var nextProps = workInProgress.pendingProps;
+
+  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.
+  } else {
+    if (workInProgress.memoizedProps === nextProps) {
+      return bailoutOnAlreadyFinishedWork(current, workInProgress);
+    }
+    // TODO: consider bringing fn.shouldComponentUpdate() back.
+    // It used to be here.
+  }
+
+  var unmaskedContext = getUnmaskedContext(workInProgress);
+  var context = getMaskedContext(workInProgress, unmaskedContext);
+
+  var nextChildren = void 0;
+
+  {
+    ReactCurrentOwner.current = workInProgress;
+    ReactDebugCurrentFiber.setCurrentPhase("render");
+    nextChildren = fn(nextProps, context);
+    ReactDebugCurrentFiber.setCurrentPhase(null);
+  }
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
+  reconcileChildren(current, workInProgress, nextChildren);
+  memoizeProps(workInProgress, nextProps);
+  return workInProgress.child;
+}
+
+function updateClassComponent(current, workInProgress, renderExpirationTime) {
+  // 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.
+  var hasContext = pushContextProvider(workInProgress);
+  var shouldUpdate = void 0;
+  if (current === null) {
+    if (workInProgress.stateNode === null) {
+      // In the initial pass we might need to construct the instance.
+      constructClassInstance(
+        workInProgress,
+        workInProgress.pendingProps,
+        renderExpirationTime
+      );
+      mountClassInstance(workInProgress, renderExpirationTime);
+
+      shouldUpdate = true;
+    } else {
+      // In a resume, we'll already have an instance we can reuse.
+      shouldUpdate = resumeMountClassInstance(
+        workInProgress,
+        renderExpirationTime
+      );
+    }
+  } else {
+    shouldUpdate = updateClassInstance(
+      current,
+      workInProgress,
+      renderExpirationTime
+    );
+  }
+  return finishClassComponent(
+    current,
+    workInProgress,
+    shouldUpdate,
+    hasContext,
+    renderExpirationTime
+  );
+}
+
+function finishClassComponent(
+  current,
+  workInProgress,
+  shouldUpdate,
+  hasContext,
+  renderExpirationTime
+) {
+  // Refs should update even if shouldComponentUpdate returns false
+  markRef(current, workInProgress);
+
+  var didCaptureError = (workInProgress.effectTag & DidCapture) !== NoEffect;
+
+  if (!shouldUpdate && !didCaptureError) {
+    // Context providers should defer to sCU for rendering
+    if (hasContext) {
+      invalidateContextProvider(workInProgress, false);
+    }
+
+    return bailoutOnAlreadyFinishedWork(current, workInProgress);
+  }
+
+  var ctor = workInProgress.type;
+  var instance = workInProgress.stateNode;
+
+  // Rerender
+  ReactCurrentOwner.current = workInProgress;
+  var nextChildren = void 0;
+  if (
+    didCaptureError &&
+    (!enableGetDerivedStateFromCatch ||
+      typeof ctor.getDerivedStateFromCatch !== "function")
+  ) {
+    // If we captured an error, but getDerivedStateFrom catch is not defined,
+    // unmount all the children. componentDidCatch will schedule an update to
+    // re-render a fallback. This is temporary until we migrate everyone to
+    // the new API.
+    // TODO: Warn in a future release.
+    nextChildren = null;
+
+    if (enableProfilerTimer) {
+      stopBaseRenderTimerIfRunning();
+    }
+  } else {
+    {
+      ReactDebugCurrentFiber.setCurrentPhase("render");
+      nextChildren = instance.render();
+      if (
+        debugRenderPhaseSideEffects ||
+        (debugRenderPhaseSideEffectsForStrictMode &&
+          workInProgress.mode & StrictMode)
+      ) {
+        instance.render();
+      }
+      ReactDebugCurrentFiber.setCurrentPhase(null);
+    }
+  }
+
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
+  if (didCaptureError) {
+    // If we're recovering from an error, reconcile twice: first to delete
+    // all the existing children.
+    reconcileChildrenAtExpirationTime(
+      current,
+      workInProgress,
+      null,
+      renderExpirationTime
+    );
+    workInProgress.child = null;
+    // Now we can continue reconciling like normal. This has the effect of
+    // remounting all children regardless of whether their their
+    // identity matches.
+  }
+  reconcileChildrenAtExpirationTime(
+    current,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  // Memoize props and state using the values we just used to render.
+  // TODO: Restructure so we never read values from the instance.
+  memoizeState(workInProgress, instance.state);
+  memoizeProps(workInProgress, instance.props);
+
+  // The context might have changed so we need to recalculate it.
+  if (hasContext) {
+    invalidateContextProvider(workInProgress, true);
+  }
+
+  return workInProgress.child;
+}
+
+function pushHostRootContext(workInProgress) {
+  var root = workInProgress.stateNode;
+  if (root.pendingContext) {
+    pushTopLevelContextObject(
+      workInProgress,
+      root.pendingContext,
+      root.pendingContext !== root.context
+    );
+  } else if (root.context) {
+    // Should always be set
+    pushTopLevelContextObject(workInProgress, root.context, false);
+  }
+  pushHostContainer(workInProgress, root.containerInfo);
+}
+
+function updateHostRoot(current, workInProgress, renderExpirationTime) {
+  pushHostRootContext(workInProgress);
+  var updateQueue = workInProgress.updateQueue;
+  if (updateQueue !== null) {
+    var nextProps = workInProgress.pendingProps;
+    var prevState = workInProgress.memoizedState;
+    var prevChildren = prevState !== null ? prevState.element : null;
+    processUpdateQueue(
+      workInProgress,
+      updateQueue,
+      nextProps,
+      null,
+      renderExpirationTime
+    );
+    var nextState = workInProgress.memoizedState;
+    // Caution: React DevTools currently depends on this property
+    // being called "element".
+    var nextChildren = nextState.element;
+
+    if (nextChildren === prevChildren) {
+      // If the state is the same as before, that's a bailout because we had
+      // no work that expires at this time.
+      resetHydrationState();
+      return bailoutOnAlreadyFinishedWork(current, workInProgress);
+    }
+    var root = workInProgress.stateNode;
+    if (
+      (current === null || current.child === null) &&
+      root.hydrate &&
+      enterHydrationState(workInProgress)
+    ) {
+      // If we don't have any current children this might be the first pass.
+      // We always try to hydrate. If this isn't a hydration pass there won't
+      // be any children to hydrate which is effectively the same thing as
+      // not hydrating.
+
+      // This is a bit of a hack. We track the host root as a placement to
+      // know that we're currently in a mounting state. That way isMounted
+      // works as expected. We must reset this before committing.
+      // TODO: Delete this when we delete isMounted and findDOMNode.
+      workInProgress.effectTag |= Placement;
+
+      // Ensure that children mount into this root without tracking
+      // side-effects. This ensures that we don't store Placement effects on
+      // nodes that will be hydrated.
+      workInProgress.child = mountChildFibers(
+        workInProgress,
+        null,
+        nextChildren,
+        renderExpirationTime
+      );
+    } else {
+      // Otherwise reset hydration state in case we aborted and resumed another
+      // root.
+      resetHydrationState();
+      reconcileChildren(current, workInProgress, nextChildren);
+    }
+    return workInProgress.child;
+  }
+  resetHydrationState();
+  // If there is no update queue, that's a bailout because the root has no props.
+  return bailoutOnAlreadyFinishedWork(current, workInProgress);
+}
+
+function updateHostComponent(current, workInProgress, renderExpirationTime) {
+  pushHostContext(workInProgress);
+
+  if (current === null) {
+    tryToClaimNextHydratableInstance(workInProgress);
+  }
+
+  var type = workInProgress.type;
+  var memoizedProps = workInProgress.memoizedProps;
+  var nextProps = workInProgress.pendingProps;
+  var prevProps = current !== null ? current.memoizedProps : null;
+
+  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.
+  } else if (memoizedProps === nextProps) {
+    var isHidden =
+      workInProgress.mode & AsyncMode &&
+      shouldDeprioritizeSubtree(type, nextProps);
+    if (isHidden) {
+      // Before bailing out, make sure we've deprioritized a hidden component.
+      workInProgress.expirationTime = Never;
+    }
+    if (!isHidden || renderExpirationTime !== Never) {
+      return bailoutOnAlreadyFinishedWork(current, workInProgress);
+    }
+    // If we're rendering a hidden node at hidden priority, don't bailout. The
+    // parent is complete, but the children may not be.
+  }
+
+  var nextChildren = nextProps.children;
+  var isDirectTextChild = shouldSetTextContent(type, nextProps);
+
+  if (isDirectTextChild) {
+    // We special case a direct text child of a host node. This is a common
+    // case. We won't handle it as a reified child. We will instead handle
+    // 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(type, 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;
+  }
+
+  markRef(current, workInProgress);
+
+  // Check the host config to see if the children are offscreen/hidden.
+  if (
+    renderExpirationTime !== Never &&
+    workInProgress.mode & AsyncMode &&
+    shouldDeprioritizeSubtree(type, nextProps)
+  ) {
+    // Down-prioritize the children.
+    workInProgress.expirationTime = Never;
+    // Bailout and come back to this fiber later.
+    workInProgress.memoizedProps = nextProps;
+    return null;
+  }
+
+  reconcileChildren(current, workInProgress, nextChildren);
+  memoizeProps(workInProgress, nextProps);
+  return workInProgress.child;
+}
+
+function updateHostText(current, workInProgress) {
+  if (current === null) {
+    tryToClaimNextHydratableInstance(workInProgress);
+  }
+  var nextProps = workInProgress.pendingProps;
+  memoizeProps(workInProgress, nextProps);
+  // Nothing to do here. This is terminal. We'll do the completion step
+  // immediately after.
+  return null;
+}
+
+function mountIndeterminateComponent(
+  current,
+  workInProgress,
+  renderExpirationTime
+) {
+  invariant(
+    current === null,
+    "An indeterminate component should never have mounted. This error is " +
+      "likely caused by a bug in React. Please file an issue."
+  );
+  var fn = workInProgress.type;
+  var props = workInProgress.pendingProps;
+  var unmaskedContext = getUnmaskedContext(workInProgress);
+  var context = getMaskedContext(workInProgress, unmaskedContext);
+
+  var value = void 0;
+
+  {
+    if (fn.prototype && typeof fn.prototype.render === "function") {
+      var componentName = getComponentName(workInProgress) || "Unknown";
+
+      if (!didWarnAboutBadClass[componentName]) {
+        warning(
+          false,
+          "The <%s /> component appears to have a render method, but doesn't extend React.Component. " +
+            "This is likely to cause errors. Change %s to extend React.Component instead.",
+          componentName,
+          componentName
+        );
+        didWarnAboutBadClass[componentName] = true;
+      }
+    }
+
+    if (workInProgress.mode & StrictMode) {
+      ReactStrictModeWarnings.recordLegacyContextWarning(workInProgress, null);
+    }
+
+    ReactCurrentOwner.current = workInProgress;
+    value = fn(props, context);
+  }
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
+
+  if (
+    typeof value === "object" &&
+    value !== null &&
+    typeof value.render === "function" &&
+    value.$$typeof === undefined
+  ) {
+    var Component = workInProgress.type;
+
+    // Proceed under the assumption that this is a class instance
+    workInProgress.tag = ClassComponent;
+
+    workInProgress.memoizedState =
+      value.state !== null && value.state !== undefined ? value.state : null;
+
+    var getDerivedStateFromProps = Component.getDerivedStateFromProps;
+    if (typeof getDerivedStateFromProps === "function") {
+      applyDerivedStateFromProps(
+        workInProgress,
+        getDerivedStateFromProps,
+        props
+      );
+    }
+
+    // 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.
+    var hasContext = pushContextProvider(workInProgress);
+    adoptClassInstance(workInProgress, value);
+    mountClassInstance(workInProgress, renderExpirationTime);
+    return finishClassComponent(
+      current,
+      workInProgress,
+      true,
+      hasContext,
+      renderExpirationTime
+    );
+  } else {
+    // Proceed under the assumption that this is a functional component
+    workInProgress.tag = FunctionalComponent;
+    {
+      var _Component = workInProgress.type;
+
+      if (_Component) {
+        !!_Component.childContextTypes
+          ? warning(
+              false,
+              "%s(...): childContextTypes cannot be defined on a functional component.",
+              _Component.displayName || _Component.name || "Component"
+            )
+          : void 0;
+      }
+      if (workInProgress.ref !== null) {
+        var info = "";
+        var ownerName = ReactDebugCurrentFiber.getCurrentFiberOwnerName();
+        if (ownerName) {
+          info += "\n\nCheck the render method of `" + ownerName + "`.";
+        }
+
+        var warningKey = ownerName || workInProgress._debugID || "";
+        var debugSource = workInProgress._debugSource;
+        if (debugSource) {
+          warningKey = debugSource.fileName + ":" + debugSource.lineNumber;
+        }
+        if (!didWarnAboutStatelessRefs[warningKey]) {
+          didWarnAboutStatelessRefs[warningKey] = true;
+          warning(
+            false,
+            "Stateless function components cannot be given refs. " +
+              "Attempts to access this ref will fail.%s%s",
+            info,
+            ReactDebugCurrentFiber.getCurrentFiberStackAddendum()
+          );
+        }
+      }
+
+      if (typeof fn.getDerivedStateFromProps === "function") {
+        var _componentName = getComponentName(workInProgress) || "Unknown";
+
+        if (!didWarnAboutGetDerivedStateOnFunctionalComponent[_componentName]) {
+          warning(
+            false,
+            "%s: Stateless functional components do not support getDerivedStateFromProps.",
+            _componentName
+          );
+          didWarnAboutGetDerivedStateOnFunctionalComponent[
+            _componentName
+          ] = true;
+        }
+      }
+    }
+    reconcileChildren(current, workInProgress, value);
+    memoizeProps(workInProgress, props);
+    return workInProgress.child;
+  }
+}
+
+function updateTimeoutComponent(current, workInProgress, renderExpirationTime) {
+  if (enableSuspense) {
+    var nextProps = workInProgress.pendingProps;
+    var prevProps = workInProgress.memoizedProps;
+
+    var prevDidTimeout = workInProgress.memoizedState;
+
+    // Check if we already attempted to render the normal state. If we did,
+    // and we timed out, render the placeholder state.
+    var alreadyCaptured = (workInProgress.effectTag & DidCapture) === NoEffect;
+    var nextDidTimeout = !alreadyCaptured;
+
+    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.
+    } else if (nextProps === prevProps && nextDidTimeout === prevDidTimeout) {
+      return bailoutOnAlreadyFinishedWork(current, workInProgress);
+    }
+
+    var render = nextProps.children;
+    var nextChildren = render(nextDidTimeout);
+    workInProgress.memoizedProps = nextProps;
+    workInProgress.memoizedState = nextDidTimeout;
+    reconcileChildren(current, workInProgress, nextChildren);
+    return workInProgress.child;
+  } else {
+    return null;
+  }
+}
+
+function updatePortalComponent(current, workInProgress, renderExpirationTime) {
+  pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
+  var nextChildren = workInProgress.pendingProps;
+  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.
+  } else if (workInProgress.memoizedProps === nextChildren) {
+    return bailoutOnAlreadyFinishedWork(current, workInProgress);
+  }
+
+  if (current === null) {
+    // Portals are special because we don't append the children during mount
+    // but at commit. Therefore we need to track insertions which the normal
+    // flow doesn't do during mount. This doesn't happen at the root because
+    // the root always starts with a "current" with a null child.
+    // TODO: Consider unifying this with how the root works.
+    workInProgress.child = reconcileChildFibers(
+      workInProgress,
+      null,
+      nextChildren,
+      renderExpirationTime
+    );
+    memoizeProps(workInProgress, nextChildren);
+  } else {
+    reconcileChildren(current, workInProgress, nextChildren);
+    memoizeProps(workInProgress, nextChildren);
+  }
+  return workInProgress.child;
+}
+
+function propagateContextChange(
+  workInProgress,
+  context,
+  changedBits,
+  renderExpirationTime
+) {
+  var fiber = workInProgress.child;
+  if (fiber !== null) {
+    // Set the return pointer of the child to the work-in-progress fiber.
+    fiber.return = workInProgress;
+  }
+  while (fiber !== null) {
+    var nextFiber = void 0;
+    // Visit this fiber.
+    switch (fiber.tag) {
+      case ContextConsumer:
+        // Check if the context matches.
+        var observedBits = fiber.stateNode | 0;
+        if (fiber.type === context && (observedBits & changedBits) !== 0) {
+          // Update the expiration time of all the ancestors, including
+          // the alternates.
+          var node = fiber;
+          while (node !== null) {
+            var alternate = node.alternate;
+            if (
+              node.expirationTime === NoWork ||
+              node.expirationTime > renderExpirationTime
+            ) {
+              node.expirationTime = renderExpirationTime;
+              if (
+                alternate !== null &&
+                (alternate.expirationTime === NoWork ||
+                  alternate.expirationTime > renderExpirationTime)
+              ) {
+                alternate.expirationTime = renderExpirationTime;
+              }
+            } else if (
+              alternate !== null &&
+              (alternate.expirationTime === NoWork ||
+                alternate.expirationTime > renderExpirationTime)
+            ) {
+              alternate.expirationTime = renderExpirationTime;
+            } else {
+              // Neither alternate was updated, which means the rest of the
+              // ancestor path already has sufficient priority.
+              break;
+            }
+            node = node.return;
+          }
+          // Don't scan deeper than a matching consumer. When we render the
+          // consumer, we'll continue scanning from that point. This way the
+          // scanning work is time-sliced.
+          nextFiber = null;
+        } else {
+          // Traverse down.
+          nextFiber = fiber.child;
+        }
+        break;
+      case ContextProvider:
+        // Don't scan deeper if this is a matching provider
+        nextFiber = fiber.type === workInProgress.type ? null : fiber.child;
+        break;
+      default:
+        // Traverse down.
+        nextFiber = fiber.child;
+        break;
+    }
+    if (nextFiber !== null) {
+      // Set the return pointer of the child to the work-in-progress fiber.
+      nextFiber.return = fiber;
+    } else {
+      // No child. Traverse to next sibling.
+      nextFiber = fiber;
+      while (nextFiber !== null) {
+        if (nextFiber === workInProgress) {
+          // We're back to the root of this subtree. Exit.
+          nextFiber = null;
+          break;
+        }
+        var sibling = nextFiber.sibling;
+        if (sibling !== null) {
+          // Set the return pointer of the sibling to the work-in-progress fiber.
+          sibling.return = nextFiber.return;
+          nextFiber = sibling;
+          break;
+        }
+        // No more siblings. Traverse up.
+        nextFiber = nextFiber.return;
+      }
+    }
+    fiber = nextFiber;
+  }
+}
+
+function updateContextProvider(current, workInProgress, renderExpirationTime) {
+  var providerType = workInProgress.type;
+  var context = providerType._context;
+
+  var newProps = workInProgress.pendingProps;
+  var oldProps = workInProgress.memoizedProps;
+  var canBailOnProps = true;
+
+  if (hasContextChanged()) {
+    canBailOnProps = false;
+    // 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.
+  } else if (oldProps === newProps) {
+    workInProgress.stateNode = 0;
+    pushProvider(workInProgress);
+    return bailoutOnAlreadyFinishedWork(current, workInProgress);
+  }
+
+  var newValue = newProps.value;
+  workInProgress.memoizedProps = newProps;
+
+  {
+    var providerPropTypes = workInProgress.type.propTypes;
+
+    if (providerPropTypes) {
+      checkPropTypes(
+        providerPropTypes,
+        newProps,
+        "prop",
+        "Context.Provider",
+        getCurrentFiberStackAddendum$1
+      );
+    }
+  }
+
+  var changedBits = void 0;
+  if (oldProps === null) {
+    // Initial render
+    changedBits = MAX_SIGNED_31_BIT_INT;
+  } else {
+    if (oldProps.value === newProps.value) {
+      // No change. Bailout early if children are the same.
+      if (oldProps.children === newProps.children && canBailOnProps) {
+        workInProgress.stateNode = 0;
+        pushProvider(workInProgress);
+        return bailoutOnAlreadyFinishedWork(current, workInProgress);
+      }
+      changedBits = 0;
+    } else {
+      var oldValue = oldProps.value;
+      // Use Object.is to compare the new context value to the old value.
+      // Inlined Object.is polyfill.
+      // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+      if (
+        (oldValue === newValue &&
+          (oldValue !== 0 || 1 / oldValue === 1 / newValue)) ||
+        (oldValue !== oldValue && newValue !== newValue) // eslint-disable-line no-self-compare
+      ) {
+        // No change. Bailout early if children are the same.
+        if (oldProps.children === newProps.children && canBailOnProps) {
+          workInProgress.stateNode = 0;
+          pushProvider(workInProgress);
+          return bailoutOnAlreadyFinishedWork(current, workInProgress);
+        }
+        changedBits = 0;
+      } else {
+        changedBits =
+          typeof context._calculateChangedBits === "function"
+            ? context._calculateChangedBits(oldValue, newValue)
+            : MAX_SIGNED_31_BIT_INT;
+        {
+          !((changedBits & MAX_SIGNED_31_BIT_INT) === changedBits)
+            ? warning(
+                false,
+                "calculateChangedBits: Expected the return value to be a " +
+                  "31-bit integer. Instead received: %s",
+                changedBits
+              )
+            : void 0;
+        }
+        changedBits |= 0;
+
+        if (changedBits === 0) {
+          // No change. Bailout early if children are the same.
+          if (oldProps.children === newProps.children && canBailOnProps) {
+            workInProgress.stateNode = 0;
+            pushProvider(workInProgress);
+            return bailoutOnAlreadyFinishedWork(current, workInProgress);
+          }
+        } else {
+          propagateContextChange(
+            workInProgress,
+            context,
+            changedBits,
+            renderExpirationTime
+          );
+        }
+      }
+    }
+  }
+
+  workInProgress.stateNode = changedBits;
+  pushProvider(workInProgress);
+
+  var newChildren = newProps.children;
+  reconcileChildren(current, workInProgress, newChildren);
+  return workInProgress.child;
+}
+
+function updateContextConsumer(current, workInProgress, renderExpirationTime) {
+  var context = workInProgress.type;
+  var newProps = workInProgress.pendingProps;
+  var oldProps = workInProgress.memoizedProps;
+
+  var newValue = getContextCurrentValue(context);
+  var changedBits = getContextChangedBits(context);
+
+  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.
+  } else if (changedBits === 0 && oldProps === newProps) {
+    return bailoutOnAlreadyFinishedWork(current, workInProgress);
+  }
+  workInProgress.memoizedProps = newProps;
+
+  var observedBits = newProps.unstable_observedBits;
+  if (observedBits === undefined || observedBits === null) {
+    // Subscribe to all changes by default
+    observedBits = MAX_SIGNED_31_BIT_INT;
+  }
+  // Store the observedBits on the fiber's stateNode for quick access.
+  workInProgress.stateNode = observedBits;
+
+  if ((changedBits & observedBits) !== 0) {
+    // Context change propagation stops at matching consumers, for time-
+    // slicing. Continue the propagation here.
+    propagateContextChange(
+      workInProgress,
+      context,
+      changedBits,
+      renderExpirationTime
+    );
+  } else if (oldProps === newProps) {
+    // Skip over a memoized parent with a bitmask bailout even
+    // if we began working on it because of a deeper matching child.
+    return bailoutOnAlreadyFinishedWork(current, workInProgress);
+  }
+  // There is no bailout on `children` equality because we expect people
+  // to often pass a bound method as a child, but it may reference
+  // `this.state` or `this.props` (and thus needs to re-render on `setState`).
+
+  var render = newProps.children;
+
+  {
+    !(typeof render === "function")
+      ? warning(
+          false,
+          "A context consumer was rendered with multiple children, or a child " +
+            "that isn't a function. A context consumer expects a single child " +
+            "that is a function. If you did pass a function, make sure there " +
+            "is no trailing or leading whitespace around it."
+        )
+      : void 0;
+  }
+
+  var newChildren = void 0;
+  {
+    ReactCurrentOwner.current = workInProgress;
+    ReactDebugCurrentFiber.setCurrentPhase("render");
+    newChildren = render(newValue);
+    ReactDebugCurrentFiber.setCurrentPhase(null);
+  }
+
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
+  reconcileChildren(current, workInProgress, newChildren);
+  return workInProgress.child;
+}
+
+/*
+  function reuseChildrenEffects(returnFiber : Fiber, firstChild : Fiber) {
+    let child = firstChild;
+    do {
+      // Ensure that the first and last effect of the parent corresponds
+      // to the children's first and last effect.
+      if (!returnFiber.firstEffect) {
+        returnFiber.firstEffect = child.firstEffect;
+      }
+      if (child.lastEffect) {
+        if (returnFiber.lastEffect) {
+          returnFiber.lastEffect.nextEffect = child.firstEffect;
+        }
+        returnFiber.lastEffect = child.lastEffect;
+      }
+    } while (child = child.sibling);
+  }
+  */
+
+function bailoutOnAlreadyFinishedWork(current, workInProgress) {
+  cancelWorkTimer(workInProgress);
+
+  if (enableProfilerTimer) {
+    // Don't update "base" render times for bailouts.
+    stopBaseRenderTimerIfRunning();
+  }
+
+  // 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
+  // Fiber's priority and its children yet - we don't know without doing lots
+  // of the same work we do anyway. Once we have that separation we can just
+  // bail out here if the children has no more work at this priority level.
+  // if (workInProgress.priorityOfChildren <= priorityLevel) {
+  //   // If there are side-effects in these children that have not yet been
+  //   // committed we need to ensure that they get properly transferred up.
+  //   if (current && current.child !== workInProgress.child) {
+  //     reuseChildrenEffects(workInProgress, child);
+  //   }
+  //   return null;
+  // }
+
+  cloneChildFibers(current, workInProgress);
+  return workInProgress.child;
+}
+
+function bailoutOnLowPriority(current, workInProgress) {
+  cancelWorkTimer(workInProgress);
+
+  if (enableProfilerTimer) {
+    // Don't update "base" render times for bailouts.
+    stopBaseRenderTimerIfRunning();
+  }
+
+  // TODO: Handle HostComponent tags here as well and call pushHostContext()?
+  // See PR 8590 discussion for context
+  switch (workInProgress.tag) {
+    case HostRoot:
+      pushHostRootContext(workInProgress);
+      break;
+    case ClassComponent:
+      pushContextProvider(workInProgress);
+      break;
+    case HostPortal:
+      pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
+      break;
+    case ContextProvider:
+      pushProvider(workInProgress);
+      break;
+  }
+  // TODO: What if this is currently in progress?
+  // How can that happen? How is this not being cloned?
+  return null;
+}
+
+// TODO: Delete memoizeProps/State and move to reconcile/bailout instead
+function memoizeProps(workInProgress, nextProps) {
+  workInProgress.memoizedProps = nextProps;
+}
+
+function memoizeState(workInProgress, nextState) {
+  workInProgress.memoizedState = nextState;
+  // Don't reset the updateQueue, in case there are pending updates. Resetting
+  // is handled by processUpdateQueue.
+}
+
+function beginWork(current, workInProgress, renderExpirationTime) {
+  if (enableProfilerTimer) {
+    if (workInProgress.mode & ProfileMode) {
+      markActualRenderTimeStarted(workInProgress);
+    }
+  }
+
+  if (
+    workInProgress.expirationTime === NoWork ||
+    workInProgress.expirationTime > renderExpirationTime
+  ) {
+    return bailoutOnLowPriority(current, workInProgress);
+  }
+
+  switch (workInProgress.tag) {
+    case IndeterminateComponent:
+      return mountIndeterminateComponent(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    case FunctionalComponent:
+      return updateFunctionalComponent(current, workInProgress);
+    case ClassComponent:
+      return updateClassComponent(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    case HostRoot:
+      return updateHostRoot(current, workInProgress, renderExpirationTime);
+    case HostComponent:
+      return updateHostComponent(current, workInProgress, renderExpirationTime);
+    case HostText:
+      return updateHostText(current, workInProgress);
+    case TimeoutComponent:
+      return updateTimeoutComponent(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    case HostPortal:
+      return updatePortalComponent(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    case ForwardRef:
+      return updateForwardRef(current, workInProgress);
+    case Fragment:
+      return updateFragment(current, workInProgress);
+    case Mode:
+      return updateMode(current, workInProgress);
+    case Profiler:
+      return updateProfiler(current, workInProgress);
+    case ContextProvider:
+      return updateContextProvider(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    case ContextConsumer:
+      return updateContextConsumer(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    default:
+      invariant(
+        false,
+        "Unknown unit of work tag. This error is likely caused by a bug in " +
+          "React. Please file an issue."
+      );
+  }
+}
+
+function markUpdate(workInProgress) {
+  // Tag the fiber with an update effect. This turns a Placement into
+  // a PlacementAndUpdate.
+  workInProgress.effectTag |= Update;
+}
+
+function markRef$1(workInProgress) {
+  workInProgress.effectTag |= Ref;
+}
+
+function appendAllChildren(parent, workInProgress) {
+  // We only have the top Fiber that was created but we need recurse down its
+  // children to find all the terminal nodes.
+  var node = workInProgress.child;
+  while (node !== null) {
+    if (node.tag === HostComponent || node.tag === HostText) {
+      appendInitialChild(parent, node.stateNode);
+    } else if (node.tag === HostPortal) {
+      // If we have a portal child, then we don't want to traverse
+      // down its children. Instead, we'll get insertions from each child in
+      // the portal directly.
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === workInProgress) {
+      return;
+    }
+    while (node.sibling === null) {
+      if (node.return === null || node.return === workInProgress) {
+        return;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+
+var updateHostContainer = void 0;
+var updateHostComponent$1 = void 0;
+var updateHostText$1 = void 0;
+if (supportsMutation) {
+  // Mutation mode
+
+  updateHostContainer = function(workInProgress) {
+    // Noop
+  };
+  updateHostComponent$1 = function(
+    current,
+    workInProgress,
+    updatePayload,
+    type,
+    oldProps,
+    newProps,
+    rootContainerInstance,
+    currentHostContext
+  ) {
+    // TODO: Type this specific to this type of component.
+    workInProgress.updateQueue = updatePayload;
+    // If the update payload indicates that there is a change or if there
+    // is a new ref we mark this as an update. All the work is done in commitWork.
+    if (updatePayload) {
+      markUpdate(workInProgress);
+    }
+  };
+  updateHostText$1 = function(current, workInProgress, oldText, newText) {
+    // If the text differs, mark it as an update. All the work in done in commitWork.
+    if (oldText !== newText) {
+      markUpdate(workInProgress);
+    }
+  };
+} else if (supportsPersistence) {
+  // Persistent host tree mode
+
+  // An unfortunate fork of appendAllChildren because we have two different parent types.
+  var appendAllChildrenToContainer = function(
+    containerChildSet,
+    workInProgress
+  ) {
+    // We only have the top Fiber that was created but we need recurse down its
+    // children to find all the terminal nodes.
+    var node = workInProgress.child;
+    while (node !== null) {
+      if (node.tag === HostComponent || node.tag === HostText) {
+        appendChildToContainerChildSet(containerChildSet, node.stateNode);
+      } else if (node.tag === HostPortal) {
+        // If we have a portal child, then we don't want to traverse
+        // down its children. Instead, we'll get insertions from each child in
+        // the portal directly.
+      } else if (node.child !== null) {
+        node.child.return = node;
+        node = node.child;
+        continue;
+      }
+      if (node === workInProgress) {
+        return;
+      }
+      while (node.sibling === null) {
+        if (node.return === null || node.return === workInProgress) {
+          return;
+        }
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  };
+  updateHostContainer = function(workInProgress) {
+    var portalOrRoot = workInProgress.stateNode;
+    var childrenUnchanged = workInProgress.firstEffect === null;
+    if (childrenUnchanged) {
+      // No changes, just reuse the existing instance.
+    } else {
+      var container = portalOrRoot.containerInfo;
+      var newChildSet = createContainerChildSet(container);
+      // If children might have changed, we have to add them all to the set.
+      appendAllChildrenToContainer(newChildSet, workInProgress);
+      portalOrRoot.pendingChildren = newChildSet;
+      // Schedule an update on the container to swap out the container.
+      markUpdate(workInProgress);
+      finalizeContainerChildren(container, newChildSet);
+    }
+  };
+  updateHostComponent$1 = function(
+    current,
+    workInProgress,
+    updatePayload,
+    type,
+    oldProps,
+    newProps,
+    rootContainerInstance,
+    currentHostContext
+  ) {
+    // If there are no effects associated with this node, then none of our children had any updates.
+    // This guarantees that we can reuse all of them.
+    var childrenUnchanged = workInProgress.firstEffect === null;
+    var currentInstance = current.stateNode;
+    if (childrenUnchanged && updatePayload === null) {
+      // No changes, just reuse the existing instance.
+      // Note that this might release a previous clone.
+      workInProgress.stateNode = currentInstance;
+    } else {
+      var recyclableInstance = workInProgress.stateNode;
+      var newInstance = cloneInstance(
+        currentInstance,
+        updatePayload,
+        type,
+        oldProps,
+        newProps,
+        workInProgress,
+        childrenUnchanged,
+        recyclableInstance
+      );
+      if (
+        finalizeInitialChildren(
+          newInstance,
+          type,
+          newProps,
+          rootContainerInstance,
+          currentHostContext
+        )
+      ) {
+        markUpdate(workInProgress);
+      }
+      workInProgress.stateNode = newInstance;
+      if (childrenUnchanged) {
+        // If there are no other effects in this tree, we need to flag this node as having one.
+        // Even though we're not going to use it for anything.
+        // Otherwise parents won't know that there are new children to propagate upwards.
+        markUpdate(workInProgress);
+      } else {
+        // If children might have changed, we have to add them all to the set.
+        appendAllChildren(newInstance, workInProgress);
+      }
+    }
+  };
+  updateHostText$1 = function(current, workInProgress, oldText, newText) {
+    if (oldText !== newText) {
+      // If the text content differs, we'll create a new text instance for it.
+      var rootContainerInstance = getRootHostContainer();
+      var currentHostContext = getHostContext();
+      workInProgress.stateNode = createTextInstance(
+        newText,
+        rootContainerInstance,
+        currentHostContext,
+        workInProgress
+      );
+      // We'll have to mark it as having an effect, even though we won't use the effect for anything.
+      // This lets the parents know that at least one of their children has changed.
+      markUpdate(workInProgress);
+    }
+  };
+} else {
+  // No host operations
+  updateHostContainer = function(workInProgress) {
+    // Noop
+  };
+  updateHostComponent$1 = function(
+    current,
+    workInProgress,
+    updatePayload,
+    type,
+    oldProps,
+    newProps,
+    rootContainerInstance,
+    currentHostContext
+  ) {
+    // Noop
+  };
+  updateHostText$1 = function(current, workInProgress, oldText, newText) {
+    // Noop
+  };
+}
+
+function completeWork(current, workInProgress, renderExpirationTime) {
+  var newProps = workInProgress.pendingProps;
+
+  if (enableProfilerTimer) {
+    if (workInProgress.mode & ProfileMode) {
+      recordElapsedActualRenderTime(workInProgress);
+    }
+  }
+
+  switch (workInProgress.tag) {
+    case FunctionalComponent:
+      return null;
+    case ClassComponent: {
+      // We are leaving this subtree, so pop context if any.
+      popContextProvider(workInProgress);
+      return null;
+    }
+    case HostRoot: {
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      var fiberRoot = workInProgress.stateNode;
+      if (fiberRoot.pendingContext) {
+        fiberRoot.context = fiberRoot.pendingContext;
+        fiberRoot.pendingContext = null;
+      }
+      if (current === null || current.child === null) {
+        // If we hydrated, pop so that we can delete any remaining children
+        // that weren't hydrated.
+        popHydrationState(workInProgress);
+        // This resets the hacky state to fix isMounted before committing.
+        // TODO: Delete this when we delete isMounted and findDOMNode.
+        workInProgress.effectTag &= ~Placement;
+      }
+      updateHostContainer(workInProgress);
+      return null;
+    }
+    case HostComponent: {
+      popHostContext(workInProgress);
+      var rootContainerInstance = getRootHostContainer();
+      var type = workInProgress.type;
+      if (current !== null && workInProgress.stateNode != null) {
+        // If we have an alternate, that means this is an update and we need to
+        // schedule a side-effect to do the updates.
+        var oldProps = current.memoizedProps;
+        // If we get updated because one of our children updated, we don't
+        // 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.
+        var instance = workInProgress.stateNode;
+        var currentHostContext = getHostContext();
+        // TODO: Experiencing an error where oldProps is null. Suggests a host
+        // component is hitting the resume path. Figure out why. Possibly
+        // related to `hidden`.
+        var updatePayload = prepareUpdate(
+          instance,
+          type,
+          oldProps,
+          newProps,
+          rootContainerInstance,
+          currentHostContext
+        );
+
+        updateHostComponent$1(
+          current,
+          workInProgress,
+          updatePayload,
+          type,
+          oldProps,
+          newProps,
+          rootContainerInstance,
+          currentHostContext
+        );
+
+        if (current.ref !== workInProgress.ref) {
+          markRef$1(workInProgress);
+        }
+      } else {
+        if (!newProps) {
+          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."
+          );
+          // This can happen when we abort work.
+          return null;
+        }
+
+        var _currentHostContext = getHostContext();
+        // TODO: Move createInstance to beginWork and keep it on a context
+        // "stack" as the parent. Then append children as we go in beginWork
+        // or completeWork depending on we want to add then top->down or
+        // bottom->up. Top->down is faster in IE11.
+        var wasHydrated = popHydrationState(workInProgress);
+        if (wasHydrated) {
+          // TODO: Move this and createInstance step into the beginPhase
+          // to consolidate.
+          if (
+            prepareToHydrateHostInstance(
+              workInProgress,
+              rootContainerInstance,
+              _currentHostContext
+            )
+          ) {
+            // If changes to the hydrated node needs to be applied at the
+            // commit-phase we mark this as such.
+            markUpdate(workInProgress);
+          }
+        } else {
+          var _instance = createInstance(
+            type,
+            newProps,
+            rootContainerInstance,
+            _currentHostContext,
+            workInProgress
+          );
+
+          appendAllChildren(_instance, workInProgress);
+
+          // 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,
+              _currentHostContext
+            )
+          ) {
+            markUpdate(workInProgress);
+          }
+          workInProgress.stateNode = _instance;
+        }
+
+        if (workInProgress.ref !== null) {
+          // If there is a ref on a host node we need to schedule a callback
+          markRef$1(workInProgress);
+        }
+      }
+      return null;
+    }
+    case HostText: {
+      var newText = newProps;
+      if (current && workInProgress.stateNode != null) {
+        var oldText = current.memoizedProps;
+        // If we have an alternate, that means this is an update and we need
+        // to schedule a side-effect to do the updates.
+        updateHostText$1(current, workInProgress, oldText, newText);
+      } else {
+        if (typeof newText !== "string") {
+          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."
+          );
+          // This can happen when we abort work.
+          return null;
+        }
+        var _rootContainerInstance = getRootHostContainer();
+        var _currentHostContext2 = getHostContext();
+        var _wasHydrated = popHydrationState(workInProgress);
+        if (_wasHydrated) {
+          if (prepareToHydrateHostTextInstance(workInProgress)) {
+            markUpdate(workInProgress);
+          }
+        } else {
+          workInProgress.stateNode = createTextInstance(
+            newText,
+            _rootContainerInstance,
+            _currentHostContext2,
+            workInProgress
+          );
+        }
+      }
+      return null;
+    }
+    case ForwardRef:
+      return null;
+    case TimeoutComponent:
+      return null;
+    case Fragment:
+      return null;
+    case Mode:
+      return null;
+    case Profiler:
+      return null;
+    case HostPortal:
+      popHostContainer(workInProgress);
+      updateHostContainer(workInProgress);
+      return null;
+    case ContextProvider:
+      // Pop provider fiber
+      popProvider(workInProgress);
+      return null;
+    case ContextConsumer:
+      return null;
+    // Error cases
+    case IndeterminateComponent:
+      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."
+      );
+    // 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."
+      );
+  }
+}
+
+// Module provided by RN:
+/**
+ * Intercept lifecycle errors and ensure they are shown with the correct stack
+ * trace within the native redbox component.
+ */
+function showErrorDialog(capturedError) {
+  var componentStack = capturedError.componentStack,
+    error = capturedError.error;
+
+  var errorToHandle = void 0;
+
+  // Typically Errors are thrown but eg strings or null can be thrown as well.
+  if (error instanceof Error) {
+    var message = error.message,
+      name = error.name;
+
+    var summary = message ? name + ": " + message : name;
+
+    errorToHandle = error;
+
+    try {
+      errorToHandle.message =
+        summary + "\n\nThis error is located at:" + componentStack;
+    } catch (e) {}
+  } else if (typeof error === "string") {
+    errorToHandle = new Error(
+      error + "\n\nThis error is located at:" + componentStack
+    );
+  } else {
+    errorToHandle = new Error("Unspecified error at:" + componentStack);
+  }
+
+  ExceptionsManager.handleException(errorToHandle, false);
+
+  // Return false here to prevent ReactFiberErrorLogger default behavior of
+  // logging error details to console.error. Calls to console.error are
+  // automatically routed to the native redbox controller, which we've already
+  // done above by calling ExceptionsManager.
+  return false;
+}
+
+function logCapturedError(capturedError) {
+  var logError = showErrorDialog(capturedError);
+
+  // Allow injected showErrorDialog() to prevent default console.error logging.
+  // This enables renderers like ReactNative to better manage redbox behavior.
+  if (logError === false) {
+    return;
+  }
+
+  var error = capturedError.error;
+  var suppressLogging = error && error.suppressReactErrorLogging;
+  if (suppressLogging) {
+    return;
+  }
+
+  {
+    var componentName = capturedError.componentName,
+      componentStack = capturedError.componentStack,
+      errorBoundaryName = capturedError.errorBoundaryName,
+      errorBoundaryFound = capturedError.errorBoundaryFound,
+      willRetry = capturedError.willRetry;
+
+    var componentNameMessage = componentName
+      ? "The above error occurred in the <" + componentName + "> component:"
+      : "The above error occurred in one of your React components:";
+
+    var errorBoundaryMessage = void 0;
+    // 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 " +
+          ("using the error boundary you provided, " + errorBoundaryName + ".");
+      } else {
+        errorBoundaryMessage =
+          "This error was initially handled by the error boundary " +
+          errorBoundaryName +
+          ".\n" +
+          "Recreating the tree from scratch failed so React will unmount the tree.";
+      }
+    } else {
+      errorBoundaryMessage =
+        "Consider adding an error boundary to your tree to customize error handling behavior.\n" +
+        "Visit https://fb.me/react-error-boundaries to learn more about error boundaries.";
+    }
+    var combinedMessage =
+      "" +
+      componentNameMessage +
+      componentStack +
+      "\n\n" +
+      ("" + errorBoundaryMessage);
+
+    // In development, we provide our own message with just the component stack.
+    // We don't include the original error message and JS stack because the browser
+    // has already printed it. Even if the application swallows the error, it is still
+    // displayed by the browser thanks to the DEV-only fake event trick in ReactErrorUtils.
+    console.error(combinedMessage);
+  }
+}
+
+var invokeGuardedCallback$3 = ReactErrorUtils.invokeGuardedCallback;
+var hasCaughtError$1 = ReactErrorUtils.hasCaughtError;
+var clearCaughtError$1 = ReactErrorUtils.clearCaughtError;
+
+var didWarnAboutUndefinedSnapshotBeforeUpdate = null;
+{
+  didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
+}
+
+function logError(boundary, errorInfo) {
+  var source = errorInfo.source;
+  var stack = errorInfo.stack;
+  if (stack === null && source !== null) {
+    stack = getStackAddendumByWorkInProgressFiber(source);
+  }
+
+  var capturedError = {
+    componentName: source !== null ? getComponentName(source) : null,
+    componentStack: stack !== null ? stack : "",
+    error: errorInfo.value,
+    errorBoundary: null,
+    errorBoundaryName: null,
+    errorBoundaryFound: false,
+    willRetry: false
+  };
+
+  if (boundary !== null && boundary.tag === ClassComponent) {
+    capturedError.errorBoundary = boundary.stateNode;
+    capturedError.errorBoundaryName = getComponentName(boundary);
+    capturedError.errorBoundaryFound = true;
+    capturedError.willRetry = true;
+  }
+
+  try {
+    logCapturedError(capturedError);
+  } catch (e) {
+    // Prevent cycle if logCapturedError() throws.
+    // A cycle may still occur if logCapturedError renders a component that throws.
+    var suppressLogging = e && e.suppressReactErrorLogging;
+    if (!suppressLogging) {
+      console.error(e);
+    }
+  }
+}
+
+var callComponentWillUnmountWithTimer = function(current, instance) {
+  startPhaseTimer(current, "componentWillUnmount");
+  instance.props = current.memoizedProps;
+  instance.state = current.memoizedState;
+  instance.componentWillUnmount();
+  stopPhaseTimer();
+};
+
+// Capture errors so they don't interrupt unmounting.
+function safelyCallComponentWillUnmount(current, instance) {
+  {
+    invokeGuardedCallback$3(
+      null,
+      callComponentWillUnmountWithTimer,
+      null,
+      current,
+      instance
+    );
+    if (hasCaughtError$1()) {
+      var unmountError = clearCaughtError$1();
+      captureCommitPhaseError(current, unmountError);
+    }
+  }
+}
+
+function safelyDetachRef(current) {
+  var ref = current.ref;
+  if (ref !== null) {
+    if (typeof ref === "function") {
+      {
+        invokeGuardedCallback$3(null, ref, null, null);
+        if (hasCaughtError$1()) {
+          var refError = clearCaughtError$1();
+          captureCommitPhaseError(current, refError);
+        }
+      }
+    } else {
+      ref.current = null;
+    }
+  }
+}
+
+function commitBeforeMutationLifeCycles(current, finishedWork) {
+  switch (finishedWork.tag) {
+    case ClassComponent: {
+      if (finishedWork.effectTag & Snapshot) {
+        if (current !== null) {
+          var prevProps = current.memoizedProps;
+          var prevState = current.memoizedState;
+          startPhaseTimer(finishedWork, "getSnapshotBeforeUpdate");
+          var instance = finishedWork.stateNode;
+          instance.props = finishedWork.memoizedProps;
+          instance.state = finishedWork.memoizedState;
+          var snapshot = instance.getSnapshotBeforeUpdate(prevProps, prevState);
+          {
+            var didWarnSet = didWarnAboutUndefinedSnapshotBeforeUpdate;
+            if (snapshot === undefined && !didWarnSet.has(finishedWork.type)) {
+              didWarnSet.add(finishedWork.type);
+              warning(
+                false,
+                "%s.getSnapshotBeforeUpdate(): A snapshot value (or null) " +
+                  "must be returned. You have returned undefined.",
+                getComponentName(finishedWork)
+              );
+            }
+          }
+          instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+          stopPhaseTimer();
+        }
+      }
+      return;
+    }
+    case HostRoot:
+    case HostComponent:
+    case HostText:
+    case HostPortal:
+      // Nothing to do for these component types
+      return;
+    default: {
+      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."
+      );
+    }
+  }
+}
+
+function commitLifeCycles(
+  finishedRoot,
+  current,
+  finishedWork,
+  currentTime,
+  committedExpirationTime
+) {
+  switch (finishedWork.tag) {
+    case ClassComponent: {
+      var instance = finishedWork.stateNode;
+      if (finishedWork.effectTag & Update) {
+        if (current === null) {
+          startPhaseTimer(finishedWork, "componentDidMount");
+          instance.props = finishedWork.memoizedProps;
+          instance.state = finishedWork.memoizedState;
+          instance.componentDidMount();
+          stopPhaseTimer();
+        } else {
+          var prevProps = current.memoizedProps;
+          var prevState = current.memoizedState;
+          startPhaseTimer(finishedWork, "componentDidUpdate");
+          instance.props = finishedWork.memoizedProps;
+          instance.state = finishedWork.memoizedState;
+          instance.componentDidUpdate(
+            prevProps,
+            prevState,
+            instance.__reactInternalSnapshotBeforeUpdate
+          );
+          stopPhaseTimer();
+        }
+      }
+      var updateQueue = finishedWork.updateQueue;
+      if (updateQueue !== null) {
+        instance.props = finishedWork.memoizedProps;
+        instance.state = finishedWork.memoizedState;
+        commitUpdateQueue(
+          finishedWork,
+          updateQueue,
+          instance,
+          committedExpirationTime
+        );
+      }
+      return;
+    }
+    case HostRoot: {
+      var _updateQueue = finishedWork.updateQueue;
+      if (_updateQueue !== null) {
+        var _instance = null;
+        if (finishedWork.child !== null) {
+          switch (finishedWork.child.tag) {
+            case HostComponent:
+              _instance = getPublicInstance(finishedWork.child.stateNode);
+              break;
+            case ClassComponent:
+              _instance = finishedWork.child.stateNode;
+              break;
+          }
+        }
+        commitUpdateQueue(
+          finishedWork,
+          _updateQueue,
+          _instance,
+          committedExpirationTime
+        );
+      }
+      return;
+    }
+    case HostComponent: {
+      var _instance2 = 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) {
+        var type = finishedWork.type;
+        var props = finishedWork.memoizedProps;
+        commitMount(_instance2, type, props, finishedWork);
+      }
+
+      return;
+    }
+    case HostText: {
+      // We have no life-cycles associated with text.
+      return;
+    }
+    case HostPortal: {
+      // We have no life-cycles associated with portals.
+      return;
+    }
+    case Profiler: {
+      // We have no life-cycles associated with Profiler.
+      return;
+    }
+    case TimeoutComponent: {
+      // We have no life-cycles associated with Timeouts.
+      return;
+    }
+    default: {
+      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."
+      );
+    }
+  }
+}
+
+function commitAttachRef(finishedWork) {
+  var ref = finishedWork.ref;
+  if (ref !== null) {
+    var instance = finishedWork.stateNode;
+    var instanceToUse = void 0;
+    switch (finishedWork.tag) {
+      case HostComponent:
+        instanceToUse = getPublicInstance(instance);
+        break;
+      default:
+        instanceToUse = instance;
+    }
+    if (typeof ref === "function") {
+      ref(instanceToUse);
+    } else {
+      {
+        if (!ref.hasOwnProperty("current")) {
+          warning(
+            false,
+            "Unexpected ref object provided for %s. " +
+              "Use either a ref-setter function or React.createRef().%s",
+            getComponentName(finishedWork),
+            getStackAddendumByWorkInProgressFiber(finishedWork)
+          );
+        }
+      }
+
+      ref.current = instanceToUse;
+    }
+  }
+}
+
+function commitDetachRef(current) {
+  var currentRef = current.ref;
+  if (currentRef !== null) {
+    if (typeof currentRef === "function") {
+      currentRef(null);
+    } else {
+      currentRef.current = null;
+    }
+  }
+}
+
+// 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) {
+  if (typeof onCommitUnmount === "function") {
+    onCommitUnmount(current);
+  }
+
+  switch (current.tag) {
+    case ClassComponent: {
+      safelyDetachRef(current);
+      var instance = current.stateNode;
+      if (typeof instance.componentWillUnmount === "function") {
+        safelyCallComponentWillUnmount(current, instance);
+      }
+      return;
+    }
+    case HostComponent: {
+      safelyDetachRef(current);
+      return;
+    }
+    case HostPortal: {
+      // TODO: this is recursive.
+      // We are also not using this parent because
+      // the portal will get pushed immediately.
+      if (supportsMutation) {
+        unmountHostComponents(current);
+      } else if (supportsPersistence) {
+        emptyPortalContainer(current);
+      }
+      return;
+    }
+  }
+}
+
+function commitNestedUnmounts(root) {
+  // 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
+  var node = root;
+  while (true) {
+    commitUnmount(node);
+    // Visit children because they may contain more composite or host nodes.
+    // Skip portals because commitUnmount() currently visits them recursively.
+    if (
+      node.child !== null &&
+      // If we use mutation we drill down into portals using commitUnmount above.
+      // If we don't use mutation we drill down into portals here instead.
+      (!supportsMutation || node.tag !== HostPortal)
+    ) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === root) {
+      return;
+    }
+    while (node.sibling === null) {
+      if (node.return === null || node.return === root) {
+        return;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+
+function detachFiber(current) {
+  // Cut off the return pointers to disconnect it from the tree. Ideally, we
+  // should clear the child pointer of the parent alternate to let this
+  // get GC:ed but we don't know which for sure which parent is the current
+  // one so we'll settle for GC:ing the subtree of this child. This child
+  // itself will be GC:ed when the parent updates the next time.
+  current.return = null;
+  current.child = null;
+  if (current.alternate) {
+    current.alternate.child = null;
+    current.alternate.return = null;
+  }
+}
+
+function emptyPortalContainer(current) {
+  if (!supportsPersistence) {
+    return;
+  }
+
+  var portal = current.stateNode;
+  var containerInfo = portal.containerInfo;
+
+  var emptyChildSet = createContainerChildSet(containerInfo);
+}
+
+function commitContainer(finishedWork) {
+  if (!supportsPersistence) {
+    return;
+  }
+
+  switch (finishedWork.tag) {
+    case ClassComponent: {
+      return;
+    }
+    case HostComponent: {
+      return;
+    }
+    case HostText: {
+      return;
+    }
+    case HostRoot:
+    case HostPortal: {
+      var portalOrRoot = finishedWork.stateNode;
+      var containerInfo = portalOrRoot.containerInfo,
+        _pendingChildren = portalOrRoot.pendingChildren;
+
+      return;
+    }
+    default: {
+      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."
+      );
+    }
+  }
+}
+
+function getHostParentFiber(fiber) {
+  var parent = fiber.return;
+  while (parent !== null) {
+    if (isHostParent(parent)) {
+      return parent;
+    }
+    parent = parent.return;
+  }
+  invariant(
+    false,
+    "Expected to find a host parent. This error is likely caused by a bug " +
+      "in React. Please file an issue."
+  );
+}
+
+function isHostParent(fiber) {
+  return (
+    fiber.tag === HostComponent ||
+    fiber.tag === HostRoot ||
+    fiber.tag === HostPortal
+  );
+}
+
+function getHostSibling(fiber) {
+  // 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.
+  var node = fiber;
+  siblings: while (true) {
+    // If we didn't find anything, let's try the next sibling.
+    while (node.sibling === null) {
+      if (node.return === null || isHostParent(node.return)) {
+        // If we pop out of the root or hit the parent the fiber we are the
+        // last sibling.
+        return null;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+    while (node.tag !== HostComponent && node.tag !== HostText) {
+      // If it is not host node and, we might have a host node inside it.
+      // Try to search down until we find one.
+      if (node.effectTag & Placement) {
+        // If we don't have a child, try the siblings instead.
+        continue siblings;
+      }
+      // If we don't have a child, try the siblings instead.
+      // We also skip portals because they are not part of this host tree.
+      if (node.child === null || node.tag === HostPortal) {
+        continue siblings;
+      } else {
+        node.child.return = node;
+        node = node.child;
+      }
+    }
+    // Check if this host node is stable or about to be placed.
+    if (!(node.effectTag & Placement)) {
+      // Found it!
+      return node.stateNode;
+    }
+  }
+}
+
+function commitPlacement(finishedWork) {
+  if (!supportsMutation) {
+    return;
+  }
+
+  // Recursively insert all host nodes into the parent.
+  var parentFiber = getHostParentFiber(finishedWork);
+  var parent = void 0;
+  var isContainer = void 0;
+  switch (parentFiber.tag) {
+    case HostComponent:
+      parent = parentFiber.stateNode;
+      isContainer = false;
+      break;
+    case HostRoot:
+      parent = parentFiber.stateNode.containerInfo;
+      isContainer = true;
+      break;
+    case HostPortal:
+      parent = parentFiber.stateNode.containerInfo;
+      isContainer = true;
+      break;
+    default:
+      invariant(
+        false,
+        "Invalid host parent fiber. This error is likely caused by a bug " +
+          "in React. Please file an issue."
+      );
+  }
+  if (parentFiber.effectTag & ContentReset) {
+    // Reset the text content of the parent before doing any insertions
+    resetTextContent(parent);
+    // Clear ContentReset from the effect tag
+    parentFiber.effectTag &= ~ContentReset;
+  }
+
+  var 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.
+  var node = finishedWork;
+  while (true) {
+    if (node.tag === HostComponent || node.tag === HostText) {
+      if (before) {
+        if (isContainer) {
+          insertInContainerBefore(parent, node.stateNode, before);
+        } else {
+          insertBefore(parent, node.stateNode, before);
+        }
+      } else {
+        if (isContainer) {
+          appendChildToContainer(parent, node.stateNode);
+        } else {
+          appendChild$1(parent, node.stateNode);
+        }
+      }
+    } else if (node.tag === HostPortal) {
+      // If the insertion itself is a portal, then we don't want to traverse
+      // down its children. Instead, we'll get insertions from each child in
+      // the portal directly.
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === finishedWork) {
+      return;
+    }
+    while (node.sibling === null) {
+      if (node.return === null || node.return === finishedWork) {
+        return;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+
+function unmountHostComponents(current) {
+  // We only have the top Fiber that was inserted but we need recurse down its
+  var node = current;
+
+  // Each iteration, currentParent is populated with node's host parent if not
+  // currentParentIsValid.
+  var currentParentIsValid = false;
+  var currentParent = void 0;
+  var currentParentIsContainer = void 0;
+
+  while (true) {
+    if (!currentParentIsValid) {
+      var parent = node.return;
+      findParent: while (true) {
+        invariant(
+          parent !== null,
+          "Expected to find a host parent. This error is likely caused by " +
+            "a bug in React. Please file an issue."
+        );
+        switch (parent.tag) {
+          case HostComponent:
+            currentParent = parent.stateNode;
+            currentParentIsContainer = false;
+            break findParent;
+          case HostRoot:
+            currentParent = parent.stateNode.containerInfo;
+            currentParentIsContainer = true;
+            break findParent;
+          case HostPortal:
+            currentParent = parent.stateNode.containerInfo;
+            currentParentIsContainer = true;
+            break findParent;
+        }
+        parent = parent.return;
+      }
+      currentParentIsValid = true;
+    }
+
+    if (node.tag === HostComponent || node.tag === HostText) {
+      commitNestedUnmounts(node);
+      // After all the children have unmounted, it is now safe to remove the
+      // node from the tree.
+      if (currentParentIsContainer) {
+        removeChildFromContainer(currentParent, node.stateNode);
+      } else {
+        removeChild(currentParent, node.stateNode);
+      }
+      // Don't visit children because we already visited them.
+    } else if (node.tag === HostPortal) {
+      // When we go into a portal, it becomes the parent to remove from.
+      // We will reassign it back when we pop the portal on the way up.
+      currentParent = node.stateNode.containerInfo;
+      // Visit children because portals might contain host components.
+      if (node.child !== null) {
+        node.child.return = node;
+        node = node.child;
+        continue;
+      }
+    } else {
+      commitUnmount(node);
+      // Visit children because we may find more host components below.
+      if (node.child !== null) {
+        node.child.return = node;
+        node = node.child;
+        continue;
+      }
+    }
+    if (node === current) {
+      return;
+    }
+    while (node.sibling === null) {
+      if (node.return === null || node.return === current) {
+        return;
+      }
+      node = node.return;
+      if (node.tag === HostPortal) {
+        // When we go out of the portal, we need to restore the parent.
+        // Since we don't keep a stack of them, we will search for it.
+        currentParentIsValid = false;
+      }
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+
+function commitDeletion(current) {
+  if (supportsMutation) {
+    // Recursively delete all host nodes from the parent.
+    // Detach refs and call componentWillUnmount() on the whole subtree.
+    unmountHostComponents(current);
+  } else {
+    // Detach refs and call componentWillUnmount() on the whole subtree.
+    commitNestedUnmounts(current);
+  }
+  detachFiber(current);
+}
+
+function commitWork(current, finishedWork) {
+  if (!supportsMutation) {
+    commitContainer(finishedWork);
+    return;
+  }
+
+  switch (finishedWork.tag) {
+    case ClassComponent: {
+      return;
+    }
+    case HostComponent: {
+      var instance = finishedWork.stateNode;
+      if (instance != null) {
+        // Commit the work prepared earlier.
+        var newProps = finishedWork.memoizedProps;
+        // For hydration we reuse the update path but we treat the oldProps
+        // as the newProps. The updatePayload will contain the real change in
+        // this case.
+        var oldProps = current !== null ? current.memoizedProps : newProps;
+        var type = finishedWork.type;
+        // TODO: Type the updateQueue to be specific to host components.
+        var updatePayload = finishedWork.updateQueue;
+        finishedWork.updateQueue = null;
+        if (updatePayload !== null) {
+          commitUpdate(
+            instance,
+            updatePayload,
+            type,
+            oldProps,
+            newProps,
+            finishedWork
+          );
+        }
+      }
+      return;
+    }
+    case HostText: {
+      invariant(
+        finishedWork.stateNode !== null,
+        "This should have a text node initialized. This error is likely " +
+          "caused by a bug in React. Please file an issue."
+      );
+      var textInstance = finishedWork.stateNode;
+      var newText = finishedWork.memoizedProps;
+      // For hydration we reuse the update path but we treat the oldProps
+      // as the newProps. The updatePayload will contain the real change in
+      // this case.
+      var oldText = current !== null ? current.memoizedProps : newText;
+      commitTextUpdate(textInstance, oldText, newText);
+      return;
+    }
+    case HostRoot: {
+      return;
+    }
+    case Profiler: {
+      if (enableProfilerTimer) {
+        var onRender = finishedWork.memoizedProps.onRender;
+        onRender(
+          finishedWork.memoizedProps.id,
+          current === null ? "mount" : "update",
+          finishedWork.actualDuration,
+          finishedWork.treeBaseTime,
+          finishedWork.actualStartTime,
+          getCommitTime()
+        );
+      }
+      return;
+    }
+    case TimeoutComponent: {
+      return;
+    }
+    default: {
+      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."
+      );
+    }
+  }
+}
+
+function commitResetTextContent(current) {
+  if (!supportsMutation) {
+    return;
+  }
+  resetTextContent(current.stateNode);
+}
+
+function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
+  var update = createUpdate(expirationTime);
+  // Unmount the root by rendering null.
+  update.tag = CaptureUpdate;
+  // Caution: React DevTools currently depends on this property
+  // being called "element".
+  update.payload = { element: null };
+  var error = errorInfo.value;
+  update.callback = function() {
+    onUncaughtError(error);
+    logError(fiber, errorInfo);
+  };
+  return update;
+}
+
+function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
+  var update = createUpdate(expirationTime);
+  update.tag = CaptureUpdate;
+  var getDerivedStateFromCatch = fiber.type.getDerivedStateFromCatch;
+  if (
+    enableGetDerivedStateFromCatch &&
+    typeof getDerivedStateFromCatch === "function"
+  ) {
+    var error = errorInfo.value;
+    update.payload = function() {
+      return getDerivedStateFromCatch(error);
+    };
+  }
+
+  var inst = fiber.stateNode;
+  if (inst !== null && typeof inst.componentDidCatch === "function") {
+    update.callback = function callback() {
+      if (
+        !enableGetDerivedStateFromCatch ||
+        getDerivedStateFromCatch !== "function"
+      ) {
+        // To preserve the preexisting retry behavior of error boundaries,
+        // we keep track of which ones already failed during this batch.
+        // This gets reset before we yield back to the browser.
+        // TODO: Warn in strict mode if getDerivedStateFromCatch is
+        // not defined.
+        markLegacyErrorBoundaryAsFailed(this);
+      }
+      var error = errorInfo.value;
+      var stack = errorInfo.stack;
+      logError(fiber, errorInfo);
+      this.componentDidCatch(error, {
+        componentStack: stack !== null ? stack : ""
+      });
+    };
+  }
+  return update;
+}
+
+function schedulePing(finishedWork) {
+  // Once the promise resolves, we should try rendering the non-
+  // placeholder state again.
+  var currentTime = recalculateCurrentTime();
+  var expirationTime = computeExpirationForFiber(currentTime, finishedWork);
+  var recoveryUpdate = createUpdate(expirationTime);
+  enqueueUpdate(finishedWork, recoveryUpdate, expirationTime);
+  scheduleWork(finishedWork, expirationTime);
+}
+
+function throwException(
+  root,
+  returnFiber,
+  sourceFiber,
+  value,
+  renderExpirationTime,
+  currentTimeMs
+) {
+  // The source fiber did not complete.
+  sourceFiber.effectTag |= Incomplete;
+  // Its effect list is no longer valid.
+  sourceFiber.firstEffect = sourceFiber.lastEffect = null;
+
+  if (
+    enableSuspense &&
+    value !== null &&
+    typeof value === "object" &&
+    typeof value.then === "function"
+  ) {
+    // This is a thenable.
+    var thenable = value;
+
+    // TODO: Should use the earliest known expiration time
+    var expirationTimeMs = expirationTimeToMs(renderExpirationTime);
+    var startTimeMs = expirationTimeMs - 5000;
+    var elapsedMs = currentTimeMs - startTimeMs;
+    if (elapsedMs < 0) {
+      elapsedMs = 0;
+    }
+    var remainingTimeMs = expirationTimeMs - currentTimeMs;
+
+    // Find the earliest timeout of all the timeouts in the ancestor path.
+    // TODO: Alternatively, we could store the earliest timeout on the context
+    // stack, rather than searching on every suspend.
+    var _workInProgress = returnFiber;
+    var earliestTimeoutMs = -1;
+    searchForEarliestTimeout: do {
+      if (_workInProgress.tag === TimeoutComponent) {
+        var current = _workInProgress.alternate;
+        if (current !== null && current.memoizedState === true) {
+          // A parent Timeout already committed in a placeholder state. We
+          // need to handle this promise immediately. In other words, we
+          // should never suspend inside a tree that already expired.
+          earliestTimeoutMs = 0;
+          break searchForEarliestTimeout;
+        }
+        var timeoutPropMs = _workInProgress.pendingProps.ms;
+        if (typeof timeoutPropMs === "number") {
+          if (timeoutPropMs <= 0) {
+            earliestTimeoutMs = 0;
+            break searchForEarliestTimeout;
+          } else if (
+            earliestTimeoutMs === -1 ||
+            timeoutPropMs < earliestTimeoutMs
+          ) {
+            earliestTimeoutMs = timeoutPropMs;
+          }
+        } else if (earliestTimeoutMs === -1) {
+          earliestTimeoutMs = remainingTimeMs;
+        }
+      }
+      _workInProgress = _workInProgress.return;
+    } while (_workInProgress !== null);
+
+    // Compute the remaining time until the timeout.
+    var msUntilTimeout = earliestTimeoutMs - elapsedMs;
+
+    if (renderExpirationTime === Never || msUntilTimeout > 0) {
+      // There's still time remaining.
+      markTimeout(root, thenable, msUntilTimeout, renderExpirationTime);
+      var onResolveOrReject = function() {
+        retrySuspendedRoot(root, renderExpirationTime);
+      };
+      thenable.then(onResolveOrReject, onResolveOrReject);
+      return;
+    } else {
+      // No time remaining. Need to fallback to placeholder.
+      // Find the nearest timeout that can be retried.
+      _workInProgress = returnFiber;
+      do {
+        switch (_workInProgress.tag) {
+          case HostRoot: {
+            // The root expired, but no fallback was provided. Throw a
+            // helpful error.
+            var message =
+              renderExpirationTime === Sync
+                ? "A synchronous update was suspended, but no fallback UI " +
+                  "was provided."
+                : "An update was suspended for longer than the timeout, " +
+                  "but no fallback UI was provided.";
+            value = new Error(message);
+            break;
+          }
+          case TimeoutComponent: {
+            if ((_workInProgress.effectTag & DidCapture) === NoEffect) {
+              _workInProgress.effectTag |= ShouldCapture;
+              var _onResolveOrReject = schedulePing.bind(null, _workInProgress);
+              thenable.then(_onResolveOrReject, _onResolveOrReject);
+              return;
+            }
+            // Already captured during this render. Continue to the next
+            // Timeout ancestor.
+            break;
+          }
+        }
+        _workInProgress = _workInProgress.return;
+      } while (_workInProgress !== null);
+    }
+  } else {
+    // This is an error.
+    markError(root);
+    if (
+      // Retry (at the same priority) one more time before handling the error.
+      // The retry will flush synchronously. (Unless we're already rendering
+      // synchronously, in which case move to the next check.)
+      (!root.didError && renderExpirationTime !== Sync) ||
+      // There's lower priority work. If so, it may have the effect of fixing
+      // the exception that was just thrown.
+      hasLowerPriorityWork(root, renderExpirationTime)
+    ) {
+      return;
+    }
+  }
+
+  // We didn't find a boundary that could handle this type of exception. Start
+  // over and traverse parent path again, this time treating the exception
+  // as an error.
+  value = createCapturedValue(value, sourceFiber);
+  var workInProgress = returnFiber;
+  do {
+    switch (workInProgress.tag) {
+      case HostRoot: {
+        var _errorInfo = value;
+        workInProgress.effectTag |= ShouldCapture;
+        var update = createRootErrorUpdate(
+          workInProgress,
+          _errorInfo,
+          renderExpirationTime
+        );
+        enqueueCapturedUpdate(workInProgress, update, renderExpirationTime);
+        return;
+      }
+      case ClassComponent:
+        // Capture and retry
+        var errorInfo = value;
+        var ctor = workInProgress.type;
+        var instance = workInProgress.stateNode;
+        if (
+          (workInProgress.effectTag & DidCapture) === NoEffect &&
+          ((typeof ctor.getDerivedStateFromCatch === "function" &&
+            enableGetDerivedStateFromCatch) ||
+            (instance !== null &&
+              typeof instance.componentDidCatch === "function" &&
+              !isAlreadyFailedLegacyErrorBoundary(instance)))
+        ) {
+          workInProgress.effectTag |= ShouldCapture;
+          // Schedule the error boundary to re-render using updated state
+          var _update = createClassErrorUpdate(
+            workInProgress,
+            errorInfo,
+            renderExpirationTime
+          );
+          enqueueCapturedUpdate(workInProgress, _update, renderExpirationTime);
+          return;
+        }
+        break;
+      default:
+        break;
+    }
+    workInProgress = workInProgress.return;
+  } while (workInProgress !== null);
+}
+
+function unwindWork(workInProgress, renderExpirationTime) {
+  if (enableProfilerTimer) {
+    if (workInProgress.mode & ProfileMode) {
+      recordElapsedActualRenderTime(workInProgress);
+    }
+  }
+
+  switch (workInProgress.tag) {
+    case ClassComponent: {
+      popContextProvider(workInProgress);
+      var effectTag = workInProgress.effectTag;
+      if (effectTag & ShouldCapture) {
+        workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;
+        return workInProgress;
+      }
+      return null;
+    }
+    case HostRoot: {
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      var _effectTag = workInProgress.effectTag;
+      if (_effectTag & ShouldCapture) {
+        workInProgress.effectTag = (_effectTag & ~ShouldCapture) | DidCapture;
+        return workInProgress;
+      }
+      return null;
+    }
+    case HostComponent: {
+      popHostContext(workInProgress);
+      return null;
+    }
+    case TimeoutComponent: {
+      var _effectTag2 = workInProgress.effectTag;
+      if (_effectTag2 & ShouldCapture) {
+        workInProgress.effectTag = (_effectTag2 & ~ShouldCapture) | DidCapture;
+        return workInProgress;
+      }
+      return null;
+    }
+    case HostPortal:
+      popHostContainer(workInProgress);
+      return null;
+    case ContextProvider:
+      popProvider(workInProgress);
+      return null;
+    default:
+      return null;
+  }
+}
+
+function unwindInterruptedWork(interruptedWork) {
+  if (enableProfilerTimer) {
+    if (interruptedWork.mode & ProfileMode) {
+      // Resume in case we're picking up on work that was paused.
+      resumeActualRenderTimerIfPaused();
+      recordElapsedActualRenderTime(interruptedWork);
+    }
+  }
+
+  switch (interruptedWork.tag) {
+    case ClassComponent: {
+      popContextProvider(interruptedWork);
+      break;
+    }
+    case HostRoot: {
+      popHostContainer(interruptedWork);
+      popTopLevelContextObject(interruptedWork);
+      break;
+    }
+    case HostComponent: {
+      popHostContext(interruptedWork);
+      break;
+    }
+    case HostPortal:
+      popHostContainer(interruptedWork);
+      break;
+    case ContextProvider:
+      popProvider(interruptedWork);
+      break;
+    default:
+      break;
+  }
+}
+
+var invokeGuardedCallback$2 = ReactErrorUtils.invokeGuardedCallback;
+var hasCaughtError = ReactErrorUtils.hasCaughtError;
+var clearCaughtError = ReactErrorUtils.clearCaughtError;
+
+var didWarnAboutStateTransition = void 0;
+var didWarnSetStateChildContext = void 0;
+var warnAboutUpdateOnUnmounted = void 0;
+var warnAboutInvalidUpdates = void 0;
+
+{
+  didWarnAboutStateTransition = false;
+  didWarnSetStateChildContext = false;
+  var didWarnStateUpdateForUnmountedComponent = {};
+
+  warnAboutUpdateOnUnmounted = function(fiber) {
+    // We show the whole stack but dedupe on the top component's name because
+    // the problematic code almost always lies inside that component.
+    var componentName = getComponentName(fiber) || "ReactClass";
+    if (didWarnStateUpdateForUnmountedComponent[componentName]) {
+      return;
+    }
+    warning(
+      false,
+      "Can't call setState (or forceUpdate) on an unmounted component. This " +
+        "is a no-op, but it indicates a memory leak in your application. To " +
+        "fix, cancel all subscriptions and asynchronous tasks in the " +
+        "componentWillUnmount method.%s",
+      getStackAddendumByWorkInProgressFiber(fiber)
+    );
+    didWarnStateUpdateForUnmountedComponent[componentName] = true;
+  };
+
+  warnAboutInvalidUpdates = function(instance) {
+    switch (ReactDebugCurrentFiber.phase) {
+      case "getChildContext":
+        if (didWarnSetStateChildContext) {
+          return;
+        }
+        warning(
+          false,
+          "setState(...): Cannot call setState() inside getChildContext()"
+        );
+        didWarnSetStateChildContext = true;
+        break;
+      case "render":
+        if (didWarnAboutStateTransition) {
+          return;
+        }
+        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`."
+        );
+        didWarnAboutStateTransition = true;
+        break;
+    }
+  };
+}
+
+// Represents the current time in ms.
+var originalStartTimeMs = now();
+var mostRecentCurrentTime = msToExpirationTime(0);
+var mostRecentCurrentTimeMs = originalStartTimeMs;
+
+// Used to ensure computeUniqueAsyncExpiration is monotonically increases.
+var lastUniqueAsyncExpiration = 0;
+
+// Represents the expiration time that incoming updates should use. (If this
+// is NoWork, use the default strategy: async updates in async mode, sync
+// updates in sync mode.)
+var expirationContext = NoWork;
+
+var isWorking = false;
+
+// The next work in progress fiber that we're currently working on.
+var nextUnitOfWork = null;
+var nextRoot = null;
+// The time at which we're currently rendering work.
+var nextRenderExpirationTime = NoWork;
+var nextLatestTimeoutMs = -1;
+var nextRenderDidError = false;
+
+// The next fiber with an effect that we're currently committing.
+var nextEffect = null;
+
+var isCommitting$1 = false;
+
+var legacyErrorBoundariesThatAlreadyFailed = null;
+
+// Used for performance tracking.
+var interruptedBy = null;
+
+var stashedWorkInProgressProperties = void 0;
+var replayUnitOfWork = void 0;
+var isReplayingFailedUnitOfWork = void 0;
+var originalReplayError = void 0;
+var rethrowOriginalError = void 0;
+if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
+  stashedWorkInProgressProperties = null;
+  isReplayingFailedUnitOfWork = false;
+  originalReplayError = null;
+  replayUnitOfWork = function(failedUnitOfWork, thrownValue, isYieldy) {
+    if (
+      thrownValue !== null &&
+      typeof thrownValue === "object" &&
+      typeof thrownValue.then === "function"
+    ) {
+      // Don't replay promises. Treat everything else like an error.
+      // TODO: Need to figure out a different strategy if/when we add
+      // support for catching other types.
+      return;
+    }
+
+    // Restore the original state of the work-in-progress
+    if (stashedWorkInProgressProperties === null) {
+      // This should never happen. Don't throw because this code is DEV-only.
+      warning(
+        false,
+        "Could not replay rendering after an error. This is likely a bug in React. " +
+          "Please file an issue."
+      );
+      return;
+    }
+    assignFiberPropertiesInDEV(
+      failedUnitOfWork,
+      stashedWorkInProgressProperties
+    );
+
+    switch (failedUnitOfWork.tag) {
+      case HostRoot:
+        popHostContainer(failedUnitOfWork);
+        popTopLevelContextObject(failedUnitOfWork);
+        break;
+      case HostComponent:
+        popHostContext(failedUnitOfWork);
+        break;
+      case ClassComponent:
+        popContextProvider(failedUnitOfWork);
+        break;
+      case HostPortal:
+        popHostContainer(failedUnitOfWork);
+        break;
+      case ContextProvider:
+        popProvider(failedUnitOfWork);
+        break;
+    }
+    // Replay the begin phase.
+    isReplayingFailedUnitOfWork = true;
+    originalReplayError = thrownValue;
+    invokeGuardedCallback$2(null, workLoop, null, isYieldy);
+    isReplayingFailedUnitOfWork = false;
+    originalReplayError = null;
+    if (hasCaughtError()) {
+      clearCaughtError();
+
+      if (enableProfilerTimer) {
+        if (failedUnitOfWork.mode & ProfileMode) {
+          recordElapsedActualRenderTime(failedUnitOfWork);
+        }
+
+        // Stop "base" render timer again (after the re-thrown error).
+        stopBaseRenderTimerIfRunning();
+      }
+    } else {
+      // If the begin phase did not fail the second time, set this pointer
+      // back to the original value.
+      nextUnitOfWork = failedUnitOfWork;
+    }
+  };
+  rethrowOriginalError = function() {
+    throw originalReplayError;
+  };
+}
+
+function resetStack() {
+  if (nextUnitOfWork !== null) {
+    var interruptedWork = nextUnitOfWork.return;
+    while (interruptedWork !== null) {
+      unwindInterruptedWork(interruptedWork);
+      interruptedWork = interruptedWork.return;
+    }
+  }
+
+  {
+    ReactStrictModeWarnings.discardPendingWarnings();
+    checkThatStackIsEmpty();
+  }
+
+  nextRoot = null;
+  nextRenderExpirationTime = NoWork;
+  nextLatestTimeoutMs = -1;
+  nextRenderDidError = false;
+  nextUnitOfWork = null;
+}
+
+function commitAllHostEffects() {
+  while (nextEffect !== null) {
+    {
+      ReactDebugCurrentFiber.setCurrentFiber(nextEffect);
+    }
+    recordEffect();
+
+    var effectTag = nextEffect.effectTag;
+
+    if (effectTag & ContentReset) {
+      commitResetTextContent(nextEffect);
+    }
+
+    if (effectTag & Ref) {
+      var current = nextEffect.alternate;
+      if (current !== null) {
+        commitDetachRef(current);
+      }
+    }
+
+    // The following switch statement is only concerned about placement,
+    // updates, and deletions. To avoid needing to add a case for every
+    // possible bitmap value, we remove the secondary effects from the
+    // effect tag and switch on that value.
+    var primaryEffectTag = effectTag & (Placement | Update | Deletion);
+    switch (primaryEffectTag) {
+      case Placement: {
+        commitPlacement(nextEffect);
+        // Clear the "placement" from effect tag so that we know that this is inserted, before
+        // any life-cycles like componentDidMount gets called.
+        // TODO: findDOMNode doesn't rely on this any more but isMounted
+        // does and isMounted is deprecated anyway so we should be able
+        // to kill this.
+        nextEffect.effectTag &= ~Placement;
+        break;
+      }
+      case PlacementAndUpdate: {
+        // Placement
+        commitPlacement(nextEffect);
+        // Clear the "placement" from effect tag so that we know that this is inserted, before
+        // any life-cycles like componentDidMount gets called.
+        nextEffect.effectTag &= ~Placement;
+
+        // Update
+        var _current = nextEffect.alternate;
+        commitWork(_current, nextEffect);
+        break;
+      }
+      case Update: {
+        var _current2 = nextEffect.alternate;
+        commitWork(_current2, nextEffect);
+        break;
+      }
+      case Deletion: {
+        commitDeletion(nextEffect);
+        break;
+      }
+    }
+    nextEffect = nextEffect.nextEffect;
+  }
+
+  {
+    ReactDebugCurrentFiber.resetCurrentFiber();
+  }
+}
+
+function commitBeforeMutationLifecycles() {
+  while (nextEffect !== null) {
+    var effectTag = nextEffect.effectTag;
+
+    if (effectTag & Snapshot) {
+      recordEffect();
+      var current = nextEffect.alternate;
+      commitBeforeMutationLifeCycles(current, nextEffect);
+    }
+
+    // Don't cleanup effects yet;
+    // This will be done by commitAllLifeCycles()
+    nextEffect = nextEffect.nextEffect;
+  }
+}
+
+function commitAllLifeCycles(
+  finishedRoot,
+  currentTime,
+  committedExpirationTime
+) {
+  {
+    ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
+
+    if (warnAboutDeprecatedLifecycles) {
+      ReactStrictModeWarnings.flushPendingDeprecationWarnings();
+    }
+
+    if (warnAboutLegacyContextAPI) {
+      ReactStrictModeWarnings.flushLegacyContextWarning();
+    }
+  }
+  while (nextEffect !== null) {
+    var effectTag = nextEffect.effectTag;
+
+    if (effectTag & (Update | Callback)) {
+      recordEffect();
+      var current = nextEffect.alternate;
+      commitLifeCycles(
+        finishedRoot,
+        current,
+        nextEffect,
+        currentTime,
+        committedExpirationTime
+      );
+    }
+
+    if (effectTag & Ref) {
+      recordEffect();
+      commitAttachRef(nextEffect);
+    }
+
+    var next = nextEffect.nextEffect;
+    // Ensure that we clean these up so that we don't accidentally keep them.
+    // I'm not actually sure this matters because we can't reset firstEffect
+    // and lastEffect since they're on every node, not just the effectful
+    // ones. So we have to clean everything as we reuse nodes anyway.
+    nextEffect.nextEffect = null;
+    // Ensure that we reset the effectTag here so that we can rely on effect
+    // tags to reason about the current life-cycle.
+    nextEffect = next;
+  }
+}
+
+function isAlreadyFailedLegacyErrorBoundary(instance) {
+  return (
+    legacyErrorBoundariesThatAlreadyFailed !== null &&
+    legacyErrorBoundariesThatAlreadyFailed.has(instance)
+  );
+}
+
+function markLegacyErrorBoundaryAsFailed(instance) {
+  if (legacyErrorBoundariesThatAlreadyFailed === null) {
+    legacyErrorBoundariesThatAlreadyFailed = new Set([instance]);
+  } else {
+    legacyErrorBoundariesThatAlreadyFailed.add(instance);
+  }
+}
+
+function commitRoot(root, finishedWork) {
+  isWorking = true;
+  isCommitting$1 = true;
+  startCommitTimer();
+
+  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."
+  );
+  var committedExpirationTime = root.pendingCommitExpirationTime;
+  invariant(
+    committedExpirationTime !== NoWork,
+    "Cannot commit an incomplete root. This error is likely caused by a " +
+      "bug in React. Please file an issue."
+  );
+  root.pendingCommitExpirationTime = NoWork;
+
+  // Update the pending priority levels to account for the work that we are
+  // about to commit. This needs to happen before calling the lifecycles, since
+  // they may schedule additional updates.
+  var earliestRemainingTime = finishedWork.expirationTime;
+  var currentTime = recalculateCurrentTime();
+  markCommittedPriorityLevels(root, currentTime, earliestRemainingTime);
+
+  // Reset this to null before calling lifecycles
+  ReactCurrentOwner.current = null;
+
+  var firstEffect = void 0;
+  if (finishedWork.effectTag > PerformedWork) {
+    // A fiber's effect list consists only of its children, not itself. So if
+    // the root has an effect, we need to add it to the end of the list. The
+    // resulting list is the set that would belong to the root's parent, if
+    // it had one; that is, all the effects in the tree including the root.
+    if (finishedWork.lastEffect !== null) {
+      finishedWork.lastEffect.nextEffect = finishedWork;
+      firstEffect = finishedWork.firstEffect;
+    } else {
+      firstEffect = finishedWork;
+    }
+  } else {
+    // There is no effect on the root.
+    firstEffect = finishedWork.firstEffect;
+  }
+
+  prepareForCommit(root.containerInfo);
+
+  // Invoke instances of getSnapshotBeforeUpdate before mutation.
+  nextEffect = firstEffect;
+  startCommitSnapshotEffectsTimer();
+  while (nextEffect !== null) {
+    var didError = false;
+    var error = void 0;
+    {
+      invokeGuardedCallback$2(null, commitBeforeMutationLifecycles, null);
+      if (hasCaughtError()) {
+        didError = true;
+        error = clearCaughtError();
+      }
+    }
+    if (didError) {
+      invariant(
+        nextEffect !== null,
+        "Should have next effect. This error is likely caused by a bug " +
+          "in React. Please file an issue."
+      );
+      captureCommitPhaseError(nextEffect, error);
+      // Clean-up
+      if (nextEffect !== null) {
+        nextEffect = nextEffect.nextEffect;
+      }
+    }
+  }
+  stopCommitSnapshotEffectsTimer();
+
+  if (enableProfilerTimer) {
+    // Mark the current commit time to be shared by all Profilers in this batch.
+    // This enables them to be grouped later.
+    recordCommitTime();
+  }
+
+  // Commit all the side-effects within a tree. We'll do this in two passes.
+  // The first pass performs all the host insertions, updates, deletions and
+  // ref unmounts.
+  nextEffect = firstEffect;
+  startCommitHostEffectsTimer();
+  while (nextEffect !== null) {
+    var _didError = false;
+    var _error = void 0;
+    {
+      invokeGuardedCallback$2(null, commitAllHostEffects, null);
+      if (hasCaughtError()) {
+        _didError = true;
+        _error = clearCaughtError();
+      }
+    }
+    if (_didError) {
+      invariant(
+        nextEffect !== null,
+        "Should have next effect. This error is likely caused by a bug " +
+          "in React. Please file an issue."
+      );
+      captureCommitPhaseError(nextEffect, _error);
+      // Clean-up
+      if (nextEffect !== null) {
+        nextEffect = nextEffect.nextEffect;
+      }
+    }
+  }
+  stopCommitHostEffectsTimer();
+
+  resetAfterCommit(root.containerInfo);
+
+  // The work-in-progress tree is now the current tree. This must come after
+  // the first pass of the commit phase, so that the previous tree is still
+  // current during componentWillUnmount, but before the second pass, so that
+  // the finished work is current during componentDidMount/Update.
+  root.current = finishedWork;
+
+  // In the second pass we'll perform all life-cycles and ref callbacks.
+  // Life-cycles happen as a separate pass so that all placements, updates,
+  // and deletions in the entire tree have already been invoked.
+  // This pass also triggers any renderer-specific initial effects.
+  nextEffect = firstEffect;
+  startCommitLifeCyclesTimer();
+  while (nextEffect !== null) {
+    var _didError2 = false;
+    var _error2 = void 0;
+    {
+      invokeGuardedCallback$2(
+        null,
+        commitAllLifeCycles,
+        null,
+        root,
+        currentTime,
+        committedExpirationTime
+      );
+      if (hasCaughtError()) {
+        _didError2 = true;
+        _error2 = clearCaughtError();
+      }
+    }
+    if (_didError2) {
+      invariant(
+        nextEffect !== null,
+        "Should have next effect. This error is likely caused by a bug " +
+          "in React. Please file an issue."
+      );
+      captureCommitPhaseError(nextEffect, _error2);
+      if (nextEffect !== null) {
+        nextEffect = nextEffect.nextEffect;
+      }
+    }
+  }
+
+  if (enableProfilerTimer) {
+    {
+      checkActualRenderTimeStackEmpty();
+    }
+    resetActualRenderTimer();
+  }
+
+  isCommitting$1 = false;
+  isWorking = false;
+  stopCommitLifeCyclesTimer();
+  stopCommitTimer();
+  if (typeof onCommitRoot === "function") {
+    onCommitRoot(finishedWork.stateNode);
+  }
+  if (true && ReactFiberInstrumentation_1.debugTool) {
+    ReactFiberInstrumentation_1.debugTool.onCommitWork(finishedWork);
+  }
+
+  var expirationTime = root.expirationTime;
+  if (expirationTime === NoWork) {
+    // If there's no remaining work, we can clear the set of already failed
+    // error boundaries.
+    legacyErrorBoundariesThatAlreadyFailed = null;
+  }
+  onCommit(root, expirationTime);
+}
+
+function resetExpirationTime(workInProgress, renderTime) {
+  if (renderTime !== Never && workInProgress.expirationTime === Never) {
+    // The children of this component are hidden. Don't bubble their
+    // expiration times.
+    return;
+  }
+
+  // Check for pending updates.
+  var newExpirationTime = NoWork;
+  switch (workInProgress.tag) {
+    case HostRoot:
+    case ClassComponent: {
+      var updateQueue = workInProgress.updateQueue;
+      if (updateQueue !== null) {
+        newExpirationTime = updateQueue.expirationTime;
+      }
+    }
+  }
+
+  // TODO: Calls need to visit stateNode
+
+  // Bubble up the earliest expiration time.
+  // (And "base" render timers if that feature flag is enabled)
+  if (enableProfilerTimer && workInProgress.mode & ProfileMode) {
+    var treeBaseTime = workInProgress.selfBaseTime;
+    var child = workInProgress.child;
+    while (child !== null) {
+      treeBaseTime += child.treeBaseTime;
+      if (
+        child.expirationTime !== NoWork &&
+        (newExpirationTime === NoWork ||
+          newExpirationTime > child.expirationTime)
+      ) {
+        newExpirationTime = child.expirationTime;
+      }
+      child = child.sibling;
+    }
+    workInProgress.treeBaseTime = treeBaseTime;
+  } else {
+    var _child = workInProgress.child;
+    while (_child !== null) {
+      if (
+        _child.expirationTime !== NoWork &&
+        (newExpirationTime === NoWork ||
+          newExpirationTime > _child.expirationTime)
+      ) {
+        newExpirationTime = _child.expirationTime;
+      }
+      _child = _child.sibling;
+    }
+  }
+
+  workInProgress.expirationTime = newExpirationTime;
+}
+
+function completeUnitOfWork(workInProgress) {
+  // Attempt to complete the current unit of work, then move to the
+  // next sibling. If there are no more siblings, return to the
+  // parent fiber.
+  while (true) {
+    // 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
+    // progress.
+    var current = workInProgress.alternate;
+    {
+      ReactDebugCurrentFiber.setCurrentFiber(workInProgress);
+    }
+
+    var returnFiber = workInProgress.return;
+    var siblingFiber = workInProgress.sibling;
+
+    if ((workInProgress.effectTag & Incomplete) === NoEffect) {
+      // This fiber completed.
+      var next = completeWork(
+        current,
+        workInProgress,
+        nextRenderExpirationTime
+      );
+      stopWorkTimer(workInProgress);
+      resetExpirationTime(workInProgress, nextRenderExpirationTime);
+      {
+        ReactDebugCurrentFiber.resetCurrentFiber();
+      }
+
+      if (next !== null) {
+        stopWorkTimer(workInProgress);
+        if (true && ReactFiberInstrumentation_1.debugTool) {
+          ReactFiberInstrumentation_1.debugTool.onCompleteWork(workInProgress);
+        }
+        // If completing this work spawned new work, do that next. We'll come
+        // back here again.
+        return next;
+      }
+
+      if (
+        returnFiber !== null &&
+        // Do not append effects to parents if a sibling failed to complete
+        (returnFiber.effectTag & Incomplete) === NoEffect
+      ) {
+        // Append all the effects of the subtree and this fiber onto the effect
+        // list of the parent. The completion order of the children affects the
+        // side-effect order.
+        if (returnFiber.firstEffect === null) {
+          returnFiber.firstEffect = workInProgress.firstEffect;
+        }
+        if (workInProgress.lastEffect !== null) {
+          if (returnFiber.lastEffect !== null) {
+            returnFiber.lastEffect.nextEffect = workInProgress.firstEffect;
+          }
+          returnFiber.lastEffect = workInProgress.lastEffect;
+        }
+
+        // If this fiber had side-effects, we append it AFTER the children's
+        // side-effects. We can perform certain side-effects earlier if
+        // needed, by doing multiple passes over the effect list. We don't want
+        // to schedule our own side-effect on our own list because if end up
+        // reusing children we'll schedule this effect onto itself since we're
+        // at the end.
+        var effectTag = workInProgress.effectTag;
+        // Skip both NoWork and PerformedWork tags when creating the effect list.
+        // PerformedWork effect is read by React DevTools but shouldn't be committed.
+        if (effectTag > PerformedWork) {
+          if (returnFiber.lastEffect !== null) {
+            returnFiber.lastEffect.nextEffect = workInProgress;
+          } else {
+            returnFiber.firstEffect = workInProgress;
+          }
+          returnFiber.lastEffect = workInProgress;
+        }
+      }
+
+      if (true && ReactFiberInstrumentation_1.debugTool) {
+        ReactFiberInstrumentation_1.debugTool.onCompleteWork(workInProgress);
+      }
+
+      if (siblingFiber !== null) {
+        // If there is more work to do in this returnFiber, do that next.
+        return siblingFiber;
+      } else if (returnFiber !== null) {
+        // If there's no more work in this returnFiber. Complete the returnFiber.
+        workInProgress = returnFiber;
+        continue;
+      } else {
+        // We've reached the root.
+        return null;
+      }
+    } else {
+      // This fiber did not complete because something threw. Pop values off
+      // the stack without entering the complete phase. If this is a boundary,
+      // capture values if possible.
+      var _next = unwindWork(workInProgress, nextRenderExpirationTime);
+      // Because this fiber did not complete, don't reset its expiration time.
+      if (workInProgress.effectTag & DidCapture) {
+        // Restarting an error boundary
+        stopFailedWorkTimer(workInProgress);
+      } else {
+        stopWorkTimer(workInProgress);
+      }
+
+      {
+        ReactDebugCurrentFiber.resetCurrentFiber();
+      }
+
+      if (_next !== null) {
+        stopWorkTimer(workInProgress);
+        if (true && ReactFiberInstrumentation_1.debugTool) {
+          ReactFiberInstrumentation_1.debugTool.onCompleteWork(workInProgress);
+        }
+        // If completing this work spawned new work, do that next. We'll come
+        // back here again.
+        // Since we're restarting, remove anything that is not a host effect
+        // from the effect tag.
+        _next.effectTag &= HostEffectMask;
+        return _next;
+      }
+
+      if (returnFiber !== null) {
+        // Mark the parent fiber as incomplete and clear its effect list.
+        returnFiber.firstEffect = returnFiber.lastEffect = null;
+        returnFiber.effectTag |= Incomplete;
+      }
+
+      if (true && ReactFiberInstrumentation_1.debugTool) {
+        ReactFiberInstrumentation_1.debugTool.onCompleteWork(workInProgress);
+      }
+
+      if (siblingFiber !== null) {
+        // If there is more work to do in this returnFiber, do that next.
+        return siblingFiber;
+      } else if (returnFiber !== null) {
+        // If there's no more work in this returnFiber. Complete the returnFiber.
+        workInProgress = returnFiber;
+        continue;
+      } else {
+        return null;
+      }
+    }
+  }
+
+  // Without this explicit null return Flow complains of invalid return type
+  // TODO Remove the above while(true) loop
+  // eslint-disable-next-line no-unreachable
+  return null;
+}
+
+function performUnitOfWork(workInProgress) {
+  // 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
+  // progress.
+  var current = workInProgress.alternate;
+
+  // See if beginning this work spawns more work.
+  startWorkTimer(workInProgress);
+  {
+    ReactDebugCurrentFiber.setCurrentFiber(workInProgress);
+  }
+
+  if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
+    stashedWorkInProgressProperties = assignFiberPropertiesInDEV(
+      stashedWorkInProgressProperties,
+      workInProgress
+    );
+  }
+
+  var next = void 0;
+  if (enableProfilerTimer) {
+    if (workInProgress.mode & ProfileMode) {
+      startBaseRenderTimer();
+    }
+
+    next = beginWork(current, workInProgress, nextRenderExpirationTime);
+
+    if (workInProgress.mode & ProfileMode) {
+      // Update "base" time if the render wasn't bailed out on.
+      recordElapsedBaseRenderTimeIfRunning(workInProgress);
+      stopBaseRenderTimerIfRunning();
+    }
+  } else {
+    next = beginWork(current, workInProgress, nextRenderExpirationTime);
+  }
+
+  {
+    ReactDebugCurrentFiber.resetCurrentFiber();
+    if (isReplayingFailedUnitOfWork) {
+      // Currently replaying a failed unit of work. This should be unreachable,
+      // because the render phase is meant to be idempotent, and it should
+      // have thrown again. Since it didn't, rethrow the original error, so
+      // React's internal stack is not misaligned.
+      rethrowOriginalError();
+    }
+  }
+  if (true && ReactFiberInstrumentation_1.debugTool) {
+    ReactFiberInstrumentation_1.debugTool.onBeginWork(workInProgress);
+  }
+
+  if (next === null) {
+    // If this doesn't spawn new work, complete the current work.
+    next = completeUnitOfWork(workInProgress);
+  }
+
+  ReactCurrentOwner.current = null;
+
+  return next;
+}
+
+function workLoop(isYieldy) {
+  if (!isYieldy) {
+    // Flush work without yielding
+    while (nextUnitOfWork !== null) {
+      nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
+    }
+  } else {
+    // Flush asynchronous work until the deadline runs out of time.
+    while (nextUnitOfWork !== null && !shouldYield()) {
+      nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
+    }
+
+    if (enableProfilerTimer) {
+      // If we didn't finish, pause the "actual" render timer.
+      // We'll restart it when we resume work.
+      pauseActualRenderTimerIfRunning();
+    }
+  }
+}
+
+function renderRoot(root, isYieldy) {
+  invariant(
+    !isWorking,
+    "renderRoot was called recursively. This error is likely caused " +
+      "by a bug in React. Please file an issue."
+  );
+  isWorking = true;
+
+  var expirationTime = root.nextExpirationTimeToWorkOn;
+
+  // Check if we're starting from a fresh stack, or if we're resuming from
+  // previously yielded work.
+  if (
+    expirationTime !== nextRenderExpirationTime ||
+    root !== nextRoot ||
+    nextUnitOfWork === null
+  ) {
+    // Reset the stack and start working from the root.
+    resetStack();
+    nextRoot = root;
+    nextRenderExpirationTime = expirationTime;
+    nextLatestTimeoutMs = -1;
+    nextRenderDidError = false;
+    nextUnitOfWork = createWorkInProgress(
+      nextRoot.current,
+      null,
+      nextRenderExpirationTime
+    );
+    root.pendingCommitExpirationTime = NoWork;
+  }
+
+  var didFatal = false;
+
+  startWorkLoopTimer(nextUnitOfWork);
+
+  do {
+    try {
+      workLoop(isYieldy);
+    } catch (thrownValue) {
+      if (enableProfilerTimer) {
+        // Stop "base" render timer in the event of an error.
+        stopBaseRenderTimerIfRunning();
+      }
+
+      if (nextUnitOfWork === null) {
+        // This is a fatal error.
+        didFatal = true;
+        onUncaughtError(thrownValue);
+      } else {
+        {
+          // Reset global debug state
+          // We assume this is defined in DEV
+          resetCurrentlyProcessingQueue();
+        }
+
+        var failedUnitOfWork = nextUnitOfWork;
+        if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
+          replayUnitOfWork(failedUnitOfWork, thrownValue, isYieldy);
+        }
+
+        // TODO: we already know this isn't true in some cases.
+        // At least this shows a nicer error message until we figure out the cause.
+        // https://github.com/facebook/react/issues/12449#issuecomment-386727431
+        invariant(
+          nextUnitOfWork !== null,
+          "Failed to replay rendering after an error. This " +
+            "is likely caused by a bug in React. Please file an issue " +
+            "with a reproducing case to help us find it."
+        );
+
+        var sourceFiber = nextUnitOfWork;
+        var returnFiber = sourceFiber.return;
+        if (returnFiber === null) {
+          // This is the root. The root could capture its own errors. However,
+          // we don't know if it errors before or after we pushed the host
+          // context. This information is needed to avoid a stack mismatch.
+          // Because we're not sure, treat this as a fatal error. We could track
+          // which phase it fails in, but doesn't seem worth it. At least
+          // for now.
+          didFatal = true;
+          onUncaughtError(thrownValue);
+          break;
+        }
+        throwException(
+          root,
+          returnFiber,
+          sourceFiber,
+          thrownValue,
+          nextRenderExpirationTime,
+          mostRecentCurrentTimeMs
+        );
+        nextUnitOfWork = completeUnitOfWork(sourceFiber);
+      }
+    }
+    break;
+  } while (true);
+
+  // We're done performing work. Time to clean up.
+  isWorking = false;
+
+  // Yield back to main thread.
+  if (didFatal) {
+    var didCompleteRoot = false;
+    stopWorkLoopTimer(interruptedBy, didCompleteRoot);
+    interruptedBy = null;
+    // There was a fatal error.
+    {
+      resetStackAfterFatalErrorInDev();
+    }
+    onFatal(root);
+  } else if (nextUnitOfWork === null) {
+    // We reached the root.
+    var rootWorkInProgress = root.current.alternate;
+    invariant(
+      rootWorkInProgress !== null,
+      "Finished root should have a work-in-progress. This error is likely " +
+        "caused by a bug in React. Please file an issue."
+    );
+    if ((rootWorkInProgress.effectTag & Incomplete) === NoEffect) {
+      var _didCompleteRoot = true;
+      stopWorkLoopTimer(interruptedBy, _didCompleteRoot);
+      interruptedBy = null;
+      // The root successfully completed.
+      onComplete(root, rootWorkInProgress, expirationTime);
+    } else {
+      // The root did not complete.
+      var _didCompleteRoot2 = false;
+      stopWorkLoopTimer(interruptedBy, _didCompleteRoot2);
+      interruptedBy = null;
+      markSuspendedPriorityLevel(root, expirationTime, nextRenderDidError);
+      var suspendedExpirationTime = expirationTime;
+      var newExpirationTime = root.expirationTime;
+      onSuspend(
+        root,
+        suspendedExpirationTime,
+        newExpirationTime,
+        nextLatestTimeoutMs
+      );
+    }
+  } else {
+    var _didCompleteRoot3 = false;
+    stopWorkLoopTimer(interruptedBy, _didCompleteRoot3);
+    interruptedBy = null;
+    onYield(root);
+  }
+}
+
+function dispatch(sourceFiber, value, expirationTime) {
+  invariant(
+    !isWorking || isCommitting$1,
+    "dispatch: Cannot dispatch during the render phase."
+  );
+
+  var fiber = sourceFiber.return;
+  while (fiber !== null) {
+    switch (fiber.tag) {
+      case ClassComponent:
+        var ctor = fiber.type;
+        var instance = fiber.stateNode;
+        if (
+          typeof ctor.getDerivedStateFromCatch === "function" ||
+          (typeof instance.componentDidCatch === "function" &&
+            !isAlreadyFailedLegacyErrorBoundary(instance))
+        ) {
+          var errorInfo = createCapturedValue(value, sourceFiber);
+          var update = createClassErrorUpdate(fiber, errorInfo, expirationTime);
+          enqueueUpdate(fiber, update, expirationTime);
+          scheduleWork(fiber, expirationTime);
+          return;
+        }
+        break;
+      case HostRoot: {
+        var _errorInfo = createCapturedValue(value, sourceFiber);
+        var _update = createRootErrorUpdate(fiber, _errorInfo, expirationTime);
+        enqueueUpdate(fiber, _update, expirationTime);
+        scheduleWork(fiber, expirationTime);
+        return;
+      }
+    }
+    fiber = fiber.return;
+  }
+
+  if (sourceFiber.tag === HostRoot) {
+    // Error was thrown at the root. There is no parent, so the root
+    // itself should capture it.
+    var rootFiber = sourceFiber;
+    var _errorInfo2 = createCapturedValue(value, rootFiber);
+    var _update2 = createRootErrorUpdate(
+      rootFiber,
+      _errorInfo2,
+      expirationTime
+    );
+    enqueueUpdate(rootFiber, _update2, expirationTime);
+    scheduleWork(rootFiber, expirationTime);
+  }
+}
+
+function captureCommitPhaseError(fiber, error) {
+  return dispatch(fiber, error, Sync);
+}
+
+function computeAsyncExpiration(currentTime) {
+  // Given the current clock time, returns an expiration time. We use rounding
+  // to batch like updates together.
+  // Should complete within ~5000ms. 5250ms max.
+  var expirationMs = 5000;
+  var bucketSizeMs = 250;
+  return computeExpirationBucket(currentTime, expirationMs, bucketSizeMs);
+}
+
+function computeInteractiveExpiration(currentTime) {
+  var expirationMs = void 0;
+  // We intentionally set a higher expiration time for interactive updates in
+  // dev than in production.
+  // If the main thread is being blocked so long that you hit the expiration,
+  // it's a problem that could be solved with better scheduling.
+  // People will be more likely to notice this and fix it with the long
+  // expiration time in development.
+  // In production we opt for better UX at the risk of masking scheduling
+  // problems, by expiring fast.
+  {
+    // Should complete within ~500ms. 600ms max.
+    expirationMs = 500;
+  }
+  var bucketSizeMs = 100;
+  return computeExpirationBucket(currentTime, expirationMs, bucketSizeMs);
+}
+
+// Creates a unique async expiration time.
+function computeUniqueAsyncExpiration() {
+  var currentTime = recalculateCurrentTime();
+  var result = computeAsyncExpiration(currentTime);
+  if (result <= lastUniqueAsyncExpiration) {
+    // Since we assume the current time monotonically increases, we only hit
+    // this branch when computeUniqueAsyncExpiration is fired multiple times
+    // within a 200ms window (or whatever the async bucket size is).
+    result = lastUniqueAsyncExpiration + 1;
+  }
+  lastUniqueAsyncExpiration = result;
+  return lastUniqueAsyncExpiration;
+}
+
+function computeExpirationForFiber(currentTime, fiber) {
+  var expirationTime = void 0;
+  if (expirationContext !== NoWork) {
+    // An explicit expiration context was set;
+    expirationTime = expirationContext;
+  } else if (isWorking) {
+    if (isCommitting$1) {
+      // Updates that occur during the commit phase should have sync priority
+      // by default.
+      expirationTime = Sync;
+    } else {
+      // Updates during the render phase should expire at the same time as
+      // the work that is being rendered.
+      expirationTime = nextRenderExpirationTime;
+    }
+  } else {
+    // No explicit expiration context was set, and we're not currently
+    // performing work. Calculate a new expiration time.
+    if (fiber.mode & AsyncMode) {
+      if (isBatchingInteractiveUpdates) {
+        // This is an interactive update
+        expirationTime = computeInteractiveExpiration(currentTime);
+      } else {
+        // This is an async update
+        expirationTime = computeAsyncExpiration(currentTime);
+      }
+    } else {
+      // This is a sync update
+      expirationTime = Sync;
+    }
+  }
+  if (isBatchingInteractiveUpdates) {
+    // This is an interactive update. Keep track of the lowest pending
+    // interactive expiration time. This allows us to synchronously flush
+    // all interactive updates when needed.
+    if (
+      lowestPendingInteractiveExpirationTime === NoWork ||
+      expirationTime > lowestPendingInteractiveExpirationTime
+    ) {
+      lowestPendingInteractiveExpirationTime = expirationTime;
+    }
+  }
+  return expirationTime;
+}
+
+function markTimeout(root, thenable, timeoutMs, suspendedTime) {
+  // Schedule the timeout.
+  if (timeoutMs >= 0 && nextLatestTimeoutMs < timeoutMs) {
+    nextLatestTimeoutMs = timeoutMs;
+  }
+}
+
+function markError(root) {
+  nextRenderDidError = true;
+}
+
+function retrySuspendedRoot(root, suspendedTime) {
+  markPingedPriorityLevel(root, suspendedTime);
+  var retryTime = root.expirationTime;
+  if (retryTime !== NoWork) {
+    requestWork(root, retryTime);
+  }
+}
+
+function scheduleWork(fiber, expirationTime) {
+  recordScheduleUpdate();
+
+  {
+    if (fiber.tag === ClassComponent) {
+      var instance = fiber.stateNode;
+      warnAboutInvalidUpdates(instance);
+    }
+  }
+
+  var node = fiber;
+  while (node !== null) {
+    // Walk the parent path to the root and update each node's
+    // expiration time.
+    if (
+      node.expirationTime === NoWork ||
+      node.expirationTime > expirationTime
+    ) {
+      node.expirationTime = expirationTime;
+    }
+    if (node.alternate !== null) {
+      if (
+        node.alternate.expirationTime === NoWork ||
+        node.alternate.expirationTime > expirationTime
+      ) {
+        node.alternate.expirationTime = expirationTime;
+      }
+    }
+    if (node.return === null) {
+      if (node.tag === HostRoot) {
+        var root = node.stateNode;
+        if (
+          !isWorking &&
+          nextRenderExpirationTime !== NoWork &&
+          expirationTime < nextRenderExpirationTime
+        ) {
+          // This is an interruption. (Used for performance tracking.)
+          interruptedBy = fiber;
+          resetStack();
+        }
+        markPendingPriorityLevel(root, expirationTime);
+        if (
+          // If we're in the render phase, we don't need to schedule this root
+          // for an update, because we'll do it before we exit...
+          !isWorking ||
+          isCommitting$1 ||
+          // ...unless this is a different root than the one we're rendering.
+          nextRoot !== root
+        ) {
+          var rootExpirationTime = root.expirationTime;
+          requestWork(root, rootExpirationTime);
+        }
+        if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
+          invariant(
+            false,
+            "Maximum update depth exceeded. This can happen when a " +
+              "component repeatedly calls setState inside " +
+              "componentWillUpdate or componentDidUpdate. React limits " +
+              "the number of nested updates to prevent infinite loops."
+          );
+        }
+      } else {
+        {
+          if (fiber.tag === ClassComponent) {
+            warnAboutUpdateOnUnmounted(fiber);
+          }
+        }
+        return;
+      }
+    }
+    node = node.return;
+  }
+}
+
+function recalculateCurrentTime() {
+  // Subtract initial time so it fits inside 32bits
+  mostRecentCurrentTimeMs = now() - originalStartTimeMs;
+  mostRecentCurrentTime = msToExpirationTime(mostRecentCurrentTimeMs);
+  return mostRecentCurrentTime;
+}
+
+function deferredUpdates(fn) {
+  var previousExpirationContext = expirationContext;
+  var currentTime = recalculateCurrentTime();
+  expirationContext = computeAsyncExpiration(currentTime);
+  try {
+    return fn();
+  } finally {
+    expirationContext = previousExpirationContext;
+  }
+}
+function syncUpdates(fn, a, b, c, d) {
+  var previousExpirationContext = expirationContext;
+  expirationContext = Sync;
+  try {
+    return fn(a, b, c, d);
+  } finally {
+    expirationContext = previousExpirationContext;
+  }
+}
+
+// TODO: Everything below this is written as if it has been lifted to the
+// renderers. I'll do this in a follow-up.
+
+// Linked-list of roots
+var firstScheduledRoot = null;
+var lastScheduledRoot = null;
+
+var callbackExpirationTime = NoWork;
+var callbackID = void 0;
+var isRendering = false;
+var nextFlushedRoot = null;
+var nextFlushedExpirationTime = NoWork;
+var lowestPendingInteractiveExpirationTime = NoWork;
+var deadlineDidExpire = false;
+var hasUnhandledError = false;
+var unhandledError = null;
+var deadline = null;
+
+var isBatchingUpdates = false;
+var isUnbatchingUpdates = false;
+var isBatchingInteractiveUpdates = false;
+
+var completedBatches = null;
+
+// Use these to prevent an infinite loop of nested updates
+var NESTED_UPDATE_LIMIT = 1000;
+var nestedUpdateCount = 0;
+
+var timeHeuristicForUnitOfWork = 1;
+
+function scheduleCallbackWithExpirationTime(expirationTime) {
+  if (callbackExpirationTime !== NoWork) {
+    // A callback is already scheduled. Check its expiration time (timeout).
+    if (expirationTime > callbackExpirationTime) {
+      // Existing callback has sufficient timeout. Exit.
+      return;
+    } else {
+      if (callbackID !== null) {
+        // Existing callback has insufficient timeout. Cancel and schedule a
+        // new one.
+        cancelDeferredCallback(callbackID);
+      }
+    }
+    // The request callback timer is already running. Don't start a new one.
+  } else {
+    startRequestCallbackTimer();
+  }
+
+  callbackExpirationTime = expirationTime;
+  var currentMs = now() - originalStartTimeMs;
+  var expirationTimeMs = expirationTimeToMs(expirationTime);
+  var timeout = expirationTimeMs - currentMs;
+  callbackID = scheduleDeferredCallback(performAsyncWork, { timeout: timeout });
+}
+
+// For every call to renderRoot, one of onFatal, onComplete, onSuspend, and
+// onYield is called upon exiting. We use these in lieu of returning a tuple.
+// I've also chosen not to inline them into renderRoot because these will
+// eventually be lifted into the renderer.
+function onFatal(root) {
+  root.finishedWork = null;
+}
+
+function onComplete(root, finishedWork, expirationTime) {
+  root.pendingCommitExpirationTime = expirationTime;
+  root.finishedWork = finishedWork;
+}
+
+function onSuspend(root, suspendedExpirationTime, expirationTime, timeoutMs) {
+  if (timeoutMs >= 0) {
+    var suspendedRoot = root;
+    setTimeout(function() {
+      retrySuspendedRoot(suspendedRoot, suspendedExpirationTime);
+    }, timeoutMs);
+  }
+  root.expirationTime = expirationTime;
+}
+
+function onYield(root) {
+  root.finishedWork = null;
+}
+
+function onCommit(root, expirationTime) {
+  root.expirationTime = expirationTime;
+  root.finishedWork = null;
+}
+
+// requestWork is called by the scheduler whenever a root receives an update.
+// It's up to the renderer to call renderRoot at some point in the future.
+function requestWork(root, expirationTime) {
+  addRootToSchedule(root, expirationTime);
+
+  if (isRendering) {
+    // Prevent reentrancy. Remaining work will be scheduled at the end of
+    // the currently rendering batch.
+    return;
+  }
+
+  if (isBatchingUpdates) {
+    // Flush work at the end of the batch.
+    if (isUnbatchingUpdates) {
+      // ...unless we're inside unbatchedUpdates, in which case we should
+      // flush it now.
+      nextFlushedRoot = root;
+      nextFlushedExpirationTime = Sync;
+      performWorkOnRoot(root, Sync, false);
+    }
+    return;
+  }
+
+  // TODO: Get rid of Sync and use current time?
+  if (expirationTime === Sync) {
+    performSyncWork();
+  } else {
+    scheduleCallbackWithExpirationTime(expirationTime);
+  }
+}
+
+function addRootToSchedule(root, expirationTime) {
+  // Add the root to the schedule.
+  // Check if this root is already part of the schedule.
+  if (root.nextScheduledRoot === null) {
+    // This root is not already scheduled. Add it.
+    root.expirationTime = expirationTime;
+    if (lastScheduledRoot === null) {
+      firstScheduledRoot = lastScheduledRoot = root;
+      root.nextScheduledRoot = root;
+    } else {
+      lastScheduledRoot.nextScheduledRoot = root;
+      lastScheduledRoot = root;
+      lastScheduledRoot.nextScheduledRoot = firstScheduledRoot;
+    }
+  } else {
+    // This root is already scheduled, but its priority may have increased.
+    var remainingExpirationTime = root.expirationTime;
+    if (
+      remainingExpirationTime === NoWork ||
+      expirationTime < remainingExpirationTime
+    ) {
+      // Update the priority.
+      root.expirationTime = expirationTime;
+    }
+  }
+}
+
+function findHighestPriorityRoot() {
+  var highestPriorityWork = NoWork;
+  var highestPriorityRoot = null;
+  if (lastScheduledRoot !== null) {
+    var previousScheduledRoot = lastScheduledRoot;
+    var root = firstScheduledRoot;
+    while (root !== null) {
+      var remainingExpirationTime = root.expirationTime;
+      if (remainingExpirationTime === NoWork) {
+        // This root no longer has work. Remove it from the scheduler.
+
+        // TODO: This check is redudant, but Flow is confused by the branch
+        // below where we set lastScheduledRoot to null, even though we break
+        // from the loop right after.
+        invariant(
+          previousScheduledRoot !== null && lastScheduledRoot !== null,
+          "Should have a previous and last root. This error is likely " +
+            "caused by a bug in React. Please file an issue."
+        );
+        if (root === root.nextScheduledRoot) {
+          // This is the only root in the list.
+          root.nextScheduledRoot = null;
+          firstScheduledRoot = lastScheduledRoot = null;
+          break;
+        } else if (root === firstScheduledRoot) {
+          // This is the first root in the list.
+          var next = root.nextScheduledRoot;
+          firstScheduledRoot = next;
+          lastScheduledRoot.nextScheduledRoot = next;
+          root.nextScheduledRoot = null;
+        } else if (root === lastScheduledRoot) {
+          // This is the last root in the list.
+          lastScheduledRoot = previousScheduledRoot;
+          lastScheduledRoot.nextScheduledRoot = firstScheduledRoot;
+          root.nextScheduledRoot = null;
+          break;
+        } else {
+          previousScheduledRoot.nextScheduledRoot = root.nextScheduledRoot;
+          root.nextScheduledRoot = null;
+        }
+        root = previousScheduledRoot.nextScheduledRoot;
+      } else {
+        if (
+          highestPriorityWork === NoWork ||
+          remainingExpirationTime < highestPriorityWork
+        ) {
+          // Update the priority, if it's higher
+          highestPriorityWork = remainingExpirationTime;
+          highestPriorityRoot = root;
+        }
+        if (root === lastScheduledRoot) {
+          break;
+        }
+        previousScheduledRoot = root;
+        root = root.nextScheduledRoot;
+      }
+    }
+  }
+
+  // If the next root is the same as the previous root, this is a nested
+  // update. To prevent an infinite loop, increment the nested update count.
+  var previousFlushedRoot = nextFlushedRoot;
+  if (
+    previousFlushedRoot !== null &&
+    previousFlushedRoot === highestPriorityRoot &&
+    highestPriorityWork === Sync
+  ) {
+    nestedUpdateCount++;
+  } else {
+    // Reset whenever we switch roots.
+    nestedUpdateCount = 0;
+  }
+  nextFlushedRoot = highestPriorityRoot;
+  nextFlushedExpirationTime = highestPriorityWork;
+}
+
+function performAsyncWork(dl) {
+  performWork(NoWork, dl);
+}
+
+function performSyncWork() {
+  performWork(Sync, null);
+}
+
+function performWork(minExpirationTime, dl) {
+  deadline = dl;
+
+  // Keep working on roots until there's no more work, or until the we reach
+  // the deadline.
+  findHighestPriorityRoot();
+
+  if (enableProfilerTimer) {
+    resumeActualRenderTimerIfPaused();
+  }
+
+  if (enableUserTimingAPI && deadline !== null) {
+    var didExpire = nextFlushedExpirationTime < recalculateCurrentTime();
+    var timeout = expirationTimeToMs(nextFlushedExpirationTime);
+    stopRequestCallbackTimer(didExpire, timeout);
+  }
+
+  if (deadline !== null) {
+    while (
+      nextFlushedRoot !== null &&
+      nextFlushedExpirationTime !== NoWork &&
+      (minExpirationTime === NoWork ||
+        minExpirationTime >= nextFlushedExpirationTime) &&
+      (!deadlineDidExpire ||
+        recalculateCurrentTime() >= nextFlushedExpirationTime)
+    ) {
+      recalculateCurrentTime();
+      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, true);
+      findHighestPriorityRoot();
+    }
+  } else {
+    while (
+      nextFlushedRoot !== null &&
+      nextFlushedExpirationTime !== NoWork &&
+      (minExpirationTime === NoWork ||
+        minExpirationTime >= nextFlushedExpirationTime)
+    ) {
+      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, false);
+      findHighestPriorityRoot();
+    }
+  }
+
+  // We're done flushing work. Either we ran out of time in this callback,
+  // or there's no more work left with sufficient priority.
+
+  // If we're inside a callback, set this to false since we just completed it.
+  if (deadline !== null) {
+    callbackExpirationTime = NoWork;
+    callbackID = null;
+  }
+  // If there's work left over, schedule a new callback.
+  if (nextFlushedExpirationTime !== NoWork) {
+    scheduleCallbackWithExpirationTime(nextFlushedExpirationTime);
+  }
+
+  // Clean-up.
+  deadline = null;
+  deadlineDidExpire = false;
+
+  finishRendering();
+}
+
+function flushRoot(root, expirationTime) {
+  invariant(
+    !isRendering,
+    "work.commit(): Cannot commit while already rendering. This likely " +
+      "means you attempted to commit from inside a lifecycle method."
+  );
+  // Perform work on root as if the given expiration time is the current time.
+  // This has the effect of synchronously flushing all work up to and
+  // including the given time.
+  nextFlushedRoot = root;
+  nextFlushedExpirationTime = expirationTime;
+  performWorkOnRoot(root, expirationTime, false);
+  // Flush any sync work that was scheduled by lifecycles
+  performSyncWork();
+  finishRendering();
+}
+
+function finishRendering() {
+  nestedUpdateCount = 0;
+
+  if (completedBatches !== null) {
+    var batches = completedBatches;
+    completedBatches = null;
+    for (var i = 0; i < batches.length; i++) {
+      var batch = batches[i];
+      try {
+        batch._onComplete();
+      } catch (error) {
+        if (!hasUnhandledError) {
+          hasUnhandledError = true;
+          unhandledError = error;
+        }
+      }
+    }
+  }
+
+  if (hasUnhandledError) {
+    var error = unhandledError;
+    unhandledError = null;
+    hasUnhandledError = false;
+    throw error;
+  }
+}
+
+function performWorkOnRoot(root, expirationTime, isYieldy) {
+  invariant(
+    !isRendering,
+    "performWorkOnRoot was called recursively. This error is likely caused " +
+      "by a bug in React. Please file an issue."
+  );
+
+  isRendering = true;
+
+  // Check if this is async work or sync/expired work.
+  if (!isYieldy) {
+    // Flush work without yielding.
+    var finishedWork = root.finishedWork;
+    if (finishedWork !== null) {
+      // This root is already complete. We can commit it.
+      completeRoot$1(root, finishedWork, expirationTime);
+    } else {
+      root.finishedWork = null;
+      renderRoot(root, false);
+      finishedWork = root.finishedWork;
+      if (finishedWork !== null) {
+        // We've completed the root. Commit it.
+        completeRoot$1(root, finishedWork, expirationTime);
+      }
+    }
+  } else {
+    // Flush async work.
+    var _finishedWork = root.finishedWork;
+    if (_finishedWork !== null) {
+      // This root is already complete. We can commit it.
+      completeRoot$1(root, _finishedWork, expirationTime);
+    } else {
+      root.finishedWork = null;
+      renderRoot(root, true);
+      _finishedWork = root.finishedWork;
+      if (_finishedWork !== null) {
+        // We've completed the root. Check the deadline one more time
+        // before committing.
+        if (!shouldYield()) {
+          // Still time left. Commit the root.
+          completeRoot$1(root, _finishedWork, expirationTime);
+        } else {
+          // There's no time left. Mark this root as complete. We'll come
+          // back and commit it later.
+          root.finishedWork = _finishedWork;
+
+          if (enableProfilerTimer) {
+            // If we didn't finish, pause the "actual" render timer.
+            // We'll restart it when we resume work.
+            pauseActualRenderTimerIfRunning();
+          }
+        }
+      }
+    }
+  }
+
+  isRendering = false;
+}
+
+function completeRoot$1(root, finishedWork, expirationTime) {
+  // Check if there's a batch that matches this expiration time.
+  var firstBatch = root.firstBatch;
+  if (firstBatch !== null && firstBatch._expirationTime <= expirationTime) {
+    if (completedBatches === null) {
+      completedBatches = [firstBatch];
+    } else {
+      completedBatches.push(firstBatch);
+    }
+    if (firstBatch._defer) {
+      // This root is blocked from committing by a batch. Unschedule it until
+      // we receive another update.
+      root.finishedWork = finishedWork;
+      root.expirationTime = NoWork;
+      return;
+    }
+  }
+
+  // Commit the root.
+  root.finishedWork = null;
+  commitRoot(root, finishedWork);
+}
+
+// When working on async work, the reconciler asks the renderer if it should
+// yield execution. For DOM, we implement this with requestIdleCallback.
+function shouldYield() {
+  if (deadline === null || deadlineDidExpire) {
+    return false;
+  }
+  if (deadline.timeRemaining() > timeHeuristicForUnitOfWork) {
+    // Disregard deadline.didTimeout. Only expired work should be flushed
+    // during a timeout. This path is only hit for non-expired work.
+    return false;
+  }
+  deadlineDidExpire = true;
+  return true;
+}
+
+function onUncaughtError(error) {
+  invariant(
+    nextFlushedRoot !== null,
+    "Should be working on a root. This error is likely caused by a bug in " +
+      "React. Please file an issue."
+  );
+  // Unschedule this root so we don't work on it again until there's
+  // another update.
+  nextFlushedRoot.expirationTime = NoWork;
+  if (!hasUnhandledError) {
+    hasUnhandledError = true;
+    unhandledError = error;
+  }
+}
+
+// TODO: Batching should be implemented at the renderer level, not inside
+// the reconciler.
+function batchedUpdates$1(fn, a) {
+  var previousIsBatchingUpdates = isBatchingUpdates;
+  isBatchingUpdates = true;
+  try {
+    return fn(a);
+  } finally {
+    isBatchingUpdates = previousIsBatchingUpdates;
+    if (!isBatchingUpdates && !isRendering) {
+      performSyncWork();
+    }
+  }
+}
+
+// TODO: Batching should be implemented at the renderer level, not inside
+// the reconciler.
+function unbatchedUpdates(fn, a) {
+  if (isBatchingUpdates && !isUnbatchingUpdates) {
+    isUnbatchingUpdates = true;
+    try {
+      return fn(a);
+    } finally {
+      isUnbatchingUpdates = false;
+    }
+  }
+  return fn(a);
+}
+
+// TODO: Batching should be implemented at the renderer level, not within
+// the reconciler.
+function flushSync(fn, a) {
+  invariant(
+    !isRendering,
+    "flushSync was called from inside a lifecycle method. It cannot be " +
+      "called when React is already rendering."
+  );
+  var previousIsBatchingUpdates = isBatchingUpdates;
+  isBatchingUpdates = true;
+  try {
+    return syncUpdates(fn, a);
+  } finally {
+    isBatchingUpdates = previousIsBatchingUpdates;
+    performSyncWork();
+  }
+}
+
+function interactiveUpdates$1(fn, a, b) {
+  if (isBatchingInteractiveUpdates) {
+    return fn(a, b);
+  }
+  // If there are any pending interactive updates, synchronously flush them.
+  // This needs to happen before we read any handlers, because the effect of
+  // the previous event may influence which handlers are called during
+  // this event.
+  if (
+    !isBatchingUpdates &&
+    !isRendering &&
+    lowestPendingInteractiveExpirationTime !== NoWork
+  ) {
+    // Synchronously flush pending interactive updates.
+    performWork(lowestPendingInteractiveExpirationTime, null);
+    lowestPendingInteractiveExpirationTime = NoWork;
+  }
+  var previousIsBatchingInteractiveUpdates = isBatchingInteractiveUpdates;
+  var previousIsBatchingUpdates = isBatchingUpdates;
+  isBatchingInteractiveUpdates = true;
+  isBatchingUpdates = true;
+  try {
+    return fn(a, b);
+  } finally {
+    isBatchingInteractiveUpdates = previousIsBatchingInteractiveUpdates;
+    isBatchingUpdates = previousIsBatchingUpdates;
+    if (!isBatchingUpdates && !isRendering) {
+      performSyncWork();
+    }
+  }
+}
+
+function flushInteractiveUpdates$1() {
+  if (!isRendering && lowestPendingInteractiveExpirationTime !== NoWork) {
+    // Synchronously flush pending interactive updates.
+    performWork(lowestPendingInteractiveExpirationTime, null);
+    lowestPendingInteractiveExpirationTime = NoWork;
+  }
+}
+
+function flushControlled(fn) {
+  var previousIsBatchingUpdates = isBatchingUpdates;
+  isBatchingUpdates = true;
+  try {
+    syncUpdates(fn);
+  } finally {
+    isBatchingUpdates = previousIsBatchingUpdates;
+    if (!isBatchingUpdates && !isRendering) {
+      performWork(Sync, null);
+    }
+  }
+}
+
+// 0 is PROD, 1 is DEV.
+// Might add PROFILE later.
+
+var didWarnAboutNestedUpdates = void 0;
+
+{
+  didWarnAboutNestedUpdates = false;
+}
+
+function getContextForSubtree(parentComponent) {
+  if (!parentComponent) {
+    return emptyObject;
+  }
+
+  var fiber = get$1(parentComponent);
+  var parentContext = findCurrentUnmaskedContext(fiber);
+  return isContextProvider(fiber)
+    ? processChildContext(fiber, parentContext)
+    : parentContext;
+}
+
+function scheduleRootUpdate(current, element, expirationTime, callback) {
+  {
+    if (
+      ReactDebugCurrentFiber.phase === "render" &&
+      ReactDebugCurrentFiber.current !== null &&
+      !didWarnAboutNestedUpdates
+    ) {
+      didWarnAboutNestedUpdates = true;
+      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"
+      );
+    }
+  }
+
+  var update = createUpdate(expirationTime);
+  // Caution: React DevTools currently depends on this property
+  // being called "element".
+  update.payload = { element: element };
+
+  callback = callback === undefined ? null : callback;
+  if (callback !== null) {
+    !(typeof callback === "function")
+      ? warning(
+          false,
+          "render(...): Expected the last optional `callback` argument to be a " +
+            "function. Instead received: %s.",
+          callback
+        )
+      : void 0;
+    update.callback = callback;
+  }
+  enqueueUpdate(current, update, expirationTime);
+
+  scheduleWork(current, expirationTime);
+  return expirationTime;
+}
+
+function updateContainerAtExpirationTime(
+  element,
+  container,
+  parentComponent,
+  expirationTime,
+  callback
+) {
+  // TODO: If this is a nested container, this won't be the root.
+  var current = container.current;
+
+  {
+    if (ReactFiberInstrumentation_1.debugTool) {
+      if (current.alternate === null) {
+        ReactFiberInstrumentation_1.debugTool.onMountContainer(container);
+      } else if (element === null) {
+        ReactFiberInstrumentation_1.debugTool.onUnmountContainer(container);
+      } else {
+        ReactFiberInstrumentation_1.debugTool.onUpdateContainer(container);
+      }
+    }
+  }
+
+  var context = getContextForSubtree(parentComponent);
+  if (container.context === null) {
+    container.context = context;
+  } else {
+    container.pendingContext = context;
+  }
+
+  return scheduleRootUpdate(current, element, expirationTime, callback);
+}
+
+function findHostInstance$1(component) {
+  var fiber = get$1(component);
+  if (fiber === undefined) {
+    if (typeof component.render === "function") {
+      invariant(false, "Unable to find node on an unmounted component.");
+    } else {
+      invariant(
+        false,
+        "Argument appears to not be a ReactComponent. Keys: %s",
+        Object.keys(component)
+      );
+    }
+  }
+  var hostFiber = findCurrentHostFiber(fiber);
+  if (hostFiber === null) {
+    return null;
+  }
+  return hostFiber.stateNode;
+}
+
+function createContainer(containerInfo, isAsync, hydrate) {
+  return createFiberRoot(containerInfo, isAsync, hydrate);
+}
+
+function updateContainer(element, container, parentComponent, callback) {
+  var current = container.current;
+  var currentTime = recalculateCurrentTime();
+  var expirationTime = computeExpirationForFiber(currentTime, current);
+  return updateContainerAtExpirationTime(
+    element,
+    container,
+    parentComponent,
+    expirationTime,
+    callback
+  );
+}
+
+function getPublicRootInstance(container) {
+  var containerFiber = container.current;
+  if (!containerFiber.child) {
+    return null;
+  }
+  switch (containerFiber.child.tag) {
+    case HostComponent:
+      return getPublicInstance(containerFiber.child.stateNode);
+    default:
+      return containerFiber.child.stateNode;
+  }
+}
+
+function findHostInstanceWithNoPortals(fiber) {
+  var hostFiber = findCurrentHostFiberWithNoPortals(fiber);
+  if (hostFiber === null) {
+    return null;
+  }
+  return hostFiber.stateNode;
+}
+
+function injectIntoDevTools(devToolsConfig) {
+  var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+
+  return injectInternals(
+    Object.assign({}, devToolsConfig, {
+      findHostInstanceByFiber: function(fiber) {
+        var hostFiber = findCurrentHostFiber(fiber);
+        if (hostFiber === null) {
+          return null;
+        }
+        return hostFiber.stateNode;
+      },
+      findFiberByHostInstance: function(instance) {
+        if (!findFiberByHostInstance) {
+          // Might not be implemented by the renderer.
+          return null;
+        }
+        return findFiberByHostInstance(instance);
+      }
+    })
+  );
+}
+
+// This file intentionally does *not* have the Flow annotation.
+// Don't add it. See `./inline-typed.js` for an explanation.
+
+var ReactFabricRenderer = Object.freeze({
+  updateContainerAtExpirationTime: updateContainerAtExpirationTime,
+  createContainer: createContainer,
+  updateContainer: updateContainer,
+  flushRoot: flushRoot,
+  requestWork: requestWork,
+  computeUniqueAsyncExpiration: computeUniqueAsyncExpiration,
+  batchedUpdates: batchedUpdates$1,
+  unbatchedUpdates: unbatchedUpdates,
+  deferredUpdates: deferredUpdates,
+  syncUpdates: syncUpdates,
+  interactiveUpdates: interactiveUpdates$1,
+  flushInteractiveUpdates: flushInteractiveUpdates$1,
+  flushControlled: flushControlled,
+  flushSync: flushSync,
+  getPublicRootInstance: getPublicRootInstance,
+  findHostInstance: findHostInstance$1,
+  findHostInstanceWithNoPortals: findHostInstanceWithNoPortals,
+  injectIntoDevTools: injectIntoDevTools
+});
+
+function createPortal(
+  children,
+  containerInfo,
+  // TODO: figure out the API for cross-renderer implementation.
+  implementation
+) {
+  var key =
+    arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+
+  return {
+    // This tag allow us to uniquely identify this as a React Portal
+    $$typeof: REACT_PORTAL_TYPE,
+    key: key == null ? null : "" + key,
+    children: children,
+    containerInfo: containerInfo,
+    implementation: implementation
+  };
+}
+
+// TODO: this is special because it gets imported during build.
+
+var ReactVersion = "16.4.1";
+
+// Modules provided by RN:
+var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
+  /**
+   * `NativeMethodsMixin` provides methods to access the underlying native
+   * component directly. This can be useful in cases when you want to focus
+   * a view or measure its on-screen dimensions, for example.
+   *
+   * The methods described here are available on most of the default components
+   * provided by React Native. Note, however, that they are *not* available on
+   * composite components that aren't directly backed by a native view. This will
+   * generally include most components that you define in your own app. For more
+   * information, see [Direct
+   * Manipulation](docs/direct-manipulation.html).
+   *
+   * Note the Flow $Exact<> syntax is required to support mixins.
+   * React createClass mixins can only be used with exact types.
+   */
+  var NativeMethodsMixin = {
+    /**
+     * Determines the location on screen, width, and height of the given view and
+     * returns the values via an async callback. If successful, the callback will
+     * be called with the following arguments:
+     *
+     *  - x
+     *  - y
+     *  - width
+     *  - height
+     *  - pageX
+     *  - pageY
+     *
+     * Note that these measurements are not available until after the rendering
+     * has been completed in native. If you need the measurements as soon as
+     * possible, consider using the [`onLayout`
+     * prop](docs/view.html#onlayout) instead.
+     */
+    measure: function(callback) {
+      UIManager.measure(
+        findNodeHandle(this),
+        mountSafeCallback(this, callback)
+      );
+    },
+
+    /**
+     * Determines the location of the given view in the window and returns the
+     * values via an async callback. If the React root view is embedded in
+     * another native view, this will give you the absolute coordinates. If
+     * successful, the callback will be called with the following
+     * arguments:
+     *
+     *  - x
+     *  - y
+     *  - width
+     *  - height
+     *
+     * Note that these measurements are not available until after the rendering
+     * has been completed in native.
+     */
+    measureInWindow: function(callback) {
+      UIManager.measureInWindow(
+        findNodeHandle(this),
+        mountSafeCallback(this, callback)
+      );
+    },
+
+    /**
+     * Like [`measure()`](#measure), but measures the view relative an ancestor,
+     * specified as `relativeToNativeNode`. This means that the returned x, y
+     * are relative to the origin x, y of the ancestor view.
+     *
+     * As always, to obtain a native node handle for a component, you can use
+     * `findNodeHandle(component)`.
+     */
+    measureLayout: function(
+      relativeToNativeNode,
+      onSuccess,
+      onFail /* currently unused */
+    ) {
+      UIManager.measureLayout(
+        findNodeHandle(this),
+        relativeToNativeNode,
+        mountSafeCallback(this, onFail),
+        mountSafeCallback(this, onSuccess)
+      );
+    },
+
+    /**
+     * This function sends props straight to native. They will not participate in
+     * future diff process - this means that if you do not include them in the
+     * next render, they will remain active (see [Direct
+     * Manipulation](docs/direct-manipulation.html)).
+     */
+    setNativeProps: function(nativeProps) {
+      // Class components don't have viewConfig -> validateAttributes.
+      // Nor does it make sense to set native props on a non-native component.
+      // Instead, find the nearest host component and set props on it.
+      // Use findNodeHandle() rather than findNodeHandle() because
+      // We want the instance/wrapper (not the native tag).
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
+
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
+      }
+
+      var viewConfig = maybeInstance.viewConfig;
+
+      {
+        warnForStyleProps(nativeProps, viewConfig.validAttributes);
+      }
+
+      var updatePayload = create(nativeProps, viewConfig.validAttributes);
+
+      // Avoid the overhead of bridge calls if there's no update.
+      // This is an expensive no-op for Android, and causes an unnecessary
+      // view invalidation for certain components (eg RCTTextInput) on iOS.
+      if (updatePayload != null) {
+        UIManager.updateView(
+          maybeInstance._nativeTag,
+          viewConfig.uiViewClassName,
+          updatePayload
+        );
+      }
+    },
+
+    /**
+     * Requests focus for the given input or view. The exact behavior triggered
+     * will depend on the platform and type of view.
+     */
+    focus: function() {
+      TextInputState.focusTextInput(findNodeHandle(this));
+    },
+
+    /**
+     * Removes focus from an input or view. This is the opposite of `focus()`.
+     */
+    blur: function() {
+      TextInputState.blurTextInput(findNodeHandle(this));
+    }
+  };
+
+  {
+    // hide this from Flow since we can't define these properties outside of
+    // true without actually implementing them (setting them to undefined
+    // isn't allowed by ReactClass)
+    var NativeMethodsMixin_DEV = NativeMethodsMixin;
+    invariant(
+      !NativeMethodsMixin_DEV.componentWillMount &&
+        !NativeMethodsMixin_DEV.componentWillReceiveProps &&
+        !NativeMethodsMixin_DEV.UNSAFE_componentWillMount &&
+        !NativeMethodsMixin_DEV.UNSAFE_componentWillReceiveProps,
+      "Do not override existing functions."
+    );
+    // TODO (bvaughn) Remove cWM and cWRP in a future version of React Native,
+    // Once these lifecycles have been remove from the reconciler.
+    NativeMethodsMixin_DEV.componentWillMount = function() {
+      throwOnStylesProp(this, this.props);
+    };
+    NativeMethodsMixin_DEV.componentWillReceiveProps = function(newProps) {
+      throwOnStylesProp(this, newProps);
+    };
+    NativeMethodsMixin_DEV.UNSAFE_componentWillMount = function() {
+      throwOnStylesProp(this, this.props);
+    };
+    NativeMethodsMixin_DEV.UNSAFE_componentWillReceiveProps = function(
+      newProps
+    ) {
+      throwOnStylesProp(this, newProps);
+    };
+
+    // React may warn about cWM/cWRP/cWU methods being deprecated.
+    // Add a flag to suppress these warnings for this special case.
+    // TODO (bvaughn) Remove this flag once the above methods have been removed.
+    NativeMethodsMixin_DEV.componentWillMount.__suppressDeprecationWarning = true;
+    NativeMethodsMixin_DEV.componentWillReceiveProps.__suppressDeprecationWarning = true;
+  }
+
+  return NativeMethodsMixin;
+};
+
+function _classCallCheck$1(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _possibleConstructorReturn(self, call) {
+  if (!self) {
+    throw new ReferenceError(
+      "this hasn't been initialised - super() hasn't been called"
+    );
+  }
+  return call && (typeof call === "object" || typeof call === "function")
+    ? call
+    : self;
+}
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError(
+      "Super expression must either be null or a function, not " +
+        typeof superClass
+    );
+  }
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: false,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass)
+    Object.setPrototypeOf
+      ? Object.setPrototypeOf(subClass, superClass)
+      : (subClass.__proto__ = superClass);
+}
+
+// Modules provided by RN:
+var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
+  /**
+   * Superclass that provides methods to access the underlying native component.
+   * This can be useful when you want to focus a view or measure its dimensions.
+   *
+   * Methods implemented by this class are available on most default components
+   * provided by React Native. However, they are *not* available on composite
+   * components that are not directly backed by a native view. For more
+   * information, see [Direct Manipulation](docs/direct-manipulation.html).
+   *
+   * @abstract
+   */
+  var ReactNativeComponent = (function(_React$Component) {
+    _inherits(ReactNativeComponent, _React$Component);
+
+    function ReactNativeComponent() {
+      _classCallCheck$1(this, ReactNativeComponent);
+
+      return _possibleConstructorReturn(
+        this,
+        _React$Component.apply(this, arguments)
+      );
+    }
+
+    /**
+     * Removes focus. This is the opposite of `focus()`.
+     */
+
+    /**
+     * Due to bugs in Flow's handling of React.createClass, some fields already
+     * declared in the base class need to be redeclared below.
+     */
+    ReactNativeComponent.prototype.blur = function blur() {
+      TextInputState.blurTextInput(findNodeHandle(this));
+    };
+
+    /**
+     * Requests focus. The exact behavior depends on the platform and view.
+     */
+
+    ReactNativeComponent.prototype.focus = function focus() {
+      TextInputState.focusTextInput(findNodeHandle(this));
+    };
+
+    /**
+     * Measures the on-screen location and dimensions. If successful, the callback
+     * will be called asynchronously with the following arguments:
+     *
+     *  - x
+     *  - y
+     *  - width
+     *  - height
+     *  - pageX
+     *  - pageY
+     *
+     * These values are not available until after natives rendering completes. If
+     * you need the measurements as soon as possible, consider using the
+     * [`onLayout` prop](docs/view.html#onlayout) instead.
+     */
+
+    ReactNativeComponent.prototype.measure = function measure(callback) {
+      UIManager.measure(
+        findNodeHandle(this),
+        mountSafeCallback(this, callback)
+      );
+    };
+
+    /**
+     * Measures the on-screen location and dimensions. Even if the React Native
+     * root view is embedded within another native view, this method will give you
+     * the absolute coordinates measured from the window. If successful, the
+     * callback will be called asynchronously with the following arguments:
+     *
+     *  - x
+     *  - y
+     *  - width
+     *  - height
+     *
+     * These values are not available until after natives rendering completes.
+     */
+
+    ReactNativeComponent.prototype.measureInWindow = function measureInWindow(
+      callback
+    ) {
+      UIManager.measureInWindow(
+        findNodeHandle(this),
+        mountSafeCallback(this, callback)
+      );
+    };
+
+    /**
+     * Similar to [`measure()`](#measure), but the resulting location will be
+     * relative to the supplied ancestor's location.
+     *
+     * Obtain a native node handle with `ReactNative.findNodeHandle(component)`.
+     */
+
+    ReactNativeComponent.prototype.measureLayout = function measureLayout(
+      relativeToNativeNode,
+      onSuccess,
+      onFail /* currently unused */
+    ) {
+      UIManager.measureLayout(
+        findNodeHandle(this),
+        relativeToNativeNode,
+        mountSafeCallback(this, onFail),
+        mountSafeCallback(this, onSuccess)
+      );
+    };
+
+    /**
+     * This function sends props straight to native. They will not participate in
+     * future diff process - this means that if you do not include them in the
+     * next render, they will remain active (see [Direct
+     * Manipulation](docs/direct-manipulation.html)).
+     */
+
+    ReactNativeComponent.prototype.setNativeProps = function setNativeProps(
+      nativeProps
+    ) {
+      // Class components don't have viewConfig -> validateAttributes.
+      // Nor does it make sense to set native props on a non-native component.
+      // Instead, find the nearest host component and set props on it.
+      // Use findNodeHandle() rather than ReactNative.findNodeHandle() because
+      // We want the instance/wrapper (not the native tag).
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
+
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
+      }
+
+      var viewConfig =
+        maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
+
+      var updatePayload = create(nativeProps, viewConfig.validAttributes);
+
+      // Avoid the overhead of bridge calls if there's no update.
+      // This is an expensive no-op for Android, and causes an unnecessary
+      // view invalidation for certain components (eg RCTTextInput) on iOS.
+      if (updatePayload != null) {
+        UIManager.updateView(
+          maybeInstance._nativeTag,
+          viewConfig.uiViewClassName,
+          updatePayload
+        );
+      }
+    };
+
+    return ReactNativeComponent;
+  })(React.Component);
+
+  // eslint-disable-next-line no-unused-expressions
+
+  return ReactNativeComponent;
+};
+
+var instanceCache = {};
+
+function getInstanceFromTag(tag) {
+  return instanceCache[tag] || null;
+}
+
+// Module provided by RN:
+var getInspectorDataForViewTag = void 0;
+
+{
+  var traverseOwnerTreeUp = function(hierarchy, instance) {
+    if (instance) {
+      hierarchy.unshift(instance);
+      traverseOwnerTreeUp(hierarchy, instance._debugOwner);
+    }
+  };
+
+  var getOwnerHierarchy = function(instance) {
+    var hierarchy = [];
+    traverseOwnerTreeUp(hierarchy, instance);
+    return hierarchy;
+  };
+
+  var lastNonHostInstance = function(hierarchy) {
+    for (var i = hierarchy.length - 1; i > 1; i--) {
+      var instance = hierarchy[i];
+
+      if (instance.tag !== HostComponent) {
+        return instance;
+      }
+    }
+    return hierarchy[0];
+  };
+
+  var getHostProps = function(fiber) {
+    var host = findCurrentHostFiber(fiber);
+    if (host) {
+      return host.memoizedProps || emptyObject;
+    }
+    return emptyObject;
+  };
+
+  var getHostNode = function(fiber, findNodeHandle) {
+    var hostNode = void 0;
+    // look for children first for the hostNode
+    // as composite fibers do not have a hostNode
+    while (fiber) {
+      if (fiber.stateNode !== null && fiber.tag === HostComponent) {
+        hostNode = findNodeHandle(fiber.stateNode);
+      }
+      if (hostNode) {
+        return hostNode;
+      }
+      fiber = fiber.child;
+    }
+    return null;
+  };
+
+  var createHierarchy = function(fiberHierarchy) {
+    return fiberHierarchy.map(function(fiber) {
+      return {
+        name: getComponentName(fiber),
+        getInspectorData: function(findNodeHandle) {
+          return {
+            measure: function(callback) {
+              return UIManager.measure(
+                getHostNode(fiber, findNodeHandle),
+                callback
+              );
+            },
+            props: getHostProps(fiber),
+            source: fiber._debugSource
+          };
+        }
+      };
+    });
+  };
+
+  getInspectorDataForViewTag = function(viewTag) {
+    var closestInstance = getInstanceFromTag(viewTag);
+
+    // Handle case where user clicks outside of ReactNative
+    if (!closestInstance) {
+      return {
+        hierarchy: [],
+        props: emptyObject,
+        selection: null,
+        source: null
+      };
+    }
+
+    var fiber = findCurrentFiberUsingSlowPath(closestInstance);
+    var fiberHierarchy = getOwnerHierarchy(fiber);
+    var instance = lastNonHostInstance(fiberHierarchy);
+    var hierarchy = createHierarchy(fiberHierarchy);
+    var props = getHostProps(instance);
+    var source = instance._debugSource;
+    var selection = fiberHierarchy.indexOf(instance);
+
+    return {
+      hierarchy: hierarchy,
+      props: props,
+      selection: selection,
+      source: source
+    };
+  };
+}
+
+var findHostInstance = findHostInstance$1;
+
+function findNodeHandle(componentOrHandle) {
+  {
+    var owner = ReactCurrentOwner.current;
+    if (owner !== null && owner.stateNode !== null) {
+      !owner.stateNode._warnedAboutRefsInRender
+        ? warning(
+            false,
+            "%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.",
+            getComponentName(owner) || "A component"
+          )
+        : void 0;
+
+      owner.stateNode._warnedAboutRefsInRender = true;
+    }
+  }
+  if (componentOrHandle == null) {
+    return null;
+  }
+  if (typeof componentOrHandle === "number") {
+    // Already a node handle
+    return componentOrHandle;
+  }
+  if (componentOrHandle._nativeTag) {
+    return componentOrHandle._nativeTag;
+  }
+  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag) {
+    return componentOrHandle.canonical._nativeTag;
+  }
+  var hostInstance = findHostInstance(componentOrHandle);
+  if (hostInstance == null) {
+    return hostInstance;
+  }
+  // TODO: the code is right but the types here are wrong.
+  // https://github.com/facebook/react/pull/12863
+  if (hostInstance.canonical) {
+    // Fabric
+    return hostInstance.canonical._nativeTag;
+  }
+  return hostInstance._nativeTag;
+}
+
+injection$2.injectRenderer(ReactFabricRenderer);
+
+var roots = new Map();
+
+var ReactFabric = {
+  NativeComponent: ReactNativeComponent(findNodeHandle, findHostInstance),
+
+  findNodeHandle: findNodeHandle,
+
+  render: function(element, containerTag, callback) {
+    var root = roots.get(containerTag);
+
+    if (!root) {
+      // TODO (bvaughn): If we decide to keep the wrapper component,
+      // We could create a wrapper for containerTag as well to reduce special casing.
+      root = createContainer(containerTag, false, false);
+      roots.set(containerTag, root);
+    }
+    updateContainer(element, root, null, callback);
+
+    return getPublicRootInstance(root);
+  },
+  unmountComponentAtNode: function(containerTag) {
+    var root = roots.get(containerTag);
+    if (root) {
+      // TODO: Is it safe to reset this now or should I wait since this unmount could be deferred?
+      updateContainer(null, root, null, function() {
+        roots.delete(containerTag);
+      });
+    }
+  },
+  createPortal: function(children, containerTag) {
+    var key =
+      arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
+    return createPortal(children, containerTag, null, key);
+  },
+
+  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
+    // Used as a mixin in many createClass-based components
+    NativeMethodsMixin: NativeMethodsMixin(findNodeHandle, findHostInstance)
+  }
+};
+
+injectIntoDevTools({
+  findFiberByHostInstance: getInstanceFromInstance,
+  getInspectorDataForViewTag: getInspectorDataForViewTag,
+  bundleType: 1,
+  version: ReactVersion,
+  rendererPackageName: "react-native-renderer"
+});
+
+var ReactFabric$2 = Object.freeze({
+  default: ReactFabric
+});
+
+var ReactFabric$3 = (ReactFabric$2 && ReactFabric) || ReactFabric$2;
+
+// TODO: decide on the top-level export form.
+// This is hacky but makes it work with both Rollup and Jest.
+var fabric = ReactFabric$3.default ? ReactFabric$3.default : ReactFabric$3;
+
+module.exports = fabric;
+
+  })();
+}
diff --git a/Libraries/Renderer/oss/ReactFabric-prod.js b/Libraries/Renderer/oss/ReactFabric-prod.js
new file mode 100644
index 00000000000000..b64b8908f410a8
--- /dev/null
+++ b/Libraries/Renderer/oss/ReactFabric-prod.js
@@ -0,0 +1,5597 @@
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ * @providesModule ReactFabric-prod
+ * @preventMunge
+ * @generated
+ */
+
+"use strict";
+require("InitializeCore");
+var invariant = require("fbjs/lib/invariant"),
+  ReactNativeViewConfigRegistry = require("ReactNativeViewConfigRegistry"),
+  UIManager = require("UIManager"),
+  React = require("react"),
+  emptyObject = require("fbjs/lib/emptyObject"),
+  deepDiffer = require("deepDiffer"),
+  flattenStyle = require("flattenStyle"),
+  TextInputState = require("TextInputState"),
+  FabricUIManager = require("FabricUIManager"),
+  ExceptionsManager = require("ExceptionsManager");
+function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
+  this._hasCaughtError = !1;
+  this._caughtError = null;
+  var funcArgs = Array.prototype.slice.call(arguments, 3);
+  try {
+    func.apply(context, funcArgs);
+  } catch (error) {
+    (this._caughtError = error), (this._hasCaughtError = !0);
+  }
+}
+var ReactErrorUtils = {
+  _caughtError: null,
+  _hasCaughtError: !1,
+  _rethrowError: null,
+  _hasRethrowError: !1,
+  invokeGuardedCallback: function(name, func, context, a, b, c, d, e, f) {
+    invokeGuardedCallback.apply(ReactErrorUtils, arguments);
+  },
+  invokeGuardedCallbackAndCatchFirstError: function(
+    name,
+    func,
+    context,
+    a,
+    b,
+    c,
+    d,
+    e,
+    f
+  ) {
+    ReactErrorUtils.invokeGuardedCallback.apply(this, arguments);
+    if (ReactErrorUtils.hasCaughtError()) {
+      var error = ReactErrorUtils.clearCaughtError();
+      ReactErrorUtils._hasRethrowError ||
+        ((ReactErrorUtils._hasRethrowError = !0),
+        (ReactErrorUtils._rethrowError = error));
+    }
+  },
+  rethrowCaughtError: function() {
+    return rethrowCaughtError.apply(ReactErrorUtils, arguments);
+  },
+  hasCaughtError: function() {
+    return ReactErrorUtils._hasCaughtError;
+  },
+  clearCaughtError: function() {
+    if (ReactErrorUtils._hasCaughtError) {
+      var error = ReactErrorUtils._caughtError;
+      ReactErrorUtils._caughtError = null;
+      ReactErrorUtils._hasCaughtError = !1;
+      return error;
+    }
+    invariant(
+      !1,
+      "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+    );
+  }
+};
+function rethrowCaughtError() {
+  if (ReactErrorUtils._hasRethrowError) {
+    var error = ReactErrorUtils._rethrowError;
+    ReactErrorUtils._rethrowError = null;
+    ReactErrorUtils._hasRethrowError = !1;
+    throw error;
+  }
+}
+var eventPluginOrder = null,
+  namesToPlugins = {};
+function recomputePluginOrdering() {
+  if (eventPluginOrder)
+    for (var pluginName in namesToPlugins) {
+      var pluginModule = namesToPlugins[pluginName],
+        pluginIndex = eventPluginOrder.indexOf(pluginName);
+      invariant(
+        -1 < pluginIndex,
+        "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `%s`.",
+        pluginName
+      );
+      if (!plugins[pluginIndex]) {
+        invariant(
+          pluginModule.extractEvents,
+          "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `%s` does not.",
+          pluginName
+        );
+        plugins[pluginIndex] = pluginModule;
+        pluginIndex = pluginModule.eventTypes;
+        for (var eventName in pluginIndex) {
+          var JSCompiler_inline_result = void 0;
+          var dispatchConfig = pluginIndex[eventName],
+            pluginModule$jscomp$0 = pluginModule,
+            eventName$jscomp$0 = eventName;
+          invariant(
+            !eventNameDispatchConfigs.hasOwnProperty(eventName$jscomp$0),
+            "EventPluginHub: More than one plugin attempted to publish the same event name, `%s`.",
+            eventName$jscomp$0
+          );
+          eventNameDispatchConfigs[eventName$jscomp$0] = dispatchConfig;
+          var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+          if (phasedRegistrationNames) {
+            for (JSCompiler_inline_result in phasedRegistrationNames)
+              phasedRegistrationNames.hasOwnProperty(
+                JSCompiler_inline_result
+              ) &&
+                publishRegistrationName(
+                  phasedRegistrationNames[JSCompiler_inline_result],
+                  pluginModule$jscomp$0,
+                  eventName$jscomp$0
+                );
+            JSCompiler_inline_result = !0;
+          } else
+            dispatchConfig.registrationName
+              ? (publishRegistrationName(
+                  dispatchConfig.registrationName,
+                  pluginModule$jscomp$0,
+                  eventName$jscomp$0
+                ),
+                (JSCompiler_inline_result = !0))
+              : (JSCompiler_inline_result = !1);
+          invariant(
+            JSCompiler_inline_result,
+            "EventPluginRegistry: Failed to publish event `%s` for plugin `%s`.",
+            eventName,
+            pluginName
+          );
+        }
+      }
+    }
+}
+function publishRegistrationName(registrationName, pluginModule) {
+  invariant(
+    !registrationNameModules[registrationName],
+    "EventPluginHub: More than one plugin attempted to publish the same registration name, `%s`.",
+    registrationName
+  );
+  registrationNameModules[registrationName] = pluginModule;
+}
+var plugins = [],
+  eventNameDispatchConfigs = {},
+  registrationNameModules = {},
+  getFiberCurrentPropsFromNode = null,
+  getInstanceFromNode = null,
+  getNodeFromInstance = null;
+function executeDispatch(event, simulated, listener, inst) {
+  simulated = event.type || "unknown-event";
+  event.currentTarget = getNodeFromInstance(inst);
+  ReactErrorUtils.invokeGuardedCallbackAndCatchFirstError(
+    simulated,
+    listener,
+    void 0,
+    event
+  );
+  event.currentTarget = null;
+}
+function executeDirectDispatch(event) {
+  var dispatchListener = event._dispatchListeners,
+    dispatchInstance = event._dispatchInstances;
+  invariant(
+    !Array.isArray(dispatchListener),
+    "executeDirectDispatch(...): Invalid `event`."
+  );
+  event.currentTarget = dispatchListener
+    ? getNodeFromInstance(dispatchInstance)
+    : null;
+  dispatchListener = dispatchListener ? dispatchListener(event) : null;
+  event.currentTarget = null;
+  event._dispatchListeners = null;
+  event._dispatchInstances = null;
+  return dispatchListener;
+}
+function accumulateInto(current, next) {
+  invariant(
+    null != next,
+    "accumulateInto(...): Accumulated items must not be null or undefined."
+  );
+  if (null == current) return next;
+  if (Array.isArray(current)) {
+    if (Array.isArray(next)) return current.push.apply(current, next), current;
+    current.push(next);
+    return current;
+  }
+  return Array.isArray(next) ? [current].concat(next) : [current, next];
+}
+function forEachAccumulated(arr, cb, scope) {
+  Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
+}
+var eventQueue = null;
+function executeDispatchesAndReleaseTopLevel(e) {
+  if (e) {
+    var dispatchListeners = e._dispatchListeners,
+      dispatchInstances = e._dispatchInstances;
+    if (Array.isArray(dispatchListeners))
+      for (
+        var i = 0;
+        i < dispatchListeners.length && !e.isPropagationStopped();
+        i++
+      )
+        executeDispatch(e, !1, dispatchListeners[i], dispatchInstances[i]);
+    else
+      dispatchListeners &&
+        executeDispatch(e, !1, dispatchListeners, dispatchInstances);
+    e._dispatchListeners = null;
+    e._dispatchInstances = null;
+    e.isPersistent() || e.constructor.release(e);
+  }
+}
+var injection = {
+  injectEventPluginOrder: function(injectedEventPluginOrder) {
+    invariant(
+      !eventPluginOrder,
+      "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+    );
+    eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
+    recomputePluginOrdering();
+  },
+  injectEventPluginsByName: function(injectedNamesToPlugins) {
+    var isOrderingDirty = !1,
+      pluginName;
+    for (pluginName in injectedNamesToPlugins)
+      if (injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+        var pluginModule = injectedNamesToPlugins[pluginName];
+        (namesToPlugins.hasOwnProperty(pluginName) &&
+          namesToPlugins[pluginName] === pluginModule) ||
+          (invariant(
+            !namesToPlugins[pluginName],
+            "EventPluginRegistry: Cannot inject two different event plugins using the same name, `%s`.",
+            pluginName
+          ),
+          (namesToPlugins[pluginName] = pluginModule),
+          (isOrderingDirty = !0));
+      }
+    isOrderingDirty && recomputePluginOrdering();
+  }
+};
+function getListener(inst, registrationName) {
+  var listener = inst.stateNode;
+  if (!listener) return null;
+  var props = getFiberCurrentPropsFromNode(listener);
+  if (!props) return null;
+  listener = props[registrationName];
+  a: switch (registrationName) {
+    case "onClick":
+    case "onClickCapture":
+    case "onDoubleClick":
+    case "onDoubleClickCapture":
+    case "onMouseDown":
+    case "onMouseDownCapture":
+    case "onMouseMove":
+    case "onMouseMoveCapture":
+    case "onMouseUp":
+    case "onMouseUpCapture":
+      (props = !props.disabled) ||
+        ((inst = inst.type),
+        (props = !(
+          "button" === inst ||
+          "input" === inst ||
+          "select" === inst ||
+          "textarea" === inst
+        )));
+      inst = !props;
+      break a;
+    default:
+      inst = !1;
+  }
+  if (inst) return null;
+  invariant(
+    !listener || "function" === typeof listener,
+    "Expected `%s` listener to be a function, instead got a value of `%s` type.",
+    registrationName,
+    typeof listener
+  );
+  return listener;
+}
+function getParent(inst) {
+  do inst = inst.return;
+  while (inst && 5 !== inst.tag);
+  return inst ? inst : null;
+}
+function traverseTwoPhase(inst, fn, arg) {
+  for (var path = []; inst; ) path.push(inst), (inst = getParent(inst));
+  for (inst = path.length; 0 < inst--; ) fn(path[inst], "captured", arg);
+  for (inst = 0; inst < path.length; inst++) fn(path[inst], "bubbled", arg);
+}
+function accumulateDirectionalDispatches(inst, phase, event) {
+  if (
+    (phase = getListener(
+      inst,
+      event.dispatchConfig.phasedRegistrationNames[phase]
+    ))
+  )
+    (event._dispatchListeners = accumulateInto(
+      event._dispatchListeners,
+      phase
+    )),
+      (event._dispatchInstances = accumulateInto(
+        event._dispatchInstances,
+        inst
+      ));
+}
+function accumulateTwoPhaseDispatchesSingle(event) {
+  event &&
+    event.dispatchConfig.phasedRegistrationNames &&
+    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+}
+function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
+  if (event && event.dispatchConfig.phasedRegistrationNames) {
+    var targetInst = event._targetInst;
+    targetInst = targetInst ? getParent(targetInst) : null;
+    traverseTwoPhase(targetInst, accumulateDirectionalDispatches, event);
+  }
+}
+function accumulateDirectDispatchesSingle(event) {
+  if (event && event.dispatchConfig.registrationName) {
+    var inst = event._targetInst;
+    if (inst && event && event.dispatchConfig.registrationName) {
+      var listener = getListener(inst, event.dispatchConfig.registrationName);
+      listener &&
+        ((event._dispatchListeners = accumulateInto(
+          event._dispatchListeners,
+          listener
+        )),
+        (event._dispatchInstances = accumulateInto(
+          event._dispatchInstances,
+          inst
+        )));
+    }
+  }
+}
+var shouldBeReleasedProperties = "dispatchConfig _targetInst nativeEvent isDefaultPrevented isPropagationStopped _dispatchListeners _dispatchInstances".split(
+  " "
+);
+function functionThatReturnsTrue() {
+  return !0;
+}
+function functionThatReturnsFalse() {
+  return !1;
+}
+function SyntheticEvent(
+  dispatchConfig,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget
+) {
+  this.dispatchConfig = dispatchConfig;
+  this._targetInst = targetInst;
+  this.nativeEvent = nativeEvent;
+  dispatchConfig = this.constructor.Interface;
+  for (var propName in dispatchConfig)
+    dispatchConfig.hasOwnProperty(propName) &&
+      ((targetInst = dispatchConfig[propName])
+        ? (this[propName] = targetInst(nativeEvent))
+        : "target" === propName
+          ? (this.target = nativeEventTarget)
+          : (this[propName] = nativeEvent[propName]));
+  this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
+  ? nativeEvent.defaultPrevented
+  : !1 === nativeEvent.returnValue)
+    ? functionThatReturnsTrue
+    : functionThatReturnsFalse;
+  this.isPropagationStopped = functionThatReturnsFalse;
+  return this;
+}
+Object.assign(SyntheticEvent.prototype, {
+  preventDefault: function() {
+    this.defaultPrevented = !0;
+    var event = this.nativeEvent;
+    event &&
+      (event.preventDefault
+        ? event.preventDefault()
+        : "unknown" !== typeof event.returnValue && (event.returnValue = !1),
+      (this.isDefaultPrevented = functionThatReturnsTrue));
+  },
+  stopPropagation: function() {
+    var event = this.nativeEvent;
+    event &&
+      (event.stopPropagation
+        ? event.stopPropagation()
+        : "unknown" !== typeof event.cancelBubble && (event.cancelBubble = !0),
+      (this.isPropagationStopped = functionThatReturnsTrue));
+  },
+  persist: function() {
+    this.isPersistent = functionThatReturnsTrue;
+  },
+  isPersistent: functionThatReturnsFalse,
+  destructor: function() {
+    var Interface = this.constructor.Interface,
+      propName;
+    for (propName in Interface) this[propName] = null;
+    for (
+      Interface = 0;
+      Interface < shouldBeReleasedProperties.length;
+      Interface++
+    )
+      this[shouldBeReleasedProperties[Interface]] = null;
+  }
+});
+SyntheticEvent.Interface = {
+  type: null,
+  target: null,
+  currentTarget: function() {
+    return null;
+  },
+  eventPhase: null,
+  bubbles: null,
+  cancelable: null,
+  timeStamp: function(event) {
+    return event.timeStamp || Date.now();
+  },
+  defaultPrevented: null,
+  isTrusted: null
+};
+SyntheticEvent.extend = function(Interface) {
+  function E() {}
+  function Class() {
+    return Super.apply(this, arguments);
+  }
+  var Super = this;
+  E.prototype = Super.prototype;
+  var prototype = new E();
+  Object.assign(prototype, Class.prototype);
+  Class.prototype = prototype;
+  Class.prototype.constructor = Class;
+  Class.Interface = Object.assign({}, Super.Interface, Interface);
+  Class.extend = Super.extend;
+  addEventPoolingTo(Class);
+  return Class;
+};
+addEventPoolingTo(SyntheticEvent);
+function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
+  if (this.eventPool.length) {
+    var instance = this.eventPool.pop();
+    this.call(instance, dispatchConfig, targetInst, nativeEvent, nativeInst);
+    return instance;
+  }
+  return new this(dispatchConfig, targetInst, nativeEvent, nativeInst);
+}
+function releasePooledEvent(event) {
+  invariant(
+    event instanceof this,
+    "Trying to release an event instance  into a pool of a different type."
+  );
+  event.destructor();
+  10 > this.eventPool.length && this.eventPool.push(event);
+}
+function addEventPoolingTo(EventConstructor) {
+  EventConstructor.eventPool = [];
+  EventConstructor.getPooled = getPooledEvent;
+  EventConstructor.release = releasePooledEvent;
+}
+var ResponderSyntheticEvent = SyntheticEvent.extend({
+  touchHistory: function() {
+    return null;
+  }
+});
+function isStartish(topLevelType) {
+  return "topTouchStart" === topLevelType;
+}
+function isMoveish(topLevelType) {
+  return "topTouchMove" === topLevelType;
+}
+var startDependencies = ["topTouchStart"],
+  moveDependencies = ["topTouchMove"],
+  endDependencies = ["topTouchCancel", "topTouchEnd"],
+  touchBank = [],
+  touchHistory = {
+    touchBank: touchBank,
+    numberActiveTouches: 0,
+    indexOfSingleActiveTouch: -1,
+    mostRecentTimeStamp: 0
+  };
+function timestampForTouch(touch) {
+  return touch.timeStamp || touch.timestamp;
+}
+function getTouchIdentifier(_ref) {
+  _ref = _ref.identifier;
+  invariant(null != _ref, "Touch object is missing identifier.");
+  return _ref;
+}
+function recordTouchStart(touch) {
+  var identifier = getTouchIdentifier(touch),
+    touchRecord = touchBank[identifier];
+  touchRecord
+    ? ((touchRecord.touchActive = !0),
+      (touchRecord.startPageX = touch.pageX),
+      (touchRecord.startPageY = touch.pageY),
+      (touchRecord.startTimeStamp = timestampForTouch(touch)),
+      (touchRecord.currentPageX = touch.pageX),
+      (touchRecord.currentPageY = touch.pageY),
+      (touchRecord.currentTimeStamp = timestampForTouch(touch)),
+      (touchRecord.previousPageX = touch.pageX),
+      (touchRecord.previousPageY = touch.pageY),
+      (touchRecord.previousTimeStamp = timestampForTouch(touch)))
+    : ((touchRecord = {
+        touchActive: !0,
+        startPageX: touch.pageX,
+        startPageY: touch.pageY,
+        startTimeStamp: timestampForTouch(touch),
+        currentPageX: touch.pageX,
+        currentPageY: touch.pageY,
+        currentTimeStamp: timestampForTouch(touch),
+        previousPageX: touch.pageX,
+        previousPageY: touch.pageY,
+        previousTimeStamp: timestampForTouch(touch)
+      }),
+      (touchBank[identifier] = touchRecord));
+  touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+}
+function recordTouchMove(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+  touchRecord
+    ? ((touchRecord.touchActive = !0),
+      (touchRecord.previousPageX = touchRecord.currentPageX),
+      (touchRecord.previousPageY = touchRecord.currentPageY),
+      (touchRecord.previousTimeStamp = touchRecord.currentTimeStamp),
+      (touchRecord.currentPageX = touch.pageX),
+      (touchRecord.currentPageY = touch.pageY),
+      (touchRecord.currentTimeStamp = timestampForTouch(touch)),
+      (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
+    : console.error(
+        "Cannot record touch move without a touch start.\nTouch Move: %s\n",
+        "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+}
+function recordTouchEnd(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+  touchRecord
+    ? ((touchRecord.touchActive = !1),
+      (touchRecord.previousPageX = touchRecord.currentPageX),
+      (touchRecord.previousPageY = touchRecord.currentPageY),
+      (touchRecord.previousTimeStamp = touchRecord.currentTimeStamp),
+      (touchRecord.currentPageX = touch.pageX),
+      (touchRecord.currentPageY = touch.pageY),
+      (touchRecord.currentTimeStamp = timestampForTouch(touch)),
+      (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
+    : console.error(
+        "Cannot record touch end without a touch start.\nTouch End: %s\n",
+        "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+}
+function printTouch(touch) {
+  return JSON.stringify({
+    identifier: touch.identifier,
+    pageX: touch.pageX,
+    pageY: touch.pageY,
+    timestamp: timestampForTouch(touch)
+  });
+}
+function printTouchBank() {
+  var printed = JSON.stringify(touchBank.slice(0, 20));
+  20 < touchBank.length &&
+    (printed += " (original size: " + touchBank.length + ")");
+  return printed;
+}
+var ResponderTouchHistoryStore = {
+  recordTouchTrack: function(topLevelType, nativeEvent) {
+    if (isMoveish(topLevelType))
+      nativeEvent.changedTouches.forEach(recordTouchMove);
+    else if (isStartish(topLevelType))
+      nativeEvent.changedTouches.forEach(recordTouchStart),
+        (touchHistory.numberActiveTouches = nativeEvent.touches.length),
+        1 === touchHistory.numberActiveTouches &&
+          (touchHistory.indexOfSingleActiveTouch =
+            nativeEvent.touches[0].identifier);
+    else if (
+      "topTouchEnd" === topLevelType ||
+      "topTouchCancel" === topLevelType
+    )
+      if (
+        (nativeEvent.changedTouches.forEach(recordTouchEnd),
+        (touchHistory.numberActiveTouches = nativeEvent.touches.length),
+        1 === touchHistory.numberActiveTouches)
+      )
+        for (topLevelType = 0; topLevelType < touchBank.length; topLevelType++)
+          if (
+            ((nativeEvent = touchBank[topLevelType]),
+            null != nativeEvent && nativeEvent.touchActive)
+          ) {
+            touchHistory.indexOfSingleActiveTouch = topLevelType;
+            break;
+          }
+  },
+  touchHistory: touchHistory
+};
+function accumulate(current, next) {
+  invariant(
+    null != next,
+    "accumulate(...): Accumulated items must be not be null or undefined."
+  );
+  return null == current
+    ? next
+    : Array.isArray(current)
+      ? current.concat(next)
+      : Array.isArray(next) ? [current].concat(next) : [current, next];
+}
+var responderInst = null,
+  trackedTouchCount = 0;
+function changeResponder(nextResponderInst, blockHostResponder) {
+  var oldResponderInst = responderInst;
+  responderInst = nextResponderInst;
+  if (null !== ResponderEventPlugin.GlobalResponderHandler)
+    ResponderEventPlugin.GlobalResponderHandler.onChange(
+      oldResponderInst,
+      nextResponderInst,
+      blockHostResponder
+    );
+}
+var eventTypes$1 = {
+    startShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onStartShouldSetResponder",
+        captured: "onStartShouldSetResponderCapture"
+      },
+      dependencies: startDependencies
+    },
+    scrollShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onScrollShouldSetResponder",
+        captured: "onScrollShouldSetResponderCapture"
+      },
+      dependencies: ["topScroll"]
+    },
+    selectionChangeShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onSelectionChangeShouldSetResponder",
+        captured: "onSelectionChangeShouldSetResponderCapture"
+      },
+      dependencies: ["topSelectionChange"]
+    },
+    moveShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onMoveShouldSetResponder",
+        captured: "onMoveShouldSetResponderCapture"
+      },
+      dependencies: moveDependencies
+    },
+    responderStart: {
+      registrationName: "onResponderStart",
+      dependencies: startDependencies
+    },
+    responderMove: {
+      registrationName: "onResponderMove",
+      dependencies: moveDependencies
+    },
+    responderEnd: {
+      registrationName: "onResponderEnd",
+      dependencies: endDependencies
+    },
+    responderRelease: {
+      registrationName: "onResponderRelease",
+      dependencies: endDependencies
+    },
+    responderTerminationRequest: {
+      registrationName: "onResponderTerminationRequest",
+      dependencies: []
+    },
+    responderGrant: { registrationName: "onResponderGrant", dependencies: [] },
+    responderReject: {
+      registrationName: "onResponderReject",
+      dependencies: []
+    },
+    responderTerminate: {
+      registrationName: "onResponderTerminate",
+      dependencies: []
+    }
+  },
+  ResponderEventPlugin = {
+    _getResponder: function() {
+      return responderInst;
+    },
+    eventTypes: eventTypes$1,
+    extractEvents: function(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      if (isStartish(topLevelType)) trackedTouchCount += 1;
+      else if (
+        "topTouchEnd" === topLevelType ||
+        "topTouchCancel" === topLevelType
+      )
+        if (0 <= trackedTouchCount) --trackedTouchCount;
+        else
+          return (
+            console.error(
+              "Ended a touch event which was not counted in `trackedTouchCount`."
+            ),
+            null
+          );
+      ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
+      if (
+        targetInst &&
+        (("topScroll" === topLevelType && !nativeEvent.responderIgnoreScroll) ||
+          (0 < trackedTouchCount && "topSelectionChange" === topLevelType) ||
+          isStartish(topLevelType) ||
+          isMoveish(topLevelType))
+      ) {
+        var JSCompiler_temp = isStartish(topLevelType)
+          ? eventTypes$1.startShouldSetResponder
+          : isMoveish(topLevelType)
+            ? eventTypes$1.moveShouldSetResponder
+            : "topSelectionChange" === topLevelType
+              ? eventTypes$1.selectionChangeShouldSetResponder
+              : eventTypes$1.scrollShouldSetResponder;
+        if (responderInst)
+          b: {
+            var JSCompiler_temp$jscomp$0 = responderInst;
+            for (
+              var depthA = 0, tempA = JSCompiler_temp$jscomp$0;
+              tempA;
+              tempA = getParent(tempA)
+            )
+              depthA++;
+            tempA = 0;
+            for (var tempB = targetInst; tempB; tempB = getParent(tempB))
+              tempA++;
+            for (; 0 < depthA - tempA; )
+              (JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0)),
+                depthA--;
+            for (; 0 < tempA - depthA; )
+              (targetInst = getParent(targetInst)), tempA--;
+            for (; depthA--; ) {
+              if (
+                JSCompiler_temp$jscomp$0 === targetInst ||
+                JSCompiler_temp$jscomp$0 === targetInst.alternate
+              )
+                break b;
+              JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0);
+              targetInst = getParent(targetInst);
+            }
+            JSCompiler_temp$jscomp$0 = null;
+          }
+        else JSCompiler_temp$jscomp$0 = targetInst;
+        targetInst = JSCompiler_temp$jscomp$0 === responderInst;
+        JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
+          JSCompiler_temp,
+          JSCompiler_temp$jscomp$0,
+          nativeEvent,
+          nativeEventTarget
+        );
+        JSCompiler_temp$jscomp$0.touchHistory =
+          ResponderTouchHistoryStore.touchHistory;
+        targetInst
+          ? forEachAccumulated(
+              JSCompiler_temp$jscomp$0,
+              accumulateTwoPhaseDispatchesSingleSkipTarget
+            )
+          : forEachAccumulated(
+              JSCompiler_temp$jscomp$0,
+              accumulateTwoPhaseDispatchesSingle
+            );
+        b: {
+          JSCompiler_temp = JSCompiler_temp$jscomp$0._dispatchListeners;
+          targetInst = JSCompiler_temp$jscomp$0._dispatchInstances;
+          if (Array.isArray(JSCompiler_temp))
+            for (
+              depthA = 0;
+              depthA < JSCompiler_temp.length &&
+              !JSCompiler_temp$jscomp$0.isPropagationStopped();
+              depthA++
+            ) {
+              if (
+                JSCompiler_temp[depthA](
+                  JSCompiler_temp$jscomp$0,
+                  targetInst[depthA]
+                )
+              ) {
+                JSCompiler_temp = targetInst[depthA];
+                break b;
+              }
+            }
+          else if (
+            JSCompiler_temp &&
+            JSCompiler_temp(JSCompiler_temp$jscomp$0, targetInst)
+          ) {
+            JSCompiler_temp = targetInst;
+            break b;
+          }
+          JSCompiler_temp = null;
+        }
+        JSCompiler_temp$jscomp$0._dispatchInstances = null;
+        JSCompiler_temp$jscomp$0._dispatchListeners = null;
+        JSCompiler_temp$jscomp$0.isPersistent() ||
+          JSCompiler_temp$jscomp$0.constructor.release(
+            JSCompiler_temp$jscomp$0
+          );
+        JSCompiler_temp && JSCompiler_temp !== responderInst
+          ? ((JSCompiler_temp$jscomp$0 = void 0),
+            (targetInst = ResponderSyntheticEvent.getPooled(
+              eventTypes$1.responderGrant,
+              JSCompiler_temp,
+              nativeEvent,
+              nativeEventTarget
+            )),
+            (targetInst.touchHistory = ResponderTouchHistoryStore.touchHistory),
+            forEachAccumulated(targetInst, accumulateDirectDispatchesSingle),
+            (depthA = !0 === executeDirectDispatch(targetInst)),
+            responderInst
+              ? ((tempA = ResponderSyntheticEvent.getPooled(
+                  eventTypes$1.responderTerminationRequest,
+                  responderInst,
+                  nativeEvent,
+                  nativeEventTarget
+                )),
+                (tempA.touchHistory = ResponderTouchHistoryStore.touchHistory),
+                forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
+                (tempB =
+                  !tempA._dispatchListeners || executeDirectDispatch(tempA)),
+                tempA.isPersistent() || tempA.constructor.release(tempA),
+                tempB
+                  ? ((tempA = ResponderSyntheticEvent.getPooled(
+                      eventTypes$1.responderTerminate,
+                      responderInst,
+                      nativeEvent,
+                      nativeEventTarget
+                    )),
+                    (tempA.touchHistory =
+                      ResponderTouchHistoryStore.touchHistory),
+                    forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
+                    (JSCompiler_temp$jscomp$0 = accumulate(
+                      JSCompiler_temp$jscomp$0,
+                      [targetInst, tempA]
+                    )),
+                    changeResponder(JSCompiler_temp, depthA))
+                  : ((JSCompiler_temp = ResponderSyntheticEvent.getPooled(
+                      eventTypes$1.responderReject,
+                      JSCompiler_temp,
+                      nativeEvent,
+                      nativeEventTarget
+                    )),
+                    (JSCompiler_temp.touchHistory =
+                      ResponderTouchHistoryStore.touchHistory),
+                    forEachAccumulated(
+                      JSCompiler_temp,
+                      accumulateDirectDispatchesSingle
+                    ),
+                    (JSCompiler_temp$jscomp$0 = accumulate(
+                      JSCompiler_temp$jscomp$0,
+                      JSCompiler_temp
+                    ))))
+              : ((JSCompiler_temp$jscomp$0 = accumulate(
+                  JSCompiler_temp$jscomp$0,
+                  targetInst
+                )),
+                changeResponder(JSCompiler_temp, depthA)),
+            (JSCompiler_temp = JSCompiler_temp$jscomp$0))
+          : (JSCompiler_temp = null);
+      } else JSCompiler_temp = null;
+      JSCompiler_temp$jscomp$0 = responderInst && isStartish(topLevelType);
+      targetInst = responderInst && isMoveish(topLevelType);
+      depthA =
+        responderInst &&
+        ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType);
+      if (
+        (JSCompiler_temp$jscomp$0 = JSCompiler_temp$jscomp$0
+          ? eventTypes$1.responderStart
+          : targetInst
+            ? eventTypes$1.responderMove
+            : depthA ? eventTypes$1.responderEnd : null)
+      )
+        (JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
+          JSCompiler_temp$jscomp$0,
+          responderInst,
+          nativeEvent,
+          nativeEventTarget
+        )),
+          (JSCompiler_temp$jscomp$0.touchHistory =
+            ResponderTouchHistoryStore.touchHistory),
+          forEachAccumulated(
+            JSCompiler_temp$jscomp$0,
+            accumulateDirectDispatchesSingle
+          ),
+          (JSCompiler_temp = accumulate(
+            JSCompiler_temp,
+            JSCompiler_temp$jscomp$0
+          ));
+      JSCompiler_temp$jscomp$0 =
+        responderInst && "topTouchCancel" === topLevelType;
+      if (
+        (topLevelType =
+          responderInst &&
+          !JSCompiler_temp$jscomp$0 &&
+          ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType))
+      )
+        a: {
+          if ((topLevelType = nativeEvent.touches) && 0 !== topLevelType.length)
+            for (targetInst = 0; targetInst < topLevelType.length; targetInst++)
+              if (
+                ((depthA = topLevelType[targetInst].target),
+                null !== depthA && void 0 !== depthA && 0 !== depthA)
+              ) {
+                tempA = getInstanceFromNode(depthA);
+                b: {
+                  for (depthA = responderInst; tempA; ) {
+                    if (depthA === tempA || depthA === tempA.alternate) {
+                      depthA = !0;
+                      break b;
+                    }
+                    tempA = getParent(tempA);
+                  }
+                  depthA = !1;
+                }
+                if (depthA) {
+                  topLevelType = !1;
+                  break a;
+                }
+              }
+          topLevelType = !0;
+        }
+      if (
+        (topLevelType = JSCompiler_temp$jscomp$0
+          ? eventTypes$1.responderTerminate
+          : topLevelType ? eventTypes$1.responderRelease : null)
+      )
+        (nativeEvent = ResponderSyntheticEvent.getPooled(
+          topLevelType,
+          responderInst,
+          nativeEvent,
+          nativeEventTarget
+        )),
+          (nativeEvent.touchHistory = ResponderTouchHistoryStore.touchHistory),
+          forEachAccumulated(nativeEvent, accumulateDirectDispatchesSingle),
+          (JSCompiler_temp = accumulate(JSCompiler_temp, nativeEvent)),
+          changeResponder(null);
+      return JSCompiler_temp;
+    },
+    GlobalResponderHandler: null,
+    injection: {
+      injectGlobalResponderHandler: function(GlobalResponderHandler) {
+        ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
+      }
+    }
+  },
+  customBubblingEventTypes$1 =
+    ReactNativeViewConfigRegistry.customBubblingEventTypes,
+  customDirectEventTypes$1 =
+    ReactNativeViewConfigRegistry.customDirectEventTypes,
+  ReactNativeBridgeEventPlugin = {
+    eventTypes: ReactNativeViewConfigRegistry.eventTypes,
+    extractEvents: function(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      if (null == targetInst) return null;
+      var bubbleDispatchConfig = customBubblingEventTypes$1[topLevelType],
+        directDispatchConfig = customDirectEventTypes$1[topLevelType];
+      invariant(
+        bubbleDispatchConfig || directDispatchConfig,
+        'Unsupported top level event type "%s" dispatched',
+        topLevelType
+      );
+      topLevelType = SyntheticEvent.getPooled(
+        bubbleDispatchConfig || directDispatchConfig,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget
+      );
+      if (bubbleDispatchConfig)
+        forEachAccumulated(topLevelType, accumulateTwoPhaseDispatchesSingle);
+      else if (directDispatchConfig)
+        forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
+      else return null;
+      return topLevelType;
+    }
+  };
+injection.injectEventPluginOrder([
+  "ResponderEventPlugin",
+  "ReactNativeBridgeEventPlugin"
+]);
+injection.injectEventPluginsByName({
+  ResponderEventPlugin: ResponderEventPlugin,
+  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
+});
+function getInstanceFromInstance(instanceHandle) {
+  return instanceHandle;
+}
+var Injected$jscomp$inline_574 = {
+  getClosestInstanceFromNode: getInstanceFromInstance,
+  getInstanceFromNode: getInstanceFromInstance,
+  getNodeFromInstance: function(inst) {
+    inst = inst.stateNode.canonical._nativeTag;
+    invariant(inst, "All native instances should have a tag.");
+    return inst;
+  },
+  getFiberCurrentPropsFromNode: function(inst) {
+    return inst.canonical.currentProps;
+  }
+};
+getFiberCurrentPropsFromNode =
+  Injected$jscomp$inline_574.getFiberCurrentPropsFromNode;
+getInstanceFromNode = Injected$jscomp$inline_574.getInstanceFromNode;
+getNodeFromInstance = Injected$jscomp$inline_574.getNodeFromInstance;
+ResponderEventPlugin.injection.injectGlobalResponderHandler({
+  onChange: function(from, to, blockNativeResponder) {
+    null !== to
+      ? UIManager.setJSResponder(
+          to.stateNode.canonical._nativeTag,
+          blockNativeResponder
+        )
+      : UIManager.clearJSResponder();
+  }
+});
+var ReactCurrentOwner =
+    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,
+  hasSymbol = "function" === typeof Symbol && Symbol.for,
+  REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103,
+  REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106,
+  REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107,
+  REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108,
+  REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114,
+  REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109,
+  REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110,
+  REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111,
+  REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112,
+  REACT_TIMEOUT_TYPE = hasSymbol ? Symbol.for("react.timeout") : 60113,
+  MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
+function getIteratorFn(maybeIterable) {
+  if (null === maybeIterable || "undefined" === typeof maybeIterable)
+    return null;
+  maybeIterable =
+    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
+    maybeIterable["@@iterator"];
+  return "function" === typeof maybeIterable ? maybeIterable : null;
+}
+function getComponentName(fiber) {
+  var type = fiber.type;
+  if ("function" === typeof type) return type.displayName || type.name;
+  if ("string" === typeof type) return type;
+  switch (type) {
+    case REACT_ASYNC_MODE_TYPE:
+      return "AsyncMode";
+    case REACT_CONTEXT_TYPE:
+      return "Context.Consumer";
+    case REACT_FRAGMENT_TYPE:
+      return "ReactFragment";
+    case REACT_PORTAL_TYPE:
+      return "ReactPortal";
+    case REACT_PROFILER_TYPE:
+      return "Profiler(" + fiber.pendingProps.id + ")";
+    case REACT_PROVIDER_TYPE:
+      return "Context.Provider";
+    case REACT_STRICT_MODE_TYPE:
+      return "StrictMode";
+    case REACT_TIMEOUT_TYPE:
+      return "Timeout";
+  }
+  if ("object" === typeof type && null !== type)
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return (
+          (fiber = type.render.displayName || type.render.name || ""),
+          "" !== fiber ? "ForwardRef(" + fiber + ")" : "ForwardRef"
+        );
+    }
+  return null;
+}
+function isFiberMountedImpl(fiber) {
+  var node = fiber;
+  if (fiber.alternate) for (; node.return; ) node = node.return;
+  else {
+    if (0 !== (node.effectTag & 2)) return 1;
+    for (; node.return; )
+      if (((node = node.return), 0 !== (node.effectTag & 2))) return 1;
+  }
+  return 3 === node.tag ? 2 : 3;
+}
+function assertIsMounted(fiber) {
+  invariant(
+    2 === isFiberMountedImpl(fiber),
+    "Unable to find node on an unmounted component."
+  );
+}
+function findCurrentFiberUsingSlowPath(fiber) {
+  var alternate = fiber.alternate;
+  if (!alternate)
+    return (
+      (alternate = isFiberMountedImpl(fiber)),
+      invariant(
+        3 !== alternate,
+        "Unable to find node on an unmounted component."
+      ),
+      1 === alternate ? null : fiber
+    );
+  for (var a = fiber, b = alternate; ; ) {
+    var parentA = a.return,
+      parentB = parentA ? parentA.alternate : null;
+    if (!parentA || !parentB) break;
+    if (parentA.child === parentB.child) {
+      for (var child = parentA.child; child; ) {
+        if (child === a) return assertIsMounted(parentA), fiber;
+        if (child === b) return assertIsMounted(parentA), alternate;
+        child = child.sibling;
+      }
+      invariant(!1, "Unable to find node on an unmounted component.");
+    }
+    if (a.return !== b.return) (a = parentA), (b = parentB);
+    else {
+      child = !1;
+      for (var _child = parentA.child; _child; ) {
+        if (_child === a) {
+          child = !0;
+          a = parentA;
+          b = parentB;
+          break;
+        }
+        if (_child === b) {
+          child = !0;
+          b = parentA;
+          a = parentB;
+          break;
+        }
+        _child = _child.sibling;
+      }
+      if (!child) {
+        for (_child = parentB.child; _child; ) {
+          if (_child === a) {
+            child = !0;
+            a = parentB;
+            b = parentA;
+            break;
+          }
+          if (_child === b) {
+            child = !0;
+            b = parentB;
+            a = parentA;
+            break;
+          }
+          _child = _child.sibling;
+        }
+        invariant(
+          child,
+          "Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue."
+        );
+      }
+    }
+    invariant(
+      a.alternate === b,
+      "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
+    );
+  }
+  invariant(3 === a.tag, "Unable to find node on an unmounted component.");
+  return a.stateNode.current === a ? fiber : alternate;
+}
+function findCurrentHostFiber(parent) {
+  parent = findCurrentFiberUsingSlowPath(parent);
+  if (!parent) return null;
+  for (var node = parent; ; ) {
+    if (5 === node.tag || 6 === node.tag) return node;
+    if (node.child) (node.child.return = node), (node = node.child);
+    else {
+      if (node === parent) break;
+      for (; !node.sibling; ) {
+        if (!node.return || node.return === parent) return null;
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  }
+  return null;
+}
+function findCurrentHostFiberWithNoPortals(parent) {
+  parent = findCurrentFiberUsingSlowPath(parent);
+  if (!parent) return null;
+  for (var node = parent; ; ) {
+    if (5 === node.tag || 6 === node.tag) return node;
+    if (node.child && 4 !== node.tag)
+      (node.child.return = node), (node = node.child);
+    else {
+      if (node === parent) break;
+      for (; !node.sibling; ) {
+        if (!node.return || node.return === parent) return null;
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  }
+  return null;
+}
+function mountSafeCallback(context, callback) {
+  return function() {
+    if (callback) {
+      if ("boolean" === typeof context.__isMounted) {
+        if (!context.__isMounted) return;
+      } else if (
+        "function" === typeof context.isMounted &&
+        !context.isMounted()
+      )
+        return;
+      return callback.apply(context, arguments);
+    }
+  };
+}
+var emptyObject$1 = {},
+  removedKeys = null,
+  removedKeyCount = 0;
+function restoreDeletedValuesInNestedArray(
+  updatePayload,
+  node,
+  validAttributes
+) {
+  if (Array.isArray(node))
+    for (var i = node.length; i-- && 0 < removedKeyCount; )
+      restoreDeletedValuesInNestedArray(
+        updatePayload,
+        node[i],
+        validAttributes
+      );
+  else if (node && 0 < removedKeyCount)
+    for (i in removedKeys)
+      if (removedKeys[i]) {
+        var _nextProp = node[i];
+        if (void 0 !== _nextProp) {
+          var attributeConfig = validAttributes[i];
+          if (attributeConfig) {
+            "function" === typeof _nextProp && (_nextProp = !0);
+            "undefined" === typeof _nextProp && (_nextProp = null);
+            if ("object" !== typeof attributeConfig)
+              updatePayload[i] = _nextProp;
+            else if (
+              "function" === typeof attributeConfig.diff ||
+              "function" === typeof attributeConfig.process
+            )
+              (_nextProp =
+                "function" === typeof attributeConfig.process
+                  ? attributeConfig.process(_nextProp)
+                  : _nextProp),
+                (updatePayload[i] = _nextProp);
+            removedKeys[i] = !1;
+            removedKeyCount--;
+          }
+        }
+      }
+}
+function diffNestedProperty(
+  updatePayload,
+  prevProp,
+  nextProp,
+  validAttributes
+) {
+  if (!updatePayload && prevProp === nextProp) return updatePayload;
+  if (!prevProp || !nextProp)
+    return nextProp
+      ? addNestedProperty(updatePayload, nextProp, validAttributes)
+      : prevProp
+        ? clearNestedProperty(updatePayload, prevProp, validAttributes)
+        : updatePayload;
+  if (!Array.isArray(prevProp) && !Array.isArray(nextProp))
+    return diffProperties(updatePayload, prevProp, nextProp, validAttributes);
+  if (Array.isArray(prevProp) && Array.isArray(nextProp)) {
+    var minLength =
+        prevProp.length < nextProp.length ? prevProp.length : nextProp.length,
+      i;
+    for (i = 0; i < minLength; i++)
+      updatePayload = diffNestedProperty(
+        updatePayload,
+        prevProp[i],
+        nextProp[i],
+        validAttributes
+      );
+    for (; i < prevProp.length; i++)
+      updatePayload = clearNestedProperty(
+        updatePayload,
+        prevProp[i],
+        validAttributes
+      );
+    for (; i < nextProp.length; i++)
+      updatePayload = addNestedProperty(
+        updatePayload,
+        nextProp[i],
+        validAttributes
+      );
+    return updatePayload;
+  }
+  return Array.isArray(prevProp)
+    ? diffProperties(
+        updatePayload,
+        flattenStyle(prevProp),
+        nextProp,
+        validAttributes
+      )
+    : diffProperties(
+        updatePayload,
+        prevProp,
+        flattenStyle(nextProp),
+        validAttributes
+      );
+}
+function addNestedProperty(updatePayload, nextProp, validAttributes) {
+  if (!nextProp) return updatePayload;
+  if (!Array.isArray(nextProp))
+    return diffProperties(
+      updatePayload,
+      emptyObject$1,
+      nextProp,
+      validAttributes
+    );
+  for (var i = 0; i < nextProp.length; i++)
+    updatePayload = addNestedProperty(
+      updatePayload,
+      nextProp[i],
+      validAttributes
+    );
+  return updatePayload;
+}
+function clearNestedProperty(updatePayload, prevProp, validAttributes) {
+  if (!prevProp) return updatePayload;
+  if (!Array.isArray(prevProp))
+    return diffProperties(
+      updatePayload,
+      prevProp,
+      emptyObject$1,
+      validAttributes
+    );
+  for (var i = 0; i < prevProp.length; i++)
+    updatePayload = clearNestedProperty(
+      updatePayload,
+      prevProp[i],
+      validAttributes
+    );
+  return updatePayload;
+}
+function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
+  var attributeConfig, propKey;
+  for (propKey in nextProps)
+    if ((attributeConfig = validAttributes[propKey])) {
+      var prevProp = prevProps[propKey];
+      var nextProp = nextProps[propKey];
+      "function" === typeof nextProp &&
+        ((nextProp = !0), "function" === typeof prevProp && (prevProp = !0));
+      "undefined" === typeof nextProp &&
+        ((nextProp = null),
+        "undefined" === typeof prevProp && (prevProp = null));
+      removedKeys && (removedKeys[propKey] = !1);
+      if (updatePayload && void 0 !== updatePayload[propKey])
+        if ("object" !== typeof attributeConfig)
+          updatePayload[propKey] = nextProp;
+        else {
+          if (
+            "function" === typeof attributeConfig.diff ||
+            "function" === typeof attributeConfig.process
+          )
+            (attributeConfig =
+              "function" === typeof attributeConfig.process
+                ? attributeConfig.process(nextProp)
+                : nextProp),
+              (updatePayload[propKey] = attributeConfig);
+        }
+      else if (prevProp !== nextProp)
+        if ("object" !== typeof attributeConfig)
+          ("object" !== typeof nextProp ||
+            null === nextProp ||
+            deepDiffer(prevProp, nextProp)) &&
+            ((updatePayload || (updatePayload = {}))[propKey] = nextProp);
+        else if (
+          "function" === typeof attributeConfig.diff ||
+          "function" === typeof attributeConfig.process
+        ) {
+          if (
+            void 0 === prevProp ||
+            ("function" === typeof attributeConfig.diff
+              ? attributeConfig.diff(prevProp, nextProp)
+              : "object" !== typeof nextProp ||
+                null === nextProp ||
+                deepDiffer(prevProp, nextProp))
+          )
+            (attributeConfig =
+              "function" === typeof attributeConfig.process
+                ? attributeConfig.process(nextProp)
+                : nextProp),
+              ((updatePayload || (updatePayload = {}))[
+                propKey
+              ] = attributeConfig);
+        } else
+          (removedKeys = null),
+            (removedKeyCount = 0),
+            (updatePayload = diffNestedProperty(
+              updatePayload,
+              prevProp,
+              nextProp,
+              attributeConfig
+            )),
+            0 < removedKeyCount &&
+              updatePayload &&
+              (restoreDeletedValuesInNestedArray(
+                updatePayload,
+                nextProp,
+                attributeConfig
+              ),
+              (removedKeys = null));
+    }
+  for (var _propKey in prevProps)
+    void 0 === nextProps[_propKey] &&
+      (!(attributeConfig = validAttributes[_propKey]) ||
+        (updatePayload && void 0 !== updatePayload[_propKey]) ||
+        ((prevProp = prevProps[_propKey]),
+        void 0 !== prevProp &&
+          ("object" !== typeof attributeConfig ||
+          "function" === typeof attributeConfig.diff ||
+          "function" === typeof attributeConfig.process
+            ? (((updatePayload || (updatePayload = {}))[_propKey] = null),
+              removedKeys || (removedKeys = {}),
+              removedKeys[_propKey] ||
+                ((removedKeys[_propKey] = !0), removedKeyCount++))
+            : (updatePayload = clearNestedProperty(
+                updatePayload,
+                prevProp,
+                attributeConfig
+              )))));
+  return updatePayload;
+}
+var now$1 =
+    "object" === typeof performance && "function" === typeof performance.now
+      ? function() {
+          return performance.now();
+        }
+      : function() {
+          return Date.now();
+        },
+  scheduledCallback = null,
+  frameDeadline = 0,
+  frameDeadlineObject = {
+    timeRemaining: function() {
+      return frameDeadline - now$1();
+    },
+    didTimeout: !1
+  };
+function setTimeoutCallback() {
+  frameDeadline = now$1() + 5;
+  var callback = scheduledCallback;
+  scheduledCallback = null;
+  null !== callback && callback(frameDeadlineObject);
+}
+var restoreTarget = null,
+  restoreQueue = null;
+function restoreStateOfTarget(target) {
+  if ((target = getInstanceFromNode(target))) {
+    invariant(
+      null,
+      "Fiber needs to be injected to handle a fiber target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+    );
+    var props = getFiberCurrentPropsFromNode(target.stateNode);
+    null.restoreControlledState(target.stateNode, target.type, props);
+  }
+}
+function _batchedUpdates(fn, bookkeeping) {
+  return fn(bookkeeping);
+}
+function _flushInteractiveUpdates() {}
+var isBatching = !1;
+function batchedUpdates(fn, bookkeeping) {
+  if (isBatching) return fn(bookkeeping);
+  isBatching = !0;
+  try {
+    return _batchedUpdates(fn, bookkeeping);
+  } finally {
+    if (((isBatching = !1), null !== restoreTarget || null !== restoreQueue))
+      if (
+        (_flushInteractiveUpdates(),
+        restoreTarget &&
+          ((bookkeeping = restoreTarget),
+          (fn = restoreQueue),
+          (restoreQueue = restoreTarget = null),
+          restoreStateOfTarget(bookkeeping),
+          fn))
+      )
+        for (bookkeeping = 0; bookkeeping < fn.length; bookkeeping++)
+          restoreStateOfTarget(fn[bookkeeping]);
+  }
+}
+function dispatchEvent(target, topLevelType, nativeEvent) {
+  batchedUpdates(function() {
+    var events = nativeEvent.target;
+    for (var events$jscomp$0 = null, i = 0; i < plugins.length; i++) {
+      var possiblePlugin = plugins[i];
+      possiblePlugin &&
+        (possiblePlugin = possiblePlugin.extractEvents(
+          topLevelType,
+          target,
+          nativeEvent,
+          events
+        )) &&
+        (events$jscomp$0 = accumulateInto(events$jscomp$0, possiblePlugin));
+    }
+    events = events$jscomp$0;
+    null !== events && (eventQueue = accumulateInto(eventQueue, events));
+    events = eventQueue;
+    eventQueue = null;
+    events &&
+      (forEachAccumulated(events, executeDispatchesAndReleaseTopLevel),
+      invariant(
+        !eventQueue,
+        "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+      ),
+      ReactErrorUtils.rethrowCaughtError());
+  });
+}
+function shim$1() {
+  invariant(
+    !1,
+    "The current renderer does not support hyration. This error is likely caused by a bug in React. Please file an issue."
+  );
+}
+var nextReactTag = 2;
+FabricUIManager.registerEventHandler &&
+  FabricUIManager.registerEventHandler(dispatchEvent);
+var ReactFabricHostComponent = (function() {
+  function ReactFabricHostComponent(tag, viewConfig, props) {
+    if (!(this instanceof ReactFabricHostComponent))
+      throw new TypeError("Cannot call a class as a function");
+    this._nativeTag = tag;
+    this.viewConfig = viewConfig;
+    this.currentProps = props;
+  }
+  ReactFabricHostComponent.prototype.blur = function() {
+    TextInputState.blurTextInput(this._nativeTag);
+  };
+  ReactFabricHostComponent.prototype.focus = function() {
+    TextInputState.focusTextInput(this._nativeTag);
+  };
+  ReactFabricHostComponent.prototype.measure = function(callback) {
+    UIManager.measure(this._nativeTag, mountSafeCallback(this, callback));
+  };
+  ReactFabricHostComponent.prototype.measureInWindow = function(callback) {
+    UIManager.measureInWindow(
+      this._nativeTag,
+      mountSafeCallback(this, callback)
+    );
+  };
+  ReactFabricHostComponent.prototype.measureLayout = function(
+    relativeToNativeNode,
+    onSuccess,
+    onFail
+  ) {
+    UIManager.measureLayout(
+      this._nativeTag,
+      relativeToNativeNode,
+      mountSafeCallback(this, onFail),
+      mountSafeCallback(this, onSuccess)
+    );
+  };
+  ReactFabricHostComponent.prototype.setNativeProps = function(nativeProps) {
+    nativeProps = diffProperties(
+      null,
+      emptyObject$1,
+      nativeProps,
+      this.viewConfig.validAttributes
+    );
+    null != nativeProps &&
+      UIManager.updateView(
+        this._nativeTag,
+        this.viewConfig.uiViewClassName,
+        nativeProps
+      );
+  };
+  return ReactFabricHostComponent;
+})();
+function createTextInstance(
+  text,
+  rootContainerInstance,
+  hostContext,
+  internalInstanceHandle
+) {
+  invariant(
+    hostContext.isInAParentText,
+    "Text strings must be rendered within a <Text> component."
+  );
+  hostContext = nextReactTag;
+  nextReactTag += 2;
+  return {
+    node: FabricUIManager.createNode(
+      hostContext,
+      "RCTRawText",
+      rootContainerInstance,
+      { text: text },
+      internalInstanceHandle
+    )
+  };
+}
+function getStackAddendumByWorkInProgressFiber(workInProgress) {
+  var info = "";
+  do {
+    a: switch (workInProgress.tag) {
+      case 0:
+      case 1:
+      case 2:
+      case 5:
+        var owner = workInProgress._debugOwner,
+          source = workInProgress._debugSource;
+        var JSCompiler_inline_result = getComponentName(workInProgress);
+        var ownerName = null;
+        owner && (ownerName = getComponentName(owner));
+        owner = source;
+        JSCompiler_inline_result =
+          "\n    in " +
+          (JSCompiler_inline_result || "Unknown") +
+          (owner
+            ? " (at " +
+              owner.fileName.replace(/^.*[\\\/]/, "") +
+              ":" +
+              owner.lineNumber +
+              ")"
+            : ownerName ? " (created by " + ownerName + ")" : "");
+        break a;
+      default:
+        JSCompiler_inline_result = "";
+    }
+    info += JSCompiler_inline_result;
+    workInProgress = workInProgress.return;
+  } while (workInProgress);
+  return info;
+}
+new Set();
+var valueStack = [],
+  index = -1;
+function createCursor(defaultValue) {
+  return { current: defaultValue };
+}
+function pop(cursor) {
+  0 > index ||
+    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
+}
+function push(cursor, value) {
+  index++;
+  valueStack[index] = cursor.current;
+  cursor.current = value;
+}
+var contextStackCursor = createCursor(emptyObject),
+  didPerformWorkStackCursor = createCursor(!1),
+  previousContext = emptyObject;
+function getUnmaskedContext(workInProgress) {
+  return isContextProvider(workInProgress)
+    ? previousContext
+    : contextStackCursor.current;
+}
+function getMaskedContext(workInProgress, unmaskedContext) {
+  var contextTypes = workInProgress.type.contextTypes;
+  if (!contextTypes) return emptyObject;
+  var instance = workInProgress.stateNode;
+  if (
+    instance &&
+    instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
+  )
+    return instance.__reactInternalMemoizedMaskedChildContext;
+  var context = {},
+    key;
+  for (key in contextTypes) context[key] = unmaskedContext[key];
+  instance &&
+    ((workInProgress = workInProgress.stateNode),
+    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
+    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
+  return context;
+}
+function isContextProvider(fiber) {
+  return 2 === fiber.tag && null != fiber.type.childContextTypes;
+}
+function popContextProvider(fiber) {
+  isContextProvider(fiber) &&
+    (pop(didPerformWorkStackCursor, fiber), pop(contextStackCursor, fiber));
+}
+function popTopLevelContextObject(fiber) {
+  pop(didPerformWorkStackCursor, fiber);
+  pop(contextStackCursor, fiber);
+}
+function pushTopLevelContextObject(fiber, context, didChange) {
+  invariant(
+    contextStackCursor.current === emptyObject,
+    "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+  );
+  push(contextStackCursor, context, fiber);
+  push(didPerformWorkStackCursor, didChange, fiber);
+}
+function processChildContext(fiber, parentContext) {
+  var instance = fiber.stateNode,
+    childContextTypes = fiber.type.childContextTypes;
+  if ("function" !== typeof instance.getChildContext) return parentContext;
+  instance = instance.getChildContext();
+  for (var contextKey in instance)
+    invariant(
+      contextKey in childContextTypes,
+      '%s.getChildContext(): key "%s" is not defined in childContextTypes.',
+      getComponentName(fiber) || "Unknown",
+      contextKey
+    );
+  return Object.assign({}, parentContext, instance);
+}
+function pushContextProvider(workInProgress) {
+  if (!isContextProvider(workInProgress)) return !1;
+  var instance = workInProgress.stateNode;
+  instance =
+    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+    emptyObject;
+  previousContext = contextStackCursor.current;
+  push(contextStackCursor, instance, workInProgress);
+  push(
+    didPerformWorkStackCursor,
+    didPerformWorkStackCursor.current,
+    workInProgress
+  );
+  return !0;
+}
+function invalidateContextProvider(workInProgress, didChange) {
+  var instance = workInProgress.stateNode;
+  invariant(
+    instance,
+    "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+  );
+  if (didChange) {
+    var mergedContext = processChildContext(workInProgress, previousContext);
+    instance.__reactInternalMemoizedMergedChildContext = mergedContext;
+    pop(didPerformWorkStackCursor, workInProgress);
+    pop(contextStackCursor, workInProgress);
+    push(contextStackCursor, mergedContext, workInProgress);
+  } else pop(didPerformWorkStackCursor, workInProgress);
+  push(didPerformWorkStackCursor, didChange, workInProgress);
+}
+function FiberNode(tag, pendingProps, key, mode) {
+  this.tag = tag;
+  this.key = key;
+  this.sibling = this.child = this.return = this.stateNode = this.type = null;
+  this.index = 0;
+  this.ref = null;
+  this.pendingProps = pendingProps;
+  this.memoizedState = this.updateQueue = this.memoizedProps = null;
+  this.mode = mode;
+  this.effectTag = 0;
+  this.lastEffect = this.firstEffect = this.nextEffect = null;
+  this.expirationTime = 0;
+  this.alternate = null;
+}
+function createWorkInProgress(current, pendingProps, expirationTime) {
+  var workInProgress = current.alternate;
+  null === workInProgress
+    ? ((workInProgress = new FiberNode(
+        current.tag,
+        pendingProps,
+        current.key,
+        current.mode
+      )),
+      (workInProgress.type = current.type),
+      (workInProgress.stateNode = current.stateNode),
+      (workInProgress.alternate = current),
+      (current.alternate = workInProgress))
+    : ((workInProgress.pendingProps = pendingProps),
+      (workInProgress.effectTag = 0),
+      (workInProgress.nextEffect = null),
+      (workInProgress.firstEffect = null),
+      (workInProgress.lastEffect = null));
+  workInProgress.expirationTime = expirationTime;
+  workInProgress.child = current.child;
+  workInProgress.memoizedProps = current.memoizedProps;
+  workInProgress.memoizedState = current.memoizedState;
+  workInProgress.updateQueue = current.updateQueue;
+  workInProgress.sibling = current.sibling;
+  workInProgress.index = current.index;
+  workInProgress.ref = current.ref;
+  return workInProgress;
+}
+function createFiberFromElement(element, mode, expirationTime) {
+  var type = element.type,
+    key = element.key;
+  element = element.props;
+  if ("function" === typeof type)
+    var fiberTag = type.prototype && type.prototype.isReactComponent ? 2 : 0;
+  else if ("string" === typeof type) fiberTag = 5;
+  else
+    switch (type) {
+      case REACT_FRAGMENT_TYPE:
+        return createFiberFromFragment(
+          element.children,
+          mode,
+          expirationTime,
+          key
+        );
+      case REACT_ASYNC_MODE_TYPE:
+        fiberTag = 11;
+        mode |= 3;
+        break;
+      case REACT_STRICT_MODE_TYPE:
+        fiberTag = 11;
+        mode |= 2;
+        break;
+      case REACT_PROFILER_TYPE:
+        return (
+          (type = new FiberNode(15, element, key, mode | 4)),
+          (type.type = REACT_PROFILER_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_TIMEOUT_TYPE:
+        fiberTag = 16;
+        mode |= 2;
+        break;
+      default:
+        a: {
+          switch ("object" === typeof type && null !== type
+            ? type.$$typeof
+            : null) {
+            case REACT_PROVIDER_TYPE:
+              fiberTag = 13;
+              break a;
+            case REACT_CONTEXT_TYPE:
+              fiberTag = 12;
+              break a;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = 14;
+              break a;
+            default:
+              invariant(
+                !1,
+                "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
+                null == type ? type : typeof type,
+                ""
+              );
+          }
+          fiberTag = void 0;
+        }
+    }
+  mode = new FiberNode(fiberTag, element, key, mode);
+  mode.type = type;
+  mode.expirationTime = expirationTime;
+  return mode;
+}
+function createFiberFromFragment(elements, mode, expirationTime, key) {
+  elements = new FiberNode(10, elements, key, mode);
+  elements.expirationTime = expirationTime;
+  return elements;
+}
+function createFiberFromText(content, mode, expirationTime) {
+  content = new FiberNode(6, content, null, mode);
+  content.expirationTime = expirationTime;
+  return content;
+}
+function createFiberFromPortal(portal, mode, expirationTime) {
+  mode = new FiberNode(
+    4,
+    null !== portal.children ? portal.children : [],
+    portal.key,
+    mode
+  );
+  mode.expirationTime = expirationTime;
+  mode.stateNode = {
+    containerInfo: portal.containerInfo,
+    pendingChildren: null,
+    implementation: portal.implementation
+  };
+  return mode;
+}
+function createFiberRoot(containerInfo, isAsync, hydrate) {
+  isAsync = new FiberNode(3, null, null, isAsync ? 3 : 0);
+  containerInfo = {
+    current: isAsync,
+    containerInfo: containerInfo,
+    pendingChildren: null,
+    earliestPendingTime: 0,
+    latestPendingTime: 0,
+    earliestSuspendedTime: 0,
+    latestSuspendedTime: 0,
+    latestPingedTime: 0,
+    didError: !1,
+    pendingCommitExpirationTime: 0,
+    finishedWork: null,
+    context: null,
+    pendingContext: null,
+    hydrate: hydrate,
+    nextExpirationTimeToWorkOn: 0,
+    expirationTime: 0,
+    firstBatch: null,
+    nextScheduledRoot: null
+  };
+  return (isAsync.stateNode = containerInfo);
+}
+var onCommitFiberRoot = null,
+  onCommitFiberUnmount = null;
+function catchErrors(fn) {
+  return function(arg) {
+    try {
+      return fn(arg);
+    } catch (err) {}
+  };
+}
+function injectInternals(internals) {
+  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
+  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  if (hook.isDisabled || !hook.supportsFiber) return !0;
+  try {
+    var rendererID = hook.inject(internals);
+    onCommitFiberRoot = catchErrors(function(root) {
+      return hook.onCommitFiberRoot(rendererID, root);
+    });
+    onCommitFiberUnmount = catchErrors(function(fiber) {
+      return hook.onCommitFiberUnmount(rendererID, fiber);
+    });
+  } catch (err) {}
+  return !0;
+}
+function onCommitRoot(root) {
+  "function" === typeof onCommitFiberRoot && onCommitFiberRoot(root);
+}
+function onCommitUnmount(fiber) {
+  "function" === typeof onCommitFiberUnmount && onCommitFiberUnmount(fiber);
+}
+function markPendingPriorityLevel(root, expirationTime) {
+  root.didError = !1;
+  var earliestPendingTime = root.earliestPendingTime;
+  0 === earliestPendingTime
+    ? (root.earliestPendingTime = root.latestPendingTime = expirationTime)
+    : earliestPendingTime > expirationTime
+      ? (root.earliestPendingTime = expirationTime)
+      : root.latestPendingTime < expirationTime &&
+        (root.latestPendingTime = expirationTime);
+  findNextPendingPriorityLevel(root);
+}
+function findNextPendingPriorityLevel(root) {
+  var earliestSuspendedTime = root.earliestSuspendedTime,
+    earliestPendingTime = root.earliestPendingTime;
+  if (0 === earliestSuspendedTime)
+    var nextExpirationTimeToWorkOn = (earliestSuspendedTime = earliestPendingTime);
+  else
+    0 !== earliestPendingTime
+      ? ((nextExpirationTimeToWorkOn = earliestPendingTime),
+        (earliestSuspendedTime =
+          earliestSuspendedTime < earliestPendingTime
+            ? earliestSuspendedTime
+            : earliestPendingTime))
+      : (nextExpirationTimeToWorkOn = earliestSuspendedTime =
+          root.latestPingedTime);
+  root.didError && (earliestSuspendedTime = 1);
+  root.nextExpirationTimeToWorkOn = nextExpirationTimeToWorkOn;
+  root.expirationTime = earliestSuspendedTime;
+}
+var hasForceUpdate = !1;
+function createUpdateQueue(baseState) {
+  return {
+    expirationTime: 0,
+    baseState: baseState,
+    firstUpdate: null,
+    lastUpdate: null,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+}
+function cloneUpdateQueue(currentQueue) {
+  return {
+    expirationTime: currentQueue.expirationTime,
+    baseState: currentQueue.baseState,
+    firstUpdate: currentQueue.firstUpdate,
+    lastUpdate: currentQueue.lastUpdate,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+}
+function createUpdate(expirationTime) {
+  return {
+    expirationTime: expirationTime,
+    tag: 0,
+    payload: null,
+    callback: null,
+    next: null,
+    nextEffect: null
+  };
+}
+function appendUpdateToQueue(queue, update, expirationTime) {
+  null === queue.lastUpdate
+    ? (queue.firstUpdate = queue.lastUpdate = update)
+    : ((queue.lastUpdate.next = update), (queue.lastUpdate = update));
+  if (0 === queue.expirationTime || queue.expirationTime > expirationTime)
+    queue.expirationTime = expirationTime;
+}
+function enqueueUpdate(fiber, update, expirationTime) {
+  var alternate = fiber.alternate;
+  if (null === alternate) {
+    var queue1 = fiber.updateQueue;
+    var queue2 = null;
+    null === queue1 &&
+      (queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState));
+  } else
+    (queue1 = fiber.updateQueue),
+      (queue2 = alternate.updateQueue),
+      null === queue1
+        ? null === queue2
+          ? ((queue1 = fiber.updateQueue = createUpdateQueue(
+              fiber.memoizedState
+            )),
+            (queue2 = alternate.updateQueue = createUpdateQueue(
+              alternate.memoizedState
+            )))
+          : (queue1 = fiber.updateQueue = cloneUpdateQueue(queue2))
+        : null === queue2 &&
+          (queue2 = alternate.updateQueue = cloneUpdateQueue(queue1));
+  null === queue2 || queue1 === queue2
+    ? appendUpdateToQueue(queue1, update, expirationTime)
+    : null === queue1.lastUpdate || null === queue2.lastUpdate
+      ? (appendUpdateToQueue(queue1, update, expirationTime),
+        appendUpdateToQueue(queue2, update, expirationTime))
+      : (appendUpdateToQueue(queue1, update, expirationTime),
+        (queue2.lastUpdate = update));
+}
+function enqueueCapturedUpdate(workInProgress, update, renderExpirationTime) {
+  var workInProgressQueue = workInProgress.updateQueue;
+  workInProgressQueue =
+    null === workInProgressQueue
+      ? (workInProgress.updateQueue = createUpdateQueue(
+          workInProgress.memoizedState
+        ))
+      : ensureWorkInProgressQueueIsAClone(workInProgress, workInProgressQueue);
+  null === workInProgressQueue.lastCapturedUpdate
+    ? (workInProgressQueue.firstCapturedUpdate = workInProgressQueue.lastCapturedUpdate = update)
+    : ((workInProgressQueue.lastCapturedUpdate.next = update),
+      (workInProgressQueue.lastCapturedUpdate = update));
+  if (
+    0 === workInProgressQueue.expirationTime ||
+    workInProgressQueue.expirationTime > renderExpirationTime
+  )
+    workInProgressQueue.expirationTime = renderExpirationTime;
+}
+function ensureWorkInProgressQueueIsAClone(workInProgress, queue) {
+  var current = workInProgress.alternate;
+  null !== current &&
+    queue === current.updateQueue &&
+    (queue = workInProgress.updateQueue = cloneUpdateQueue(queue));
+  return queue;
+}
+function getStateFromUpdate(
+  workInProgress,
+  queue,
+  update,
+  prevState,
+  nextProps,
+  instance
+) {
+  switch (update.tag) {
+    case 1:
+      return (
+        (workInProgress = update.payload),
+        "function" === typeof workInProgress
+          ? workInProgress.call(instance, prevState, nextProps)
+          : workInProgress
+      );
+    case 3:
+      workInProgress.effectTag = (workInProgress.effectTag & -1025) | 64;
+    case 0:
+      workInProgress = update.payload;
+      nextProps =
+        "function" === typeof workInProgress
+          ? workInProgress.call(instance, prevState, nextProps)
+          : workInProgress;
+      if (null === nextProps || void 0 === nextProps) break;
+      return Object.assign({}, prevState, nextProps);
+    case 2:
+      hasForceUpdate = !0;
+  }
+  return prevState;
+}
+function processUpdateQueue(
+  workInProgress,
+  queue,
+  props,
+  instance,
+  renderExpirationTime
+) {
+  hasForceUpdate = !1;
+  if (
+    !(0 === queue.expirationTime || queue.expirationTime > renderExpirationTime)
+  ) {
+    queue = ensureWorkInProgressQueueIsAClone(workInProgress, queue);
+    for (
+      var newBaseState = queue.baseState,
+        newFirstUpdate = null,
+        newExpirationTime = 0,
+        update = queue.firstUpdate,
+        resultState = newBaseState;
+      null !== update;
+
+    ) {
+      var updateExpirationTime = update.expirationTime;
+      if (updateExpirationTime > renderExpirationTime) {
+        if (
+          (null === newFirstUpdate &&
+            ((newFirstUpdate = update), (newBaseState = resultState)),
+          0 === newExpirationTime || newExpirationTime > updateExpirationTime)
+        )
+          newExpirationTime = updateExpirationTime;
+      } else
+        (resultState = getStateFromUpdate(
+          workInProgress,
+          queue,
+          update,
+          resultState,
+          props,
+          instance
+        )),
+          null !== update.callback &&
+            ((workInProgress.effectTag |= 32),
+            (update.nextEffect = null),
+            null === queue.lastEffect
+              ? (queue.firstEffect = queue.lastEffect = update)
+              : ((queue.lastEffect.nextEffect = update),
+                (queue.lastEffect = update)));
+      update = update.next;
+    }
+    updateExpirationTime = null;
+    for (update = queue.firstCapturedUpdate; null !== update; ) {
+      var _updateExpirationTime = update.expirationTime;
+      if (_updateExpirationTime > renderExpirationTime) {
+        if (
+          (null === updateExpirationTime &&
+            ((updateExpirationTime = update),
+            null === newFirstUpdate && (newBaseState = resultState)),
+          0 === newExpirationTime || newExpirationTime > _updateExpirationTime)
+        )
+          newExpirationTime = _updateExpirationTime;
+      } else
+        (resultState = getStateFromUpdate(
+          workInProgress,
+          queue,
+          update,
+          resultState,
+          props,
+          instance
+        )),
+          null !== update.callback &&
+            ((workInProgress.effectTag |= 32),
+            (update.nextEffect = null),
+            null === queue.lastCapturedEffect
+              ? (queue.firstCapturedEffect = queue.lastCapturedEffect = update)
+              : ((queue.lastCapturedEffect.nextEffect = update),
+                (queue.lastCapturedEffect = update)));
+      update = update.next;
+    }
+    null === newFirstUpdate && (queue.lastUpdate = null);
+    null === updateExpirationTime
+      ? (queue.lastCapturedUpdate = null)
+      : (workInProgress.effectTag |= 32);
+    null === newFirstUpdate &&
+      null === updateExpirationTime &&
+      (newBaseState = resultState);
+    queue.baseState = newBaseState;
+    queue.firstUpdate = newFirstUpdate;
+    queue.firstCapturedUpdate = updateExpirationTime;
+    queue.expirationTime = newExpirationTime;
+    workInProgress.memoizedState = resultState;
+  }
+}
+function callCallback(callback, context) {
+  invariant(
+    "function" === typeof callback,
+    "Invalid argument passed as callback. Expected a function. Instead received: %s",
+    callback
+  );
+  callback.call(context);
+}
+function commitUpdateQueue(finishedWork, finishedQueue, instance) {
+  null !== finishedQueue.firstCapturedUpdate &&
+    (null !== finishedQueue.lastUpdate &&
+      ((finishedQueue.lastUpdate.next = finishedQueue.firstCapturedUpdate),
+      (finishedQueue.lastUpdate = finishedQueue.lastCapturedUpdate)),
+    (finishedQueue.firstCapturedUpdate = finishedQueue.lastCapturedUpdate = null));
+  finishedWork = finishedQueue.firstEffect;
+  for (
+    finishedQueue.firstEffect = finishedQueue.lastEffect = null;
+    null !== finishedWork;
+
+  ) {
+    var _callback3 = finishedWork.callback;
+    null !== _callback3 &&
+      ((finishedWork.callback = null), callCallback(_callback3, instance));
+    finishedWork = finishedWork.nextEffect;
+  }
+  finishedWork = finishedQueue.firstCapturedEffect;
+  for (
+    finishedQueue.firstCapturedEffect = finishedQueue.lastCapturedEffect = null;
+    null !== finishedWork;
+
+  )
+    (finishedQueue = finishedWork.callback),
+      null !== finishedQueue &&
+        ((finishedWork.callback = null), callCallback(finishedQueue, instance)),
+      (finishedWork = finishedWork.nextEffect);
+}
+function createCapturedValue(value, source) {
+  return {
+    value: value,
+    source: source,
+    stack: getStackAddendumByWorkInProgressFiber(source)
+  };
+}
+var providerCursor = createCursor(null),
+  valueCursor = createCursor(null),
+  changedBitsCursor = createCursor(0);
+function pushProvider(providerFiber) {
+  var context = providerFiber.type._context;
+  push(changedBitsCursor, context._changedBits2, providerFiber);
+  push(valueCursor, context._currentValue2, providerFiber);
+  push(providerCursor, providerFiber, providerFiber);
+  context._currentValue2 = providerFiber.pendingProps.value;
+  context._changedBits2 = providerFiber.stateNode;
+}
+function popProvider(providerFiber) {
+  var changedBits = changedBitsCursor.current,
+    currentValue = valueCursor.current;
+  pop(providerCursor, providerFiber);
+  pop(valueCursor, providerFiber);
+  pop(changedBitsCursor, providerFiber);
+  providerFiber = providerFiber.type._context;
+  providerFiber._currentValue2 = currentValue;
+  providerFiber._changedBits2 = changedBits;
+}
+var NO_CONTEXT = {},
+  contextStackCursor$1 = createCursor(NO_CONTEXT),
+  contextFiberStackCursor = createCursor(NO_CONTEXT),
+  rootInstanceStackCursor = createCursor(NO_CONTEXT);
+function requiredContext(c) {
+  invariant(
+    c !== NO_CONTEXT,
+    "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+  );
+  return c;
+}
+function pushHostContainer(fiber, nextRootInstance) {
+  push(rootInstanceStackCursor, nextRootInstance, fiber);
+  push(contextFiberStackCursor, fiber, fiber);
+  push(contextStackCursor$1, NO_CONTEXT, fiber);
+  pop(contextStackCursor$1, fiber);
+  push(contextStackCursor$1, { isInAParentText: !1 }, fiber);
+}
+function popHostContainer(fiber) {
+  pop(contextStackCursor$1, fiber);
+  pop(contextFiberStackCursor, fiber);
+  pop(rootInstanceStackCursor, fiber);
+}
+function popHostContext(fiber) {
+  contextFiberStackCursor.current === fiber &&
+    (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
+}
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+function is(x, y) {
+  return x === y ? 0 !== x || 0 !== y || 1 / x === 1 / y : x !== x && y !== y;
+}
+function shallowEqual(objA, objB) {
+  if (is(objA, objB)) return !0;
+  if (
+    "object" !== typeof objA ||
+    null === objA ||
+    "object" !== typeof objB ||
+    null === objB
+  )
+    return !1;
+  var keysA = Object.keys(objA),
+    keysB = Object.keys(objB);
+  if (keysA.length !== keysB.length) return !1;
+  for (keysB = 0; keysB < keysA.length; keysB++)
+    if (
+      !hasOwnProperty.call(objB, keysA[keysB]) ||
+      !is(objA[keysA[keysB]], objB[keysA[keysB]])
+    )
+      return !1;
+  return !0;
+}
+function applyDerivedStateFromProps(
+  workInProgress,
+  getDerivedStateFromProps,
+  nextProps
+) {
+  var prevState = workInProgress.memoizedState;
+  getDerivedStateFromProps = getDerivedStateFromProps(nextProps, prevState);
+  prevState =
+    null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps
+      ? prevState
+      : Object.assign({}, prevState, getDerivedStateFromProps);
+  workInProgress.memoizedState = prevState;
+  workInProgress = workInProgress.updateQueue;
+  null !== workInProgress &&
+    0 === workInProgress.expirationTime &&
+    (workInProgress.baseState = prevState);
+}
+var classComponentUpdater = {
+  isMounted: function(component) {
+    return (component = component._reactInternalFiber)
+      ? 2 === isFiberMountedImpl(component)
+      : !1;
+  },
+  enqueueSetState: function(inst, payload, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = recalculateCurrentTime();
+    currentTime = computeExpirationForFiber(currentTime, inst);
+    var update = createUpdate(currentTime);
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    enqueueUpdate(inst, update, currentTime);
+    scheduleWork(inst, currentTime);
+  },
+  enqueueReplaceState: function(inst, payload, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = recalculateCurrentTime();
+    currentTime = computeExpirationForFiber(currentTime, inst);
+    var update = createUpdate(currentTime);
+    update.tag = 1;
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    enqueueUpdate(inst, update, currentTime);
+    scheduleWork(inst, currentTime);
+  },
+  enqueueForceUpdate: function(inst, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = recalculateCurrentTime();
+    currentTime = computeExpirationForFiber(currentTime, inst);
+    var update = createUpdate(currentTime);
+    update.tag = 2;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    enqueueUpdate(inst, update, currentTime);
+    scheduleWork(inst, currentTime);
+  }
+};
+function checkShouldComponentUpdate(
+  workInProgress,
+  oldProps,
+  newProps,
+  oldState,
+  newState,
+  newContext
+) {
+  var instance = workInProgress.stateNode;
+  workInProgress = workInProgress.type;
+  return "function" === typeof instance.shouldComponentUpdate
+    ? instance.shouldComponentUpdate(newProps, newState, newContext)
+    : workInProgress.prototype && workInProgress.prototype.isPureReactComponent
+      ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+      : !0;
+}
+function callComponentWillReceiveProps(
+  workInProgress,
+  instance,
+  newProps,
+  newContext
+) {
+  workInProgress = instance.state;
+  "function" === typeof instance.componentWillReceiveProps &&
+    instance.componentWillReceiveProps(newProps, newContext);
+  "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
+    instance.UNSAFE_componentWillReceiveProps(newProps, newContext);
+  instance.state !== workInProgress &&
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+}
+function mountClassInstance(workInProgress, renderExpirationTime) {
+  var ctor = workInProgress.type,
+    instance = workInProgress.stateNode,
+    props = workInProgress.pendingProps,
+    unmaskedContext = getUnmaskedContext(workInProgress);
+  instance.props = props;
+  instance.state = workInProgress.memoizedState;
+  instance.refs = emptyObject;
+  instance.context = getMaskedContext(workInProgress, unmaskedContext);
+  unmaskedContext = workInProgress.updateQueue;
+  null !== unmaskedContext &&
+    (processUpdateQueue(
+      workInProgress,
+      unmaskedContext,
+      props,
+      instance,
+      renderExpirationTime
+    ),
+    (instance.state = workInProgress.memoizedState));
+  unmaskedContext = workInProgress.type.getDerivedStateFromProps;
+  "function" === typeof unmaskedContext &&
+    (applyDerivedStateFromProps(workInProgress, unmaskedContext, props),
+    (instance.state = workInProgress.memoizedState));
+  "function" === typeof ctor.getDerivedStateFromProps ||
+    "function" === typeof instance.getSnapshotBeforeUpdate ||
+    ("function" !== typeof instance.UNSAFE_componentWillMount &&
+      "function" !== typeof instance.componentWillMount) ||
+    ((ctor = instance.state),
+    "function" === typeof instance.componentWillMount &&
+      instance.componentWillMount(),
+    "function" === typeof instance.UNSAFE_componentWillMount &&
+      instance.UNSAFE_componentWillMount(),
+    ctor !== instance.state &&
+      classComponentUpdater.enqueueReplaceState(instance, instance.state, null),
+    (unmaskedContext = workInProgress.updateQueue),
+    null !== unmaskedContext &&
+      (processUpdateQueue(
+        workInProgress,
+        unmaskedContext,
+        props,
+        instance,
+        renderExpirationTime
+      ),
+      (instance.state = workInProgress.memoizedState)));
+  "function" === typeof instance.componentDidMount &&
+    (workInProgress.effectTag |= 4);
+}
+var isArray$1 = Array.isArray;
+function coerceRef(returnFiber, current, element) {
+  returnFiber = element.ref;
+  if (
+    null !== returnFiber &&
+    "function" !== typeof returnFiber &&
+    "object" !== typeof returnFiber
+  ) {
+    if (element._owner) {
+      element = element._owner;
+      var inst = void 0;
+      element &&
+        (invariant(
+          2 === element.tag,
+          "Stateless function components cannot have refs."
+        ),
+        (inst = element.stateNode));
+      invariant(
+        inst,
+        "Missing owner for string ref %s. This error is likely caused by a bug in React. Please file an issue.",
+        returnFiber
+      );
+      var stringRef = "" + returnFiber;
+      if (
+        null !== current &&
+        null !== current.ref &&
+        "function" === typeof current.ref &&
+        current.ref._stringRef === stringRef
+      )
+        return current.ref;
+      current = function(value) {
+        var refs = inst.refs === emptyObject ? (inst.refs = {}) : inst.refs;
+        null === value ? delete refs[stringRef] : (refs[stringRef] = value);
+      };
+      current._stringRef = stringRef;
+      return current;
+    }
+    invariant(
+      "string" === typeof returnFiber,
+      "Expected ref to be a function or a string."
+    );
+    invariant(
+      element._owner,
+      "Element ref was specified as a string (%s) but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a functional component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://fb.me/react-refs-must-have-owner for more information.",
+      returnFiber
+    );
+  }
+  return returnFiber;
+}
+function throwOnInvalidObjectType(returnFiber, newChild) {
+  "textarea" !== returnFiber.type &&
+    invariant(
+      !1,
+      "Objects are not valid as a React child (found: %s).%s",
+      "[object Object]" === Object.prototype.toString.call(newChild)
+        ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+        : newChild,
+      ""
+    );
+}
+function ChildReconciler(shouldTrackSideEffects) {
+  function deleteChild(returnFiber, childToDelete) {
+    if (shouldTrackSideEffects) {
+      var last = returnFiber.lastEffect;
+      null !== last
+        ? ((last.nextEffect = childToDelete),
+          (returnFiber.lastEffect = childToDelete))
+        : (returnFiber.firstEffect = returnFiber.lastEffect = childToDelete);
+      childToDelete.nextEffect = null;
+      childToDelete.effectTag = 8;
+    }
+  }
+  function deleteRemainingChildren(returnFiber, currentFirstChild) {
+    if (!shouldTrackSideEffects) return null;
+    for (; null !== currentFirstChild; )
+      deleteChild(returnFiber, currentFirstChild),
+        (currentFirstChild = currentFirstChild.sibling);
+    return null;
+  }
+  function mapRemainingChildren(returnFiber, currentFirstChild) {
+    for (returnFiber = new Map(); null !== currentFirstChild; )
+      null !== currentFirstChild.key
+        ? returnFiber.set(currentFirstChild.key, currentFirstChild)
+        : returnFiber.set(currentFirstChild.index, currentFirstChild),
+        (currentFirstChild = currentFirstChild.sibling);
+    return returnFiber;
+  }
+  function useFiber(fiber, pendingProps, expirationTime) {
+    fiber = createWorkInProgress(fiber, pendingProps, expirationTime);
+    fiber.index = 0;
+    fiber.sibling = null;
+    return fiber;
+  }
+  function placeChild(newFiber, lastPlacedIndex, newIndex) {
+    newFiber.index = newIndex;
+    if (!shouldTrackSideEffects) return lastPlacedIndex;
+    newIndex = newFiber.alternate;
+    if (null !== newIndex)
+      return (
+        (newIndex = newIndex.index),
+        newIndex < lastPlacedIndex
+          ? ((newFiber.effectTag = 2), lastPlacedIndex)
+          : newIndex
+      );
+    newFiber.effectTag = 2;
+    return lastPlacedIndex;
+  }
+  function placeSingleChild(newFiber) {
+    shouldTrackSideEffects &&
+      null === newFiber.alternate &&
+      (newFiber.effectTag = 2);
+    return newFiber;
+  }
+  function updateTextNode(returnFiber, current, textContent, expirationTime) {
+    if (null === current || 6 !== current.tag)
+      return (
+        (current = createFiberFromText(
+          textContent,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (current.return = returnFiber),
+        current
+      );
+    current = useFiber(current, textContent, expirationTime);
+    current.return = returnFiber;
+    return current;
+  }
+  function updateElement(returnFiber, current, element, expirationTime) {
+    if (null !== current && current.type === element.type)
+      return (
+        (expirationTime = useFiber(current, element.props, expirationTime)),
+        (expirationTime.ref = coerceRef(returnFiber, current, element)),
+        (expirationTime.return = returnFiber),
+        expirationTime
+      );
+    expirationTime = createFiberFromElement(
+      element,
+      returnFiber.mode,
+      expirationTime
+    );
+    expirationTime.ref = coerceRef(returnFiber, current, element);
+    expirationTime.return = returnFiber;
+    return expirationTime;
+  }
+  function updatePortal(returnFiber, current, portal, expirationTime) {
+    if (
+      null === current ||
+      4 !== current.tag ||
+      current.stateNode.containerInfo !== portal.containerInfo ||
+      current.stateNode.implementation !== portal.implementation
+    )
+      return (
+        (current = createFiberFromPortal(
+          portal,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (current.return = returnFiber),
+        current
+      );
+    current = useFiber(current, portal.children || [], expirationTime);
+    current.return = returnFiber;
+    return current;
+  }
+  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
+    if (null === current || 10 !== current.tag)
+      return (
+        (current = createFiberFromFragment(
+          fragment,
+          returnFiber.mode,
+          expirationTime,
+          key
+        )),
+        (current.return = returnFiber),
+        current
+      );
+    current = useFiber(current, fragment, expirationTime);
+    current.return = returnFiber;
+    return current;
+  }
+  function createChild(returnFiber, newChild, expirationTime) {
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (newChild = createFiberFromText(
+          "" + newChild,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (newChild.return = returnFiber),
+        newChild
+      );
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return (
+            (expirationTime = createFiberFromElement(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (expirationTime.ref = coerceRef(returnFiber, null, newChild)),
+            (expirationTime.return = returnFiber),
+            expirationTime
+          );
+        case REACT_PORTAL_TYPE:
+          return (
+            (newChild = createFiberFromPortal(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (newChild.return = returnFiber),
+            newChild
+          );
+      }
+      if (isArray$1(newChild) || getIteratorFn(newChild))
+        return (
+          (newChild = createFiberFromFragment(
+            newChild,
+            returnFiber.mode,
+            expirationTime,
+            null
+          )),
+          (newChild.return = returnFiber),
+          newChild
+        );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function updateSlot(returnFiber, oldFiber, newChild, expirationTime) {
+    var key = null !== oldFiber ? oldFiber.key : null;
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return null !== key
+        ? null
+        : updateTextNode(returnFiber, oldFiber, "" + newChild, expirationTime);
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return newChild.key === key
+            ? newChild.type === REACT_FRAGMENT_TYPE
+              ? updateFragment(
+                  returnFiber,
+                  oldFiber,
+                  newChild.props.children,
+                  expirationTime,
+                  key
+                )
+              : updateElement(returnFiber, oldFiber, newChild, expirationTime)
+            : null;
+        case REACT_PORTAL_TYPE:
+          return newChild.key === key
+            ? updatePortal(returnFiber, oldFiber, newChild, expirationTime)
+            : null;
+      }
+      if (isArray$1(newChild) || getIteratorFn(newChild))
+        return null !== key
+          ? null
+          : updateFragment(
+              returnFiber,
+              oldFiber,
+              newChild,
+              expirationTime,
+              null
+            );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function updateFromMap(
+    existingChildren,
+    returnFiber,
+    newIdx,
+    newChild,
+    expirationTime
+  ) {
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (existingChildren = existingChildren.get(newIdx) || null),
+        updateTextNode(
+          returnFiber,
+          existingChildren,
+          "" + newChild,
+          expirationTime
+        )
+      );
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return (
+            (existingChildren =
+              existingChildren.get(
+                null === newChild.key ? newIdx : newChild.key
+              ) || null),
+            newChild.type === REACT_FRAGMENT_TYPE
+              ? updateFragment(
+                  returnFiber,
+                  existingChildren,
+                  newChild.props.children,
+                  expirationTime,
+                  newChild.key
+                )
+              : updateElement(
+                  returnFiber,
+                  existingChildren,
+                  newChild,
+                  expirationTime
+                )
+          );
+        case REACT_PORTAL_TYPE:
+          return (
+            (existingChildren =
+              existingChildren.get(
+                null === newChild.key ? newIdx : newChild.key
+              ) || null),
+            updatePortal(
+              returnFiber,
+              existingChildren,
+              newChild,
+              expirationTime
+            )
+          );
+      }
+      if (isArray$1(newChild) || getIteratorFn(newChild))
+        return (
+          (existingChildren = existingChildren.get(newIdx) || null),
+          updateFragment(
+            returnFiber,
+            existingChildren,
+            newChild,
+            expirationTime,
+            null
+          )
+        );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function reconcileChildrenArray(
+    returnFiber,
+    currentFirstChild,
+    newChildren,
+    expirationTime
+  ) {
+    for (
+      var resultingFirstChild = null,
+        previousNewFiber = null,
+        oldFiber = currentFirstChild,
+        newIdx = (currentFirstChild = 0),
+        nextOldFiber = null;
+      null !== oldFiber && newIdx < newChildren.length;
+      newIdx++
+    ) {
+      oldFiber.index > newIdx
+        ? ((nextOldFiber = oldFiber), (oldFiber = null))
+        : (nextOldFiber = oldFiber.sibling);
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        newChildren[newIdx],
+        expirationTime
+      );
+      if (null === newFiber) {
+        null === oldFiber && (oldFiber = nextOldFiber);
+        break;
+      }
+      shouldTrackSideEffects &&
+        oldFiber &&
+        null === newFiber.alternate &&
+        deleteChild(returnFiber, oldFiber);
+      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
+      null === previousNewFiber
+        ? (resultingFirstChild = newFiber)
+        : (previousNewFiber.sibling = newFiber);
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
+    if (newIdx === newChildren.length)
+      return (
+        deleteRemainingChildren(returnFiber, oldFiber), resultingFirstChild
+      );
+    if (null === oldFiber) {
+      for (; newIdx < newChildren.length; newIdx++)
+        if (
+          (oldFiber = createChild(
+            returnFiber,
+            newChildren[newIdx],
+            expirationTime
+          ))
+        )
+          (currentFirstChild = placeChild(oldFiber, currentFirstChild, newIdx)),
+            null === previousNewFiber
+              ? (resultingFirstChild = oldFiber)
+              : (previousNewFiber.sibling = oldFiber),
+            (previousNewFiber = oldFiber);
+      return resultingFirstChild;
+    }
+    for (
+      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
+      newIdx < newChildren.length;
+      newIdx++
+    )
+      if (
+        (nextOldFiber = updateFromMap(
+          oldFiber,
+          returnFiber,
+          newIdx,
+          newChildren[newIdx],
+          expirationTime
+        ))
+      )
+        shouldTrackSideEffects &&
+          null !== nextOldFiber.alternate &&
+          oldFiber.delete(
+            null === nextOldFiber.key ? newIdx : nextOldFiber.key
+          ),
+          (currentFirstChild = placeChild(
+            nextOldFiber,
+            currentFirstChild,
+            newIdx
+          )),
+          null === previousNewFiber
+            ? (resultingFirstChild = nextOldFiber)
+            : (previousNewFiber.sibling = nextOldFiber),
+          (previousNewFiber = nextOldFiber);
+    shouldTrackSideEffects &&
+      oldFiber.forEach(function(child) {
+        return deleteChild(returnFiber, child);
+      });
+    return resultingFirstChild;
+  }
+  function reconcileChildrenIterator(
+    returnFiber,
+    currentFirstChild,
+    newChildrenIterable,
+    expirationTime
+  ) {
+    var iteratorFn = getIteratorFn(newChildrenIterable);
+    invariant(
+      "function" === typeof iteratorFn,
+      "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+    );
+    newChildrenIterable = iteratorFn.call(newChildrenIterable);
+    invariant(
+      null != newChildrenIterable,
+      "An iterable object provided no iterator."
+    );
+    for (
+      var previousNewFiber = (iteratorFn = null),
+        oldFiber = currentFirstChild,
+        newIdx = (currentFirstChild = 0),
+        nextOldFiber = null,
+        step = newChildrenIterable.next();
+      null !== oldFiber && !step.done;
+      newIdx++, step = newChildrenIterable.next()
+    ) {
+      oldFiber.index > newIdx
+        ? ((nextOldFiber = oldFiber), (oldFiber = null))
+        : (nextOldFiber = oldFiber.sibling);
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        step.value,
+        expirationTime
+      );
+      if (null === newFiber) {
+        oldFiber || (oldFiber = nextOldFiber);
+        break;
+      }
+      shouldTrackSideEffects &&
+        oldFiber &&
+        null === newFiber.alternate &&
+        deleteChild(returnFiber, oldFiber);
+      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
+      null === previousNewFiber
+        ? (iteratorFn = newFiber)
+        : (previousNewFiber.sibling = newFiber);
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
+    if (step.done)
+      return deleteRemainingChildren(returnFiber, oldFiber), iteratorFn;
+    if (null === oldFiber) {
+      for (; !step.done; newIdx++, step = newChildrenIterable.next())
+        (step = createChild(returnFiber, step.value, expirationTime)),
+          null !== step &&
+            ((currentFirstChild = placeChild(step, currentFirstChild, newIdx)),
+            null === previousNewFiber
+              ? (iteratorFn = step)
+              : (previousNewFiber.sibling = step),
+            (previousNewFiber = step));
+      return iteratorFn;
+    }
+    for (
+      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
+      !step.done;
+      newIdx++, step = newChildrenIterable.next()
+    )
+      (step = updateFromMap(
+        oldFiber,
+        returnFiber,
+        newIdx,
+        step.value,
+        expirationTime
+      )),
+        null !== step &&
+          (shouldTrackSideEffects &&
+            null !== step.alternate &&
+            oldFiber.delete(null === step.key ? newIdx : step.key),
+          (currentFirstChild = placeChild(step, currentFirstChild, newIdx)),
+          null === previousNewFiber
+            ? (iteratorFn = step)
+            : (previousNewFiber.sibling = step),
+          (previousNewFiber = step));
+    shouldTrackSideEffects &&
+      oldFiber.forEach(function(child) {
+        return deleteChild(returnFiber, child);
+      });
+    return iteratorFn;
+  }
+  return function(returnFiber, currentFirstChild, newChild, expirationTime) {
+    var isUnkeyedTopLevelFragment =
+      "object" === typeof newChild &&
+      null !== newChild &&
+      newChild.type === REACT_FRAGMENT_TYPE &&
+      null === newChild.key;
+    isUnkeyedTopLevelFragment && (newChild = newChild.props.children);
+    var isObject = "object" === typeof newChild && null !== newChild;
+    if (isObject)
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          a: {
+            isObject = newChild.key;
+            for (
+              isUnkeyedTopLevelFragment = currentFirstChild;
+              null !== isUnkeyedTopLevelFragment;
+
+            ) {
+              if (isUnkeyedTopLevelFragment.key === isObject)
+                if (
+                  10 === isUnkeyedTopLevelFragment.tag
+                    ? newChild.type === REACT_FRAGMENT_TYPE
+                    : isUnkeyedTopLevelFragment.type === newChild.type
+                ) {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment.sibling
+                  );
+                  currentFirstChild = useFiber(
+                    isUnkeyedTopLevelFragment,
+                    newChild.type === REACT_FRAGMENT_TYPE
+                      ? newChild.props.children
+                      : newChild.props,
+                    expirationTime
+                  );
+                  currentFirstChild.ref = coerceRef(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment,
+                    newChild
+                  );
+                  currentFirstChild.return = returnFiber;
+                  returnFiber = currentFirstChild;
+                  break a;
+                } else {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment
+                  );
+                  break;
+                }
+              else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
+              isUnkeyedTopLevelFragment = isUnkeyedTopLevelFragment.sibling;
+            }
+            newChild.type === REACT_FRAGMENT_TYPE
+              ? ((currentFirstChild = createFiberFromFragment(
+                  newChild.props.children,
+                  returnFiber.mode,
+                  expirationTime,
+                  newChild.key
+                )),
+                (currentFirstChild.return = returnFiber),
+                (returnFiber = currentFirstChild))
+              : ((expirationTime = createFiberFromElement(
+                  newChild,
+                  returnFiber.mode,
+                  expirationTime
+                )),
+                (expirationTime.ref = coerceRef(
+                  returnFiber,
+                  currentFirstChild,
+                  newChild
+                )),
+                (expirationTime.return = returnFiber),
+                (returnFiber = expirationTime));
+          }
+          return placeSingleChild(returnFiber);
+        case REACT_PORTAL_TYPE:
+          a: {
+            for (
+              isUnkeyedTopLevelFragment = newChild.key;
+              null !== currentFirstChild;
+
+            ) {
+              if (currentFirstChild.key === isUnkeyedTopLevelFragment)
+                if (
+                  4 === currentFirstChild.tag &&
+                  currentFirstChild.stateNode.containerInfo ===
+                    newChild.containerInfo &&
+                  currentFirstChild.stateNode.implementation ===
+                    newChild.implementation
+                ) {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    currentFirstChild.sibling
+                  );
+                  currentFirstChild = useFiber(
+                    currentFirstChild,
+                    newChild.children || [],
+                    expirationTime
+                  );
+                  currentFirstChild.return = returnFiber;
+                  returnFiber = currentFirstChild;
+                  break a;
+                } else {
+                  deleteRemainingChildren(returnFiber, currentFirstChild);
+                  break;
+                }
+              else deleteChild(returnFiber, currentFirstChild);
+              currentFirstChild = currentFirstChild.sibling;
+            }
+            currentFirstChild = createFiberFromPortal(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            );
+            currentFirstChild.return = returnFiber;
+            returnFiber = currentFirstChild;
+          }
+          return placeSingleChild(returnFiber);
+      }
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (newChild = "" + newChild),
+        null !== currentFirstChild && 6 === currentFirstChild.tag
+          ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
+            (currentFirstChild = useFiber(
+              currentFirstChild,
+              newChild,
+              expirationTime
+            )),
+            (currentFirstChild.return = returnFiber),
+            (returnFiber = currentFirstChild))
+          : (deleteRemainingChildren(returnFiber, currentFirstChild),
+            (currentFirstChild = createFiberFromText(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (currentFirstChild.return = returnFiber),
+            (returnFiber = currentFirstChild)),
+        placeSingleChild(returnFiber)
+      );
+    if (isArray$1(newChild))
+      return reconcileChildrenArray(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    if (getIteratorFn(newChild))
+      return reconcileChildrenIterator(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    isObject && throwOnInvalidObjectType(returnFiber, newChild);
+    if ("undefined" === typeof newChild && !isUnkeyedTopLevelFragment)
+      switch (returnFiber.tag) {
+        case 2:
+        case 1:
+          (expirationTime = returnFiber.type),
+            invariant(
+              !1,
+              "%s(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.",
+              expirationTime.displayName || expirationTime.name || "Component"
+            );
+      }
+    return deleteRemainingChildren(returnFiber, currentFirstChild);
+  };
+}
+var reconcileChildFibers = ChildReconciler(!0),
+  mountChildFibers = ChildReconciler(!1),
+  hydrationParentFiber = null,
+  nextHydratableInstance = null,
+  isHydrating = !1;
+function tryHydrate(fiber, nextInstance) {
+  switch (fiber.tag) {
+    case 5:
+      return (
+        (nextInstance = shim$1(nextInstance, fiber.type, fiber.pendingProps)),
+        null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
+      );
+    case 6:
+      return (
+        (nextInstance = shim$1(nextInstance, fiber.pendingProps)),
+        null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
+      );
+    default:
+      return !1;
+  }
+}
+function tryToClaimNextHydratableInstance(fiber$jscomp$0) {
+  if (isHydrating) {
+    var nextInstance = nextHydratableInstance;
+    if (nextInstance) {
+      var firstAttemptedInstance = nextInstance;
+      if (!tryHydrate(fiber$jscomp$0, nextInstance)) {
+        nextInstance = shim$1(firstAttemptedInstance);
+        if (!nextInstance || !tryHydrate(fiber$jscomp$0, nextInstance)) {
+          fiber$jscomp$0.effectTag |= 2;
+          isHydrating = !1;
+          hydrationParentFiber = fiber$jscomp$0;
+          return;
+        }
+        var returnFiber = hydrationParentFiber,
+          fiber = new FiberNode(5, null, null, 0);
+        fiber.type = "DELETED";
+        fiber.stateNode = firstAttemptedInstance;
+        fiber.return = returnFiber;
+        fiber.effectTag = 8;
+        null !== returnFiber.lastEffect
+          ? ((returnFiber.lastEffect.nextEffect = fiber),
+            (returnFiber.lastEffect = fiber))
+          : (returnFiber.firstEffect = returnFiber.lastEffect = fiber);
+      }
+      hydrationParentFiber = fiber$jscomp$0;
+      nextHydratableInstance = shim$1(nextInstance);
+    } else
+      (fiber$jscomp$0.effectTag |= 2),
+        (isHydrating = !1),
+        (hydrationParentFiber = fiber$jscomp$0);
+  }
+}
+function reconcileChildren(current, workInProgress, nextChildren) {
+  reconcileChildrenAtExpirationTime(
+    current,
+    workInProgress,
+    nextChildren,
+    workInProgress.expirationTime
+  );
+}
+function reconcileChildrenAtExpirationTime(
+  current,
+  workInProgress,
+  nextChildren,
+  renderExpirationTime
+) {
+  workInProgress.child =
+    null === current
+      ? mountChildFibers(
+          workInProgress,
+          null,
+          nextChildren,
+          renderExpirationTime
+        )
+      : reconcileChildFibers(
+          workInProgress,
+          current.child,
+          nextChildren,
+          renderExpirationTime
+        );
+}
+function markRef(current, workInProgress) {
+  var ref = workInProgress.ref;
+  if (
+    (null === current && null !== ref) ||
+    (null !== current && current.ref !== ref)
+  )
+    workInProgress.effectTag |= 128;
+}
+function finishClassComponent(
+  current,
+  workInProgress,
+  shouldUpdate,
+  hasContext,
+  renderExpirationTime
+) {
+  markRef(current, workInProgress);
+  var didCaptureError = 0 !== (workInProgress.effectTag & 64);
+  if (!shouldUpdate && !didCaptureError)
+    return (
+      hasContext && invalidateContextProvider(workInProgress, !1),
+      bailoutOnAlreadyFinishedWork(current, workInProgress)
+    );
+  shouldUpdate = workInProgress.stateNode;
+  ReactCurrentOwner.current = workInProgress;
+  var nextChildren = didCaptureError ? null : shouldUpdate.render();
+  workInProgress.effectTag |= 1;
+  didCaptureError &&
+    (reconcileChildrenAtExpirationTime(
+      current,
+      workInProgress,
+      null,
+      renderExpirationTime
+    ),
+    (workInProgress.child = null));
+  reconcileChildrenAtExpirationTime(
+    current,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  workInProgress.memoizedState = shouldUpdate.state;
+  workInProgress.memoizedProps = shouldUpdate.props;
+  hasContext && invalidateContextProvider(workInProgress, !0);
+  return workInProgress.child;
+}
+function pushHostRootContext(workInProgress) {
+  var root = workInProgress.stateNode;
+  root.pendingContext
+    ? pushTopLevelContextObject(
+        workInProgress,
+        root.pendingContext,
+        root.pendingContext !== root.context
+      )
+    : root.context &&
+      pushTopLevelContextObject(workInProgress, root.context, !1);
+  pushHostContainer(workInProgress, root.containerInfo);
+}
+function propagateContextChange(
+  workInProgress,
+  context,
+  changedBits,
+  renderExpirationTime
+) {
+  var fiber = workInProgress.child;
+  null !== fiber && (fiber.return = workInProgress);
+  for (; null !== fiber; ) {
+    switch (fiber.tag) {
+      case 12:
+        var nextFiber = fiber.stateNode | 0;
+        if (fiber.type === context && 0 !== (nextFiber & changedBits)) {
+          for (nextFiber = fiber; null !== nextFiber; ) {
+            var alternate = nextFiber.alternate;
+            if (
+              0 === nextFiber.expirationTime ||
+              nextFiber.expirationTime > renderExpirationTime
+            )
+              (nextFiber.expirationTime = renderExpirationTime),
+                null !== alternate &&
+                  (0 === alternate.expirationTime ||
+                    alternate.expirationTime > renderExpirationTime) &&
+                  (alternate.expirationTime = renderExpirationTime);
+            else if (
+              null !== alternate &&
+              (0 === alternate.expirationTime ||
+                alternate.expirationTime > renderExpirationTime)
+            )
+              alternate.expirationTime = renderExpirationTime;
+            else break;
+            nextFiber = nextFiber.return;
+          }
+          nextFiber = null;
+        } else nextFiber = fiber.child;
+        break;
+      case 13:
+        nextFiber = fiber.type === workInProgress.type ? null : fiber.child;
+        break;
+      default:
+        nextFiber = fiber.child;
+    }
+    if (null !== nextFiber) nextFiber.return = fiber;
+    else
+      for (nextFiber = fiber; null !== nextFiber; ) {
+        if (nextFiber === workInProgress) {
+          nextFiber = null;
+          break;
+        }
+        fiber = nextFiber.sibling;
+        if (null !== fiber) {
+          fiber.return = nextFiber.return;
+          nextFiber = fiber;
+          break;
+        }
+        nextFiber = nextFiber.return;
+      }
+    fiber = nextFiber;
+  }
+}
+function updateContextProvider(current, workInProgress, renderExpirationTime) {
+  var context = workInProgress.type._context,
+    newProps = workInProgress.pendingProps,
+    oldProps = workInProgress.memoizedProps,
+    canBailOnProps = !0;
+  if (didPerformWorkStackCursor.current) canBailOnProps = !1;
+  else if (oldProps === newProps)
+    return (
+      (workInProgress.stateNode = 0),
+      pushProvider(workInProgress),
+      bailoutOnAlreadyFinishedWork(current, workInProgress)
+    );
+  var newValue = newProps.value;
+  workInProgress.memoizedProps = newProps;
+  if (null === oldProps) newValue = 1073741823;
+  else if (oldProps.value === newProps.value) {
+    if (oldProps.children === newProps.children && canBailOnProps)
+      return (
+        (workInProgress.stateNode = 0),
+        pushProvider(workInProgress),
+        bailoutOnAlreadyFinishedWork(current, workInProgress)
+      );
+    newValue = 0;
+  } else {
+    var oldValue = oldProps.value;
+    if (
+      (oldValue === newValue &&
+        (0 !== oldValue || 1 / oldValue === 1 / newValue)) ||
+      (oldValue !== oldValue && newValue !== newValue)
+    ) {
+      if (oldProps.children === newProps.children && canBailOnProps)
+        return (
+          (workInProgress.stateNode = 0),
+          pushProvider(workInProgress),
+          bailoutOnAlreadyFinishedWork(current, workInProgress)
+        );
+      newValue = 0;
+    } else if (
+      ((newValue =
+        "function" === typeof context._calculateChangedBits
+          ? context._calculateChangedBits(oldValue, newValue)
+          : 1073741823),
+      (newValue |= 0),
+      0 === newValue)
+    ) {
+      if (oldProps.children === newProps.children && canBailOnProps)
+        return (
+          (workInProgress.stateNode = 0),
+          pushProvider(workInProgress),
+          bailoutOnAlreadyFinishedWork(current, workInProgress)
+        );
+    } else
+      propagateContextChange(
+        workInProgress,
+        context,
+        newValue,
+        renderExpirationTime
+      );
+  }
+  workInProgress.stateNode = newValue;
+  pushProvider(workInProgress);
+  reconcileChildren(current, workInProgress, newProps.children);
+  return workInProgress.child;
+}
+function bailoutOnAlreadyFinishedWork(current, workInProgress) {
+  invariant(
+    null === current || workInProgress.child === current.child,
+    "Resuming work not yet implemented."
+  );
+  if (null !== workInProgress.child) {
+    current = workInProgress.child;
+    var newChild = createWorkInProgress(
+      current,
+      current.pendingProps,
+      current.expirationTime
+    );
+    workInProgress.child = newChild;
+    for (newChild.return = workInProgress; null !== current.sibling; )
+      (current = current.sibling),
+        (newChild = newChild.sibling = createWorkInProgress(
+          current,
+          current.pendingProps,
+          current.expirationTime
+        )),
+        (newChild.return = workInProgress);
+    newChild.sibling = null;
+  }
+  return workInProgress.child;
+}
+function beginWork(current, workInProgress, renderExpirationTime) {
+  if (
+    0 === workInProgress.expirationTime ||
+    workInProgress.expirationTime > renderExpirationTime
+  ) {
+    switch (workInProgress.tag) {
+      case 3:
+        pushHostRootContext(workInProgress);
+        break;
+      case 2:
+        pushContextProvider(workInProgress);
+        break;
+      case 4:
+        pushHostContainer(
+          workInProgress,
+          workInProgress.stateNode.containerInfo
+        );
+        break;
+      case 13:
+        pushProvider(workInProgress);
+    }
+    return null;
+  }
+  switch (workInProgress.tag) {
+    case 0:
+      invariant(
+        null === current,
+        "An indeterminate component should never have mounted. This error is likely caused by a bug in React. Please file an issue."
+      );
+      var fn = workInProgress.type,
+        props = workInProgress.pendingProps,
+        unmaskedContext = getUnmaskedContext(workInProgress);
+      unmaskedContext = getMaskedContext(workInProgress, unmaskedContext);
+      fn = fn(props, unmaskedContext);
+      workInProgress.effectTag |= 1;
+      "object" === typeof fn &&
+      null !== fn &&
+      "function" === typeof fn.render &&
+      void 0 === fn.$$typeof
+        ? ((unmaskedContext = workInProgress.type),
+          (workInProgress.tag = 2),
+          (workInProgress.memoizedState =
+            null !== fn.state && void 0 !== fn.state ? fn.state : null),
+          (unmaskedContext = unmaskedContext.getDerivedStateFromProps),
+          "function" === typeof unmaskedContext &&
+            applyDerivedStateFromProps(workInProgress, unmaskedContext, props),
+          (props = pushContextProvider(workInProgress)),
+          (fn.updater = classComponentUpdater),
+          (workInProgress.stateNode = fn),
+          (fn._reactInternalFiber = workInProgress),
+          mountClassInstance(workInProgress, renderExpirationTime),
+          (current = finishClassComponent(
+            current,
+            workInProgress,
+            !0,
+            props,
+            renderExpirationTime
+          )))
+        : ((workInProgress.tag = 1),
+          reconcileChildren(current, workInProgress, fn),
+          (workInProgress.memoizedProps = props),
+          (current = workInProgress.child));
+      return current;
+    case 1:
+      return (
+        (props = workInProgress.type),
+        (renderExpirationTime = workInProgress.pendingProps),
+        didPerformWorkStackCursor.current ||
+        workInProgress.memoizedProps !== renderExpirationTime
+          ? ((fn = getUnmaskedContext(workInProgress)),
+            (fn = getMaskedContext(workInProgress, fn)),
+            (props = props(renderExpirationTime, fn)),
+            (workInProgress.effectTag |= 1),
+            reconcileChildren(current, workInProgress, props),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 2:
+      props = pushContextProvider(workInProgress);
+      if (null === current)
+        if (null === workInProgress.stateNode) {
+          var props$jscomp$0 = workInProgress.pendingProps,
+            ctor = workInProgress.type;
+          fn = getUnmaskedContext(workInProgress);
+          var needsContext =
+            2 === workInProgress.tag &&
+            null != workInProgress.type.contextTypes;
+          unmaskedContext = needsContext
+            ? getMaskedContext(workInProgress, fn)
+            : emptyObject;
+          props$jscomp$0 = new ctor(props$jscomp$0, unmaskedContext);
+          workInProgress.memoizedState =
+            null !== props$jscomp$0.state && void 0 !== props$jscomp$0.state
+              ? props$jscomp$0.state
+              : null;
+          props$jscomp$0.updater = classComponentUpdater;
+          workInProgress.stateNode = props$jscomp$0;
+          props$jscomp$0._reactInternalFiber = workInProgress;
+          needsContext &&
+            ((needsContext = workInProgress.stateNode),
+            (needsContext.__reactInternalMemoizedUnmaskedChildContext = fn),
+            (needsContext.__reactInternalMemoizedMaskedChildContext = unmaskedContext));
+          mountClassInstance(workInProgress, renderExpirationTime);
+          fn = !0;
+        } else {
+          ctor = workInProgress.type;
+          fn = workInProgress.stateNode;
+          needsContext = workInProgress.memoizedProps;
+          unmaskedContext = workInProgress.pendingProps;
+          fn.props = needsContext;
+          var oldContext = fn.context;
+          props$jscomp$0 = getUnmaskedContext(workInProgress);
+          props$jscomp$0 = getMaskedContext(workInProgress, props$jscomp$0);
+          var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+          (ctor =
+            "function" === typeof getDerivedStateFromProps ||
+            "function" === typeof fn.getSnapshotBeforeUpdate) ||
+            ("function" !== typeof fn.UNSAFE_componentWillReceiveProps &&
+              "function" !== typeof fn.componentWillReceiveProps) ||
+            ((needsContext !== unmaskedContext ||
+              oldContext !== props$jscomp$0) &&
+              callComponentWillReceiveProps(
+                workInProgress,
+                fn,
+                unmaskedContext,
+                props$jscomp$0
+              ));
+          hasForceUpdate = !1;
+          var oldState = workInProgress.memoizedState;
+          oldContext = fn.state = oldState;
+          var updateQueue = workInProgress.updateQueue;
+          null !== updateQueue &&
+            (processUpdateQueue(
+              workInProgress,
+              updateQueue,
+              unmaskedContext,
+              fn,
+              renderExpirationTime
+            ),
+            (oldContext = workInProgress.memoizedState));
+          needsContext !== unmaskedContext ||
+          oldState !== oldContext ||
+          didPerformWorkStackCursor.current ||
+          hasForceUpdate
+            ? ("function" === typeof getDerivedStateFromProps &&
+                (applyDerivedStateFromProps(
+                  workInProgress,
+                  getDerivedStateFromProps,
+                  unmaskedContext
+                ),
+                (oldContext = workInProgress.memoizedState)),
+              (needsContext =
+                hasForceUpdate ||
+                checkShouldComponentUpdate(
+                  workInProgress,
+                  needsContext,
+                  unmaskedContext,
+                  oldState,
+                  oldContext,
+                  props$jscomp$0
+                ))
+                ? (ctor ||
+                    ("function" !== typeof fn.UNSAFE_componentWillMount &&
+                      "function" !== typeof fn.componentWillMount) ||
+                    ("function" === typeof fn.componentWillMount &&
+                      fn.componentWillMount(),
+                    "function" === typeof fn.UNSAFE_componentWillMount &&
+                      fn.UNSAFE_componentWillMount()),
+                  "function" === typeof fn.componentDidMount &&
+                    (workInProgress.effectTag |= 4))
+                : ("function" === typeof fn.componentDidMount &&
+                    (workInProgress.effectTag |= 4),
+                  (workInProgress.memoizedProps = unmaskedContext),
+                  (workInProgress.memoizedState = oldContext)),
+              (fn.props = unmaskedContext),
+              (fn.state = oldContext),
+              (fn.context = props$jscomp$0),
+              (fn = needsContext))
+            : ("function" === typeof fn.componentDidMount &&
+                (workInProgress.effectTag |= 4),
+              (fn = !1));
+        }
+      else
+        (ctor = workInProgress.type),
+          (fn = workInProgress.stateNode),
+          (unmaskedContext = workInProgress.memoizedProps),
+          (needsContext = workInProgress.pendingProps),
+          (fn.props = unmaskedContext),
+          (oldContext = fn.context),
+          (props$jscomp$0 = getUnmaskedContext(workInProgress)),
+          (props$jscomp$0 = getMaskedContext(workInProgress, props$jscomp$0)),
+          (getDerivedStateFromProps = ctor.getDerivedStateFromProps),
+          (ctor =
+            "function" === typeof getDerivedStateFromProps ||
+            "function" === typeof fn.getSnapshotBeforeUpdate) ||
+            ("function" !== typeof fn.UNSAFE_componentWillReceiveProps &&
+              "function" !== typeof fn.componentWillReceiveProps) ||
+            ((unmaskedContext !== needsContext ||
+              oldContext !== props$jscomp$0) &&
+              callComponentWillReceiveProps(
+                workInProgress,
+                fn,
+                needsContext,
+                props$jscomp$0
+              )),
+          (hasForceUpdate = !1),
+          (oldContext = workInProgress.memoizedState),
+          (oldState = fn.state = oldContext),
+          (updateQueue = workInProgress.updateQueue),
+          null !== updateQueue &&
+            (processUpdateQueue(
+              workInProgress,
+              updateQueue,
+              needsContext,
+              fn,
+              renderExpirationTime
+            ),
+            (oldState = workInProgress.memoizedState)),
+          unmaskedContext !== needsContext ||
+          oldContext !== oldState ||
+          didPerformWorkStackCursor.current ||
+          hasForceUpdate
+            ? ("function" === typeof getDerivedStateFromProps &&
+                (applyDerivedStateFromProps(
+                  workInProgress,
+                  getDerivedStateFromProps,
+                  needsContext
+                ),
+                (oldState = workInProgress.memoizedState)),
+              (getDerivedStateFromProps =
+                hasForceUpdate ||
+                checkShouldComponentUpdate(
+                  workInProgress,
+                  unmaskedContext,
+                  needsContext,
+                  oldContext,
+                  oldState,
+                  props$jscomp$0
+                ))
+                ? (ctor ||
+                    ("function" !== typeof fn.UNSAFE_componentWillUpdate &&
+                      "function" !== typeof fn.componentWillUpdate) ||
+                    ("function" === typeof fn.componentWillUpdate &&
+                      fn.componentWillUpdate(
+                        needsContext,
+                        oldState,
+                        props$jscomp$0
+                      ),
+                    "function" === typeof fn.UNSAFE_componentWillUpdate &&
+                      fn.UNSAFE_componentWillUpdate(
+                        needsContext,
+                        oldState,
+                        props$jscomp$0
+                      )),
+                  "function" === typeof fn.componentDidUpdate &&
+                    (workInProgress.effectTag |= 4),
+                  "function" === typeof fn.getSnapshotBeforeUpdate &&
+                    (workInProgress.effectTag |= 256))
+                : ("function" !== typeof fn.componentDidUpdate ||
+                    (unmaskedContext === current.memoizedProps &&
+                      oldContext === current.memoizedState) ||
+                    (workInProgress.effectTag |= 4),
+                  "function" !== typeof fn.getSnapshotBeforeUpdate ||
+                    (unmaskedContext === current.memoizedProps &&
+                      oldContext === current.memoizedState) ||
+                    (workInProgress.effectTag |= 256),
+                  (workInProgress.memoizedProps = needsContext),
+                  (workInProgress.memoizedState = oldState)),
+              (fn.props = needsContext),
+              (fn.state = oldState),
+              (fn.context = props$jscomp$0),
+              (fn = getDerivedStateFromProps))
+            : ("function" !== typeof fn.componentDidUpdate ||
+                (unmaskedContext === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
+                (workInProgress.effectTag |= 4),
+              "function" !== typeof fn.getSnapshotBeforeUpdate ||
+                (unmaskedContext === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
+                (workInProgress.effectTag |= 256),
+              (fn = !1));
+      return finishClassComponent(
+        current,
+        workInProgress,
+        fn,
+        props,
+        renderExpirationTime
+      );
+    case 3:
+      return (
+        pushHostRootContext(workInProgress),
+        (props = workInProgress.updateQueue),
+        null !== props
+          ? ((fn = workInProgress.memoizedState),
+            (fn = null !== fn ? fn.element : null),
+            processUpdateQueue(
+              workInProgress,
+              props,
+              workInProgress.pendingProps,
+              null,
+              renderExpirationTime
+            ),
+            (renderExpirationTime = workInProgress.memoizedState.element),
+            renderExpirationTime === fn
+              ? (current = bailoutOnAlreadyFinishedWork(
+                  current,
+                  workInProgress
+                ))
+              : (reconcileChildren(
+                  current,
+                  workInProgress,
+                  renderExpirationTime
+                ),
+                (current = workInProgress.child)))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 5:
+      return (
+        requiredContext(rootInstanceStackCursor.current),
+        (renderExpirationTime = requiredContext(contextStackCursor$1.current)),
+        (props = workInProgress.type),
+        (props =
+          "AndroidTextInput" === props ||
+          "RCTMultilineTextInputView" === props ||
+          "RCTSinglelineTextInputView" === props ||
+          "RCTText" === props ||
+          "RCTVirtualText" === props),
+        (props =
+          renderExpirationTime.isInAParentText !== props
+            ? { isInAParentText: props }
+            : renderExpirationTime),
+        renderExpirationTime !== props &&
+          (push(contextFiberStackCursor, workInProgress, workInProgress),
+          push(contextStackCursor$1, props, workInProgress)),
+        null === current && tryToClaimNextHydratableInstance(workInProgress),
+        (props = workInProgress.memoizedProps),
+        (renderExpirationTime = workInProgress.pendingProps),
+        didPerformWorkStackCursor.current || props !== renderExpirationTime
+          ? ((props = renderExpirationTime.children),
+            markRef(current, workInProgress),
+            reconcileChildren(current, workInProgress, props),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 6:
+      return (
+        null === current && tryToClaimNextHydratableInstance(workInProgress),
+        (workInProgress.memoizedProps = workInProgress.pendingProps),
+        null
+      );
+    case 16:
+      return null;
+    case 4:
+      return (
+        pushHostContainer(
+          workInProgress,
+          workInProgress.stateNode.containerInfo
+        ),
+        (props = workInProgress.pendingProps),
+        didPerformWorkStackCursor.current ||
+        workInProgress.memoizedProps !== props
+          ? (null === current
+              ? (workInProgress.child = reconcileChildFibers(
+                  workInProgress,
+                  null,
+                  props,
+                  renderExpirationTime
+                ))
+              : reconcileChildren(current, workInProgress, props),
+            (workInProgress.memoizedProps = props),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 14:
+      return (
+        (props = workInProgress.type.render),
+        (renderExpirationTime = workInProgress.pendingProps),
+        (fn = workInProgress.ref),
+        didPerformWorkStackCursor.current ||
+        workInProgress.memoizedProps !== renderExpirationTime ||
+        fn !== (null !== current ? current.ref : null)
+          ? ((props = props(renderExpirationTime, fn)),
+            reconcileChildren(current, workInProgress, props),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 10:
+      return (
+        (renderExpirationTime = workInProgress.pendingProps),
+        didPerformWorkStackCursor.current ||
+        workInProgress.memoizedProps !== renderExpirationTime
+          ? (reconcileChildren(current, workInProgress, renderExpirationTime),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 11:
+      return (
+        (renderExpirationTime = workInProgress.pendingProps.children),
+        didPerformWorkStackCursor.current ||
+        (null !== renderExpirationTime &&
+          workInProgress.memoizedProps !== renderExpirationTime)
+          ? (reconcileChildren(current, workInProgress, renderExpirationTime),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 15:
+      return (
+        (renderExpirationTime = workInProgress.pendingProps),
+        workInProgress.memoizedProps === renderExpirationTime
+          ? (current = bailoutOnAlreadyFinishedWork(current, workInProgress))
+          : (reconcileChildren(
+              current,
+              workInProgress,
+              renderExpirationTime.children
+            ),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child)),
+        current
+      );
+    case 13:
+      return updateContextProvider(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    case 12:
+      a: if (
+        ((fn = workInProgress.type),
+        (unmaskedContext = workInProgress.pendingProps),
+        (needsContext = workInProgress.memoizedProps),
+        (props = fn._currentValue2),
+        (props$jscomp$0 = fn._changedBits2),
+        didPerformWorkStackCursor.current ||
+          0 !== props$jscomp$0 ||
+          needsContext !== unmaskedContext)
+      ) {
+        workInProgress.memoizedProps = unmaskedContext;
+        ctor = unmaskedContext.unstable_observedBits;
+        if (void 0 === ctor || null === ctor) ctor = 1073741823;
+        workInProgress.stateNode = ctor;
+        if (0 !== (props$jscomp$0 & ctor))
+          propagateContextChange(
+            workInProgress,
+            fn,
+            props$jscomp$0,
+            renderExpirationTime
+          );
+        else if (needsContext === unmaskedContext) {
+          current = bailoutOnAlreadyFinishedWork(current, workInProgress);
+          break a;
+        }
+        renderExpirationTime = unmaskedContext.children;
+        renderExpirationTime = renderExpirationTime(props);
+        workInProgress.effectTag |= 1;
+        reconcileChildren(current, workInProgress, renderExpirationTime);
+        current = workInProgress.child;
+      } else current = bailoutOnAlreadyFinishedWork(current, workInProgress);
+      return current;
+    default:
+      invariant(
+        !1,
+        "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+      );
+  }
+}
+function appendAllChildren(parent, workInProgress) {
+  for (var node = workInProgress.child; null !== node; ) {
+    if (5 === node.tag || 6 === node.tag)
+      FabricUIManager.appendChild(parent.node, node.stateNode.node);
+    else if (4 !== node.tag && null !== node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === workInProgress) break;
+    for (; null === node.sibling; ) {
+      if (null === node.return || node.return === workInProgress) return;
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+var updateHostContainer = void 0,
+  updateHostComponent$1 = void 0,
+  updateHostText$1 = void 0;
+updateHostContainer = function(workInProgress) {
+  var portalOrRoot = workInProgress.stateNode;
+  if (null !== workInProgress.firstEffect) {
+    var container = portalOrRoot.containerInfo,
+      newChildSet = FabricUIManager.createChildSet(container);
+    a: for (var node = workInProgress.child; null !== node; ) {
+      if (5 === node.tag || 6 === node.tag)
+        FabricUIManager.appendChildToSet(newChildSet, node.stateNode.node);
+      else if (4 !== node.tag && null !== node.child) {
+        node.child.return = node;
+        node = node.child;
+        continue;
+      }
+      if (node === workInProgress) break a;
+      for (; null === node.sibling; ) {
+        if (null === node.return || node.return === workInProgress) break a;
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+    portalOrRoot.pendingChildren = newChildSet;
+    workInProgress.effectTag |= 4;
+    FabricUIManager.completeRoot(container, newChildSet);
+  }
+};
+updateHostComponent$1 = function(current, workInProgress, updatePayload) {
+  var childrenUnchanged = null === workInProgress.firstEffect;
+  current = current.stateNode;
+  if (childrenUnchanged && null === updatePayload)
+    workInProgress.stateNode = current;
+  else {
+    var node = current.node;
+    updatePayload = {
+      node: childrenUnchanged
+        ? null !== updatePayload
+          ? FabricUIManager.cloneNodeWithNewProps(
+              node,
+              updatePayload,
+              workInProgress
+            )
+          : FabricUIManager.cloneNode(node, workInProgress)
+        : null !== updatePayload
+          ? FabricUIManager.cloneNodeWithNewChildrenAndProps(
+              node,
+              updatePayload,
+              workInProgress
+            )
+          : FabricUIManager.cloneNodeWithNewChildren(node, workInProgress),
+      canonical: current.canonical
+    };
+    workInProgress.stateNode = updatePayload;
+    childrenUnchanged
+      ? (workInProgress.effectTag |= 4)
+      : appendAllChildren(updatePayload, workInProgress);
+  }
+};
+updateHostText$1 = function(current, workInProgress, oldText, newText) {
+  oldText !== newText &&
+    ((current = requiredContext(rootInstanceStackCursor.current)),
+    (oldText = requiredContext(contextStackCursor$1.current)),
+    (workInProgress.stateNode = createTextInstance(
+      newText,
+      current,
+      oldText,
+      workInProgress
+    )),
+    (workInProgress.effectTag |= 4));
+};
+function completeWork(current, workInProgress) {
+  var newProps = workInProgress.pendingProps;
+  switch (workInProgress.tag) {
+    case 1:
+      return null;
+    case 2:
+      return popContextProvider(workInProgress), null;
+    case 3:
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      newProps = workInProgress.stateNode;
+      newProps.pendingContext &&
+        ((newProps.context = newProps.pendingContext),
+        (newProps.pendingContext = null));
+      if (null === current || null === current.child)
+        workInProgress.effectTag &= -3;
+      updateHostContainer(workInProgress);
+      return null;
+    case 5:
+      popHostContext(workInProgress);
+      var rootContainerInstance = requiredContext(
+          rootInstanceStackCursor.current
+        ),
+        type = workInProgress.type;
+      if (null !== current && null != workInProgress.stateNode) {
+        var oldProps = current.memoizedProps,
+          instance = workInProgress.stateNode,
+          currentHostContext = requiredContext(contextStackCursor$1.current),
+          updatePayload = diffProperties(
+            null,
+            oldProps,
+            newProps,
+            instance.canonical.viewConfig.validAttributes
+          );
+        instance.canonical.currentProps = newProps;
+        updateHostComponent$1(
+          current,
+          workInProgress,
+          updatePayload,
+          type,
+          oldProps,
+          newProps,
+          rootContainerInstance,
+          currentHostContext
+        );
+        current.ref !== workInProgress.ref && (workInProgress.effectTag |= 128);
+      } else {
+        if (!newProps)
+          return (
+            invariant(
+              null !== workInProgress.stateNode,
+              "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+            ),
+            null
+          );
+        instance = requiredContext(contextStackCursor$1.current);
+        current = nextReactTag;
+        nextReactTag += 2;
+        oldProps = ReactNativeViewConfigRegistry.get(type);
+        invariant(
+          "RCTView" !== type || !instance.isInAParentText,
+          "Nesting of <View> within <Text> is not currently supported."
+        );
+        type = diffProperties(
+          null,
+          emptyObject$1,
+          newProps,
+          oldProps.validAttributes
+        );
+        rootContainerInstance = FabricUIManager.createNode(
+          current,
+          oldProps.uiViewClassName,
+          rootContainerInstance,
+          type,
+          workInProgress
+        );
+        newProps = new ReactFabricHostComponent(current, oldProps, newProps);
+        newProps = { node: rootContainerInstance, canonical: newProps };
+        appendAllChildren(newProps, workInProgress);
+        workInProgress.stateNode = newProps;
+        null !== workInProgress.ref && (workInProgress.effectTag |= 128);
+      }
+      return null;
+    case 6:
+      if (current && null != workInProgress.stateNode)
+        updateHostText$1(
+          current,
+          workInProgress,
+          current.memoizedProps,
+          newProps
+        );
+      else {
+        if ("string" !== typeof newProps)
+          return (
+            invariant(
+              null !== workInProgress.stateNode,
+              "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+            ),
+            null
+          );
+        rootContainerInstance = requiredContext(
+          rootInstanceStackCursor.current
+        );
+        type = requiredContext(contextStackCursor$1.current);
+        workInProgress.stateNode = createTextInstance(
+          newProps,
+          rootContainerInstance,
+          type,
+          workInProgress
+        );
+      }
+      return null;
+    case 14:
+      return null;
+    case 16:
+      return null;
+    case 10:
+      return null;
+    case 11:
+      return null;
+    case 15:
+      return null;
+    case 4:
+      return (
+        popHostContainer(workInProgress),
+        updateHostContainer(workInProgress),
+        null
+      );
+    case 13:
+      return popProvider(workInProgress), null;
+    case 12:
+      return null;
+    case 0:
+      invariant(
+        !1,
+        "An indeterminate component should have become determinate before completing. This error is likely caused by a bug in React. Please file an issue."
+      );
+    default:
+      invariant(
+        !1,
+        "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+      );
+  }
+}
+function logError(boundary, errorInfo) {
+  var source = errorInfo.source,
+    stack = errorInfo.stack;
+  null === stack &&
+    null !== source &&
+    (stack = getStackAddendumByWorkInProgressFiber(source));
+  null !== source && getComponentName(source);
+  source = null !== stack ? stack : "";
+  errorInfo = errorInfo.value;
+  null !== boundary && 2 === boundary.tag && getComponentName(boundary);
+  try {
+    if (errorInfo instanceof Error) {
+      var message = errorInfo.message,
+        name = errorInfo.name;
+      var errorToHandle = errorInfo;
+      try {
+        errorToHandle.message =
+          (message ? name + ": " + message : name) +
+          "\n\nThis error is located at:" +
+          source;
+      } catch (e) {}
+    } else
+      errorToHandle =
+        "string" === typeof errorInfo
+          ? Error(errorInfo + "\n\nThis error is located at:" + source)
+          : Error("Unspecified error at:" + source);
+    ExceptionsManager.handleException(errorToHandle, !1);
+  } catch (e) {
+    (e && e.suppressReactErrorLogging) || console.error(e);
+  }
+}
+function safelyDetachRef(current) {
+  var ref = current.ref;
+  if (null !== ref)
+    if ("function" === typeof ref)
+      try {
+        ref(null);
+      } catch (refError) {
+        captureCommitPhaseError(current, refError);
+      }
+    else ref.current = null;
+}
+function commitWork(current, finishedWork) {
+  switch (finishedWork.tag) {
+    case 2:
+      break;
+    case 5:
+      break;
+    case 6:
+      break;
+    case 3:
+    case 4:
+      break;
+    default:
+      invariant(
+        !1,
+        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+      );
+  }
+}
+function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
+  expirationTime = createUpdate(expirationTime);
+  expirationTime.tag = 3;
+  expirationTime.payload = { element: null };
+  var error = errorInfo.value;
+  expirationTime.callback = function() {
+    onUncaughtError(error);
+    logError(fiber, errorInfo);
+  };
+  return expirationTime;
+}
+function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
+  expirationTime = createUpdate(expirationTime);
+  expirationTime.tag = 3;
+  var inst = fiber.stateNode;
+  null !== inst &&
+    "function" === typeof inst.componentDidCatch &&
+    (expirationTime.callback = function() {
+      null === legacyErrorBoundariesThatAlreadyFailed
+        ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this]))
+        : legacyErrorBoundariesThatAlreadyFailed.add(this);
+      var error = errorInfo.value,
+        stack = errorInfo.stack;
+      logError(fiber, errorInfo);
+      this.componentDidCatch(error, {
+        componentStack: null !== stack ? stack : ""
+      });
+    });
+  return expirationTime;
+}
+function unwindWork(workInProgress) {
+  switch (workInProgress.tag) {
+    case 2:
+      popContextProvider(workInProgress);
+      var effectTag = workInProgress.effectTag;
+      return effectTag & 1024
+        ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+          workInProgress)
+        : null;
+    case 3:
+      return (
+        popHostContainer(workInProgress),
+        popTopLevelContextObject(workInProgress),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 1024
+          ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+            workInProgress)
+          : null
+      );
+    case 5:
+      return popHostContext(workInProgress), null;
+    case 16:
+      return (
+        (effectTag = workInProgress.effectTag),
+        effectTag & 1024
+          ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+            workInProgress)
+          : null
+      );
+    case 4:
+      return popHostContainer(workInProgress), null;
+    case 13:
+      return popProvider(workInProgress), null;
+    default:
+      return null;
+  }
+}
+var originalStartTimeMs = now$1(),
+  mostRecentCurrentTime = 2,
+  mostRecentCurrentTimeMs = originalStartTimeMs,
+  lastUniqueAsyncExpiration = 0,
+  expirationContext = 0,
+  isWorking = !1,
+  nextUnitOfWork = null,
+  nextRoot = null,
+  nextRenderExpirationTime = 0,
+  nextLatestTimeoutMs = -1,
+  nextRenderDidError = !1,
+  nextEffect = null,
+  isCommitting$1 = !1,
+  legacyErrorBoundariesThatAlreadyFailed = null;
+function resetStack() {
+  if (null !== nextUnitOfWork)
+    for (
+      var interruptedWork = nextUnitOfWork.return;
+      null !== interruptedWork;
+
+    ) {
+      var interruptedWork$jscomp$0 = interruptedWork;
+      switch (interruptedWork$jscomp$0.tag) {
+        case 2:
+          popContextProvider(interruptedWork$jscomp$0);
+          break;
+        case 3:
+          popHostContainer(interruptedWork$jscomp$0);
+          popTopLevelContextObject(interruptedWork$jscomp$0);
+          break;
+        case 5:
+          popHostContext(interruptedWork$jscomp$0);
+          break;
+        case 4:
+          popHostContainer(interruptedWork$jscomp$0);
+          break;
+        case 13:
+          popProvider(interruptedWork$jscomp$0);
+      }
+      interruptedWork = interruptedWork.return;
+    }
+  nextRoot = null;
+  nextRenderExpirationTime = 0;
+  nextLatestTimeoutMs = -1;
+  nextRenderDidError = !1;
+  nextUnitOfWork = null;
+}
+function completeUnitOfWork(workInProgress$jscomp$0) {
+  for (;;) {
+    var current = workInProgress$jscomp$0.alternate,
+      returnFiber = workInProgress$jscomp$0.return,
+      siblingFiber = workInProgress$jscomp$0.sibling;
+    if (0 === (workInProgress$jscomp$0.effectTag & 512)) {
+      current = completeWork(
+        current,
+        workInProgress$jscomp$0,
+        nextRenderExpirationTime
+      );
+      var workInProgress = workInProgress$jscomp$0;
+      if (
+        1073741823 === nextRenderExpirationTime ||
+        1073741823 !== workInProgress.expirationTime
+      ) {
+        var newExpirationTime = 0;
+        switch (workInProgress.tag) {
+          case 3:
+          case 2:
+            var updateQueue = workInProgress.updateQueue;
+            null !== updateQueue &&
+              (newExpirationTime = updateQueue.expirationTime);
+        }
+        for (updateQueue = workInProgress.child; null !== updateQueue; )
+          0 !== updateQueue.expirationTime &&
+            (0 === newExpirationTime ||
+              newExpirationTime > updateQueue.expirationTime) &&
+            (newExpirationTime = updateQueue.expirationTime),
+            (updateQueue = updateQueue.sibling);
+        workInProgress.expirationTime = newExpirationTime;
+      }
+      if (null !== current) return current;
+      null !== returnFiber &&
+        0 === (returnFiber.effectTag & 512) &&
+        (null === returnFiber.firstEffect &&
+          (returnFiber.firstEffect = workInProgress$jscomp$0.firstEffect),
+        null !== workInProgress$jscomp$0.lastEffect &&
+          (null !== returnFiber.lastEffect &&
+            (returnFiber.lastEffect.nextEffect =
+              workInProgress$jscomp$0.firstEffect),
+          (returnFiber.lastEffect = workInProgress$jscomp$0.lastEffect)),
+        1 < workInProgress$jscomp$0.effectTag &&
+          (null !== returnFiber.lastEffect
+            ? (returnFiber.lastEffect.nextEffect = workInProgress$jscomp$0)
+            : (returnFiber.firstEffect = workInProgress$jscomp$0),
+          (returnFiber.lastEffect = workInProgress$jscomp$0)));
+    } else {
+      workInProgress$jscomp$0 = unwindWork(
+        workInProgress$jscomp$0,
+        nextRenderExpirationTime
+      );
+      if (null !== workInProgress$jscomp$0)
+        return (
+          (workInProgress$jscomp$0.effectTag &= 511), workInProgress$jscomp$0
+        );
+      null !== returnFiber &&
+        ((returnFiber.firstEffect = returnFiber.lastEffect = null),
+        (returnFiber.effectTag |= 512));
+    }
+    if (null !== siblingFiber) return siblingFiber;
+    if (null !== returnFiber) workInProgress$jscomp$0 = returnFiber;
+    else break;
+  }
+  return null;
+}
+function performUnitOfWork(workInProgress) {
+  var next = beginWork(
+    workInProgress.alternate,
+    workInProgress,
+    nextRenderExpirationTime
+  );
+  null === next && (next = completeUnitOfWork(workInProgress));
+  ReactCurrentOwner.current = null;
+  return next;
+}
+function renderRoot(root$jscomp$0, isYieldy) {
+  invariant(
+    !isWorking,
+    "renderRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
+  );
+  isWorking = !0;
+  var expirationTime = root$jscomp$0.nextExpirationTimeToWorkOn;
+  if (
+    expirationTime !== nextRenderExpirationTime ||
+    root$jscomp$0 !== nextRoot ||
+    null === nextUnitOfWork
+  )
+    resetStack(),
+      (nextRoot = root$jscomp$0),
+      (nextRenderExpirationTime = expirationTime),
+      (nextLatestTimeoutMs = -1),
+      (nextRenderDidError = !1),
+      (nextUnitOfWork = createWorkInProgress(
+        nextRoot.current,
+        null,
+        nextRenderExpirationTime
+      )),
+      (root$jscomp$0.pendingCommitExpirationTime = 0);
+  var didFatal = !1;
+  do {
+    try {
+      if (isYieldy)
+        for (; null !== nextUnitOfWork && !shouldYield(); )
+          nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
+      else
+        for (; null !== nextUnitOfWork; )
+          nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
+    } catch (thrownValue) {
+      if (null === nextUnitOfWork)
+        (didFatal = !0), onUncaughtError(thrownValue);
+      else {
+        invariant(
+          null !== nextUnitOfWork,
+          "Failed to replay rendering after an error. This is likely caused by a bug in React. Please file an issue with a reproducing case to help us find it."
+        );
+        isYieldy = nextUnitOfWork;
+        var returnFiber = isYieldy.return;
+        if (null === returnFiber) {
+          didFatal = !0;
+          onUncaughtError(thrownValue);
+          break;
+        }
+        a: {
+          var root = root$jscomp$0,
+            returnFiber$jscomp$0 = returnFiber,
+            sourceFiber = isYieldy,
+            value = thrownValue;
+          returnFiber = nextRenderExpirationTime;
+          sourceFiber.effectTag |= 512;
+          sourceFiber.firstEffect = sourceFiber.lastEffect = null;
+          nextRenderDidError = !0;
+          if (
+            (root.didError || 1 === returnFiber) &&
+            (returnFiber === root.latestPendingTime ||
+              returnFiber === root.latestSuspendedTime)
+          ) {
+            value = createCapturedValue(value, sourceFiber);
+            root = returnFiber$jscomp$0;
+            do {
+              switch (root.tag) {
+                case 3:
+                  root.effectTag |= 1024;
+                  value = createRootErrorUpdate(root, value, returnFiber);
+                  enqueueCapturedUpdate(root, value, returnFiber);
+                  break a;
+                case 2:
+                  if (
+                    ((returnFiber$jscomp$0 = value),
+                    (sourceFiber = root.stateNode),
+                    0 === (root.effectTag & 64) &&
+                      null !== sourceFiber &&
+                      "function" === typeof sourceFiber.componentDidCatch &&
+                      (null === legacyErrorBoundariesThatAlreadyFailed ||
+                        !legacyErrorBoundariesThatAlreadyFailed.has(
+                          sourceFiber
+                        )))
+                  ) {
+                    root.effectTag |= 1024;
+                    value = createClassErrorUpdate(
+                      root,
+                      returnFiber$jscomp$0,
+                      returnFiber
+                    );
+                    enqueueCapturedUpdate(root, value, returnFiber);
+                    break a;
+                  }
+              }
+              root = root.return;
+            } while (null !== root);
+          }
+        }
+        nextUnitOfWork = completeUnitOfWork(isYieldy);
+      }
+    }
+    break;
+  } while (1);
+  isWorking = !1;
+  didFatal
+    ? (root$jscomp$0.finishedWork = null)
+    : null === nextUnitOfWork
+      ? ((didFatal = root$jscomp$0.current.alternate),
+        invariant(
+          null !== didFatal,
+          "Finished root should have a work-in-progress. This error is likely caused by a bug in React. Please file an issue."
+        ),
+        0 === (didFatal.effectTag & 512)
+          ? ((root$jscomp$0.pendingCommitExpirationTime = expirationTime),
+            (root$jscomp$0.finishedWork = didFatal))
+          : (!nextRenderDidError ||
+            (expirationTime !== root$jscomp$0.latestPendingTime &&
+              expirationTime !== root$jscomp$0.latestSuspendedTime)
+              ? ((didFatal = root$jscomp$0.earliestPendingTime),
+                (isYieldy = root$jscomp$0.latestPendingTime),
+                didFatal === expirationTime
+                  ? (root$jscomp$0.earliestPendingTime =
+                      isYieldy === expirationTime
+                        ? (root$jscomp$0.latestPendingTime = 0)
+                        : isYieldy)
+                  : isYieldy === expirationTime &&
+                    (root$jscomp$0.latestPendingTime = didFatal),
+                (didFatal = root$jscomp$0.latestSuspendedTime),
+                didFatal === expirationTime &&
+                  (root$jscomp$0.latestPingedTime = 0),
+                (isYieldy = root$jscomp$0.earliestSuspendedTime),
+                0 === isYieldy
+                  ? (root$jscomp$0.earliestSuspendedTime = root$jscomp$0.latestSuspendedTime = expirationTime)
+                  : isYieldy > expirationTime
+                    ? (root$jscomp$0.earliestSuspendedTime = expirationTime)
+                    : didFatal < expirationTime &&
+                      (root$jscomp$0.latestSuspendedTime = expirationTime))
+              : (root$jscomp$0.didError = !0),
+            findNextPendingPriorityLevel(root$jscomp$0),
+            onSuspend(
+              root$jscomp$0,
+              expirationTime,
+              root$jscomp$0.expirationTime,
+              nextLatestTimeoutMs
+            )))
+      : (root$jscomp$0.finishedWork = null);
+}
+function captureCommitPhaseError(fiber, error) {
+  var JSCompiler_inline_result;
+  a: {
+    invariant(
+      !isWorking || isCommitting$1,
+      "dispatch: Cannot dispatch during the render phase."
+    );
+    for (
+      JSCompiler_inline_result = fiber.return;
+      null !== JSCompiler_inline_result;
+
+    ) {
+      switch (JSCompiler_inline_result.tag) {
+        case 2:
+          var instance = JSCompiler_inline_result.stateNode;
+          if (
+            "function" ===
+              typeof JSCompiler_inline_result.type.getDerivedStateFromCatch ||
+            ("function" === typeof instance.componentDidCatch &&
+              (null === legacyErrorBoundariesThatAlreadyFailed ||
+                !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
+          ) {
+            fiber = createCapturedValue(error, fiber);
+            fiber = createClassErrorUpdate(JSCompiler_inline_result, fiber, 1);
+            enqueueUpdate(JSCompiler_inline_result, fiber, 1);
+            scheduleWork(JSCompiler_inline_result, 1);
+            JSCompiler_inline_result = void 0;
+            break a;
+          }
+          break;
+        case 3:
+          fiber = createCapturedValue(error, fiber);
+          fiber = createRootErrorUpdate(JSCompiler_inline_result, fiber, 1);
+          enqueueUpdate(JSCompiler_inline_result, fiber, 1);
+          scheduleWork(JSCompiler_inline_result, 1);
+          JSCompiler_inline_result = void 0;
+          break a;
+      }
+      JSCompiler_inline_result = JSCompiler_inline_result.return;
+    }
+    3 === fiber.tag &&
+      ((JSCompiler_inline_result = createCapturedValue(error, fiber)),
+      (JSCompiler_inline_result = createRootErrorUpdate(
+        fiber,
+        JSCompiler_inline_result,
+        1
+      )),
+      enqueueUpdate(fiber, JSCompiler_inline_result, 1),
+      scheduleWork(fiber, 1));
+    JSCompiler_inline_result = void 0;
+  }
+  return JSCompiler_inline_result;
+}
+function computeExpirationForFiber(currentTime, fiber) {
+  currentTime =
+    0 !== expirationContext
+      ? expirationContext
+      : isWorking
+        ? isCommitting$1 ? 1 : nextRenderExpirationTime
+        : fiber.mode & 1
+          ? isBatchingInteractiveUpdates
+            ? 2 + 10 * ((((currentTime - 2 + 15) / 10) | 0) + 1)
+            : 2 + 25 * ((((currentTime - 2 + 500) / 25) | 0) + 1)
+          : 1;
+  isBatchingInteractiveUpdates &&
+    (0 === lowestPendingInteractiveExpirationTime ||
+      currentTime > lowestPendingInteractiveExpirationTime) &&
+    (lowestPendingInteractiveExpirationTime = currentTime);
+  return currentTime;
+}
+function scheduleWork(fiber, expirationTime) {
+  for (; null !== fiber; ) {
+    if (0 === fiber.expirationTime || fiber.expirationTime > expirationTime)
+      fiber.expirationTime = expirationTime;
+    null !== fiber.alternate &&
+      (0 === fiber.alternate.expirationTime ||
+        fiber.alternate.expirationTime > expirationTime) &&
+      (fiber.alternate.expirationTime = expirationTime);
+    if (null === fiber.return)
+      if (3 === fiber.tag) {
+        var root = fiber.stateNode;
+        !isWorking &&
+          0 !== nextRenderExpirationTime &&
+          expirationTime < nextRenderExpirationTime &&
+          resetStack();
+        markPendingPriorityLevel(root, expirationTime);
+        (isWorking && !isCommitting$1 && nextRoot === root) ||
+          requestWork(root, root.expirationTime);
+        nestedUpdateCount > NESTED_UPDATE_LIMIT &&
+          invariant(
+            !1,
+            "Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops."
+          );
+      } else break;
+    fiber = fiber.return;
+  }
+}
+function recalculateCurrentTime() {
+  mostRecentCurrentTimeMs = now$1() - originalStartTimeMs;
+  return (mostRecentCurrentTime = ((mostRecentCurrentTimeMs / 10) | 0) + 2);
+}
+function syncUpdates(fn, a, b, c, d) {
+  var previousExpirationContext = expirationContext;
+  expirationContext = 1;
+  try {
+    return fn(a, b, c, d);
+  } finally {
+    expirationContext = previousExpirationContext;
+  }
+}
+var firstScheduledRoot = null,
+  lastScheduledRoot = null,
+  callbackExpirationTime = 0,
+  callbackID = void 0,
+  isRendering = !1,
+  nextFlushedRoot = null,
+  nextFlushedExpirationTime = 0,
+  lowestPendingInteractiveExpirationTime = 0,
+  deadlineDidExpire = !1,
+  hasUnhandledError = !1,
+  unhandledError = null,
+  deadline = null,
+  isBatchingUpdates = !1,
+  isUnbatchingUpdates = !1,
+  isBatchingInteractiveUpdates = !1,
+  completedBatches = null,
+  NESTED_UPDATE_LIMIT = 1e3,
+  nestedUpdateCount = 0,
+  timeHeuristicForUnitOfWork = 1;
+function scheduleCallbackWithExpirationTime(expirationTime) {
+  if (0 !== callbackExpirationTime) {
+    if (expirationTime > callbackExpirationTime) return;
+    if (null !== callbackID) {
+      var callbackID$jscomp$0 = callbackID;
+      scheduledCallback = null;
+      clearTimeout(callbackID$jscomp$0);
+    }
+  }
+  callbackExpirationTime = expirationTime;
+  now$1();
+  scheduledCallback = performAsyncWork;
+  callbackID = setTimeout(setTimeoutCallback, 1);
+}
+function onSuspend(root, suspendedExpirationTime, expirationTime, timeoutMs) {
+  0 <= timeoutMs &&
+    setTimeout(function() {
+      var latestSuspendedTime = root.latestSuspendedTime;
+      0 !== latestSuspendedTime &&
+        latestSuspendedTime <= suspendedExpirationTime &&
+        ((latestSuspendedTime = root.latestPingedTime),
+        0 === latestSuspendedTime ||
+          latestSuspendedTime < suspendedExpirationTime) &&
+        (root.latestPingedTime = suspendedExpirationTime);
+      findNextPendingPriorityLevel(root);
+      latestSuspendedTime = root.expirationTime;
+      0 !== latestSuspendedTime && requestWork(root, latestSuspendedTime);
+    }, timeoutMs);
+  root.expirationTime = expirationTime;
+}
+function requestWork(root, expirationTime) {
+  if (null === root.nextScheduledRoot)
+    (root.expirationTime = expirationTime),
+      null === lastScheduledRoot
+        ? ((firstScheduledRoot = lastScheduledRoot = root),
+          (root.nextScheduledRoot = root))
+        : ((lastScheduledRoot = lastScheduledRoot.nextScheduledRoot = root),
+          (lastScheduledRoot.nextScheduledRoot = firstScheduledRoot));
+  else {
+    var remainingExpirationTime = root.expirationTime;
+    if (
+      0 === remainingExpirationTime ||
+      expirationTime < remainingExpirationTime
+    )
+      root.expirationTime = expirationTime;
+  }
+  isRendering ||
+    (isBatchingUpdates
+      ? isUnbatchingUpdates &&
+        ((nextFlushedRoot = root),
+        (nextFlushedExpirationTime = 1),
+        performWorkOnRoot(root, 1, !1))
+      : 1 === expirationTime
+        ? performWork(1, null)
+        : scheduleCallbackWithExpirationTime(expirationTime));
+}
+function findHighestPriorityRoot() {
+  var highestPriorityWork = 0,
+    highestPriorityRoot = null;
+  if (null !== lastScheduledRoot)
+    for (
+      var previousScheduledRoot = lastScheduledRoot, root = firstScheduledRoot;
+      null !== root;
+
+    ) {
+      var remainingExpirationTime = root.expirationTime;
+      if (0 === remainingExpirationTime) {
+        invariant(
+          null !== previousScheduledRoot && null !== lastScheduledRoot,
+          "Should have a previous and last root. This error is likely caused by a bug in React. Please file an issue."
+        );
+        if (root === root.nextScheduledRoot) {
+          firstScheduledRoot = lastScheduledRoot = root.nextScheduledRoot = null;
+          break;
+        } else if (root === firstScheduledRoot)
+          (firstScheduledRoot = remainingExpirationTime =
+            root.nextScheduledRoot),
+            (lastScheduledRoot.nextScheduledRoot = remainingExpirationTime),
+            (root.nextScheduledRoot = null);
+        else if (root === lastScheduledRoot) {
+          lastScheduledRoot = previousScheduledRoot;
+          lastScheduledRoot.nextScheduledRoot = firstScheduledRoot;
+          root.nextScheduledRoot = null;
+          break;
+        } else
+          (previousScheduledRoot.nextScheduledRoot = root.nextScheduledRoot),
+            (root.nextScheduledRoot = null);
+        root = previousScheduledRoot.nextScheduledRoot;
+      } else {
+        if (
+          0 === highestPriorityWork ||
+          remainingExpirationTime < highestPriorityWork
+        )
+          (highestPriorityWork = remainingExpirationTime),
+            (highestPriorityRoot = root);
+        if (root === lastScheduledRoot) break;
+        previousScheduledRoot = root;
+        root = root.nextScheduledRoot;
+      }
+    }
+  previousScheduledRoot = nextFlushedRoot;
+  null !== previousScheduledRoot &&
+  previousScheduledRoot === highestPriorityRoot &&
+  1 === highestPriorityWork
+    ? nestedUpdateCount++
+    : (nestedUpdateCount = 0);
+  nextFlushedRoot = highestPriorityRoot;
+  nextFlushedExpirationTime = highestPriorityWork;
+}
+function performAsyncWork(dl) {
+  performWork(0, dl);
+}
+function performWork(minExpirationTime, dl) {
+  deadline = dl;
+  findHighestPriorityRoot();
+  if (null !== deadline)
+    for (
+      ;
+      null !== nextFlushedRoot &&
+      0 !== nextFlushedExpirationTime &&
+      (0 === minExpirationTime ||
+        minExpirationTime >= nextFlushedExpirationTime) &&
+      (!deadlineDidExpire ||
+        recalculateCurrentTime() >= nextFlushedExpirationTime);
+
+    )
+      recalculateCurrentTime(),
+        performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, !0),
+        findHighestPriorityRoot();
+  else
+    for (
+      ;
+      null !== nextFlushedRoot &&
+      0 !== nextFlushedExpirationTime &&
+      (0 === minExpirationTime ||
+        minExpirationTime >= nextFlushedExpirationTime);
+
+    )
+      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, !1),
+        findHighestPriorityRoot();
+  null !== deadline && ((callbackExpirationTime = 0), (callbackID = null));
+  0 !== nextFlushedExpirationTime &&
+    scheduleCallbackWithExpirationTime(nextFlushedExpirationTime);
+  deadline = null;
+  deadlineDidExpire = !1;
+  finishRendering();
+}
+function finishRendering() {
+  nestedUpdateCount = 0;
+  if (null !== completedBatches) {
+    var batches = completedBatches;
+    completedBatches = null;
+    for (var i = 0; i < batches.length; i++) {
+      var batch = batches[i];
+      try {
+        batch._onComplete();
+      } catch (error) {
+        hasUnhandledError ||
+          ((hasUnhandledError = !0), (unhandledError = error));
+      }
+    }
+  }
+  if (hasUnhandledError)
+    throw ((batches = unhandledError),
+    (unhandledError = null),
+    (hasUnhandledError = !1),
+    batches);
+}
+function performWorkOnRoot(root, expirationTime, isYieldy) {
+  invariant(
+    !isRendering,
+    "performWorkOnRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
+  );
+  isRendering = !0;
+  isYieldy
+    ? ((isYieldy = root.finishedWork),
+      null !== isYieldy
+        ? completeRoot$1(root, isYieldy, expirationTime)
+        : ((root.finishedWork = null),
+          renderRoot(root, !0),
+          (isYieldy = root.finishedWork),
+          null !== isYieldy &&
+            (shouldYield()
+              ? (root.finishedWork = isYieldy)
+              : completeRoot$1(root, isYieldy, expirationTime))))
+    : ((isYieldy = root.finishedWork),
+      null !== isYieldy
+        ? completeRoot$1(root, isYieldy, expirationTime)
+        : ((root.finishedWork = null),
+          renderRoot(root, !1),
+          (isYieldy = root.finishedWork),
+          null !== isYieldy && completeRoot$1(root, isYieldy, expirationTime)));
+  isRendering = !1;
+}
+function completeRoot$1(root, finishedWork$jscomp$0, expirationTime) {
+  var firstBatch = root.firstBatch;
+  if (
+    null !== firstBatch &&
+    firstBatch._expirationTime <= expirationTime &&
+    (null === completedBatches
+      ? (completedBatches = [firstBatch])
+      : completedBatches.push(firstBatch),
+    firstBatch._defer)
+  ) {
+    root.finishedWork = finishedWork$jscomp$0;
+    root.expirationTime = 0;
+    return;
+  }
+  root.finishedWork = null;
+  isCommitting$1 = isWorking = !0;
+  invariant(
+    root.current !== finishedWork$jscomp$0,
+    "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."
+  );
+  expirationTime = root.pendingCommitExpirationTime;
+  invariant(
+    0 !== expirationTime,
+    "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
+  );
+  root.pendingCommitExpirationTime = 0;
+  firstBatch = finishedWork$jscomp$0.expirationTime;
+  recalculateCurrentTime();
+  root.didError = !1;
+  if (0 === firstBatch)
+    (root.earliestPendingTime = 0),
+      (root.latestPendingTime = 0),
+      (root.earliestSuspendedTime = 0),
+      (root.latestSuspendedTime = 0),
+      (root.latestPingedTime = 0);
+  else {
+    var latestPendingTime = root.latestPendingTime;
+    0 !== latestPendingTime &&
+      (latestPendingTime < firstBatch
+        ? (root.earliestPendingTime = root.latestPendingTime = 0)
+        : root.earliestPendingTime < firstBatch &&
+          (root.earliestPendingTime = root.latestPendingTime));
+    latestPendingTime = root.earliestSuspendedTime;
+    0 === latestPendingTime
+      ? markPendingPriorityLevel(root, firstBatch)
+      : firstBatch > root.latestSuspendedTime
+        ? ((root.earliestSuspendedTime = 0),
+          (root.latestSuspendedTime = 0),
+          (root.latestPingedTime = 0),
+          markPendingPriorityLevel(root, firstBatch))
+        : firstBatch < latestPendingTime &&
+          markPendingPriorityLevel(root, firstBatch);
+  }
+  findNextPendingPriorityLevel(root);
+  ReactCurrentOwner.current = null;
+  1 < finishedWork$jscomp$0.effectTag
+    ? null !== finishedWork$jscomp$0.lastEffect
+      ? ((finishedWork$jscomp$0.lastEffect.nextEffect = finishedWork$jscomp$0),
+        (firstBatch = finishedWork$jscomp$0.firstEffect))
+      : (firstBatch = finishedWork$jscomp$0)
+    : (firstBatch = finishedWork$jscomp$0.firstEffect);
+  for (nextEffect = firstBatch; null !== nextEffect; ) {
+    latestPendingTime = !1;
+    var error = void 0;
+    try {
+      for (; null !== nextEffect; ) {
+        if (nextEffect.effectTag & 256) {
+          var current = nextEffect.alternate,
+            finishedWork = nextEffect;
+          switch (finishedWork.tag) {
+            case 2:
+              if (finishedWork.effectTag & 256 && null !== current) {
+                var prevProps = current.memoizedProps,
+                  prevState = current.memoizedState,
+                  instance = finishedWork.stateNode;
+                instance.props = finishedWork.memoizedProps;
+                instance.state = finishedWork.memoizedState;
+                var snapshot = instance.getSnapshotBeforeUpdate(
+                  prevProps,
+                  prevState
+                );
+                instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+              }
+              break;
+            case 3:
+            case 5:
+            case 6:
+            case 4:
+              break;
+            default:
+              invariant(
+                !1,
+                "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+              );
+          }
+        }
+        nextEffect = nextEffect.nextEffect;
+      }
+    } catch (e) {
+      (latestPendingTime = !0), (error = e);
+    }
+    latestPendingTime &&
+      (invariant(
+        null !== nextEffect,
+        "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
+      ),
+      captureCommitPhaseError(nextEffect, error),
+      null !== nextEffect && (nextEffect = nextEffect.nextEffect));
+  }
+  for (nextEffect = firstBatch; null !== nextEffect; ) {
+    current = !1;
+    prevProps = void 0;
+    try {
+      for (; null !== nextEffect; ) {
+        var effectTag = nextEffect.effectTag;
+        if (effectTag & 128) {
+          var current$jscomp$0 = nextEffect.alternate;
+          if (null !== current$jscomp$0) {
+            var currentRef = current$jscomp$0.ref;
+            null !== currentRef &&
+              ("function" === typeof currentRef
+                ? currentRef(null)
+                : (currentRef.current = null));
+          }
+        }
+        switch (effectTag & 14) {
+          case 2:
+            nextEffect.effectTag &= -3;
+            break;
+          case 6:
+            nextEffect.effectTag &= -3;
+            commitWork(nextEffect.alternate, nextEffect);
+            break;
+          case 4:
+            commitWork(nextEffect.alternate, nextEffect);
+            break;
+          case 8:
+            prevState = nextEffect;
+            a: for (snapshot = instance = prevState; ; ) {
+              latestPendingTime = snapshot;
+              "function" === typeof onCommitUnmount &&
+                onCommitUnmount(latestPendingTime);
+              switch (latestPendingTime.tag) {
+                case 2:
+                  safelyDetachRef(latestPendingTime);
+                  var instance$jscomp$0 = latestPendingTime.stateNode;
+                  if (
+                    "function" === typeof instance$jscomp$0.componentWillUnmount
+                  )
+                    try {
+                      (instance$jscomp$0.props =
+                        latestPendingTime.memoizedProps),
+                        (instance$jscomp$0.state =
+                          latestPendingTime.memoizedState),
+                        instance$jscomp$0.componentWillUnmount();
+                    } catch (unmountError) {
+                      captureCommitPhaseError(latestPendingTime, unmountError);
+                    }
+                  break;
+                case 5:
+                  safelyDetachRef(latestPendingTime);
+                  break;
+                case 4:
+                  FabricUIManager.createChildSet(
+                    latestPendingTime.stateNode.containerInfo
+                  );
+              }
+              if (null !== snapshot.child)
+                (snapshot.child.return = snapshot), (snapshot = snapshot.child);
+              else {
+                if (snapshot === instance) break;
+                for (; null === snapshot.sibling; ) {
+                  if (null === snapshot.return || snapshot.return === instance)
+                    break a;
+                  snapshot = snapshot.return;
+                }
+                snapshot.sibling.return = snapshot.return;
+                snapshot = snapshot.sibling;
+              }
+            }
+            prevState.return = null;
+            prevState.child = null;
+            prevState.alternate &&
+              ((prevState.alternate.child = null),
+              (prevState.alternate.return = null));
+        }
+        nextEffect = nextEffect.nextEffect;
+      }
+    } catch (e) {
+      (current = !0), (prevProps = e);
+    }
+    current &&
+      (invariant(
+        null !== nextEffect,
+        "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
+      ),
+      captureCommitPhaseError(nextEffect, prevProps),
+      null !== nextEffect && (nextEffect = nextEffect.nextEffect));
+  }
+  root.current = finishedWork$jscomp$0;
+  for (nextEffect = firstBatch; null !== nextEffect; ) {
+    effectTag = !1;
+    current$jscomp$0 = void 0;
+    try {
+      for (currentRef = expirationTime; null !== nextEffect; ) {
+        var effectTag$jscomp$0 = nextEffect.effectTag;
+        if (effectTag$jscomp$0 & 36) {
+          var current$jscomp$1 = nextEffect.alternate;
+          instance$jscomp$0 = nextEffect;
+          firstBatch = currentRef;
+          switch (instance$jscomp$0.tag) {
+            case 2:
+              var instance$jscomp$1 = instance$jscomp$0.stateNode;
+              if (instance$jscomp$0.effectTag & 4)
+                if (null === current$jscomp$1)
+                  (instance$jscomp$1.props = instance$jscomp$0.memoizedProps),
+                    (instance$jscomp$1.state = instance$jscomp$0.memoizedState),
+                    instance$jscomp$1.componentDidMount();
+                else {
+                  var prevProps$jscomp$0 = current$jscomp$1.memoizedProps,
+                    prevState$jscomp$0 = current$jscomp$1.memoizedState;
+                  instance$jscomp$1.props = instance$jscomp$0.memoizedProps;
+                  instance$jscomp$1.state = instance$jscomp$0.memoizedState;
+                  instance$jscomp$1.componentDidUpdate(
+                    prevProps$jscomp$0,
+                    prevState$jscomp$0,
+                    instance$jscomp$1.__reactInternalSnapshotBeforeUpdate
+                  );
+                }
+              var updateQueue = instance$jscomp$0.updateQueue;
+              null !== updateQueue &&
+                ((instance$jscomp$1.props = instance$jscomp$0.memoizedProps),
+                (instance$jscomp$1.state = instance$jscomp$0.memoizedState),
+                commitUpdateQueue(
+                  instance$jscomp$0,
+                  updateQueue,
+                  instance$jscomp$1,
+                  firstBatch
+                ));
+              break;
+            case 3:
+              var _updateQueue = instance$jscomp$0.updateQueue;
+              if (null !== _updateQueue) {
+                current = null;
+                if (null !== instance$jscomp$0.child)
+                  switch (instance$jscomp$0.child.tag) {
+                    case 5:
+                      current = instance$jscomp$0.child.stateNode.canonical;
+                      break;
+                    case 2:
+                      current = instance$jscomp$0.child.stateNode;
+                  }
+                commitUpdateQueue(
+                  instance$jscomp$0,
+                  _updateQueue,
+                  current,
+                  firstBatch
+                );
+              }
+              break;
+            case 5:
+              null === current$jscomp$1 &&
+                instance$jscomp$0.effectTag & 4 &&
+                invariant(
+                  !1,
+                  "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
+                );
+              break;
+            case 6:
+              break;
+            case 4:
+              break;
+            case 15:
+              break;
+            case 16:
+              break;
+            default:
+              invariant(
+                !1,
+                "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+              );
+          }
+        }
+        if (effectTag$jscomp$0 & 128) {
+          instance$jscomp$0 = void 0;
+          var ref = nextEffect.ref;
+          if (null !== ref) {
+            var instance$jscomp$2 = nextEffect.stateNode;
+            switch (nextEffect.tag) {
+              case 5:
+                instance$jscomp$0 = instance$jscomp$2.canonical;
+                break;
+              default:
+                instance$jscomp$0 = instance$jscomp$2;
+            }
+            "function" === typeof ref
+              ? ref(instance$jscomp$0)
+              : (ref.current = instance$jscomp$0);
+          }
+        }
+        var next = nextEffect.nextEffect;
+        nextEffect.nextEffect = null;
+        nextEffect = next;
+      }
+    } catch (e) {
+      (effectTag = !0), (current$jscomp$0 = e);
+    }
+    effectTag &&
+      (invariant(
+        null !== nextEffect,
+        "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
+      ),
+      captureCommitPhaseError(nextEffect, current$jscomp$0),
+      null !== nextEffect && (nextEffect = nextEffect.nextEffect));
+  }
+  isWorking = isCommitting$1 = !1;
+  "function" === typeof onCommitRoot &&
+    onCommitRoot(finishedWork$jscomp$0.stateNode);
+  finishedWork$jscomp$0 = root.expirationTime;
+  0 === finishedWork$jscomp$0 &&
+    (legacyErrorBoundariesThatAlreadyFailed = null);
+  root.expirationTime = finishedWork$jscomp$0;
+  root.finishedWork = null;
+}
+function shouldYield() {
+  return null === deadline ||
+    deadlineDidExpire ||
+    deadline.timeRemaining() > timeHeuristicForUnitOfWork
+    ? !1
+    : (deadlineDidExpire = !0);
+}
+function onUncaughtError(error) {
+  invariant(
+    null !== nextFlushedRoot,
+    "Should be working on a root. This error is likely caused by a bug in React. Please file an issue."
+  );
+  nextFlushedRoot.expirationTime = 0;
+  hasUnhandledError || ((hasUnhandledError = !0), (unhandledError = error));
+}
+function updateContainerAtExpirationTime(
+  element,
+  container,
+  parentComponent,
+  expirationTime,
+  callback
+) {
+  var current = container.current;
+  if (parentComponent) {
+    parentComponent = parentComponent._reactInternalFiber;
+    var parentContext;
+    b: {
+      invariant(
+        2 === isFiberMountedImpl(parentComponent) && 2 === parentComponent.tag,
+        "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+      );
+      for (parentContext = parentComponent; 3 !== parentContext.tag; ) {
+        if (isContextProvider(parentContext)) {
+          parentContext =
+            parentContext.stateNode.__reactInternalMemoizedMergedChildContext;
+          break b;
+        }
+        parentContext = parentContext.return;
+        invariant(
+          parentContext,
+          "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+        );
+      }
+      parentContext = parentContext.stateNode.context;
+    }
+    parentComponent = isContextProvider(parentComponent)
+      ? processChildContext(parentComponent, parentContext)
+      : parentContext;
+  } else parentComponent = emptyObject;
+  null === container.context
+    ? (container.context = parentComponent)
+    : (container.pendingContext = parentComponent);
+  container = callback;
+  callback = createUpdate(expirationTime);
+  callback.payload = { element: element };
+  container = void 0 === container ? null : container;
+  null !== container && (callback.callback = container);
+  enqueueUpdate(current, callback, expirationTime);
+  scheduleWork(current, expirationTime);
+  return expirationTime;
+}
+function findHostInstance$1(component) {
+  var fiber = component._reactInternalFiber;
+  void 0 === fiber &&
+    ("function" === typeof component.render
+      ? invariant(!1, "Unable to find node on an unmounted component.")
+      : invariant(
+          !1,
+          "Argument appears to not be a ReactComponent. Keys: %s",
+          Object.keys(component)
+        ));
+  component = findCurrentHostFiber(fiber);
+  return null === component ? null : component.stateNode;
+}
+function updateContainer(element, container, parentComponent, callback) {
+  var current = container.current,
+    currentTime = recalculateCurrentTime();
+  current = computeExpirationForFiber(currentTime, current);
+  return updateContainerAtExpirationTime(
+    element,
+    container,
+    parentComponent,
+    current,
+    callback
+  );
+}
+function getPublicRootInstance(container) {
+  container = container.current;
+  if (!container.child) return null;
+  switch (container.child.tag) {
+    case 5:
+      return container.child.stateNode.canonical;
+    default:
+      return container.child.stateNode;
+  }
+}
+function injectIntoDevTools(devToolsConfig) {
+  var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+  return injectInternals(
+    Object.assign({}, devToolsConfig, {
+      findHostInstanceByFiber: function(fiber) {
+        fiber = findCurrentHostFiber(fiber);
+        return null === fiber ? null : fiber.stateNode;
+      },
+      findFiberByHostInstance: function(instance) {
+        return findFiberByHostInstance
+          ? findFiberByHostInstance(instance)
+          : null;
+      }
+    })
+  );
+}
+var ReactFabricRenderer = {
+  updateContainerAtExpirationTime: updateContainerAtExpirationTime,
+  createContainer: function(containerInfo, isAsync, hydrate) {
+    return createFiberRoot(containerInfo, isAsync, hydrate);
+  },
+  updateContainer: updateContainer,
+  flushRoot: function(root, expirationTime) {
+    invariant(
+      !isRendering,
+      "work.commit(): Cannot commit while already rendering. This likely means you attempted to commit from inside a lifecycle method."
+    );
+    nextFlushedRoot = root;
+    nextFlushedExpirationTime = expirationTime;
+    performWorkOnRoot(root, expirationTime, !1);
+    performWork(1, null);
+    finishRendering();
+  },
+  requestWork: requestWork,
+  computeUniqueAsyncExpiration: function() {
+    var result =
+      2 + 25 * ((((recalculateCurrentTime() - 2 + 500) / 25) | 0) + 1);
+    result <= lastUniqueAsyncExpiration &&
+      (result = lastUniqueAsyncExpiration + 1);
+    return (lastUniqueAsyncExpiration = result);
+  },
+  batchedUpdates: function(fn, a) {
+    var previousIsBatchingUpdates = isBatchingUpdates;
+    isBatchingUpdates = !0;
+    try {
+      return fn(a);
+    } finally {
+      (isBatchingUpdates = previousIsBatchingUpdates) ||
+        isRendering ||
+        performWork(1, null);
+    }
+  },
+  unbatchedUpdates: function(fn, a) {
+    if (isBatchingUpdates && !isUnbatchingUpdates) {
+      isUnbatchingUpdates = !0;
+      try {
+        return fn(a);
+      } finally {
+        isUnbatchingUpdates = !1;
+      }
+    }
+    return fn(a);
+  },
+  deferredUpdates: function(fn) {
+    var previousExpirationContext = expirationContext;
+    expirationContext =
+      2 + 25 * ((((recalculateCurrentTime() - 2 + 500) / 25) | 0) + 1);
+    try {
+      return fn();
+    } finally {
+      expirationContext = previousExpirationContext;
+    }
+  },
+  syncUpdates: syncUpdates,
+  interactiveUpdates: function(fn, a, b) {
+    if (isBatchingInteractiveUpdates) return fn(a, b);
+    isBatchingUpdates ||
+      isRendering ||
+      0 === lowestPendingInteractiveExpirationTime ||
+      (performWork(lowestPendingInteractiveExpirationTime, null),
+      (lowestPendingInteractiveExpirationTime = 0));
+    var previousIsBatchingInteractiveUpdates = isBatchingInteractiveUpdates,
+      previousIsBatchingUpdates = isBatchingUpdates;
+    isBatchingUpdates = isBatchingInteractiveUpdates = !0;
+    try {
+      return fn(a, b);
+    } finally {
+      (isBatchingInteractiveUpdates = previousIsBatchingInteractiveUpdates),
+        (isBatchingUpdates = previousIsBatchingUpdates) ||
+          isRendering ||
+          performWork(1, null);
+    }
+  },
+  flushInteractiveUpdates: function() {
+    isRendering ||
+      0 === lowestPendingInteractiveExpirationTime ||
+      (performWork(lowestPendingInteractiveExpirationTime, null),
+      (lowestPendingInteractiveExpirationTime = 0));
+  },
+  flushControlled: function(fn) {
+    var previousIsBatchingUpdates = isBatchingUpdates;
+    isBatchingUpdates = !0;
+    try {
+      syncUpdates(fn);
+    } finally {
+      (isBatchingUpdates = previousIsBatchingUpdates) ||
+        isRendering ||
+        performWork(1, null);
+    }
+  },
+  flushSync: function(fn, a) {
+    invariant(
+      !isRendering,
+      "flushSync was called from inside a lifecycle method. It cannot be called when React is already rendering."
+    );
+    var previousIsBatchingUpdates = isBatchingUpdates;
+    isBatchingUpdates = !0;
+    try {
+      return syncUpdates(fn, a);
+    } finally {
+      (isBatchingUpdates = previousIsBatchingUpdates), performWork(1, null);
+    }
+  },
+  getPublicRootInstance: getPublicRootInstance,
+  findHostInstance: findHostInstance$1,
+  findHostInstanceWithNoPortals: function(fiber) {
+    fiber = findCurrentHostFiberWithNoPortals(fiber);
+    return null === fiber ? null : fiber.stateNode;
+  },
+  injectIntoDevTools: injectIntoDevTools
+};
+function createPortal(children, containerInfo, implementation) {
+  var key =
+    3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
+  return {
+    $$typeof: REACT_PORTAL_TYPE,
+    key: null == key ? null : "" + key,
+    children: children,
+    containerInfo: containerInfo,
+    implementation: implementation
+  };
+}
+function _inherits(subClass, superClass) {
+  if ("function" !== typeof superClass && null !== superClass)
+    throw new TypeError(
+      "Super expression must either be null or a function, not " +
+        typeof superClass
+    );
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: !1,
+      writable: !0,
+      configurable: !0
+    }
+  });
+  superClass &&
+    (Object.setPrototypeOf
+      ? Object.setPrototypeOf(subClass, superClass)
+      : (subClass.__proto__ = superClass));
+}
+var getInspectorDataForViewTag = void 0;
+getInspectorDataForViewTag = function() {
+  invariant(!1, "getInspectorDataForViewTag() is not available in production");
+};
+function findNodeHandle(componentOrHandle) {
+  if (null == componentOrHandle) return null;
+  if ("number" === typeof componentOrHandle) return componentOrHandle;
+  if (componentOrHandle._nativeTag) return componentOrHandle._nativeTag;
+  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
+    return componentOrHandle.canonical._nativeTag;
+  componentOrHandle = findHostInstance$1(componentOrHandle);
+  return null == componentOrHandle
+    ? componentOrHandle
+    : componentOrHandle.canonical
+      ? componentOrHandle.canonical._nativeTag
+      : componentOrHandle._nativeTag;
+}
+_batchedUpdates = ReactFabricRenderer.batchedUpdates;
+_flushInteractiveUpdates = ReactFabricRenderer.flushInteractiveUpdates;
+var roots = new Map(),
+  ReactFabric = {
+    NativeComponent: (function(findNodeHandle, findHostInstance) {
+      return (function(_React$Component) {
+        function ReactNativeComponent() {
+          if (!(this instanceof ReactNativeComponent))
+            throw new TypeError("Cannot call a class as a function");
+          var call = _React$Component.apply(this, arguments);
+          if (!this)
+            throw new ReferenceError(
+              "this hasn't been initialised - super() hasn't been called"
+            );
+          return !call ||
+            ("object" !== typeof call && "function" !== typeof call)
+            ? this
+            : call;
+        }
+        _inherits(ReactNativeComponent, _React$Component);
+        ReactNativeComponent.prototype.blur = function() {
+          TextInputState.blurTextInput(findNodeHandle(this));
+        };
+        ReactNativeComponent.prototype.focus = function() {
+          TextInputState.focusTextInput(findNodeHandle(this));
+        };
+        ReactNativeComponent.prototype.measure = function(callback) {
+          UIManager.measure(
+            findNodeHandle(this),
+            mountSafeCallback(this, callback)
+          );
+        };
+        ReactNativeComponent.prototype.measureInWindow = function(callback) {
+          UIManager.measureInWindow(
+            findNodeHandle(this),
+            mountSafeCallback(this, callback)
+          );
+        };
+        ReactNativeComponent.prototype.measureLayout = function(
+          relativeToNativeNode,
+          onSuccess,
+          onFail
+        ) {
+          UIManager.measureLayout(
+            findNodeHandle(this),
+            relativeToNativeNode,
+            mountSafeCallback(this, onFail),
+            mountSafeCallback(this, onSuccess)
+          );
+        };
+        ReactNativeComponent.prototype.setNativeProps = function(nativeProps) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          if (null != maybeInstance) {
+            var viewConfig =
+              maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
+            nativeProps = diffProperties(
+              null,
+              emptyObject$1,
+              nativeProps,
+              viewConfig.validAttributes
+            );
+            null != nativeProps &&
+              UIManager.updateView(
+                maybeInstance._nativeTag,
+                viewConfig.uiViewClassName,
+                nativeProps
+              );
+          }
+        };
+        return ReactNativeComponent;
+      })(React.Component);
+    })(findNodeHandle, findHostInstance$1),
+    findNodeHandle: findNodeHandle,
+    render: function(element, containerTag, callback) {
+      var root = roots.get(containerTag);
+      root ||
+        ((root = createFiberRoot(containerTag, !1, !1)),
+        roots.set(containerTag, root));
+      updateContainer(element, root, null, callback);
+      return getPublicRootInstance(root);
+    },
+    unmountComponentAtNode: function(containerTag) {
+      var root = roots.get(containerTag);
+      root &&
+        updateContainer(null, root, null, function() {
+          roots.delete(containerTag);
+        });
+    },
+    createPortal: function(children, containerTag) {
+      return createPortal(
+        children,
+        containerTag,
+        null,
+        2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
+      );
+    },
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
+      NativeMethodsMixin: (function(findNodeHandle, findHostInstance) {
+        return {
+          measure: function(callback) {
+            UIManager.measure(
+              findNodeHandle(this),
+              mountSafeCallback(this, callback)
+            );
+          },
+          measureInWindow: function(callback) {
+            UIManager.measureInWindow(
+              findNodeHandle(this),
+              mountSafeCallback(this, callback)
+            );
+          },
+          measureLayout: function(relativeToNativeNode, onSuccess, onFail) {
+            UIManager.measureLayout(
+              findNodeHandle(this),
+              relativeToNativeNode,
+              mountSafeCallback(this, onFail),
+              mountSafeCallback(this, onSuccess)
+            );
+          },
+          setNativeProps: function(nativeProps) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            if (null != maybeInstance) {
+              var viewConfig = maybeInstance.viewConfig;
+              nativeProps = diffProperties(
+                null,
+                emptyObject$1,
+                nativeProps,
+                viewConfig.validAttributes
+              );
+              null != nativeProps &&
+                UIManager.updateView(
+                  maybeInstance._nativeTag,
+                  viewConfig.uiViewClassName,
+                  nativeProps
+                );
+            }
+          },
+          focus: function() {
+            TextInputState.focusTextInput(findNodeHandle(this));
+          },
+          blur: function() {
+            TextInputState.blurTextInput(findNodeHandle(this));
+          }
+        };
+      })(findNodeHandle, findHostInstance$1)
+    }
+  };
+injectIntoDevTools({
+  findFiberByHostInstance: getInstanceFromInstance,
+  getInspectorDataForViewTag: getInspectorDataForViewTag,
+  bundleType: 0,
+  version: "16.4.1",
+  rendererPackageName: "react-native-renderer"
+});
+var ReactFabric$2 = { default: ReactFabric },
+  ReactFabric$3 = (ReactFabric$2 && ReactFabric) || ReactFabric$2;
+module.exports = ReactFabric$3.default ? ReactFabric$3.default : ReactFabric$3;
diff --git a/Libraries/Renderer/oss/ReactFabric-profiling.js b/Libraries/Renderer/oss/ReactFabric-profiling.js
new file mode 100644
index 00000000000000..f1962978797bc2
--- /dev/null
+++ b/Libraries/Renderer/oss/ReactFabric-profiling.js
@@ -0,0 +1,5645 @@
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ * @providesModule ReactFabric-profiling
+ * @preventMunge
+ * @generated
+ */
+
+"use strict";
+require("InitializeCore");
+var invariant = require("fbjs/lib/invariant"),
+  ReactNativeViewConfigRegistry = require("ReactNativeViewConfigRegistry"),
+  UIManager = require("UIManager"),
+  React = require("react"),
+  emptyObject = require("fbjs/lib/emptyObject"),
+  deepDiffer = require("deepDiffer"),
+  flattenStyle = require("flattenStyle"),
+  TextInputState = require("TextInputState"),
+  FabricUIManager = require("FabricUIManager"),
+  ExceptionsManager = require("ExceptionsManager");
+function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
+  this._hasCaughtError = !1;
+  this._caughtError = null;
+  var funcArgs = Array.prototype.slice.call(arguments, 3);
+  try {
+    func.apply(context, funcArgs);
+  } catch (error) {
+    (this._caughtError = error), (this._hasCaughtError = !0);
+  }
+}
+var ReactErrorUtils = {
+  _caughtError: null,
+  _hasCaughtError: !1,
+  _rethrowError: null,
+  _hasRethrowError: !1,
+  invokeGuardedCallback: function(name, func, context, a, b, c, d, e, f) {
+    invokeGuardedCallback.apply(ReactErrorUtils, arguments);
+  },
+  invokeGuardedCallbackAndCatchFirstError: function(
+    name,
+    func,
+    context,
+    a,
+    b,
+    c,
+    d,
+    e,
+    f
+  ) {
+    ReactErrorUtils.invokeGuardedCallback.apply(this, arguments);
+    if (ReactErrorUtils.hasCaughtError()) {
+      var error = ReactErrorUtils.clearCaughtError();
+      ReactErrorUtils._hasRethrowError ||
+        ((ReactErrorUtils._hasRethrowError = !0),
+        (ReactErrorUtils._rethrowError = error));
+    }
+  },
+  rethrowCaughtError: function() {
+    return rethrowCaughtError.apply(ReactErrorUtils, arguments);
+  },
+  hasCaughtError: function() {
+    return ReactErrorUtils._hasCaughtError;
+  },
+  clearCaughtError: function() {
+    if (ReactErrorUtils._hasCaughtError) {
+      var error = ReactErrorUtils._caughtError;
+      ReactErrorUtils._caughtError = null;
+      ReactErrorUtils._hasCaughtError = !1;
+      return error;
+    }
+    invariant(
+      !1,
+      "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+    );
+  }
+};
+function rethrowCaughtError() {
+  if (ReactErrorUtils._hasRethrowError) {
+    var error = ReactErrorUtils._rethrowError;
+    ReactErrorUtils._rethrowError = null;
+    ReactErrorUtils._hasRethrowError = !1;
+    throw error;
+  }
+}
+var eventPluginOrder = null,
+  namesToPlugins = {};
+function recomputePluginOrdering() {
+  if (eventPluginOrder)
+    for (var pluginName in namesToPlugins) {
+      var pluginModule = namesToPlugins[pluginName],
+        pluginIndex = eventPluginOrder.indexOf(pluginName);
+      invariant(
+        -1 < pluginIndex,
+        "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `%s`.",
+        pluginName
+      );
+      if (!plugins[pluginIndex]) {
+        invariant(
+          pluginModule.extractEvents,
+          "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `%s` does not.",
+          pluginName
+        );
+        plugins[pluginIndex] = pluginModule;
+        pluginIndex = pluginModule.eventTypes;
+        for (var eventName in pluginIndex) {
+          var JSCompiler_inline_result = void 0;
+          var dispatchConfig = pluginIndex[eventName],
+            pluginModule$jscomp$0 = pluginModule,
+            eventName$jscomp$0 = eventName;
+          invariant(
+            !eventNameDispatchConfigs.hasOwnProperty(eventName$jscomp$0),
+            "EventPluginHub: More than one plugin attempted to publish the same event name, `%s`.",
+            eventName$jscomp$0
+          );
+          eventNameDispatchConfigs[eventName$jscomp$0] = dispatchConfig;
+          var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+          if (phasedRegistrationNames) {
+            for (JSCompiler_inline_result in phasedRegistrationNames)
+              phasedRegistrationNames.hasOwnProperty(
+                JSCompiler_inline_result
+              ) &&
+                publishRegistrationName(
+                  phasedRegistrationNames[JSCompiler_inline_result],
+                  pluginModule$jscomp$0,
+                  eventName$jscomp$0
+                );
+            JSCompiler_inline_result = !0;
+          } else
+            dispatchConfig.registrationName
+              ? (publishRegistrationName(
+                  dispatchConfig.registrationName,
+                  pluginModule$jscomp$0,
+                  eventName$jscomp$0
+                ),
+                (JSCompiler_inline_result = !0))
+              : (JSCompiler_inline_result = !1);
+          invariant(
+            JSCompiler_inline_result,
+            "EventPluginRegistry: Failed to publish event `%s` for plugin `%s`.",
+            eventName,
+            pluginName
+          );
+        }
+      }
+    }
+}
+function publishRegistrationName(registrationName, pluginModule) {
+  invariant(
+    !registrationNameModules[registrationName],
+    "EventPluginHub: More than one plugin attempted to publish the same registration name, `%s`.",
+    registrationName
+  );
+  registrationNameModules[registrationName] = pluginModule;
+}
+var plugins = [],
+  eventNameDispatchConfigs = {},
+  registrationNameModules = {},
+  getFiberCurrentPropsFromNode = null,
+  getInstanceFromNode = null,
+  getNodeFromInstance = null;
+function executeDispatch(event, simulated, listener, inst) {
+  simulated = event.type || "unknown-event";
+  event.currentTarget = getNodeFromInstance(inst);
+  ReactErrorUtils.invokeGuardedCallbackAndCatchFirstError(
+    simulated,
+    listener,
+    void 0,
+    event
+  );
+  event.currentTarget = null;
+}
+function executeDirectDispatch(event) {
+  var dispatchListener = event._dispatchListeners,
+    dispatchInstance = event._dispatchInstances;
+  invariant(
+    !Array.isArray(dispatchListener),
+    "executeDirectDispatch(...): Invalid `event`."
+  );
+  event.currentTarget = dispatchListener
+    ? getNodeFromInstance(dispatchInstance)
+    : null;
+  dispatchListener = dispatchListener ? dispatchListener(event) : null;
+  event.currentTarget = null;
+  event._dispatchListeners = null;
+  event._dispatchInstances = null;
+  return dispatchListener;
+}
+function accumulateInto(current, next) {
+  invariant(
+    null != next,
+    "accumulateInto(...): Accumulated items must not be null or undefined."
+  );
+  if (null == current) return next;
+  if (Array.isArray(current)) {
+    if (Array.isArray(next)) return current.push.apply(current, next), current;
+    current.push(next);
+    return current;
+  }
+  return Array.isArray(next) ? [current].concat(next) : [current, next];
+}
+function forEachAccumulated(arr, cb, scope) {
+  Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
+}
+var eventQueue = null;
+function executeDispatchesAndReleaseTopLevel(e) {
+  if (e) {
+    var dispatchListeners = e._dispatchListeners,
+      dispatchInstances = e._dispatchInstances;
+    if (Array.isArray(dispatchListeners))
+      for (
+        var i = 0;
+        i < dispatchListeners.length && !e.isPropagationStopped();
+        i++
+      )
+        executeDispatch(e, !1, dispatchListeners[i], dispatchInstances[i]);
+    else
+      dispatchListeners &&
+        executeDispatch(e, !1, dispatchListeners, dispatchInstances);
+    e._dispatchListeners = null;
+    e._dispatchInstances = null;
+    e.isPersistent() || e.constructor.release(e);
+  }
+}
+var injection = {
+  injectEventPluginOrder: function(injectedEventPluginOrder) {
+    invariant(
+      !eventPluginOrder,
+      "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+    );
+    eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
+    recomputePluginOrdering();
+  },
+  injectEventPluginsByName: function(injectedNamesToPlugins) {
+    var isOrderingDirty = !1,
+      pluginName;
+    for (pluginName in injectedNamesToPlugins)
+      if (injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+        var pluginModule = injectedNamesToPlugins[pluginName];
+        (namesToPlugins.hasOwnProperty(pluginName) &&
+          namesToPlugins[pluginName] === pluginModule) ||
+          (invariant(
+            !namesToPlugins[pluginName],
+            "EventPluginRegistry: Cannot inject two different event plugins using the same name, `%s`.",
+            pluginName
+          ),
+          (namesToPlugins[pluginName] = pluginModule),
+          (isOrderingDirty = !0));
+      }
+    isOrderingDirty && recomputePluginOrdering();
+  }
+};
+function getListener(inst, registrationName) {
+  var listener = inst.stateNode;
+  if (!listener) return null;
+  var props = getFiberCurrentPropsFromNode(listener);
+  if (!props) return null;
+  listener = props[registrationName];
+  a: switch (registrationName) {
+    case "onClick":
+    case "onClickCapture":
+    case "onDoubleClick":
+    case "onDoubleClickCapture":
+    case "onMouseDown":
+    case "onMouseDownCapture":
+    case "onMouseMove":
+    case "onMouseMoveCapture":
+    case "onMouseUp":
+    case "onMouseUpCapture":
+      (props = !props.disabled) ||
+        ((inst = inst.type),
+        (props = !(
+          "button" === inst ||
+          "input" === inst ||
+          "select" === inst ||
+          "textarea" === inst
+        )));
+      inst = !props;
+      break a;
+    default:
+      inst = !1;
+  }
+  if (inst) return null;
+  invariant(
+    !listener || "function" === typeof listener,
+    "Expected `%s` listener to be a function, instead got a value of `%s` type.",
+    registrationName,
+    typeof listener
+  );
+  return listener;
+}
+function getParent(inst) {
+  do inst = inst.return;
+  while (inst && 5 !== inst.tag);
+  return inst ? inst : null;
+}
+function traverseTwoPhase(inst, fn, arg) {
+  for (var path = []; inst; ) path.push(inst), (inst = getParent(inst));
+  for (inst = path.length; 0 < inst--; ) fn(path[inst], "captured", arg);
+  for (inst = 0; inst < path.length; inst++) fn(path[inst], "bubbled", arg);
+}
+function accumulateDirectionalDispatches(inst, phase, event) {
+  if (
+    (phase = getListener(
+      inst,
+      event.dispatchConfig.phasedRegistrationNames[phase]
+    ))
+  )
+    (event._dispatchListeners = accumulateInto(
+      event._dispatchListeners,
+      phase
+    )),
+      (event._dispatchInstances = accumulateInto(
+        event._dispatchInstances,
+        inst
+      ));
+}
+function accumulateTwoPhaseDispatchesSingle(event) {
+  event &&
+    event.dispatchConfig.phasedRegistrationNames &&
+    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+}
+function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
+  if (event && event.dispatchConfig.phasedRegistrationNames) {
+    var targetInst = event._targetInst;
+    targetInst = targetInst ? getParent(targetInst) : null;
+    traverseTwoPhase(targetInst, accumulateDirectionalDispatches, event);
+  }
+}
+function accumulateDirectDispatchesSingle(event) {
+  if (event && event.dispatchConfig.registrationName) {
+    var inst = event._targetInst;
+    if (inst && event && event.dispatchConfig.registrationName) {
+      var listener = getListener(inst, event.dispatchConfig.registrationName);
+      listener &&
+        ((event._dispatchListeners = accumulateInto(
+          event._dispatchListeners,
+          listener
+        )),
+        (event._dispatchInstances = accumulateInto(
+          event._dispatchInstances,
+          inst
+        )));
+    }
+  }
+}
+var shouldBeReleasedProperties = "dispatchConfig _targetInst nativeEvent isDefaultPrevented isPropagationStopped _dispatchListeners _dispatchInstances".split(
+  " "
+);
+function functionThatReturnsTrue() {
+  return !0;
+}
+function functionThatReturnsFalse() {
+  return !1;
+}
+function SyntheticEvent(
+  dispatchConfig,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget
+) {
+  this.dispatchConfig = dispatchConfig;
+  this._targetInst = targetInst;
+  this.nativeEvent = nativeEvent;
+  dispatchConfig = this.constructor.Interface;
+  for (var propName in dispatchConfig)
+    dispatchConfig.hasOwnProperty(propName) &&
+      ((targetInst = dispatchConfig[propName])
+        ? (this[propName] = targetInst(nativeEvent))
+        : "target" === propName
+          ? (this.target = nativeEventTarget)
+          : (this[propName] = nativeEvent[propName]));
+  this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
+  ? nativeEvent.defaultPrevented
+  : !1 === nativeEvent.returnValue)
+    ? functionThatReturnsTrue
+    : functionThatReturnsFalse;
+  this.isPropagationStopped = functionThatReturnsFalse;
+  return this;
+}
+Object.assign(SyntheticEvent.prototype, {
+  preventDefault: function() {
+    this.defaultPrevented = !0;
+    var event = this.nativeEvent;
+    event &&
+      (event.preventDefault
+        ? event.preventDefault()
+        : "unknown" !== typeof event.returnValue && (event.returnValue = !1),
+      (this.isDefaultPrevented = functionThatReturnsTrue));
+  },
+  stopPropagation: function() {
+    var event = this.nativeEvent;
+    event &&
+      (event.stopPropagation
+        ? event.stopPropagation()
+        : "unknown" !== typeof event.cancelBubble && (event.cancelBubble = !0),
+      (this.isPropagationStopped = functionThatReturnsTrue));
+  },
+  persist: function() {
+    this.isPersistent = functionThatReturnsTrue;
+  },
+  isPersistent: functionThatReturnsFalse,
+  destructor: function() {
+    var Interface = this.constructor.Interface,
+      propName;
+    for (propName in Interface) this[propName] = null;
+    for (
+      Interface = 0;
+      Interface < shouldBeReleasedProperties.length;
+      Interface++
+    )
+      this[shouldBeReleasedProperties[Interface]] = null;
+  }
+});
+SyntheticEvent.Interface = {
+  type: null,
+  target: null,
+  currentTarget: function() {
+    return null;
+  },
+  eventPhase: null,
+  bubbles: null,
+  cancelable: null,
+  timeStamp: function(event) {
+    return event.timeStamp || Date.now();
+  },
+  defaultPrevented: null,
+  isTrusted: null
+};
+SyntheticEvent.extend = function(Interface) {
+  function E() {}
+  function Class() {
+    return Super.apply(this, arguments);
+  }
+  var Super = this;
+  E.prototype = Super.prototype;
+  var prototype = new E();
+  Object.assign(prototype, Class.prototype);
+  Class.prototype = prototype;
+  Class.prototype.constructor = Class;
+  Class.Interface = Object.assign({}, Super.Interface, Interface);
+  Class.extend = Super.extend;
+  addEventPoolingTo(Class);
+  return Class;
+};
+addEventPoolingTo(SyntheticEvent);
+function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
+  if (this.eventPool.length) {
+    var instance = this.eventPool.pop();
+    this.call(instance, dispatchConfig, targetInst, nativeEvent, nativeInst);
+    return instance;
+  }
+  return new this(dispatchConfig, targetInst, nativeEvent, nativeInst);
+}
+function releasePooledEvent(event) {
+  invariant(
+    event instanceof this,
+    "Trying to release an event instance  into a pool of a different type."
+  );
+  event.destructor();
+  10 > this.eventPool.length && this.eventPool.push(event);
+}
+function addEventPoolingTo(EventConstructor) {
+  EventConstructor.eventPool = [];
+  EventConstructor.getPooled = getPooledEvent;
+  EventConstructor.release = releasePooledEvent;
+}
+var ResponderSyntheticEvent = SyntheticEvent.extend({
+  touchHistory: function() {
+    return null;
+  }
+});
+function isStartish(topLevelType) {
+  return "topTouchStart" === topLevelType;
+}
+function isMoveish(topLevelType) {
+  return "topTouchMove" === topLevelType;
+}
+var startDependencies = ["topTouchStart"],
+  moveDependencies = ["topTouchMove"],
+  endDependencies = ["topTouchCancel", "topTouchEnd"],
+  touchBank = [],
+  touchHistory = {
+    touchBank: touchBank,
+    numberActiveTouches: 0,
+    indexOfSingleActiveTouch: -1,
+    mostRecentTimeStamp: 0
+  };
+function timestampForTouch(touch) {
+  return touch.timeStamp || touch.timestamp;
+}
+function getTouchIdentifier(_ref) {
+  _ref = _ref.identifier;
+  invariant(null != _ref, "Touch object is missing identifier.");
+  return _ref;
+}
+function recordTouchStart(touch) {
+  var identifier = getTouchIdentifier(touch),
+    touchRecord = touchBank[identifier];
+  touchRecord
+    ? ((touchRecord.touchActive = !0),
+      (touchRecord.startPageX = touch.pageX),
+      (touchRecord.startPageY = touch.pageY),
+      (touchRecord.startTimeStamp = timestampForTouch(touch)),
+      (touchRecord.currentPageX = touch.pageX),
+      (touchRecord.currentPageY = touch.pageY),
+      (touchRecord.currentTimeStamp = timestampForTouch(touch)),
+      (touchRecord.previousPageX = touch.pageX),
+      (touchRecord.previousPageY = touch.pageY),
+      (touchRecord.previousTimeStamp = timestampForTouch(touch)))
+    : ((touchRecord = {
+        touchActive: !0,
+        startPageX: touch.pageX,
+        startPageY: touch.pageY,
+        startTimeStamp: timestampForTouch(touch),
+        currentPageX: touch.pageX,
+        currentPageY: touch.pageY,
+        currentTimeStamp: timestampForTouch(touch),
+        previousPageX: touch.pageX,
+        previousPageY: touch.pageY,
+        previousTimeStamp: timestampForTouch(touch)
+      }),
+      (touchBank[identifier] = touchRecord));
+  touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+}
+function recordTouchMove(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+  touchRecord
+    ? ((touchRecord.touchActive = !0),
+      (touchRecord.previousPageX = touchRecord.currentPageX),
+      (touchRecord.previousPageY = touchRecord.currentPageY),
+      (touchRecord.previousTimeStamp = touchRecord.currentTimeStamp),
+      (touchRecord.currentPageX = touch.pageX),
+      (touchRecord.currentPageY = touch.pageY),
+      (touchRecord.currentTimeStamp = timestampForTouch(touch)),
+      (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
+    : console.error(
+        "Cannot record touch move without a touch start.\nTouch Move: %s\n",
+        "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+}
+function recordTouchEnd(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+  touchRecord
+    ? ((touchRecord.touchActive = !1),
+      (touchRecord.previousPageX = touchRecord.currentPageX),
+      (touchRecord.previousPageY = touchRecord.currentPageY),
+      (touchRecord.previousTimeStamp = touchRecord.currentTimeStamp),
+      (touchRecord.currentPageX = touch.pageX),
+      (touchRecord.currentPageY = touch.pageY),
+      (touchRecord.currentTimeStamp = timestampForTouch(touch)),
+      (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
+    : console.error(
+        "Cannot record touch end without a touch start.\nTouch End: %s\n",
+        "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+}
+function printTouch(touch) {
+  return JSON.stringify({
+    identifier: touch.identifier,
+    pageX: touch.pageX,
+    pageY: touch.pageY,
+    timestamp: timestampForTouch(touch)
+  });
+}
+function printTouchBank() {
+  var printed = JSON.stringify(touchBank.slice(0, 20));
+  20 < touchBank.length &&
+    (printed += " (original size: " + touchBank.length + ")");
+  return printed;
+}
+var ResponderTouchHistoryStore = {
+  recordTouchTrack: function(topLevelType, nativeEvent) {
+    if (isMoveish(topLevelType))
+      nativeEvent.changedTouches.forEach(recordTouchMove);
+    else if (isStartish(topLevelType))
+      nativeEvent.changedTouches.forEach(recordTouchStart),
+        (touchHistory.numberActiveTouches = nativeEvent.touches.length),
+        1 === touchHistory.numberActiveTouches &&
+          (touchHistory.indexOfSingleActiveTouch =
+            nativeEvent.touches[0].identifier);
+    else if (
+      "topTouchEnd" === topLevelType ||
+      "topTouchCancel" === topLevelType
+    )
+      if (
+        (nativeEvent.changedTouches.forEach(recordTouchEnd),
+        (touchHistory.numberActiveTouches = nativeEvent.touches.length),
+        1 === touchHistory.numberActiveTouches)
+      )
+        for (topLevelType = 0; topLevelType < touchBank.length; topLevelType++)
+          if (
+            ((nativeEvent = touchBank[topLevelType]),
+            null != nativeEvent && nativeEvent.touchActive)
+          ) {
+            touchHistory.indexOfSingleActiveTouch = topLevelType;
+            break;
+          }
+  },
+  touchHistory: touchHistory
+};
+function accumulate(current, next) {
+  invariant(
+    null != next,
+    "accumulate(...): Accumulated items must be not be null or undefined."
+  );
+  return null == current
+    ? next
+    : Array.isArray(current)
+      ? current.concat(next)
+      : Array.isArray(next) ? [current].concat(next) : [current, next];
+}
+var responderInst = null,
+  trackedTouchCount = 0;
+function changeResponder(nextResponderInst, blockHostResponder) {
+  var oldResponderInst = responderInst;
+  responderInst = nextResponderInst;
+  if (null !== ResponderEventPlugin.GlobalResponderHandler)
+    ResponderEventPlugin.GlobalResponderHandler.onChange(
+      oldResponderInst,
+      nextResponderInst,
+      blockHostResponder
+    );
+}
+var eventTypes$1 = {
+    startShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onStartShouldSetResponder",
+        captured: "onStartShouldSetResponderCapture"
+      },
+      dependencies: startDependencies
+    },
+    scrollShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onScrollShouldSetResponder",
+        captured: "onScrollShouldSetResponderCapture"
+      },
+      dependencies: ["topScroll"]
+    },
+    selectionChangeShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onSelectionChangeShouldSetResponder",
+        captured: "onSelectionChangeShouldSetResponderCapture"
+      },
+      dependencies: ["topSelectionChange"]
+    },
+    moveShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onMoveShouldSetResponder",
+        captured: "onMoveShouldSetResponderCapture"
+      },
+      dependencies: moveDependencies
+    },
+    responderStart: {
+      registrationName: "onResponderStart",
+      dependencies: startDependencies
+    },
+    responderMove: {
+      registrationName: "onResponderMove",
+      dependencies: moveDependencies
+    },
+    responderEnd: {
+      registrationName: "onResponderEnd",
+      dependencies: endDependencies
+    },
+    responderRelease: {
+      registrationName: "onResponderRelease",
+      dependencies: endDependencies
+    },
+    responderTerminationRequest: {
+      registrationName: "onResponderTerminationRequest",
+      dependencies: []
+    },
+    responderGrant: { registrationName: "onResponderGrant", dependencies: [] },
+    responderReject: {
+      registrationName: "onResponderReject",
+      dependencies: []
+    },
+    responderTerminate: {
+      registrationName: "onResponderTerminate",
+      dependencies: []
+    }
+  },
+  ResponderEventPlugin = {
+    _getResponder: function() {
+      return responderInst;
+    },
+    eventTypes: eventTypes$1,
+    extractEvents: function(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      if (isStartish(topLevelType)) trackedTouchCount += 1;
+      else if (
+        "topTouchEnd" === topLevelType ||
+        "topTouchCancel" === topLevelType
+      )
+        if (0 <= trackedTouchCount) --trackedTouchCount;
+        else
+          return (
+            console.error(
+              "Ended a touch event which was not counted in `trackedTouchCount`."
+            ),
+            null
+          );
+      ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
+      if (
+        targetInst &&
+        (("topScroll" === topLevelType && !nativeEvent.responderIgnoreScroll) ||
+          (0 < trackedTouchCount && "topSelectionChange" === topLevelType) ||
+          isStartish(topLevelType) ||
+          isMoveish(topLevelType))
+      ) {
+        var JSCompiler_temp = isStartish(topLevelType)
+          ? eventTypes$1.startShouldSetResponder
+          : isMoveish(topLevelType)
+            ? eventTypes$1.moveShouldSetResponder
+            : "topSelectionChange" === topLevelType
+              ? eventTypes$1.selectionChangeShouldSetResponder
+              : eventTypes$1.scrollShouldSetResponder;
+        if (responderInst)
+          b: {
+            var JSCompiler_temp$jscomp$0 = responderInst;
+            for (
+              var depthA = 0, tempA = JSCompiler_temp$jscomp$0;
+              tempA;
+              tempA = getParent(tempA)
+            )
+              depthA++;
+            tempA = 0;
+            for (var tempB = targetInst; tempB; tempB = getParent(tempB))
+              tempA++;
+            for (; 0 < depthA - tempA; )
+              (JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0)),
+                depthA--;
+            for (; 0 < tempA - depthA; )
+              (targetInst = getParent(targetInst)), tempA--;
+            for (; depthA--; ) {
+              if (
+                JSCompiler_temp$jscomp$0 === targetInst ||
+                JSCompiler_temp$jscomp$0 === targetInst.alternate
+              )
+                break b;
+              JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0);
+              targetInst = getParent(targetInst);
+            }
+            JSCompiler_temp$jscomp$0 = null;
+          }
+        else JSCompiler_temp$jscomp$0 = targetInst;
+        targetInst = JSCompiler_temp$jscomp$0 === responderInst;
+        JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
+          JSCompiler_temp,
+          JSCompiler_temp$jscomp$0,
+          nativeEvent,
+          nativeEventTarget
+        );
+        JSCompiler_temp$jscomp$0.touchHistory =
+          ResponderTouchHistoryStore.touchHistory;
+        targetInst
+          ? forEachAccumulated(
+              JSCompiler_temp$jscomp$0,
+              accumulateTwoPhaseDispatchesSingleSkipTarget
+            )
+          : forEachAccumulated(
+              JSCompiler_temp$jscomp$0,
+              accumulateTwoPhaseDispatchesSingle
+            );
+        b: {
+          JSCompiler_temp = JSCompiler_temp$jscomp$0._dispatchListeners;
+          targetInst = JSCompiler_temp$jscomp$0._dispatchInstances;
+          if (Array.isArray(JSCompiler_temp))
+            for (
+              depthA = 0;
+              depthA < JSCompiler_temp.length &&
+              !JSCompiler_temp$jscomp$0.isPropagationStopped();
+              depthA++
+            ) {
+              if (
+                JSCompiler_temp[depthA](
+                  JSCompiler_temp$jscomp$0,
+                  targetInst[depthA]
+                )
+              ) {
+                JSCompiler_temp = targetInst[depthA];
+                break b;
+              }
+            }
+          else if (
+            JSCompiler_temp &&
+            JSCompiler_temp(JSCompiler_temp$jscomp$0, targetInst)
+          ) {
+            JSCompiler_temp = targetInst;
+            break b;
+          }
+          JSCompiler_temp = null;
+        }
+        JSCompiler_temp$jscomp$0._dispatchInstances = null;
+        JSCompiler_temp$jscomp$0._dispatchListeners = null;
+        JSCompiler_temp$jscomp$0.isPersistent() ||
+          JSCompiler_temp$jscomp$0.constructor.release(
+            JSCompiler_temp$jscomp$0
+          );
+        JSCompiler_temp && JSCompiler_temp !== responderInst
+          ? ((JSCompiler_temp$jscomp$0 = void 0),
+            (targetInst = ResponderSyntheticEvent.getPooled(
+              eventTypes$1.responderGrant,
+              JSCompiler_temp,
+              nativeEvent,
+              nativeEventTarget
+            )),
+            (targetInst.touchHistory = ResponderTouchHistoryStore.touchHistory),
+            forEachAccumulated(targetInst, accumulateDirectDispatchesSingle),
+            (depthA = !0 === executeDirectDispatch(targetInst)),
+            responderInst
+              ? ((tempA = ResponderSyntheticEvent.getPooled(
+                  eventTypes$1.responderTerminationRequest,
+                  responderInst,
+                  nativeEvent,
+                  nativeEventTarget
+                )),
+                (tempA.touchHistory = ResponderTouchHistoryStore.touchHistory),
+                forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
+                (tempB =
+                  !tempA._dispatchListeners || executeDirectDispatch(tempA)),
+                tempA.isPersistent() || tempA.constructor.release(tempA),
+                tempB
+                  ? ((tempA = ResponderSyntheticEvent.getPooled(
+                      eventTypes$1.responderTerminate,
+                      responderInst,
+                      nativeEvent,
+                      nativeEventTarget
+                    )),
+                    (tempA.touchHistory =
+                      ResponderTouchHistoryStore.touchHistory),
+                    forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
+                    (JSCompiler_temp$jscomp$0 = accumulate(
+                      JSCompiler_temp$jscomp$0,
+                      [targetInst, tempA]
+                    )),
+                    changeResponder(JSCompiler_temp, depthA))
+                  : ((JSCompiler_temp = ResponderSyntheticEvent.getPooled(
+                      eventTypes$1.responderReject,
+                      JSCompiler_temp,
+                      nativeEvent,
+                      nativeEventTarget
+                    )),
+                    (JSCompiler_temp.touchHistory =
+                      ResponderTouchHistoryStore.touchHistory),
+                    forEachAccumulated(
+                      JSCompiler_temp,
+                      accumulateDirectDispatchesSingle
+                    ),
+                    (JSCompiler_temp$jscomp$0 = accumulate(
+                      JSCompiler_temp$jscomp$0,
+                      JSCompiler_temp
+                    ))))
+              : ((JSCompiler_temp$jscomp$0 = accumulate(
+                  JSCompiler_temp$jscomp$0,
+                  targetInst
+                )),
+                changeResponder(JSCompiler_temp, depthA)),
+            (JSCompiler_temp = JSCompiler_temp$jscomp$0))
+          : (JSCompiler_temp = null);
+      } else JSCompiler_temp = null;
+      JSCompiler_temp$jscomp$0 = responderInst && isStartish(topLevelType);
+      targetInst = responderInst && isMoveish(topLevelType);
+      depthA =
+        responderInst &&
+        ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType);
+      if (
+        (JSCompiler_temp$jscomp$0 = JSCompiler_temp$jscomp$0
+          ? eventTypes$1.responderStart
+          : targetInst
+            ? eventTypes$1.responderMove
+            : depthA ? eventTypes$1.responderEnd : null)
+      )
+        (JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
+          JSCompiler_temp$jscomp$0,
+          responderInst,
+          nativeEvent,
+          nativeEventTarget
+        )),
+          (JSCompiler_temp$jscomp$0.touchHistory =
+            ResponderTouchHistoryStore.touchHistory),
+          forEachAccumulated(
+            JSCompiler_temp$jscomp$0,
+            accumulateDirectDispatchesSingle
+          ),
+          (JSCompiler_temp = accumulate(
+            JSCompiler_temp,
+            JSCompiler_temp$jscomp$0
+          ));
+      JSCompiler_temp$jscomp$0 =
+        responderInst && "topTouchCancel" === topLevelType;
+      if (
+        (topLevelType =
+          responderInst &&
+          !JSCompiler_temp$jscomp$0 &&
+          ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType))
+      )
+        a: {
+          if ((topLevelType = nativeEvent.touches) && 0 !== topLevelType.length)
+            for (targetInst = 0; targetInst < topLevelType.length; targetInst++)
+              if (
+                ((depthA = topLevelType[targetInst].target),
+                null !== depthA && void 0 !== depthA && 0 !== depthA)
+              ) {
+                tempA = getInstanceFromNode(depthA);
+                b: {
+                  for (depthA = responderInst; tempA; ) {
+                    if (depthA === tempA || depthA === tempA.alternate) {
+                      depthA = !0;
+                      break b;
+                    }
+                    tempA = getParent(tempA);
+                  }
+                  depthA = !1;
+                }
+                if (depthA) {
+                  topLevelType = !1;
+                  break a;
+                }
+              }
+          topLevelType = !0;
+        }
+      if (
+        (topLevelType = JSCompiler_temp$jscomp$0
+          ? eventTypes$1.responderTerminate
+          : topLevelType ? eventTypes$1.responderRelease : null)
+      )
+        (nativeEvent = ResponderSyntheticEvent.getPooled(
+          topLevelType,
+          responderInst,
+          nativeEvent,
+          nativeEventTarget
+        )),
+          (nativeEvent.touchHistory = ResponderTouchHistoryStore.touchHistory),
+          forEachAccumulated(nativeEvent, accumulateDirectDispatchesSingle),
+          (JSCompiler_temp = accumulate(JSCompiler_temp, nativeEvent)),
+          changeResponder(null);
+      return JSCompiler_temp;
+    },
+    GlobalResponderHandler: null,
+    injection: {
+      injectGlobalResponderHandler: function(GlobalResponderHandler) {
+        ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
+      }
+    }
+  },
+  customBubblingEventTypes$1 =
+    ReactNativeViewConfigRegistry.customBubblingEventTypes,
+  customDirectEventTypes$1 =
+    ReactNativeViewConfigRegistry.customDirectEventTypes,
+  ReactNativeBridgeEventPlugin = {
+    eventTypes: ReactNativeViewConfigRegistry.eventTypes,
+    extractEvents: function(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      if (null == targetInst) return null;
+      var bubbleDispatchConfig = customBubblingEventTypes$1[topLevelType],
+        directDispatchConfig = customDirectEventTypes$1[topLevelType];
+      invariant(
+        bubbleDispatchConfig || directDispatchConfig,
+        'Unsupported top level event type "%s" dispatched',
+        topLevelType
+      );
+      topLevelType = SyntheticEvent.getPooled(
+        bubbleDispatchConfig || directDispatchConfig,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget
+      );
+      if (bubbleDispatchConfig)
+        forEachAccumulated(topLevelType, accumulateTwoPhaseDispatchesSingle);
+      else if (directDispatchConfig)
+        forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
+      else return null;
+      return topLevelType;
+    }
+  };
+injection.injectEventPluginOrder([
+  "ResponderEventPlugin",
+  "ReactNativeBridgeEventPlugin"
+]);
+injection.injectEventPluginsByName({
+  ResponderEventPlugin: ResponderEventPlugin,
+  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
+});
+function getInstanceFromInstance(instanceHandle) {
+  return instanceHandle;
+}
+var Injected$jscomp$inline_574 = {
+  getClosestInstanceFromNode: getInstanceFromInstance,
+  getInstanceFromNode: getInstanceFromInstance,
+  getNodeFromInstance: function(inst) {
+    inst = inst.stateNode.canonical._nativeTag;
+    invariant(inst, "All native instances should have a tag.");
+    return inst;
+  },
+  getFiberCurrentPropsFromNode: function(inst) {
+    return inst.canonical.currentProps;
+  }
+};
+getFiberCurrentPropsFromNode =
+  Injected$jscomp$inline_574.getFiberCurrentPropsFromNode;
+getInstanceFromNode = Injected$jscomp$inline_574.getInstanceFromNode;
+getNodeFromInstance = Injected$jscomp$inline_574.getNodeFromInstance;
+ResponderEventPlugin.injection.injectGlobalResponderHandler({
+  onChange: function(from, to, blockNativeResponder) {
+    null !== to
+      ? UIManager.setJSResponder(
+          to.stateNode.canonical._nativeTag,
+          blockNativeResponder
+        )
+      : UIManager.clearJSResponder();
+  }
+});
+var ReactCurrentOwner =
+    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,
+  hasSymbol = "function" === typeof Symbol && Symbol.for,
+  REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103,
+  REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106,
+  REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107,
+  REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108,
+  REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114,
+  REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109,
+  REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110,
+  REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111,
+  REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112,
+  REACT_TIMEOUT_TYPE = hasSymbol ? Symbol.for("react.timeout") : 60113,
+  MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
+function getIteratorFn(maybeIterable) {
+  if (null === maybeIterable || "undefined" === typeof maybeIterable)
+    return null;
+  maybeIterable =
+    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
+    maybeIterable["@@iterator"];
+  return "function" === typeof maybeIterable ? maybeIterable : null;
+}
+function getComponentName(fiber) {
+  var type = fiber.type;
+  if ("function" === typeof type) return type.displayName || type.name;
+  if ("string" === typeof type) return type;
+  switch (type) {
+    case REACT_ASYNC_MODE_TYPE:
+      return "AsyncMode";
+    case REACT_CONTEXT_TYPE:
+      return "Context.Consumer";
+    case REACT_FRAGMENT_TYPE:
+      return "ReactFragment";
+    case REACT_PORTAL_TYPE:
+      return "ReactPortal";
+    case REACT_PROFILER_TYPE:
+      return "Profiler(" + fiber.pendingProps.id + ")";
+    case REACT_PROVIDER_TYPE:
+      return "Context.Provider";
+    case REACT_STRICT_MODE_TYPE:
+      return "StrictMode";
+    case REACT_TIMEOUT_TYPE:
+      return "Timeout";
+  }
+  if ("object" === typeof type && null !== type)
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return (
+          (fiber = type.render.displayName || type.render.name || ""),
+          "" !== fiber ? "ForwardRef(" + fiber + ")" : "ForwardRef"
+        );
+    }
+  return null;
+}
+function isFiberMountedImpl(fiber) {
+  var node = fiber;
+  if (fiber.alternate) for (; node.return; ) node = node.return;
+  else {
+    if (0 !== (node.effectTag & 2)) return 1;
+    for (; node.return; )
+      if (((node = node.return), 0 !== (node.effectTag & 2))) return 1;
+  }
+  return 3 === node.tag ? 2 : 3;
+}
+function assertIsMounted(fiber) {
+  invariant(
+    2 === isFiberMountedImpl(fiber),
+    "Unable to find node on an unmounted component."
+  );
+}
+function findCurrentFiberUsingSlowPath(fiber) {
+  var alternate = fiber.alternate;
+  if (!alternate)
+    return (
+      (alternate = isFiberMountedImpl(fiber)),
+      invariant(
+        3 !== alternate,
+        "Unable to find node on an unmounted component."
+      ),
+      1 === alternate ? null : fiber
+    );
+  for (var a = fiber, b = alternate; ; ) {
+    var parentA = a.return,
+      parentB = parentA ? parentA.alternate : null;
+    if (!parentA || !parentB) break;
+    if (parentA.child === parentB.child) {
+      for (var child = parentA.child; child; ) {
+        if (child === a) return assertIsMounted(parentA), fiber;
+        if (child === b) return assertIsMounted(parentA), alternate;
+        child = child.sibling;
+      }
+      invariant(!1, "Unable to find node on an unmounted component.");
+    }
+    if (a.return !== b.return) (a = parentA), (b = parentB);
+    else {
+      child = !1;
+      for (var _child = parentA.child; _child; ) {
+        if (_child === a) {
+          child = !0;
+          a = parentA;
+          b = parentB;
+          break;
+        }
+        if (_child === b) {
+          child = !0;
+          b = parentA;
+          a = parentB;
+          break;
+        }
+        _child = _child.sibling;
+      }
+      if (!child) {
+        for (_child = parentB.child; _child; ) {
+          if (_child === a) {
+            child = !0;
+            a = parentB;
+            b = parentA;
+            break;
+          }
+          if (_child === b) {
+            child = !0;
+            b = parentB;
+            a = parentA;
+            break;
+          }
+          _child = _child.sibling;
+        }
+        invariant(
+          child,
+          "Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue."
+        );
+      }
+    }
+    invariant(
+      a.alternate === b,
+      "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
+    );
+  }
+  invariant(3 === a.tag, "Unable to find node on an unmounted component.");
+  return a.stateNode.current === a ? fiber : alternate;
+}
+function findCurrentHostFiber(parent) {
+  parent = findCurrentFiberUsingSlowPath(parent);
+  if (!parent) return null;
+  for (var node = parent; ; ) {
+    if (5 === node.tag || 6 === node.tag) return node;
+    if (node.child) (node.child.return = node), (node = node.child);
+    else {
+      if (node === parent) break;
+      for (; !node.sibling; ) {
+        if (!node.return || node.return === parent) return null;
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  }
+  return null;
+}
+function findCurrentHostFiberWithNoPortals(parent) {
+  parent = findCurrentFiberUsingSlowPath(parent);
+  if (!parent) return null;
+  for (var node = parent; ; ) {
+    if (5 === node.tag || 6 === node.tag) return node;
+    if (node.child && 4 !== node.tag)
+      (node.child.return = node), (node = node.child);
+    else {
+      if (node === parent) break;
+      for (; !node.sibling; ) {
+        if (!node.return || node.return === parent) return null;
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  }
+  return null;
+}
+function mountSafeCallback(context, callback) {
+  return function() {
+    if (callback) {
+      if ("boolean" === typeof context.__isMounted) {
+        if (!context.__isMounted) return;
+      } else if (
+        "function" === typeof context.isMounted &&
+        !context.isMounted()
+      )
+        return;
+      return callback.apply(context, arguments);
+    }
+  };
+}
+var emptyObject$1 = {},
+  removedKeys = null,
+  removedKeyCount = 0;
+function restoreDeletedValuesInNestedArray(
+  updatePayload,
+  node,
+  validAttributes
+) {
+  if (Array.isArray(node))
+    for (var i = node.length; i-- && 0 < removedKeyCount; )
+      restoreDeletedValuesInNestedArray(
+        updatePayload,
+        node[i],
+        validAttributes
+      );
+  else if (node && 0 < removedKeyCount)
+    for (i in removedKeys)
+      if (removedKeys[i]) {
+        var _nextProp = node[i];
+        if (void 0 !== _nextProp) {
+          var attributeConfig = validAttributes[i];
+          if (attributeConfig) {
+            "function" === typeof _nextProp && (_nextProp = !0);
+            "undefined" === typeof _nextProp && (_nextProp = null);
+            if ("object" !== typeof attributeConfig)
+              updatePayload[i] = _nextProp;
+            else if (
+              "function" === typeof attributeConfig.diff ||
+              "function" === typeof attributeConfig.process
+            )
+              (_nextProp =
+                "function" === typeof attributeConfig.process
+                  ? attributeConfig.process(_nextProp)
+                  : _nextProp),
+                (updatePayload[i] = _nextProp);
+            removedKeys[i] = !1;
+            removedKeyCount--;
+          }
+        }
+      }
+}
+function diffNestedProperty(
+  updatePayload,
+  prevProp,
+  nextProp,
+  validAttributes
+) {
+  if (!updatePayload && prevProp === nextProp) return updatePayload;
+  if (!prevProp || !nextProp)
+    return nextProp
+      ? addNestedProperty(updatePayload, nextProp, validAttributes)
+      : prevProp
+        ? clearNestedProperty(updatePayload, prevProp, validAttributes)
+        : updatePayload;
+  if (!Array.isArray(prevProp) && !Array.isArray(nextProp))
+    return diffProperties(updatePayload, prevProp, nextProp, validAttributes);
+  if (Array.isArray(prevProp) && Array.isArray(nextProp)) {
+    var minLength =
+        prevProp.length < nextProp.length ? prevProp.length : nextProp.length,
+      i;
+    for (i = 0; i < minLength; i++)
+      updatePayload = diffNestedProperty(
+        updatePayload,
+        prevProp[i],
+        nextProp[i],
+        validAttributes
+      );
+    for (; i < prevProp.length; i++)
+      updatePayload = clearNestedProperty(
+        updatePayload,
+        prevProp[i],
+        validAttributes
+      );
+    for (; i < nextProp.length; i++)
+      updatePayload = addNestedProperty(
+        updatePayload,
+        nextProp[i],
+        validAttributes
+      );
+    return updatePayload;
+  }
+  return Array.isArray(prevProp)
+    ? diffProperties(
+        updatePayload,
+        flattenStyle(prevProp),
+        nextProp,
+        validAttributes
+      )
+    : diffProperties(
+        updatePayload,
+        prevProp,
+        flattenStyle(nextProp),
+        validAttributes
+      );
+}
+function addNestedProperty(updatePayload, nextProp, validAttributes) {
+  if (!nextProp) return updatePayload;
+  if (!Array.isArray(nextProp))
+    return diffProperties(
+      updatePayload,
+      emptyObject$1,
+      nextProp,
+      validAttributes
+    );
+  for (var i = 0; i < nextProp.length; i++)
+    updatePayload = addNestedProperty(
+      updatePayload,
+      nextProp[i],
+      validAttributes
+    );
+  return updatePayload;
+}
+function clearNestedProperty(updatePayload, prevProp, validAttributes) {
+  if (!prevProp) return updatePayload;
+  if (!Array.isArray(prevProp))
+    return diffProperties(
+      updatePayload,
+      prevProp,
+      emptyObject$1,
+      validAttributes
+    );
+  for (var i = 0; i < prevProp.length; i++)
+    updatePayload = clearNestedProperty(
+      updatePayload,
+      prevProp[i],
+      validAttributes
+    );
+  return updatePayload;
+}
+function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
+  var attributeConfig, propKey;
+  for (propKey in nextProps)
+    if ((attributeConfig = validAttributes[propKey])) {
+      var prevProp = prevProps[propKey];
+      var nextProp = nextProps[propKey];
+      "function" === typeof nextProp &&
+        ((nextProp = !0), "function" === typeof prevProp && (prevProp = !0));
+      "undefined" === typeof nextProp &&
+        ((nextProp = null),
+        "undefined" === typeof prevProp && (prevProp = null));
+      removedKeys && (removedKeys[propKey] = !1);
+      if (updatePayload && void 0 !== updatePayload[propKey])
+        if ("object" !== typeof attributeConfig)
+          updatePayload[propKey] = nextProp;
+        else {
+          if (
+            "function" === typeof attributeConfig.diff ||
+            "function" === typeof attributeConfig.process
+          )
+            (attributeConfig =
+              "function" === typeof attributeConfig.process
+                ? attributeConfig.process(nextProp)
+                : nextProp),
+              (updatePayload[propKey] = attributeConfig);
+        }
+      else if (prevProp !== nextProp)
+        if ("object" !== typeof attributeConfig)
+          ("object" !== typeof nextProp ||
+            null === nextProp ||
+            deepDiffer(prevProp, nextProp)) &&
+            ((updatePayload || (updatePayload = {}))[propKey] = nextProp);
+        else if (
+          "function" === typeof attributeConfig.diff ||
+          "function" === typeof attributeConfig.process
+        ) {
+          if (
+            void 0 === prevProp ||
+            ("function" === typeof attributeConfig.diff
+              ? attributeConfig.diff(prevProp, nextProp)
+              : "object" !== typeof nextProp ||
+                null === nextProp ||
+                deepDiffer(prevProp, nextProp))
+          )
+            (attributeConfig =
+              "function" === typeof attributeConfig.process
+                ? attributeConfig.process(nextProp)
+                : nextProp),
+              ((updatePayload || (updatePayload = {}))[
+                propKey
+              ] = attributeConfig);
+        } else
+          (removedKeys = null),
+            (removedKeyCount = 0),
+            (updatePayload = diffNestedProperty(
+              updatePayload,
+              prevProp,
+              nextProp,
+              attributeConfig
+            )),
+            0 < removedKeyCount &&
+              updatePayload &&
+              (restoreDeletedValuesInNestedArray(
+                updatePayload,
+                nextProp,
+                attributeConfig
+              ),
+              (removedKeys = null));
+    }
+  for (var _propKey in prevProps)
+    void 0 === nextProps[_propKey] &&
+      (!(attributeConfig = validAttributes[_propKey]) ||
+        (updatePayload && void 0 !== updatePayload[_propKey]) ||
+        ((prevProp = prevProps[_propKey]),
+        void 0 !== prevProp &&
+          ("object" !== typeof attributeConfig ||
+          "function" === typeof attributeConfig.diff ||
+          "function" === typeof attributeConfig.process
+            ? (((updatePayload || (updatePayload = {}))[_propKey] = null),
+              removedKeys || (removedKeys = {}),
+              removedKeys[_propKey] ||
+                ((removedKeys[_propKey] = !0), removedKeyCount++))
+            : (updatePayload = clearNestedProperty(
+                updatePayload,
+                prevProp,
+                attributeConfig
+              )))));
+  return updatePayload;
+}
+var now$1 =
+    "object" === typeof performance && "function" === typeof performance.now
+      ? function() {
+          return performance.now();
+        }
+      : function() {
+          return Date.now();
+        },
+  scheduledCallback = null,
+  frameDeadline = 0,
+  frameDeadlineObject = {
+    timeRemaining: function() {
+      return frameDeadline - now$1();
+    },
+    didTimeout: !1
+  };
+function setTimeoutCallback() {
+  frameDeadline = now$1() + 5;
+  var callback = scheduledCallback;
+  scheduledCallback = null;
+  null !== callback && callback(frameDeadlineObject);
+}
+var restoreTarget = null,
+  restoreQueue = null;
+function restoreStateOfTarget(target) {
+  if ((target = getInstanceFromNode(target))) {
+    invariant(
+      null,
+      "Fiber needs to be injected to handle a fiber target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+    );
+    var props = getFiberCurrentPropsFromNode(target.stateNode);
+    null.restoreControlledState(target.stateNode, target.type, props);
+  }
+}
+function _batchedUpdates(fn, bookkeeping) {
+  return fn(bookkeeping);
+}
+function _flushInteractiveUpdates() {}
+var isBatching = !1;
+function batchedUpdates(fn, bookkeeping) {
+  if (isBatching) return fn(bookkeeping);
+  isBatching = !0;
+  try {
+    return _batchedUpdates(fn, bookkeeping);
+  } finally {
+    if (((isBatching = !1), null !== restoreTarget || null !== restoreQueue))
+      if (
+        (_flushInteractiveUpdates(),
+        restoreTarget &&
+          ((bookkeeping = restoreTarget),
+          (fn = restoreQueue),
+          (restoreQueue = restoreTarget = null),
+          restoreStateOfTarget(bookkeeping),
+          fn))
+      )
+        for (bookkeeping = 0; bookkeeping < fn.length; bookkeeping++)
+          restoreStateOfTarget(fn[bookkeeping]);
+  }
+}
+function dispatchEvent(target, topLevelType, nativeEvent) {
+  batchedUpdates(function() {
+    var events = nativeEvent.target;
+    for (var events$jscomp$0 = null, i = 0; i < plugins.length; i++) {
+      var possiblePlugin = plugins[i];
+      possiblePlugin &&
+        (possiblePlugin = possiblePlugin.extractEvents(
+          topLevelType,
+          target,
+          nativeEvent,
+          events
+        )) &&
+        (events$jscomp$0 = accumulateInto(events$jscomp$0, possiblePlugin));
+    }
+    events = events$jscomp$0;
+    null !== events && (eventQueue = accumulateInto(eventQueue, events));
+    events = eventQueue;
+    eventQueue = null;
+    events &&
+      (forEachAccumulated(events, executeDispatchesAndReleaseTopLevel),
+      invariant(
+        !eventQueue,
+        "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+      ),
+      ReactErrorUtils.rethrowCaughtError());
+  });
+}
+function shim$1() {
+  invariant(
+    !1,
+    "The current renderer does not support hyration. This error is likely caused by a bug in React. Please file an issue."
+  );
+}
+var nextReactTag = 2;
+FabricUIManager.registerEventHandler &&
+  FabricUIManager.registerEventHandler(dispatchEvent);
+var ReactFabricHostComponent = (function() {
+  function ReactFabricHostComponent(tag, viewConfig, props) {
+    if (!(this instanceof ReactFabricHostComponent))
+      throw new TypeError("Cannot call a class as a function");
+    this._nativeTag = tag;
+    this.viewConfig = viewConfig;
+    this.currentProps = props;
+  }
+  ReactFabricHostComponent.prototype.blur = function() {
+    TextInputState.blurTextInput(this._nativeTag);
+  };
+  ReactFabricHostComponent.prototype.focus = function() {
+    TextInputState.focusTextInput(this._nativeTag);
+  };
+  ReactFabricHostComponent.prototype.measure = function(callback) {
+    UIManager.measure(this._nativeTag, mountSafeCallback(this, callback));
+  };
+  ReactFabricHostComponent.prototype.measureInWindow = function(callback) {
+    UIManager.measureInWindow(
+      this._nativeTag,
+      mountSafeCallback(this, callback)
+    );
+  };
+  ReactFabricHostComponent.prototype.measureLayout = function(
+    relativeToNativeNode,
+    onSuccess,
+    onFail
+  ) {
+    UIManager.measureLayout(
+      this._nativeTag,
+      relativeToNativeNode,
+      mountSafeCallback(this, onFail),
+      mountSafeCallback(this, onSuccess)
+    );
+  };
+  ReactFabricHostComponent.prototype.setNativeProps = function(nativeProps) {
+    nativeProps = diffProperties(
+      null,
+      emptyObject$1,
+      nativeProps,
+      this.viewConfig.validAttributes
+    );
+    null != nativeProps &&
+      UIManager.updateView(
+        this._nativeTag,
+        this.viewConfig.uiViewClassName,
+        nativeProps
+      );
+  };
+  return ReactFabricHostComponent;
+})();
+function createTextInstance(
+  text,
+  rootContainerInstance,
+  hostContext,
+  internalInstanceHandle
+) {
+  invariant(
+    hostContext.isInAParentText,
+    "Text strings must be rendered within a <Text> component."
+  );
+  hostContext = nextReactTag;
+  nextReactTag += 2;
+  return {
+    node: FabricUIManager.createNode(
+      hostContext,
+      "RCTRawText",
+      rootContainerInstance,
+      { text: text },
+      internalInstanceHandle
+    )
+  };
+}
+function getStackAddendumByWorkInProgressFiber(workInProgress) {
+  var info = "";
+  do {
+    a: switch (workInProgress.tag) {
+      case 0:
+      case 1:
+      case 2:
+      case 5:
+        var owner = workInProgress._debugOwner,
+          source = workInProgress._debugSource;
+        var JSCompiler_inline_result = getComponentName(workInProgress);
+        var ownerName = null;
+        owner && (ownerName = getComponentName(owner));
+        owner = source;
+        JSCompiler_inline_result =
+          "\n    in " +
+          (JSCompiler_inline_result || "Unknown") +
+          (owner
+            ? " (at " +
+              owner.fileName.replace(/^.*[\\\/]/, "") +
+              ":" +
+              owner.lineNumber +
+              ")"
+            : ownerName ? " (created by " + ownerName + ")" : "");
+        break a;
+      default:
+        JSCompiler_inline_result = "";
+    }
+    info += JSCompiler_inline_result;
+    workInProgress = workInProgress.return;
+  } while (workInProgress);
+  return info;
+}
+new Set();
+var valueStack = [],
+  index = -1;
+function createCursor(defaultValue) {
+  return { current: defaultValue };
+}
+function pop(cursor) {
+  0 > index ||
+    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
+}
+function push(cursor, value) {
+  index++;
+  valueStack[index] = cursor.current;
+  cursor.current = value;
+}
+var contextStackCursor = createCursor(emptyObject),
+  didPerformWorkStackCursor = createCursor(!1),
+  previousContext = emptyObject;
+function getUnmaskedContext(workInProgress) {
+  return isContextProvider(workInProgress)
+    ? previousContext
+    : contextStackCursor.current;
+}
+function getMaskedContext(workInProgress, unmaskedContext) {
+  var contextTypes = workInProgress.type.contextTypes;
+  if (!contextTypes) return emptyObject;
+  var instance = workInProgress.stateNode;
+  if (
+    instance &&
+    instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
+  )
+    return instance.__reactInternalMemoizedMaskedChildContext;
+  var context = {},
+    key;
+  for (key in contextTypes) context[key] = unmaskedContext[key];
+  instance &&
+    ((workInProgress = workInProgress.stateNode),
+    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
+    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
+  return context;
+}
+function isContextProvider(fiber) {
+  return 2 === fiber.tag && null != fiber.type.childContextTypes;
+}
+function popContextProvider(fiber) {
+  isContextProvider(fiber) &&
+    (pop(didPerformWorkStackCursor, fiber), pop(contextStackCursor, fiber));
+}
+function popTopLevelContextObject(fiber) {
+  pop(didPerformWorkStackCursor, fiber);
+  pop(contextStackCursor, fiber);
+}
+function pushTopLevelContextObject(fiber, context, didChange) {
+  invariant(
+    contextStackCursor.current === emptyObject,
+    "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+  );
+  push(contextStackCursor, context, fiber);
+  push(didPerformWorkStackCursor, didChange, fiber);
+}
+function processChildContext(fiber, parentContext) {
+  var instance = fiber.stateNode,
+    childContextTypes = fiber.type.childContextTypes;
+  if ("function" !== typeof instance.getChildContext) return parentContext;
+  instance = instance.getChildContext();
+  for (var contextKey in instance)
+    invariant(
+      contextKey in childContextTypes,
+      '%s.getChildContext(): key "%s" is not defined in childContextTypes.',
+      getComponentName(fiber) || "Unknown",
+      contextKey
+    );
+  return Object.assign({}, parentContext, instance);
+}
+function pushContextProvider(workInProgress) {
+  if (!isContextProvider(workInProgress)) return !1;
+  var instance = workInProgress.stateNode;
+  instance =
+    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+    emptyObject;
+  previousContext = contextStackCursor.current;
+  push(contextStackCursor, instance, workInProgress);
+  push(
+    didPerformWorkStackCursor,
+    didPerformWorkStackCursor.current,
+    workInProgress
+  );
+  return !0;
+}
+function invalidateContextProvider(workInProgress, didChange) {
+  var instance = workInProgress.stateNode;
+  invariant(
+    instance,
+    "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+  );
+  if (didChange) {
+    var mergedContext = processChildContext(workInProgress, previousContext);
+    instance.__reactInternalMemoizedMergedChildContext = mergedContext;
+    pop(didPerformWorkStackCursor, workInProgress);
+    pop(contextStackCursor, workInProgress);
+    push(contextStackCursor, mergedContext, workInProgress);
+  } else pop(didPerformWorkStackCursor, workInProgress);
+  push(didPerformWorkStackCursor, didChange, workInProgress);
+}
+function FiberNode(tag, pendingProps, key, mode) {
+  this.tag = tag;
+  this.key = key;
+  this.sibling = this.child = this.return = this.stateNode = this.type = null;
+  this.index = 0;
+  this.ref = null;
+  this.pendingProps = pendingProps;
+  this.memoizedState = this.updateQueue = this.memoizedProps = null;
+  this.mode = mode;
+  this.effectTag = 0;
+  this.lastEffect = this.firstEffect = this.nextEffect = null;
+  this.expirationTime = 0;
+  this.alternate = null;
+  this.treeBaseTime = this.selfBaseTime = this.actualStartTime = this.actualDuration = 0;
+}
+function createWorkInProgress(current, pendingProps, expirationTime) {
+  var workInProgress = current.alternate;
+  null === workInProgress
+    ? ((workInProgress = new FiberNode(
+        current.tag,
+        pendingProps,
+        current.key,
+        current.mode
+      )),
+      (workInProgress.type = current.type),
+      (workInProgress.stateNode = current.stateNode),
+      (workInProgress.alternate = current),
+      (current.alternate = workInProgress))
+    : ((workInProgress.pendingProps = pendingProps),
+      (workInProgress.effectTag = 0),
+      (workInProgress.nextEffect = null),
+      (workInProgress.firstEffect = null),
+      (workInProgress.lastEffect = null),
+      (workInProgress.actualDuration = 0),
+      (workInProgress.actualStartTime = 0));
+  workInProgress.expirationTime = expirationTime;
+  workInProgress.child = current.child;
+  workInProgress.memoizedProps = current.memoizedProps;
+  workInProgress.memoizedState = current.memoizedState;
+  workInProgress.updateQueue = current.updateQueue;
+  workInProgress.sibling = current.sibling;
+  workInProgress.index = current.index;
+  workInProgress.ref = current.ref;
+  workInProgress.selfBaseTime = current.selfBaseTime;
+  workInProgress.treeBaseTime = current.treeBaseTime;
+  return workInProgress;
+}
+function createFiberFromElement(element, mode, expirationTime) {
+  var type = element.type,
+    key = element.key;
+  element = element.props;
+  if ("function" === typeof type)
+    var fiberTag = type.prototype && type.prototype.isReactComponent ? 2 : 0;
+  else if ("string" === typeof type) fiberTag = 5;
+  else
+    switch (type) {
+      case REACT_FRAGMENT_TYPE:
+        return createFiberFromFragment(
+          element.children,
+          mode,
+          expirationTime,
+          key
+        );
+      case REACT_ASYNC_MODE_TYPE:
+        fiberTag = 11;
+        mode |= 3;
+        break;
+      case REACT_STRICT_MODE_TYPE:
+        fiberTag = 11;
+        mode |= 2;
+        break;
+      case REACT_PROFILER_TYPE:
+        return (
+          (type = new FiberNode(15, element, key, mode | 4)),
+          (type.type = REACT_PROFILER_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_TIMEOUT_TYPE:
+        fiberTag = 16;
+        mode |= 2;
+        break;
+      default:
+        a: {
+          switch ("object" === typeof type && null !== type
+            ? type.$$typeof
+            : null) {
+            case REACT_PROVIDER_TYPE:
+              fiberTag = 13;
+              break a;
+            case REACT_CONTEXT_TYPE:
+              fiberTag = 12;
+              break a;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = 14;
+              break a;
+            default:
+              invariant(
+                !1,
+                "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
+                null == type ? type : typeof type,
+                ""
+              );
+          }
+          fiberTag = void 0;
+        }
+    }
+  mode = new FiberNode(fiberTag, element, key, mode);
+  mode.type = type;
+  mode.expirationTime = expirationTime;
+  return mode;
+}
+function createFiberFromFragment(elements, mode, expirationTime, key) {
+  elements = new FiberNode(10, elements, key, mode);
+  elements.expirationTime = expirationTime;
+  return elements;
+}
+function createFiberFromText(content, mode, expirationTime) {
+  content = new FiberNode(6, content, null, mode);
+  content.expirationTime = expirationTime;
+  return content;
+}
+function createFiberFromPortal(portal, mode, expirationTime) {
+  mode = new FiberNode(
+    4,
+    null !== portal.children ? portal.children : [],
+    portal.key,
+    mode
+  );
+  mode.expirationTime = expirationTime;
+  mode.stateNode = {
+    containerInfo: portal.containerInfo,
+    pendingChildren: null,
+    implementation: portal.implementation
+  };
+  return mode;
+}
+function createFiberRoot(containerInfo, isAsync, hydrate) {
+  isAsync = new FiberNode(3, null, null, isAsync ? 3 : 0);
+  containerInfo = {
+    current: isAsync,
+    containerInfo: containerInfo,
+    pendingChildren: null,
+    earliestPendingTime: 0,
+    latestPendingTime: 0,
+    earliestSuspendedTime: 0,
+    latestSuspendedTime: 0,
+    latestPingedTime: 0,
+    didError: !1,
+    pendingCommitExpirationTime: 0,
+    finishedWork: null,
+    context: null,
+    pendingContext: null,
+    hydrate: hydrate,
+    nextExpirationTimeToWorkOn: 0,
+    expirationTime: 0,
+    firstBatch: null,
+    nextScheduledRoot: null
+  };
+  return (isAsync.stateNode = containerInfo);
+}
+var onCommitFiberRoot = null,
+  onCommitFiberUnmount = null;
+function catchErrors(fn) {
+  return function(arg) {
+    try {
+      return fn(arg);
+    } catch (err) {}
+  };
+}
+function injectInternals(internals) {
+  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
+  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  if (hook.isDisabled || !hook.supportsFiber) return !0;
+  try {
+    var rendererID = hook.inject(internals);
+    onCommitFiberRoot = catchErrors(function(root) {
+      return hook.onCommitFiberRoot(rendererID, root);
+    });
+    onCommitFiberUnmount = catchErrors(function(fiber) {
+      return hook.onCommitFiberUnmount(rendererID, fiber);
+    });
+  } catch (err) {}
+  return !0;
+}
+function onCommitRoot(root) {
+  "function" === typeof onCommitFiberRoot && onCommitFiberRoot(root);
+}
+function onCommitUnmount(fiber) {
+  "function" === typeof onCommitFiberUnmount && onCommitFiberUnmount(fiber);
+}
+function markPendingPriorityLevel(root, expirationTime) {
+  root.didError = !1;
+  var earliestPendingTime = root.earliestPendingTime;
+  0 === earliestPendingTime
+    ? (root.earliestPendingTime = root.latestPendingTime = expirationTime)
+    : earliestPendingTime > expirationTime
+      ? (root.earliestPendingTime = expirationTime)
+      : root.latestPendingTime < expirationTime &&
+        (root.latestPendingTime = expirationTime);
+  findNextPendingPriorityLevel(root);
+}
+function findNextPendingPriorityLevel(root) {
+  var earliestSuspendedTime = root.earliestSuspendedTime,
+    earliestPendingTime = root.earliestPendingTime;
+  if (0 === earliestSuspendedTime)
+    var nextExpirationTimeToWorkOn = (earliestSuspendedTime = earliestPendingTime);
+  else
+    0 !== earliestPendingTime
+      ? ((nextExpirationTimeToWorkOn = earliestPendingTime),
+        (earliestSuspendedTime =
+          earliestSuspendedTime < earliestPendingTime
+            ? earliestSuspendedTime
+            : earliestPendingTime))
+      : (nextExpirationTimeToWorkOn = earliestSuspendedTime =
+          root.latestPingedTime);
+  root.didError && (earliestSuspendedTime = 1);
+  root.nextExpirationTimeToWorkOn = nextExpirationTimeToWorkOn;
+  root.expirationTime = earliestSuspendedTime;
+}
+var hasForceUpdate = !1;
+function createUpdateQueue(baseState) {
+  return {
+    expirationTime: 0,
+    baseState: baseState,
+    firstUpdate: null,
+    lastUpdate: null,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+}
+function cloneUpdateQueue(currentQueue) {
+  return {
+    expirationTime: currentQueue.expirationTime,
+    baseState: currentQueue.baseState,
+    firstUpdate: currentQueue.firstUpdate,
+    lastUpdate: currentQueue.lastUpdate,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+}
+function createUpdate(expirationTime) {
+  return {
+    expirationTime: expirationTime,
+    tag: 0,
+    payload: null,
+    callback: null,
+    next: null,
+    nextEffect: null
+  };
+}
+function appendUpdateToQueue(queue, update, expirationTime) {
+  null === queue.lastUpdate
+    ? (queue.firstUpdate = queue.lastUpdate = update)
+    : ((queue.lastUpdate.next = update), (queue.lastUpdate = update));
+  if (0 === queue.expirationTime || queue.expirationTime > expirationTime)
+    queue.expirationTime = expirationTime;
+}
+function enqueueUpdate(fiber, update, expirationTime) {
+  var alternate = fiber.alternate;
+  if (null === alternate) {
+    var queue1 = fiber.updateQueue;
+    var queue2 = null;
+    null === queue1 &&
+      (queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState));
+  } else
+    (queue1 = fiber.updateQueue),
+      (queue2 = alternate.updateQueue),
+      null === queue1
+        ? null === queue2
+          ? ((queue1 = fiber.updateQueue = createUpdateQueue(
+              fiber.memoizedState
+            )),
+            (queue2 = alternate.updateQueue = createUpdateQueue(
+              alternate.memoizedState
+            )))
+          : (queue1 = fiber.updateQueue = cloneUpdateQueue(queue2))
+        : null === queue2 &&
+          (queue2 = alternate.updateQueue = cloneUpdateQueue(queue1));
+  null === queue2 || queue1 === queue2
+    ? appendUpdateToQueue(queue1, update, expirationTime)
+    : null === queue1.lastUpdate || null === queue2.lastUpdate
+      ? (appendUpdateToQueue(queue1, update, expirationTime),
+        appendUpdateToQueue(queue2, update, expirationTime))
+      : (appendUpdateToQueue(queue1, update, expirationTime),
+        (queue2.lastUpdate = update));
+}
+function enqueueCapturedUpdate(workInProgress, update, renderExpirationTime) {
+  var workInProgressQueue = workInProgress.updateQueue;
+  workInProgressQueue =
+    null === workInProgressQueue
+      ? (workInProgress.updateQueue = createUpdateQueue(
+          workInProgress.memoizedState
+        ))
+      : ensureWorkInProgressQueueIsAClone(workInProgress, workInProgressQueue);
+  null === workInProgressQueue.lastCapturedUpdate
+    ? (workInProgressQueue.firstCapturedUpdate = workInProgressQueue.lastCapturedUpdate = update)
+    : ((workInProgressQueue.lastCapturedUpdate.next = update),
+      (workInProgressQueue.lastCapturedUpdate = update));
+  if (
+    0 === workInProgressQueue.expirationTime ||
+    workInProgressQueue.expirationTime > renderExpirationTime
+  )
+    workInProgressQueue.expirationTime = renderExpirationTime;
+}
+function ensureWorkInProgressQueueIsAClone(workInProgress, queue) {
+  var current = workInProgress.alternate;
+  null !== current &&
+    queue === current.updateQueue &&
+    (queue = workInProgress.updateQueue = cloneUpdateQueue(queue));
+  return queue;
+}
+function getStateFromUpdate(
+  workInProgress,
+  queue,
+  update,
+  prevState,
+  nextProps,
+  instance
+) {
+  switch (update.tag) {
+    case 1:
+      return (
+        (workInProgress = update.payload),
+        "function" === typeof workInProgress
+          ? workInProgress.call(instance, prevState, nextProps)
+          : workInProgress
+      );
+    case 3:
+      workInProgress.effectTag = (workInProgress.effectTag & -1025) | 64;
+    case 0:
+      workInProgress = update.payload;
+      nextProps =
+        "function" === typeof workInProgress
+          ? workInProgress.call(instance, prevState, nextProps)
+          : workInProgress;
+      if (null === nextProps || void 0 === nextProps) break;
+      return Object.assign({}, prevState, nextProps);
+    case 2:
+      hasForceUpdate = !0;
+  }
+  return prevState;
+}
+function processUpdateQueue(
+  workInProgress,
+  queue,
+  props,
+  instance,
+  renderExpirationTime
+) {
+  hasForceUpdate = !1;
+  if (
+    !(0 === queue.expirationTime || queue.expirationTime > renderExpirationTime)
+  ) {
+    queue = ensureWorkInProgressQueueIsAClone(workInProgress, queue);
+    for (
+      var newBaseState = queue.baseState,
+        newFirstUpdate = null,
+        newExpirationTime = 0,
+        update = queue.firstUpdate,
+        resultState = newBaseState;
+      null !== update;
+
+    ) {
+      var updateExpirationTime = update.expirationTime;
+      if (updateExpirationTime > renderExpirationTime) {
+        if (
+          (null === newFirstUpdate &&
+            ((newFirstUpdate = update), (newBaseState = resultState)),
+          0 === newExpirationTime || newExpirationTime > updateExpirationTime)
+        )
+          newExpirationTime = updateExpirationTime;
+      } else
+        (resultState = getStateFromUpdate(
+          workInProgress,
+          queue,
+          update,
+          resultState,
+          props,
+          instance
+        )),
+          null !== update.callback &&
+            ((workInProgress.effectTag |= 32),
+            (update.nextEffect = null),
+            null === queue.lastEffect
+              ? (queue.firstEffect = queue.lastEffect = update)
+              : ((queue.lastEffect.nextEffect = update),
+                (queue.lastEffect = update)));
+      update = update.next;
+    }
+    updateExpirationTime = null;
+    for (update = queue.firstCapturedUpdate; null !== update; ) {
+      var _updateExpirationTime = update.expirationTime;
+      if (_updateExpirationTime > renderExpirationTime) {
+        if (
+          (null === updateExpirationTime &&
+            ((updateExpirationTime = update),
+            null === newFirstUpdate && (newBaseState = resultState)),
+          0 === newExpirationTime || newExpirationTime > _updateExpirationTime)
+        )
+          newExpirationTime = _updateExpirationTime;
+      } else
+        (resultState = getStateFromUpdate(
+          workInProgress,
+          queue,
+          update,
+          resultState,
+          props,
+          instance
+        )),
+          null !== update.callback &&
+            ((workInProgress.effectTag |= 32),
+            (update.nextEffect = null),
+            null === queue.lastCapturedEffect
+              ? (queue.firstCapturedEffect = queue.lastCapturedEffect = update)
+              : ((queue.lastCapturedEffect.nextEffect = update),
+                (queue.lastCapturedEffect = update)));
+      update = update.next;
+    }
+    null === newFirstUpdate && (queue.lastUpdate = null);
+    null === updateExpirationTime
+      ? (queue.lastCapturedUpdate = null)
+      : (workInProgress.effectTag |= 32);
+    null === newFirstUpdate &&
+      null === updateExpirationTime &&
+      (newBaseState = resultState);
+    queue.baseState = newBaseState;
+    queue.firstUpdate = newFirstUpdate;
+    queue.firstCapturedUpdate = updateExpirationTime;
+    queue.expirationTime = newExpirationTime;
+    workInProgress.memoizedState = resultState;
+  }
+}
+function callCallback(callback, context) {
+  invariant(
+    "function" === typeof callback,
+    "Invalid argument passed as callback. Expected a function. Instead received: %s",
+    callback
+  );
+  callback.call(context);
+}
+function commitUpdateQueue(finishedWork, finishedQueue, instance) {
+  null !== finishedQueue.firstCapturedUpdate &&
+    (null !== finishedQueue.lastUpdate &&
+      ((finishedQueue.lastUpdate.next = finishedQueue.firstCapturedUpdate),
+      (finishedQueue.lastUpdate = finishedQueue.lastCapturedUpdate)),
+    (finishedQueue.firstCapturedUpdate = finishedQueue.lastCapturedUpdate = null));
+  finishedWork = finishedQueue.firstEffect;
+  for (
+    finishedQueue.firstEffect = finishedQueue.lastEffect = null;
+    null !== finishedWork;
+
+  ) {
+    var _callback3 = finishedWork.callback;
+    null !== _callback3 &&
+      ((finishedWork.callback = null), callCallback(_callback3, instance));
+    finishedWork = finishedWork.nextEffect;
+  }
+  finishedWork = finishedQueue.firstCapturedEffect;
+  for (
+    finishedQueue.firstCapturedEffect = finishedQueue.lastCapturedEffect = null;
+    null !== finishedWork;
+
+  )
+    (finishedQueue = finishedWork.callback),
+      null !== finishedQueue &&
+        ((finishedWork.callback = null), callCallback(finishedQueue, instance)),
+      (finishedWork = finishedWork.nextEffect);
+}
+function createCapturedValue(value, source) {
+  return {
+    value: value,
+    source: source,
+    stack: getStackAddendumByWorkInProgressFiber(source)
+  };
+}
+var providerCursor = createCursor(null),
+  valueCursor = createCursor(null),
+  changedBitsCursor = createCursor(0);
+function pushProvider(providerFiber) {
+  var context = providerFiber.type._context;
+  push(changedBitsCursor, context._changedBits2, providerFiber);
+  push(valueCursor, context._currentValue2, providerFiber);
+  push(providerCursor, providerFiber, providerFiber);
+  context._currentValue2 = providerFiber.pendingProps.value;
+  context._changedBits2 = providerFiber.stateNode;
+}
+function popProvider(providerFiber) {
+  var changedBits = changedBitsCursor.current,
+    currentValue = valueCursor.current;
+  pop(providerCursor, providerFiber);
+  pop(valueCursor, providerFiber);
+  pop(changedBitsCursor, providerFiber);
+  providerFiber = providerFiber.type._context;
+  providerFiber._currentValue2 = currentValue;
+  providerFiber._changedBits2 = changedBits;
+}
+var NO_CONTEXT = {},
+  contextStackCursor$1 = createCursor(NO_CONTEXT),
+  contextFiberStackCursor = createCursor(NO_CONTEXT),
+  rootInstanceStackCursor = createCursor(NO_CONTEXT);
+function requiredContext(c) {
+  invariant(
+    c !== NO_CONTEXT,
+    "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+  );
+  return c;
+}
+function pushHostContainer(fiber, nextRootInstance) {
+  push(rootInstanceStackCursor, nextRootInstance, fiber);
+  push(contextFiberStackCursor, fiber, fiber);
+  push(contextStackCursor$1, NO_CONTEXT, fiber);
+  pop(contextStackCursor$1, fiber);
+  push(contextStackCursor$1, { isInAParentText: !1 }, fiber);
+}
+function popHostContainer(fiber) {
+  pop(contextStackCursor$1, fiber);
+  pop(contextFiberStackCursor, fiber);
+  pop(rootInstanceStackCursor, fiber);
+}
+function popHostContext(fiber) {
+  contextFiberStackCursor.current === fiber &&
+    (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
+}
+var timerPausedAt = 0,
+  totalElapsedPauseTime = 0;
+function recordElapsedActualRenderTime(fiber) {
+  fiber.actualDuration = now$1() - totalElapsedPauseTime - fiber.actualDuration;
+}
+function resumeActualRenderTimerIfPaused() {
+  0 < timerPausedAt &&
+    ((totalElapsedPauseTime += now$1() - timerPausedAt), (timerPausedAt = 0));
+}
+var baseStartTime = -1,
+  hasOwnProperty = Object.prototype.hasOwnProperty;
+function is(x, y) {
+  return x === y ? 0 !== x || 0 !== y || 1 / x === 1 / y : x !== x && y !== y;
+}
+function shallowEqual(objA, objB) {
+  if (is(objA, objB)) return !0;
+  if (
+    "object" !== typeof objA ||
+    null === objA ||
+    "object" !== typeof objB ||
+    null === objB
+  )
+    return !1;
+  var keysA = Object.keys(objA),
+    keysB = Object.keys(objB);
+  if (keysA.length !== keysB.length) return !1;
+  for (keysB = 0; keysB < keysA.length; keysB++)
+    if (
+      !hasOwnProperty.call(objB, keysA[keysB]) ||
+      !is(objA[keysA[keysB]], objB[keysA[keysB]])
+    )
+      return !1;
+  return !0;
+}
+function applyDerivedStateFromProps(
+  workInProgress,
+  getDerivedStateFromProps,
+  nextProps
+) {
+  var prevState = workInProgress.memoizedState;
+  getDerivedStateFromProps = getDerivedStateFromProps(nextProps, prevState);
+  prevState =
+    null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps
+      ? prevState
+      : Object.assign({}, prevState, getDerivedStateFromProps);
+  workInProgress.memoizedState = prevState;
+  workInProgress = workInProgress.updateQueue;
+  null !== workInProgress &&
+    0 === workInProgress.expirationTime &&
+    (workInProgress.baseState = prevState);
+}
+var classComponentUpdater = {
+  isMounted: function(component) {
+    return (component = component._reactInternalFiber)
+      ? 2 === isFiberMountedImpl(component)
+      : !1;
+  },
+  enqueueSetState: function(inst, payload, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = recalculateCurrentTime();
+    currentTime = computeExpirationForFiber(currentTime, inst);
+    var update = createUpdate(currentTime);
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    enqueueUpdate(inst, update, currentTime);
+    scheduleWork(inst, currentTime);
+  },
+  enqueueReplaceState: function(inst, payload, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = recalculateCurrentTime();
+    currentTime = computeExpirationForFiber(currentTime, inst);
+    var update = createUpdate(currentTime);
+    update.tag = 1;
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    enqueueUpdate(inst, update, currentTime);
+    scheduleWork(inst, currentTime);
+  },
+  enqueueForceUpdate: function(inst, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = recalculateCurrentTime();
+    currentTime = computeExpirationForFiber(currentTime, inst);
+    var update = createUpdate(currentTime);
+    update.tag = 2;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    enqueueUpdate(inst, update, currentTime);
+    scheduleWork(inst, currentTime);
+  }
+};
+function checkShouldComponentUpdate(
+  workInProgress,
+  oldProps,
+  newProps,
+  oldState,
+  newState,
+  newContext
+) {
+  var instance = workInProgress.stateNode;
+  workInProgress = workInProgress.type;
+  return "function" === typeof instance.shouldComponentUpdate
+    ? instance.shouldComponentUpdate(newProps, newState, newContext)
+    : workInProgress.prototype && workInProgress.prototype.isPureReactComponent
+      ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+      : !0;
+}
+function callComponentWillReceiveProps(
+  workInProgress,
+  instance,
+  newProps,
+  newContext
+) {
+  workInProgress = instance.state;
+  "function" === typeof instance.componentWillReceiveProps &&
+    instance.componentWillReceiveProps(newProps, newContext);
+  "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
+    instance.UNSAFE_componentWillReceiveProps(newProps, newContext);
+  instance.state !== workInProgress &&
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+}
+function mountClassInstance(workInProgress, renderExpirationTime) {
+  var ctor = workInProgress.type,
+    instance = workInProgress.stateNode,
+    props = workInProgress.pendingProps,
+    unmaskedContext = getUnmaskedContext(workInProgress);
+  instance.props = props;
+  instance.state = workInProgress.memoizedState;
+  instance.refs = emptyObject;
+  instance.context = getMaskedContext(workInProgress, unmaskedContext);
+  unmaskedContext = workInProgress.updateQueue;
+  null !== unmaskedContext &&
+    (processUpdateQueue(
+      workInProgress,
+      unmaskedContext,
+      props,
+      instance,
+      renderExpirationTime
+    ),
+    (instance.state = workInProgress.memoizedState));
+  unmaskedContext = workInProgress.type.getDerivedStateFromProps;
+  "function" === typeof unmaskedContext &&
+    (applyDerivedStateFromProps(workInProgress, unmaskedContext, props),
+    (instance.state = workInProgress.memoizedState));
+  "function" === typeof ctor.getDerivedStateFromProps ||
+    "function" === typeof instance.getSnapshotBeforeUpdate ||
+    ("function" !== typeof instance.UNSAFE_componentWillMount &&
+      "function" !== typeof instance.componentWillMount) ||
+    ((ctor = instance.state),
+    "function" === typeof instance.componentWillMount &&
+      instance.componentWillMount(),
+    "function" === typeof instance.UNSAFE_componentWillMount &&
+      instance.UNSAFE_componentWillMount(),
+    ctor !== instance.state &&
+      classComponentUpdater.enqueueReplaceState(instance, instance.state, null),
+    (unmaskedContext = workInProgress.updateQueue),
+    null !== unmaskedContext &&
+      (processUpdateQueue(
+        workInProgress,
+        unmaskedContext,
+        props,
+        instance,
+        renderExpirationTime
+      ),
+      (instance.state = workInProgress.memoizedState)));
+  "function" === typeof instance.componentDidMount &&
+    (workInProgress.effectTag |= 4);
+}
+var isArray$1 = Array.isArray;
+function coerceRef(returnFiber, current, element) {
+  returnFiber = element.ref;
+  if (
+    null !== returnFiber &&
+    "function" !== typeof returnFiber &&
+    "object" !== typeof returnFiber
+  ) {
+    if (element._owner) {
+      element = element._owner;
+      var inst = void 0;
+      element &&
+        (invariant(
+          2 === element.tag,
+          "Stateless function components cannot have refs."
+        ),
+        (inst = element.stateNode));
+      invariant(
+        inst,
+        "Missing owner for string ref %s. This error is likely caused by a bug in React. Please file an issue.",
+        returnFiber
+      );
+      var stringRef = "" + returnFiber;
+      if (
+        null !== current &&
+        null !== current.ref &&
+        "function" === typeof current.ref &&
+        current.ref._stringRef === stringRef
+      )
+        return current.ref;
+      current = function(value) {
+        var refs = inst.refs === emptyObject ? (inst.refs = {}) : inst.refs;
+        null === value ? delete refs[stringRef] : (refs[stringRef] = value);
+      };
+      current._stringRef = stringRef;
+      return current;
+    }
+    invariant(
+      "string" === typeof returnFiber,
+      "Expected ref to be a function or a string."
+    );
+    invariant(
+      element._owner,
+      "Element ref was specified as a string (%s) but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a functional component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://fb.me/react-refs-must-have-owner for more information.",
+      returnFiber
+    );
+  }
+  return returnFiber;
+}
+function throwOnInvalidObjectType(returnFiber, newChild) {
+  "textarea" !== returnFiber.type &&
+    invariant(
+      !1,
+      "Objects are not valid as a React child (found: %s).%s",
+      "[object Object]" === Object.prototype.toString.call(newChild)
+        ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+        : newChild,
+      ""
+    );
+}
+function ChildReconciler(shouldTrackSideEffects) {
+  function deleteChild(returnFiber, childToDelete) {
+    if (shouldTrackSideEffects) {
+      var last = returnFiber.lastEffect;
+      null !== last
+        ? ((last.nextEffect = childToDelete),
+          (returnFiber.lastEffect = childToDelete))
+        : (returnFiber.firstEffect = returnFiber.lastEffect = childToDelete);
+      childToDelete.nextEffect = null;
+      childToDelete.effectTag = 8;
+    }
+  }
+  function deleteRemainingChildren(returnFiber, currentFirstChild) {
+    if (!shouldTrackSideEffects) return null;
+    for (; null !== currentFirstChild; )
+      deleteChild(returnFiber, currentFirstChild),
+        (currentFirstChild = currentFirstChild.sibling);
+    return null;
+  }
+  function mapRemainingChildren(returnFiber, currentFirstChild) {
+    for (returnFiber = new Map(); null !== currentFirstChild; )
+      null !== currentFirstChild.key
+        ? returnFiber.set(currentFirstChild.key, currentFirstChild)
+        : returnFiber.set(currentFirstChild.index, currentFirstChild),
+        (currentFirstChild = currentFirstChild.sibling);
+    return returnFiber;
+  }
+  function useFiber(fiber, pendingProps, expirationTime) {
+    fiber = createWorkInProgress(fiber, pendingProps, expirationTime);
+    fiber.index = 0;
+    fiber.sibling = null;
+    return fiber;
+  }
+  function placeChild(newFiber, lastPlacedIndex, newIndex) {
+    newFiber.index = newIndex;
+    if (!shouldTrackSideEffects) return lastPlacedIndex;
+    newIndex = newFiber.alternate;
+    if (null !== newIndex)
+      return (
+        (newIndex = newIndex.index),
+        newIndex < lastPlacedIndex
+          ? ((newFiber.effectTag = 2), lastPlacedIndex)
+          : newIndex
+      );
+    newFiber.effectTag = 2;
+    return lastPlacedIndex;
+  }
+  function placeSingleChild(newFiber) {
+    shouldTrackSideEffects &&
+      null === newFiber.alternate &&
+      (newFiber.effectTag = 2);
+    return newFiber;
+  }
+  function updateTextNode(returnFiber, current, textContent, expirationTime) {
+    if (null === current || 6 !== current.tag)
+      return (
+        (current = createFiberFromText(
+          textContent,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (current.return = returnFiber),
+        current
+      );
+    current = useFiber(current, textContent, expirationTime);
+    current.return = returnFiber;
+    return current;
+  }
+  function updateElement(returnFiber, current, element, expirationTime) {
+    if (null !== current && current.type === element.type)
+      return (
+        (expirationTime = useFiber(current, element.props, expirationTime)),
+        (expirationTime.ref = coerceRef(returnFiber, current, element)),
+        (expirationTime.return = returnFiber),
+        expirationTime
+      );
+    expirationTime = createFiberFromElement(
+      element,
+      returnFiber.mode,
+      expirationTime
+    );
+    expirationTime.ref = coerceRef(returnFiber, current, element);
+    expirationTime.return = returnFiber;
+    return expirationTime;
+  }
+  function updatePortal(returnFiber, current, portal, expirationTime) {
+    if (
+      null === current ||
+      4 !== current.tag ||
+      current.stateNode.containerInfo !== portal.containerInfo ||
+      current.stateNode.implementation !== portal.implementation
+    )
+      return (
+        (current = createFiberFromPortal(
+          portal,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (current.return = returnFiber),
+        current
+      );
+    current = useFiber(current, portal.children || [], expirationTime);
+    current.return = returnFiber;
+    return current;
+  }
+  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
+    if (null === current || 10 !== current.tag)
+      return (
+        (current = createFiberFromFragment(
+          fragment,
+          returnFiber.mode,
+          expirationTime,
+          key
+        )),
+        (current.return = returnFiber),
+        current
+      );
+    current = useFiber(current, fragment, expirationTime);
+    current.return = returnFiber;
+    return current;
+  }
+  function createChild(returnFiber, newChild, expirationTime) {
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (newChild = createFiberFromText(
+          "" + newChild,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (newChild.return = returnFiber),
+        newChild
+      );
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return (
+            (expirationTime = createFiberFromElement(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (expirationTime.ref = coerceRef(returnFiber, null, newChild)),
+            (expirationTime.return = returnFiber),
+            expirationTime
+          );
+        case REACT_PORTAL_TYPE:
+          return (
+            (newChild = createFiberFromPortal(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (newChild.return = returnFiber),
+            newChild
+          );
+      }
+      if (isArray$1(newChild) || getIteratorFn(newChild))
+        return (
+          (newChild = createFiberFromFragment(
+            newChild,
+            returnFiber.mode,
+            expirationTime,
+            null
+          )),
+          (newChild.return = returnFiber),
+          newChild
+        );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function updateSlot(returnFiber, oldFiber, newChild, expirationTime) {
+    var key = null !== oldFiber ? oldFiber.key : null;
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return null !== key
+        ? null
+        : updateTextNode(returnFiber, oldFiber, "" + newChild, expirationTime);
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return newChild.key === key
+            ? newChild.type === REACT_FRAGMENT_TYPE
+              ? updateFragment(
+                  returnFiber,
+                  oldFiber,
+                  newChild.props.children,
+                  expirationTime,
+                  key
+                )
+              : updateElement(returnFiber, oldFiber, newChild, expirationTime)
+            : null;
+        case REACT_PORTAL_TYPE:
+          return newChild.key === key
+            ? updatePortal(returnFiber, oldFiber, newChild, expirationTime)
+            : null;
+      }
+      if (isArray$1(newChild) || getIteratorFn(newChild))
+        return null !== key
+          ? null
+          : updateFragment(
+              returnFiber,
+              oldFiber,
+              newChild,
+              expirationTime,
+              null
+            );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function updateFromMap(
+    existingChildren,
+    returnFiber,
+    newIdx,
+    newChild,
+    expirationTime
+  ) {
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (existingChildren = existingChildren.get(newIdx) || null),
+        updateTextNode(
+          returnFiber,
+          existingChildren,
+          "" + newChild,
+          expirationTime
+        )
+      );
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return (
+            (existingChildren =
+              existingChildren.get(
+                null === newChild.key ? newIdx : newChild.key
+              ) || null),
+            newChild.type === REACT_FRAGMENT_TYPE
+              ? updateFragment(
+                  returnFiber,
+                  existingChildren,
+                  newChild.props.children,
+                  expirationTime,
+                  newChild.key
+                )
+              : updateElement(
+                  returnFiber,
+                  existingChildren,
+                  newChild,
+                  expirationTime
+                )
+          );
+        case REACT_PORTAL_TYPE:
+          return (
+            (existingChildren =
+              existingChildren.get(
+                null === newChild.key ? newIdx : newChild.key
+              ) || null),
+            updatePortal(
+              returnFiber,
+              existingChildren,
+              newChild,
+              expirationTime
+            )
+          );
+      }
+      if (isArray$1(newChild) || getIteratorFn(newChild))
+        return (
+          (existingChildren = existingChildren.get(newIdx) || null),
+          updateFragment(
+            returnFiber,
+            existingChildren,
+            newChild,
+            expirationTime,
+            null
+          )
+        );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function reconcileChildrenArray(
+    returnFiber,
+    currentFirstChild,
+    newChildren,
+    expirationTime
+  ) {
+    for (
+      var resultingFirstChild = null,
+        previousNewFiber = null,
+        oldFiber = currentFirstChild,
+        newIdx = (currentFirstChild = 0),
+        nextOldFiber = null;
+      null !== oldFiber && newIdx < newChildren.length;
+      newIdx++
+    ) {
+      oldFiber.index > newIdx
+        ? ((nextOldFiber = oldFiber), (oldFiber = null))
+        : (nextOldFiber = oldFiber.sibling);
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        newChildren[newIdx],
+        expirationTime
+      );
+      if (null === newFiber) {
+        null === oldFiber && (oldFiber = nextOldFiber);
+        break;
+      }
+      shouldTrackSideEffects &&
+        oldFiber &&
+        null === newFiber.alternate &&
+        deleteChild(returnFiber, oldFiber);
+      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
+      null === previousNewFiber
+        ? (resultingFirstChild = newFiber)
+        : (previousNewFiber.sibling = newFiber);
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
+    if (newIdx === newChildren.length)
+      return (
+        deleteRemainingChildren(returnFiber, oldFiber), resultingFirstChild
+      );
+    if (null === oldFiber) {
+      for (; newIdx < newChildren.length; newIdx++)
+        if (
+          (oldFiber = createChild(
+            returnFiber,
+            newChildren[newIdx],
+            expirationTime
+          ))
+        )
+          (currentFirstChild = placeChild(oldFiber, currentFirstChild, newIdx)),
+            null === previousNewFiber
+              ? (resultingFirstChild = oldFiber)
+              : (previousNewFiber.sibling = oldFiber),
+            (previousNewFiber = oldFiber);
+      return resultingFirstChild;
+    }
+    for (
+      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
+      newIdx < newChildren.length;
+      newIdx++
+    )
+      if (
+        (nextOldFiber = updateFromMap(
+          oldFiber,
+          returnFiber,
+          newIdx,
+          newChildren[newIdx],
+          expirationTime
+        ))
+      )
+        shouldTrackSideEffects &&
+          null !== nextOldFiber.alternate &&
+          oldFiber.delete(
+            null === nextOldFiber.key ? newIdx : nextOldFiber.key
+          ),
+          (currentFirstChild = placeChild(
+            nextOldFiber,
+            currentFirstChild,
+            newIdx
+          )),
+          null === previousNewFiber
+            ? (resultingFirstChild = nextOldFiber)
+            : (previousNewFiber.sibling = nextOldFiber),
+          (previousNewFiber = nextOldFiber);
+    shouldTrackSideEffects &&
+      oldFiber.forEach(function(child) {
+        return deleteChild(returnFiber, child);
+      });
+    return resultingFirstChild;
+  }
+  function reconcileChildrenIterator(
+    returnFiber,
+    currentFirstChild,
+    newChildrenIterable,
+    expirationTime
+  ) {
+    var iteratorFn = getIteratorFn(newChildrenIterable);
+    invariant(
+      "function" === typeof iteratorFn,
+      "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+    );
+    newChildrenIterable = iteratorFn.call(newChildrenIterable);
+    invariant(
+      null != newChildrenIterable,
+      "An iterable object provided no iterator."
+    );
+    for (
+      var previousNewFiber = (iteratorFn = null),
+        oldFiber = currentFirstChild,
+        newIdx = (currentFirstChild = 0),
+        nextOldFiber = null,
+        step = newChildrenIterable.next();
+      null !== oldFiber && !step.done;
+      newIdx++, step = newChildrenIterable.next()
+    ) {
+      oldFiber.index > newIdx
+        ? ((nextOldFiber = oldFiber), (oldFiber = null))
+        : (nextOldFiber = oldFiber.sibling);
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        step.value,
+        expirationTime
+      );
+      if (null === newFiber) {
+        oldFiber || (oldFiber = nextOldFiber);
+        break;
+      }
+      shouldTrackSideEffects &&
+        oldFiber &&
+        null === newFiber.alternate &&
+        deleteChild(returnFiber, oldFiber);
+      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
+      null === previousNewFiber
+        ? (iteratorFn = newFiber)
+        : (previousNewFiber.sibling = newFiber);
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
+    if (step.done)
+      return deleteRemainingChildren(returnFiber, oldFiber), iteratorFn;
+    if (null === oldFiber) {
+      for (; !step.done; newIdx++, step = newChildrenIterable.next())
+        (step = createChild(returnFiber, step.value, expirationTime)),
+          null !== step &&
+            ((currentFirstChild = placeChild(step, currentFirstChild, newIdx)),
+            null === previousNewFiber
+              ? (iteratorFn = step)
+              : (previousNewFiber.sibling = step),
+            (previousNewFiber = step));
+      return iteratorFn;
+    }
+    for (
+      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
+      !step.done;
+      newIdx++, step = newChildrenIterable.next()
+    )
+      (step = updateFromMap(
+        oldFiber,
+        returnFiber,
+        newIdx,
+        step.value,
+        expirationTime
+      )),
+        null !== step &&
+          (shouldTrackSideEffects &&
+            null !== step.alternate &&
+            oldFiber.delete(null === step.key ? newIdx : step.key),
+          (currentFirstChild = placeChild(step, currentFirstChild, newIdx)),
+          null === previousNewFiber
+            ? (iteratorFn = step)
+            : (previousNewFiber.sibling = step),
+          (previousNewFiber = step));
+    shouldTrackSideEffects &&
+      oldFiber.forEach(function(child) {
+        return deleteChild(returnFiber, child);
+      });
+    return iteratorFn;
+  }
+  return function(returnFiber, currentFirstChild, newChild, expirationTime) {
+    var isUnkeyedTopLevelFragment =
+      "object" === typeof newChild &&
+      null !== newChild &&
+      newChild.type === REACT_FRAGMENT_TYPE &&
+      null === newChild.key;
+    isUnkeyedTopLevelFragment && (newChild = newChild.props.children);
+    var isObject = "object" === typeof newChild && null !== newChild;
+    if (isObject)
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          a: {
+            isObject = newChild.key;
+            for (
+              isUnkeyedTopLevelFragment = currentFirstChild;
+              null !== isUnkeyedTopLevelFragment;
+
+            ) {
+              if (isUnkeyedTopLevelFragment.key === isObject)
+                if (
+                  10 === isUnkeyedTopLevelFragment.tag
+                    ? newChild.type === REACT_FRAGMENT_TYPE
+                    : isUnkeyedTopLevelFragment.type === newChild.type
+                ) {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment.sibling
+                  );
+                  currentFirstChild = useFiber(
+                    isUnkeyedTopLevelFragment,
+                    newChild.type === REACT_FRAGMENT_TYPE
+                      ? newChild.props.children
+                      : newChild.props,
+                    expirationTime
+                  );
+                  currentFirstChild.ref = coerceRef(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment,
+                    newChild
+                  );
+                  currentFirstChild.return = returnFiber;
+                  returnFiber = currentFirstChild;
+                  break a;
+                } else {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment
+                  );
+                  break;
+                }
+              else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
+              isUnkeyedTopLevelFragment = isUnkeyedTopLevelFragment.sibling;
+            }
+            newChild.type === REACT_FRAGMENT_TYPE
+              ? ((currentFirstChild = createFiberFromFragment(
+                  newChild.props.children,
+                  returnFiber.mode,
+                  expirationTime,
+                  newChild.key
+                )),
+                (currentFirstChild.return = returnFiber),
+                (returnFiber = currentFirstChild))
+              : ((expirationTime = createFiberFromElement(
+                  newChild,
+                  returnFiber.mode,
+                  expirationTime
+                )),
+                (expirationTime.ref = coerceRef(
+                  returnFiber,
+                  currentFirstChild,
+                  newChild
+                )),
+                (expirationTime.return = returnFiber),
+                (returnFiber = expirationTime));
+          }
+          return placeSingleChild(returnFiber);
+        case REACT_PORTAL_TYPE:
+          a: {
+            for (
+              isUnkeyedTopLevelFragment = newChild.key;
+              null !== currentFirstChild;
+
+            ) {
+              if (currentFirstChild.key === isUnkeyedTopLevelFragment)
+                if (
+                  4 === currentFirstChild.tag &&
+                  currentFirstChild.stateNode.containerInfo ===
+                    newChild.containerInfo &&
+                  currentFirstChild.stateNode.implementation ===
+                    newChild.implementation
+                ) {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    currentFirstChild.sibling
+                  );
+                  currentFirstChild = useFiber(
+                    currentFirstChild,
+                    newChild.children || [],
+                    expirationTime
+                  );
+                  currentFirstChild.return = returnFiber;
+                  returnFiber = currentFirstChild;
+                  break a;
+                } else {
+                  deleteRemainingChildren(returnFiber, currentFirstChild);
+                  break;
+                }
+              else deleteChild(returnFiber, currentFirstChild);
+              currentFirstChild = currentFirstChild.sibling;
+            }
+            currentFirstChild = createFiberFromPortal(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            );
+            currentFirstChild.return = returnFiber;
+            returnFiber = currentFirstChild;
+          }
+          return placeSingleChild(returnFiber);
+      }
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (newChild = "" + newChild),
+        null !== currentFirstChild && 6 === currentFirstChild.tag
+          ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
+            (currentFirstChild = useFiber(
+              currentFirstChild,
+              newChild,
+              expirationTime
+            )),
+            (currentFirstChild.return = returnFiber),
+            (returnFiber = currentFirstChild))
+          : (deleteRemainingChildren(returnFiber, currentFirstChild),
+            (currentFirstChild = createFiberFromText(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (currentFirstChild.return = returnFiber),
+            (returnFiber = currentFirstChild)),
+        placeSingleChild(returnFiber)
+      );
+    if (isArray$1(newChild))
+      return reconcileChildrenArray(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    if (getIteratorFn(newChild))
+      return reconcileChildrenIterator(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    isObject && throwOnInvalidObjectType(returnFiber, newChild);
+    if ("undefined" === typeof newChild && !isUnkeyedTopLevelFragment)
+      switch (returnFiber.tag) {
+        case 2:
+        case 1:
+          (expirationTime = returnFiber.type),
+            invariant(
+              !1,
+              "%s(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.",
+              expirationTime.displayName || expirationTime.name || "Component"
+            );
+      }
+    return deleteRemainingChildren(returnFiber, currentFirstChild);
+  };
+}
+var reconcileChildFibers = ChildReconciler(!0),
+  mountChildFibers = ChildReconciler(!1),
+  hydrationParentFiber = null,
+  nextHydratableInstance = null,
+  isHydrating = !1;
+function tryHydrate(fiber, nextInstance) {
+  switch (fiber.tag) {
+    case 5:
+      return (
+        (nextInstance = shim$1(nextInstance, fiber.type, fiber.pendingProps)),
+        null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
+      );
+    case 6:
+      return (
+        (nextInstance = shim$1(nextInstance, fiber.pendingProps)),
+        null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
+      );
+    default:
+      return !1;
+  }
+}
+function tryToClaimNextHydratableInstance(fiber$jscomp$0) {
+  if (isHydrating) {
+    var nextInstance = nextHydratableInstance;
+    if (nextInstance) {
+      var firstAttemptedInstance = nextInstance;
+      if (!tryHydrate(fiber$jscomp$0, nextInstance)) {
+        nextInstance = shim$1(firstAttemptedInstance);
+        if (!nextInstance || !tryHydrate(fiber$jscomp$0, nextInstance)) {
+          fiber$jscomp$0.effectTag |= 2;
+          isHydrating = !1;
+          hydrationParentFiber = fiber$jscomp$0;
+          return;
+        }
+        var returnFiber = hydrationParentFiber,
+          fiber = new FiberNode(5, null, null, 0);
+        fiber.type = "DELETED";
+        fiber.stateNode = firstAttemptedInstance;
+        fiber.return = returnFiber;
+        fiber.effectTag = 8;
+        null !== returnFiber.lastEffect
+          ? ((returnFiber.lastEffect.nextEffect = fiber),
+            (returnFiber.lastEffect = fiber))
+          : (returnFiber.firstEffect = returnFiber.lastEffect = fiber);
+      }
+      hydrationParentFiber = fiber$jscomp$0;
+      nextHydratableInstance = shim$1(nextInstance);
+    } else
+      (fiber$jscomp$0.effectTag |= 2),
+        (isHydrating = !1),
+        (hydrationParentFiber = fiber$jscomp$0);
+  }
+}
+function reconcileChildren(current, workInProgress, nextChildren) {
+  reconcileChildrenAtExpirationTime(
+    current,
+    workInProgress,
+    nextChildren,
+    workInProgress.expirationTime
+  );
+}
+function reconcileChildrenAtExpirationTime(
+  current,
+  workInProgress,
+  nextChildren,
+  renderExpirationTime
+) {
+  workInProgress.child =
+    null === current
+      ? mountChildFibers(
+          workInProgress,
+          null,
+          nextChildren,
+          renderExpirationTime
+        )
+      : reconcileChildFibers(
+          workInProgress,
+          current.child,
+          nextChildren,
+          renderExpirationTime
+        );
+}
+function markRef(current, workInProgress) {
+  var ref = workInProgress.ref;
+  if (
+    (null === current && null !== ref) ||
+    (null !== current && current.ref !== ref)
+  )
+    workInProgress.effectTag |= 128;
+}
+function finishClassComponent(
+  current,
+  workInProgress,
+  shouldUpdate,
+  hasContext,
+  renderExpirationTime
+) {
+  markRef(current, workInProgress);
+  var didCaptureError = 0 !== (workInProgress.effectTag & 64);
+  if (!shouldUpdate && !didCaptureError)
+    return (
+      hasContext && invalidateContextProvider(workInProgress, !1),
+      bailoutOnAlreadyFinishedWork(current, workInProgress)
+    );
+  shouldUpdate = workInProgress.stateNode;
+  ReactCurrentOwner.current = workInProgress;
+  if (didCaptureError) {
+    var nextChildren = null;
+    baseStartTime = -1;
+  } else nextChildren = shouldUpdate.render();
+  workInProgress.effectTag |= 1;
+  didCaptureError &&
+    (reconcileChildrenAtExpirationTime(
+      current,
+      workInProgress,
+      null,
+      renderExpirationTime
+    ),
+    (workInProgress.child = null));
+  reconcileChildrenAtExpirationTime(
+    current,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  workInProgress.memoizedState = shouldUpdate.state;
+  workInProgress.memoizedProps = shouldUpdate.props;
+  hasContext && invalidateContextProvider(workInProgress, !0);
+  return workInProgress.child;
+}
+function pushHostRootContext(workInProgress) {
+  var root = workInProgress.stateNode;
+  root.pendingContext
+    ? pushTopLevelContextObject(
+        workInProgress,
+        root.pendingContext,
+        root.pendingContext !== root.context
+      )
+    : root.context &&
+      pushTopLevelContextObject(workInProgress, root.context, !1);
+  pushHostContainer(workInProgress, root.containerInfo);
+}
+function propagateContextChange(
+  workInProgress,
+  context,
+  changedBits,
+  renderExpirationTime
+) {
+  var fiber = workInProgress.child;
+  null !== fiber && (fiber.return = workInProgress);
+  for (; null !== fiber; ) {
+    switch (fiber.tag) {
+      case 12:
+        var nextFiber = fiber.stateNode | 0;
+        if (fiber.type === context && 0 !== (nextFiber & changedBits)) {
+          for (nextFiber = fiber; null !== nextFiber; ) {
+            var alternate = nextFiber.alternate;
+            if (
+              0 === nextFiber.expirationTime ||
+              nextFiber.expirationTime > renderExpirationTime
+            )
+              (nextFiber.expirationTime = renderExpirationTime),
+                null !== alternate &&
+                  (0 === alternate.expirationTime ||
+                    alternate.expirationTime > renderExpirationTime) &&
+                  (alternate.expirationTime = renderExpirationTime);
+            else if (
+              null !== alternate &&
+              (0 === alternate.expirationTime ||
+                alternate.expirationTime > renderExpirationTime)
+            )
+              alternate.expirationTime = renderExpirationTime;
+            else break;
+            nextFiber = nextFiber.return;
+          }
+          nextFiber = null;
+        } else nextFiber = fiber.child;
+        break;
+      case 13:
+        nextFiber = fiber.type === workInProgress.type ? null : fiber.child;
+        break;
+      default:
+        nextFiber = fiber.child;
+    }
+    if (null !== nextFiber) nextFiber.return = fiber;
+    else
+      for (nextFiber = fiber; null !== nextFiber; ) {
+        if (nextFiber === workInProgress) {
+          nextFiber = null;
+          break;
+        }
+        fiber = nextFiber.sibling;
+        if (null !== fiber) {
+          fiber.return = nextFiber.return;
+          nextFiber = fiber;
+          break;
+        }
+        nextFiber = nextFiber.return;
+      }
+    fiber = nextFiber;
+  }
+}
+function updateContextProvider(current, workInProgress, renderExpirationTime) {
+  var context = workInProgress.type._context,
+    newProps = workInProgress.pendingProps,
+    oldProps = workInProgress.memoizedProps,
+    canBailOnProps = !0;
+  if (didPerformWorkStackCursor.current) canBailOnProps = !1;
+  else if (oldProps === newProps)
+    return (
+      (workInProgress.stateNode = 0),
+      pushProvider(workInProgress),
+      bailoutOnAlreadyFinishedWork(current, workInProgress)
+    );
+  var newValue = newProps.value;
+  workInProgress.memoizedProps = newProps;
+  if (null === oldProps) newValue = 1073741823;
+  else if (oldProps.value === newProps.value) {
+    if (oldProps.children === newProps.children && canBailOnProps)
+      return (
+        (workInProgress.stateNode = 0),
+        pushProvider(workInProgress),
+        bailoutOnAlreadyFinishedWork(current, workInProgress)
+      );
+    newValue = 0;
+  } else {
+    var oldValue = oldProps.value;
+    if (
+      (oldValue === newValue &&
+        (0 !== oldValue || 1 / oldValue === 1 / newValue)) ||
+      (oldValue !== oldValue && newValue !== newValue)
+    ) {
+      if (oldProps.children === newProps.children && canBailOnProps)
+        return (
+          (workInProgress.stateNode = 0),
+          pushProvider(workInProgress),
+          bailoutOnAlreadyFinishedWork(current, workInProgress)
+        );
+      newValue = 0;
+    } else if (
+      ((newValue =
+        "function" === typeof context._calculateChangedBits
+          ? context._calculateChangedBits(oldValue, newValue)
+          : 1073741823),
+      (newValue |= 0),
+      0 === newValue)
+    ) {
+      if (oldProps.children === newProps.children && canBailOnProps)
+        return (
+          (workInProgress.stateNode = 0),
+          pushProvider(workInProgress),
+          bailoutOnAlreadyFinishedWork(current, workInProgress)
+        );
+    } else
+      propagateContextChange(
+        workInProgress,
+        context,
+        newValue,
+        renderExpirationTime
+      );
+  }
+  workInProgress.stateNode = newValue;
+  pushProvider(workInProgress);
+  reconcileChildren(current, workInProgress, newProps.children);
+  return workInProgress.child;
+}
+function bailoutOnAlreadyFinishedWork(current, workInProgress) {
+  baseStartTime = -1;
+  invariant(
+    null === current || workInProgress.child === current.child,
+    "Resuming work not yet implemented."
+  );
+  if (null !== workInProgress.child) {
+    current = workInProgress.child;
+    var newChild = createWorkInProgress(
+      current,
+      current.pendingProps,
+      current.expirationTime
+    );
+    workInProgress.child = newChild;
+    for (newChild.return = workInProgress; null !== current.sibling; )
+      (current = current.sibling),
+        (newChild = newChild.sibling = createWorkInProgress(
+          current,
+          current.pendingProps,
+          current.expirationTime
+        )),
+        (newChild.return = workInProgress);
+    newChild.sibling = null;
+  }
+  return workInProgress.child;
+}
+function beginWork(current, workInProgress, renderExpirationTime) {
+  workInProgress.mode & 4 &&
+    ((workInProgress.actualDuration =
+      now$1() - workInProgress.actualDuration - totalElapsedPauseTime),
+    (workInProgress.actualStartTime = now$1()));
+  if (
+    0 === workInProgress.expirationTime ||
+    workInProgress.expirationTime > renderExpirationTime
+  ) {
+    baseStartTime = -1;
+    switch (workInProgress.tag) {
+      case 3:
+        pushHostRootContext(workInProgress);
+        break;
+      case 2:
+        pushContextProvider(workInProgress);
+        break;
+      case 4:
+        pushHostContainer(
+          workInProgress,
+          workInProgress.stateNode.containerInfo
+        );
+        break;
+      case 13:
+        pushProvider(workInProgress);
+    }
+    return null;
+  }
+  switch (workInProgress.tag) {
+    case 0:
+      invariant(
+        null === current,
+        "An indeterminate component should never have mounted. This error is likely caused by a bug in React. Please file an issue."
+      );
+      var fn = workInProgress.type,
+        props = workInProgress.pendingProps,
+        unmaskedContext = getUnmaskedContext(workInProgress);
+      unmaskedContext = getMaskedContext(workInProgress, unmaskedContext);
+      fn = fn(props, unmaskedContext);
+      workInProgress.effectTag |= 1;
+      "object" === typeof fn &&
+      null !== fn &&
+      "function" === typeof fn.render &&
+      void 0 === fn.$$typeof
+        ? ((unmaskedContext = workInProgress.type),
+          (workInProgress.tag = 2),
+          (workInProgress.memoizedState =
+            null !== fn.state && void 0 !== fn.state ? fn.state : null),
+          (unmaskedContext = unmaskedContext.getDerivedStateFromProps),
+          "function" === typeof unmaskedContext &&
+            applyDerivedStateFromProps(workInProgress, unmaskedContext, props),
+          (props = pushContextProvider(workInProgress)),
+          (fn.updater = classComponentUpdater),
+          (workInProgress.stateNode = fn),
+          (fn._reactInternalFiber = workInProgress),
+          mountClassInstance(workInProgress, renderExpirationTime),
+          (current = finishClassComponent(
+            current,
+            workInProgress,
+            !0,
+            props,
+            renderExpirationTime
+          )))
+        : ((workInProgress.tag = 1),
+          reconcileChildren(current, workInProgress, fn),
+          (workInProgress.memoizedProps = props),
+          (current = workInProgress.child));
+      return current;
+    case 1:
+      return (
+        (props = workInProgress.type),
+        (renderExpirationTime = workInProgress.pendingProps),
+        didPerformWorkStackCursor.current ||
+        workInProgress.memoizedProps !== renderExpirationTime
+          ? ((fn = getUnmaskedContext(workInProgress)),
+            (fn = getMaskedContext(workInProgress, fn)),
+            (props = props(renderExpirationTime, fn)),
+            (workInProgress.effectTag |= 1),
+            reconcileChildren(current, workInProgress, props),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 2:
+      props = pushContextProvider(workInProgress);
+      if (null === current)
+        if (null === workInProgress.stateNode) {
+          var props$jscomp$0 = workInProgress.pendingProps,
+            ctor = workInProgress.type;
+          fn = getUnmaskedContext(workInProgress);
+          var needsContext =
+            2 === workInProgress.tag &&
+            null != workInProgress.type.contextTypes;
+          unmaskedContext = needsContext
+            ? getMaskedContext(workInProgress, fn)
+            : emptyObject;
+          props$jscomp$0 = new ctor(props$jscomp$0, unmaskedContext);
+          workInProgress.memoizedState =
+            null !== props$jscomp$0.state && void 0 !== props$jscomp$0.state
+              ? props$jscomp$0.state
+              : null;
+          props$jscomp$0.updater = classComponentUpdater;
+          workInProgress.stateNode = props$jscomp$0;
+          props$jscomp$0._reactInternalFiber = workInProgress;
+          needsContext &&
+            ((needsContext = workInProgress.stateNode),
+            (needsContext.__reactInternalMemoizedUnmaskedChildContext = fn),
+            (needsContext.__reactInternalMemoizedMaskedChildContext = unmaskedContext));
+          mountClassInstance(workInProgress, renderExpirationTime);
+          fn = !0;
+        } else {
+          ctor = workInProgress.type;
+          fn = workInProgress.stateNode;
+          needsContext = workInProgress.memoizedProps;
+          unmaskedContext = workInProgress.pendingProps;
+          fn.props = needsContext;
+          var oldContext = fn.context;
+          props$jscomp$0 = getUnmaskedContext(workInProgress);
+          props$jscomp$0 = getMaskedContext(workInProgress, props$jscomp$0);
+          var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+          (ctor =
+            "function" === typeof getDerivedStateFromProps ||
+            "function" === typeof fn.getSnapshotBeforeUpdate) ||
+            ("function" !== typeof fn.UNSAFE_componentWillReceiveProps &&
+              "function" !== typeof fn.componentWillReceiveProps) ||
+            ((needsContext !== unmaskedContext ||
+              oldContext !== props$jscomp$0) &&
+              callComponentWillReceiveProps(
+                workInProgress,
+                fn,
+                unmaskedContext,
+                props$jscomp$0
+              ));
+          hasForceUpdate = !1;
+          var oldState = workInProgress.memoizedState;
+          oldContext = fn.state = oldState;
+          var updateQueue = workInProgress.updateQueue;
+          null !== updateQueue &&
+            (processUpdateQueue(
+              workInProgress,
+              updateQueue,
+              unmaskedContext,
+              fn,
+              renderExpirationTime
+            ),
+            (oldContext = workInProgress.memoizedState));
+          needsContext !== unmaskedContext ||
+          oldState !== oldContext ||
+          didPerformWorkStackCursor.current ||
+          hasForceUpdate
+            ? ("function" === typeof getDerivedStateFromProps &&
+                (applyDerivedStateFromProps(
+                  workInProgress,
+                  getDerivedStateFromProps,
+                  unmaskedContext
+                ),
+                (oldContext = workInProgress.memoizedState)),
+              (needsContext =
+                hasForceUpdate ||
+                checkShouldComponentUpdate(
+                  workInProgress,
+                  needsContext,
+                  unmaskedContext,
+                  oldState,
+                  oldContext,
+                  props$jscomp$0
+                ))
+                ? (ctor ||
+                    ("function" !== typeof fn.UNSAFE_componentWillMount &&
+                      "function" !== typeof fn.componentWillMount) ||
+                    ("function" === typeof fn.componentWillMount &&
+                      fn.componentWillMount(),
+                    "function" === typeof fn.UNSAFE_componentWillMount &&
+                      fn.UNSAFE_componentWillMount()),
+                  "function" === typeof fn.componentDidMount &&
+                    (workInProgress.effectTag |= 4))
+                : ("function" === typeof fn.componentDidMount &&
+                    (workInProgress.effectTag |= 4),
+                  (workInProgress.memoizedProps = unmaskedContext),
+                  (workInProgress.memoizedState = oldContext)),
+              (fn.props = unmaskedContext),
+              (fn.state = oldContext),
+              (fn.context = props$jscomp$0),
+              (fn = needsContext))
+            : ("function" === typeof fn.componentDidMount &&
+                (workInProgress.effectTag |= 4),
+              (fn = !1));
+        }
+      else
+        (ctor = workInProgress.type),
+          (fn = workInProgress.stateNode),
+          (unmaskedContext = workInProgress.memoizedProps),
+          (needsContext = workInProgress.pendingProps),
+          (fn.props = unmaskedContext),
+          (oldContext = fn.context),
+          (props$jscomp$0 = getUnmaskedContext(workInProgress)),
+          (props$jscomp$0 = getMaskedContext(workInProgress, props$jscomp$0)),
+          (getDerivedStateFromProps = ctor.getDerivedStateFromProps),
+          (ctor =
+            "function" === typeof getDerivedStateFromProps ||
+            "function" === typeof fn.getSnapshotBeforeUpdate) ||
+            ("function" !== typeof fn.UNSAFE_componentWillReceiveProps &&
+              "function" !== typeof fn.componentWillReceiveProps) ||
+            ((unmaskedContext !== needsContext ||
+              oldContext !== props$jscomp$0) &&
+              callComponentWillReceiveProps(
+                workInProgress,
+                fn,
+                needsContext,
+                props$jscomp$0
+              )),
+          (hasForceUpdate = !1),
+          (oldContext = workInProgress.memoizedState),
+          (oldState = fn.state = oldContext),
+          (updateQueue = workInProgress.updateQueue),
+          null !== updateQueue &&
+            (processUpdateQueue(
+              workInProgress,
+              updateQueue,
+              needsContext,
+              fn,
+              renderExpirationTime
+            ),
+            (oldState = workInProgress.memoizedState)),
+          unmaskedContext !== needsContext ||
+          oldContext !== oldState ||
+          didPerformWorkStackCursor.current ||
+          hasForceUpdate
+            ? ("function" === typeof getDerivedStateFromProps &&
+                (applyDerivedStateFromProps(
+                  workInProgress,
+                  getDerivedStateFromProps,
+                  needsContext
+                ),
+                (oldState = workInProgress.memoizedState)),
+              (getDerivedStateFromProps =
+                hasForceUpdate ||
+                checkShouldComponentUpdate(
+                  workInProgress,
+                  unmaskedContext,
+                  needsContext,
+                  oldContext,
+                  oldState,
+                  props$jscomp$0
+                ))
+                ? (ctor ||
+                    ("function" !== typeof fn.UNSAFE_componentWillUpdate &&
+                      "function" !== typeof fn.componentWillUpdate) ||
+                    ("function" === typeof fn.componentWillUpdate &&
+                      fn.componentWillUpdate(
+                        needsContext,
+                        oldState,
+                        props$jscomp$0
+                      ),
+                    "function" === typeof fn.UNSAFE_componentWillUpdate &&
+                      fn.UNSAFE_componentWillUpdate(
+                        needsContext,
+                        oldState,
+                        props$jscomp$0
+                      )),
+                  "function" === typeof fn.componentDidUpdate &&
+                    (workInProgress.effectTag |= 4),
+                  "function" === typeof fn.getSnapshotBeforeUpdate &&
+                    (workInProgress.effectTag |= 256))
+                : ("function" !== typeof fn.componentDidUpdate ||
+                    (unmaskedContext === current.memoizedProps &&
+                      oldContext === current.memoizedState) ||
+                    (workInProgress.effectTag |= 4),
+                  "function" !== typeof fn.getSnapshotBeforeUpdate ||
+                    (unmaskedContext === current.memoizedProps &&
+                      oldContext === current.memoizedState) ||
+                    (workInProgress.effectTag |= 256),
+                  (workInProgress.memoizedProps = needsContext),
+                  (workInProgress.memoizedState = oldState)),
+              (fn.props = needsContext),
+              (fn.state = oldState),
+              (fn.context = props$jscomp$0),
+              (fn = getDerivedStateFromProps))
+            : ("function" !== typeof fn.componentDidUpdate ||
+                (unmaskedContext === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
+                (workInProgress.effectTag |= 4),
+              "function" !== typeof fn.getSnapshotBeforeUpdate ||
+                (unmaskedContext === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
+                (workInProgress.effectTag |= 256),
+              (fn = !1));
+      return finishClassComponent(
+        current,
+        workInProgress,
+        fn,
+        props,
+        renderExpirationTime
+      );
+    case 3:
+      return (
+        pushHostRootContext(workInProgress),
+        (props = workInProgress.updateQueue),
+        null !== props
+          ? ((fn = workInProgress.memoizedState),
+            (fn = null !== fn ? fn.element : null),
+            processUpdateQueue(
+              workInProgress,
+              props,
+              workInProgress.pendingProps,
+              null,
+              renderExpirationTime
+            ),
+            (renderExpirationTime = workInProgress.memoizedState.element),
+            renderExpirationTime === fn
+              ? (current = bailoutOnAlreadyFinishedWork(
+                  current,
+                  workInProgress
+                ))
+              : (reconcileChildren(
+                  current,
+                  workInProgress,
+                  renderExpirationTime
+                ),
+                (current = workInProgress.child)))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 5:
+      return (
+        requiredContext(rootInstanceStackCursor.current),
+        (renderExpirationTime = requiredContext(contextStackCursor$1.current)),
+        (props = workInProgress.type),
+        (props =
+          "AndroidTextInput" === props ||
+          "RCTMultilineTextInputView" === props ||
+          "RCTSinglelineTextInputView" === props ||
+          "RCTText" === props ||
+          "RCTVirtualText" === props),
+        (props =
+          renderExpirationTime.isInAParentText !== props
+            ? { isInAParentText: props }
+            : renderExpirationTime),
+        renderExpirationTime !== props &&
+          (push(contextFiberStackCursor, workInProgress, workInProgress),
+          push(contextStackCursor$1, props, workInProgress)),
+        null === current && tryToClaimNextHydratableInstance(workInProgress),
+        (props = workInProgress.memoizedProps),
+        (renderExpirationTime = workInProgress.pendingProps),
+        didPerformWorkStackCursor.current || props !== renderExpirationTime
+          ? ((props = renderExpirationTime.children),
+            markRef(current, workInProgress),
+            reconcileChildren(current, workInProgress, props),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 6:
+      return (
+        null === current && tryToClaimNextHydratableInstance(workInProgress),
+        (workInProgress.memoizedProps = workInProgress.pendingProps),
+        null
+      );
+    case 16:
+      return null;
+    case 4:
+      return (
+        pushHostContainer(
+          workInProgress,
+          workInProgress.stateNode.containerInfo
+        ),
+        (props = workInProgress.pendingProps),
+        didPerformWorkStackCursor.current ||
+        workInProgress.memoizedProps !== props
+          ? (null === current
+              ? (workInProgress.child = reconcileChildFibers(
+                  workInProgress,
+                  null,
+                  props,
+                  renderExpirationTime
+                ))
+              : reconcileChildren(current, workInProgress, props),
+            (workInProgress.memoizedProps = props),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 14:
+      return (
+        (props = workInProgress.type.render),
+        (renderExpirationTime = workInProgress.pendingProps),
+        (fn = workInProgress.ref),
+        didPerformWorkStackCursor.current ||
+        workInProgress.memoizedProps !== renderExpirationTime ||
+        fn !== (null !== current ? current.ref : null)
+          ? ((props = props(renderExpirationTime, fn)),
+            reconcileChildren(current, workInProgress, props),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 10:
+      return (
+        (renderExpirationTime = workInProgress.pendingProps),
+        didPerformWorkStackCursor.current ||
+        workInProgress.memoizedProps !== renderExpirationTime
+          ? (reconcileChildren(current, workInProgress, renderExpirationTime),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 11:
+      return (
+        (renderExpirationTime = workInProgress.pendingProps.children),
+        didPerformWorkStackCursor.current ||
+        (null !== renderExpirationTime &&
+          workInProgress.memoizedProps !== renderExpirationTime)
+          ? (reconcileChildren(current, workInProgress, renderExpirationTime),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 15:
+      return (
+        (renderExpirationTime = workInProgress.pendingProps),
+        (workInProgress.effectTag |= 4),
+        workInProgress.memoizedProps === renderExpirationTime
+          ? (current = bailoutOnAlreadyFinishedWork(current, workInProgress))
+          : (reconcileChildren(
+              current,
+              workInProgress,
+              renderExpirationTime.children
+            ),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child)),
+        current
+      );
+    case 13:
+      return updateContextProvider(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    case 12:
+      a: if (
+        ((fn = workInProgress.type),
+        (unmaskedContext = workInProgress.pendingProps),
+        (needsContext = workInProgress.memoizedProps),
+        (props = fn._currentValue2),
+        (props$jscomp$0 = fn._changedBits2),
+        didPerformWorkStackCursor.current ||
+          0 !== props$jscomp$0 ||
+          needsContext !== unmaskedContext)
+      ) {
+        workInProgress.memoizedProps = unmaskedContext;
+        ctor = unmaskedContext.unstable_observedBits;
+        if (void 0 === ctor || null === ctor) ctor = 1073741823;
+        workInProgress.stateNode = ctor;
+        if (0 !== (props$jscomp$0 & ctor))
+          propagateContextChange(
+            workInProgress,
+            fn,
+            props$jscomp$0,
+            renderExpirationTime
+          );
+        else if (needsContext === unmaskedContext) {
+          current = bailoutOnAlreadyFinishedWork(current, workInProgress);
+          break a;
+        }
+        renderExpirationTime = unmaskedContext.children;
+        renderExpirationTime = renderExpirationTime(props);
+        workInProgress.effectTag |= 1;
+        reconcileChildren(current, workInProgress, renderExpirationTime);
+        current = workInProgress.child;
+      } else current = bailoutOnAlreadyFinishedWork(current, workInProgress);
+      return current;
+    default:
+      invariant(
+        !1,
+        "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+      );
+  }
+}
+function appendAllChildren(parent, workInProgress) {
+  for (var node = workInProgress.child; null !== node; ) {
+    if (5 === node.tag || 6 === node.tag)
+      FabricUIManager.appendChild(parent.node, node.stateNode.node);
+    else if (4 !== node.tag && null !== node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === workInProgress) break;
+    for (; null === node.sibling; ) {
+      if (null === node.return || node.return === workInProgress) return;
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+var updateHostContainer = void 0,
+  updateHostComponent$1 = void 0,
+  updateHostText$1 = void 0;
+updateHostContainer = function(workInProgress) {
+  var portalOrRoot = workInProgress.stateNode;
+  if (null !== workInProgress.firstEffect) {
+    var container = portalOrRoot.containerInfo,
+      newChildSet = FabricUIManager.createChildSet(container);
+    a: for (var node = workInProgress.child; null !== node; ) {
+      if (5 === node.tag || 6 === node.tag)
+        FabricUIManager.appendChildToSet(newChildSet, node.stateNode.node);
+      else if (4 !== node.tag && null !== node.child) {
+        node.child.return = node;
+        node = node.child;
+        continue;
+      }
+      if (node === workInProgress) break a;
+      for (; null === node.sibling; ) {
+        if (null === node.return || node.return === workInProgress) break a;
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+    portalOrRoot.pendingChildren = newChildSet;
+    workInProgress.effectTag |= 4;
+    FabricUIManager.completeRoot(container, newChildSet);
+  }
+};
+updateHostComponent$1 = function(current, workInProgress, updatePayload) {
+  var childrenUnchanged = null === workInProgress.firstEffect;
+  current = current.stateNode;
+  if (childrenUnchanged && null === updatePayload)
+    workInProgress.stateNode = current;
+  else {
+    var node = current.node;
+    updatePayload = {
+      node: childrenUnchanged
+        ? null !== updatePayload
+          ? FabricUIManager.cloneNodeWithNewProps(
+              node,
+              updatePayload,
+              workInProgress
+            )
+          : FabricUIManager.cloneNode(node, workInProgress)
+        : null !== updatePayload
+          ? FabricUIManager.cloneNodeWithNewChildrenAndProps(
+              node,
+              updatePayload,
+              workInProgress
+            )
+          : FabricUIManager.cloneNodeWithNewChildren(node, workInProgress),
+      canonical: current.canonical
+    };
+    workInProgress.stateNode = updatePayload;
+    childrenUnchanged
+      ? (workInProgress.effectTag |= 4)
+      : appendAllChildren(updatePayload, workInProgress);
+  }
+};
+updateHostText$1 = function(current, workInProgress, oldText, newText) {
+  oldText !== newText &&
+    ((current = requiredContext(rootInstanceStackCursor.current)),
+    (oldText = requiredContext(contextStackCursor$1.current)),
+    (workInProgress.stateNode = createTextInstance(
+      newText,
+      current,
+      oldText,
+      workInProgress
+    )),
+    (workInProgress.effectTag |= 4));
+};
+function completeWork(current, workInProgress) {
+  var newProps = workInProgress.pendingProps;
+  workInProgress.mode & 4 && recordElapsedActualRenderTime(workInProgress);
+  switch (workInProgress.tag) {
+    case 1:
+      return null;
+    case 2:
+      return popContextProvider(workInProgress), null;
+    case 3:
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      newProps = workInProgress.stateNode;
+      newProps.pendingContext &&
+        ((newProps.context = newProps.pendingContext),
+        (newProps.pendingContext = null));
+      if (null === current || null === current.child)
+        workInProgress.effectTag &= -3;
+      updateHostContainer(workInProgress);
+      return null;
+    case 5:
+      popHostContext(workInProgress);
+      var rootContainerInstance = requiredContext(
+          rootInstanceStackCursor.current
+        ),
+        type = workInProgress.type;
+      if (null !== current && null != workInProgress.stateNode) {
+        var oldProps = current.memoizedProps,
+          instance = workInProgress.stateNode,
+          currentHostContext = requiredContext(contextStackCursor$1.current),
+          updatePayload = diffProperties(
+            null,
+            oldProps,
+            newProps,
+            instance.canonical.viewConfig.validAttributes
+          );
+        instance.canonical.currentProps = newProps;
+        updateHostComponent$1(
+          current,
+          workInProgress,
+          updatePayload,
+          type,
+          oldProps,
+          newProps,
+          rootContainerInstance,
+          currentHostContext
+        );
+        current.ref !== workInProgress.ref && (workInProgress.effectTag |= 128);
+      } else {
+        if (!newProps)
+          return (
+            invariant(
+              null !== workInProgress.stateNode,
+              "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+            ),
+            null
+          );
+        instance = requiredContext(contextStackCursor$1.current);
+        current = nextReactTag;
+        nextReactTag += 2;
+        oldProps = ReactNativeViewConfigRegistry.get(type);
+        invariant(
+          "RCTView" !== type || !instance.isInAParentText,
+          "Nesting of <View> within <Text> is not currently supported."
+        );
+        type = diffProperties(
+          null,
+          emptyObject$1,
+          newProps,
+          oldProps.validAttributes
+        );
+        rootContainerInstance = FabricUIManager.createNode(
+          current,
+          oldProps.uiViewClassName,
+          rootContainerInstance,
+          type,
+          workInProgress
+        );
+        newProps = new ReactFabricHostComponent(current, oldProps, newProps);
+        newProps = { node: rootContainerInstance, canonical: newProps };
+        appendAllChildren(newProps, workInProgress);
+        workInProgress.stateNode = newProps;
+        null !== workInProgress.ref && (workInProgress.effectTag |= 128);
+      }
+      return null;
+    case 6:
+      if (current && null != workInProgress.stateNode)
+        updateHostText$1(
+          current,
+          workInProgress,
+          current.memoizedProps,
+          newProps
+        );
+      else {
+        if ("string" !== typeof newProps)
+          return (
+            invariant(
+              null !== workInProgress.stateNode,
+              "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+            ),
+            null
+          );
+        rootContainerInstance = requiredContext(
+          rootInstanceStackCursor.current
+        );
+        type = requiredContext(contextStackCursor$1.current);
+        workInProgress.stateNode = createTextInstance(
+          newProps,
+          rootContainerInstance,
+          type,
+          workInProgress
+        );
+      }
+      return null;
+    case 14:
+      return null;
+    case 16:
+      return null;
+    case 10:
+      return null;
+    case 11:
+      return null;
+    case 15:
+      return null;
+    case 4:
+      return (
+        popHostContainer(workInProgress),
+        updateHostContainer(workInProgress),
+        null
+      );
+    case 13:
+      return popProvider(workInProgress), null;
+    case 12:
+      return null;
+    case 0:
+      invariant(
+        !1,
+        "An indeterminate component should have become determinate before completing. This error is likely caused by a bug in React. Please file an issue."
+      );
+    default:
+      invariant(
+        !1,
+        "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+      );
+  }
+}
+function logError(boundary, errorInfo) {
+  var source = errorInfo.source,
+    stack = errorInfo.stack;
+  null === stack &&
+    null !== source &&
+    (stack = getStackAddendumByWorkInProgressFiber(source));
+  null !== source && getComponentName(source);
+  source = null !== stack ? stack : "";
+  errorInfo = errorInfo.value;
+  null !== boundary && 2 === boundary.tag && getComponentName(boundary);
+  try {
+    if (errorInfo instanceof Error) {
+      var message = errorInfo.message,
+        name = errorInfo.name;
+      var errorToHandle = errorInfo;
+      try {
+        errorToHandle.message =
+          (message ? name + ": " + message : name) +
+          "\n\nThis error is located at:" +
+          source;
+      } catch (e) {}
+    } else
+      errorToHandle =
+        "string" === typeof errorInfo
+          ? Error(errorInfo + "\n\nThis error is located at:" + source)
+          : Error("Unspecified error at:" + source);
+    ExceptionsManager.handleException(errorToHandle, !1);
+  } catch (e) {
+    (e && e.suppressReactErrorLogging) || console.error(e);
+  }
+}
+function safelyDetachRef(current) {
+  var ref = current.ref;
+  if (null !== ref)
+    if ("function" === typeof ref)
+      try {
+        ref(null);
+      } catch (refError) {
+        captureCommitPhaseError(current, refError);
+      }
+    else ref.current = null;
+}
+function commitWork(current, finishedWork) {
+  switch (finishedWork.tag) {
+    case 2:
+      break;
+    case 5:
+      break;
+    case 6:
+      break;
+    case 3:
+    case 4:
+      break;
+    default:
+      invariant(
+        !1,
+        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+      );
+  }
+}
+function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
+  expirationTime = createUpdate(expirationTime);
+  expirationTime.tag = 3;
+  expirationTime.payload = { element: null };
+  var error = errorInfo.value;
+  expirationTime.callback = function() {
+    onUncaughtError(error);
+    logError(fiber, errorInfo);
+  };
+  return expirationTime;
+}
+function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
+  expirationTime = createUpdate(expirationTime);
+  expirationTime.tag = 3;
+  var inst = fiber.stateNode;
+  null !== inst &&
+    "function" === typeof inst.componentDidCatch &&
+    (expirationTime.callback = function() {
+      null === legacyErrorBoundariesThatAlreadyFailed
+        ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this]))
+        : legacyErrorBoundariesThatAlreadyFailed.add(this);
+      var error = errorInfo.value,
+        stack = errorInfo.stack;
+      logError(fiber, errorInfo);
+      this.componentDidCatch(error, {
+        componentStack: null !== stack ? stack : ""
+      });
+    });
+  return expirationTime;
+}
+function unwindWork(workInProgress) {
+  workInProgress.mode & 4 && recordElapsedActualRenderTime(workInProgress);
+  switch (workInProgress.tag) {
+    case 2:
+      popContextProvider(workInProgress);
+      var effectTag = workInProgress.effectTag;
+      return effectTag & 1024
+        ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+          workInProgress)
+        : null;
+    case 3:
+      return (
+        popHostContainer(workInProgress),
+        popTopLevelContextObject(workInProgress),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 1024
+          ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+            workInProgress)
+          : null
+      );
+    case 5:
+      return popHostContext(workInProgress), null;
+    case 16:
+      return (
+        (effectTag = workInProgress.effectTag),
+        effectTag & 1024
+          ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+            workInProgress)
+          : null
+      );
+    case 4:
+      return popHostContainer(workInProgress), null;
+    case 13:
+      return popProvider(workInProgress), null;
+    default:
+      return null;
+  }
+}
+var originalStartTimeMs = now$1(),
+  mostRecentCurrentTime = 2,
+  mostRecentCurrentTimeMs = originalStartTimeMs,
+  lastUniqueAsyncExpiration = 0,
+  expirationContext = 0,
+  isWorking = !1,
+  nextUnitOfWork = null,
+  nextRoot = null,
+  nextRenderExpirationTime = 0,
+  nextLatestTimeoutMs = -1,
+  nextRenderDidError = !1,
+  nextEffect = null,
+  isCommitting$1 = !1,
+  legacyErrorBoundariesThatAlreadyFailed = null;
+function resetStack() {
+  if (null !== nextUnitOfWork)
+    for (
+      var interruptedWork = nextUnitOfWork.return;
+      null !== interruptedWork;
+
+    ) {
+      var interruptedWork$jscomp$0 = interruptedWork;
+      interruptedWork$jscomp$0.mode & 4 &&
+        (resumeActualRenderTimerIfPaused(),
+        recordElapsedActualRenderTime(interruptedWork$jscomp$0));
+      switch (interruptedWork$jscomp$0.tag) {
+        case 2:
+          popContextProvider(interruptedWork$jscomp$0);
+          break;
+        case 3:
+          popHostContainer(interruptedWork$jscomp$0);
+          popTopLevelContextObject(interruptedWork$jscomp$0);
+          break;
+        case 5:
+          popHostContext(interruptedWork$jscomp$0);
+          break;
+        case 4:
+          popHostContainer(interruptedWork$jscomp$0);
+          break;
+        case 13:
+          popProvider(interruptedWork$jscomp$0);
+      }
+      interruptedWork = interruptedWork.return;
+    }
+  nextRoot = null;
+  nextRenderExpirationTime = 0;
+  nextLatestTimeoutMs = -1;
+  nextRenderDidError = !1;
+  nextUnitOfWork = null;
+}
+function completeUnitOfWork(workInProgress$jscomp$0) {
+  for (;;) {
+    var current = workInProgress$jscomp$0.alternate,
+      returnFiber = workInProgress$jscomp$0.return,
+      siblingFiber = workInProgress$jscomp$0.sibling;
+    if (0 === (workInProgress$jscomp$0.effectTag & 512)) {
+      current = completeWork(
+        current,
+        workInProgress$jscomp$0,
+        nextRenderExpirationTime
+      );
+      var workInProgress = workInProgress$jscomp$0;
+      if (
+        1073741823 === nextRenderExpirationTime ||
+        1073741823 !== workInProgress.expirationTime
+      ) {
+        var newExpirationTime = 0;
+        switch (workInProgress.tag) {
+          case 3:
+          case 2:
+            var updateQueue = workInProgress.updateQueue;
+            null !== updateQueue &&
+              (newExpirationTime = updateQueue.expirationTime);
+        }
+        if (workInProgress.mode & 4) {
+          updateQueue = workInProgress.selfBaseTime;
+          for (var child = workInProgress.child; null !== child; )
+            (updateQueue += child.treeBaseTime),
+              0 !== child.expirationTime &&
+                (0 === newExpirationTime ||
+                  newExpirationTime > child.expirationTime) &&
+                (newExpirationTime = child.expirationTime),
+              (child = child.sibling);
+          workInProgress.treeBaseTime = updateQueue;
+        } else
+          for (updateQueue = workInProgress.child; null !== updateQueue; )
+            0 !== updateQueue.expirationTime &&
+              (0 === newExpirationTime ||
+                newExpirationTime > updateQueue.expirationTime) &&
+              (newExpirationTime = updateQueue.expirationTime),
+              (updateQueue = updateQueue.sibling);
+        workInProgress.expirationTime = newExpirationTime;
+      }
+      if (null !== current) return current;
+      null !== returnFiber &&
+        0 === (returnFiber.effectTag & 512) &&
+        (null === returnFiber.firstEffect &&
+          (returnFiber.firstEffect = workInProgress$jscomp$0.firstEffect),
+        null !== workInProgress$jscomp$0.lastEffect &&
+          (null !== returnFiber.lastEffect &&
+            (returnFiber.lastEffect.nextEffect =
+              workInProgress$jscomp$0.firstEffect),
+          (returnFiber.lastEffect = workInProgress$jscomp$0.lastEffect)),
+        1 < workInProgress$jscomp$0.effectTag &&
+          (null !== returnFiber.lastEffect
+            ? (returnFiber.lastEffect.nextEffect = workInProgress$jscomp$0)
+            : (returnFiber.firstEffect = workInProgress$jscomp$0),
+          (returnFiber.lastEffect = workInProgress$jscomp$0)));
+    } else {
+      workInProgress$jscomp$0 = unwindWork(
+        workInProgress$jscomp$0,
+        nextRenderExpirationTime
+      );
+      if (null !== workInProgress$jscomp$0)
+        return (
+          (workInProgress$jscomp$0.effectTag &= 511), workInProgress$jscomp$0
+        );
+      null !== returnFiber &&
+        ((returnFiber.firstEffect = returnFiber.lastEffect = null),
+        (returnFiber.effectTag |= 512));
+    }
+    if (null !== siblingFiber) return siblingFiber;
+    if (null !== returnFiber) workInProgress$jscomp$0 = returnFiber;
+    else break;
+  }
+  return null;
+}
+function performUnitOfWork(workInProgress) {
+  var current = workInProgress.alternate;
+  workInProgress.mode & 4 && (baseStartTime = now$1());
+  current = beginWork(current, workInProgress, nextRenderExpirationTime);
+  workInProgress.mode & 4 &&
+    (-1 !== baseStartTime &&
+      (workInProgress.selfBaseTime = now$1() - baseStartTime),
+    (baseStartTime = -1));
+  null === current && (current = completeUnitOfWork(workInProgress));
+  ReactCurrentOwner.current = null;
+  return current;
+}
+function renderRoot(root$jscomp$0, isYieldy) {
+  invariant(
+    !isWorking,
+    "renderRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
+  );
+  isWorking = !0;
+  var expirationTime = root$jscomp$0.nextExpirationTimeToWorkOn;
+  if (
+    expirationTime !== nextRenderExpirationTime ||
+    root$jscomp$0 !== nextRoot ||
+    null === nextUnitOfWork
+  )
+    resetStack(),
+      (nextRoot = root$jscomp$0),
+      (nextRenderExpirationTime = expirationTime),
+      (nextLatestTimeoutMs = -1),
+      (nextRenderDidError = !1),
+      (nextUnitOfWork = createWorkInProgress(
+        nextRoot.current,
+        null,
+        nextRenderExpirationTime
+      )),
+      (root$jscomp$0.pendingCommitExpirationTime = 0);
+  var didFatal = !1;
+  do {
+    try {
+      if (isYieldy) {
+        for (; null !== nextUnitOfWork && !shouldYield(); )
+          nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
+        0 === timerPausedAt && (timerPausedAt = now$1());
+      } else
+        for (; null !== nextUnitOfWork; )
+          nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
+    } catch (thrownValue) {
+      if (((baseStartTime = -1), null === nextUnitOfWork))
+        (didFatal = !0), onUncaughtError(thrownValue);
+      else {
+        invariant(
+          null !== nextUnitOfWork,
+          "Failed to replay rendering after an error. This is likely caused by a bug in React. Please file an issue with a reproducing case to help us find it."
+        );
+        isYieldy = nextUnitOfWork;
+        var returnFiber = isYieldy.return;
+        if (null === returnFiber) {
+          didFatal = !0;
+          onUncaughtError(thrownValue);
+          break;
+        }
+        a: {
+          var root = root$jscomp$0,
+            returnFiber$jscomp$0 = returnFiber,
+            sourceFiber = isYieldy,
+            value = thrownValue;
+          returnFiber = nextRenderExpirationTime;
+          sourceFiber.effectTag |= 512;
+          sourceFiber.firstEffect = sourceFiber.lastEffect = null;
+          nextRenderDidError = !0;
+          if (
+            (root.didError || 1 === returnFiber) &&
+            (returnFiber === root.latestPendingTime ||
+              returnFiber === root.latestSuspendedTime)
+          ) {
+            value = createCapturedValue(value, sourceFiber);
+            root = returnFiber$jscomp$0;
+            do {
+              switch (root.tag) {
+                case 3:
+                  root.effectTag |= 1024;
+                  value = createRootErrorUpdate(root, value, returnFiber);
+                  enqueueCapturedUpdate(root, value, returnFiber);
+                  break a;
+                case 2:
+                  if (
+                    ((returnFiber$jscomp$0 = value),
+                    (sourceFiber = root.stateNode),
+                    0 === (root.effectTag & 64) &&
+                      null !== sourceFiber &&
+                      "function" === typeof sourceFiber.componentDidCatch &&
+                      (null === legacyErrorBoundariesThatAlreadyFailed ||
+                        !legacyErrorBoundariesThatAlreadyFailed.has(
+                          sourceFiber
+                        )))
+                  ) {
+                    root.effectTag |= 1024;
+                    value = createClassErrorUpdate(
+                      root,
+                      returnFiber$jscomp$0,
+                      returnFiber
+                    );
+                    enqueueCapturedUpdate(root, value, returnFiber);
+                    break a;
+                  }
+              }
+              root = root.return;
+            } while (null !== root);
+          }
+        }
+        nextUnitOfWork = completeUnitOfWork(isYieldy);
+      }
+    }
+    break;
+  } while (1);
+  isWorking = !1;
+  didFatal
+    ? (root$jscomp$0.finishedWork = null)
+    : null === nextUnitOfWork
+      ? ((didFatal = root$jscomp$0.current.alternate),
+        invariant(
+          null !== didFatal,
+          "Finished root should have a work-in-progress. This error is likely caused by a bug in React. Please file an issue."
+        ),
+        0 === (didFatal.effectTag & 512)
+          ? ((root$jscomp$0.pendingCommitExpirationTime = expirationTime),
+            (root$jscomp$0.finishedWork = didFatal))
+          : (!nextRenderDidError ||
+            (expirationTime !== root$jscomp$0.latestPendingTime &&
+              expirationTime !== root$jscomp$0.latestSuspendedTime)
+              ? ((didFatal = root$jscomp$0.earliestPendingTime),
+                (isYieldy = root$jscomp$0.latestPendingTime),
+                didFatal === expirationTime
+                  ? (root$jscomp$0.earliestPendingTime =
+                      isYieldy === expirationTime
+                        ? (root$jscomp$0.latestPendingTime = 0)
+                        : isYieldy)
+                  : isYieldy === expirationTime &&
+                    (root$jscomp$0.latestPendingTime = didFatal),
+                (didFatal = root$jscomp$0.latestSuspendedTime),
+                didFatal === expirationTime &&
+                  (root$jscomp$0.latestPingedTime = 0),
+                (isYieldy = root$jscomp$0.earliestSuspendedTime),
+                0 === isYieldy
+                  ? (root$jscomp$0.earliestSuspendedTime = root$jscomp$0.latestSuspendedTime = expirationTime)
+                  : isYieldy > expirationTime
+                    ? (root$jscomp$0.earliestSuspendedTime = expirationTime)
+                    : didFatal < expirationTime &&
+                      (root$jscomp$0.latestSuspendedTime = expirationTime))
+              : (root$jscomp$0.didError = !0),
+            findNextPendingPriorityLevel(root$jscomp$0),
+            onSuspend(
+              root$jscomp$0,
+              expirationTime,
+              root$jscomp$0.expirationTime,
+              nextLatestTimeoutMs
+            )))
+      : (root$jscomp$0.finishedWork = null);
+}
+function captureCommitPhaseError(fiber, error) {
+  var JSCompiler_inline_result;
+  a: {
+    invariant(
+      !isWorking || isCommitting$1,
+      "dispatch: Cannot dispatch during the render phase."
+    );
+    for (
+      JSCompiler_inline_result = fiber.return;
+      null !== JSCompiler_inline_result;
+
+    ) {
+      switch (JSCompiler_inline_result.tag) {
+        case 2:
+          var instance = JSCompiler_inline_result.stateNode;
+          if (
+            "function" ===
+              typeof JSCompiler_inline_result.type.getDerivedStateFromCatch ||
+            ("function" === typeof instance.componentDidCatch &&
+              (null === legacyErrorBoundariesThatAlreadyFailed ||
+                !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
+          ) {
+            fiber = createCapturedValue(error, fiber);
+            fiber = createClassErrorUpdate(JSCompiler_inline_result, fiber, 1);
+            enqueueUpdate(JSCompiler_inline_result, fiber, 1);
+            scheduleWork(JSCompiler_inline_result, 1);
+            JSCompiler_inline_result = void 0;
+            break a;
+          }
+          break;
+        case 3:
+          fiber = createCapturedValue(error, fiber);
+          fiber = createRootErrorUpdate(JSCompiler_inline_result, fiber, 1);
+          enqueueUpdate(JSCompiler_inline_result, fiber, 1);
+          scheduleWork(JSCompiler_inline_result, 1);
+          JSCompiler_inline_result = void 0;
+          break a;
+      }
+      JSCompiler_inline_result = JSCompiler_inline_result.return;
+    }
+    3 === fiber.tag &&
+      ((JSCompiler_inline_result = createCapturedValue(error, fiber)),
+      (JSCompiler_inline_result = createRootErrorUpdate(
+        fiber,
+        JSCompiler_inline_result,
+        1
+      )),
+      enqueueUpdate(fiber, JSCompiler_inline_result, 1),
+      scheduleWork(fiber, 1));
+    JSCompiler_inline_result = void 0;
+  }
+  return JSCompiler_inline_result;
+}
+function computeExpirationForFiber(currentTime, fiber) {
+  currentTime =
+    0 !== expirationContext
+      ? expirationContext
+      : isWorking
+        ? isCommitting$1 ? 1 : nextRenderExpirationTime
+        : fiber.mode & 1
+          ? isBatchingInteractiveUpdates
+            ? 2 + 10 * ((((currentTime - 2 + 15) / 10) | 0) + 1)
+            : 2 + 25 * ((((currentTime - 2 + 500) / 25) | 0) + 1)
+          : 1;
+  isBatchingInteractiveUpdates &&
+    (0 === lowestPendingInteractiveExpirationTime ||
+      currentTime > lowestPendingInteractiveExpirationTime) &&
+    (lowestPendingInteractiveExpirationTime = currentTime);
+  return currentTime;
+}
+function scheduleWork(fiber, expirationTime) {
+  for (; null !== fiber; ) {
+    if (0 === fiber.expirationTime || fiber.expirationTime > expirationTime)
+      fiber.expirationTime = expirationTime;
+    null !== fiber.alternate &&
+      (0 === fiber.alternate.expirationTime ||
+        fiber.alternate.expirationTime > expirationTime) &&
+      (fiber.alternate.expirationTime = expirationTime);
+    if (null === fiber.return)
+      if (3 === fiber.tag) {
+        var root = fiber.stateNode;
+        !isWorking &&
+          0 !== nextRenderExpirationTime &&
+          expirationTime < nextRenderExpirationTime &&
+          resetStack();
+        markPendingPriorityLevel(root, expirationTime);
+        (isWorking && !isCommitting$1 && nextRoot === root) ||
+          requestWork(root, root.expirationTime);
+        nestedUpdateCount > NESTED_UPDATE_LIMIT &&
+          invariant(
+            !1,
+            "Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops."
+          );
+      } else break;
+    fiber = fiber.return;
+  }
+}
+function recalculateCurrentTime() {
+  mostRecentCurrentTimeMs = now$1() - originalStartTimeMs;
+  return (mostRecentCurrentTime = ((mostRecentCurrentTimeMs / 10) | 0) + 2);
+}
+function syncUpdates(fn, a, b, c, d) {
+  var previousExpirationContext = expirationContext;
+  expirationContext = 1;
+  try {
+    return fn(a, b, c, d);
+  } finally {
+    expirationContext = previousExpirationContext;
+  }
+}
+var firstScheduledRoot = null,
+  lastScheduledRoot = null,
+  callbackExpirationTime = 0,
+  callbackID = void 0,
+  isRendering = !1,
+  nextFlushedRoot = null,
+  nextFlushedExpirationTime = 0,
+  lowestPendingInteractiveExpirationTime = 0,
+  deadlineDidExpire = !1,
+  hasUnhandledError = !1,
+  unhandledError = null,
+  deadline = null,
+  isBatchingUpdates = !1,
+  isUnbatchingUpdates = !1,
+  isBatchingInteractiveUpdates = !1,
+  completedBatches = null,
+  NESTED_UPDATE_LIMIT = 1e3,
+  nestedUpdateCount = 0,
+  timeHeuristicForUnitOfWork = 1;
+function scheduleCallbackWithExpirationTime(expirationTime) {
+  if (0 !== callbackExpirationTime) {
+    if (expirationTime > callbackExpirationTime) return;
+    if (null !== callbackID) {
+      var callbackID$jscomp$0 = callbackID;
+      scheduledCallback = null;
+      clearTimeout(callbackID$jscomp$0);
+    }
+  }
+  callbackExpirationTime = expirationTime;
+  now$1();
+  scheduledCallback = performAsyncWork;
+  callbackID = setTimeout(setTimeoutCallback, 1);
+}
+function onSuspend(root, suspendedExpirationTime, expirationTime, timeoutMs) {
+  0 <= timeoutMs &&
+    setTimeout(function() {
+      var latestSuspendedTime = root.latestSuspendedTime;
+      0 !== latestSuspendedTime &&
+        latestSuspendedTime <= suspendedExpirationTime &&
+        ((latestSuspendedTime = root.latestPingedTime),
+        0 === latestSuspendedTime ||
+          latestSuspendedTime < suspendedExpirationTime) &&
+        (root.latestPingedTime = suspendedExpirationTime);
+      findNextPendingPriorityLevel(root);
+      latestSuspendedTime = root.expirationTime;
+      0 !== latestSuspendedTime && requestWork(root, latestSuspendedTime);
+    }, timeoutMs);
+  root.expirationTime = expirationTime;
+}
+function requestWork(root, expirationTime) {
+  if (null === root.nextScheduledRoot)
+    (root.expirationTime = expirationTime),
+      null === lastScheduledRoot
+        ? ((firstScheduledRoot = lastScheduledRoot = root),
+          (root.nextScheduledRoot = root))
+        : ((lastScheduledRoot = lastScheduledRoot.nextScheduledRoot = root),
+          (lastScheduledRoot.nextScheduledRoot = firstScheduledRoot));
+  else {
+    var remainingExpirationTime = root.expirationTime;
+    if (
+      0 === remainingExpirationTime ||
+      expirationTime < remainingExpirationTime
+    )
+      root.expirationTime = expirationTime;
+  }
+  isRendering ||
+    (isBatchingUpdates
+      ? isUnbatchingUpdates &&
+        ((nextFlushedRoot = root),
+        (nextFlushedExpirationTime = 1),
+        performWorkOnRoot(root, 1, !1))
+      : 1 === expirationTime
+        ? performWork(1, null)
+        : scheduleCallbackWithExpirationTime(expirationTime));
+}
+function findHighestPriorityRoot() {
+  var highestPriorityWork = 0,
+    highestPriorityRoot = null;
+  if (null !== lastScheduledRoot)
+    for (
+      var previousScheduledRoot = lastScheduledRoot, root = firstScheduledRoot;
+      null !== root;
+
+    ) {
+      var remainingExpirationTime = root.expirationTime;
+      if (0 === remainingExpirationTime) {
+        invariant(
+          null !== previousScheduledRoot && null !== lastScheduledRoot,
+          "Should have a previous and last root. This error is likely caused by a bug in React. Please file an issue."
+        );
+        if (root === root.nextScheduledRoot) {
+          firstScheduledRoot = lastScheduledRoot = root.nextScheduledRoot = null;
+          break;
+        } else if (root === firstScheduledRoot)
+          (firstScheduledRoot = remainingExpirationTime =
+            root.nextScheduledRoot),
+            (lastScheduledRoot.nextScheduledRoot = remainingExpirationTime),
+            (root.nextScheduledRoot = null);
+        else if (root === lastScheduledRoot) {
+          lastScheduledRoot = previousScheduledRoot;
+          lastScheduledRoot.nextScheduledRoot = firstScheduledRoot;
+          root.nextScheduledRoot = null;
+          break;
+        } else
+          (previousScheduledRoot.nextScheduledRoot = root.nextScheduledRoot),
+            (root.nextScheduledRoot = null);
+        root = previousScheduledRoot.nextScheduledRoot;
+      } else {
+        if (
+          0 === highestPriorityWork ||
+          remainingExpirationTime < highestPriorityWork
+        )
+          (highestPriorityWork = remainingExpirationTime),
+            (highestPriorityRoot = root);
+        if (root === lastScheduledRoot) break;
+        previousScheduledRoot = root;
+        root = root.nextScheduledRoot;
+      }
+    }
+  previousScheduledRoot = nextFlushedRoot;
+  null !== previousScheduledRoot &&
+  previousScheduledRoot === highestPriorityRoot &&
+  1 === highestPriorityWork
+    ? nestedUpdateCount++
+    : (nestedUpdateCount = 0);
+  nextFlushedRoot = highestPriorityRoot;
+  nextFlushedExpirationTime = highestPriorityWork;
+}
+function performAsyncWork(dl) {
+  performWork(0, dl);
+}
+function performWork(minExpirationTime, dl) {
+  deadline = dl;
+  findHighestPriorityRoot();
+  resumeActualRenderTimerIfPaused();
+  if (null !== deadline)
+    for (
+      ;
+      null !== nextFlushedRoot &&
+      0 !== nextFlushedExpirationTime &&
+      (0 === minExpirationTime ||
+        minExpirationTime >= nextFlushedExpirationTime) &&
+      (!deadlineDidExpire ||
+        recalculateCurrentTime() >= nextFlushedExpirationTime);
+
+    )
+      recalculateCurrentTime(),
+        performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, !0),
+        findHighestPriorityRoot();
+  else
+    for (
+      ;
+      null !== nextFlushedRoot &&
+      0 !== nextFlushedExpirationTime &&
+      (0 === minExpirationTime ||
+        minExpirationTime >= nextFlushedExpirationTime);
+
+    )
+      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, !1),
+        findHighestPriorityRoot();
+  null !== deadline && ((callbackExpirationTime = 0), (callbackID = null));
+  0 !== nextFlushedExpirationTime &&
+    scheduleCallbackWithExpirationTime(nextFlushedExpirationTime);
+  deadline = null;
+  deadlineDidExpire = !1;
+  finishRendering();
+}
+function finishRendering() {
+  nestedUpdateCount = 0;
+  if (null !== completedBatches) {
+    var batches = completedBatches;
+    completedBatches = null;
+    for (var i = 0; i < batches.length; i++) {
+      var batch = batches[i];
+      try {
+        batch._onComplete();
+      } catch (error) {
+        hasUnhandledError ||
+          ((hasUnhandledError = !0), (unhandledError = error));
+      }
+    }
+  }
+  if (hasUnhandledError)
+    throw ((batches = unhandledError),
+    (unhandledError = null),
+    (hasUnhandledError = !1),
+    batches);
+}
+function performWorkOnRoot(root, expirationTime, isYieldy) {
+  invariant(
+    !isRendering,
+    "performWorkOnRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
+  );
+  isRendering = !0;
+  isYieldy
+    ? ((isYieldy = root.finishedWork),
+      null !== isYieldy
+        ? completeRoot$1(root, isYieldy, expirationTime)
+        : ((root.finishedWork = null),
+          renderRoot(root, !0),
+          (isYieldy = root.finishedWork),
+          null !== isYieldy &&
+            (shouldYield()
+              ? ((root.finishedWork = isYieldy),
+                0 === timerPausedAt && (timerPausedAt = now$1()))
+              : completeRoot$1(root, isYieldy, expirationTime))))
+    : ((isYieldy = root.finishedWork),
+      null !== isYieldy
+        ? completeRoot$1(root, isYieldy, expirationTime)
+        : ((root.finishedWork = null),
+          renderRoot(root, !1),
+          (isYieldy = root.finishedWork),
+          null !== isYieldy && completeRoot$1(root, isYieldy, expirationTime)));
+  isRendering = !1;
+}
+function completeRoot$1(root, finishedWork$jscomp$0, expirationTime) {
+  var firstBatch = root.firstBatch;
+  if (
+    null !== firstBatch &&
+    firstBatch._expirationTime <= expirationTime &&
+    (null === completedBatches
+      ? (completedBatches = [firstBatch])
+      : completedBatches.push(firstBatch),
+    firstBatch._defer)
+  ) {
+    root.finishedWork = finishedWork$jscomp$0;
+    root.expirationTime = 0;
+    return;
+  }
+  root.finishedWork = null;
+  isCommitting$1 = isWorking = !0;
+  invariant(
+    root.current !== finishedWork$jscomp$0,
+    "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."
+  );
+  expirationTime = root.pendingCommitExpirationTime;
+  invariant(
+    0 !== expirationTime,
+    "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
+  );
+  root.pendingCommitExpirationTime = 0;
+  firstBatch = finishedWork$jscomp$0.expirationTime;
+  recalculateCurrentTime();
+  root.didError = !1;
+  if (0 === firstBatch)
+    (root.earliestPendingTime = 0),
+      (root.latestPendingTime = 0),
+      (root.earliestSuspendedTime = 0),
+      (root.latestSuspendedTime = 0),
+      (root.latestPingedTime = 0);
+  else {
+    var latestPendingTime = root.latestPendingTime;
+    0 !== latestPendingTime &&
+      (latestPendingTime < firstBatch
+        ? (root.earliestPendingTime = root.latestPendingTime = 0)
+        : root.earliestPendingTime < firstBatch &&
+          (root.earliestPendingTime = root.latestPendingTime));
+    latestPendingTime = root.earliestSuspendedTime;
+    0 === latestPendingTime
+      ? markPendingPriorityLevel(root, firstBatch)
+      : firstBatch > root.latestSuspendedTime
+        ? ((root.earliestSuspendedTime = 0),
+          (root.latestSuspendedTime = 0),
+          (root.latestPingedTime = 0),
+          markPendingPriorityLevel(root, firstBatch))
+        : firstBatch < latestPendingTime &&
+          markPendingPriorityLevel(root, firstBatch);
+  }
+  findNextPendingPriorityLevel(root);
+  ReactCurrentOwner.current = null;
+  1 < finishedWork$jscomp$0.effectTag
+    ? null !== finishedWork$jscomp$0.lastEffect
+      ? ((finishedWork$jscomp$0.lastEffect.nextEffect = finishedWork$jscomp$0),
+        (firstBatch = finishedWork$jscomp$0.firstEffect))
+      : (firstBatch = finishedWork$jscomp$0)
+    : (firstBatch = finishedWork$jscomp$0.firstEffect);
+  for (nextEffect = firstBatch; null !== nextEffect; ) {
+    latestPendingTime = !1;
+    var error = void 0;
+    try {
+      for (; null !== nextEffect; ) {
+        if (nextEffect.effectTag & 256) {
+          var current = nextEffect.alternate,
+            finishedWork = nextEffect;
+          switch (finishedWork.tag) {
+            case 2:
+              if (finishedWork.effectTag & 256 && null !== current) {
+                var prevProps = current.memoizedProps,
+                  prevState = current.memoizedState,
+                  instance = finishedWork.stateNode;
+                instance.props = finishedWork.memoizedProps;
+                instance.state = finishedWork.memoizedState;
+                var snapshot = instance.getSnapshotBeforeUpdate(
+                  prevProps,
+                  prevState
+                );
+                instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+              }
+              break;
+            case 3:
+            case 5:
+            case 6:
+            case 4:
+              break;
+            default:
+              invariant(
+                !1,
+                "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+              );
+          }
+        }
+        nextEffect = nextEffect.nextEffect;
+      }
+    } catch (e) {
+      (latestPendingTime = !0), (error = e);
+    }
+    latestPendingTime &&
+      (invariant(
+        null !== nextEffect,
+        "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
+      ),
+      captureCommitPhaseError(nextEffect, error),
+      null !== nextEffect && (nextEffect = nextEffect.nextEffect));
+  }
+  now$1();
+  for (nextEffect = firstBatch; null !== nextEffect; ) {
+    current = !1;
+    prevProps = void 0;
+    try {
+      for (; null !== nextEffect; ) {
+        var effectTag = nextEffect.effectTag;
+        if (effectTag & 128) {
+          var current$jscomp$0 = nextEffect.alternate;
+          if (null !== current$jscomp$0) {
+            var currentRef = current$jscomp$0.ref;
+            null !== currentRef &&
+              ("function" === typeof currentRef
+                ? currentRef(null)
+                : (currentRef.current = null));
+          }
+        }
+        switch (effectTag & 14) {
+          case 2:
+            nextEffect.effectTag &= -3;
+            break;
+          case 6:
+            nextEffect.effectTag &= -3;
+            commitWork(nextEffect.alternate, nextEffect);
+            break;
+          case 4:
+            commitWork(nextEffect.alternate, nextEffect);
+            break;
+          case 8:
+            prevState = nextEffect;
+            a: for (snapshot = instance = prevState; ; ) {
+              latestPendingTime = snapshot;
+              "function" === typeof onCommitUnmount &&
+                onCommitUnmount(latestPendingTime);
+              switch (latestPendingTime.tag) {
+                case 2:
+                  safelyDetachRef(latestPendingTime);
+                  var instance$jscomp$0 = latestPendingTime.stateNode;
+                  if (
+                    "function" === typeof instance$jscomp$0.componentWillUnmount
+                  )
+                    try {
+                      (instance$jscomp$0.props =
+                        latestPendingTime.memoizedProps),
+                        (instance$jscomp$0.state =
+                          latestPendingTime.memoizedState),
+                        instance$jscomp$0.componentWillUnmount();
+                    } catch (unmountError) {
+                      captureCommitPhaseError(latestPendingTime, unmountError);
+                    }
+                  break;
+                case 5:
+                  safelyDetachRef(latestPendingTime);
+                  break;
+                case 4:
+                  FabricUIManager.createChildSet(
+                    latestPendingTime.stateNode.containerInfo
+                  );
+              }
+              if (null !== snapshot.child)
+                (snapshot.child.return = snapshot), (snapshot = snapshot.child);
+              else {
+                if (snapshot === instance) break;
+                for (; null === snapshot.sibling; ) {
+                  if (null === snapshot.return || snapshot.return === instance)
+                    break a;
+                  snapshot = snapshot.return;
+                }
+                snapshot.sibling.return = snapshot.return;
+                snapshot = snapshot.sibling;
+              }
+            }
+            prevState.return = null;
+            prevState.child = null;
+            prevState.alternate &&
+              ((prevState.alternate.child = null),
+              (prevState.alternate.return = null));
+        }
+        nextEffect = nextEffect.nextEffect;
+      }
+    } catch (e) {
+      (current = !0), (prevProps = e);
+    }
+    current &&
+      (invariant(
+        null !== nextEffect,
+        "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
+      ),
+      captureCommitPhaseError(nextEffect, prevProps),
+      null !== nextEffect && (nextEffect = nextEffect.nextEffect));
+  }
+  root.current = finishedWork$jscomp$0;
+  for (nextEffect = firstBatch; null !== nextEffect; ) {
+    effectTag = !1;
+    current$jscomp$0 = void 0;
+    try {
+      for (currentRef = expirationTime; null !== nextEffect; ) {
+        var effectTag$jscomp$0 = nextEffect.effectTag;
+        if (effectTag$jscomp$0 & 36) {
+          var current$jscomp$1 = nextEffect.alternate;
+          instance$jscomp$0 = nextEffect;
+          firstBatch = currentRef;
+          switch (instance$jscomp$0.tag) {
+            case 2:
+              var instance$jscomp$1 = instance$jscomp$0.stateNode;
+              if (instance$jscomp$0.effectTag & 4)
+                if (null === current$jscomp$1)
+                  (instance$jscomp$1.props = instance$jscomp$0.memoizedProps),
+                    (instance$jscomp$1.state = instance$jscomp$0.memoizedState),
+                    instance$jscomp$1.componentDidMount();
+                else {
+                  var prevProps$jscomp$0 = current$jscomp$1.memoizedProps,
+                    prevState$jscomp$0 = current$jscomp$1.memoizedState;
+                  instance$jscomp$1.props = instance$jscomp$0.memoizedProps;
+                  instance$jscomp$1.state = instance$jscomp$0.memoizedState;
+                  instance$jscomp$1.componentDidUpdate(
+                    prevProps$jscomp$0,
+                    prevState$jscomp$0,
+                    instance$jscomp$1.__reactInternalSnapshotBeforeUpdate
+                  );
+                }
+              var updateQueue = instance$jscomp$0.updateQueue;
+              null !== updateQueue &&
+                ((instance$jscomp$1.props = instance$jscomp$0.memoizedProps),
+                (instance$jscomp$1.state = instance$jscomp$0.memoizedState),
+                commitUpdateQueue(
+                  instance$jscomp$0,
+                  updateQueue,
+                  instance$jscomp$1,
+                  firstBatch
+                ));
+              break;
+            case 3:
+              var _updateQueue = instance$jscomp$0.updateQueue;
+              if (null !== _updateQueue) {
+                current = null;
+                if (null !== instance$jscomp$0.child)
+                  switch (instance$jscomp$0.child.tag) {
+                    case 5:
+                      current = instance$jscomp$0.child.stateNode.canonical;
+                      break;
+                    case 2:
+                      current = instance$jscomp$0.child.stateNode;
+                  }
+                commitUpdateQueue(
+                  instance$jscomp$0,
+                  _updateQueue,
+                  current,
+                  firstBatch
+                );
+              }
+              break;
+            case 5:
+              null === current$jscomp$1 &&
+                instance$jscomp$0.effectTag & 4 &&
+                invariant(
+                  !1,
+                  "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
+                );
+              break;
+            case 6:
+              break;
+            case 4:
+              break;
+            case 15:
+              break;
+            case 16:
+              break;
+            default:
+              invariant(
+                !1,
+                "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+              );
+          }
+        }
+        if (effectTag$jscomp$0 & 128) {
+          instance$jscomp$0 = void 0;
+          var ref = nextEffect.ref;
+          if (null !== ref) {
+            var instance$jscomp$2 = nextEffect.stateNode;
+            switch (nextEffect.tag) {
+              case 5:
+                instance$jscomp$0 = instance$jscomp$2.canonical;
+                break;
+              default:
+                instance$jscomp$0 = instance$jscomp$2;
+            }
+            "function" === typeof ref
+              ? ref(instance$jscomp$0)
+              : (ref.current = instance$jscomp$0);
+          }
+        }
+        var next = nextEffect.nextEffect;
+        nextEffect.nextEffect = null;
+        nextEffect = next;
+      }
+    } catch (e) {
+      (effectTag = !0), (current$jscomp$0 = e);
+    }
+    effectTag &&
+      (invariant(
+        null !== nextEffect,
+        "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
+      ),
+      captureCommitPhaseError(nextEffect, current$jscomp$0),
+      null !== nextEffect && (nextEffect = nextEffect.nextEffect));
+  }
+  totalElapsedPauseTime = 0;
+  isWorking = isCommitting$1 = !1;
+  "function" === typeof onCommitRoot &&
+    onCommitRoot(finishedWork$jscomp$0.stateNode);
+  finishedWork$jscomp$0 = root.expirationTime;
+  0 === finishedWork$jscomp$0 &&
+    (legacyErrorBoundariesThatAlreadyFailed = null);
+  root.expirationTime = finishedWork$jscomp$0;
+  root.finishedWork = null;
+}
+function shouldYield() {
+  return null === deadline ||
+    deadlineDidExpire ||
+    deadline.timeRemaining() > timeHeuristicForUnitOfWork
+    ? !1
+    : (deadlineDidExpire = !0);
+}
+function onUncaughtError(error) {
+  invariant(
+    null !== nextFlushedRoot,
+    "Should be working on a root. This error is likely caused by a bug in React. Please file an issue."
+  );
+  nextFlushedRoot.expirationTime = 0;
+  hasUnhandledError || ((hasUnhandledError = !0), (unhandledError = error));
+}
+function updateContainerAtExpirationTime(
+  element,
+  container,
+  parentComponent,
+  expirationTime,
+  callback
+) {
+  var current = container.current;
+  if (parentComponent) {
+    parentComponent = parentComponent._reactInternalFiber;
+    var parentContext;
+    b: {
+      invariant(
+        2 === isFiberMountedImpl(parentComponent) && 2 === parentComponent.tag,
+        "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+      );
+      for (parentContext = parentComponent; 3 !== parentContext.tag; ) {
+        if (isContextProvider(parentContext)) {
+          parentContext =
+            parentContext.stateNode.__reactInternalMemoizedMergedChildContext;
+          break b;
+        }
+        parentContext = parentContext.return;
+        invariant(
+          parentContext,
+          "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+        );
+      }
+      parentContext = parentContext.stateNode.context;
+    }
+    parentComponent = isContextProvider(parentComponent)
+      ? processChildContext(parentComponent, parentContext)
+      : parentContext;
+  } else parentComponent = emptyObject;
+  null === container.context
+    ? (container.context = parentComponent)
+    : (container.pendingContext = parentComponent);
+  container = callback;
+  callback = createUpdate(expirationTime);
+  callback.payload = { element: element };
+  container = void 0 === container ? null : container;
+  null !== container && (callback.callback = container);
+  enqueueUpdate(current, callback, expirationTime);
+  scheduleWork(current, expirationTime);
+  return expirationTime;
+}
+function findHostInstance$1(component) {
+  var fiber = component._reactInternalFiber;
+  void 0 === fiber &&
+    ("function" === typeof component.render
+      ? invariant(!1, "Unable to find node on an unmounted component.")
+      : invariant(
+          !1,
+          "Argument appears to not be a ReactComponent. Keys: %s",
+          Object.keys(component)
+        ));
+  component = findCurrentHostFiber(fiber);
+  return null === component ? null : component.stateNode;
+}
+function updateContainer(element, container, parentComponent, callback) {
+  var current = container.current,
+    currentTime = recalculateCurrentTime();
+  current = computeExpirationForFiber(currentTime, current);
+  return updateContainerAtExpirationTime(
+    element,
+    container,
+    parentComponent,
+    current,
+    callback
+  );
+}
+function getPublicRootInstance(container) {
+  container = container.current;
+  if (!container.child) return null;
+  switch (container.child.tag) {
+    case 5:
+      return container.child.stateNode.canonical;
+    default:
+      return container.child.stateNode;
+  }
+}
+function injectIntoDevTools(devToolsConfig) {
+  var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+  return injectInternals(
+    Object.assign({}, devToolsConfig, {
+      findHostInstanceByFiber: function(fiber) {
+        fiber = findCurrentHostFiber(fiber);
+        return null === fiber ? null : fiber.stateNode;
+      },
+      findFiberByHostInstance: function(instance) {
+        return findFiberByHostInstance
+          ? findFiberByHostInstance(instance)
+          : null;
+      }
+    })
+  );
+}
+var ReactFabricRenderer = {
+  updateContainerAtExpirationTime: updateContainerAtExpirationTime,
+  createContainer: function(containerInfo, isAsync, hydrate) {
+    return createFiberRoot(containerInfo, isAsync, hydrate);
+  },
+  updateContainer: updateContainer,
+  flushRoot: function(root, expirationTime) {
+    invariant(
+      !isRendering,
+      "work.commit(): Cannot commit while already rendering. This likely means you attempted to commit from inside a lifecycle method."
+    );
+    nextFlushedRoot = root;
+    nextFlushedExpirationTime = expirationTime;
+    performWorkOnRoot(root, expirationTime, !1);
+    performWork(1, null);
+    finishRendering();
+  },
+  requestWork: requestWork,
+  computeUniqueAsyncExpiration: function() {
+    var result =
+      2 + 25 * ((((recalculateCurrentTime() - 2 + 500) / 25) | 0) + 1);
+    result <= lastUniqueAsyncExpiration &&
+      (result = lastUniqueAsyncExpiration + 1);
+    return (lastUniqueAsyncExpiration = result);
+  },
+  batchedUpdates: function(fn, a) {
+    var previousIsBatchingUpdates = isBatchingUpdates;
+    isBatchingUpdates = !0;
+    try {
+      return fn(a);
+    } finally {
+      (isBatchingUpdates = previousIsBatchingUpdates) ||
+        isRendering ||
+        performWork(1, null);
+    }
+  },
+  unbatchedUpdates: function(fn, a) {
+    if (isBatchingUpdates && !isUnbatchingUpdates) {
+      isUnbatchingUpdates = !0;
+      try {
+        return fn(a);
+      } finally {
+        isUnbatchingUpdates = !1;
+      }
+    }
+    return fn(a);
+  },
+  deferredUpdates: function(fn) {
+    var previousExpirationContext = expirationContext;
+    expirationContext =
+      2 + 25 * ((((recalculateCurrentTime() - 2 + 500) / 25) | 0) + 1);
+    try {
+      return fn();
+    } finally {
+      expirationContext = previousExpirationContext;
+    }
+  },
+  syncUpdates: syncUpdates,
+  interactiveUpdates: function(fn, a, b) {
+    if (isBatchingInteractiveUpdates) return fn(a, b);
+    isBatchingUpdates ||
+      isRendering ||
+      0 === lowestPendingInteractiveExpirationTime ||
+      (performWork(lowestPendingInteractiveExpirationTime, null),
+      (lowestPendingInteractiveExpirationTime = 0));
+    var previousIsBatchingInteractiveUpdates = isBatchingInteractiveUpdates,
+      previousIsBatchingUpdates = isBatchingUpdates;
+    isBatchingUpdates = isBatchingInteractiveUpdates = !0;
+    try {
+      return fn(a, b);
+    } finally {
+      (isBatchingInteractiveUpdates = previousIsBatchingInteractiveUpdates),
+        (isBatchingUpdates = previousIsBatchingUpdates) ||
+          isRendering ||
+          performWork(1, null);
+    }
+  },
+  flushInteractiveUpdates: function() {
+    isRendering ||
+      0 === lowestPendingInteractiveExpirationTime ||
+      (performWork(lowestPendingInteractiveExpirationTime, null),
+      (lowestPendingInteractiveExpirationTime = 0));
+  },
+  flushControlled: function(fn) {
+    var previousIsBatchingUpdates = isBatchingUpdates;
+    isBatchingUpdates = !0;
+    try {
+      syncUpdates(fn);
+    } finally {
+      (isBatchingUpdates = previousIsBatchingUpdates) ||
+        isRendering ||
+        performWork(1, null);
+    }
+  },
+  flushSync: function(fn, a) {
+    invariant(
+      !isRendering,
+      "flushSync was called from inside a lifecycle method. It cannot be called when React is already rendering."
+    );
+    var previousIsBatchingUpdates = isBatchingUpdates;
+    isBatchingUpdates = !0;
+    try {
+      return syncUpdates(fn, a);
+    } finally {
+      (isBatchingUpdates = previousIsBatchingUpdates), performWork(1, null);
+    }
+  },
+  getPublicRootInstance: getPublicRootInstance,
+  findHostInstance: findHostInstance$1,
+  findHostInstanceWithNoPortals: function(fiber) {
+    fiber = findCurrentHostFiberWithNoPortals(fiber);
+    return null === fiber ? null : fiber.stateNode;
+  },
+  injectIntoDevTools: injectIntoDevTools
+};
+function createPortal(children, containerInfo, implementation) {
+  var key =
+    3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
+  return {
+    $$typeof: REACT_PORTAL_TYPE,
+    key: null == key ? null : "" + key,
+    children: children,
+    containerInfo: containerInfo,
+    implementation: implementation
+  };
+}
+function _inherits(subClass, superClass) {
+  if ("function" !== typeof superClass && null !== superClass)
+    throw new TypeError(
+      "Super expression must either be null or a function, not " +
+        typeof superClass
+    );
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: !1,
+      writable: !0,
+      configurable: !0
+    }
+  });
+  superClass &&
+    (Object.setPrototypeOf
+      ? Object.setPrototypeOf(subClass, superClass)
+      : (subClass.__proto__ = superClass));
+}
+var getInspectorDataForViewTag = void 0;
+getInspectorDataForViewTag = function() {
+  invariant(!1, "getInspectorDataForViewTag() is not available in production");
+};
+function findNodeHandle(componentOrHandle) {
+  if (null == componentOrHandle) return null;
+  if ("number" === typeof componentOrHandle) return componentOrHandle;
+  if (componentOrHandle._nativeTag) return componentOrHandle._nativeTag;
+  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
+    return componentOrHandle.canonical._nativeTag;
+  componentOrHandle = findHostInstance$1(componentOrHandle);
+  return null == componentOrHandle
+    ? componentOrHandle
+    : componentOrHandle.canonical
+      ? componentOrHandle.canonical._nativeTag
+      : componentOrHandle._nativeTag;
+}
+_batchedUpdates = ReactFabricRenderer.batchedUpdates;
+_flushInteractiveUpdates = ReactFabricRenderer.flushInteractiveUpdates;
+var roots = new Map(),
+  ReactFabric = {
+    NativeComponent: (function(findNodeHandle, findHostInstance) {
+      return (function(_React$Component) {
+        function ReactNativeComponent() {
+          if (!(this instanceof ReactNativeComponent))
+            throw new TypeError("Cannot call a class as a function");
+          var call = _React$Component.apply(this, arguments);
+          if (!this)
+            throw new ReferenceError(
+              "this hasn't been initialised - super() hasn't been called"
+            );
+          return !call ||
+            ("object" !== typeof call && "function" !== typeof call)
+            ? this
+            : call;
+        }
+        _inherits(ReactNativeComponent, _React$Component);
+        ReactNativeComponent.prototype.blur = function() {
+          TextInputState.blurTextInput(findNodeHandle(this));
+        };
+        ReactNativeComponent.prototype.focus = function() {
+          TextInputState.focusTextInput(findNodeHandle(this));
+        };
+        ReactNativeComponent.prototype.measure = function(callback) {
+          UIManager.measure(
+            findNodeHandle(this),
+            mountSafeCallback(this, callback)
+          );
+        };
+        ReactNativeComponent.prototype.measureInWindow = function(callback) {
+          UIManager.measureInWindow(
+            findNodeHandle(this),
+            mountSafeCallback(this, callback)
+          );
+        };
+        ReactNativeComponent.prototype.measureLayout = function(
+          relativeToNativeNode,
+          onSuccess,
+          onFail
+        ) {
+          UIManager.measureLayout(
+            findNodeHandle(this),
+            relativeToNativeNode,
+            mountSafeCallback(this, onFail),
+            mountSafeCallback(this, onSuccess)
+          );
+        };
+        ReactNativeComponent.prototype.setNativeProps = function(nativeProps) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          if (null != maybeInstance) {
+            var viewConfig =
+              maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
+            nativeProps = diffProperties(
+              null,
+              emptyObject$1,
+              nativeProps,
+              viewConfig.validAttributes
+            );
+            null != nativeProps &&
+              UIManager.updateView(
+                maybeInstance._nativeTag,
+                viewConfig.uiViewClassName,
+                nativeProps
+              );
+          }
+        };
+        return ReactNativeComponent;
+      })(React.Component);
+    })(findNodeHandle, findHostInstance$1),
+    findNodeHandle: findNodeHandle,
+    render: function(element, containerTag, callback) {
+      var root = roots.get(containerTag);
+      root ||
+        ((root = createFiberRoot(containerTag, !1, !1)),
+        roots.set(containerTag, root));
+      updateContainer(element, root, null, callback);
+      return getPublicRootInstance(root);
+    },
+    unmountComponentAtNode: function(containerTag) {
+      var root = roots.get(containerTag);
+      root &&
+        updateContainer(null, root, null, function() {
+          roots.delete(containerTag);
+        });
+    },
+    createPortal: function(children, containerTag) {
+      return createPortal(
+        children,
+        containerTag,
+        null,
+        2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
+      );
+    },
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
+      NativeMethodsMixin: (function(findNodeHandle, findHostInstance) {
+        return {
+          measure: function(callback) {
+            UIManager.measure(
+              findNodeHandle(this),
+              mountSafeCallback(this, callback)
+            );
+          },
+          measureInWindow: function(callback) {
+            UIManager.measureInWindow(
+              findNodeHandle(this),
+              mountSafeCallback(this, callback)
+            );
+          },
+          measureLayout: function(relativeToNativeNode, onSuccess, onFail) {
+            UIManager.measureLayout(
+              findNodeHandle(this),
+              relativeToNativeNode,
+              mountSafeCallback(this, onFail),
+              mountSafeCallback(this, onSuccess)
+            );
+          },
+          setNativeProps: function(nativeProps) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            if (null != maybeInstance) {
+              var viewConfig = maybeInstance.viewConfig;
+              nativeProps = diffProperties(
+                null,
+                emptyObject$1,
+                nativeProps,
+                viewConfig.validAttributes
+              );
+              null != nativeProps &&
+                UIManager.updateView(
+                  maybeInstance._nativeTag,
+                  viewConfig.uiViewClassName,
+                  nativeProps
+                );
+            }
+          },
+          focus: function() {
+            TextInputState.focusTextInput(findNodeHandle(this));
+          },
+          blur: function() {
+            TextInputState.blurTextInput(findNodeHandle(this));
+          }
+        };
+      })(findNodeHandle, findHostInstance$1)
+    }
+  };
+injectIntoDevTools({
+  findFiberByHostInstance: getInstanceFromInstance,
+  getInspectorDataForViewTag: getInspectorDataForViewTag,
+  bundleType: 0,
+  version: "16.4.1",
+  rendererPackageName: "react-native-renderer"
+});
+var ReactFabric$2 = { default: ReactFabric },
+  ReactFabric$3 = (ReactFabric$2 && ReactFabric) || ReactFabric$2;
+module.exports = ReactFabric$3.default ? ReactFabric$3.default : ReactFabric$3;
diff --git a/Libraries/Renderer/ReactNativeRenderer-dev.js b/Libraries/Renderer/oss/ReactNativeRenderer-dev.js
similarity index 51%
rename from Libraries/Renderer/ReactNativeRenderer-dev.js
rename to Libraries/Renderer/oss/ReactNativeRenderer-dev.js
index fc98f17e176f8b..c18f1f137a6a00 100644
--- a/Libraries/Renderer/ReactNativeRenderer-dev.js
+++ b/Libraries/Renderer/oss/ReactNativeRenderer-dev.js
@@ -7,6 +7,7 @@
  * @noflow
  * @providesModule ReactNativeRenderer-dev
  * @preventMunge
+ * @generated
  */
 
 'use strict';
@@ -18,18 +19,17 @@ if (__DEV__) {
 require("InitializeCore");
 var invariant = require("fbjs/lib/invariant");
 var warning = require("fbjs/lib/warning");
-var emptyFunction = require("fbjs/lib/emptyFunction");
+var ReactNativeViewConfigRegistry = require("ReactNativeViewConfigRegistry");
 var UIManager = require("UIManager");
 var RCTEventEmitter = require("RCTEventEmitter");
-var TextInputState = require("TextInputState");
-var deepDiffer = require("deepDiffer");
-var flattenStyle = require("flattenStyle");
 var React = require("react");
 var emptyObject = require("fbjs/lib/emptyObject");
+var deepFreezeAndThrowOnMutationInDev = require("deepFreezeAndThrowOnMutationInDev");
+var deepDiffer = require("deepDiffer");
+var flattenStyle = require("flattenStyle");
+var TextInputState = require("TextInputState");
 var checkPropTypes = require("prop-types/checkPropTypes");
-var shallowEqual = require("fbjs/lib/shallowEqual");
 var ExceptionsManager = require("ExceptionsManager");
-var deepFreezeAndThrowOnMutationInDev = require("deepFreezeAndThrowOnMutationInDev");
 
 var invokeGuardedCallback = function(name, func, context, a, b, c, d, e, f) {
   this._hasCaughtError = false;
@@ -510,30 +510,17 @@ var injection$1 = {
     getNodeFromInstance = Injected.getNodeFromInstance;
 
     {
-      warning(
-        getNodeFromInstance && getInstanceFromNode,
-        "EventPluginUtils.injection.injectComponentTree(...): Injected " +
-          "module is missing getNodeFromInstance or getInstanceFromNode."
-      );
+      !(getNodeFromInstance && getInstanceFromNode)
+        ? warning(
+            false,
+            "EventPluginUtils.injection.injectComponentTree(...): Injected " +
+              "module is missing getNodeFromInstance or getInstanceFromNode."
+          )
+        : void 0;
     }
   }
 };
 
-function isEndish(topLevelType) {
-  return (
-    topLevelType === "topMouseUp" ||
-    topLevelType === "topTouchEnd" ||
-    topLevelType === "topTouchCancel"
-  );
-}
-
-function isMoveish(topLevelType) {
-  return topLevelType === "topMouseMove" || topLevelType === "topTouchMove";
-}
-function isStartish(topLevelType) {
-  return topLevelType === "topMouseDown" || topLevelType === "topTouchStart";
-}
-
 var validateEventDispatches = void 0;
 {
   validateEventDispatches = function(event) {
@@ -550,10 +537,9 @@ var validateEventDispatches = void 0;
       ? dispatchInstances.length
       : dispatchInstances ? 1 : 0;
 
-    warning(
-      instancesIsArr === listenersIsArr && instancesLen === listenersLen,
-      "EventPluginUtils: Invalid `event`."
-    );
+    !(instancesIsArr === listenersIsArr && instancesLen === listenersLen)
+      ? warning(false, "EventPluginUtils: Invalid `event`.")
+      : void 0;
   };
 }
 
@@ -958,17 +944,18 @@ var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
 var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
 var HostComponent = 5;
 var HostText = 6;
-var CallComponent = 7;
-var CallHandlerPhase = 8;
-var ReturnComponent = 9;
+
 var Fragment = 10;
 var Mode = 11;
 var ContextConsumer = 12;
 var ContextProvider = 13;
+var ForwardRef = 14;
+var Profiler = 15;
+var TimeoutComponent = 16;
 
 function getParent(inst) {
   do {
-    inst = inst["return"];
+    inst = inst.return;
     // TODO: If this is a HostRoot we might want to bail out.
     // That is depending on if we want nested subtrees (layers) to bubble
     // events to their parent. We could also go through parentNode on the
@@ -1093,7 +1080,7 @@ function listenerAtPhase(inst, event, propagationPhase) {
  */
 function accumulateDirectionalDispatches(inst, phase, event) {
   {
-    warning(inst, "Dispatching inst must not be null");
+    !inst ? warning(false, "Dispatching inst must not be null") : void 0;
   }
   var listener = listenerAtPhase(inst, event, phase);
   if (listener) {
@@ -1194,7 +1181,9 @@ var EventInterface = {
   type: null,
   target: null,
   // currentTarget is set when dispatching; no use in copying it here
-  currentTarget: emptyFunction.thatReturnsNull,
+  currentTarget: function() {
+    return null;
+  },
   eventPhase: null,
   bubbles: null,
   cancelable: null,
@@ -1205,6 +1194,14 @@ var EventInterface = {
   isTrusted: null
 };
 
+function functionThatReturnsTrue() {
+  return true;
+}
+
+function functionThatReturnsFalse() {
+  return false;
+}
+
 /**
  * Synthetic events are dispatched by event plugins, typically in response to a
  * top-level event delegation handler.
@@ -1265,11 +1262,11 @@ function SyntheticEvent(
       ? nativeEvent.defaultPrevented
       : nativeEvent.returnValue === false;
   if (defaultPrevented) {
-    this.isDefaultPrevented = emptyFunction.thatReturnsTrue;
+    this.isDefaultPrevented = functionThatReturnsTrue;
   } else {
-    this.isDefaultPrevented = emptyFunction.thatReturnsFalse;
+    this.isDefaultPrevented = functionThatReturnsFalse;
   }
-  this.isPropagationStopped = emptyFunction.thatReturnsFalse;
+  this.isPropagationStopped = functionThatReturnsFalse;
   return this;
 }
 
@@ -1286,7 +1283,7 @@ Object.assign(SyntheticEvent.prototype, {
     } else if (typeof event.returnValue !== "unknown") {
       event.returnValue = false;
     }
-    this.isDefaultPrevented = emptyFunction.thatReturnsTrue;
+    this.isDefaultPrevented = functionThatReturnsTrue;
   },
 
   stopPropagation: function() {
@@ -1306,7 +1303,7 @@ Object.assign(SyntheticEvent.prototype, {
       event.cancelBubble = true;
     }
 
-    this.isPropagationStopped = emptyFunction.thatReturnsTrue;
+    this.isPropagationStopped = functionThatReturnsTrue;
   },
 
   /**
@@ -1315,7 +1312,7 @@ Object.assign(SyntheticEvent.prototype, {
    * won't be added back into the pool.
    */
   persist: function() {
-    this.isPersistent = emptyFunction.thatReturnsTrue;
+    this.isPersistent = functionThatReturnsTrue;
   },
 
   /**
@@ -1323,7 +1320,7 @@ Object.assign(SyntheticEvent.prototype, {
    *
    * @return {boolean} True if this should not be released, false otherwise.
    */
-  isPersistent: emptyFunction.thatReturnsFalse,
+  isPersistent: functionThatReturnsFalse,
 
   /**
    * `PooledClass` looks for `destructor` on each instance it releases.
@@ -1351,12 +1348,12 @@ Object.assign(SyntheticEvent.prototype, {
       Object.defineProperty(
         this,
         "preventDefault",
-        getPooledWarningPropertyDefinition("preventDefault", emptyFunction)
+        getPooledWarningPropertyDefinition("preventDefault", function() {})
       );
       Object.defineProperty(
         this,
         "stopPropagation",
-        getPooledWarningPropertyDefinition("stopPropagation", emptyFunction)
+        getPooledWarningPropertyDefinition("stopPropagation", function() {})
       );
     }
   }
@@ -1412,13 +1409,15 @@ SyntheticEvent.extend = function(Interface) {
               !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."
-              );
+              !(didWarnForAddedNewProperty || target.isPersistent())
+                ? warning(
+                    false,
+                    "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."
+                  )
+                : void 0;
               didWarnForAddedNewProperty = true;
             }
             target[prop] = value;
@@ -1445,7 +1444,7 @@ function getPooledWarningPropertyDefinition(propName, getVal) {
   return {
     configurable: true,
     set: set,
-    get: get
+    get: get$$1
   };
 
   function set(val) {
@@ -1454,7 +1453,7 @@ function getPooledWarningPropertyDefinition(propName, getVal) {
     return val;
   }
 
-  function get() {
+  function get$$1() {
     var action = isFunction ? "accessing the method" : "accessing the property";
     var result = isFunction
       ? "This is a no-op function"
@@ -1465,16 +1464,18 @@ function getPooledWarningPropertyDefinition(propName, getVal) {
 
   function warn(action, result) {
     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.",
-      action,
-      propName,
-      result
-    );
+    !warningCondition
+      ? warning(
+          false,
+          "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
+        )
+      : void 0;
   }
 }
 
@@ -1530,6 +1531,29 @@ var ResponderSyntheticEvent = SyntheticEvent$1.extend({
   }
 });
 
+var TOP_TOUCH_START = "topTouchStart";
+var TOP_TOUCH_MOVE = "topTouchMove";
+var TOP_TOUCH_END = "topTouchEnd";
+var TOP_TOUCH_CANCEL = "topTouchCancel";
+var TOP_SCROLL = "topScroll";
+var TOP_SELECTION_CHANGE = "topSelectionChange";
+
+function isStartish(topLevelType) {
+  return topLevelType === TOP_TOUCH_START;
+}
+
+function isMoveish(topLevelType) {
+  return topLevelType === TOP_TOUCH_MOVE;
+}
+
+function isEndish(topLevelType) {
+  return topLevelType === TOP_TOUCH_END || topLevelType === TOP_TOUCH_CANCEL;
+}
+
+var startDependencies = [TOP_TOUCH_START];
+var moveDependencies = [TOP_TOUCH_MOVE];
+var endDependencies = [TOP_TOUCH_CANCEL, TOP_TOUCH_END];
+
 /**
  * Tracks the position and time of each active touch by `touch.identifier`. We
  * should typically only see IDs in the range of 1-20 because IDs get recycled
@@ -1592,13 +1616,15 @@ function getTouchIdentifier(_ref) {
 
   invariant(identifier != null, "Touch object is missing identifier.");
   {
-    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.",
-      identifier,
-      MAX_TOUCH_BANK
-    );
+    !(identifier <= MAX_TOUCH_BANK)
+      ? warning(
+          false,
+          "Touch identifier %s is greater than maximum supported %s which causes " +
+            "performance issues backfilling array locations for all of the indices.",
+          identifier,
+          MAX_TOUCH_BANK
+        )
+      : void 0;
   }
   return identifier;
 }
@@ -1697,10 +1723,9 @@ var ResponderTouchHistoryStore = {
         }
         {
           var activeRecord = touchBank[touchHistory.indexOfSingleActiveTouch];
-          warning(
-            activeRecord != null && activeRecord.touchActive,
-            "Cannot find single active touch."
-          );
+          !(activeRecord != null && activeRecord.touchActive)
+            ? warning(false, "Cannot find single active touch.")
+            : void 0;
         }
       }
     }
@@ -1751,11 +1776,6 @@ var responderInst = null;
  */
 var trackedTouchCount = 0;
 
-/**
- * Last reported number of active touches.
- */
-var previousActiveTouches = 0;
-
 var changeResponder = function(nextResponderInst, blockHostResponder) {
   var oldResponderInst = responderInst;
   responderInst = nextResponderInst;
@@ -1768,7 +1788,7 @@ var changeResponder = function(nextResponderInst, blockHostResponder) {
   }
 };
 
-var eventTypes = {
+var eventTypes$1 = {
   /**
    * On a `touchStart`/`mouseDown`, is it desired that this element become the
    * responder?
@@ -1777,7 +1797,8 @@ var eventTypes = {
     phasedRegistrationNames: {
       bubbled: "onStartShouldSetResponder",
       captured: "onStartShouldSetResponderCapture"
-    }
+    },
+    dependencies: startDependencies
   },
 
   /**
@@ -1793,7 +1814,8 @@ var eventTypes = {
     phasedRegistrationNames: {
       bubbled: "onScrollShouldSetResponder",
       captured: "onScrollShouldSetResponderCapture"
-    }
+    },
+    dependencies: [TOP_SCROLL]
   },
 
   /**
@@ -1807,7 +1829,8 @@ var eventTypes = {
     phasedRegistrationNames: {
       bubbled: "onSelectionChangeShouldSetResponder",
       captured: "onSelectionChangeShouldSetResponderCapture"
-    }
+    },
+    dependencies: [TOP_SELECTION_CHANGE]
   },
 
   /**
@@ -1818,22 +1841,45 @@ var eventTypes = {
     phasedRegistrationNames: {
       bubbled: "onMoveShouldSetResponder",
       captured: "onMoveShouldSetResponderCapture"
-    }
+    },
+    dependencies: moveDependencies
   },
 
   /**
    * Direct responder events dispatched directly to responder. Do not bubble.
    */
-  responderStart: { registrationName: "onResponderStart" },
-  responderMove: { registrationName: "onResponderMove" },
-  responderEnd: { registrationName: "onResponderEnd" },
-  responderRelease: { registrationName: "onResponderRelease" },
+  responderStart: {
+    registrationName: "onResponderStart",
+    dependencies: startDependencies
+  },
+  responderMove: {
+    registrationName: "onResponderMove",
+    dependencies: moveDependencies
+  },
+  responderEnd: {
+    registrationName: "onResponderEnd",
+    dependencies: endDependencies
+  },
+  responderRelease: {
+    registrationName: "onResponderRelease",
+    dependencies: endDependencies
+  },
   responderTerminationRequest: {
-    registrationName: "onResponderTerminationRequest"
+    registrationName: "onResponderTerminationRequest",
+    dependencies: []
+  },
+  responderGrant: {
+    registrationName: "onResponderGrant",
+    dependencies: []
   },
-  responderGrant: { registrationName: "onResponderGrant" },
-  responderReject: { registrationName: "onResponderReject" },
-  responderTerminate: { registrationName: "onResponderTerminate" }
+  responderReject: {
+    registrationName: "onResponderReject",
+    dependencies: []
+  },
+  responderTerminate: {
+    registrationName: "onResponderTerminate",
+    dependencies: []
+  }
 };
 
 /**
@@ -2033,12 +2079,12 @@ function setResponderAndExtractTransfer(
   nativeEventTarget
 ) {
   var shouldSetEventType = isStartish(topLevelType)
-    ? eventTypes.startShouldSetResponder
+    ? eventTypes$1.startShouldSetResponder
     : isMoveish(topLevelType)
-      ? eventTypes.moveShouldSetResponder
-      : topLevelType === "topSelectionChange"
-        ? eventTypes.selectionChangeShouldSetResponder
-        : eventTypes.scrollShouldSetResponder;
+      ? eventTypes$1.moveShouldSetResponder
+      : topLevelType === TOP_SELECTION_CHANGE
+        ? eventTypes$1.selectionChangeShouldSetResponder
+        : eventTypes$1.scrollShouldSetResponder;
 
   // TODO: stop one short of the current responder.
   var bubbleShouldSetFrom = !responderInst
@@ -2072,7 +2118,7 @@ function setResponderAndExtractTransfer(
   }
   var extracted = void 0;
   var grantEvent = ResponderSyntheticEvent.getPooled(
-    eventTypes.responderGrant,
+    eventTypes$1.responderGrant,
     wantsResponderInst,
     nativeEvent,
     nativeEventTarget
@@ -2083,7 +2129,7 @@ function setResponderAndExtractTransfer(
   var blockHostResponder = executeDirectDispatch(grantEvent) === true;
   if (responderInst) {
     var terminationRequestEvent = ResponderSyntheticEvent.getPooled(
-      eventTypes.responderTerminationRequest,
+      eventTypes$1.responderTerminationRequest,
       responderInst,
       nativeEvent,
       nativeEventTarget
@@ -2100,7 +2146,7 @@ function setResponderAndExtractTransfer(
 
     if (shouldSwitch) {
       var terminateEvent = ResponderSyntheticEvent.getPooled(
-        eventTypes.responderTerminate,
+        eventTypes$1.responderTerminate,
         responderInst,
         nativeEvent,
         nativeEventTarget
@@ -2111,7 +2157,7 @@ function setResponderAndExtractTransfer(
       changeResponder(wantsResponderInst, blockHostResponder);
     } else {
       var rejectEvent = ResponderSyntheticEvent.getPooled(
-        eventTypes.responderReject,
+        eventTypes$1.responderReject,
         wantsResponderInst,
         nativeEvent,
         nativeEventTarget
@@ -2141,8 +2187,8 @@ function canTriggerTransfer(topLevelType, topLevelInst, nativeEvent) {
     // 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") ||
+    ((topLevelType === TOP_SCROLL && !nativeEvent.responderIgnoreScroll) ||
+      (trackedTouchCount > 0 && topLevelType === TOP_SELECTION_CHANGE) ||
       isStartish(topLevelType) ||
       isMoveish(topLevelType))
   );
@@ -2180,7 +2226,7 @@ var ResponderEventPlugin = {
     return responderInst;
   },
 
-  eventTypes: eventTypes,
+  eventTypes: eventTypes$1,
 
   /**
    * We must be resilient to `targetInst` being `null` on `touchMove` or
@@ -2230,10 +2276,10 @@ var ResponderEventPlugin = {
     var isResponderTouchMove = responderInst && isMoveish(topLevelType);
     var isResponderTouchEnd = responderInst && isEndish(topLevelType);
     var incrementalTouch = isResponderTouchStart
-      ? eventTypes.responderStart
+      ? eventTypes$1.responderStart
       : isResponderTouchMove
-        ? eventTypes.responderMove
-        : isResponderTouchEnd ? eventTypes.responderEnd : null;
+        ? eventTypes$1.responderMove
+        : isResponderTouchEnd ? eventTypes$1.responderEnd : null;
 
     if (incrementalTouch) {
       var gesture = ResponderSyntheticEvent.getPooled(
@@ -2248,15 +2294,15 @@ var ResponderEventPlugin = {
     }
 
     var isResponderTerminate =
-      responderInst && topLevelType === "topTouchCancel";
+      responderInst && topLevelType === TOP_TOUCH_CANCEL;
     var isResponderRelease =
       responderInst &&
       !isResponderTerminate &&
       isEndish(topLevelType) &&
       noResponderTouches(nativeEvent);
     var finalTouch = isResponderTerminate
-      ? eventTypes.responderTerminate
-      : isResponderRelease ? eventTypes.responderRelease : null;
+      ? eventTypes$1.responderTerminate
+      : isResponderRelease ? eventTypes$1.responderRelease : null;
     if (finalTouch) {
       var finalEvent = ResponderSyntheticEvent.getPooled(
         finalTouch,
@@ -2270,23 +2316,10 @@ var ResponderEventPlugin = {
       changeResponder(null);
     }
 
-    var numberActiveTouches =
-      ResponderTouchHistoryStore.touchHistory.numberActiveTouches;
-    if (
-      ResponderEventPlugin.GlobalInteractionHandler &&
-      numberActiveTouches !== previousActiveTouches
-    ) {
-      ResponderEventPlugin.GlobalInteractionHandler.onChange(
-        numberActiveTouches
-      );
-    }
-    previousActiveTouches = numberActiveTouches;
-
     return extracted;
   },
 
   GlobalResponderHandler: null,
-  GlobalInteractionHandler: null,
 
   injection: {
     /**
@@ -2296,23 +2329,18 @@ var ResponderEventPlugin = {
      */
     injectGlobalResponderHandler: function(GlobalResponderHandler) {
       ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
-    },
-
-    /**
-     * @param {{onChange: (numberActiveTouches) => void} GlobalInteractionHandler
-     * Object that handles any change in the number of active touches.
-     */
-    injectGlobalInteractionHandler: function(GlobalInteractionHandler) {
-      ResponderEventPlugin.GlobalInteractionHandler = GlobalInteractionHandler;
     }
   }
 };
 
-var customBubblingEventTypes = {};
-var customDirectEventTypes = {};
+var customBubblingEventTypes$1 =
+  ReactNativeViewConfigRegistry.customBubblingEventTypes;
+var customDirectEventTypes$1 =
+  ReactNativeViewConfigRegistry.customDirectEventTypes;
+var eventTypes$2 = ReactNativeViewConfigRegistry.eventTypes;
 
 var ReactNativeBridgeEventPlugin = {
-  eventTypes: {},
+  eventTypes: eventTypes$2,
 
   /**
    * @see {EventPluginHub.extractEvents}
@@ -2327,8 +2355,8 @@ var ReactNativeBridgeEventPlugin = {
       // Probably a node belonging to another renderer's tree.
       return null;
     }
-    var bubbleDispatchConfig = customBubblingEventTypes[topLevelType];
-    var directDispatchConfig = customDirectEventTypes[topLevelType];
+    var bubbleDispatchConfig = customBubblingEventTypes$1[topLevelType];
+    var directDispatchConfig = customDirectEventTypes$1[topLevelType];
     invariant(
       bubbleDispatchConfig || directDispatchConfig,
       'Unsupported top level event type "%s" dispatched',
@@ -2348,47 +2376,34 @@ var ReactNativeBridgeEventPlugin = {
       return null;
     }
     return event;
-  },
-
-  processEventTypes: function(viewConfig) {
-    var bubblingEventTypes = viewConfig.bubblingEventTypes,
-      directEventTypes = viewConfig.directEventTypes;
+  }
+};
 
-    {
-      if (bubblingEventTypes != null && directEventTypes != null) {
-        for (var topLevelType in directEventTypes) {
-          invariant(
-            bubblingEventTypes[topLevelType] == null,
-            "Event cannot be both direct and bubbling: %s",
-            topLevelType
-          );
-        }
-      }
-    }
+var ReactNativeEventPluginOrder = [
+  "ResponderEventPlugin",
+  "ReactNativeBridgeEventPlugin"
+];
 
-    if (bubblingEventTypes != null) {
-      for (var _topLevelType in bubblingEventTypes) {
-        if (customBubblingEventTypes[_topLevelType] == null) {
-          ReactNativeBridgeEventPlugin.eventTypes[
-            _topLevelType
-          ] = customBubblingEventTypes[_topLevelType] =
-            bubblingEventTypes[_topLevelType];
-        }
-      }
-    }
+/**
+ * Make sure essential globals are available and are patched correctly. Please don't remove this
+ * line. Bundles created by react-packager `require` it before executing any application code. This
+ * ensures it exists in the dependency graph and can be `require`d.
+ * TODO: require this in packager, not in React #10932517
+ */
+// Module provided by RN:
+/**
+ * Inject module for resolving DOM hierarchy and plugin ordering.
+ */
+injection.injectEventPluginOrder(ReactNativeEventPluginOrder);
 
-    if (directEventTypes != null) {
-      for (var _topLevelType2 in directEventTypes) {
-        if (customDirectEventTypes[_topLevelType2] == null) {
-          ReactNativeBridgeEventPlugin.eventTypes[
-            _topLevelType2
-          ] = customDirectEventTypes[_topLevelType2] =
-            directEventTypes[_topLevelType2];
-        }
-      }
-    }
-  }
-};
+/**
+ * Some important event plugins included by default (without having to require
+ * them).
+ */
+injection.injectEventPluginsByName({
+  ResponderEventPlugin: ResponderEventPlugin,
+  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
+});
 
 var instanceCache = {};
 var instanceProps = {};
@@ -2403,12 +2418,7 @@ function uncacheFiberNode(tag) {
 }
 
 function getInstanceFromTag(tag) {
-  if (typeof tag === "number") {
-    return instanceCache[tag] || null;
-  } else {
-    // Fabric will invoke event emitters on a direct fiber reference
-    return tag;
-  }
+  return instanceCache[tag] || null;
 }
 
 function getTagFromInstance(inst) {
@@ -2438,49 +2448,6 @@ var ReactNativeComponentTree = Object.freeze({
   updateFiberProps: updateFiberProps
 });
 
-var ReactNativeEventPluginOrder = [
-  "ResponderEventPlugin",
-  "ReactNativeBridgeEventPlugin"
-];
-
-// Module provided by RN:
-var ReactNativeGlobalResponderHandler = {
-  onChange: function(from, to, blockNativeResponder) {
-    if (to !== null) {
-      var tag = to.stateNode._nativeTag;
-      UIManager.setJSResponder(tag, blockNativeResponder);
-    } else {
-      UIManager.clearJSResponder();
-    }
-  }
-};
-
-/**
- * Make sure essential globals are available and are patched correctly. Please don't remove this
- * line. Bundles created by react-packager `require` it before executing any application code. This
- * ensures it exists in the dependency graph and can be `require`d.
- * TODO: require this in packager, not in React #10932517
- */
-// Module provided by RN:
-/**
- * Inject module for resolving DOM hierarchy and plugin ordering.
- */
-injection.injectEventPluginOrder(ReactNativeEventPluginOrder);
-injection$1.injectComponentTree(ReactNativeComponentTree);
-
-ResponderEventPlugin.injection.injectGlobalResponderHandler(
-  ReactNativeGlobalResponderHandler
-);
-
-/**
- * Some important event plugins included by default (without having to require
- * them).
- */
-injection.injectEventPluginsByName({
-  ResponderEventPlugin: ResponderEventPlugin,
-  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
-});
-
 // Use to restore controlled state after a change event has fired.
 
 var fiberHostComponent = null;
@@ -2581,48 +2548,6 @@ var injection$2 = {
   }
 };
 
-/**
- * Keeps track of allocating and associating native "tags" which are numeric,
- * unique view IDs. All the native tags are negative numbers, to avoid
- * collisions, but in the JS we keep track of them as positive integers to store
- * them effectively in Arrays. So we must refer to them as "inverses" of the
- * native tags (that are * normally negative).
- *
- * It *must* be the case that every `rootNodeID` always maps to the exact same
- * `tag` forever. The easiest way to accomplish this is to never delete
- * anything from this table.
- * Why: Because `dangerouslyReplaceNodeWithMarkupByID` relies on being able to
- * unmount a component with a `rootNodeID`, then mount a new one in its place,
- */
-var INITIAL_TAG_COUNT = 1;
-var ReactNativeTagHandles = {
-  tagsStartAt: INITIAL_TAG_COUNT,
-  tagCount: INITIAL_TAG_COUNT,
-
-  allocateTag: function() {
-    // Skip over root IDs as those are reserved for native
-    while (this.reactTagIsNativeTopRootID(ReactNativeTagHandles.tagCount)) {
-      ReactNativeTagHandles.tagCount++;
-    }
-    var tag = ReactNativeTagHandles.tagCount;
-    ReactNativeTagHandles.tagCount++;
-    return tag;
-  },
-
-  assertRootTag: function(tag) {
-    invariant(
-      this.reactTagIsNativeTopRootID(tag),
-      "Expect a native root tag, instead got %s",
-      tag
-    );
-  },
-
-  reactTagIsNativeTopRootID: function(reactTag) {
-    // We reserve all tags that are 1 mod 10 for native root views
-    return reactTag % 10 === 1;
-  }
-};
-
 /**
  * Version of `ReactBrowserEventEmitter` that works on the receiving side of a
  * serialized worker boundary.
@@ -2755,7 +2680,7 @@ function receiveTouches(eventTopLevelType, touches, changedIndices) {
     var rootNodeID = null;
     var target = nativeEvent.target;
     if (target !== null && target !== undefined) {
-      if (target < ReactNativeTagHandles.tagsStartAt) {
+      if (target < 1) {
         {
           warning(
             false,
@@ -2779,29 +2704,77 @@ var ReactNativeEventEmitter = Object.freeze({
   receiveTouches: receiveTouches
 });
 
+// Module provided by RN:
+var ReactNativeGlobalResponderHandler = {
+  onChange: function(from, to, blockNativeResponder) {
+    if (to !== null) {
+      var tag = to.stateNode._nativeTag;
+      UIManager.setJSResponder(tag, blockNativeResponder);
+    } else {
+      UIManager.clearJSResponder();
+    }
+  }
+};
+
 // Module provided by RN:
 /**
  * Register the event emitter with the native bridge
  */
 RCTEventEmitter.register(ReactNativeEventEmitter);
 
+injection$1.injectComponentTree(ReactNativeComponentTree);
+
+ResponderEventPlugin.injection.injectGlobalResponderHandler(
+  ReactNativeGlobalResponderHandler
+);
+
+/**
+ * `ReactInstanceMap` maintains a mapping from a public facing stateful
+ * instance (key) and the internal representation (value). This allows public
+ * methods to accept the user facing instance as an argument and map them back
+ * to internal methods.
+ *
+ * Note that this module is currently shared and assumed to be stateless.
+ * If this becomes an actual Map, that will break.
+ */
+
+/**
+ * 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
+ * supported we can rename it.
+ */
+
+function get$1(key) {
+  return key._reactInternalFiber;
+}
+
+function set(key, value) {
+  key._reactInternalFiber = value;
+}
+
+var ReactInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+var ReactCurrentOwner = ReactInternals.ReactCurrentOwner;
+var ReactDebugCurrentFrame = ReactInternals.ReactDebugCurrentFrame;
+
 // The Symbol used to tag the ReactElement-like types. If there is no native Symbol
 // nor polyfill, then a plain number is used for performance.
-var hasSymbol = typeof Symbol === "function" && Symbol["for"];
+var hasSymbol = typeof Symbol === "function" && Symbol.for;
 
-var REACT_ELEMENT_TYPE = hasSymbol ? Symbol["for"]("react.element") : 0xeac7;
-var REACT_CALL_TYPE = hasSymbol ? Symbol["for"]("react.call") : 0xeac8;
-var REACT_RETURN_TYPE = hasSymbol ? Symbol["for"]("react.return") : 0xeac9;
-var REACT_PORTAL_TYPE = hasSymbol ? Symbol["for"]("react.portal") : 0xeaca;
-var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol["for"]("react.fragment") : 0xeacb;
+var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 0xeac7;
+var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 0xeaca;
+var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 0xeacb;
 var REACT_STRICT_MODE_TYPE = hasSymbol
-  ? Symbol["for"]("react.strict_mode")
+  ? Symbol.for("react.strict_mode")
   : 0xeacc;
-var REACT_PROVIDER_TYPE = hasSymbol ? Symbol["for"]("react.provider") : 0xeacd;
-var REACT_CONTEXT_TYPE = hasSymbol ? Symbol["for"]("react.context") : 0xeace;
-var REACT_ASYNC_MODE_TYPE = hasSymbol
-  ? Symbol["for"]("react.async_mode")
-  : 0xeacf;
+var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 0xead2;
+var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 0xeacd;
+var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 0xeace;
+var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 0xeacf;
+var REACT_FORWARD_REF_TYPE = hasSymbol
+  ? Symbol.for("react.forward_ref")
+  : 0xead0;
+var REACT_TIMEOUT_TYPE = hasSymbol ? Symbol.for("react.timeout") : 0xead1;
 
 var MAYBE_ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = "@@iterator";
@@ -2819,249 +2792,358 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-function createPortal(
-  children,
-  containerInfo,
-  // TODO: figure out the API for cross-renderer implementation.
-  implementation
-) {
-  var key =
-    arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-
-  return {
-    // This tag allow us to uniquely identify this as a React Portal
-    $$typeof: REACT_PORTAL_TYPE,
-    key: key == null ? null : "" + key,
-    children: children,
-    containerInfo: containerInfo,
-    implementation: implementation
-  };
-}
-
-var TouchHistoryMath = {
-  /**
-   * This code is optimized and not intended to look beautiful. This allows
-   * computing of touch centroids that have moved after `touchesChangedAfter`
-   * timeStamp. You can compute the current centroid involving all touches
-   * moves after `touchesChangedAfter`, or you can compute the previous
-   * centroid of all touches that were moved after `touchesChangedAfter`.
-   *
-   * @param {TouchHistoryMath} touchHistory Standard Responder touch track
-   * data.
-   * @param {number} touchesChangedAfter timeStamp after which moved touches
-   * are considered "actively moving" - not just "active".
-   * @param {boolean} isXAxis Consider `x` dimension vs. `y` dimension.
-   * @param {boolean} ofCurrent Compute current centroid for actively moving
-   * touches vs. previous centroid of now actively moving touches.
-   * @return {number} value of centroid in specified dimension.
-   */
-  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;
+function getComponentName(fiber) {
+  var type = fiber.type;
 
-    if (oneTouchData !== null) {
-      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 = void 0; // Yuck, program temporarily in invalid state.
-          if (ofCurrent && isXAxis) {
-            toAdd = touchTrack.currentPageX;
-          } else if (ofCurrent && !isXAxis) {
-            toAdd = touchTrack.currentPageY;
-          } else if (!ofCurrent && isXAxis) {
-            toAdd = touchTrack.previousPageX;
-          } else {
-            toAdd = touchTrack.previousPageY;
-          }
-          total += toAdd;
-          count++;
-        }
-      }
+  if (typeof type === "function") {
+    return type.displayName || type.name;
+  }
+  if (typeof type === "string") {
+    return type;
+  }
+  switch (type) {
+    case REACT_ASYNC_MODE_TYPE:
+      return "AsyncMode";
+    case REACT_CONTEXT_TYPE:
+      return "Context.Consumer";
+    case REACT_FRAGMENT_TYPE:
+      return "ReactFragment";
+    case REACT_PORTAL_TYPE:
+      return "ReactPortal";
+    case REACT_PROFILER_TYPE:
+      return "Profiler(" + fiber.pendingProps.id + ")";
+    case REACT_PROVIDER_TYPE:
+      return "Context.Provider";
+    case REACT_STRICT_MODE_TYPE:
+      return "StrictMode";
+    case REACT_TIMEOUT_TYPE:
+      return "Timeout";
+  }
+  if (typeof type === "object" && type !== null) {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        var functionName = type.render.displayName || type.render.name || "";
+        return functionName !== ""
+          ? "ForwardRef(" + functionName + ")"
+          : "ForwardRef";
     }
-    return count > 0 ? total / count : TouchHistoryMath.noCentroid;
-  },
-
-  currentCentroidXOfTouchesChangedAfter: function(
-    touchHistory,
-    touchesChangedAfter
-  ) {
-    return TouchHistoryMath.centroidDimension(
-      touchHistory,
-      touchesChangedAfter,
-      true, // isXAxis
-      true
-    );
-  },
+  }
+  return null;
+}
 
-  currentCentroidYOfTouchesChangedAfter: function(
-    touchHistory,
-    touchesChangedAfter
-  ) {
-    return TouchHistoryMath.centroidDimension(
-      touchHistory,
-      touchesChangedAfter,
-      false, // isXAxis
-      true
-    );
-  },
+// Don't change these two values. They're used by React Dev Tools.
+var NoEffect = /*              */ 0;
+var PerformedWork = /*         */ 1;
 
-  previousCentroidXOfTouchesChangedAfter: function(
-    touchHistory,
-    touchesChangedAfter
-  ) {
-    return TouchHistoryMath.centroidDimension(
-      touchHistory,
-      touchesChangedAfter,
-      true, // isXAxis
-      false
-    );
-  },
+// You can change the rest (and add more).
+var Placement = /*             */ 2;
+var Update = /*                */ 4;
+var PlacementAndUpdate = /*    */ 6;
+var Deletion = /*              */ 8;
+var ContentReset = /*          */ 16;
+var Callback = /*              */ 32;
+var DidCapture = /*            */ 64;
+var Ref = /*                   */ 128;
+var Snapshot = /*              */ 256;
 
-  previousCentroidYOfTouchesChangedAfter: function(
-    touchHistory,
-    touchesChangedAfter
-  ) {
-    return TouchHistoryMath.centroidDimension(
-      touchHistory,
-      touchesChangedAfter,
-      false, // isXAxis
-      false
-    );
-  },
+// Union of all host effects
+var HostEffectMask = /*        */ 511;
 
-  currentCentroidX: function(touchHistory) {
-    return TouchHistoryMath.centroidDimension(
-      touchHistory,
-      0, // touchesChangedAfter
-      true, // isXAxis
-      true
-    );
-  },
+var Incomplete = /*            */ 512;
+var ShouldCapture = /*         */ 1024;
 
-  currentCentroidY: function(touchHistory) {
-    return TouchHistoryMath.centroidDimension(
-      touchHistory,
-      0, // touchesChangedAfter
-      false, // isXAxis
-      true
-    );
-  },
+var MOUNTING = 1;
+var MOUNTED = 2;
+var UNMOUNTED = 3;
 
-  noCentroid: -1
-};
+function isFiberMountedImpl(fiber) {
+  var node = fiber;
+  if (!fiber.alternate) {
+    // If there is no alternate, this might be a new tree that isn't inserted
+    // yet. If it is, then it will have a pending insertion effect on it.
+    if ((node.effectTag & Placement) !== NoEffect) {
+      return MOUNTING;
+    }
+    while (node.return) {
+      node = node.return;
+      if ((node.effectTag & Placement) !== NoEffect) {
+        return MOUNTING;
+      }
+    }
+  } else {
+    while (node.return) {
+      node = node.return;
+    }
+  }
+  if (node.tag === HostRoot) {
+    // TODO: Check if this was a nested HostRoot when used with
+    // renderContainerIntoSubtree.
+    return MOUNTED;
+  }
+  // If we didn't hit the root, that means that we're in an disconnected tree
+  // that has been unmounted.
+  return UNMOUNTED;
+}
 
-// TODO: this is special because it gets imported during build.
+function isFiberMounted(fiber) {
+  return isFiberMountedImpl(fiber) === MOUNTED;
+}
 
-var ReactVersion = "16.3.0-alpha.1";
+function isMounted(component) {
+  {
+    var owner = ReactCurrentOwner.current;
+    if (owner !== null && owner.tag === ClassComponent) {
+      var ownerFiber = owner;
+      var instance = ownerFiber.stateNode;
+      !instance._warnedAboutRefsInRender
+        ? warning(
+            false,
+            "%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"
+          )
+        : void 0;
+      instance._warnedAboutRefsInRender = true;
+    }
+  }
 
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
+  var fiber = get$1(component);
+  if (!fiber) {
+    return false;
   }
+  return isFiberMountedImpl(fiber) === MOUNTED;
 }
 
-var objects = {};
-var uniqueID = 1;
-var emptyObject$2 = {};
+function assertIsMounted(fiber) {
+  invariant(
+    isFiberMountedImpl(fiber) === MOUNTED,
+    "Unable to find node on an unmounted component."
+  );
+}
 
-var ReactNativePropRegistry = (function() {
-  function ReactNativePropRegistry() {
-    _classCallCheck(this, ReactNativePropRegistry);
+function findCurrentFiberUsingSlowPath(fiber) {
+  var alternate = fiber.alternate;
+  if (!alternate) {
+    // If there is no alternate, then we only need to check if it is mounted.
+    var state = isFiberMountedImpl(fiber);
+    invariant(
+      state !== UNMOUNTED,
+      "Unable to find node on an unmounted component."
+    );
+    if (state === MOUNTING) {
+      return null;
+    }
+    return fiber;
   }
-
-  ReactNativePropRegistry.register = function register(object) {
-    var id = ++uniqueID;
-    {
-      Object.freeze(object);
+  // If we have two possible branches, we'll walk backwards up to the root
+  // to see what path the root points to. On the way we may hit one of the
+  // special cases and we'll deal with them.
+  var a = fiber;
+  var b = alternate;
+  while (true) {
+    var parentA = a.return;
+    var parentB = parentA ? parentA.alternate : null;
+    if (!parentA || !parentB) {
+      // We're at the root.
+      break;
     }
-    objects[id] = object;
-    return id;
-  };
 
-  ReactNativePropRegistry.getByID = function getByID(id) {
-    if (!id) {
-      // Used in the style={[condition && id]} pattern,
-      // we want it to be a no-op when the value is false or null
-      return emptyObject$2;
+    // If both copies of the parent fiber point to the same child, we can
+    // assume that the child is current. This happens when we bailout on low
+    // priority: the bailed out fiber's child reuses the current child.
+    if (parentA.child === parentB.child) {
+      var child = parentA.child;
+      while (child) {
+        if (child === a) {
+          // We've determined that A is the current branch.
+          assertIsMounted(parentA);
+          return fiber;
+        }
+        if (child === b) {
+          // We've determined that B is the current branch.
+          assertIsMounted(parentA);
+          return alternate;
+        }
+        child = child.sibling;
+      }
+      // 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.");
     }
 
-    var object = objects[id];
-    if (!object) {
-      console.warn("Invalid style with id `" + id + "`. Skipping ...");
-      return emptyObject$2;
+    if (a.return !== b.return) {
+      // The return pointer of A and the return pointer of B point to different
+      // fibers. We assume that return pointers never criss-cross, so A must
+      // belong to the child set of A.return, and B must belong to the child
+      // set of B.return.
+      a = parentA;
+      b = parentB;
+    } else {
+      // The return pointers point to the same fiber. We'll have to use the
+      // default, slow path: scan the child sets of each parent alternate to see
+      // which child belongs to which set.
+      //
+      // Search parent A's child set
+      var didFindChild = false;
+      var _child = parentA.child;
+      while (_child) {
+        if (_child === a) {
+          didFindChild = true;
+          a = parentA;
+          b = parentB;
+          break;
+        }
+        if (_child === b) {
+          didFindChild = true;
+          b = parentA;
+          a = parentB;
+          break;
+        }
+        _child = _child.sibling;
+      }
+      if (!didFindChild) {
+        // Search parent B's child set
+        _child = parentB.child;
+        while (_child) {
+          if (_child === a) {
+            didFindChild = true;
+            a = parentB;
+            b = parentA;
+            break;
+          }
+          if (_child === b) {
+            didFindChild = true;
+            b = parentB;
+            a = parentA;
+            break;
+          }
+          _child = _child.sibling;
+        }
+        invariant(
+          didFindChild,
+          "Child was not found in either parent set. This indicates a bug " +
+            "in React related to the return pointer. Please file an issue."
+        );
+      }
     }
-    return object;
-  };
-
-  return ReactNativePropRegistry;
-})();
-
-// Modules provided by RN:
-var emptyObject$1 = {};
-
-/**
- * Create a payload that contains all the updates between two sets of props.
- *
- * These helpers are all encapsulated into a single module, because they use
- * mutation as a performance optimization which leads to subtle shared
- * dependencies between the code paths. To avoid this mutable state leaking
- * across modules, I've kept them isolated to this module.
- */
-
-// Tracks removed keys
-var removedKeys = null;
-var removedKeyCount = 0;
 
-function defaultDiffer(prevProp, nextProp) {
-  if (typeof nextProp !== "object" || nextProp === null) {
-    // Scalars have already been checked for equality
-    return true;
-  } else {
-    // For objects and arrays, the default diffing algorithm is a deep compare
-    return deepDiffer(prevProp, nextProp);
+    invariant(
+      a.alternate === b,
+      "Return fibers should always be each others' alternates. " +
+        "This error is likely caused by a bug in React. Please file an issue."
+    );
   }
-}
-
-function resolveObject(idOrObject) {
-  if (typeof idOrObject === "number") {
-    return ReactNativePropRegistry.getByID(idOrObject);
+  // 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."
+  );
+  if (a.stateNode.current === a) {
+    // We've determined that A is the current branch.
+    return fiber;
   }
-  return idOrObject;
+  // Otherwise B has to be current branch.
+  return alternate;
 }
 
-function restoreDeletedValuesInNestedArray(
-  updatePayload,
+function findCurrentHostFiber(parent) {
+  var currentParent = findCurrentFiberUsingSlowPath(parent);
+  if (!currentParent) {
+    return null;
+  }
+
+  // Next we'll drill down this component to find the first HostComponent/Text.
+  var node = currentParent;
+  while (true) {
+    if (node.tag === HostComponent || node.tag === HostText) {
+      return node;
+    } else if (node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === currentParent) {
+      return null;
+    }
+    while (!node.sibling) {
+      if (!node.return || node.return === currentParent) {
+        return null;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+  // Flow needs the return null here, but ESLint complains about it.
+  // eslint-disable-next-line no-unreachable
+  return null;
+}
+
+function findCurrentHostFiberWithNoPortals(parent) {
+  var currentParent = findCurrentFiberUsingSlowPath(parent);
+  if (!currentParent) {
+    return null;
+  }
+
+  // Next we'll drill down this component to find the first HostComponent/Text.
+  var node = currentParent;
+  while (true) {
+    if (node.tag === HostComponent || node.tag === HostText) {
+      return node;
+    } else if (node.child && node.tag !== HostPortal) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === currentParent) {
+      return null;
+    }
+    while (!node.sibling) {
+      if (!node.return || node.return === currentParent) {
+        return null;
+      }
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+  // Flow needs the return null here, but ESLint complains about it.
+  // eslint-disable-next-line no-unreachable
+  return null;
+}
+
+// Modules provided by RN:
+var emptyObject$1 = {};
+
+/**
+ * Create a payload that contains all the updates between two sets of props.
+ *
+ * These helpers are all encapsulated into a single module, because they use
+ * mutation as a performance optimization which leads to subtle shared
+ * dependencies between the code paths. To avoid this mutable state leaking
+ * across modules, I've kept them isolated to this module.
+ */
+
+// Tracks removed keys
+var removedKeys = null;
+var removedKeyCount = 0;
+
+function defaultDiffer(prevProp, nextProp) {
+  if (typeof nextProp !== "object" || nextProp === null) {
+    // Scalars have already been checked for equality
+    return true;
+  } else {
+    // For objects and arrays, the default diffing algorithm is a deep compare
+    return deepDiffer(prevProp, nextProp);
+  }
+}
+
+function restoreDeletedValuesInNestedArray(
+  updatePayload,
   node,
   validAttributes
 ) {
@@ -3075,7 +3157,7 @@ function restoreDeletedValuesInNestedArray(
       );
     }
   } else if (node && removedKeyCount > 0) {
-    var obj = resolveObject(node);
+    var obj = node;
     for (var propKey in removedKeys) {
       if (!removedKeys[propKey]) {
         continue;
@@ -3179,12 +3261,7 @@ function diffNestedProperty(
 
   if (!Array.isArray(prevProp) && !Array.isArray(nextProp)) {
     // Both are leaves, we can diff the leaves.
-    return diffProperties(
-      updatePayload,
-      resolveObject(prevProp),
-      resolveObject(nextProp),
-      validAttributes
-    );
+    return diffProperties(updatePayload, prevProp, nextProp, validAttributes);
   }
 
   if (Array.isArray(prevProp) && Array.isArray(nextProp)) {
@@ -3203,14 +3280,14 @@ function diffNestedProperty(
       // $FlowFixMe - We know that this is always an object when the input is.
       flattenStyle(prevProp),
       // $FlowFixMe - We know that this isn't an array because of above flow.
-      resolveObject(nextProp),
+      nextProp,
       validAttributes
     );
   }
 
   return diffProperties(
     updatePayload,
-    resolveObject(prevProp),
+    prevProp,
     // $FlowFixMe - We know that this is always an object when the input is.
     flattenStyle(nextProp),
     validAttributes
@@ -3229,11 +3306,7 @@ function addNestedProperty(updatePayload, nextProp, validAttributes) {
 
   if (!Array.isArray(nextProp)) {
     // Add each property of the leaf.
-    return addProperties(
-      updatePayload,
-      resolveObject(nextProp),
-      validAttributes
-    );
+    return addProperties(updatePayload, nextProp, validAttributes);
   }
 
   for (var i = 0; i < nextProp.length; i++) {
@@ -3259,11 +3332,7 @@ function clearNestedProperty(updatePayload, prevProp, validAttributes) {
 
   if (!Array.isArray(prevProp)) {
     // Add each property of the leaf.
-    return clearProperties(
-      updatePayload,
-      resolveObject(prevProp),
-      validAttributes
-    );
+    return clearProperties(updatePayload, prevProp, validAttributes);
   }
 
   for (var i = 0; i < prevProp.length; i++) {
@@ -3550,2828 +3619,3528 @@ function warnForStyleProps(props, validAttributes) {
   }
 }
 
-/**
- * `ReactInstanceMap` maintains a mapping from a public facing stateful
- * instance (key) and the internal representation (value). This allows public
- * methods to accept the user facing instance as an argument and map them back
- * to internal methods.
- *
- * Note that this module is currently shared and assumed to be stateless.
- * If this becomes an actual Map, that will break.
- */
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
 
+// Modules provided by RN:
 /**
- * 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
- * supported we can rename it.
+ * This component defines the same methods as NativeMethodsMixin but without the
+ * findNodeHandle wrapper. This wrapper is unnecessary for HostComponent views
+ * and would also result in a circular require.js dependency (since
+ * ReactNativeFiber depends on this component and NativeMethodsMixin depends on
+ * ReactNativeFiber).
  */
 
-function get(key) {
-  return key._reactInternalFiber;
+var ReactNativeFiberHostComponent = (function() {
+  function ReactNativeFiberHostComponent(tag, viewConfig) {
+    _classCallCheck(this, ReactNativeFiberHostComponent);
+
+    this._nativeTag = tag;
+    this._children = [];
+    this.viewConfig = viewConfig;
+  }
+
+  ReactNativeFiberHostComponent.prototype.blur = function blur() {
+    TextInputState.blurTextInput(this._nativeTag);
+  };
+
+  ReactNativeFiberHostComponent.prototype.focus = function focus() {
+    TextInputState.focusTextInput(this._nativeTag);
+  };
+
+  ReactNativeFiberHostComponent.prototype.measure = function measure(callback) {
+    UIManager.measure(this._nativeTag, mountSafeCallback(this, callback));
+  };
+
+  ReactNativeFiberHostComponent.prototype.measureInWindow = function measureInWindow(
+    callback
+  ) {
+    UIManager.measureInWindow(
+      this._nativeTag,
+      mountSafeCallback(this, callback)
+    );
+  };
+
+  ReactNativeFiberHostComponent.prototype.measureLayout = function measureLayout(
+    relativeToNativeNode,
+    onSuccess,
+    onFail /* currently unused */
+  ) {
+    UIManager.measureLayout(
+      this._nativeTag,
+      relativeToNativeNode,
+      mountSafeCallback(this, onFail),
+      mountSafeCallback(this, onSuccess)
+    );
+  };
+
+  ReactNativeFiberHostComponent.prototype.setNativeProps = function setNativeProps(
+    nativeProps
+  ) {
+    {
+      warnForStyleProps(nativeProps, this.viewConfig.validAttributes);
+    }
+
+    var updatePayload = create(nativeProps, this.viewConfig.validAttributes);
+
+    // Avoid the overhead of bridge calls if there's no update.
+    // This is an expensive no-op for Android, and causes an unnecessary
+    // view invalidation for certain components (eg RCTTextInput) on iOS.
+    if (updatePayload != null) {
+      UIManager.updateView(
+        this._nativeTag,
+        this.viewConfig.uiViewClassName,
+        updatePayload
+      );
+    }
+  };
+
+  return ReactNativeFiberHostComponent;
+})();
+
+var hasNativePerformanceNow =
+  typeof performance === "object" && typeof performance.now === "function";
+
+var now$1 = hasNativePerformanceNow
+  ? function() {
+      return performance.now();
+    }
+  : function() {
+      return Date.now();
+    };
+
+var scheduledCallback = null;
+var frameDeadline = 0;
+
+var frameDeadlineObject = {
+  timeRemaining: function() {
+    return frameDeadline - now$1();
+  },
+  didTimeout: false
+};
+
+function setTimeoutCallback() {
+  // TODO (bvaughn) Hard-coded 5ms unblocks initial async testing.
+  // React API probably changing to boolean rather than time remaining.
+  // Longer-term plan is to rewrite this using shared memory,
+  // And just return the value of the bit as the boolean.
+  frameDeadline = now$1() + 5;
+
+  var callback = scheduledCallback;
+  scheduledCallback = null;
+  if (callback !== null) {
+    callback(frameDeadlineObject);
+  }
 }
 
-function set(key, value) {
-  key._reactInternalFiber = value;
+// RN has a poor polyfill for requestIdleCallback so we aren't using it.
+// This implementation is only intended for short-term use anyway.
+// We also don't implement cancel functionality b'c Fiber doesn't currently need it.
+function scheduleDeferredCallback$1(callback, options) {
+  // We assume only one callback is scheduled at a time b'c that's how Fiber works.
+  scheduledCallback = callback;
+  var timeoutId = setTimeout(setTimeoutCallback, 1);
+  return timeoutId; // Timeouts are always numbers on RN
 }
 
-var ReactInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+function cancelDeferredCallback$1(callbackID) {
+  scheduledCallback = null;
+  clearTimeout(callbackID); // Timeouts are always numbers on RN
+}
 
-var ReactCurrentOwner = ReactInternals.ReactCurrentOwner;
-var ReactDebugCurrentFrame = ReactInternals.ReactDebugCurrentFrame;
+// Renderers that don't support persistence
+// can re-export everything from this module.
+
+function shim() {
+  invariant(
+    false,
+    "The current renderer does not support persistence. " +
+      "This error is likely caused by a bug in React. " +
+      "Please file an issue."
+  );
+}
+
+// Persistence (when unsupported)
+var supportsPersistence = false;
+var cloneInstance = shim;
+var createContainerChildSet = shim;
+var appendChildToContainerChildSet = shim;
+var finalizeContainerChildren = shim;
+var replaceContainerChildren = shim;
+
+// Renderers that don't support hydration
+// can re-export everything from this module.
+
+function shim$1() {
+  invariant(
+    false,
+    "The current renderer does not support hyration. " +
+      "This error is likely caused by a bug in React. " +
+      "Please file an issue."
+  );
+}
+
+// Hydration (when unsupported)
+var supportsHydration = false;
+var canHydrateInstance = shim$1;
+var canHydrateTextInstance = shim$1;
+var getNextHydratableSibling = shim$1;
+var getFirstHydratableChild = shim$1;
+var hydrateInstance = shim$1;
+var hydrateTextInstance = shim$1;
+var didNotMatchHydratedContainerTextInstance = shim$1;
+var didNotMatchHydratedTextInstance = shim$1;
+var didNotHydrateContainerInstance = shim$1;
+var didNotHydrateInstance = shim$1;
+var didNotFindHydratableContainerInstance = shim$1;
+var didNotFindHydratableContainerTextInstance = shim$1;
+var didNotFindHydratableInstance = shim$1;
+var didNotFindHydratableTextInstance = shim$1;
+
+// Modules provided by RN:
+// Unused
+
+// Counter for uniquely identifying views.
+// % 10 === 1 means it is a rootTag.
+// % 2 === 0 means it is a Fabric tag.
+var nextReactTag = 3;
+function allocateTag() {
+  var tag = nextReactTag;
+  if (tag % 10 === 1) {
+    tag += 2;
+  }
+  nextReactTag = tag + 2;
+  return tag;
+}
+
+function recursivelyUncacheFiberNode(node) {
+  if (typeof node === "number") {
+    // Leaf node (eg text)
+    uncacheFiberNode(node);
+  } else {
+    uncacheFiberNode(node._nativeTag);
+
+    node._children.forEach(recursivelyUncacheFiberNode);
+  }
+}
+
+function appendInitialChild(parentInstance, child) {
+  parentInstance._children.push(child);
+}
+
+function createInstance(
+  type,
+  props,
+  rootContainerInstance,
+  hostContext,
+  internalInstanceHandle
+) {
+  var tag = allocateTag();
+  var viewConfig = ReactNativeViewConfigRegistry.get(type);
+
+  {
+    for (var key in viewConfig.validAttributes) {
+      if (props.hasOwnProperty(key)) {
+        deepFreezeAndThrowOnMutationInDev(props[key]);
+      }
+    }
+  }
+
+  invariant(
+    type !== "RCTView" || !hostContext.isInAParentText,
+    "Nesting of <View> within <Text> is not currently supported."
+  );
+
+  var updatePayload = create(props, viewConfig.validAttributes);
+
+  UIManager.createView(
+    tag, // reactTag
+    viewConfig.uiViewClassName, // viewName
+    rootContainerInstance, // rootTag
+    updatePayload // props
+  );
+
+  var component = new ReactNativeFiberHostComponent(tag, viewConfig);
+
+  precacheFiberNode(internalInstanceHandle, tag);
+  updateFiberProps(tag, props);
+
+  // Not sure how to avoid this cast. Flow is okay if the component is defined
+  // in the same file but if it's external it can't see the types.
+  return component;
+}
+
+function createTextInstance(
+  text,
+  rootContainerInstance,
+  hostContext,
+  internalInstanceHandle
+) {
+  invariant(
+    hostContext.isInAParentText,
+    "Text strings must be rendered within a <Text> component."
+  );
+
+  var tag = allocateTag();
+
+  UIManager.createView(
+    tag, // reactTag
+    "RCTRawText", // viewName
+    rootContainerInstance, // rootTag
+    { text: text } // props
+  );
+
+  precacheFiberNode(internalInstanceHandle, tag);
+
+  return tag;
+}
+
+function finalizeInitialChildren(
+  parentInstance,
+  type,
+  props,
+  rootContainerInstance,
+  hostContext
+) {
+  // Don't send a no-op message over the bridge.
+  if (parentInstance._children.length === 0) {
+    return false;
+  }
+
+  // Map from child objects to native tags.
+  // Either way we need to pass a copy of the Array to prevent it from being frozen.
+  var nativeTags = parentInstance._children.map(function(child) {
+    return typeof child === "number"
+      ? child // Leaf node (eg text)
+      : child._nativeTag;
+  });
+
+  UIManager.setChildren(
+    parentInstance._nativeTag, // containerTag
+    nativeTags // reactTags
+  );
+
+  return false;
+}
+
+function getRootHostContext(rootContainerInstance) {
+  return { isInAParentText: false };
+}
+
+function getChildHostContext(parentHostContext, type, rootContainerInstance) {
+  var prevIsInAParentText = parentHostContext.isInAParentText;
+  var isInAParentText =
+    type === "AndroidTextInput" || // Android
+    type === "RCTMultilineTextInputView" || // iOS
+    type === "RCTSinglelineTextInputView" || // iOS
+    type === "RCTText" ||
+    type === "RCTVirtualText";
+
+  if (prevIsInAParentText !== isInAParentText) {
+    return { isInAParentText: isInAParentText };
+  } else {
+    return parentHostContext;
+  }
+}
+
+function getPublicInstance(instance) {
+  return instance;
+}
+
+function prepareForCommit(containerInfo) {
+  // Noop
+}
+
+function prepareUpdate(
+  instance,
+  type,
+  oldProps,
+  newProps,
+  rootContainerInstance,
+  hostContext
+) {
+  return emptyObject;
+}
+
+function resetAfterCommit(containerInfo) {
+  // Noop
+}
+
+var now = now$1;
+var isPrimaryRenderer = true;
+var scheduleDeferredCallback = scheduleDeferredCallback$1;
+var cancelDeferredCallback = cancelDeferredCallback$1;
+
+function shouldDeprioritizeSubtree(type, props) {
+  return false;
+}
+
+function shouldSetTextContent(type, props) {
+  // TODO (bvaughn) Revisit this decision.
+  // Always returning false simplifies the createInstance() implementation,
+  // But creates an additional child Fiber for raw text children.
+  // No additional native views are created though.
+  // It's not clear to me which is better so I'm deferring for now.
+  // More context @ github.com/facebook/react/pull/8560#discussion_r92111303
+  return false;
+}
+
+// -------------------
+//     Mutation
+// -------------------
+
+var supportsMutation = true;
+
+function appendChild(parentInstance, child) {
+  var childTag = typeof child === "number" ? child : child._nativeTag;
+  var children = parentInstance._children;
+  var index = children.indexOf(child);
+
+  if (index >= 0) {
+    children.splice(index, 1);
+    children.push(child);
+
+    UIManager.manageChildren(
+      parentInstance._nativeTag, // containerTag
+      [index], // moveFromIndices
+      [children.length - 1], // moveToIndices
+      [], // addChildReactTags
+      [], // addAtIndices
+      [] // removeAtIndices
+    );
+  } else {
+    children.push(child);
+
+    UIManager.manageChildren(
+      parentInstance._nativeTag, // containerTag
+      [], // moveFromIndices
+      [], // moveToIndices
+      [childTag], // addChildReactTags
+      [children.length - 1], // addAtIndices
+      [] // removeAtIndices
+    );
+  }
+}
+
+function appendChildToContainer(parentInstance, child) {
+  var childTag = typeof child === "number" ? child : child._nativeTag;
+  UIManager.setChildren(
+    parentInstance, // containerTag
+    [childTag] // reactTags
+  );
+}
+
+function commitTextUpdate(textInstance, oldText, newText) {
+  UIManager.updateView(
+    textInstance, // reactTag
+    "RCTRawText", // viewName
+    { text: newText } // props
+  );
+}
+
+function commitUpdate(
+  instance,
+  updatePayloadTODO,
+  type,
+  oldProps,
+  newProps,
+  internalInstanceHandle
+) {
+  var viewConfig = instance.viewConfig;
+
+  updateFiberProps(instance._nativeTag, newProps);
+
+  var updatePayload = diff(oldProps, newProps, viewConfig.validAttributes);
+
+  // Avoid the overhead of bridge calls if there's no update.
+  // This is an expensive no-op for Android, and causes an unnecessary
+  // view invalidation for certain components (eg RCTTextInput) on iOS.
+  if (updatePayload != null) {
+    UIManager.updateView(
+      instance._nativeTag, // reactTag
+      viewConfig.uiViewClassName, // viewName
+      updatePayload // props
+    );
+  }
+}
+
+function insertBefore(parentInstance, child, beforeChild) {
+  var children = parentInstance._children;
+  var index = children.indexOf(child);
+
+  // Move existing child or add new child?
+  if (index >= 0) {
+    children.splice(index, 1);
+    var beforeChildIndex = children.indexOf(beforeChild);
+    children.splice(beforeChildIndex, 0, child);
+
+    UIManager.manageChildren(
+      parentInstance._nativeTag, // containerID
+      [index], // moveFromIndices
+      [beforeChildIndex], // moveToIndices
+      [], // addChildReactTags
+      [], // addAtIndices
+      [] // removeAtIndices
+    );
+  } else {
+    var _beforeChildIndex = children.indexOf(beforeChild);
+    children.splice(_beforeChildIndex, 0, child);
+
+    var childTag = typeof child === "number" ? child : child._nativeTag;
+
+    UIManager.manageChildren(
+      parentInstance._nativeTag, // containerID
+      [], // moveFromIndices
+      [], // moveToIndices
+      [childTag], // addChildReactTags
+      [_beforeChildIndex], // addAtIndices
+      [] // removeAtIndices
+    );
+  }
+}
+
+function insertInContainerBefore(parentInstance, child, beforeChild) {
+  // 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.
+  // For more info on pros/cons see PR #8560 description.
+  invariant(
+    typeof parentInstance !== "number",
+    "Container does not support insertBefore operation"
+  );
+}
+
+function removeChild(parentInstance, child) {
+  recursivelyUncacheFiberNode(child);
+  var children = parentInstance._children;
+  var index = children.indexOf(child);
+
+  children.splice(index, 1);
+
+  UIManager.manageChildren(
+    parentInstance._nativeTag, // containerID
+    [], // moveFromIndices
+    [], // moveToIndices
+    [], // addChildReactTags
+    [], // addAtIndices
+    [index] // removeAtIndices
+  );
+}
+
+function removeChildFromContainer(parentInstance, child) {
+  recursivelyUncacheFiberNode(child);
+  UIManager.manageChildren(
+    parentInstance, // containerID
+    [], // moveFromIndices
+    [], // moveToIndices
+    [], // addChildReactTags
+    [], // addAtIndices
+    [0] // removeAtIndices
+  );
+}
+
+function resetTextContent(instance) {
+  // Noop
+}
+
+var describeComponentFrame = function(name, source, ownerName) {
+  return (
+    "\n    in " +
+    (name || "Unknown") +
+    (source
+      ? " (at " +
+        source.fileName.replace(/^.*[\\\/]/, "") +
+        ":" +
+        source.lineNumber +
+        ")"
+      : ownerName ? " (created by " + ownerName + ")" : "")
+  );
+};
+
+function describeFiber(fiber) {
+  switch (fiber.tag) {
+    case IndeterminateComponent:
+    case FunctionalComponent:
+    case ClassComponent:
+    case HostComponent:
+      var owner = fiber._debugOwner;
+      var source = fiber._debugSource;
+      var name = getComponentName(fiber);
+      var ownerName = null;
+      if (owner) {
+        ownerName = getComponentName(owner);
+      }
+      return describeComponentFrame(name, source, ownerName);
+    default:
+      return "";
+  }
+}
+
+// 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) {
+  var info = "";
+  var node = workInProgress;
+  do {
+    info += describeFiber(node);
+    // Otherwise this return pointer might point to the wrong tree:
+    node = node.return;
+  } while (node);
+  return info;
+}
+
+function getCurrentFiberOwnerName() {
+  {
+    var fiber = ReactDebugCurrentFiber.current;
+    if (fiber === null) {
+      return null;
+    }
+    var owner = fiber._debugOwner;
+    if (owner !== null && typeof owner !== "undefined") {
+      return getComponentName(owner);
+    }
+  }
+  return null;
+}
+
+function getCurrentFiberStackAddendum() {
+  {
+    var fiber = ReactDebugCurrentFiber.current;
+    if (fiber === null) {
+      return null;
+    }
+    // Safe because if current fiber exists, we are reconciling,
+    // and it is guaranteed to be the work-in-progress version.
+    return getStackAddendumByWorkInProgressFiber(fiber);
+  }
+  return null;
+}
+
+function resetCurrentFiber() {
+  ReactDebugCurrentFrame.getCurrentStack = null;
+  ReactDebugCurrentFiber.current = null;
+  ReactDebugCurrentFiber.phase = null;
+}
+
+function setCurrentFiber(fiber) {
+  ReactDebugCurrentFrame.getCurrentStack = getCurrentFiberStackAddendum;
+  ReactDebugCurrentFiber.current = fiber;
+  ReactDebugCurrentFiber.phase = null;
+}
+
+function setCurrentPhase(phase) {
+  ReactDebugCurrentFiber.phase = phase;
+}
+
+var ReactDebugCurrentFiber = {
+  current: null,
+  phase: null,
+  resetCurrentFiber: resetCurrentFiber,
+  setCurrentFiber: setCurrentFiber,
+  setCurrentPhase: setCurrentPhase,
+  getCurrentFiberOwnerName: getCurrentFiberOwnerName,
+  getCurrentFiberStackAddendum: getCurrentFiberStackAddendum
+};
+
+var debugRenderPhaseSideEffects = false;
+var debugRenderPhaseSideEffectsForStrictMode = false;
+var enableGetDerivedStateFromCatch = false;
+var enableSuspense = false;
+var enableUserTimingAPI = true;
+var replayFailedUnitOfWorkWithInvokeGuardedCallback = true;
+var warnAboutDeprecatedLifecycles = false;
+var warnAboutLegacyContextAPI = false;
+var enableProfilerTimer = true;
+
+// Only used in www builds.
+
+// Prefix measurements so that it's possible to filter them.
+// Longer prefixes are hard to read in DevTools.
+var reactEmoji = "\u269B";
+var warningEmoji = "\u26D4";
+var supportsUserTiming =
+  typeof performance !== "undefined" &&
+  typeof performance.mark === "function" &&
+  typeof performance.clearMarks === "function" &&
+  typeof performance.measure === "function" &&
+  typeof performance.clearMeasures === "function";
+
+// 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?
+var currentFiber = 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).
+var currentPhase = null;
+var currentPhaseFiber = 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.
+var isCommitting = false;
+var hasScheduledUpdateInCurrentCommit = false;
+var hasScheduledUpdateInCurrentPhase = false;
+var commitCountInCurrentWorkLoop = 0;
+var effectCountInCurrentCommit = 0;
+var isWaitingForCallback = false;
+// During commits, we only show a measurement once per method name
+// to avoid stretch the commit phase with measurement overhead.
+var labelsInCurrentCommit = new Set();
+
+var formatMarkName = function(markName) {
+  return reactEmoji + " " + markName;
+};
+
+var formatLabel = function(label, warning$$1) {
+  var prefix = warning$$1 ? warningEmoji + " " : reactEmoji + " ";
+  var suffix = warning$$1 ? " Warning: " + warning$$1 : "";
+  return "" + prefix + label + suffix;
+};
+
+var beginMark = function(markName) {
+  performance.mark(formatMarkName(markName));
+};
+
+var clearMark = function(markName) {
+  performance.clearMarks(formatMarkName(markName));
+};
+
+var endMark = function(label, markName, warning$$1) {
+  var formattedMarkName = formatMarkName(markName);
+  var formattedLabel = formatLabel(label, warning$$1);
+  try {
+    performance.measure(formattedLabel, formattedMarkName);
+  } catch (err) {}
+  // If previous mark was missing for some reason, this will throw.
+  // This could only happen if React crashed in an unexpected place earlier.
+  // Don't pile on with more errors.
+
+  // Clear marks immediately to avoid growing buffer.
+  performance.clearMarks(formattedMarkName);
+  performance.clearMeasures(formattedLabel);
+};
+
+var getFiberMarkName = function(label, debugID) {
+  return label + " (#" + debugID + ")";
+};
+
+var getFiberLabel = function(componentName, isMounted, phase) {
+  if (phase === null) {
+    // These are composite component total time measurements.
+    return componentName + " [" + (isMounted ? "update" : "mount") + "]";
+  } else {
+    // Composite component methods.
+    return componentName + "." + phase;
+  }
+};
+
+var beginFiberMark = function(fiber, phase) {
+  var componentName = getComponentName(fiber) || "Unknown";
+  var debugID = fiber._debugID;
+  var isMounted = fiber.alternate !== null;
+  var label = getFiberLabel(componentName, isMounted, phase);
+
+  if (isCommitting && labelsInCurrentCommit.has(label)) {
+    // During the commit phase, we don't show duplicate labels because
+    // there is a fixed overhead for every measurement, and we don't
+    // want to stretch the commit phase beyond necessary.
+    return false;
+  }
+  labelsInCurrentCommit.add(label);
+
+  var markName = getFiberMarkName(label, debugID);
+  beginMark(markName);
+  return true;
+};
+
+var clearFiberMark = function(fiber, phase) {
+  var componentName = getComponentName(fiber) || "Unknown";
+  var debugID = fiber._debugID;
+  var isMounted = fiber.alternate !== null;
+  var label = getFiberLabel(componentName, isMounted, phase);
+  var markName = getFiberMarkName(label, debugID);
+  clearMark(markName);
+};
+
+var endFiberMark = function(fiber, phase, warning$$1) {
+  var componentName = getComponentName(fiber) || "Unknown";
+  var debugID = fiber._debugID;
+  var isMounted = fiber.alternate !== null;
+  var label = getFiberLabel(componentName, isMounted, phase);
+  var markName = getFiberMarkName(label, debugID);
+  endMark(label, markName, warning$$1);
+};
+
+var shouldIgnoreFiber = function(fiber) {
+  // Host components should be skipped in the timeline.
+  // We could check typeof fiber.type, but does this work with RN?
+  switch (fiber.tag) {
+    case HostRoot:
+    case HostComponent:
+    case HostText:
+    case HostPortal:
+    case Fragment:
+    case ContextProvider:
+    case ContextConsumer:
+    case Mode:
+      return true;
+    default:
+      return false;
+  }
+};
 
-function getComponentName(fiber) {
-  var type = fiber.type;
+var clearPendingPhaseMeasurement = function() {
+  if (currentPhase !== null && currentPhaseFiber !== null) {
+    clearFiberMark(currentPhaseFiber, currentPhase);
+  }
+  currentPhaseFiber = null;
+  currentPhase = null;
+  hasScheduledUpdateInCurrentPhase = false;
+};
 
-  if (typeof type === "function") {
-    return type.displayName || type.name;
+var pauseTimers = function() {
+  // Stops all currently active measurements so that they can be resumed
+  // if we continue in a later deferred loop from the same unit of work.
+  var fiber = currentFiber;
+  while (fiber) {
+    if (fiber._debugIsCurrentlyTiming) {
+      endFiberMark(fiber, null, null);
+    }
+    fiber = fiber.return;
   }
-  if (typeof type === "string") {
-    return type;
+};
+
+var resumeTimersRecursively = function(fiber) {
+  if (fiber.return !== null) {
+    resumeTimersRecursively(fiber.return);
   }
-  switch (type) {
-    case REACT_FRAGMENT_TYPE:
-      return "ReactFragment";
-    case REACT_PORTAL_TYPE:
-      return "ReactPortal";
-    case REACT_CALL_TYPE:
-      return "ReactCall";
-    case REACT_RETURN_TYPE:
-      return "ReactReturn";
+  if (fiber._debugIsCurrentlyTiming) {
+    beginFiberMark(fiber, null);
   }
-  return null;
-}
-
-// TODO: Share this module between Fabric and React Native renderers
-// so that both can be used in the same tree.
-
-var findHostInstance = function(fiber) {
-  return null;
 };
 
-var findHostInstanceFabric = function(fiber) {
-  return null;
+var resumeTimers = function() {
+  // Resumes all measurements that were active during the last deferred loop.
+  if (currentFiber !== null) {
+    resumeTimersRecursively(currentFiber);
+  }
 };
 
-function injectFindHostInstance(impl) {
-  findHostInstance = impl;
+function recordEffect() {
+  if (enableUserTimingAPI) {
+    effectCountInCurrentCommit++;
+  }
 }
 
-/**
- * ReactNative vs ReactWeb
- * -----------------------
- * React treats some pieces of data opaquely. This means that the information
- * is first class (it can be passed around), but cannot be inspected. This
- * allows us to build infrastructure that reasons about resources, without
- * making assumptions about the nature of those resources, and this allows that
- * infra to be shared across multiple platforms, where the resources are very
- * different. General infra (such as `ReactMultiChild`) reasons opaquely about
- * the data, but platform specific code (such as `ReactNativeBaseComponent`) can
- * make assumptions about the data.
- *
- *
- * `rootNodeID`, uniquely identifies a position in the generated native view
- * tree. Many layers of composite components (created with `React.createClass`)
- * can all share the same `rootNodeID`.
- *
- * `nodeHandle`: A sufficiently unambiguous way to refer to a lower level
- * resource (dom node, native view etc). The `rootNodeID` is sufficient for web
- * `nodeHandle`s, because the position in a tree is always enough to uniquely
- * identify a DOM node (we never have nodes in some bank outside of the
- * document). The same would be true for `ReactNative`, but we must maintain a
- * mapping that we can send efficiently serializable
- * strings across native boundaries.
- *
- * Opaque name      TodaysWebReact   FutureWebWorkerReact   ReactNative
- * ----------------------------------------------------------------------------
- * nodeHandle       N/A              rootNodeID             tag
- */
-
-// TODO (bvaughn) Rename the findNodeHandle module to something more descriptive
-// eg findInternalHostInstance. This will reduce the likelihood of someone
-// accidentally deep-requiring this version.
-function findNodeHandle(componentOrHandle) {
-  {
-    var owner = ReactCurrentOwner.current;
-    if (owner !== null && owner.stateNode !== null) {
-      warning(
-        owner.stateNode._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.",
-        getComponentName(owner) || "A component"
-      );
+function recordScheduleUpdate() {
+  if (enableUserTimingAPI) {
+    if (isCommitting) {
+      hasScheduledUpdateInCurrentCommit = true;
+    }
+    if (
+      currentPhase !== null &&
+      currentPhase !== "componentWillMount" &&
+      currentPhase !== "componentWillReceiveProps"
+    ) {
+      hasScheduledUpdateInCurrentPhase = true;
+    }
+  }
+}
 
-      owner.stateNode._warnedAboutRefsInRender = true;
+function startRequestCallbackTimer() {
+  if (enableUserTimingAPI) {
+    if (supportsUserTiming && !isWaitingForCallback) {
+      isWaitingForCallback = true;
+      beginMark("(Waiting for async callback...)");
     }
   }
-  if (componentOrHandle == null) {
-    return null;
+}
+
+function stopRequestCallbackTimer(didExpire, expirationTime) {
+  if (enableUserTimingAPI) {
+    if (supportsUserTiming) {
+      isWaitingForCallback = false;
+      var warning$$1 = didExpire ? "React was blocked by main thread" : null;
+      endMark(
+        "(Waiting for async callback... will force flush in " +
+          expirationTime +
+          " ms)",
+        "(Waiting for async callback...)",
+        warning$$1
+      );
+    }
   }
-  if (typeof componentOrHandle === "number") {
-    // Already a node handle
-    return componentOrHandle;
+}
+
+function startWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // If we pause, this is the fiber to unwind from.
+    currentFiber = fiber;
+    if (!beginFiberMark(fiber, null)) {
+      return;
+    }
+    fiber._debugIsCurrentlyTiming = true;
   }
+}
 
-  var component = componentOrHandle;
+function cancelWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // Remember we shouldn't complete measurement for this fiber.
+    // Otherwise flamechart will be deep even for small updates.
+    fiber._debugIsCurrentlyTiming = false;
+    clearFiberMark(fiber, null);
+  }
+}
 
-  // TODO (balpert): Wrap iOS native components in a composite wrapper, then
-  // ReactInstanceMap.get here will always succeed for mounted components
-  var internalInstance = get(component);
-  if (internalInstance) {
-    return (
-      findHostInstance(internalInstance) ||
-      findHostInstanceFabric(internalInstance)
-    );
-  } else {
-    if (component) {
-      return component;
-    } else {
-      invariant(
-        // Native
-        (typeof component === "object" && "_nativeTag" in component) ||
-          // Composite
-          (component.render != null && typeof component.render === "function"),
-        "findNodeHandle(...): Argument is not a component " +
-          "(type: %s, keys: %s)",
-        typeof component,
-        Object.keys(component)
-      );
-      invariant(
-        false,
-        "findNodeHandle(...): Unable to find node handle for unmounted " +
-          "component."
-      );
+function stopWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // If we pause, its parent is the fiber to unwind from.
+    currentFiber = fiber.return;
+    if (!fiber._debugIsCurrentlyTiming) {
+      return;
     }
+    fiber._debugIsCurrentlyTiming = false;
+    endFiberMark(fiber, null, null);
   }
 }
 
-/**
- * External users of findNodeHandle() expect the host tag number return type.
- * The injected findNodeHandle() strategy returns the instance wrapper though.
- * See NativeMethodsMixin#setNativeProps for more info on why this is done.
- */
-function findNumericNodeHandleFiber(componentOrHandle) {
-  var instance = findNodeHandle(componentOrHandle);
-  if (instance == null || typeof instance === "number") {
-    return instance;
+function stopFailedWorkTimer(fiber) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+      return;
+    }
+    // If we pause, its parent is the fiber to unwind from.
+    currentFiber = fiber.return;
+    if (!fiber._debugIsCurrentlyTiming) {
+      return;
+    }
+    fiber._debugIsCurrentlyTiming = false;
+    var warning$$1 = "An error was thrown inside this error boundary";
+    endFiberMark(fiber, null, warning$$1);
   }
-  return instance._nativeTag;
 }
 
-// Modules provided by RN:
-/**
- * `NativeMethodsMixin` provides methods to access the underlying native
- * component directly. This can be useful in cases when you want to focus
- * a view or measure its on-screen dimensions, for example.
- *
- * The methods described here are available on most of the default components
- * provided by React Native. Note, however, that they are *not* available on
- * composite components that aren't directly backed by a native view. This will
- * generally include most components that you define in your own app. For more
- * information, see [Direct
- * Manipulation](docs/direct-manipulation.html).
- *
- * Note the Flow $Exact<> syntax is required to support mixins.
- * React createClass mixins can only be used with exact types.
- */
-var NativeMethodsMixin = {
-  /**
-   * Determines the location on screen, width, and height of the given view and
-   * returns the values via an async callback. If successful, the callback will
-   * be called with the following arguments:
-   *
-   *  - x
-   *  - y
-   *  - width
-   *  - height
-   *  - pageX
-   *  - pageY
-   *
-   * Note that these measurements are not available until after the rendering
-   * has been completed in native. If you need the measurements as soon as
-   * possible, consider using the [`onLayout`
-   * prop](docs/view.html#onlayout) instead.
-   */
-  measure: function(callback) {
-    UIManager.measure(
-      findNumericNodeHandleFiber(this),
-      mountSafeCallback(this, callback)
-    );
-  },
+function startPhaseTimer(fiber, phase) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    clearPendingPhaseMeasurement();
+    if (!beginFiberMark(fiber, phase)) {
+      return;
+    }
+    currentPhaseFiber = fiber;
+    currentPhase = phase;
+  }
+}
 
-  /**
-   * Determines the location of the given view in the window and returns the
-   * values via an async callback. If the React root view is embedded in
-   * another native view, this will give you the absolute coordinates. If
-   * successful, the callback will be called with the following
-   * arguments:
-   *
-   *  - x
-   *  - y
-   *  - width
-   *  - height
-   *
-   * Note that these measurements are not available until after the rendering
-   * has been completed in native.
-   */
-  measureInWindow: function(callback) {
-    UIManager.measureInWindow(
-      findNumericNodeHandleFiber(this),
-      mountSafeCallback(this, callback)
-    );
-  },
+function stopPhaseTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    if (currentPhase !== null && currentPhaseFiber !== null) {
+      var warning$$1 = hasScheduledUpdateInCurrentPhase
+        ? "Scheduled a cascading update"
+        : null;
+      endFiberMark(currentPhaseFiber, currentPhase, warning$$1);
+    }
+    currentPhase = null;
+    currentPhaseFiber = null;
+  }
+}
 
-  /**
-   * Like [`measure()`](#measure), but measures the view relative an ancestor,
-   * specified as `relativeToNativeNode`. This means that the returned x, y
-   * are relative to the origin x, y of the ancestor view.
-   *
-   * As always, to obtain a native node handle for a component, you can use
-   * `findNumericNodeHandle(component)`.
-   */
-  measureLayout: function(
-    relativeToNativeNode,
-    onSuccess,
-    onFail /* currently unused */
-  ) {
-    UIManager.measureLayout(
-      findNumericNodeHandleFiber(this),
-      relativeToNativeNode,
-      mountSafeCallback(this, onFail),
-      mountSafeCallback(this, onSuccess)
-    );
-  },
+function startWorkLoopTimer(nextUnitOfWork) {
+  if (enableUserTimingAPI) {
+    currentFiber = nextUnitOfWork;
+    if (!supportsUserTiming) {
+      return;
+    }
+    commitCountInCurrentWorkLoop = 0;
+    // This is top level call.
+    // Any other measurements are performed within.
+    beginMark("(React Tree Reconciliation)");
+    // Resume any measurements that were in progress during the last loop.
+    resumeTimers();
+  }
+}
 
-  /**
-   * This function sends props straight to native. They will not participate in
-   * future diff process - this means that if you do not include them in the
-   * next render, they will remain active (see [Direct
-   * Manipulation](docs/direct-manipulation.html)).
-   */
-  setNativeProps: function(nativeProps) {
-    // Class components don't have viewConfig -> validateAttributes.
-    // Nor does it make sense to set native props on a non-native component.
-    // Instead, find the nearest host component and set props on it.
-    // Use findNodeHandle() rather than findNumericNodeHandle() because
-    // We want the instance/wrapper (not the native tag).
-    var maybeInstance = void 0;
-
-    // Fiber errors if findNodeHandle is called for an umounted component.
-    // Tests using ReactTestRenderer will trigger this case indirectly.
-    // Mimicking stack behavior, we should silently ignore this case.
-    // TODO Fix ReactTestRenderer so we can remove this try/catch.
-    try {
-      maybeInstance = findNodeHandle(this);
-    } catch (error) {}
+function stopWorkLoopTimer(interruptedBy, didCompleteRoot) {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    var warning$$1 = null;
+    if (interruptedBy !== null) {
+      if (interruptedBy.tag === HostRoot) {
+        warning$$1 = "A top-level update interrupted the previous render";
+      } else {
+        var componentName = getComponentName(interruptedBy) || "Unknown";
+        warning$$1 =
+          "An update to " + componentName + " interrupted the previous render";
+      }
+    } else if (commitCountInCurrentWorkLoop > 1) {
+      warning$$1 = "There were cascading updates";
+    }
+    commitCountInCurrentWorkLoop = 0;
+    var label = didCompleteRoot
+      ? "(React Tree Reconciliation: Completed Root)"
+      : "(React Tree Reconciliation: Yielded)";
+    // Pause any measurements until the next loop.
+    pauseTimers();
+    endMark(label, "(React Tree Reconciliation)", warning$$1);
+  }
+}
 
-    // If there is no host component beneath this we should fail silently.
-    // This is not an error; it could mean a class component rendered null.
-    if (maybeInstance == null) {
+function startCommitTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
       return;
     }
+    isCommitting = true;
+    hasScheduledUpdateInCurrentCommit = false;
+    labelsInCurrentCommit.clear();
+    beginMark("(Committing Changes)");
+  }
+}
 
-    var viewConfig = maybeInstance.viewConfig;
-
-    {
-      warnForStyleProps(nativeProps, viewConfig.validAttributes);
+function stopCommitTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
     }
 
-    var updatePayload = create(nativeProps, viewConfig.validAttributes);
-
-    // Avoid the overhead of bridge calls if there's no update.
-    // This is an expensive no-op for Android, and causes an unnecessary
-    // view invalidation for certain components (eg RCTTextInput) on iOS.
-    if (updatePayload != null) {
-      UIManager.updateView(
-        maybeInstance._nativeTag,
-        viewConfig.uiViewClassName,
-        updatePayload
-      );
+    var warning$$1 = null;
+    if (hasScheduledUpdateInCurrentCommit) {
+      warning$$1 = "Lifecycle hook scheduled a cascading update";
+    } else if (commitCountInCurrentWorkLoop > 0) {
+      warning$$1 = "Caused by a cascading update in earlier commit";
     }
-  },
-
-  /**
-   * Requests focus for the given input or view. The exact behavior triggered
-   * will depend on the platform and type of view.
-   */
-  focus: function() {
-    TextInputState.focusTextInput(findNumericNodeHandleFiber(this));
-  },
+    hasScheduledUpdateInCurrentCommit = false;
+    commitCountInCurrentWorkLoop++;
+    isCommitting = false;
+    labelsInCurrentCommit.clear();
 
-  /**
-   * Removes focus from an input or view. This is the opposite of `focus()`.
-   */
-  blur: function() {
-    TextInputState.blurTextInput(findNumericNodeHandleFiber(this));
+    endMark("(Committing Changes)", "(Committing Changes)", warning$$1);
   }
-};
-
-{
-  // hide this from Flow since we can't define these properties outside of
-  // true without actually implementing them (setting them to undefined
-  // isn't allowed by ReactClass)
-  var NativeMethodsMixin_DEV = NativeMethodsMixin;
-  invariant(
-    !NativeMethodsMixin_DEV.componentWillMount &&
-      !NativeMethodsMixin_DEV.componentWillReceiveProps &&
-      !NativeMethodsMixin_DEV.UNSAFE_componentWillMount &&
-      !NativeMethodsMixin_DEV.UNSAFE_componentWillReceiveProps,
-    "Do not override existing functions."
-  );
-  // TODO (bvaughn) Remove cWM and cWRP in a future version of React Native,
-  // Once these lifecycles have been remove from the reconciler.
-  NativeMethodsMixin_DEV.componentWillMount = function() {
-    throwOnStylesProp(this, this.props);
-  };
-  NativeMethodsMixin_DEV.componentWillReceiveProps = function(newProps) {
-    throwOnStylesProp(this, newProps);
-  };
-  NativeMethodsMixin_DEV.UNSAFE_componentWillMount = function() {
-    throwOnStylesProp(this, this.props);
-  };
-  NativeMethodsMixin_DEV.UNSAFE_componentWillReceiveProps = function(newProps) {
-    throwOnStylesProp(this, newProps);
-  };
-
-  // React may warn about cWM/cWRP/cWU methods being deprecated.
-  // Add a flag to suppress these warnings for this special case.
-  // TODO (bvaughn) Remove this flag once the above methods have been removed.
-  NativeMethodsMixin_DEV.componentWillMount.__suppressDeprecationWarning = true;
-  NativeMethodsMixin_DEV.componentWillReceiveProps.__suppressDeprecationWarning = true;
 }
 
-function _classCallCheck$1(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
+function startCommitSnapshotEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    effectCountInCurrentCommit = 0;
+    beginMark("(Committing Snapshot Effects)");
   }
 }
 
-function _possibleConstructorReturn(self, call) {
-  if (!self) {
-    throw new ReferenceError(
-      "this hasn't been initialised - super() hasn't been called"
+function stopCommitSnapshotEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    var count = effectCountInCurrentCommit;
+    effectCountInCurrentCommit = 0;
+    endMark(
+      "(Committing Snapshot Effects: " + count + " Total)",
+      "(Committing Snapshot Effects)",
+      null
     );
   }
-  return call && (typeof call === "object" || typeof call === "function")
-    ? call
-    : self;
 }
 
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError(
-      "Super expression must either be null or a function, not " +
-        typeof superClass
-    );
-  }
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      enumerable: false,
-      writable: true,
-      configurable: true
+function startCommitHostEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
     }
-  });
-  if (superClass)
-    Object.setPrototypeOf
-      ? Object.setPrototypeOf(subClass, superClass)
-      : (subClass.__proto__ = superClass);
+    effectCountInCurrentCommit = 0;
+    beginMark("(Committing Host Effects)");
+  }
 }
 
-// Modules provided by RN:
-/**
- * Superclass that provides methods to access the underlying native component.
- * This can be useful when you want to focus a view or measure its dimensions.
- *
- * Methods implemented by this class are available on most default components
- * provided by React Native. However, they are *not* available on composite
- * components that are not directly backed by a native view. For more
- * information, see [Direct Manipulation](docs/direct-manipulation.html).
- *
- * @abstract
- */
-
-var ReactNativeComponent = (function(_React$Component) {
-  _inherits(ReactNativeComponent, _React$Component);
-
-  function ReactNativeComponent() {
-    _classCallCheck$1(this, ReactNativeComponent);
-
-    return _possibleConstructorReturn(
-      this,
-      _React$Component.apply(this, arguments)
+function stopCommitHostEffectsTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
+    }
+    var count = effectCountInCurrentCommit;
+    effectCountInCurrentCommit = 0;
+    endMark(
+      "(Committing Host Effects: " + count + " Total)",
+      "(Committing Host Effects)",
+      null
     );
   }
+}
 
-  /**
-   * Removes focus. This is the opposite of `focus()`.
-   */
-  ReactNativeComponent.prototype.blur = function blur() {
-    TextInputState.blurTextInput(findNumericNodeHandleFiber(this));
-  };
-
-  /**
-   * Requests focus. The exact behavior depends on the platform and view.
-   */
-
-  ReactNativeComponent.prototype.focus = function focus() {
-    TextInputState.focusTextInput(findNumericNodeHandleFiber(this));
-  };
-
-  /**
-   * Measures the on-screen location and dimensions. If successful, the callback
-   * will be called asynchronously with the following arguments:
-   *
-   *  - x
-   *  - y
-   *  - width
-   *  - height
-   *  - pageX
-   *  - pageY
-   *
-   * These values are not available until after natives rendering completes. If
-   * you need the measurements as soon as possible, consider using the
-   * [`onLayout` prop](docs/view.html#onlayout) instead.
-   */
-
-  ReactNativeComponent.prototype.measure = function measure(callback) {
-    UIManager.measure(
-      findNumericNodeHandleFiber(this),
-      mountSafeCallback(this, callback)
-    );
-  };
-
-  /**
-   * Measures the on-screen location and dimensions. Even if the React Native
-   * root view is embedded within another native view, this method will give you
-   * the absolute coordinates measured from the window. If successful, the
-   * callback will be called asynchronously with the following arguments:
-   *
-   *  - x
-   *  - y
-   *  - width
-   *  - height
-   *
-   * These values are not available until after natives rendering completes.
-   */
-
-  ReactNativeComponent.prototype.measureInWindow = function measureInWindow(
-    callback
-  ) {
-    UIManager.measureInWindow(
-      findNumericNodeHandleFiber(this),
-      mountSafeCallback(this, callback)
-    );
-  };
-
-  /**
-   * Similar to [`measure()`](#measure), but the resulting location will be
-   * relative to the supplied ancestor's location.
-   *
-   * Obtain a native node handle with `ReactNative.findNodeHandle(component)`.
-   */
-
-  ReactNativeComponent.prototype.measureLayout = function measureLayout(
-    relativeToNativeNode,
-    onSuccess,
-    onFail /* currently unused */
-  ) {
-    UIManager.measureLayout(
-      findNumericNodeHandleFiber(this),
-      relativeToNativeNode,
-      mountSafeCallback(this, onFail),
-      mountSafeCallback(this, onSuccess)
-    );
-  };
-
-  /**
-   * This function sends props straight to native. They will not participate in
-   * future diff process - this means that if you do not include them in the
-   * next render, they will remain active (see [Direct
-   * Manipulation](docs/direct-manipulation.html)).
-   */
-
-  ReactNativeComponent.prototype.setNativeProps = function setNativeProps(
-    nativeProps
-  ) {
-    // Class components don't have viewConfig -> validateAttributes.
-    // Nor does it make sense to set native props on a non-native component.
-    // Instead, find the nearest host component and set props on it.
-    // Use findNodeHandle() rather than ReactNative.findNodeHandle() because
-    // We want the instance/wrapper (not the native tag).
-    var maybeInstance = void 0;
-
-    // Fiber errors if findNodeHandle is called for an umounted component.
-    // Tests using ReactTestRenderer will trigger this case indirectly.
-    // Mimicking stack behavior, we should silently ignore this case.
-    // TODO Fix ReactTestRenderer so we can remove this try/catch.
-    try {
-      maybeInstance = findNodeHandle(this);
-    } catch (error) {}
-
-    // If there is no host component beneath this we should fail silently.
-    // This is not an error; it could mean a class component rendered null.
-    if (maybeInstance == null) {
+function startCommitLifeCyclesTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
       return;
     }
+    effectCountInCurrentCommit = 0;
+    beginMark("(Calling Lifecycle Methods)");
+  }
+}
 
-    var viewConfig =
-      maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
-
-    var updatePayload = create(nativeProps, viewConfig.validAttributes);
-
-    // Avoid the overhead of bridge calls if there's no update.
-    // This is an expensive no-op for Android, and causes an unnecessary
-    // view invalidation for certain components (eg RCTTextInput) on iOS.
-    if (updatePayload != null) {
-      UIManager.updateView(
-        maybeInstance._nativeTag,
-        viewConfig.uiViewClassName,
-        updatePayload
-      );
+function stopCommitLifeCyclesTimer() {
+  if (enableUserTimingAPI) {
+    if (!supportsUserTiming) {
+      return;
     }
-  };
-
-  return ReactNativeComponent;
-})(React.Component);
+    var count = effectCountInCurrentCommit;
+    effectCountInCurrentCommit = 0;
+    endMark(
+      "(Calling Lifecycle Methods: " + count + " Total)",
+      "(Calling Lifecycle Methods)",
+      null
+    );
+  }
+}
 
-// Don't change these two values. They're used by React Dev Tools.
-var NoEffect = /*              */ 0;
-var PerformedWork = /*         */ 1;
+var valueStack = [];
 
-// You can change the rest (and add more).
-var Placement = /*             */ 2;
-var Update = /*                */ 4;
-var PlacementAndUpdate = /*    */ 6;
-var Deletion = /*              */ 8;
-var ContentReset = /*          */ 16;
-var Callback = /*              */ 32;
-var DidCapture = /*            */ 64;
-var Ref = /*                   */ 128;
-var ErrLog = /*                */ 256;
+var fiberStack = void 0;
 
-// Union of all host effects
-var HostEffectMask = /*        */ 511;
+{
+  fiberStack = [];
+}
 
-var Incomplete = /*            */ 512;
-var ShouldCapture = /*         */ 1024;
+var index = -1;
 
-var MOUNTING = 1;
-var MOUNTED = 2;
-var UNMOUNTED = 3;
+function createCursor(defaultValue) {
+  return {
+    current: defaultValue
+  };
+}
 
-function isFiberMountedImpl(fiber) {
-  var node = fiber;
-  if (!fiber.alternate) {
-    // If there is no alternate, this might be a new tree that isn't inserted
-    // yet. If it is, then it will have a pending insertion effect on it.
-    if ((node.effectTag & Placement) !== NoEffect) {
-      return MOUNTING;
-    }
-    while (node["return"]) {
-      node = node["return"];
-      if ((node.effectTag & Placement) !== NoEffect) {
-        return MOUNTING;
-      }
+function pop(cursor, fiber) {
+  if (index < 0) {
+    {
+      warning(false, "Unexpected pop.");
     }
-  } else {
-    while (node["return"]) {
-      node = node["return"];
+    return;
+  }
+
+  {
+    if (fiber !== fiberStack[index]) {
+      warning(false, "Unexpected Fiber popped.");
     }
   }
-  if (node.tag === HostRoot) {
-    // TODO: Check if this was a nested HostRoot when used with
-    // renderContainerIntoSubtree.
-    return MOUNTED;
+
+  cursor.current = valueStack[index];
+
+  valueStack[index] = null;
+
+  {
+    fiberStack[index] = null;
   }
-  // If we didn't hit the root, that means that we're in an disconnected tree
-  // that has been unmounted.
-  return UNMOUNTED;
+
+  index--;
 }
 
-function isFiberMounted(fiber) {
-  return isFiberMountedImpl(fiber) === MOUNTED;
+function push(cursor, value, fiber) {
+  index++;
+
+  valueStack[index] = cursor.current;
+
+  {
+    fiberStack[index] = fiber;
+  }
+
+  cursor.current = value;
 }
 
-function isMounted(component) {
+function checkThatStackIsEmpty() {
   {
-    var owner = ReactCurrentOwner.current;
-    if (owner !== null && owner.tag === ClassComponent) {
-      var ownerFiber = owner;
-      var instance = ownerFiber.stateNode;
+    if (index !== -1) {
       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"
+        false,
+        "Expected an empty stack. Something was not reset properly."
       );
-      instance._warnedAboutRefsInRender = true;
     }
   }
-
-  var fiber = get(component);
-  if (!fiber) {
-    return false;
-  }
-  return isFiberMountedImpl(fiber) === MOUNTED;
 }
 
-function assertIsMounted(fiber) {
-  invariant(
-    isFiberMountedImpl(fiber) === MOUNTED,
-    "Unable to find node on an unmounted component."
-  );
+function resetStackAfterFatalErrorInDev() {
+  {
+    index = -1;
+    valueStack.length = 0;
+    fiberStack.length = 0;
+  }
 }
 
-function findCurrentFiberUsingSlowPath(fiber) {
-  var alternate = fiber.alternate;
-  if (!alternate) {
-    // If there is no alternate, then we only need to check if it is mounted.
-    var state = isFiberMountedImpl(fiber);
-    invariant(
-      state !== UNMOUNTED,
-      "Unable to find node on an unmounted component."
-    );
-    if (state === MOUNTING) {
-      return null;
-    }
-    return fiber;
-  }
-  // If we have two possible branches, we'll walk backwards up to the root
-  // to see what path the root points to. On the way we may hit one of the
-  // special cases and we'll deal with them.
-  var a = fiber;
-  var b = alternate;
-  while (true) {
-    var parentA = a["return"];
-    var parentB = parentA ? parentA.alternate : null;
-    if (!parentA || !parentB) {
-      // We're at the root.
-      break;
-    }
+var warnedAboutMissingGetChildContext = void 0;
 
-    // If both copies of the parent fiber point to the same child, we can
-    // assume that the child is current. This happens when we bailout on low
-    // priority: the bailed out fiber's child reuses the current child.
-    if (parentA.child === parentB.child) {
-      var child = parentA.child;
-      while (child) {
-        if (child === a) {
-          // We've determined that A is the current branch.
-          assertIsMounted(parentA);
-          return fiber;
-        }
-        if (child === b) {
-          // We've determined that B is the current branch.
-          assertIsMounted(parentA);
-          return alternate;
-        }
-        child = child.sibling;
-      }
-      // 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.");
-    }
+{
+  warnedAboutMissingGetChildContext = {};
+}
 
-    if (a["return"] !== b["return"]) {
-      // The return pointer of A and the return pointer of B point to different
-      // fibers. We assume that return pointers never criss-cross, so A must
-      // belong to the child set of A.return, and B must belong to the child
-      // set of B.return.
-      a = parentA;
-      b = parentB;
-    } else {
-      // The return pointers point to the same fiber. We'll have to use the
-      // default, slow path: scan the child sets of each parent alternate to see
-      // which child belongs to which set.
-      //
-      // Search parent A's child set
-      var didFindChild = false;
-      var _child = parentA.child;
-      while (_child) {
-        if (_child === a) {
-          didFindChild = true;
-          a = parentA;
-          b = parentB;
-          break;
-        }
-        if (_child === b) {
-          didFindChild = true;
-          b = parentA;
-          a = parentB;
-          break;
-        }
-        _child = _child.sibling;
-      }
-      if (!didFindChild) {
-        // Search parent B's child set
-        _child = parentB.child;
-        while (_child) {
-          if (_child === a) {
-            didFindChild = true;
-            a = parentB;
-            b = parentA;
-            break;
-          }
-          if (_child === b) {
-            didFindChild = true;
-            b = parentB;
-            a = parentA;
-            break;
-          }
-          _child = _child.sibling;
-        }
-        invariant(
-          didFindChild,
-          "Child was not found in either parent set. This indicates a bug " +
-            "in React related to the return pointer. Please file an issue."
-        );
-      }
-    }
+// A cursor to the current merged context object on the stack.
+var contextStackCursor = createCursor(emptyObject);
+// A cursor to a boolean indicating whether the context has changed.
+var didPerformWorkStackCursor = 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.
+var previousContext = emptyObject;
 
-    invariant(
-      a.alternate === b,
-      "Return fibers should always be each others' alternates. " +
-        "This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-  // 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."
-  );
-  if (a.stateNode.current === a) {
-    // We've determined that A is the current branch.
-    return fiber;
+function getUnmaskedContext(workInProgress) {
+  var hasOwnContext = isContextProvider(workInProgress);
+  if (hasOwnContext) {
+    // If the fiber is a context provider itself, when we read its context
+    // we have already pushed its own child context on the stack. A context
+    // provider should not "see" its own child context. Therefore we read the
+    // previous (parent) context instead for a context provider.
+    return previousContext;
   }
-  // Otherwise B has to be current branch.
-  return alternate;
+  return contextStackCursor.current;
 }
 
-function findCurrentHostFiber(parent) {
-  var currentParent = findCurrentFiberUsingSlowPath(parent);
-  if (!currentParent) {
-    return null;
+function cacheContext(workInProgress, unmaskedContext, maskedContext) {
+  var instance = workInProgress.stateNode;
+  instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
+  instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
+}
+
+function getMaskedContext(workInProgress, unmaskedContext) {
+  var type = workInProgress.type;
+  var contextTypes = type.contextTypes;
+  if (!contextTypes) {
+    return emptyObject;
   }
 
-  // Next we'll drill down this component to find the first HostComponent/Text.
-  var node = currentParent;
-  while (true) {
-    if (node.tag === HostComponent || node.tag === HostText) {
-      return node;
-    } else if (node.child) {
-      node.child["return"] = node;
-      node = node.child;
-      continue;
-    }
-    if (node === currentParent) {
-      return null;
-    }
-    while (!node.sibling) {
-      if (!node["return"] || node["return"] === currentParent) {
-        return null;
-      }
-      node = node["return"];
-    }
-    node.sibling["return"] = node["return"];
-    node = node.sibling;
+  // Avoid recreating masked context unless unmasked context has changed.
+  // Failing to do this will result in unnecessary calls to componentWillReceiveProps.
+  // This may trigger infinite loops if componentWillReceiveProps calls setState.
+  var instance = workInProgress.stateNode;
+  if (
+    instance &&
+    instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
+  ) {
+    return instance.__reactInternalMemoizedMaskedChildContext;
   }
-  // Flow needs the return null here, but ESLint complains about it.
-  // eslint-disable-next-line no-unreachable
-  return null;
-}
 
-function findCurrentHostFiberWithNoPortals(parent) {
-  var currentParent = findCurrentFiberUsingSlowPath(parent);
-  if (!currentParent) {
-    return null;
+  var context = {};
+  for (var key in contextTypes) {
+    context[key] = unmaskedContext[key];
   }
 
-  // Next we'll drill down this component to find the first HostComponent/Text.
-  var node = currentParent;
-  while (true) {
-    if (node.tag === HostComponent || node.tag === HostText) {
-      return node;
-    } else if (node.child && node.tag !== HostPortal) {
-      node.child["return"] = node;
-      node = node.child;
-      continue;
-    }
-    if (node === currentParent) {
-      return null;
-    }
-    while (!node.sibling) {
-      if (!node["return"] || node["return"] === currentParent) {
-        return null;
-      }
-      node = node["return"];
-    }
-    node.sibling["return"] = node["return"];
-    node = node.sibling;
+  {
+    var name = getComponentName(workInProgress) || "Unknown";
+    checkPropTypes(
+      contextTypes,
+      context,
+      "context",
+      name,
+      ReactDebugCurrentFiber.getCurrentFiberStackAddendum
+    );
   }
-  // Flow needs the return null here, but ESLint complains about it.
-  // eslint-disable-next-line no-unreachable
-  return null;
-}
 
-var valueStack = [];
+  // Cache unmasked context so we can avoid recreating masked context unless necessary.
+  // Context is created before the class component is instantiated so check for instance.
+  if (instance) {
+    cacheContext(workInProgress, unmaskedContext, context);
+  }
 
-var fiberStack = void 0;
+  return context;
+}
 
-{
-  fiberStack = [];
+function hasContextChanged() {
+  return didPerformWorkStackCursor.current;
 }
 
-var index = -1;
+function isContextConsumer(fiber) {
+  return fiber.tag === ClassComponent && fiber.type.contextTypes != null;
+}
 
-function createCursor(defaultValue) {
-  return {
-    current: defaultValue
-  };
+function isContextProvider(fiber) {
+  return fiber.tag === ClassComponent && fiber.type.childContextTypes != null;
 }
 
-function pop(cursor, fiber) {
-  if (index < 0) {
-    {
-      warning(false, "Unexpected pop.");
-    }
+function popContextProvider(fiber) {
+  if (!isContextProvider(fiber)) {
     return;
   }
 
-  {
-    if (fiber !== fiberStack[index]) {
-      warning(false, "Unexpected Fiber popped.");
-    }
-  }
-
-  cursor.current = valueStack[index];
+  pop(didPerformWorkStackCursor, fiber);
+  pop(contextStackCursor, fiber);
+}
 
-  valueStack[index] = null;
+function popTopLevelContextObject(fiber) {
+  pop(didPerformWorkStackCursor, fiber);
+  pop(contextStackCursor, fiber);
+}
 
-  {
-    fiberStack[index] = null;
-  }
+function pushTopLevelContextObject(fiber, context, didChange) {
+  invariant(
+    contextStackCursor.current === emptyObject,
+    "Unexpected context found on stack. " +
+      "This error is likely caused by a bug in React. Please file an issue."
+  );
 
-  index--;
+  push(contextStackCursor, context, fiber);
+  push(didPerformWorkStackCursor, didChange, fiber);
 }
 
-function push(cursor, value, fiber) {
-  index++;
+function processChildContext(fiber, parentContext) {
+  var instance = fiber.stateNode;
+  var childContextTypes = fiber.type.childContextTypes;
 
-  valueStack[index] = cursor.current;
+  // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+  // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+  if (typeof instance.getChildContext !== "function") {
+    {
+      var componentName = getComponentName(fiber) || "Unknown";
 
+      if (!warnedAboutMissingGetChildContext[componentName]) {
+        warnedAboutMissingGetChildContext[componentName] = true;
+        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.",
+          componentName,
+          componentName
+        );
+      }
+    }
+    return parentContext;
+  }
+
+  var childContext = void 0;
   {
-    fiberStack[index] = fiber;
+    ReactDebugCurrentFiber.setCurrentPhase("getChildContext");
+  }
+  startPhaseTimer(fiber, "getChildContext");
+  childContext = instance.getChildContext();
+  stopPhaseTimer();
+  {
+    ReactDebugCurrentFiber.setCurrentPhase(null);
+  }
+  for (var contextKey in childContext) {
+    invariant(
+      contextKey in childContextTypes,
+      '%s.getChildContext(): key "%s" is not defined in childContextTypes.',
+      getComponentName(fiber) || "Unknown",
+      contextKey
+    );
+  }
+  {
+    var name = getComponentName(fiber) || "Unknown";
+    checkPropTypes(
+      childContextTypes,
+      childContext,
+      "child context",
+      name,
+      // In practice, there is one case in which we won't get a stack. It's when
+      // somebody calls unstable_renderSubtreeIntoContainer() and we process
+      // context from the parent component instance. The stack will be missing
+      // because it's outside of the reconciliation, and so the pointer has not
+      // been set. This is rare and doesn't matter. We'll also remove that API.
+      ReactDebugCurrentFiber.getCurrentFiberStackAddendum
+    );
   }
 
-  cursor.current = value;
+  return Object.assign({}, parentContext, childContext);
 }
 
-function reset() {
-  while (index > -1) {
-    valueStack[index] = null;
-
-    {
-      fiberStack[index] = null;
-    }
-
-    index--;
+function pushContextProvider(workInProgress) {
+  if (!isContextProvider(workInProgress)) {
+    return false;
   }
-}
 
-var describeComponentFrame = function(name, source, ownerName) {
-  return (
-    "\n    in " +
-    (name || "Unknown") +
-    (source
-      ? " (at " +
-        source.fileName.replace(/^.*[\\\/]/, "") +
-        ":" +
-        source.lineNumber +
-        ")"
-      : ownerName ? " (created by " + ownerName + ")" : "")
+  var instance = workInProgress.stateNode;
+  // 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.
+  var memoizedMergedChildContext =
+    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+    emptyObject;
+
+  // Remember the parent context so we can merge with it later.
+  // Inherit the parent's did-perform-work value to avoid inadvertently blocking updates.
+  previousContext = contextStackCursor.current;
+  push(contextStackCursor, memoizedMergedChildContext, workInProgress);
+  push(
+    didPerformWorkStackCursor,
+    didPerformWorkStackCursor.current,
+    workInProgress
   );
-};
 
-function describeFiber(fiber) {
-  switch (fiber.tag) {
-    case IndeterminateComponent:
-    case FunctionalComponent:
-    case ClassComponent:
-    case HostComponent:
-      var owner = fiber._debugOwner;
-      var source = fiber._debugSource;
-      var name = getComponentName(fiber);
-      var ownerName = null;
-      if (owner) {
-        ownerName = getComponentName(owner);
-      }
-      return describeComponentFrame(name, source, ownerName);
-    default:
-      return "";
-  }
+  return true;
 }
 
-// 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) {
-  var info = "";
-  var node = workInProgress;
-  do {
-    info += describeFiber(node);
-    // Otherwise this return pointer might point to the wrong tree:
-    node = node["return"];
-  } while (node);
-  return info;
-}
+function invalidateContextProvider(workInProgress, didChange) {
+  var instance = workInProgress.stateNode;
+  invariant(
+    instance,
+    "Expected to have an instance by this point. " +
+      "This error is likely caused by a bug in React. Please file an issue."
+  );
 
-function getCurrentFiberOwnerName() {
-  {
-    var fiber = ReactDebugCurrentFiber.current;
-    if (fiber === null) {
-      return null;
-    }
-    var owner = fiber._debugOwner;
-    if (owner !== null && typeof owner !== "undefined") {
-      return getComponentName(owner);
-    }
-  }
-  return null;
-}
+  if (didChange) {
+    // Merge parent and own context.
+    // Skip this if we're not updating due to sCU.
+    // This avoids unnecessarily recomputing memoized values.
+    var mergedContext = processChildContext(workInProgress, previousContext);
+    instance.__reactInternalMemoizedMergedChildContext = mergedContext;
 
-function getCurrentFiberStackAddendum() {
-  {
-    var fiber = ReactDebugCurrentFiber.current;
-    if (fiber === null) {
-      return null;
-    }
-    // Safe because if current fiber exists, we are reconciling,
-    // and it is guaranteed to be the work-in-progress version.
-    return getStackAddendumByWorkInProgressFiber(fiber);
+    // Replace the old (or empty) context with the new one.
+    // It is important to unwind the context in the reverse order.
+    pop(didPerformWorkStackCursor, workInProgress);
+    pop(contextStackCursor, workInProgress);
+    // Now push the new context and mark that it has changed.
+    push(contextStackCursor, mergedContext, workInProgress);
+    push(didPerformWorkStackCursor, didChange, workInProgress);
+  } else {
+    pop(didPerformWorkStackCursor, workInProgress);
+    push(didPerformWorkStackCursor, didChange, workInProgress);
   }
-  return null;
-}
-
-function resetCurrentFiber() {
-  ReactDebugCurrentFrame.getCurrentStack = null;
-  ReactDebugCurrentFiber.current = null;
-  ReactDebugCurrentFiber.phase = null;
 }
 
-function setCurrentFiber(fiber) {
-  ReactDebugCurrentFrame.getCurrentStack = getCurrentFiberStackAddendum;
-  ReactDebugCurrentFiber.current = fiber;
-  ReactDebugCurrentFiber.phase = null;
-}
+function findCurrentUnmaskedContext(fiber) {
+  // 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. " +
+      "This error is likely caused by a bug in React. Please file an issue."
+  );
 
-function setCurrentPhase(phase) {
-  ReactDebugCurrentFiber.phase = phase;
+  var node = fiber;
+  while (node.tag !== HostRoot) {
+    if (isContextProvider(node)) {
+      return node.stateNode.__reactInternalMemoizedMergedChildContext;
+    }
+    var parent = node.return;
+    invariant(
+      parent,
+      "Found unexpected detached subtree parent. " +
+        "This error is likely caused by a bug in React. Please file an issue."
+    );
+    node = parent;
+  }
+  return node.stateNode.context;
 }
 
-var ReactDebugCurrentFiber = {
-  current: null,
-  phase: null,
-  resetCurrentFiber: resetCurrentFiber,
-  setCurrentFiber: setCurrentFiber,
-  setCurrentPhase: setCurrentPhase,
-  getCurrentFiberOwnerName: getCurrentFiberOwnerName,
-  getCurrentFiberStackAddendum: getCurrentFiberStackAddendum
-};
-
-// Re-export dynamic flags from the fbsource version.
-var _require = require("ReactFeatureFlags");
-
-var enableGetDerivedStateFromCatch = _require.enableGetDerivedStateFromCatch;
-var debugRenderPhaseSideEffects = _require.debugRenderPhaseSideEffects;
-var debugRenderPhaseSideEffectsForStrictMode =
-  _require.debugRenderPhaseSideEffectsForStrictMode;
-var warnAboutDeprecatedLifecycles = _require.warnAboutDeprecatedLifecycles;
-var replayFailedUnitOfWorkWithInvokeGuardedCallback =
-  _require.replayFailedUnitOfWorkWithInvokeGuardedCallback;
+// Max 31 bit integer. The max integer size in V8 for 32-bit systems.
+// Math.pow(2, 30) - 1
+// 0b111111111111111111111111111111
+var MAX_SIGNED_31_BIT_INT = 1073741823;
 
-var enableUserTimingAPI = true;
-var enableMutatingReconciler = true;
-var enableNoopReconciler = false;
-var enablePersistentReconciler = false;
+var NoWork = 0;
+var Sync = 1;
+var Never = MAX_SIGNED_31_BIT_INT;
 
-// Only used in www builds.
+var UNIT_SIZE = 10;
+var MAGIC_NUMBER_OFFSET = 2;
 
-// Prefix measurements so that it's possible to filter them.
-// Longer prefixes are hard to read in DevTools.
-var reactEmoji = "\u269B";
-var warningEmoji = "\u26D4";
-var supportsUserTiming =
-  typeof performance !== "undefined" &&
-  typeof performance.mark === "function" &&
-  typeof performance.clearMarks === "function" &&
-  typeof performance.measure === "function" &&
-  typeof performance.clearMeasures === "function";
+// 1 unit of expiration time represents 10ms.
+function msToExpirationTime(ms) {
+  // Always add an offset so that we don't clash with the magic number for NoWork.
+  return ((ms / UNIT_SIZE) | 0) + MAGIC_NUMBER_OFFSET;
+}
 
-// 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?
-var currentFiber = 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).
-var currentPhase = null;
-var currentPhaseFiber = 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.
-var isCommitting = false;
-var hasScheduledUpdateInCurrentCommit = false;
-var hasScheduledUpdateInCurrentPhase = false;
-var commitCountInCurrentWorkLoop = 0;
-var effectCountInCurrentCommit = 0;
-var isWaitingForCallback = false;
-// During commits, we only show a measurement once per method name
-// to avoid stretch the commit phase with measurement overhead.
-var labelsInCurrentCommit = new Set();
+function expirationTimeToMs(expirationTime) {
+  return (expirationTime - MAGIC_NUMBER_OFFSET) * UNIT_SIZE;
+}
 
-var formatMarkName = function(markName) {
-  return reactEmoji + " " + markName;
-};
+function ceiling(num, precision) {
+  return (((num / precision) | 0) + 1) * precision;
+}
 
-var formatLabel = function(label, warning$$1) {
-  var prefix = warning$$1 ? warningEmoji + " " : reactEmoji + " ";
-  var suffix = warning$$1 ? " Warning: " + warning$$1 : "";
-  return "" + prefix + label + suffix;
-};
+function computeExpirationBucket(currentTime, expirationInMs, bucketSizeMs) {
+  return (
+    MAGIC_NUMBER_OFFSET +
+    ceiling(
+      currentTime - MAGIC_NUMBER_OFFSET + expirationInMs / UNIT_SIZE,
+      bucketSizeMs / UNIT_SIZE
+    )
+  );
+}
 
-var beginMark = function(markName) {
-  performance.mark(formatMarkName(markName));
-};
+var NoContext = 0;
+var AsyncMode = 1;
+var StrictMode = 2;
+var ProfileMode = 4;
 
-var clearMark = function(markName) {
-  performance.clearMarks(formatMarkName(markName));
-};
+var hasBadMapPolyfill = void 0;
 
-var endMark = function(label, markName, warning$$1) {
-  var formattedMarkName = formatMarkName(markName);
-  var formattedLabel = formatLabel(label, warning$$1);
+{
+  hasBadMapPolyfill = false;
   try {
-    performance.measure(formattedLabel, formattedMarkName);
-  } catch (err) {}
-  // If previous mark was missing for some reason, this will throw.
-  // This could only happen if React crashed in an unexpected place earlier.
-  // Don't pile on with more errors.
-
-  // Clear marks immediately to avoid growing buffer.
-  performance.clearMarks(formattedMarkName);
-  performance.clearMeasures(formattedLabel);
-};
-
-var getFiberMarkName = function(label, debugID) {
-  return label + " (#" + debugID + ")";
-};
-
-var getFiberLabel = function(componentName, isMounted, phase) {
-  if (phase === null) {
-    // These are composite component total time measurements.
-    return componentName + " [" + (isMounted ? "update" : "mount") + "]";
-  } else {
-    // Composite component methods.
-    return componentName + "." + phase;
+    var nonExtensibleObject = Object.preventExtensions({});
+    var testMap = new Map([[nonExtensibleObject, null]]);
+    var testSet = new Set([nonExtensibleObject]);
+    // This is necessary for Rollup to not consider these unused.
+    // https://github.com/rollup/rollup/issues/1771
+    // TODO: we can remove these if Rollup fixes the bug.
+    testMap.set(0, 0);
+    testSet.add(0);
+  } catch (e) {
+    // TODO: Consider warning about bad polyfills
+    hasBadMapPolyfill = true;
   }
-};
+}
 
-var beginFiberMark = function(fiber, phase) {
-  var componentName = getComponentName(fiber) || "Unknown";
-  var debugID = fiber._debugID;
-  var isMounted = fiber.alternate !== null;
-  var label = getFiberLabel(componentName, isMounted, phase);
+// A Fiber is work on a Component that needs to be done or was done. There can
+// be more than one per component.
 
-  if (isCommitting && labelsInCurrentCommit.has(label)) {
-    // During the commit phase, we don't show duplicate labels because
-    // there is a fixed overhead for every measurement, and we don't
-    // want to stretch the commit phase beyond necessary.
-    return false;
-  }
-  labelsInCurrentCommit.add(label);
+var debugCounter = void 0;
 
-  var markName = getFiberMarkName(label, debugID);
-  beginMark(markName);
-  return true;
-};
+{
+  debugCounter = 1;
+}
 
-var clearFiberMark = function(fiber, phase) {
-  var componentName = getComponentName(fiber) || "Unknown";
-  var debugID = fiber._debugID;
-  var isMounted = fiber.alternate !== null;
-  var label = getFiberLabel(componentName, isMounted, phase);
-  var markName = getFiberMarkName(label, debugID);
-  clearMark(markName);
-};
+function FiberNode(tag, pendingProps, key, mode) {
+  // Instance
+  this.tag = tag;
+  this.key = key;
+  this.type = null;
+  this.stateNode = null;
 
-var endFiberMark = function(fiber, phase, warning$$1) {
-  var componentName = getComponentName(fiber) || "Unknown";
-  var debugID = fiber._debugID;
-  var isMounted = fiber.alternate !== null;
-  var label = getFiberLabel(componentName, isMounted, phase);
-  var markName = getFiberMarkName(label, debugID);
-  endMark(label, markName, warning$$1);
-};
+  // Fiber
+  this.return = null;
+  this.child = null;
+  this.sibling = null;
+  this.index = 0;
 
-var shouldIgnoreFiber = function(fiber) {
-  // Host components should be skipped in the timeline.
-  // We could check typeof fiber.type, but does this work with RN?
-  switch (fiber.tag) {
-    case HostRoot:
-    case HostComponent:
-    case HostText:
-    case HostPortal:
-    case CallComponent:
-    case ReturnComponent:
-    case Fragment:
-    case ContextProvider:
-    case ContextConsumer:
-      return true;
-    default:
-      return false;
-  }
-};
+  this.ref = null;
 
-var clearPendingPhaseMeasurement = function() {
-  if (currentPhase !== null && currentPhaseFiber !== null) {
-    clearFiberMark(currentPhaseFiber, currentPhase);
-  }
-  currentPhaseFiber = null;
-  currentPhase = null;
-  hasScheduledUpdateInCurrentPhase = false;
-};
+  this.pendingProps = pendingProps;
+  this.memoizedProps = null;
+  this.updateQueue = null;
+  this.memoizedState = null;
 
-var pauseTimers = function() {
-  // Stops all currently active measurements so that they can be resumed
-  // if we continue in a later deferred loop from the same unit of work.
-  var fiber = currentFiber;
-  while (fiber) {
-    if (fiber._debugIsCurrentlyTiming) {
-      endFiberMark(fiber, null, null);
-    }
-    fiber = fiber["return"];
-  }
-};
+  this.mode = mode;
 
-var resumeTimersRecursively = function(fiber) {
-  if (fiber["return"] !== null) {
-    resumeTimersRecursively(fiber["return"]);
-  }
-  if (fiber._debugIsCurrentlyTiming) {
-    beginFiberMark(fiber, null);
-  }
-};
+  // Effects
+  this.effectTag = NoEffect;
+  this.nextEffect = null;
 
-var resumeTimers = function() {
-  // Resumes all measurements that were active during the last deferred loop.
-  if (currentFiber !== null) {
-    resumeTimersRecursively(currentFiber);
-  }
-};
+  this.firstEffect = null;
+  this.lastEffect = null;
 
-function recordEffect() {
-  if (enableUserTimingAPI) {
-    effectCountInCurrentCommit++;
-  }
-}
+  this.expirationTime = NoWork;
 
-function recordScheduleUpdate() {
-  if (enableUserTimingAPI) {
-    if (isCommitting) {
-      hasScheduledUpdateInCurrentCommit = true;
-    }
-    if (
-      currentPhase !== null &&
-      currentPhase !== "componentWillMount" &&
-      currentPhase !== "componentWillReceiveProps"
-    ) {
-      hasScheduledUpdateInCurrentPhase = true;
-    }
-  }
-}
+  this.alternate = null;
 
-function startRequestCallbackTimer() {
-  if (enableUserTimingAPI) {
-    if (supportsUserTiming && !isWaitingForCallback) {
-      isWaitingForCallback = true;
-      beginMark("(Waiting for async callback...)");
-    }
+  if (enableProfilerTimer) {
+    this.actualDuration = 0;
+    this.actualStartTime = 0;
+    this.selfBaseTime = 0;
+    this.treeBaseTime = 0;
   }
-}
 
-function stopRequestCallbackTimer(didExpire) {
-  if (enableUserTimingAPI) {
-    if (supportsUserTiming) {
-      isWaitingForCallback = false;
-      var warning$$1 = didExpire ? "React was blocked by main thread" : null;
-      endMark(
-        "(Waiting for async callback...)",
-        "(Waiting for async callback...)",
-        warning$$1
-      );
+  {
+    this._debugID = debugCounter++;
+    this._debugSource = null;
+    this._debugOwner = null;
+    this._debugIsCurrentlyTiming = false;
+    if (!hasBadMapPolyfill && typeof Object.preventExtensions === "function") {
+      Object.preventExtensions(this);
     }
   }
 }
 
-function startWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
-      return;
-    }
-    // If we pause, this is the fiber to unwind from.
-    currentFiber = fiber;
-    if (!beginFiberMark(fiber, null)) {
-      return;
-    }
-    fiber._debugIsCurrentlyTiming = true;
-  }
-}
+// This is a constructor function, rather than a POJO constructor, still
+// please ensure we do the following:
+// 1) Nobody should add any instance methods on this. Instance methods can be
+//    more difficult to predict when they get optimized and they are almost
+//    never inlined properly in static compilers.
+// 2) Nobody should rely on `instanceof Fiber` for type testing. We should
+//    always know when it is a fiber.
+// 3) We might want to experiment with using numeric keys since they are easier
+//    to optimize in a non-JIT environment.
+// 4) We can easily go from a constructor to a createFiber object literal if that
+//    is faster.
+// 5) It should be easy to port this to a C struct and keep a C implementation
+//    compatible.
+var createFiber = function(tag, pendingProps, key, mode) {
+  // $FlowFixMe: the shapes are exact here but Flow doesn't like constructors
+  return new FiberNode(tag, pendingProps, key, mode);
+};
 
-function cancelWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
-      return;
-    }
-    // Remember we shouldn't complete measurement for this fiber.
-    // Otherwise flamechart will be deep even for small updates.
-    fiber._debugIsCurrentlyTiming = false;
-    clearFiberMark(fiber, null);
-  }
+function shouldConstruct(Component) {
+  return !!(Component.prototype && Component.prototype.isReactComponent);
 }
 
-function stopWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
-      return;
+// This is used to create an alternate fiber to do work on.
+function createWorkInProgress(current, pendingProps, expirationTime) {
+  var workInProgress = current.alternate;
+  if (workInProgress === null) {
+    // We use a double buffering pooling technique because we know that we'll
+    // only ever need at most two versions of a tree. We pool the "other" unused
+    // node that we're free to reuse. This is lazily created to avoid allocating
+    // extra objects for things that are never updated. It also allow us to
+    // reclaim the extra memory if needed.
+    workInProgress = createFiber(
+      current.tag,
+      pendingProps,
+      current.key,
+      current.mode
+    );
+    workInProgress.type = current.type;
+    workInProgress.stateNode = current.stateNode;
+
+    {
+      // DEV-only fields
+      workInProgress._debugID = current._debugID;
+      workInProgress._debugSource = current._debugSource;
+      workInProgress._debugOwner = current._debugOwner;
     }
-    // If we pause, its parent is the fiber to unwind from.
-    currentFiber = fiber["return"];
-    if (!fiber._debugIsCurrentlyTiming) {
-      return;
+
+    workInProgress.alternate = current;
+    current.alternate = workInProgress;
+  } else {
+    workInProgress.pendingProps = pendingProps;
+
+    // We already have an alternate.
+    // Reset the effect tag.
+    workInProgress.effectTag = NoEffect;
+
+    // The effect list is no longer valid.
+    workInProgress.nextEffect = null;
+    workInProgress.firstEffect = null;
+    workInProgress.lastEffect = null;
+
+    if (enableProfilerTimer) {
+      // We intentionally reset, rather than copy, actualDuration & actualStartTime.
+      // This prevents time from endlessly accumulating in new commits.
+      // This has the downside of resetting values for different priority renders,
+      // But works for yielding (the common case) and should support resuming.
+      workInProgress.actualDuration = 0;
+      workInProgress.actualStartTime = 0;
     }
-    fiber._debugIsCurrentlyTiming = false;
-    endFiberMark(fiber, null, null);
   }
-}
 
-function stopFailedWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
-      return;
-    }
-    // If we pause, its parent is the fiber to unwind from.
-    currentFiber = fiber["return"];
-    if (!fiber._debugIsCurrentlyTiming) {
-      return;
-    }
-    fiber._debugIsCurrentlyTiming = false;
-    var warning$$1 = "An error was thrown inside this error boundary";
-    endFiberMark(fiber, null, warning$$1);
+  workInProgress.expirationTime = expirationTime;
+
+  workInProgress.child = current.child;
+  workInProgress.memoizedProps = current.memoizedProps;
+  workInProgress.memoizedState = current.memoizedState;
+  workInProgress.updateQueue = current.updateQueue;
+
+  // These will be overridden during the parent's reconciliation
+  workInProgress.sibling = current.sibling;
+  workInProgress.index = current.index;
+  workInProgress.ref = current.ref;
+
+  if (enableProfilerTimer) {
+    workInProgress.selfBaseTime = current.selfBaseTime;
+    workInProgress.treeBaseTime = current.treeBaseTime;
   }
+
+  return workInProgress;
 }
 
-function startPhaseTimer(fiber, phase) {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    clearPendingPhaseMeasurement();
-    if (!beginFiberMark(fiber, phase)) {
-      return;
-    }
-    currentPhaseFiber = fiber;
-    currentPhase = phase;
-  }
+function createHostRootFiber(isAsync) {
+  var mode = isAsync ? AsyncMode | StrictMode : NoContext;
+  return createFiber(HostRoot, null, null, mode);
 }
 
-function stopPhaseTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    if (currentPhase !== null && currentPhaseFiber !== null) {
-      var warning$$1 = hasScheduledUpdateInCurrentPhase
-        ? "Scheduled a cascading update"
-        : null;
-      endFiberMark(currentPhaseFiber, currentPhase, warning$$1);
-    }
-    currentPhase = null;
-    currentPhaseFiber = null;
+function createFiberFromElement(element, mode, expirationTime) {
+  var owner = null;
+  {
+    owner = element._owner;
   }
-}
 
-function startWorkLoopTimer(nextUnitOfWork) {
-  if (enableUserTimingAPI) {
-    currentFiber = nextUnitOfWork;
-    if (!supportsUserTiming) {
-      return;
+  var fiber = void 0;
+  var type = element.type;
+  var key = element.key;
+  var pendingProps = element.props;
+
+  var fiberTag = void 0;
+  if (typeof type === "function") {
+    fiberTag = shouldConstruct(type) ? ClassComponent : IndeterminateComponent;
+  } else if (typeof type === "string") {
+    fiberTag = HostComponent;
+  } else {
+    switch (type) {
+      case REACT_FRAGMENT_TYPE:
+        return createFiberFromFragment(
+          pendingProps.children,
+          mode,
+          expirationTime,
+          key
+        );
+      case REACT_ASYNC_MODE_TYPE:
+        fiberTag = Mode;
+        mode |= AsyncMode | StrictMode;
+        break;
+      case REACT_STRICT_MODE_TYPE:
+        fiberTag = Mode;
+        mode |= StrictMode;
+        break;
+      case REACT_PROFILER_TYPE:
+        return createFiberFromProfiler(pendingProps, mode, expirationTime, key);
+      case REACT_TIMEOUT_TYPE:
+        fiberTag = TimeoutComponent;
+        // Suspense does not require async, but its children should be strict
+        // mode compatible.
+        mode |= StrictMode;
+        break;
+      default:
+        fiberTag = getFiberTagFromObjectType(type, owner);
+        break;
     }
-    commitCountInCurrentWorkLoop = 0;
-    // This is top level call.
-    // Any other measurements are performed within.
-    beginMark("(React Tree Reconciliation)");
-    // Resume any measurements that were in progress during the last loop.
-    resumeTimers();
   }
-}
 
-function stopWorkLoopTimer(interruptedBy) {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    var warning$$1 = null;
-    if (interruptedBy !== null) {
-      if (interruptedBy.tag === HostRoot) {
-        warning$$1 = "A top-level update interrupted the previous render";
-      } else {
-        var componentName = getComponentName(interruptedBy) || "Unknown";
-        warning$$1 =
-          "An update to " + componentName + " interrupted the previous render";
-      }
-    } else if (commitCountInCurrentWorkLoop > 1) {
-      warning$$1 = "There were cascading updates";
-    }
-    commitCountInCurrentWorkLoop = 0;
-    // Pause any measurements until the next loop.
-    pauseTimers();
-    endMark(
-      "(React Tree Reconciliation)",
-      "(React Tree Reconciliation)",
-      warning$$1
-    );
+  fiber = createFiber(fiberTag, pendingProps, key, mode);
+  fiber.type = type;
+  fiber.expirationTime = expirationTime;
+
+  {
+    fiber._debugSource = element._source;
+    fiber._debugOwner = element._owner;
   }
+
+  return fiber;
 }
 
-function startCommitTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
+function getFiberTagFromObjectType(type, owner) {
+  var $$typeof =
+    typeof type === "object" && type !== null ? type.$$typeof : null;
+
+  switch ($$typeof) {
+    case REACT_PROVIDER_TYPE:
+      return ContextProvider;
+    case REACT_CONTEXT_TYPE:
+      // This is a consumer
+      return ContextConsumer;
+    case REACT_FORWARD_REF_TYPE:
+      return ForwardRef;
+    default: {
+      var info = "";
+      {
+        if (
+          type === undefined ||
+          (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, or you might have mixed up default and " +
+            "named imports.";
+        }
+        var ownerName = owner ? getComponentName(owner) : null;
+        if (ownerName) {
+          info += "\n\nCheck the render method of `" + ownerName + "`.";
+        }
+      }
+      invariant(
+        false,
+        "Element type is invalid: expected a string (for built-in " +
+          "components) or a class/function (for composite components) " +
+          "but got: %s.%s",
+        type == null ? type : typeof type,
+        info
+      );
     }
-    isCommitting = true;
-    hasScheduledUpdateInCurrentCommit = false;
-    labelsInCurrentCommit.clear();
-    beginMark("(Committing Changes)");
   }
 }
 
-function stopCommitTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
+function createFiberFromFragment(elements, mode, expirationTime, key) {
+  var fiber = createFiber(Fragment, elements, key, mode);
+  fiber.expirationTime = expirationTime;
+  return fiber;
+}
 
-    var warning$$1 = null;
-    if (hasScheduledUpdateInCurrentCommit) {
-      warning$$1 = "Lifecycle hook scheduled a cascading update";
-    } else if (commitCountInCurrentWorkLoop > 0) {
-      warning$$1 = "Caused by a cascading update in earlier commit";
+function createFiberFromProfiler(pendingProps, mode, expirationTime, key) {
+  {
+    if (
+      typeof pendingProps.id !== "string" ||
+      typeof pendingProps.onRender !== "function"
+    ) {
+      invariant(
+        false,
+        'Profiler must specify an "id" string and "onRender" function as props'
+      );
     }
-    hasScheduledUpdateInCurrentCommit = false;
-    commitCountInCurrentWorkLoop++;
-    isCommitting = false;
-    labelsInCurrentCommit.clear();
-
-    endMark("(Committing Changes)", "(Committing Changes)", warning$$1);
   }
+
+  var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode);
+  fiber.type = REACT_PROFILER_TYPE;
+  fiber.expirationTime = expirationTime;
+
+  return fiber;
 }
 
-function startCommitHostEffectsTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    effectCountInCurrentCommit = 0;
-    beginMark("(Committing Host Effects)");
-  }
+function createFiberFromText(content, mode, expirationTime) {
+  var fiber = createFiber(HostText, content, null, mode);
+  fiber.expirationTime = expirationTime;
+  return fiber;
 }
 
-function stopCommitHostEffectsTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    var count = effectCountInCurrentCommit;
-    effectCountInCurrentCommit = 0;
-    endMark(
-      "(Committing Host Effects: " + count + " Total)",
-      "(Committing Host Effects)",
-      null
-    );
-  }
+function createFiberFromHostInstanceForDeletion() {
+  var fiber = createFiber(HostComponent, null, null, NoContext);
+  fiber.type = "DELETED";
+  return fiber;
 }
 
-function startCommitLifeCyclesTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    effectCountInCurrentCommit = 0;
-    beginMark("(Calling Lifecycle Methods)");
-  }
+function createFiberFromPortal(portal, mode, expirationTime) {
+  var pendingProps = portal.children !== null ? portal.children : [];
+  var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
+  fiber.expirationTime = expirationTime;
+  fiber.stateNode = {
+    containerInfo: portal.containerInfo,
+    pendingChildren: null, // Used by persistent updates
+    implementation: portal.implementation
+  };
+  return fiber;
 }
 
-function stopCommitLifeCyclesTimer() {
-  if (enableUserTimingAPI) {
-    if (!supportsUserTiming) {
-      return;
-    }
-    var count = effectCountInCurrentCommit;
-    effectCountInCurrentCommit = 0;
-    endMark(
-      "(Calling Lifecycle Methods: " + count + " Total)",
-      "(Calling Lifecycle Methods)",
-      null
-    );
-  }
+// Used for stashing WIP properties to replay failed work in DEV.
+function assignFiberPropertiesInDEV(target, source) {
+  if (target === null) {
+    // This Fiber's initial properties will always be overwritten.
+    // We only use a Fiber to ensure the same hidden class so DEV isn't slow.
+    target = createFiber(IndeterminateComponent, null, null, NoContext);
+  }
+
+  // This is intentionally written as a list of all properties.
+  // We tried to use Object.assign() instead but this is called in
+  // the hottest path, and Object.assign() was too slow:
+  // https://github.com/facebook/react/issues/12502
+  // This code is DEV-only so size is not a concern.
+
+  target.tag = source.tag;
+  target.key = source.key;
+  target.type = source.type;
+  target.stateNode = source.stateNode;
+  target.return = source.return;
+  target.child = source.child;
+  target.sibling = source.sibling;
+  target.index = source.index;
+  target.ref = source.ref;
+  target.pendingProps = source.pendingProps;
+  target.memoizedProps = source.memoizedProps;
+  target.updateQueue = source.updateQueue;
+  target.memoizedState = source.memoizedState;
+  target.mode = source.mode;
+  target.effectTag = source.effectTag;
+  target.nextEffect = source.nextEffect;
+  target.firstEffect = source.firstEffect;
+  target.lastEffect = source.lastEffect;
+  target.expirationTime = source.expirationTime;
+  target.alternate = source.alternate;
+  if (enableProfilerTimer) {
+    target.actualDuration = source.actualDuration;
+    target.actualStartTime = source.actualStartTime;
+    target.selfBaseTime = source.selfBaseTime;
+    target.treeBaseTime = source.treeBaseTime;
+  }
+  target._debugID = source._debugID;
+  target._debugSource = source._debugSource;
+  target._debugOwner = source._debugOwner;
+  target._debugIsCurrentlyTiming = source._debugIsCurrentlyTiming;
+  return target;
 }
 
-var warnedAboutMissingGetChildContext = void 0;
+// TODO: This should be lifted into the renderer.
 
-{
-  warnedAboutMissingGetChildContext = {};
+function createFiberRoot(containerInfo, isAsync, hydrate) {
+  // Cyclic construction. This cheats the type system right now because
+  // stateNode is any.
+  var uninitializedFiber = createHostRootFiber(isAsync);
+  var root = {
+    current: uninitializedFiber,
+    containerInfo: containerInfo,
+    pendingChildren: null,
+
+    earliestPendingTime: NoWork,
+    latestPendingTime: NoWork,
+    earliestSuspendedTime: NoWork,
+    latestSuspendedTime: NoWork,
+    latestPingedTime: NoWork,
+
+    didError: false,
+
+    pendingCommitExpirationTime: NoWork,
+    finishedWork: null,
+    context: null,
+    pendingContext: null,
+    hydrate: hydrate,
+    nextExpirationTimeToWorkOn: NoWork,
+    expirationTime: NoWork,
+    firstBatch: null,
+    nextScheduledRoot: null
+  };
+  uninitializedFiber.stateNode = root;
+  return root;
 }
 
-// A cursor to the current merged context object on the stack.
-var contextStackCursor = createCursor(emptyObject);
-// A cursor to a boolean indicating whether the context has changed.
-var didPerformWorkStackCursor = 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.
-var previousContext = emptyObject;
+var onCommitFiberRoot = null;
+var onCommitFiberUnmount = null;
+var hasLoggedError = false;
 
-function getUnmaskedContext(workInProgress) {
-  var hasOwnContext = isContextProvider(workInProgress);
-  if (hasOwnContext) {
-    // If the fiber is a context provider itself, when we read its context
-    // we have already pushed its own child context on the stack. A context
-    // provider should not "see" its own child context. Therefore we read the
-    // previous (parent) context instead for a context provider.
-    return previousContext;
+function catchErrors(fn) {
+  return function(arg) {
+    try {
+      return fn(arg);
+    } catch (err) {
+      if (true && !hasLoggedError) {
+        hasLoggedError = true;
+        warning(false, "React DevTools encountered an error: %s", err);
+      }
+    }
+  };
+}
+
+function injectInternals(internals) {
+  if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === "undefined") {
+    // No DevTools
+    return false;
   }
-  return contextStackCursor.current;
+  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  if (hook.isDisabled) {
+    // This isn't a real property on the hook, but it can be set to opt out
+    // of DevTools integration and associated warnings and logs.
+    // https://github.com/facebook/react/issues/3877
+    return true;
+  }
+  if (!hook.supportsFiber) {
+    {
+      warning(
+        false,
+        "The installed version of React DevTools is too old and will not work " +
+          "with the current version of React. Please update React DevTools. " +
+          "https://fb.me/react-devtools"
+      );
+    }
+    // DevTools exists, even though it doesn't support Fiber.
+    return true;
+  }
+  try {
+    var rendererID = hook.inject(internals);
+    // We have successfully injected, so now it is safe to set up hooks.
+    onCommitFiberRoot = catchErrors(function(root) {
+      return hook.onCommitFiberRoot(rendererID, root);
+    });
+    onCommitFiberUnmount = catchErrors(function(fiber) {
+      return hook.onCommitFiberUnmount(rendererID, fiber);
+    });
+  } catch (err) {
+    // Catch all errors because it is unsafe to throw during initialization.
+    {
+      warning(false, "React DevTools encountered an error: %s.", err);
+    }
+  }
+  // DevTools exists
+  return true;
 }
 
-function cacheContext(workInProgress, unmaskedContext, maskedContext) {
-  var instance = workInProgress.stateNode;
-  instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
-  instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
+function onCommitRoot(root) {
+  if (typeof onCommitFiberRoot === "function") {
+    onCommitFiberRoot(root);
+  }
 }
 
-function getMaskedContext(workInProgress, unmaskedContext) {
-  var type = workInProgress.type;
-  var contextTypes = type.contextTypes;
-  if (!contextTypes) {
-    return emptyObject;
+function onCommitUnmount(fiber) {
+  if (typeof onCommitFiberUnmount === "function") {
+    onCommitFiberUnmount(fiber);
   }
+}
+
+/**
+ * Forked from fbjs/warning:
+ * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
+ *
+ * Only change is we use console.warn instead of console.error,
+ * and do nothing when 'console' is not supported.
+ * This really simplifies the code.
+ * ---
+ * Similar to invariant but only logs a warning if the condition is not met.
+ * This can be used to log issues in development environments in critical
+ * paths. Removing the logging code for production environments will keep the
+ * same logic and follow the same code paths.
+ */
+
+var lowPriorityWarning = function() {};
+
+{
+  var printWarning = function(format) {
+    for (
+      var _len = arguments.length,
+        args = Array(_len > 1 ? _len - 1 : 0),
+        _key = 1;
+      _key < _len;
+      _key++
+    ) {
+      args[_key - 1] = arguments[_key];
+    }
 
-  // Avoid recreating masked context unless unmasked context has changed.
-  // Failing to do this will result in unnecessary calls to componentWillReceiveProps.
-  // This may trigger infinite loops if componentWillReceiveProps calls setState.
-  var instance = workInProgress.stateNode;
-  if (
-    instance &&
-    instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
-  ) {
-    return instance.__reactInternalMemoizedMaskedChildContext;
-  }
+    var argIndex = 0;
+    var message =
+      "Warning: " +
+      format.replace(/%s/g, function() {
+        return args[argIndex++];
+      });
+    if (typeof console !== "undefined") {
+      console.warn(message);
+    }
+    try {
+      // --- Welcome to debugging React ---
+      // This error was thrown as a convenience so that you can use this stack
+      // to find the callsite that caused this warning to fire.
+      throw new Error(message);
+    } catch (x) {}
+  };
 
-  var context = {};
-  for (var key in contextTypes) {
-    context[key] = unmaskedContext[key];
-  }
+  lowPriorityWarning = function(condition, format) {
+    if (format === undefined) {
+      throw new Error(
+        "`warning(condition, format, ...args)` requires a warning " +
+          "message argument"
+      );
+    }
+    if (!condition) {
+      for (
+        var _len2 = arguments.length,
+          args = Array(_len2 > 2 ? _len2 - 2 : 0),
+          _key2 = 2;
+        _key2 < _len2;
+        _key2++
+      ) {
+        args[_key2 - 2] = arguments[_key2];
+      }
 
-  {
-    var name = getComponentName(workInProgress) || "Unknown";
-    checkPropTypes(
-      contextTypes,
-      context,
-      "context",
-      name,
-      ReactDebugCurrentFiber.getCurrentFiberStackAddendum
-    );
-  }
+      printWarning.apply(undefined, [format].concat(args));
+    }
+  };
+}
 
-  // Cache unmasked context so we can avoid recreating masked context unless necessary.
-  // Context is created before the class component is instantiated so check for instance.
-  if (instance) {
-    cacheContext(workInProgress, unmaskedContext, context);
-  }
+var lowPriorityWarning$1 = lowPriorityWarning;
 
-  return context;
-}
+var ReactStrictModeWarnings = {
+  discardPendingWarnings: function() {},
+  flushPendingDeprecationWarnings: function() {},
+  flushPendingUnsafeLifecycleWarnings: function() {},
+  recordDeprecationWarnings: function(fiber, instance) {},
+  recordUnsafeLifecycleWarnings: function(fiber, instance) {},
+  recordLegacyContextWarning: function(fiber, instance) {},
+  flushLegacyContextWarning: function() {}
+};
 
-function hasContextChanged() {
-  return didPerformWorkStackCursor.current;
-}
+{
+  var LIFECYCLE_SUGGESTIONS = {
+    UNSAFE_componentWillMount: "componentDidMount",
+    UNSAFE_componentWillReceiveProps: "static getDerivedStateFromProps",
+    UNSAFE_componentWillUpdate: "componentDidUpdate"
+  };
 
-function isContextConsumer(fiber) {
-  return fiber.tag === ClassComponent && fiber.type.contextTypes != null;
-}
+  var pendingComponentWillMountWarnings = [];
+  var pendingComponentWillReceivePropsWarnings = [];
+  var pendingComponentWillUpdateWarnings = [];
+  var pendingUnsafeLifecycleWarnings = new Map();
+  var pendingLegacyContextWarning = new Map();
 
-function isContextProvider(fiber) {
-  return fiber.tag === ClassComponent && fiber.type.childContextTypes != null;
-}
+  // Tracks components we have already warned about.
+  var didWarnAboutDeprecatedLifecycles = new Set();
+  var didWarnAboutUnsafeLifecycles = new Set();
+  var didWarnAboutLegacyContext = new Set();
 
-function popContextProvider(fiber) {
-  if (!isContextProvider(fiber)) {
-    return;
-  }
+  var setToSortedString = function(set) {
+    var array = [];
+    set.forEach(function(value) {
+      array.push(value);
+    });
+    return array.sort().join(", ");
+  };
 
-  pop(didPerformWorkStackCursor, fiber);
-  pop(contextStackCursor, fiber);
-}
+  ReactStrictModeWarnings.discardPendingWarnings = function() {
+    pendingComponentWillMountWarnings = [];
+    pendingComponentWillReceivePropsWarnings = [];
+    pendingComponentWillUpdateWarnings = [];
+    pendingUnsafeLifecycleWarnings = new Map();
+    pendingLegacyContextWarning = new Map();
+  };
 
-function popTopLevelContextObject(fiber) {
-  pop(didPerformWorkStackCursor, fiber);
-  pop(contextStackCursor, fiber);
-}
+  ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings = function() {
+    pendingUnsafeLifecycleWarnings.forEach(function(
+      lifecycleWarningsMap,
+      strictRoot
+    ) {
+      var lifecyclesWarningMesages = [];
 
-function pushTopLevelContextObject(fiber, context, didChange) {
-  invariant(
-    contextStackCursor.cursor == null,
-    "Unexpected context found on stack. " +
-      "This error is likely caused by a bug in React. Please file an issue."
-  );
+      Object.keys(lifecycleWarningsMap).forEach(function(lifecycle) {
+        var lifecycleWarnings = lifecycleWarningsMap[lifecycle];
+        if (lifecycleWarnings.length > 0) {
+          var componentNames = new Set();
+          lifecycleWarnings.forEach(function(fiber) {
+            componentNames.add(getComponentName(fiber) || "Component");
+            didWarnAboutUnsafeLifecycles.add(fiber.type);
+          });
 
-  push(contextStackCursor, context, fiber);
-  push(didPerformWorkStackCursor, didChange, fiber);
-}
+          var formatted = lifecycle.replace("UNSAFE_", "");
+          var suggestion = LIFECYCLE_SUGGESTIONS[lifecycle];
+          var sortedComponentNames = setToSortedString(componentNames);
 
-function processChildContext(fiber, parentContext) {
-  var instance = fiber.stateNode;
-  var childContextTypes = fiber.type.childContextTypes;
+          lifecyclesWarningMesages.push(
+            formatted +
+              ": Please update the following components to use " +
+              (suggestion + " instead: " + sortedComponentNames)
+          );
+        }
+      });
 
-  // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-  // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-  if (typeof instance.getChildContext !== "function") {
-    {
-      var componentName = getComponentName(fiber) || "Unknown";
+      if (lifecyclesWarningMesages.length > 0) {
+        var strictRootComponentStack = getStackAddendumByWorkInProgressFiber(
+          strictRoot
+        );
 
-      if (!warnedAboutMissingGetChildContext[componentName]) {
-        warnedAboutMissingGetChildContext[componentName] = true;
         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.",
-          componentName,
-          componentName
+          "Unsafe lifecycle methods were found within a strict-mode tree:%s" +
+            "\n\n%s" +
+            "\n\nLearn more about this warning here:" +
+            "\nhttps://fb.me/react-strict-mode-warnings",
+          strictRootComponentStack,
+          lifecyclesWarningMesages.join("\n\n")
         );
       }
-    }
-    return parentContext;
-  }
+    });
 
-  var childContext = void 0;
-  {
-    ReactDebugCurrentFiber.setCurrentPhase("getChildContext");
-  }
-  startPhaseTimer(fiber, "getChildContext");
-  childContext = instance.getChildContext();
-  stopPhaseTimer();
-  {
-    ReactDebugCurrentFiber.setCurrentPhase(null);
-  }
-  for (var contextKey in childContext) {
-    invariant(
-      contextKey in childContextTypes,
-      '%s.getChildContext(): key "%s" is not defined in childContextTypes.',
-      getComponentName(fiber) || "Unknown",
-      contextKey
-    );
-  }
-  {
-    var name = getComponentName(fiber) || "Unknown";
-    checkPropTypes(
-      childContextTypes,
-      childContext,
-      "child context",
-      name,
-      // In practice, there is one case in which we won't get a stack. It's when
-      // somebody calls unstable_renderSubtreeIntoContainer() and we process
-      // context from the parent component instance. The stack will be missing
-      // because it's outside of the reconciliation, and so the pointer has not
-      // been set. This is rare and doesn't matter. We'll also remove that API.
-      ReactDebugCurrentFiber.getCurrentFiberStackAddendum
-    );
-  }
+    pendingUnsafeLifecycleWarnings = new Map();
+  };
 
-  return Object.assign({}, parentContext, childContext);
-}
+  var findStrictRoot = function(fiber) {
+    var maybeStrictRoot = null;
 
-function pushContextProvider(workInProgress) {
-  if (!isContextProvider(workInProgress)) {
-    return false;
-  }
+    var node = fiber;
+    while (node !== null) {
+      if (node.mode & StrictMode) {
+        maybeStrictRoot = node;
+      }
+      node = node.return;
+    }
 
-  var instance = workInProgress.stateNode;
-  // 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.
-  var memoizedMergedChildContext =
-    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
-    emptyObject;
+    return maybeStrictRoot;
+  };
 
-  // Remember the parent context so we can merge with it later.
-  // Inherit the parent's did-perform-work value to avoid inadvertently blocking updates.
-  previousContext = contextStackCursor.current;
-  push(contextStackCursor, memoizedMergedChildContext, workInProgress);
-  push(
-    didPerformWorkStackCursor,
-    didPerformWorkStackCursor.current,
-    workInProgress
-  );
+  ReactStrictModeWarnings.flushPendingDeprecationWarnings = function() {
+    if (pendingComponentWillMountWarnings.length > 0) {
+      var uniqueNames = new Set();
+      pendingComponentWillMountWarnings.forEach(function(fiber) {
+        uniqueNames.add(getComponentName(fiber) || "Component");
+        didWarnAboutDeprecatedLifecycles.add(fiber.type);
+      });
 
-  return true;
-}
+      var sortedNames = setToSortedString(uniqueNames);
 
-function invalidateContextProvider(workInProgress, didChange) {
-  var instance = workInProgress.stateNode;
-  invariant(
-    instance,
-    "Expected to have an instance by this point. " +
-      "This error is likely caused by a bug in React. Please file an issue."
-  );
+      lowPriorityWarning$1(
+        false,
+        "componentWillMount is deprecated and will be removed in the next major version. " +
+          "Use componentDidMount instead. As a temporary workaround, " +
+          "you can rename to UNSAFE_componentWillMount." +
+          "\n\nPlease update the following components: %s" +
+          "\n\nLearn more about this warning here:" +
+          "\nhttps://fb.me/react-async-component-lifecycle-hooks",
+        sortedNames
+      );
 
-  if (didChange) {
-    // Merge parent and own context.
-    // Skip this if we're not updating due to sCU.
-    // This avoids unnecessarily recomputing memoized values.
-    var mergedContext = processChildContext(workInProgress, previousContext);
-    instance.__reactInternalMemoizedMergedChildContext = mergedContext;
+      pendingComponentWillMountWarnings = [];
+    }
 
-    // Replace the old (or empty) context with the new one.
-    // It is important to unwind the context in the reverse order.
-    pop(didPerformWorkStackCursor, workInProgress);
-    pop(contextStackCursor, workInProgress);
-    // Now push the new context and mark that it has changed.
-    push(contextStackCursor, mergedContext, workInProgress);
-    push(didPerformWorkStackCursor, didChange, workInProgress);
-  } else {
-    pop(didPerformWorkStackCursor, workInProgress);
-    push(didPerformWorkStackCursor, didChange, workInProgress);
-  }
-}
+    if (pendingComponentWillReceivePropsWarnings.length > 0) {
+      var _uniqueNames = new Set();
+      pendingComponentWillReceivePropsWarnings.forEach(function(fiber) {
+        _uniqueNames.add(getComponentName(fiber) || "Component");
+        didWarnAboutDeprecatedLifecycles.add(fiber.type);
+      });
 
-function resetContext() {
-  previousContext = emptyObject;
-  contextStackCursor.current = emptyObject;
-  didPerformWorkStackCursor.current = false;
-}
+      var _sortedNames = setToSortedString(_uniqueNames);
 
-function findCurrentUnmaskedContext(fiber) {
-  // 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. " +
-      "This error is likely caused by a bug in React. Please file an issue."
-  );
+      lowPriorityWarning$1(
+        false,
+        "componentWillReceiveProps is deprecated and will be removed in the next major version. " +
+          "Use static getDerivedStateFromProps instead." +
+          "\n\nPlease update the following components: %s" +
+          "\n\nLearn more about this warning here:" +
+          "\nhttps://fb.me/react-async-component-lifecycle-hooks",
+        _sortedNames
+      );
 
-  var node = fiber;
-  while (node.tag !== HostRoot) {
-    if (isContextProvider(node)) {
-      return node.stateNode.__reactInternalMemoizedMergedChildContext;
+      pendingComponentWillReceivePropsWarnings = [];
     }
-    var parent = node["return"];
-    invariant(
-      parent,
-      "Found unexpected detached subtree parent. " +
-        "This error is likely caused by a bug in React. Please file an issue."
-    );
-    node = parent;
-  }
-  return node.stateNode.context;
-}
 
-// Max 31 bit integer. The max integer size in V8 for 32-bit systems.
-// Math.pow(2, 30) - 1
-// 0b111111111111111111111111111111
-var MAX_SIGNED_31_BIT_INT = 1073741823;
+    if (pendingComponentWillUpdateWarnings.length > 0) {
+      var _uniqueNames2 = new Set();
+      pendingComponentWillUpdateWarnings.forEach(function(fiber) {
+        _uniqueNames2.add(getComponentName(fiber) || "Component");
+        didWarnAboutDeprecatedLifecycles.add(fiber.type);
+      });
 
-// TODO: Use an opaque type once ESLint et al support the syntax
+      var _sortedNames2 = setToSortedString(_uniqueNames2);
 
-var NoWork = 0;
-var Sync = 1;
-var Never = MAX_SIGNED_31_BIT_INT;
+      lowPriorityWarning$1(
+        false,
+        "componentWillUpdate is deprecated and will be removed in the next major version. " +
+          "Use componentDidUpdate instead. As a temporary workaround, " +
+          "you can rename to UNSAFE_componentWillUpdate." +
+          "\n\nPlease update the following components: %s" +
+          "\n\nLearn more about this warning here:" +
+          "\nhttps://fb.me/react-async-component-lifecycle-hooks",
+        _sortedNames2
+      );
 
-var UNIT_SIZE = 10;
-var MAGIC_NUMBER_OFFSET = 2;
+      pendingComponentWillUpdateWarnings = [];
+    }
+  };
 
-// 1 unit of expiration time represents 10ms.
-function msToExpirationTime(ms) {
-  // Always add an offset so that we don't clash with the magic number for NoWork.
-  return ((ms / UNIT_SIZE) | 0) + MAGIC_NUMBER_OFFSET;
-}
+  ReactStrictModeWarnings.recordDeprecationWarnings = function(
+    fiber,
+    instance
+  ) {
+    // Dedup strategy: Warn once per component.
+    if (didWarnAboutDeprecatedLifecycles.has(fiber.type)) {
+      return;
+    }
 
-function expirationTimeToMs(expirationTime) {
-  return (expirationTime - MAGIC_NUMBER_OFFSET) * UNIT_SIZE;
-}
+    // Don't warn about react-lifecycles-compat polyfilled components.
+    if (
+      typeof instance.componentWillMount === "function" &&
+      instance.componentWillMount.__suppressDeprecationWarning !== true
+    ) {
+      pendingComponentWillMountWarnings.push(fiber);
+    }
+    if (
+      typeof instance.componentWillReceiveProps === "function" &&
+      instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
+    ) {
+      pendingComponentWillReceivePropsWarnings.push(fiber);
+    }
+    if (
+      typeof instance.componentWillUpdate === "function" &&
+      instance.componentWillUpdate.__suppressDeprecationWarning !== true
+    ) {
+      pendingComponentWillUpdateWarnings.push(fiber);
+    }
+  };
 
-function ceiling(num, precision) {
-  return (((num / precision) | 0) + 1) * precision;
-}
+  ReactStrictModeWarnings.recordUnsafeLifecycleWarnings = function(
+    fiber,
+    instance
+  ) {
+    var strictRoot = findStrictRoot(fiber);
+    if (strictRoot === null) {
+      warning(
+        false,
+        "Expected to find a StrictMode component in a strict mode tree. " +
+          "This error is likely caused by a bug in React. Please file an issue."
+      );
+      return;
+    }
 
-function computeExpirationBucket(currentTime, expirationInMs, bucketSizeMs) {
-  return ceiling(
-    currentTime + expirationInMs / UNIT_SIZE,
-    bucketSizeMs / UNIT_SIZE
-  );
-}
+    // Dedup strategy: Warn once per component.
+    // This is difficult to track any other way since component names
+    // are often vague and are likely to collide between 3rd party libraries.
+    // An expand property is probably okay to use here since it's DEV-only,
+    // and will only be set in the event of serious warnings.
+    if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
+      return;
+    }
 
-var NoContext = 0;
-var AsyncMode = 1;
-var StrictMode = 2;
+    var warningsForRoot = void 0;
+    if (!pendingUnsafeLifecycleWarnings.has(strictRoot)) {
+      warningsForRoot = {
+        UNSAFE_componentWillMount: [],
+        UNSAFE_componentWillReceiveProps: [],
+        UNSAFE_componentWillUpdate: []
+      };
 
-var hasBadMapPolyfill = void 0;
+      pendingUnsafeLifecycleWarnings.set(strictRoot, warningsForRoot);
+    } else {
+      warningsForRoot = pendingUnsafeLifecycleWarnings.get(strictRoot);
+    }
 
-{
-  hasBadMapPolyfill = false;
-  try {
-    var nonExtensibleObject = Object.preventExtensions({});
-    var testMap = new Map([[nonExtensibleObject, null]]);
-    var testSet = new Set([nonExtensibleObject]);
-    // This is necessary for Rollup to not consider these unused.
-    // https://github.com/rollup/rollup/issues/1771
-    // TODO: we can remove these if Rollup fixes the bug.
-    testMap.set(0, 0);
-    testSet.add(0);
-  } catch (e) {
-    // TODO: Consider warning about bad polyfills
-    hasBadMapPolyfill = true;
-  }
-}
+    var unsafeLifecycles = [];
+    if (
+      (typeof instance.componentWillMount === "function" &&
+        instance.componentWillMount.__suppressDeprecationWarning !== true) ||
+      typeof instance.UNSAFE_componentWillMount === "function"
+    ) {
+      unsafeLifecycles.push("UNSAFE_componentWillMount");
+    }
+    if (
+      (typeof instance.componentWillReceiveProps === "function" &&
+        instance.componentWillReceiveProps.__suppressDeprecationWarning !==
+          true) ||
+      typeof instance.UNSAFE_componentWillReceiveProps === "function"
+    ) {
+      unsafeLifecycles.push("UNSAFE_componentWillReceiveProps");
+    }
+    if (
+      (typeof instance.componentWillUpdate === "function" &&
+        instance.componentWillUpdate.__suppressDeprecationWarning !== true) ||
+      typeof instance.UNSAFE_componentWillUpdate === "function"
+    ) {
+      unsafeLifecycles.push("UNSAFE_componentWillUpdate");
+    }
 
-// A Fiber is work on a Component that needs to be done or was done. There can
-// be more than one per component.
+    if (unsafeLifecycles.length > 0) {
+      unsafeLifecycles.forEach(function(lifecycle) {
+        warningsForRoot[lifecycle].push(fiber);
+      });
+    }
+  };
 
-var debugCounter = void 0;
+  ReactStrictModeWarnings.recordLegacyContextWarning = function(
+    fiber,
+    instance
+  ) {
+    var strictRoot = findStrictRoot(fiber);
+    if (strictRoot === null) {
+      warning(
+        false,
+        "Expected to find a StrictMode component in a strict mode tree. " +
+          "This error is likely caused by a bug in React. Please file an issue."
+      );
+      return;
+    }
 
-{
-  debugCounter = 1;
-}
+    // Dedup strategy: Warn once per component.
+    if (didWarnAboutLegacyContext.has(fiber.type)) {
+      return;
+    }
 
-function FiberNode(tag, pendingProps, key, mode) {
-  // Instance
-  this.tag = tag;
-  this.key = key;
-  this.type = null;
-  this.stateNode = null;
+    var warningsForRoot = pendingLegacyContextWarning.get(strictRoot);
 
-  // Fiber
-  this["return"] = null;
-  this.child = null;
-  this.sibling = null;
-  this.index = 0;
+    if (
+      fiber.type.contextTypes != null ||
+      fiber.type.childContextTypes != null ||
+      (instance !== null && typeof instance.getChildContext === "function")
+    ) {
+      if (warningsForRoot === undefined) {
+        warningsForRoot = [];
+        pendingLegacyContextWarning.set(strictRoot, warningsForRoot);
+      }
+      warningsForRoot.push(fiber);
+    }
+  };
 
-  this.ref = null;
+  ReactStrictModeWarnings.flushLegacyContextWarning = function() {
+    pendingLegacyContextWarning.forEach(function(fiberArray, strictRoot) {
+      var uniqueNames = new Set();
+      fiberArray.forEach(function(fiber) {
+        uniqueNames.add(getComponentName(fiber) || "Component");
+        didWarnAboutLegacyContext.add(fiber.type);
+      });
 
-  this.pendingProps = pendingProps;
-  this.memoizedProps = null;
-  this.updateQueue = null;
-  this.memoizedState = null;
+      var sortedNames = setToSortedString(uniqueNames);
+      var strictRootComponentStack = getStackAddendumByWorkInProgressFiber(
+        strictRoot
+      );
 
-  this.mode = mode;
+      warning(
+        false,
+        "Legacy context API has been detected within a strict-mode tree: %s" +
+          "\n\nPlease update the following components: %s" +
+          "\n\nLearn more about this warning here:" +
+          "\nhttps://fb.me/react-strict-mode-warnings",
+        strictRootComponentStack,
+        sortedNames
+      );
+    });
+  };
+}
 
-  // Effects
-  this.effectTag = NoEffect;
-  this.nextEffect = null;
+// This lets us hook into Fiber to debug what it's doing.
+// See https://github.com/facebook/react/pull/8033.
+// This is not part of the public API, not even for React DevTools.
+// You may only inject a debugTool if you work on React Fiber itself.
+var ReactFiberInstrumentation = {
+  debugTool: null
+};
 
-  this.firstEffect = null;
-  this.lastEffect = null;
+var ReactFiberInstrumentation_1 = ReactFiberInstrumentation;
 
-  this.expirationTime = NoWork;
+// TODO: Offscreen updates
 
-  this.alternate = null;
+function markPendingPriorityLevel(root, expirationTime) {
+  // If there's a gap between completing a failed root and retrying it,
+  // additional updates may be scheduled. Clear `didError`, in case the update
+  // is sufficient to fix the error.
+  root.didError = false;
 
-  {
-    this._debugID = debugCounter++;
-    this._debugSource = null;
-    this._debugOwner = null;
-    this._debugIsCurrentlyTiming = false;
-    if (!hasBadMapPolyfill && typeof Object.preventExtensions === "function") {
-      Object.preventExtensions(this);
+  // Update the latest and earliest pending times
+  var earliestPendingTime = root.earliestPendingTime;
+  if (earliestPendingTime === NoWork) {
+    // No other pending updates.
+    root.earliestPendingTime = root.latestPendingTime = expirationTime;
+  } else {
+    if (earliestPendingTime > expirationTime) {
+      // This is the earliest pending update.
+      root.earliestPendingTime = expirationTime;
+    } else {
+      var latestPendingTime = root.latestPendingTime;
+      if (latestPendingTime < expirationTime) {
+        // This is the latest pending update
+        root.latestPendingTime = expirationTime;
+      }
     }
   }
+  findNextPendingPriorityLevel(root);
 }
 
-// This is a constructor function, rather than a POJO constructor, still
-// please ensure we do the following:
-// 1) Nobody should add any instance methods on this. Instance methods can be
-//    more difficult to predict when they get optimized and they are almost
-//    never inlined properly in static compilers.
-// 2) Nobody should rely on `instanceof Fiber` for type testing. We should
-//    always know when it is a fiber.
-// 3) We might want to experiment with using numeric keys since they are easier
-//    to optimize in a non-JIT environment.
-// 4) We can easily go from a constructor to a createFiber object literal if that
-//    is faster.
-// 5) It should be easy to port this to a C struct and keep a C implementation
-//    compatible.
-var createFiber = function(tag, pendingProps, key, mode) {
-  // $FlowFixMe: the shapes are exact here but Flow doesn't like constructors
-  return new FiberNode(tag, pendingProps, key, mode);
-};
-
-function shouldConstruct(Component) {
-  return !!(Component.prototype && Component.prototype.isReactComponent);
-}
+function markCommittedPriorityLevels(root, currentTime, earliestRemainingTime) {
+  root.didError = false;
 
-// This is used to create an alternate fiber to do work on.
-function createWorkInProgress(current, pendingProps, expirationTime) {
-  var workInProgress = current.alternate;
-  if (workInProgress === null) {
-    // We use a double buffering pooling technique because we know that we'll
-    // only ever need at most two versions of a tree. We pool the "other" unused
-    // node that we're free to reuse. This is lazily created to avoid allocating
-    // extra objects for things that are never updated. It also allow us to
-    // reclaim the extra memory if needed.
-    workInProgress = createFiber(
-      current.tag,
-      pendingProps,
-      current.key,
-      current.mode
-    );
-    workInProgress.type = current.type;
-    workInProgress.stateNode = current.stateNode;
+  if (earliestRemainingTime === NoWork) {
+    // Fast path. There's no remaining work. Clear everything.
+    root.earliestPendingTime = NoWork;
+    root.latestPendingTime = NoWork;
+    root.earliestSuspendedTime = NoWork;
+    root.latestSuspendedTime = NoWork;
+    root.latestPingedTime = NoWork;
+    findNextPendingPriorityLevel(root);
+    return;
+  }
 
-    {
-      // DEV-only fields
-      workInProgress._debugID = current._debugID;
-      workInProgress._debugSource = current._debugSource;
-      workInProgress._debugOwner = current._debugOwner;
+  // Let's see if the previous latest known pending level was just flushed.
+  var latestPendingTime = root.latestPendingTime;
+  if (latestPendingTime !== NoWork) {
+    if (latestPendingTime < earliestRemainingTime) {
+      // We've flushed all the known pending levels.
+      root.earliestPendingTime = root.latestPendingTime = NoWork;
+    } else {
+      var earliestPendingTime = root.earliestPendingTime;
+      if (earliestPendingTime < earliestRemainingTime) {
+        // We've flushed the earliest known pending level. Set this to the
+        // latest pending time.
+        root.earliestPendingTime = root.latestPendingTime;
+      }
     }
+  }
 
-    workInProgress.alternate = current;
-    current.alternate = workInProgress;
-  } else {
-    workInProgress.pendingProps = pendingProps;
-
-    // We already have an alternate.
-    // Reset the effect tag.
-    workInProgress.effectTag = NoEffect;
+  // Now let's handle the earliest remaining level in the whole tree. We need to
+  // decide whether to treat it as a pending level or as suspended. Check
+  // it falls within the range of known suspended levels.
 
-    // The effect list is no longer valid.
-    workInProgress.nextEffect = null;
-    workInProgress.firstEffect = null;
-    workInProgress.lastEffect = null;
+  var earliestSuspendedTime = root.earliestSuspendedTime;
+  if (earliestSuspendedTime === NoWork) {
+    // There's no suspended work. Treat the earliest remaining level as a
+    // pending level.
+    markPendingPriorityLevel(root, earliestRemainingTime);
+    findNextPendingPriorityLevel(root);
+    return;
   }
 
-  workInProgress.expirationTime = expirationTime;
+  var latestSuspendedTime = root.latestSuspendedTime;
+  if (earliestRemainingTime > latestSuspendedTime) {
+    // The earliest remaining level is later than all the suspended work. That
+    // means we've flushed all the suspended work.
+    root.earliestSuspendedTime = NoWork;
+    root.latestSuspendedTime = NoWork;
+    root.latestPingedTime = NoWork;
 
-  workInProgress.child = current.child;
-  workInProgress.memoizedProps = current.memoizedProps;
-  workInProgress.memoizedState = current.memoizedState;
-  workInProgress.updateQueue = current.updateQueue;
+    // There's no suspended work. Treat the earliest remaining level as a
+    // pending level.
+    markPendingPriorityLevel(root, earliestRemainingTime);
+    findNextPendingPriorityLevel(root);
+    return;
+  }
 
-  // These will be overridden during the parent's reconciliation
-  workInProgress.sibling = current.sibling;
-  workInProgress.index = current.index;
-  workInProgress.ref = current.ref;
+  if (earliestRemainingTime < earliestSuspendedTime) {
+    // The earliest remaining time is earlier than all the suspended work.
+    // Treat it as a pending update.
+    markPendingPriorityLevel(root, earliestRemainingTime);
+    findNextPendingPriorityLevel(root);
+    return;
+  }
 
-  return workInProgress;
+  // The earliest remaining time falls within the range of known suspended
+  // levels. We should treat this as suspended work.
+  findNextPendingPriorityLevel(root);
 }
 
-function createHostRootFiber(isAsync) {
-  var mode = isAsync ? AsyncMode | StrictMode : NoContext;
-  return createFiber(HostRoot, null, null, mode);
+function hasLowerPriorityWork(root, renderExpirationTime) {
+  return (
+    renderExpirationTime !== root.latestPendingTime &&
+    renderExpirationTime !== root.latestSuspendedTime
+  );
 }
 
-function createFiberFromElement(element, mode, expirationTime) {
-  var owner = null;
-  {
-    owner = element._owner;
+function markSuspendedPriorityLevel(root, suspendedTime, didError) {
+  if (didError && !hasLowerPriorityWork(root, suspendedTime)) {
+    // TODO: When we add back resuming, we need to ensure the progressed work
+    // is thrown out and not reused during the restarted render. One way to
+    // invalidate the progressed work is to restart at expirationTime + 1.
+    root.didError = true;
+    findNextPendingPriorityLevel(root);
+    return;
   }
 
-  var fiber = void 0;
-  var type = element.type;
-  var key = element.key;
-  var pendingProps = element.props;
-
-  var fiberTag = void 0;
-  if (typeof type === "function") {
-    fiberTag = shouldConstruct(type) ? ClassComponent : IndeterminateComponent;
-  } else if (typeof type === "string") {
-    fiberTag = HostComponent;
-  } else {
-    switch (type) {
-      case REACT_FRAGMENT_TYPE:
-        return createFiberFromFragment(
-          pendingProps.children,
-          mode,
-          expirationTime,
-          key
-        );
-      case REACT_ASYNC_MODE_TYPE:
-        fiberTag = Mode;
-        mode |= AsyncMode | StrictMode;
-        break;
-      case REACT_STRICT_MODE_TYPE:
-        fiberTag = Mode;
-        mode |= StrictMode;
-        break;
-      case REACT_CALL_TYPE:
-        fiberTag = CallComponent;
-        break;
-      case REACT_RETURN_TYPE:
-        fiberTag = ReturnComponent;
-        break;
-      default: {
-        if (typeof type === "object" && type !== null) {
-          switch (type.$$typeof) {
-            case REACT_PROVIDER_TYPE:
-              fiberTag = ContextProvider;
-              break;
-            case REACT_CONTEXT_TYPE:
-              // This is a consumer
-              fiberTag = ContextConsumer;
-              break;
-            default:
-              if (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. The reified yield stores a fiber, but we don't
-                // know which fiber that is; 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;
-                fiber.pendingProps = pendingProps;
-                fiber.expirationTime = expirationTime;
-                return fiber;
-              } else {
-                throwOnInvalidElementType(type, owner);
-              }
-              break;
-          }
-        } else {
-          throwOnInvalidElementType(type, owner);
-        }
-      }
+  // First, check the known pending levels and update them if needed.
+  var earliestPendingTime = root.earliestPendingTime;
+  var latestPendingTime = root.latestPendingTime;
+  if (earliestPendingTime === suspendedTime) {
+    if (latestPendingTime === suspendedTime) {
+      // Both known pending levels were suspended. Clear them.
+      root.earliestPendingTime = root.latestPendingTime = NoWork;
+    } else {
+      // The earliest pending level was suspended. Clear by setting it to the
+      // latest pending level.
+      root.earliestPendingTime = latestPendingTime;
     }
+  } else if (latestPendingTime === suspendedTime) {
+    // The latest pending level was suspended. Clear by setting it to the
+    // latest pending level.
+    root.latestPendingTime = earliestPendingTime;
   }
 
-  fiber = createFiber(fiberTag, pendingProps, key, mode);
-  fiber.type = type;
-  fiber.expirationTime = expirationTime;
-
-  {
-    fiber._debugSource = element._source;
-    fiber._debugOwner = element._owner;
+  // Next, if we're working on the lowest known suspended level, clear the ping.
+  // TODO: What if a promise suspends and pings before the root completes?
+  var latestSuspendedTime = root.latestSuspendedTime;
+  if (latestSuspendedTime === suspendedTime) {
+    root.latestPingedTime = NoWork;
   }
 
-  return fiber;
-}
+  // Finally, update the known suspended levels.
+  var earliestSuspendedTime = root.earliestSuspendedTime;
+  if (earliestSuspendedTime === NoWork) {
+    // No other suspended levels.
+    root.earliestSuspendedTime = root.latestSuspendedTime = suspendedTime;
+  } else {
+    if (earliestSuspendedTime > suspendedTime) {
+      // This is the earliest suspended level.
+      root.earliestSuspendedTime = suspendedTime;
+    } else if (latestSuspendedTime < suspendedTime) {
+      // This is the latest suspended level
+      root.latestSuspendedTime = suspendedTime;
+    }
+  }
+  findNextPendingPriorityLevel(root);
+}
+
+function markPingedPriorityLevel(root, pingedTime) {
+  var latestSuspendedTime = root.latestSuspendedTime;
+  if (latestSuspendedTime !== NoWork && latestSuspendedTime <= pingedTime) {
+    var latestPingedTime = root.latestPingedTime;
+    if (latestPingedTime === NoWork || latestPingedTime < pingedTime) {
+      root.latestPingedTime = pingedTime;
+    }
+  }
+  findNextPendingPriorityLevel(root);
+}
+
+function findNextPendingPriorityLevel(root) {
+  var earliestSuspendedTime = root.earliestSuspendedTime;
+  var earliestPendingTime = root.earliestPendingTime;
+  var nextExpirationTimeToWorkOn = void 0;
+  var expirationTime = void 0;
+  if (earliestSuspendedTime === NoWork) {
+    // Fast path. There's no suspended work.
+    nextExpirationTimeToWorkOn = expirationTime = earliestPendingTime;
+  } else if (earliestPendingTime !== NoWork) {
+    // Check if there's known pending work.
+    nextExpirationTimeToWorkOn = earliestPendingTime;
+    expirationTime =
+      earliestSuspendedTime < earliestPendingTime
+        ? earliestSuspendedTime
+        : earliestPendingTime;
+  } else {
+    // Finally, if a suspended level was pinged, work on that. Otherwise there's
+    // nothing to work on.
+    nextExpirationTimeToWorkOn = expirationTime = root.latestPingedTime;
+  }
 
-function throwOnInvalidElementType(type, owner) {
-  var info = "";
-  {
-    if (
-      type === undefined ||
-      (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, or you might have mixed up default and " +
-        "named imports.";
-    }
-    var ownerName = owner ? getComponentName(owner) : null;
-    if (ownerName) {
-      info += "\n\nCheck the render method of `" + ownerName + "`.";
-    }
+  if (root.didError) {
+    // Revert to synchronous mode.
+    expirationTime = Sync;
   }
-  invariant(
-    false,
-    "Element type is invalid: expected a string (for built-in " +
-      "components) or a class/function (for composite components) " +
-      "but got: %s.%s",
-    type == null ? type : typeof type,
-    info
-  );
-}
 
-function createFiberFromFragment(elements, mode, expirationTime, key) {
-  var fiber = createFiber(Fragment, elements, key, mode);
-  fiber.expirationTime = expirationTime;
-  return fiber;
+  root.nextExpirationTimeToWorkOn = nextExpirationTimeToWorkOn;
+  root.expirationTime = expirationTime;
 }
 
-function createFiberFromText(content, mode, expirationTime) {
-  var fiber = createFiber(HostText, content, null, mode);
-  fiber.expirationTime = expirationTime;
-  return fiber;
-}
+// UpdateQueue is a linked list of prioritized updates.
+//
+// Like fibers, update queues come in pairs: a current queue, which represents
+// the visible state of the screen, and a work-in-progress queue, which is
+// can be mutated and processed asynchronously before it is committed — a form
+// of double buffering. If a work-in-progress render is discarded before
+// finishing, we create a new work-in-progress by cloning the current queue.
+//
+// Both queues share a persistent, singly-linked list structure. To schedule an
+// update, we append it to the end of both queues. Each queue maintains a
+// pointer to first update in the persistent list that hasn't been processed.
+// The work-in-progress pointer always has a position equal to or greater than
+// the current queue, since we always work on that one. The current queue's
+// pointer is only updated during the commit phase, when we swap in the
+// work-in-progress.
+//
+// For example:
+//
+//   Current pointer:           A - B - C - D - E - F
+//   Work-in-progress pointer:              D - E - F
+//                                          ^
+//                                          The work-in-progress queue has
+//                                          processed more updates than current.
+//
+// The reason we append to both queues is because otherwise we might drop
+// updates without ever processing them. For example, if we only add updates to
+// the work-in-progress queue, some updates could be lost whenever a work-in
+// -progress render restarts by cloning from current. Similarly, if we only add
+// updates to the current queue, the updates will be lost whenever an already
+// in-progress queue commits and swaps with the current queue. However, by
+// adding to both queues, we guarantee that the update will be part of the next
+// work-in-progress. (And because the work-in-progress queue becomes the
+// current queue once it commits, there's no danger of applying the same
+// update twice.)
+//
+// Prioritization
+// --------------
+//
+// Updates are not sorted by priority, but by insertion; new updates are always
+// appended to the end of the list.
+//
+// The priority is still important, though. When processing the update queue
+// during the render phase, only the updates with sufficient priority are
+// included in the result. If we skip an update because it has insufficient
+// priority, it remains in the queue to be processed later, during a lower
+// priority render. Crucially, all updates subsequent to a skipped update also
+// remain in the queue *regardless of their priority*. That means high priority
+// updates are sometimes processed twice, at two separate priorities. We also
+// keep track of a base state, that represents the state before the first
+// update in the queue is applied.
+//
+// For example:
+//
+//   Given a base state of '', and the following queue of updates
+//
+//     A1 - B2 - C1 - D2
+//
+//   where the number indicates the priority, and the update is applied to the
+//   previous state by appending a letter, React will process these updates as
+//   two separate renders, one per distinct priority level:
+//
+//   First render, at priority 1:
+//     Base state: ''
+//     Updates: [A1, C1]
+//     Result state: 'AC'
+//
+//   Second render, at priority 2:
+//     Base state: 'A'            <-  The base state does not include C1,
+//                                    because B2 was skipped.
+//     Updates: [B2, C1, D2]      <-  C1 was rebased on top of B2
+//     Result state: 'ABCD'
+//
+// Because we process updates in insertion order, and rebase high priority
+// updates when preceding updates are skipped, the final result is deterministic
+// regardless of priority. Intermediate state may vary according to system
+// resources, but the final state is always the same.
 
-function createFiberFromHostInstanceForDeletion() {
-  var fiber = createFiber(HostComponent, null, null, NoContext);
-  fiber.type = "DELETED";
-  return fiber;
+var UpdateState = 0;
+var ReplaceState = 1;
+var ForceUpdate = 2;
+var CaptureUpdate = 3;
+
+// Global state that is reset at the beginning of calling `processUpdateQueue`.
+// It should only be read right after calling `processUpdateQueue`, via
+// `checkHasForceUpdateAfterProcessing`.
+var hasForceUpdate = false;
+
+var didWarnUpdateInsideUpdate = void 0;
+var currentlyProcessingQueue = void 0;
+var resetCurrentlyProcessingQueue = void 0;
+{
+  didWarnUpdateInsideUpdate = false;
+  currentlyProcessingQueue = null;
+  resetCurrentlyProcessingQueue = function() {
+    currentlyProcessingQueue = null;
+  };
 }
 
-function createFiberFromPortal(portal, mode, expirationTime) {
-  var pendingProps = portal.children !== null ? portal.children : [];
-  var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
-  fiber.expirationTime = expirationTime;
-  fiber.stateNode = {
-    containerInfo: portal.containerInfo,
-    pendingChildren: null, // Used by persistent updates
-    implementation: portal.implementation
+function createUpdateQueue(baseState) {
+  var queue = {
+    expirationTime: NoWork,
+    baseState: baseState,
+    firstUpdate: null,
+    lastUpdate: null,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
   };
-  return fiber;
+  return queue;
 }
 
-// TODO: This should be lifted into the renderer.
+function cloneUpdateQueue(currentQueue) {
+  var queue = {
+    expirationTime: currentQueue.expirationTime,
+    baseState: currentQueue.baseState,
+    firstUpdate: currentQueue.firstUpdate,
+    lastUpdate: currentQueue.lastUpdate,
 
-function createFiberRoot(containerInfo, isAsync, hydrate) {
-  // Cyclic construction. This cheats the type system right now because
-  // stateNode is any.
-  var uninitializedFiber = createHostRootFiber(isAsync);
-  var root = {
-    current: uninitializedFiber,
-    containerInfo: containerInfo,
-    pendingChildren: null,
-    pendingCommitExpirationTime: NoWork,
-    finishedWork: null,
-    context: null,
-    pendingContext: null,
-    hydrate: hydrate,
-    remainingExpirationTime: NoWork,
-    firstBatch: null,
-    nextScheduledRoot: null
+    // TODO: With resuming, if we bail out and resuse the child tree, we should
+    // keep these effects.
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+
+    firstEffect: null,
+    lastEffect: null,
+
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
   };
-  uninitializedFiber.stateNode = root;
-  return root;
+  return queue;
 }
 
-var onCommitFiberRoot = null;
-var onCommitFiberUnmount = null;
-var hasLoggedError = false;
-
-function catchErrors(fn) {
-  return function(arg) {
-    try {
-      return fn(arg);
-    } catch (err) {
-      if (true && !hasLoggedError) {
-        hasLoggedError = true;
-        warning(false, "React DevTools encountered an error: %s", err);
-      }
-    }
+function createUpdate(expirationTime) {
+  return {
+    expirationTime: expirationTime,
+
+    tag: UpdateState,
+    payload: null,
+    callback: null,
+
+    next: null,
+    nextEffect: null
   };
 }
 
-function injectInternals(internals) {
-  if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === "undefined") {
-    // No DevTools
-    return false;
+function appendUpdateToQueue(queue, update, expirationTime) {
+  // Append the update to the end of the list.
+  if (queue.lastUpdate === null) {
+    // Queue is empty
+    queue.firstUpdate = queue.lastUpdate = update;
+  } else {
+    queue.lastUpdate.next = update;
+    queue.lastUpdate = update;
   }
-  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
-  if (hook.isDisabled) {
-    // This isn't a real property on the hook, but it can be set to opt out
-    // of DevTools integration and associated warnings and logs.
-    // https://github.com/facebook/react/issues/3877
-    return true;
+  if (
+    queue.expirationTime === NoWork ||
+    queue.expirationTime > expirationTime
+  ) {
+    // The incoming update has the earliest expiration of any update in the
+    // queue. Update the queue's expiration time.
+    queue.expirationTime = expirationTime;
   }
-  if (!hook.supportsFiber) {
-    {
+}
+
+function enqueueUpdate(fiber, update, expirationTime) {
+  // Update queues are created lazily.
+  var alternate = fiber.alternate;
+  var queue1 = void 0;
+  var queue2 = void 0;
+  if (alternate === null) {
+    // There's only one fiber.
+    queue1 = fiber.updateQueue;
+    queue2 = null;
+    if (queue1 === null) {
+      queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState);
+    }
+  } else {
+    // There are two owners.
+    queue1 = fiber.updateQueue;
+    queue2 = alternate.updateQueue;
+    if (queue1 === null) {
+      if (queue2 === null) {
+        // Neither fiber has an update queue. Create new ones.
+        queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState);
+        queue2 = alternate.updateQueue = createUpdateQueue(
+          alternate.memoizedState
+        );
+      } else {
+        // Only one fiber has an update queue. Clone to create a new one.
+        queue1 = fiber.updateQueue = cloneUpdateQueue(queue2);
+      }
+    } else {
+      if (queue2 === null) {
+        // Only one fiber has an update queue. Clone to create a new one.
+        queue2 = alternate.updateQueue = cloneUpdateQueue(queue1);
+      } else {
+        // Both owners have an update queue.
+      }
+    }
+  }
+  if (queue2 === null || queue1 === queue2) {
+    // There's only a single queue.
+    appendUpdateToQueue(queue1, update, expirationTime);
+  } else {
+    // There are two queues. We need to append the update to both queues,
+    // while accounting for the persistent structure of the list — we don't
+    // want the same update to be added multiple times.
+    if (queue1.lastUpdate === null || queue2.lastUpdate === null) {
+      // One of the queues is not empty. We must add the update to both queues.
+      appendUpdateToQueue(queue1, update, expirationTime);
+      appendUpdateToQueue(queue2, update, expirationTime);
+    } else {
+      // Both queues are non-empty. The last update is the same in both lists,
+      // because of structural sharing. So, only append to one of the lists.
+      appendUpdateToQueue(queue1, update, expirationTime);
+      // But we still need to update the `lastUpdate` pointer of queue2.
+      queue2.lastUpdate = update;
+    }
+  }
+
+  {
+    if (
+      fiber.tag === ClassComponent &&
+      (currentlyProcessingQueue === queue1 ||
+        (queue2 !== null && currentlyProcessingQueue === queue2)) &&
+      !didWarnUpdateInsideUpdate
+    ) {
       warning(
         false,
-        "The installed version of React DevTools is too old and will not work " +
-          "with the current version of React. Please update React DevTools. " +
-          "https://fb.me/react-devtools"
+        "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."
       );
-    }
-    // DevTools exists, even though it doesn't support Fiber.
-    return true;
-  }
-  try {
-    var rendererID = hook.inject(internals);
-    // We have successfully injected, so now it is safe to set up hooks.
-    onCommitFiberRoot = catchErrors(function(root) {
-      return hook.onCommitFiberRoot(rendererID, root);
-    });
-    onCommitFiberUnmount = catchErrors(function(fiber) {
-      return hook.onCommitFiberUnmount(rendererID, fiber);
-    });
-  } catch (err) {
-    // Catch all errors because it is unsafe to throw during initialization.
-    {
-      warning(false, "React DevTools encountered an error: %s.", err);
+      didWarnUpdateInsideUpdate = true;
     }
   }
-  // DevTools exists
-  return true;
 }
 
-function onCommitRoot(root) {
-  if (typeof onCommitFiberRoot === "function") {
-    onCommitFiberRoot(root);
+function enqueueCapturedUpdate(workInProgress, update, renderExpirationTime) {
+  // Captured updates go into a separate list, and only on the work-in-
+  // progress queue.
+  var workInProgressQueue = workInProgress.updateQueue;
+  if (workInProgressQueue === null) {
+    workInProgressQueue = workInProgress.updateQueue = createUpdateQueue(
+      workInProgress.memoizedState
+    );
+  } else {
+    // TODO: I put this here rather than createWorkInProgress so that we don't
+    // clone the queue unnecessarily. There's probably a better way to
+    // structure this.
+    workInProgressQueue = ensureWorkInProgressQueueIsAClone(
+      workInProgress,
+      workInProgressQueue
+    );
   }
-}
 
-function onCommitUnmount(fiber) {
-  if (typeof onCommitFiberUnmount === "function") {
-    onCommitFiberUnmount(fiber);
+  // Append the update to the end of the list.
+  if (workInProgressQueue.lastCapturedUpdate === null) {
+    // This is the first render phase update
+    workInProgressQueue.firstCapturedUpdate = workInProgressQueue.lastCapturedUpdate = update;
+  } else {
+    workInProgressQueue.lastCapturedUpdate.next = update;
+    workInProgressQueue.lastCapturedUpdate = update;
+  }
+  if (
+    workInProgressQueue.expirationTime === NoWork ||
+    workInProgressQueue.expirationTime > renderExpirationTime
+  ) {
+    // The incoming update has the earliest expiration of any update in the
+    // queue. Update the queue's expiration time.
+    workInProgressQueue.expirationTime = renderExpirationTime;
   }
 }
 
-/**
- * Forked from fbjs/warning:
- * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
- *
- * Only change is we use console.warn instead of console.error,
- * and do nothing when 'console' is not supported.
- * This really simplifies the code.
- * ---
- * Similar to invariant but only logs a warning if the condition is not met.
- * This can be used to log issues in development environments in critical
- * paths. Removing the logging code for production environments will keep the
- * same logic and follow the same code paths.
- */
-
-var lowPriorityWarning = function() {};
-
-{
-  var printWarning = function(format) {
-    for (
-      var _len = arguments.length,
-        args = Array(_len > 1 ? _len - 1 : 0),
-        _key = 1;
-      _key < _len;
-      _key++
-    ) {
-      args[_key - 1] = arguments[_key];
+function ensureWorkInProgressQueueIsAClone(workInProgress, queue) {
+  var current = workInProgress.alternate;
+  if (current !== null) {
+    // If the work-in-progress queue is equal to the current queue,
+    // we need to clone it first.
+    if (queue === current.updateQueue) {
+      queue = workInProgress.updateQueue = cloneUpdateQueue(queue);
     }
+  }
+  return queue;
+}
 
-    var argIndex = 0;
-    var message =
-      "Warning: " +
-      format.replace(/%s/g, function() {
-        return args[argIndex++];
-      });
-    if (typeof console !== "undefined") {
-      console.warn(message);
+function getStateFromUpdate(
+  workInProgress,
+  queue,
+  update,
+  prevState,
+  nextProps,
+  instance
+) {
+  switch (update.tag) {
+    case ReplaceState: {
+      var _payload = update.payload;
+      if (typeof _payload === "function") {
+        // Updater function
+        {
+          if (
+            debugRenderPhaseSideEffects ||
+            (debugRenderPhaseSideEffectsForStrictMode &&
+              workInProgress.mode & StrictMode)
+          ) {
+            _payload.call(instance, prevState, nextProps);
+          }
+        }
+        return _payload.call(instance, prevState, nextProps);
+      }
+      // State object
+      return _payload;
     }
-    try {
-      // --- Welcome to debugging React ---
-      // This error was thrown as a convenience so that you can use this stack
-      // to find the callsite that caused this warning to fire.
-      throw new Error(message);
-    } catch (x) {}
-  };
-
-  lowPriorityWarning = function(condition, format) {
-    if (format === undefined) {
-      throw new Error(
-        "`warning(condition, format, ...args)` requires a warning " +
-          "message argument"
-      );
+    case CaptureUpdate: {
+      workInProgress.effectTag =
+        (workInProgress.effectTag & ~ShouldCapture) | DidCapture;
     }
-    if (!condition) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(_len2 > 2 ? _len2 - 2 : 0),
-          _key2 = 2;
-        _key2 < _len2;
-        _key2++
-      ) {
-        args[_key2 - 2] = arguments[_key2];
+    // Intentional fallthrough
+    case UpdateState: {
+      var _payload2 = update.payload;
+      var partialState = void 0;
+      if (typeof _payload2 === "function") {
+        // Updater function
+        {
+          if (
+            debugRenderPhaseSideEffects ||
+            (debugRenderPhaseSideEffectsForStrictMode &&
+              workInProgress.mode & StrictMode)
+          ) {
+            _payload2.call(instance, prevState, nextProps);
+          }
+        }
+        partialState = _payload2.call(instance, prevState, nextProps);
+      } else {
+        // Partial state object
+        partialState = _payload2;
       }
-
-      printWarning.apply(undefined, [format].concat(args));
+      if (partialState === null || partialState === undefined) {
+        // Null and undefined are treated as no-ops.
+        return prevState;
+      }
+      // Merge the partial state and the previous state.
+      return Object.assign({}, prevState, partialState);
     }
-  };
+    case ForceUpdate: {
+      hasForceUpdate = true;
+      return prevState;
+    }
+  }
+  return prevState;
 }
 
-var lowPriorityWarning$1 = lowPriorityWarning;
+function processUpdateQueue(
+  workInProgress,
+  queue,
+  props,
+  instance,
+  renderExpirationTime
+) {
+  hasForceUpdate = false;
 
-var ReactStrictModeWarnings = {
-  discardPendingWarnings: function() {},
-  flushPendingDeprecationWarnings: function() {},
-  flushPendingUnsafeLifecycleWarnings: function() {},
-  recordDeprecationWarnings: function(fiber, instance) {},
-  recordUnsafeLifecycleWarnings: function(fiber, instance) {}
-};
+  if (
+    queue.expirationTime === NoWork ||
+    queue.expirationTime > renderExpirationTime
+  ) {
+    // Insufficient priority. Bailout.
+    return;
+  }
 
-{
-  var LIFECYCLE_SUGGESTIONS = {
-    UNSAFE_componentWillMount: "componentDidMount",
-    UNSAFE_componentWillReceiveProps: "static getDerivedStateFromProps",
-    UNSAFE_componentWillUpdate: "componentDidUpdate"
-  };
+  queue = ensureWorkInProgressQueueIsAClone(workInProgress, queue);
 
-  var pendingComponentWillMountWarnings = [];
-  var pendingComponentWillReceivePropsWarnings = [];
-  var pendingComponentWillUpdateWarnings = [];
-  var pendingUnsafeLifecycleWarnings = new Map();
+  {
+    currentlyProcessingQueue = queue;
+  }
 
-  // Tracks components we have already warned about.
-  var didWarnAboutDeprecatedLifecycles = new Set();
-  var didWarnAboutUnsafeLifecycles = new Set();
+  // These values may change as we process the queue.
+  var newBaseState = queue.baseState;
+  var newFirstUpdate = null;
+  var newExpirationTime = NoWork;
 
-  ReactStrictModeWarnings.discardPendingWarnings = function() {
-    pendingComponentWillMountWarnings = [];
-    pendingComponentWillReceivePropsWarnings = [];
-    pendingComponentWillUpdateWarnings = [];
-    pendingUnsafeLifecycleWarnings = new Map();
-  };
+  // Iterate through the list of updates to compute the result.
+  var update = queue.firstUpdate;
+  var resultState = newBaseState;
+  while (update !== null) {
+    var updateExpirationTime = update.expirationTime;
+    if (updateExpirationTime > renderExpirationTime) {
+      // This update does not have sufficient priority. Skip it.
+      if (newFirstUpdate === null) {
+        // This is the first skipped update. It will be the first update in
+        // the new list.
+        newFirstUpdate = update;
+        // Since this is the first update that was skipped, the current result
+        // is the new base state.
+        newBaseState = resultState;
+      }
+      // Since this update will remain in the list, update the remaining
+      // expiration time.
+      if (
+        newExpirationTime === NoWork ||
+        newExpirationTime > updateExpirationTime
+      ) {
+        newExpirationTime = updateExpirationTime;
+      }
+    } else {
+      // This update does have sufficient priority. Process it and compute
+      // a new result.
+      resultState = getStateFromUpdate(
+        workInProgress,
+        queue,
+        update,
+        resultState,
+        props,
+        instance
+      );
+      var _callback = update.callback;
+      if (_callback !== null) {
+        workInProgress.effectTag |= Callback;
+        // Set this to null, in case it was mutated during an aborted render.
+        update.nextEffect = null;
+        if (queue.lastEffect === null) {
+          queue.firstEffect = queue.lastEffect = update;
+        } else {
+          queue.lastEffect.nextEffect = update;
+          queue.lastEffect = update;
+        }
+      }
+    }
+    // Continue to the next update.
+    update = update.next;
+  }
 
-  ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings = function() {
-    pendingUnsafeLifecycleWarnings.forEach(function(
-      lifecycleWarningsMap,
-      strictRoot
-    ) {
-      var lifecyclesWarningMesages = [];
+  // Separately, iterate though the list of captured updates.
+  var newFirstCapturedUpdate = null;
+  update = queue.firstCapturedUpdate;
+  while (update !== null) {
+    var _updateExpirationTime = update.expirationTime;
+    if (_updateExpirationTime > renderExpirationTime) {
+      // This update does not have sufficient priority. Skip it.
+      if (newFirstCapturedUpdate === null) {
+        // This is the first skipped captured update. It will be the first
+        // update in the new list.
+        newFirstCapturedUpdate = update;
+        // If this is the first update that was skipped, the current result is
+        // the new base state.
+        if (newFirstUpdate === null) {
+          newBaseState = resultState;
+        }
+      }
+      // Since this update will remain in the list, update the remaining
+      // expiration time.
+      if (
+        newExpirationTime === NoWork ||
+        newExpirationTime > _updateExpirationTime
+      ) {
+        newExpirationTime = _updateExpirationTime;
+      }
+    } else {
+      // This update does have sufficient priority. Process it and compute
+      // a new result.
+      resultState = getStateFromUpdate(
+        workInProgress,
+        queue,
+        update,
+        resultState,
+        props,
+        instance
+      );
+      var _callback2 = update.callback;
+      if (_callback2 !== null) {
+        workInProgress.effectTag |= Callback;
+        // Set this to null, in case it was mutated during an aborted render.
+        update.nextEffect = null;
+        if (queue.lastCapturedEffect === null) {
+          queue.firstCapturedEffect = queue.lastCapturedEffect = update;
+        } else {
+          queue.lastCapturedEffect.nextEffect = update;
+          queue.lastCapturedEffect = update;
+        }
+      }
+    }
+    update = update.next;
+  }
+
+  if (newFirstUpdate === null) {
+    queue.lastUpdate = null;
+  }
+  if (newFirstCapturedUpdate === null) {
+    queue.lastCapturedUpdate = null;
+  } else {
+    workInProgress.effectTag |= Callback;
+  }
+  if (newFirstUpdate === null && newFirstCapturedUpdate === null) {
+    // We processed every update, without skipping. That means the new base
+    // state is the same as the result state.
+    newBaseState = resultState;
+  }
 
-      Object.keys(lifecycleWarningsMap).forEach(function(lifecycle) {
-        var lifecycleWarnings = lifecycleWarningsMap[lifecycle];
-        if (lifecycleWarnings.length > 0) {
-          var componentNames = new Set();
-          lifecycleWarnings.forEach(function(fiber) {
-            componentNames.add(getComponentName(fiber) || "Component");
-            didWarnAboutUnsafeLifecycles.add(fiber.type);
-          });
+  queue.baseState = newBaseState;
+  queue.firstUpdate = newFirstUpdate;
+  queue.firstCapturedUpdate = newFirstCapturedUpdate;
+  queue.expirationTime = newExpirationTime;
 
-          var formatted = lifecycle.replace("UNSAFE_", "");
-          var suggestion = LIFECYCLE_SUGGESTIONS[lifecycle];
-          var sortedComponentNames = Array.from(componentNames)
-            .sort()
-            .join(", ");
+  workInProgress.memoizedState = resultState;
 
-          lifecyclesWarningMesages.push(
-            formatted +
-              ": Please update the following components to use " +
-              (suggestion + " instead: " + sortedComponentNames)
-          );
-        }
-      });
+  {
+    currentlyProcessingQueue = null;
+  }
+}
 
-      if (lifecyclesWarningMesages.length > 0) {
-        var strictRootComponentStack = getStackAddendumByWorkInProgressFiber(
-          strictRoot
-        );
+function callCallback(callback, context) {
+  invariant(
+    typeof callback === "function",
+    "Invalid argument passed as callback. Expected a function. Instead " +
+      "received: %s",
+    callback
+  );
+  callback.call(context);
+}
 
-        warning(
-          false,
-          "Unsafe lifecycle methods were found within a strict-mode tree:%s" +
-            "\n\n%s" +
-            "\n\nLearn more about this warning here:" +
-            "\nhttps://fb.me/react-strict-mode-warnings",
-          strictRootComponentStack,
-          lifecyclesWarningMesages.join("\n\n")
-        );
-      }
-    });
+function resetHasForceUpdateBeforeProcessing() {
+  hasForceUpdate = false;
+}
 
-    pendingUnsafeLifecycleWarnings = new Map();
-  };
+function checkHasForceUpdateAfterProcessing() {
+  return hasForceUpdate;
+}
 
-  var getStrictRoot = function(fiber) {
-    var maybeStrictRoot = null;
+function commitUpdateQueue(
+  finishedWork,
+  finishedQueue,
+  instance,
+  renderExpirationTime
+) {
+  // If the finished render included captured updates, and there are still
+  // lower priority updates left over, we need to keep the captured updates
+  // in the queue so that they are rebased and not dropped once we process the
+  // queue again at the lower priority.
+  if (finishedQueue.firstCapturedUpdate !== null) {
+    // Join the captured update list to the end of the normal list.
+    if (finishedQueue.lastUpdate !== null) {
+      finishedQueue.lastUpdate.next = finishedQueue.firstCapturedUpdate;
+      finishedQueue.lastUpdate = finishedQueue.lastCapturedUpdate;
+    }
+    // Clear the list of captured updates.
+    finishedQueue.firstCapturedUpdate = finishedQueue.lastCapturedUpdate = null;
+  }
 
-    while (fiber !== null) {
-      if (fiber.mode & StrictMode) {
-        maybeStrictRoot = fiber;
-      }
+  // Commit the effects
+  var effect = finishedQueue.firstEffect;
+  finishedQueue.firstEffect = finishedQueue.lastEffect = null;
+  while (effect !== null) {
+    var _callback3 = effect.callback;
+    if (_callback3 !== null) {
+      effect.callback = null;
+      callCallback(_callback3, instance);
+    }
+    effect = effect.nextEffect;
+  }
 
-      fiber = fiber["return"];
+  effect = finishedQueue.firstCapturedEffect;
+  finishedQueue.firstCapturedEffect = finishedQueue.lastCapturedEffect = null;
+  while (effect !== null) {
+    var _callback4 = effect.callback;
+    if (_callback4 !== null) {
+      effect.callback = null;
+      callCallback(_callback4, instance);
     }
+    effect = effect.nextEffect;
+  }
+}
 
-    return maybeStrictRoot;
+function createCapturedValue(value, source) {
+  // If the value is an error, call this function immediately after it is thrown
+  // so the stack is accurate.
+  return {
+    value: value,
+    source: source,
+    stack: getStackAddendumByWorkInProgressFiber(source)
   };
+}
 
-  ReactStrictModeWarnings.flushPendingDeprecationWarnings = function() {
-    if (pendingComponentWillMountWarnings.length > 0) {
-      var uniqueNames = new Set();
-      pendingComponentWillMountWarnings.forEach(function(fiber) {
-        uniqueNames.add(getComponentName(fiber) || "Component");
-        didWarnAboutDeprecatedLifecycles.add(fiber.type);
-      });
+var providerCursor = createCursor(null);
+var valueCursor = createCursor(null);
+var changedBitsCursor = createCursor(0);
 
-      var sortedNames = Array.from(uniqueNames)
-        .sort()
-        .join(", ");
+var rendererSigil = void 0;
+{
+  // Use this to detect multiple renderers using the same context
+  rendererSigil = {};
+}
 
-      lowPriorityWarning$1(
-        false,
-        "componentWillMount is deprecated and will be removed in the next major version. " +
-          "Use componentDidMount instead. As a temporary workaround, " +
-          "you can rename to UNSAFE_componentWillMount." +
-          "\n\nPlease update the following components: %s" +
-          "\n\nLearn more about this warning here:" +
-          "\nhttps://fb.me/react-async-component-lifecycle-hooks",
-        sortedNames
-      );
+function pushProvider(providerFiber) {
+  var context = providerFiber.type._context;
 
-      pendingComponentWillMountWarnings = [];
+  if (isPrimaryRenderer) {
+    push(changedBitsCursor, context._changedBits, providerFiber);
+    push(valueCursor, context._currentValue, providerFiber);
+    push(providerCursor, providerFiber, providerFiber);
+
+    context._currentValue = providerFiber.pendingProps.value;
+    context._changedBits = providerFiber.stateNode;
+    {
+      !(
+        context._currentRenderer === undefined ||
+        context._currentRenderer === null ||
+        context._currentRenderer === rendererSigil
+      )
+        ? warning(
+            false,
+            "Detected multiple renderers concurrently rendering the " +
+              "same context provider. This is currently unsupported."
+          )
+        : void 0;
+      context._currentRenderer = rendererSigil;
     }
+  } else {
+    push(changedBitsCursor, context._changedBits2, providerFiber);
+    push(valueCursor, context._currentValue2, providerFiber);
+    push(providerCursor, providerFiber, providerFiber);
 
-    if (pendingComponentWillReceivePropsWarnings.length > 0) {
-      var _uniqueNames = new Set();
-      pendingComponentWillReceivePropsWarnings.forEach(function(fiber) {
-        _uniqueNames.add(getComponentName(fiber) || "Component");
-        didWarnAboutDeprecatedLifecycles.add(fiber.type);
-      });
+    context._currentValue2 = providerFiber.pendingProps.value;
+    context._changedBits2 = providerFiber.stateNode;
+    {
+      !(
+        context._currentRenderer2 === undefined ||
+        context._currentRenderer2 === null ||
+        context._currentRenderer2 === rendererSigil
+      )
+        ? warning(
+            false,
+            "Detected multiple renderers concurrently rendering the " +
+              "same context provider. This is currently unsupported."
+          )
+        : void 0;
+      context._currentRenderer2 = rendererSigil;
+    }
+  }
+}
 
-      var _sortedNames = Array.from(_uniqueNames)
-        .sort()
-        .join(", ");
+function popProvider(providerFiber) {
+  var changedBits = changedBitsCursor.current;
+  var currentValue = valueCursor.current;
 
-      lowPriorityWarning$1(
-        false,
-        "componentWillReceiveProps is deprecated and will be removed in the next major version. " +
-          "Use static getDerivedStateFromProps instead." +
-          "\n\nPlease update the following components: %s" +
-          "\n\nLearn more about this warning here:" +
-          "\nhttps://fb.me/react-async-component-lifecycle-hooks",
-        _sortedNames
-      );
+  pop(providerCursor, providerFiber);
+  pop(valueCursor, providerFiber);
+  pop(changedBitsCursor, providerFiber);
 
-      pendingComponentWillReceivePropsWarnings = [];
-    }
+  var context = providerFiber.type._context;
+  if (isPrimaryRenderer) {
+    context._currentValue = currentValue;
+    context._changedBits = changedBits;
+  } else {
+    context._currentValue2 = currentValue;
+    context._changedBits2 = changedBits;
+  }
+}
 
-    if (pendingComponentWillUpdateWarnings.length > 0) {
-      var _uniqueNames2 = new Set();
-      pendingComponentWillUpdateWarnings.forEach(function(fiber) {
-        _uniqueNames2.add(getComponentName(fiber) || "Component");
-        didWarnAboutDeprecatedLifecycles.add(fiber.type);
-      });
+function getContextCurrentValue(context) {
+  return isPrimaryRenderer ? context._currentValue : context._currentValue2;
+}
 
-      var _sortedNames2 = Array.from(_uniqueNames2)
-        .sort()
-        .join(", ");
+function getContextChangedBits(context) {
+  return isPrimaryRenderer ? context._changedBits : context._changedBits2;
+}
 
-      lowPriorityWarning$1(
-        false,
-        "componentWillUpdate is deprecated and will be removed in the next major version. " +
-          "Use componentDidUpdate instead. As a temporary workaround, " +
-          "you can rename to UNSAFE_componentWillUpdate." +
-          "\n\nPlease update the following components: %s" +
-          "\n\nLearn more about this warning here:" +
-          "\nhttps://fb.me/react-async-component-lifecycle-hooks",
-        _sortedNames2
-      );
+var NO_CONTEXT = {};
 
-      pendingComponentWillUpdateWarnings = [];
-    }
-  };
+var contextStackCursor$1 = createCursor(NO_CONTEXT);
+var contextFiberStackCursor = createCursor(NO_CONTEXT);
+var rootInstanceStackCursor = createCursor(NO_CONTEXT);
 
-  ReactStrictModeWarnings.recordDeprecationWarnings = function(
-    fiber,
-    instance
-  ) {
-    // Dedup strategy: Warn once per component.
-    if (didWarnAboutDeprecatedLifecycles.has(fiber.type)) {
-      return;
-    }
+function requiredContext(c) {
+  invariant(
+    c !== NO_CONTEXT,
+    "Expected host context to exist. This error is likely caused by a bug " +
+      "in React. Please file an issue."
+  );
+  return c;
+}
 
-    // Don't warn about react-lifecycles-compat polyfilled components.
-    if (
-      typeof instance.componentWillMount === "function" &&
-      instance.componentWillMount.__suppressDeprecationWarning !== true
-    ) {
-      pendingComponentWillMountWarnings.push(fiber);
-    }
-    if (
-      typeof instance.componentWillReceiveProps === "function" &&
-      instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
-    ) {
-      pendingComponentWillReceivePropsWarnings.push(fiber);
-    }
-    if (typeof instance.componentWillUpdate === "function") {
-      pendingComponentWillUpdateWarnings.push(fiber);
-    }
-  };
+function getRootHostContainer() {
+  var rootInstance = requiredContext(rootInstanceStackCursor.current);
+  return rootInstance;
+}
 
-  ReactStrictModeWarnings.recordUnsafeLifecycleWarnings = function(
-    fiber,
-    instance
-  ) {
-    var strictRoot = getStrictRoot(fiber);
+function pushHostContainer(fiber, nextRootInstance) {
+  // Push current root instance onto the stack;
+  // This allows us to reset root when portals are popped.
+  push(rootInstanceStackCursor, nextRootInstance, fiber);
+  // Track the context and the Fiber that provided it.
+  // This enables us to pop only Fibers that provide unique contexts.
+  push(contextFiberStackCursor, fiber, fiber);
 
-    // Dedup strategy: Warn once per component.
-    // This is difficult to track any other way since component names
-    // are often vague and are likely to collide between 3rd party libraries.
-    // An expand property is probably okay to use here since it's DEV-only,
-    // and will only be set in the event of serious warnings.
-    if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
-      return;
-    }
+  // Finally, we need to push the host context to the stack.
+  // However, we can't just call getRootHostContext() and push it because
+  // we'd have a different number of entries on the stack depending on
+  // whether getRootHostContext() throws somewhere in renderer code or not.
+  // So we push an empty value first. This lets us safely unwind on errors.
+  push(contextStackCursor$1, NO_CONTEXT, fiber);
+  var nextRootContext = getRootHostContext(nextRootInstance);
+  // Now that we know this function doesn't throw, replace it.
+  pop(contextStackCursor$1, fiber);
+  push(contextStackCursor$1, nextRootContext, fiber);
+}
 
-    // Don't warn about react-lifecycles-compat polyfilled components.
-    // Note that it is sufficient to check for the presence of a
-    // single lifecycle, componentWillMount, with the polyfill flag.
-    if (
-      typeof instance.componentWillMount === "function" &&
-      instance.componentWillMount.__suppressDeprecationWarning === true
-    ) {
-      return;
-    }
+function popHostContainer(fiber) {
+  pop(contextStackCursor$1, fiber);
+  pop(contextFiberStackCursor, fiber);
+  pop(rootInstanceStackCursor, fiber);
+}
 
-    var warningsForRoot = void 0;
-    if (!pendingUnsafeLifecycleWarnings.has(strictRoot)) {
-      warningsForRoot = {
-        UNSAFE_componentWillMount: [],
-        UNSAFE_componentWillReceiveProps: [],
-        UNSAFE_componentWillUpdate: []
-      };
+function getHostContext() {
+  var context = requiredContext(contextStackCursor$1.current);
+  return context;
+}
 
-      pendingUnsafeLifecycleWarnings.set(strictRoot, warningsForRoot);
-    } else {
-      warningsForRoot = pendingUnsafeLifecycleWarnings.get(strictRoot);
-    }
+function pushHostContext(fiber) {
+  var rootInstance = requiredContext(rootInstanceStackCursor.current);
+  var context = requiredContext(contextStackCursor$1.current);
+  var nextContext = getChildHostContext(context, fiber.type, rootInstance);
 
-    var unsafeLifecycles = [];
-    if (
-      typeof instance.componentWillMount === "function" ||
-      typeof instance.UNSAFE_componentWillMount === "function"
-    ) {
-      unsafeLifecycles.push("UNSAFE_componentWillMount");
-    }
-    if (
-      typeof instance.componentWillReceiveProps === "function" ||
-      typeof instance.UNSAFE_componentWillReceiveProps === "function"
-    ) {
-      unsafeLifecycles.push("UNSAFE_componentWillReceiveProps");
-    }
-    if (
-      typeof instance.componentWillUpdate === "function" ||
-      typeof instance.UNSAFE_componentWillUpdate === "function"
-    ) {
-      unsafeLifecycles.push("UNSAFE_componentWillUpdate");
-    }
+  // Don't push this Fiber's context unless it's unique.
+  if (context === nextContext) {
+    return;
+  }
 
-    if (unsafeLifecycles.length > 0) {
-      unsafeLifecycles.forEach(function(lifecycle) {
-        warningsForRoot[lifecycle].push(fiber);
-      });
-    }
-  };
+  // Track the context and the Fiber that provided it.
+  // This enables us to pop only Fibers that provide unique contexts.
+  push(contextFiberStackCursor, fiber, fiber);
+  push(contextStackCursor$1, nextContext, fiber);
 }
 
-var didWarnUpdateInsideUpdate = void 0;
+function popHostContext(fiber) {
+  // Do not pop unless this Fiber provided the current context.
+  // pushHostContext() only pushes Fibers that provide unique contexts.
+  if (contextFiberStackCursor.current !== fiber) {
+    return;
+  }
+
+  pop(contextStackCursor$1, fiber);
+  pop(contextFiberStackCursor, fiber);
+}
+
+var commitTime = 0;
+
+function getCommitTime() {
+  return commitTime;
+}
+
+function recordCommitTime() {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  commitTime = now();
+}
+
+/**
+ * The "actual" render time is total time required to render the descendants of a Profiler component.
+ * This time is stored as a stack, since Profilers can be nested.
+ * This time is started during the "begin" phase and stopped during the "complete" phase.
+ * It is paused (and accumulated) in the event of an interruption or an aborted render.
+ */
+
+var fiberStack$1 = void 0;
 
 {
-  didWarnUpdateInsideUpdate = false;
+  fiberStack$1 = [];
 }
 
-// Callbacks are not validated until invocation
+var timerPausedAt = 0;
+var totalElapsedPauseTime = 0;
 
-// Singly linked-list of updates. When an update is scheduled, it is added to
-// the queue of the current fiber and the work-in-progress fiber. The two queues
-// are separate but they share a persistent structure.
-//
-// During reconciliation, updates are removed from the work-in-progress fiber,
-// but they remain on the current fiber. That ensures that if a work-in-progress
-// is aborted, the aborted updates are recovered by cloning from current.
-//
-// The work-in-progress queue is always a subset of the current queue.
-//
-// When the tree is committed, the work-in-progress becomes the current.
+function checkActualRenderTimeStackEmpty() {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  {
+    !(fiberStack$1.length === 0)
+      ? warning(
+          false,
+          "Expected an empty stack. Something was not reset properly."
+        )
+      : void 0;
+  }
+}
 
-function createUpdateQueue(baseState) {
-  var queue = {
-    baseState: baseState,
-    expirationTime: NoWork,
-    first: null,
-    last: null,
-    callbackList: null,
-    hasForceUpdate: false,
-    isInitialized: false,
-    capturedValues: null
-  };
+function markActualRenderTimeStarted(fiber) {
+  if (!enableProfilerTimer) {
+    return;
+  }
   {
-    queue.isProcessing = false;
+    fiberStack$1.push(fiber);
   }
-  return queue;
+
+  fiber.actualDuration = now() - fiber.actualDuration - totalElapsedPauseTime;
+  fiber.actualStartTime = now();
 }
 
-function insertUpdateIntoQueue(queue, update) {
-  // Append the update to the end of the list.
-  if (queue.last === null) {
-    // Queue is empty
-    queue.first = queue.last = update;
-  } else {
-    queue.last.next = update;
-    queue.last = update;
+function pauseActualRenderTimerIfRunning() {
+  if (!enableProfilerTimer) {
+    return;
   }
-  if (
-    queue.expirationTime === NoWork ||
-    queue.expirationTime > update.expirationTime
-  ) {
-    queue.expirationTime = update.expirationTime;
+  if (timerPausedAt === 0) {
+    timerPausedAt = now();
   }
 }
 
-var q1 = void 0;
-var q2 = void 0;
-function ensureUpdateQueues(fiber) {
-  q1 = q2 = null;
-  // We'll have at least one and at most two distinct update queues.
-  var alternateFiber = fiber.alternate;
-  var queue1 = fiber.updateQueue;
-  if (queue1 === null) {
-    // TODO: We don't know what the base state will be until we begin work.
-    // It depends on which fiber is the next current. Initialize with an empty
-    // base state, then set to the memoizedState when rendering. Not super
-    // happy with this approach.
-    queue1 = fiber.updateQueue = createUpdateQueue(null);
+function recordElapsedActualRenderTime(fiber) {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  {
+    !(fiber === fiberStack$1.pop())
+      ? warning(false, "Unexpected Fiber (%s) popped.", getComponentName(fiber))
+      : void 0;
   }
 
-  var queue2 = void 0;
-  if (alternateFiber !== null) {
-    queue2 = alternateFiber.updateQueue;
-    if (queue2 === null) {
-      queue2 = alternateFiber.updateQueue = createUpdateQueue(null);
-    }
-  } else {
-    queue2 = null;
+  fiber.actualDuration = now() - totalElapsedPauseTime - fiber.actualDuration;
+}
+
+function resetActualRenderTimer() {
+  if (!enableProfilerTimer) {
+    return;
   }
-  queue2 = queue2 !== queue1 ? queue2 : null;
+  totalElapsedPauseTime = 0;
+}
 
-  // Use module variables instead of returning a tuple
-  q1 = queue1;
-  q2 = queue2;
+function resumeActualRenderTimerIfPaused() {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  if (timerPausedAt > 0) {
+    totalElapsedPauseTime += now() - timerPausedAt;
+    timerPausedAt = 0;
+  }
 }
 
-function insertUpdateIntoFiber(fiber, update) {
-  ensureUpdateQueues(fiber);
-  var queue1 = q1;
-  var queue2 = q2;
+/**
+ * The "base" render time is the duration of the “begin” phase of work for a particular fiber.
+ * This time is measured and stored on each fiber.
+ * The time for all sibling fibers are accumulated and stored on their parent during the "complete" phase.
+ * If a fiber bails out (sCU false) then its "base" timer is cancelled and the fiber is not updated.
+ */
+
+var baseStartTime = -1;
+
+function recordElapsedBaseRenderTimeIfRunning(fiber) {
+  if (!enableProfilerTimer) {
+    return;
+  }
+  if (baseStartTime !== -1) {
+    fiber.selfBaseTime = now() - baseStartTime;
+  }
+}
 
-  // Warn if an update is scheduled from inside an updater function.
+function startBaseRenderTimer() {
+  if (!enableProfilerTimer) {
+    return;
+  }
   {
-    if (
-      (queue1.isProcessing || (queue2 !== null && queue2.isProcessing)) &&
-      !didWarnUpdateInsideUpdate
-    ) {
+    if (baseStartTime !== -1) {
       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."
+        "Cannot start base timer that is already running. " +
+          "This error is likely caused by a bug in React. " +
+          "Please file an issue."
       );
-      didWarnUpdateInsideUpdate = true;
     }
   }
+  baseStartTime = now();
+}
 
-  // If there's only one queue, add the update to that queue and exit.
-  if (queue2 === null) {
-    insertUpdateIntoQueue(queue1, update);
-    return;
-  }
-
-  // If either queue is empty, we need to add to both queues.
-  if (queue1.last === null || queue2.last === null) {
-    insertUpdateIntoQueue(queue1, update);
-    insertUpdateIntoQueue(queue2, update);
+function stopBaseRenderTimerIfRunning() {
+  if (!enableProfilerTimer) {
     return;
   }
-
-  // If both lists are not empty, the last update is the same for both lists
-  // because of structural sharing. So, we should only append to one of
-  // the lists.
-  insertUpdateIntoQueue(queue1, update);
-  // But we still need to update the `last` pointer of queue2.
-  queue2.last = update;
+  baseStartTime = -1;
 }
 
-function getUpdateExpirationTime(fiber) {
-  switch (fiber.tag) {
-    case HostRoot:
-    case ClassComponent:
-      var updateQueue = fiber.updateQueue;
-      if (updateQueue === null) {
-        return NoWork;
-      }
-      return updateQueue.expirationTime;
-    default:
-      return NoWork;
-  }
-}
+/*eslint-disable no-self-compare */
+
+var hasOwnProperty = Object.prototype.hasOwnProperty;
 
-function getStateFromUpdate(update, instance, prevState, props) {
-  var partialState = update.partialState;
-  if (typeof partialState === "function") {
-    return partialState.call(instance, prevState, props);
+/**
+ * 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
+ */
+function is(x, y) {
+  // SameValue algorithm
+  if (x === y) {
+    // Steps 1-5, 7-10
+    // Steps 6.b-6.e: +0 != -0
+    // Added the nonzero y check to make Flow happy, but it is redundant
+    return x !== 0 || y !== 0 || 1 / x === 1 / y;
   } else {
-    return partialState;
+    // Step 6.a: NaN == NaN
+    return x !== x && y !== y;
   }
 }
 
-function processUpdateQueue(
-  current,
-  workInProgress,
-  queue,
-  instance,
-  props,
-  renderExpirationTime
-) {
-  if (current !== null && current.updateQueue === queue) {
-    // We need to create a work-in-progress queue, by cloning the current queue.
-    var currentQueue = queue;
-    queue = workInProgress.updateQueue = {
-      baseState: currentQueue.baseState,
-      expirationTime: currentQueue.expirationTime,
-      first: currentQueue.first,
-      last: currentQueue.last,
-      isInitialized: currentQueue.isInitialized,
-      capturedValues: currentQueue.capturedValues,
-      // These fields are no longer valid because they were already committed.
-      // Reset them.
-      callbackList: null,
-      hasForceUpdate: false
-    };
+/**
+ * Performs equality by iterating through keys on an object and returning false
+ * when any key has values which are not strictly equal between the arguments.
+ * Returns true when the values of all keys are strictly equal.
+ */
+function shallowEqual(objA, objB) {
+  if (is(objA, objB)) {
+    return true;
   }
 
-  {
-    // Set this flag so we can warn if setState is called inside the update
-    // function of another setState.
-    queue.isProcessing = true;
-  }
-
-  // Reset the remaining expiration time. If we skip over any updates, we'll
-  // increase this accordingly.
-  queue.expirationTime = NoWork;
-
-  // TODO: We don't know what the base state will be until we begin work.
-  // It depends on which fiber is the next current. Initialize with an empty
-  // base state, then set to the memoizedState when rendering. Not super
-  // happy with this approach.
-  var state = void 0;
-  if (queue.isInitialized) {
-    state = queue.baseState;
-  } else {
-    state = queue.baseState = workInProgress.memoizedState;
-    queue.isInitialized = true;
+  if (
+    typeof objA !== "object" ||
+    objA === null ||
+    typeof objB !== "object" ||
+    objB === null
+  ) {
+    return false;
   }
-  var dontMutatePrevState = true;
-  var update = queue.first;
-  var didSkip = false;
-  while (update !== null) {
-    var updateExpirationTime = update.expirationTime;
-    if (updateExpirationTime > renderExpirationTime) {
-      // This update does not have sufficient priority. Skip it.
-      var remainingExpirationTime = queue.expirationTime;
-      if (
-        remainingExpirationTime === NoWork ||
-        remainingExpirationTime > updateExpirationTime
-      ) {
-        // Update the remaining expiration time.
-        queue.expirationTime = updateExpirationTime;
-      }
-      if (!didSkip) {
-        didSkip = true;
-        queue.baseState = state;
-      }
-      // Continue to the next update.
-      update = update.next;
-      continue;
-    }
 
-    // This update does have sufficient priority.
+  var keysA = Object.keys(objA);
+  var keysB = Object.keys(objB);
 
-    // If no previous updates were skipped, drop this update from the queue by
-    // advancing the head of the list.
-    if (!didSkip) {
-      queue.first = update.next;
-      if (queue.first === null) {
-        queue.last = null;
-      }
-    }
+  if (keysA.length !== keysB.length) {
+    return false;
+  }
 
-    // Invoke setState callback an extra time to help detect side-effects.
-    // Ignore the return value in this case.
+  // Test for A's keys different from B.
+  for (var i = 0; i < keysA.length; i++) {
     if (
-      debugRenderPhaseSideEffects ||
-      (debugRenderPhaseSideEffectsForStrictMode &&
-        workInProgress.mode & StrictMode)
+      !hasOwnProperty.call(objB, keysA[i]) ||
+      !is(objA[keysA[i]], objB[keysA[i]])
     ) {
-      getStateFromUpdate(update, instance, state, props);
-    }
-
-    // Process the update
-    var _partialState = void 0;
-    if (update.isReplace) {
-      state = getStateFromUpdate(update, instance, state, props);
-      dontMutatePrevState = true;
-    } else {
-      _partialState = getStateFromUpdate(update, instance, state, props);
-      if (_partialState) {
-        if (dontMutatePrevState) {
-          // $FlowFixMe: Idk how to type this properly.
-          state = Object.assign({}, state, _partialState);
-        } else {
-          state = Object.assign(state, _partialState);
-        }
-        dontMutatePrevState = false;
-      }
-    }
-    if (update.isForced) {
-      queue.hasForceUpdate = true;
-    }
-    if (update.callback !== null) {
-      // Append to list of callbacks.
-      var _callbackList = queue.callbackList;
-      if (_callbackList === null) {
-        _callbackList = queue.callbackList = [];
-      }
-      _callbackList.push(update);
-    }
-    if (update.capturedValue !== null) {
-      var _capturedValues = queue.capturedValues;
-      if (_capturedValues === null) {
-        queue.capturedValues = [update.capturedValue];
-      } else {
-        _capturedValues.push(update.capturedValue);
-      }
+      return false;
     }
-    update = update.next;
   }
 
-  if (queue.callbackList !== null) {
-    workInProgress.effectTag |= Callback;
-  } else if (
-    queue.first === null &&
-    !queue.hasForceUpdate &&
-    queue.capturedValues === null
-  ) {
-    // The queue is empty. We can reset it.
-    workInProgress.updateQueue = null;
-  }
-
-  if (!didSkip) {
-    didSkip = true;
-    queue.baseState = state;
-  }
-
-  {
-    // No longer processing.
-    queue.isProcessing = false;
-  }
-
-  return state;
-}
-
-function commitCallbacks(queue, context) {
-  var callbackList = queue.callbackList;
-  if (callbackList === null) {
-    return;
-  }
-  // Set the list to null to make sure they don't get called more than once.
-  queue.callbackList = null;
-  for (var i = 0; i < callbackList.length; i++) {
-    var update = callbackList[i];
-    var _callback = update.callback;
-    // This update might be processed again. Clear the callback so it's only
-    // called once.
-    update.callback = null;
-    invariant(
-      typeof _callback === "function",
-      "Invalid argument passed as callback. Expected a function. Instead " +
-        "received: %s",
-      _callback
-    );
-    _callback.call(context);
-  }
+  return true;
 }
 
 var fakeInternalInstance = {};
 var isArray = Array.isArray;
 
 var didWarnAboutStateAssignmentForComponent = void 0;
-var didWarnAboutUndefinedDerivedState = void 0;
 var didWarnAboutUninitializedState = void 0;
-var didWarnAboutWillReceivePropsAndDerivedState = void 0;
+var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = void 0;
+var didWarnAboutLegacyLifecyclesAndDerivedState = void 0;
+var didWarnAboutUndefinedDerivedState = void 0;
+var warnOnUndefinedDerivedState = void 0;
 var warnOnInvalidCallback = void 0;
 
 {
-  didWarnAboutStateAssignmentForComponent = {};
-  didWarnAboutUndefinedDerivedState = {};
-  didWarnAboutUninitializedState = {};
-  didWarnAboutWillReceivePropsAndDerivedState = {};
+  didWarnAboutStateAssignmentForComponent = new Set();
+  didWarnAboutUninitializedState = new Set();
+  didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = new Set();
+  didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
+  didWarnAboutUndefinedDerivedState = new Set();
 
-  var didWarnOnInvalidCallback = {};
+  var didWarnOnInvalidCallback = new Set();
 
   warnOnInvalidCallback = function(callback, callerName) {
     if (callback === null || typeof callback === "function") {
       return;
     }
     var key = callerName + "_" + callback;
-    if (!didWarnOnInvalidCallback[key]) {
+    if (!didWarnOnInvalidCallback.has(key)) {
+      didWarnOnInvalidCallback.add(key);
       warning(
         false,
         "%s(...): Expected the last optional `callback` argument to be a " +
@@ -6379,7 +7148,21 @@ var warnOnInvalidCallback = void 0;
         callerName,
         callback
       );
-      didWarnOnInvalidCallback[key] = true;
+    }
+  };
+
+  warnOnUndefinedDerivedState = function(workInProgress, partialState) {
+    if (partialState === undefined) {
+      var componentName = getComponentName(workInProgress) || "Component";
+      if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
+        didWarnAboutUndefinedDerivedState.add(componentName);
+        warning(
+          false,
+          "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. " +
+            "You have returned undefined.",
+          componentName
+        );
+      }
     }
   };
 
@@ -6404,315 +7187,384 @@ var warnOnInvalidCallback = void 0;
   });
   Object.freeze(fakeInternalInstance);
 }
-function callGetDerivedStateFromCatch(ctor, capturedValues) {
-  var resultState = {};
-  for (var i = 0; i < capturedValues.length; i++) {
-    var capturedValue = capturedValues[i];
-    var error = capturedValue.value;
-    var partialState = ctor.getDerivedStateFromCatch.call(null, error);
-    if (partialState !== null && partialState !== undefined) {
-      Object.assign(resultState, partialState);
+
+function applyDerivedStateFromProps(
+  workInProgress,
+  getDerivedStateFromProps,
+  nextProps
+) {
+  var prevState = workInProgress.memoizedState;
+
+  {
+    if (
+      debugRenderPhaseSideEffects ||
+      (debugRenderPhaseSideEffectsForStrictMode &&
+        workInProgress.mode & StrictMode)
+    ) {
+      // Invoke the function an extra time to help detect side-effects.
+      getDerivedStateFromProps(nextProps, prevState);
     }
   }
-  return resultState;
+
+  var partialState = getDerivedStateFromProps(nextProps, prevState);
+
+  {
+    warnOnUndefinedDerivedState(workInProgress, partialState);
+  }
+  // Merge the partial state and the previous state.
+  var memoizedState =
+    partialState === null || partialState === undefined
+      ? prevState
+      : Object.assign({}, prevState, partialState);
+  workInProgress.memoizedState = memoizedState;
+
+  // Once the update queue is empty, persist the derived state onto the
+  // base state.
+  var updateQueue = workInProgress.updateQueue;
+  if (updateQueue !== null && updateQueue.expirationTime === NoWork) {
+    updateQueue.baseState = memoizedState;
+  }
 }
 
-var ReactFiberClassComponent = function(
-  scheduleWork,
-  computeExpirationForFiber,
-  memoizeProps,
-  memoizeState
-) {
-  // Class component state updater
-  var updater = {
-    isMounted: isMounted,
-    enqueueSetState: function(instance, partialState, callback) {
-      var fiber = get(instance);
-      callback = callback === undefined ? null : callback;
+var classComponentUpdater = {
+  isMounted: isMounted,
+  enqueueSetState: function(inst, payload, callback) {
+    var fiber = get$1(inst);
+    var currentTime = recalculateCurrentTime();
+    var expirationTime = computeExpirationForFiber(currentTime, fiber);
+
+    var update = createUpdate(expirationTime);
+    update.payload = payload;
+    if (callback !== undefined && callback !== null) {
       {
         warnOnInvalidCallback(callback, "setState");
       }
-      var expirationTime = computeExpirationForFiber(fiber);
-      var update = {
-        expirationTime: expirationTime,
-        partialState: partialState,
-        callback: callback,
-        isReplace: false,
-        isForced: false,
-        capturedValue: null,
-        next: null
-      };
-      insertUpdateIntoFiber(fiber, update);
-      scheduleWork(fiber, expirationTime);
-    },
-    enqueueReplaceState: function(instance, state, callback) {
-      var fiber = get(instance);
-      callback = callback === undefined ? null : callback;
+      update.callback = callback;
+    }
+
+    enqueueUpdate(fiber, update, expirationTime);
+    scheduleWork(fiber, expirationTime);
+  },
+  enqueueReplaceState: function(inst, payload, callback) {
+    var fiber = get$1(inst);
+    var currentTime = recalculateCurrentTime();
+    var expirationTime = computeExpirationForFiber(currentTime, fiber);
+
+    var update = createUpdate(expirationTime);
+    update.tag = ReplaceState;
+    update.payload = payload;
+
+    if (callback !== undefined && callback !== null) {
       {
         warnOnInvalidCallback(callback, "replaceState");
       }
-      var expirationTime = computeExpirationForFiber(fiber);
-      var update = {
-        expirationTime: expirationTime,
-        partialState: state,
-        callback: callback,
-        isReplace: true,
-        isForced: false,
-        capturedValue: null,
-        next: null
-      };
-      insertUpdateIntoFiber(fiber, update);
-      scheduleWork(fiber, expirationTime);
-    },
-    enqueueForceUpdate: function(instance, callback) {
-      var fiber = get(instance);
-      callback = callback === undefined ? null : callback;
-      {
-        warnOnInvalidCallback(callback, "forceUpdate");
-      }
-      var expirationTime = computeExpirationForFiber(fiber);
-      var update = {
-        expirationTime: expirationTime,
-        partialState: null,
-        callback: callback,
-        isReplace: false,
-        isForced: true,
-        capturedValue: null,
-        next: null
-      };
-      insertUpdateIntoFiber(fiber, update);
-      scheduleWork(fiber, expirationTime);
+      update.callback = callback;
     }
-  };
 
-  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;
-    }
+    enqueueUpdate(fiber, update, expirationTime);
+    scheduleWork(fiber, expirationTime);
+  },
+  enqueueForceUpdate: function(inst, callback) {
+    var fiber = get$1(inst);
+    var currentTime = recalculateCurrentTime();
+    var expirationTime = computeExpirationForFiber(currentTime, fiber);
 
-    var instance = workInProgress.stateNode;
-    var ctor = workInProgress.type;
-    if (typeof instance.shouldComponentUpdate === "function") {
-      startPhaseTimer(workInProgress, "shouldComponentUpdate");
-      var shouldUpdate = instance.shouldComponentUpdate(
-        newProps,
-        newState,
-        newContext
-      );
-      stopPhaseTimer();
+    var update = createUpdate(expirationTime);
+    update.tag = ForceUpdate;
 
+    if (callback !== undefined && callback !== null) {
       {
-        warning(
-          shouldUpdate !== undefined,
-          "%s.shouldComponentUpdate(): Returned undefined instead of a " +
-            "boolean value. Make sure to return true or false.",
-          getComponentName(workInProgress) || "Unknown"
-        );
+        warnOnInvalidCallback(callback, "forceUpdate");
       }
-
-      return shouldUpdate;
+      update.callback = callback;
     }
 
-    if (ctor.prototype && ctor.prototype.isPureReactComponent) {
-      return (
-        !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-      );
+    enqueueUpdate(fiber, update, expirationTime);
+    scheduleWork(fiber, expirationTime);
+  }
+};
+
+function checkShouldComponentUpdate(
+  workInProgress,
+  oldProps,
+  newProps,
+  oldState,
+  newState,
+  newContext
+) {
+  var instance = workInProgress.stateNode;
+  var ctor = workInProgress.type;
+  if (typeof instance.shouldComponentUpdate === "function") {
+    startPhaseTimer(workInProgress, "shouldComponentUpdate");
+    var shouldUpdate = instance.shouldComponentUpdate(
+      newProps,
+      newState,
+      newContext
+    );
+    stopPhaseTimer();
+
+    {
+      !(shouldUpdate !== undefined)
+        ? warning(
+            false,
+            "%s.shouldComponentUpdate(): Returned undefined instead of a " +
+              "boolean value. Make sure to return true or false.",
+            getComponentName(workInProgress) || "Component"
+          )
+        : void 0;
     }
 
-    return true;
+    return shouldUpdate;
   }
 
-  function checkClassInstance(workInProgress) {
-    var instance = workInProgress.stateNode;
-    var type = workInProgress.type;
-    {
-      var name = getComponentName(workInProgress);
-      var renderPresent = instance.render;
+  if (ctor.prototype && ctor.prototype.isPureReactComponent) {
+    return (
+      !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+    );
+  }
 
-      if (!renderPresent) {
-        if (type.prototype && typeof type.prototype.render === "function") {
-          warning(
-            false,
-            "%s(...): No `render` method found on the returned component " +
-              "instance: did you accidentally return an object from the constructor?",
-            name
-          );
-        } else {
-          warning(
-            false,
-            "%s(...): No `render` method found on the returned component " +
-              "instance: you may have forgotten to define `render`.",
-            name
-          );
-        }
-      }
+  return true;
+}
 
-      var noGetInitialStateOnES6 =
-        !instance.getInitialState ||
-        instance.getInitialState.isReactClassApproved ||
-        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
-      );
-      var 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
-      );
-      var noInstancePropTypes = !instance.propTypes;
-      warning(
-        noInstancePropTypes,
-        "propTypes was defined as an instance property on %s. Use a static " +
-          "property to define propTypes instead.",
-        name
-      );
-      var noInstanceContextTypes = !instance.contextTypes;
-      warning(
-        noInstanceContextTypes,
-        "contextTypes was defined as an instance property on %s. Use a static " +
-          "property to define contextTypes instead.",
-        name
-      );
-      var 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
-      );
-      if (
-        type.prototype &&
-        type.prototype.isPureReactComponent &&
-        typeof instance.shouldComponentUpdate !== "undefined"
-      ) {
+function checkClassInstance(workInProgress) {
+  var instance = workInProgress.stateNode;
+  var type = workInProgress.type;
+  {
+    var name = getComponentName(workInProgress) || "Component";
+    var renderPresent = instance.render;
+
+    if (!renderPresent) {
+      if (type.prototype && typeof type.prototype.render === "function") {
+        warning(
+          false,
+          "%s(...): No `render` method found on the returned component " +
+            "instance: did you accidentally return an object from the constructor?",
+          name
+        );
+      } else {
         warning(
           false,
-          "%s has a method called shouldComponentUpdate(). " +
-            "shouldComponentUpdate should not be used when extending React.PureComponent. " +
-            "Please extend React.Component if shouldComponentUpdate is used.",
-          getComponentName(workInProgress) || "A pure component"
-        );
-      }
-      var 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
-      );
-      var noComponentDidReceiveProps =
-        typeof instance.componentDidReceiveProps !== "function";
-      warning(
-        noComponentDidReceiveProps,
-        "%s has a method called " +
-          "componentDidReceiveProps(). But there is no such lifecycle method. " +
-          "If you meant to update the state in response to changing props, " +
-          "use componentWillReceiveProps(). If you meant to fetch data or " +
-          "run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
-        name
-      );
-      var noComponentWillRecieveProps =
-        typeof instance.componentWillRecieveProps !== "function";
-      warning(
-        noComponentWillRecieveProps,
-        "%s has a method called " +
-          "componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
-        name
-      );
-      var noUnsafeComponentWillRecieveProps =
-        typeof instance.UNSAFE_componentWillRecieveProps !== "function";
-      warning(
-        noUnsafeComponentWillRecieveProps,
-        "%s has a method called " +
-          "UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
-        name
-      );
-      var 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.",
-        name,
-        name
-      );
-      var noInstanceDefaultProps = !instance.defaultProps;
+          "%s(...): No `render` method found on the returned component " +
+            "instance: you may have forgotten to define `render`.",
+          name
+        );
+      }
+    }
+
+    var noGetInitialStateOnES6 =
+      !instance.getInitialState ||
+      instance.getInitialState.isReactClassApproved ||
+      instance.state;
+    !noGetInitialStateOnES6
+      ? warning(
+          false,
+          "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
+        )
+      : void 0;
+    var noGetDefaultPropsOnES6 =
+      !instance.getDefaultProps ||
+      instance.getDefaultProps.isReactClassApproved;
+    !noGetDefaultPropsOnES6
+      ? warning(
+          false,
+          "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
+        )
+      : void 0;
+    var noInstancePropTypes = !instance.propTypes;
+    !noInstancePropTypes
+      ? warning(
+          false,
+          "propTypes was defined as an instance property on %s. Use a static " +
+            "property to define propTypes instead.",
+          name
+        )
+      : void 0;
+    var noInstanceContextTypes = !instance.contextTypes;
+    !noInstanceContextTypes
+      ? warning(
+          false,
+          "contextTypes was defined as an instance property on %s. Use a static " +
+            "property to define contextTypes instead.",
+          name
+        )
+      : void 0;
+    var noComponentShouldUpdate =
+      typeof instance.componentShouldUpdate !== "function";
+    !noComponentShouldUpdate
+      ? warning(
+          false,
+          "%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
+        )
+      : void 0;
+    if (
+      type.prototype &&
+      type.prototype.isPureReactComponent &&
+      typeof instance.shouldComponentUpdate !== "undefined"
+    ) {
       warning(
-        noInstanceDefaultProps,
-        "Setting defaultProps as an instance property on %s is not supported and will be ignored." +
-          " Instead, define defaultProps as a static property on %s.",
-        name,
-        name
+        false,
+        "%s has a method called shouldComponentUpdate(). " +
+          "shouldComponentUpdate should not be used when extending React.PureComponent. " +
+          "Please extend React.Component if shouldComponentUpdate is used.",
+        getComponentName(workInProgress) || "A pure component"
       );
     }
+    var noComponentDidUnmount =
+      typeof instance.componentDidUnmount !== "function";
+    !noComponentDidUnmount
+      ? warning(
+          false,
+          "%s has a method called " +
+            "componentDidUnmount(). But there is no such lifecycle method. " +
+            "Did you mean componentWillUnmount()?",
+          name
+        )
+      : void 0;
+    var noComponentDidReceiveProps =
+      typeof instance.componentDidReceiveProps !== "function";
+    !noComponentDidReceiveProps
+      ? warning(
+          false,
+          "%s has a method called " +
+            "componentDidReceiveProps(). But there is no such lifecycle method. " +
+            "If you meant to update the state in response to changing props, " +
+            "use componentWillReceiveProps(). If you meant to fetch data or " +
+            "run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
+          name
+        )
+      : void 0;
+    var noComponentWillRecieveProps =
+      typeof instance.componentWillRecieveProps !== "function";
+    !noComponentWillRecieveProps
+      ? warning(
+          false,
+          "%s has a method called " +
+            "componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
+          name
+        )
+      : void 0;
+    var noUnsafeComponentWillRecieveProps =
+      typeof instance.UNSAFE_componentWillRecieveProps !== "function";
+    !noUnsafeComponentWillRecieveProps
+      ? warning(
+          false,
+          "%s has a method called " +
+            "UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
+          name
+        )
+      : void 0;
+    var hasMutatedProps = instance.props !== workInProgress.pendingProps;
+    !(instance.props === undefined || !hasMutatedProps)
+      ? warning(
+          false,
+          "%s(...): When calling super() in `%s`, make sure to pass " +
+            "up the same props that your component's constructor was passed.",
+          name,
+          name
+        )
+      : void 0;
+    var noInstanceDefaultProps = !instance.defaultProps;
+    !noInstanceDefaultProps
+      ? warning(
+          false,
+          "Setting defaultProps as an instance property on %s is not supported and will be ignored." +
+            " Instead, define defaultProps as a static property on %s.",
+          name,
+          name
+        )
+      : void 0;
 
-    var state = instance.state;
-    if (state && (typeof state !== "object" || isArray(state))) {
+    if (
+      typeof instance.getSnapshotBeforeUpdate === "function" &&
+      typeof instance.componentDidUpdate !== "function" &&
+      !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(type)
+    ) {
+      didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(type);
       warning(
         false,
-        "%s.state: must be set to an object or null",
+        "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). " +
+          "This component defines getSnapshotBeforeUpdate() only.",
         getComponentName(workInProgress)
       );
     }
+
+    var noInstanceGetDerivedStateFromProps =
+      typeof instance.getDerivedStateFromProps !== "function";
+    !noInstanceGetDerivedStateFromProps
+      ? warning(
+          false,
+          "%s: getDerivedStateFromProps() is defined as an instance method " +
+            "and will be ignored. Instead, declare it as a static method.",
+          name
+        )
+      : void 0;
+    var noInstanceGetDerivedStateFromCatch =
+      typeof instance.getDerivedStateFromCatch !== "function";
+    !noInstanceGetDerivedStateFromCatch
+      ? warning(
+          false,
+          "%s: getDerivedStateFromCatch() is defined as an instance method " +
+            "and will be ignored. Instead, declare it as a static method.",
+          name
+        )
+      : void 0;
+    var noStaticGetSnapshotBeforeUpdate =
+      typeof type.getSnapshotBeforeUpdate !== "function";
+    !noStaticGetSnapshotBeforeUpdate
+      ? warning(
+          false,
+          "%s: getSnapshotBeforeUpdate() is defined as a static method " +
+            "and will be ignored. Instead, declare it as an instance method.",
+          name
+        )
+      : void 0;
+    var _state = instance.state;
+    if (_state && (typeof _state !== "object" || isArray(_state))) {
+      warning(false, "%s.state: must be set to an object or null", name);
+    }
     if (typeof instance.getChildContext === "function") {
-      warning(
-        typeof type.childContextTypes === "object",
-        "%s.getChildContext(): childContextTypes must be defined in order to " +
-          "use getChildContext().",
-        getComponentName(workInProgress)
-      );
+      !(typeof type.childContextTypes === "object")
+        ? warning(
+            false,
+            "%s.getChildContext(): childContextTypes must be defined in order to " +
+              "use getChildContext().",
+            name
+          )
+        : void 0;
     }
   }
+}
 
-  function resetInputPointers(workInProgress, instance) {
-    instance.props = workInProgress.memoizedProps;
-    instance.state = workInProgress.memoizedState;
-  }
-
-  function adoptClassInstance(workInProgress, instance) {
-    instance.updater = updater;
-    workInProgress.stateNode = instance;
-    // The instance needs access to the fiber so that it can schedule updates
-    set(instance, workInProgress);
-    {
-      instance._reactInternalInstance = fakeInternalInstance;
-    }
+function adoptClassInstance(workInProgress, instance) {
+  instance.updater = classComponentUpdater;
+  workInProgress.stateNode = instance;
+  // The instance needs access to the fiber so that it can schedule updates
+  set(instance, workInProgress);
+  {
+    instance._reactInternalInstance = fakeInternalInstance;
   }
+}
 
-  function constructClassInstance(workInProgress, props) {
-    var ctor = workInProgress.type;
-    var unmaskedContext = getUnmaskedContext(workInProgress);
-    var needsContext = isContextConsumer(workInProgress);
-    var context = needsContext
-      ? getMaskedContext(workInProgress, unmaskedContext)
-      : emptyObject;
+function constructClassInstance(workInProgress, props, renderExpirationTime) {
+  var ctor = workInProgress.type;
+  var unmaskedContext = getUnmaskedContext(workInProgress);
+  var needsContext = isContextConsumer(workInProgress);
+  var context = needsContext
+    ? getMaskedContext(workInProgress, unmaskedContext)
+    : emptyObject;
 
-    // Instantiate twice to help detect side-effects.
+  // Instantiate twice to help detect side-effects.
+  {
     if (
       debugRenderPhaseSideEffects ||
       (debugRenderPhaseSideEffectsForStrictMode &&
@@ -6720,361 +7572,331 @@ var ReactFiberClassComponent = function(
     ) {
       new ctor(props, context); // eslint-disable-line no-new
     }
+  }
 
-    var instance = new ctor(props, context);
-    var state =
-      instance.state !== null && instance.state !== undefined
-        ? instance.state
-        : null;
-    adoptClassInstance(workInProgress, instance);
+  var instance = new ctor(props, context);
+  var state = (workInProgress.memoizedState =
+    instance.state !== null && instance.state !== undefined
+      ? instance.state
+      : null);
+  adoptClassInstance(workInProgress, instance);
 
-    {
+  {
+    if (typeof ctor.getDerivedStateFromProps === "function" && state === null) {
+      var componentName = getComponentName(workInProgress) || "Component";
+      if (!didWarnAboutUninitializedState.has(componentName)) {
+        didWarnAboutUninitializedState.add(componentName);
+        warning(
+          false,
+          "%s: Did not properly initialize state during construction. " +
+            "Expected state to be an object, but it was %s.",
+          componentName,
+          instance.state === null ? "null" : "undefined"
+        );
+      }
+    }
+
+    // If new component APIs are defined, "unsafe" lifecycles won't be called.
+    // Warn about these lifecycles if they are present.
+    // Don't warn about react-lifecycles-compat polyfilled methods though.
+    if (
+      typeof ctor.getDerivedStateFromProps === "function" ||
+      typeof instance.getSnapshotBeforeUpdate === "function"
+    ) {
+      var foundWillMountName = null;
+      var foundWillReceivePropsName = null;
+      var foundWillUpdateName = null;
+      if (
+        typeof instance.componentWillMount === "function" &&
+        instance.componentWillMount.__suppressDeprecationWarning !== true
+      ) {
+        foundWillMountName = "componentWillMount";
+      } else if (typeof instance.UNSAFE_componentWillMount === "function") {
+        foundWillMountName = "UNSAFE_componentWillMount";
+      }
+      if (
+        typeof instance.componentWillReceiveProps === "function" &&
+        instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
+      ) {
+        foundWillReceivePropsName = "componentWillReceiveProps";
+      } else if (
+        typeof instance.UNSAFE_componentWillReceiveProps === "function"
+      ) {
+        foundWillReceivePropsName = "UNSAFE_componentWillReceiveProps";
+      }
       if (
-        typeof ctor.getDerivedStateFromProps === "function" &&
-        state === null
+        typeof instance.componentWillUpdate === "function" &&
+        instance.componentWillUpdate.__suppressDeprecationWarning !== true
       ) {
-        var componentName = getComponentName(workInProgress) || "Unknown";
-        if (!didWarnAboutUninitializedState[componentName]) {
+        foundWillUpdateName = "componentWillUpdate";
+      } else if (typeof instance.UNSAFE_componentWillUpdate === "function") {
+        foundWillUpdateName = "UNSAFE_componentWillUpdate";
+      }
+      if (
+        foundWillMountName !== null ||
+        foundWillReceivePropsName !== null ||
+        foundWillUpdateName !== null
+      ) {
+        var _componentName = getComponentName(workInProgress) || "Component";
+        var newApiName =
+          typeof ctor.getDerivedStateFromProps === "function"
+            ? "getDerivedStateFromProps()"
+            : "getSnapshotBeforeUpdate()";
+        if (!didWarnAboutLegacyLifecyclesAndDerivedState.has(_componentName)) {
+          didWarnAboutLegacyLifecyclesAndDerivedState.add(_componentName);
           warning(
             false,
-            "%s: Did not properly initialize state during construction. " +
-              "Expected state to be an object, but it was %s.",
-            componentName,
-            instance.state === null ? "null" : "undefined"
+            "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n" +
+              "%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\n" +
+              "The above lifecycles should be removed. Learn more about this warning here:\n" +
+              "https://fb.me/react-async-component-lifecycle-hooks",
+            _componentName,
+            newApiName,
+            foundWillMountName !== null ? "\n  " + foundWillMountName : "",
+            foundWillReceivePropsName !== null
+              ? "\n  " + foundWillReceivePropsName
+              : "",
+            foundWillUpdateName !== null ? "\n  " + foundWillUpdateName : ""
           );
-          didWarnAboutUninitializedState[componentName] = true;
         }
       }
     }
+  }
 
-    workInProgress.memoizedState = state;
-
-    var partialState = callGetDerivedStateFromProps(
-      workInProgress,
-      instance,
-      props
-    );
+  // Cache unmasked context so we can avoid recreating masked context unless necessary.
+  // ReactFiberContext usually updates this cache but can't for newly-created instances.
+  if (needsContext) {
+    cacheContext(workInProgress, unmaskedContext, context);
+  }
 
-    if (partialState !== null && partialState !== undefined) {
-      // Render-phase updates (like this) should not be added to the update queue,
-      // So that multiple render passes do not enqueue multiple updates.
-      // Instead, just synchronously merge the returned state into the instance.
-      workInProgress.memoizedState = Object.assign(
-        {},
-        workInProgress.memoizedState,
-        partialState
-      );
-    }
+  return instance;
+}
 
-    // Cache unmasked context so we can avoid recreating masked context unless necessary.
-    // ReactFiberContext usually updates this cache but can't for newly-created instances.
-    if (needsContext) {
-      cacheContext(workInProgress, unmaskedContext, context);
-    }
+function callComponentWillMount(workInProgress, instance) {
+  startPhaseTimer(workInProgress, "componentWillMount");
+  var oldState = instance.state;
 
-    return instance;
+  if (typeof instance.componentWillMount === "function") {
+    instance.componentWillMount();
+  }
+  if (typeof instance.UNSAFE_componentWillMount === "function") {
+    instance.UNSAFE_componentWillMount();
   }
 
-  function callComponentWillMount(workInProgress, instance) {
-    startPhaseTimer(workInProgress, "componentWillMount");
-    var oldState = instance.state;
+  stopPhaseTimer();
 
-    if (typeof instance.componentWillMount === "function") {
-      instance.componentWillMount();
-    }
-    if (typeof instance.UNSAFE_componentWillMount === "function") {
-      instance.UNSAFE_componentWillMount();
+  if (oldState !== instance.state) {
+    {
+      warning(
+        false,
+        "%s.componentWillMount(): Assigning directly to this.state is " +
+          "deprecated (except inside a component's " +
+          "constructor). Use setState instead.",
+        getComponentName(workInProgress) || "Component"
+      );
     }
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+  }
+}
 
-    stopPhaseTimer();
+function callComponentWillReceiveProps(
+  workInProgress,
+  instance,
+  newProps,
+  newContext
+) {
+  var oldState = instance.state;
+  startPhaseTimer(workInProgress, "componentWillReceiveProps");
+  if (typeof instance.componentWillReceiveProps === "function") {
+    instance.componentWillReceiveProps(newProps, newContext);
+  }
+  if (typeof instance.UNSAFE_componentWillReceiveProps === "function") {
+    instance.UNSAFE_componentWillReceiveProps(newProps, newContext);
+  }
+  stopPhaseTimer();
 
-    if (oldState !== instance.state) {
-      {
+  if (instance.state !== oldState) {
+    {
+      var componentName = getComponentName(workInProgress) || "Component";
+      if (!didWarnAboutStateAssignmentForComponent.has(componentName)) {
+        didWarnAboutStateAssignmentForComponent.add(componentName);
         warning(
           false,
-          "%s.componentWillMount(): Assigning directly to this.state is " +
-            "deprecated (except inside a component's " +
+          "%s.componentWillReceiveProps(): Assigning directly to " +
+            "this.state is deprecated (except inside a component's " +
             "constructor). Use setState instead.",
-          getComponentName(workInProgress)
+          componentName
         );
       }
-      updater.enqueueReplaceState(instance, instance.state, null);
     }
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
   }
+}
 
-  function callComponentWillReceiveProps(
-    workInProgress,
-    instance,
-    newProps,
-    newContext
-  ) {
-    var oldState = instance.state;
-    startPhaseTimer(workInProgress, "componentWillReceiveProps");
-    if (typeof instance.componentWillReceiveProps === "function") {
-      instance.componentWillReceiveProps(newProps, newContext);
-    }
-    if (typeof instance.UNSAFE_componentWillReceiveProps === "function") {
-      instance.UNSAFE_componentWillReceiveProps(newProps, newContext);
-    }
-    stopPhaseTimer();
+// Invokes the mount life-cycles on a previously never rendered instance.
+function mountClassInstance(workInProgress, renderExpirationTime) {
+  var ctor = workInProgress.type;
 
-    if (instance.state !== oldState) {
-      {
-        var componentName = getComponentName(workInProgress) || "Component";
-        if (!didWarnAboutStateAssignmentForComponent[componentName]) {
-          warning(
-            false,
-            "%s.componentWillReceiveProps(): Assigning directly to " +
-              "this.state is deprecated (except inside a component's " +
-              "constructor). Use setState instead.",
-            componentName
-          );
-          didWarnAboutStateAssignmentForComponent[componentName] = true;
-        }
-      }
-      updater.enqueueReplaceState(instance, instance.state, null);
-    }
+  {
+    checkClassInstance(workInProgress);
   }
 
-  function callGetDerivedStateFromProps(workInProgress, instance, props) {
-    var type = workInProgress.type;
-
-    if (typeof type.getDerivedStateFromProps === "function") {
-      {
-        // Don't warn about react-lifecycles-compat polyfilled components
-        if (
-          (typeof instance.componentWillReceiveProps === "function" &&
-            instance.componentWillReceiveProps.__suppressDeprecationWarning !==
-              true) ||
-          typeof instance.UNSAFE_componentWillReceiveProps === "function"
-        ) {
-          var componentName = getComponentName(workInProgress) || "Unknown";
-          if (!didWarnAboutWillReceivePropsAndDerivedState[componentName]) {
-            warning(
-              false,
-              "%s: Defines both componentWillReceiveProps() and static " +
-                "getDerivedStateFromProps() methods. We recommend using " +
-                "only getDerivedStateFromProps().",
-              componentName
-            );
-            didWarnAboutWillReceivePropsAndDerivedState[componentName] = true;
-          }
-        }
-      }
+  var instance = workInProgress.stateNode;
+  var props = workInProgress.pendingProps;
+  var unmaskedContext = getUnmaskedContext(workInProgress);
 
-      if (
-        debugRenderPhaseSideEffects ||
-        (debugRenderPhaseSideEffectsForStrictMode &&
-          workInProgress.mode & StrictMode)
-      ) {
-        // Invoke method an extra time to help detect side-effects.
-        type.getDerivedStateFromProps.call(
-          null,
-          props,
-          workInProgress.memoizedState
-        );
-      }
+  instance.props = props;
+  instance.state = workInProgress.memoizedState;
+  instance.refs = emptyObject;
+  instance.context = getMaskedContext(workInProgress, unmaskedContext);
 
-      var partialState = type.getDerivedStateFromProps.call(
-        null,
-        props,
-        workInProgress.memoizedState
+  {
+    if (workInProgress.mode & StrictMode) {
+      ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
+        workInProgress,
+        instance
       );
 
-      {
-        if (partialState === undefined) {
-          var _componentName = getComponentName(workInProgress) || "Unknown";
-          if (!didWarnAboutUndefinedDerivedState[_componentName]) {
-            warning(
-              false,
-              "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. " +
-                "You have returned undefined.",
-              _componentName
-            );
-            didWarnAboutUndefinedDerivedState[_componentName] = _componentName;
-          }
-        }
-      }
-
-      return partialState;
+      ReactStrictModeWarnings.recordLegacyContextWarning(
+        workInProgress,
+        instance
+      );
     }
-  }
 
-  // Invokes the mount life-cycles on a previously never rendered instance.
-  function mountClassInstance(workInProgress, renderExpirationTime) {
-    var ctor = workInProgress.type;
-    var current = workInProgress.alternate;
-
-    {
-      checkClassInstance(workInProgress);
+    if (warnAboutDeprecatedLifecycles) {
+      ReactStrictModeWarnings.recordDeprecationWarnings(
+        workInProgress,
+        instance
+      );
     }
+  }
 
-    var instance = workInProgress.stateNode;
-    var props = workInProgress.pendingProps;
-    var unmaskedContext = getUnmaskedContext(workInProgress);
-
-    instance.props = props;
+  var updateQueue = workInProgress.updateQueue;
+  if (updateQueue !== null) {
+    processUpdateQueue(
+      workInProgress,
+      updateQueue,
+      props,
+      instance,
+      renderExpirationTime
+    );
     instance.state = workInProgress.memoizedState;
-    instance.refs = emptyObject;
-    instance.context = getMaskedContext(workInProgress, unmaskedContext);
+  }
 
-    {
-      if (workInProgress.mode & StrictMode) {
-        ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
-          workInProgress,
-          instance
-        );
-      }
+  var getDerivedStateFromProps = workInProgress.type.getDerivedStateFromProps;
+  if (typeof getDerivedStateFromProps === "function") {
+    applyDerivedStateFromProps(workInProgress, getDerivedStateFromProps, props);
+    instance.state = workInProgress.memoizedState;
+  }
 
-      if (warnAboutDeprecatedLifecycles) {
-        ReactStrictModeWarnings.recordDeprecationWarnings(
-          workInProgress,
-          instance
-        );
-      }
+  // In order to support react-lifecycles-compat polyfilled components,
+  // Unsafe lifecycles should not be invoked for components using the new APIs.
+  if (
+    typeof ctor.getDerivedStateFromProps !== "function" &&
+    typeof instance.getSnapshotBeforeUpdate !== "function" &&
+    (typeof instance.UNSAFE_componentWillMount === "function" ||
+      typeof instance.componentWillMount === "function")
+  ) {
+    callComponentWillMount(workInProgress, instance);
+    // If we had additional state updates during this life-cycle, let's
+    // process them now.
+    updateQueue = workInProgress.updateQueue;
+    if (updateQueue !== null) {
+      processUpdateQueue(
+        workInProgress,
+        updateQueue,
+        props,
+        instance,
+        renderExpirationTime
+      );
+      instance.state = workInProgress.memoizedState;
     }
+  }
 
-    // In order to support react-lifecycles-compat polyfilled components,
-    // Unsafe lifecycles should not be invoked for any component with the new gDSFP.
-    if (
-      (typeof instance.UNSAFE_componentWillMount === "function" ||
-        typeof instance.componentWillMount === "function") &&
-      typeof ctor.getDerivedStateFromProps !== "function"
-    ) {
-      callComponentWillMount(workInProgress, instance);
-      // If we had additional state updates during this life-cycle, let's
-      // process them now.
-      var updateQueue = workInProgress.updateQueue;
-      if (updateQueue !== null) {
-        instance.state = processUpdateQueue(
-          current,
-          workInProgress,
-          updateQueue,
-          instance,
-          props,
-          renderExpirationTime
-        );
-      }
-    }
-    if (typeof instance.componentDidMount === "function") {
-      workInProgress.effectTag |= Update;
-    }
+  if (typeof instance.componentDidMount === "function") {
+    workInProgress.effectTag |= Update;
   }
+}
 
-  function resumeMountClassInstance(workInProgress, renderExpirationTime) {
-    var ctor = workInProgress.type;
-    var instance = workInProgress.stateNode;
-    resetInputPointers(workInProgress, instance);
+function resumeMountClassInstance(workInProgress, renderExpirationTime) {
+  var ctor = workInProgress.type;
+  var instance = workInProgress.stateNode;
 
-    var oldProps = workInProgress.memoizedProps;
-    var newProps = workInProgress.pendingProps;
-    var oldContext = instance.context;
-    var newUnmaskedContext = getUnmaskedContext(workInProgress);
-    var newContext = getMaskedContext(workInProgress, newUnmaskedContext);
+  var oldProps = workInProgress.memoizedProps;
+  var newProps = workInProgress.pendingProps;
+  instance.props = oldProps;
 
-    // Note: During these life-cycles, instance.props/instance.state are what
-    // ever the previously attempted to render - not the "current". However,
-    // during componentDidUpdate we pass the "current" props.
+  var oldContext = instance.context;
+  var newUnmaskedContext = getUnmaskedContext(workInProgress);
+  var newContext = getMaskedContext(workInProgress, newUnmaskedContext);
 
-    // In order to support react-lifecycles-compat polyfilled components,
-    // Unsafe lifecycles should not be invoked for any component with the new gDSFP.
-    if (
-      (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
-        typeof instance.componentWillReceiveProps === "function") &&
-      typeof ctor.getDerivedStateFromProps !== "function"
-    ) {
-      if (oldProps !== newProps || oldContext !== newContext) {
-        callComponentWillReceiveProps(
-          workInProgress,
-          instance,
-          newProps,
-          newContext
-        );
-      }
-    }
+  var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+  var hasNewLifecycles =
+    typeof getDerivedStateFromProps === "function" ||
+    typeof instance.getSnapshotBeforeUpdate === "function";
 
-    var derivedStateFromProps = void 0;
-    if (oldProps !== newProps) {
-      derivedStateFromProps = callGetDerivedStateFromProps(
-        workInProgress,
-        instance,
-        newProps
-      );
-    }
+  // Note: During these life-cycles, instance.props/instance.state are what
+  // ever the previously attempted to render - not the "current". However,
+  // during componentDidUpdate we pass the "current" props.
 
-    // Compute the next state using the memoized state and the update queue.
-    var oldState = workInProgress.memoizedState;
-    // TODO: Previous state can be null.
-    var newState = void 0;
-    var derivedStateFromCatch = void 0;
-    if (workInProgress.updateQueue !== null) {
-      newState = processUpdateQueue(
-        null,
+  // In order to support react-lifecycles-compat polyfilled components,
+  // Unsafe lifecycles should not be invoked for components using the new APIs.
+  if (
+    !hasNewLifecycles &&
+    (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
+      typeof instance.componentWillReceiveProps === "function")
+  ) {
+    if (oldProps !== newProps || oldContext !== newContext) {
+      callComponentWillReceiveProps(
         workInProgress,
-        workInProgress.updateQueue,
         instance,
         newProps,
-        renderExpirationTime
+        newContext
       );
-
-      var updateQueue = workInProgress.updateQueue;
-      if (
-        updateQueue !== null &&
-        updateQueue.capturedValues !== null &&
-        enableGetDerivedStateFromCatch &&
-        typeof ctor.getDerivedStateFromCatch === "function"
-      ) {
-        var capturedValues = updateQueue.capturedValues;
-        // Don't remove these from the update queue yet. We need them in
-        // finishClassComponent. Do the reset there.
-        // TODO: This is awkward. Refactor class components.
-        // updateQueue.capturedValues = null;
-        derivedStateFromCatch = callGetDerivedStateFromCatch(
-          ctor,
-          capturedValues
-        );
-      }
-    } else {
-      newState = oldState;
     }
+  }
 
-    if (derivedStateFromProps !== null && derivedStateFromProps !== undefined) {
-      // Render-phase updates (like this) should not be added to the update queue,
-      // So that multiple render passes do not enqueue multiple updates.
-      // Instead, just synchronously merge the returned state into the instance.
-      newState =
-        newState === null || newState === undefined
-          ? derivedStateFromProps
-          : Object.assign({}, newState, derivedStateFromProps);
-    }
-    if (derivedStateFromCatch !== null && derivedStateFromCatch !== undefined) {
-      // Render-phase updates (like this) should not be added to the update queue,
-      // So that multiple render passes do not enqueue multiple updates.
-      // Instead, just synchronously merge the returned state into the instance.
-      newState =
-        newState === null || newState === undefined
-          ? derivedStateFromCatch
-          : Object.assign({}, newState, derivedStateFromCatch);
-    }
+  resetHasForceUpdateBeforeProcessing();
 
-    if (
-      oldProps === newProps &&
-      oldState === newState &&
-      !hasContextChanged() &&
-      !(
-        workInProgress.updateQueue !== null &&
-        workInProgress.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.componentDidMount === "function") {
-        workInProgress.effectTag |= Update;
-      }
-      return false;
+  var oldState = workInProgress.memoizedState;
+  var newState = (instance.state = oldState);
+  var updateQueue = workInProgress.updateQueue;
+  if (updateQueue !== null) {
+    processUpdateQueue(
+      workInProgress,
+      updateQueue,
+      newProps,
+      instance,
+      renderExpirationTime
+    );
+    newState = workInProgress.memoizedState;
+  }
+  if (
+    oldProps === newProps &&
+    oldState === newState &&
+    !hasContextChanged() &&
+    !checkHasForceUpdateAfterProcessing()
+  ) {
+    // 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.componentDidMount === "function") {
+      workInProgress.effectTag |= Update;
     }
+    return false;
+  }
+
+  if (typeof getDerivedStateFromProps === "function") {
+    applyDerivedStateFromProps(
+      workInProgress,
+      getDerivedStateFromProps,
+      newProps
+    );
+    newState = workInProgress.memoizedState;
+  }
 
-    var shouldUpdate = checkShouldComponentUpdate(
+  var shouldUpdate =
+    checkHasForceUpdateAfterProcessing() ||
+    checkShouldComponentUpdate(
       workInProgress,
       oldProps,
       newProps,
@@ -7083,168 +7905,142 @@ var ReactFiberClassComponent = function(
       newContext
     );
 
-    if (shouldUpdate) {
-      // In order to support react-lifecycles-compat polyfilled components,
-      // Unsafe lifecycles should not be invoked for any component with the new gDSFP.
-      if (
-        (typeof instance.UNSAFE_componentWillUpdate === "function" ||
-          typeof instance.componentWillUpdate === "function") &&
-        typeof ctor.getDerivedStateFromProps !== "function"
-      ) {
-        startPhaseTimer(workInProgress, "componentWillUpdate");
-        if (typeof instance.componentWillUpdate === "function") {
-          instance.componentWillUpdate(newProps, newState, newContext);
-        }
-        if (typeof instance.UNSAFE_componentWillUpdate === "function") {
-          instance.UNSAFE_componentWillUpdate(newProps, newState, newContext);
-        }
-        stopPhaseTimer();
-      }
-      if (typeof instance.componentDidUpdate === "function") {
-        workInProgress.effectTag |= Update;
+  if (shouldUpdate) {
+    // In order to support react-lifecycles-compat polyfilled components,
+    // Unsafe lifecycles should not be invoked for components using the new APIs.
+    if (
+      !hasNewLifecycles &&
+      (typeof instance.UNSAFE_componentWillMount === "function" ||
+        typeof instance.componentWillMount === "function")
+    ) {
+      startPhaseTimer(workInProgress, "componentWillMount");
+      if (typeof instance.componentWillMount === "function") {
+        instance.componentWillMount();
       }
-    } else {
-      // 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.componentDidMount === "function") {
-        workInProgress.effectTag |= Update;
+      if (typeof instance.UNSAFE_componentWillMount === "function") {
+        instance.UNSAFE_componentWillMount();
       }
-
-      // If shouldComponentUpdate returned false, we should still update the
-      // memoized props/state to indicate that this work can be reused.
-      memoizeProps(workInProgress, newProps);
-      memoizeState(workInProgress, newState);
+      stopPhaseTimer();
+    }
+    if (typeof instance.componentDidMount === "function") {
+      workInProgress.effectTag |= Update;
+    }
+  } else {
+    // 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.componentDidMount === "function") {
+      workInProgress.effectTag |= Update;
     }
 
-    // Update the existing instance's state, props, and context pointers even
-    // if shouldComponentUpdate returns false.
-    instance.props = newProps;
-    instance.state = newState;
-    instance.context = newContext;
-
-    return shouldUpdate;
+    // If shouldComponentUpdate returned false, we should still update the
+    // memoized state to indicate that this work can be reused.
+    workInProgress.memoizedProps = newProps;
+    workInProgress.memoizedState = newState;
   }
 
-  // Invokes the update life-cycles and returns false if it shouldn't rerender.
-  function updateClassInstance(current, workInProgress, renderExpirationTime) {
-    var ctor = workInProgress.type;
-    var instance = workInProgress.stateNode;
-    resetInputPointers(workInProgress, instance);
+  // Update the existing instance's state, props, and context pointers even
+  // if shouldComponentUpdate returns false.
+  instance.props = newProps;
+  instance.state = newState;
+  instance.context = newContext;
 
-    var oldProps = workInProgress.memoizedProps;
-    var newProps = workInProgress.pendingProps;
-    var oldContext = instance.context;
-    var newUnmaskedContext = getUnmaskedContext(workInProgress);
-    var newContext = getMaskedContext(workInProgress, newUnmaskedContext);
+  return shouldUpdate;
+}
 
-    // Note: During these life-cycles, instance.props/instance.state are what
-    // ever the previously attempted to render - not the "current". However,
-    // during componentDidUpdate we pass the "current" props.
+// Invokes the update life-cycles and returns false if it shouldn't rerender.
+function updateClassInstance(current, workInProgress, renderExpirationTime) {
+  var ctor = workInProgress.type;
+  var instance = workInProgress.stateNode;
 
-    // In order to support react-lifecycles-compat polyfilled components,
-    // Unsafe lifecycles should not be invoked for any component with the new gDSFP.
-    if (
-      (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
-        typeof instance.componentWillReceiveProps === "function") &&
-      typeof ctor.getDerivedStateFromProps !== "function"
-    ) {
-      if (oldProps !== newProps || oldContext !== newContext) {
-        callComponentWillReceiveProps(
-          workInProgress,
-          instance,
-          newProps,
-          newContext
-        );
-      }
-    }
+  var oldProps = workInProgress.memoizedProps;
+  var newProps = workInProgress.pendingProps;
+  instance.props = oldProps;
 
-    var derivedStateFromProps = void 0;
-    if (oldProps !== newProps) {
-      derivedStateFromProps = callGetDerivedStateFromProps(
-        workInProgress,
-        instance,
-        newProps
-      );
-    }
+  var oldContext = instance.context;
+  var newUnmaskedContext = getUnmaskedContext(workInProgress);
+  var newContext = getMaskedContext(workInProgress, newUnmaskedContext);
 
-    // Compute the next state using the memoized state and the update queue.
-    var oldState = workInProgress.memoizedState;
-    // TODO: Previous state can be null.
-    var newState = void 0;
-    var derivedStateFromCatch = void 0;
-    if (workInProgress.updateQueue !== null) {
-      newState = processUpdateQueue(
-        current,
+  var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+  var hasNewLifecycles =
+    typeof getDerivedStateFromProps === "function" ||
+    typeof instance.getSnapshotBeforeUpdate === "function";
+
+  // Note: During these life-cycles, instance.props/instance.state are what
+  // ever the previously attempted to render - not the "current". However,
+  // during componentDidUpdate we pass the "current" props.
+
+  // In order to support react-lifecycles-compat polyfilled components,
+  // Unsafe lifecycles should not be invoked for components using the new APIs.
+  if (
+    !hasNewLifecycles &&
+    (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
+      typeof instance.componentWillReceiveProps === "function")
+  ) {
+    if (oldProps !== newProps || oldContext !== newContext) {
+      callComponentWillReceiveProps(
         workInProgress,
-        workInProgress.updateQueue,
         instance,
         newProps,
-        renderExpirationTime
+        newContext
       );
+    }
+  }
 
-      var updateQueue = workInProgress.updateQueue;
+  resetHasForceUpdateBeforeProcessing();
+
+  var oldState = workInProgress.memoizedState;
+  var newState = (instance.state = oldState);
+  var updateQueue = workInProgress.updateQueue;
+  if (updateQueue !== null) {
+    processUpdateQueue(
+      workInProgress,
+      updateQueue,
+      newProps,
+      instance,
+      renderExpirationTime
+    );
+    newState = workInProgress.memoizedState;
+  }
+
+  if (
+    oldProps === newProps &&
+    oldState === newState &&
+    !hasContextChanged() &&
+    !checkHasForceUpdateAfterProcessing()
+  ) {
+    // 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 (
-        updateQueue !== null &&
-        updateQueue.capturedValues !== null &&
-        enableGetDerivedStateFromCatch &&
-        typeof ctor.getDerivedStateFromCatch === "function"
+        oldProps !== current.memoizedProps ||
+        oldState !== current.memoizedState
       ) {
-        var capturedValues = updateQueue.capturedValues;
-        // Don't remove these from the update queue yet. We need them in
-        // finishClassComponent. Do the reset there.
-        // TODO: This is awkward. Refactor class components.
-        // updateQueue.capturedValues = null;
-        derivedStateFromCatch = callGetDerivedStateFromCatch(
-          ctor,
-          capturedValues
-        );
+        workInProgress.effectTag |= Update;
       }
-    } else {
-      newState = oldState;
-    }
-
-    if (derivedStateFromProps !== null && derivedStateFromProps !== undefined) {
-      // Render-phase updates (like this) should not be added to the update queue,
-      // So that multiple render passes do not enqueue multiple updates.
-      // Instead, just synchronously merge the returned state into the instance.
-      newState =
-        newState === null || newState === undefined
-          ? derivedStateFromProps
-          : Object.assign({}, newState, derivedStateFromProps);
-    }
-    if (derivedStateFromCatch !== null && derivedStateFromCatch !== undefined) {
-      // Render-phase updates (like this) should not be added to the update queue,
-      // So that multiple render passes do not enqueue multiple updates.
-      // Instead, just synchronously merge the returned state into the instance.
-      newState =
-        newState === null || newState === undefined
-          ? derivedStateFromCatch
-          : Object.assign({}, newState, derivedStateFromCatch);
     }
-
-    if (
-      oldProps === newProps &&
-      oldState === newState &&
-      !hasContextChanged() &&
-      !(
-        workInProgress.updateQueue !== null &&
-        workInProgress.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
-        ) {
-          workInProgress.effectTag |= Update;
-        }
+    if (typeof instance.getSnapshotBeforeUpdate === "function") {
+      if (
+        oldProps !== current.memoizedProps ||
+        oldState !== current.memoizedState
+      ) {
+        workInProgress.effectTag |= Snapshot;
       }
-      return false;
     }
+    return false;
+  }
+
+  if (typeof getDerivedStateFromProps === "function") {
+    applyDerivedStateFromProps(
+      workInProgress,
+      getDerivedStateFromProps,
+      newProps
+    );
+    newState = workInProgress.memoizedState;
+  }
 
-    var shouldUpdate = checkShouldComponentUpdate(
+  var shouldUpdate =
+    checkHasForceUpdateAfterProcessing() ||
+    checkShouldComponentUpdate(
       workInProgress,
       oldProps,
       newProps,
@@ -7253,64 +8049,65 @@ var ReactFiberClassComponent = function(
       newContext
     );
 
-    if (shouldUpdate) {
-      // In order to support react-lifecycles-compat polyfilled components,
-      // Unsafe lifecycles should not be invoked for any component with the new gDSFP.
+  if (shouldUpdate) {
+    // In order to support react-lifecycles-compat polyfilled components,
+    // Unsafe lifecycles should not be invoked for components using the new APIs.
+    if (
+      !hasNewLifecycles &&
+      (typeof instance.UNSAFE_componentWillUpdate === "function" ||
+        typeof instance.componentWillUpdate === "function")
+    ) {
+      startPhaseTimer(workInProgress, "componentWillUpdate");
+      if (typeof instance.componentWillUpdate === "function") {
+        instance.componentWillUpdate(newProps, newState, newContext);
+      }
+      if (typeof instance.UNSAFE_componentWillUpdate === "function") {
+        instance.UNSAFE_componentWillUpdate(newProps, newState, newContext);
+      }
+      stopPhaseTimer();
+    }
+    if (typeof instance.componentDidUpdate === "function") {
+      workInProgress.effectTag |= Update;
+    }
+    if (typeof instance.getSnapshotBeforeUpdate === "function") {
+      workInProgress.effectTag |= Snapshot;
+    }
+  } else {
+    // 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 (
-        (typeof instance.UNSAFE_componentWillUpdate === "function" ||
-          typeof instance.componentWillUpdate === "function") &&
-        typeof ctor.getDerivedStateFromProps !== "function"
+        oldProps !== current.memoizedProps ||
+        oldState !== current.memoizedState
       ) {
-        startPhaseTimer(workInProgress, "componentWillUpdate");
-        if (typeof instance.componentWillUpdate === "function") {
-          instance.componentWillUpdate(newProps, newState, newContext);
-        }
-        if (typeof instance.UNSAFE_componentWillUpdate === "function") {
-          instance.UNSAFE_componentWillUpdate(newProps, newState, newContext);
-        }
-        stopPhaseTimer();
-      }
-      if (typeof instance.componentDidUpdate === "function") {
         workInProgress.effectTag |= Update;
       }
-    } else {
-      // 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
-        ) {
-          workInProgress.effectTag |= Update;
-        }
+    }
+    if (typeof instance.getSnapshotBeforeUpdate === "function") {
+      if (
+        oldProps !== current.memoizedProps ||
+        oldState !== current.memoizedState
+      ) {
+        workInProgress.effectTag |= Snapshot;
       }
-
-      // If shouldComponentUpdate returned false, we should still update the
-      // memoized props/state to indicate that this work can be reused.
-      memoizeProps(workInProgress, newProps);
-      memoizeState(workInProgress, newState);
     }
 
-    // Update the existing instance's state, props, and context pointers even
-    // if shouldComponentUpdate returns false.
-    instance.props = newProps;
-    instance.state = newState;
-    instance.context = newContext;
-
-    return shouldUpdate;
+    // If shouldComponentUpdate returned false, we should still update the
+    // memoized props/state to indicate that this work can be reused.
+    workInProgress.memoizedProps = newProps;
+    workInProgress.memoizedState = newState;
   }
 
-  return {
-    adoptClassInstance: adoptClassInstance,
-    callGetDerivedStateFromProps: callGetDerivedStateFromProps,
-    constructClassInstance: constructClassInstance,
-    mountClassInstance: mountClassInstance,
-    resumeMountClassInstance: resumeMountClassInstance,
-    updateClassInstance: updateClassInstance
-  };
-};
+  // Update the existing instance's state, props, and context pointers even
+  // if shouldComponentUpdate returns false.
+  instance.props = newProps;
+  instance.state = newState;
+  instance.context = newContext;
 
-var getCurrentFiberStackAddendum$1 =
+  return shouldUpdate;
+}
+
+var getCurrentFiberStackAddendum$2 =
   ReactDebugCurrentFiber.getCurrentFiberStackAddendum;
 
 var didWarnAboutMaps = void 0;
@@ -7349,7 +8146,7 @@ var warnForMissingKey = function(child) {};
       "Each child in an array or iterator should have a unique " +
       '"key" prop. See https://fb.me/react-warning-keys for ' +
       "more information." +
-      (getCurrentFiberStackAddendum$1() || "");
+      (getCurrentFiberStackAddendum$2() || "");
     if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
       return;
     }
@@ -7360,7 +8157,7 @@ var warnForMissingKey = function(child) {};
       "Each child in an array or iterator should have a unique " +
         '"key" prop. See https://fb.me/react-warning-keys for ' +
         "more information.%s",
-      getCurrentFiberStackAddendum$1()
+      getCurrentFiberStackAddendum$2()
     );
   };
 }
@@ -7416,6 +8213,7 @@ function coerceRef(returnFiber, current, element) {
       if (
         current !== null &&
         current.ref !== null &&
+        typeof current.ref === "function" &&
         current.ref._stringRef === stringRef
       ) {
         return current.ref;
@@ -7457,7 +8255,7 @@ function throwOnInvalidObjectType(returnFiber, newChild) {
       addendum =
         " If you meant to render a collection of children, use an array " +
         "instead." +
-        (getCurrentFiberStackAddendum$1() || "");
+        (getCurrentFiberStackAddendum$2() || "");
     }
     invariant(
       false,
@@ -7475,7 +8273,7 @@ function warnOnFunctionType() {
     "Functions are not valid as a React child. This may happen if " +
     "you return a Component instead of <Component /> from render. " +
     "Or maybe you meant to call this function rather than return it." +
-    (getCurrentFiberStackAddendum$1() || "");
+    (getCurrentFiberStackAddendum$2() || "");
 
   if (ownerHasFunctionTypeWarning[currentComponentErrorInfo]) {
     return;
@@ -7487,7 +8285,7 @@ function warnOnFunctionType() {
     "Functions are not valid as a React child. This may happen if " +
       "you return a Component instead of <Component /> from render. " +
       "Or maybe you meant to call this function rather than return it.%s",
-    getCurrentFiberStackAddendum$1() || ""
+    getCurrentFiberStackAddendum$2() || ""
   );
 }
 
@@ -7600,12 +8398,12 @@ function ChildReconciler(shouldTrackSideEffects) {
         returnFiber.mode,
         expirationTime
       );
-      created["return"] = returnFiber;
+      created.return = returnFiber;
       return created;
     } else {
       // Update
       var existing = useFiber(current, textContent, expirationTime);
-      existing["return"] = returnFiber;
+      existing.return = returnFiber;
       return existing;
     }
   }
@@ -7615,7 +8413,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       // Move based on index
       var existing = useFiber(current, element.props, expirationTime);
       existing.ref = coerceRef(returnFiber, current, element);
-      existing["return"] = returnFiber;
+      existing.return = returnFiber;
       {
         existing._debugSource = element._source;
         existing._debugOwner = element._owner;
@@ -7629,7 +8427,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         expirationTime
       );
       created.ref = coerceRef(returnFiber, current, element);
-      created["return"] = returnFiber;
+      created.return = returnFiber;
       return created;
     }
   }
@@ -7647,12 +8445,12 @@ function ChildReconciler(shouldTrackSideEffects) {
         returnFiber.mode,
         expirationTime
       );
-      created["return"] = returnFiber;
+      created.return = returnFiber;
       return created;
     } else {
       // Update
       var existing = useFiber(current, portal.children || [], expirationTime);
-      existing["return"] = returnFiber;
+      existing.return = returnFiber;
       return existing;
     }
   }
@@ -7666,12 +8464,12 @@ function ChildReconciler(shouldTrackSideEffects) {
         expirationTime,
         key
       );
-      created["return"] = returnFiber;
+      created.return = returnFiber;
       return created;
     } else {
       // Update
       var existing = useFiber(current, fragment, expirationTime);
-      existing["return"] = returnFiber;
+      existing.return = returnFiber;
       return existing;
     }
   }
@@ -7686,7 +8484,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         returnFiber.mode,
         expirationTime
       );
-      created["return"] = returnFiber;
+      created.return = returnFiber;
       return created;
     }
 
@@ -7699,7 +8497,7 @@ function ChildReconciler(shouldTrackSideEffects) {
             expirationTime
           );
           _created.ref = coerceRef(returnFiber, null, newChild);
-          _created["return"] = returnFiber;
+          _created.return = returnFiber;
           return _created;
         }
         case REACT_PORTAL_TYPE: {
@@ -7708,7 +8506,7 @@ function ChildReconciler(shouldTrackSideEffects) {
             returnFiber.mode,
             expirationTime
           );
-          _created2["return"] = returnFiber;
+          _created2.return = returnFiber;
           return _created2;
         }
       }
@@ -7720,7 +8518,7 @@ function ChildReconciler(shouldTrackSideEffects) {
           expirationTime,
           null
         );
-        _created3["return"] = returnFiber;
+        _created3.return = returnFiber;
         return _created3;
       }
 
@@ -7931,7 +8729,7 @@ function ChildReconciler(shouldTrackSideEffects) {
               "duplicated and/or omitted — the behavior is unsupported and " +
               "could change in a future version.%s",
             key,
-            getCurrentFiberStackAddendum$1()
+            getCurrentFiberStackAddendum$2()
           );
           break;
         default:
@@ -8076,7 +8874,7 @@ function ChildReconciler(shouldTrackSideEffects) {
             // current, that means that we reused the fiber. We need to delete
             // it from the child list so that we don't add it to the deletion
             // list.
-            existingChildren["delete"](
+            existingChildren.delete(
               _newFiber2.key === null ? newIdx : _newFiber2.key
             );
           }
@@ -8120,18 +8918,17 @@ function ChildReconciler(shouldTrackSideEffects) {
 
     {
       // Warn about using Maps as children
-      if (typeof newChildrenIterable.entries === "function") {
-        var possibleMap = newChildrenIterable;
-        if (possibleMap.entries === iteratorFn) {
-          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",
-            getCurrentFiberStackAddendum$1()
-          );
-          didWarnAboutMaps = true;
-        }
+      if (newChildrenIterable.entries === iteratorFn) {
+        !didWarnAboutMaps
+          ? warning(
+              false,
+              "Using Maps as children is unsupported and will likely yield " +
+                "unexpected results. Convert it to a sequence/iterable of keyed " +
+                "ReactElements instead.%s",
+              getCurrentFiberStackAddendum$2()
+            )
+          : void 0;
+        didWarnAboutMaps = true;
       }
 
       // First, validate keys.
@@ -8253,7 +9050,7 @@ function ChildReconciler(shouldTrackSideEffects) {
             // current, that means that we reused the fiber. We need to delete
             // it from the child list so that we don't add it to the deletion
             // list.
-            existingChildren["delete"](
+            existingChildren.delete(
               _newFiber4.key === null ? newIdx : _newFiber4.key
             );
           }
@@ -8292,7 +9089,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       // the rest.
       deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
       var existing = useFiber(currentFirstChild, textContent, expirationTime);
-      existing["return"] = returnFiber;
+      existing.return = returnFiber;
       return existing;
     }
     // The existing first child is not a text node so we need to create one
@@ -8303,7 +9100,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       returnFiber.mode,
       expirationTime
     );
-    created["return"] = returnFiber;
+    created.return = returnFiber;
     return created;
   }
 
@@ -8333,7 +9130,7 @@ function ChildReconciler(shouldTrackSideEffects) {
             expirationTime
           );
           existing.ref = coerceRef(returnFiber, child, element);
-          existing["return"] = returnFiber;
+          existing.return = returnFiber;
           {
             existing._debugSource = element._source;
             existing._debugOwner = element._owner;
@@ -8356,7 +9153,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         expirationTime,
         element.key
       );
-      created["return"] = returnFiber;
+      created.return = returnFiber;
       return created;
     } else {
       var _created4 = createFiberFromElement(
@@ -8365,7 +9162,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         expirationTime
       );
       _created4.ref = coerceRef(returnFiber, currentFirstChild, element);
-      _created4["return"] = returnFiber;
+      _created4.return = returnFiber;
       return _created4;
     }
   }
@@ -8389,7 +9186,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         ) {
           deleteRemainingChildren(returnFiber, child.sibling);
           var existing = useFiber(child, portal.children || [], expirationTime);
-          existing["return"] = returnFiber;
+          existing.return = returnFiber;
           return existing;
         } else {
           deleteRemainingChildren(returnFiber, child);
@@ -8406,7 +9203,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       returnFiber.mode,
       expirationTime
     );
-    created["return"] = returnFiber;
+    created.return = returnFiber;
     return created;
   }
 
@@ -8427,12 +9224,12 @@ function ChildReconciler(shouldTrackSideEffects) {
     // Handle top level unkeyed fragments as if they were arrays.
     // This leads to an ambiguity between <>{[...]}</> and <>...</>.
     // We treat the ambiguous cases above the same.
-    if (
+    var isUnkeyedTopLevelFragment =
       typeof newChild === "object" &&
       newChild !== null &&
       newChild.type === REACT_FRAGMENT_TYPE &&
-      newChild.key === null
-    ) {
+      newChild.key === null;
+    if (isUnkeyedTopLevelFragment) {
       newChild = newChild.props.children;
     }
 
@@ -8500,7 +9297,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         warnOnFunctionType();
       }
     }
-    if (typeof newChild === "undefined") {
+    if (typeof newChild === "undefined" && !isUnkeyedTopLevelFragment) {
       // If the new child is undefined, and the return fiber is a composite
       // component, throw an error. If Fiber return types are disabled,
       // we already threw above.
@@ -8558,7 +9355,7 @@ function cloneChildFibers(current, workInProgress) {
   );
   workInProgress.child = newChild;
 
-  newChild["return"] = workInProgress;
+  newChild.return = workInProgress;
   while (currentChild.sibling !== null) {
     currentChild = currentChild.sibling;
     newChild = newChild.sibling = createWorkInProgress(
@@ -8566,76 +9363,331 @@ function cloneChildFibers(current, workInProgress) {
       currentChild.pendingProps,
       currentChild.expirationTime
     );
-    newChild["return"] = workInProgress;
+    newChild.return = workInProgress;
   }
   newChild.sibling = null;
 }
 
-var changedBitsStack = [];
-var currentValueStack = [];
-var stack = [];
-var index$1 = -1;
+// The deepest Fiber on the stack involved in a hydration context.
+// This may have been an insertion or a hydration.
+var hydrationParentFiber = null;
+var nextHydratableInstance = null;
+var isHydrating = false;
 
-var rendererSigil = void 0;
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
+function enterHydrationState(fiber) {
+  if (!supportsHydration) {
+    return false;
+  }
+
+  var parentInstance = fiber.stateNode.containerInfo;
+  nextHydratableInstance = getFirstHydratableChild(parentInstance);
+  hydrationParentFiber = fiber;
+  isHydrating = true;
+  return true;
+}
+
+function deleteHydratableInstance(returnFiber, instance) {
+  {
+    switch (returnFiber.tag) {
+      case HostRoot:
+        didNotHydrateContainerInstance(
+          returnFiber.stateNode.containerInfo,
+          instance
+        );
+        break;
+      case HostComponent:
+        didNotHydrateInstance(
+          returnFiber.type,
+          returnFiber.memoizedProps,
+          returnFiber.stateNode,
+          instance
+        );
+        break;
+    }
+  }
+
+  var childToDelete = createFiberFromHostInstanceForDeletion();
+  childToDelete.stateNode = instance;
+  childToDelete.return = returnFiber;
+  childToDelete.effectTag = Deletion;
+
+  // This might seem like it belongs on progressedFirstDeletion. However,
+  // these children are not part of the reconciliation list of children.
+  // Even if we abort and rereconcile the children, that will try to hydrate
+  // again and the nodes are still in the host tree so these will be
+  // recreated.
+  if (returnFiber.lastEffect !== null) {
+    returnFiber.lastEffect.nextEffect = childToDelete;
+    returnFiber.lastEffect = childToDelete;
+  } else {
+    returnFiber.firstEffect = returnFiber.lastEffect = childToDelete;
+  }
+}
+
+function insertNonHydratedInstance(returnFiber, fiber) {
+  fiber.effectTag |= Placement;
+  {
+    switch (returnFiber.tag) {
+      case HostRoot: {
+        var parentContainer = returnFiber.stateNode.containerInfo;
+        switch (fiber.tag) {
+          case HostComponent:
+            var type = fiber.type;
+            var props = fiber.pendingProps;
+            didNotFindHydratableContainerInstance(parentContainer, type, props);
+            break;
+          case HostText:
+            var text = fiber.pendingProps;
+            didNotFindHydratableContainerTextInstance(parentContainer, text);
+            break;
+        }
+        break;
+      }
+      case HostComponent: {
+        var parentType = returnFiber.type;
+        var parentProps = returnFiber.memoizedProps;
+        var parentInstance = returnFiber.stateNode;
+        switch (fiber.tag) {
+          case HostComponent:
+            var _type = fiber.type;
+            var _props = fiber.pendingProps;
+            didNotFindHydratableInstance(
+              parentType,
+              parentProps,
+              parentInstance,
+              _type,
+              _props
+            );
+            break;
+          case HostText:
+            var _text = fiber.pendingProps;
+            didNotFindHydratableTextInstance(
+              parentType,
+              parentProps,
+              parentInstance,
+              _text
+            );
+            break;
+        }
+        break;
+      }
+      default:
+        return;
+    }
+  }
+}
+
+function tryHydrate(fiber, nextInstance) {
+  switch (fiber.tag) {
+    case HostComponent: {
+      var type = fiber.type;
+      var props = fiber.pendingProps;
+      var instance = canHydrateInstance(nextInstance, type, props);
+      if (instance !== null) {
+        fiber.stateNode = instance;
+        return true;
+      }
+      return false;
+    }
+    case HostText: {
+      var text = fiber.pendingProps;
+      var textInstance = canHydrateTextInstance(nextInstance, text);
+      if (textInstance !== null) {
+        fiber.stateNode = textInstance;
+        return true;
+      }
+      return false;
+    }
+    default:
+      return false;
+  }
+}
+
+function tryToClaimNextHydratableInstance(fiber) {
+  if (!isHydrating) {
+    return;
+  }
+  var nextInstance = nextHydratableInstance;
+  if (!nextInstance) {
+    // Nothing to hydrate. Make it an insertion.
+    insertNonHydratedInstance(hydrationParentFiber, fiber);
+    isHydrating = false;
+    hydrationParentFiber = fiber;
+    return;
+  }
+  var firstAttemptedInstance = nextInstance;
+  if (!tryHydrate(fiber, nextInstance)) {
+    // If we can't hydrate this instance let's try the next one.
+    // We use this as a heuristic. It's based on intuition and not data so it
+    // might be flawed or unnecessary.
+    nextInstance = getNextHydratableSibling(firstAttemptedInstance);
+    if (!nextInstance || !tryHydrate(fiber, nextInstance)) {
+      // Nothing to hydrate. Make it an insertion.
+      insertNonHydratedInstance(hydrationParentFiber, fiber);
+      isHydrating = false;
+      hydrationParentFiber = fiber;
+      return;
+    }
+    // We matched the next one, we'll now assume that the first one was
+    // superfluous and we'll delete it. Since we can't eagerly delete it
+    // we'll have to schedule a deletion. To do that, this node needs a dummy
+    // fiber associated with it.
+    deleteHydratableInstance(hydrationParentFiber, firstAttemptedInstance);
+  }
+  hydrationParentFiber = fiber;
+  nextHydratableInstance = getFirstHydratableChild(nextInstance);
+}
+
+function prepareToHydrateHostInstance(
+  fiber,
+  rootContainerInstance,
+  hostContext
+) {
+  if (!supportsHydration) {
+    invariant(
+      false,
+      "Expected prepareToHydrateHostInstance() to never be called. " +
+        "This error is likely caused by a bug in React. Please file an issue."
+    );
+  }
+
+  var instance = fiber.stateNode;
+  var updatePayload = hydrateInstance(
+    instance,
+    fiber.type,
+    fiber.memoizedProps,
+    rootContainerInstance,
+    hostContext,
+    fiber
+  );
+  // TODO: Type this specific to this type of component.
+  fiber.updateQueue = updatePayload;
+  // 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 !== null) {
+    return true;
+  }
+  return false;
+}
+
+function prepareToHydrateHostTextInstance(fiber) {
+  if (!supportsHydration) {
+    invariant(
+      false,
+      "Expected prepareToHydrateHostTextInstance() to never be called. " +
+        "This error is likely caused by a bug in React. Please file an issue."
+    );
+  }
+
+  var textInstance = fiber.stateNode;
+  var textContent = fiber.memoizedProps;
+  var shouldUpdate = hydrateTextInstance(textInstance, textContent, fiber);
+  {
+    if (shouldUpdate) {
+      // We assume that prepareToHydrateHostTextInstance is called in a context where the
+      // hydration parent is the parent host component of this host text.
+      var returnFiber = hydrationParentFiber;
+      if (returnFiber !== null) {
+        switch (returnFiber.tag) {
+          case HostRoot: {
+            var parentContainer = returnFiber.stateNode.containerInfo;
+            didNotMatchHydratedContainerTextInstance(
+              parentContainer,
+              textInstance,
+              textContent
+            );
+            break;
+          }
+          case HostComponent: {
+            var parentType = returnFiber.type;
+            var parentProps = returnFiber.memoizedProps;
+            var parentInstance = returnFiber.stateNode;
+            didNotMatchHydratedTextInstance(
+              parentType,
+              parentProps,
+              parentInstance,
+              textInstance,
+              textContent
+            );
+            break;
+          }
+        }
+      }
+    }
+  }
+  return shouldUpdate;
+}
+
+function popToNextHostParent(fiber) {
+  var parent = fiber.return;
+  while (
+    parent !== null &&
+    parent.tag !== HostComponent &&
+    parent.tag !== HostRoot
+  ) {
+    parent = parent.return;
+  }
+  hydrationParentFiber = parent;
 }
 
-function pushProvider(providerFiber) {
-  var context = providerFiber.type.context;
-  index$1 += 1;
-  changedBitsStack[index$1] = context.changedBits;
-  currentValueStack[index$1] = context.currentValue;
-  stack[index$1] = providerFiber;
-  context.currentValue = providerFiber.pendingProps.value;
-  context.changedBits = providerFiber.stateNode;
+function popHydrationState(fiber) {
+  if (!supportsHydration) {
+    return false;
+  }
+  if (fiber !== hydrationParentFiber) {
+    // We're deeper than the current hydration context, inside an inserted
+    // tree.
+    return false;
+  }
+  if (!isHydrating) {
+    // If we're not currently hydrating but we're in a hydration context, then
+    // we were an insertion and now need to pop up reenter hydration of our
+    // siblings.
+    popToNextHostParent(fiber);
+    isHydrating = true;
+    return false;
+  }
+
+  var type = fiber.type;
 
-  {
-    warning(
-      context._currentRenderer === null ||
-        context._currentRenderer === rendererSigil,
-      "Detected multiple renderers concurrently rendering the " +
-        "same context provider. This is currently unsupported."
-    );
-    context._currentRenderer = rendererSigil;
+  // If we have any remaining hydratable nodes, we need to delete them now.
+  // We only do this deeper than head and body since they tend to have random
+  // other nodes in them. We also ignore components with pure text content in
+  // side of them.
+  // TODO: Better heuristic.
+  if (
+    fiber.tag !== HostComponent ||
+    (type !== "head" &&
+      type !== "body" &&
+      !shouldSetTextContent(type, fiber.memoizedProps))
+  ) {
+    var nextInstance = nextHydratableInstance;
+    while (nextInstance) {
+      deleteHydratableInstance(fiber, nextInstance);
+      nextInstance = getNextHydratableSibling(nextInstance);
+    }
   }
+
+  popToNextHostParent(fiber);
+  nextHydratableInstance = hydrationParentFiber
+    ? getNextHydratableSibling(fiber.stateNode)
+    : null;
+  return true;
 }
 
-function popProvider(providerFiber) {
-  {
-    warning(
-      index$1 > -1 && providerFiber === stack[index$1],
-      "Unexpected pop."
-    );
-  }
-  var changedBits = changedBitsStack[index$1];
-  var currentValue = currentValueStack[index$1];
-  changedBitsStack[index$1] = null;
-  currentValueStack[index$1] = null;
-  stack[index$1] = null;
-  index$1 -= 1;
-  var context = providerFiber.type.context;
-  context.currentValue = currentValue;
-  context.changedBits = changedBits;
-}
-
-function resetProviderStack() {
-  for (var i = index$1; i > -1; i--) {
-    var providerFiber = stack[i];
-    var context = providerFiber.type.context;
-    context.currentValue = context.defaultValue;
-    context.changedBits = 0;
-    changedBitsStack[i] = null;
-    currentValueStack[i] = null;
-    stack[i] = null;
-    {
-      context._currentRenderer = null;
-    }
+function resetHydrationState() {
+  if (!supportsHydration) {
+    return;
   }
-  index$1 = -1;
+
+  hydrationParentFiber = null;
+  nextHydratableInstance = null;
+  isHydrating = false;
 }
 
+var getCurrentFiberStackAddendum$1 =
+  ReactDebugCurrentFiber.getCurrentFiberStackAddendum;
+
 var didWarnAboutBadClass = void 0;
 var didWarnAboutGetDerivedStateOnFunctionalComponent = void 0;
 var didWarnAboutStatelessRefs = void 0;
@@ -8646,775 +9698,791 @@ var didWarnAboutStatelessRefs = void 0;
   didWarnAboutStatelessRefs = {};
 }
 
-var ReactFiberBeginWork = function(
-  config,
-  hostContext,
-  hydrationContext,
-  scheduleWork,
-  computeExpirationForFiber
+// TODO: Remove this and use reconcileChildrenAtExpirationTime directly.
+function reconcileChildren(current, workInProgress, nextChildren) {
+  reconcileChildrenAtExpirationTime(
+    current,
+    workInProgress,
+    nextChildren,
+    workInProgress.expirationTime
+  );
+}
+
+function reconcileChildrenAtExpirationTime(
+  current,
+  workInProgress,
+  nextChildren,
+  renderExpirationTime
 ) {
-  var shouldSetTextContent = config.shouldSetTextContent,
-    shouldDeprioritizeSubtree = config.shouldDeprioritizeSubtree;
-  var pushHostContext = hostContext.pushHostContext,
-    pushHostContainer = hostContext.pushHostContainer;
-  var enterHydrationState = hydrationContext.enterHydrationState,
-    resetHydrationState = hydrationContext.resetHydrationState,
-    tryToClaimNextHydratableInstance =
-      hydrationContext.tryToClaimNextHydratableInstance;
-
-  var _ReactFiberClassCompo = ReactFiberClassComponent(
-      scheduleWork,
-      computeExpirationForFiber,
-      memoizeProps,
-      memoizeState
-    ),
-    adoptClassInstance = _ReactFiberClassCompo.adoptClassInstance,
-    callGetDerivedStateFromProps =
-      _ReactFiberClassCompo.callGetDerivedStateFromProps,
-    constructClassInstance = _ReactFiberClassCompo.constructClassInstance,
-    mountClassInstance = _ReactFiberClassCompo.mountClassInstance,
-    resumeMountClassInstance = _ReactFiberClassCompo.resumeMountClassInstance,
-    updateClassInstance = _ReactFiberClassCompo.updateClassInstance;
-
-  // TODO: Remove this and use reconcileChildrenAtExpirationTime directly.
-
-  function reconcileChildren(current, workInProgress, nextChildren) {
-    reconcileChildrenAtExpirationTime(
-      current,
+  if (current === null) {
+    // If this is a fresh new component that hasn't been rendered yet, we
+    // won't update its child set by applying minimal side-effects. Instead,
+    // we will add them all to the child before it gets rendered. That means
+    // we can optimize this reconciliation pass by not tracking side-effects.
+    workInProgress.child = mountChildFibers(
       workInProgress,
+      null,
       nextChildren,
-      workInProgress.expirationTime
+      renderExpirationTime
     );
-  }
-
-  function reconcileChildrenAtExpirationTime(
-    current,
-    workInProgress,
-    nextChildren,
-    renderExpirationTime
-  ) {
-    if (current === null) {
-      // If this is a fresh new component that hasn't been rendered yet, we
-      // won't update its child set by applying minimal side-effects. Instead,
-      // we will add them all to the child before it gets rendered. That means
-      // we can optimize this reconciliation pass by not tracking side-effects.
-      workInProgress.child = mountChildFibers(
-        workInProgress,
-        null,
-        nextChildren,
-        renderExpirationTime
-      );
-    } else {
-      // If the current child is the same as the work in progress, it means that
-      // we haven't yet started any work on these children. Therefore, we use
-      // the clone algorithm to create a copy of all the current children.
+  } else {
+    // If the current child is the same as the work in progress, it means that
+    // we haven't yet started any work on these children. Therefore, we use
+    // the clone algorithm to create a copy of all the current children.
 
-      // If we had any progressed work already, that is invalid at this point so
-      // let's throw it out.
-      workInProgress.child = reconcileChildFibers(
-        workInProgress,
-        current.child,
-        nextChildren,
-        renderExpirationTime
-      );
-    }
+    // If we had any progressed work already, that is invalid at this point so
+    // let's throw it out.
+    workInProgress.child = reconcileChildFibers(
+      workInProgress,
+      current.child,
+      nextChildren,
+      renderExpirationTime
+    );
   }
+}
 
-  function updateFragment(current, workInProgress) {
-    var nextChildren = workInProgress.pendingProps;
-    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.
-    } else if (workInProgress.memoizedProps === nextChildren) {
+function updateForwardRef(current, workInProgress) {
+  var render = workInProgress.type.render;
+  var nextProps = workInProgress.pendingProps;
+  var ref = workInProgress.ref;
+  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.
+  } else if (workInProgress.memoizedProps === nextProps) {
+    var currentRef = current !== null ? current.ref : null;
+    if (ref === currentRef) {
       return bailoutOnAlreadyFinishedWork(current, workInProgress);
     }
-    reconcileChildren(current, workInProgress, nextChildren);
-    memoizeProps(workInProgress, nextChildren);
-    return workInProgress.child;
   }
 
-  function updateMode(current, workInProgress) {
-    var nextChildren = workInProgress.pendingProps.children;
-    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.
-    } else if (
-      nextChildren === null ||
-      workInProgress.memoizedProps === nextChildren
-    ) {
-      return bailoutOnAlreadyFinishedWork(current, workInProgress);
-    }
-    reconcileChildren(current, workInProgress, nextChildren);
-    memoizeProps(workInProgress, nextChildren);
-    return workInProgress.child;
+  var nextChildren = void 0;
+  {
+    ReactCurrentOwner.current = workInProgress;
+    ReactDebugCurrentFiber.setCurrentPhase("render");
+    nextChildren = render(nextProps, ref);
+    ReactDebugCurrentFiber.setCurrentPhase(null);
   }
 
-  function markRef(current, workInProgress) {
-    var ref = workInProgress.ref;
-    if (
-      (current === null && ref !== null) ||
-      (current !== null && current.ref !== ref)
-    ) {
-      // Schedule a Ref effect
-      workInProgress.effectTag |= Ref;
-    }
+  reconcileChildren(current, workInProgress, nextChildren);
+  memoizeProps(workInProgress, nextProps);
+  return workInProgress.child;
+}
+
+function updateFragment(current, workInProgress) {
+  var nextChildren = workInProgress.pendingProps;
+  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.
+  } else if (workInProgress.memoizedProps === nextChildren) {
+    return bailoutOnAlreadyFinishedWork(current, workInProgress);
   }
+  reconcileChildren(current, workInProgress, nextChildren);
+  memoizeProps(workInProgress, nextChildren);
+  return workInProgress.child;
+}
 
-  function updateFunctionalComponent(current, workInProgress) {
-    var fn = workInProgress.type;
-    var nextProps = workInProgress.pendingProps;
+function updateMode(current, workInProgress) {
+  var nextChildren = workInProgress.pendingProps.children;
+  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.
+  } else if (
+    nextChildren === null ||
+    workInProgress.memoizedProps === nextChildren
+  ) {
+    return bailoutOnAlreadyFinishedWork(current, workInProgress);
+  }
+  reconcileChildren(current, workInProgress, nextChildren);
+  memoizeProps(workInProgress, nextChildren);
+  return workInProgress.child;
+}
 
-    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.
-    } else {
-      if (workInProgress.memoizedProps === nextProps) {
-        return bailoutOnAlreadyFinishedWork(current, workInProgress);
-      }
-      // TODO: consider bringing fn.shouldComponentUpdate() back.
-      // It used to be here.
-    }
+function updateProfiler(current, workInProgress) {
+  var nextProps = workInProgress.pendingProps;
+  if (enableProfilerTimer) {
+    workInProgress.effectTag |= Update;
+  }
+  if (workInProgress.memoizedProps === nextProps) {
+    return bailoutOnAlreadyFinishedWork(current, workInProgress);
+  }
+  var nextChildren = nextProps.children;
+  reconcileChildren(current, workInProgress, nextChildren);
+  memoizeProps(workInProgress, nextProps);
+  return workInProgress.child;
+}
 
-    var unmaskedContext = getUnmaskedContext(workInProgress);
-    var context = getMaskedContext(workInProgress, unmaskedContext);
+function markRef(current, workInProgress) {
+  var ref = workInProgress.ref;
+  if (
+    (current === null && ref !== null) ||
+    (current !== null && current.ref !== ref)
+  ) {
+    // Schedule a Ref effect
+    workInProgress.effectTag |= Ref;
+  }
+}
 
-    var nextChildren = void 0;
+function updateFunctionalComponent(current, workInProgress) {
+  var fn = workInProgress.type;
+  var nextProps = workInProgress.pendingProps;
 
-    {
-      ReactCurrentOwner.current = workInProgress;
-      ReactDebugCurrentFiber.setCurrentPhase("render");
-      nextChildren = fn(nextProps, context);
-      ReactDebugCurrentFiber.setCurrentPhase(null);
+  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.
+  } else {
+    if (workInProgress.memoizedProps === nextProps) {
+      return bailoutOnAlreadyFinishedWork(current, workInProgress);
     }
-    // React DevTools reads this flag.
-    workInProgress.effectTag |= PerformedWork;
-    reconcileChildren(current, workInProgress, nextChildren);
-    memoizeProps(workInProgress, nextProps);
-    return workInProgress.child;
+    // TODO: consider bringing fn.shouldComponentUpdate() back.
+    // It used to be here.
   }
 
-  function updateClassComponent(current, workInProgress, renderExpirationTime) {
-    // 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.
-    var hasContext = pushContextProvider(workInProgress);
-    var shouldUpdate = void 0;
-    if (current === null) {
-      if (workInProgress.stateNode === null) {
-        // In the initial pass we might need to construct the instance.
-        constructClassInstance(workInProgress, workInProgress.pendingProps);
-        mountClassInstance(workInProgress, renderExpirationTime);
-
-        shouldUpdate = true;
-      } else {
-        // In a resume, we'll already have an instance we can reuse.
-        shouldUpdate = resumeMountClassInstance(
-          workInProgress,
-          renderExpirationTime
-        );
-      }
-    } else {
-      shouldUpdate = updateClassInstance(
-        current,
+  var unmaskedContext = getUnmaskedContext(workInProgress);
+  var context = getMaskedContext(workInProgress, unmaskedContext);
+
+  var nextChildren = void 0;
+
+  {
+    ReactCurrentOwner.current = workInProgress;
+    ReactDebugCurrentFiber.setCurrentPhase("render");
+    nextChildren = fn(nextProps, context);
+    ReactDebugCurrentFiber.setCurrentPhase(null);
+  }
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
+  reconcileChildren(current, workInProgress, nextChildren);
+  memoizeProps(workInProgress, nextProps);
+  return workInProgress.child;
+}
+
+function updateClassComponent(current, workInProgress, renderExpirationTime) {
+  // 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.
+  var hasContext = pushContextProvider(workInProgress);
+  var shouldUpdate = void 0;
+  if (current === null) {
+    if (workInProgress.stateNode === null) {
+      // In the initial pass we might need to construct the instance.
+      constructClassInstance(
         workInProgress,
+        workInProgress.pendingProps,
         renderExpirationTime
       );
-    }
+      mountClassInstance(workInProgress, renderExpirationTime);
 
-    // We processed the update queue inside updateClassInstance. It may have
-    // included some errors that were dispatched during the commit phase.
-    // TODO: Refactor class components so this is less awkward.
-    var didCaptureError = false;
-    var updateQueue = workInProgress.updateQueue;
-    if (updateQueue !== null && updateQueue.capturedValues !== null) {
       shouldUpdate = true;
-      didCaptureError = true;
+    } else {
+      // In a resume, we'll already have an instance we can reuse.
+      shouldUpdate = resumeMountClassInstance(
+        workInProgress,
+        renderExpirationTime
+      );
     }
-    return finishClassComponent(
+  } else {
+    shouldUpdate = updateClassInstance(
       current,
       workInProgress,
-      shouldUpdate,
-      hasContext,
-      didCaptureError,
       renderExpirationTime
     );
   }
-
-  function finishClassComponent(
+  return finishClassComponent(
     current,
     workInProgress,
     shouldUpdate,
     hasContext,
-    didCaptureError,
     renderExpirationTime
-  ) {
-    // Refs should update even if shouldComponentUpdate returns false
-    markRef(current, workInProgress);
+  );
+}
 
-    if (!shouldUpdate && !didCaptureError) {
-      // Context providers should defer to sCU for rendering
-      if (hasContext) {
-        invalidateContextProvider(workInProgress, false);
-      }
+function finishClassComponent(
+  current,
+  workInProgress,
+  shouldUpdate,
+  hasContext,
+  renderExpirationTime
+) {
+  // Refs should update even if shouldComponentUpdate returns false
+  markRef(current, workInProgress);
 
-      return bailoutOnAlreadyFinishedWork(current, workInProgress);
+  var didCaptureError = (workInProgress.effectTag & DidCapture) !== NoEffect;
+
+  if (!shouldUpdate && !didCaptureError) {
+    // Context providers should defer to sCU for rendering
+    if (hasContext) {
+      invalidateContextProvider(workInProgress, false);
     }
 
-    var ctor = workInProgress.type;
-    var instance = workInProgress.stateNode;
+    return bailoutOnAlreadyFinishedWork(current, workInProgress);
+  }
+
+  var ctor = workInProgress.type;
+  var instance = workInProgress.stateNode;
 
-    // Rerender
-    ReactCurrentOwner.current = workInProgress;
-    var nextChildren = void 0;
-    if (
-      didCaptureError &&
-      (!enableGetDerivedStateFromCatch ||
-        typeof ctor.getDerivedStateFromCatch !== "function")
-    ) {
-      // If we captured an error, but getDerivedStateFrom catch is not defined,
-      // unmount all the children. componentDidCatch will schedule an update to
-      // re-render a fallback. This is temporary until we migrate everyone to
-      // the new API.
-      // TODO: Warn in a future release.
-      nextChildren = null;
-    } else {
-      {
-        ReactDebugCurrentFiber.setCurrentPhase("render");
-        nextChildren = instance.render();
-        if (
-          debugRenderPhaseSideEffects ||
-          (debugRenderPhaseSideEffectsForStrictMode &&
-            workInProgress.mode & StrictMode)
-        ) {
-          instance.render();
-        }
-        ReactDebugCurrentFiber.setCurrentPhase(null);
+  // Rerender
+  ReactCurrentOwner.current = workInProgress;
+  var nextChildren = void 0;
+  if (
+    didCaptureError &&
+    (!enableGetDerivedStateFromCatch ||
+      typeof ctor.getDerivedStateFromCatch !== "function")
+  ) {
+    // If we captured an error, but getDerivedStateFrom catch is not defined,
+    // unmount all the children. componentDidCatch will schedule an update to
+    // re-render a fallback. This is temporary until we migrate everyone to
+    // the new API.
+    // TODO: Warn in a future release.
+    nextChildren = null;
+
+    if (enableProfilerTimer) {
+      stopBaseRenderTimerIfRunning();
+    }
+  } else {
+    {
+      ReactDebugCurrentFiber.setCurrentPhase("render");
+      nextChildren = instance.render();
+      if (
+        debugRenderPhaseSideEffects ||
+        (debugRenderPhaseSideEffectsForStrictMode &&
+          workInProgress.mode & StrictMode)
+      ) {
+        instance.render();
       }
+      ReactDebugCurrentFiber.setCurrentPhase(null);
     }
+  }
 
-    // React DevTools reads this flag.
-    workInProgress.effectTag |= PerformedWork;
-    if (didCaptureError) {
-      // If we're recovering from an error, reconcile twice: first to delete
-      // all the existing children.
-      reconcileChildrenAtExpirationTime(
-        current,
-        workInProgress,
-        null,
-        renderExpirationTime
-      );
-      workInProgress.child = null;
-      // Now we can continue reconciling like normal. This has the effect of
-      // remounting all children regardless of whether their their
-      // identity matches.
-    }
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
+  if (didCaptureError) {
+    // If we're recovering from an error, reconcile twice: first to delete
+    // all the existing children.
     reconcileChildrenAtExpirationTime(
       current,
       workInProgress,
-      nextChildren,
+      null,
       renderExpirationTime
     );
-    // Memoize props and state using the values we just used to render.
-    // TODO: Restructure so we never read values from the instance.
-    memoizeState(workInProgress, instance.state);
-    memoizeProps(workInProgress, instance.props);
-
-    // The context might have changed so we need to recalculate it.
-    if (hasContext) {
-      invalidateContextProvider(workInProgress, true);
-    }
-
-    return workInProgress.child;
+    workInProgress.child = null;
+    // Now we can continue reconciling like normal. This has the effect of
+    // remounting all children regardless of whether their their
+    // identity matches.
   }
+  reconcileChildrenAtExpirationTime(
+    current,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  // Memoize props and state using the values we just used to render.
+  // TODO: Restructure so we never read values from the instance.
+  memoizeState(workInProgress, instance.state);
+  memoizeProps(workInProgress, instance.props);
 
-  function pushHostRootContext(workInProgress) {
-    var root = workInProgress.stateNode;
-    if (root.pendingContext) {
-      pushTopLevelContextObject(
-        workInProgress,
-        root.pendingContext,
-        root.pendingContext !== root.context
-      );
-    } else if (root.context) {
-      // Should always be set
-      pushTopLevelContextObject(workInProgress, root.context, false);
-    }
-    pushHostContainer(workInProgress, root.containerInfo);
+  // The context might have changed so we need to recalculate it.
+  if (hasContext) {
+    invalidateContextProvider(workInProgress, true);
   }
 
-  function updateHostRoot(current, workInProgress, renderExpirationTime) {
-    pushHostRootContext(workInProgress);
-    var updateQueue = workInProgress.updateQueue;
-    if (updateQueue !== null) {
-      var prevState = workInProgress.memoizedState;
-      var state = processUpdateQueue(
-        current,
-        workInProgress,
-        updateQueue,
-        null,
-        null,
-        renderExpirationTime
-      );
-      memoizeState(workInProgress, state);
-      updateQueue = workInProgress.updateQueue;
-
-      var element = void 0;
-      if (updateQueue !== null && updateQueue.capturedValues !== null) {
-        // There's an uncaught error. Unmount the whole root.
-        element = null;
-      } else if (prevState === state) {
-        // If the state is the same as before, that's a bailout because we had
-        // no work that expires at this time.
-        resetHydrationState();
-        return bailoutOnAlreadyFinishedWork(current, workInProgress);
-      } else {
-        element = state.element;
-      }
-      var root = workInProgress.stateNode;
-      if (
-        (current === null || current.child === null) &&
-        root.hydrate &&
-        enterHydrationState(workInProgress)
-      ) {
-        // If we don't have any current children this might be the first pass.
-        // We always try to hydrate. If this isn't a hydration pass there won't
-        // be any children to hydrate which is effectively the same thing as
-        // not hydrating.
-
-        // This is a bit of a hack. We track the host root as a placement to
-        // know that we're currently in a mounting state. That way isMounted
-        // works as expected. We must reset this before committing.
-        // TODO: Delete this when we delete isMounted and findDOMNode.
-        workInProgress.effectTag |= Placement;
+  return workInProgress.child;
+}
 
-        // Ensure that children mount into this root without tracking
-        // side-effects. This ensures that we don't store Placement effects on
-        // nodes that will be hydrated.
-        workInProgress.child = mountChildFibers(
-          workInProgress,
-          null,
-          element,
-          renderExpirationTime
-        );
-      } else {
-        // Otherwise reset hydration state in case we aborted and resumed another
-        // root.
-        resetHydrationState();
-        reconcileChildren(current, workInProgress, element);
-      }
-      memoizeState(workInProgress, state);
-      return workInProgress.child;
-    }
-    resetHydrationState();
-    // If there is no update queue, that's a bailout because the root has no props.
-    return bailoutOnAlreadyFinishedWork(current, workInProgress);
+function pushHostRootContext(workInProgress) {
+  var root = workInProgress.stateNode;
+  if (root.pendingContext) {
+    pushTopLevelContextObject(
+      workInProgress,
+      root.pendingContext,
+      root.pendingContext !== root.context
+    );
+  } else if (root.context) {
+    // Should always be set
+    pushTopLevelContextObject(workInProgress, root.context, false);
   }
+  pushHostContainer(workInProgress, root.containerInfo);
+}
 
-  function updateHostComponent(current, workInProgress, renderExpirationTime) {
-    pushHostContext(workInProgress);
-
-    if (current === null) {
-      tryToClaimNextHydratableInstance(workInProgress);
-    }
-
-    var type = workInProgress.type;
-    var memoizedProps = workInProgress.memoizedProps;
+function updateHostRoot(current, workInProgress, renderExpirationTime) {
+  pushHostRootContext(workInProgress);
+  var updateQueue = workInProgress.updateQueue;
+  if (updateQueue !== null) {
     var nextProps = workInProgress.pendingProps;
-    var prevProps = current !== null ? current.memoizedProps : null;
-
-    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.
-    } else if (memoizedProps === nextProps) {
-      var isHidden =
-        workInProgress.mode & AsyncMode &&
-        shouldDeprioritizeSubtree(type, nextProps);
-      if (isHidden) {
-        // Before bailing out, make sure we've deprioritized a hidden component.
-        workInProgress.expirationTime = Never;
-      }
-      if (!isHidden || renderExpirationTime !== Never) {
-        return bailoutOnAlreadyFinishedWork(current, workInProgress);
-      }
-      // If we're rendering a hidden node at hidden priority, don't bailout. The
-      // parent is complete, but the children may not be.
+    var prevState = workInProgress.memoizedState;
+    var prevChildren = prevState !== null ? prevState.element : null;
+    processUpdateQueue(
+      workInProgress,
+      updateQueue,
+      nextProps,
+      null,
+      renderExpirationTime
+    );
+    var nextState = workInProgress.memoizedState;
+    // Caution: React DevTools currently depends on this property
+    // being called "element".
+    var nextChildren = nextState.element;
+
+    if (nextChildren === prevChildren) {
+      // If the state is the same as before, that's a bailout because we had
+      // no work that expires at this time.
+      resetHydrationState();
+      return bailoutOnAlreadyFinishedWork(current, workInProgress);
     }
-
-    var nextChildren = nextProps.children;
-    var isDirectTextChild = shouldSetTextContent(type, nextProps);
-
-    if (isDirectTextChild) {
-      // We special case a direct text child of a host node. This is a common
-      // case. We won't handle it as a reified child. We will instead handle
-      // 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(type, 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;
+    var root = workInProgress.stateNode;
+    if (
+      (current === null || current.child === null) &&
+      root.hydrate &&
+      enterHydrationState(workInProgress)
+    ) {
+      // If we don't have any current children this might be the first pass.
+      // We always try to hydrate. If this isn't a hydration pass there won't
+      // be any children to hydrate which is effectively the same thing as
+      // not hydrating.
+
+      // This is a bit of a hack. We track the host root as a placement to
+      // know that we're currently in a mounting state. That way isMounted
+      // works as expected. We must reset this before committing.
+      // TODO: Delete this when we delete isMounted and findDOMNode.
+      workInProgress.effectTag |= Placement;
+
+      // Ensure that children mount into this root without tracking
+      // side-effects. This ensures that we don't store Placement effects on
+      // nodes that will be hydrated.
+      workInProgress.child = mountChildFibers(
+        workInProgress,
+        null,
+        nextChildren,
+        renderExpirationTime
+      );
+    } else {
+      // Otherwise reset hydration state in case we aborted and resumed another
+      // root.
+      resetHydrationState();
+      reconcileChildren(current, workInProgress, nextChildren);
     }
+    return workInProgress.child;
+  }
+  resetHydrationState();
+  // If there is no update queue, that's a bailout because the root has no props.
+  return bailoutOnAlreadyFinishedWork(current, workInProgress);
+}
 
-    markRef(current, workInProgress);
+function updateHostComponent(current, workInProgress, renderExpirationTime) {
+  pushHostContext(workInProgress);
 
-    // Check the host config to see if the children are offscreen/hidden.
-    if (
-      renderExpirationTime !== Never &&
+  if (current === null) {
+    tryToClaimNextHydratableInstance(workInProgress);
+  }
+
+  var type = workInProgress.type;
+  var memoizedProps = workInProgress.memoizedProps;
+  var nextProps = workInProgress.pendingProps;
+  var prevProps = current !== null ? current.memoizedProps : null;
+
+  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.
+  } else if (memoizedProps === nextProps) {
+    var isHidden =
       workInProgress.mode & AsyncMode &&
-      shouldDeprioritizeSubtree(type, nextProps)
-    ) {
-      // Down-prioritize the children.
+      shouldDeprioritizeSubtree(type, nextProps);
+    if (isHidden) {
+      // Before bailing out, make sure we've deprioritized a hidden component.
       workInProgress.expirationTime = Never;
-      // Bailout and come back to this fiber later.
-      workInProgress.memoizedProps = nextProps;
-      return null;
     }
+    if (!isHidden || renderExpirationTime !== Never) {
+      return bailoutOnAlreadyFinishedWork(current, workInProgress);
+    }
+    // If we're rendering a hidden node at hidden priority, don't bailout. The
+    // parent is complete, but the children may not be.
+  }
 
-    reconcileChildren(current, workInProgress, nextChildren);
-    memoizeProps(workInProgress, nextProps);
-    return workInProgress.child;
+  var nextChildren = nextProps.children;
+  var isDirectTextChild = shouldSetTextContent(type, nextProps);
+
+  if (isDirectTextChild) {
+    // We special case a direct text child of a host node. This is a common
+    // case. We won't handle it as a reified child. We will instead handle
+    // 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(type, 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;
   }
 
-  function updateHostText(current, workInProgress) {
-    if (current === null) {
-      tryToClaimNextHydratableInstance(workInProgress);
-    }
-    var nextProps = workInProgress.pendingProps;
-    memoizeProps(workInProgress, nextProps);
-    // Nothing to do here. This is terminal. We'll do the completion step
-    // immediately after.
+  markRef(current, workInProgress);
+
+  // Check the host config to see if the children are offscreen/hidden.
+  if (
+    renderExpirationTime !== Never &&
+    workInProgress.mode & AsyncMode &&
+    shouldDeprioritizeSubtree(type, nextProps)
+  ) {
+    // Down-prioritize the children.
+    workInProgress.expirationTime = Never;
+    // Bailout and come back to this fiber later.
+    workInProgress.memoizedProps = nextProps;
     return null;
   }
 
-  function mountIndeterminateComponent(
-    current,
-    workInProgress,
-    renderExpirationTime
-  ) {
-    invariant(
-      current === null,
-      "An indeterminate component should never have mounted. This error is " +
-        "likely caused by a bug in React. Please file an issue."
-    );
-    var fn = workInProgress.type;
-    var props = workInProgress.pendingProps;
-    var unmaskedContext = getUnmaskedContext(workInProgress);
-    var context = getMaskedContext(workInProgress, unmaskedContext);
+  reconcileChildren(current, workInProgress, nextChildren);
+  memoizeProps(workInProgress, nextProps);
+  return workInProgress.child;
+}
 
-    var value = void 0;
+function updateHostText(current, workInProgress) {
+  if (current === null) {
+    tryToClaimNextHydratableInstance(workInProgress);
+  }
+  var nextProps = workInProgress.pendingProps;
+  memoizeProps(workInProgress, nextProps);
+  // Nothing to do here. This is terminal. We'll do the completion step
+  // immediately after.
+  return null;
+}
 
-    {
-      if (fn.prototype && typeof fn.prototype.render === "function") {
-        var componentName = getComponentName(workInProgress) || "Unknown";
+function mountIndeterminateComponent(
+  current,
+  workInProgress,
+  renderExpirationTime
+) {
+  invariant(
+    current === null,
+    "An indeterminate component should never have mounted. This error is " +
+      "likely caused by a bug in React. Please file an issue."
+  );
+  var fn = workInProgress.type;
+  var props = workInProgress.pendingProps;
+  var unmaskedContext = getUnmaskedContext(workInProgress);
+  var context = getMaskedContext(workInProgress, unmaskedContext);
 
-        if (!didWarnAboutBadClass[componentName]) {
-          warning(
-            false,
-            "The <%s /> component appears to have a render method, but doesn't extend React.Component. " +
-              "This is likely to cause errors. Change %s to extend React.Component instead.",
-            componentName,
-            componentName
-          );
-          didWarnAboutBadClass[componentName] = true;
-        }
+  var value = void 0;
+
+  {
+    if (fn.prototype && typeof fn.prototype.render === "function") {
+      var componentName = getComponentName(workInProgress) || "Unknown";
+
+      if (!didWarnAboutBadClass[componentName]) {
+        warning(
+          false,
+          "The <%s /> component appears to have a render method, but doesn't extend React.Component. " +
+            "This is likely to cause errors. Change %s to extend React.Component instead.",
+          componentName,
+          componentName
+        );
+        didWarnAboutBadClass[componentName] = true;
       }
-      ReactCurrentOwner.current = workInProgress;
-      value = fn(props, context);
     }
-    // React DevTools reads this flag.
-    workInProgress.effectTag |= PerformedWork;
 
-    if (
-      typeof value === "object" &&
-      value !== null &&
-      typeof value.render === "function" &&
-      value.$$typeof === undefined
-    ) {
-      var Component = workInProgress.type;
+    if (workInProgress.mode & StrictMode) {
+      ReactStrictModeWarnings.recordLegacyContextWarning(workInProgress, null);
+    }
 
-      // Proceed under the assumption that this is a class instance
-      workInProgress.tag = ClassComponent;
+    ReactCurrentOwner.current = workInProgress;
+    value = fn(props, context);
+  }
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
 
-      workInProgress.memoizedState =
-        value.state !== null && value.state !== undefined ? value.state : null;
+  if (
+    typeof value === "object" &&
+    value !== null &&
+    typeof value.render === "function" &&
+    value.$$typeof === undefined
+  ) {
+    var Component = workInProgress.type;
 
-      if (typeof Component.getDerivedStateFromProps === "function") {
-        var partialState = callGetDerivedStateFromProps(
-          workInProgress,
-          value,
-          props
-        );
+    // Proceed under the assumption that this is a class instance
+    workInProgress.tag = ClassComponent;
 
-        if (partialState !== null && partialState !== undefined) {
-          workInProgress.memoizedState = Object.assign(
-            {},
-            workInProgress.memoizedState,
-            partialState
-          );
-        }
-      }
+    workInProgress.memoizedState =
+      value.state !== null && value.state !== undefined ? value.state : null;
 
-      // 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.
-      var hasContext = pushContextProvider(workInProgress);
-      adoptClassInstance(workInProgress, value);
-      mountClassInstance(workInProgress, renderExpirationTime);
-      return finishClassComponent(
-        current,
+    var getDerivedStateFromProps = Component.getDerivedStateFromProps;
+    if (typeof getDerivedStateFromProps === "function") {
+      applyDerivedStateFromProps(
         workInProgress,
-        true,
-        hasContext,
-        false,
-        renderExpirationTime
+        getDerivedStateFromProps,
+        props
       );
-    } else {
-      // Proceed under the assumption that this is a functional component
-      workInProgress.tag = FunctionalComponent;
-      {
-        var _Component = workInProgress.type;
+    }
 
-        if (_Component) {
-          warning(
-            !_Component.childContextTypes,
-            "%s(...): childContextTypes cannot be defined on a functional component.",
-            _Component.displayName || _Component.name || "Component"
-          );
-        }
-        if (workInProgress.ref !== null) {
-          var info = "";
-          var ownerName = ReactDebugCurrentFiber.getCurrentFiberOwnerName();
-          if (ownerName) {
-            info += "\n\nCheck the render method of `" + ownerName + "`.";
-          }
+    // 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.
+    var hasContext = pushContextProvider(workInProgress);
+    adoptClassInstance(workInProgress, value);
+    mountClassInstance(workInProgress, renderExpirationTime);
+    return finishClassComponent(
+      current,
+      workInProgress,
+      true,
+      hasContext,
+      renderExpirationTime
+    );
+  } else {
+    // Proceed under the assumption that this is a functional component
+    workInProgress.tag = FunctionalComponent;
+    {
+      var _Component = workInProgress.type;
 
-          var warningKey = ownerName || workInProgress._debugID || "";
-          var debugSource = workInProgress._debugSource;
-          if (debugSource) {
-            warningKey = debugSource.fileName + ":" + debugSource.lineNumber;
-          }
-          if (!didWarnAboutStatelessRefs[warningKey]) {
-            didWarnAboutStatelessRefs[warningKey] = true;
-            warning(
+      if (_Component) {
+        !!_Component.childContextTypes
+          ? warning(
               false,
-              "Stateless function components cannot be given refs. " +
-                "Attempts to access this ref will fail.%s%s",
-              info,
-              ReactDebugCurrentFiber.getCurrentFiberStackAddendum()
-            );
-          }
+              "%s(...): childContextTypes cannot be defined on a functional component.",
+              _Component.displayName || _Component.name || "Component"
+            )
+          : void 0;
+      }
+      if (workInProgress.ref !== null) {
+        var info = "";
+        var ownerName = ReactDebugCurrentFiber.getCurrentFiberOwnerName();
+        if (ownerName) {
+          info += "\n\nCheck the render method of `" + ownerName + "`.";
+        }
+
+        var warningKey = ownerName || workInProgress._debugID || "";
+        var debugSource = workInProgress._debugSource;
+        if (debugSource) {
+          warningKey = debugSource.fileName + ":" + debugSource.lineNumber;
+        }
+        if (!didWarnAboutStatelessRefs[warningKey]) {
+          didWarnAboutStatelessRefs[warningKey] = true;
+          warning(
+            false,
+            "Stateless function components cannot be given refs. " +
+              "Attempts to access this ref will fail.%s%s",
+            info,
+            ReactDebugCurrentFiber.getCurrentFiberStackAddendum()
+          );
         }
+      }
 
-        if (typeof fn.getDerivedStateFromProps === "function") {
-          var _componentName = getComponentName(workInProgress) || "Unknown";
+      if (typeof fn.getDerivedStateFromProps === "function") {
+        var _componentName = getComponentName(workInProgress) || "Unknown";
 
-          if (
-            !didWarnAboutGetDerivedStateOnFunctionalComponent[_componentName]
-          ) {
-            warning(
-              false,
-              "%s: Stateless functional components do not support getDerivedStateFromProps.",
-              _componentName
-            );
-            didWarnAboutGetDerivedStateOnFunctionalComponent[
-              _componentName
-            ] = true;
-          }
+        if (!didWarnAboutGetDerivedStateOnFunctionalComponent[_componentName]) {
+          warning(
+            false,
+            "%s: Stateless functional components do not support getDerivedStateFromProps.",
+            _componentName
+          );
+          didWarnAboutGetDerivedStateOnFunctionalComponent[
+            _componentName
+          ] = true;
         }
       }
-      reconcileChildren(current, workInProgress, value);
-      memoizeProps(workInProgress, props);
-      return workInProgress.child;
     }
+    reconcileChildren(current, workInProgress, value);
+    memoizeProps(workInProgress, props);
+    return workInProgress.child;
   }
+}
 
-  function updateCallComponent(current, workInProgress, renderExpirationTime) {
+function updateTimeoutComponent(current, workInProgress, renderExpirationTime) {
+  if (enableSuspense) {
     var nextProps = workInProgress.pendingProps;
-    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.
-    } else if (workInProgress.memoizedProps === nextProps) {
-      nextProps = workInProgress.memoizedProps;
-      // TODO: When bailing out, we might need to return the stateNode instead
-      // of the child. To check it for work.
-      // return bailoutOnAlreadyFinishedWork(current, workInProgress);
-    }
+    var prevProps = workInProgress.memoizedProps;
 
-    var nextChildren = nextProps.children;
+    var prevDidTimeout = workInProgress.memoizedState;
 
-    // The following is a fork of reconcileChildrenAtExpirationTime but using
-    // stateNode to store the child.
-    if (current === null) {
-      workInProgress.stateNode = mountChildFibers(
-        workInProgress,
-        workInProgress.stateNode,
-        nextChildren,
-        renderExpirationTime
-      );
-    } else {
-      workInProgress.stateNode = reconcileChildFibers(
-        workInProgress,
-        current.stateNode,
-        nextChildren,
-        renderExpirationTime
-      );
-    }
-
-    memoizeProps(workInProgress, nextProps);
-    // This doesn't take arbitrary time so we could synchronously just begin
-    // eagerly do the work of workInProgress.child as an optimization.
-    return workInProgress.stateNode;
-  }
+    // Check if we already attempted to render the normal state. If we did,
+    // and we timed out, render the placeholder state.
+    var alreadyCaptured = (workInProgress.effectTag & DidCapture) === NoEffect;
+    var nextDidTimeout = !alreadyCaptured;
 
-  function updatePortalComponent(
-    current,
-    workInProgress,
-    renderExpirationTime
-  ) {
-    pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
-    var nextChildren = workInProgress.pendingProps;
     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.
-    } else if (workInProgress.memoizedProps === nextChildren) {
+    } else if (nextProps === prevProps && nextDidTimeout === prevDidTimeout) {
       return bailoutOnAlreadyFinishedWork(current, workInProgress);
     }
 
-    if (current === null) {
-      // Portals are special because we don't append the children during mount
-      // but at commit. Therefore we need to track insertions which the normal
-      // flow doesn't do during mount. This doesn't happen at the root because
-      // the root always starts with a "current" with a null child.
-      // TODO: Consider unifying this with how the root works.
-      workInProgress.child = reconcileChildFibers(
-        workInProgress,
-        null,
-        nextChildren,
-        renderExpirationTime
-      );
-      memoizeProps(workInProgress, nextChildren);
-    } else {
-      reconcileChildren(current, workInProgress, nextChildren);
-      memoizeProps(workInProgress, nextChildren);
-    }
+    var render = nextProps.children;
+    var nextChildren = render(nextDidTimeout);
+    workInProgress.memoizedProps = nextProps;
+    workInProgress.memoizedState = nextDidTimeout;
+    reconcileChildren(current, workInProgress, nextChildren);
     return workInProgress.child;
+  } else {
+    return null;
   }
+}
 
-  function propagateContextChange(
-    workInProgress,
-    context,
-    changedBits,
-    renderExpirationTime
-  ) {
-    var fiber = workInProgress.child;
-    while (fiber !== null) {
-      var nextFiber = void 0;
-      // Visit this fiber.
-      switch (fiber.tag) {
-        case ContextConsumer:
-          // Check if the context matches.
-          var observedBits = fiber.stateNode | 0;
-          if (fiber.type === context && (observedBits & changedBits) !== 0) {
-            // Update the expiration time of all the ancestors, including
-            // the alternates.
-            var node = fiber;
-            while (node !== null) {
-              var alternate = node.alternate;
+function updatePortalComponent(current, workInProgress, renderExpirationTime) {
+  pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
+  var nextChildren = workInProgress.pendingProps;
+  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.
+  } else if (workInProgress.memoizedProps === nextChildren) {
+    return bailoutOnAlreadyFinishedWork(current, workInProgress);
+  }
+
+  if (current === null) {
+    // Portals are special because we don't append the children during mount
+    // but at commit. Therefore we need to track insertions which the normal
+    // flow doesn't do during mount. This doesn't happen at the root because
+    // the root always starts with a "current" with a null child.
+    // TODO: Consider unifying this with how the root works.
+    workInProgress.child = reconcileChildFibers(
+      workInProgress,
+      null,
+      nextChildren,
+      renderExpirationTime
+    );
+    memoizeProps(workInProgress, nextChildren);
+  } else {
+    reconcileChildren(current, workInProgress, nextChildren);
+    memoizeProps(workInProgress, nextChildren);
+  }
+  return workInProgress.child;
+}
+
+function propagateContextChange(
+  workInProgress,
+  context,
+  changedBits,
+  renderExpirationTime
+) {
+  var fiber = workInProgress.child;
+  if (fiber !== null) {
+    // Set the return pointer of the child to the work-in-progress fiber.
+    fiber.return = workInProgress;
+  }
+  while (fiber !== null) {
+    var nextFiber = void 0;
+    // Visit this fiber.
+    switch (fiber.tag) {
+      case ContextConsumer:
+        // Check if the context matches.
+        var observedBits = fiber.stateNode | 0;
+        if (fiber.type === context && (observedBits & changedBits) !== 0) {
+          // Update the expiration time of all the ancestors, including
+          // the alternates.
+          var node = fiber;
+          while (node !== null) {
+            var alternate = node.alternate;
+            if (
+              node.expirationTime === NoWork ||
+              node.expirationTime > renderExpirationTime
+            ) {
+              node.expirationTime = renderExpirationTime;
               if (
-                node.expirationTime === NoWork ||
-                node.expirationTime > renderExpirationTime
-              ) {
-                node.expirationTime = renderExpirationTime;
-                if (
-                  alternate !== null &&
-                  (alternate.expirationTime === NoWork ||
-                    alternate.expirationTime > renderExpirationTime)
-                ) {
-                  alternate.expirationTime = renderExpirationTime;
-                }
-              } else if (
                 alternate !== null &&
                 (alternate.expirationTime === NoWork ||
                   alternate.expirationTime > renderExpirationTime)
               ) {
                 alternate.expirationTime = renderExpirationTime;
-              } else {
-                // Neither alternate was updated, which means the rest of the
-                // ancestor path already has sufficient priority.
-                break;
               }
-              node = node["return"];
+            } else if (
+              alternate !== null &&
+              (alternate.expirationTime === NoWork ||
+                alternate.expirationTime > renderExpirationTime)
+            ) {
+              alternate.expirationTime = renderExpirationTime;
+            } else {
+              // Neither alternate was updated, which means the rest of the
+              // ancestor path already has sufficient priority.
+              break;
             }
-            // Don't scan deeper than a matching consumer. When we render the
-            // consumer, we'll continue scanning from that point. This way the
-            // scanning work is time-sliced.
-            nextFiber = null;
-          } else {
-            // Traverse down.
-            nextFiber = fiber.child;
+            node = node.return;
           }
-          break;
-        case ContextProvider:
-          // Don't scan deeper if this is a matching provider
-          nextFiber = fiber.type === workInProgress.type ? null : fiber.child;
-          break;
-        default:
+          // Don't scan deeper than a matching consumer. When we render the
+          // consumer, we'll continue scanning from that point. This way the
+          // scanning work is time-sliced.
+          nextFiber = null;
+        } else {
           // Traverse down.
           nextFiber = fiber.child;
+        }
+        break;
+      case ContextProvider:
+        // Don't scan deeper if this is a matching provider
+        nextFiber = fiber.type === workInProgress.type ? null : fiber.child;
+        break;
+      default:
+        // Traverse down.
+        nextFiber = fiber.child;
+        break;
+    }
+    if (nextFiber !== null) {
+      // Set the return pointer of the child to the work-in-progress fiber.
+      nextFiber.return = fiber;
+    } else {
+      // No child. Traverse to next sibling.
+      nextFiber = fiber;
+      while (nextFiber !== null) {
+        if (nextFiber === workInProgress) {
+          // We're back to the root of this subtree. Exit.
+          nextFiber = null;
+          break;
+        }
+        var sibling = nextFiber.sibling;
+        if (sibling !== null) {
+          // Set the return pointer of the sibling to the work-in-progress fiber.
+          sibling.return = nextFiber.return;
+          nextFiber = sibling;
           break;
-      }
-      if (nextFiber !== null) {
-        // Set the return pointer of the child to the work-in-progress fiber.
-        nextFiber["return"] = fiber;
-      } else {
-        // No child. Traverse to next sibling.
-        nextFiber = fiber;
-        while (nextFiber !== null) {
-          if (nextFiber === workInProgress) {
-            // We're back to the root of this subtree. Exit.
-            nextFiber = null;
-            break;
-          }
-          var sibling = nextFiber.sibling;
-          if (sibling !== null) {
-            nextFiber = sibling;
-            break;
-          }
-          // No more siblings. Traverse up.
-          nextFiber = nextFiber["return"];
         }
+        // No more siblings. Traverse up.
+        nextFiber = nextFiber.return;
       }
-      fiber = nextFiber;
     }
+    fiber = nextFiber;
   }
+}
 
-  function updateContextProvider(
-    current,
-    workInProgress,
-    renderExpirationTime
-  ) {
-    var providerType = workInProgress.type;
-    var context = providerType.context;
+function updateContextProvider(current, workInProgress, renderExpirationTime) {
+  var providerType = workInProgress.type;
+  var context = providerType._context;
 
-    var newProps = workInProgress.pendingProps;
-    var oldProps = workInProgress.memoizedProps;
+  var newProps = workInProgress.pendingProps;
+  var oldProps = workInProgress.memoizedProps;
+  var canBailOnProps = true;
 
-    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.
-    } else if (oldProps === newProps) {
-      workInProgress.stateNode = 0;
-      pushProvider(workInProgress);
-      return bailoutOnAlreadyFinishedWork(current, workInProgress);
-    }
-    workInProgress.memoizedProps = newProps;
+  if (hasContextChanged()) {
+    canBailOnProps = false;
+    // 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.
+  } else if (oldProps === newProps) {
+    workInProgress.stateNode = 0;
+    pushProvider(workInProgress);
+    return bailoutOnAlreadyFinishedWork(current, workInProgress);
+  }
+
+  var newValue = newProps.value;
+  workInProgress.memoizedProps = newProps;
 
-    var newValue = newProps.value;
+  {
+    var providerPropTypes = workInProgress.type.propTypes;
+
+    if (providerPropTypes) {
+      checkPropTypes(
+        providerPropTypes,
+        newProps,
+        "prop",
+        "Context.Provider",
+        getCurrentFiberStackAddendum$1
+      );
+    }
+  }
 
-    var changedBits = void 0;
-    if (oldProps === null) {
-      // Initial render
-      changedBits = MAX_SIGNED_31_BIT_INT;
+  var changedBits = void 0;
+  if (oldProps === null) {
+    // Initial render
+    changedBits = MAX_SIGNED_31_BIT_INT;
+  } else {
+    if (oldProps.value === newProps.value) {
+      // No change. Bailout early if children are the same.
+      if (oldProps.children === newProps.children && canBailOnProps) {
+        workInProgress.stateNode = 0;
+        pushProvider(workInProgress);
+        return bailoutOnAlreadyFinishedWork(current, workInProgress);
+      }
+      changedBits = 0;
     } else {
       var oldValue = oldProps.value;
       // Use Object.is to compare the new context value to the old value.
@@ -9425,24 +10493,38 @@ var ReactFiberBeginWork = function(
           (oldValue !== 0 || 1 / oldValue === 1 / newValue)) ||
         (oldValue !== oldValue && newValue !== newValue) // eslint-disable-line no-self-compare
       ) {
-        // No change.
+        // No change. Bailout early if children are the same.
+        if (oldProps.children === newProps.children && canBailOnProps) {
+          workInProgress.stateNode = 0;
+          pushProvider(workInProgress);
+          return bailoutOnAlreadyFinishedWork(current, workInProgress);
+        }
         changedBits = 0;
       } else {
         changedBits =
-          typeof context.calculateChangedBits === "function"
-            ? context.calculateChangedBits(oldValue, newValue)
+          typeof context._calculateChangedBits === "function"
+            ? context._calculateChangedBits(oldValue, newValue)
             : MAX_SIGNED_31_BIT_INT;
         {
-          warning(
-            (changedBits & MAX_SIGNED_31_BIT_INT) === changedBits,
-            "calculateChangedBits: Expected the return value to be a " +
-              "31-bit integer. Instead received: %s",
-            changedBits
-          );
+          !((changedBits & MAX_SIGNED_31_BIT_INT) === changedBits)
+            ? warning(
+                false,
+                "calculateChangedBits: Expected the return value to be a " +
+                  "31-bit integer. Instead received: %s",
+                changedBits
+              )
+            : void 0;
         }
         changedBits |= 0;
 
-        if (changedBits !== 0) {
+        if (changedBits === 0) {
+          // No change. Bailout early if children are the same.
+          if (oldProps.children === newProps.children && canBailOnProps) {
+            workInProgress.stateNode = 0;
+            pushProvider(workInProgress);
+            return bailoutOnAlreadyFinishedWork(current, workInProgress);
+          }
+        } else {
           propagateContextChange(
             workInProgress,
             context,
@@ -9452,65 +10534,87 @@ var ReactFiberBeginWork = function(
         }
       }
     }
+  }
 
-    workInProgress.stateNode = changedBits;
-    pushProvider(workInProgress);
+  workInProgress.stateNode = changedBits;
+  pushProvider(workInProgress);
 
-    if (oldProps !== null && oldProps.children === newProps.children) {
-      return bailoutOnAlreadyFinishedWork(current, workInProgress);
-    }
-    var newChildren = newProps.children;
-    reconcileChildren(current, workInProgress, newChildren);
-    return workInProgress.child;
-  }
+  var newChildren = newProps.children;
+  reconcileChildren(current, workInProgress, newChildren);
+  return workInProgress.child;
+}
 
-  function updateContextConsumer(
-    current,
-    workInProgress,
-    renderExpirationTime
-  ) {
-    var context = workInProgress.type;
-    var newProps = workInProgress.pendingProps;
+function updateContextConsumer(current, workInProgress, renderExpirationTime) {
+  var context = workInProgress.type;
+  var newProps = workInProgress.pendingProps;
+  var oldProps = workInProgress.memoizedProps;
 
-    var newValue = context.currentValue;
-    var changedBits = context.changedBits;
+  var newValue = getContextCurrentValue(context);
+  var changedBits = getContextChangedBits(context);
 
-    if (changedBits !== 0) {
-      // Context change propagation stops at matching consumers, for time-
-      // slicing. Continue the propagation here.
-      propagateContextChange(
-        workInProgress,
-        context,
-        changedBits,
-        renderExpirationTime
-      );
-    }
+  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.
+  } else if (changedBits === 0 && oldProps === newProps) {
+    return bailoutOnAlreadyFinishedWork(current, workInProgress);
+  }
+  workInProgress.memoizedProps = newProps;
 
-    // Store the observedBits on the fiber's stateNode for quick access.
-    var observedBits = newProps.observedBits;
-    if (observedBits === undefined || observedBits === null) {
-      // Subscribe to all changes by default
-      observedBits = MAX_SIGNED_31_BIT_INT;
-    }
-    workInProgress.stateNode = observedBits;
+  var observedBits = newProps.unstable_observedBits;
+  if (observedBits === undefined || observedBits === null) {
+    // Subscribe to all changes by default
+    observedBits = MAX_SIGNED_31_BIT_INT;
+  }
+  // Store the observedBits on the fiber's stateNode for quick access.
+  workInProgress.stateNode = observedBits;
+
+  if ((changedBits & observedBits) !== 0) {
+    // Context change propagation stops at matching consumers, for time-
+    // slicing. Continue the propagation here.
+    propagateContextChange(
+      workInProgress,
+      context,
+      changedBits,
+      renderExpirationTime
+    );
+  } else if (oldProps === newProps) {
+    // Skip over a memoized parent with a bitmask bailout even
+    // if we began working on it because of a deeper matching child.
+    return bailoutOnAlreadyFinishedWork(current, workInProgress);
+  }
+  // There is no bailout on `children` equality because we expect people
+  // to often pass a bound method as a child, but it may reference
+  // `this.state` or `this.props` (and thus needs to re-render on `setState`).
 
-    var render = newProps.children;
+  var render = newProps.children;
 
-    if (typeof render !== "function") {
-      invariant(
-        false,
-        "A context consumer was rendered with multiple children, or a child that isn't a function. " +
-          "A context consumer expects a single child that is a function. " +
-          "If you did pass a function, make sure there is no trailing or leading whitespace around it."
-      );
-    }
+  {
+    !(typeof render === "function")
+      ? warning(
+          false,
+          "A context consumer was rendered with multiple children, or a child " +
+            "that isn't a function. A context consumer expects a single child " +
+            "that is a function. If you did pass a function, make sure there " +
+            "is no trailing or leading whitespace around it."
+        )
+      : void 0;
+  }
 
-    var newChildren = render(newValue);
-    reconcileChildren(current, workInProgress, newChildren);
-    return workInProgress.child;
+  var newChildren = void 0;
+  {
+    ReactCurrentOwner.current = workInProgress;
+    ReactDebugCurrentFiber.setCurrentPhase("render");
+    newChildren = render(newValue);
+    ReactDebugCurrentFiber.setCurrentPhase(null);
   }
 
-  /*
+  // React DevTools reads this flag.
+  workInProgress.effectTag |= PerformedWork;
+  reconcileChildren(current, workInProgress, newChildren);
+  return workInProgress.child;
+}
+
+/*
   function reuseChildrenEffects(returnFiber : Fiber, firstChild : Fiber) {
     let child = firstChild;
     do {
@@ -9529,816 +10633,578 @@ var ReactFiberBeginWork = function(
   }
   */
 
-  function bailoutOnAlreadyFinishedWork(current, workInProgress) {
-    cancelWorkTimer(workInProgress);
-
-    // 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
-    // Fiber's priority and its children yet - we don't know without doing lots
-    // of the same work we do anyway. Once we have that separation we can just
-    // bail out here if the children has no more work at this priority level.
-    // if (workInProgress.priorityOfChildren <= priorityLevel) {
-    //   // If there are side-effects in these children that have not yet been
-    //   // committed we need to ensure that they get properly transferred up.
-    //   if (current && current.child !== workInProgress.child) {
-    //     reuseChildrenEffects(workInProgress, child);
-    //   }
-    //   return null;
-    // }
-
-    cloneChildFibers(current, workInProgress);
-    return workInProgress.child;
+function bailoutOnAlreadyFinishedWork(current, workInProgress) {
+  cancelWorkTimer(workInProgress);
+
+  if (enableProfilerTimer) {
+    // Don't update "base" render times for bailouts.
+    stopBaseRenderTimerIfRunning();
   }
 
-  function bailoutOnLowPriority(current, workInProgress) {
-    cancelWorkTimer(workInProgress);
+  // 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
+  // Fiber's priority and its children yet - we don't know without doing lots
+  // of the same work we do anyway. Once we have that separation we can just
+  // bail out here if the children has no more work at this priority level.
+  // if (workInProgress.priorityOfChildren <= priorityLevel) {
+  //   // If there are side-effects in these children that have not yet been
+  //   // committed we need to ensure that they get properly transferred up.
+  //   if (current && current.child !== workInProgress.child) {
+  //     reuseChildrenEffects(workInProgress, child);
+  //   }
+  //   return null;
+  // }
 
-    // TODO: Handle HostComponent tags here as well and call pushHostContext()?
-    // See PR 8590 discussion for context
-    switch (workInProgress.tag) {
-      case HostRoot:
-        pushHostRootContext(workInProgress);
-        break;
-      case ClassComponent:
-        pushContextProvider(workInProgress);
-        break;
-      case HostPortal:
-        pushHostContainer(
-          workInProgress,
-          workInProgress.stateNode.containerInfo
-        );
-        break;
-      case ContextProvider:
-        pushProvider(workInProgress);
-        break;
-    }
-    // TODO: What if this is currently in progress?
-    // How can that happen? How is this not being cloned?
-    return null;
-  }
+  cloneChildFibers(current, workInProgress);
+  return workInProgress.child;
+}
 
-  // TODO: Delete memoizeProps/State and move to reconcile/bailout instead
-  function memoizeProps(workInProgress, nextProps) {
-    workInProgress.memoizedProps = nextProps;
+function bailoutOnLowPriority(current, workInProgress) {
+  cancelWorkTimer(workInProgress);
+
+  if (enableProfilerTimer) {
+    // Don't update "base" render times for bailouts.
+    stopBaseRenderTimerIfRunning();
   }
 
-  function memoizeState(workInProgress, nextState) {
-    workInProgress.memoizedState = nextState;
-    // Don't reset the updateQueue, in case there are pending updates. Resetting
-    // is handled by processUpdateQueue.
+  // TODO: Handle HostComponent tags here as well and call pushHostContext()?
+  // See PR 8590 discussion for context
+  switch (workInProgress.tag) {
+    case HostRoot:
+      pushHostRootContext(workInProgress);
+      break;
+    case ClassComponent:
+      pushContextProvider(workInProgress);
+      break;
+    case HostPortal:
+      pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
+      break;
+    case ContextProvider:
+      pushProvider(workInProgress);
+      break;
   }
+  // TODO: What if this is currently in progress?
+  // How can that happen? How is this not being cloned?
+  return null;
+}
 
-  function beginWork(current, workInProgress, renderExpirationTime) {
-    if (
-      workInProgress.expirationTime === NoWork ||
-      workInProgress.expirationTime > renderExpirationTime
-    ) {
-      return bailoutOnLowPriority(current, workInProgress);
-    }
+// TODO: Delete memoizeProps/State and move to reconcile/bailout instead
+function memoizeProps(workInProgress, nextProps) {
+  workInProgress.memoizedProps = nextProps;
+}
 
-    switch (workInProgress.tag) {
-      case IndeterminateComponent:
-        return mountIndeterminateComponent(
-          current,
-          workInProgress,
-          renderExpirationTime
-        );
-      case FunctionalComponent:
-        return updateFunctionalComponent(current, workInProgress);
-      case ClassComponent:
-        return updateClassComponent(
-          current,
-          workInProgress,
-          renderExpirationTime
-        );
-      case HostRoot:
-        return updateHostRoot(current, workInProgress, renderExpirationTime);
-      case HostComponent:
-        return updateHostComponent(
-          current,
-          workInProgress,
-          renderExpirationTime
-        );
-      case HostText:
-        return updateHostText(current, workInProgress);
-      case CallHandlerPhase:
-        // This is a restart. Reset the tag to the initial phase.
-        workInProgress.tag = CallComponent;
-      // Intentionally fall through since this is now the same.
-      case CallComponent:
-        return updateCallComponent(
-          current,
-          workInProgress,
-          renderExpirationTime
-        );
-      case ReturnComponent:
-        // A return component is just a placeholder, we can just run through the
-        // next one immediately.
-        return null;
-      case HostPortal:
-        return updatePortalComponent(
-          current,
-          workInProgress,
-          renderExpirationTime
-        );
-      case Fragment:
-        return updateFragment(current, workInProgress);
-      case Mode:
-        return updateMode(current, workInProgress);
-      case ContextProvider:
-        return updateContextProvider(
-          current,
-          workInProgress,
-          renderExpirationTime
-        );
-      case ContextConsumer:
-        return updateContextConsumer(
-          current,
-          workInProgress,
-          renderExpirationTime
-        );
-      default:
-        invariant(
-          false,
-          "Unknown unit of work tag. This error is likely caused by a bug in " +
-            "React. Please file an issue."
-        );
+function memoizeState(workInProgress, nextState) {
+  workInProgress.memoizedState = nextState;
+  // Don't reset the updateQueue, in case there are pending updates. Resetting
+  // is handled by processUpdateQueue.
+}
+
+function beginWork(current, workInProgress, renderExpirationTime) {
+  if (enableProfilerTimer) {
+    if (workInProgress.mode & ProfileMode) {
+      markActualRenderTimeStarted(workInProgress);
     }
   }
 
-  return {
-    beginWork: beginWork
-  };
-};
-
-var ReactFiberCompleteWork = function(config, hostContext, hydrationContext) {
-  var createInstance = config.createInstance,
-    createTextInstance = config.createTextInstance,
-    appendInitialChild = config.appendInitialChild,
-    finalizeInitialChildren = config.finalizeInitialChildren,
-    prepareUpdate = config.prepareUpdate,
-    mutation = config.mutation,
-    persistence = config.persistence;
-  var getRootHostContainer = hostContext.getRootHostContainer,
-    popHostContext = hostContext.popHostContext,
-    getHostContext = hostContext.getHostContext,
-    popHostContainer = hostContext.popHostContainer;
-  var prepareToHydrateHostInstance =
-      hydrationContext.prepareToHydrateHostInstance,
-    prepareToHydrateHostTextInstance =
-      hydrationContext.prepareToHydrateHostTextInstance,
-    popHydrationState = hydrationContext.popHydrationState;
-
-  function markUpdate(workInProgress) {
-    // Tag the fiber with an update effect. This turns a Placement into
-    // an UpdateAndPlacement.
-    workInProgress.effectTag |= Update;
+  if (
+    workInProgress.expirationTime === NoWork ||
+    workInProgress.expirationTime > renderExpirationTime
+  ) {
+    return bailoutOnLowPriority(current, workInProgress);
   }
 
-  function markRef(workInProgress) {
-    workInProgress.effectTag |= Ref;
+  switch (workInProgress.tag) {
+    case IndeterminateComponent:
+      return mountIndeterminateComponent(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    case FunctionalComponent:
+      return updateFunctionalComponent(current, workInProgress);
+    case ClassComponent:
+      return updateClassComponent(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    case HostRoot:
+      return updateHostRoot(current, workInProgress, renderExpirationTime);
+    case HostComponent:
+      return updateHostComponent(current, workInProgress, renderExpirationTime);
+    case HostText:
+      return updateHostText(current, workInProgress);
+    case TimeoutComponent:
+      return updateTimeoutComponent(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    case HostPortal:
+      return updatePortalComponent(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    case ForwardRef:
+      return updateForwardRef(current, workInProgress);
+    case Fragment:
+      return updateFragment(current, workInProgress);
+    case Mode:
+      return updateMode(current, workInProgress);
+    case Profiler:
+      return updateProfiler(current, workInProgress);
+    case ContextProvider:
+      return updateContextProvider(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    case ContextConsumer:
+      return updateContextConsumer(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    default:
+      invariant(
+        false,
+        "Unknown unit of work tag. This error is likely caused by a bug in " +
+          "React. Please file an issue."
+      );
   }
+}
+
+function markUpdate(workInProgress) {
+  // Tag the fiber with an update effect. This turns a Placement into
+  // a PlacementAndUpdate.
+  workInProgress.effectTag |= Update;
+}
+
+function markRef$1(workInProgress) {
+  workInProgress.effectTag |= Ref;
+}
 
-  function appendAllReturns(returns, workInProgress) {
-    var node = workInProgress.stateNode;
-    if (node) {
-      node["return"] = workInProgress;
+function appendAllChildren(parent, workInProgress) {
+  // We only have the top Fiber that was created but we need recurse down its
+  // children to find all the terminal nodes.
+  var node = workInProgress.child;
+  while (node !== null) {
+    if (node.tag === HostComponent || node.tag === HostText) {
+      appendInitialChild(parent, node.stateNode);
+    } else if (node.tag === HostPortal) {
+      // If we have a portal child, then we don't want to traverse
+      // down its children. Instead, we'll get insertions from each child in
+      // the portal directly.
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
     }
-    while (node !== null) {
-      if (
-        node.tag === HostComponent ||
-        node.tag === HostText ||
-        node.tag === HostPortal
-      ) {
-        invariant(false, "A call cannot have host component children.");
-      } else if (node.tag === ReturnComponent) {
-        returns.push(node.pendingProps.value);
-      } else if (node.child !== null) {
-        node.child["return"] = node;
-        node = node.child;
-        continue;
-      }
-      while (node.sibling === null) {
-        if (node["return"] === null || node["return"] === workInProgress) {
-          return;
-        }
-        node = node["return"];
+    if (node === workInProgress) {
+      return;
+    }
+    while (node.sibling === null) {
+      if (node.return === null || node.return === workInProgress) {
+        return;
       }
-      node.sibling["return"] = node["return"];
-      node = node.sibling;
+      node = node.return;
     }
+    node.sibling.return = node.return;
+    node = node.sibling;
   }
+}
+
+var updateHostContainer = void 0;
+var updateHostComponent$1 = void 0;
+var updateHostText$1 = void 0;
+if (supportsMutation) {
+  // Mutation mode
 
-  function moveCallToHandlerPhase(
+  updateHostContainer = function(workInProgress) {
+    // Noop
+  };
+  updateHostComponent$1 = function(
     current,
     workInProgress,
-    renderExpirationTime
+    updatePayload,
+    type,
+    oldProps,
+    newProps,
+    rootContainerInstance,
+    currentHostContext
   ) {
-    var props = workInProgress.memoizedProps;
-    invariant(
-      props,
-      "Should be resolved by now. This error is likely caused by a bug in " +
-        "React. Please file an issue."
-    );
-
-    // First step of the call has completed. Now we need to do the second.
-    // TODO: It would be nice to have a multi stage call represented by a
-    // single component, or at least tail call optimize nested ones. Currently
-    // that requires additional fields that we don't want to add to the fiber.
-    // So this requires nested handlers.
-    // Note: This doesn't mutate the alternate node. I don't think it needs to
-    // since this stage is reset for every pass.
-    workInProgress.tag = CallHandlerPhase;
-
-    // Build up the returns.
-    // TODO: Compare this to a generator or opaque helpers like Children.
-    var returns = [];
-    appendAllReturns(returns, workInProgress);
-    var fn = props.handler;
-    var childProps = props.props;
-    var nextChildren = fn(childProps, returns);
-
-    var currentFirstChild = current !== null ? current.child : null;
-    workInProgress.child = reconcileChildFibers(
-      workInProgress,
-      currentFirstChild,
-      nextChildren,
-      renderExpirationTime
-    );
-    return workInProgress.child;
-  }
+    // TODO: Type this specific to this type of component.
+    workInProgress.updateQueue = updatePayload;
+    // If the update payload indicates that there is a change or if there
+    // is a new ref we mark this as an update. All the work is done in commitWork.
+    if (updatePayload) {
+      markUpdate(workInProgress);
+    }
+  };
+  updateHostText$1 = function(current, workInProgress, oldText, newText) {
+    // If the text differs, mark it as an update. All the work in done in commitWork.
+    if (oldText !== newText) {
+      markUpdate(workInProgress);
+    }
+  };
+} else if (supportsPersistence) {
+  // Persistent host tree mode
 
-  function appendAllChildren(parent, workInProgress) {
+  // An unfortunate fork of appendAllChildren because we have two different parent types.
+  var appendAllChildrenToContainer = function(
+    containerChildSet,
+    workInProgress
+  ) {
     // We only have the top Fiber that was created but we need recurse down its
     // children to find all the terminal nodes.
     var node = workInProgress.child;
     while (node !== null) {
       if (node.tag === HostComponent || node.tag === HostText) {
-        appendInitialChild(parent, node.stateNode);
+        appendChildToContainerChildSet(containerChildSet, node.stateNode);
       } else if (node.tag === HostPortal) {
         // If we have a portal child, then we don't want to traverse
         // down its children. Instead, we'll get insertions from each child in
         // the portal directly.
       } else if (node.child !== null) {
-        node.child["return"] = node;
+        node.child.return = node;
         node = node.child;
         continue;
       }
       if (node === workInProgress) {
         return;
-      }
-      while (node.sibling === null) {
-        if (node["return"] === null || node["return"] === workInProgress) {
-          return;
-        }
-        node = node["return"];
-      }
-      node.sibling["return"] = node["return"];
-      node = node.sibling;
-    }
-  }
-
-  var updateHostContainer = void 0;
-  var updateHostComponent = void 0;
-  var updateHostText = void 0;
-  if (mutation) {
-    if (enableMutatingReconciler) {
-      // Mutation mode
-      updateHostContainer = function(workInProgress) {
-        // Noop
-      };
-      updateHostComponent = function(
-        current,
-        workInProgress,
-        updatePayload,
-        type,
-        oldProps,
-        newProps,
-        rootContainerInstance,
-        currentHostContext
-      ) {
-        // TODO: Type this specific to this type of component.
-        workInProgress.updateQueue = updatePayload;
-        // If the update payload indicates that there is a change or if there
-        // is a new ref we mark this as an update. All the work is done in commitWork.
-        if (updatePayload) {
-          markUpdate(workInProgress);
-        }
-      };
-      updateHostText = function(current, workInProgress, oldText, newText) {
-        // If the text differs, mark it as an update. All the work in done in commitWork.
-        if (oldText !== newText) {
-          markUpdate(workInProgress);
-        }
-      };
-    } else {
-      invariant(false, "Mutating reconciler is disabled.");
-    }
-  } else if (persistence) {
-    if (enablePersistentReconciler) {
-      // Persistent host tree mode
-      var cloneInstance = persistence.cloneInstance,
-        createContainerChildSet = persistence.createContainerChildSet,
-        appendChildToContainerChildSet =
-          persistence.appendChildToContainerChildSet,
-        finalizeContainerChildren = persistence.finalizeContainerChildren;
-
-      // An unfortunate fork of appendAllChildren because we have two different parent types.
-
-      var appendAllChildrenToContainer = function(
-        containerChildSet,
-        workInProgress
-      ) {
-        // We only have the top Fiber that was created but we need recurse down its
-        // children to find all the terminal nodes.
-        var node = workInProgress.child;
-        while (node !== null) {
-          if (node.tag === HostComponent || node.tag === HostText) {
-            appendChildToContainerChildSet(containerChildSet, node.stateNode);
-          } else if (node.tag === HostPortal) {
-            // If we have a portal child, then we don't want to traverse
-            // down its children. Instead, we'll get insertions from each child in
-            // the portal directly.
-          } else if (node.child !== null) {
-            node.child["return"] = node;
-            node = node.child;
-            continue;
-          }
-          if (node === workInProgress) {
-            return;
-          }
-          while (node.sibling === null) {
-            if (node["return"] === null || node["return"] === workInProgress) {
-              return;
-            }
-            node = node["return"];
-          }
-          node.sibling["return"] = node["return"];
-          node = node.sibling;
-        }
-      };
-      updateHostContainer = function(workInProgress) {
-        var portalOrRoot = workInProgress.stateNode;
-        var childrenUnchanged = workInProgress.firstEffect === null;
-        if (childrenUnchanged) {
-          // No changes, just reuse the existing instance.
-        } else {
-          var container = portalOrRoot.containerInfo;
-          var newChildSet = createContainerChildSet(container);
-          // If children might have changed, we have to add them all to the set.
-          appendAllChildrenToContainer(newChildSet, workInProgress);
-          portalOrRoot.pendingChildren = newChildSet;
-          // Schedule an update on the container to swap out the container.
-          markUpdate(workInProgress);
-          finalizeContainerChildren(container, newChildSet);
-        }
-      };
-      updateHostComponent = function(
-        current,
-        workInProgress,
-        updatePayload,
-        type,
-        oldProps,
-        newProps,
-        rootContainerInstance,
-        currentHostContext
-      ) {
-        // If there are no effects associated with this node, then none of our children had any updates.
-        // This guarantees that we can reuse all of them.
-        var childrenUnchanged = workInProgress.firstEffect === null;
-        var currentInstance = current.stateNode;
-        if (childrenUnchanged && updatePayload === null) {
-          // No changes, just reuse the existing instance.
-          // Note that this might release a previous clone.
-          workInProgress.stateNode = currentInstance;
-        } else {
-          var recyclableInstance = workInProgress.stateNode;
-          var newInstance = cloneInstance(
-            currentInstance,
-            updatePayload,
-            type,
-            oldProps,
-            newProps,
-            workInProgress,
-            childrenUnchanged,
-            recyclableInstance
-          );
-          if (
-            finalizeInitialChildren(
-              newInstance,
-              type,
-              newProps,
-              rootContainerInstance,
-              currentHostContext
-            )
-          ) {
-            markUpdate(workInProgress);
-          }
-          workInProgress.stateNode = newInstance;
-          if (childrenUnchanged) {
-            // If there are no other effects in this tree, we need to flag this node as having one.
-            // Even though we're not going to use it for anything.
-            // Otherwise parents won't know that there are new children to propagate upwards.
-            markUpdate(workInProgress);
-          } else {
-            // If children might have changed, we have to add them all to the set.
-            appendAllChildren(newInstance, workInProgress);
-          }
-        }
-      };
-      updateHostText = function(current, workInProgress, oldText, newText) {
-        if (oldText !== newText) {
-          // If the text content differs, we'll create a new text instance for it.
-          var rootContainerInstance = getRootHostContainer();
-          var currentHostContext = getHostContext();
-          workInProgress.stateNode = createTextInstance(
-            newText,
-            rootContainerInstance,
-            currentHostContext,
-            workInProgress
-          );
-          // We'll have to mark it as having an effect, even though we won't use the effect for anything.
-          // This lets the parents know that at least one of their children has changed.
-          markUpdate(workInProgress);
+      }
+      while (node.sibling === null) {
+        if (node.return === null || node.return === workInProgress) {
+          return;
         }
-      };
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  };
+  updateHostContainer = function(workInProgress) {
+    var portalOrRoot = workInProgress.stateNode;
+    var childrenUnchanged = workInProgress.firstEffect === null;
+    if (childrenUnchanged) {
+      // No changes, just reuse the existing instance.
     } else {
-      invariant(false, "Persistent reconciler is disabled.");
+      var container = portalOrRoot.containerInfo;
+      var newChildSet = createContainerChildSet(container);
+      // If children might have changed, we have to add them all to the set.
+      appendAllChildrenToContainer(newChildSet, workInProgress);
+      portalOrRoot.pendingChildren = newChildSet;
+      // Schedule an update on the container to swap out the container.
+      markUpdate(workInProgress);
+      finalizeContainerChildren(container, newChildSet);
     }
-  } else {
-    if (enableNoopReconciler) {
-      // No host operations
-      updateHostContainer = function(workInProgress) {
-        // Noop
-      };
-      updateHostComponent = function(
-        current,
-        workInProgress,
+  };
+  updateHostComponent$1 = function(
+    current,
+    workInProgress,
+    updatePayload,
+    type,
+    oldProps,
+    newProps,
+    rootContainerInstance,
+    currentHostContext
+  ) {
+    // If there are no effects associated with this node, then none of our children had any updates.
+    // This guarantees that we can reuse all of them.
+    var childrenUnchanged = workInProgress.firstEffect === null;
+    var currentInstance = current.stateNode;
+    if (childrenUnchanged && updatePayload === null) {
+      // No changes, just reuse the existing instance.
+      // Note that this might release a previous clone.
+      workInProgress.stateNode = currentInstance;
+    } else {
+      var recyclableInstance = workInProgress.stateNode;
+      var newInstance = cloneInstance(
+        currentInstance,
         updatePayload,
         type,
         oldProps,
         newProps,
-        rootContainerInstance,
-        currentHostContext
+        workInProgress,
+        childrenUnchanged,
+        recyclableInstance
+      );
+      if (
+        finalizeInitialChildren(
+          newInstance,
+          type,
+          newProps,
+          rootContainerInstance,
+          currentHostContext
+        )
       ) {
-        // Noop
-      };
-      updateHostText = function(current, workInProgress, oldText, newText) {
-        // Noop
-      };
-    } else {
-      invariant(false, "Noop reconciler is disabled.");
+        markUpdate(workInProgress);
+      }
+      workInProgress.stateNode = newInstance;
+      if (childrenUnchanged) {
+        // If there are no other effects in this tree, we need to flag this node as having one.
+        // Even though we're not going to use it for anything.
+        // Otherwise parents won't know that there are new children to propagate upwards.
+        markUpdate(workInProgress);
+      } else {
+        // If children might have changed, we have to add them all to the set.
+        appendAllChildren(newInstance, workInProgress);
+      }
     }
-  }
+  };
+  updateHostText$1 = function(current, workInProgress, oldText, newText) {
+    if (oldText !== newText) {
+      // If the text content differs, we'll create a new text instance for it.
+      var rootContainerInstance = getRootHostContainer();
+      var currentHostContext = getHostContext();
+      workInProgress.stateNode = createTextInstance(
+        newText,
+        rootContainerInstance,
+        currentHostContext,
+        workInProgress
+      );
+      // We'll have to mark it as having an effect, even though we won't use the effect for anything.
+      // This lets the parents know that at least one of their children has changed.
+      markUpdate(workInProgress);
+    }
+  };
+} else {
+  // No host operations
+  updateHostContainer = function(workInProgress) {
+    // Noop
+  };
+  updateHostComponent$1 = function(
+    current,
+    workInProgress,
+    updatePayload,
+    type,
+    oldProps,
+    newProps,
+    rootContainerInstance,
+    currentHostContext
+  ) {
+    // Noop
+  };
+  updateHostText$1 = function(current, workInProgress, oldText, newText) {
+    // Noop
+  };
+}
 
-  function completeWork(current, workInProgress, renderExpirationTime) {
-    var newProps = workInProgress.pendingProps;
-    switch (workInProgress.tag) {
-      case FunctionalComponent:
-        return null;
-      case ClassComponent: {
-        // We are leaving this subtree, so pop context if any.
-        popContextProvider(workInProgress);
+function completeWork(current, workInProgress, renderExpirationTime) {
+  var newProps = workInProgress.pendingProps;
 
-        // If this component caught an error, schedule an error log effect.
-        var instance = workInProgress.stateNode;
-        var updateQueue = workInProgress.updateQueue;
-        if (updateQueue !== null && updateQueue.capturedValues !== null) {
-          workInProgress.effectTag &= ~DidCapture;
-          if (typeof instance.componentDidCatch === "function") {
-            workInProgress.effectTag |= ErrLog;
-          } else {
-            // Normally we clear this in the commit phase, but since we did not
-            // schedule an effect, we need to reset it here.
-            updateQueue.capturedValues = null;
-          }
-        }
-        return null;
+  if (enableProfilerTimer) {
+    if (workInProgress.mode & ProfileMode) {
+      recordElapsedActualRenderTime(workInProgress);
+    }
+  }
+
+  switch (workInProgress.tag) {
+    case FunctionalComponent:
+      return null;
+    case ClassComponent: {
+      // We are leaving this subtree, so pop context if any.
+      popContextProvider(workInProgress);
+      return null;
+    }
+    case HostRoot: {
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      var fiberRoot = workInProgress.stateNode;
+      if (fiberRoot.pendingContext) {
+        fiberRoot.context = fiberRoot.pendingContext;
+        fiberRoot.pendingContext = null;
+      }
+      if (current === null || current.child === null) {
+        // If we hydrated, pop so that we can delete any remaining children
+        // that weren't hydrated.
+        popHydrationState(workInProgress);
+        // This resets the hacky state to fix isMounted before committing.
+        // TODO: Delete this when we delete isMounted and findDOMNode.
+        workInProgress.effectTag &= ~Placement;
       }
-      case HostRoot: {
-        popHostContainer(workInProgress);
-        popTopLevelContextObject(workInProgress);
-        var fiberRoot = workInProgress.stateNode;
-        if (fiberRoot.pendingContext) {
-          fiberRoot.context = fiberRoot.pendingContext;
-          fiberRoot.pendingContext = null;
-        }
-        if (current === null || current.child === null) {
-          // If we hydrated, pop so that we can delete any remaining children
-          // that weren't hydrated.
-          popHydrationState(workInProgress);
-          // This resets the hacky state to fix isMounted before committing.
-          // TODO: Delete this when we delete isMounted and findDOMNode.
-          workInProgress.effectTag &= ~Placement;
-        }
-        updateHostContainer(workInProgress);
+      updateHostContainer(workInProgress);
+      return null;
+    }
+    case HostComponent: {
+      popHostContext(workInProgress);
+      var rootContainerInstance = getRootHostContainer();
+      var type = workInProgress.type;
+      if (current !== null && workInProgress.stateNode != null) {
+        // If we have an alternate, that means this is an update and we need to
+        // schedule a side-effect to do the updates.
+        var oldProps = current.memoizedProps;
+        // If we get updated because one of our children updated, we don't
+        // 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.
+        var instance = workInProgress.stateNode;
+        var currentHostContext = getHostContext();
+        // TODO: Experiencing an error where oldProps is null. Suggests a host
+        // component is hitting the resume path. Figure out why. Possibly
+        // related to `hidden`.
+        var updatePayload = prepareUpdate(
+          instance,
+          type,
+          oldProps,
+          newProps,
+          rootContainerInstance,
+          currentHostContext
+        );
+
+        updateHostComponent$1(
+          current,
+          workInProgress,
+          updatePayload,
+          type,
+          oldProps,
+          newProps,
+          rootContainerInstance,
+          currentHostContext
+        );
 
-        var _updateQueue = workInProgress.updateQueue;
-        if (_updateQueue !== null && _updateQueue.capturedValues !== null) {
-          workInProgress.effectTag |= ErrLog;
+        if (current.ref !== workInProgress.ref) {
+          markRef$1(workInProgress);
         }
-        return null;
-      }
-      case HostComponent: {
-        popHostContext(workInProgress);
-        var rootContainerInstance = getRootHostContainer();
-        var type = workInProgress.type;
-        if (current !== null && workInProgress.stateNode != null) {
-          // If we have an alternate, that means this is an update and we need to
-          // schedule a side-effect to do the updates.
-          var oldProps = current.memoizedProps;
-          // If we get updated because one of our children updated, we don't
-          // 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.
-          var _instance = workInProgress.stateNode;
-          var currentHostContext = getHostContext();
-          // TODO: Experiencing an error where oldProps is null. Suggests a host
-          // component is hitting the resume path. Figure out why. Possibly
-          // related to `hidden`.
-          var updatePayload = prepareUpdate(
-            _instance,
-            type,
-            oldProps,
-            newProps,
-            rootContainerInstance,
-            currentHostContext
+      } else {
+        if (!newProps) {
+          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."
           );
+          // This can happen when we abort work.
+          return null;
+        }
 
-          updateHostComponent(
-            current,
-            workInProgress,
-            updatePayload,
+        var _currentHostContext = getHostContext();
+        // TODO: Move createInstance to beginWork and keep it on a context
+        // "stack" as the parent. Then append children as we go in beginWork
+        // or completeWork depending on we want to add then top->down or
+        // bottom->up. Top->down is faster in IE11.
+        var wasHydrated = popHydrationState(workInProgress);
+        if (wasHydrated) {
+          // TODO: Move this and createInstance step into the beginPhase
+          // to consolidate.
+          if (
+            prepareToHydrateHostInstance(
+              workInProgress,
+              rootContainerInstance,
+              _currentHostContext
+            )
+          ) {
+            // If changes to the hydrated node needs to be applied at the
+            // commit-phase we mark this as such.
+            markUpdate(workInProgress);
+          }
+        } else {
+          var _instance = createInstance(
             type,
-            oldProps,
             newProps,
             rootContainerInstance,
-            currentHostContext
+            _currentHostContext,
+            workInProgress
           );
 
-          if (current.ref !== workInProgress.ref) {
-            markRef(workInProgress);
-          }
-        } else {
-          if (!newProps) {
-            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."
-            );
-            // This can happen when we abort work.
-            return null;
-          }
+          appendAllChildren(_instance, workInProgress);
 
-          var _currentHostContext = getHostContext();
-          // TODO: Move createInstance to beginWork and keep it on a context
-          // "stack" as the parent. Then append children as we go in beginWork
-          // or completeWork depending on we want to add then top->down or
-          // bottom->up. Top->down is faster in IE11.
-          var wasHydrated = popHydrationState(workInProgress);
-          if (wasHydrated) {
-            // TODO: Move this and createInstance step into the beginPhase
-            // to consolidate.
-            if (
-              prepareToHydrateHostInstance(
-                workInProgress,
-                rootContainerInstance,
-                _currentHostContext
-              )
-            ) {
-              // If changes to the hydrated node needs to be applied at the
-              // commit-phase we mark this as such.
-              markUpdate(workInProgress);
-            }
-          } else {
-            var _instance2 = createInstance(
+          // 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,
-              _currentHostContext,
-              workInProgress
-            );
-
-            appendAllChildren(_instance2, workInProgress);
-
-            // 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(
-                _instance2,
-                type,
-                newProps,
-                rootContainerInstance,
-                _currentHostContext
-              )
-            ) {
-              markUpdate(workInProgress);
-            }
-            workInProgress.stateNode = _instance2;
-          }
-
-          if (workInProgress.ref !== null) {
-            // If there is a ref on a host node we need to schedule a callback
-            markRef(workInProgress);
+              _currentHostContext
+            )
+          ) {
+            markUpdate(workInProgress);
           }
+          workInProgress.stateNode = _instance;
         }
-        return null;
-      }
-      case HostText: {
-        var newText = newProps;
-        if (current && workInProgress.stateNode != null) {
-          var oldText = current.memoizedProps;
-          // If we have an alternate, that means this is an update and we need
-          // to schedule a side-effect to do the updates.
-          updateHostText(current, workInProgress, oldText, newText);
-        } else {
-          if (typeof newText !== "string") {
-            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."
-            );
-            // This can happen when we abort work.
-            return null;
-          }
-          var _rootContainerInstance = getRootHostContainer();
-          var _currentHostContext2 = getHostContext();
-          var _wasHydrated = popHydrationState(workInProgress);
-          if (_wasHydrated) {
-            if (prepareToHydrateHostTextInstance(workInProgress)) {
-              markUpdate(workInProgress);
-            }
-          } else {
-            workInProgress.stateNode = createTextInstance(
-              newText,
-              _rootContainerInstance,
-              _currentHostContext2,
-              workInProgress
-            );
-          }
+
+        if (workInProgress.ref !== null) {
+          // If there is a ref on a host node we need to schedule a callback
+          markRef$1(workInProgress);
         }
-        return null;
       }
-      case CallComponent:
-        return moveCallToHandlerPhase(
-          current,
-          workInProgress,
-          renderExpirationTime
-        );
-      case CallHandlerPhase:
-        // Reset the tag to now be a first phase call.
-        workInProgress.tag = CallComponent;
-        return null;
-      case ReturnComponent:
-        // Does nothing.
-        return null;
-      case Fragment:
-        return null;
-      case Mode:
-        return null;
-      case HostPortal:
-        popHostContainer(workInProgress);
-        updateHostContainer(workInProgress);
-        return null;
-      case ContextProvider:
-        // Pop provider fiber
-        popProvider(workInProgress);
-        return null;
-      case ContextConsumer:
-        return null;
-      // Error cases
-      case IndeterminateComponent:
-        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."
-        );
-      // 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."
-        );
+      return null;
     }
-  }
-
-  return {
-    completeWork: completeWork
-  };
-};
-
-function createCapturedValue(value, source) {
-  // If the value is an error, call this function immediately after it is thrown
-  // so the stack is accurate.
-  return {
-    value: value,
-    source: source,
-    stack: getStackAddendumByWorkInProgressFiber(source)
-  };
-}
-
-var ReactFiberUnwindWork = function(
-  hostContext,
-  scheduleWork,
-  isAlreadyFailedLegacyErrorBoundary
-) {
-  var popHostContainer = hostContext.popHostContainer,
-    popHostContext = hostContext.popHostContext;
-
-  function throwException(returnFiber, sourceFiber, rawValue) {
-    // The source fiber did not complete.
-    sourceFiber.effectTag |= Incomplete;
-    // Its effect list is no longer valid.
-    sourceFiber.firstEffect = sourceFiber.lastEffect = null;
-
-    var value = createCapturedValue(rawValue, sourceFiber);
-
-    var workInProgress = returnFiber;
-    do {
-      switch (workInProgress.tag) {
-        case HostRoot: {
-          // Uncaught error
-          var errorInfo = value;
-          ensureUpdateQueues(workInProgress);
-          var updateQueue = workInProgress.updateQueue;
-          updateQueue.capturedValues = [errorInfo];
-          workInProgress.effectTag |= ShouldCapture;
-          return;
+    case HostText: {
+      var newText = newProps;
+      if (current && workInProgress.stateNode != null) {
+        var oldText = current.memoizedProps;
+        // If we have an alternate, that means this is an update and we need
+        // to schedule a side-effect to do the updates.
+        updateHostText$1(current, workInProgress, oldText, newText);
+      } else {
+        if (typeof newText !== "string") {
+          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."
+          );
+          // This can happen when we abort work.
+          return null;
         }
-        case ClassComponent:
-          // Capture and retry
-          var ctor = workInProgress.type;
-          var _instance = workInProgress.stateNode;
-          if (
-            (workInProgress.effectTag & DidCapture) === NoEffect &&
-            ((typeof ctor.getDerivedStateFromCatch === "function" &&
-              enableGetDerivedStateFromCatch) ||
-              (_instance !== null &&
-                typeof _instance.componentDidCatch === "function" &&
-                !isAlreadyFailedLegacyErrorBoundary(_instance)))
-          ) {
-            ensureUpdateQueues(workInProgress);
-            var _updateQueue = workInProgress.updateQueue;
-            var capturedValues = _updateQueue.capturedValues;
-            if (capturedValues === null) {
-              _updateQueue.capturedValues = [value];
-            } else {
-              capturedValues.push(value);
-            }
-            workInProgress.effectTag |= ShouldCapture;
-            return;
+        var _rootContainerInstance = getRootHostContainer();
+        var _currentHostContext2 = getHostContext();
+        var _wasHydrated = popHydrationState(workInProgress);
+        if (_wasHydrated) {
+          if (prepareToHydrateHostTextInstance(workInProgress)) {
+            markUpdate(workInProgress);
           }
-          break;
-        default:
-          break;
-      }
-      workInProgress = workInProgress["return"];
-    } while (workInProgress !== null);
-  }
-
-  function unwindWork(workInProgress) {
-    switch (workInProgress.tag) {
-      case ClassComponent: {
-        popContextProvider(workInProgress);
-        var effectTag = workInProgress.effectTag;
-        if (effectTag & ShouldCapture) {
-          workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;
-          return workInProgress;
-        }
-        return null;
-      }
-      case HostRoot: {
-        popHostContainer(workInProgress);
-        popTopLevelContextObject(workInProgress);
-        var _effectTag = workInProgress.effectTag;
-        if (_effectTag & ShouldCapture) {
-          workInProgress.effectTag = (_effectTag & ~ShouldCapture) | DidCapture;
-          return workInProgress;
+        } else {
+          workInProgress.stateNode = createTextInstance(
+            newText,
+            _rootContainerInstance,
+            _currentHostContext2,
+            workInProgress
+          );
         }
-        return null;
-      }
-      case HostComponent: {
-        popHostContext(workInProgress);
-        return null;
       }
-      case HostPortal:
-        popHostContainer(workInProgress);
-        return null;
-      case ContextProvider:
-        popProvider(workInProgress);
-        return null;
-      default:
-        return null;
+      return null;
     }
+    case ForwardRef:
+      return null;
+    case TimeoutComponent:
+      return null;
+    case Fragment:
+      return null;
+    case Mode:
+      return null;
+    case Profiler:
+      return null;
+    case HostPortal:
+      popHostContainer(workInProgress);
+      updateHostContainer(workInProgress);
+      return null;
+    case ContextProvider:
+      // Pop provider fiber
+      popProvider(workInProgress);
+      return null;
+    case ContextConsumer:
+      return null;
+    // Error cases
+    case IndeterminateComponent:
+      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."
+      );
+    // 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."
+      );
   }
-  return {
-    throwException: throwException,
-    unwindWork: unwindWork
-  };
-};
+}
 
 // Module provided by RN:
 /**
@@ -10445,30 +11311,33 @@ var invokeGuardedCallback$3 = ReactErrorUtils.invokeGuardedCallback;
 var hasCaughtError$1 = ReactErrorUtils.hasCaughtError;
 var clearCaughtError$1 = ReactErrorUtils.clearCaughtError;
 
+var didWarnAboutUndefinedSnapshotBeforeUpdate = null;
+{
+  didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
+}
+
 function logError(boundary, errorInfo) {
   var source = errorInfo.source;
   var stack = errorInfo.stack;
-  if (stack === null) {
+  if (stack === null && source !== null) {
     stack = getStackAddendumByWorkInProgressFiber(source);
   }
 
   var capturedError = {
     componentName: source !== null ? getComponentName(source) : null,
-    error: errorInfo.value,
-    errorBoundary: boundary,
     componentStack: stack !== null ? stack : "",
+    error: errorInfo.value,
+    errorBoundary: null,
     errorBoundaryName: null,
     errorBoundaryFound: false,
     willRetry: false
   };
 
-  if (boundary !== null) {
+  if (boundary !== null && boundary.tag === ClassComponent) {
+    capturedError.errorBoundary = boundary.stateNode;
     capturedError.errorBoundaryName = getComponentName(boundary);
-    capturedError.errorBoundaryFound = capturedError.willRetry =
-      boundary.tag === ClassComponent;
-  } else {
-    capturedError.errorBoundaryName = null;
-    capturedError.errorBoundaryFound = capturedError.willRetry = false;
+    capturedError.errorBoundaryFound = true;
+    capturedError.willRetry = true;
   }
 
   try {
@@ -10483,1173 +11352,1019 @@ function logError(boundary, errorInfo) {
   }
 }
 
-var ReactFiberCommitWork = function(
-  config,
-  captureError,
-  scheduleWork,
-  computeExpirationForFiber,
-  markLegacyErrorBoundaryAsFailed,
-  recalculateCurrentTime
-) {
-  var getPublicInstance = config.getPublicInstance,
-    mutation = config.mutation,
-    persistence = config.persistence;
-
-  var callComponentWillUnmountWithTimer = function(current, instance) {
-    startPhaseTimer(current, "componentWillUnmount");
-    instance.props = current.memoizedProps;
-    instance.state = current.memoizedState;
-    instance.componentWillUnmount();
-    stopPhaseTimer();
-  };
+var callComponentWillUnmountWithTimer = function(current, instance) {
+  startPhaseTimer(current, "componentWillUnmount");
+  instance.props = current.memoizedProps;
+  instance.state = current.memoizedState;
+  instance.componentWillUnmount();
+  stopPhaseTimer();
+};
 
-  // Capture errors so they don't interrupt unmounting.
-  function safelyCallComponentWillUnmount(current, instance) {
-    {
-      invokeGuardedCallback$3(
-        null,
-        callComponentWillUnmountWithTimer,
-        null,
-        current,
-        instance
-      );
-      if (hasCaughtError$1()) {
-        var unmountError = clearCaughtError$1();
-        captureError(current, unmountError);
-      }
+// Capture errors so they don't interrupt unmounting.
+function safelyCallComponentWillUnmount(current, instance) {
+  {
+    invokeGuardedCallback$3(
+      null,
+      callComponentWillUnmountWithTimer,
+      null,
+      current,
+      instance
+    );
+    if (hasCaughtError$1()) {
+      var unmountError = clearCaughtError$1();
+      captureCommitPhaseError(current, unmountError);
     }
   }
+}
 
-  function safelyDetachRef(current) {
-    var ref = current.ref;
-    if (ref !== null) {
-      if (typeof ref === "function") {
-        {
-          invokeGuardedCallback$3(null, ref, null, null);
-          if (hasCaughtError$1()) {
-            var refError = clearCaughtError$1();
-            captureError(current, refError);
-          }
+function safelyDetachRef(current) {
+  var ref = current.ref;
+  if (ref !== null) {
+    if (typeof ref === "function") {
+      {
+        invokeGuardedCallback$3(null, ref, null, null);
+        if (hasCaughtError$1()) {
+          var refError = clearCaughtError$1();
+          captureCommitPhaseError(current, refError);
         }
-      } else {
-        ref.value = null;
       }
+    } else {
+      ref.current = null;
     }
   }
+}
 
-  function commitLifeCycles(
-    finishedRoot,
-    current,
-    finishedWork,
-    currentTime,
-    committedExpirationTime
-  ) {
-    switch (finishedWork.tag) {
-      case ClassComponent: {
-        var _instance = finishedWork.stateNode;
-        if (finishedWork.effectTag & Update) {
-          if (current === null) {
-            startPhaseTimer(finishedWork, "componentDidMount");
-            _instance.props = finishedWork.memoizedProps;
-            _instance.state = finishedWork.memoizedState;
-            _instance.componentDidMount();
-            stopPhaseTimer();
-          } else {
-            var prevProps = current.memoizedProps;
-            var prevState = current.memoizedState;
-            startPhaseTimer(finishedWork, "componentDidUpdate");
-            _instance.props = finishedWork.memoizedProps;
-            _instance.state = finishedWork.memoizedState;
-            _instance.componentDidUpdate(prevProps, prevState);
-            stopPhaseTimer();
-          }
-        }
-        var updateQueue = finishedWork.updateQueue;
-        if (updateQueue !== null) {
-          commitCallbacks(updateQueue, _instance);
-        }
-        return;
-      }
-      case HostRoot: {
-        var _updateQueue = finishedWork.updateQueue;
-        if (_updateQueue !== null) {
-          var _instance2 = null;
-          if (finishedWork.child !== null) {
-            switch (finishedWork.child.tag) {
-              case HostComponent:
-                _instance2 = getPublicInstance(finishedWork.child.stateNode);
-                break;
-              case ClassComponent:
-                _instance2 = finishedWork.child.stateNode;
-                break;
+function commitBeforeMutationLifeCycles(current, finishedWork) {
+  switch (finishedWork.tag) {
+    case ClassComponent: {
+      if (finishedWork.effectTag & Snapshot) {
+        if (current !== null) {
+          var prevProps = current.memoizedProps;
+          var prevState = current.memoizedState;
+          startPhaseTimer(finishedWork, "getSnapshotBeforeUpdate");
+          var instance = finishedWork.stateNode;
+          instance.props = finishedWork.memoizedProps;
+          instance.state = finishedWork.memoizedState;
+          var snapshot = instance.getSnapshotBeforeUpdate(prevProps, prevState);
+          {
+            var didWarnSet = didWarnAboutUndefinedSnapshotBeforeUpdate;
+            if (snapshot === undefined && !didWarnSet.has(finishedWork.type)) {
+              didWarnSet.add(finishedWork.type);
+              warning(
+                false,
+                "%s.getSnapshotBeforeUpdate(): A snapshot value (or null) " +
+                  "must be returned. You have returned undefined.",
+                getComponentName(finishedWork)
+              );
             }
           }
-          commitCallbacks(_updateQueue, _instance2);
+          instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+          stopPhaseTimer();
         }
-        return;
       }
-      case HostComponent: {
-        var _instance3 = 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) {
-          var type = finishedWork.type;
-          var props = finishedWork.memoizedProps;
-          commitMount(_instance3, type, props, finishedWork);
-        }
+      return;
+    }
+    case HostRoot:
+    case HostComponent:
+    case HostText:
+    case HostPortal:
+      // Nothing to do for these component types
+      return;
+    default: {
+      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."
+      );
+    }
+  }
+}
 
-        return;
-      }
-      case HostText: {
-        // We have no life-cycles associated with text.
-        return;
-      }
-      case HostPortal: {
-        // We have no life-cycles associated with portals.
-        return;
+function commitLifeCycles(
+  finishedRoot,
+  current,
+  finishedWork,
+  currentTime,
+  committedExpirationTime
+) {
+  switch (finishedWork.tag) {
+    case ClassComponent: {
+      var instance = finishedWork.stateNode;
+      if (finishedWork.effectTag & Update) {
+        if (current === null) {
+          startPhaseTimer(finishedWork, "componentDidMount");
+          instance.props = finishedWork.memoizedProps;
+          instance.state = finishedWork.memoizedState;
+          instance.componentDidMount();
+          stopPhaseTimer();
+        } else {
+          var prevProps = current.memoizedProps;
+          var prevState = current.memoizedState;
+          startPhaseTimer(finishedWork, "componentDidUpdate");
+          instance.props = finishedWork.memoizedProps;
+          instance.state = finishedWork.memoizedState;
+          instance.componentDidUpdate(
+            prevProps,
+            prevState,
+            instance.__reactInternalSnapshotBeforeUpdate
+          );
+          stopPhaseTimer();
+        }
       }
-      default: {
-        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."
+      var updateQueue = finishedWork.updateQueue;
+      if (updateQueue !== null) {
+        instance.props = finishedWork.memoizedProps;
+        instance.state = finishedWork.memoizedState;
+        commitUpdateQueue(
+          finishedWork,
+          updateQueue,
+          instance,
+          committedExpirationTime
         );
       }
+      return;
     }
-  }
-
-  function commitErrorLogging(finishedWork, onUncaughtError) {
-    switch (finishedWork.tag) {
-      case ClassComponent:
-        {
-          var ctor = finishedWork.type;
-          var _instance4 = finishedWork.stateNode;
-          var updateQueue = finishedWork.updateQueue;
-          invariant(
-            updateQueue !== null && updateQueue.capturedValues !== null,
-            "An error logging effect should not have been scheduled if no errors " +
-              "were captured. This error is likely caused by a bug in React. " +
-              "Please file an issue."
-          );
-          var capturedErrors = updateQueue.capturedValues;
-          updateQueue.capturedValues = null;
-
-          if (typeof ctor.getDerivedStateFromCatch !== "function") {
-            // To preserve the preexisting retry behavior of error boundaries,
-            // we keep track of which ones already failed during this batch.
-            // This gets reset before we yield back to the browser.
-            // TODO: Warn in strict mode if getDerivedStateFromCatch is
-            // not defined.
-            markLegacyErrorBoundaryAsFailed(_instance4);
-          }
-
-          _instance4.props = finishedWork.memoizedProps;
-          _instance4.state = finishedWork.memoizedState;
-          for (var i = 0; i < capturedErrors.length; i++) {
-            var errorInfo = capturedErrors[i];
-            var _error = errorInfo.value;
-            logError(finishedWork, errorInfo);
-            _instance4.componentDidCatch(_error);
+    case HostRoot: {
+      var _updateQueue = finishedWork.updateQueue;
+      if (_updateQueue !== null) {
+        var _instance = null;
+        if (finishedWork.child !== null) {
+          switch (finishedWork.child.tag) {
+            case HostComponent:
+              _instance = getPublicInstance(finishedWork.child.stateNode);
+              break;
+            case ClassComponent:
+              _instance = finishedWork.child.stateNode;
+              break;
           }
         }
-        break;
-      case HostRoot: {
-        var _updateQueue2 = finishedWork.updateQueue;
-        invariant(
-          _updateQueue2 !== null && _updateQueue2.capturedValues !== null,
-          "An error logging effect should not have been scheduled if no errors " +
-            "were captured. This error is likely caused by a bug in React. " +
-            "Please file an issue."
+        commitUpdateQueue(
+          finishedWork,
+          _updateQueue,
+          _instance,
+          committedExpirationTime
         );
-        var _capturedErrors = _updateQueue2.capturedValues;
-        _updateQueue2.capturedValues = null;
-        for (var _i = 0; _i < _capturedErrors.length; _i++) {
-          var _errorInfo = _capturedErrors[_i];
-          logError(finishedWork, _errorInfo);
-          onUncaughtError(_errorInfo.value);
-        }
-        break;
       }
-      default:
-        invariant(
-          false,
-          "This unit of work tag cannot capture errors.  This error is " +
-            "likely caused by a bug in React. Please file an issue."
-        );
+      return;
     }
-  }
+    case HostComponent: {
+      var _instance2 = finishedWork.stateNode;
 
-  function commitAttachRef(finishedWork) {
-    var ref = finishedWork.ref;
-    if (ref !== null) {
-      var _instance5 = finishedWork.stateNode;
-      var instanceToUse = void 0;
-      switch (finishedWork.tag) {
-        case HostComponent:
-          instanceToUse = getPublicInstance(_instance5);
-          break;
-        default:
-          instanceToUse = _instance5;
-      }
-      if (typeof ref === "function") {
-        ref(instanceToUse);
-      } else {
-        ref.value = instanceToUse;
+      // 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) {
+        var type = finishedWork.type;
+        var props = finishedWork.memoizedProps;
       }
+
+      return;
+    }
+    case HostText: {
+      // We have no life-cycles associated with text.
+      return;
+    }
+    case HostPortal: {
+      // We have no life-cycles associated with portals.
+      return;
+    }
+    case Profiler: {
+      // We have no life-cycles associated with Profiler.
+      return;
+    }
+    case TimeoutComponent: {
+      // We have no life-cycles associated with Timeouts.
+      return;
+    }
+    default: {
+      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."
+      );
     }
   }
+}
 
-  function commitDetachRef(current) {
-    var currentRef = current.ref;
-    if (currentRef !== null) {
-      if (typeof currentRef === "function") {
-        currentRef(null);
-      } else {
-        currentRef.value = null;
+function commitAttachRef(finishedWork) {
+  var ref = finishedWork.ref;
+  if (ref !== null) {
+    var instance = finishedWork.stateNode;
+    var instanceToUse = void 0;
+    switch (finishedWork.tag) {
+      case HostComponent:
+        instanceToUse = getPublicInstance(instance);
+        break;
+      default:
+        instanceToUse = instance;
+    }
+    if (typeof ref === "function") {
+      ref(instanceToUse);
+    } else {
+      {
+        if (!ref.hasOwnProperty("current")) {
+          warning(
+            false,
+            "Unexpected ref object provided for %s. " +
+              "Use either a ref-setter function or React.createRef().%s",
+            getComponentName(finishedWork),
+            getStackAddendumByWorkInProgressFiber(finishedWork)
+          );
+        }
       }
+
+      ref.current = instanceToUse;
     }
   }
+}
 
-  // 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) {
-    if (typeof onCommitUnmount === "function") {
-      onCommitUnmount(current);
+function commitDetachRef(current) {
+  var currentRef = current.ref;
+  if (currentRef !== null) {
+    if (typeof currentRef === "function") {
+      currentRef(null);
+    } else {
+      currentRef.current = null;
     }
+  }
+}
 
-    switch (current.tag) {
-      case ClassComponent: {
-        safelyDetachRef(current);
-        var _instance6 = current.stateNode;
-        if (typeof _instance6.componentWillUnmount === "function") {
-          safelyCallComponentWillUnmount(current, _instance6);
-        }
-        return;
-      }
-      case HostComponent: {
-        safelyDetachRef(current);
-        return;
-      }
-      case CallComponent: {
-        commitNestedUnmounts(current.stateNode);
-        return;
+// 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) {
+  if (typeof onCommitUnmount === "function") {
+    onCommitUnmount(current);
+  }
+
+  switch (current.tag) {
+    case ClassComponent: {
+      safelyDetachRef(current);
+      var instance = current.stateNode;
+      if (typeof instance.componentWillUnmount === "function") {
+        safelyCallComponentWillUnmount(current, instance);
       }
-      case HostPortal: {
-        // TODO: this is recursive.
-        // We are also not using this parent because
-        // the portal will get pushed immediately.
-        if (enableMutatingReconciler && mutation) {
-          unmountHostComponents(current);
-        } else if (enablePersistentReconciler && persistence) {
-          emptyPortalContainer(current);
-        }
-        return;
+      return;
+    }
+    case HostComponent: {
+      safelyDetachRef(current);
+      return;
+    }
+    case HostPortal: {
+      // TODO: this is recursive.
+      // We are also not using this parent because
+      // the portal will get pushed immediately.
+      if (supportsMutation) {
+        unmountHostComponents(current);
+      } else if (supportsPersistence) {
+        emptyPortalContainer(current);
       }
+      return;
     }
   }
+}
 
-  function commitNestedUnmounts(root) {
-    // 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
-    var node = root;
-    while (true) {
-      commitUnmount(node);
-      // Visit children because they may contain more composite or host nodes.
-      // Skip portals because commitUnmount() currently visits them recursively.
-      if (
-        node.child !== null &&
-        // If we use mutation we drill down into portals using commitUnmount above.
-        // If we don't use mutation we drill down into portals here instead.
-        (!mutation || node.tag !== HostPortal)
-      ) {
-        node.child["return"] = node;
-        node = node.child;
-        continue;
-      }
-      if (node === root) {
+function commitNestedUnmounts(root) {
+  // 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
+  var node = root;
+  while (true) {
+    commitUnmount(node);
+    // Visit children because they may contain more composite or host nodes.
+    // Skip portals because commitUnmount() currently visits them recursively.
+    if (
+      node.child !== null &&
+      // If we use mutation we drill down into portals using commitUnmount above.
+      // If we don't use mutation we drill down into portals here instead.
+      (!supportsMutation || node.tag !== HostPortal)
+    ) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === root) {
+      return;
+    }
+    while (node.sibling === null) {
+      if (node.return === null || node.return === root) {
         return;
       }
-      while (node.sibling === null) {
-        if (node["return"] === null || node["return"] === root) {
-          return;
-        }
-        node = node["return"];
-      }
-      node.sibling["return"] = node["return"];
-      node = node.sibling;
+      node = node.return;
     }
+    node.sibling.return = node.return;
+    node = node.sibling;
   }
+}
 
-  function detachFiber(current) {
-    // Cut off the return pointers to disconnect it from the tree. Ideally, we
-    // should clear the child pointer of the parent alternate to let this
-    // get GC:ed but we don't know which for sure which parent is the current
-    // one so we'll settle for GC:ing the subtree of this child. This child
-    // itself will be GC:ed when the parent updates the next time.
-    current["return"] = null;
-    current.child = null;
-    if (current.alternate) {
-      current.alternate.child = null;
-      current.alternate["return"] = null;
-    }
+function detachFiber(current) {
+  // Cut off the return pointers to disconnect it from the tree. Ideally, we
+  // should clear the child pointer of the parent alternate to let this
+  // get GC:ed but we don't know which for sure which parent is the current
+  // one so we'll settle for GC:ing the subtree of this child. This child
+  // itself will be GC:ed when the parent updates the next time.
+  current.return = null;
+  current.child = null;
+  if (current.alternate) {
+    current.alternate.child = null;
+    current.alternate.return = null;
   }
+}
 
-  var emptyPortalContainer = void 0;
+function emptyPortalContainer(current) {
+  if (!supportsPersistence) {
+    return;
+  }
 
-  if (!mutation) {
-    var commitContainer = void 0;
-    if (persistence) {
-      var replaceContainerChildren = persistence.replaceContainerChildren,
-        createContainerChildSet = persistence.createContainerChildSet;
+  var portal = current.stateNode;
+  var containerInfo = portal.containerInfo;
 
-      emptyPortalContainer = function(current) {
-        var portal = current.stateNode;
-        var containerInfo = portal.containerInfo;
+  var emptyChildSet = createContainerChildSet(containerInfo);
+  replaceContainerChildren(containerInfo, emptyChildSet);
+}
 
-        var emptyChildSet = createContainerChildSet(containerInfo);
-        replaceContainerChildren(containerInfo, emptyChildSet);
-      };
-      commitContainer = function(finishedWork) {
-        switch (finishedWork.tag) {
-          case ClassComponent: {
-            return;
-          }
-          case HostComponent: {
-            return;
-          }
-          case HostText: {
-            return;
-          }
-          case HostRoot:
-          case HostPortal: {
-            var portalOrRoot = finishedWork.stateNode;
-            var containerInfo = portalOrRoot.containerInfo,
-              _pendingChildren = portalOrRoot.pendingChildren;
+function commitContainer(finishedWork) {
+  if (!supportsPersistence) {
+    return;
+  }
 
-            replaceContainerChildren(containerInfo, _pendingChildren);
-            return;
-          }
-          default: {
-            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."
-            );
-          }
-        }
-      };
-    } else {
-      commitContainer = function(finishedWork) {
-        // Noop
-      };
+  switch (finishedWork.tag) {
+    case ClassComponent: {
+      return;
     }
-    if (enablePersistentReconciler || enableNoopReconciler) {
-      return {
-        commitResetTextContent: function(finishedWork) {},
-        commitPlacement: function(finishedWork) {},
-        commitDeletion: function(current) {
-          // Detach refs and call componentWillUnmount() on the whole subtree.
-          commitNestedUnmounts(current);
-          detachFiber(current);
-        },
-        commitWork: function(current, finishedWork) {
-          commitContainer(finishedWork);
-        },
-
-        commitLifeCycles: commitLifeCycles,
-        commitErrorLogging: commitErrorLogging,
-        commitAttachRef: commitAttachRef,
-        commitDetachRef: commitDetachRef
-      };
-    } else if (persistence) {
-      invariant(false, "Persistent reconciler is disabled.");
-    } else {
-      invariant(false, "Noop reconciler is disabled.");
+    case HostComponent: {
+      return;
+    }
+    case HostText: {
+      return;
+    }
+    case HostRoot:
+    case HostPortal: {
+      var portalOrRoot = finishedWork.stateNode;
+      var containerInfo = portalOrRoot.containerInfo,
+        _pendingChildren = portalOrRoot.pendingChildren;
+
+      replaceContainerChildren(containerInfo, _pendingChildren);
+      return;
+    }
+    default: {
+      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."
+      );
+    }
+  }
+}
+
+function getHostParentFiber(fiber) {
+  var parent = fiber.return;
+  while (parent !== null) {
+    if (isHostParent(parent)) {
+      return parent;
     }
+    parent = parent.return;
   }
-  var commitMount = mutation.commitMount,
-    commitUpdate = mutation.commitUpdate,
-    resetTextContent = mutation.resetTextContent,
-    commitTextUpdate = mutation.commitTextUpdate,
-    appendChild = mutation.appendChild,
-    appendChildToContainer = mutation.appendChildToContainer,
-    insertBefore = mutation.insertBefore,
-    insertInContainerBefore = mutation.insertInContainerBefore,
-    removeChild = mutation.removeChild,
-    removeChildFromContainer = mutation.removeChildFromContainer;
+  invariant(
+    false,
+    "Expected to find a host parent. This error is likely caused by a bug " +
+      "in React. Please file an issue."
+  );
+}
+
+function isHostParent(fiber) {
+  return (
+    fiber.tag === HostComponent ||
+    fiber.tag === HostRoot ||
+    fiber.tag === HostPortal
+  );
+}
 
-  function getHostParentFiber(fiber) {
-    var parent = fiber["return"];
-    while (parent !== null) {
-      if (isHostParent(parent)) {
-        return parent;
+function getHostSibling(fiber) {
+  // 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.
+  var node = fiber;
+  siblings: while (true) {
+    // If we didn't find anything, let's try the next sibling.
+    while (node.sibling === null) {
+      if (node.return === null || isHostParent(node.return)) {
+        // If we pop out of the root or hit the parent the fiber we are the
+        // last sibling.
+        return null;
       }
-      parent = parent["return"];
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+    while (node.tag !== HostComponent && node.tag !== HostText) {
+      // If it is not host node and, we might have a host node inside it.
+      // Try to search down until we find one.
+      if (node.effectTag & Placement) {
+        // If we don't have a child, try the siblings instead.
+        continue siblings;
+      }
+      // If we don't have a child, try the siblings instead.
+      // We also skip portals because they are not part of this host tree.
+      if (node.child === null || node.tag === HostPortal) {
+        continue siblings;
+      } else {
+        node.child.return = node;
+        node = node.child;
+      }
+    }
+    // Check if this host node is stable or about to be placed.
+    if (!(node.effectTag & Placement)) {
+      // Found it!
+      return node.stateNode;
     }
-    invariant(
-      false,
-      "Expected to find a host parent. This error is likely caused by a bug " +
-        "in React. Please file an issue."
-    );
   }
+}
 
-  function isHostParent(fiber) {
-    return (
-      fiber.tag === HostComponent ||
-      fiber.tag === HostRoot ||
-      fiber.tag === HostPortal
-    );
+function commitPlacement(finishedWork) {
+  if (!supportsMutation) {
+    return;
   }
 
-  function getHostSibling(fiber) {
-    // 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.
-    var node = fiber;
-    siblings: while (true) {
-      // If we didn't find anything, let's try the next sibling.
-      while (node.sibling === null) {
-        if (node["return"] === null || isHostParent(node["return"])) {
-          // If we pop out of the root or hit the parent the fiber we are the
-          // last sibling.
-          return null;
-        }
-        node = node["return"];
-      }
-      node.sibling["return"] = node["return"];
-      node = node.sibling;
-      while (node.tag !== HostComponent && node.tag !== HostText) {
-        // If it is not host node and, we might have a host node inside it.
-        // Try to search down until we find one.
-        if (node.effectTag & Placement) {
-          // If we don't have a child, try the siblings instead.
-          continue siblings;
+  // Recursively insert all host nodes into the parent.
+  var parentFiber = getHostParentFiber(finishedWork);
+  var parent = void 0;
+  var isContainer = void 0;
+  switch (parentFiber.tag) {
+    case HostComponent:
+      parent = parentFiber.stateNode;
+      isContainer = false;
+      break;
+    case HostRoot:
+      parent = parentFiber.stateNode.containerInfo;
+      isContainer = true;
+      break;
+    case HostPortal:
+      parent = parentFiber.stateNode.containerInfo;
+      isContainer = true;
+      break;
+    default:
+      invariant(
+        false,
+        "Invalid host parent fiber. This error is likely caused by a bug " +
+          "in React. Please file an issue."
+      );
+  }
+  if (parentFiber.effectTag & ContentReset) {
+    // Reset the text content of the parent before doing any insertions
+    parentFiber.effectTag &= ~ContentReset;
+  }
+
+  var 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.
+  var node = finishedWork;
+  while (true) {
+    if (node.tag === HostComponent || node.tag === HostText) {
+      if (before) {
+        if (isContainer) {
+          insertInContainerBefore(parent, node.stateNode, before);
+        } else {
+          insertBefore(parent, node.stateNode, before);
         }
-        // If we don't have a child, try the siblings instead.
-        // We also skip portals because they are not part of this host tree.
-        if (node.child === null || node.tag === HostPortal) {
-          continue siblings;
+      } else {
+        if (isContainer) {
+          appendChildToContainer(parent, node.stateNode);
         } else {
-          node.child["return"] = node;
-          node = node.child;
+          appendChild(parent, node.stateNode);
         }
       }
-      // Check if this host node is stable or about to be placed.
-      if (!(node.effectTag & Placement)) {
-        // Found it!
-        return node.stateNode;
-      }
-    }
-  }
-
-  function commitPlacement(finishedWork) {
-    // Recursively insert all host nodes into the parent.
-    var parentFiber = getHostParentFiber(finishedWork);
-    var parent = void 0;
-    var isContainer = void 0;
-    switch (parentFiber.tag) {
-      case HostComponent:
-        parent = parentFiber.stateNode;
-        isContainer = false;
-        break;
-      case HostRoot:
-        parent = parentFiber.stateNode.containerInfo;
-        isContainer = true;
-        break;
-      case HostPortal:
-        parent = parentFiber.stateNode.containerInfo;
-        isContainer = true;
-        break;
-      default:
-        invariant(
-          false,
-          "Invalid host parent fiber. This error is likely caused by a bug " +
-            "in React. Please file an issue."
-        );
+    } else if (node.tag === HostPortal) {
+      // If the insertion itself is a portal, then we don't want to traverse
+      // down its children. Instead, we'll get insertions from each child in
+      // the portal directly.
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
     }
-    if (parentFiber.effectTag & ContentReset) {
-      // Reset the text content of the parent before doing any insertions
-      resetTextContent(parent);
-      // Clear ContentReset from the effect tag
-      parentFiber.effectTag &= ~ContentReset;
+    if (node === finishedWork) {
+      return;
     }
-
-    var 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.
-    var node = finishedWork;
-    while (true) {
-      if (node.tag === HostComponent || node.tag === HostText) {
-        if (before) {
-          if (isContainer) {
-            insertInContainerBefore(parent, node.stateNode, before);
-          } else {
-            insertBefore(parent, node.stateNode, before);
-          }
-        } else {
-          if (isContainer) {
-            appendChildToContainer(parent, node.stateNode);
-          } else {
-            appendChild(parent, node.stateNode);
-          }
-        }
-      } else if (node.tag === HostPortal) {
-        // If the insertion itself is a portal, then we don't want to traverse
-        // down its children. Instead, we'll get insertions from each child in
-        // the portal directly.
-      } else if (node.child !== null) {
-        node.child["return"] = node;
-        node = node.child;
-        continue;
-      }
-      if (node === finishedWork) {
+    while (node.sibling === null) {
+      if (node.return === null || node.return === finishedWork) {
         return;
       }
-      while (node.sibling === null) {
-        if (node["return"] === null || node["return"] === finishedWork) {
-          return;
-        }
-        node = node["return"];
-      }
-      node.sibling["return"] = node["return"];
-      node = node.sibling;
+      node = node.return;
     }
+    node.sibling.return = node.return;
+    node = node.sibling;
   }
+}
 
-  function unmountHostComponents(current) {
-    // We only have the top Fiber that was inserted but we need recurse down its
-    var node = current;
+function unmountHostComponents(current) {
+  // We only have the top Fiber that was inserted but we need recurse down its
+  var node = current;
 
-    // Each iteration, currentParent is populated with node's host parent if not
-    // currentParentIsValid.
-    var currentParentIsValid = false;
-    var currentParent = void 0;
-    var currentParentIsContainer = void 0;
+  // Each iteration, currentParent is populated with node's host parent if not
+  // currentParentIsValid.
+  var currentParentIsValid = false;
+  var currentParent = void 0;
+  var currentParentIsContainer = void 0;
 
-    while (true) {
-      if (!currentParentIsValid) {
-        var parent = node["return"];
-        findParent: while (true) {
-          invariant(
-            parent !== null,
-            "Expected to find a host parent. This error is likely caused by " +
-              "a bug in React. Please file an issue."
-          );
-          switch (parent.tag) {
-            case HostComponent:
-              currentParent = parent.stateNode;
-              currentParentIsContainer = false;
-              break findParent;
-            case HostRoot:
-              currentParent = parent.stateNode.containerInfo;
-              currentParentIsContainer = true;
-              break findParent;
-            case HostPortal:
-              currentParent = parent.stateNode.containerInfo;
-              currentParentIsContainer = true;
-              break findParent;
-          }
-          parent = parent["return"];
+  while (true) {
+    if (!currentParentIsValid) {
+      var parent = node.return;
+      findParent: while (true) {
+        invariant(
+          parent !== null,
+          "Expected to find a host parent. This error is likely caused by " +
+            "a bug in React. Please file an issue."
+        );
+        switch (parent.tag) {
+          case HostComponent:
+            currentParent = parent.stateNode;
+            currentParentIsContainer = false;
+            break findParent;
+          case HostRoot:
+            currentParent = parent.stateNode.containerInfo;
+            currentParentIsContainer = true;
+            break findParent;
+          case HostPortal:
+            currentParent = parent.stateNode.containerInfo;
+            currentParentIsContainer = true;
+            break findParent;
         }
-        currentParentIsValid = true;
+        parent = parent.return;
       }
+      currentParentIsValid = true;
+    }
 
-      if (node.tag === HostComponent || node.tag === HostText) {
-        commitNestedUnmounts(node);
-        // After all the children have unmounted, it is now safe to remove the
-        // node from the tree.
-        if (currentParentIsContainer) {
-          removeChildFromContainer(currentParent, node.stateNode);
-        } else {
-          removeChild(currentParent, node.stateNode);
-        }
-        // Don't visit children because we already visited them.
-      } else if (node.tag === HostPortal) {
-        // When we go into a portal, it becomes the parent to remove from.
-        // We will reassign it back when we pop the portal on the way up.
-        currentParent = node.stateNode.containerInfo;
-        // Visit children because portals might contain host components.
-        if (node.child !== null) {
-          node.child["return"] = node;
-          node = node.child;
-          continue;
-        }
+    if (node.tag === HostComponent || node.tag === HostText) {
+      commitNestedUnmounts(node);
+      // After all the children have unmounted, it is now safe to remove the
+      // node from the tree.
+      if (currentParentIsContainer) {
+        removeChildFromContainer(currentParent, node.stateNode);
       } else {
-        commitUnmount(node);
-        // Visit children because we may find more host components below.
-        if (node.child !== null) {
-          node.child["return"] = node;
-          node = node.child;
-          continue;
-        }
+        removeChild(currentParent, node.stateNode);
+      }
+      // Don't visit children because we already visited them.
+    } else if (node.tag === HostPortal) {
+      // When we go into a portal, it becomes the parent to remove from.
+      // We will reassign it back when we pop the portal on the way up.
+      currentParent = node.stateNode.containerInfo;
+      // Visit children because portals might contain host components.
+      if (node.child !== null) {
+        node.child.return = node;
+        node = node.child;
+        continue;
+      }
+    } else {
+      commitUnmount(node);
+      // Visit children because we may find more host components below.
+      if (node.child !== null) {
+        node.child.return = node;
+        node = node.child;
+        continue;
       }
-      if (node === current) {
+    }
+    if (node === current) {
+      return;
+    }
+    while (node.sibling === null) {
+      if (node.return === null || node.return === current) {
         return;
       }
-      while (node.sibling === null) {
-        if (node["return"] === null || node["return"] === current) {
-          return;
-        }
-        node = node["return"];
-        if (node.tag === HostPortal) {
-          // When we go out of the portal, we need to restore the parent.
-          // Since we don't keep a stack of them, we will search for it.
-          currentParentIsValid = false;
-        }
+      node = node.return;
+      if (node.tag === HostPortal) {
+        // When we go out of the portal, we need to restore the parent.
+        // Since we don't keep a stack of them, we will search for it.
+        currentParentIsValid = false;
       }
-      node.sibling["return"] = node["return"];
-      node = node.sibling;
     }
+    node.sibling.return = node.return;
+    node = node.sibling;
   }
+}
 
-  function commitDeletion(current) {
+function commitDeletion(current) {
+  if (supportsMutation) {
     // Recursively delete all host nodes from the parent.
     // Detach refs and call componentWillUnmount() on the whole subtree.
     unmountHostComponents(current);
-    detachFiber(current);
+  } else {
+    // Detach refs and call componentWillUnmount() on the whole subtree.
+    commitNestedUnmounts(current);
   }
+  detachFiber(current);
+}
 
-  function commitWork(current, finishedWork) {
-    switch (finishedWork.tag) {
-      case ClassComponent: {
-        return;
-      }
-      case HostComponent: {
-        var _instance7 = finishedWork.stateNode;
-        if (_instance7 != null) {
-          // Commit the work prepared earlier.
-          var newProps = finishedWork.memoizedProps;
-          // For hydration we reuse the update path but we treat the oldProps
-          // as the newProps. The updatePayload will contain the real change in
-          // this case.
-          var oldProps = current !== null ? current.memoizedProps : newProps;
-          var type = finishedWork.type;
-          // TODO: Type the updateQueue to be specific to host components.
-          var updatePayload = finishedWork.updateQueue;
-          finishedWork.updateQueue = null;
-          if (updatePayload !== null) {
-            commitUpdate(
-              _instance7,
-              updatePayload,
-              type,
-              oldProps,
-              newProps,
-              finishedWork
-            );
-          }
-        }
-        return;
-      }
-      case HostText: {
-        invariant(
-          finishedWork.stateNode !== null,
-          "This should have a text node initialized. This error is likely " +
-            "caused by a bug in React. Please file an issue."
-        );
-        var textInstance = finishedWork.stateNode;
-        var newText = finishedWork.memoizedProps;
+function commitWork(current, finishedWork) {
+  if (!supportsMutation) {
+    commitContainer(finishedWork);
+    return;
+  }
+
+  switch (finishedWork.tag) {
+    case ClassComponent: {
+      return;
+    }
+    case HostComponent: {
+      var instance = finishedWork.stateNode;
+      if (instance != null) {
+        // Commit the work prepared earlier.
+        var newProps = finishedWork.memoizedProps;
         // For hydration we reuse the update path but we treat the oldProps
         // as the newProps. The updatePayload will contain the real change in
         // this case.
-        var oldText = current !== null ? current.memoizedProps : newText;
-        commitTextUpdate(textInstance, oldText, newText);
-        return;
-      }
-      case HostRoot: {
-        return;
+        var oldProps = current !== null ? current.memoizedProps : newProps;
+        var type = finishedWork.type;
+        // TODO: Type the updateQueue to be specific to host components.
+        var updatePayload = finishedWork.updateQueue;
+        finishedWork.updateQueue = null;
+        if (updatePayload !== null) {
+          commitUpdate(
+            instance,
+            updatePayload,
+            type,
+            oldProps,
+            newProps,
+            finishedWork
+          );
+        }
       }
-      default: {
-        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."
+      return;
+    }
+    case HostText: {
+      invariant(
+        finishedWork.stateNode !== null,
+        "This should have a text node initialized. This error is likely " +
+          "caused by a bug in React. Please file an issue."
+      );
+      var textInstance = finishedWork.stateNode;
+      var newText = finishedWork.memoizedProps;
+      // For hydration we reuse the update path but we treat the oldProps
+      // as the newProps. The updatePayload will contain the real change in
+      // this case.
+      var oldText = current !== null ? current.memoizedProps : newText;
+      commitTextUpdate(textInstance, oldText, newText);
+      return;
+    }
+    case HostRoot: {
+      return;
+    }
+    case Profiler: {
+      if (enableProfilerTimer) {
+        var onRender = finishedWork.memoizedProps.onRender;
+        onRender(
+          finishedWork.memoizedProps.id,
+          current === null ? "mount" : "update",
+          finishedWork.actualDuration,
+          finishedWork.treeBaseTime,
+          finishedWork.actualStartTime,
+          getCommitTime()
         );
       }
-    }
-  }
-
-  function commitResetTextContent(current) {
-    resetTextContent(current.stateNode);
-  }
-
-  if (enableMutatingReconciler) {
-    return {
-      commitResetTextContent: commitResetTextContent,
-      commitPlacement: commitPlacement,
-      commitDeletion: commitDeletion,
-      commitWork: commitWork,
-      commitLifeCycles: commitLifeCycles,
-      commitErrorLogging: commitErrorLogging,
-      commitAttachRef: commitAttachRef,
-      commitDetachRef: commitDetachRef
-    };
-  } else {
-    invariant(false, "Mutating reconciler is disabled.");
-  }
-};
-
-var NO_CONTEXT = {};
-
-var ReactFiberHostContext = function(config) {
-  var getChildHostContext = config.getChildHostContext,
-    getRootHostContext = config.getRootHostContext;
-
-  var contextStackCursor = createCursor(NO_CONTEXT);
-  var contextFiberStackCursor = createCursor(NO_CONTEXT);
-  var rootInstanceStackCursor = createCursor(NO_CONTEXT);
-
-  function requiredContext(c) {
-    invariant(
-      c !== NO_CONTEXT,
-      "Expected host context to exist. This error is likely caused by a bug " +
-        "in React. Please file an issue."
-    );
-    return c;
-  }
-
-  function getRootHostContainer() {
-    var rootInstance = requiredContext(rootInstanceStackCursor.current);
-    return rootInstance;
-  }
-
-  function pushHostContainer(fiber, nextRootInstance) {
-    // Push current root instance onto the stack;
-    // This allows us to reset root when portals are popped.
-    push(rootInstanceStackCursor, nextRootInstance, fiber);
-
-    var nextRootContext = getRootHostContext(nextRootInstance);
-
-    // Track the context and the Fiber that provided it.
-    // This enables us to pop only Fibers that provide unique contexts.
-    push(contextFiberStackCursor, fiber, fiber);
-    push(contextStackCursor, nextRootContext, fiber);
-  }
-
-  function popHostContainer(fiber) {
-    pop(contextStackCursor, fiber);
-    pop(contextFiberStackCursor, fiber);
-    pop(rootInstanceStackCursor, fiber);
-  }
-
-  function getHostContext() {
-    var context = requiredContext(contextStackCursor.current);
-    return context;
-  }
-
-  function pushHostContext(fiber) {
-    var rootInstance = requiredContext(rootInstanceStackCursor.current);
-    var context = requiredContext(contextStackCursor.current);
-    var nextContext = getChildHostContext(context, fiber.type, rootInstance);
-
-    // Don't push this Fiber's context unless it's unique.
-    if (context === nextContext) {
       return;
     }
-
-    // Track the context and the Fiber that provided it.
-    // This enables us to pop only Fibers that provide unique contexts.
-    push(contextFiberStackCursor, fiber, fiber);
-    push(contextStackCursor, nextContext, fiber);
-  }
-
-  function popHostContext(fiber) {
-    // Do not pop unless this Fiber provided the current context.
-    // pushHostContext() only pushes Fibers that provide unique contexts.
-    if (contextFiberStackCursor.current !== fiber) {
+    case TimeoutComponent: {
       return;
     }
-
-    pop(contextStackCursor, fiber);
-    pop(contextFiberStackCursor, fiber);
+    default: {
+      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."
+      );
+    }
   }
+}
 
-  function resetHostContainer() {
-    contextStackCursor.current = NO_CONTEXT;
-    rootInstanceStackCursor.current = NO_CONTEXT;
+function commitResetTextContent(current) {
+  if (!supportsMutation) {
+    return;
   }
+  resetTextContent(current.stateNode);
+}
 
-  return {
-    getHostContext: getHostContext,
-    getRootHostContainer: getRootHostContainer,
-    popHostContainer: popHostContainer,
-    popHostContext: popHostContext,
-    pushHostContainer: pushHostContainer,
-    pushHostContext: pushHostContext,
-    resetHostContainer: resetHostContainer
+function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
+  var update = createUpdate(expirationTime);
+  // Unmount the root by rendering null.
+  update.tag = CaptureUpdate;
+  // Caution: React DevTools currently depends on this property
+  // being called "element".
+  update.payload = { element: null };
+  var error = errorInfo.value;
+  update.callback = function() {
+    onUncaughtError(error);
+    logError(fiber, errorInfo);
   };
-};
-
-var ReactFiberHydrationContext = function(config) {
-  var shouldSetTextContent = config.shouldSetTextContent,
-    hydration = config.hydration;
-
-  // If this doesn't have hydration mode.
+  return update;
+}
 
-  if (!hydration) {
-    return {
-      enterHydrationState: function() {
-        return false;
-      },
-      resetHydrationState: function() {},
-      tryToClaimNextHydratableInstance: function() {},
-      prepareToHydrateHostInstance: function() {
-        invariant(
-          false,
-          "Expected prepareToHydrateHostInstance() to never be called. " +
-            "This error is likely caused by a bug in React. Please file an issue."
-        );
-      },
-      prepareToHydrateHostTextInstance: function() {
-        invariant(
-          false,
-          "Expected prepareToHydrateHostTextInstance() to never be called. " +
-            "This error is likely caused by a bug in React. Please file an issue."
-        );
-      },
-      popHydrationState: function(fiber) {
-        return false;
-      }
+function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
+  var update = createUpdate(expirationTime);
+  update.tag = CaptureUpdate;
+  var getDerivedStateFromCatch = fiber.type.getDerivedStateFromCatch;
+  if (
+    enableGetDerivedStateFromCatch &&
+    typeof getDerivedStateFromCatch === "function"
+  ) {
+    var error = errorInfo.value;
+    update.payload = function() {
+      return getDerivedStateFromCatch(error);
     };
   }
 
-  var canHydrateInstance = hydration.canHydrateInstance,
-    canHydrateTextInstance = hydration.canHydrateTextInstance,
-    getNextHydratableSibling = hydration.getNextHydratableSibling,
-    getFirstHydratableChild = hydration.getFirstHydratableChild,
-    hydrateInstance = hydration.hydrateInstance,
-    hydrateTextInstance = hydration.hydrateTextInstance,
-    didNotMatchHydratedContainerTextInstance =
-      hydration.didNotMatchHydratedContainerTextInstance,
-    didNotMatchHydratedTextInstance = hydration.didNotMatchHydratedTextInstance,
-    didNotHydrateContainerInstance = hydration.didNotHydrateContainerInstance,
-    didNotHydrateInstance = hydration.didNotHydrateInstance,
-    didNotFindHydratableContainerInstance =
-      hydration.didNotFindHydratableContainerInstance,
-    didNotFindHydratableContainerTextInstance =
-      hydration.didNotFindHydratableContainerTextInstance,
-    didNotFindHydratableInstance = hydration.didNotFindHydratableInstance,
-    didNotFindHydratableTextInstance =
-      hydration.didNotFindHydratableTextInstance;
-
-  // The deepest Fiber on the stack involved in a hydration context.
-  // This may have been an insertion or a hydration.
-
-  var hydrationParentFiber = null;
-  var nextHydratableInstance = null;
-  var isHydrating = false;
-
-  function enterHydrationState(fiber) {
-    var parentInstance = fiber.stateNode.containerInfo;
-    nextHydratableInstance = getFirstHydratableChild(parentInstance);
-    hydrationParentFiber = fiber;
-    isHydrating = true;
-    return true;
+  var inst = fiber.stateNode;
+  if (inst !== null && typeof inst.componentDidCatch === "function") {
+    update.callback = function callback() {
+      if (
+        !enableGetDerivedStateFromCatch ||
+        getDerivedStateFromCatch !== "function"
+      ) {
+        // To preserve the preexisting retry behavior of error boundaries,
+        // we keep track of which ones already failed during this batch.
+        // This gets reset before we yield back to the browser.
+        // TODO: Warn in strict mode if getDerivedStateFromCatch is
+        // not defined.
+        markLegacyErrorBoundaryAsFailed(this);
+      }
+      var error = errorInfo.value;
+      var stack = errorInfo.stack;
+      logError(fiber, errorInfo);
+      this.componentDidCatch(error, {
+        componentStack: stack !== null ? stack : ""
+      });
+    };
   }
+  return update;
+}
 
-  function deleteHydratableInstance(returnFiber, instance) {
-    {
-      switch (returnFiber.tag) {
-        case HostRoot:
-          didNotHydrateContainerInstance(
-            returnFiber.stateNode.containerInfo,
-            instance
-          );
-          break;
-        case HostComponent:
-          didNotHydrateInstance(
-            returnFiber.type,
-            returnFiber.memoizedProps,
-            returnFiber.stateNode,
-            instance
-          );
-          break;
-      }
-    }
-
-    var childToDelete = createFiberFromHostInstanceForDeletion();
-    childToDelete.stateNode = instance;
-    childToDelete["return"] = returnFiber;
-    childToDelete.effectTag = Deletion;
+function schedulePing(finishedWork) {
+  // Once the promise resolves, we should try rendering the non-
+  // placeholder state again.
+  var currentTime = recalculateCurrentTime();
+  var expirationTime = computeExpirationForFiber(currentTime, finishedWork);
+  var recoveryUpdate = createUpdate(expirationTime);
+  enqueueUpdate(finishedWork, recoveryUpdate, expirationTime);
+  scheduleWork(finishedWork, expirationTime);
+}
 
-    // This might seem like it belongs on progressedFirstDeletion. However,
-    // these children are not part of the reconciliation list of children.
-    // Even if we abort and rereconcile the children, that will try to hydrate
-    // again and the nodes are still in the host tree so these will be
-    // recreated.
-    if (returnFiber.lastEffect !== null) {
-      returnFiber.lastEffect.nextEffect = childToDelete;
-      returnFiber.lastEffect = childToDelete;
-    } else {
-      returnFiber.firstEffect = returnFiber.lastEffect = childToDelete;
-    }
-  }
+function throwException(
+  root,
+  returnFiber,
+  sourceFiber,
+  value,
+  renderExpirationTime,
+  currentTimeMs
+) {
+  // The source fiber did not complete.
+  sourceFiber.effectTag |= Incomplete;
+  // Its effect list is no longer valid.
+  sourceFiber.firstEffect = sourceFiber.lastEffect = null;
 
-  function insertNonHydratedInstance(returnFiber, fiber) {
-    fiber.effectTag |= Placement;
-    {
-      switch (returnFiber.tag) {
-        case HostRoot: {
-          var parentContainer = returnFiber.stateNode.containerInfo;
-          switch (fiber.tag) {
-            case HostComponent:
-              var type = fiber.type;
-              var props = fiber.pendingProps;
-              didNotFindHydratableContainerInstance(
-                parentContainer,
-                type,
-                props
-              );
-              break;
-            case HostText:
-              var text = fiber.pendingProps;
-              didNotFindHydratableContainerTextInstance(parentContainer, text);
-              break;
-          }
-          break;
-        }
-        case HostComponent: {
-          var parentType = returnFiber.type;
-          var parentProps = returnFiber.memoizedProps;
-          var parentInstance = returnFiber.stateNode;
-          switch (fiber.tag) {
-            case HostComponent:
-              var _type = fiber.type;
-              var _props = fiber.pendingProps;
-              didNotFindHydratableInstance(
-                parentType,
-                parentProps,
-                parentInstance,
-                _type,
-                _props
-              );
-              break;
-            case HostText:
-              var _text = fiber.pendingProps;
-              didNotFindHydratableTextInstance(
-                parentType,
-                parentProps,
-                parentInstance,
-                _text
-              );
-              break;
+  if (
+    enableSuspense &&
+    value !== null &&
+    typeof value === "object" &&
+    typeof value.then === "function"
+  ) {
+    // This is a thenable.
+    var thenable = value;
+
+    // TODO: Should use the earliest known expiration time
+    var expirationTimeMs = expirationTimeToMs(renderExpirationTime);
+    var startTimeMs = expirationTimeMs - 5000;
+    var elapsedMs = currentTimeMs - startTimeMs;
+    if (elapsedMs < 0) {
+      elapsedMs = 0;
+    }
+    var remainingTimeMs = expirationTimeMs - currentTimeMs;
+
+    // Find the earliest timeout of all the timeouts in the ancestor path.
+    // TODO: Alternatively, we could store the earliest timeout on the context
+    // stack, rather than searching on every suspend.
+    var _workInProgress = returnFiber;
+    var earliestTimeoutMs = -1;
+    searchForEarliestTimeout: do {
+      if (_workInProgress.tag === TimeoutComponent) {
+        var current = _workInProgress.alternate;
+        if (current !== null && current.memoizedState === true) {
+          // A parent Timeout already committed in a placeholder state. We
+          // need to handle this promise immediately. In other words, we
+          // should never suspend inside a tree that already expired.
+          earliestTimeoutMs = 0;
+          break searchForEarliestTimeout;
+        }
+        var timeoutPropMs = _workInProgress.pendingProps.ms;
+        if (typeof timeoutPropMs === "number") {
+          if (timeoutPropMs <= 0) {
+            earliestTimeoutMs = 0;
+            break searchForEarliestTimeout;
+          } else if (
+            earliestTimeoutMs === -1 ||
+            timeoutPropMs < earliestTimeoutMs
+          ) {
+            earliestTimeoutMs = timeoutPropMs;
           }
-          break;
+        } else if (earliestTimeoutMs === -1) {
+          earliestTimeoutMs = remainingTimeMs;
         }
-        default:
-          return;
       }
-    }
-  }
+      _workInProgress = _workInProgress.return;
+    } while (_workInProgress !== null);
 
-  function tryHydrate(fiber, nextInstance) {
-    switch (fiber.tag) {
-      case HostComponent: {
-        var type = fiber.type;
-        var props = fiber.pendingProps;
-        var instance = canHydrateInstance(nextInstance, type, props);
-        if (instance !== null) {
-          fiber.stateNode = instance;
-          return true;
-        }
-        return false;
-      }
-      case HostText: {
-        var text = fiber.pendingProps;
-        var textInstance = canHydrateTextInstance(nextInstance, text);
-        if (textInstance !== null) {
-          fiber.stateNode = textInstance;
-          return true;
-        }
-        return false;
-      }
-      default:
-        return false;
-    }
-  }
+    // Compute the remaining time until the timeout.
+    var msUntilTimeout = earliestTimeoutMs - elapsedMs;
 
-  function tryToClaimNextHydratableInstance(fiber) {
-    if (!isHydrating) {
+    if (renderExpirationTime === Never || msUntilTimeout > 0) {
+      // There's still time remaining.
+      markTimeout(root, thenable, msUntilTimeout, renderExpirationTime);
+      var onResolveOrReject = function() {
+        retrySuspendedRoot(root, renderExpirationTime);
+      };
+      thenable.then(onResolveOrReject, onResolveOrReject);
       return;
+    } else {
+      // No time remaining. Need to fallback to placeholder.
+      // Find the nearest timeout that can be retried.
+      _workInProgress = returnFiber;
+      do {
+        switch (_workInProgress.tag) {
+          case HostRoot: {
+            // The root expired, but no fallback was provided. Throw a
+            // helpful error.
+            var message =
+              renderExpirationTime === Sync
+                ? "A synchronous update was suspended, but no fallback UI " +
+                  "was provided."
+                : "An update was suspended for longer than the timeout, " +
+                  "but no fallback UI was provided.";
+            value = new Error(message);
+            break;
+          }
+          case TimeoutComponent: {
+            if ((_workInProgress.effectTag & DidCapture) === NoEffect) {
+              _workInProgress.effectTag |= ShouldCapture;
+              var _onResolveOrReject = schedulePing.bind(null, _workInProgress);
+              thenable.then(_onResolveOrReject, _onResolveOrReject);
+              return;
+            }
+            // Already captured during this render. Continue to the next
+            // Timeout ancestor.
+            break;
+          }
+        }
+        _workInProgress = _workInProgress.return;
+      } while (_workInProgress !== null);
     }
-    var nextInstance = nextHydratableInstance;
-    if (!nextInstance) {
-      // Nothing to hydrate. Make it an insertion.
-      insertNonHydratedInstance(hydrationParentFiber, fiber);
-      isHydrating = false;
-      hydrationParentFiber = fiber;
+  } else {
+    // This is an error.
+    markError(root);
+    if (
+      // Retry (at the same priority) one more time before handling the error.
+      // The retry will flush synchronously. (Unless we're already rendering
+      // synchronously, in which case move to the next check.)
+      (!root.didError && renderExpirationTime !== Sync) ||
+      // There's lower priority work. If so, it may have the effect of fixing
+      // the exception that was just thrown.
+      hasLowerPriorityWork(root, renderExpirationTime)
+    ) {
       return;
     }
-    if (!tryHydrate(fiber, nextInstance)) {
-      // If we can't hydrate this instance let's try the next one.
-      // We use this as a heuristic. It's based on intuition and not data so it
-      // might be flawed or unnecessary.
-      nextInstance = getNextHydratableSibling(nextInstance);
-      if (!nextInstance || !tryHydrate(fiber, nextInstance)) {
-        // Nothing to hydrate. Make it an insertion.
-        insertNonHydratedInstance(hydrationParentFiber, fiber);
-        isHydrating = false;
-        hydrationParentFiber = fiber;
+  }
+
+  // We didn't find a boundary that could handle this type of exception. Start
+  // over and traverse parent path again, this time treating the exception
+  // as an error.
+  value = createCapturedValue(value, sourceFiber);
+  var workInProgress = returnFiber;
+  do {
+    switch (workInProgress.tag) {
+      case HostRoot: {
+        var _errorInfo = value;
+        workInProgress.effectTag |= ShouldCapture;
+        var update = createRootErrorUpdate(
+          workInProgress,
+          _errorInfo,
+          renderExpirationTime
+        );
+        enqueueCapturedUpdate(workInProgress, update, renderExpirationTime);
         return;
       }
-      // We matched the next one, we'll now assume that the first one was
-      // superfluous and we'll delete it. Since we can't eagerly delete it
-      // we'll have to schedule a deletion. To do that, this node needs a dummy
-      // fiber associated with it.
-      deleteHydratableInstance(hydrationParentFiber, nextHydratableInstance);
+      case ClassComponent:
+        // Capture and retry
+        var errorInfo = value;
+        var ctor = workInProgress.type;
+        var instance = workInProgress.stateNode;
+        if (
+          (workInProgress.effectTag & DidCapture) === NoEffect &&
+          ((typeof ctor.getDerivedStateFromCatch === "function" &&
+            enableGetDerivedStateFromCatch) ||
+            (instance !== null &&
+              typeof instance.componentDidCatch === "function" &&
+              !isAlreadyFailedLegacyErrorBoundary(instance)))
+        ) {
+          workInProgress.effectTag |= ShouldCapture;
+          // Schedule the error boundary to re-render using updated state
+          var _update = createClassErrorUpdate(
+            workInProgress,
+            errorInfo,
+            renderExpirationTime
+          );
+          enqueueCapturedUpdate(workInProgress, _update, renderExpirationTime);
+          return;
+        }
+        break;
+      default:
+        break;
     }
-    hydrationParentFiber = fiber;
-    nextHydratableInstance = getFirstHydratableChild(nextInstance);
-  }
+    workInProgress = workInProgress.return;
+  } while (workInProgress !== null);
+}
 
-  function prepareToHydrateHostInstance(
-    fiber,
-    rootContainerInstance,
-    hostContext
-  ) {
-    var instance = fiber.stateNode;
-    var updatePayload = hydrateInstance(
-      instance,
-      fiber.type,
-      fiber.memoizedProps,
-      rootContainerInstance,
-      hostContext,
-      fiber
-    );
-    // TODO: Type this specific to this type of component.
-    fiber.updateQueue = updatePayload;
-    // 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 !== null) {
-      return true;
+function unwindWork(workInProgress, renderExpirationTime) {
+  if (enableProfilerTimer) {
+    if (workInProgress.mode & ProfileMode) {
+      recordElapsedActualRenderTime(workInProgress);
     }
-    return false;
   }
 
-  function prepareToHydrateHostTextInstance(fiber) {
-    var textInstance = fiber.stateNode;
-    var textContent = fiber.memoizedProps;
-    var shouldUpdate = hydrateTextInstance(textInstance, textContent, fiber);
-    {
-      if (shouldUpdate) {
-        // We assume that prepareToHydrateHostTextInstance is called in a context where the
-        // hydration parent is the parent host component of this host text.
-        var returnFiber = hydrationParentFiber;
-        if (returnFiber !== null) {
-          switch (returnFiber.tag) {
-            case HostRoot: {
-              var parentContainer = returnFiber.stateNode.containerInfo;
-              didNotMatchHydratedContainerTextInstance(
-                parentContainer,
-                textInstance,
-                textContent
-              );
-              break;
-            }
-            case HostComponent: {
-              var parentType = returnFiber.type;
-              var parentProps = returnFiber.memoizedProps;
-              var parentInstance = returnFiber.stateNode;
-              didNotMatchHydratedTextInstance(
-                parentType,
-                parentProps,
-                parentInstance,
-                textInstance,
-                textContent
-              );
-              break;
-            }
-          }
-        }
+  switch (workInProgress.tag) {
+    case ClassComponent: {
+      popContextProvider(workInProgress);
+      var effectTag = workInProgress.effectTag;
+      if (effectTag & ShouldCapture) {
+        workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;
+        return workInProgress;
       }
+      return null;
     }
-    return shouldUpdate;
+    case HostRoot: {
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      var _effectTag = workInProgress.effectTag;
+      if (_effectTag & ShouldCapture) {
+        workInProgress.effectTag = (_effectTag & ~ShouldCapture) | DidCapture;
+        return workInProgress;
+      }
+      return null;
+    }
+    case HostComponent: {
+      popHostContext(workInProgress);
+      return null;
+    }
+    case TimeoutComponent: {
+      var _effectTag2 = workInProgress.effectTag;
+      if (_effectTag2 & ShouldCapture) {
+        workInProgress.effectTag = (_effectTag2 & ~ShouldCapture) | DidCapture;
+        return workInProgress;
+      }
+      return null;
+    }
+    case HostPortal:
+      popHostContainer(workInProgress);
+      return null;
+    case ContextProvider:
+      popProvider(workInProgress);
+      return null;
+    default:
+      return null;
   }
+}
 
-  function popToNextHostParent(fiber) {
-    var parent = fiber["return"];
-    while (
-      parent !== null &&
-      parent.tag !== HostComponent &&
-      parent.tag !== HostRoot
-    ) {
-      parent = parent["return"];
+function unwindInterruptedWork(interruptedWork) {
+  if (enableProfilerTimer) {
+    if (interruptedWork.mode & ProfileMode) {
+      // Resume in case we're picking up on work that was paused.
+      resumeActualRenderTimerIfPaused();
+      recordElapsedActualRenderTime(interruptedWork);
     }
-    hydrationParentFiber = parent;
   }
 
-  function popHydrationState(fiber) {
-    if (fiber !== hydrationParentFiber) {
-      // We're deeper than the current hydration context, inside an inserted
-      // tree.
-      return false;
+  switch (interruptedWork.tag) {
+    case ClassComponent: {
+      popContextProvider(interruptedWork);
+      break;
     }
-    if (!isHydrating) {
-      // If we're not currently hydrating but we're in a hydration context, then
-      // we were an insertion and now need to pop up reenter hydration of our
-      // siblings.
-      popToNextHostParent(fiber);
-      isHydrating = true;
-      return false;
+    case HostRoot: {
+      popHostContainer(interruptedWork);
+      popTopLevelContextObject(interruptedWork);
+      break;
     }
-
-    var type = fiber.type;
-
-    // If we have any remaining hydratable nodes, we need to delete them now.
-    // We only do this deeper than head and body since they tend to have random
-    // other nodes in them. We also ignore components with pure text content in
-    // side of them.
-    // TODO: Better heuristic.
-    if (
-      fiber.tag !== HostComponent ||
-      (type !== "head" &&
-        type !== "body" &&
-        !shouldSetTextContent(type, fiber.memoizedProps))
-    ) {
-      var nextInstance = nextHydratableInstance;
-      while (nextInstance) {
-        deleteHydratableInstance(fiber, nextInstance);
-        nextInstance = getNextHydratableSibling(nextInstance);
-      }
+    case HostComponent: {
+      popHostContext(interruptedWork);
+      break;
     }
-
-    popToNextHostParent(fiber);
-    nextHydratableInstance = hydrationParentFiber
-      ? getNextHydratableSibling(fiber.stateNode)
-      : null;
-    return true;
-  }
-
-  function resetHydrationState() {
-    hydrationParentFiber = null;
-    nextHydratableInstance = null;
-    isHydrating = false;
+    case HostPortal:
+      popHostContainer(interruptedWork);
+      break;
+    case ContextProvider:
+      popProvider(interruptedWork);
+      break;
+    default:
+      break;
   }
-
-  return {
-    enterHydrationState: enterHydrationState,
-    resetHydrationState: resetHydrationState,
-    tryToClaimNextHydratableInstance: tryToClaimNextHydratableInstance,
-    prepareToHydrateHostInstance: prepareToHydrateHostInstance,
-    prepareToHydrateHostTextInstance: prepareToHydrateHostTextInstance,
-    popHydrationState: popHydrationState
-  };
-};
-
-// This lets us hook into Fiber to debug what it's doing.
-// See https://github.com/facebook/react/pull/8033.
-// This is not part of the public API, not even for React DevTools.
-// You may only inject a debugTool if you work on React Fiber itself.
-var ReactFiberInstrumentation = {
-  debugTool: null
-};
-
-var ReactFiberInstrumentation_1 = ReactFiberInstrumentation;
+}
 
 var invokeGuardedCallback$2 = ReactErrorUtils.invokeGuardedCallback;
 var hasCaughtError = ReactErrorUtils.hasCaughtError;
@@ -11666,17 +12381,19 @@ var warnAboutInvalidUpdates = void 0;
   var didWarnStateUpdateForUnmountedComponent = {};
 
   warnAboutUpdateOnUnmounted = function(fiber) {
+    // We show the whole stack but dedupe on the top component's name because
+    // the problematic code almost always lies inside that component.
     var componentName = getComponentName(fiber) || "ReactClass";
     if (didWarnStateUpdateForUnmountedComponent[componentName]) {
       return;
     }
     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.",
-      componentName
+      "Can't call setState (or forceUpdate) on an unmounted component. This " +
+        "is a no-op, but it indicates a memory leak in your application. To " +
+        "fix, cancel all subscriptions and asynchronous tasks in the " +
+        "componentWillUnmount method.%s",
+      getStackAddendumByWorkInProgressFiber(fiber)
     );
     didWarnStateUpdateForUnmountedComponent[componentName] = true;
   };
@@ -11710,433 +12427,498 @@ var warnAboutInvalidUpdates = void 0;
   };
 }
 
-var ReactFiberScheduler = function(config) {
-  var hostContext = ReactFiberHostContext(config);
-  var popHostContext = hostContext.popHostContext,
-    popHostContainer = hostContext.popHostContainer;
-
-  var hydrationContext = ReactFiberHydrationContext(config);
-  var resetHostContainer = hostContext.resetHostContainer;
-
-  var _ReactFiberBeginWork = ReactFiberBeginWork(
-      config,
-      hostContext,
-      hydrationContext,
-      scheduleWork,
-      computeExpirationForFiber
-    ),
-    beginWork = _ReactFiberBeginWork.beginWork;
-
-  var _ReactFiberCompleteWo = ReactFiberCompleteWork(
-      config,
-      hostContext,
-      hydrationContext
-    ),
-    completeWork = _ReactFiberCompleteWo.completeWork;
-
-  var _ReactFiberUnwindWork = ReactFiberUnwindWork(
-      hostContext,
-      scheduleWork,
-      isAlreadyFailedLegacyErrorBoundary
-    ),
-    throwException = _ReactFiberUnwindWork.throwException,
-    unwindWork = _ReactFiberUnwindWork.unwindWork;
-
-  var _ReactFiberCommitWork = ReactFiberCommitWork(
-      config,
-      onCommitPhaseError,
-      scheduleWork,
-      computeExpirationForFiber,
-      markLegacyErrorBoundaryAsFailed,
-      recalculateCurrentTime
-    ),
-    commitResetTextContent = _ReactFiberCommitWork.commitResetTextContent,
-    commitPlacement = _ReactFiberCommitWork.commitPlacement,
-    commitDeletion = _ReactFiberCommitWork.commitDeletion,
-    commitWork = _ReactFiberCommitWork.commitWork,
-    commitLifeCycles = _ReactFiberCommitWork.commitLifeCycles,
-    commitErrorLogging = _ReactFiberCommitWork.commitErrorLogging,
-    commitAttachRef = _ReactFiberCommitWork.commitAttachRef,
-    commitDetachRef = _ReactFiberCommitWork.commitDetachRef;
-
-  var now = config.now,
-    scheduleDeferredCallback = config.scheduleDeferredCallback,
-    cancelDeferredCallback = config.cancelDeferredCallback,
-    prepareForCommit = config.prepareForCommit,
-    resetAfterCommit = config.resetAfterCommit;
-
-  // Represents the current time in ms.
-
-  var originalStartTimeMs = now();
-  var mostRecentCurrentTime = msToExpirationTime(0);
-  var mostRecentCurrentTimeMs = originalStartTimeMs;
-
-  // Used to ensure computeUniqueAsyncExpiration is monotonically increases.
-  var lastUniqueAsyncExpiration = 0;
-
-  // Represents the expiration time that incoming updates should use. (If this
-  // is NoWork, use the default strategy: async updates in async mode, sync
-  // updates in sync mode.)
-  var expirationContext = NoWork;
-
-  var isWorking = false;
-
-  // The next work in progress fiber that we're currently working on.
-  var nextUnitOfWork = null;
-  var nextRoot = null;
-  // The time at which we're currently rendering work.
-  var nextRenderExpirationTime = NoWork;
-
-  // The next fiber with an effect that we're currently committing.
-  var nextEffect = null;
-
-  var isCommitting = false;
-
-  var isRootReadyForCommit = false;
-
-  var legacyErrorBoundariesThatAlreadyFailed = null;
-
-  // Used for performance tracking.
-  var interruptedBy = null;
-
-  var stashedWorkInProgressProperties = void 0;
-  var replayUnitOfWork = void 0;
-  if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
-    stashedWorkInProgressProperties = null;
-    replayUnitOfWork = function(failedUnitOfWork, isAsync) {
-      // Retore the original state of the work-in-progress
-      Object.assign(failedUnitOfWork, stashedWorkInProgressProperties);
-      switch (failedUnitOfWork.tag) {
-        case HostRoot:
-          popHostContainer(failedUnitOfWork);
-          popTopLevelContextObject(failedUnitOfWork);
-          break;
-        case HostComponent:
-          popHostContext(failedUnitOfWork);
-          break;
-        case ClassComponent:
-          popContextProvider(failedUnitOfWork);
-          break;
-        case HostPortal:
-          popHostContainer(failedUnitOfWork);
-          break;
-        case ContextProvider:
-          popProvider(failedUnitOfWork);
-          break;
-      }
-      // Replay the begin phase.
-      invokeGuardedCallback$2(null, workLoop, null, isAsync);
-      if (hasCaughtError()) {
-        clearCaughtError();
-      } else {
-        // This should be unreachable because the render phase is
-        // idempotent
-      }
-    };
-  }
+// Represents the current time in ms.
+var originalStartTimeMs = now();
+var mostRecentCurrentTime = msToExpirationTime(0);
+var mostRecentCurrentTimeMs = originalStartTimeMs;
 
-  function resetContextStack() {
-    // Reset the stack
-    reset();
-    // Reset the cursors
-    resetContext();
-    resetHostContainer();
+// Used to ensure computeUniqueAsyncExpiration is monotonically increases.
+var lastUniqueAsyncExpiration = 0;
 
-    // TODO: Unify new context implementation with other stacks
-    resetProviderStack();
+// Represents the expiration time that incoming updates should use. (If this
+// is NoWork, use the default strategy: async updates in async mode, sync
+// updates in sync mode.)
+var expirationContext = NoWork;
 
-    {
-      ReactStrictModeWarnings.discardPendingWarnings();
-    }
+var isWorking = false;
 
-    nextRoot = null;
-    nextRenderExpirationTime = NoWork;
-    nextUnitOfWork = null;
+// The next work in progress fiber that we're currently working on.
+var nextUnitOfWork = null;
+var nextRoot = null;
+// The time at which we're currently rendering work.
+var nextRenderExpirationTime = NoWork;
+var nextLatestTimeoutMs = -1;
+var nextRenderDidError = false;
 
-    isRootReadyForCommit = false;
-  }
+// The next fiber with an effect that we're currently committing.
+var nextEffect = null;
 
-  function commitAllHostEffects() {
-    while (nextEffect !== null) {
-      {
-        ReactDebugCurrentFiber.setCurrentFiber(nextEffect);
-      }
-      recordEffect();
+var isCommitting$1 = false;
 
-      var effectTag = nextEffect.effectTag;
-      if (effectTag & ContentReset) {
-        commitResetTextContent(nextEffect);
-      }
+var legacyErrorBoundariesThatAlreadyFailed = null;
 
-      if (effectTag & Ref) {
-        var current = nextEffect.alternate;
-        if (current !== null) {
-          commitDetachRef(current);
-        }
-      }
+// Used for performance tracking.
+var interruptedBy = null;
 
-      // The following switch statement is only concerned about placement,
-      // updates, and deletions. To avoid needing to add a case for every
-      // possible bitmap value, we remove the secondary effects from the
-      // effect tag and switch on that value.
-      var primaryEffectTag = effectTag & (Placement | Update | Deletion);
-      switch (primaryEffectTag) {
-        case Placement: {
-          commitPlacement(nextEffect);
-          // Clear the "placement" from effect tag so that we know that this is inserted, before
-          // any life-cycles like componentDidMount gets called.
-          // TODO: findDOMNode doesn't rely on this any more but isMounted
-          // does and isMounted is deprecated anyway so we should be able
-          // to kill this.
-          nextEffect.effectTag &= ~Placement;
-          break;
-        }
-        case PlacementAndUpdate: {
-          // Placement
-          commitPlacement(nextEffect);
-          // Clear the "placement" from effect tag so that we know that this is inserted, before
-          // any life-cycles like componentDidMount gets called.
-          nextEffect.effectTag &= ~Placement;
-
-          // Update
-          var _current = nextEffect.alternate;
-          commitWork(_current, nextEffect);
-          break;
-        }
-        case Update: {
-          var _current2 = nextEffect.alternate;
-          commitWork(_current2, nextEffect);
-          break;
-        }
-        case Deletion: {
-          commitDeletion(nextEffect);
-          break;
+var stashedWorkInProgressProperties = void 0;
+var replayUnitOfWork = void 0;
+var isReplayingFailedUnitOfWork = void 0;
+var originalReplayError = void 0;
+var rethrowOriginalError = void 0;
+if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
+  stashedWorkInProgressProperties = null;
+  isReplayingFailedUnitOfWork = false;
+  originalReplayError = null;
+  replayUnitOfWork = function(failedUnitOfWork, thrownValue, isYieldy) {
+    if (
+      thrownValue !== null &&
+      typeof thrownValue === "object" &&
+      typeof thrownValue.then === "function"
+    ) {
+      // Don't replay promises. Treat everything else like an error.
+      // TODO: Need to figure out a different strategy if/when we add
+      // support for catching other types.
+      return;
+    }
+
+    // Restore the original state of the work-in-progress
+    if (stashedWorkInProgressProperties === null) {
+      // This should never happen. Don't throw because this code is DEV-only.
+      warning(
+        false,
+        "Could not replay rendering after an error. This is likely a bug in React. " +
+          "Please file an issue."
+      );
+      return;
+    }
+    assignFiberPropertiesInDEV(
+      failedUnitOfWork,
+      stashedWorkInProgressProperties
+    );
+
+    switch (failedUnitOfWork.tag) {
+      case HostRoot:
+        popHostContainer(failedUnitOfWork);
+        popTopLevelContextObject(failedUnitOfWork);
+        break;
+      case HostComponent:
+        popHostContext(failedUnitOfWork);
+        break;
+      case ClassComponent:
+        popContextProvider(failedUnitOfWork);
+        break;
+      case HostPortal:
+        popHostContainer(failedUnitOfWork);
+        break;
+      case ContextProvider:
+        popProvider(failedUnitOfWork);
+        break;
+    }
+    // Replay the begin phase.
+    isReplayingFailedUnitOfWork = true;
+    originalReplayError = thrownValue;
+    invokeGuardedCallback$2(null, workLoop, null, isYieldy);
+    isReplayingFailedUnitOfWork = false;
+    originalReplayError = null;
+    if (hasCaughtError()) {
+      clearCaughtError();
+
+      if (enableProfilerTimer) {
+        if (failedUnitOfWork.mode & ProfileMode) {
+          recordElapsedActualRenderTime(failedUnitOfWork);
         }
+
+        // Stop "base" render timer again (after the re-thrown error).
+        stopBaseRenderTimerIfRunning();
       }
-      nextEffect = nextEffect.nextEffect;
+    } else {
+      // If the begin phase did not fail the second time, set this pointer
+      // back to the original value.
+      nextUnitOfWork = failedUnitOfWork;
     }
+  };
+  rethrowOriginalError = function() {
+    throw originalReplayError;
+  };
+}
 
-    {
-      ReactDebugCurrentFiber.resetCurrentFiber();
+function resetStack() {
+  if (nextUnitOfWork !== null) {
+    var interruptedWork = nextUnitOfWork.return;
+    while (interruptedWork !== null) {
+      unwindInterruptedWork(interruptedWork);
+      interruptedWork = interruptedWork.return;
     }
   }
 
-  function commitAllLifeCycles(
-    finishedRoot,
-    currentTime,
-    committedExpirationTime
-  ) {
+  {
+    ReactStrictModeWarnings.discardPendingWarnings();
+    checkThatStackIsEmpty();
+  }
+
+  nextRoot = null;
+  nextRenderExpirationTime = NoWork;
+  nextLatestTimeoutMs = -1;
+  nextRenderDidError = false;
+  nextUnitOfWork = null;
+}
+
+function commitAllHostEffects() {
+  while (nextEffect !== null) {
     {
-      ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
+      ReactDebugCurrentFiber.setCurrentFiber(nextEffect);
+    }
+    recordEffect();
 
-      if (warnAboutDeprecatedLifecycles) {
-        ReactStrictModeWarnings.flushPendingDeprecationWarnings();
-      }
+    var effectTag = nextEffect.effectTag;
+
+    if (effectTag & ContentReset) {
+      commitResetTextContent(nextEffect);
     }
-    while (nextEffect !== null) {
-      var effectTag = nextEffect.effectTag;
 
-      if (effectTag & (Update | Callback)) {
-        recordEffect();
-        var current = nextEffect.alternate;
-        commitLifeCycles(
-          finishedRoot,
-          current,
-          nextEffect,
-          currentTime,
-          committedExpirationTime
-        );
+    if (effectTag & Ref) {
+      var current = nextEffect.alternate;
+      if (current !== null) {
+        commitDetachRef(current);
       }
+    }
 
-      if (effectTag & ErrLog) {
-        commitErrorLogging(nextEffect, onUncaughtError);
+    // The following switch statement is only concerned about placement,
+    // updates, and deletions. To avoid needing to add a case for every
+    // possible bitmap value, we remove the secondary effects from the
+    // effect tag and switch on that value.
+    var primaryEffectTag = effectTag & (Placement | Update | Deletion);
+    switch (primaryEffectTag) {
+      case Placement: {
+        commitPlacement(nextEffect);
+        // Clear the "placement" from effect tag so that we know that this is inserted, before
+        // any life-cycles like componentDidMount gets called.
+        // TODO: findDOMNode doesn't rely on this any more but isMounted
+        // does and isMounted is deprecated anyway so we should be able
+        // to kill this.
+        nextEffect.effectTag &= ~Placement;
+        break;
       }
+      case PlacementAndUpdate: {
+        // Placement
+        commitPlacement(nextEffect);
+        // Clear the "placement" from effect tag so that we know that this is inserted, before
+        // any life-cycles like componentDidMount gets called.
+        nextEffect.effectTag &= ~Placement;
 
-      if (effectTag & Ref) {
-        recordEffect();
-        commitAttachRef(nextEffect);
+        // Update
+        var _current = nextEffect.alternate;
+        commitWork(_current, nextEffect);
+        break;
       }
+      case Update: {
+        var _current2 = nextEffect.alternate;
+        commitWork(_current2, nextEffect);
+        break;
+      }
+      case Deletion: {
+        commitDeletion(nextEffect);
+        break;
+      }
+    }
+    nextEffect = nextEffect.nextEffect;
+  }
+
+  {
+    ReactDebugCurrentFiber.resetCurrentFiber();
+  }
+}
 
-      var next = nextEffect.nextEffect;
-      // Ensure that we clean these up so that we don't accidentally keep them.
-      // I'm not actually sure this matters because we can't reset firstEffect
-      // and lastEffect since they're on every node, not just the effectful
-      // ones. So we have to clean everything as we reuse nodes anyway.
-      nextEffect.nextEffect = null;
-      // Ensure that we reset the effectTag here so that we can rely on effect
-      // tags to reason about the current life-cycle.
-      nextEffect = next;
+function commitBeforeMutationLifecycles() {
+  while (nextEffect !== null) {
+    var effectTag = nextEffect.effectTag;
+
+    if (effectTag & Snapshot) {
+      recordEffect();
+      var current = nextEffect.alternate;
+      commitBeforeMutationLifeCycles(current, nextEffect);
     }
+
+    // Don't cleanup effects yet;
+    // This will be done by commitAllLifeCycles()
+    nextEffect = nextEffect.nextEffect;
   }
+}
 
-  function isAlreadyFailedLegacyErrorBoundary(instance) {
-    return (
-      legacyErrorBoundariesThatAlreadyFailed !== null &&
-      legacyErrorBoundariesThatAlreadyFailed.has(instance)
-    );
+function commitAllLifeCycles(
+  finishedRoot,
+  currentTime,
+  committedExpirationTime
+) {
+  {
+    ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
+
+    if (warnAboutDeprecatedLifecycles) {
+      ReactStrictModeWarnings.flushPendingDeprecationWarnings();
+    }
+
+    if (warnAboutLegacyContextAPI) {
+      ReactStrictModeWarnings.flushLegacyContextWarning();
+    }
   }
+  while (nextEffect !== null) {
+    var effectTag = nextEffect.effectTag;
 
-  function markLegacyErrorBoundaryAsFailed(instance) {
-    if (legacyErrorBoundariesThatAlreadyFailed === null) {
-      legacyErrorBoundariesThatAlreadyFailed = new Set([instance]);
-    } else {
-      legacyErrorBoundariesThatAlreadyFailed.add(instance);
+    if (effectTag & (Update | Callback)) {
+      recordEffect();
+      var current = nextEffect.alternate;
+      commitLifeCycles(
+        finishedRoot,
+        current,
+        nextEffect,
+        currentTime,
+        committedExpirationTime
+      );
+    }
+
+    if (effectTag & Ref) {
+      recordEffect();
+      commitAttachRef(nextEffect);
     }
+
+    var next = nextEffect.nextEffect;
+    // Ensure that we clean these up so that we don't accidentally keep them.
+    // I'm not actually sure this matters because we can't reset firstEffect
+    // and lastEffect since they're on every node, not just the effectful
+    // ones. So we have to clean everything as we reuse nodes anyway.
+    nextEffect.nextEffect = null;
+    // Ensure that we reset the effectTag here so that we can rely on effect
+    // tags to reason about the current life-cycle.
+    nextEffect = next;
   }
+}
 
-  function commitRoot(finishedWork) {
-    isWorking = true;
-    isCommitting = true;
-    startCommitTimer();
+function isAlreadyFailedLegacyErrorBoundary(instance) {
+  return (
+    legacyErrorBoundariesThatAlreadyFailed !== null &&
+    legacyErrorBoundariesThatAlreadyFailed.has(instance)
+  );
+}
 
-    var root = finishedWork.stateNode;
-    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."
-    );
-    var committedExpirationTime = root.pendingCommitExpirationTime;
-    invariant(
-      committedExpirationTime !== NoWork,
-      "Cannot commit an incomplete root. This error is likely caused by a " +
-        "bug in React. Please file an issue."
-    );
-    root.pendingCommitExpirationTime = NoWork;
+function markLegacyErrorBoundaryAsFailed(instance) {
+  if (legacyErrorBoundariesThatAlreadyFailed === null) {
+    legacyErrorBoundariesThatAlreadyFailed = new Set([instance]);
+  } else {
+    legacyErrorBoundariesThatAlreadyFailed.add(instance);
+  }
+}
 
-    var currentTime = recalculateCurrentTime();
+function commitRoot(root, finishedWork) {
+  isWorking = true;
+  isCommitting$1 = true;
+  startCommitTimer();
 
-    // Reset this to null before calling lifecycles
-    ReactCurrentOwner.current = null;
-
-    var firstEffect = void 0;
-    if (finishedWork.effectTag > PerformedWork) {
-      // A fiber's effect list consists only of its children, not itself. So if
-      // the root has an effect, we need to add it to the end of the list. The
-      // resulting list is the set that would belong to the root's parent, if
-      // it had one; that is, all the effects in the tree including the root.
-      if (finishedWork.lastEffect !== null) {
-        finishedWork.lastEffect.nextEffect = finishedWork;
-        firstEffect = finishedWork.firstEffect;
-      } else {
-        firstEffect = finishedWork;
-      }
-    } else {
-      // There is no effect on the root.
+  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."
+  );
+  var committedExpirationTime = root.pendingCommitExpirationTime;
+  invariant(
+    committedExpirationTime !== NoWork,
+    "Cannot commit an incomplete root. This error is likely caused by a " +
+      "bug in React. Please file an issue."
+  );
+  root.pendingCommitExpirationTime = NoWork;
+
+  // Update the pending priority levels to account for the work that we are
+  // about to commit. This needs to happen before calling the lifecycles, since
+  // they may schedule additional updates.
+  var earliestRemainingTime = finishedWork.expirationTime;
+  var currentTime = recalculateCurrentTime();
+  markCommittedPriorityLevels(root, currentTime, earliestRemainingTime);
+
+  // Reset this to null before calling lifecycles
+  ReactCurrentOwner.current = null;
+
+  var firstEffect = void 0;
+  if (finishedWork.effectTag > PerformedWork) {
+    // A fiber's effect list consists only of its children, not itself. So if
+    // the root has an effect, we need to add it to the end of the list. The
+    // resulting list is the set that would belong to the root's parent, if
+    // it had one; that is, all the effects in the tree including the root.
+    if (finishedWork.lastEffect !== null) {
+      finishedWork.lastEffect.nextEffect = finishedWork;
       firstEffect = finishedWork.firstEffect;
+    } else {
+      firstEffect = finishedWork;
     }
+  } else {
+    // There is no effect on the root.
+    firstEffect = finishedWork.firstEffect;
+  }
 
-    prepareForCommit(root.containerInfo);
+  prepareForCommit(root.containerInfo);
 
-    // Commit all the side-effects within a tree. We'll do this in two passes.
-    // The first pass performs all the host insertions, updates, deletions and
-    // ref unmounts.
-    nextEffect = firstEffect;
-    startCommitHostEffectsTimer();
-    while (nextEffect !== null) {
-      var didError = false;
-      var error = void 0;
-      {
-        invokeGuardedCallback$2(null, commitAllHostEffects, null);
-        if (hasCaughtError()) {
-          didError = true;
-          error = clearCaughtError();
-        }
+  // Invoke instances of getSnapshotBeforeUpdate before mutation.
+  nextEffect = firstEffect;
+  startCommitSnapshotEffectsTimer();
+  while (nextEffect !== null) {
+    var didError = false;
+    var error = void 0;
+    {
+      invokeGuardedCallback$2(null, commitBeforeMutationLifecycles, null);
+      if (hasCaughtError()) {
+        didError = true;
+        error = clearCaughtError();
       }
-      if (didError) {
-        invariant(
-          nextEffect !== null,
-          "Should have next effect. This error is likely caused by a bug " +
-            "in React. Please file an issue."
-        );
-        onCommitPhaseError(nextEffect, error);
-        // Clean-up
-        if (nextEffect !== null) {
-          nextEffect = nextEffect.nextEffect;
-        }
+    }
+    if (didError) {
+      invariant(
+        nextEffect !== null,
+        "Should have next effect. This error is likely caused by a bug " +
+          "in React. Please file an issue."
+      );
+      captureCommitPhaseError(nextEffect, error);
+      // Clean-up
+      if (nextEffect !== null) {
+        nextEffect = nextEffect.nextEffect;
+      }
+    }
+  }
+  stopCommitSnapshotEffectsTimer();
+
+  if (enableProfilerTimer) {
+    // Mark the current commit time to be shared by all Profilers in this batch.
+    // This enables them to be grouped later.
+    recordCommitTime();
+  }
+
+  // Commit all the side-effects within a tree. We'll do this in two passes.
+  // The first pass performs all the host insertions, updates, deletions and
+  // ref unmounts.
+  nextEffect = firstEffect;
+  startCommitHostEffectsTimer();
+  while (nextEffect !== null) {
+    var _didError = false;
+    var _error = void 0;
+    {
+      invokeGuardedCallback$2(null, commitAllHostEffects, null);
+      if (hasCaughtError()) {
+        _didError = true;
+        _error = clearCaughtError();
+      }
+    }
+    if (_didError) {
+      invariant(
+        nextEffect !== null,
+        "Should have next effect. This error is likely caused by a bug " +
+          "in React. Please file an issue."
+      );
+      captureCommitPhaseError(nextEffect, _error);
+      // Clean-up
+      if (nextEffect !== null) {
+        nextEffect = nextEffect.nextEffect;
       }
     }
-    stopCommitHostEffectsTimer();
+  }
+  stopCommitHostEffectsTimer();
 
-    resetAfterCommit(root.containerInfo);
+  resetAfterCommit(root.containerInfo);
 
-    // The work-in-progress tree is now the current tree. This must come after
-    // the first pass of the commit phase, so that the previous tree is still
-    // current during componentWillUnmount, but before the second pass, so that
-    // the finished work is current during componentDidMount/Update.
-    root.current = finishedWork;
+  // The work-in-progress tree is now the current tree. This must come after
+  // the first pass of the commit phase, so that the previous tree is still
+  // current during componentWillUnmount, but before the second pass, so that
+  // the finished work is current during componentDidMount/Update.
+  root.current = finishedWork;
 
-    // In the second pass we'll perform all life-cycles and ref callbacks.
-    // Life-cycles happen as a separate pass so that all placements, updates,
-    // and deletions in the entire tree have already been invoked.
-    // This pass also triggers any renderer-specific initial effects.
-    nextEffect = firstEffect;
-    startCommitLifeCyclesTimer();
-    while (nextEffect !== null) {
-      var _didError = false;
-      var _error = void 0;
-      {
-        invokeGuardedCallback$2(
-          null,
-          commitAllLifeCycles,
-          null,
-          root,
-          currentTime,
-          committedExpirationTime
-        );
-        if (hasCaughtError()) {
-          _didError = true;
-          _error = clearCaughtError();
-        }
+  // In the second pass we'll perform all life-cycles and ref callbacks.
+  // Life-cycles happen as a separate pass so that all placements, updates,
+  // and deletions in the entire tree have already been invoked.
+  // This pass also triggers any renderer-specific initial effects.
+  nextEffect = firstEffect;
+  startCommitLifeCyclesTimer();
+  while (nextEffect !== null) {
+    var _didError2 = false;
+    var _error2 = void 0;
+    {
+      invokeGuardedCallback$2(
+        null,
+        commitAllLifeCycles,
+        null,
+        root,
+        currentTime,
+        committedExpirationTime
+      );
+      if (hasCaughtError()) {
+        _didError2 = true;
+        _error2 = clearCaughtError();
       }
-      if (_didError) {
-        invariant(
-          nextEffect !== null,
-          "Should have next effect. This error is likely caused by a bug " +
-            "in React. Please file an issue."
-        );
-        onCommitPhaseError(nextEffect, _error);
-        if (nextEffect !== null) {
-          nextEffect = nextEffect.nextEffect;
-        }
+    }
+    if (_didError2) {
+      invariant(
+        nextEffect !== null,
+        "Should have next effect. This error is likely caused by a bug " +
+          "in React. Please file an issue."
+      );
+      captureCommitPhaseError(nextEffect, _error2);
+      if (nextEffect !== null) {
+        nextEffect = nextEffect.nextEffect;
       }
     }
+  }
 
-    isCommitting = false;
-    isWorking = false;
-    stopCommitLifeCyclesTimer();
-    stopCommitTimer();
-    if (typeof onCommitRoot === "function") {
-      onCommitRoot(finishedWork.stateNode);
-    }
-    if (true && ReactFiberInstrumentation_1.debugTool) {
-      ReactFiberInstrumentation_1.debugTool.onCommitWork(finishedWork);
+  if (enableProfilerTimer) {
+    {
+      checkActualRenderTimeStackEmpty();
     }
+    resetActualRenderTimer();
+  }
 
-    var remainingTime = root.current.expirationTime;
-    if (remainingTime === NoWork) {
-      // If there's no remaining work, we can clear the set of already failed
-      // error boundaries.
-      legacyErrorBoundariesThatAlreadyFailed = null;
-    }
-    return remainingTime;
+  isCommitting$1 = false;
+  isWorking = false;
+  stopCommitLifeCyclesTimer();
+  stopCommitTimer();
+  if (typeof onCommitRoot === "function") {
+    onCommitRoot(finishedWork.stateNode);
+  }
+  if (true && ReactFiberInstrumentation_1.debugTool) {
+    ReactFiberInstrumentation_1.debugTool.onCommitWork(finishedWork);
   }
 
-  function resetExpirationTime(workInProgress, renderTime) {
-    if (renderTime !== Never && workInProgress.expirationTime === Never) {
-      // The children of this component are hidden. Don't bubble their
-      // expiration times.
-      return;
-    }
+  var expirationTime = root.expirationTime;
+  if (expirationTime === NoWork) {
+    // If there's no remaining work, we can clear the set of already failed
+    // error boundaries.
+    legacyErrorBoundariesThatAlreadyFailed = null;
+  }
+  onCommit(root, expirationTime);
+}
 
-    // Check for pending updates.
-    var newExpirationTime = getUpdateExpirationTime(workInProgress);
+function resetExpirationTime(workInProgress, renderTime) {
+  if (renderTime !== Never && workInProgress.expirationTime === Never) {
+    // The children of this component are hidden. Don't bubble their
+    // expiration times.
+    return;
+  }
+
+  // Check for pending updates.
+  var newExpirationTime = NoWork;
+  switch (workInProgress.tag) {
+    case HostRoot:
+    case ClassComponent: {
+      var updateQueue = workInProgress.updateQueue;
+      if (updateQueue !== null) {
+        newExpirationTime = updateQueue.expirationTime;
+      }
+    }
+  }
 
-    // TODO: Calls need to visit stateNode
+  // TODO: Calls need to visit stateNode
 
-    // Bubble up the earliest expiration time.
+  // Bubble up the earliest expiration time.
+  // (And "base" render timers if that feature flag is enabled)
+  if (enableProfilerTimer && workInProgress.mode & ProfileMode) {
+    var treeBaseTime = workInProgress.selfBaseTime;
     var child = workInProgress.child;
     while (child !== null) {
+      treeBaseTime += child.treeBaseTime;
       if (
         child.expirationTime !== NoWork &&
         (newExpirationTime === NoWork ||
@@ -12146,1057 +12928,1212 @@ var ReactFiberScheduler = function(config) {
       }
       child = child.sibling;
     }
-    workInProgress.expirationTime = newExpirationTime;
+    workInProgress.treeBaseTime = treeBaseTime;
+  } else {
+    var _child = workInProgress.child;
+    while (_child !== null) {
+      if (
+        _child.expirationTime !== NoWork &&
+        (newExpirationTime === NoWork ||
+          newExpirationTime > _child.expirationTime)
+      ) {
+        newExpirationTime = _child.expirationTime;
+      }
+      _child = _child.sibling;
+    }
   }
 
-  function completeUnitOfWork(workInProgress) {
-    // Attempt to complete the current unit of work, then move to the
-    // next sibling. If there are no more siblings, return to the
-    // parent fiber.
-    while (true) {
-      // 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
-      // progress.
-      var current = workInProgress.alternate;
+  workInProgress.expirationTime = newExpirationTime;
+}
+
+function completeUnitOfWork(workInProgress) {
+  // Attempt to complete the current unit of work, then move to the
+  // next sibling. If there are no more siblings, return to the
+  // parent fiber.
+  while (true) {
+    // 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
+    // progress.
+    var current = workInProgress.alternate;
+    {
+      ReactDebugCurrentFiber.setCurrentFiber(workInProgress);
+    }
+
+    var returnFiber = workInProgress.return;
+    var siblingFiber = workInProgress.sibling;
+
+    if ((workInProgress.effectTag & Incomplete) === NoEffect) {
+      // This fiber completed.
+      var next = completeWork(
+        current,
+        workInProgress,
+        nextRenderExpirationTime
+      );
+      stopWorkTimer(workInProgress);
+      resetExpirationTime(workInProgress, nextRenderExpirationTime);
       {
-        ReactDebugCurrentFiber.setCurrentFiber(workInProgress);
+        ReactDebugCurrentFiber.resetCurrentFiber();
       }
 
-      var returnFiber = workInProgress["return"];
-      var siblingFiber = workInProgress.sibling;
-
-      if ((workInProgress.effectTag & Incomplete) === NoEffect) {
-        // This fiber completed.
-        var next = completeWork(
-          current,
-          workInProgress,
-          nextRenderExpirationTime
-        );
+      if (next !== null) {
         stopWorkTimer(workInProgress);
-        resetExpirationTime(workInProgress, nextRenderExpirationTime);
-        {
-          ReactDebugCurrentFiber.resetCurrentFiber();
+        if (true && ReactFiberInstrumentation_1.debugTool) {
+          ReactFiberInstrumentation_1.debugTool.onCompleteWork(workInProgress);
         }
+        // If completing this work spawned new work, do that next. We'll come
+        // back here again.
+        return next;
+      }
 
-        if (next !== null) {
-          stopWorkTimer(workInProgress);
-          if (true && ReactFiberInstrumentation_1.debugTool) {
-            ReactFiberInstrumentation_1.debugTool.onCompleteWork(
-              workInProgress
-            );
+      if (
+        returnFiber !== null &&
+        // Do not append effects to parents if a sibling failed to complete
+        (returnFiber.effectTag & Incomplete) === NoEffect
+      ) {
+        // Append all the effects of the subtree and this fiber onto the effect
+        // list of the parent. The completion order of the children affects the
+        // side-effect order.
+        if (returnFiber.firstEffect === null) {
+          returnFiber.firstEffect = workInProgress.firstEffect;
+        }
+        if (workInProgress.lastEffect !== null) {
+          if (returnFiber.lastEffect !== null) {
+            returnFiber.lastEffect.nextEffect = workInProgress.firstEffect;
           }
-          // If completing this work spawned new work, do that next. We'll come
-          // back here again.
-          return next;
+          returnFiber.lastEffect = workInProgress.lastEffect;
         }
 
-        if (
-          returnFiber !== null &&
-          // Do not append effects to parents if a sibling failed to complete
-          (returnFiber.effectTag & Incomplete) === NoEffect
-        ) {
-          // Append all the effects of the subtree and this fiber onto the effect
-          // list of the parent. The completion order of the children affects the
-          // side-effect order.
-          if (returnFiber.firstEffect === null) {
-            returnFiber.firstEffect = workInProgress.firstEffect;
-          }
-          if (workInProgress.lastEffect !== null) {
-            if (returnFiber.lastEffect !== null) {
-              returnFiber.lastEffect.nextEffect = workInProgress.firstEffect;
-            }
-            returnFiber.lastEffect = workInProgress.lastEffect;
-          }
-
-          // If this fiber had side-effects, we append it AFTER the children's
-          // side-effects. We can perform certain side-effects earlier if
-          // needed, by doing multiple passes over the effect list. We don't want
-          // to schedule our own side-effect on our own list because if end up
-          // reusing children we'll schedule this effect onto itself since we're
-          // at the end.
-          var effectTag = workInProgress.effectTag;
-          // Skip both NoWork and PerformedWork tags when creating the effect list.
-          // PerformedWork effect is read by React DevTools but shouldn't be committed.
-          if (effectTag > PerformedWork) {
-            if (returnFiber.lastEffect !== null) {
-              returnFiber.lastEffect.nextEffect = workInProgress;
-            } else {
-              returnFiber.firstEffect = workInProgress;
-            }
-            returnFiber.lastEffect = workInProgress;
+        // If this fiber had side-effects, we append it AFTER the children's
+        // side-effects. We can perform certain side-effects earlier if
+        // needed, by doing multiple passes over the effect list. We don't want
+        // to schedule our own side-effect on our own list because if end up
+        // reusing children we'll schedule this effect onto itself since we're
+        // at the end.
+        var effectTag = workInProgress.effectTag;
+        // Skip both NoWork and PerformedWork tags when creating the effect list.
+        // PerformedWork effect is read by React DevTools but shouldn't be committed.
+        if (effectTag > PerformedWork) {
+          if (returnFiber.lastEffect !== null) {
+            returnFiber.lastEffect.nextEffect = workInProgress;
+          } else {
+            returnFiber.firstEffect = workInProgress;
           }
+          returnFiber.lastEffect = workInProgress;
         }
+      }
 
-        if (true && ReactFiberInstrumentation_1.debugTool) {
-          ReactFiberInstrumentation_1.debugTool.onCompleteWork(workInProgress);
-        }
+      if (true && ReactFiberInstrumentation_1.debugTool) {
+        ReactFiberInstrumentation_1.debugTool.onCompleteWork(workInProgress);
+      }
 
-        if (siblingFiber !== null) {
-          // If there is more work to do in this returnFiber, do that next.
-          return siblingFiber;
-        } else if (returnFiber !== null) {
-          // If there's no more work in this returnFiber. Complete the returnFiber.
-          workInProgress = returnFiber;
-          continue;
-        } else {
-          // We've reached the root.
-          isRootReadyForCommit = true;
-          return null;
-        }
+      if (siblingFiber !== null) {
+        // If there is more work to do in this returnFiber, do that next.
+        return siblingFiber;
+      } else if (returnFiber !== null) {
+        // If there's no more work in this returnFiber. Complete the returnFiber.
+        workInProgress = returnFiber;
+        continue;
       } else {
-        // This fiber did not complete because something threw. Pop values off
-        // the stack without entering the complete phase. If this is a boundary,
-        // capture values if possible.
-        var _next = unwindWork(workInProgress);
-        // Because this fiber did not complete, don't reset its expiration time.
-        if (workInProgress.effectTag & DidCapture) {
-          // Restarting an error boundary
-          stopFailedWorkTimer(workInProgress);
-        } else {
-          stopWorkTimer(workInProgress);
-        }
-
-        {
-          ReactDebugCurrentFiber.resetCurrentFiber();
-        }
-
-        if (_next !== null) {
-          stopWorkTimer(workInProgress);
-          if (true && ReactFiberInstrumentation_1.debugTool) {
-            ReactFiberInstrumentation_1.debugTool.onCompleteWork(
-              workInProgress
-            );
-          }
-          // If completing this work spawned new work, do that next. We'll come
-          // back here again.
-          // Since we're restarting, remove anything that is not a host effect
-          // from the effect tag.
-          _next.effectTag &= HostEffectMask;
-          return _next;
-        }
+        // We've reached the root.
+        return null;
+      }
+    } else {
+      // This fiber did not complete because something threw. Pop values off
+      // the stack without entering the complete phase. If this is a boundary,
+      // capture values if possible.
+      var _next = unwindWork(workInProgress, nextRenderExpirationTime);
+      // Because this fiber did not complete, don't reset its expiration time.
+      if (workInProgress.effectTag & DidCapture) {
+        // Restarting an error boundary
+        stopFailedWorkTimer(workInProgress);
+      } else {
+        stopWorkTimer(workInProgress);
+      }
 
-        if (returnFiber !== null) {
-          // Mark the parent fiber as incomplete and clear its effect list.
-          returnFiber.firstEffect = returnFiber.lastEffect = null;
-          returnFiber.effectTag |= Incomplete;
-        }
+      {
+        ReactDebugCurrentFiber.resetCurrentFiber();
+      }
 
+      if (_next !== null) {
+        stopWorkTimer(workInProgress);
         if (true && ReactFiberInstrumentation_1.debugTool) {
           ReactFiberInstrumentation_1.debugTool.onCompleteWork(workInProgress);
         }
+        // If completing this work spawned new work, do that next. We'll come
+        // back here again.
+        // Since we're restarting, remove anything that is not a host effect
+        // from the effect tag.
+        _next.effectTag &= HostEffectMask;
+        return _next;
+      }
 
-        if (siblingFiber !== null) {
-          // If there is more work to do in this returnFiber, do that next.
-          return siblingFiber;
-        } else if (returnFiber !== null) {
-          // If there's no more work in this returnFiber. Complete the returnFiber.
-          workInProgress = returnFiber;
-          continue;
-        } else {
-          return null;
-        }
+      if (returnFiber !== null) {
+        // Mark the parent fiber as incomplete and clear its effect list.
+        returnFiber.firstEffect = returnFiber.lastEffect = null;
+        returnFiber.effectTag |= Incomplete;
+      }
+
+      if (true && ReactFiberInstrumentation_1.debugTool) {
+        ReactFiberInstrumentation_1.debugTool.onCompleteWork(workInProgress);
+      }
+
+      if (siblingFiber !== null) {
+        // If there is more work to do in this returnFiber, do that next.
+        return siblingFiber;
+      } else if (returnFiber !== null) {
+        // If there's no more work in this returnFiber. Complete the returnFiber.
+        workInProgress = returnFiber;
+        continue;
+      } else {
+        return null;
       }
     }
+  }
 
-    // Without this explicit null return Flow complains of invalid return type
-    // TODO Remove the above while(true) loop
-    // eslint-disable-next-line no-unreachable
-    return null;
+  // Without this explicit null return Flow complains of invalid return type
+  // TODO Remove the above while(true) loop
+  // eslint-disable-next-line no-unreachable
+  return null;
+}
+
+function performUnitOfWork(workInProgress) {
+  // 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
+  // progress.
+  var current = workInProgress.alternate;
+
+  // See if beginning this work spawns more work.
+  startWorkTimer(workInProgress);
+  {
+    ReactDebugCurrentFiber.setCurrentFiber(workInProgress);
   }
 
-  function performUnitOfWork(workInProgress) {
-    // 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
-    // progress.
-    var current = workInProgress.alternate;
+  if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
+    stashedWorkInProgressProperties = assignFiberPropertiesInDEV(
+      stashedWorkInProgressProperties,
+      workInProgress
+    );
+  }
 
-    // See if beginning this work spawns more work.
-    startWorkTimer(workInProgress);
-    {
-      ReactDebugCurrentFiber.setCurrentFiber(workInProgress);
+  var next = void 0;
+  if (enableProfilerTimer) {
+    if (workInProgress.mode & ProfileMode) {
+      startBaseRenderTimer();
     }
 
-    if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
-      stashedWorkInProgressProperties = Object.assign({}, workInProgress);
-    }
-    var next = beginWork(current, workInProgress, nextRenderExpirationTime);
+    next = beginWork(current, workInProgress, nextRenderExpirationTime);
 
-    {
-      ReactDebugCurrentFiber.resetCurrentFiber();
-    }
-    if (true && ReactFiberInstrumentation_1.debugTool) {
-      ReactFiberInstrumentation_1.debugTool.onBeginWork(workInProgress);
+    if (workInProgress.mode & ProfileMode) {
+      // Update "base" time if the render wasn't bailed out on.
+      recordElapsedBaseRenderTimeIfRunning(workInProgress);
+      stopBaseRenderTimerIfRunning();
     }
+  } else {
+    next = beginWork(current, workInProgress, nextRenderExpirationTime);
+  }
 
-    if (next === null) {
-      // If this doesn't spawn new work, complete the current work.
-      next = completeUnitOfWork(workInProgress);
+  {
+    ReactDebugCurrentFiber.resetCurrentFiber();
+    if (isReplayingFailedUnitOfWork) {
+      // Currently replaying a failed unit of work. This should be unreachable,
+      // because the render phase is meant to be idempotent, and it should
+      // have thrown again. Since it didn't, rethrow the original error, so
+      // React's internal stack is not misaligned.
+      rethrowOriginalError();
     }
+  }
+  if (true && ReactFiberInstrumentation_1.debugTool) {
+    ReactFiberInstrumentation_1.debugTool.onBeginWork(workInProgress);
+  }
 
-    ReactCurrentOwner.current = null;
-
-    return next;
+  if (next === null) {
+    // If this doesn't spawn new work, complete the current work.
+    next = completeUnitOfWork(workInProgress);
   }
 
-  function workLoop(isAsync) {
-    if (!isAsync) {
-      // Flush all expired work.
-      while (nextUnitOfWork !== null) {
-        nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
-      }
-    } else {
-      // Flush asynchronous work until the deadline runs out of time.
-      while (nextUnitOfWork !== null && !shouldYield()) {
-        nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
-      }
+  ReactCurrentOwner.current = null;
+
+  return next;
+}
+
+function workLoop(isYieldy) {
+  if (!isYieldy) {
+    // Flush work without yielding
+    while (nextUnitOfWork !== null) {
+      nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
+    }
+  } else {
+    // Flush asynchronous work until the deadline runs out of time.
+    while (nextUnitOfWork !== null && !shouldYield()) {
+      nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
+    }
+
+    if (enableProfilerTimer) {
+      // If we didn't finish, pause the "actual" render timer.
+      // We'll restart it when we resume work.
+      pauseActualRenderTimerIfRunning();
     }
   }
+}
 
-  function renderRoot(root, expirationTime, isAsync) {
-    invariant(
-      !isWorking,
-      "renderRoot was called recursively. This error is likely caused " +
-        "by a bug in React. Please file an issue."
+function renderRoot(root, isYieldy) {
+  invariant(
+    !isWorking,
+    "renderRoot was called recursively. This error is likely caused " +
+      "by a bug in React. Please file an issue."
+  );
+  isWorking = true;
+
+  var expirationTime = root.nextExpirationTimeToWorkOn;
+
+  // Check if we're starting from a fresh stack, or if we're resuming from
+  // previously yielded work.
+  if (
+    expirationTime !== nextRenderExpirationTime ||
+    root !== nextRoot ||
+    nextUnitOfWork === null
+  ) {
+    // Reset the stack and start working from the root.
+    resetStack();
+    nextRoot = root;
+    nextRenderExpirationTime = expirationTime;
+    nextLatestTimeoutMs = -1;
+    nextRenderDidError = false;
+    nextUnitOfWork = createWorkInProgress(
+      nextRoot.current,
+      null,
+      nextRenderExpirationTime
     );
-    isWorking = true;
+    root.pendingCommitExpirationTime = NoWork;
+  }
 
-    // Check if we're starting from a fresh stack, or if we're resuming from
-    // previously yielded work.
-    if (
-      expirationTime !== nextRenderExpirationTime ||
-      root !== nextRoot ||
-      nextUnitOfWork === null
-    ) {
-      // Reset the stack and start working from the root.
-      resetContextStack();
-      nextRoot = root;
-      nextRenderExpirationTime = expirationTime;
-      nextUnitOfWork = createWorkInProgress(
-        nextRoot.current,
-        null,
-        nextRenderExpirationTime
-      );
-      root.pendingCommitExpirationTime = NoWork;
-    }
+  var didFatal = false;
 
-    var didFatal = false;
+  startWorkLoopTimer(nextUnitOfWork);
 
-    startWorkLoopTimer(nextUnitOfWork);
+  do {
+    try {
+      workLoop(isYieldy);
+    } catch (thrownValue) {
+      if (enableProfilerTimer) {
+        // Stop "base" render timer in the event of an error.
+        stopBaseRenderTimerIfRunning();
+      }
 
-    do {
-      try {
-        workLoop(isAsync);
-      } catch (thrownValue) {
-        if (nextUnitOfWork === null) {
-          // This is a fatal error.
-          didFatal = true;
-          onUncaughtError(thrownValue);
-          break;
+      if (nextUnitOfWork === null) {
+        // This is a fatal error.
+        didFatal = true;
+        onUncaughtError(thrownValue);
+      } else {
+        {
+          // Reset global debug state
+          // We assume this is defined in DEV
+          resetCurrentlyProcessingQueue();
         }
 
+        var failedUnitOfWork = nextUnitOfWork;
         if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
-          var failedUnitOfWork = nextUnitOfWork;
-          replayUnitOfWork(failedUnitOfWork, isAsync);
+          replayUnitOfWork(failedUnitOfWork, thrownValue, isYieldy);
         }
 
+        // TODO: we already know this isn't true in some cases.
+        // At least this shows a nicer error message until we figure out the cause.
+        // https://github.com/facebook/react/issues/12449#issuecomment-386727431
+        invariant(
+          nextUnitOfWork !== null,
+          "Failed to replay rendering after an error. This " +
+            "is likely caused by a bug in React. Please file an issue " +
+            "with a reproducing case to help us find it."
+        );
+
         var sourceFiber = nextUnitOfWork;
-        var returnFiber = sourceFiber["return"];
+        var returnFiber = sourceFiber.return;
         if (returnFiber === null) {
-          // This is a fatal error.
+          // This is the root. The root could capture its own errors. However,
+          // we don't know if it errors before or after we pushed the host
+          // context. This information is needed to avoid a stack mismatch.
+          // Because we're not sure, treat this as a fatal error. We could track
+          // which phase it fails in, but doesn't seem worth it. At least
+          // for now.
           didFatal = true;
           onUncaughtError(thrownValue);
           break;
         }
-        throwException(returnFiber, sourceFiber, thrownValue);
-        nextUnitOfWork = completeUnitOfWork(sourceFiber);
-      }
-      break;
-    } while (true);
-
-    // We're done performing work. Time to clean up.
-    stopWorkLoopTimer(interruptedBy);
-    interruptedBy = null;
-    isWorking = false;
-
-    // Yield back to main thread.
-    if (didFatal) {
-      // There was a fatal error.
-      return null;
-    } else if (nextUnitOfWork === null) {
-      // We reached the root.
-      if (isRootReadyForCommit) {
-        // The root successfully completed. It's ready for commit.
-        root.pendingCommitExpirationTime = expirationTime;
-        var finishedWork = root.current.alternate;
-        return finishedWork;
-      } else {
-        // The root did not complete.
-        invariant(
-          false,
-          "Expired work should have completed. This error is likely caused " +
-            "by a bug in React. Please file an issue."
+        throwException(
+          root,
+          returnFiber,
+          sourceFiber,
+          thrownValue,
+          nextRenderExpirationTime,
+          mostRecentCurrentTimeMs
         );
+        nextUnitOfWork = completeUnitOfWork(sourceFiber);
       }
-    } else {
-      // There's more work to do, but we ran out of time. Yield back to
-      // the renderer.
-      return null;
     }
-  }
+    break;
+  } while (true);
 
-  function scheduleCapture(sourceFiber, boundaryFiber, value, expirationTime) {
-    // TODO: We only support dispatching errors.
-    var capturedValue = createCapturedValue(value, sourceFiber);
-    var update = {
-      expirationTime: expirationTime,
-      partialState: null,
-      callback: null,
-      isReplace: false,
-      isForced: false,
-      capturedValue: capturedValue,
-      next: null
-    };
-    insertUpdateIntoFiber(boundaryFiber, update);
-    scheduleWork(boundaryFiber, expirationTime);
-  }
+  // We're done performing work. Time to clean up.
+  isWorking = false;
 
-  function dispatch(sourceFiber, value, expirationTime) {
+  // Yield back to main thread.
+  if (didFatal) {
+    var didCompleteRoot = false;
+    stopWorkLoopTimer(interruptedBy, didCompleteRoot);
+    interruptedBy = null;
+    // There was a fatal error.
+    {
+      resetStackAfterFatalErrorInDev();
+    }
+    onFatal(root);
+  } else if (nextUnitOfWork === null) {
+    // We reached the root.
+    var rootWorkInProgress = root.current.alternate;
     invariant(
-      !isWorking || isCommitting,
-      "dispatch: Cannot dispatch during the render phase."
+      rootWorkInProgress !== null,
+      "Finished root should have a work-in-progress. This error is likely " +
+        "caused by a bug in React. Please file an issue."
     );
+    if ((rootWorkInProgress.effectTag & Incomplete) === NoEffect) {
+      var _didCompleteRoot = true;
+      stopWorkLoopTimer(interruptedBy, _didCompleteRoot);
+      interruptedBy = null;
+      // The root successfully completed.
+      onComplete(root, rootWorkInProgress, expirationTime);
+    } else {
+      // The root did not complete.
+      var _didCompleteRoot2 = false;
+      stopWorkLoopTimer(interruptedBy, _didCompleteRoot2);
+      interruptedBy = null;
+      markSuspendedPriorityLevel(root, expirationTime, nextRenderDidError);
+      var suspendedExpirationTime = expirationTime;
+      var newExpirationTime = root.expirationTime;
+      onSuspend(
+        root,
+        suspendedExpirationTime,
+        newExpirationTime,
+        nextLatestTimeoutMs
+      );
+    }
+  } else {
+    var _didCompleteRoot3 = false;
+    stopWorkLoopTimer(interruptedBy, _didCompleteRoot3);
+    interruptedBy = null;
+    onYield(root);
+  }
+}
 
-    // TODO: Handle arrays
+function dispatch(sourceFiber, value, expirationTime) {
+  invariant(
+    !isWorking || isCommitting$1,
+    "dispatch: Cannot dispatch during the render phase."
+  );
 
-    var fiber = sourceFiber["return"];
-    while (fiber !== null) {
-      switch (fiber.tag) {
-        case ClassComponent:
-          var ctor = fiber.type;
-          var instance = fiber.stateNode;
-          if (
-            typeof ctor.getDerivedStateFromCatch === "function" ||
-            (typeof instance.componentDidCatch === "function" &&
-              !isAlreadyFailedLegacyErrorBoundary(instance))
-          ) {
-            scheduleCapture(sourceFiber, fiber, value, expirationTime);
-            return;
-          }
-          break;
-        // TODO: Handle async boundaries
-        case HostRoot:
-          scheduleCapture(sourceFiber, fiber, value, expirationTime);
+  var fiber = sourceFiber.return;
+  while (fiber !== null) {
+    switch (fiber.tag) {
+      case ClassComponent:
+        var ctor = fiber.type;
+        var instance = fiber.stateNode;
+        if (
+          typeof ctor.getDerivedStateFromCatch === "function" ||
+          (typeof instance.componentDidCatch === "function" &&
+            !isAlreadyFailedLegacyErrorBoundary(instance))
+        ) {
+          var errorInfo = createCapturedValue(value, sourceFiber);
+          var update = createClassErrorUpdate(fiber, errorInfo, expirationTime);
+          enqueueUpdate(fiber, update, expirationTime);
+          scheduleWork(fiber, expirationTime);
           return;
+        }
+        break;
+      case HostRoot: {
+        var _errorInfo = createCapturedValue(value, sourceFiber);
+        var _update = createRootErrorUpdate(fiber, _errorInfo, expirationTime);
+        enqueueUpdate(fiber, _update, expirationTime);
+        scheduleWork(fiber, expirationTime);
+        return;
       }
-      fiber = fiber["return"];
-    }
-
-    if (sourceFiber.tag === HostRoot) {
-      // Error was thrown at the root. There is no parent, so the root
-      // itself should capture it.
-      scheduleCapture(sourceFiber, sourceFiber, value, expirationTime);
     }
+    fiber = fiber.return;
   }
 
-  function onCommitPhaseError(fiber, error) {
-    return dispatch(fiber, error, Sync);
+  if (sourceFiber.tag === HostRoot) {
+    // Error was thrown at the root. There is no parent, so the root
+    // itself should capture it.
+    var rootFiber = sourceFiber;
+    var _errorInfo2 = createCapturedValue(value, rootFiber);
+    var _update2 = createRootErrorUpdate(
+      rootFiber,
+      _errorInfo2,
+      expirationTime
+    );
+    enqueueUpdate(rootFiber, _update2, expirationTime);
+    scheduleWork(rootFiber, expirationTime);
   }
+}
 
-  function computeAsyncExpiration(currentTime) {
-    // Given the current clock time, returns an expiration time. We use rounding
-    // to batch like updates together.
-    // Should complete within ~1000ms. 1200ms max.
-    var expirationMs = 5000;
-    var bucketSizeMs = 250;
-    return computeExpirationBucket(currentTime, expirationMs, bucketSizeMs);
-  }
+function captureCommitPhaseError(fiber, error) {
+  return dispatch(fiber, error, Sync);
+}
 
-  function computeInteractiveExpiration(currentTime) {
-    // Should complete within ~500ms. 600ms max.
-    var expirationMs = 500;
-    var bucketSizeMs = 100;
-    return computeExpirationBucket(currentTime, expirationMs, bucketSizeMs);
-  }
+function computeAsyncExpiration(currentTime) {
+  // Given the current clock time, returns an expiration time. We use rounding
+  // to batch like updates together.
+  // Should complete within ~5000ms. 5250ms max.
+  var expirationMs = 5000;
+  var bucketSizeMs = 250;
+  return computeExpirationBucket(currentTime, expirationMs, bucketSizeMs);
+}
 
-  // Creates a unique async expiration time.
-  function computeUniqueAsyncExpiration() {
-    var currentTime = recalculateCurrentTime();
-    var result = computeAsyncExpiration(currentTime);
-    if (result <= lastUniqueAsyncExpiration) {
-      // Since we assume the current time monotonically increases, we only hit
-      // this branch when computeUniqueAsyncExpiration is fired multiple times
-      // within a 200ms window (or whatever the async bucket size is).
-      result = lastUniqueAsyncExpiration + 1;
-    }
-    lastUniqueAsyncExpiration = result;
-    return lastUniqueAsyncExpiration;
-  }
-
-  function computeExpirationForFiber(fiber) {
-    var expirationTime = void 0;
-    if (expirationContext !== NoWork) {
-      // An explicit expiration context was set;
-      expirationTime = expirationContext;
-    } else if (isWorking) {
-      if (isCommitting) {
-        // Updates that occur during the commit phase should have sync priority
-        // by default.
-        expirationTime = Sync;
-      } else {
-        // Updates during the render phase should expire at the same time as
-        // the work that is being rendered.
-        expirationTime = nextRenderExpirationTime;
-      }
+function computeInteractiveExpiration(currentTime) {
+  var expirationMs = void 0;
+  // We intentionally set a higher expiration time for interactive updates in
+  // dev than in production.
+  // If the main thread is being blocked so long that you hit the expiration,
+  // it's a problem that could be solved with better scheduling.
+  // People will be more likely to notice this and fix it with the long
+  // expiration time in development.
+  // In production we opt for better UX at the risk of masking scheduling
+  // problems, by expiring fast.
+  {
+    // Should complete within ~500ms. 600ms max.
+    expirationMs = 500;
+  }
+  var bucketSizeMs = 100;
+  return computeExpirationBucket(currentTime, expirationMs, bucketSizeMs);
+}
+
+// Creates a unique async expiration time.
+function computeUniqueAsyncExpiration() {
+  var currentTime = recalculateCurrentTime();
+  var result = computeAsyncExpiration(currentTime);
+  if (result <= lastUniqueAsyncExpiration) {
+    // Since we assume the current time monotonically increases, we only hit
+    // this branch when computeUniqueAsyncExpiration is fired multiple times
+    // within a 200ms window (or whatever the async bucket size is).
+    result = lastUniqueAsyncExpiration + 1;
+  }
+  lastUniqueAsyncExpiration = result;
+  return lastUniqueAsyncExpiration;
+}
+
+function computeExpirationForFiber(currentTime, fiber) {
+  var expirationTime = void 0;
+  if (expirationContext !== NoWork) {
+    // An explicit expiration context was set;
+    expirationTime = expirationContext;
+  } else if (isWorking) {
+    if (isCommitting$1) {
+      // Updates that occur during the commit phase should have sync priority
+      // by default.
+      expirationTime = Sync;
     } else {
-      // No explicit expiration context was set, and we're not currently
-      // performing work. Calculate a new expiration time.
-      if (fiber.mode & AsyncMode) {
-        if (isBatchingInteractiveUpdates) {
-          // This is an interactive update
-          var currentTime = recalculateCurrentTime();
-          expirationTime = computeInteractiveExpiration(currentTime);
-        } else {
-          // This is an async update
-          var _currentTime = recalculateCurrentTime();
-          expirationTime = computeAsyncExpiration(_currentTime);
-        }
-      } else {
-        // This is a sync update
-        expirationTime = Sync;
-      }
+      // Updates during the render phase should expire at the same time as
+      // the work that is being rendered.
+      expirationTime = nextRenderExpirationTime;
     }
-    if (isBatchingInteractiveUpdates) {
-      // This is an interactive update. Keep track of the lowest pending
-      // interactive expiration time. This allows us to synchronously flush
-      // all interactive updates when needed.
-      if (
-        lowestPendingInteractiveExpirationTime === NoWork ||
-        expirationTime > lowestPendingInteractiveExpirationTime
-      ) {
-        lowestPendingInteractiveExpirationTime = expirationTime;
+  } else {
+    // No explicit expiration context was set, and we're not currently
+    // performing work. Calculate a new expiration time.
+    if (fiber.mode & AsyncMode) {
+      if (isBatchingInteractiveUpdates) {
+        // This is an interactive update
+        expirationTime = computeInteractiveExpiration(currentTime);
+      } else {
+        // This is an async update
+        expirationTime = computeAsyncExpiration(currentTime);
       }
+    } else {
+      // This is a sync update
+      expirationTime = Sync;
     }
-    return expirationTime;
   }
+  if (isBatchingInteractiveUpdates) {
+    // This is an interactive update. Keep track of the lowest pending
+    // interactive expiration time. This allows us to synchronously flush
+    // all interactive updates when needed.
+    if (
+      lowestPendingInteractiveExpirationTime === NoWork ||
+      expirationTime > lowestPendingInteractiveExpirationTime
+    ) {
+      lowestPendingInteractiveExpirationTime = expirationTime;
+    }
+  }
+  return expirationTime;
+}
 
-  function scheduleWork(fiber, expirationTime) {
-    return scheduleWorkImpl(fiber, expirationTime, false);
+function markTimeout(root, thenable, timeoutMs, suspendedTime) {
+  // Schedule the timeout.
+  if (timeoutMs >= 0 && nextLatestTimeoutMs < timeoutMs) {
+    nextLatestTimeoutMs = timeoutMs;
   }
+}
 
-  function scheduleWorkImpl(fiber, expirationTime, isErrorRecovery) {
-    recordScheduleUpdate();
+function markError(root) {
+  nextRenderDidError = true;
+}
 
-    {
-      if (!isErrorRecovery && fiber.tag === ClassComponent) {
-        var instance = fiber.stateNode;
-        warnAboutInvalidUpdates(instance);
-      }
+function retrySuspendedRoot(root, suspendedTime) {
+  markPingedPriorityLevel(root, suspendedTime);
+  var retryTime = root.expirationTime;
+  if (retryTime !== NoWork) {
+    requestWork(root, retryTime);
+  }
+}
+
+function scheduleWork(fiber, expirationTime) {
+  recordScheduleUpdate();
+
+  {
+    if (fiber.tag === ClassComponent) {
+      var instance = fiber.stateNode;
+      warnAboutInvalidUpdates(instance);
     }
+  }
 
-    var node = fiber;
-    while (node !== null) {
-      // Walk the parent path to the root and update each node's
-      // expiration time.
+  var node = fiber;
+  while (node !== null) {
+    // Walk the parent path to the root and update each node's
+    // expiration time.
+    if (
+      node.expirationTime === NoWork ||
+      node.expirationTime > expirationTime
+    ) {
+      node.expirationTime = expirationTime;
+    }
+    if (node.alternate !== null) {
       if (
-        node.expirationTime === NoWork ||
-        node.expirationTime > expirationTime
+        node.alternate.expirationTime === NoWork ||
+        node.alternate.expirationTime > expirationTime
       ) {
-        node.expirationTime = expirationTime;
+        node.alternate.expirationTime = expirationTime;
       }
-      if (node.alternate !== null) {
+    }
+    if (node.return === null) {
+      if (node.tag === HostRoot) {
+        var root = node.stateNode;
         if (
-          node.alternate.expirationTime === NoWork ||
-          node.alternate.expirationTime > expirationTime
+          !isWorking &&
+          nextRenderExpirationTime !== NoWork &&
+          expirationTime < nextRenderExpirationTime
         ) {
-          node.alternate.expirationTime = expirationTime;
+          // This is an interruption. (Used for performance tracking.)
+          interruptedBy = fiber;
+          resetStack();
         }
-      }
-      if (node["return"] === null) {
-        if (node.tag === HostRoot) {
-          var root = node.stateNode;
-          if (
-            !isWorking &&
-            nextRenderExpirationTime !== NoWork &&
-            expirationTime < nextRenderExpirationTime
-          ) {
-            // This is an interruption. (Used for performance tracking.)
-            interruptedBy = fiber;
-            resetContextStack();
-          }
-          if (nextRoot !== root || !isWorking) {
-            requestWork(root, expirationTime);
-          }
-          if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
-            invariant(
-              false,
-              "Maximum update depth exceeded. This can happen when a " +
-                "component repeatedly calls setState inside " +
-                "componentWillUpdate or componentDidUpdate. React limits " +
-                "the number of nested updates to prevent infinite loops."
-            );
-          }
-        } else {
-          {
-            if (!isErrorRecovery && fiber.tag === ClassComponent) {
-              warnAboutUpdateOnUnmounted(fiber);
-            }
+        markPendingPriorityLevel(root, expirationTime);
+        if (
+          // If we're in the render phase, we don't need to schedule this root
+          // for an update, because we'll do it before we exit...
+          !isWorking ||
+          isCommitting$1 ||
+          // ...unless this is a different root than the one we're rendering.
+          nextRoot !== root
+        ) {
+          var rootExpirationTime = root.expirationTime;
+          requestWork(root, rootExpirationTime);
+        }
+        if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
+          invariant(
+            false,
+            "Maximum update depth exceeded. This can happen when a " +
+              "component repeatedly calls setState inside " +
+              "componentWillUpdate or componentDidUpdate. React limits " +
+              "the number of nested updates to prevent infinite loops."
+          );
+        }
+      } else {
+        {
+          if (fiber.tag === ClassComponent) {
+            warnAboutUpdateOnUnmounted(fiber);
           }
-          return;
         }
+        return;
       }
-      node = node["return"];
     }
+    node = node.return;
   }
+}
 
-  function recalculateCurrentTime() {
-    // Subtract initial time so it fits inside 32bits
-    mostRecentCurrentTimeMs = now() - originalStartTimeMs;
-    mostRecentCurrentTime = msToExpirationTime(mostRecentCurrentTimeMs);
-    return mostRecentCurrentTime;
-  }
+function recalculateCurrentTime() {
+  // Subtract initial time so it fits inside 32bits
+  mostRecentCurrentTimeMs = now() - originalStartTimeMs;
+  mostRecentCurrentTime = msToExpirationTime(mostRecentCurrentTimeMs);
+  return mostRecentCurrentTime;
+}
 
-  function deferredUpdates(fn) {
-    var previousExpirationContext = expirationContext;
-    var currentTime = recalculateCurrentTime();
-    expirationContext = computeAsyncExpiration(currentTime);
-    try {
-      return fn();
-    } finally {
-      expirationContext = previousExpirationContext;
-    }
+function deferredUpdates(fn) {
+  var previousExpirationContext = expirationContext;
+  var currentTime = recalculateCurrentTime();
+  expirationContext = computeAsyncExpiration(currentTime);
+  try {
+    return fn();
+  } finally {
+    expirationContext = previousExpirationContext;
   }
-  function syncUpdates(fn, a, b, c, d) {
-    var previousExpirationContext = expirationContext;
-    expirationContext = Sync;
-    try {
-      return fn(a, b, c, d);
-    } finally {
-      expirationContext = previousExpirationContext;
-    }
+}
+function syncUpdates(fn, a, b, c, d) {
+  var previousExpirationContext = expirationContext;
+  expirationContext = Sync;
+  try {
+    return fn(a, b, c, d);
+  } finally {
+    expirationContext = previousExpirationContext;
   }
+}
 
-  // TODO: Everything below this is written as if it has been lifted to the
-  // renderers. I'll do this in a follow-up.
+// TODO: Everything below this is written as if it has been lifted to the
+// renderers. I'll do this in a follow-up.
 
-  // Linked-list of roots
-  var firstScheduledRoot = null;
-  var lastScheduledRoot = null;
+// Linked-list of roots
+var firstScheduledRoot = null;
+var lastScheduledRoot = null;
 
-  var callbackExpirationTime = NoWork;
-  var callbackID = -1;
-  var isRendering = false;
-  var nextFlushedRoot = null;
-  var nextFlushedExpirationTime = NoWork;
-  var lowestPendingInteractiveExpirationTime = NoWork;
-  var deadlineDidExpire = false;
-  var hasUnhandledError = false;
-  var unhandledError = null;
-  var deadline = null;
+var callbackExpirationTime = NoWork;
+var callbackID = void 0;
+var isRendering = false;
+var nextFlushedRoot = null;
+var nextFlushedExpirationTime = NoWork;
+var lowestPendingInteractiveExpirationTime = NoWork;
+var deadlineDidExpire = false;
+var hasUnhandledError = false;
+var unhandledError = null;
+var deadline = null;
 
-  var isBatchingUpdates = false;
-  var isUnbatchingUpdates = false;
-  var isBatchingInteractiveUpdates = false;
+var isBatchingUpdates = false;
+var isUnbatchingUpdates = false;
+var isBatchingInteractiveUpdates = false;
 
-  var completedBatches = null;
+var completedBatches = null;
 
-  // Use these to prevent an infinite loop of nested updates
-  var NESTED_UPDATE_LIMIT = 1000;
-  var nestedUpdateCount = 0;
+// Use these to prevent an infinite loop of nested updates
+var NESTED_UPDATE_LIMIT = 1000;
+var nestedUpdateCount = 0;
 
-  var timeHeuristicForUnitOfWork = 1;
+var timeHeuristicForUnitOfWork = 1;
 
-  function scheduleCallbackWithExpiration(expirationTime) {
-    if (callbackExpirationTime !== NoWork) {
-      // A callback is already scheduled. Check its expiration time (timeout).
-      if (expirationTime > callbackExpirationTime) {
-        // Existing callback has sufficient timeout. Exit.
-        return;
-      } else {
+function scheduleCallbackWithExpirationTime(expirationTime) {
+  if (callbackExpirationTime !== NoWork) {
+    // A callback is already scheduled. Check its expiration time (timeout).
+    if (expirationTime > callbackExpirationTime) {
+      // Existing callback has sufficient timeout. Exit.
+      return;
+    } else {
+      if (callbackID !== null) {
         // Existing callback has insufficient timeout. Cancel and schedule a
         // new one.
         cancelDeferredCallback(callbackID);
       }
-      // The request callback timer is already running. Don't start a new one.
-    } else {
-      startRequestCallbackTimer();
     }
+    // The request callback timer is already running. Don't start a new one.
+  } else {
+    startRequestCallbackTimer();
+  }
 
-    // Compute a timeout for the given expiration time.
-    var currentMs = now() - originalStartTimeMs;
-    var expirationMs = expirationTimeToMs(expirationTime);
-    var timeout = expirationMs - currentMs;
+  callbackExpirationTime = expirationTime;
+  var currentMs = now() - originalStartTimeMs;
+  var expirationTimeMs = expirationTimeToMs(expirationTime);
+  var timeout = expirationTimeMs - currentMs;
+  callbackID = scheduleDeferredCallback(performAsyncWork, { timeout: timeout });
+}
 
-    callbackExpirationTime = expirationTime;
-    callbackID = scheduleDeferredCallback(performAsyncWork, {
-      timeout: timeout
-    });
+// For every call to renderRoot, one of onFatal, onComplete, onSuspend, and
+// onYield is called upon exiting. We use these in lieu of returning a tuple.
+// I've also chosen not to inline them into renderRoot because these will
+// eventually be lifted into the renderer.
+function onFatal(root) {
+  root.finishedWork = null;
+}
+
+function onComplete(root, finishedWork, expirationTime) {
+  root.pendingCommitExpirationTime = expirationTime;
+  root.finishedWork = finishedWork;
+}
+
+function onSuspend(root, suspendedExpirationTime, expirationTime, timeoutMs) {
+  if (timeoutMs >= 0) {
+    var suspendedRoot = root;
+    setTimeout(function() {
+      retrySuspendedRoot(suspendedRoot, suspendedExpirationTime);
+    }, timeoutMs);
   }
+  root.expirationTime = expirationTime;
+}
 
-  // requestWork is called by the scheduler whenever a root receives an update.
-  // It's up to the renderer to call renderRoot at some point in the future.
-  function requestWork(root, expirationTime) {
-    addRootToSchedule(root, expirationTime);
+function onYield(root) {
+  root.finishedWork = null;
+}
 
-    if (isRendering) {
-      // Prevent reentrancy. Remaining work will be scheduled at the end of
-      // the currently rendering batch.
-      return;
-    }
+function onCommit(root, expirationTime) {
+  root.expirationTime = expirationTime;
+  root.finishedWork = null;
+}
 
-    if (isBatchingUpdates) {
-      // Flush work at the end of the batch.
-      if (isUnbatchingUpdates) {
-        // ...unless we're inside unbatchedUpdates, in which case we should
-        // flush it now.
-        nextFlushedRoot = root;
-        nextFlushedExpirationTime = Sync;
-        performWorkOnRoot(root, Sync, false);
-      }
-      return;
-    }
+// requestWork is called by the scheduler whenever a root receives an update.
+// It's up to the renderer to call renderRoot at some point in the future.
+function requestWork(root, expirationTime) {
+  addRootToSchedule(root, expirationTime);
 
-    // TODO: Get rid of Sync and use current time?
-    if (expirationTime === Sync) {
-      performSyncWork();
-    } else {
-      scheduleCallbackWithExpiration(expirationTime);
+  if (isRendering) {
+    // Prevent reentrancy. Remaining work will be scheduled at the end of
+    // the currently rendering batch.
+    return;
+  }
+
+  if (isBatchingUpdates) {
+    // Flush work at the end of the batch.
+    if (isUnbatchingUpdates) {
+      // ...unless we're inside unbatchedUpdates, in which case we should
+      // flush it now.
+      nextFlushedRoot = root;
+      nextFlushedExpirationTime = Sync;
+      performWorkOnRoot(root, Sync, false);
     }
+    return;
   }
 
-  function addRootToSchedule(root, expirationTime) {
-    // Add the root to the schedule.
-    // Check if this root is already part of the schedule.
-    if (root.nextScheduledRoot === null) {
-      // This root is not already scheduled. Add it.
-      root.remainingExpirationTime = expirationTime;
-      if (lastScheduledRoot === null) {
-        firstScheduledRoot = lastScheduledRoot = root;
-        root.nextScheduledRoot = root;
-      } else {
-        lastScheduledRoot.nextScheduledRoot = root;
-        lastScheduledRoot = root;
-        lastScheduledRoot.nextScheduledRoot = firstScheduledRoot;
-      }
+  // TODO: Get rid of Sync and use current time?
+  if (expirationTime === Sync) {
+    performSyncWork();
+  } else {
+    scheduleCallbackWithExpirationTime(expirationTime);
+  }
+}
+
+function addRootToSchedule(root, expirationTime) {
+  // Add the root to the schedule.
+  // Check if this root is already part of the schedule.
+  if (root.nextScheduledRoot === null) {
+    // This root is not already scheduled. Add it.
+    root.expirationTime = expirationTime;
+    if (lastScheduledRoot === null) {
+      firstScheduledRoot = lastScheduledRoot = root;
+      root.nextScheduledRoot = root;
     } else {
-      // This root is already scheduled, but its priority may have increased.
-      var remainingExpirationTime = root.remainingExpirationTime;
-      if (
-        remainingExpirationTime === NoWork ||
-        expirationTime < remainingExpirationTime
-      ) {
-        // Update the priority.
-        root.remainingExpirationTime = expirationTime;
-      }
+      lastScheduledRoot.nextScheduledRoot = root;
+      lastScheduledRoot = root;
+      lastScheduledRoot.nextScheduledRoot = firstScheduledRoot;
+    }
+  } else {
+    // This root is already scheduled, but its priority may have increased.
+    var remainingExpirationTime = root.expirationTime;
+    if (
+      remainingExpirationTime === NoWork ||
+      expirationTime < remainingExpirationTime
+    ) {
+      // Update the priority.
+      root.expirationTime = expirationTime;
     }
   }
+}
 
-  function findHighestPriorityRoot() {
-    var highestPriorityWork = NoWork;
-    var highestPriorityRoot = null;
-    if (lastScheduledRoot !== null) {
-      var previousScheduledRoot = lastScheduledRoot;
-      var root = firstScheduledRoot;
-      while (root !== null) {
-        var remainingExpirationTime = root.remainingExpirationTime;
-        if (remainingExpirationTime === NoWork) {
-          // This root no longer has work. Remove it from the scheduler.
+function findHighestPriorityRoot() {
+  var highestPriorityWork = NoWork;
+  var highestPriorityRoot = null;
+  if (lastScheduledRoot !== null) {
+    var previousScheduledRoot = lastScheduledRoot;
+    var root = firstScheduledRoot;
+    while (root !== null) {
+      var remainingExpirationTime = root.expirationTime;
+      if (remainingExpirationTime === NoWork) {
+        // This root no longer has work. Remove it from the scheduler.
 
-          // TODO: This check is redudant, but Flow is confused by the branch
-          // below where we set lastScheduledRoot to null, even though we break
-          // from the loop right after.
-          invariant(
-            previousScheduledRoot !== null && lastScheduledRoot !== null,
-            "Should have a previous and last root. This error is likely " +
-              "caused by a bug in React. Please file an issue."
-          );
-          if (root === root.nextScheduledRoot) {
-            // This is the only root in the list.
-            root.nextScheduledRoot = null;
-            firstScheduledRoot = lastScheduledRoot = null;
-            break;
-          } else if (root === firstScheduledRoot) {
-            // This is the first root in the list.
-            var next = root.nextScheduledRoot;
-            firstScheduledRoot = next;
-            lastScheduledRoot.nextScheduledRoot = next;
-            root.nextScheduledRoot = null;
-          } else if (root === lastScheduledRoot) {
-            // This is the last root in the list.
-            lastScheduledRoot = previousScheduledRoot;
-            lastScheduledRoot.nextScheduledRoot = firstScheduledRoot;
-            root.nextScheduledRoot = null;
-            break;
-          } else {
-            previousScheduledRoot.nextScheduledRoot = root.nextScheduledRoot;
-            root.nextScheduledRoot = null;
-          }
-          root = previousScheduledRoot.nextScheduledRoot;
+        // TODO: This check is redudant, but Flow is confused by the branch
+        // below where we set lastScheduledRoot to null, even though we break
+        // from the loop right after.
+        invariant(
+          previousScheduledRoot !== null && lastScheduledRoot !== null,
+          "Should have a previous and last root. This error is likely " +
+            "caused by a bug in React. Please file an issue."
+        );
+        if (root === root.nextScheduledRoot) {
+          // This is the only root in the list.
+          root.nextScheduledRoot = null;
+          firstScheduledRoot = lastScheduledRoot = null;
+          break;
+        } else if (root === firstScheduledRoot) {
+          // This is the first root in the list.
+          var next = root.nextScheduledRoot;
+          firstScheduledRoot = next;
+          lastScheduledRoot.nextScheduledRoot = next;
+          root.nextScheduledRoot = null;
+        } else if (root === lastScheduledRoot) {
+          // This is the last root in the list.
+          lastScheduledRoot = previousScheduledRoot;
+          lastScheduledRoot.nextScheduledRoot = firstScheduledRoot;
+          root.nextScheduledRoot = null;
+          break;
         } else {
-          if (
-            highestPriorityWork === NoWork ||
-            remainingExpirationTime < highestPriorityWork
-          ) {
-            // Update the priority, if it's higher
-            highestPriorityWork = remainingExpirationTime;
-            highestPriorityRoot = root;
-          }
-          if (root === lastScheduledRoot) {
-            break;
-          }
-          previousScheduledRoot = root;
-          root = root.nextScheduledRoot;
+          previousScheduledRoot.nextScheduledRoot = root.nextScheduledRoot;
+          root.nextScheduledRoot = null;
         }
+        root = previousScheduledRoot.nextScheduledRoot;
+      } else {
+        if (
+          highestPriorityWork === NoWork ||
+          remainingExpirationTime < highestPriorityWork
+        ) {
+          // Update the priority, if it's higher
+          highestPriorityWork = remainingExpirationTime;
+          highestPriorityRoot = root;
+        }
+        if (root === lastScheduledRoot) {
+          break;
+        }
+        previousScheduledRoot = root;
+        root = root.nextScheduledRoot;
       }
     }
-
-    // If the next root is the same as the previous root, this is a nested
-    // update. To prevent an infinite loop, increment the nested update count.
-    var previousFlushedRoot = nextFlushedRoot;
-    if (
-      previousFlushedRoot !== null &&
-      previousFlushedRoot === highestPriorityRoot &&
-      highestPriorityWork === Sync
-    ) {
-      nestedUpdateCount++;
-    } else {
-      // Reset whenever we switch roots.
-      nestedUpdateCount = 0;
-    }
-    nextFlushedRoot = highestPriorityRoot;
-    nextFlushedExpirationTime = highestPriorityWork;
   }
 
-  function performAsyncWork(dl) {
-    performWork(NoWork, true, dl);
+  // If the next root is the same as the previous root, this is a nested
+  // update. To prevent an infinite loop, increment the nested update count.
+  var previousFlushedRoot = nextFlushedRoot;
+  if (
+    previousFlushedRoot !== null &&
+    previousFlushedRoot === highestPriorityRoot &&
+    highestPriorityWork === Sync
+  ) {
+    nestedUpdateCount++;
+  } else {
+    // Reset whenever we switch roots.
+    nestedUpdateCount = 0;
   }
+  nextFlushedRoot = highestPriorityRoot;
+  nextFlushedExpirationTime = highestPriorityWork;
+}
 
-  function performSyncWork() {
-    performWork(Sync, false, null);
-  }
+function performAsyncWork(dl) {
+  performWork(NoWork, dl);
+}
 
-  function performWork(minExpirationTime, isAsync, dl) {
-    deadline = dl;
+function performSyncWork() {
+  performWork(Sync, null);
+}
 
-    // Keep working on roots until there's no more work, or until the we reach
-    // the deadline.
-    findHighestPriorityRoot();
+function performWork(minExpirationTime, dl) {
+  deadline = dl;
 
-    if (enableUserTimingAPI && deadline !== null) {
-      var didExpire = nextFlushedExpirationTime < recalculateCurrentTime();
-      stopRequestCallbackTimer(didExpire);
-    }
+  // Keep working on roots until there's no more work, or until the we reach
+  // the deadline.
+  findHighestPriorityRoot();
 
-    if (isAsync) {
-      while (
-        nextFlushedRoot !== null &&
-        nextFlushedExpirationTime !== NoWork &&
-        (minExpirationTime === NoWork ||
-          minExpirationTime >= nextFlushedExpirationTime) &&
-        (!deadlineDidExpire ||
-          recalculateCurrentTime() >= nextFlushedExpirationTime)
-      ) {
-        performWorkOnRoot(
-          nextFlushedRoot,
-          nextFlushedExpirationTime,
-          !deadlineDidExpire
-        );
-        findHighestPriorityRoot();
-      }
-    } else {
-      while (
-        nextFlushedRoot !== null &&
-        nextFlushedExpirationTime !== NoWork &&
-        (minExpirationTime === NoWork ||
-          minExpirationTime >= nextFlushedExpirationTime)
-      ) {
-        performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, false);
-        findHighestPriorityRoot();
-      }
-    }
+  if (enableProfilerTimer) {
+    resumeActualRenderTimerIfPaused();
+  }
 
-    // We're done flushing work. Either we ran out of time in this callback,
-    // or there's no more work left with sufficient priority.
+  if (enableUserTimingAPI && deadline !== null) {
+    var didExpire = nextFlushedExpirationTime < recalculateCurrentTime();
+    var timeout = expirationTimeToMs(nextFlushedExpirationTime);
+    stopRequestCallbackTimer(didExpire, timeout);
+  }
 
-    // If we're inside a callback, set this to false since we just completed it.
-    if (deadline !== null) {
-      callbackExpirationTime = NoWork;
-      callbackID = -1;
+  if (deadline !== null) {
+    while (
+      nextFlushedRoot !== null &&
+      nextFlushedExpirationTime !== NoWork &&
+      (minExpirationTime === NoWork ||
+        minExpirationTime >= nextFlushedExpirationTime) &&
+      (!deadlineDidExpire ||
+        recalculateCurrentTime() >= nextFlushedExpirationTime)
+    ) {
+      recalculateCurrentTime();
+      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, true);
+      findHighestPriorityRoot();
     }
-    // If there's work left over, schedule a new callback.
-    if (nextFlushedExpirationTime !== NoWork) {
-      scheduleCallbackWithExpiration(nextFlushedExpirationTime);
+  } else {
+    while (
+      nextFlushedRoot !== null &&
+      nextFlushedExpirationTime !== NoWork &&
+      (minExpirationTime === NoWork ||
+        minExpirationTime >= nextFlushedExpirationTime)
+    ) {
+      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, false);
+      findHighestPriorityRoot();
     }
+  }
 
-    // Clean-up.
-    deadline = null;
-    deadlineDidExpire = false;
+  // We're done flushing work. Either we ran out of time in this callback,
+  // or there's no more work left with sufficient priority.
 
-    finishRendering();
+  // If we're inside a callback, set this to false since we just completed it.
+  if (deadline !== null) {
+    callbackExpirationTime = NoWork;
+    callbackID = null;
   }
-
-  function flushRoot(root, expirationTime) {
-    invariant(
-      !isRendering,
-      "work.commit(): Cannot commit while already rendering. This likely " +
-        "means you attempted to commit from inside a lifecycle method."
-    );
-    // Perform work on root as if the given expiration time is the current time.
-    // This has the effect of synchronously flushing all work up to and
-    // including the given time.
-    performWorkOnRoot(root, expirationTime, false);
-    finishRendering();
+  // If there's work left over, schedule a new callback.
+  if (nextFlushedExpirationTime !== NoWork) {
+    scheduleCallbackWithExpirationTime(nextFlushedExpirationTime);
   }
 
-  function finishRendering() {
-    nestedUpdateCount = 0;
+  // Clean-up.
+  deadline = null;
+  deadlineDidExpire = false;
 
-    if (completedBatches !== null) {
-      var batches = completedBatches;
-      completedBatches = null;
-      for (var i = 0; i < batches.length; i++) {
-        var batch = batches[i];
-        try {
-          batch._onComplete();
-        } catch (error) {
-          if (!hasUnhandledError) {
-            hasUnhandledError = true;
-            unhandledError = error;
-          }
+  finishRendering();
+}
+
+function flushRoot(root, expirationTime) {
+  invariant(
+    !isRendering,
+    "work.commit(): Cannot commit while already rendering. This likely " +
+      "means you attempted to commit from inside a lifecycle method."
+  );
+  // Perform work on root as if the given expiration time is the current time.
+  // This has the effect of synchronously flushing all work up to and
+  // including the given time.
+  nextFlushedRoot = root;
+  nextFlushedExpirationTime = expirationTime;
+  performWorkOnRoot(root, expirationTime, false);
+  // Flush any sync work that was scheduled by lifecycles
+  performSyncWork();
+  finishRendering();
+}
+
+function finishRendering() {
+  nestedUpdateCount = 0;
+
+  if (completedBatches !== null) {
+    var batches = completedBatches;
+    completedBatches = null;
+    for (var i = 0; i < batches.length; i++) {
+      var batch = batches[i];
+      try {
+        batch._onComplete();
+      } catch (error) {
+        if (!hasUnhandledError) {
+          hasUnhandledError = true;
+          unhandledError = error;
         }
       }
     }
+  }
 
-    if (hasUnhandledError) {
-      var error = unhandledError;
-      unhandledError = null;
-      hasUnhandledError = false;
-      throw error;
-    }
+  if (hasUnhandledError) {
+    var error = unhandledError;
+    unhandledError = null;
+    hasUnhandledError = false;
+    throw error;
   }
+}
 
-  function performWorkOnRoot(root, expirationTime, isAsync) {
-    invariant(
-      !isRendering,
-      "performWorkOnRoot was called recursively. This error is likely caused " +
-        "by a bug in React. Please file an issue."
-    );
+function performWorkOnRoot(root, expirationTime, isYieldy) {
+  invariant(
+    !isRendering,
+    "performWorkOnRoot was called recursively. This error is likely caused " +
+      "by a bug in React. Please file an issue."
+  );
 
-    isRendering = true;
+  isRendering = true;
 
-    // Check if this is async work or sync/expired work.
-    if (!isAsync) {
-      // Flush sync work.
-      var finishedWork = root.finishedWork;
+  // Check if this is async work or sync/expired work.
+  if (!isYieldy) {
+    // Flush work without yielding.
+    var finishedWork = root.finishedWork;
+    if (finishedWork !== null) {
+      // This root is already complete. We can commit it.
+      completeRoot(root, finishedWork, expirationTime);
+    } else {
+      root.finishedWork = null;
+      renderRoot(root, false);
+      finishedWork = root.finishedWork;
       if (finishedWork !== null) {
-        // This root is already complete. We can commit it.
+        // We've completed the root. Commit it.
         completeRoot(root, finishedWork, expirationTime);
-      } else {
-        root.finishedWork = null;
-        finishedWork = renderRoot(root, expirationTime, false);
-        if (finishedWork !== null) {
-          // We've completed the root. Commit it.
-          completeRoot(root, finishedWork, expirationTime);
-        }
       }
+    }
+  } else {
+    // Flush async work.
+    var _finishedWork = root.finishedWork;
+    if (_finishedWork !== null) {
+      // This root is already complete. We can commit it.
+      completeRoot(root, _finishedWork, expirationTime);
     } else {
-      // Flush async work.
-      var _finishedWork = root.finishedWork;
+      root.finishedWork = null;
+      renderRoot(root, true);
+      _finishedWork = root.finishedWork;
       if (_finishedWork !== null) {
-        // This root is already complete. We can commit it.
-        completeRoot(root, _finishedWork, expirationTime);
-      } else {
-        root.finishedWork = null;
-        _finishedWork = renderRoot(root, expirationTime, true);
-        if (_finishedWork !== null) {
-          // We've completed the root. Check the deadline one more time
-          // before committing.
-          if (!shouldYield()) {
-            // Still time left. Commit the root.
-            completeRoot(root, _finishedWork, expirationTime);
-          } else {
-            // There's no time left. Mark this root as complete. We'll come
-            // back and commit it later.
-            root.finishedWork = _finishedWork;
+        // We've completed the root. Check the deadline one more time
+        // before committing.
+        if (!shouldYield()) {
+          // Still time left. Commit the root.
+          completeRoot(root, _finishedWork, expirationTime);
+        } else {
+          // There's no time left. Mark this root as complete. We'll come
+          // back and commit it later.
+          root.finishedWork = _finishedWork;
+
+          if (enableProfilerTimer) {
+            // If we didn't finish, pause the "actual" render timer.
+            // We'll restart it when we resume work.
+            pauseActualRenderTimerIfRunning();
           }
         }
       }
     }
-
-    isRendering = false;
   }
 
-  function completeRoot(root, finishedWork, expirationTime) {
-    // Check if there's a batch that matches this expiration time.
-    var firstBatch = root.firstBatch;
-    if (firstBatch !== null && firstBatch._expirationTime <= expirationTime) {
-      if (completedBatches === null) {
-        completedBatches = [firstBatch];
-      } else {
-        completedBatches.push(firstBatch);
-      }
-      if (firstBatch._defer) {
-        // This root is blocked from committing by a batch. Unschedule it until
-        // we receive another update.
-        root.finishedWork = finishedWork;
-        root.remainingExpirationTime = NoWork;
-        return;
-      }
+  isRendering = false;
+}
+
+function completeRoot(root, finishedWork, expirationTime) {
+  // Check if there's a batch that matches this expiration time.
+  var firstBatch = root.firstBatch;
+  if (firstBatch !== null && firstBatch._expirationTime <= expirationTime) {
+    if (completedBatches === null) {
+      completedBatches = [firstBatch];
+    } else {
+      completedBatches.push(firstBatch);
+    }
+    if (firstBatch._defer) {
+      // This root is blocked from committing by a batch. Unschedule it until
+      // we receive another update.
+      root.finishedWork = finishedWork;
+      root.expirationTime = NoWork;
+      return;
     }
+  }
 
-    // Commit the root.
-    root.finishedWork = null;
-    root.remainingExpirationTime = commitRoot(finishedWork);
+  // Commit the root.
+  root.finishedWork = null;
+  commitRoot(root, finishedWork);
+}
+
+// When working on async work, the reconciler asks the renderer if it should
+// yield execution. For DOM, we implement this with requestIdleCallback.
+function shouldYield() {
+  if (deadline === null || deadlineDidExpire) {
+    return false;
+  }
+  if (deadline.timeRemaining() > timeHeuristicForUnitOfWork) {
+    // Disregard deadline.didTimeout. Only expired work should be flushed
+    // during a timeout. This path is only hit for non-expired work.
+    return false;
   }
+  deadlineDidExpire = true;
+  return true;
+}
 
-  // When working on async work, the reconciler asks the renderer if it should
-  // yield execution. For DOM, we implement this with requestIdleCallback.
-  function shouldYield() {
-    if (deadline === null) {
-      return false;
-    }
-    if (deadline.timeRemaining() > timeHeuristicForUnitOfWork) {
-      // Disregard deadline.didTimeout. Only expired work should be flushed
-      // during a timeout. This path is only hit for non-expired work.
-      return false;
-    }
-    deadlineDidExpire = true;
-    return true;
+function onUncaughtError(error) {
+  invariant(
+    nextFlushedRoot !== null,
+    "Should be working on a root. This error is likely caused by a bug in " +
+      "React. Please file an issue."
+  );
+  // Unschedule this root so we don't work on it again until there's
+  // another update.
+  nextFlushedRoot.expirationTime = NoWork;
+  if (!hasUnhandledError) {
+    hasUnhandledError = true;
+    unhandledError = error;
   }
+}
 
-  function onUncaughtError(error) {
-    invariant(
-      nextFlushedRoot !== null,
-      "Should be working on a root. This error is likely caused by a bug in " +
-        "React. Please file an issue."
-    );
-    // Unschedule this root so we don't work on it again until there's
-    // another update.
-    nextFlushedRoot.remainingExpirationTime = NoWork;
-    if (!hasUnhandledError) {
-      hasUnhandledError = true;
-      unhandledError = error;
+// TODO: Batching should be implemented at the renderer level, not inside
+// the reconciler.
+function batchedUpdates$1(fn, a) {
+  var previousIsBatchingUpdates = isBatchingUpdates;
+  isBatchingUpdates = true;
+  try {
+    return fn(a);
+  } finally {
+    isBatchingUpdates = previousIsBatchingUpdates;
+    if (!isBatchingUpdates && !isRendering) {
+      performSyncWork();
     }
   }
+}
 
-  // TODO: Batching should be implemented at the renderer level, not inside
-  // the reconciler.
-  function batchedUpdates(fn, a) {
-    var previousIsBatchingUpdates = isBatchingUpdates;
-    isBatchingUpdates = true;
+// TODO: Batching should be implemented at the renderer level, not inside
+// the reconciler.
+function unbatchedUpdates(fn, a) {
+  if (isBatchingUpdates && !isUnbatchingUpdates) {
+    isUnbatchingUpdates = true;
     try {
       return fn(a);
     } finally {
-      isBatchingUpdates = previousIsBatchingUpdates;
-      if (!isBatchingUpdates && !isRendering) {
-        performSyncWork();
-      }
+      isUnbatchingUpdates = false;
     }
   }
+  return fn(a);
+}
 
-  // TODO: Batching should be implemented at the renderer level, not inside
-  // the reconciler.
-  function unbatchedUpdates(fn, a) {
-    if (isBatchingUpdates && !isUnbatchingUpdates) {
-      isUnbatchingUpdates = true;
-      try {
-        return fn(a);
-      } finally {
-        isUnbatchingUpdates = false;
-      }
-    }
-    return fn(a);
+// TODO: Batching should be implemented at the renderer level, not within
+// the reconciler.
+function flushSync(fn, a) {
+  invariant(
+    !isRendering,
+    "flushSync was called from inside a lifecycle method. It cannot be " +
+      "called when React is already rendering."
+  );
+  var previousIsBatchingUpdates = isBatchingUpdates;
+  isBatchingUpdates = true;
+  try {
+    return syncUpdates(fn, a);
+  } finally {
+    isBatchingUpdates = previousIsBatchingUpdates;
+    performSyncWork();
   }
+}
 
-  // TODO: Batching should be implemented at the renderer level, not within
-  // the reconciler.
-  function flushSync(fn, a) {
-    invariant(
-      !isRendering,
-      "flushSync was called from inside a lifecycle method. It cannot be " +
-        "called when React is already rendering."
-    );
-    var previousIsBatchingUpdates = isBatchingUpdates;
-    isBatchingUpdates = true;
-    try {
-      return syncUpdates(fn, a);
-    } finally {
-      isBatchingUpdates = previousIsBatchingUpdates;
-      performSyncWork();
-    }
+function interactiveUpdates$1(fn, a, b) {
+  if (isBatchingInteractiveUpdates) {
+    return fn(a, b);
   }
-
-  function interactiveUpdates(fn, a, b) {
-    if (isBatchingInteractiveUpdates) {
-      return fn(a, b);
-    }
-    // If there are any pending interactive updates, synchronously flush them.
-    // This needs to happen before we read any handlers, because the effect of
-    // the previous event may influence which handlers are called during
-    // this event.
-    if (
-      !isBatchingUpdates &&
-      !isRendering &&
-      lowestPendingInteractiveExpirationTime !== NoWork
-    ) {
-      // Synchronously flush pending interactive updates.
-      performWork(lowestPendingInteractiveExpirationTime, false, null);
-      lowestPendingInteractiveExpirationTime = NoWork;
-    }
-    var previousIsBatchingInteractiveUpdates = isBatchingInteractiveUpdates;
-    var previousIsBatchingUpdates = isBatchingUpdates;
-    isBatchingInteractiveUpdates = true;
-    isBatchingUpdates = true;
-    try {
-      return fn(a, b);
-    } finally {
-      isBatchingInteractiveUpdates = previousIsBatchingInteractiveUpdates;
-      isBatchingUpdates = previousIsBatchingUpdates;
-      if (!isBatchingUpdates && !isRendering) {
-        performSyncWork();
-      }
+  // If there are any pending interactive updates, synchronously flush them.
+  // This needs to happen before we read any handlers, because the effect of
+  // the previous event may influence which handlers are called during
+  // this event.
+  if (
+    !isBatchingUpdates &&
+    !isRendering &&
+    lowestPendingInteractiveExpirationTime !== NoWork
+  ) {
+    // Synchronously flush pending interactive updates.
+    performWork(lowestPendingInteractiveExpirationTime, null);
+    lowestPendingInteractiveExpirationTime = NoWork;
+  }
+  var previousIsBatchingInteractiveUpdates = isBatchingInteractiveUpdates;
+  var previousIsBatchingUpdates = isBatchingUpdates;
+  isBatchingInteractiveUpdates = true;
+  isBatchingUpdates = true;
+  try {
+    return fn(a, b);
+  } finally {
+    isBatchingInteractiveUpdates = previousIsBatchingInteractiveUpdates;
+    isBatchingUpdates = previousIsBatchingUpdates;
+    if (!isBatchingUpdates && !isRendering) {
+      performSyncWork();
     }
   }
+}
 
-  function flushInteractiveUpdates() {
-    if (!isRendering && lowestPendingInteractiveExpirationTime !== NoWork) {
-      // Synchronously flush pending interactive updates.
-      performWork(lowestPendingInteractiveExpirationTime, false, null);
-      lowestPendingInteractiveExpirationTime = NoWork;
-    }
+function flushInteractiveUpdates$1() {
+  if (!isRendering && lowestPendingInteractiveExpirationTime !== NoWork) {
+    // Synchronously flush pending interactive updates.
+    performWork(lowestPendingInteractiveExpirationTime, null);
+    lowestPendingInteractiveExpirationTime = NoWork;
   }
+}
 
-  function flushControlled(fn) {
-    var previousIsBatchingUpdates = isBatchingUpdates;
-    isBatchingUpdates = true;
-    try {
-      syncUpdates(fn);
-    } finally {
-      isBatchingUpdates = previousIsBatchingUpdates;
-      if (!isBatchingUpdates && !isRendering) {
-        performWork(Sync, false, null);
-      }
+function flushControlled(fn) {
+  var previousIsBatchingUpdates = isBatchingUpdates;
+  isBatchingUpdates = true;
+  try {
+    syncUpdates(fn);
+  } finally {
+    isBatchingUpdates = previousIsBatchingUpdates;
+    if (!isBatchingUpdates && !isRendering) {
+      performWork(Sync, null);
     }
   }
-
-  return {
-    recalculateCurrentTime: recalculateCurrentTime,
-    computeExpirationForFiber: computeExpirationForFiber,
-    scheduleWork: scheduleWork,
-    requestWork: requestWork,
-    flushRoot: flushRoot,
-    batchedUpdates: batchedUpdates,
-    unbatchedUpdates: unbatchedUpdates,
-    flushSync: flushSync,
-    flushControlled: flushControlled,
-    deferredUpdates: deferredUpdates,
-    syncUpdates: syncUpdates,
-    interactiveUpdates: interactiveUpdates,
-    flushInteractiveUpdates: flushInteractiveUpdates,
-    computeUniqueAsyncExpiration: computeUniqueAsyncExpiration
-  };
-};
+}
+
+// 0 is PROD, 1 is DEV.
+// Might add PROFILE later.
 
 var didWarnAboutNestedUpdates = void 0;
 
@@ -13204,717 +14141,612 @@ var didWarnAboutNestedUpdates = void 0;
   didWarnAboutNestedUpdates = false;
 }
 
-// 0 is PROD, 1 is DEV.
-// Might add PROFILE later.
-
 function getContextForSubtree(parentComponent) {
   if (!parentComponent) {
     return emptyObject;
   }
 
-  var fiber = get(parentComponent);
+  var fiber = get$1(parentComponent);
   var parentContext = findCurrentUnmaskedContext(fiber);
   return isContextProvider(fiber)
     ? processChildContext(fiber, parentContext)
     : parentContext;
 }
 
-var ReactFiberReconciler$1 = function(config) {
-  var getPublicInstance = config.getPublicInstance;
-
-  var _ReactFiberScheduler = ReactFiberScheduler(config),
-    computeUniqueAsyncExpiration =
-      _ReactFiberScheduler.computeUniqueAsyncExpiration,
-    recalculateCurrentTime = _ReactFiberScheduler.recalculateCurrentTime,
-    computeExpirationForFiber = _ReactFiberScheduler.computeExpirationForFiber,
-    scheduleWork = _ReactFiberScheduler.scheduleWork,
-    requestWork = _ReactFiberScheduler.requestWork,
-    flushRoot = _ReactFiberScheduler.flushRoot,
-    batchedUpdates = _ReactFiberScheduler.batchedUpdates,
-    unbatchedUpdates = _ReactFiberScheduler.unbatchedUpdates,
-    flushSync = _ReactFiberScheduler.flushSync,
-    flushControlled = _ReactFiberScheduler.flushControlled,
-    deferredUpdates = _ReactFiberScheduler.deferredUpdates,
-    syncUpdates = _ReactFiberScheduler.syncUpdates,
-    interactiveUpdates = _ReactFiberScheduler.interactiveUpdates,
-    flushInteractiveUpdates = _ReactFiberScheduler.flushInteractiveUpdates;
-
-  function scheduleRootUpdate(
-    current,
-    element,
-    currentTime,
-    expirationTime,
-    callback
-  ) {
-    {
-      if (
-        ReactDebugCurrentFiber.phase === "render" &&
-        ReactDebugCurrentFiber.current !== null &&
-        !didWarnAboutNestedUpdates
-      ) {
-        didWarnAboutNestedUpdates = true;
-        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"
-        );
-      }
-    }
-
-    callback = callback === undefined ? null : callback;
-    {
+function scheduleRootUpdate(current, element, expirationTime, callback) {
+  {
+    if (
+      ReactDebugCurrentFiber.phase === "render" &&
+      ReactDebugCurrentFiber.current !== null &&
+      !didWarnAboutNestedUpdates
+    ) {
+      didWarnAboutNestedUpdates = true;
       warning(
-        callback === null || typeof callback === "function",
-        "render(...): Expected the last optional `callback` argument to be a " +
-          "function. Instead received: %s.",
-        callback
+        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"
       );
     }
+  }
 
-    var update = {
-      expirationTime: expirationTime,
-      partialState: { element: element },
-      callback: callback,
-      isReplace: false,
-      isForced: false,
-      capturedValue: null,
-      next: null
-    };
-    insertUpdateIntoFiber(current, update);
-    scheduleWork(current, expirationTime);
+  var update = createUpdate(expirationTime);
+  // Caution: React DevTools currently depends on this property
+  // being called "element".
+  update.payload = { element: element };
 
-    return expirationTime;
+  callback = callback === undefined ? null : callback;
+  if (callback !== null) {
+    !(typeof callback === "function")
+      ? warning(
+          false,
+          "render(...): Expected the last optional `callback` argument to be a " +
+            "function. Instead received: %s.",
+          callback
+        )
+      : void 0;
+    update.callback = callback;
   }
+  enqueueUpdate(current, update, expirationTime);
 
-  function updateContainerAtExpirationTime(
-    element,
-    container,
-    parentComponent,
-    currentTime,
-    expirationTime,
-    callback
-  ) {
-    // TODO: If this is a nested container, this won't be the root.
-    var current = container.current;
+  scheduleWork(current, expirationTime);
+  return expirationTime;
+}
 
-    {
-      if (ReactFiberInstrumentation_1.debugTool) {
-        if (current.alternate === null) {
-          ReactFiberInstrumentation_1.debugTool.onMountContainer(container);
-        } else if (element === null) {
-          ReactFiberInstrumentation_1.debugTool.onUnmountContainer(container);
-        } else {
-          ReactFiberInstrumentation_1.debugTool.onUpdateContainer(container);
-        }
-      }
-    }
+function updateContainerAtExpirationTime(
+  element,
+  container,
+  parentComponent,
+  expirationTime,
+  callback
+) {
+  // TODO: If this is a nested container, this won't be the root.
+  var current = container.current;
 
-    var context = getContextForSubtree(parentComponent);
-    if (container.context === null) {
-      container.context = context;
-    } else {
-      container.pendingContext = context;
+  {
+    if (ReactFiberInstrumentation_1.debugTool) {
+      if (current.alternate === null) {
+        ReactFiberInstrumentation_1.debugTool.onMountContainer(container);
+      } else if (element === null) {
+        ReactFiberInstrumentation_1.debugTool.onUnmountContainer(container);
+      } else {
+        ReactFiberInstrumentation_1.debugTool.onUpdateContainer(container);
+      }
     }
-
-    return scheduleRootUpdate(
-      current,
-      element,
-      currentTime,
-      expirationTime,
-      callback
-    );
   }
 
-  function findHostInstance(fiber) {
-    var hostFiber = findCurrentHostFiber(fiber);
-    if (hostFiber === null) {
-      return null;
-    }
-    return hostFiber.stateNode;
+  var context = getContextForSubtree(parentComponent);
+  if (container.context === null) {
+    container.context = context;
+  } else {
+    container.pendingContext = context;
   }
 
-  return {
-    createContainer: function(containerInfo, isAsync, hydrate) {
-      return createFiberRoot(containerInfo, isAsync, hydrate);
-    },
-    updateContainer: function(element, container, parentComponent, callback) {
-      var current = container.current;
-      var currentTime = recalculateCurrentTime();
-      var expirationTime = computeExpirationForFiber(current);
-      return updateContainerAtExpirationTime(
-        element,
-        container,
-        parentComponent,
-        currentTime,
-        expirationTime,
-        callback
-      );
-    },
-    updateContainerAtExpirationTime: function(
-      element,
-      container,
-      parentComponent,
-      expirationTime,
-      callback
-    ) {
-      var currentTime = recalculateCurrentTime();
-      return updateContainerAtExpirationTime(
-        element,
-        container,
-        parentComponent,
-        currentTime,
-        expirationTime,
-        callback
-      );
-    },
-
-    flushRoot: flushRoot,
-
-    requestWork: requestWork,
-
-    computeUniqueAsyncExpiration: computeUniqueAsyncExpiration,
-
-    batchedUpdates: batchedUpdates,
-
-    unbatchedUpdates: unbatchedUpdates,
-
-    deferredUpdates: deferredUpdates,
-
-    syncUpdates: syncUpdates,
-
-    interactiveUpdates: interactiveUpdates,
-
-    flushInteractiveUpdates: flushInteractiveUpdates,
-
-    flushControlled: flushControlled,
-
-    flushSync: flushSync,
-
-    getPublicRootInstance: function(container) {
-      var containerFiber = container.current;
-      if (!containerFiber.child) {
-        return null;
-      }
-      switch (containerFiber.child.tag) {
-        case HostComponent:
-          return getPublicInstance(containerFiber.child.stateNode);
-        default:
-          return containerFiber.child.stateNode;
-      }
-    },
-
-    findHostInstance: findHostInstance,
+  return scheduleRootUpdate(current, element, expirationTime, callback);
+}
 
-    findHostInstanceWithNoPortals: function(fiber) {
-      var hostFiber = findCurrentHostFiberWithNoPortals(fiber);
-      if (hostFiber === null) {
-        return null;
-      }
-      return hostFiber.stateNode;
-    },
-    injectIntoDevTools: function(devToolsConfig) {
-      var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
-
-      return injectInternals(
-        Object.assign({}, devToolsConfig, {
-          findHostInstanceByFiber: function(fiber) {
-            return findHostInstance(fiber);
-          },
-          findFiberByHostInstance: function(instance) {
-            if (!findFiberByHostInstance) {
-              // Might not be implemented by the renderer.
-              return null;
-            }
-            return findFiberByHostInstance(instance);
-          }
-        })
+function findHostInstance$1(component) {
+  var fiber = get$1(component);
+  if (fiber === undefined) {
+    if (typeof component.render === "function") {
+      invariant(false, "Unable to find node on an unmounted component.");
+    } else {
+      invariant(
+        false,
+        "Argument appears to not be a ReactComponent. Keys: %s",
+        Object.keys(component)
       );
     }
-  };
-};
-
-var ReactFiberReconciler$2 = Object.freeze({
-  default: ReactFiberReconciler$1
-});
-
-var ReactFiberReconciler$3 =
-  (ReactFiberReconciler$2 && ReactFiberReconciler$1) || ReactFiberReconciler$2;
-
-// TODO: bundle Flow types with the package.
-
-// TODO: decide on the top-level export form.
-// This is hacky but makes it work with both Rollup and Jest.
-var reactReconciler = ReactFiberReconciler$3["default"]
-  ? ReactFiberReconciler$3["default"]
-  : ReactFiberReconciler$3;
+  }
+  var hostFiber = findCurrentHostFiber(fiber);
+  if (hostFiber === null) {
+    return null;
+  }
+  return hostFiber.stateNode;
+}
 
-var viewConfigCallbacks = new Map();
-var viewConfigs = new Map();
+function createContainer(containerInfo, isAsync, hydrate) {
+  return createFiberRoot(containerInfo, isAsync, hydrate);
+}
 
-/**
- * Registers a native view/component by name.
- * A callback is provided to load the view config from UIManager.
- * The callback is deferred until the view is actually rendered.
- * This is done to avoid causing Prepack deopts.
- */
-function register(name, callback) {
-  invariant(
-    !viewConfigCallbacks.has(name),
-    "Tried to register two views with the same name %s",
-    name
+function updateContainer(element, container, parentComponent, callback) {
+  var current = container.current;
+  var currentTime = recalculateCurrentTime();
+  var expirationTime = computeExpirationForFiber(currentTime, current);
+  return updateContainerAtExpirationTime(
+    element,
+    container,
+    parentComponent,
+    expirationTime,
+    callback
   );
-  viewConfigCallbacks.set(name, callback);
-  return name;
 }
 
-/**
- * Retrieves a config for the specified view.
- * If this is the first time the view has been used,
- * This configuration will be lazy-loaded from UIManager.
- */
-function get$1(name) {
-  var viewConfig = void 0;
-  if (!viewConfigs.has(name)) {
-    var callback = viewConfigCallbacks.get(name);
-    invariant(
-      typeof callback === "function",
-      "View config not found for name %s",
-      name
-    );
-    viewConfigCallbacks.set(name, null);
-    viewConfig = callback();
-    viewConfigs.set(name, viewConfig);
-  } else {
-    viewConfig = viewConfigs.get(name);
+function getPublicRootInstance(container) {
+  var containerFiber = container.current;
+  if (!containerFiber.child) {
+    return null;
+  }
+  switch (containerFiber.child.tag) {
+    case HostComponent:
+      return getPublicInstance(containerFiber.child.stateNode);
+    default:
+      return containerFiber.child.stateNode;
   }
-  invariant(viewConfig, "View config not found for name %s", name);
-  return viewConfig;
 }
 
-function _classCallCheck$2(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
+function findHostInstanceWithNoPortals(fiber) {
+  var hostFiber = findCurrentHostFiberWithNoPortals(fiber);
+  if (hostFiber === null) {
+    return null;
   }
+  return hostFiber.stateNode;
 }
 
-// Modules provided by RN:
-/**
- * This component defines the same methods as NativeMethodsMixin but without the
- * findNodeHandle wrapper. This wrapper is unnecessary for HostComponent views
- * and would also result in a circular require.js dependency (since
- * ReactNativeFiber depends on this component and NativeMethodsMixin depends on
- * ReactNativeFiber).
- */
+function injectIntoDevTools(devToolsConfig) {
+  var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
 
-var ReactNativeFiberHostComponent = (function() {
-  function ReactNativeFiberHostComponent(tag, viewConfig) {
-    _classCallCheck$2(this, ReactNativeFiberHostComponent);
+  return injectInternals(
+    Object.assign({}, devToolsConfig, {
+      findHostInstanceByFiber: function(fiber) {
+        var hostFiber = findCurrentHostFiber(fiber);
+        if (hostFiber === null) {
+          return null;
+        }
+        return hostFiber.stateNode;
+      },
+      findFiberByHostInstance: function(instance) {
+        if (!findFiberByHostInstance) {
+          // Might not be implemented by the renderer.
+          return null;
+        }
+        return findFiberByHostInstance(instance);
+      }
+    })
+  );
+}
 
-    this._nativeTag = tag;
-    this._children = [];
-    this.viewConfig = viewConfig;
-  }
+// This file intentionally does *not* have the Flow annotation.
+// Don't add it. See `./inline-typed.js` for an explanation.
+
+var ReactNativeFiberRenderer = Object.freeze({
+  updateContainerAtExpirationTime: updateContainerAtExpirationTime,
+  createContainer: createContainer,
+  updateContainer: updateContainer,
+  flushRoot: flushRoot,
+  requestWork: requestWork,
+  computeUniqueAsyncExpiration: computeUniqueAsyncExpiration,
+  batchedUpdates: batchedUpdates$1,
+  unbatchedUpdates: unbatchedUpdates,
+  deferredUpdates: deferredUpdates,
+  syncUpdates: syncUpdates,
+  interactiveUpdates: interactiveUpdates$1,
+  flushInteractiveUpdates: flushInteractiveUpdates$1,
+  flushControlled: flushControlled,
+  flushSync: flushSync,
+  getPublicRootInstance: getPublicRootInstance,
+  findHostInstance: findHostInstance$1,
+  findHostInstanceWithNoPortals: findHostInstanceWithNoPortals,
+  injectIntoDevTools: injectIntoDevTools
+});
 
-  ReactNativeFiberHostComponent.prototype.blur = function blur() {
-    TextInputState.blurTextInput(this._nativeTag);
-  };
+function createPortal(
+  children,
+  containerInfo,
+  // TODO: figure out the API for cross-renderer implementation.
+  implementation
+) {
+  var key =
+    arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
 
-  ReactNativeFiberHostComponent.prototype.focus = function focus() {
-    TextInputState.focusTextInput(this._nativeTag);
+  return {
+    // This tag allow us to uniquely identify this as a React Portal
+    $$typeof: REACT_PORTAL_TYPE,
+    key: key == null ? null : "" + key,
+    children: children,
+    containerInfo: containerInfo,
+    implementation: implementation
   };
+}
 
-  ReactNativeFiberHostComponent.prototype.measure = function measure(callback) {
-    UIManager.measure(this._nativeTag, mountSafeCallback(this, callback));
-  };
+// TODO: this is special because it gets imported during build.
 
-  ReactNativeFiberHostComponent.prototype.measureInWindow = function measureInWindow(
-    callback
-  ) {
-    UIManager.measureInWindow(
-      this._nativeTag,
-      mountSafeCallback(this, callback)
-    );
-  };
+var ReactVersion = "16.4.1";
 
-  ReactNativeFiberHostComponent.prototype.measureLayout = function measureLayout(
-    relativeToNativeNode,
-    onSuccess,
-    onFail /* currently unused */
-  ) {
-    UIManager.measureLayout(
-      this._nativeTag,
+// Modules provided by RN:
+var NativeMethodsMixin = function(findNodeHandle, findHostInstance) {
+  /**
+   * `NativeMethodsMixin` provides methods to access the underlying native
+   * component directly. This can be useful in cases when you want to focus
+   * a view or measure its on-screen dimensions, for example.
+   *
+   * The methods described here are available on most of the default components
+   * provided by React Native. Note, however, that they are *not* available on
+   * composite components that aren't directly backed by a native view. This will
+   * generally include most components that you define in your own app. For more
+   * information, see [Direct
+   * Manipulation](docs/direct-manipulation.html).
+   *
+   * Note the Flow $Exact<> syntax is required to support mixins.
+   * React createClass mixins can only be used with exact types.
+   */
+  var NativeMethodsMixin = {
+    /**
+     * Determines the location on screen, width, and height of the given view and
+     * returns the values via an async callback. If successful, the callback will
+     * be called with the following arguments:
+     *
+     *  - x
+     *  - y
+     *  - width
+     *  - height
+     *  - pageX
+     *  - pageY
+     *
+     * Note that these measurements are not available until after the rendering
+     * has been completed in native. If you need the measurements as soon as
+     * possible, consider using the [`onLayout`
+     * prop](docs/view.html#onlayout) instead.
+     */
+    measure: function(callback) {
+      UIManager.measure(
+        findNodeHandle(this),
+        mountSafeCallback(this, callback)
+      );
+    },
+
+    /**
+     * Determines the location of the given view in the window and returns the
+     * values via an async callback. If the React root view is embedded in
+     * another native view, this will give you the absolute coordinates. If
+     * successful, the callback will be called with the following
+     * arguments:
+     *
+     *  - x
+     *  - y
+     *  - width
+     *  - height
+     *
+     * Note that these measurements are not available until after the rendering
+     * has been completed in native.
+     */
+    measureInWindow: function(callback) {
+      UIManager.measureInWindow(
+        findNodeHandle(this),
+        mountSafeCallback(this, callback)
+      );
+    },
+
+    /**
+     * Like [`measure()`](#measure), but measures the view relative an ancestor,
+     * specified as `relativeToNativeNode`. This means that the returned x, y
+     * are relative to the origin x, y of the ancestor view.
+     *
+     * As always, to obtain a native node handle for a component, you can use
+     * `findNodeHandle(component)`.
+     */
+    measureLayout: function(
       relativeToNativeNode,
-      mountSafeCallback(this, onFail),
-      mountSafeCallback(this, onSuccess)
-    );
-  };
+      onSuccess,
+      onFail /* currently unused */
+    ) {
+      UIManager.measureLayout(
+        findNodeHandle(this),
+        relativeToNativeNode,
+        mountSafeCallback(this, onFail),
+        mountSafeCallback(this, onSuccess)
+      );
+    },
 
-  ReactNativeFiberHostComponent.prototype.setNativeProps = function setNativeProps(
-    nativeProps
-  ) {
-    {
-      warnForStyleProps(nativeProps, this.viewConfig.validAttributes);
-    }
+    /**
+     * This function sends props straight to native. They will not participate in
+     * future diff process - this means that if you do not include them in the
+     * next render, they will remain active (see [Direct
+     * Manipulation](docs/direct-manipulation.html)).
+     */
+    setNativeProps: function(nativeProps) {
+      // Class components don't have viewConfig -> validateAttributes.
+      // Nor does it make sense to set native props on a non-native component.
+      // Instead, find the nearest host component and set props on it.
+      // Use findNodeHandle() rather than findNodeHandle() because
+      // We want the instance/wrapper (not the native tag).
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
 
-    var updatePayload = create(nativeProps, this.viewConfig.validAttributes);
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
+      }
 
-    // Avoid the overhead of bridge calls if there's no update.
-    // This is an expensive no-op for Android, and causes an unnecessary
-    // view invalidation for certain components (eg RCTTextInput) on iOS.
-    if (updatePayload != null) {
-      UIManager.updateView(
-        this._nativeTag,
-        this.viewConfig.uiViewClassName,
-        updatePayload
-      );
-    }
-  };
+      var viewConfig = maybeInstance.viewConfig;
 
-  return ReactNativeFiberHostComponent;
-})();
+      {
+        warnForStyleProps(nativeProps, viewConfig.validAttributes);
+      }
+
+      var updatePayload = create(nativeProps, viewConfig.validAttributes);
+
+      // Avoid the overhead of bridge calls if there's no update.
+      // This is an expensive no-op for Android, and causes an unnecessary
+      // view invalidation for certain components (eg RCTTextInput) on iOS.
+      if (updatePayload != null) {
+        UIManager.updateView(
+          maybeInstance._nativeTag,
+          viewConfig.uiViewClassName,
+          updatePayload
+        );
+      }
+    },
 
-var hasNativePerformanceNow =
-  typeof performance === "object" && typeof performance.now === "function";
+    /**
+     * Requests focus for the given input or view. The exact behavior triggered
+     * will depend on the platform and type of view.
+     */
+    focus: function() {
+      TextInputState.focusTextInput(findNodeHandle(this));
+    },
 
-var now = hasNativePerformanceNow
-  ? function() {
-      return performance.now();
+    /**
+     * Removes focus from an input or view. This is the opposite of `focus()`.
+     */
+    blur: function() {
+      TextInputState.blurTextInput(findNodeHandle(this));
     }
-  : function() {
-      return Date.now();
-    };
+  };
 
-var scheduledCallback = null;
-var frameDeadline = 0;
+  {
+    // hide this from Flow since we can't define these properties outside of
+    // true without actually implementing them (setting them to undefined
+    // isn't allowed by ReactClass)
+    var NativeMethodsMixin_DEV = NativeMethodsMixin;
+    invariant(
+      !NativeMethodsMixin_DEV.componentWillMount &&
+        !NativeMethodsMixin_DEV.componentWillReceiveProps &&
+        !NativeMethodsMixin_DEV.UNSAFE_componentWillMount &&
+        !NativeMethodsMixin_DEV.UNSAFE_componentWillReceiveProps,
+      "Do not override existing functions."
+    );
+    // TODO (bvaughn) Remove cWM and cWRP in a future version of React Native,
+    // Once these lifecycles have been remove from the reconciler.
+    NativeMethodsMixin_DEV.componentWillMount = function() {
+      throwOnStylesProp(this, this.props);
+    };
+    NativeMethodsMixin_DEV.componentWillReceiveProps = function(newProps) {
+      throwOnStylesProp(this, newProps);
+    };
+    NativeMethodsMixin_DEV.UNSAFE_componentWillMount = function() {
+      throwOnStylesProp(this, this.props);
+    };
+    NativeMethodsMixin_DEV.UNSAFE_componentWillReceiveProps = function(
+      newProps
+    ) {
+      throwOnStylesProp(this, newProps);
+    };
 
-var frameDeadlineObject = {
-  timeRemaining: function() {
-    return frameDeadline - now();
+    // React may warn about cWM/cWRP/cWU methods being deprecated.
+    // Add a flag to suppress these warnings for this special case.
+    // TODO (bvaughn) Remove this flag once the above methods have been removed.
+    NativeMethodsMixin_DEV.componentWillMount.__suppressDeprecationWarning = true;
+    NativeMethodsMixin_DEV.componentWillReceiveProps.__suppressDeprecationWarning = true;
   }
-};
 
-function setTimeoutCallback() {
-  // TODO (bvaughn) Hard-coded 5ms unblocks initial async testing.
-  // React API probably changing to boolean rather than time remaining.
-  // Longer-term plan is to rewrite this using shared memory,
-  // And just return the value of the bit as the boolean.
-  frameDeadline = now() + 5;
+  return NativeMethodsMixin;
+};
 
-  var callback = scheduledCallback;
-  scheduledCallback = null;
-  if (callback !== null) {
-    callback(frameDeadlineObject);
+function _classCallCheck$1(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
   }
 }
 
-// RN has a poor polyfill for requestIdleCallback so we aren't using it.
-// This implementation is only intended for short-term use anyway.
-// We also don't implement cancel functionality b'c Fiber doesn't currently need it.
-function scheduleDeferredCallback(callback) {
-  // We assume only one callback is scheduled at a time b'c that's how Fiber works.
-  scheduledCallback = callback;
-  return setTimeout(setTimeoutCallback, 1);
+function _possibleConstructorReturn(self, call) {
+  if (!self) {
+    throw new ReferenceError(
+      "this hasn't been initialised - super() hasn't been called"
+    );
+  }
+  return call && (typeof call === "object" || typeof call === "function")
+    ? call
+    : self;
 }
 
-function cancelDeferredCallback(callbackID) {
-  scheduledCallback = null;
-  clearTimeout(callbackID);
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError(
+      "Super expression must either be null or a function, not " +
+        typeof superClass
+    );
+  }
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: false,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass)
+    Object.setPrototypeOf
+      ? Object.setPrototypeOf(subClass, superClass)
+      : (subClass.__proto__ = superClass);
 }
 
 // Modules provided by RN:
-function recursivelyUncacheFiberNode(node) {
-  if (typeof node === "number") {
-    // Leaf node (eg text)
-    uncacheFiberNode(node);
-  } else {
-    uncacheFiberNode(node._nativeTag);
-
-    node._children.forEach(recursivelyUncacheFiberNode);
-  }
-}
+var ReactNativeComponent = function(findNodeHandle, findHostInstance) {
+  /**
+   * Superclass that provides methods to access the underlying native component.
+   * This can be useful when you want to focus a view or measure its dimensions.
+   *
+   * Methods implemented by this class are available on most default components
+   * provided by React Native. However, they are *not* available on composite
+   * components that are not directly backed by a native view. For more
+   * information, see [Direct Manipulation](docs/direct-manipulation.html).
+   *
+   * @abstract
+   */
+  var ReactNativeComponent = (function(_React$Component) {
+    _inherits(ReactNativeComponent, _React$Component);
 
-var NativeRenderer = reactReconciler({
-  appendInitialChild: function(parentInstance, child) {
-    parentInstance._children.push(child);
-  },
-  createInstance: function(
-    type,
-    props,
-    rootContainerInstance,
-    hostContext,
-    internalInstanceHandle
-  ) {
-    var tag = ReactNativeTagHandles.allocateTag();
-    var viewConfig = get$1(type);
+    function ReactNativeComponent() {
+      _classCallCheck$1(this, ReactNativeComponent);
 
-    {
-      for (var key in viewConfig.validAttributes) {
-        if (props.hasOwnProperty(key)) {
-          deepFreezeAndThrowOnMutationInDev(props[key]);
-        }
-      }
+      return _possibleConstructorReturn(
+        this,
+        _React$Component.apply(this, arguments)
+      );
     }
 
-    var updatePayload = create(props, viewConfig.validAttributes);
-
-    UIManager.createView(
-      tag, // reactTag
-      viewConfig.uiViewClassName, // viewName
-      rootContainerInstance, // rootTag
-      updatePayload
-    );
-
-    var component = new ReactNativeFiberHostComponent(tag, viewConfig);
-
-    precacheFiberNode(internalInstanceHandle, tag);
-    updateFiberProps(tag, props);
+    /**
+     * Removes focus. This is the opposite of `focus()`.
+     */
 
-    // Not sure how to avoid this cast. Flow is okay if the component is defined
-    // in the same file but if it's external it can't see the types.
-    return component;
-  },
-  createTextInstance: function(
-    text,
-    rootContainerInstance,
-    hostContext,
-    internalInstanceHandle
-  ) {
-    var tag = ReactNativeTagHandles.allocateTag();
+    /**
+     * Due to bugs in Flow's handling of React.createClass, some fields already
+     * declared in the base class need to be redeclared below.
+     */
+    ReactNativeComponent.prototype.blur = function blur() {
+      TextInputState.blurTextInput(findNodeHandle(this));
+    };
 
-    UIManager.createView(
-      tag, // reactTag
-      "RCTRawText", // viewName
-      rootContainerInstance, // rootTag
-      { text: text }
-    );
+    /**
+     * Requests focus. The exact behavior depends on the platform and view.
+     */
 
-    precacheFiberNode(internalInstanceHandle, tag);
+    ReactNativeComponent.prototype.focus = function focus() {
+      TextInputState.focusTextInput(findNodeHandle(this));
+    };
 
-    return tag;
-  },
-  finalizeInitialChildren: function(
-    parentInstance,
-    type,
-    props,
-    rootContainerInstance
-  ) {
-    // Don't send a no-op message over the bridge.
-    if (parentInstance._children.length === 0) {
-      return false;
-    }
+    /**
+     * Measures the on-screen location and dimensions. If successful, the callback
+     * will be called asynchronously with the following arguments:
+     *
+     *  - x
+     *  - y
+     *  - width
+     *  - height
+     *  - pageX
+     *  - pageY
+     *
+     * These values are not available until after natives rendering completes. If
+     * you need the measurements as soon as possible, consider using the
+     * [`onLayout` prop](docs/view.html#onlayout) instead.
+     */
 
-    // Map from child objects to native tags.
-    // Either way we need to pass a copy of the Array to prevent it from being frozen.
-    var nativeTags = parentInstance._children.map(function(child) {
-      return typeof child === "number"
-        ? child // Leaf node (eg text)
-        : child._nativeTag;
-    });
+    ReactNativeComponent.prototype.measure = function measure(callback) {
+      UIManager.measure(
+        findNodeHandle(this),
+        mountSafeCallback(this, callback)
+      );
+    };
 
-    UIManager.setChildren(
-      parentInstance._nativeTag, // containerTag
-      nativeTags
-    );
+    /**
+     * Measures the on-screen location and dimensions. Even if the React Native
+     * root view is embedded within another native view, this method will give you
+     * the absolute coordinates measured from the window. If successful, the
+     * callback will be called asynchronously with the following arguments:
+     *
+     *  - x
+     *  - y
+     *  - width
+     *  - height
+     *
+     * These values are not available until after natives rendering completes.
+     */
 
-    return false;
-  },
-  getRootHostContext: function() {
-    return emptyObject;
-  },
-  getChildHostContext: function() {
-    return emptyObject;
-  },
-  getPublicInstance: function(instance) {
-    return instance;
-  },
+    ReactNativeComponent.prototype.measureInWindow = function measureInWindow(
+      callback
+    ) {
+      UIManager.measureInWindow(
+        findNodeHandle(this),
+        mountSafeCallback(this, callback)
+      );
+    };
 
-  now: now,
+    /**
+     * Similar to [`measure()`](#measure), but the resulting location will be
+     * relative to the supplied ancestor's location.
+     *
+     * Obtain a native node handle with `ReactNative.findNodeHandle(component)`.
+     */
 
-  prepareForCommit: function() {
-    // Noop
-  },
-  prepareUpdate: function(
-    instance,
-    type,
-    oldProps,
-    newProps,
-    rootContainerInstance,
-    hostContext
-  ) {
-    return emptyObject;
-  },
-  resetAfterCommit: function() {
-    // Noop
-  },
+    ReactNativeComponent.prototype.measureLayout = function measureLayout(
+      relativeToNativeNode,
+      onSuccess,
+      onFail /* currently unused */
+    ) {
+      UIManager.measureLayout(
+        findNodeHandle(this),
+        relativeToNativeNode,
+        mountSafeCallback(this, onFail),
+        mountSafeCallback(this, onSuccess)
+      );
+    };
 
-  scheduleDeferredCallback: scheduleDeferredCallback,
-  cancelDeferredCallback: cancelDeferredCallback,
+    /**
+     * This function sends props straight to native. They will not participate in
+     * future diff process - this means that if you do not include them in the
+     * next render, they will remain active (see [Direct
+     * Manipulation](docs/direct-manipulation.html)).
+     */
 
-  shouldDeprioritizeSubtree: function(type, props) {
-    return false;
-  },
-  shouldSetTextContent: function(type, props) {
-    // TODO (bvaughn) Revisit this decision.
-    // Always returning false simplifies the createInstance() implementation,
-    // But creates an additional child Fiber for raw text children.
-    // No additional native views are created though.
-    // It's not clear to me which is better so I'm deferring for now.
-    // More context @ github.com/facebook/react/pull/8560#discussion_r92111303
-    return false;
-  },
+    ReactNativeComponent.prototype.setNativeProps = function setNativeProps(
+      nativeProps
+    ) {
+      // Class components don't have viewConfig -> validateAttributes.
+      // Nor does it make sense to set native props on a non-native component.
+      // Instead, find the nearest host component and set props on it.
+      // Use findNodeHandle() rather than ReactNative.findNodeHandle() because
+      // We want the instance/wrapper (not the native tag).
+      var maybeInstance = void 0;
+
+      // Fiber errors if findNodeHandle is called for an umounted component.
+      // Tests using ReactTestRenderer will trigger this case indirectly.
+      // Mimicking stack behavior, we should silently ignore this case.
+      // TODO Fix ReactTestRenderer so we can remove this try/catch.
+      try {
+        maybeInstance = findHostInstance(this);
+      } catch (error) {}
 
-  mutation: {
-    appendChild: function(parentInstance, child) {
-      var childTag = typeof child === "number" ? child : child._nativeTag;
-      var children = parentInstance._children;
-      var index = children.indexOf(child);
-
-      if (index >= 0) {
-        children.splice(index, 1);
-        children.push(child);
-
-        UIManager.manageChildren(
-          parentInstance._nativeTag, // containerTag
-          [index], // moveFromIndices
-          [children.length - 1], // moveToIndices
-          [], // addChildReactTags
-          [], // addAtIndices
-          []
-        );
-      } else {
-        children.push(child);
-
-        UIManager.manageChildren(
-          parentInstance._nativeTag, // containerTag
-          [], // moveFromIndices
-          [], // moveToIndices
-          [childTag], // addChildReactTags
-          [children.length - 1], // addAtIndices
-          []
-        );
+      // If there is no host component beneath this we should fail silently.
+      // This is not an error; it could mean a class component rendered null.
+      if (maybeInstance == null) {
+        return;
       }
-    },
-    appendChildToContainer: function(parentInstance, child) {
-      var childTag = typeof child === "number" ? child : child._nativeTag;
-      UIManager.setChildren(
-        parentInstance, // containerTag
-        [childTag]
-      );
-    },
-    commitTextUpdate: function(textInstance, oldText, newText) {
-      UIManager.updateView(
-        textInstance, // reactTag
-        "RCTRawText", // viewName
-        { text: newText }
-      );
-    },
-    commitMount: function(instance, type, newProps, internalInstanceHandle) {
-      // Noop
-    },
-    commitUpdate: function(
-      instance,
-      updatePayloadTODO,
-      type,
-      oldProps,
-      newProps,
-      internalInstanceHandle
-    ) {
-      var viewConfig = instance.viewConfig;
 
-      updateFiberProps(instance._nativeTag, newProps);
+      var viewConfig =
+        maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
 
-      var updatePayload = diff(oldProps, newProps, viewConfig.validAttributes);
+      var updatePayload = create(nativeProps, viewConfig.validAttributes);
 
       // Avoid the overhead of bridge calls if there's no update.
       // This is an expensive no-op for Android, and causes an unnecessary
       // view invalidation for certain components (eg RCTTextInput) on iOS.
       if (updatePayload != null) {
         UIManager.updateView(
-          instance._nativeTag, // reactTag
-          viewConfig.uiViewClassName, // viewName
+          maybeInstance._nativeTag,
+          viewConfig.uiViewClassName,
           updatePayload
         );
       }
-    },
-    insertBefore: function(parentInstance, child, beforeChild) {
-      var children = parentInstance._children;
-      var index = children.indexOf(child);
-
-      // Move existing child or add new child?
-      if (index >= 0) {
-        children.splice(index, 1);
-        var beforeChildIndex = children.indexOf(beforeChild);
-        children.splice(beforeChildIndex, 0, child);
-
-        UIManager.manageChildren(
-          parentInstance._nativeTag, // containerID
-          [index], // moveFromIndices
-          [beforeChildIndex], // moveToIndices
-          [], // addChildReactTags
-          [], // addAtIndices
-          []
-        );
-      } else {
-        var _beforeChildIndex = children.indexOf(beforeChild);
-        children.splice(_beforeChildIndex, 0, child);
-
-        var childTag = typeof child === "number" ? child : child._nativeTag;
-
-        UIManager.manageChildren(
-          parentInstance._nativeTag, // containerID
-          [], // moveFromIndices
-          [], // moveToIndices
-          [childTag], // addChildReactTags
-          [_beforeChildIndex], // addAtIndices
-          []
-        );
-      }
-    },
-    insertInContainerBefore: function(parentInstance, child, beforeChild) {
-      // 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.
-      // For more info on pros/cons see PR #8560 description.
-      invariant(
-        typeof parentInstance !== "number",
-        "Container does not support insertBefore operation"
-      );
-    },
-    removeChild: function(parentInstance, child) {
-      recursivelyUncacheFiberNode(child);
-      var children = parentInstance._children;
-      var index = children.indexOf(child);
-
-      children.splice(index, 1);
-
-      UIManager.manageChildren(
-        parentInstance._nativeTag, // containerID
-        [], // moveFromIndices
-        [], // moveToIndices
-        [], // addChildReactTags
-        [], // addAtIndices
-        [index]
-      );
-    },
-    removeChildFromContainer: function(parentInstance, child) {
-      recursivelyUncacheFiberNode(child);
-      UIManager.manageChildren(
-        parentInstance, // containerID
-        [], // moveFromIndices
-        [], // moveToIndices
-        [], // addChildReactTags
-        [], // addAtIndices
-        [0]
-      );
-    },
-    resetTextContent: function(instance) {
-      // Noop
-    }
-  }
-});
+    };
+
+    return ReactNativeComponent;
+  })(React.Component);
+
+  // eslint-disable-next-line no-unused-expressions
+
+  return ReactNativeComponent;
+};
 
 // Module provided by RN:
 var getInspectorDataForViewTag = void 0;
@@ -14018,57 +14850,68 @@ var getInspectorDataForViewTag = void 0;
   };
 }
 
-/**
- * Creates a renderable ReactNative host component.
- * Use this method for view configs that are loaded from UIManager.
- * Use createReactNativeComponentClass() for view configs defined within JavaScript.
- *
- * @param {string} config iOS View configuration.
- * @private
- */
-var createReactNativeComponentClass = function(name, callback) {
-  return register(name, callback);
-};
-
 // Module provided by RN:
-/**
- * Capture an image of the screen, window or an individual view. The image
- * will be stored in a temporary file that will only exist for as long as the
- * app is running.
- *
- * The `view` argument can be the literal string `window` if you want to
- * capture the entire window, or it can be a reference to a specific
- * React Native component.
- *
- * The `options` argument may include:
- * - width/height (number) - the width and height of the image to capture.
- * - format (string) - either 'png' or 'jpeg'. Defaults to 'png'.
- * - quality (number) - the quality when using jpeg. 0.0 - 1.0 (default).
- *
- * Returns a Promise.
- * @platform ios
- */
-function takeSnapshot(view, options) {
-  if (typeof view !== "number" && view !== "window") {
-    view = findNumericNodeHandleFiber(view) || "window";
-  }
+var findHostInstance = findHostInstance$1;
+
+function findNodeHandle(componentOrHandle) {
+  {
+    var owner = ReactCurrentOwner.current;
+    if (owner !== null && owner.stateNode !== null) {
+      !owner.stateNode._warnedAboutRefsInRender
+        ? warning(
+            false,
+            "%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.",
+            getComponentName(owner) || "A component"
+          )
+        : void 0;
 
-  // Call the hidden '__takeSnapshot' method; the main one throws an error to
-  // prevent accidental backwards-incompatible usage.
-  return UIManager.__takeSnapshot(view, options);
+      owner.stateNode._warnedAboutRefsInRender = true;
+    }
+  }
+  if (componentOrHandle == null) {
+    return null;
+  }
+  if (typeof componentOrHandle === "number") {
+    // Already a node handle
+    return componentOrHandle;
+  }
+  if (componentOrHandle._nativeTag) {
+    return componentOrHandle._nativeTag;
+  }
+  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag) {
+    return componentOrHandle.canonical._nativeTag;
+  }
+  var hostInstance = findHostInstance(componentOrHandle);
+  if (hostInstance == null) {
+    return hostInstance;
+  }
+  if (hostInstance.canonical) {
+    // Fabric
+    return hostInstance.canonical._nativeTag;
+  }
+  return hostInstance._nativeTag;
 }
 
-// Module provided by RN:
-injectFindHostInstance(NativeRenderer.findHostInstance);
+injection$2.injectRenderer(ReactNativeFiberRenderer);
 
-injection$2.injectRenderer(NativeRenderer);
+function computeComponentStackForErrorReporting(reactTag) {
+  var fiber = getInstanceFromTag(reactTag);
+  if (!fiber) {
+    return "";
+  }
+  return getStackAddendumByWorkInProgressFiber(fiber);
+}
 
 var roots = new Map();
 
 var ReactNativeRenderer = {
-  NativeComponent: ReactNativeComponent,
+  NativeComponent: ReactNativeComponent(findNodeHandle, findHostInstance),
 
-  findNodeHandle: findNumericNodeHandleFiber,
+  findNodeHandle: findNodeHandle,
 
   render: function(element, containerTag, callback) {
     var root = roots.get(containerTag);
@@ -14076,19 +14919,19 @@ var ReactNativeRenderer = {
     if (!root) {
       // TODO (bvaughn): If we decide to keep the wrapper component,
       // We could create a wrapper for containerTag as well to reduce special casing.
-      root = NativeRenderer.createContainer(containerTag, false, false);
+      root = createContainer(containerTag, false, false);
       roots.set(containerTag, root);
     }
-    NativeRenderer.updateContainer(element, root, null, callback);
+    updateContainer(element, root, null, callback);
 
-    return NativeRenderer.getPublicRootInstance(root);
+    return getPublicRootInstance(root);
   },
   unmountComponentAtNode: function(containerTag) {
     var root = roots.get(containerTag);
     if (root) {
       // TODO: Is it safe to reset this now or should I wait since this unmount could be deferred?
-      NativeRenderer.updateContainer(null, root, null, function() {
-        roots["delete"](containerTag);
+      updateContainer(null, root, null, function() {
+        roots.delete(containerTag);
       });
     }
   },
@@ -14107,44 +14950,14 @@ var ReactNativeRenderer = {
 
   unstable_batchedUpdates: batchedUpdates,
 
-  flushSync: NativeRenderer.flushSync,
-
   __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
     // Used as a mixin in many createClass-based components
-    NativeMethodsMixin: NativeMethodsMixin,
-    // Used by react-native-github/Libraries/ components
-    ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin, // requireNativeComponent
-    ReactNativeComponentTree: ReactNativeComponentTree, // ScrollResponder
-    ReactNativePropRegistry: ReactNativePropRegistry, // flattenStyle, Stylesheet
-    TouchHistoryMath: TouchHistoryMath, // PanResponder
-    createReactNativeComponentClass: createReactNativeComponentClass, // RCTText, RCTView, ReactNativeART
-    takeSnapshot: takeSnapshot
+    NativeMethodsMixin: NativeMethodsMixin(findNodeHandle, findHostInstance),
+    computeComponentStackForErrorReporting: computeComponentStackForErrorReporting
   }
 };
 
-{
-  // $FlowFixMe
-  Object.assign(
-    ReactNativeRenderer.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
-    {
-      // TODO: none of these work since Fiber. Remove these dependencies.
-      // Used by RCTRenderingPerf, Systrace:
-      ReactDebugTool: {
-        addHook: function() {},
-        removeHook: function() {}
-      },
-      // Used by ReactPerfStallHandler, RCTRenderingPerf:
-      ReactPerf: {
-        start: function() {},
-        stop: function() {},
-        printInclusive: function() {},
-        printWasted: function() {}
-      }
-    }
-  );
-}
-
-NativeRenderer.injectIntoDevTools({
+injectIntoDevTools({
   findFiberByHostInstance: getInstanceFromTag,
   getInspectorDataForViewTag: getInspectorDataForViewTag,
   bundleType: 1,
@@ -14161,8 +14974,8 @@ var ReactNativeRenderer$3 =
 
 // TODO: decide on the top-level export form.
 // This is hacky but makes it work with both Rollup and Jest.
-var reactNativeRenderer = ReactNativeRenderer$3["default"]
-  ? ReactNativeRenderer$3["default"]
+var reactNativeRenderer = ReactNativeRenderer$3.default
+  ? ReactNativeRenderer$3.default
   : ReactNativeRenderer$3;
 
 module.exports = reactNativeRenderer;
diff --git a/Libraries/Renderer/oss/ReactNativeRenderer-prod.js b/Libraries/Renderer/oss/ReactNativeRenderer-prod.js
new file mode 100644
index 00000000000000..24da20e3ba4278
--- /dev/null
+++ b/Libraries/Renderer/oss/ReactNativeRenderer-prod.js
@@ -0,0 +1,5841 @@
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ * @providesModule ReactNativeRenderer-prod
+ * @preventMunge
+ * @generated
+ */
+
+"use strict";
+require("InitializeCore");
+var invariant = require("fbjs/lib/invariant"),
+  ReactNativeViewConfigRegistry = require("ReactNativeViewConfigRegistry"),
+  UIManager = require("UIManager"),
+  RCTEventEmitter = require("RCTEventEmitter"),
+  React = require("react"),
+  emptyObject = require("fbjs/lib/emptyObject"),
+  deepDiffer = require("deepDiffer"),
+  flattenStyle = require("flattenStyle"),
+  TextInputState = require("TextInputState"),
+  ExceptionsManager = require("ExceptionsManager");
+function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
+  this._hasCaughtError = !1;
+  this._caughtError = null;
+  var funcArgs = Array.prototype.slice.call(arguments, 3);
+  try {
+    func.apply(context, funcArgs);
+  } catch (error) {
+    (this._caughtError = error), (this._hasCaughtError = !0);
+  }
+}
+var ReactErrorUtils = {
+  _caughtError: null,
+  _hasCaughtError: !1,
+  _rethrowError: null,
+  _hasRethrowError: !1,
+  invokeGuardedCallback: function(name, func, context, a, b, c, d, e, f) {
+    invokeGuardedCallback.apply(ReactErrorUtils, arguments);
+  },
+  invokeGuardedCallbackAndCatchFirstError: function(
+    name,
+    func,
+    context,
+    a,
+    b,
+    c,
+    d,
+    e,
+    f
+  ) {
+    ReactErrorUtils.invokeGuardedCallback.apply(this, arguments);
+    if (ReactErrorUtils.hasCaughtError()) {
+      var error = ReactErrorUtils.clearCaughtError();
+      ReactErrorUtils._hasRethrowError ||
+        ((ReactErrorUtils._hasRethrowError = !0),
+        (ReactErrorUtils._rethrowError = error));
+    }
+  },
+  rethrowCaughtError: function() {
+    return rethrowCaughtError.apply(ReactErrorUtils, arguments);
+  },
+  hasCaughtError: function() {
+    return ReactErrorUtils._hasCaughtError;
+  },
+  clearCaughtError: function() {
+    if (ReactErrorUtils._hasCaughtError) {
+      var error = ReactErrorUtils._caughtError;
+      ReactErrorUtils._caughtError = null;
+      ReactErrorUtils._hasCaughtError = !1;
+      return error;
+    }
+    invariant(
+      !1,
+      "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+    );
+  }
+};
+function rethrowCaughtError() {
+  if (ReactErrorUtils._hasRethrowError) {
+    var error = ReactErrorUtils._rethrowError;
+    ReactErrorUtils._rethrowError = null;
+    ReactErrorUtils._hasRethrowError = !1;
+    throw error;
+  }
+}
+var eventPluginOrder = null,
+  namesToPlugins = {};
+function recomputePluginOrdering() {
+  if (eventPluginOrder)
+    for (var pluginName in namesToPlugins) {
+      var pluginModule = namesToPlugins[pluginName],
+        pluginIndex = eventPluginOrder.indexOf(pluginName);
+      invariant(
+        -1 < pluginIndex,
+        "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `%s`.",
+        pluginName
+      );
+      if (!plugins[pluginIndex]) {
+        invariant(
+          pluginModule.extractEvents,
+          "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `%s` does not.",
+          pluginName
+        );
+        plugins[pluginIndex] = pluginModule;
+        pluginIndex = pluginModule.eventTypes;
+        for (var eventName in pluginIndex) {
+          var JSCompiler_inline_result = void 0;
+          var dispatchConfig = pluginIndex[eventName],
+            pluginModule$jscomp$0 = pluginModule,
+            eventName$jscomp$0 = eventName;
+          invariant(
+            !eventNameDispatchConfigs.hasOwnProperty(eventName$jscomp$0),
+            "EventPluginHub: More than one plugin attempted to publish the same event name, `%s`.",
+            eventName$jscomp$0
+          );
+          eventNameDispatchConfigs[eventName$jscomp$0] = dispatchConfig;
+          var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+          if (phasedRegistrationNames) {
+            for (JSCompiler_inline_result in phasedRegistrationNames)
+              phasedRegistrationNames.hasOwnProperty(
+                JSCompiler_inline_result
+              ) &&
+                publishRegistrationName(
+                  phasedRegistrationNames[JSCompiler_inline_result],
+                  pluginModule$jscomp$0,
+                  eventName$jscomp$0
+                );
+            JSCompiler_inline_result = !0;
+          } else
+            dispatchConfig.registrationName
+              ? (publishRegistrationName(
+                  dispatchConfig.registrationName,
+                  pluginModule$jscomp$0,
+                  eventName$jscomp$0
+                ),
+                (JSCompiler_inline_result = !0))
+              : (JSCompiler_inline_result = !1);
+          invariant(
+            JSCompiler_inline_result,
+            "EventPluginRegistry: Failed to publish event `%s` for plugin `%s`.",
+            eventName,
+            pluginName
+          );
+        }
+      }
+    }
+}
+function publishRegistrationName(registrationName, pluginModule) {
+  invariant(
+    !registrationNameModules[registrationName],
+    "EventPluginHub: More than one plugin attempted to publish the same registration name, `%s`.",
+    registrationName
+  );
+  registrationNameModules[registrationName] = pluginModule;
+}
+var plugins = [],
+  eventNameDispatchConfigs = {},
+  registrationNameModules = {},
+  getFiberCurrentPropsFromNode = null,
+  getInstanceFromNode = null,
+  getNodeFromInstance = null;
+function executeDispatch(event, simulated, listener, inst) {
+  simulated = event.type || "unknown-event";
+  event.currentTarget = getNodeFromInstance(inst);
+  ReactErrorUtils.invokeGuardedCallbackAndCatchFirstError(
+    simulated,
+    listener,
+    void 0,
+    event
+  );
+  event.currentTarget = null;
+}
+function executeDirectDispatch(event) {
+  var dispatchListener = event._dispatchListeners,
+    dispatchInstance = event._dispatchInstances;
+  invariant(
+    !Array.isArray(dispatchListener),
+    "executeDirectDispatch(...): Invalid `event`."
+  );
+  event.currentTarget = dispatchListener
+    ? getNodeFromInstance(dispatchInstance)
+    : null;
+  dispatchListener = dispatchListener ? dispatchListener(event) : null;
+  event.currentTarget = null;
+  event._dispatchListeners = null;
+  event._dispatchInstances = null;
+  return dispatchListener;
+}
+function accumulateInto(current, next) {
+  invariant(
+    null != next,
+    "accumulateInto(...): Accumulated items must not be null or undefined."
+  );
+  if (null == current) return next;
+  if (Array.isArray(current)) {
+    if (Array.isArray(next)) return current.push.apply(current, next), current;
+    current.push(next);
+    return current;
+  }
+  return Array.isArray(next) ? [current].concat(next) : [current, next];
+}
+function forEachAccumulated(arr, cb, scope) {
+  Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
+}
+var eventQueue = null;
+function executeDispatchesAndReleaseTopLevel(e) {
+  if (e) {
+    var dispatchListeners = e._dispatchListeners,
+      dispatchInstances = e._dispatchInstances;
+    if (Array.isArray(dispatchListeners))
+      for (
+        var i = 0;
+        i < dispatchListeners.length && !e.isPropagationStopped();
+        i++
+      )
+        executeDispatch(e, !1, dispatchListeners[i], dispatchInstances[i]);
+    else
+      dispatchListeners &&
+        executeDispatch(e, !1, dispatchListeners, dispatchInstances);
+    e._dispatchListeners = null;
+    e._dispatchInstances = null;
+    e.isPersistent() || e.constructor.release(e);
+  }
+}
+var injection = {
+  injectEventPluginOrder: function(injectedEventPluginOrder) {
+    invariant(
+      !eventPluginOrder,
+      "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+    );
+    eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
+    recomputePluginOrdering();
+  },
+  injectEventPluginsByName: function(injectedNamesToPlugins) {
+    var isOrderingDirty = !1,
+      pluginName;
+    for (pluginName in injectedNamesToPlugins)
+      if (injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+        var pluginModule = injectedNamesToPlugins[pluginName];
+        (namesToPlugins.hasOwnProperty(pluginName) &&
+          namesToPlugins[pluginName] === pluginModule) ||
+          (invariant(
+            !namesToPlugins[pluginName],
+            "EventPluginRegistry: Cannot inject two different event plugins using the same name, `%s`.",
+            pluginName
+          ),
+          (namesToPlugins[pluginName] = pluginModule),
+          (isOrderingDirty = !0));
+      }
+    isOrderingDirty && recomputePluginOrdering();
+  }
+};
+function getListener(inst, registrationName) {
+  var listener = inst.stateNode;
+  if (!listener) return null;
+  var props = getFiberCurrentPropsFromNode(listener);
+  if (!props) return null;
+  listener = props[registrationName];
+  a: switch (registrationName) {
+    case "onClick":
+    case "onClickCapture":
+    case "onDoubleClick":
+    case "onDoubleClickCapture":
+    case "onMouseDown":
+    case "onMouseDownCapture":
+    case "onMouseMove":
+    case "onMouseMoveCapture":
+    case "onMouseUp":
+    case "onMouseUpCapture":
+      (props = !props.disabled) ||
+        ((inst = inst.type),
+        (props = !(
+          "button" === inst ||
+          "input" === inst ||
+          "select" === inst ||
+          "textarea" === inst
+        )));
+      inst = !props;
+      break a;
+    default:
+      inst = !1;
+  }
+  if (inst) return null;
+  invariant(
+    !listener || "function" === typeof listener,
+    "Expected `%s` listener to be a function, instead got a value of `%s` type.",
+    registrationName,
+    typeof listener
+  );
+  return listener;
+}
+function getParent(inst) {
+  do inst = inst.return;
+  while (inst && 5 !== inst.tag);
+  return inst ? inst : null;
+}
+function traverseTwoPhase(inst, fn, arg) {
+  for (var path = []; inst; ) path.push(inst), (inst = getParent(inst));
+  for (inst = path.length; 0 < inst--; ) fn(path[inst], "captured", arg);
+  for (inst = 0; inst < path.length; inst++) fn(path[inst], "bubbled", arg);
+}
+function accumulateDirectionalDispatches(inst, phase, event) {
+  if (
+    (phase = getListener(
+      inst,
+      event.dispatchConfig.phasedRegistrationNames[phase]
+    ))
+  )
+    (event._dispatchListeners = accumulateInto(
+      event._dispatchListeners,
+      phase
+    )),
+      (event._dispatchInstances = accumulateInto(
+        event._dispatchInstances,
+        inst
+      ));
+}
+function accumulateTwoPhaseDispatchesSingle(event) {
+  event &&
+    event.dispatchConfig.phasedRegistrationNames &&
+    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+}
+function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
+  if (event && event.dispatchConfig.phasedRegistrationNames) {
+    var targetInst = event._targetInst;
+    targetInst = targetInst ? getParent(targetInst) : null;
+    traverseTwoPhase(targetInst, accumulateDirectionalDispatches, event);
+  }
+}
+function accumulateDirectDispatchesSingle(event) {
+  if (event && event.dispatchConfig.registrationName) {
+    var inst = event._targetInst;
+    if (inst && event && event.dispatchConfig.registrationName) {
+      var listener = getListener(inst, event.dispatchConfig.registrationName);
+      listener &&
+        ((event._dispatchListeners = accumulateInto(
+          event._dispatchListeners,
+          listener
+        )),
+        (event._dispatchInstances = accumulateInto(
+          event._dispatchInstances,
+          inst
+        )));
+    }
+  }
+}
+var shouldBeReleasedProperties = "dispatchConfig _targetInst nativeEvent isDefaultPrevented isPropagationStopped _dispatchListeners _dispatchInstances".split(
+  " "
+);
+function functionThatReturnsTrue() {
+  return !0;
+}
+function functionThatReturnsFalse() {
+  return !1;
+}
+function SyntheticEvent(
+  dispatchConfig,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget
+) {
+  this.dispatchConfig = dispatchConfig;
+  this._targetInst = targetInst;
+  this.nativeEvent = nativeEvent;
+  dispatchConfig = this.constructor.Interface;
+  for (var propName in dispatchConfig)
+    dispatchConfig.hasOwnProperty(propName) &&
+      ((targetInst = dispatchConfig[propName])
+        ? (this[propName] = targetInst(nativeEvent))
+        : "target" === propName
+          ? (this.target = nativeEventTarget)
+          : (this[propName] = nativeEvent[propName]));
+  this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
+  ? nativeEvent.defaultPrevented
+  : !1 === nativeEvent.returnValue)
+    ? functionThatReturnsTrue
+    : functionThatReturnsFalse;
+  this.isPropagationStopped = functionThatReturnsFalse;
+  return this;
+}
+Object.assign(SyntheticEvent.prototype, {
+  preventDefault: function() {
+    this.defaultPrevented = !0;
+    var event = this.nativeEvent;
+    event &&
+      (event.preventDefault
+        ? event.preventDefault()
+        : "unknown" !== typeof event.returnValue && (event.returnValue = !1),
+      (this.isDefaultPrevented = functionThatReturnsTrue));
+  },
+  stopPropagation: function() {
+    var event = this.nativeEvent;
+    event &&
+      (event.stopPropagation
+        ? event.stopPropagation()
+        : "unknown" !== typeof event.cancelBubble && (event.cancelBubble = !0),
+      (this.isPropagationStopped = functionThatReturnsTrue));
+  },
+  persist: function() {
+    this.isPersistent = functionThatReturnsTrue;
+  },
+  isPersistent: functionThatReturnsFalse,
+  destructor: function() {
+    var Interface = this.constructor.Interface,
+      propName;
+    for (propName in Interface) this[propName] = null;
+    for (
+      Interface = 0;
+      Interface < shouldBeReleasedProperties.length;
+      Interface++
+    )
+      this[shouldBeReleasedProperties[Interface]] = null;
+  }
+});
+SyntheticEvent.Interface = {
+  type: null,
+  target: null,
+  currentTarget: function() {
+    return null;
+  },
+  eventPhase: null,
+  bubbles: null,
+  cancelable: null,
+  timeStamp: function(event) {
+    return event.timeStamp || Date.now();
+  },
+  defaultPrevented: null,
+  isTrusted: null
+};
+SyntheticEvent.extend = function(Interface) {
+  function E() {}
+  function Class() {
+    return Super.apply(this, arguments);
+  }
+  var Super = this;
+  E.prototype = Super.prototype;
+  var prototype = new E();
+  Object.assign(prototype, Class.prototype);
+  Class.prototype = prototype;
+  Class.prototype.constructor = Class;
+  Class.Interface = Object.assign({}, Super.Interface, Interface);
+  Class.extend = Super.extend;
+  addEventPoolingTo(Class);
+  return Class;
+};
+addEventPoolingTo(SyntheticEvent);
+function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
+  if (this.eventPool.length) {
+    var instance = this.eventPool.pop();
+    this.call(instance, dispatchConfig, targetInst, nativeEvent, nativeInst);
+    return instance;
+  }
+  return new this(dispatchConfig, targetInst, nativeEvent, nativeInst);
+}
+function releasePooledEvent(event) {
+  invariant(
+    event instanceof this,
+    "Trying to release an event instance  into a pool of a different type."
+  );
+  event.destructor();
+  10 > this.eventPool.length && this.eventPool.push(event);
+}
+function addEventPoolingTo(EventConstructor) {
+  EventConstructor.eventPool = [];
+  EventConstructor.getPooled = getPooledEvent;
+  EventConstructor.release = releasePooledEvent;
+}
+var ResponderSyntheticEvent = SyntheticEvent.extend({
+  touchHistory: function() {
+    return null;
+  }
+});
+function isStartish(topLevelType) {
+  return "topTouchStart" === topLevelType;
+}
+function isMoveish(topLevelType) {
+  return "topTouchMove" === topLevelType;
+}
+var startDependencies = ["topTouchStart"],
+  moveDependencies = ["topTouchMove"],
+  endDependencies = ["topTouchCancel", "topTouchEnd"],
+  touchBank = [],
+  touchHistory = {
+    touchBank: touchBank,
+    numberActiveTouches: 0,
+    indexOfSingleActiveTouch: -1,
+    mostRecentTimeStamp: 0
+  };
+function timestampForTouch(touch) {
+  return touch.timeStamp || touch.timestamp;
+}
+function getTouchIdentifier(_ref) {
+  _ref = _ref.identifier;
+  invariant(null != _ref, "Touch object is missing identifier.");
+  return _ref;
+}
+function recordTouchStart(touch) {
+  var identifier = getTouchIdentifier(touch),
+    touchRecord = touchBank[identifier];
+  touchRecord
+    ? ((touchRecord.touchActive = !0),
+      (touchRecord.startPageX = touch.pageX),
+      (touchRecord.startPageY = touch.pageY),
+      (touchRecord.startTimeStamp = timestampForTouch(touch)),
+      (touchRecord.currentPageX = touch.pageX),
+      (touchRecord.currentPageY = touch.pageY),
+      (touchRecord.currentTimeStamp = timestampForTouch(touch)),
+      (touchRecord.previousPageX = touch.pageX),
+      (touchRecord.previousPageY = touch.pageY),
+      (touchRecord.previousTimeStamp = timestampForTouch(touch)))
+    : ((touchRecord = {
+        touchActive: !0,
+        startPageX: touch.pageX,
+        startPageY: touch.pageY,
+        startTimeStamp: timestampForTouch(touch),
+        currentPageX: touch.pageX,
+        currentPageY: touch.pageY,
+        currentTimeStamp: timestampForTouch(touch),
+        previousPageX: touch.pageX,
+        previousPageY: touch.pageY,
+        previousTimeStamp: timestampForTouch(touch)
+      }),
+      (touchBank[identifier] = touchRecord));
+  touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+}
+function recordTouchMove(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+  touchRecord
+    ? ((touchRecord.touchActive = !0),
+      (touchRecord.previousPageX = touchRecord.currentPageX),
+      (touchRecord.previousPageY = touchRecord.currentPageY),
+      (touchRecord.previousTimeStamp = touchRecord.currentTimeStamp),
+      (touchRecord.currentPageX = touch.pageX),
+      (touchRecord.currentPageY = touch.pageY),
+      (touchRecord.currentTimeStamp = timestampForTouch(touch)),
+      (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
+    : console.error(
+        "Cannot record touch move without a touch start.\nTouch Move: %s\n",
+        "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+}
+function recordTouchEnd(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+  touchRecord
+    ? ((touchRecord.touchActive = !1),
+      (touchRecord.previousPageX = touchRecord.currentPageX),
+      (touchRecord.previousPageY = touchRecord.currentPageY),
+      (touchRecord.previousTimeStamp = touchRecord.currentTimeStamp),
+      (touchRecord.currentPageX = touch.pageX),
+      (touchRecord.currentPageY = touch.pageY),
+      (touchRecord.currentTimeStamp = timestampForTouch(touch)),
+      (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
+    : console.error(
+        "Cannot record touch end without a touch start.\nTouch End: %s\n",
+        "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+}
+function printTouch(touch) {
+  return JSON.stringify({
+    identifier: touch.identifier,
+    pageX: touch.pageX,
+    pageY: touch.pageY,
+    timestamp: timestampForTouch(touch)
+  });
+}
+function printTouchBank() {
+  var printed = JSON.stringify(touchBank.slice(0, 20));
+  20 < touchBank.length &&
+    (printed += " (original size: " + touchBank.length + ")");
+  return printed;
+}
+var ResponderTouchHistoryStore = {
+  recordTouchTrack: function(topLevelType, nativeEvent) {
+    if (isMoveish(topLevelType))
+      nativeEvent.changedTouches.forEach(recordTouchMove);
+    else if (isStartish(topLevelType))
+      nativeEvent.changedTouches.forEach(recordTouchStart),
+        (touchHistory.numberActiveTouches = nativeEvent.touches.length),
+        1 === touchHistory.numberActiveTouches &&
+          (touchHistory.indexOfSingleActiveTouch =
+            nativeEvent.touches[0].identifier);
+    else if (
+      "topTouchEnd" === topLevelType ||
+      "topTouchCancel" === topLevelType
+    )
+      if (
+        (nativeEvent.changedTouches.forEach(recordTouchEnd),
+        (touchHistory.numberActiveTouches = nativeEvent.touches.length),
+        1 === touchHistory.numberActiveTouches)
+      )
+        for (topLevelType = 0; topLevelType < touchBank.length; topLevelType++)
+          if (
+            ((nativeEvent = touchBank[topLevelType]),
+            null != nativeEvent && nativeEvent.touchActive)
+          ) {
+            touchHistory.indexOfSingleActiveTouch = topLevelType;
+            break;
+          }
+  },
+  touchHistory: touchHistory
+};
+function accumulate(current, next) {
+  invariant(
+    null != next,
+    "accumulate(...): Accumulated items must be not be null or undefined."
+  );
+  return null == current
+    ? next
+    : Array.isArray(current)
+      ? current.concat(next)
+      : Array.isArray(next) ? [current].concat(next) : [current, next];
+}
+var responderInst = null,
+  trackedTouchCount = 0;
+function changeResponder(nextResponderInst, blockHostResponder) {
+  var oldResponderInst = responderInst;
+  responderInst = nextResponderInst;
+  if (null !== ResponderEventPlugin.GlobalResponderHandler)
+    ResponderEventPlugin.GlobalResponderHandler.onChange(
+      oldResponderInst,
+      nextResponderInst,
+      blockHostResponder
+    );
+}
+var eventTypes$1 = {
+    startShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onStartShouldSetResponder",
+        captured: "onStartShouldSetResponderCapture"
+      },
+      dependencies: startDependencies
+    },
+    scrollShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onScrollShouldSetResponder",
+        captured: "onScrollShouldSetResponderCapture"
+      },
+      dependencies: ["topScroll"]
+    },
+    selectionChangeShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onSelectionChangeShouldSetResponder",
+        captured: "onSelectionChangeShouldSetResponderCapture"
+      },
+      dependencies: ["topSelectionChange"]
+    },
+    moveShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onMoveShouldSetResponder",
+        captured: "onMoveShouldSetResponderCapture"
+      },
+      dependencies: moveDependencies
+    },
+    responderStart: {
+      registrationName: "onResponderStart",
+      dependencies: startDependencies
+    },
+    responderMove: {
+      registrationName: "onResponderMove",
+      dependencies: moveDependencies
+    },
+    responderEnd: {
+      registrationName: "onResponderEnd",
+      dependencies: endDependencies
+    },
+    responderRelease: {
+      registrationName: "onResponderRelease",
+      dependencies: endDependencies
+    },
+    responderTerminationRequest: {
+      registrationName: "onResponderTerminationRequest",
+      dependencies: []
+    },
+    responderGrant: { registrationName: "onResponderGrant", dependencies: [] },
+    responderReject: {
+      registrationName: "onResponderReject",
+      dependencies: []
+    },
+    responderTerminate: {
+      registrationName: "onResponderTerminate",
+      dependencies: []
+    }
+  },
+  ResponderEventPlugin = {
+    _getResponder: function() {
+      return responderInst;
+    },
+    eventTypes: eventTypes$1,
+    extractEvents: function(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      if (isStartish(topLevelType)) trackedTouchCount += 1;
+      else if (
+        "topTouchEnd" === topLevelType ||
+        "topTouchCancel" === topLevelType
+      )
+        if (0 <= trackedTouchCount) --trackedTouchCount;
+        else
+          return (
+            console.error(
+              "Ended a touch event which was not counted in `trackedTouchCount`."
+            ),
+            null
+          );
+      ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
+      if (
+        targetInst &&
+        (("topScroll" === topLevelType && !nativeEvent.responderIgnoreScroll) ||
+          (0 < trackedTouchCount && "topSelectionChange" === topLevelType) ||
+          isStartish(topLevelType) ||
+          isMoveish(topLevelType))
+      ) {
+        var JSCompiler_temp = isStartish(topLevelType)
+          ? eventTypes$1.startShouldSetResponder
+          : isMoveish(topLevelType)
+            ? eventTypes$1.moveShouldSetResponder
+            : "topSelectionChange" === topLevelType
+              ? eventTypes$1.selectionChangeShouldSetResponder
+              : eventTypes$1.scrollShouldSetResponder;
+        if (responderInst)
+          b: {
+            var JSCompiler_temp$jscomp$0 = responderInst;
+            for (
+              var depthA = 0, tempA = JSCompiler_temp$jscomp$0;
+              tempA;
+              tempA = getParent(tempA)
+            )
+              depthA++;
+            tempA = 0;
+            for (var tempB = targetInst; tempB; tempB = getParent(tempB))
+              tempA++;
+            for (; 0 < depthA - tempA; )
+              (JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0)),
+                depthA--;
+            for (; 0 < tempA - depthA; )
+              (targetInst = getParent(targetInst)), tempA--;
+            for (; depthA--; ) {
+              if (
+                JSCompiler_temp$jscomp$0 === targetInst ||
+                JSCompiler_temp$jscomp$0 === targetInst.alternate
+              )
+                break b;
+              JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0);
+              targetInst = getParent(targetInst);
+            }
+            JSCompiler_temp$jscomp$0 = null;
+          }
+        else JSCompiler_temp$jscomp$0 = targetInst;
+        targetInst = JSCompiler_temp$jscomp$0 === responderInst;
+        JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
+          JSCompiler_temp,
+          JSCompiler_temp$jscomp$0,
+          nativeEvent,
+          nativeEventTarget
+        );
+        JSCompiler_temp$jscomp$0.touchHistory =
+          ResponderTouchHistoryStore.touchHistory;
+        targetInst
+          ? forEachAccumulated(
+              JSCompiler_temp$jscomp$0,
+              accumulateTwoPhaseDispatchesSingleSkipTarget
+            )
+          : forEachAccumulated(
+              JSCompiler_temp$jscomp$0,
+              accumulateTwoPhaseDispatchesSingle
+            );
+        b: {
+          JSCompiler_temp = JSCompiler_temp$jscomp$0._dispatchListeners;
+          targetInst = JSCompiler_temp$jscomp$0._dispatchInstances;
+          if (Array.isArray(JSCompiler_temp))
+            for (
+              depthA = 0;
+              depthA < JSCompiler_temp.length &&
+              !JSCompiler_temp$jscomp$0.isPropagationStopped();
+              depthA++
+            ) {
+              if (
+                JSCompiler_temp[depthA](
+                  JSCompiler_temp$jscomp$0,
+                  targetInst[depthA]
+                )
+              ) {
+                JSCompiler_temp = targetInst[depthA];
+                break b;
+              }
+            }
+          else if (
+            JSCompiler_temp &&
+            JSCompiler_temp(JSCompiler_temp$jscomp$0, targetInst)
+          ) {
+            JSCompiler_temp = targetInst;
+            break b;
+          }
+          JSCompiler_temp = null;
+        }
+        JSCompiler_temp$jscomp$0._dispatchInstances = null;
+        JSCompiler_temp$jscomp$0._dispatchListeners = null;
+        JSCompiler_temp$jscomp$0.isPersistent() ||
+          JSCompiler_temp$jscomp$0.constructor.release(
+            JSCompiler_temp$jscomp$0
+          );
+        JSCompiler_temp && JSCompiler_temp !== responderInst
+          ? ((JSCompiler_temp$jscomp$0 = void 0),
+            (targetInst = ResponderSyntheticEvent.getPooled(
+              eventTypes$1.responderGrant,
+              JSCompiler_temp,
+              nativeEvent,
+              nativeEventTarget
+            )),
+            (targetInst.touchHistory = ResponderTouchHistoryStore.touchHistory),
+            forEachAccumulated(targetInst, accumulateDirectDispatchesSingle),
+            (depthA = !0 === executeDirectDispatch(targetInst)),
+            responderInst
+              ? ((tempA = ResponderSyntheticEvent.getPooled(
+                  eventTypes$1.responderTerminationRequest,
+                  responderInst,
+                  nativeEvent,
+                  nativeEventTarget
+                )),
+                (tempA.touchHistory = ResponderTouchHistoryStore.touchHistory),
+                forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
+                (tempB =
+                  !tempA._dispatchListeners || executeDirectDispatch(tempA)),
+                tempA.isPersistent() || tempA.constructor.release(tempA),
+                tempB
+                  ? ((tempA = ResponderSyntheticEvent.getPooled(
+                      eventTypes$1.responderTerminate,
+                      responderInst,
+                      nativeEvent,
+                      nativeEventTarget
+                    )),
+                    (tempA.touchHistory =
+                      ResponderTouchHistoryStore.touchHistory),
+                    forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
+                    (JSCompiler_temp$jscomp$0 = accumulate(
+                      JSCompiler_temp$jscomp$0,
+                      [targetInst, tempA]
+                    )),
+                    changeResponder(JSCompiler_temp, depthA))
+                  : ((JSCompiler_temp = ResponderSyntheticEvent.getPooled(
+                      eventTypes$1.responderReject,
+                      JSCompiler_temp,
+                      nativeEvent,
+                      nativeEventTarget
+                    )),
+                    (JSCompiler_temp.touchHistory =
+                      ResponderTouchHistoryStore.touchHistory),
+                    forEachAccumulated(
+                      JSCompiler_temp,
+                      accumulateDirectDispatchesSingle
+                    ),
+                    (JSCompiler_temp$jscomp$0 = accumulate(
+                      JSCompiler_temp$jscomp$0,
+                      JSCompiler_temp
+                    ))))
+              : ((JSCompiler_temp$jscomp$0 = accumulate(
+                  JSCompiler_temp$jscomp$0,
+                  targetInst
+                )),
+                changeResponder(JSCompiler_temp, depthA)),
+            (JSCompiler_temp = JSCompiler_temp$jscomp$0))
+          : (JSCompiler_temp = null);
+      } else JSCompiler_temp = null;
+      JSCompiler_temp$jscomp$0 = responderInst && isStartish(topLevelType);
+      targetInst = responderInst && isMoveish(topLevelType);
+      depthA =
+        responderInst &&
+        ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType);
+      if (
+        (JSCompiler_temp$jscomp$0 = JSCompiler_temp$jscomp$0
+          ? eventTypes$1.responderStart
+          : targetInst
+            ? eventTypes$1.responderMove
+            : depthA ? eventTypes$1.responderEnd : null)
+      )
+        (JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
+          JSCompiler_temp$jscomp$0,
+          responderInst,
+          nativeEvent,
+          nativeEventTarget
+        )),
+          (JSCompiler_temp$jscomp$0.touchHistory =
+            ResponderTouchHistoryStore.touchHistory),
+          forEachAccumulated(
+            JSCompiler_temp$jscomp$0,
+            accumulateDirectDispatchesSingle
+          ),
+          (JSCompiler_temp = accumulate(
+            JSCompiler_temp,
+            JSCompiler_temp$jscomp$0
+          ));
+      JSCompiler_temp$jscomp$0 =
+        responderInst && "topTouchCancel" === topLevelType;
+      if (
+        (topLevelType =
+          responderInst &&
+          !JSCompiler_temp$jscomp$0 &&
+          ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType))
+      )
+        a: {
+          if ((topLevelType = nativeEvent.touches) && 0 !== topLevelType.length)
+            for (targetInst = 0; targetInst < topLevelType.length; targetInst++)
+              if (
+                ((depthA = topLevelType[targetInst].target),
+                null !== depthA && void 0 !== depthA && 0 !== depthA)
+              ) {
+                tempA = getInstanceFromNode(depthA);
+                b: {
+                  for (depthA = responderInst; tempA; ) {
+                    if (depthA === tempA || depthA === tempA.alternate) {
+                      depthA = !0;
+                      break b;
+                    }
+                    tempA = getParent(tempA);
+                  }
+                  depthA = !1;
+                }
+                if (depthA) {
+                  topLevelType = !1;
+                  break a;
+                }
+              }
+          topLevelType = !0;
+        }
+      if (
+        (topLevelType = JSCompiler_temp$jscomp$0
+          ? eventTypes$1.responderTerminate
+          : topLevelType ? eventTypes$1.responderRelease : null)
+      )
+        (nativeEvent = ResponderSyntheticEvent.getPooled(
+          topLevelType,
+          responderInst,
+          nativeEvent,
+          nativeEventTarget
+        )),
+          (nativeEvent.touchHistory = ResponderTouchHistoryStore.touchHistory),
+          forEachAccumulated(nativeEvent, accumulateDirectDispatchesSingle),
+          (JSCompiler_temp = accumulate(JSCompiler_temp, nativeEvent)),
+          changeResponder(null);
+      return JSCompiler_temp;
+    },
+    GlobalResponderHandler: null,
+    injection: {
+      injectGlobalResponderHandler: function(GlobalResponderHandler) {
+        ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
+      }
+    }
+  },
+  customBubblingEventTypes$1 =
+    ReactNativeViewConfigRegistry.customBubblingEventTypes,
+  customDirectEventTypes$1 =
+    ReactNativeViewConfigRegistry.customDirectEventTypes,
+  ReactNativeBridgeEventPlugin = {
+    eventTypes: ReactNativeViewConfigRegistry.eventTypes,
+    extractEvents: function(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      if (null == targetInst) return null;
+      var bubbleDispatchConfig = customBubblingEventTypes$1[topLevelType],
+        directDispatchConfig = customDirectEventTypes$1[topLevelType];
+      invariant(
+        bubbleDispatchConfig || directDispatchConfig,
+        'Unsupported top level event type "%s" dispatched',
+        topLevelType
+      );
+      topLevelType = SyntheticEvent.getPooled(
+        bubbleDispatchConfig || directDispatchConfig,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget
+      );
+      if (bubbleDispatchConfig)
+        forEachAccumulated(topLevelType, accumulateTwoPhaseDispatchesSingle);
+      else if (directDispatchConfig)
+        forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
+      else return null;
+      return topLevelType;
+    }
+  };
+injection.injectEventPluginOrder([
+  "ResponderEventPlugin",
+  "ReactNativeBridgeEventPlugin"
+]);
+injection.injectEventPluginsByName({
+  ResponderEventPlugin: ResponderEventPlugin,
+  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
+});
+var instanceCache = {},
+  instanceProps = {};
+function uncacheFiberNode(tag) {
+  delete instanceCache[tag];
+  delete instanceProps[tag];
+}
+function getInstanceFromTag(tag) {
+  return instanceCache[tag] || null;
+}
+var ReactNativeComponentTree = {
+    precacheFiberNode: function(hostInst, tag) {
+      instanceCache[tag] = hostInst;
+    },
+    uncacheFiberNode: uncacheFiberNode,
+    getClosestInstanceFromNode: getInstanceFromTag,
+    getInstanceFromNode: getInstanceFromTag,
+    getNodeFromInstance: function(inst) {
+      var tag = inst.stateNode._nativeTag;
+      void 0 === tag && (tag = inst.stateNode.canonical._nativeTag);
+      invariant(tag, "All native instances should have a tag.");
+      return tag;
+    },
+    getFiberCurrentPropsFromNode: function(stateNode) {
+      return instanceProps[stateNode._nativeTag] || null;
+    },
+    updateFiberProps: function(tag, props) {
+      instanceProps[tag] = props;
+    }
+  },
+  restoreTarget = null,
+  restoreQueue = null;
+function restoreStateOfTarget(target) {
+  if ((target = getInstanceFromNode(target))) {
+    invariant(
+      null,
+      "Fiber needs to be injected to handle a fiber target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+    );
+    var props = getFiberCurrentPropsFromNode(target.stateNode);
+    null.restoreControlledState(target.stateNode, target.type, props);
+  }
+}
+function _batchedUpdates(fn, bookkeeping) {
+  return fn(bookkeeping);
+}
+function _flushInteractiveUpdates() {}
+var isBatching = !1;
+function batchedUpdates(fn, bookkeeping) {
+  if (isBatching) return fn(bookkeeping);
+  isBatching = !0;
+  try {
+    return _batchedUpdates(fn, bookkeeping);
+  } finally {
+    if (((isBatching = !1), null !== restoreTarget || null !== restoreQueue))
+      if (
+        (_flushInteractiveUpdates(),
+        restoreTarget &&
+          ((bookkeeping = restoreTarget),
+          (fn = restoreQueue),
+          (restoreQueue = restoreTarget = null),
+          restoreStateOfTarget(bookkeeping),
+          fn))
+      )
+        for (bookkeeping = 0; bookkeeping < fn.length; bookkeeping++)
+          restoreStateOfTarget(fn[bookkeeping]);
+  }
+}
+var EMPTY_NATIVE_EVENT = {};
+function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
+  var nativeEvent = nativeEventParam || EMPTY_NATIVE_EVENT,
+    inst = getInstanceFromTag(rootNodeID);
+  batchedUpdates(function() {
+    var events = nativeEvent.target;
+    for (var events$jscomp$0 = null, i = 0; i < plugins.length; i++) {
+      var possiblePlugin = plugins[i];
+      possiblePlugin &&
+        (possiblePlugin = possiblePlugin.extractEvents(
+          topLevelType,
+          inst,
+          nativeEvent,
+          events
+        )) &&
+        (events$jscomp$0 = accumulateInto(events$jscomp$0, possiblePlugin));
+    }
+    events = events$jscomp$0;
+    null !== events && (eventQueue = accumulateInto(eventQueue, events));
+    events = eventQueue;
+    eventQueue = null;
+    events &&
+      (forEachAccumulated(events, executeDispatchesAndReleaseTopLevel),
+      invariant(
+        !eventQueue,
+        "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+      ),
+      ReactErrorUtils.rethrowCaughtError());
+  });
+}
+RCTEventEmitter.register({
+  getListener: getListener,
+  registrationNames: registrationNameModules,
+  _receiveRootNodeIDEvent: _receiveRootNodeIDEvent,
+  receiveEvent: function(rootNodeID, topLevelType, nativeEventParam) {
+    _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam);
+  },
+  receiveTouches: function(eventTopLevelType, touches, changedIndices) {
+    if (
+      "topTouchEnd" === eventTopLevelType ||
+      "topTouchCancel" === eventTopLevelType
+    ) {
+      var JSCompiler_temp = [];
+      for (var i = 0; i < changedIndices.length; i++) {
+        var index = changedIndices[i];
+        JSCompiler_temp.push(touches[index]);
+        touches[index] = null;
+      }
+      for (i = changedIndices = 0; i < touches.length; i++)
+        (index = touches[i]),
+          null !== index && (touches[changedIndices++] = index);
+      touches.length = changedIndices;
+    } else
+      for (JSCompiler_temp = [], i = 0; i < changedIndices.length; i++)
+        JSCompiler_temp.push(touches[changedIndices[i]]);
+    for (
+      changedIndices = 0;
+      changedIndices < JSCompiler_temp.length;
+      changedIndices++
+    ) {
+      i = JSCompiler_temp[changedIndices];
+      i.changedTouches = JSCompiler_temp;
+      i.touches = touches;
+      index = null;
+      var target = i.target;
+      null === target || void 0 === target || 1 > target || (index = target);
+      _receiveRootNodeIDEvent(index, eventTopLevelType, i);
+    }
+  }
+});
+getFiberCurrentPropsFromNode =
+  ReactNativeComponentTree.getFiberCurrentPropsFromNode;
+getInstanceFromNode = ReactNativeComponentTree.getInstanceFromNode;
+getNodeFromInstance = ReactNativeComponentTree.getNodeFromInstance;
+ResponderEventPlugin.injection.injectGlobalResponderHandler({
+  onChange: function(from, to, blockNativeResponder) {
+    null !== to
+      ? UIManager.setJSResponder(to.stateNode._nativeTag, blockNativeResponder)
+      : UIManager.clearJSResponder();
+  }
+});
+var ReactCurrentOwner =
+    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,
+  hasSymbol = "function" === typeof Symbol && Symbol.for,
+  REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103,
+  REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106,
+  REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107,
+  REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108,
+  REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114,
+  REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109,
+  REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110,
+  REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111,
+  REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112,
+  REACT_TIMEOUT_TYPE = hasSymbol ? Symbol.for("react.timeout") : 60113,
+  MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
+function getIteratorFn(maybeIterable) {
+  if (null === maybeIterable || "undefined" === typeof maybeIterable)
+    return null;
+  maybeIterable =
+    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
+    maybeIterable["@@iterator"];
+  return "function" === typeof maybeIterable ? maybeIterable : null;
+}
+function getComponentName(fiber) {
+  var type = fiber.type;
+  if ("function" === typeof type) return type.displayName || type.name;
+  if ("string" === typeof type) return type;
+  switch (type) {
+    case REACT_ASYNC_MODE_TYPE:
+      return "AsyncMode";
+    case REACT_CONTEXT_TYPE:
+      return "Context.Consumer";
+    case REACT_FRAGMENT_TYPE:
+      return "ReactFragment";
+    case REACT_PORTAL_TYPE:
+      return "ReactPortal";
+    case REACT_PROFILER_TYPE:
+      return "Profiler(" + fiber.pendingProps.id + ")";
+    case REACT_PROVIDER_TYPE:
+      return "Context.Provider";
+    case REACT_STRICT_MODE_TYPE:
+      return "StrictMode";
+    case REACT_TIMEOUT_TYPE:
+      return "Timeout";
+  }
+  if ("object" === typeof type && null !== type)
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return (
+          (fiber = type.render.displayName || type.render.name || ""),
+          "" !== fiber ? "ForwardRef(" + fiber + ")" : "ForwardRef"
+        );
+    }
+  return null;
+}
+function isFiberMountedImpl(fiber) {
+  var node = fiber;
+  if (fiber.alternate) for (; node.return; ) node = node.return;
+  else {
+    if (0 !== (node.effectTag & 2)) return 1;
+    for (; node.return; )
+      if (((node = node.return), 0 !== (node.effectTag & 2))) return 1;
+  }
+  return 3 === node.tag ? 2 : 3;
+}
+function assertIsMounted(fiber) {
+  invariant(
+    2 === isFiberMountedImpl(fiber),
+    "Unable to find node on an unmounted component."
+  );
+}
+function findCurrentFiberUsingSlowPath(fiber) {
+  var alternate = fiber.alternate;
+  if (!alternate)
+    return (
+      (alternate = isFiberMountedImpl(fiber)),
+      invariant(
+        3 !== alternate,
+        "Unable to find node on an unmounted component."
+      ),
+      1 === alternate ? null : fiber
+    );
+  for (var a = fiber, b = alternate; ; ) {
+    var parentA = a.return,
+      parentB = parentA ? parentA.alternate : null;
+    if (!parentA || !parentB) break;
+    if (parentA.child === parentB.child) {
+      for (var child = parentA.child; child; ) {
+        if (child === a) return assertIsMounted(parentA), fiber;
+        if (child === b) return assertIsMounted(parentA), alternate;
+        child = child.sibling;
+      }
+      invariant(!1, "Unable to find node on an unmounted component.");
+    }
+    if (a.return !== b.return) (a = parentA), (b = parentB);
+    else {
+      child = !1;
+      for (var _child = parentA.child; _child; ) {
+        if (_child === a) {
+          child = !0;
+          a = parentA;
+          b = parentB;
+          break;
+        }
+        if (_child === b) {
+          child = !0;
+          b = parentA;
+          a = parentB;
+          break;
+        }
+        _child = _child.sibling;
+      }
+      if (!child) {
+        for (_child = parentB.child; _child; ) {
+          if (_child === a) {
+            child = !0;
+            a = parentB;
+            b = parentA;
+            break;
+          }
+          if (_child === b) {
+            child = !0;
+            b = parentB;
+            a = parentA;
+            break;
+          }
+          _child = _child.sibling;
+        }
+        invariant(
+          child,
+          "Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue."
+        );
+      }
+    }
+    invariant(
+      a.alternate === b,
+      "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
+    );
+  }
+  invariant(3 === a.tag, "Unable to find node on an unmounted component.");
+  return a.stateNode.current === a ? fiber : alternate;
+}
+function findCurrentHostFiber(parent) {
+  parent = findCurrentFiberUsingSlowPath(parent);
+  if (!parent) return null;
+  for (var node = parent; ; ) {
+    if (5 === node.tag || 6 === node.tag) return node;
+    if (node.child) (node.child.return = node), (node = node.child);
+    else {
+      if (node === parent) break;
+      for (; !node.sibling; ) {
+        if (!node.return || node.return === parent) return null;
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  }
+  return null;
+}
+function findCurrentHostFiberWithNoPortals(parent) {
+  parent = findCurrentFiberUsingSlowPath(parent);
+  if (!parent) return null;
+  for (var node = parent; ; ) {
+    if (5 === node.tag || 6 === node.tag) return node;
+    if (node.child && 4 !== node.tag)
+      (node.child.return = node), (node = node.child);
+    else {
+      if (node === parent) break;
+      for (; !node.sibling; ) {
+        if (!node.return || node.return === parent) return null;
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  }
+  return null;
+}
+var emptyObject$1 = {},
+  removedKeys = null,
+  removedKeyCount = 0;
+function restoreDeletedValuesInNestedArray(
+  updatePayload,
+  node,
+  validAttributes
+) {
+  if (Array.isArray(node))
+    for (var i = node.length; i-- && 0 < removedKeyCount; )
+      restoreDeletedValuesInNestedArray(
+        updatePayload,
+        node[i],
+        validAttributes
+      );
+  else if (node && 0 < removedKeyCount)
+    for (i in removedKeys)
+      if (removedKeys[i]) {
+        var _nextProp = node[i];
+        if (void 0 !== _nextProp) {
+          var attributeConfig = validAttributes[i];
+          if (attributeConfig) {
+            "function" === typeof _nextProp && (_nextProp = !0);
+            "undefined" === typeof _nextProp && (_nextProp = null);
+            if ("object" !== typeof attributeConfig)
+              updatePayload[i] = _nextProp;
+            else if (
+              "function" === typeof attributeConfig.diff ||
+              "function" === typeof attributeConfig.process
+            )
+              (_nextProp =
+                "function" === typeof attributeConfig.process
+                  ? attributeConfig.process(_nextProp)
+                  : _nextProp),
+                (updatePayload[i] = _nextProp);
+            removedKeys[i] = !1;
+            removedKeyCount--;
+          }
+        }
+      }
+}
+function diffNestedProperty(
+  updatePayload,
+  prevProp,
+  nextProp,
+  validAttributes
+) {
+  if (!updatePayload && prevProp === nextProp) return updatePayload;
+  if (!prevProp || !nextProp)
+    return nextProp
+      ? addNestedProperty(updatePayload, nextProp, validAttributes)
+      : prevProp
+        ? clearNestedProperty(updatePayload, prevProp, validAttributes)
+        : updatePayload;
+  if (!Array.isArray(prevProp) && !Array.isArray(nextProp))
+    return diffProperties(updatePayload, prevProp, nextProp, validAttributes);
+  if (Array.isArray(prevProp) && Array.isArray(nextProp)) {
+    var minLength =
+        prevProp.length < nextProp.length ? prevProp.length : nextProp.length,
+      i;
+    for (i = 0; i < minLength; i++)
+      updatePayload = diffNestedProperty(
+        updatePayload,
+        prevProp[i],
+        nextProp[i],
+        validAttributes
+      );
+    for (; i < prevProp.length; i++)
+      updatePayload = clearNestedProperty(
+        updatePayload,
+        prevProp[i],
+        validAttributes
+      );
+    for (; i < nextProp.length; i++)
+      updatePayload = addNestedProperty(
+        updatePayload,
+        nextProp[i],
+        validAttributes
+      );
+    return updatePayload;
+  }
+  return Array.isArray(prevProp)
+    ? diffProperties(
+        updatePayload,
+        flattenStyle(prevProp),
+        nextProp,
+        validAttributes
+      )
+    : diffProperties(
+        updatePayload,
+        prevProp,
+        flattenStyle(nextProp),
+        validAttributes
+      );
+}
+function addNestedProperty(updatePayload, nextProp, validAttributes) {
+  if (!nextProp) return updatePayload;
+  if (!Array.isArray(nextProp))
+    return diffProperties(
+      updatePayload,
+      emptyObject$1,
+      nextProp,
+      validAttributes
+    );
+  for (var i = 0; i < nextProp.length; i++)
+    updatePayload = addNestedProperty(
+      updatePayload,
+      nextProp[i],
+      validAttributes
+    );
+  return updatePayload;
+}
+function clearNestedProperty(updatePayload, prevProp, validAttributes) {
+  if (!prevProp) return updatePayload;
+  if (!Array.isArray(prevProp))
+    return diffProperties(
+      updatePayload,
+      prevProp,
+      emptyObject$1,
+      validAttributes
+    );
+  for (var i = 0; i < prevProp.length; i++)
+    updatePayload = clearNestedProperty(
+      updatePayload,
+      prevProp[i],
+      validAttributes
+    );
+  return updatePayload;
+}
+function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
+  var attributeConfig, propKey;
+  for (propKey in nextProps)
+    if ((attributeConfig = validAttributes[propKey])) {
+      var prevProp = prevProps[propKey];
+      var nextProp = nextProps[propKey];
+      "function" === typeof nextProp &&
+        ((nextProp = !0), "function" === typeof prevProp && (prevProp = !0));
+      "undefined" === typeof nextProp &&
+        ((nextProp = null),
+        "undefined" === typeof prevProp && (prevProp = null));
+      removedKeys && (removedKeys[propKey] = !1);
+      if (updatePayload && void 0 !== updatePayload[propKey])
+        if ("object" !== typeof attributeConfig)
+          updatePayload[propKey] = nextProp;
+        else {
+          if (
+            "function" === typeof attributeConfig.diff ||
+            "function" === typeof attributeConfig.process
+          )
+            (attributeConfig =
+              "function" === typeof attributeConfig.process
+                ? attributeConfig.process(nextProp)
+                : nextProp),
+              (updatePayload[propKey] = attributeConfig);
+        }
+      else if (prevProp !== nextProp)
+        if ("object" !== typeof attributeConfig)
+          ("object" !== typeof nextProp ||
+            null === nextProp ||
+            deepDiffer(prevProp, nextProp)) &&
+            ((updatePayload || (updatePayload = {}))[propKey] = nextProp);
+        else if (
+          "function" === typeof attributeConfig.diff ||
+          "function" === typeof attributeConfig.process
+        ) {
+          if (
+            void 0 === prevProp ||
+            ("function" === typeof attributeConfig.diff
+              ? attributeConfig.diff(prevProp, nextProp)
+              : "object" !== typeof nextProp ||
+                null === nextProp ||
+                deepDiffer(prevProp, nextProp))
+          )
+            (attributeConfig =
+              "function" === typeof attributeConfig.process
+                ? attributeConfig.process(nextProp)
+                : nextProp),
+              ((updatePayload || (updatePayload = {}))[
+                propKey
+              ] = attributeConfig);
+        } else
+          (removedKeys = null),
+            (removedKeyCount = 0),
+            (updatePayload = diffNestedProperty(
+              updatePayload,
+              prevProp,
+              nextProp,
+              attributeConfig
+            )),
+            0 < removedKeyCount &&
+              updatePayload &&
+              (restoreDeletedValuesInNestedArray(
+                updatePayload,
+                nextProp,
+                attributeConfig
+              ),
+              (removedKeys = null));
+    }
+  for (var _propKey in prevProps)
+    void 0 === nextProps[_propKey] &&
+      (!(attributeConfig = validAttributes[_propKey]) ||
+        (updatePayload && void 0 !== updatePayload[_propKey]) ||
+        ((prevProp = prevProps[_propKey]),
+        void 0 !== prevProp &&
+          ("object" !== typeof attributeConfig ||
+          "function" === typeof attributeConfig.diff ||
+          "function" === typeof attributeConfig.process
+            ? (((updatePayload || (updatePayload = {}))[_propKey] = null),
+              removedKeys || (removedKeys = {}),
+              removedKeys[_propKey] ||
+                ((removedKeys[_propKey] = !0), removedKeyCount++))
+            : (updatePayload = clearNestedProperty(
+                updatePayload,
+                prevProp,
+                attributeConfig
+              )))));
+  return updatePayload;
+}
+function mountSafeCallback(context, callback) {
+  return function() {
+    if (callback) {
+      if ("boolean" === typeof context.__isMounted) {
+        if (!context.__isMounted) return;
+      } else if (
+        "function" === typeof context.isMounted &&
+        !context.isMounted()
+      )
+        return;
+      return callback.apply(context, arguments);
+    }
+  };
+}
+var ReactNativeFiberHostComponent = (function() {
+    function ReactNativeFiberHostComponent(tag, viewConfig) {
+      if (!(this instanceof ReactNativeFiberHostComponent))
+        throw new TypeError("Cannot call a class as a function");
+      this._nativeTag = tag;
+      this._children = [];
+      this.viewConfig = viewConfig;
+    }
+    ReactNativeFiberHostComponent.prototype.blur = function() {
+      TextInputState.blurTextInput(this._nativeTag);
+    };
+    ReactNativeFiberHostComponent.prototype.focus = function() {
+      TextInputState.focusTextInput(this._nativeTag);
+    };
+    ReactNativeFiberHostComponent.prototype.measure = function(callback) {
+      UIManager.measure(this._nativeTag, mountSafeCallback(this, callback));
+    };
+    ReactNativeFiberHostComponent.prototype.measureInWindow = function(
+      callback
+    ) {
+      UIManager.measureInWindow(
+        this._nativeTag,
+        mountSafeCallback(this, callback)
+      );
+    };
+    ReactNativeFiberHostComponent.prototype.measureLayout = function(
+      relativeToNativeNode,
+      onSuccess,
+      onFail
+    ) {
+      UIManager.measureLayout(
+        this._nativeTag,
+        relativeToNativeNode,
+        mountSafeCallback(this, onFail),
+        mountSafeCallback(this, onSuccess)
+      );
+    };
+    ReactNativeFiberHostComponent.prototype.setNativeProps = function(
+      nativeProps
+    ) {
+      nativeProps = diffProperties(
+        null,
+        emptyObject$1,
+        nativeProps,
+        this.viewConfig.validAttributes
+      );
+      null != nativeProps &&
+        UIManager.updateView(
+          this._nativeTag,
+          this.viewConfig.uiViewClassName,
+          nativeProps
+        );
+    };
+    return ReactNativeFiberHostComponent;
+  })(),
+  now$1 =
+    "object" === typeof performance && "function" === typeof performance.now
+      ? function() {
+          return performance.now();
+        }
+      : function() {
+          return Date.now();
+        },
+  scheduledCallback = null,
+  frameDeadline = 0,
+  frameDeadlineObject = {
+    timeRemaining: function() {
+      return frameDeadline - now$1();
+    },
+    didTimeout: !1
+  };
+function setTimeoutCallback() {
+  frameDeadline = now$1() + 5;
+  var callback = scheduledCallback;
+  scheduledCallback = null;
+  null !== callback && callback(frameDeadlineObject);
+}
+function shim$1() {
+  invariant(
+    !1,
+    "The current renderer does not support hyration. This error is likely caused by a bug in React. Please file an issue."
+  );
+}
+var nextReactTag = 3;
+function allocateTag() {
+  var tag = nextReactTag;
+  1 === tag % 10 && (tag += 2);
+  nextReactTag = tag + 2;
+  return tag;
+}
+function recursivelyUncacheFiberNode(node) {
+  "number" === typeof node
+    ? uncacheFiberNode(node)
+    : (uncacheFiberNode(node._nativeTag),
+      node._children.forEach(recursivelyUncacheFiberNode));
+}
+function finalizeInitialChildren(parentInstance) {
+  if (0 === parentInstance._children.length) return !1;
+  var nativeTags = parentInstance._children.map(function(child) {
+    return "number" === typeof child ? child : child._nativeTag;
+  });
+  UIManager.setChildren(parentInstance._nativeTag, nativeTags);
+  return !1;
+}
+function getStackAddendumByWorkInProgressFiber(workInProgress) {
+  var info = "";
+  do {
+    a: switch (workInProgress.tag) {
+      case 0:
+      case 1:
+      case 2:
+      case 5:
+        var owner = workInProgress._debugOwner,
+          source = workInProgress._debugSource;
+        var JSCompiler_inline_result = getComponentName(workInProgress);
+        var ownerName = null;
+        owner && (ownerName = getComponentName(owner));
+        owner = source;
+        JSCompiler_inline_result =
+          "\n    in " +
+          (JSCompiler_inline_result || "Unknown") +
+          (owner
+            ? " (at " +
+              owner.fileName.replace(/^.*[\\\/]/, "") +
+              ":" +
+              owner.lineNumber +
+              ")"
+            : ownerName ? " (created by " + ownerName + ")" : "");
+        break a;
+      default:
+        JSCompiler_inline_result = "";
+    }
+    info += JSCompiler_inline_result;
+    workInProgress = workInProgress.return;
+  } while (workInProgress);
+  return info;
+}
+new Set();
+var valueStack = [],
+  index = -1;
+function createCursor(defaultValue) {
+  return { current: defaultValue };
+}
+function pop(cursor) {
+  0 > index ||
+    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
+}
+function push(cursor, value) {
+  index++;
+  valueStack[index] = cursor.current;
+  cursor.current = value;
+}
+var contextStackCursor = createCursor(emptyObject),
+  didPerformWorkStackCursor = createCursor(!1),
+  previousContext = emptyObject;
+function getUnmaskedContext(workInProgress) {
+  return isContextProvider(workInProgress)
+    ? previousContext
+    : contextStackCursor.current;
+}
+function getMaskedContext(workInProgress, unmaskedContext) {
+  var contextTypes = workInProgress.type.contextTypes;
+  if (!contextTypes) return emptyObject;
+  var instance = workInProgress.stateNode;
+  if (
+    instance &&
+    instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
+  )
+    return instance.__reactInternalMemoizedMaskedChildContext;
+  var context = {},
+    key;
+  for (key in contextTypes) context[key] = unmaskedContext[key];
+  instance &&
+    ((workInProgress = workInProgress.stateNode),
+    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
+    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
+  return context;
+}
+function isContextProvider(fiber) {
+  return 2 === fiber.tag && null != fiber.type.childContextTypes;
+}
+function popContextProvider(fiber) {
+  isContextProvider(fiber) &&
+    (pop(didPerformWorkStackCursor, fiber), pop(contextStackCursor, fiber));
+}
+function popTopLevelContextObject(fiber) {
+  pop(didPerformWorkStackCursor, fiber);
+  pop(contextStackCursor, fiber);
+}
+function pushTopLevelContextObject(fiber, context, didChange) {
+  invariant(
+    contextStackCursor.current === emptyObject,
+    "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+  );
+  push(contextStackCursor, context, fiber);
+  push(didPerformWorkStackCursor, didChange, fiber);
+}
+function processChildContext(fiber, parentContext) {
+  var instance = fiber.stateNode,
+    childContextTypes = fiber.type.childContextTypes;
+  if ("function" !== typeof instance.getChildContext) return parentContext;
+  instance = instance.getChildContext();
+  for (var contextKey in instance)
+    invariant(
+      contextKey in childContextTypes,
+      '%s.getChildContext(): key "%s" is not defined in childContextTypes.',
+      getComponentName(fiber) || "Unknown",
+      contextKey
+    );
+  return Object.assign({}, parentContext, instance);
+}
+function pushContextProvider(workInProgress) {
+  if (!isContextProvider(workInProgress)) return !1;
+  var instance = workInProgress.stateNode;
+  instance =
+    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+    emptyObject;
+  previousContext = contextStackCursor.current;
+  push(contextStackCursor, instance, workInProgress);
+  push(
+    didPerformWorkStackCursor,
+    didPerformWorkStackCursor.current,
+    workInProgress
+  );
+  return !0;
+}
+function invalidateContextProvider(workInProgress, didChange) {
+  var instance = workInProgress.stateNode;
+  invariant(
+    instance,
+    "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+  );
+  if (didChange) {
+    var mergedContext = processChildContext(workInProgress, previousContext);
+    instance.__reactInternalMemoizedMergedChildContext = mergedContext;
+    pop(didPerformWorkStackCursor, workInProgress);
+    pop(contextStackCursor, workInProgress);
+    push(contextStackCursor, mergedContext, workInProgress);
+  } else pop(didPerformWorkStackCursor, workInProgress);
+  push(didPerformWorkStackCursor, didChange, workInProgress);
+}
+function FiberNode(tag, pendingProps, key, mode) {
+  this.tag = tag;
+  this.key = key;
+  this.sibling = this.child = this.return = this.stateNode = this.type = null;
+  this.index = 0;
+  this.ref = null;
+  this.pendingProps = pendingProps;
+  this.memoizedState = this.updateQueue = this.memoizedProps = null;
+  this.mode = mode;
+  this.effectTag = 0;
+  this.lastEffect = this.firstEffect = this.nextEffect = null;
+  this.expirationTime = 0;
+  this.alternate = null;
+}
+function createWorkInProgress(current, pendingProps, expirationTime) {
+  var workInProgress = current.alternate;
+  null === workInProgress
+    ? ((workInProgress = new FiberNode(
+        current.tag,
+        pendingProps,
+        current.key,
+        current.mode
+      )),
+      (workInProgress.type = current.type),
+      (workInProgress.stateNode = current.stateNode),
+      (workInProgress.alternate = current),
+      (current.alternate = workInProgress))
+    : ((workInProgress.pendingProps = pendingProps),
+      (workInProgress.effectTag = 0),
+      (workInProgress.nextEffect = null),
+      (workInProgress.firstEffect = null),
+      (workInProgress.lastEffect = null));
+  workInProgress.expirationTime = expirationTime;
+  workInProgress.child = current.child;
+  workInProgress.memoizedProps = current.memoizedProps;
+  workInProgress.memoizedState = current.memoizedState;
+  workInProgress.updateQueue = current.updateQueue;
+  workInProgress.sibling = current.sibling;
+  workInProgress.index = current.index;
+  workInProgress.ref = current.ref;
+  return workInProgress;
+}
+function createFiberFromElement(element, mode, expirationTime) {
+  var type = element.type,
+    key = element.key;
+  element = element.props;
+  if ("function" === typeof type)
+    var fiberTag = type.prototype && type.prototype.isReactComponent ? 2 : 0;
+  else if ("string" === typeof type) fiberTag = 5;
+  else
+    switch (type) {
+      case REACT_FRAGMENT_TYPE:
+        return createFiberFromFragment(
+          element.children,
+          mode,
+          expirationTime,
+          key
+        );
+      case REACT_ASYNC_MODE_TYPE:
+        fiberTag = 11;
+        mode |= 3;
+        break;
+      case REACT_STRICT_MODE_TYPE:
+        fiberTag = 11;
+        mode |= 2;
+        break;
+      case REACT_PROFILER_TYPE:
+        return (
+          (type = new FiberNode(15, element, key, mode | 4)),
+          (type.type = REACT_PROFILER_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_TIMEOUT_TYPE:
+        fiberTag = 16;
+        mode |= 2;
+        break;
+      default:
+        a: {
+          switch ("object" === typeof type && null !== type
+            ? type.$$typeof
+            : null) {
+            case REACT_PROVIDER_TYPE:
+              fiberTag = 13;
+              break a;
+            case REACT_CONTEXT_TYPE:
+              fiberTag = 12;
+              break a;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = 14;
+              break a;
+            default:
+              invariant(
+                !1,
+                "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
+                null == type ? type : typeof type,
+                ""
+              );
+          }
+          fiberTag = void 0;
+        }
+    }
+  mode = new FiberNode(fiberTag, element, key, mode);
+  mode.type = type;
+  mode.expirationTime = expirationTime;
+  return mode;
+}
+function createFiberFromFragment(elements, mode, expirationTime, key) {
+  elements = new FiberNode(10, elements, key, mode);
+  elements.expirationTime = expirationTime;
+  return elements;
+}
+function createFiberFromText(content, mode, expirationTime) {
+  content = new FiberNode(6, content, null, mode);
+  content.expirationTime = expirationTime;
+  return content;
+}
+function createFiberFromPortal(portal, mode, expirationTime) {
+  mode = new FiberNode(
+    4,
+    null !== portal.children ? portal.children : [],
+    portal.key,
+    mode
+  );
+  mode.expirationTime = expirationTime;
+  mode.stateNode = {
+    containerInfo: portal.containerInfo,
+    pendingChildren: null,
+    implementation: portal.implementation
+  };
+  return mode;
+}
+function createFiberRoot(containerInfo, isAsync, hydrate) {
+  isAsync = new FiberNode(3, null, null, isAsync ? 3 : 0);
+  containerInfo = {
+    current: isAsync,
+    containerInfo: containerInfo,
+    pendingChildren: null,
+    earliestPendingTime: 0,
+    latestPendingTime: 0,
+    earliestSuspendedTime: 0,
+    latestSuspendedTime: 0,
+    latestPingedTime: 0,
+    didError: !1,
+    pendingCommitExpirationTime: 0,
+    finishedWork: null,
+    context: null,
+    pendingContext: null,
+    hydrate: hydrate,
+    nextExpirationTimeToWorkOn: 0,
+    expirationTime: 0,
+    firstBatch: null,
+    nextScheduledRoot: null
+  };
+  return (isAsync.stateNode = containerInfo);
+}
+var onCommitFiberRoot = null,
+  onCommitFiberUnmount = null;
+function catchErrors(fn) {
+  return function(arg) {
+    try {
+      return fn(arg);
+    } catch (err) {}
+  };
+}
+function injectInternals(internals) {
+  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
+  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  if (hook.isDisabled || !hook.supportsFiber) return !0;
+  try {
+    var rendererID = hook.inject(internals);
+    onCommitFiberRoot = catchErrors(function(root) {
+      return hook.onCommitFiberRoot(rendererID, root);
+    });
+    onCommitFiberUnmount = catchErrors(function(fiber) {
+      return hook.onCommitFiberUnmount(rendererID, fiber);
+    });
+  } catch (err) {}
+  return !0;
+}
+function onCommitRoot(root) {
+  "function" === typeof onCommitFiberRoot && onCommitFiberRoot(root);
+}
+function onCommitUnmount(fiber) {
+  "function" === typeof onCommitFiberUnmount && onCommitFiberUnmount(fiber);
+}
+function markPendingPriorityLevel(root, expirationTime) {
+  root.didError = !1;
+  var earliestPendingTime = root.earliestPendingTime;
+  0 === earliestPendingTime
+    ? (root.earliestPendingTime = root.latestPendingTime = expirationTime)
+    : earliestPendingTime > expirationTime
+      ? (root.earliestPendingTime = expirationTime)
+      : root.latestPendingTime < expirationTime &&
+        (root.latestPendingTime = expirationTime);
+  findNextPendingPriorityLevel(root);
+}
+function findNextPendingPriorityLevel(root) {
+  var earliestSuspendedTime = root.earliestSuspendedTime,
+    earliestPendingTime = root.earliestPendingTime;
+  if (0 === earliestSuspendedTime)
+    var nextExpirationTimeToWorkOn = (earliestSuspendedTime = earliestPendingTime);
+  else
+    0 !== earliestPendingTime
+      ? ((nextExpirationTimeToWorkOn = earliestPendingTime),
+        (earliestSuspendedTime =
+          earliestSuspendedTime < earliestPendingTime
+            ? earliestSuspendedTime
+            : earliestPendingTime))
+      : (nextExpirationTimeToWorkOn = earliestSuspendedTime =
+          root.latestPingedTime);
+  root.didError && (earliestSuspendedTime = 1);
+  root.nextExpirationTimeToWorkOn = nextExpirationTimeToWorkOn;
+  root.expirationTime = earliestSuspendedTime;
+}
+var hasForceUpdate = !1;
+function createUpdateQueue(baseState) {
+  return {
+    expirationTime: 0,
+    baseState: baseState,
+    firstUpdate: null,
+    lastUpdate: null,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+}
+function cloneUpdateQueue(currentQueue) {
+  return {
+    expirationTime: currentQueue.expirationTime,
+    baseState: currentQueue.baseState,
+    firstUpdate: currentQueue.firstUpdate,
+    lastUpdate: currentQueue.lastUpdate,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+}
+function createUpdate(expirationTime) {
+  return {
+    expirationTime: expirationTime,
+    tag: 0,
+    payload: null,
+    callback: null,
+    next: null,
+    nextEffect: null
+  };
+}
+function appendUpdateToQueue(queue, update, expirationTime) {
+  null === queue.lastUpdate
+    ? (queue.firstUpdate = queue.lastUpdate = update)
+    : ((queue.lastUpdate.next = update), (queue.lastUpdate = update));
+  if (0 === queue.expirationTime || queue.expirationTime > expirationTime)
+    queue.expirationTime = expirationTime;
+}
+function enqueueUpdate(fiber, update, expirationTime) {
+  var alternate = fiber.alternate;
+  if (null === alternate) {
+    var queue1 = fiber.updateQueue;
+    var queue2 = null;
+    null === queue1 &&
+      (queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState));
+  } else
+    (queue1 = fiber.updateQueue),
+      (queue2 = alternate.updateQueue),
+      null === queue1
+        ? null === queue2
+          ? ((queue1 = fiber.updateQueue = createUpdateQueue(
+              fiber.memoizedState
+            )),
+            (queue2 = alternate.updateQueue = createUpdateQueue(
+              alternate.memoizedState
+            )))
+          : (queue1 = fiber.updateQueue = cloneUpdateQueue(queue2))
+        : null === queue2 &&
+          (queue2 = alternate.updateQueue = cloneUpdateQueue(queue1));
+  null === queue2 || queue1 === queue2
+    ? appendUpdateToQueue(queue1, update, expirationTime)
+    : null === queue1.lastUpdate || null === queue2.lastUpdate
+      ? (appendUpdateToQueue(queue1, update, expirationTime),
+        appendUpdateToQueue(queue2, update, expirationTime))
+      : (appendUpdateToQueue(queue1, update, expirationTime),
+        (queue2.lastUpdate = update));
+}
+function enqueueCapturedUpdate(workInProgress, update, renderExpirationTime) {
+  var workInProgressQueue = workInProgress.updateQueue;
+  workInProgressQueue =
+    null === workInProgressQueue
+      ? (workInProgress.updateQueue = createUpdateQueue(
+          workInProgress.memoizedState
+        ))
+      : ensureWorkInProgressQueueIsAClone(workInProgress, workInProgressQueue);
+  null === workInProgressQueue.lastCapturedUpdate
+    ? (workInProgressQueue.firstCapturedUpdate = workInProgressQueue.lastCapturedUpdate = update)
+    : ((workInProgressQueue.lastCapturedUpdate.next = update),
+      (workInProgressQueue.lastCapturedUpdate = update));
+  if (
+    0 === workInProgressQueue.expirationTime ||
+    workInProgressQueue.expirationTime > renderExpirationTime
+  )
+    workInProgressQueue.expirationTime = renderExpirationTime;
+}
+function ensureWorkInProgressQueueIsAClone(workInProgress, queue) {
+  var current = workInProgress.alternate;
+  null !== current &&
+    queue === current.updateQueue &&
+    (queue = workInProgress.updateQueue = cloneUpdateQueue(queue));
+  return queue;
+}
+function getStateFromUpdate(
+  workInProgress,
+  queue,
+  update,
+  prevState,
+  nextProps,
+  instance
+) {
+  switch (update.tag) {
+    case 1:
+      return (
+        (workInProgress = update.payload),
+        "function" === typeof workInProgress
+          ? workInProgress.call(instance, prevState, nextProps)
+          : workInProgress
+      );
+    case 3:
+      workInProgress.effectTag = (workInProgress.effectTag & -1025) | 64;
+    case 0:
+      workInProgress = update.payload;
+      nextProps =
+        "function" === typeof workInProgress
+          ? workInProgress.call(instance, prevState, nextProps)
+          : workInProgress;
+      if (null === nextProps || void 0 === nextProps) break;
+      return Object.assign({}, prevState, nextProps);
+    case 2:
+      hasForceUpdate = !0;
+  }
+  return prevState;
+}
+function processUpdateQueue(
+  workInProgress,
+  queue,
+  props,
+  instance,
+  renderExpirationTime
+) {
+  hasForceUpdate = !1;
+  if (
+    !(0 === queue.expirationTime || queue.expirationTime > renderExpirationTime)
+  ) {
+    queue = ensureWorkInProgressQueueIsAClone(workInProgress, queue);
+    for (
+      var newBaseState = queue.baseState,
+        newFirstUpdate = null,
+        newExpirationTime = 0,
+        update = queue.firstUpdate,
+        resultState = newBaseState;
+      null !== update;
+
+    ) {
+      var updateExpirationTime = update.expirationTime;
+      if (updateExpirationTime > renderExpirationTime) {
+        if (
+          (null === newFirstUpdate &&
+            ((newFirstUpdate = update), (newBaseState = resultState)),
+          0 === newExpirationTime || newExpirationTime > updateExpirationTime)
+        )
+          newExpirationTime = updateExpirationTime;
+      } else
+        (resultState = getStateFromUpdate(
+          workInProgress,
+          queue,
+          update,
+          resultState,
+          props,
+          instance
+        )),
+          null !== update.callback &&
+            ((workInProgress.effectTag |= 32),
+            (update.nextEffect = null),
+            null === queue.lastEffect
+              ? (queue.firstEffect = queue.lastEffect = update)
+              : ((queue.lastEffect.nextEffect = update),
+                (queue.lastEffect = update)));
+      update = update.next;
+    }
+    updateExpirationTime = null;
+    for (update = queue.firstCapturedUpdate; null !== update; ) {
+      var _updateExpirationTime = update.expirationTime;
+      if (_updateExpirationTime > renderExpirationTime) {
+        if (
+          (null === updateExpirationTime &&
+            ((updateExpirationTime = update),
+            null === newFirstUpdate && (newBaseState = resultState)),
+          0 === newExpirationTime || newExpirationTime > _updateExpirationTime)
+        )
+          newExpirationTime = _updateExpirationTime;
+      } else
+        (resultState = getStateFromUpdate(
+          workInProgress,
+          queue,
+          update,
+          resultState,
+          props,
+          instance
+        )),
+          null !== update.callback &&
+            ((workInProgress.effectTag |= 32),
+            (update.nextEffect = null),
+            null === queue.lastCapturedEffect
+              ? (queue.firstCapturedEffect = queue.lastCapturedEffect = update)
+              : ((queue.lastCapturedEffect.nextEffect = update),
+                (queue.lastCapturedEffect = update)));
+      update = update.next;
+    }
+    null === newFirstUpdate && (queue.lastUpdate = null);
+    null === updateExpirationTime
+      ? (queue.lastCapturedUpdate = null)
+      : (workInProgress.effectTag |= 32);
+    null === newFirstUpdate &&
+      null === updateExpirationTime &&
+      (newBaseState = resultState);
+    queue.baseState = newBaseState;
+    queue.firstUpdate = newFirstUpdate;
+    queue.firstCapturedUpdate = updateExpirationTime;
+    queue.expirationTime = newExpirationTime;
+    workInProgress.memoizedState = resultState;
+  }
+}
+function callCallback(callback, context) {
+  invariant(
+    "function" === typeof callback,
+    "Invalid argument passed as callback. Expected a function. Instead received: %s",
+    callback
+  );
+  callback.call(context);
+}
+function commitUpdateQueue(finishedWork, finishedQueue, instance) {
+  null !== finishedQueue.firstCapturedUpdate &&
+    (null !== finishedQueue.lastUpdate &&
+      ((finishedQueue.lastUpdate.next = finishedQueue.firstCapturedUpdate),
+      (finishedQueue.lastUpdate = finishedQueue.lastCapturedUpdate)),
+    (finishedQueue.firstCapturedUpdate = finishedQueue.lastCapturedUpdate = null));
+  finishedWork = finishedQueue.firstEffect;
+  for (
+    finishedQueue.firstEffect = finishedQueue.lastEffect = null;
+    null !== finishedWork;
+
+  ) {
+    var _callback3 = finishedWork.callback;
+    null !== _callback3 &&
+      ((finishedWork.callback = null), callCallback(_callback3, instance));
+    finishedWork = finishedWork.nextEffect;
+  }
+  finishedWork = finishedQueue.firstCapturedEffect;
+  for (
+    finishedQueue.firstCapturedEffect = finishedQueue.lastCapturedEffect = null;
+    null !== finishedWork;
+
+  )
+    (finishedQueue = finishedWork.callback),
+      null !== finishedQueue &&
+        ((finishedWork.callback = null), callCallback(finishedQueue, instance)),
+      (finishedWork = finishedWork.nextEffect);
+}
+function createCapturedValue(value, source) {
+  return {
+    value: value,
+    source: source,
+    stack: getStackAddendumByWorkInProgressFiber(source)
+  };
+}
+var providerCursor = createCursor(null),
+  valueCursor = createCursor(null),
+  changedBitsCursor = createCursor(0);
+function pushProvider(providerFiber) {
+  var context = providerFiber.type._context;
+  push(changedBitsCursor, context._changedBits, providerFiber);
+  push(valueCursor, context._currentValue, providerFiber);
+  push(providerCursor, providerFiber, providerFiber);
+  context._currentValue = providerFiber.pendingProps.value;
+  context._changedBits = providerFiber.stateNode;
+}
+function popProvider(providerFiber) {
+  var changedBits = changedBitsCursor.current,
+    currentValue = valueCursor.current;
+  pop(providerCursor, providerFiber);
+  pop(valueCursor, providerFiber);
+  pop(changedBitsCursor, providerFiber);
+  providerFiber = providerFiber.type._context;
+  providerFiber._currentValue = currentValue;
+  providerFiber._changedBits = changedBits;
+}
+var NO_CONTEXT = {},
+  contextStackCursor$1 = createCursor(NO_CONTEXT),
+  contextFiberStackCursor = createCursor(NO_CONTEXT),
+  rootInstanceStackCursor = createCursor(NO_CONTEXT);
+function requiredContext(c) {
+  invariant(
+    c !== NO_CONTEXT,
+    "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+  );
+  return c;
+}
+function pushHostContainer(fiber, nextRootInstance) {
+  push(rootInstanceStackCursor, nextRootInstance, fiber);
+  push(contextFiberStackCursor, fiber, fiber);
+  push(contextStackCursor$1, NO_CONTEXT, fiber);
+  pop(contextStackCursor$1, fiber);
+  push(contextStackCursor$1, { isInAParentText: !1 }, fiber);
+}
+function popHostContainer(fiber) {
+  pop(contextStackCursor$1, fiber);
+  pop(contextFiberStackCursor, fiber);
+  pop(rootInstanceStackCursor, fiber);
+}
+function popHostContext(fiber) {
+  contextFiberStackCursor.current === fiber &&
+    (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
+}
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+function is(x, y) {
+  return x === y ? 0 !== x || 0 !== y || 1 / x === 1 / y : x !== x && y !== y;
+}
+function shallowEqual(objA, objB) {
+  if (is(objA, objB)) return !0;
+  if (
+    "object" !== typeof objA ||
+    null === objA ||
+    "object" !== typeof objB ||
+    null === objB
+  )
+    return !1;
+  var keysA = Object.keys(objA),
+    keysB = Object.keys(objB);
+  if (keysA.length !== keysB.length) return !1;
+  for (keysB = 0; keysB < keysA.length; keysB++)
+    if (
+      !hasOwnProperty.call(objB, keysA[keysB]) ||
+      !is(objA[keysA[keysB]], objB[keysA[keysB]])
+    )
+      return !1;
+  return !0;
+}
+function applyDerivedStateFromProps(
+  workInProgress,
+  getDerivedStateFromProps,
+  nextProps
+) {
+  var prevState = workInProgress.memoizedState;
+  getDerivedStateFromProps = getDerivedStateFromProps(nextProps, prevState);
+  prevState =
+    null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps
+      ? prevState
+      : Object.assign({}, prevState, getDerivedStateFromProps);
+  workInProgress.memoizedState = prevState;
+  workInProgress = workInProgress.updateQueue;
+  null !== workInProgress &&
+    0 === workInProgress.expirationTime &&
+    (workInProgress.baseState = prevState);
+}
+var classComponentUpdater = {
+  isMounted: function(component) {
+    return (component = component._reactInternalFiber)
+      ? 2 === isFiberMountedImpl(component)
+      : !1;
+  },
+  enqueueSetState: function(inst, payload, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = recalculateCurrentTime();
+    currentTime = computeExpirationForFiber(currentTime, inst);
+    var update = createUpdate(currentTime);
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    enqueueUpdate(inst, update, currentTime);
+    scheduleWork(inst, currentTime);
+  },
+  enqueueReplaceState: function(inst, payload, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = recalculateCurrentTime();
+    currentTime = computeExpirationForFiber(currentTime, inst);
+    var update = createUpdate(currentTime);
+    update.tag = 1;
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    enqueueUpdate(inst, update, currentTime);
+    scheduleWork(inst, currentTime);
+  },
+  enqueueForceUpdate: function(inst, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = recalculateCurrentTime();
+    currentTime = computeExpirationForFiber(currentTime, inst);
+    var update = createUpdate(currentTime);
+    update.tag = 2;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    enqueueUpdate(inst, update, currentTime);
+    scheduleWork(inst, currentTime);
+  }
+};
+function checkShouldComponentUpdate(
+  workInProgress,
+  oldProps,
+  newProps,
+  oldState,
+  newState,
+  newContext
+) {
+  var instance = workInProgress.stateNode;
+  workInProgress = workInProgress.type;
+  return "function" === typeof instance.shouldComponentUpdate
+    ? instance.shouldComponentUpdate(newProps, newState, newContext)
+    : workInProgress.prototype && workInProgress.prototype.isPureReactComponent
+      ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+      : !0;
+}
+function callComponentWillReceiveProps(
+  workInProgress,
+  instance,
+  newProps,
+  newContext
+) {
+  workInProgress = instance.state;
+  "function" === typeof instance.componentWillReceiveProps &&
+    instance.componentWillReceiveProps(newProps, newContext);
+  "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
+    instance.UNSAFE_componentWillReceiveProps(newProps, newContext);
+  instance.state !== workInProgress &&
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+}
+function mountClassInstance(workInProgress, renderExpirationTime) {
+  var ctor = workInProgress.type,
+    instance = workInProgress.stateNode,
+    props = workInProgress.pendingProps,
+    unmaskedContext = getUnmaskedContext(workInProgress);
+  instance.props = props;
+  instance.state = workInProgress.memoizedState;
+  instance.refs = emptyObject;
+  instance.context = getMaskedContext(workInProgress, unmaskedContext);
+  unmaskedContext = workInProgress.updateQueue;
+  null !== unmaskedContext &&
+    (processUpdateQueue(
+      workInProgress,
+      unmaskedContext,
+      props,
+      instance,
+      renderExpirationTime
+    ),
+    (instance.state = workInProgress.memoizedState));
+  unmaskedContext = workInProgress.type.getDerivedStateFromProps;
+  "function" === typeof unmaskedContext &&
+    (applyDerivedStateFromProps(workInProgress, unmaskedContext, props),
+    (instance.state = workInProgress.memoizedState));
+  "function" === typeof ctor.getDerivedStateFromProps ||
+    "function" === typeof instance.getSnapshotBeforeUpdate ||
+    ("function" !== typeof instance.UNSAFE_componentWillMount &&
+      "function" !== typeof instance.componentWillMount) ||
+    ((ctor = instance.state),
+    "function" === typeof instance.componentWillMount &&
+      instance.componentWillMount(),
+    "function" === typeof instance.UNSAFE_componentWillMount &&
+      instance.UNSAFE_componentWillMount(),
+    ctor !== instance.state &&
+      classComponentUpdater.enqueueReplaceState(instance, instance.state, null),
+    (unmaskedContext = workInProgress.updateQueue),
+    null !== unmaskedContext &&
+      (processUpdateQueue(
+        workInProgress,
+        unmaskedContext,
+        props,
+        instance,
+        renderExpirationTime
+      ),
+      (instance.state = workInProgress.memoizedState)));
+  "function" === typeof instance.componentDidMount &&
+    (workInProgress.effectTag |= 4);
+}
+var isArray$1 = Array.isArray;
+function coerceRef(returnFiber, current, element) {
+  returnFiber = element.ref;
+  if (
+    null !== returnFiber &&
+    "function" !== typeof returnFiber &&
+    "object" !== typeof returnFiber
+  ) {
+    if (element._owner) {
+      element = element._owner;
+      var inst = void 0;
+      element &&
+        (invariant(
+          2 === element.tag,
+          "Stateless function components cannot have refs."
+        ),
+        (inst = element.stateNode));
+      invariant(
+        inst,
+        "Missing owner for string ref %s. This error is likely caused by a bug in React. Please file an issue.",
+        returnFiber
+      );
+      var stringRef = "" + returnFiber;
+      if (
+        null !== current &&
+        null !== current.ref &&
+        "function" === typeof current.ref &&
+        current.ref._stringRef === stringRef
+      )
+        return current.ref;
+      current = function(value) {
+        var refs = inst.refs === emptyObject ? (inst.refs = {}) : inst.refs;
+        null === value ? delete refs[stringRef] : (refs[stringRef] = value);
+      };
+      current._stringRef = stringRef;
+      return current;
+    }
+    invariant(
+      "string" === typeof returnFiber,
+      "Expected ref to be a function or a string."
+    );
+    invariant(
+      element._owner,
+      "Element ref was specified as a string (%s) but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a functional component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://fb.me/react-refs-must-have-owner for more information.",
+      returnFiber
+    );
+  }
+  return returnFiber;
+}
+function throwOnInvalidObjectType(returnFiber, newChild) {
+  "textarea" !== returnFiber.type &&
+    invariant(
+      !1,
+      "Objects are not valid as a React child (found: %s).%s",
+      "[object Object]" === Object.prototype.toString.call(newChild)
+        ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+        : newChild,
+      ""
+    );
+}
+function ChildReconciler(shouldTrackSideEffects) {
+  function deleteChild(returnFiber, childToDelete) {
+    if (shouldTrackSideEffects) {
+      var last = returnFiber.lastEffect;
+      null !== last
+        ? ((last.nextEffect = childToDelete),
+          (returnFiber.lastEffect = childToDelete))
+        : (returnFiber.firstEffect = returnFiber.lastEffect = childToDelete);
+      childToDelete.nextEffect = null;
+      childToDelete.effectTag = 8;
+    }
+  }
+  function deleteRemainingChildren(returnFiber, currentFirstChild) {
+    if (!shouldTrackSideEffects) return null;
+    for (; null !== currentFirstChild; )
+      deleteChild(returnFiber, currentFirstChild),
+        (currentFirstChild = currentFirstChild.sibling);
+    return null;
+  }
+  function mapRemainingChildren(returnFiber, currentFirstChild) {
+    for (returnFiber = new Map(); null !== currentFirstChild; )
+      null !== currentFirstChild.key
+        ? returnFiber.set(currentFirstChild.key, currentFirstChild)
+        : returnFiber.set(currentFirstChild.index, currentFirstChild),
+        (currentFirstChild = currentFirstChild.sibling);
+    return returnFiber;
+  }
+  function useFiber(fiber, pendingProps, expirationTime) {
+    fiber = createWorkInProgress(fiber, pendingProps, expirationTime);
+    fiber.index = 0;
+    fiber.sibling = null;
+    return fiber;
+  }
+  function placeChild(newFiber, lastPlacedIndex, newIndex) {
+    newFiber.index = newIndex;
+    if (!shouldTrackSideEffects) return lastPlacedIndex;
+    newIndex = newFiber.alternate;
+    if (null !== newIndex)
+      return (
+        (newIndex = newIndex.index),
+        newIndex < lastPlacedIndex
+          ? ((newFiber.effectTag = 2), lastPlacedIndex)
+          : newIndex
+      );
+    newFiber.effectTag = 2;
+    return lastPlacedIndex;
+  }
+  function placeSingleChild(newFiber) {
+    shouldTrackSideEffects &&
+      null === newFiber.alternate &&
+      (newFiber.effectTag = 2);
+    return newFiber;
+  }
+  function updateTextNode(returnFiber, current, textContent, expirationTime) {
+    if (null === current || 6 !== current.tag)
+      return (
+        (current = createFiberFromText(
+          textContent,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (current.return = returnFiber),
+        current
+      );
+    current = useFiber(current, textContent, expirationTime);
+    current.return = returnFiber;
+    return current;
+  }
+  function updateElement(returnFiber, current, element, expirationTime) {
+    if (null !== current && current.type === element.type)
+      return (
+        (expirationTime = useFiber(current, element.props, expirationTime)),
+        (expirationTime.ref = coerceRef(returnFiber, current, element)),
+        (expirationTime.return = returnFiber),
+        expirationTime
+      );
+    expirationTime = createFiberFromElement(
+      element,
+      returnFiber.mode,
+      expirationTime
+    );
+    expirationTime.ref = coerceRef(returnFiber, current, element);
+    expirationTime.return = returnFiber;
+    return expirationTime;
+  }
+  function updatePortal(returnFiber, current, portal, expirationTime) {
+    if (
+      null === current ||
+      4 !== current.tag ||
+      current.stateNode.containerInfo !== portal.containerInfo ||
+      current.stateNode.implementation !== portal.implementation
+    )
+      return (
+        (current = createFiberFromPortal(
+          portal,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (current.return = returnFiber),
+        current
+      );
+    current = useFiber(current, portal.children || [], expirationTime);
+    current.return = returnFiber;
+    return current;
+  }
+  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
+    if (null === current || 10 !== current.tag)
+      return (
+        (current = createFiberFromFragment(
+          fragment,
+          returnFiber.mode,
+          expirationTime,
+          key
+        )),
+        (current.return = returnFiber),
+        current
+      );
+    current = useFiber(current, fragment, expirationTime);
+    current.return = returnFiber;
+    return current;
+  }
+  function createChild(returnFiber, newChild, expirationTime) {
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (newChild = createFiberFromText(
+          "" + newChild,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (newChild.return = returnFiber),
+        newChild
+      );
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return (
+            (expirationTime = createFiberFromElement(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (expirationTime.ref = coerceRef(returnFiber, null, newChild)),
+            (expirationTime.return = returnFiber),
+            expirationTime
+          );
+        case REACT_PORTAL_TYPE:
+          return (
+            (newChild = createFiberFromPortal(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (newChild.return = returnFiber),
+            newChild
+          );
+      }
+      if (isArray$1(newChild) || getIteratorFn(newChild))
+        return (
+          (newChild = createFiberFromFragment(
+            newChild,
+            returnFiber.mode,
+            expirationTime,
+            null
+          )),
+          (newChild.return = returnFiber),
+          newChild
+        );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function updateSlot(returnFiber, oldFiber, newChild, expirationTime) {
+    var key = null !== oldFiber ? oldFiber.key : null;
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return null !== key
+        ? null
+        : updateTextNode(returnFiber, oldFiber, "" + newChild, expirationTime);
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return newChild.key === key
+            ? newChild.type === REACT_FRAGMENT_TYPE
+              ? updateFragment(
+                  returnFiber,
+                  oldFiber,
+                  newChild.props.children,
+                  expirationTime,
+                  key
+                )
+              : updateElement(returnFiber, oldFiber, newChild, expirationTime)
+            : null;
+        case REACT_PORTAL_TYPE:
+          return newChild.key === key
+            ? updatePortal(returnFiber, oldFiber, newChild, expirationTime)
+            : null;
+      }
+      if (isArray$1(newChild) || getIteratorFn(newChild))
+        return null !== key
+          ? null
+          : updateFragment(
+              returnFiber,
+              oldFiber,
+              newChild,
+              expirationTime,
+              null
+            );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function updateFromMap(
+    existingChildren,
+    returnFiber,
+    newIdx,
+    newChild,
+    expirationTime
+  ) {
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (existingChildren = existingChildren.get(newIdx) || null),
+        updateTextNode(
+          returnFiber,
+          existingChildren,
+          "" + newChild,
+          expirationTime
+        )
+      );
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return (
+            (existingChildren =
+              existingChildren.get(
+                null === newChild.key ? newIdx : newChild.key
+              ) || null),
+            newChild.type === REACT_FRAGMENT_TYPE
+              ? updateFragment(
+                  returnFiber,
+                  existingChildren,
+                  newChild.props.children,
+                  expirationTime,
+                  newChild.key
+                )
+              : updateElement(
+                  returnFiber,
+                  existingChildren,
+                  newChild,
+                  expirationTime
+                )
+          );
+        case REACT_PORTAL_TYPE:
+          return (
+            (existingChildren =
+              existingChildren.get(
+                null === newChild.key ? newIdx : newChild.key
+              ) || null),
+            updatePortal(
+              returnFiber,
+              existingChildren,
+              newChild,
+              expirationTime
+            )
+          );
+      }
+      if (isArray$1(newChild) || getIteratorFn(newChild))
+        return (
+          (existingChildren = existingChildren.get(newIdx) || null),
+          updateFragment(
+            returnFiber,
+            existingChildren,
+            newChild,
+            expirationTime,
+            null
+          )
+        );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function reconcileChildrenArray(
+    returnFiber,
+    currentFirstChild,
+    newChildren,
+    expirationTime
+  ) {
+    for (
+      var resultingFirstChild = null,
+        previousNewFiber = null,
+        oldFiber = currentFirstChild,
+        newIdx = (currentFirstChild = 0),
+        nextOldFiber = null;
+      null !== oldFiber && newIdx < newChildren.length;
+      newIdx++
+    ) {
+      oldFiber.index > newIdx
+        ? ((nextOldFiber = oldFiber), (oldFiber = null))
+        : (nextOldFiber = oldFiber.sibling);
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        newChildren[newIdx],
+        expirationTime
+      );
+      if (null === newFiber) {
+        null === oldFiber && (oldFiber = nextOldFiber);
+        break;
+      }
+      shouldTrackSideEffects &&
+        oldFiber &&
+        null === newFiber.alternate &&
+        deleteChild(returnFiber, oldFiber);
+      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
+      null === previousNewFiber
+        ? (resultingFirstChild = newFiber)
+        : (previousNewFiber.sibling = newFiber);
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
+    if (newIdx === newChildren.length)
+      return (
+        deleteRemainingChildren(returnFiber, oldFiber), resultingFirstChild
+      );
+    if (null === oldFiber) {
+      for (; newIdx < newChildren.length; newIdx++)
+        if (
+          (oldFiber = createChild(
+            returnFiber,
+            newChildren[newIdx],
+            expirationTime
+          ))
+        )
+          (currentFirstChild = placeChild(oldFiber, currentFirstChild, newIdx)),
+            null === previousNewFiber
+              ? (resultingFirstChild = oldFiber)
+              : (previousNewFiber.sibling = oldFiber),
+            (previousNewFiber = oldFiber);
+      return resultingFirstChild;
+    }
+    for (
+      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
+      newIdx < newChildren.length;
+      newIdx++
+    )
+      if (
+        (nextOldFiber = updateFromMap(
+          oldFiber,
+          returnFiber,
+          newIdx,
+          newChildren[newIdx],
+          expirationTime
+        ))
+      )
+        shouldTrackSideEffects &&
+          null !== nextOldFiber.alternate &&
+          oldFiber.delete(
+            null === nextOldFiber.key ? newIdx : nextOldFiber.key
+          ),
+          (currentFirstChild = placeChild(
+            nextOldFiber,
+            currentFirstChild,
+            newIdx
+          )),
+          null === previousNewFiber
+            ? (resultingFirstChild = nextOldFiber)
+            : (previousNewFiber.sibling = nextOldFiber),
+          (previousNewFiber = nextOldFiber);
+    shouldTrackSideEffects &&
+      oldFiber.forEach(function(child) {
+        return deleteChild(returnFiber, child);
+      });
+    return resultingFirstChild;
+  }
+  function reconcileChildrenIterator(
+    returnFiber,
+    currentFirstChild,
+    newChildrenIterable,
+    expirationTime
+  ) {
+    var iteratorFn = getIteratorFn(newChildrenIterable);
+    invariant(
+      "function" === typeof iteratorFn,
+      "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+    );
+    newChildrenIterable = iteratorFn.call(newChildrenIterable);
+    invariant(
+      null != newChildrenIterable,
+      "An iterable object provided no iterator."
+    );
+    for (
+      var previousNewFiber = (iteratorFn = null),
+        oldFiber = currentFirstChild,
+        newIdx = (currentFirstChild = 0),
+        nextOldFiber = null,
+        step = newChildrenIterable.next();
+      null !== oldFiber && !step.done;
+      newIdx++, step = newChildrenIterable.next()
+    ) {
+      oldFiber.index > newIdx
+        ? ((nextOldFiber = oldFiber), (oldFiber = null))
+        : (nextOldFiber = oldFiber.sibling);
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        step.value,
+        expirationTime
+      );
+      if (null === newFiber) {
+        oldFiber || (oldFiber = nextOldFiber);
+        break;
+      }
+      shouldTrackSideEffects &&
+        oldFiber &&
+        null === newFiber.alternate &&
+        deleteChild(returnFiber, oldFiber);
+      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
+      null === previousNewFiber
+        ? (iteratorFn = newFiber)
+        : (previousNewFiber.sibling = newFiber);
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
+    if (step.done)
+      return deleteRemainingChildren(returnFiber, oldFiber), iteratorFn;
+    if (null === oldFiber) {
+      for (; !step.done; newIdx++, step = newChildrenIterable.next())
+        (step = createChild(returnFiber, step.value, expirationTime)),
+          null !== step &&
+            ((currentFirstChild = placeChild(step, currentFirstChild, newIdx)),
+            null === previousNewFiber
+              ? (iteratorFn = step)
+              : (previousNewFiber.sibling = step),
+            (previousNewFiber = step));
+      return iteratorFn;
+    }
+    for (
+      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
+      !step.done;
+      newIdx++, step = newChildrenIterable.next()
+    )
+      (step = updateFromMap(
+        oldFiber,
+        returnFiber,
+        newIdx,
+        step.value,
+        expirationTime
+      )),
+        null !== step &&
+          (shouldTrackSideEffects &&
+            null !== step.alternate &&
+            oldFiber.delete(null === step.key ? newIdx : step.key),
+          (currentFirstChild = placeChild(step, currentFirstChild, newIdx)),
+          null === previousNewFiber
+            ? (iteratorFn = step)
+            : (previousNewFiber.sibling = step),
+          (previousNewFiber = step));
+    shouldTrackSideEffects &&
+      oldFiber.forEach(function(child) {
+        return deleteChild(returnFiber, child);
+      });
+    return iteratorFn;
+  }
+  return function(returnFiber, currentFirstChild, newChild, expirationTime) {
+    var isUnkeyedTopLevelFragment =
+      "object" === typeof newChild &&
+      null !== newChild &&
+      newChild.type === REACT_FRAGMENT_TYPE &&
+      null === newChild.key;
+    isUnkeyedTopLevelFragment && (newChild = newChild.props.children);
+    var isObject = "object" === typeof newChild && null !== newChild;
+    if (isObject)
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          a: {
+            isObject = newChild.key;
+            for (
+              isUnkeyedTopLevelFragment = currentFirstChild;
+              null !== isUnkeyedTopLevelFragment;
+
+            ) {
+              if (isUnkeyedTopLevelFragment.key === isObject)
+                if (
+                  10 === isUnkeyedTopLevelFragment.tag
+                    ? newChild.type === REACT_FRAGMENT_TYPE
+                    : isUnkeyedTopLevelFragment.type === newChild.type
+                ) {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment.sibling
+                  );
+                  currentFirstChild = useFiber(
+                    isUnkeyedTopLevelFragment,
+                    newChild.type === REACT_FRAGMENT_TYPE
+                      ? newChild.props.children
+                      : newChild.props,
+                    expirationTime
+                  );
+                  currentFirstChild.ref = coerceRef(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment,
+                    newChild
+                  );
+                  currentFirstChild.return = returnFiber;
+                  returnFiber = currentFirstChild;
+                  break a;
+                } else {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment
+                  );
+                  break;
+                }
+              else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
+              isUnkeyedTopLevelFragment = isUnkeyedTopLevelFragment.sibling;
+            }
+            newChild.type === REACT_FRAGMENT_TYPE
+              ? ((currentFirstChild = createFiberFromFragment(
+                  newChild.props.children,
+                  returnFiber.mode,
+                  expirationTime,
+                  newChild.key
+                )),
+                (currentFirstChild.return = returnFiber),
+                (returnFiber = currentFirstChild))
+              : ((expirationTime = createFiberFromElement(
+                  newChild,
+                  returnFiber.mode,
+                  expirationTime
+                )),
+                (expirationTime.ref = coerceRef(
+                  returnFiber,
+                  currentFirstChild,
+                  newChild
+                )),
+                (expirationTime.return = returnFiber),
+                (returnFiber = expirationTime));
+          }
+          return placeSingleChild(returnFiber);
+        case REACT_PORTAL_TYPE:
+          a: {
+            for (
+              isUnkeyedTopLevelFragment = newChild.key;
+              null !== currentFirstChild;
+
+            ) {
+              if (currentFirstChild.key === isUnkeyedTopLevelFragment)
+                if (
+                  4 === currentFirstChild.tag &&
+                  currentFirstChild.stateNode.containerInfo ===
+                    newChild.containerInfo &&
+                  currentFirstChild.stateNode.implementation ===
+                    newChild.implementation
+                ) {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    currentFirstChild.sibling
+                  );
+                  currentFirstChild = useFiber(
+                    currentFirstChild,
+                    newChild.children || [],
+                    expirationTime
+                  );
+                  currentFirstChild.return = returnFiber;
+                  returnFiber = currentFirstChild;
+                  break a;
+                } else {
+                  deleteRemainingChildren(returnFiber, currentFirstChild);
+                  break;
+                }
+              else deleteChild(returnFiber, currentFirstChild);
+              currentFirstChild = currentFirstChild.sibling;
+            }
+            currentFirstChild = createFiberFromPortal(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            );
+            currentFirstChild.return = returnFiber;
+            returnFiber = currentFirstChild;
+          }
+          return placeSingleChild(returnFiber);
+      }
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (newChild = "" + newChild),
+        null !== currentFirstChild && 6 === currentFirstChild.tag
+          ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
+            (currentFirstChild = useFiber(
+              currentFirstChild,
+              newChild,
+              expirationTime
+            )),
+            (currentFirstChild.return = returnFiber),
+            (returnFiber = currentFirstChild))
+          : (deleteRemainingChildren(returnFiber, currentFirstChild),
+            (currentFirstChild = createFiberFromText(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (currentFirstChild.return = returnFiber),
+            (returnFiber = currentFirstChild)),
+        placeSingleChild(returnFiber)
+      );
+    if (isArray$1(newChild))
+      return reconcileChildrenArray(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    if (getIteratorFn(newChild))
+      return reconcileChildrenIterator(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    isObject && throwOnInvalidObjectType(returnFiber, newChild);
+    if ("undefined" === typeof newChild && !isUnkeyedTopLevelFragment)
+      switch (returnFiber.tag) {
+        case 2:
+        case 1:
+          (expirationTime = returnFiber.type),
+            invariant(
+              !1,
+              "%s(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.",
+              expirationTime.displayName || expirationTime.name || "Component"
+            );
+      }
+    return deleteRemainingChildren(returnFiber, currentFirstChild);
+  };
+}
+var reconcileChildFibers = ChildReconciler(!0),
+  mountChildFibers = ChildReconciler(!1),
+  hydrationParentFiber = null,
+  nextHydratableInstance = null,
+  isHydrating = !1;
+function tryHydrate(fiber, nextInstance) {
+  switch (fiber.tag) {
+    case 5:
+      return (
+        (nextInstance = shim$1(nextInstance, fiber.type, fiber.pendingProps)),
+        null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
+      );
+    case 6:
+      return (
+        (nextInstance = shim$1(nextInstance, fiber.pendingProps)),
+        null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
+      );
+    default:
+      return !1;
+  }
+}
+function tryToClaimNextHydratableInstance(fiber$jscomp$0) {
+  if (isHydrating) {
+    var nextInstance = nextHydratableInstance;
+    if (nextInstance) {
+      var firstAttemptedInstance = nextInstance;
+      if (!tryHydrate(fiber$jscomp$0, nextInstance)) {
+        nextInstance = shim$1(firstAttemptedInstance);
+        if (!nextInstance || !tryHydrate(fiber$jscomp$0, nextInstance)) {
+          fiber$jscomp$0.effectTag |= 2;
+          isHydrating = !1;
+          hydrationParentFiber = fiber$jscomp$0;
+          return;
+        }
+        var returnFiber = hydrationParentFiber,
+          fiber = new FiberNode(5, null, null, 0);
+        fiber.type = "DELETED";
+        fiber.stateNode = firstAttemptedInstance;
+        fiber.return = returnFiber;
+        fiber.effectTag = 8;
+        null !== returnFiber.lastEffect
+          ? ((returnFiber.lastEffect.nextEffect = fiber),
+            (returnFiber.lastEffect = fiber))
+          : (returnFiber.firstEffect = returnFiber.lastEffect = fiber);
+      }
+      hydrationParentFiber = fiber$jscomp$0;
+      nextHydratableInstance = shim$1(nextInstance);
+    } else
+      (fiber$jscomp$0.effectTag |= 2),
+        (isHydrating = !1),
+        (hydrationParentFiber = fiber$jscomp$0);
+  }
+}
+function reconcileChildren(current, workInProgress, nextChildren) {
+  reconcileChildrenAtExpirationTime(
+    current,
+    workInProgress,
+    nextChildren,
+    workInProgress.expirationTime
+  );
+}
+function reconcileChildrenAtExpirationTime(
+  current,
+  workInProgress,
+  nextChildren,
+  renderExpirationTime
+) {
+  workInProgress.child =
+    null === current
+      ? mountChildFibers(
+          workInProgress,
+          null,
+          nextChildren,
+          renderExpirationTime
+        )
+      : reconcileChildFibers(
+          workInProgress,
+          current.child,
+          nextChildren,
+          renderExpirationTime
+        );
+}
+function markRef(current, workInProgress) {
+  var ref = workInProgress.ref;
+  if (
+    (null === current && null !== ref) ||
+    (null !== current && current.ref !== ref)
+  )
+    workInProgress.effectTag |= 128;
+}
+function finishClassComponent(
+  current,
+  workInProgress,
+  shouldUpdate,
+  hasContext,
+  renderExpirationTime
+) {
+  markRef(current, workInProgress);
+  var didCaptureError = 0 !== (workInProgress.effectTag & 64);
+  if (!shouldUpdate && !didCaptureError)
+    return (
+      hasContext && invalidateContextProvider(workInProgress, !1),
+      bailoutOnAlreadyFinishedWork(current, workInProgress)
+    );
+  shouldUpdate = workInProgress.stateNode;
+  ReactCurrentOwner.current = workInProgress;
+  var nextChildren = didCaptureError ? null : shouldUpdate.render();
+  workInProgress.effectTag |= 1;
+  didCaptureError &&
+    (reconcileChildrenAtExpirationTime(
+      current,
+      workInProgress,
+      null,
+      renderExpirationTime
+    ),
+    (workInProgress.child = null));
+  reconcileChildrenAtExpirationTime(
+    current,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  workInProgress.memoizedState = shouldUpdate.state;
+  workInProgress.memoizedProps = shouldUpdate.props;
+  hasContext && invalidateContextProvider(workInProgress, !0);
+  return workInProgress.child;
+}
+function pushHostRootContext(workInProgress) {
+  var root = workInProgress.stateNode;
+  root.pendingContext
+    ? pushTopLevelContextObject(
+        workInProgress,
+        root.pendingContext,
+        root.pendingContext !== root.context
+      )
+    : root.context &&
+      pushTopLevelContextObject(workInProgress, root.context, !1);
+  pushHostContainer(workInProgress, root.containerInfo);
+}
+function propagateContextChange(
+  workInProgress,
+  context,
+  changedBits,
+  renderExpirationTime
+) {
+  var fiber = workInProgress.child;
+  null !== fiber && (fiber.return = workInProgress);
+  for (; null !== fiber; ) {
+    switch (fiber.tag) {
+      case 12:
+        var nextFiber = fiber.stateNode | 0;
+        if (fiber.type === context && 0 !== (nextFiber & changedBits)) {
+          for (nextFiber = fiber; null !== nextFiber; ) {
+            var alternate = nextFiber.alternate;
+            if (
+              0 === nextFiber.expirationTime ||
+              nextFiber.expirationTime > renderExpirationTime
+            )
+              (nextFiber.expirationTime = renderExpirationTime),
+                null !== alternate &&
+                  (0 === alternate.expirationTime ||
+                    alternate.expirationTime > renderExpirationTime) &&
+                  (alternate.expirationTime = renderExpirationTime);
+            else if (
+              null !== alternate &&
+              (0 === alternate.expirationTime ||
+                alternate.expirationTime > renderExpirationTime)
+            )
+              alternate.expirationTime = renderExpirationTime;
+            else break;
+            nextFiber = nextFiber.return;
+          }
+          nextFiber = null;
+        } else nextFiber = fiber.child;
+        break;
+      case 13:
+        nextFiber = fiber.type === workInProgress.type ? null : fiber.child;
+        break;
+      default:
+        nextFiber = fiber.child;
+    }
+    if (null !== nextFiber) nextFiber.return = fiber;
+    else
+      for (nextFiber = fiber; null !== nextFiber; ) {
+        if (nextFiber === workInProgress) {
+          nextFiber = null;
+          break;
+        }
+        fiber = nextFiber.sibling;
+        if (null !== fiber) {
+          fiber.return = nextFiber.return;
+          nextFiber = fiber;
+          break;
+        }
+        nextFiber = nextFiber.return;
+      }
+    fiber = nextFiber;
+  }
+}
+function updateContextProvider(current, workInProgress, renderExpirationTime) {
+  var context = workInProgress.type._context,
+    newProps = workInProgress.pendingProps,
+    oldProps = workInProgress.memoizedProps,
+    canBailOnProps = !0;
+  if (didPerformWorkStackCursor.current) canBailOnProps = !1;
+  else if (oldProps === newProps)
+    return (
+      (workInProgress.stateNode = 0),
+      pushProvider(workInProgress),
+      bailoutOnAlreadyFinishedWork(current, workInProgress)
+    );
+  var newValue = newProps.value;
+  workInProgress.memoizedProps = newProps;
+  if (null === oldProps) newValue = 1073741823;
+  else if (oldProps.value === newProps.value) {
+    if (oldProps.children === newProps.children && canBailOnProps)
+      return (
+        (workInProgress.stateNode = 0),
+        pushProvider(workInProgress),
+        bailoutOnAlreadyFinishedWork(current, workInProgress)
+      );
+    newValue = 0;
+  } else {
+    var oldValue = oldProps.value;
+    if (
+      (oldValue === newValue &&
+        (0 !== oldValue || 1 / oldValue === 1 / newValue)) ||
+      (oldValue !== oldValue && newValue !== newValue)
+    ) {
+      if (oldProps.children === newProps.children && canBailOnProps)
+        return (
+          (workInProgress.stateNode = 0),
+          pushProvider(workInProgress),
+          bailoutOnAlreadyFinishedWork(current, workInProgress)
+        );
+      newValue = 0;
+    } else if (
+      ((newValue =
+        "function" === typeof context._calculateChangedBits
+          ? context._calculateChangedBits(oldValue, newValue)
+          : 1073741823),
+      (newValue |= 0),
+      0 === newValue)
+    ) {
+      if (oldProps.children === newProps.children && canBailOnProps)
+        return (
+          (workInProgress.stateNode = 0),
+          pushProvider(workInProgress),
+          bailoutOnAlreadyFinishedWork(current, workInProgress)
+        );
+    } else
+      propagateContextChange(
+        workInProgress,
+        context,
+        newValue,
+        renderExpirationTime
+      );
+  }
+  workInProgress.stateNode = newValue;
+  pushProvider(workInProgress);
+  reconcileChildren(current, workInProgress, newProps.children);
+  return workInProgress.child;
+}
+function bailoutOnAlreadyFinishedWork(current, workInProgress) {
+  invariant(
+    null === current || workInProgress.child === current.child,
+    "Resuming work not yet implemented."
+  );
+  if (null !== workInProgress.child) {
+    current = workInProgress.child;
+    var newChild = createWorkInProgress(
+      current,
+      current.pendingProps,
+      current.expirationTime
+    );
+    workInProgress.child = newChild;
+    for (newChild.return = workInProgress; null !== current.sibling; )
+      (current = current.sibling),
+        (newChild = newChild.sibling = createWorkInProgress(
+          current,
+          current.pendingProps,
+          current.expirationTime
+        )),
+        (newChild.return = workInProgress);
+    newChild.sibling = null;
+  }
+  return workInProgress.child;
+}
+function beginWork(current, workInProgress, renderExpirationTime) {
+  if (
+    0 === workInProgress.expirationTime ||
+    workInProgress.expirationTime > renderExpirationTime
+  ) {
+    switch (workInProgress.tag) {
+      case 3:
+        pushHostRootContext(workInProgress);
+        break;
+      case 2:
+        pushContextProvider(workInProgress);
+        break;
+      case 4:
+        pushHostContainer(
+          workInProgress,
+          workInProgress.stateNode.containerInfo
+        );
+        break;
+      case 13:
+        pushProvider(workInProgress);
+    }
+    return null;
+  }
+  switch (workInProgress.tag) {
+    case 0:
+      invariant(
+        null === current,
+        "An indeterminate component should never have mounted. This error is likely caused by a bug in React. Please file an issue."
+      );
+      var fn = workInProgress.type,
+        props = workInProgress.pendingProps,
+        unmaskedContext = getUnmaskedContext(workInProgress);
+      unmaskedContext = getMaskedContext(workInProgress, unmaskedContext);
+      fn = fn(props, unmaskedContext);
+      workInProgress.effectTag |= 1;
+      "object" === typeof fn &&
+      null !== fn &&
+      "function" === typeof fn.render &&
+      void 0 === fn.$$typeof
+        ? ((unmaskedContext = workInProgress.type),
+          (workInProgress.tag = 2),
+          (workInProgress.memoizedState =
+            null !== fn.state && void 0 !== fn.state ? fn.state : null),
+          (unmaskedContext = unmaskedContext.getDerivedStateFromProps),
+          "function" === typeof unmaskedContext &&
+            applyDerivedStateFromProps(workInProgress, unmaskedContext, props),
+          (props = pushContextProvider(workInProgress)),
+          (fn.updater = classComponentUpdater),
+          (workInProgress.stateNode = fn),
+          (fn._reactInternalFiber = workInProgress),
+          mountClassInstance(workInProgress, renderExpirationTime),
+          (current = finishClassComponent(
+            current,
+            workInProgress,
+            !0,
+            props,
+            renderExpirationTime
+          )))
+        : ((workInProgress.tag = 1),
+          reconcileChildren(current, workInProgress, fn),
+          (workInProgress.memoizedProps = props),
+          (current = workInProgress.child));
+      return current;
+    case 1:
+      return (
+        (props = workInProgress.type),
+        (renderExpirationTime = workInProgress.pendingProps),
+        didPerformWorkStackCursor.current ||
+        workInProgress.memoizedProps !== renderExpirationTime
+          ? ((fn = getUnmaskedContext(workInProgress)),
+            (fn = getMaskedContext(workInProgress, fn)),
+            (props = props(renderExpirationTime, fn)),
+            (workInProgress.effectTag |= 1),
+            reconcileChildren(current, workInProgress, props),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 2:
+      props = pushContextProvider(workInProgress);
+      if (null === current)
+        if (null === workInProgress.stateNode) {
+          var props$jscomp$0 = workInProgress.pendingProps,
+            ctor = workInProgress.type;
+          fn = getUnmaskedContext(workInProgress);
+          var needsContext =
+            2 === workInProgress.tag &&
+            null != workInProgress.type.contextTypes;
+          unmaskedContext = needsContext
+            ? getMaskedContext(workInProgress, fn)
+            : emptyObject;
+          props$jscomp$0 = new ctor(props$jscomp$0, unmaskedContext);
+          workInProgress.memoizedState =
+            null !== props$jscomp$0.state && void 0 !== props$jscomp$0.state
+              ? props$jscomp$0.state
+              : null;
+          props$jscomp$0.updater = classComponentUpdater;
+          workInProgress.stateNode = props$jscomp$0;
+          props$jscomp$0._reactInternalFiber = workInProgress;
+          needsContext &&
+            ((needsContext = workInProgress.stateNode),
+            (needsContext.__reactInternalMemoizedUnmaskedChildContext = fn),
+            (needsContext.__reactInternalMemoizedMaskedChildContext = unmaskedContext));
+          mountClassInstance(workInProgress, renderExpirationTime);
+          fn = !0;
+        } else {
+          ctor = workInProgress.type;
+          fn = workInProgress.stateNode;
+          needsContext = workInProgress.memoizedProps;
+          unmaskedContext = workInProgress.pendingProps;
+          fn.props = needsContext;
+          var oldContext = fn.context;
+          props$jscomp$0 = getUnmaskedContext(workInProgress);
+          props$jscomp$0 = getMaskedContext(workInProgress, props$jscomp$0);
+          var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+          (ctor =
+            "function" === typeof getDerivedStateFromProps ||
+            "function" === typeof fn.getSnapshotBeforeUpdate) ||
+            ("function" !== typeof fn.UNSAFE_componentWillReceiveProps &&
+              "function" !== typeof fn.componentWillReceiveProps) ||
+            ((needsContext !== unmaskedContext ||
+              oldContext !== props$jscomp$0) &&
+              callComponentWillReceiveProps(
+                workInProgress,
+                fn,
+                unmaskedContext,
+                props$jscomp$0
+              ));
+          hasForceUpdate = !1;
+          var oldState = workInProgress.memoizedState;
+          oldContext = fn.state = oldState;
+          var updateQueue = workInProgress.updateQueue;
+          null !== updateQueue &&
+            (processUpdateQueue(
+              workInProgress,
+              updateQueue,
+              unmaskedContext,
+              fn,
+              renderExpirationTime
+            ),
+            (oldContext = workInProgress.memoizedState));
+          needsContext !== unmaskedContext ||
+          oldState !== oldContext ||
+          didPerformWorkStackCursor.current ||
+          hasForceUpdate
+            ? ("function" === typeof getDerivedStateFromProps &&
+                (applyDerivedStateFromProps(
+                  workInProgress,
+                  getDerivedStateFromProps,
+                  unmaskedContext
+                ),
+                (oldContext = workInProgress.memoizedState)),
+              (needsContext =
+                hasForceUpdate ||
+                checkShouldComponentUpdate(
+                  workInProgress,
+                  needsContext,
+                  unmaskedContext,
+                  oldState,
+                  oldContext,
+                  props$jscomp$0
+                ))
+                ? (ctor ||
+                    ("function" !== typeof fn.UNSAFE_componentWillMount &&
+                      "function" !== typeof fn.componentWillMount) ||
+                    ("function" === typeof fn.componentWillMount &&
+                      fn.componentWillMount(),
+                    "function" === typeof fn.UNSAFE_componentWillMount &&
+                      fn.UNSAFE_componentWillMount()),
+                  "function" === typeof fn.componentDidMount &&
+                    (workInProgress.effectTag |= 4))
+                : ("function" === typeof fn.componentDidMount &&
+                    (workInProgress.effectTag |= 4),
+                  (workInProgress.memoizedProps = unmaskedContext),
+                  (workInProgress.memoizedState = oldContext)),
+              (fn.props = unmaskedContext),
+              (fn.state = oldContext),
+              (fn.context = props$jscomp$0),
+              (fn = needsContext))
+            : ("function" === typeof fn.componentDidMount &&
+                (workInProgress.effectTag |= 4),
+              (fn = !1));
+        }
+      else
+        (ctor = workInProgress.type),
+          (fn = workInProgress.stateNode),
+          (unmaskedContext = workInProgress.memoizedProps),
+          (needsContext = workInProgress.pendingProps),
+          (fn.props = unmaskedContext),
+          (oldContext = fn.context),
+          (props$jscomp$0 = getUnmaskedContext(workInProgress)),
+          (props$jscomp$0 = getMaskedContext(workInProgress, props$jscomp$0)),
+          (getDerivedStateFromProps = ctor.getDerivedStateFromProps),
+          (ctor =
+            "function" === typeof getDerivedStateFromProps ||
+            "function" === typeof fn.getSnapshotBeforeUpdate) ||
+            ("function" !== typeof fn.UNSAFE_componentWillReceiveProps &&
+              "function" !== typeof fn.componentWillReceiveProps) ||
+            ((unmaskedContext !== needsContext ||
+              oldContext !== props$jscomp$0) &&
+              callComponentWillReceiveProps(
+                workInProgress,
+                fn,
+                needsContext,
+                props$jscomp$0
+              )),
+          (hasForceUpdate = !1),
+          (oldContext = workInProgress.memoizedState),
+          (oldState = fn.state = oldContext),
+          (updateQueue = workInProgress.updateQueue),
+          null !== updateQueue &&
+            (processUpdateQueue(
+              workInProgress,
+              updateQueue,
+              needsContext,
+              fn,
+              renderExpirationTime
+            ),
+            (oldState = workInProgress.memoizedState)),
+          unmaskedContext !== needsContext ||
+          oldContext !== oldState ||
+          didPerformWorkStackCursor.current ||
+          hasForceUpdate
+            ? ("function" === typeof getDerivedStateFromProps &&
+                (applyDerivedStateFromProps(
+                  workInProgress,
+                  getDerivedStateFromProps,
+                  needsContext
+                ),
+                (oldState = workInProgress.memoizedState)),
+              (getDerivedStateFromProps =
+                hasForceUpdate ||
+                checkShouldComponentUpdate(
+                  workInProgress,
+                  unmaskedContext,
+                  needsContext,
+                  oldContext,
+                  oldState,
+                  props$jscomp$0
+                ))
+                ? (ctor ||
+                    ("function" !== typeof fn.UNSAFE_componentWillUpdate &&
+                      "function" !== typeof fn.componentWillUpdate) ||
+                    ("function" === typeof fn.componentWillUpdate &&
+                      fn.componentWillUpdate(
+                        needsContext,
+                        oldState,
+                        props$jscomp$0
+                      ),
+                    "function" === typeof fn.UNSAFE_componentWillUpdate &&
+                      fn.UNSAFE_componentWillUpdate(
+                        needsContext,
+                        oldState,
+                        props$jscomp$0
+                      )),
+                  "function" === typeof fn.componentDidUpdate &&
+                    (workInProgress.effectTag |= 4),
+                  "function" === typeof fn.getSnapshotBeforeUpdate &&
+                    (workInProgress.effectTag |= 256))
+                : ("function" !== typeof fn.componentDidUpdate ||
+                    (unmaskedContext === current.memoizedProps &&
+                      oldContext === current.memoizedState) ||
+                    (workInProgress.effectTag |= 4),
+                  "function" !== typeof fn.getSnapshotBeforeUpdate ||
+                    (unmaskedContext === current.memoizedProps &&
+                      oldContext === current.memoizedState) ||
+                    (workInProgress.effectTag |= 256),
+                  (workInProgress.memoizedProps = needsContext),
+                  (workInProgress.memoizedState = oldState)),
+              (fn.props = needsContext),
+              (fn.state = oldState),
+              (fn.context = props$jscomp$0),
+              (fn = getDerivedStateFromProps))
+            : ("function" !== typeof fn.componentDidUpdate ||
+                (unmaskedContext === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
+                (workInProgress.effectTag |= 4),
+              "function" !== typeof fn.getSnapshotBeforeUpdate ||
+                (unmaskedContext === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
+                (workInProgress.effectTag |= 256),
+              (fn = !1));
+      return finishClassComponent(
+        current,
+        workInProgress,
+        fn,
+        props,
+        renderExpirationTime
+      );
+    case 3:
+      return (
+        pushHostRootContext(workInProgress),
+        (props = workInProgress.updateQueue),
+        null !== props
+          ? ((fn = workInProgress.memoizedState),
+            (fn = null !== fn ? fn.element : null),
+            processUpdateQueue(
+              workInProgress,
+              props,
+              workInProgress.pendingProps,
+              null,
+              renderExpirationTime
+            ),
+            (renderExpirationTime = workInProgress.memoizedState.element),
+            renderExpirationTime === fn
+              ? (current = bailoutOnAlreadyFinishedWork(
+                  current,
+                  workInProgress
+                ))
+              : (reconcileChildren(
+                  current,
+                  workInProgress,
+                  renderExpirationTime
+                ),
+                (current = workInProgress.child)))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 5:
+      return (
+        requiredContext(rootInstanceStackCursor.current),
+        (renderExpirationTime = requiredContext(contextStackCursor$1.current)),
+        (props = workInProgress.type),
+        (props =
+          "AndroidTextInput" === props ||
+          "RCTMultilineTextInputView" === props ||
+          "RCTSinglelineTextInputView" === props ||
+          "RCTText" === props ||
+          "RCTVirtualText" === props),
+        (props =
+          renderExpirationTime.isInAParentText !== props
+            ? { isInAParentText: props }
+            : renderExpirationTime),
+        renderExpirationTime !== props &&
+          (push(contextFiberStackCursor, workInProgress, workInProgress),
+          push(contextStackCursor$1, props, workInProgress)),
+        null === current && tryToClaimNextHydratableInstance(workInProgress),
+        (props = workInProgress.memoizedProps),
+        (renderExpirationTime = workInProgress.pendingProps),
+        didPerformWorkStackCursor.current || props !== renderExpirationTime
+          ? ((props = renderExpirationTime.children),
+            markRef(current, workInProgress),
+            reconcileChildren(current, workInProgress, props),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 6:
+      return (
+        null === current && tryToClaimNextHydratableInstance(workInProgress),
+        (workInProgress.memoizedProps = workInProgress.pendingProps),
+        null
+      );
+    case 16:
+      return null;
+    case 4:
+      return (
+        pushHostContainer(
+          workInProgress,
+          workInProgress.stateNode.containerInfo
+        ),
+        (props = workInProgress.pendingProps),
+        didPerformWorkStackCursor.current ||
+        workInProgress.memoizedProps !== props
+          ? (null === current
+              ? (workInProgress.child = reconcileChildFibers(
+                  workInProgress,
+                  null,
+                  props,
+                  renderExpirationTime
+                ))
+              : reconcileChildren(current, workInProgress, props),
+            (workInProgress.memoizedProps = props),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 14:
+      return (
+        (props = workInProgress.type.render),
+        (renderExpirationTime = workInProgress.pendingProps),
+        (fn = workInProgress.ref),
+        didPerformWorkStackCursor.current ||
+        workInProgress.memoizedProps !== renderExpirationTime ||
+        fn !== (null !== current ? current.ref : null)
+          ? ((props = props(renderExpirationTime, fn)),
+            reconcileChildren(current, workInProgress, props),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 10:
+      return (
+        (renderExpirationTime = workInProgress.pendingProps),
+        didPerformWorkStackCursor.current ||
+        workInProgress.memoizedProps !== renderExpirationTime
+          ? (reconcileChildren(current, workInProgress, renderExpirationTime),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 11:
+      return (
+        (renderExpirationTime = workInProgress.pendingProps.children),
+        didPerformWorkStackCursor.current ||
+        (null !== renderExpirationTime &&
+          workInProgress.memoizedProps !== renderExpirationTime)
+          ? (reconcileChildren(current, workInProgress, renderExpirationTime),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 15:
+      return (
+        (renderExpirationTime = workInProgress.pendingProps),
+        workInProgress.memoizedProps === renderExpirationTime
+          ? (current = bailoutOnAlreadyFinishedWork(current, workInProgress))
+          : (reconcileChildren(
+              current,
+              workInProgress,
+              renderExpirationTime.children
+            ),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child)),
+        current
+      );
+    case 13:
+      return updateContextProvider(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    case 12:
+      a: if (
+        ((fn = workInProgress.type),
+        (unmaskedContext = workInProgress.pendingProps),
+        (needsContext = workInProgress.memoizedProps),
+        (props = fn._currentValue),
+        (props$jscomp$0 = fn._changedBits),
+        didPerformWorkStackCursor.current ||
+          0 !== props$jscomp$0 ||
+          needsContext !== unmaskedContext)
+      ) {
+        workInProgress.memoizedProps = unmaskedContext;
+        ctor = unmaskedContext.unstable_observedBits;
+        if (void 0 === ctor || null === ctor) ctor = 1073741823;
+        workInProgress.stateNode = ctor;
+        if (0 !== (props$jscomp$0 & ctor))
+          propagateContextChange(
+            workInProgress,
+            fn,
+            props$jscomp$0,
+            renderExpirationTime
+          );
+        else if (needsContext === unmaskedContext) {
+          current = bailoutOnAlreadyFinishedWork(current, workInProgress);
+          break a;
+        }
+        renderExpirationTime = unmaskedContext.children;
+        renderExpirationTime = renderExpirationTime(props);
+        workInProgress.effectTag |= 1;
+        reconcileChildren(current, workInProgress, renderExpirationTime);
+        current = workInProgress.child;
+      } else current = bailoutOnAlreadyFinishedWork(current, workInProgress);
+      return current;
+    default:
+      invariant(
+        !1,
+        "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+      );
+  }
+}
+var updateHostContainer = void 0,
+  updateHostComponent$1 = void 0,
+  updateHostText$1 = void 0;
+updateHostContainer = function() {};
+updateHostComponent$1 = function(current, workInProgress, updatePayload) {
+  if ((workInProgress.updateQueue = updatePayload))
+    workInProgress.effectTag |= 4;
+};
+updateHostText$1 = function(current, workInProgress, oldText, newText) {
+  oldText !== newText && (workInProgress.effectTag |= 4);
+};
+function completeWork(current, workInProgress) {
+  var newProps = workInProgress.pendingProps;
+  switch (workInProgress.tag) {
+    case 1:
+      return null;
+    case 2:
+      return popContextProvider(workInProgress), null;
+    case 3:
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      newProps = workInProgress.stateNode;
+      newProps.pendingContext &&
+        ((newProps.context = newProps.pendingContext),
+        (newProps.pendingContext = null));
+      if (null === current || null === current.child)
+        workInProgress.effectTag &= -3;
+      updateHostContainer(workInProgress);
+      return null;
+    case 5:
+      popHostContext(workInProgress);
+      var rootContainerInstance = requiredContext(
+          rootInstanceStackCursor.current
+        ),
+        type = workInProgress.type;
+      if (null !== current && null != workInProgress.stateNode) {
+        var oldProps = current.memoizedProps,
+          currentHostContext = requiredContext(contextStackCursor$1.current);
+        updateHostComponent$1(
+          current,
+          workInProgress,
+          emptyObject,
+          type,
+          oldProps,
+          newProps,
+          rootContainerInstance,
+          currentHostContext
+        );
+        current.ref !== workInProgress.ref && (workInProgress.effectTag |= 128);
+      } else {
+        if (!newProps)
+          return (
+            invariant(
+              null !== workInProgress.stateNode,
+              "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+            ),
+            null
+          );
+        current = requiredContext(contextStackCursor$1.current);
+        oldProps = allocateTag();
+        currentHostContext = ReactNativeViewConfigRegistry.get(type);
+        invariant(
+          "RCTView" !== type || !current.isInAParentText,
+          "Nesting of <View> within <Text> is not currently supported."
+        );
+        var updatePayload = diffProperties(
+          null,
+          emptyObject$1,
+          newProps,
+          currentHostContext.validAttributes
+        );
+        UIManager.createView(
+          oldProps,
+          currentHostContext.uiViewClassName,
+          rootContainerInstance,
+          updatePayload
+        );
+        currentHostContext = new ReactNativeFiberHostComponent(
+          oldProps,
+          currentHostContext
+        );
+        instanceCache[oldProps] = workInProgress;
+        instanceProps[oldProps] = newProps;
+        a: for (oldProps = workInProgress.child; null !== oldProps; ) {
+          if (5 === oldProps.tag || 6 === oldProps.tag)
+            currentHostContext._children.push(oldProps.stateNode);
+          else if (4 !== oldProps.tag && null !== oldProps.child) {
+            oldProps.child.return = oldProps;
+            oldProps = oldProps.child;
+            continue;
+          }
+          if (oldProps === workInProgress) break;
+          for (; null === oldProps.sibling; ) {
+            if (null === oldProps.return || oldProps.return === workInProgress)
+              break a;
+            oldProps = oldProps.return;
+          }
+          oldProps.sibling.return = oldProps.return;
+          oldProps = oldProps.sibling;
+        }
+        finalizeInitialChildren(
+          currentHostContext,
+          type,
+          newProps,
+          rootContainerInstance,
+          current
+        ) && (workInProgress.effectTag |= 4);
+        workInProgress.stateNode = currentHostContext;
+        null !== workInProgress.ref && (workInProgress.effectTag |= 128);
+      }
+      return null;
+    case 6:
+      if (current && null != workInProgress.stateNode)
+        updateHostText$1(
+          current,
+          workInProgress,
+          current.memoizedProps,
+          newProps
+        );
+      else {
+        if ("string" !== typeof newProps)
+          return (
+            invariant(
+              null !== workInProgress.stateNode,
+              "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+            ),
+            null
+          );
+        rootContainerInstance = requiredContext(
+          rootInstanceStackCursor.current
+        );
+        type = requiredContext(contextStackCursor$1.current);
+        invariant(
+          type.isInAParentText,
+          "Text strings must be rendered within a <Text> component."
+        );
+        type = allocateTag();
+        UIManager.createView(type, "RCTRawText", rootContainerInstance, {
+          text: newProps
+        });
+        instanceCache[type] = workInProgress;
+        workInProgress.stateNode = type;
+      }
+      return null;
+    case 14:
+      return null;
+    case 16:
+      return null;
+    case 10:
+      return null;
+    case 11:
+      return null;
+    case 15:
+      return null;
+    case 4:
+      return (
+        popHostContainer(workInProgress),
+        updateHostContainer(workInProgress),
+        null
+      );
+    case 13:
+      return popProvider(workInProgress), null;
+    case 12:
+      return null;
+    case 0:
+      invariant(
+        !1,
+        "An indeterminate component should have become determinate before completing. This error is likely caused by a bug in React. Please file an issue."
+      );
+    default:
+      invariant(
+        !1,
+        "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+      );
+  }
+}
+function logError(boundary, errorInfo) {
+  var source = errorInfo.source,
+    stack = errorInfo.stack;
+  null === stack &&
+    null !== source &&
+    (stack = getStackAddendumByWorkInProgressFiber(source));
+  null !== source && getComponentName(source);
+  source = null !== stack ? stack : "";
+  errorInfo = errorInfo.value;
+  null !== boundary && 2 === boundary.tag && getComponentName(boundary);
+  try {
+    if (errorInfo instanceof Error) {
+      var message = errorInfo.message,
+        name = errorInfo.name;
+      var errorToHandle = errorInfo;
+      try {
+        errorToHandle.message =
+          (message ? name + ": " + message : name) +
+          "\n\nThis error is located at:" +
+          source;
+      } catch (e) {}
+    } else
+      errorToHandle =
+        "string" === typeof errorInfo
+          ? Error(errorInfo + "\n\nThis error is located at:" + source)
+          : Error("Unspecified error at:" + source);
+    ExceptionsManager.handleException(errorToHandle, !1);
+  } catch (e) {
+    (e && e.suppressReactErrorLogging) || console.error(e);
+  }
+}
+function safelyDetachRef(current) {
+  var ref = current.ref;
+  if (null !== ref)
+    if ("function" === typeof ref)
+      try {
+        ref(null);
+      } catch (refError) {
+        captureCommitPhaseError(current, refError);
+      }
+    else ref.current = null;
+}
+function commitUnmount(current) {
+  "function" === typeof onCommitUnmount && onCommitUnmount(current);
+  switch (current.tag) {
+    case 2:
+      safelyDetachRef(current);
+      var instance = current.stateNode;
+      if ("function" === typeof instance.componentWillUnmount)
+        try {
+          (instance.props = current.memoizedProps),
+            (instance.state = current.memoizedState),
+            instance.componentWillUnmount();
+        } catch (unmountError) {
+          captureCommitPhaseError(current, unmountError);
+        }
+      break;
+    case 5:
+      safelyDetachRef(current);
+      break;
+    case 4:
+      unmountHostComponents(current);
+  }
+}
+function isHostParent(fiber) {
+  return 5 === fiber.tag || 3 === fiber.tag || 4 === fiber.tag;
+}
+function commitPlacement(finishedWork) {
+  a: {
+    for (var parent = finishedWork.return; null !== parent; ) {
+      if (isHostParent(parent)) {
+        var parentFiber = parent;
+        break a;
+      }
+      parent = parent.return;
+    }
+    invariant(
+      !1,
+      "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+    );
+    parentFiber = void 0;
+  }
+  var isContainer = (parent = void 0);
+  switch (parentFiber.tag) {
+    case 5:
+      parent = parentFiber.stateNode;
+      isContainer = !1;
+      break;
+    case 3:
+      parent = parentFiber.stateNode.containerInfo;
+      isContainer = !0;
+      break;
+    case 4:
+      parent = parentFiber.stateNode.containerInfo;
+      isContainer = !0;
+      break;
+    default:
+      invariant(
+        !1,
+        "Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue."
+      );
+  }
+  parentFiber.effectTag & 16 && (parentFiber.effectTag &= -17);
+  a: b: for (parentFiber = finishedWork; ; ) {
+    for (; null === parentFiber.sibling; ) {
+      if (null === parentFiber.return || isHostParent(parentFiber.return)) {
+        parentFiber = null;
+        break a;
+      }
+      parentFiber = parentFiber.return;
+    }
+    parentFiber.sibling.return = parentFiber.return;
+    for (
+      parentFiber = parentFiber.sibling;
+      5 !== parentFiber.tag && 6 !== parentFiber.tag;
+
+    ) {
+      if (parentFiber.effectTag & 2) continue b;
+      if (null === parentFiber.child || 4 === parentFiber.tag) continue b;
+      else
+        (parentFiber.child.return = parentFiber),
+          (parentFiber = parentFiber.child);
+    }
+    if (!(parentFiber.effectTag & 2)) {
+      parentFiber = parentFiber.stateNode;
+      break a;
+    }
+  }
+  for (var node = finishedWork; ; ) {
+    if (5 === node.tag || 6 === node.tag)
+      if (parentFiber)
+        if (isContainer)
+          invariant(
+            "number" !== typeof parent,
+            "Container does not support insertBefore operation"
+          );
+        else {
+          var parentInstance = parent,
+            child = node.stateNode,
+            beforeChild = parentFiber,
+            children = parentInstance._children,
+            index = children.indexOf(child);
+          0 <= index
+            ? (children.splice(index, 1),
+              (beforeChild = children.indexOf(beforeChild)),
+              children.splice(beforeChild, 0, child),
+              UIManager.manageChildren(
+                parentInstance._nativeTag,
+                [index],
+                [beforeChild],
+                [],
+                [],
+                []
+              ))
+            : ((index = children.indexOf(beforeChild)),
+              children.splice(index, 0, child),
+              UIManager.manageChildren(
+                parentInstance._nativeTag,
+                [],
+                [],
+                ["number" === typeof child ? child : child._nativeTag],
+                [index],
+                []
+              ));
+        }
+      else
+        isContainer
+          ? ((parentInstance = node.stateNode),
+            UIManager.setChildren(parent, [
+              "number" === typeof parentInstance
+                ? parentInstance
+                : parentInstance._nativeTag
+            ]))
+          : ((parentInstance = parent),
+            (child = node.stateNode),
+            (children = "number" === typeof child ? child : child._nativeTag),
+            (index = parentInstance._children),
+            (beforeChild = index.indexOf(child)),
+            0 <= beforeChild
+              ? (index.splice(beforeChild, 1),
+                index.push(child),
+                UIManager.manageChildren(
+                  parentInstance._nativeTag,
+                  [beforeChild],
+                  [index.length - 1],
+                  [],
+                  [],
+                  []
+                ))
+              : (index.push(child),
+                UIManager.manageChildren(
+                  parentInstance._nativeTag,
+                  [],
+                  [],
+                  [children],
+                  [index.length - 1],
+                  []
+                )));
+    else if (4 !== node.tag && null !== node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === finishedWork) break;
+    for (; null === node.sibling; ) {
+      if (null === node.return || node.return === finishedWork) return;
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+function unmountHostComponents(current) {
+  for (
+    var node = current,
+      currentParentIsValid = !1,
+      currentParent = void 0,
+      currentParentIsContainer = void 0;
+    ;
+
+  ) {
+    if (!currentParentIsValid) {
+      currentParentIsValid = node.return;
+      a: for (;;) {
+        invariant(
+          null !== currentParentIsValid,
+          "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+        );
+        switch (currentParentIsValid.tag) {
+          case 5:
+            currentParent = currentParentIsValid.stateNode;
+            currentParentIsContainer = !1;
+            break a;
+          case 3:
+            currentParent = currentParentIsValid.stateNode.containerInfo;
+            currentParentIsContainer = !0;
+            break a;
+          case 4:
+            currentParent = currentParentIsValid.stateNode.containerInfo;
+            currentParentIsContainer = !0;
+            break a;
+        }
+        currentParentIsValid = currentParentIsValid.return;
+      }
+      currentParentIsValid = !0;
+    }
+    if (5 === node.tag || 6 === node.tag) {
+      a: for (var root = node, node$jscomp$0 = root; ; )
+        if (
+          (commitUnmount(node$jscomp$0),
+          null !== node$jscomp$0.child && 4 !== node$jscomp$0.tag)
+        )
+          (node$jscomp$0.child.return = node$jscomp$0),
+            (node$jscomp$0 = node$jscomp$0.child);
+        else {
+          if (node$jscomp$0 === root) break;
+          for (; null === node$jscomp$0.sibling; ) {
+            if (null === node$jscomp$0.return || node$jscomp$0.return === root)
+              break a;
+            node$jscomp$0 = node$jscomp$0.return;
+          }
+          node$jscomp$0.sibling.return = node$jscomp$0.return;
+          node$jscomp$0 = node$jscomp$0.sibling;
+        }
+      if (currentParentIsContainer)
+        (root = currentParent),
+          recursivelyUncacheFiberNode(node.stateNode),
+          UIManager.manageChildren(root, [], [], [], [], [0]);
+      else {
+        root = currentParent;
+        var child = node.stateNode;
+        recursivelyUncacheFiberNode(child);
+        node$jscomp$0 = root._children;
+        child = node$jscomp$0.indexOf(child);
+        node$jscomp$0.splice(child, 1);
+        UIManager.manageChildren(root._nativeTag, [], [], [], [], [child]);
+      }
+    } else if (
+      (4 === node.tag
+        ? (currentParent = node.stateNode.containerInfo)
+        : commitUnmount(node),
+      null !== node.child)
+    ) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === current) break;
+    for (; null === node.sibling; ) {
+      if (null === node.return || node.return === current) return;
+      node = node.return;
+      4 === node.tag && (currentParentIsValid = !1);
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+function commitWork(current, finishedWork) {
+  switch (finishedWork.tag) {
+    case 2:
+      break;
+    case 5:
+      var instance = finishedWork.stateNode;
+      if (null != instance) {
+        var newProps = finishedWork.memoizedProps;
+        current = null !== current ? current.memoizedProps : newProps;
+        var updatePayload = finishedWork.updateQueue;
+        finishedWork.updateQueue = null;
+        null !== updatePayload &&
+          ((finishedWork = instance.viewConfig),
+          (instanceProps[instance._nativeTag] = newProps),
+          (newProps = diffProperties(
+            null,
+            current,
+            newProps,
+            finishedWork.validAttributes
+          )),
+          null != newProps &&
+            UIManager.updateView(
+              instance._nativeTag,
+              finishedWork.uiViewClassName,
+              newProps
+            ));
+      }
+      break;
+    case 6:
+      invariant(
+        null !== finishedWork.stateNode,
+        "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
+      );
+      UIManager.updateView(finishedWork.stateNode, "RCTRawText", {
+        text: finishedWork.memoizedProps
+      });
+      break;
+    case 3:
+      break;
+    case 15:
+      break;
+    case 16:
+      break;
+    default:
+      invariant(
+        !1,
+        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+      );
+  }
+}
+function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
+  expirationTime = createUpdate(expirationTime);
+  expirationTime.tag = 3;
+  expirationTime.payload = { element: null };
+  var error = errorInfo.value;
+  expirationTime.callback = function() {
+    onUncaughtError(error);
+    logError(fiber, errorInfo);
+  };
+  return expirationTime;
+}
+function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
+  expirationTime = createUpdate(expirationTime);
+  expirationTime.tag = 3;
+  var inst = fiber.stateNode;
+  null !== inst &&
+    "function" === typeof inst.componentDidCatch &&
+    (expirationTime.callback = function() {
+      null === legacyErrorBoundariesThatAlreadyFailed
+        ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this]))
+        : legacyErrorBoundariesThatAlreadyFailed.add(this);
+      var error = errorInfo.value,
+        stack = errorInfo.stack;
+      logError(fiber, errorInfo);
+      this.componentDidCatch(error, {
+        componentStack: null !== stack ? stack : ""
+      });
+    });
+  return expirationTime;
+}
+function unwindWork(workInProgress) {
+  switch (workInProgress.tag) {
+    case 2:
+      popContextProvider(workInProgress);
+      var effectTag = workInProgress.effectTag;
+      return effectTag & 1024
+        ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+          workInProgress)
+        : null;
+    case 3:
+      return (
+        popHostContainer(workInProgress),
+        popTopLevelContextObject(workInProgress),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 1024
+          ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+            workInProgress)
+          : null
+      );
+    case 5:
+      return popHostContext(workInProgress), null;
+    case 16:
+      return (
+        (effectTag = workInProgress.effectTag),
+        effectTag & 1024
+          ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+            workInProgress)
+          : null
+      );
+    case 4:
+      return popHostContainer(workInProgress), null;
+    case 13:
+      return popProvider(workInProgress), null;
+    default:
+      return null;
+  }
+}
+var originalStartTimeMs = now$1(),
+  mostRecentCurrentTime = 2,
+  mostRecentCurrentTimeMs = originalStartTimeMs,
+  lastUniqueAsyncExpiration = 0,
+  expirationContext = 0,
+  isWorking = !1,
+  nextUnitOfWork = null,
+  nextRoot = null,
+  nextRenderExpirationTime = 0,
+  nextLatestTimeoutMs = -1,
+  nextRenderDidError = !1,
+  nextEffect = null,
+  isCommitting$1 = !1,
+  legacyErrorBoundariesThatAlreadyFailed = null;
+function resetStack() {
+  if (null !== nextUnitOfWork)
+    for (
+      var interruptedWork = nextUnitOfWork.return;
+      null !== interruptedWork;
+
+    ) {
+      var interruptedWork$jscomp$0 = interruptedWork;
+      switch (interruptedWork$jscomp$0.tag) {
+        case 2:
+          popContextProvider(interruptedWork$jscomp$0);
+          break;
+        case 3:
+          popHostContainer(interruptedWork$jscomp$0);
+          popTopLevelContextObject(interruptedWork$jscomp$0);
+          break;
+        case 5:
+          popHostContext(interruptedWork$jscomp$0);
+          break;
+        case 4:
+          popHostContainer(interruptedWork$jscomp$0);
+          break;
+        case 13:
+          popProvider(interruptedWork$jscomp$0);
+      }
+      interruptedWork = interruptedWork.return;
+    }
+  nextRoot = null;
+  nextRenderExpirationTime = 0;
+  nextLatestTimeoutMs = -1;
+  nextRenderDidError = !1;
+  nextUnitOfWork = null;
+}
+function completeUnitOfWork(workInProgress$jscomp$0) {
+  for (;;) {
+    var current = workInProgress$jscomp$0.alternate,
+      returnFiber = workInProgress$jscomp$0.return,
+      siblingFiber = workInProgress$jscomp$0.sibling;
+    if (0 === (workInProgress$jscomp$0.effectTag & 512)) {
+      current = completeWork(
+        current,
+        workInProgress$jscomp$0,
+        nextRenderExpirationTime
+      );
+      var workInProgress = workInProgress$jscomp$0;
+      if (
+        1073741823 === nextRenderExpirationTime ||
+        1073741823 !== workInProgress.expirationTime
+      ) {
+        var newExpirationTime = 0;
+        switch (workInProgress.tag) {
+          case 3:
+          case 2:
+            var updateQueue = workInProgress.updateQueue;
+            null !== updateQueue &&
+              (newExpirationTime = updateQueue.expirationTime);
+        }
+        for (updateQueue = workInProgress.child; null !== updateQueue; )
+          0 !== updateQueue.expirationTime &&
+            (0 === newExpirationTime ||
+              newExpirationTime > updateQueue.expirationTime) &&
+            (newExpirationTime = updateQueue.expirationTime),
+            (updateQueue = updateQueue.sibling);
+        workInProgress.expirationTime = newExpirationTime;
+      }
+      if (null !== current) return current;
+      null !== returnFiber &&
+        0 === (returnFiber.effectTag & 512) &&
+        (null === returnFiber.firstEffect &&
+          (returnFiber.firstEffect = workInProgress$jscomp$0.firstEffect),
+        null !== workInProgress$jscomp$0.lastEffect &&
+          (null !== returnFiber.lastEffect &&
+            (returnFiber.lastEffect.nextEffect =
+              workInProgress$jscomp$0.firstEffect),
+          (returnFiber.lastEffect = workInProgress$jscomp$0.lastEffect)),
+        1 < workInProgress$jscomp$0.effectTag &&
+          (null !== returnFiber.lastEffect
+            ? (returnFiber.lastEffect.nextEffect = workInProgress$jscomp$0)
+            : (returnFiber.firstEffect = workInProgress$jscomp$0),
+          (returnFiber.lastEffect = workInProgress$jscomp$0)));
+    } else {
+      workInProgress$jscomp$0 = unwindWork(
+        workInProgress$jscomp$0,
+        nextRenderExpirationTime
+      );
+      if (null !== workInProgress$jscomp$0)
+        return (
+          (workInProgress$jscomp$0.effectTag &= 511), workInProgress$jscomp$0
+        );
+      null !== returnFiber &&
+        ((returnFiber.firstEffect = returnFiber.lastEffect = null),
+        (returnFiber.effectTag |= 512));
+    }
+    if (null !== siblingFiber) return siblingFiber;
+    if (null !== returnFiber) workInProgress$jscomp$0 = returnFiber;
+    else break;
+  }
+  return null;
+}
+function performUnitOfWork(workInProgress) {
+  var next = beginWork(
+    workInProgress.alternate,
+    workInProgress,
+    nextRenderExpirationTime
+  );
+  null === next && (next = completeUnitOfWork(workInProgress));
+  ReactCurrentOwner.current = null;
+  return next;
+}
+function renderRoot(root$jscomp$0, isYieldy) {
+  invariant(
+    !isWorking,
+    "renderRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
+  );
+  isWorking = !0;
+  var expirationTime = root$jscomp$0.nextExpirationTimeToWorkOn;
+  if (
+    expirationTime !== nextRenderExpirationTime ||
+    root$jscomp$0 !== nextRoot ||
+    null === nextUnitOfWork
+  )
+    resetStack(),
+      (nextRoot = root$jscomp$0),
+      (nextRenderExpirationTime = expirationTime),
+      (nextLatestTimeoutMs = -1),
+      (nextRenderDidError = !1),
+      (nextUnitOfWork = createWorkInProgress(
+        nextRoot.current,
+        null,
+        nextRenderExpirationTime
+      )),
+      (root$jscomp$0.pendingCommitExpirationTime = 0);
+  var didFatal = !1;
+  do {
+    try {
+      if (isYieldy)
+        for (; null !== nextUnitOfWork && !shouldYield(); )
+          nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
+      else
+        for (; null !== nextUnitOfWork; )
+          nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
+    } catch (thrownValue) {
+      if (null === nextUnitOfWork)
+        (didFatal = !0), onUncaughtError(thrownValue);
+      else {
+        invariant(
+          null !== nextUnitOfWork,
+          "Failed to replay rendering after an error. This is likely caused by a bug in React. Please file an issue with a reproducing case to help us find it."
+        );
+        isYieldy = nextUnitOfWork;
+        var returnFiber = isYieldy.return;
+        if (null === returnFiber) {
+          didFatal = !0;
+          onUncaughtError(thrownValue);
+          break;
+        }
+        a: {
+          var root = root$jscomp$0,
+            returnFiber$jscomp$0 = returnFiber,
+            sourceFiber = isYieldy,
+            value = thrownValue;
+          returnFiber = nextRenderExpirationTime;
+          sourceFiber.effectTag |= 512;
+          sourceFiber.firstEffect = sourceFiber.lastEffect = null;
+          nextRenderDidError = !0;
+          if (
+            (root.didError || 1 === returnFiber) &&
+            (returnFiber === root.latestPendingTime ||
+              returnFiber === root.latestSuspendedTime)
+          ) {
+            value = createCapturedValue(value, sourceFiber);
+            root = returnFiber$jscomp$0;
+            do {
+              switch (root.tag) {
+                case 3:
+                  root.effectTag |= 1024;
+                  value = createRootErrorUpdate(root, value, returnFiber);
+                  enqueueCapturedUpdate(root, value, returnFiber);
+                  break a;
+                case 2:
+                  if (
+                    ((returnFiber$jscomp$0 = value),
+                    (sourceFiber = root.stateNode),
+                    0 === (root.effectTag & 64) &&
+                      null !== sourceFiber &&
+                      "function" === typeof sourceFiber.componentDidCatch &&
+                      (null === legacyErrorBoundariesThatAlreadyFailed ||
+                        !legacyErrorBoundariesThatAlreadyFailed.has(
+                          sourceFiber
+                        )))
+                  ) {
+                    root.effectTag |= 1024;
+                    value = createClassErrorUpdate(
+                      root,
+                      returnFiber$jscomp$0,
+                      returnFiber
+                    );
+                    enqueueCapturedUpdate(root, value, returnFiber);
+                    break a;
+                  }
+              }
+              root = root.return;
+            } while (null !== root);
+          }
+        }
+        nextUnitOfWork = completeUnitOfWork(isYieldy);
+      }
+    }
+    break;
+  } while (1);
+  isWorking = !1;
+  didFatal
+    ? (root$jscomp$0.finishedWork = null)
+    : null === nextUnitOfWork
+      ? ((didFatal = root$jscomp$0.current.alternate),
+        invariant(
+          null !== didFatal,
+          "Finished root should have a work-in-progress. This error is likely caused by a bug in React. Please file an issue."
+        ),
+        0 === (didFatal.effectTag & 512)
+          ? ((root$jscomp$0.pendingCommitExpirationTime = expirationTime),
+            (root$jscomp$0.finishedWork = didFatal))
+          : (!nextRenderDidError ||
+            (expirationTime !== root$jscomp$0.latestPendingTime &&
+              expirationTime !== root$jscomp$0.latestSuspendedTime)
+              ? ((didFatal = root$jscomp$0.earliestPendingTime),
+                (isYieldy = root$jscomp$0.latestPendingTime),
+                didFatal === expirationTime
+                  ? (root$jscomp$0.earliestPendingTime =
+                      isYieldy === expirationTime
+                        ? (root$jscomp$0.latestPendingTime = 0)
+                        : isYieldy)
+                  : isYieldy === expirationTime &&
+                    (root$jscomp$0.latestPendingTime = didFatal),
+                (didFatal = root$jscomp$0.latestSuspendedTime),
+                didFatal === expirationTime &&
+                  (root$jscomp$0.latestPingedTime = 0),
+                (isYieldy = root$jscomp$0.earliestSuspendedTime),
+                0 === isYieldy
+                  ? (root$jscomp$0.earliestSuspendedTime = root$jscomp$0.latestSuspendedTime = expirationTime)
+                  : isYieldy > expirationTime
+                    ? (root$jscomp$0.earliestSuspendedTime = expirationTime)
+                    : didFatal < expirationTime &&
+                      (root$jscomp$0.latestSuspendedTime = expirationTime))
+              : (root$jscomp$0.didError = !0),
+            findNextPendingPriorityLevel(root$jscomp$0),
+            onSuspend(
+              root$jscomp$0,
+              expirationTime,
+              root$jscomp$0.expirationTime,
+              nextLatestTimeoutMs
+            )))
+      : (root$jscomp$0.finishedWork = null);
+}
+function captureCommitPhaseError(fiber, error) {
+  var JSCompiler_inline_result;
+  a: {
+    invariant(
+      !isWorking || isCommitting$1,
+      "dispatch: Cannot dispatch during the render phase."
+    );
+    for (
+      JSCompiler_inline_result = fiber.return;
+      null !== JSCompiler_inline_result;
+
+    ) {
+      switch (JSCompiler_inline_result.tag) {
+        case 2:
+          var instance = JSCompiler_inline_result.stateNode;
+          if (
+            "function" ===
+              typeof JSCompiler_inline_result.type.getDerivedStateFromCatch ||
+            ("function" === typeof instance.componentDidCatch &&
+              (null === legacyErrorBoundariesThatAlreadyFailed ||
+                !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
+          ) {
+            fiber = createCapturedValue(error, fiber);
+            fiber = createClassErrorUpdate(JSCompiler_inline_result, fiber, 1);
+            enqueueUpdate(JSCompiler_inline_result, fiber, 1);
+            scheduleWork(JSCompiler_inline_result, 1);
+            JSCompiler_inline_result = void 0;
+            break a;
+          }
+          break;
+        case 3:
+          fiber = createCapturedValue(error, fiber);
+          fiber = createRootErrorUpdate(JSCompiler_inline_result, fiber, 1);
+          enqueueUpdate(JSCompiler_inline_result, fiber, 1);
+          scheduleWork(JSCompiler_inline_result, 1);
+          JSCompiler_inline_result = void 0;
+          break a;
+      }
+      JSCompiler_inline_result = JSCompiler_inline_result.return;
+    }
+    3 === fiber.tag &&
+      ((JSCompiler_inline_result = createCapturedValue(error, fiber)),
+      (JSCompiler_inline_result = createRootErrorUpdate(
+        fiber,
+        JSCompiler_inline_result,
+        1
+      )),
+      enqueueUpdate(fiber, JSCompiler_inline_result, 1),
+      scheduleWork(fiber, 1));
+    JSCompiler_inline_result = void 0;
+  }
+  return JSCompiler_inline_result;
+}
+function computeExpirationForFiber(currentTime, fiber) {
+  currentTime =
+    0 !== expirationContext
+      ? expirationContext
+      : isWorking
+        ? isCommitting$1 ? 1 : nextRenderExpirationTime
+        : fiber.mode & 1
+          ? isBatchingInteractiveUpdates
+            ? 2 + 10 * ((((currentTime - 2 + 15) / 10) | 0) + 1)
+            : 2 + 25 * ((((currentTime - 2 + 500) / 25) | 0) + 1)
+          : 1;
+  isBatchingInteractiveUpdates &&
+    (0 === lowestPendingInteractiveExpirationTime ||
+      currentTime > lowestPendingInteractiveExpirationTime) &&
+    (lowestPendingInteractiveExpirationTime = currentTime);
+  return currentTime;
+}
+function scheduleWork(fiber, expirationTime) {
+  for (; null !== fiber; ) {
+    if (0 === fiber.expirationTime || fiber.expirationTime > expirationTime)
+      fiber.expirationTime = expirationTime;
+    null !== fiber.alternate &&
+      (0 === fiber.alternate.expirationTime ||
+        fiber.alternate.expirationTime > expirationTime) &&
+      (fiber.alternate.expirationTime = expirationTime);
+    if (null === fiber.return)
+      if (3 === fiber.tag) {
+        var root = fiber.stateNode;
+        !isWorking &&
+          0 !== nextRenderExpirationTime &&
+          expirationTime < nextRenderExpirationTime &&
+          resetStack();
+        markPendingPriorityLevel(root, expirationTime);
+        (isWorking && !isCommitting$1 && nextRoot === root) ||
+          requestWork(root, root.expirationTime);
+        nestedUpdateCount > NESTED_UPDATE_LIMIT &&
+          invariant(
+            !1,
+            "Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops."
+          );
+      } else break;
+    fiber = fiber.return;
+  }
+}
+function recalculateCurrentTime() {
+  mostRecentCurrentTimeMs = now$1() - originalStartTimeMs;
+  return (mostRecentCurrentTime = ((mostRecentCurrentTimeMs / 10) | 0) + 2);
+}
+function syncUpdates(fn, a, b, c, d) {
+  var previousExpirationContext = expirationContext;
+  expirationContext = 1;
+  try {
+    return fn(a, b, c, d);
+  } finally {
+    expirationContext = previousExpirationContext;
+  }
+}
+var firstScheduledRoot = null,
+  lastScheduledRoot = null,
+  callbackExpirationTime = 0,
+  callbackID = void 0,
+  isRendering = !1,
+  nextFlushedRoot = null,
+  nextFlushedExpirationTime = 0,
+  lowestPendingInteractiveExpirationTime = 0,
+  deadlineDidExpire = !1,
+  hasUnhandledError = !1,
+  unhandledError = null,
+  deadline = null,
+  isBatchingUpdates = !1,
+  isUnbatchingUpdates = !1,
+  isBatchingInteractiveUpdates = !1,
+  completedBatches = null,
+  NESTED_UPDATE_LIMIT = 1e3,
+  nestedUpdateCount = 0,
+  timeHeuristicForUnitOfWork = 1;
+function scheduleCallbackWithExpirationTime(expirationTime) {
+  if (0 !== callbackExpirationTime) {
+    if (expirationTime > callbackExpirationTime) return;
+    if (null !== callbackID) {
+      var callbackID$jscomp$0 = callbackID;
+      scheduledCallback = null;
+      clearTimeout(callbackID$jscomp$0);
+    }
+  }
+  callbackExpirationTime = expirationTime;
+  now$1();
+  scheduledCallback = performAsyncWork;
+  callbackID = setTimeout(setTimeoutCallback, 1);
+}
+function onSuspend(root, suspendedExpirationTime, expirationTime, timeoutMs) {
+  0 <= timeoutMs &&
+    setTimeout(function() {
+      var latestSuspendedTime = root.latestSuspendedTime;
+      0 !== latestSuspendedTime &&
+        latestSuspendedTime <= suspendedExpirationTime &&
+        ((latestSuspendedTime = root.latestPingedTime),
+        0 === latestSuspendedTime ||
+          latestSuspendedTime < suspendedExpirationTime) &&
+        (root.latestPingedTime = suspendedExpirationTime);
+      findNextPendingPriorityLevel(root);
+      latestSuspendedTime = root.expirationTime;
+      0 !== latestSuspendedTime && requestWork(root, latestSuspendedTime);
+    }, timeoutMs);
+  root.expirationTime = expirationTime;
+}
+function requestWork(root, expirationTime) {
+  if (null === root.nextScheduledRoot)
+    (root.expirationTime = expirationTime),
+      null === lastScheduledRoot
+        ? ((firstScheduledRoot = lastScheduledRoot = root),
+          (root.nextScheduledRoot = root))
+        : ((lastScheduledRoot = lastScheduledRoot.nextScheduledRoot = root),
+          (lastScheduledRoot.nextScheduledRoot = firstScheduledRoot));
+  else {
+    var remainingExpirationTime = root.expirationTime;
+    if (
+      0 === remainingExpirationTime ||
+      expirationTime < remainingExpirationTime
+    )
+      root.expirationTime = expirationTime;
+  }
+  isRendering ||
+    (isBatchingUpdates
+      ? isUnbatchingUpdates &&
+        ((nextFlushedRoot = root),
+        (nextFlushedExpirationTime = 1),
+        performWorkOnRoot(root, 1, !1))
+      : 1 === expirationTime
+        ? performWork(1, null)
+        : scheduleCallbackWithExpirationTime(expirationTime));
+}
+function findHighestPriorityRoot() {
+  var highestPriorityWork = 0,
+    highestPriorityRoot = null;
+  if (null !== lastScheduledRoot)
+    for (
+      var previousScheduledRoot = lastScheduledRoot, root = firstScheduledRoot;
+      null !== root;
+
+    ) {
+      var remainingExpirationTime = root.expirationTime;
+      if (0 === remainingExpirationTime) {
+        invariant(
+          null !== previousScheduledRoot && null !== lastScheduledRoot,
+          "Should have a previous and last root. This error is likely caused by a bug in React. Please file an issue."
+        );
+        if (root === root.nextScheduledRoot) {
+          firstScheduledRoot = lastScheduledRoot = root.nextScheduledRoot = null;
+          break;
+        } else if (root === firstScheduledRoot)
+          (firstScheduledRoot = remainingExpirationTime =
+            root.nextScheduledRoot),
+            (lastScheduledRoot.nextScheduledRoot = remainingExpirationTime),
+            (root.nextScheduledRoot = null);
+        else if (root === lastScheduledRoot) {
+          lastScheduledRoot = previousScheduledRoot;
+          lastScheduledRoot.nextScheduledRoot = firstScheduledRoot;
+          root.nextScheduledRoot = null;
+          break;
+        } else
+          (previousScheduledRoot.nextScheduledRoot = root.nextScheduledRoot),
+            (root.nextScheduledRoot = null);
+        root = previousScheduledRoot.nextScheduledRoot;
+      } else {
+        if (
+          0 === highestPriorityWork ||
+          remainingExpirationTime < highestPriorityWork
+        )
+          (highestPriorityWork = remainingExpirationTime),
+            (highestPriorityRoot = root);
+        if (root === lastScheduledRoot) break;
+        previousScheduledRoot = root;
+        root = root.nextScheduledRoot;
+      }
+    }
+  previousScheduledRoot = nextFlushedRoot;
+  null !== previousScheduledRoot &&
+  previousScheduledRoot === highestPriorityRoot &&
+  1 === highestPriorityWork
+    ? nestedUpdateCount++
+    : (nestedUpdateCount = 0);
+  nextFlushedRoot = highestPriorityRoot;
+  nextFlushedExpirationTime = highestPriorityWork;
+}
+function performAsyncWork(dl) {
+  performWork(0, dl);
+}
+function performWork(minExpirationTime, dl) {
+  deadline = dl;
+  findHighestPriorityRoot();
+  if (null !== deadline)
+    for (
+      ;
+      null !== nextFlushedRoot &&
+      0 !== nextFlushedExpirationTime &&
+      (0 === minExpirationTime ||
+        minExpirationTime >= nextFlushedExpirationTime) &&
+      (!deadlineDidExpire ||
+        recalculateCurrentTime() >= nextFlushedExpirationTime);
+
+    )
+      recalculateCurrentTime(),
+        performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, !0),
+        findHighestPriorityRoot();
+  else
+    for (
+      ;
+      null !== nextFlushedRoot &&
+      0 !== nextFlushedExpirationTime &&
+      (0 === minExpirationTime ||
+        minExpirationTime >= nextFlushedExpirationTime);
+
+    )
+      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, !1),
+        findHighestPriorityRoot();
+  null !== deadline && ((callbackExpirationTime = 0), (callbackID = null));
+  0 !== nextFlushedExpirationTime &&
+    scheduleCallbackWithExpirationTime(nextFlushedExpirationTime);
+  deadline = null;
+  deadlineDidExpire = !1;
+  finishRendering();
+}
+function finishRendering() {
+  nestedUpdateCount = 0;
+  if (null !== completedBatches) {
+    var batches = completedBatches;
+    completedBatches = null;
+    for (var i = 0; i < batches.length; i++) {
+      var batch = batches[i];
+      try {
+        batch._onComplete();
+      } catch (error) {
+        hasUnhandledError ||
+          ((hasUnhandledError = !0), (unhandledError = error));
+      }
+    }
+  }
+  if (hasUnhandledError)
+    throw ((batches = unhandledError),
+    (unhandledError = null),
+    (hasUnhandledError = !1),
+    batches);
+}
+function performWorkOnRoot(root, expirationTime, isYieldy) {
+  invariant(
+    !isRendering,
+    "performWorkOnRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
+  );
+  isRendering = !0;
+  isYieldy
+    ? ((isYieldy = root.finishedWork),
+      null !== isYieldy
+        ? completeRoot(root, isYieldy, expirationTime)
+        : ((root.finishedWork = null),
+          renderRoot(root, !0),
+          (isYieldy = root.finishedWork),
+          null !== isYieldy &&
+            (shouldYield()
+              ? (root.finishedWork = isYieldy)
+              : completeRoot(root, isYieldy, expirationTime))))
+    : ((isYieldy = root.finishedWork),
+      null !== isYieldy
+        ? completeRoot(root, isYieldy, expirationTime)
+        : ((root.finishedWork = null),
+          renderRoot(root, !1),
+          (isYieldy = root.finishedWork),
+          null !== isYieldy && completeRoot(root, isYieldy, expirationTime)));
+  isRendering = !1;
+}
+function completeRoot(root, finishedWork$jscomp$0, expirationTime) {
+  var firstBatch = root.firstBatch;
+  if (
+    null !== firstBatch &&
+    firstBatch._expirationTime <= expirationTime &&
+    (null === completedBatches
+      ? (completedBatches = [firstBatch])
+      : completedBatches.push(firstBatch),
+    firstBatch._defer)
+  ) {
+    root.finishedWork = finishedWork$jscomp$0;
+    root.expirationTime = 0;
+    return;
+  }
+  root.finishedWork = null;
+  isCommitting$1 = isWorking = !0;
+  invariant(
+    root.current !== finishedWork$jscomp$0,
+    "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."
+  );
+  expirationTime = root.pendingCommitExpirationTime;
+  invariant(
+    0 !== expirationTime,
+    "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
+  );
+  root.pendingCommitExpirationTime = 0;
+  firstBatch = finishedWork$jscomp$0.expirationTime;
+  recalculateCurrentTime();
+  root.didError = !1;
+  if (0 === firstBatch)
+    (root.earliestPendingTime = 0),
+      (root.latestPendingTime = 0),
+      (root.earliestSuspendedTime = 0),
+      (root.latestSuspendedTime = 0),
+      (root.latestPingedTime = 0);
+  else {
+    var latestPendingTime = root.latestPendingTime;
+    0 !== latestPendingTime &&
+      (latestPendingTime < firstBatch
+        ? (root.earliestPendingTime = root.latestPendingTime = 0)
+        : root.earliestPendingTime < firstBatch &&
+          (root.earliestPendingTime = root.latestPendingTime));
+    latestPendingTime = root.earliestSuspendedTime;
+    0 === latestPendingTime
+      ? markPendingPriorityLevel(root, firstBatch)
+      : firstBatch > root.latestSuspendedTime
+        ? ((root.earliestSuspendedTime = 0),
+          (root.latestSuspendedTime = 0),
+          (root.latestPingedTime = 0),
+          markPendingPriorityLevel(root, firstBatch))
+        : firstBatch < latestPendingTime &&
+          markPendingPriorityLevel(root, firstBatch);
+  }
+  findNextPendingPriorityLevel(root);
+  ReactCurrentOwner.current = null;
+  1 < finishedWork$jscomp$0.effectTag
+    ? null !== finishedWork$jscomp$0.lastEffect
+      ? ((finishedWork$jscomp$0.lastEffect.nextEffect = finishedWork$jscomp$0),
+        (firstBatch = finishedWork$jscomp$0.firstEffect))
+      : (firstBatch = finishedWork$jscomp$0)
+    : (firstBatch = finishedWork$jscomp$0.firstEffect);
+  for (nextEffect = firstBatch; null !== nextEffect; ) {
+    latestPendingTime = !1;
+    var error = void 0;
+    try {
+      for (; null !== nextEffect; ) {
+        if (nextEffect.effectTag & 256) {
+          var current = nextEffect.alternate,
+            finishedWork = nextEffect;
+          switch (finishedWork.tag) {
+            case 2:
+              if (finishedWork.effectTag & 256 && null !== current) {
+                var prevProps = current.memoizedProps,
+                  prevState = current.memoizedState,
+                  instance = finishedWork.stateNode;
+                instance.props = finishedWork.memoizedProps;
+                instance.state = finishedWork.memoizedState;
+                var snapshot = instance.getSnapshotBeforeUpdate(
+                  prevProps,
+                  prevState
+                );
+                instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+              }
+              break;
+            case 3:
+            case 5:
+            case 6:
+            case 4:
+              break;
+            default:
+              invariant(
+                !1,
+                "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+              );
+          }
+        }
+        nextEffect = nextEffect.nextEffect;
+      }
+    } catch (e) {
+      (latestPendingTime = !0), (error = e);
+    }
+    latestPendingTime &&
+      (invariant(
+        null !== nextEffect,
+        "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
+      ),
+      captureCommitPhaseError(nextEffect, error),
+      null !== nextEffect && (nextEffect = nextEffect.nextEffect));
+  }
+  for (nextEffect = firstBatch; null !== nextEffect; ) {
+    current = !1;
+    prevProps = void 0;
+    try {
+      for (; null !== nextEffect; ) {
+        var effectTag = nextEffect.effectTag;
+        if (effectTag & 128) {
+          var current$jscomp$0 = nextEffect.alternate;
+          if (null !== current$jscomp$0) {
+            var currentRef = current$jscomp$0.ref;
+            null !== currentRef &&
+              ("function" === typeof currentRef
+                ? currentRef(null)
+                : (currentRef.current = null));
+          }
+        }
+        switch (effectTag & 14) {
+          case 2:
+            commitPlacement(nextEffect);
+            nextEffect.effectTag &= -3;
+            break;
+          case 6:
+            commitPlacement(nextEffect);
+            nextEffect.effectTag &= -3;
+            commitWork(nextEffect.alternate, nextEffect);
+            break;
+          case 4:
+            commitWork(nextEffect.alternate, nextEffect);
+            break;
+          case 8:
+            (prevState = nextEffect),
+              unmountHostComponents(prevState),
+              (prevState.return = null),
+              (prevState.child = null),
+              prevState.alternate &&
+                ((prevState.alternate.child = null),
+                (prevState.alternate.return = null));
+        }
+        nextEffect = nextEffect.nextEffect;
+      }
+    } catch (e) {
+      (current = !0), (prevProps = e);
+    }
+    current &&
+      (invariant(
+        null !== nextEffect,
+        "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
+      ),
+      captureCommitPhaseError(nextEffect, prevProps),
+      null !== nextEffect && (nextEffect = nextEffect.nextEffect));
+  }
+  root.current = finishedWork$jscomp$0;
+  for (nextEffect = firstBatch; null !== nextEffect; ) {
+    effectTag = !1;
+    current$jscomp$0 = void 0;
+    try {
+      for (currentRef = expirationTime; null !== nextEffect; ) {
+        var effectTag$jscomp$0 = nextEffect.effectTag;
+        if (effectTag$jscomp$0 & 36) {
+          var current$jscomp$1 = nextEffect.alternate;
+          current = nextEffect;
+          prevProps = currentRef;
+          switch (current.tag) {
+            case 2:
+              var instance$jscomp$0 = current.stateNode;
+              if (current.effectTag & 4)
+                if (null === current$jscomp$1)
+                  (instance$jscomp$0.props = current.memoizedProps),
+                    (instance$jscomp$0.state = current.memoizedState),
+                    instance$jscomp$0.componentDidMount();
+                else {
+                  var prevProps$jscomp$0 = current$jscomp$1.memoizedProps,
+                    prevState$jscomp$0 = current$jscomp$1.memoizedState;
+                  instance$jscomp$0.props = current.memoizedProps;
+                  instance$jscomp$0.state = current.memoizedState;
+                  instance$jscomp$0.componentDidUpdate(
+                    prevProps$jscomp$0,
+                    prevState$jscomp$0,
+                    instance$jscomp$0.__reactInternalSnapshotBeforeUpdate
+                  );
+                }
+              var updateQueue = current.updateQueue;
+              null !== updateQueue &&
+                ((instance$jscomp$0.props = current.memoizedProps),
+                (instance$jscomp$0.state = current.memoizedState),
+                commitUpdateQueue(
+                  current,
+                  updateQueue,
+                  instance$jscomp$0,
+                  prevProps
+                ));
+              break;
+            case 3:
+              var _updateQueue = current.updateQueue;
+              if (null !== _updateQueue) {
+                prevState = null;
+                if (null !== current.child)
+                  switch (current.child.tag) {
+                    case 5:
+                      prevState = current.child.stateNode;
+                      break;
+                    case 2:
+                      prevState = current.child.stateNode;
+                  }
+                commitUpdateQueue(current, _updateQueue, prevState, prevProps);
+              }
+              break;
+            case 5:
+              break;
+            case 6:
+              break;
+            case 4:
+              break;
+            case 15:
+              break;
+            case 16:
+              break;
+            default:
+              invariant(
+                !1,
+                "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+              );
+          }
+        }
+        if (effectTag$jscomp$0 & 128) {
+          current = void 0;
+          var ref = nextEffect.ref;
+          if (null !== ref) {
+            var instance$jscomp$1 = nextEffect.stateNode;
+            switch (nextEffect.tag) {
+              case 5:
+                current = instance$jscomp$1;
+                break;
+              default:
+                current = instance$jscomp$1;
+            }
+            "function" === typeof ref ? ref(current) : (ref.current = current);
+          }
+        }
+        var next = nextEffect.nextEffect;
+        nextEffect.nextEffect = null;
+        nextEffect = next;
+      }
+    } catch (e) {
+      (effectTag = !0), (current$jscomp$0 = e);
+    }
+    effectTag &&
+      (invariant(
+        null !== nextEffect,
+        "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
+      ),
+      captureCommitPhaseError(nextEffect, current$jscomp$0),
+      null !== nextEffect && (nextEffect = nextEffect.nextEffect));
+  }
+  isWorking = isCommitting$1 = !1;
+  "function" === typeof onCommitRoot &&
+    onCommitRoot(finishedWork$jscomp$0.stateNode);
+  finishedWork$jscomp$0 = root.expirationTime;
+  0 === finishedWork$jscomp$0 &&
+    (legacyErrorBoundariesThatAlreadyFailed = null);
+  root.expirationTime = finishedWork$jscomp$0;
+  root.finishedWork = null;
+}
+function shouldYield() {
+  return null === deadline ||
+    deadlineDidExpire ||
+    deadline.timeRemaining() > timeHeuristicForUnitOfWork
+    ? !1
+    : (deadlineDidExpire = !0);
+}
+function onUncaughtError(error) {
+  invariant(
+    null !== nextFlushedRoot,
+    "Should be working on a root. This error is likely caused by a bug in React. Please file an issue."
+  );
+  nextFlushedRoot.expirationTime = 0;
+  hasUnhandledError || ((hasUnhandledError = !0), (unhandledError = error));
+}
+function updateContainerAtExpirationTime(
+  element,
+  container,
+  parentComponent,
+  expirationTime,
+  callback
+) {
+  var current = container.current;
+  if (parentComponent) {
+    parentComponent = parentComponent._reactInternalFiber;
+    var parentContext;
+    b: {
+      invariant(
+        2 === isFiberMountedImpl(parentComponent) && 2 === parentComponent.tag,
+        "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+      );
+      for (parentContext = parentComponent; 3 !== parentContext.tag; ) {
+        if (isContextProvider(parentContext)) {
+          parentContext =
+            parentContext.stateNode.__reactInternalMemoizedMergedChildContext;
+          break b;
+        }
+        parentContext = parentContext.return;
+        invariant(
+          parentContext,
+          "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+        );
+      }
+      parentContext = parentContext.stateNode.context;
+    }
+    parentComponent = isContextProvider(parentComponent)
+      ? processChildContext(parentComponent, parentContext)
+      : parentContext;
+  } else parentComponent = emptyObject;
+  null === container.context
+    ? (container.context = parentComponent)
+    : (container.pendingContext = parentComponent);
+  container = callback;
+  callback = createUpdate(expirationTime);
+  callback.payload = { element: element };
+  container = void 0 === container ? null : container;
+  null !== container && (callback.callback = container);
+  enqueueUpdate(current, callback, expirationTime);
+  scheduleWork(current, expirationTime);
+  return expirationTime;
+}
+function findHostInstance$1(component) {
+  var fiber = component._reactInternalFiber;
+  void 0 === fiber &&
+    ("function" === typeof component.render
+      ? invariant(!1, "Unable to find node on an unmounted component.")
+      : invariant(
+          !1,
+          "Argument appears to not be a ReactComponent. Keys: %s",
+          Object.keys(component)
+        ));
+  component = findCurrentHostFiber(fiber);
+  return null === component ? null : component.stateNode;
+}
+function updateContainer(element, container, parentComponent, callback) {
+  var current = container.current,
+    currentTime = recalculateCurrentTime();
+  current = computeExpirationForFiber(currentTime, current);
+  return updateContainerAtExpirationTime(
+    element,
+    container,
+    parentComponent,
+    current,
+    callback
+  );
+}
+function getPublicRootInstance(container) {
+  container = container.current;
+  if (!container.child) return null;
+  switch (container.child.tag) {
+    case 5:
+      return container.child.stateNode;
+    default:
+      return container.child.stateNode;
+  }
+}
+function injectIntoDevTools(devToolsConfig) {
+  var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+  return injectInternals(
+    Object.assign({}, devToolsConfig, {
+      findHostInstanceByFiber: function(fiber) {
+        fiber = findCurrentHostFiber(fiber);
+        return null === fiber ? null : fiber.stateNode;
+      },
+      findFiberByHostInstance: function(instance) {
+        return findFiberByHostInstance
+          ? findFiberByHostInstance(instance)
+          : null;
+      }
+    })
+  );
+}
+var ReactNativeFiberRenderer = {
+  updateContainerAtExpirationTime: updateContainerAtExpirationTime,
+  createContainer: function(containerInfo, isAsync, hydrate) {
+    return createFiberRoot(containerInfo, isAsync, hydrate);
+  },
+  updateContainer: updateContainer,
+  flushRoot: function(root, expirationTime) {
+    invariant(
+      !isRendering,
+      "work.commit(): Cannot commit while already rendering. This likely means you attempted to commit from inside a lifecycle method."
+    );
+    nextFlushedRoot = root;
+    nextFlushedExpirationTime = expirationTime;
+    performWorkOnRoot(root, expirationTime, !1);
+    performWork(1, null);
+    finishRendering();
+  },
+  requestWork: requestWork,
+  computeUniqueAsyncExpiration: function() {
+    var result =
+      2 + 25 * ((((recalculateCurrentTime() - 2 + 500) / 25) | 0) + 1);
+    result <= lastUniqueAsyncExpiration &&
+      (result = lastUniqueAsyncExpiration + 1);
+    return (lastUniqueAsyncExpiration = result);
+  },
+  batchedUpdates: function(fn, a) {
+    var previousIsBatchingUpdates = isBatchingUpdates;
+    isBatchingUpdates = !0;
+    try {
+      return fn(a);
+    } finally {
+      (isBatchingUpdates = previousIsBatchingUpdates) ||
+        isRendering ||
+        performWork(1, null);
+    }
+  },
+  unbatchedUpdates: function(fn, a) {
+    if (isBatchingUpdates && !isUnbatchingUpdates) {
+      isUnbatchingUpdates = !0;
+      try {
+        return fn(a);
+      } finally {
+        isUnbatchingUpdates = !1;
+      }
+    }
+    return fn(a);
+  },
+  deferredUpdates: function(fn) {
+    var previousExpirationContext = expirationContext;
+    expirationContext =
+      2 + 25 * ((((recalculateCurrentTime() - 2 + 500) / 25) | 0) + 1);
+    try {
+      return fn();
+    } finally {
+      expirationContext = previousExpirationContext;
+    }
+  },
+  syncUpdates: syncUpdates,
+  interactiveUpdates: function(fn, a, b) {
+    if (isBatchingInteractiveUpdates) return fn(a, b);
+    isBatchingUpdates ||
+      isRendering ||
+      0 === lowestPendingInteractiveExpirationTime ||
+      (performWork(lowestPendingInteractiveExpirationTime, null),
+      (lowestPendingInteractiveExpirationTime = 0));
+    var previousIsBatchingInteractiveUpdates = isBatchingInteractiveUpdates,
+      previousIsBatchingUpdates = isBatchingUpdates;
+    isBatchingUpdates = isBatchingInteractiveUpdates = !0;
+    try {
+      return fn(a, b);
+    } finally {
+      (isBatchingInteractiveUpdates = previousIsBatchingInteractiveUpdates),
+        (isBatchingUpdates = previousIsBatchingUpdates) ||
+          isRendering ||
+          performWork(1, null);
+    }
+  },
+  flushInteractiveUpdates: function() {
+    isRendering ||
+      0 === lowestPendingInteractiveExpirationTime ||
+      (performWork(lowestPendingInteractiveExpirationTime, null),
+      (lowestPendingInteractiveExpirationTime = 0));
+  },
+  flushControlled: function(fn) {
+    var previousIsBatchingUpdates = isBatchingUpdates;
+    isBatchingUpdates = !0;
+    try {
+      syncUpdates(fn);
+    } finally {
+      (isBatchingUpdates = previousIsBatchingUpdates) ||
+        isRendering ||
+        performWork(1, null);
+    }
+  },
+  flushSync: function(fn, a) {
+    invariant(
+      !isRendering,
+      "flushSync was called from inside a lifecycle method. It cannot be called when React is already rendering."
+    );
+    var previousIsBatchingUpdates = isBatchingUpdates;
+    isBatchingUpdates = !0;
+    try {
+      return syncUpdates(fn, a);
+    } finally {
+      (isBatchingUpdates = previousIsBatchingUpdates), performWork(1, null);
+    }
+  },
+  getPublicRootInstance: getPublicRootInstance,
+  findHostInstance: findHostInstance$1,
+  findHostInstanceWithNoPortals: function(fiber) {
+    fiber = findCurrentHostFiberWithNoPortals(fiber);
+    return null === fiber ? null : fiber.stateNode;
+  },
+  injectIntoDevTools: injectIntoDevTools
+};
+function createPortal(children, containerInfo, implementation) {
+  var key =
+    3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
+  return {
+    $$typeof: REACT_PORTAL_TYPE,
+    key: null == key ? null : "" + key,
+    children: children,
+    containerInfo: containerInfo,
+    implementation: implementation
+  };
+}
+function _inherits(subClass, superClass) {
+  if ("function" !== typeof superClass && null !== superClass)
+    throw new TypeError(
+      "Super expression must either be null or a function, not " +
+        typeof superClass
+    );
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: !1,
+      writable: !0,
+      configurable: !0
+    }
+  });
+  superClass &&
+    (Object.setPrototypeOf
+      ? Object.setPrototypeOf(subClass, superClass)
+      : (subClass.__proto__ = superClass));
+}
+var getInspectorDataForViewTag = void 0;
+getInspectorDataForViewTag = function() {
+  invariant(!1, "getInspectorDataForViewTag() is not available in production");
+};
+function findNodeHandle(componentOrHandle) {
+  if (null == componentOrHandle) return null;
+  if ("number" === typeof componentOrHandle) return componentOrHandle;
+  if (componentOrHandle._nativeTag) return componentOrHandle._nativeTag;
+  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
+    return componentOrHandle.canonical._nativeTag;
+  componentOrHandle = findHostInstance$1(componentOrHandle);
+  return null == componentOrHandle
+    ? componentOrHandle
+    : componentOrHandle.canonical
+      ? componentOrHandle.canonical._nativeTag
+      : componentOrHandle._nativeTag;
+}
+_batchedUpdates = ReactNativeFiberRenderer.batchedUpdates;
+_flushInteractiveUpdates = ReactNativeFiberRenderer.flushInteractiveUpdates;
+var roots = new Map(),
+  ReactNativeRenderer = {
+    NativeComponent: (function(findNodeHandle, findHostInstance) {
+      return (function(_React$Component) {
+        function ReactNativeComponent() {
+          if (!(this instanceof ReactNativeComponent))
+            throw new TypeError("Cannot call a class as a function");
+          var call = _React$Component.apply(this, arguments);
+          if (!this)
+            throw new ReferenceError(
+              "this hasn't been initialised - super() hasn't been called"
+            );
+          return !call ||
+            ("object" !== typeof call && "function" !== typeof call)
+            ? this
+            : call;
+        }
+        _inherits(ReactNativeComponent, _React$Component);
+        ReactNativeComponent.prototype.blur = function() {
+          TextInputState.blurTextInput(findNodeHandle(this));
+        };
+        ReactNativeComponent.prototype.focus = function() {
+          TextInputState.focusTextInput(findNodeHandle(this));
+        };
+        ReactNativeComponent.prototype.measure = function(callback) {
+          UIManager.measure(
+            findNodeHandle(this),
+            mountSafeCallback(this, callback)
+          );
+        };
+        ReactNativeComponent.prototype.measureInWindow = function(callback) {
+          UIManager.measureInWindow(
+            findNodeHandle(this),
+            mountSafeCallback(this, callback)
+          );
+        };
+        ReactNativeComponent.prototype.measureLayout = function(
+          relativeToNativeNode,
+          onSuccess,
+          onFail
+        ) {
+          UIManager.measureLayout(
+            findNodeHandle(this),
+            relativeToNativeNode,
+            mountSafeCallback(this, onFail),
+            mountSafeCallback(this, onSuccess)
+          );
+        };
+        ReactNativeComponent.prototype.setNativeProps = function(nativeProps) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          if (null != maybeInstance) {
+            var viewConfig =
+              maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
+            nativeProps = diffProperties(
+              null,
+              emptyObject$1,
+              nativeProps,
+              viewConfig.validAttributes
+            );
+            null != nativeProps &&
+              UIManager.updateView(
+                maybeInstance._nativeTag,
+                viewConfig.uiViewClassName,
+                nativeProps
+              );
+          }
+        };
+        return ReactNativeComponent;
+      })(React.Component);
+    })(findNodeHandle, findHostInstance$1),
+    findNodeHandle: findNodeHandle,
+    render: function(element, containerTag, callback) {
+      var root = roots.get(containerTag);
+      root ||
+        ((root = createFiberRoot(containerTag, !1, !1)),
+        roots.set(containerTag, root));
+      updateContainer(element, root, null, callback);
+      return getPublicRootInstance(root);
+    },
+    unmountComponentAtNode: function(containerTag) {
+      var root = roots.get(containerTag);
+      root &&
+        updateContainer(null, root, null, function() {
+          roots.delete(containerTag);
+        });
+    },
+    unmountComponentAtNodeAndRemoveContainer: function(containerTag) {
+      ReactNativeRenderer.unmountComponentAtNode(containerTag);
+      UIManager.removeRootView(containerTag);
+    },
+    createPortal: function(children, containerTag) {
+      return createPortal(
+        children,
+        containerTag,
+        null,
+        2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
+      );
+    },
+    unstable_batchedUpdates: batchedUpdates,
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
+      NativeMethodsMixin: (function(findNodeHandle, findHostInstance) {
+        return {
+          measure: function(callback) {
+            UIManager.measure(
+              findNodeHandle(this),
+              mountSafeCallback(this, callback)
+            );
+          },
+          measureInWindow: function(callback) {
+            UIManager.measureInWindow(
+              findNodeHandle(this),
+              mountSafeCallback(this, callback)
+            );
+          },
+          measureLayout: function(relativeToNativeNode, onSuccess, onFail) {
+            UIManager.measureLayout(
+              findNodeHandle(this),
+              relativeToNativeNode,
+              mountSafeCallback(this, onFail),
+              mountSafeCallback(this, onSuccess)
+            );
+          },
+          setNativeProps: function(nativeProps) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            if (null != maybeInstance) {
+              var viewConfig = maybeInstance.viewConfig;
+              nativeProps = diffProperties(
+                null,
+                emptyObject$1,
+                nativeProps,
+                viewConfig.validAttributes
+              );
+              null != nativeProps &&
+                UIManager.updateView(
+                  maybeInstance._nativeTag,
+                  viewConfig.uiViewClassName,
+                  nativeProps
+                );
+            }
+          },
+          focus: function() {
+            TextInputState.focusTextInput(findNodeHandle(this));
+          },
+          blur: function() {
+            TextInputState.blurTextInput(findNodeHandle(this));
+          }
+        };
+      })(findNodeHandle, findHostInstance$1),
+      computeComponentStackForErrorReporting: function(reactTag) {
+        return (reactTag = getInstanceFromTag(reactTag))
+          ? getStackAddendumByWorkInProgressFiber(reactTag)
+          : "";
+      }
+    }
+  };
+injectIntoDevTools({
+  findFiberByHostInstance: getInstanceFromTag,
+  getInspectorDataForViewTag: getInspectorDataForViewTag,
+  bundleType: 0,
+  version: "16.4.1",
+  rendererPackageName: "react-native-renderer"
+});
+var ReactNativeRenderer$2 = { default: ReactNativeRenderer },
+  ReactNativeRenderer$3 =
+    (ReactNativeRenderer$2 && ReactNativeRenderer) || ReactNativeRenderer$2;
+module.exports = ReactNativeRenderer$3.default
+  ? ReactNativeRenderer$3.default
+  : ReactNativeRenderer$3;
diff --git a/Libraries/Renderer/oss/ReactNativeRenderer-profiling.js b/Libraries/Renderer/oss/ReactNativeRenderer-profiling.js
new file mode 100644
index 00000000000000..1e2d9749c9e59a
--- /dev/null
+++ b/Libraries/Renderer/oss/ReactNativeRenderer-profiling.js
@@ -0,0 +1,5899 @@
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ * @providesModule ReactNativeRenderer-profiling
+ * @preventMunge
+ * @generated
+ */
+
+"use strict";
+require("InitializeCore");
+var invariant = require("fbjs/lib/invariant"),
+  ReactNativeViewConfigRegistry = require("ReactNativeViewConfigRegistry"),
+  UIManager = require("UIManager"),
+  RCTEventEmitter = require("RCTEventEmitter"),
+  React = require("react"),
+  emptyObject = require("fbjs/lib/emptyObject"),
+  deepDiffer = require("deepDiffer"),
+  flattenStyle = require("flattenStyle"),
+  TextInputState = require("TextInputState"),
+  ExceptionsManager = require("ExceptionsManager");
+function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
+  this._hasCaughtError = !1;
+  this._caughtError = null;
+  var funcArgs = Array.prototype.slice.call(arguments, 3);
+  try {
+    func.apply(context, funcArgs);
+  } catch (error) {
+    (this._caughtError = error), (this._hasCaughtError = !0);
+  }
+}
+var ReactErrorUtils = {
+  _caughtError: null,
+  _hasCaughtError: !1,
+  _rethrowError: null,
+  _hasRethrowError: !1,
+  invokeGuardedCallback: function(name, func, context, a, b, c, d, e, f) {
+    invokeGuardedCallback.apply(ReactErrorUtils, arguments);
+  },
+  invokeGuardedCallbackAndCatchFirstError: function(
+    name,
+    func,
+    context,
+    a,
+    b,
+    c,
+    d,
+    e,
+    f
+  ) {
+    ReactErrorUtils.invokeGuardedCallback.apply(this, arguments);
+    if (ReactErrorUtils.hasCaughtError()) {
+      var error = ReactErrorUtils.clearCaughtError();
+      ReactErrorUtils._hasRethrowError ||
+        ((ReactErrorUtils._hasRethrowError = !0),
+        (ReactErrorUtils._rethrowError = error));
+    }
+  },
+  rethrowCaughtError: function() {
+    return rethrowCaughtError.apply(ReactErrorUtils, arguments);
+  },
+  hasCaughtError: function() {
+    return ReactErrorUtils._hasCaughtError;
+  },
+  clearCaughtError: function() {
+    if (ReactErrorUtils._hasCaughtError) {
+      var error = ReactErrorUtils._caughtError;
+      ReactErrorUtils._caughtError = null;
+      ReactErrorUtils._hasCaughtError = !1;
+      return error;
+    }
+    invariant(
+      !1,
+      "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+    );
+  }
+};
+function rethrowCaughtError() {
+  if (ReactErrorUtils._hasRethrowError) {
+    var error = ReactErrorUtils._rethrowError;
+    ReactErrorUtils._rethrowError = null;
+    ReactErrorUtils._hasRethrowError = !1;
+    throw error;
+  }
+}
+var eventPluginOrder = null,
+  namesToPlugins = {};
+function recomputePluginOrdering() {
+  if (eventPluginOrder)
+    for (var pluginName in namesToPlugins) {
+      var pluginModule = namesToPlugins[pluginName],
+        pluginIndex = eventPluginOrder.indexOf(pluginName);
+      invariant(
+        -1 < pluginIndex,
+        "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `%s`.",
+        pluginName
+      );
+      if (!plugins[pluginIndex]) {
+        invariant(
+          pluginModule.extractEvents,
+          "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `%s` does not.",
+          pluginName
+        );
+        plugins[pluginIndex] = pluginModule;
+        pluginIndex = pluginModule.eventTypes;
+        for (var eventName in pluginIndex) {
+          var JSCompiler_inline_result = void 0;
+          var dispatchConfig = pluginIndex[eventName],
+            pluginModule$jscomp$0 = pluginModule,
+            eventName$jscomp$0 = eventName;
+          invariant(
+            !eventNameDispatchConfigs.hasOwnProperty(eventName$jscomp$0),
+            "EventPluginHub: More than one plugin attempted to publish the same event name, `%s`.",
+            eventName$jscomp$0
+          );
+          eventNameDispatchConfigs[eventName$jscomp$0] = dispatchConfig;
+          var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+          if (phasedRegistrationNames) {
+            for (JSCompiler_inline_result in phasedRegistrationNames)
+              phasedRegistrationNames.hasOwnProperty(
+                JSCompiler_inline_result
+              ) &&
+                publishRegistrationName(
+                  phasedRegistrationNames[JSCompiler_inline_result],
+                  pluginModule$jscomp$0,
+                  eventName$jscomp$0
+                );
+            JSCompiler_inline_result = !0;
+          } else
+            dispatchConfig.registrationName
+              ? (publishRegistrationName(
+                  dispatchConfig.registrationName,
+                  pluginModule$jscomp$0,
+                  eventName$jscomp$0
+                ),
+                (JSCompiler_inline_result = !0))
+              : (JSCompiler_inline_result = !1);
+          invariant(
+            JSCompiler_inline_result,
+            "EventPluginRegistry: Failed to publish event `%s` for plugin `%s`.",
+            eventName,
+            pluginName
+          );
+        }
+      }
+    }
+}
+function publishRegistrationName(registrationName, pluginModule) {
+  invariant(
+    !registrationNameModules[registrationName],
+    "EventPluginHub: More than one plugin attempted to publish the same registration name, `%s`.",
+    registrationName
+  );
+  registrationNameModules[registrationName] = pluginModule;
+}
+var plugins = [],
+  eventNameDispatchConfigs = {},
+  registrationNameModules = {},
+  getFiberCurrentPropsFromNode = null,
+  getInstanceFromNode = null,
+  getNodeFromInstance = null;
+function executeDispatch(event, simulated, listener, inst) {
+  simulated = event.type || "unknown-event";
+  event.currentTarget = getNodeFromInstance(inst);
+  ReactErrorUtils.invokeGuardedCallbackAndCatchFirstError(
+    simulated,
+    listener,
+    void 0,
+    event
+  );
+  event.currentTarget = null;
+}
+function executeDirectDispatch(event) {
+  var dispatchListener = event._dispatchListeners,
+    dispatchInstance = event._dispatchInstances;
+  invariant(
+    !Array.isArray(dispatchListener),
+    "executeDirectDispatch(...): Invalid `event`."
+  );
+  event.currentTarget = dispatchListener
+    ? getNodeFromInstance(dispatchInstance)
+    : null;
+  dispatchListener = dispatchListener ? dispatchListener(event) : null;
+  event.currentTarget = null;
+  event._dispatchListeners = null;
+  event._dispatchInstances = null;
+  return dispatchListener;
+}
+function accumulateInto(current, next) {
+  invariant(
+    null != next,
+    "accumulateInto(...): Accumulated items must not be null or undefined."
+  );
+  if (null == current) return next;
+  if (Array.isArray(current)) {
+    if (Array.isArray(next)) return current.push.apply(current, next), current;
+    current.push(next);
+    return current;
+  }
+  return Array.isArray(next) ? [current].concat(next) : [current, next];
+}
+function forEachAccumulated(arr, cb, scope) {
+  Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
+}
+var eventQueue = null;
+function executeDispatchesAndReleaseTopLevel(e) {
+  if (e) {
+    var dispatchListeners = e._dispatchListeners,
+      dispatchInstances = e._dispatchInstances;
+    if (Array.isArray(dispatchListeners))
+      for (
+        var i = 0;
+        i < dispatchListeners.length && !e.isPropagationStopped();
+        i++
+      )
+        executeDispatch(e, !1, dispatchListeners[i], dispatchInstances[i]);
+    else
+      dispatchListeners &&
+        executeDispatch(e, !1, dispatchListeners, dispatchInstances);
+    e._dispatchListeners = null;
+    e._dispatchInstances = null;
+    e.isPersistent() || e.constructor.release(e);
+  }
+}
+var injection = {
+  injectEventPluginOrder: function(injectedEventPluginOrder) {
+    invariant(
+      !eventPluginOrder,
+      "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+    );
+    eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
+    recomputePluginOrdering();
+  },
+  injectEventPluginsByName: function(injectedNamesToPlugins) {
+    var isOrderingDirty = !1,
+      pluginName;
+    for (pluginName in injectedNamesToPlugins)
+      if (injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+        var pluginModule = injectedNamesToPlugins[pluginName];
+        (namesToPlugins.hasOwnProperty(pluginName) &&
+          namesToPlugins[pluginName] === pluginModule) ||
+          (invariant(
+            !namesToPlugins[pluginName],
+            "EventPluginRegistry: Cannot inject two different event plugins using the same name, `%s`.",
+            pluginName
+          ),
+          (namesToPlugins[pluginName] = pluginModule),
+          (isOrderingDirty = !0));
+      }
+    isOrderingDirty && recomputePluginOrdering();
+  }
+};
+function getListener(inst, registrationName) {
+  var listener = inst.stateNode;
+  if (!listener) return null;
+  var props = getFiberCurrentPropsFromNode(listener);
+  if (!props) return null;
+  listener = props[registrationName];
+  a: switch (registrationName) {
+    case "onClick":
+    case "onClickCapture":
+    case "onDoubleClick":
+    case "onDoubleClickCapture":
+    case "onMouseDown":
+    case "onMouseDownCapture":
+    case "onMouseMove":
+    case "onMouseMoveCapture":
+    case "onMouseUp":
+    case "onMouseUpCapture":
+      (props = !props.disabled) ||
+        ((inst = inst.type),
+        (props = !(
+          "button" === inst ||
+          "input" === inst ||
+          "select" === inst ||
+          "textarea" === inst
+        )));
+      inst = !props;
+      break a;
+    default:
+      inst = !1;
+  }
+  if (inst) return null;
+  invariant(
+    !listener || "function" === typeof listener,
+    "Expected `%s` listener to be a function, instead got a value of `%s` type.",
+    registrationName,
+    typeof listener
+  );
+  return listener;
+}
+function getParent(inst) {
+  do inst = inst.return;
+  while (inst && 5 !== inst.tag);
+  return inst ? inst : null;
+}
+function traverseTwoPhase(inst, fn, arg) {
+  for (var path = []; inst; ) path.push(inst), (inst = getParent(inst));
+  for (inst = path.length; 0 < inst--; ) fn(path[inst], "captured", arg);
+  for (inst = 0; inst < path.length; inst++) fn(path[inst], "bubbled", arg);
+}
+function accumulateDirectionalDispatches(inst, phase, event) {
+  if (
+    (phase = getListener(
+      inst,
+      event.dispatchConfig.phasedRegistrationNames[phase]
+    ))
+  )
+    (event._dispatchListeners = accumulateInto(
+      event._dispatchListeners,
+      phase
+    )),
+      (event._dispatchInstances = accumulateInto(
+        event._dispatchInstances,
+        inst
+      ));
+}
+function accumulateTwoPhaseDispatchesSingle(event) {
+  event &&
+    event.dispatchConfig.phasedRegistrationNames &&
+    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+}
+function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
+  if (event && event.dispatchConfig.phasedRegistrationNames) {
+    var targetInst = event._targetInst;
+    targetInst = targetInst ? getParent(targetInst) : null;
+    traverseTwoPhase(targetInst, accumulateDirectionalDispatches, event);
+  }
+}
+function accumulateDirectDispatchesSingle(event) {
+  if (event && event.dispatchConfig.registrationName) {
+    var inst = event._targetInst;
+    if (inst && event && event.dispatchConfig.registrationName) {
+      var listener = getListener(inst, event.dispatchConfig.registrationName);
+      listener &&
+        ((event._dispatchListeners = accumulateInto(
+          event._dispatchListeners,
+          listener
+        )),
+        (event._dispatchInstances = accumulateInto(
+          event._dispatchInstances,
+          inst
+        )));
+    }
+  }
+}
+var shouldBeReleasedProperties = "dispatchConfig _targetInst nativeEvent isDefaultPrevented isPropagationStopped _dispatchListeners _dispatchInstances".split(
+  " "
+);
+function functionThatReturnsTrue() {
+  return !0;
+}
+function functionThatReturnsFalse() {
+  return !1;
+}
+function SyntheticEvent(
+  dispatchConfig,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget
+) {
+  this.dispatchConfig = dispatchConfig;
+  this._targetInst = targetInst;
+  this.nativeEvent = nativeEvent;
+  dispatchConfig = this.constructor.Interface;
+  for (var propName in dispatchConfig)
+    dispatchConfig.hasOwnProperty(propName) &&
+      ((targetInst = dispatchConfig[propName])
+        ? (this[propName] = targetInst(nativeEvent))
+        : "target" === propName
+          ? (this.target = nativeEventTarget)
+          : (this[propName] = nativeEvent[propName]));
+  this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
+  ? nativeEvent.defaultPrevented
+  : !1 === nativeEvent.returnValue)
+    ? functionThatReturnsTrue
+    : functionThatReturnsFalse;
+  this.isPropagationStopped = functionThatReturnsFalse;
+  return this;
+}
+Object.assign(SyntheticEvent.prototype, {
+  preventDefault: function() {
+    this.defaultPrevented = !0;
+    var event = this.nativeEvent;
+    event &&
+      (event.preventDefault
+        ? event.preventDefault()
+        : "unknown" !== typeof event.returnValue && (event.returnValue = !1),
+      (this.isDefaultPrevented = functionThatReturnsTrue));
+  },
+  stopPropagation: function() {
+    var event = this.nativeEvent;
+    event &&
+      (event.stopPropagation
+        ? event.stopPropagation()
+        : "unknown" !== typeof event.cancelBubble && (event.cancelBubble = !0),
+      (this.isPropagationStopped = functionThatReturnsTrue));
+  },
+  persist: function() {
+    this.isPersistent = functionThatReturnsTrue;
+  },
+  isPersistent: functionThatReturnsFalse,
+  destructor: function() {
+    var Interface = this.constructor.Interface,
+      propName;
+    for (propName in Interface) this[propName] = null;
+    for (
+      Interface = 0;
+      Interface < shouldBeReleasedProperties.length;
+      Interface++
+    )
+      this[shouldBeReleasedProperties[Interface]] = null;
+  }
+});
+SyntheticEvent.Interface = {
+  type: null,
+  target: null,
+  currentTarget: function() {
+    return null;
+  },
+  eventPhase: null,
+  bubbles: null,
+  cancelable: null,
+  timeStamp: function(event) {
+    return event.timeStamp || Date.now();
+  },
+  defaultPrevented: null,
+  isTrusted: null
+};
+SyntheticEvent.extend = function(Interface) {
+  function E() {}
+  function Class() {
+    return Super.apply(this, arguments);
+  }
+  var Super = this;
+  E.prototype = Super.prototype;
+  var prototype = new E();
+  Object.assign(prototype, Class.prototype);
+  Class.prototype = prototype;
+  Class.prototype.constructor = Class;
+  Class.Interface = Object.assign({}, Super.Interface, Interface);
+  Class.extend = Super.extend;
+  addEventPoolingTo(Class);
+  return Class;
+};
+addEventPoolingTo(SyntheticEvent);
+function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
+  if (this.eventPool.length) {
+    var instance = this.eventPool.pop();
+    this.call(instance, dispatchConfig, targetInst, nativeEvent, nativeInst);
+    return instance;
+  }
+  return new this(dispatchConfig, targetInst, nativeEvent, nativeInst);
+}
+function releasePooledEvent(event) {
+  invariant(
+    event instanceof this,
+    "Trying to release an event instance  into a pool of a different type."
+  );
+  event.destructor();
+  10 > this.eventPool.length && this.eventPool.push(event);
+}
+function addEventPoolingTo(EventConstructor) {
+  EventConstructor.eventPool = [];
+  EventConstructor.getPooled = getPooledEvent;
+  EventConstructor.release = releasePooledEvent;
+}
+var ResponderSyntheticEvent = SyntheticEvent.extend({
+  touchHistory: function() {
+    return null;
+  }
+});
+function isStartish(topLevelType) {
+  return "topTouchStart" === topLevelType;
+}
+function isMoveish(topLevelType) {
+  return "topTouchMove" === topLevelType;
+}
+var startDependencies = ["topTouchStart"],
+  moveDependencies = ["topTouchMove"],
+  endDependencies = ["topTouchCancel", "topTouchEnd"],
+  touchBank = [],
+  touchHistory = {
+    touchBank: touchBank,
+    numberActiveTouches: 0,
+    indexOfSingleActiveTouch: -1,
+    mostRecentTimeStamp: 0
+  };
+function timestampForTouch(touch) {
+  return touch.timeStamp || touch.timestamp;
+}
+function getTouchIdentifier(_ref) {
+  _ref = _ref.identifier;
+  invariant(null != _ref, "Touch object is missing identifier.");
+  return _ref;
+}
+function recordTouchStart(touch) {
+  var identifier = getTouchIdentifier(touch),
+    touchRecord = touchBank[identifier];
+  touchRecord
+    ? ((touchRecord.touchActive = !0),
+      (touchRecord.startPageX = touch.pageX),
+      (touchRecord.startPageY = touch.pageY),
+      (touchRecord.startTimeStamp = timestampForTouch(touch)),
+      (touchRecord.currentPageX = touch.pageX),
+      (touchRecord.currentPageY = touch.pageY),
+      (touchRecord.currentTimeStamp = timestampForTouch(touch)),
+      (touchRecord.previousPageX = touch.pageX),
+      (touchRecord.previousPageY = touch.pageY),
+      (touchRecord.previousTimeStamp = timestampForTouch(touch)))
+    : ((touchRecord = {
+        touchActive: !0,
+        startPageX: touch.pageX,
+        startPageY: touch.pageY,
+        startTimeStamp: timestampForTouch(touch),
+        currentPageX: touch.pageX,
+        currentPageY: touch.pageY,
+        currentTimeStamp: timestampForTouch(touch),
+        previousPageX: touch.pageX,
+        previousPageY: touch.pageY,
+        previousTimeStamp: timestampForTouch(touch)
+      }),
+      (touchBank[identifier] = touchRecord));
+  touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+}
+function recordTouchMove(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+  touchRecord
+    ? ((touchRecord.touchActive = !0),
+      (touchRecord.previousPageX = touchRecord.currentPageX),
+      (touchRecord.previousPageY = touchRecord.currentPageY),
+      (touchRecord.previousTimeStamp = touchRecord.currentTimeStamp),
+      (touchRecord.currentPageX = touch.pageX),
+      (touchRecord.currentPageY = touch.pageY),
+      (touchRecord.currentTimeStamp = timestampForTouch(touch)),
+      (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
+    : console.error(
+        "Cannot record touch move without a touch start.\nTouch Move: %s\n",
+        "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+}
+function recordTouchEnd(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+  touchRecord
+    ? ((touchRecord.touchActive = !1),
+      (touchRecord.previousPageX = touchRecord.currentPageX),
+      (touchRecord.previousPageY = touchRecord.currentPageY),
+      (touchRecord.previousTimeStamp = touchRecord.currentTimeStamp),
+      (touchRecord.currentPageX = touch.pageX),
+      (touchRecord.currentPageY = touch.pageY),
+      (touchRecord.currentTimeStamp = timestampForTouch(touch)),
+      (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
+    : console.error(
+        "Cannot record touch end without a touch start.\nTouch End: %s\n",
+        "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+}
+function printTouch(touch) {
+  return JSON.stringify({
+    identifier: touch.identifier,
+    pageX: touch.pageX,
+    pageY: touch.pageY,
+    timestamp: timestampForTouch(touch)
+  });
+}
+function printTouchBank() {
+  var printed = JSON.stringify(touchBank.slice(0, 20));
+  20 < touchBank.length &&
+    (printed += " (original size: " + touchBank.length + ")");
+  return printed;
+}
+var ResponderTouchHistoryStore = {
+  recordTouchTrack: function(topLevelType, nativeEvent) {
+    if (isMoveish(topLevelType))
+      nativeEvent.changedTouches.forEach(recordTouchMove);
+    else if (isStartish(topLevelType))
+      nativeEvent.changedTouches.forEach(recordTouchStart),
+        (touchHistory.numberActiveTouches = nativeEvent.touches.length),
+        1 === touchHistory.numberActiveTouches &&
+          (touchHistory.indexOfSingleActiveTouch =
+            nativeEvent.touches[0].identifier);
+    else if (
+      "topTouchEnd" === topLevelType ||
+      "topTouchCancel" === topLevelType
+    )
+      if (
+        (nativeEvent.changedTouches.forEach(recordTouchEnd),
+        (touchHistory.numberActiveTouches = nativeEvent.touches.length),
+        1 === touchHistory.numberActiveTouches)
+      )
+        for (topLevelType = 0; topLevelType < touchBank.length; topLevelType++)
+          if (
+            ((nativeEvent = touchBank[topLevelType]),
+            null != nativeEvent && nativeEvent.touchActive)
+          ) {
+            touchHistory.indexOfSingleActiveTouch = topLevelType;
+            break;
+          }
+  },
+  touchHistory: touchHistory
+};
+function accumulate(current, next) {
+  invariant(
+    null != next,
+    "accumulate(...): Accumulated items must be not be null or undefined."
+  );
+  return null == current
+    ? next
+    : Array.isArray(current)
+      ? current.concat(next)
+      : Array.isArray(next) ? [current].concat(next) : [current, next];
+}
+var responderInst = null,
+  trackedTouchCount = 0;
+function changeResponder(nextResponderInst, blockHostResponder) {
+  var oldResponderInst = responderInst;
+  responderInst = nextResponderInst;
+  if (null !== ResponderEventPlugin.GlobalResponderHandler)
+    ResponderEventPlugin.GlobalResponderHandler.onChange(
+      oldResponderInst,
+      nextResponderInst,
+      blockHostResponder
+    );
+}
+var eventTypes$1 = {
+    startShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onStartShouldSetResponder",
+        captured: "onStartShouldSetResponderCapture"
+      },
+      dependencies: startDependencies
+    },
+    scrollShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onScrollShouldSetResponder",
+        captured: "onScrollShouldSetResponderCapture"
+      },
+      dependencies: ["topScroll"]
+    },
+    selectionChangeShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onSelectionChangeShouldSetResponder",
+        captured: "onSelectionChangeShouldSetResponderCapture"
+      },
+      dependencies: ["topSelectionChange"]
+    },
+    moveShouldSetResponder: {
+      phasedRegistrationNames: {
+        bubbled: "onMoveShouldSetResponder",
+        captured: "onMoveShouldSetResponderCapture"
+      },
+      dependencies: moveDependencies
+    },
+    responderStart: {
+      registrationName: "onResponderStart",
+      dependencies: startDependencies
+    },
+    responderMove: {
+      registrationName: "onResponderMove",
+      dependencies: moveDependencies
+    },
+    responderEnd: {
+      registrationName: "onResponderEnd",
+      dependencies: endDependencies
+    },
+    responderRelease: {
+      registrationName: "onResponderRelease",
+      dependencies: endDependencies
+    },
+    responderTerminationRequest: {
+      registrationName: "onResponderTerminationRequest",
+      dependencies: []
+    },
+    responderGrant: { registrationName: "onResponderGrant", dependencies: [] },
+    responderReject: {
+      registrationName: "onResponderReject",
+      dependencies: []
+    },
+    responderTerminate: {
+      registrationName: "onResponderTerminate",
+      dependencies: []
+    }
+  },
+  ResponderEventPlugin = {
+    _getResponder: function() {
+      return responderInst;
+    },
+    eventTypes: eventTypes$1,
+    extractEvents: function(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      if (isStartish(topLevelType)) trackedTouchCount += 1;
+      else if (
+        "topTouchEnd" === topLevelType ||
+        "topTouchCancel" === topLevelType
+      )
+        if (0 <= trackedTouchCount) --trackedTouchCount;
+        else
+          return (
+            console.error(
+              "Ended a touch event which was not counted in `trackedTouchCount`."
+            ),
+            null
+          );
+      ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
+      if (
+        targetInst &&
+        (("topScroll" === topLevelType && !nativeEvent.responderIgnoreScroll) ||
+          (0 < trackedTouchCount && "topSelectionChange" === topLevelType) ||
+          isStartish(topLevelType) ||
+          isMoveish(topLevelType))
+      ) {
+        var JSCompiler_temp = isStartish(topLevelType)
+          ? eventTypes$1.startShouldSetResponder
+          : isMoveish(topLevelType)
+            ? eventTypes$1.moveShouldSetResponder
+            : "topSelectionChange" === topLevelType
+              ? eventTypes$1.selectionChangeShouldSetResponder
+              : eventTypes$1.scrollShouldSetResponder;
+        if (responderInst)
+          b: {
+            var JSCompiler_temp$jscomp$0 = responderInst;
+            for (
+              var depthA = 0, tempA = JSCompiler_temp$jscomp$0;
+              tempA;
+              tempA = getParent(tempA)
+            )
+              depthA++;
+            tempA = 0;
+            for (var tempB = targetInst; tempB; tempB = getParent(tempB))
+              tempA++;
+            for (; 0 < depthA - tempA; )
+              (JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0)),
+                depthA--;
+            for (; 0 < tempA - depthA; )
+              (targetInst = getParent(targetInst)), tempA--;
+            for (; depthA--; ) {
+              if (
+                JSCompiler_temp$jscomp$0 === targetInst ||
+                JSCompiler_temp$jscomp$0 === targetInst.alternate
+              )
+                break b;
+              JSCompiler_temp$jscomp$0 = getParent(JSCompiler_temp$jscomp$0);
+              targetInst = getParent(targetInst);
+            }
+            JSCompiler_temp$jscomp$0 = null;
+          }
+        else JSCompiler_temp$jscomp$0 = targetInst;
+        targetInst = JSCompiler_temp$jscomp$0 === responderInst;
+        JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
+          JSCompiler_temp,
+          JSCompiler_temp$jscomp$0,
+          nativeEvent,
+          nativeEventTarget
+        );
+        JSCompiler_temp$jscomp$0.touchHistory =
+          ResponderTouchHistoryStore.touchHistory;
+        targetInst
+          ? forEachAccumulated(
+              JSCompiler_temp$jscomp$0,
+              accumulateTwoPhaseDispatchesSingleSkipTarget
+            )
+          : forEachAccumulated(
+              JSCompiler_temp$jscomp$0,
+              accumulateTwoPhaseDispatchesSingle
+            );
+        b: {
+          JSCompiler_temp = JSCompiler_temp$jscomp$0._dispatchListeners;
+          targetInst = JSCompiler_temp$jscomp$0._dispatchInstances;
+          if (Array.isArray(JSCompiler_temp))
+            for (
+              depthA = 0;
+              depthA < JSCompiler_temp.length &&
+              !JSCompiler_temp$jscomp$0.isPropagationStopped();
+              depthA++
+            ) {
+              if (
+                JSCompiler_temp[depthA](
+                  JSCompiler_temp$jscomp$0,
+                  targetInst[depthA]
+                )
+              ) {
+                JSCompiler_temp = targetInst[depthA];
+                break b;
+              }
+            }
+          else if (
+            JSCompiler_temp &&
+            JSCompiler_temp(JSCompiler_temp$jscomp$0, targetInst)
+          ) {
+            JSCompiler_temp = targetInst;
+            break b;
+          }
+          JSCompiler_temp = null;
+        }
+        JSCompiler_temp$jscomp$0._dispatchInstances = null;
+        JSCompiler_temp$jscomp$0._dispatchListeners = null;
+        JSCompiler_temp$jscomp$0.isPersistent() ||
+          JSCompiler_temp$jscomp$0.constructor.release(
+            JSCompiler_temp$jscomp$0
+          );
+        JSCompiler_temp && JSCompiler_temp !== responderInst
+          ? ((JSCompiler_temp$jscomp$0 = void 0),
+            (targetInst = ResponderSyntheticEvent.getPooled(
+              eventTypes$1.responderGrant,
+              JSCompiler_temp,
+              nativeEvent,
+              nativeEventTarget
+            )),
+            (targetInst.touchHistory = ResponderTouchHistoryStore.touchHistory),
+            forEachAccumulated(targetInst, accumulateDirectDispatchesSingle),
+            (depthA = !0 === executeDirectDispatch(targetInst)),
+            responderInst
+              ? ((tempA = ResponderSyntheticEvent.getPooled(
+                  eventTypes$1.responderTerminationRequest,
+                  responderInst,
+                  nativeEvent,
+                  nativeEventTarget
+                )),
+                (tempA.touchHistory = ResponderTouchHistoryStore.touchHistory),
+                forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
+                (tempB =
+                  !tempA._dispatchListeners || executeDirectDispatch(tempA)),
+                tempA.isPersistent() || tempA.constructor.release(tempA),
+                tempB
+                  ? ((tempA = ResponderSyntheticEvent.getPooled(
+                      eventTypes$1.responderTerminate,
+                      responderInst,
+                      nativeEvent,
+                      nativeEventTarget
+                    )),
+                    (tempA.touchHistory =
+                      ResponderTouchHistoryStore.touchHistory),
+                    forEachAccumulated(tempA, accumulateDirectDispatchesSingle),
+                    (JSCompiler_temp$jscomp$0 = accumulate(
+                      JSCompiler_temp$jscomp$0,
+                      [targetInst, tempA]
+                    )),
+                    changeResponder(JSCompiler_temp, depthA))
+                  : ((JSCompiler_temp = ResponderSyntheticEvent.getPooled(
+                      eventTypes$1.responderReject,
+                      JSCompiler_temp,
+                      nativeEvent,
+                      nativeEventTarget
+                    )),
+                    (JSCompiler_temp.touchHistory =
+                      ResponderTouchHistoryStore.touchHistory),
+                    forEachAccumulated(
+                      JSCompiler_temp,
+                      accumulateDirectDispatchesSingle
+                    ),
+                    (JSCompiler_temp$jscomp$0 = accumulate(
+                      JSCompiler_temp$jscomp$0,
+                      JSCompiler_temp
+                    ))))
+              : ((JSCompiler_temp$jscomp$0 = accumulate(
+                  JSCompiler_temp$jscomp$0,
+                  targetInst
+                )),
+                changeResponder(JSCompiler_temp, depthA)),
+            (JSCompiler_temp = JSCompiler_temp$jscomp$0))
+          : (JSCompiler_temp = null);
+      } else JSCompiler_temp = null;
+      JSCompiler_temp$jscomp$0 = responderInst && isStartish(topLevelType);
+      targetInst = responderInst && isMoveish(topLevelType);
+      depthA =
+        responderInst &&
+        ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType);
+      if (
+        (JSCompiler_temp$jscomp$0 = JSCompiler_temp$jscomp$0
+          ? eventTypes$1.responderStart
+          : targetInst
+            ? eventTypes$1.responderMove
+            : depthA ? eventTypes$1.responderEnd : null)
+      )
+        (JSCompiler_temp$jscomp$0 = ResponderSyntheticEvent.getPooled(
+          JSCompiler_temp$jscomp$0,
+          responderInst,
+          nativeEvent,
+          nativeEventTarget
+        )),
+          (JSCompiler_temp$jscomp$0.touchHistory =
+            ResponderTouchHistoryStore.touchHistory),
+          forEachAccumulated(
+            JSCompiler_temp$jscomp$0,
+            accumulateDirectDispatchesSingle
+          ),
+          (JSCompiler_temp = accumulate(
+            JSCompiler_temp,
+            JSCompiler_temp$jscomp$0
+          ));
+      JSCompiler_temp$jscomp$0 =
+        responderInst && "topTouchCancel" === topLevelType;
+      if (
+        (topLevelType =
+          responderInst &&
+          !JSCompiler_temp$jscomp$0 &&
+          ("topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType))
+      )
+        a: {
+          if ((topLevelType = nativeEvent.touches) && 0 !== topLevelType.length)
+            for (targetInst = 0; targetInst < topLevelType.length; targetInst++)
+              if (
+                ((depthA = topLevelType[targetInst].target),
+                null !== depthA && void 0 !== depthA && 0 !== depthA)
+              ) {
+                tempA = getInstanceFromNode(depthA);
+                b: {
+                  for (depthA = responderInst; tempA; ) {
+                    if (depthA === tempA || depthA === tempA.alternate) {
+                      depthA = !0;
+                      break b;
+                    }
+                    tempA = getParent(tempA);
+                  }
+                  depthA = !1;
+                }
+                if (depthA) {
+                  topLevelType = !1;
+                  break a;
+                }
+              }
+          topLevelType = !0;
+        }
+      if (
+        (topLevelType = JSCompiler_temp$jscomp$0
+          ? eventTypes$1.responderTerminate
+          : topLevelType ? eventTypes$1.responderRelease : null)
+      )
+        (nativeEvent = ResponderSyntheticEvent.getPooled(
+          topLevelType,
+          responderInst,
+          nativeEvent,
+          nativeEventTarget
+        )),
+          (nativeEvent.touchHistory = ResponderTouchHistoryStore.touchHistory),
+          forEachAccumulated(nativeEvent, accumulateDirectDispatchesSingle),
+          (JSCompiler_temp = accumulate(JSCompiler_temp, nativeEvent)),
+          changeResponder(null);
+      return JSCompiler_temp;
+    },
+    GlobalResponderHandler: null,
+    injection: {
+      injectGlobalResponderHandler: function(GlobalResponderHandler) {
+        ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
+      }
+    }
+  },
+  customBubblingEventTypes$1 =
+    ReactNativeViewConfigRegistry.customBubblingEventTypes,
+  customDirectEventTypes$1 =
+    ReactNativeViewConfigRegistry.customDirectEventTypes,
+  ReactNativeBridgeEventPlugin = {
+    eventTypes: ReactNativeViewConfigRegistry.eventTypes,
+    extractEvents: function(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      if (null == targetInst) return null;
+      var bubbleDispatchConfig = customBubblingEventTypes$1[topLevelType],
+        directDispatchConfig = customDirectEventTypes$1[topLevelType];
+      invariant(
+        bubbleDispatchConfig || directDispatchConfig,
+        'Unsupported top level event type "%s" dispatched',
+        topLevelType
+      );
+      topLevelType = SyntheticEvent.getPooled(
+        bubbleDispatchConfig || directDispatchConfig,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget
+      );
+      if (bubbleDispatchConfig)
+        forEachAccumulated(topLevelType, accumulateTwoPhaseDispatchesSingle);
+      else if (directDispatchConfig)
+        forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
+      else return null;
+      return topLevelType;
+    }
+  };
+injection.injectEventPluginOrder([
+  "ResponderEventPlugin",
+  "ReactNativeBridgeEventPlugin"
+]);
+injection.injectEventPluginsByName({
+  ResponderEventPlugin: ResponderEventPlugin,
+  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
+});
+var instanceCache = {},
+  instanceProps = {};
+function uncacheFiberNode(tag) {
+  delete instanceCache[tag];
+  delete instanceProps[tag];
+}
+function getInstanceFromTag(tag) {
+  return instanceCache[tag] || null;
+}
+var ReactNativeComponentTree = {
+    precacheFiberNode: function(hostInst, tag) {
+      instanceCache[tag] = hostInst;
+    },
+    uncacheFiberNode: uncacheFiberNode,
+    getClosestInstanceFromNode: getInstanceFromTag,
+    getInstanceFromNode: getInstanceFromTag,
+    getNodeFromInstance: function(inst) {
+      var tag = inst.stateNode._nativeTag;
+      void 0 === tag && (tag = inst.stateNode.canonical._nativeTag);
+      invariant(tag, "All native instances should have a tag.");
+      return tag;
+    },
+    getFiberCurrentPropsFromNode: function(stateNode) {
+      return instanceProps[stateNode._nativeTag] || null;
+    },
+    updateFiberProps: function(tag, props) {
+      instanceProps[tag] = props;
+    }
+  },
+  restoreTarget = null,
+  restoreQueue = null;
+function restoreStateOfTarget(target) {
+  if ((target = getInstanceFromNode(target))) {
+    invariant(
+      null,
+      "Fiber needs to be injected to handle a fiber target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+    );
+    var props = getFiberCurrentPropsFromNode(target.stateNode);
+    null.restoreControlledState(target.stateNode, target.type, props);
+  }
+}
+function _batchedUpdates(fn, bookkeeping) {
+  return fn(bookkeeping);
+}
+function _flushInteractiveUpdates() {}
+var isBatching = !1;
+function batchedUpdates(fn, bookkeeping) {
+  if (isBatching) return fn(bookkeeping);
+  isBatching = !0;
+  try {
+    return _batchedUpdates(fn, bookkeeping);
+  } finally {
+    if (((isBatching = !1), null !== restoreTarget || null !== restoreQueue))
+      if (
+        (_flushInteractiveUpdates(),
+        restoreTarget &&
+          ((bookkeeping = restoreTarget),
+          (fn = restoreQueue),
+          (restoreQueue = restoreTarget = null),
+          restoreStateOfTarget(bookkeeping),
+          fn))
+      )
+        for (bookkeeping = 0; bookkeeping < fn.length; bookkeeping++)
+          restoreStateOfTarget(fn[bookkeeping]);
+  }
+}
+var EMPTY_NATIVE_EVENT = {};
+function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
+  var nativeEvent = nativeEventParam || EMPTY_NATIVE_EVENT,
+    inst = getInstanceFromTag(rootNodeID);
+  batchedUpdates(function() {
+    var events = nativeEvent.target;
+    for (var events$jscomp$0 = null, i = 0; i < plugins.length; i++) {
+      var possiblePlugin = plugins[i];
+      possiblePlugin &&
+        (possiblePlugin = possiblePlugin.extractEvents(
+          topLevelType,
+          inst,
+          nativeEvent,
+          events
+        )) &&
+        (events$jscomp$0 = accumulateInto(events$jscomp$0, possiblePlugin));
+    }
+    events = events$jscomp$0;
+    null !== events && (eventQueue = accumulateInto(eventQueue, events));
+    events = eventQueue;
+    eventQueue = null;
+    events &&
+      (forEachAccumulated(events, executeDispatchesAndReleaseTopLevel),
+      invariant(
+        !eventQueue,
+        "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+      ),
+      ReactErrorUtils.rethrowCaughtError());
+  });
+}
+RCTEventEmitter.register({
+  getListener: getListener,
+  registrationNames: registrationNameModules,
+  _receiveRootNodeIDEvent: _receiveRootNodeIDEvent,
+  receiveEvent: function(rootNodeID, topLevelType, nativeEventParam) {
+    _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam);
+  },
+  receiveTouches: function(eventTopLevelType, touches, changedIndices) {
+    if (
+      "topTouchEnd" === eventTopLevelType ||
+      "topTouchCancel" === eventTopLevelType
+    ) {
+      var JSCompiler_temp = [];
+      for (var i = 0; i < changedIndices.length; i++) {
+        var index = changedIndices[i];
+        JSCompiler_temp.push(touches[index]);
+        touches[index] = null;
+      }
+      for (i = changedIndices = 0; i < touches.length; i++)
+        (index = touches[i]),
+          null !== index && (touches[changedIndices++] = index);
+      touches.length = changedIndices;
+    } else
+      for (JSCompiler_temp = [], i = 0; i < changedIndices.length; i++)
+        JSCompiler_temp.push(touches[changedIndices[i]]);
+    for (
+      changedIndices = 0;
+      changedIndices < JSCompiler_temp.length;
+      changedIndices++
+    ) {
+      i = JSCompiler_temp[changedIndices];
+      i.changedTouches = JSCompiler_temp;
+      i.touches = touches;
+      index = null;
+      var target = i.target;
+      null === target || void 0 === target || 1 > target || (index = target);
+      _receiveRootNodeIDEvent(index, eventTopLevelType, i);
+    }
+  }
+});
+getFiberCurrentPropsFromNode =
+  ReactNativeComponentTree.getFiberCurrentPropsFromNode;
+getInstanceFromNode = ReactNativeComponentTree.getInstanceFromNode;
+getNodeFromInstance = ReactNativeComponentTree.getNodeFromInstance;
+ResponderEventPlugin.injection.injectGlobalResponderHandler({
+  onChange: function(from, to, blockNativeResponder) {
+    null !== to
+      ? UIManager.setJSResponder(to.stateNode._nativeTag, blockNativeResponder)
+      : UIManager.clearJSResponder();
+  }
+});
+var ReactCurrentOwner =
+    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,
+  hasSymbol = "function" === typeof Symbol && Symbol.for,
+  REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103,
+  REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106,
+  REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107,
+  REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108,
+  REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114,
+  REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109,
+  REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110,
+  REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111,
+  REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112,
+  REACT_TIMEOUT_TYPE = hasSymbol ? Symbol.for("react.timeout") : 60113,
+  MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
+function getIteratorFn(maybeIterable) {
+  if (null === maybeIterable || "undefined" === typeof maybeIterable)
+    return null;
+  maybeIterable =
+    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
+    maybeIterable["@@iterator"];
+  return "function" === typeof maybeIterable ? maybeIterable : null;
+}
+function getComponentName(fiber) {
+  var type = fiber.type;
+  if ("function" === typeof type) return type.displayName || type.name;
+  if ("string" === typeof type) return type;
+  switch (type) {
+    case REACT_ASYNC_MODE_TYPE:
+      return "AsyncMode";
+    case REACT_CONTEXT_TYPE:
+      return "Context.Consumer";
+    case REACT_FRAGMENT_TYPE:
+      return "ReactFragment";
+    case REACT_PORTAL_TYPE:
+      return "ReactPortal";
+    case REACT_PROFILER_TYPE:
+      return "Profiler(" + fiber.pendingProps.id + ")";
+    case REACT_PROVIDER_TYPE:
+      return "Context.Provider";
+    case REACT_STRICT_MODE_TYPE:
+      return "StrictMode";
+    case REACT_TIMEOUT_TYPE:
+      return "Timeout";
+  }
+  if ("object" === typeof type && null !== type)
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return (
+          (fiber = type.render.displayName || type.render.name || ""),
+          "" !== fiber ? "ForwardRef(" + fiber + ")" : "ForwardRef"
+        );
+    }
+  return null;
+}
+function isFiberMountedImpl(fiber) {
+  var node = fiber;
+  if (fiber.alternate) for (; node.return; ) node = node.return;
+  else {
+    if (0 !== (node.effectTag & 2)) return 1;
+    for (; node.return; )
+      if (((node = node.return), 0 !== (node.effectTag & 2))) return 1;
+  }
+  return 3 === node.tag ? 2 : 3;
+}
+function assertIsMounted(fiber) {
+  invariant(
+    2 === isFiberMountedImpl(fiber),
+    "Unable to find node on an unmounted component."
+  );
+}
+function findCurrentFiberUsingSlowPath(fiber) {
+  var alternate = fiber.alternate;
+  if (!alternate)
+    return (
+      (alternate = isFiberMountedImpl(fiber)),
+      invariant(
+        3 !== alternate,
+        "Unable to find node on an unmounted component."
+      ),
+      1 === alternate ? null : fiber
+    );
+  for (var a = fiber, b = alternate; ; ) {
+    var parentA = a.return,
+      parentB = parentA ? parentA.alternate : null;
+    if (!parentA || !parentB) break;
+    if (parentA.child === parentB.child) {
+      for (var child = parentA.child; child; ) {
+        if (child === a) return assertIsMounted(parentA), fiber;
+        if (child === b) return assertIsMounted(parentA), alternate;
+        child = child.sibling;
+      }
+      invariant(!1, "Unable to find node on an unmounted component.");
+    }
+    if (a.return !== b.return) (a = parentA), (b = parentB);
+    else {
+      child = !1;
+      for (var _child = parentA.child; _child; ) {
+        if (_child === a) {
+          child = !0;
+          a = parentA;
+          b = parentB;
+          break;
+        }
+        if (_child === b) {
+          child = !0;
+          b = parentA;
+          a = parentB;
+          break;
+        }
+        _child = _child.sibling;
+      }
+      if (!child) {
+        for (_child = parentB.child; _child; ) {
+          if (_child === a) {
+            child = !0;
+            a = parentB;
+            b = parentA;
+            break;
+          }
+          if (_child === b) {
+            child = !0;
+            b = parentB;
+            a = parentA;
+            break;
+          }
+          _child = _child.sibling;
+        }
+        invariant(
+          child,
+          "Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue."
+        );
+      }
+    }
+    invariant(
+      a.alternate === b,
+      "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
+    );
+  }
+  invariant(3 === a.tag, "Unable to find node on an unmounted component.");
+  return a.stateNode.current === a ? fiber : alternate;
+}
+function findCurrentHostFiber(parent) {
+  parent = findCurrentFiberUsingSlowPath(parent);
+  if (!parent) return null;
+  for (var node = parent; ; ) {
+    if (5 === node.tag || 6 === node.tag) return node;
+    if (node.child) (node.child.return = node), (node = node.child);
+    else {
+      if (node === parent) break;
+      for (; !node.sibling; ) {
+        if (!node.return || node.return === parent) return null;
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  }
+  return null;
+}
+function findCurrentHostFiberWithNoPortals(parent) {
+  parent = findCurrentFiberUsingSlowPath(parent);
+  if (!parent) return null;
+  for (var node = parent; ; ) {
+    if (5 === node.tag || 6 === node.tag) return node;
+    if (node.child && 4 !== node.tag)
+      (node.child.return = node), (node = node.child);
+    else {
+      if (node === parent) break;
+      for (; !node.sibling; ) {
+        if (!node.return || node.return === parent) return null;
+        node = node.return;
+      }
+      node.sibling.return = node.return;
+      node = node.sibling;
+    }
+  }
+  return null;
+}
+var emptyObject$1 = {},
+  removedKeys = null,
+  removedKeyCount = 0;
+function restoreDeletedValuesInNestedArray(
+  updatePayload,
+  node,
+  validAttributes
+) {
+  if (Array.isArray(node))
+    for (var i = node.length; i-- && 0 < removedKeyCount; )
+      restoreDeletedValuesInNestedArray(
+        updatePayload,
+        node[i],
+        validAttributes
+      );
+  else if (node && 0 < removedKeyCount)
+    for (i in removedKeys)
+      if (removedKeys[i]) {
+        var _nextProp = node[i];
+        if (void 0 !== _nextProp) {
+          var attributeConfig = validAttributes[i];
+          if (attributeConfig) {
+            "function" === typeof _nextProp && (_nextProp = !0);
+            "undefined" === typeof _nextProp && (_nextProp = null);
+            if ("object" !== typeof attributeConfig)
+              updatePayload[i] = _nextProp;
+            else if (
+              "function" === typeof attributeConfig.diff ||
+              "function" === typeof attributeConfig.process
+            )
+              (_nextProp =
+                "function" === typeof attributeConfig.process
+                  ? attributeConfig.process(_nextProp)
+                  : _nextProp),
+                (updatePayload[i] = _nextProp);
+            removedKeys[i] = !1;
+            removedKeyCount--;
+          }
+        }
+      }
+}
+function diffNestedProperty(
+  updatePayload,
+  prevProp,
+  nextProp,
+  validAttributes
+) {
+  if (!updatePayload && prevProp === nextProp) return updatePayload;
+  if (!prevProp || !nextProp)
+    return nextProp
+      ? addNestedProperty(updatePayload, nextProp, validAttributes)
+      : prevProp
+        ? clearNestedProperty(updatePayload, prevProp, validAttributes)
+        : updatePayload;
+  if (!Array.isArray(prevProp) && !Array.isArray(nextProp))
+    return diffProperties(updatePayload, prevProp, nextProp, validAttributes);
+  if (Array.isArray(prevProp) && Array.isArray(nextProp)) {
+    var minLength =
+        prevProp.length < nextProp.length ? prevProp.length : nextProp.length,
+      i;
+    for (i = 0; i < minLength; i++)
+      updatePayload = diffNestedProperty(
+        updatePayload,
+        prevProp[i],
+        nextProp[i],
+        validAttributes
+      );
+    for (; i < prevProp.length; i++)
+      updatePayload = clearNestedProperty(
+        updatePayload,
+        prevProp[i],
+        validAttributes
+      );
+    for (; i < nextProp.length; i++)
+      updatePayload = addNestedProperty(
+        updatePayload,
+        nextProp[i],
+        validAttributes
+      );
+    return updatePayload;
+  }
+  return Array.isArray(prevProp)
+    ? diffProperties(
+        updatePayload,
+        flattenStyle(prevProp),
+        nextProp,
+        validAttributes
+      )
+    : diffProperties(
+        updatePayload,
+        prevProp,
+        flattenStyle(nextProp),
+        validAttributes
+      );
+}
+function addNestedProperty(updatePayload, nextProp, validAttributes) {
+  if (!nextProp) return updatePayload;
+  if (!Array.isArray(nextProp))
+    return diffProperties(
+      updatePayload,
+      emptyObject$1,
+      nextProp,
+      validAttributes
+    );
+  for (var i = 0; i < nextProp.length; i++)
+    updatePayload = addNestedProperty(
+      updatePayload,
+      nextProp[i],
+      validAttributes
+    );
+  return updatePayload;
+}
+function clearNestedProperty(updatePayload, prevProp, validAttributes) {
+  if (!prevProp) return updatePayload;
+  if (!Array.isArray(prevProp))
+    return diffProperties(
+      updatePayload,
+      prevProp,
+      emptyObject$1,
+      validAttributes
+    );
+  for (var i = 0; i < prevProp.length; i++)
+    updatePayload = clearNestedProperty(
+      updatePayload,
+      prevProp[i],
+      validAttributes
+    );
+  return updatePayload;
+}
+function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
+  var attributeConfig, propKey;
+  for (propKey in nextProps)
+    if ((attributeConfig = validAttributes[propKey])) {
+      var prevProp = prevProps[propKey];
+      var nextProp = nextProps[propKey];
+      "function" === typeof nextProp &&
+        ((nextProp = !0), "function" === typeof prevProp && (prevProp = !0));
+      "undefined" === typeof nextProp &&
+        ((nextProp = null),
+        "undefined" === typeof prevProp && (prevProp = null));
+      removedKeys && (removedKeys[propKey] = !1);
+      if (updatePayload && void 0 !== updatePayload[propKey])
+        if ("object" !== typeof attributeConfig)
+          updatePayload[propKey] = nextProp;
+        else {
+          if (
+            "function" === typeof attributeConfig.diff ||
+            "function" === typeof attributeConfig.process
+          )
+            (attributeConfig =
+              "function" === typeof attributeConfig.process
+                ? attributeConfig.process(nextProp)
+                : nextProp),
+              (updatePayload[propKey] = attributeConfig);
+        }
+      else if (prevProp !== nextProp)
+        if ("object" !== typeof attributeConfig)
+          ("object" !== typeof nextProp ||
+            null === nextProp ||
+            deepDiffer(prevProp, nextProp)) &&
+            ((updatePayload || (updatePayload = {}))[propKey] = nextProp);
+        else if (
+          "function" === typeof attributeConfig.diff ||
+          "function" === typeof attributeConfig.process
+        ) {
+          if (
+            void 0 === prevProp ||
+            ("function" === typeof attributeConfig.diff
+              ? attributeConfig.diff(prevProp, nextProp)
+              : "object" !== typeof nextProp ||
+                null === nextProp ||
+                deepDiffer(prevProp, nextProp))
+          )
+            (attributeConfig =
+              "function" === typeof attributeConfig.process
+                ? attributeConfig.process(nextProp)
+                : nextProp),
+              ((updatePayload || (updatePayload = {}))[
+                propKey
+              ] = attributeConfig);
+        } else
+          (removedKeys = null),
+            (removedKeyCount = 0),
+            (updatePayload = diffNestedProperty(
+              updatePayload,
+              prevProp,
+              nextProp,
+              attributeConfig
+            )),
+            0 < removedKeyCount &&
+              updatePayload &&
+              (restoreDeletedValuesInNestedArray(
+                updatePayload,
+                nextProp,
+                attributeConfig
+              ),
+              (removedKeys = null));
+    }
+  for (var _propKey in prevProps)
+    void 0 === nextProps[_propKey] &&
+      (!(attributeConfig = validAttributes[_propKey]) ||
+        (updatePayload && void 0 !== updatePayload[_propKey]) ||
+        ((prevProp = prevProps[_propKey]),
+        void 0 !== prevProp &&
+          ("object" !== typeof attributeConfig ||
+          "function" === typeof attributeConfig.diff ||
+          "function" === typeof attributeConfig.process
+            ? (((updatePayload || (updatePayload = {}))[_propKey] = null),
+              removedKeys || (removedKeys = {}),
+              removedKeys[_propKey] ||
+                ((removedKeys[_propKey] = !0), removedKeyCount++))
+            : (updatePayload = clearNestedProperty(
+                updatePayload,
+                prevProp,
+                attributeConfig
+              )))));
+  return updatePayload;
+}
+function mountSafeCallback(context, callback) {
+  return function() {
+    if (callback) {
+      if ("boolean" === typeof context.__isMounted) {
+        if (!context.__isMounted) return;
+      } else if (
+        "function" === typeof context.isMounted &&
+        !context.isMounted()
+      )
+        return;
+      return callback.apply(context, arguments);
+    }
+  };
+}
+var ReactNativeFiberHostComponent = (function() {
+    function ReactNativeFiberHostComponent(tag, viewConfig) {
+      if (!(this instanceof ReactNativeFiberHostComponent))
+        throw new TypeError("Cannot call a class as a function");
+      this._nativeTag = tag;
+      this._children = [];
+      this.viewConfig = viewConfig;
+    }
+    ReactNativeFiberHostComponent.prototype.blur = function() {
+      TextInputState.blurTextInput(this._nativeTag);
+    };
+    ReactNativeFiberHostComponent.prototype.focus = function() {
+      TextInputState.focusTextInput(this._nativeTag);
+    };
+    ReactNativeFiberHostComponent.prototype.measure = function(callback) {
+      UIManager.measure(this._nativeTag, mountSafeCallback(this, callback));
+    };
+    ReactNativeFiberHostComponent.prototype.measureInWindow = function(
+      callback
+    ) {
+      UIManager.measureInWindow(
+        this._nativeTag,
+        mountSafeCallback(this, callback)
+      );
+    };
+    ReactNativeFiberHostComponent.prototype.measureLayout = function(
+      relativeToNativeNode,
+      onSuccess,
+      onFail
+    ) {
+      UIManager.measureLayout(
+        this._nativeTag,
+        relativeToNativeNode,
+        mountSafeCallback(this, onFail),
+        mountSafeCallback(this, onSuccess)
+      );
+    };
+    ReactNativeFiberHostComponent.prototype.setNativeProps = function(
+      nativeProps
+    ) {
+      nativeProps = diffProperties(
+        null,
+        emptyObject$1,
+        nativeProps,
+        this.viewConfig.validAttributes
+      );
+      null != nativeProps &&
+        UIManager.updateView(
+          this._nativeTag,
+          this.viewConfig.uiViewClassName,
+          nativeProps
+        );
+    };
+    return ReactNativeFiberHostComponent;
+  })(),
+  now$1 =
+    "object" === typeof performance && "function" === typeof performance.now
+      ? function() {
+          return performance.now();
+        }
+      : function() {
+          return Date.now();
+        },
+  scheduledCallback = null,
+  frameDeadline = 0,
+  frameDeadlineObject = {
+    timeRemaining: function() {
+      return frameDeadline - now$1();
+    },
+    didTimeout: !1
+  };
+function setTimeoutCallback() {
+  frameDeadline = now$1() + 5;
+  var callback = scheduledCallback;
+  scheduledCallback = null;
+  null !== callback && callback(frameDeadlineObject);
+}
+function shim$1() {
+  invariant(
+    !1,
+    "The current renderer does not support hyration. This error is likely caused by a bug in React. Please file an issue."
+  );
+}
+var nextReactTag = 3;
+function allocateTag() {
+  var tag = nextReactTag;
+  1 === tag % 10 && (tag += 2);
+  nextReactTag = tag + 2;
+  return tag;
+}
+function recursivelyUncacheFiberNode(node) {
+  "number" === typeof node
+    ? uncacheFiberNode(node)
+    : (uncacheFiberNode(node._nativeTag),
+      node._children.forEach(recursivelyUncacheFiberNode));
+}
+function finalizeInitialChildren(parentInstance) {
+  if (0 === parentInstance._children.length) return !1;
+  var nativeTags = parentInstance._children.map(function(child) {
+    return "number" === typeof child ? child : child._nativeTag;
+  });
+  UIManager.setChildren(parentInstance._nativeTag, nativeTags);
+  return !1;
+}
+function getStackAddendumByWorkInProgressFiber(workInProgress) {
+  var info = "";
+  do {
+    a: switch (workInProgress.tag) {
+      case 0:
+      case 1:
+      case 2:
+      case 5:
+        var owner = workInProgress._debugOwner,
+          source = workInProgress._debugSource;
+        var JSCompiler_inline_result = getComponentName(workInProgress);
+        var ownerName = null;
+        owner && (ownerName = getComponentName(owner));
+        owner = source;
+        JSCompiler_inline_result =
+          "\n    in " +
+          (JSCompiler_inline_result || "Unknown") +
+          (owner
+            ? " (at " +
+              owner.fileName.replace(/^.*[\\\/]/, "") +
+              ":" +
+              owner.lineNumber +
+              ")"
+            : ownerName ? " (created by " + ownerName + ")" : "");
+        break a;
+      default:
+        JSCompiler_inline_result = "";
+    }
+    info += JSCompiler_inline_result;
+    workInProgress = workInProgress.return;
+  } while (workInProgress);
+  return info;
+}
+new Set();
+var valueStack = [],
+  index = -1;
+function createCursor(defaultValue) {
+  return { current: defaultValue };
+}
+function pop(cursor) {
+  0 > index ||
+    ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
+}
+function push(cursor, value) {
+  index++;
+  valueStack[index] = cursor.current;
+  cursor.current = value;
+}
+var contextStackCursor = createCursor(emptyObject),
+  didPerformWorkStackCursor = createCursor(!1),
+  previousContext = emptyObject;
+function getUnmaskedContext(workInProgress) {
+  return isContextProvider(workInProgress)
+    ? previousContext
+    : contextStackCursor.current;
+}
+function getMaskedContext(workInProgress, unmaskedContext) {
+  var contextTypes = workInProgress.type.contextTypes;
+  if (!contextTypes) return emptyObject;
+  var instance = workInProgress.stateNode;
+  if (
+    instance &&
+    instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
+  )
+    return instance.__reactInternalMemoizedMaskedChildContext;
+  var context = {},
+    key;
+  for (key in contextTypes) context[key] = unmaskedContext[key];
+  instance &&
+    ((workInProgress = workInProgress.stateNode),
+    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
+    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
+  return context;
+}
+function isContextProvider(fiber) {
+  return 2 === fiber.tag && null != fiber.type.childContextTypes;
+}
+function popContextProvider(fiber) {
+  isContextProvider(fiber) &&
+    (pop(didPerformWorkStackCursor, fiber), pop(contextStackCursor, fiber));
+}
+function popTopLevelContextObject(fiber) {
+  pop(didPerformWorkStackCursor, fiber);
+  pop(contextStackCursor, fiber);
+}
+function pushTopLevelContextObject(fiber, context, didChange) {
+  invariant(
+    contextStackCursor.current === emptyObject,
+    "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+  );
+  push(contextStackCursor, context, fiber);
+  push(didPerformWorkStackCursor, didChange, fiber);
+}
+function processChildContext(fiber, parentContext) {
+  var instance = fiber.stateNode,
+    childContextTypes = fiber.type.childContextTypes;
+  if ("function" !== typeof instance.getChildContext) return parentContext;
+  instance = instance.getChildContext();
+  for (var contextKey in instance)
+    invariant(
+      contextKey in childContextTypes,
+      '%s.getChildContext(): key "%s" is not defined in childContextTypes.',
+      getComponentName(fiber) || "Unknown",
+      contextKey
+    );
+  return Object.assign({}, parentContext, instance);
+}
+function pushContextProvider(workInProgress) {
+  if (!isContextProvider(workInProgress)) return !1;
+  var instance = workInProgress.stateNode;
+  instance =
+    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+    emptyObject;
+  previousContext = contextStackCursor.current;
+  push(contextStackCursor, instance, workInProgress);
+  push(
+    didPerformWorkStackCursor,
+    didPerformWorkStackCursor.current,
+    workInProgress
+  );
+  return !0;
+}
+function invalidateContextProvider(workInProgress, didChange) {
+  var instance = workInProgress.stateNode;
+  invariant(
+    instance,
+    "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+  );
+  if (didChange) {
+    var mergedContext = processChildContext(workInProgress, previousContext);
+    instance.__reactInternalMemoizedMergedChildContext = mergedContext;
+    pop(didPerformWorkStackCursor, workInProgress);
+    pop(contextStackCursor, workInProgress);
+    push(contextStackCursor, mergedContext, workInProgress);
+  } else pop(didPerformWorkStackCursor, workInProgress);
+  push(didPerformWorkStackCursor, didChange, workInProgress);
+}
+function FiberNode(tag, pendingProps, key, mode) {
+  this.tag = tag;
+  this.key = key;
+  this.sibling = this.child = this.return = this.stateNode = this.type = null;
+  this.index = 0;
+  this.ref = null;
+  this.pendingProps = pendingProps;
+  this.memoizedState = this.updateQueue = this.memoizedProps = null;
+  this.mode = mode;
+  this.effectTag = 0;
+  this.lastEffect = this.firstEffect = this.nextEffect = null;
+  this.expirationTime = 0;
+  this.alternate = null;
+  this.treeBaseTime = this.selfBaseTime = this.actualStartTime = this.actualDuration = 0;
+}
+function createWorkInProgress(current, pendingProps, expirationTime) {
+  var workInProgress = current.alternate;
+  null === workInProgress
+    ? ((workInProgress = new FiberNode(
+        current.tag,
+        pendingProps,
+        current.key,
+        current.mode
+      )),
+      (workInProgress.type = current.type),
+      (workInProgress.stateNode = current.stateNode),
+      (workInProgress.alternate = current),
+      (current.alternate = workInProgress))
+    : ((workInProgress.pendingProps = pendingProps),
+      (workInProgress.effectTag = 0),
+      (workInProgress.nextEffect = null),
+      (workInProgress.firstEffect = null),
+      (workInProgress.lastEffect = null),
+      (workInProgress.actualDuration = 0),
+      (workInProgress.actualStartTime = 0));
+  workInProgress.expirationTime = expirationTime;
+  workInProgress.child = current.child;
+  workInProgress.memoizedProps = current.memoizedProps;
+  workInProgress.memoizedState = current.memoizedState;
+  workInProgress.updateQueue = current.updateQueue;
+  workInProgress.sibling = current.sibling;
+  workInProgress.index = current.index;
+  workInProgress.ref = current.ref;
+  workInProgress.selfBaseTime = current.selfBaseTime;
+  workInProgress.treeBaseTime = current.treeBaseTime;
+  return workInProgress;
+}
+function createFiberFromElement(element, mode, expirationTime) {
+  var type = element.type,
+    key = element.key;
+  element = element.props;
+  if ("function" === typeof type)
+    var fiberTag = type.prototype && type.prototype.isReactComponent ? 2 : 0;
+  else if ("string" === typeof type) fiberTag = 5;
+  else
+    switch (type) {
+      case REACT_FRAGMENT_TYPE:
+        return createFiberFromFragment(
+          element.children,
+          mode,
+          expirationTime,
+          key
+        );
+      case REACT_ASYNC_MODE_TYPE:
+        fiberTag = 11;
+        mode |= 3;
+        break;
+      case REACT_STRICT_MODE_TYPE:
+        fiberTag = 11;
+        mode |= 2;
+        break;
+      case REACT_PROFILER_TYPE:
+        return (
+          (type = new FiberNode(15, element, key, mode | 4)),
+          (type.type = REACT_PROFILER_TYPE),
+          (type.expirationTime = expirationTime),
+          type
+        );
+      case REACT_TIMEOUT_TYPE:
+        fiberTag = 16;
+        mode |= 2;
+        break;
+      default:
+        a: {
+          switch ("object" === typeof type && null !== type
+            ? type.$$typeof
+            : null) {
+            case REACT_PROVIDER_TYPE:
+              fiberTag = 13;
+              break a;
+            case REACT_CONTEXT_TYPE:
+              fiberTag = 12;
+              break a;
+            case REACT_FORWARD_REF_TYPE:
+              fiberTag = 14;
+              break a;
+            default:
+              invariant(
+                !1,
+                "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
+                null == type ? type : typeof type,
+                ""
+              );
+          }
+          fiberTag = void 0;
+        }
+    }
+  mode = new FiberNode(fiberTag, element, key, mode);
+  mode.type = type;
+  mode.expirationTime = expirationTime;
+  return mode;
+}
+function createFiberFromFragment(elements, mode, expirationTime, key) {
+  elements = new FiberNode(10, elements, key, mode);
+  elements.expirationTime = expirationTime;
+  return elements;
+}
+function createFiberFromText(content, mode, expirationTime) {
+  content = new FiberNode(6, content, null, mode);
+  content.expirationTime = expirationTime;
+  return content;
+}
+function createFiberFromPortal(portal, mode, expirationTime) {
+  mode = new FiberNode(
+    4,
+    null !== portal.children ? portal.children : [],
+    portal.key,
+    mode
+  );
+  mode.expirationTime = expirationTime;
+  mode.stateNode = {
+    containerInfo: portal.containerInfo,
+    pendingChildren: null,
+    implementation: portal.implementation
+  };
+  return mode;
+}
+function createFiberRoot(containerInfo, isAsync, hydrate) {
+  isAsync = new FiberNode(3, null, null, isAsync ? 3 : 0);
+  containerInfo = {
+    current: isAsync,
+    containerInfo: containerInfo,
+    pendingChildren: null,
+    earliestPendingTime: 0,
+    latestPendingTime: 0,
+    earliestSuspendedTime: 0,
+    latestSuspendedTime: 0,
+    latestPingedTime: 0,
+    didError: !1,
+    pendingCommitExpirationTime: 0,
+    finishedWork: null,
+    context: null,
+    pendingContext: null,
+    hydrate: hydrate,
+    nextExpirationTimeToWorkOn: 0,
+    expirationTime: 0,
+    firstBatch: null,
+    nextScheduledRoot: null
+  };
+  return (isAsync.stateNode = containerInfo);
+}
+var onCommitFiberRoot = null,
+  onCommitFiberUnmount = null;
+function catchErrors(fn) {
+  return function(arg) {
+    try {
+      return fn(arg);
+    } catch (err) {}
+  };
+}
+function injectInternals(internals) {
+  if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
+  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  if (hook.isDisabled || !hook.supportsFiber) return !0;
+  try {
+    var rendererID = hook.inject(internals);
+    onCommitFiberRoot = catchErrors(function(root) {
+      return hook.onCommitFiberRoot(rendererID, root);
+    });
+    onCommitFiberUnmount = catchErrors(function(fiber) {
+      return hook.onCommitFiberUnmount(rendererID, fiber);
+    });
+  } catch (err) {}
+  return !0;
+}
+function onCommitRoot(root) {
+  "function" === typeof onCommitFiberRoot && onCommitFiberRoot(root);
+}
+function onCommitUnmount(fiber) {
+  "function" === typeof onCommitFiberUnmount && onCommitFiberUnmount(fiber);
+}
+function markPendingPriorityLevel(root, expirationTime) {
+  root.didError = !1;
+  var earliestPendingTime = root.earliestPendingTime;
+  0 === earliestPendingTime
+    ? (root.earliestPendingTime = root.latestPendingTime = expirationTime)
+    : earliestPendingTime > expirationTime
+      ? (root.earliestPendingTime = expirationTime)
+      : root.latestPendingTime < expirationTime &&
+        (root.latestPendingTime = expirationTime);
+  findNextPendingPriorityLevel(root);
+}
+function findNextPendingPriorityLevel(root) {
+  var earliestSuspendedTime = root.earliestSuspendedTime,
+    earliestPendingTime = root.earliestPendingTime;
+  if (0 === earliestSuspendedTime)
+    var nextExpirationTimeToWorkOn = (earliestSuspendedTime = earliestPendingTime);
+  else
+    0 !== earliestPendingTime
+      ? ((nextExpirationTimeToWorkOn = earliestPendingTime),
+        (earliestSuspendedTime =
+          earliestSuspendedTime < earliestPendingTime
+            ? earliestSuspendedTime
+            : earliestPendingTime))
+      : (nextExpirationTimeToWorkOn = earliestSuspendedTime =
+          root.latestPingedTime);
+  root.didError && (earliestSuspendedTime = 1);
+  root.nextExpirationTimeToWorkOn = nextExpirationTimeToWorkOn;
+  root.expirationTime = earliestSuspendedTime;
+}
+var hasForceUpdate = !1;
+function createUpdateQueue(baseState) {
+  return {
+    expirationTime: 0,
+    baseState: baseState,
+    firstUpdate: null,
+    lastUpdate: null,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+}
+function cloneUpdateQueue(currentQueue) {
+  return {
+    expirationTime: currentQueue.expirationTime,
+    baseState: currentQueue.baseState,
+    firstUpdate: currentQueue.firstUpdate,
+    lastUpdate: currentQueue.lastUpdate,
+    firstCapturedUpdate: null,
+    lastCapturedUpdate: null,
+    firstEffect: null,
+    lastEffect: null,
+    firstCapturedEffect: null,
+    lastCapturedEffect: null
+  };
+}
+function createUpdate(expirationTime) {
+  return {
+    expirationTime: expirationTime,
+    tag: 0,
+    payload: null,
+    callback: null,
+    next: null,
+    nextEffect: null
+  };
+}
+function appendUpdateToQueue(queue, update, expirationTime) {
+  null === queue.lastUpdate
+    ? (queue.firstUpdate = queue.lastUpdate = update)
+    : ((queue.lastUpdate.next = update), (queue.lastUpdate = update));
+  if (0 === queue.expirationTime || queue.expirationTime > expirationTime)
+    queue.expirationTime = expirationTime;
+}
+function enqueueUpdate(fiber, update, expirationTime) {
+  var alternate = fiber.alternate;
+  if (null === alternate) {
+    var queue1 = fiber.updateQueue;
+    var queue2 = null;
+    null === queue1 &&
+      (queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState));
+  } else
+    (queue1 = fiber.updateQueue),
+      (queue2 = alternate.updateQueue),
+      null === queue1
+        ? null === queue2
+          ? ((queue1 = fiber.updateQueue = createUpdateQueue(
+              fiber.memoizedState
+            )),
+            (queue2 = alternate.updateQueue = createUpdateQueue(
+              alternate.memoizedState
+            )))
+          : (queue1 = fiber.updateQueue = cloneUpdateQueue(queue2))
+        : null === queue2 &&
+          (queue2 = alternate.updateQueue = cloneUpdateQueue(queue1));
+  null === queue2 || queue1 === queue2
+    ? appendUpdateToQueue(queue1, update, expirationTime)
+    : null === queue1.lastUpdate || null === queue2.lastUpdate
+      ? (appendUpdateToQueue(queue1, update, expirationTime),
+        appendUpdateToQueue(queue2, update, expirationTime))
+      : (appendUpdateToQueue(queue1, update, expirationTime),
+        (queue2.lastUpdate = update));
+}
+function enqueueCapturedUpdate(workInProgress, update, renderExpirationTime) {
+  var workInProgressQueue = workInProgress.updateQueue;
+  workInProgressQueue =
+    null === workInProgressQueue
+      ? (workInProgress.updateQueue = createUpdateQueue(
+          workInProgress.memoizedState
+        ))
+      : ensureWorkInProgressQueueIsAClone(workInProgress, workInProgressQueue);
+  null === workInProgressQueue.lastCapturedUpdate
+    ? (workInProgressQueue.firstCapturedUpdate = workInProgressQueue.lastCapturedUpdate = update)
+    : ((workInProgressQueue.lastCapturedUpdate.next = update),
+      (workInProgressQueue.lastCapturedUpdate = update));
+  if (
+    0 === workInProgressQueue.expirationTime ||
+    workInProgressQueue.expirationTime > renderExpirationTime
+  )
+    workInProgressQueue.expirationTime = renderExpirationTime;
+}
+function ensureWorkInProgressQueueIsAClone(workInProgress, queue) {
+  var current = workInProgress.alternate;
+  null !== current &&
+    queue === current.updateQueue &&
+    (queue = workInProgress.updateQueue = cloneUpdateQueue(queue));
+  return queue;
+}
+function getStateFromUpdate(
+  workInProgress,
+  queue,
+  update,
+  prevState,
+  nextProps,
+  instance
+) {
+  switch (update.tag) {
+    case 1:
+      return (
+        (workInProgress = update.payload),
+        "function" === typeof workInProgress
+          ? workInProgress.call(instance, prevState, nextProps)
+          : workInProgress
+      );
+    case 3:
+      workInProgress.effectTag = (workInProgress.effectTag & -1025) | 64;
+    case 0:
+      workInProgress = update.payload;
+      nextProps =
+        "function" === typeof workInProgress
+          ? workInProgress.call(instance, prevState, nextProps)
+          : workInProgress;
+      if (null === nextProps || void 0 === nextProps) break;
+      return Object.assign({}, prevState, nextProps);
+    case 2:
+      hasForceUpdate = !0;
+  }
+  return prevState;
+}
+function processUpdateQueue(
+  workInProgress,
+  queue,
+  props,
+  instance,
+  renderExpirationTime
+) {
+  hasForceUpdate = !1;
+  if (
+    !(0 === queue.expirationTime || queue.expirationTime > renderExpirationTime)
+  ) {
+    queue = ensureWorkInProgressQueueIsAClone(workInProgress, queue);
+    for (
+      var newBaseState = queue.baseState,
+        newFirstUpdate = null,
+        newExpirationTime = 0,
+        update = queue.firstUpdate,
+        resultState = newBaseState;
+      null !== update;
+
+    ) {
+      var updateExpirationTime = update.expirationTime;
+      if (updateExpirationTime > renderExpirationTime) {
+        if (
+          (null === newFirstUpdate &&
+            ((newFirstUpdate = update), (newBaseState = resultState)),
+          0 === newExpirationTime || newExpirationTime > updateExpirationTime)
+        )
+          newExpirationTime = updateExpirationTime;
+      } else
+        (resultState = getStateFromUpdate(
+          workInProgress,
+          queue,
+          update,
+          resultState,
+          props,
+          instance
+        )),
+          null !== update.callback &&
+            ((workInProgress.effectTag |= 32),
+            (update.nextEffect = null),
+            null === queue.lastEffect
+              ? (queue.firstEffect = queue.lastEffect = update)
+              : ((queue.lastEffect.nextEffect = update),
+                (queue.lastEffect = update)));
+      update = update.next;
+    }
+    updateExpirationTime = null;
+    for (update = queue.firstCapturedUpdate; null !== update; ) {
+      var _updateExpirationTime = update.expirationTime;
+      if (_updateExpirationTime > renderExpirationTime) {
+        if (
+          (null === updateExpirationTime &&
+            ((updateExpirationTime = update),
+            null === newFirstUpdate && (newBaseState = resultState)),
+          0 === newExpirationTime || newExpirationTime > _updateExpirationTime)
+        )
+          newExpirationTime = _updateExpirationTime;
+      } else
+        (resultState = getStateFromUpdate(
+          workInProgress,
+          queue,
+          update,
+          resultState,
+          props,
+          instance
+        )),
+          null !== update.callback &&
+            ((workInProgress.effectTag |= 32),
+            (update.nextEffect = null),
+            null === queue.lastCapturedEffect
+              ? (queue.firstCapturedEffect = queue.lastCapturedEffect = update)
+              : ((queue.lastCapturedEffect.nextEffect = update),
+                (queue.lastCapturedEffect = update)));
+      update = update.next;
+    }
+    null === newFirstUpdate && (queue.lastUpdate = null);
+    null === updateExpirationTime
+      ? (queue.lastCapturedUpdate = null)
+      : (workInProgress.effectTag |= 32);
+    null === newFirstUpdate &&
+      null === updateExpirationTime &&
+      (newBaseState = resultState);
+    queue.baseState = newBaseState;
+    queue.firstUpdate = newFirstUpdate;
+    queue.firstCapturedUpdate = updateExpirationTime;
+    queue.expirationTime = newExpirationTime;
+    workInProgress.memoizedState = resultState;
+  }
+}
+function callCallback(callback, context) {
+  invariant(
+    "function" === typeof callback,
+    "Invalid argument passed as callback. Expected a function. Instead received: %s",
+    callback
+  );
+  callback.call(context);
+}
+function commitUpdateQueue(finishedWork, finishedQueue, instance) {
+  null !== finishedQueue.firstCapturedUpdate &&
+    (null !== finishedQueue.lastUpdate &&
+      ((finishedQueue.lastUpdate.next = finishedQueue.firstCapturedUpdate),
+      (finishedQueue.lastUpdate = finishedQueue.lastCapturedUpdate)),
+    (finishedQueue.firstCapturedUpdate = finishedQueue.lastCapturedUpdate = null));
+  finishedWork = finishedQueue.firstEffect;
+  for (
+    finishedQueue.firstEffect = finishedQueue.lastEffect = null;
+    null !== finishedWork;
+
+  ) {
+    var _callback3 = finishedWork.callback;
+    null !== _callback3 &&
+      ((finishedWork.callback = null), callCallback(_callback3, instance));
+    finishedWork = finishedWork.nextEffect;
+  }
+  finishedWork = finishedQueue.firstCapturedEffect;
+  for (
+    finishedQueue.firstCapturedEffect = finishedQueue.lastCapturedEffect = null;
+    null !== finishedWork;
+
+  )
+    (finishedQueue = finishedWork.callback),
+      null !== finishedQueue &&
+        ((finishedWork.callback = null), callCallback(finishedQueue, instance)),
+      (finishedWork = finishedWork.nextEffect);
+}
+function createCapturedValue(value, source) {
+  return {
+    value: value,
+    source: source,
+    stack: getStackAddendumByWorkInProgressFiber(source)
+  };
+}
+var providerCursor = createCursor(null),
+  valueCursor = createCursor(null),
+  changedBitsCursor = createCursor(0);
+function pushProvider(providerFiber) {
+  var context = providerFiber.type._context;
+  push(changedBitsCursor, context._changedBits, providerFiber);
+  push(valueCursor, context._currentValue, providerFiber);
+  push(providerCursor, providerFiber, providerFiber);
+  context._currentValue = providerFiber.pendingProps.value;
+  context._changedBits = providerFiber.stateNode;
+}
+function popProvider(providerFiber) {
+  var changedBits = changedBitsCursor.current,
+    currentValue = valueCursor.current;
+  pop(providerCursor, providerFiber);
+  pop(valueCursor, providerFiber);
+  pop(changedBitsCursor, providerFiber);
+  providerFiber = providerFiber.type._context;
+  providerFiber._currentValue = currentValue;
+  providerFiber._changedBits = changedBits;
+}
+var NO_CONTEXT = {},
+  contextStackCursor$1 = createCursor(NO_CONTEXT),
+  contextFiberStackCursor = createCursor(NO_CONTEXT),
+  rootInstanceStackCursor = createCursor(NO_CONTEXT);
+function requiredContext(c) {
+  invariant(
+    c !== NO_CONTEXT,
+    "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+  );
+  return c;
+}
+function pushHostContainer(fiber, nextRootInstance) {
+  push(rootInstanceStackCursor, nextRootInstance, fiber);
+  push(contextFiberStackCursor, fiber, fiber);
+  push(contextStackCursor$1, NO_CONTEXT, fiber);
+  pop(contextStackCursor$1, fiber);
+  push(contextStackCursor$1, { isInAParentText: !1 }, fiber);
+}
+function popHostContainer(fiber) {
+  pop(contextStackCursor$1, fiber);
+  pop(contextFiberStackCursor, fiber);
+  pop(rootInstanceStackCursor, fiber);
+}
+function popHostContext(fiber) {
+  contextFiberStackCursor.current === fiber &&
+    (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
+}
+var commitTime = 0,
+  timerPausedAt = 0,
+  totalElapsedPauseTime = 0;
+function recordElapsedActualRenderTime(fiber) {
+  fiber.actualDuration = now$1() - totalElapsedPauseTime - fiber.actualDuration;
+}
+function resumeActualRenderTimerIfPaused() {
+  0 < timerPausedAt &&
+    ((totalElapsedPauseTime += now$1() - timerPausedAt), (timerPausedAt = 0));
+}
+var baseStartTime = -1,
+  hasOwnProperty = Object.prototype.hasOwnProperty;
+function is(x, y) {
+  return x === y ? 0 !== x || 0 !== y || 1 / x === 1 / y : x !== x && y !== y;
+}
+function shallowEqual(objA, objB) {
+  if (is(objA, objB)) return !0;
+  if (
+    "object" !== typeof objA ||
+    null === objA ||
+    "object" !== typeof objB ||
+    null === objB
+  )
+    return !1;
+  var keysA = Object.keys(objA),
+    keysB = Object.keys(objB);
+  if (keysA.length !== keysB.length) return !1;
+  for (keysB = 0; keysB < keysA.length; keysB++)
+    if (
+      !hasOwnProperty.call(objB, keysA[keysB]) ||
+      !is(objA[keysA[keysB]], objB[keysA[keysB]])
+    )
+      return !1;
+  return !0;
+}
+function applyDerivedStateFromProps(
+  workInProgress,
+  getDerivedStateFromProps,
+  nextProps
+) {
+  var prevState = workInProgress.memoizedState;
+  getDerivedStateFromProps = getDerivedStateFromProps(nextProps, prevState);
+  prevState =
+    null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps
+      ? prevState
+      : Object.assign({}, prevState, getDerivedStateFromProps);
+  workInProgress.memoizedState = prevState;
+  workInProgress = workInProgress.updateQueue;
+  null !== workInProgress &&
+    0 === workInProgress.expirationTime &&
+    (workInProgress.baseState = prevState);
+}
+var classComponentUpdater = {
+  isMounted: function(component) {
+    return (component = component._reactInternalFiber)
+      ? 2 === isFiberMountedImpl(component)
+      : !1;
+  },
+  enqueueSetState: function(inst, payload, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = recalculateCurrentTime();
+    currentTime = computeExpirationForFiber(currentTime, inst);
+    var update = createUpdate(currentTime);
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    enqueueUpdate(inst, update, currentTime);
+    scheduleWork(inst, currentTime);
+  },
+  enqueueReplaceState: function(inst, payload, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = recalculateCurrentTime();
+    currentTime = computeExpirationForFiber(currentTime, inst);
+    var update = createUpdate(currentTime);
+    update.tag = 1;
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    enqueueUpdate(inst, update, currentTime);
+    scheduleWork(inst, currentTime);
+  },
+  enqueueForceUpdate: function(inst, callback) {
+    inst = inst._reactInternalFiber;
+    var currentTime = recalculateCurrentTime();
+    currentTime = computeExpirationForFiber(currentTime, inst);
+    var update = createUpdate(currentTime);
+    update.tag = 2;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    enqueueUpdate(inst, update, currentTime);
+    scheduleWork(inst, currentTime);
+  }
+};
+function checkShouldComponentUpdate(
+  workInProgress,
+  oldProps,
+  newProps,
+  oldState,
+  newState,
+  newContext
+) {
+  var instance = workInProgress.stateNode;
+  workInProgress = workInProgress.type;
+  return "function" === typeof instance.shouldComponentUpdate
+    ? instance.shouldComponentUpdate(newProps, newState, newContext)
+    : workInProgress.prototype && workInProgress.prototype.isPureReactComponent
+      ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+      : !0;
+}
+function callComponentWillReceiveProps(
+  workInProgress,
+  instance,
+  newProps,
+  newContext
+) {
+  workInProgress = instance.state;
+  "function" === typeof instance.componentWillReceiveProps &&
+    instance.componentWillReceiveProps(newProps, newContext);
+  "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
+    instance.UNSAFE_componentWillReceiveProps(newProps, newContext);
+  instance.state !== workInProgress &&
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+}
+function mountClassInstance(workInProgress, renderExpirationTime) {
+  var ctor = workInProgress.type,
+    instance = workInProgress.stateNode,
+    props = workInProgress.pendingProps,
+    unmaskedContext = getUnmaskedContext(workInProgress);
+  instance.props = props;
+  instance.state = workInProgress.memoizedState;
+  instance.refs = emptyObject;
+  instance.context = getMaskedContext(workInProgress, unmaskedContext);
+  unmaskedContext = workInProgress.updateQueue;
+  null !== unmaskedContext &&
+    (processUpdateQueue(
+      workInProgress,
+      unmaskedContext,
+      props,
+      instance,
+      renderExpirationTime
+    ),
+    (instance.state = workInProgress.memoizedState));
+  unmaskedContext = workInProgress.type.getDerivedStateFromProps;
+  "function" === typeof unmaskedContext &&
+    (applyDerivedStateFromProps(workInProgress, unmaskedContext, props),
+    (instance.state = workInProgress.memoizedState));
+  "function" === typeof ctor.getDerivedStateFromProps ||
+    "function" === typeof instance.getSnapshotBeforeUpdate ||
+    ("function" !== typeof instance.UNSAFE_componentWillMount &&
+      "function" !== typeof instance.componentWillMount) ||
+    ((ctor = instance.state),
+    "function" === typeof instance.componentWillMount &&
+      instance.componentWillMount(),
+    "function" === typeof instance.UNSAFE_componentWillMount &&
+      instance.UNSAFE_componentWillMount(),
+    ctor !== instance.state &&
+      classComponentUpdater.enqueueReplaceState(instance, instance.state, null),
+    (unmaskedContext = workInProgress.updateQueue),
+    null !== unmaskedContext &&
+      (processUpdateQueue(
+        workInProgress,
+        unmaskedContext,
+        props,
+        instance,
+        renderExpirationTime
+      ),
+      (instance.state = workInProgress.memoizedState)));
+  "function" === typeof instance.componentDidMount &&
+    (workInProgress.effectTag |= 4);
+}
+var isArray$1 = Array.isArray;
+function coerceRef(returnFiber, current, element) {
+  returnFiber = element.ref;
+  if (
+    null !== returnFiber &&
+    "function" !== typeof returnFiber &&
+    "object" !== typeof returnFiber
+  ) {
+    if (element._owner) {
+      element = element._owner;
+      var inst = void 0;
+      element &&
+        (invariant(
+          2 === element.tag,
+          "Stateless function components cannot have refs."
+        ),
+        (inst = element.stateNode));
+      invariant(
+        inst,
+        "Missing owner for string ref %s. This error is likely caused by a bug in React. Please file an issue.",
+        returnFiber
+      );
+      var stringRef = "" + returnFiber;
+      if (
+        null !== current &&
+        null !== current.ref &&
+        "function" === typeof current.ref &&
+        current.ref._stringRef === stringRef
+      )
+        return current.ref;
+      current = function(value) {
+        var refs = inst.refs === emptyObject ? (inst.refs = {}) : inst.refs;
+        null === value ? delete refs[stringRef] : (refs[stringRef] = value);
+      };
+      current._stringRef = stringRef;
+      return current;
+    }
+    invariant(
+      "string" === typeof returnFiber,
+      "Expected ref to be a function or a string."
+    );
+    invariant(
+      element._owner,
+      "Element ref was specified as a string (%s) but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a functional component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://fb.me/react-refs-must-have-owner for more information.",
+      returnFiber
+    );
+  }
+  return returnFiber;
+}
+function throwOnInvalidObjectType(returnFiber, newChild) {
+  "textarea" !== returnFiber.type &&
+    invariant(
+      !1,
+      "Objects are not valid as a React child (found: %s).%s",
+      "[object Object]" === Object.prototype.toString.call(newChild)
+        ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+        : newChild,
+      ""
+    );
+}
+function ChildReconciler(shouldTrackSideEffects) {
+  function deleteChild(returnFiber, childToDelete) {
+    if (shouldTrackSideEffects) {
+      var last = returnFiber.lastEffect;
+      null !== last
+        ? ((last.nextEffect = childToDelete),
+          (returnFiber.lastEffect = childToDelete))
+        : (returnFiber.firstEffect = returnFiber.lastEffect = childToDelete);
+      childToDelete.nextEffect = null;
+      childToDelete.effectTag = 8;
+    }
+  }
+  function deleteRemainingChildren(returnFiber, currentFirstChild) {
+    if (!shouldTrackSideEffects) return null;
+    for (; null !== currentFirstChild; )
+      deleteChild(returnFiber, currentFirstChild),
+        (currentFirstChild = currentFirstChild.sibling);
+    return null;
+  }
+  function mapRemainingChildren(returnFiber, currentFirstChild) {
+    for (returnFiber = new Map(); null !== currentFirstChild; )
+      null !== currentFirstChild.key
+        ? returnFiber.set(currentFirstChild.key, currentFirstChild)
+        : returnFiber.set(currentFirstChild.index, currentFirstChild),
+        (currentFirstChild = currentFirstChild.sibling);
+    return returnFiber;
+  }
+  function useFiber(fiber, pendingProps, expirationTime) {
+    fiber = createWorkInProgress(fiber, pendingProps, expirationTime);
+    fiber.index = 0;
+    fiber.sibling = null;
+    return fiber;
+  }
+  function placeChild(newFiber, lastPlacedIndex, newIndex) {
+    newFiber.index = newIndex;
+    if (!shouldTrackSideEffects) return lastPlacedIndex;
+    newIndex = newFiber.alternate;
+    if (null !== newIndex)
+      return (
+        (newIndex = newIndex.index),
+        newIndex < lastPlacedIndex
+          ? ((newFiber.effectTag = 2), lastPlacedIndex)
+          : newIndex
+      );
+    newFiber.effectTag = 2;
+    return lastPlacedIndex;
+  }
+  function placeSingleChild(newFiber) {
+    shouldTrackSideEffects &&
+      null === newFiber.alternate &&
+      (newFiber.effectTag = 2);
+    return newFiber;
+  }
+  function updateTextNode(returnFiber, current, textContent, expirationTime) {
+    if (null === current || 6 !== current.tag)
+      return (
+        (current = createFiberFromText(
+          textContent,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (current.return = returnFiber),
+        current
+      );
+    current = useFiber(current, textContent, expirationTime);
+    current.return = returnFiber;
+    return current;
+  }
+  function updateElement(returnFiber, current, element, expirationTime) {
+    if (null !== current && current.type === element.type)
+      return (
+        (expirationTime = useFiber(current, element.props, expirationTime)),
+        (expirationTime.ref = coerceRef(returnFiber, current, element)),
+        (expirationTime.return = returnFiber),
+        expirationTime
+      );
+    expirationTime = createFiberFromElement(
+      element,
+      returnFiber.mode,
+      expirationTime
+    );
+    expirationTime.ref = coerceRef(returnFiber, current, element);
+    expirationTime.return = returnFiber;
+    return expirationTime;
+  }
+  function updatePortal(returnFiber, current, portal, expirationTime) {
+    if (
+      null === current ||
+      4 !== current.tag ||
+      current.stateNode.containerInfo !== portal.containerInfo ||
+      current.stateNode.implementation !== portal.implementation
+    )
+      return (
+        (current = createFiberFromPortal(
+          portal,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (current.return = returnFiber),
+        current
+      );
+    current = useFiber(current, portal.children || [], expirationTime);
+    current.return = returnFiber;
+    return current;
+  }
+  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
+    if (null === current || 10 !== current.tag)
+      return (
+        (current = createFiberFromFragment(
+          fragment,
+          returnFiber.mode,
+          expirationTime,
+          key
+        )),
+        (current.return = returnFiber),
+        current
+      );
+    current = useFiber(current, fragment, expirationTime);
+    current.return = returnFiber;
+    return current;
+  }
+  function createChild(returnFiber, newChild, expirationTime) {
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (newChild = createFiberFromText(
+          "" + newChild,
+          returnFiber.mode,
+          expirationTime
+        )),
+        (newChild.return = returnFiber),
+        newChild
+      );
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return (
+            (expirationTime = createFiberFromElement(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (expirationTime.ref = coerceRef(returnFiber, null, newChild)),
+            (expirationTime.return = returnFiber),
+            expirationTime
+          );
+        case REACT_PORTAL_TYPE:
+          return (
+            (newChild = createFiberFromPortal(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (newChild.return = returnFiber),
+            newChild
+          );
+      }
+      if (isArray$1(newChild) || getIteratorFn(newChild))
+        return (
+          (newChild = createFiberFromFragment(
+            newChild,
+            returnFiber.mode,
+            expirationTime,
+            null
+          )),
+          (newChild.return = returnFiber),
+          newChild
+        );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function updateSlot(returnFiber, oldFiber, newChild, expirationTime) {
+    var key = null !== oldFiber ? oldFiber.key : null;
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return null !== key
+        ? null
+        : updateTextNode(returnFiber, oldFiber, "" + newChild, expirationTime);
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return newChild.key === key
+            ? newChild.type === REACT_FRAGMENT_TYPE
+              ? updateFragment(
+                  returnFiber,
+                  oldFiber,
+                  newChild.props.children,
+                  expirationTime,
+                  key
+                )
+              : updateElement(returnFiber, oldFiber, newChild, expirationTime)
+            : null;
+        case REACT_PORTAL_TYPE:
+          return newChild.key === key
+            ? updatePortal(returnFiber, oldFiber, newChild, expirationTime)
+            : null;
+      }
+      if (isArray$1(newChild) || getIteratorFn(newChild))
+        return null !== key
+          ? null
+          : updateFragment(
+              returnFiber,
+              oldFiber,
+              newChild,
+              expirationTime,
+              null
+            );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function updateFromMap(
+    existingChildren,
+    returnFiber,
+    newIdx,
+    newChild,
+    expirationTime
+  ) {
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (existingChildren = existingChildren.get(newIdx) || null),
+        updateTextNode(
+          returnFiber,
+          existingChildren,
+          "" + newChild,
+          expirationTime
+        )
+      );
+    if ("object" === typeof newChild && null !== newChild) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return (
+            (existingChildren =
+              existingChildren.get(
+                null === newChild.key ? newIdx : newChild.key
+              ) || null),
+            newChild.type === REACT_FRAGMENT_TYPE
+              ? updateFragment(
+                  returnFiber,
+                  existingChildren,
+                  newChild.props.children,
+                  expirationTime,
+                  newChild.key
+                )
+              : updateElement(
+                  returnFiber,
+                  existingChildren,
+                  newChild,
+                  expirationTime
+                )
+          );
+        case REACT_PORTAL_TYPE:
+          return (
+            (existingChildren =
+              existingChildren.get(
+                null === newChild.key ? newIdx : newChild.key
+              ) || null),
+            updatePortal(
+              returnFiber,
+              existingChildren,
+              newChild,
+              expirationTime
+            )
+          );
+      }
+      if (isArray$1(newChild) || getIteratorFn(newChild))
+        return (
+          (existingChildren = existingChildren.get(newIdx) || null),
+          updateFragment(
+            returnFiber,
+            existingChildren,
+            newChild,
+            expirationTime,
+            null
+          )
+        );
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+    return null;
+  }
+  function reconcileChildrenArray(
+    returnFiber,
+    currentFirstChild,
+    newChildren,
+    expirationTime
+  ) {
+    for (
+      var resultingFirstChild = null,
+        previousNewFiber = null,
+        oldFiber = currentFirstChild,
+        newIdx = (currentFirstChild = 0),
+        nextOldFiber = null;
+      null !== oldFiber && newIdx < newChildren.length;
+      newIdx++
+    ) {
+      oldFiber.index > newIdx
+        ? ((nextOldFiber = oldFiber), (oldFiber = null))
+        : (nextOldFiber = oldFiber.sibling);
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        newChildren[newIdx],
+        expirationTime
+      );
+      if (null === newFiber) {
+        null === oldFiber && (oldFiber = nextOldFiber);
+        break;
+      }
+      shouldTrackSideEffects &&
+        oldFiber &&
+        null === newFiber.alternate &&
+        deleteChild(returnFiber, oldFiber);
+      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
+      null === previousNewFiber
+        ? (resultingFirstChild = newFiber)
+        : (previousNewFiber.sibling = newFiber);
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
+    if (newIdx === newChildren.length)
+      return (
+        deleteRemainingChildren(returnFiber, oldFiber), resultingFirstChild
+      );
+    if (null === oldFiber) {
+      for (; newIdx < newChildren.length; newIdx++)
+        if (
+          (oldFiber = createChild(
+            returnFiber,
+            newChildren[newIdx],
+            expirationTime
+          ))
+        )
+          (currentFirstChild = placeChild(oldFiber, currentFirstChild, newIdx)),
+            null === previousNewFiber
+              ? (resultingFirstChild = oldFiber)
+              : (previousNewFiber.sibling = oldFiber),
+            (previousNewFiber = oldFiber);
+      return resultingFirstChild;
+    }
+    for (
+      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
+      newIdx < newChildren.length;
+      newIdx++
+    )
+      if (
+        (nextOldFiber = updateFromMap(
+          oldFiber,
+          returnFiber,
+          newIdx,
+          newChildren[newIdx],
+          expirationTime
+        ))
+      )
+        shouldTrackSideEffects &&
+          null !== nextOldFiber.alternate &&
+          oldFiber.delete(
+            null === nextOldFiber.key ? newIdx : nextOldFiber.key
+          ),
+          (currentFirstChild = placeChild(
+            nextOldFiber,
+            currentFirstChild,
+            newIdx
+          )),
+          null === previousNewFiber
+            ? (resultingFirstChild = nextOldFiber)
+            : (previousNewFiber.sibling = nextOldFiber),
+          (previousNewFiber = nextOldFiber);
+    shouldTrackSideEffects &&
+      oldFiber.forEach(function(child) {
+        return deleteChild(returnFiber, child);
+      });
+    return resultingFirstChild;
+  }
+  function reconcileChildrenIterator(
+    returnFiber,
+    currentFirstChild,
+    newChildrenIterable,
+    expirationTime
+  ) {
+    var iteratorFn = getIteratorFn(newChildrenIterable);
+    invariant(
+      "function" === typeof iteratorFn,
+      "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+    );
+    newChildrenIterable = iteratorFn.call(newChildrenIterable);
+    invariant(
+      null != newChildrenIterable,
+      "An iterable object provided no iterator."
+    );
+    for (
+      var previousNewFiber = (iteratorFn = null),
+        oldFiber = currentFirstChild,
+        newIdx = (currentFirstChild = 0),
+        nextOldFiber = null,
+        step = newChildrenIterable.next();
+      null !== oldFiber && !step.done;
+      newIdx++, step = newChildrenIterable.next()
+    ) {
+      oldFiber.index > newIdx
+        ? ((nextOldFiber = oldFiber), (oldFiber = null))
+        : (nextOldFiber = oldFiber.sibling);
+      var newFiber = updateSlot(
+        returnFiber,
+        oldFiber,
+        step.value,
+        expirationTime
+      );
+      if (null === newFiber) {
+        oldFiber || (oldFiber = nextOldFiber);
+        break;
+      }
+      shouldTrackSideEffects &&
+        oldFiber &&
+        null === newFiber.alternate &&
+        deleteChild(returnFiber, oldFiber);
+      currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
+      null === previousNewFiber
+        ? (iteratorFn = newFiber)
+        : (previousNewFiber.sibling = newFiber);
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
+    if (step.done)
+      return deleteRemainingChildren(returnFiber, oldFiber), iteratorFn;
+    if (null === oldFiber) {
+      for (; !step.done; newIdx++, step = newChildrenIterable.next())
+        (step = createChild(returnFiber, step.value, expirationTime)),
+          null !== step &&
+            ((currentFirstChild = placeChild(step, currentFirstChild, newIdx)),
+            null === previousNewFiber
+              ? (iteratorFn = step)
+              : (previousNewFiber.sibling = step),
+            (previousNewFiber = step));
+      return iteratorFn;
+    }
+    for (
+      oldFiber = mapRemainingChildren(returnFiber, oldFiber);
+      !step.done;
+      newIdx++, step = newChildrenIterable.next()
+    )
+      (step = updateFromMap(
+        oldFiber,
+        returnFiber,
+        newIdx,
+        step.value,
+        expirationTime
+      )),
+        null !== step &&
+          (shouldTrackSideEffects &&
+            null !== step.alternate &&
+            oldFiber.delete(null === step.key ? newIdx : step.key),
+          (currentFirstChild = placeChild(step, currentFirstChild, newIdx)),
+          null === previousNewFiber
+            ? (iteratorFn = step)
+            : (previousNewFiber.sibling = step),
+          (previousNewFiber = step));
+    shouldTrackSideEffects &&
+      oldFiber.forEach(function(child) {
+        return deleteChild(returnFiber, child);
+      });
+    return iteratorFn;
+  }
+  return function(returnFiber, currentFirstChild, newChild, expirationTime) {
+    var isUnkeyedTopLevelFragment =
+      "object" === typeof newChild &&
+      null !== newChild &&
+      newChild.type === REACT_FRAGMENT_TYPE &&
+      null === newChild.key;
+    isUnkeyedTopLevelFragment && (newChild = newChild.props.children);
+    var isObject = "object" === typeof newChild && null !== newChild;
+    if (isObject)
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          a: {
+            isObject = newChild.key;
+            for (
+              isUnkeyedTopLevelFragment = currentFirstChild;
+              null !== isUnkeyedTopLevelFragment;
+
+            ) {
+              if (isUnkeyedTopLevelFragment.key === isObject)
+                if (
+                  10 === isUnkeyedTopLevelFragment.tag
+                    ? newChild.type === REACT_FRAGMENT_TYPE
+                    : isUnkeyedTopLevelFragment.type === newChild.type
+                ) {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment.sibling
+                  );
+                  currentFirstChild = useFiber(
+                    isUnkeyedTopLevelFragment,
+                    newChild.type === REACT_FRAGMENT_TYPE
+                      ? newChild.props.children
+                      : newChild.props,
+                    expirationTime
+                  );
+                  currentFirstChild.ref = coerceRef(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment,
+                    newChild
+                  );
+                  currentFirstChild.return = returnFiber;
+                  returnFiber = currentFirstChild;
+                  break a;
+                } else {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    isUnkeyedTopLevelFragment
+                  );
+                  break;
+                }
+              else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
+              isUnkeyedTopLevelFragment = isUnkeyedTopLevelFragment.sibling;
+            }
+            newChild.type === REACT_FRAGMENT_TYPE
+              ? ((currentFirstChild = createFiberFromFragment(
+                  newChild.props.children,
+                  returnFiber.mode,
+                  expirationTime,
+                  newChild.key
+                )),
+                (currentFirstChild.return = returnFiber),
+                (returnFiber = currentFirstChild))
+              : ((expirationTime = createFiberFromElement(
+                  newChild,
+                  returnFiber.mode,
+                  expirationTime
+                )),
+                (expirationTime.ref = coerceRef(
+                  returnFiber,
+                  currentFirstChild,
+                  newChild
+                )),
+                (expirationTime.return = returnFiber),
+                (returnFiber = expirationTime));
+          }
+          return placeSingleChild(returnFiber);
+        case REACT_PORTAL_TYPE:
+          a: {
+            for (
+              isUnkeyedTopLevelFragment = newChild.key;
+              null !== currentFirstChild;
+
+            ) {
+              if (currentFirstChild.key === isUnkeyedTopLevelFragment)
+                if (
+                  4 === currentFirstChild.tag &&
+                  currentFirstChild.stateNode.containerInfo ===
+                    newChild.containerInfo &&
+                  currentFirstChild.stateNode.implementation ===
+                    newChild.implementation
+                ) {
+                  deleteRemainingChildren(
+                    returnFiber,
+                    currentFirstChild.sibling
+                  );
+                  currentFirstChild = useFiber(
+                    currentFirstChild,
+                    newChild.children || [],
+                    expirationTime
+                  );
+                  currentFirstChild.return = returnFiber;
+                  returnFiber = currentFirstChild;
+                  break a;
+                } else {
+                  deleteRemainingChildren(returnFiber, currentFirstChild);
+                  break;
+                }
+              else deleteChild(returnFiber, currentFirstChild);
+              currentFirstChild = currentFirstChild.sibling;
+            }
+            currentFirstChild = createFiberFromPortal(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            );
+            currentFirstChild.return = returnFiber;
+            returnFiber = currentFirstChild;
+          }
+          return placeSingleChild(returnFiber);
+      }
+    if ("string" === typeof newChild || "number" === typeof newChild)
+      return (
+        (newChild = "" + newChild),
+        null !== currentFirstChild && 6 === currentFirstChild.tag
+          ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
+            (currentFirstChild = useFiber(
+              currentFirstChild,
+              newChild,
+              expirationTime
+            )),
+            (currentFirstChild.return = returnFiber),
+            (returnFiber = currentFirstChild))
+          : (deleteRemainingChildren(returnFiber, currentFirstChild),
+            (currentFirstChild = createFiberFromText(
+              newChild,
+              returnFiber.mode,
+              expirationTime
+            )),
+            (currentFirstChild.return = returnFiber),
+            (returnFiber = currentFirstChild)),
+        placeSingleChild(returnFiber)
+      );
+    if (isArray$1(newChild))
+      return reconcileChildrenArray(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    if (getIteratorFn(newChild))
+      return reconcileChildrenIterator(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        expirationTime
+      );
+    isObject && throwOnInvalidObjectType(returnFiber, newChild);
+    if ("undefined" === typeof newChild && !isUnkeyedTopLevelFragment)
+      switch (returnFiber.tag) {
+        case 2:
+        case 1:
+          (expirationTime = returnFiber.type),
+            invariant(
+              !1,
+              "%s(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.",
+              expirationTime.displayName || expirationTime.name || "Component"
+            );
+      }
+    return deleteRemainingChildren(returnFiber, currentFirstChild);
+  };
+}
+var reconcileChildFibers = ChildReconciler(!0),
+  mountChildFibers = ChildReconciler(!1),
+  hydrationParentFiber = null,
+  nextHydratableInstance = null,
+  isHydrating = !1;
+function tryHydrate(fiber, nextInstance) {
+  switch (fiber.tag) {
+    case 5:
+      return (
+        (nextInstance = shim$1(nextInstance, fiber.type, fiber.pendingProps)),
+        null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
+      );
+    case 6:
+      return (
+        (nextInstance = shim$1(nextInstance, fiber.pendingProps)),
+        null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
+      );
+    default:
+      return !1;
+  }
+}
+function tryToClaimNextHydratableInstance(fiber$jscomp$0) {
+  if (isHydrating) {
+    var nextInstance = nextHydratableInstance;
+    if (nextInstance) {
+      var firstAttemptedInstance = nextInstance;
+      if (!tryHydrate(fiber$jscomp$0, nextInstance)) {
+        nextInstance = shim$1(firstAttemptedInstance);
+        if (!nextInstance || !tryHydrate(fiber$jscomp$0, nextInstance)) {
+          fiber$jscomp$0.effectTag |= 2;
+          isHydrating = !1;
+          hydrationParentFiber = fiber$jscomp$0;
+          return;
+        }
+        var returnFiber = hydrationParentFiber,
+          fiber = new FiberNode(5, null, null, 0);
+        fiber.type = "DELETED";
+        fiber.stateNode = firstAttemptedInstance;
+        fiber.return = returnFiber;
+        fiber.effectTag = 8;
+        null !== returnFiber.lastEffect
+          ? ((returnFiber.lastEffect.nextEffect = fiber),
+            (returnFiber.lastEffect = fiber))
+          : (returnFiber.firstEffect = returnFiber.lastEffect = fiber);
+      }
+      hydrationParentFiber = fiber$jscomp$0;
+      nextHydratableInstance = shim$1(nextInstance);
+    } else
+      (fiber$jscomp$0.effectTag |= 2),
+        (isHydrating = !1),
+        (hydrationParentFiber = fiber$jscomp$0);
+  }
+}
+function reconcileChildren(current, workInProgress, nextChildren) {
+  reconcileChildrenAtExpirationTime(
+    current,
+    workInProgress,
+    nextChildren,
+    workInProgress.expirationTime
+  );
+}
+function reconcileChildrenAtExpirationTime(
+  current,
+  workInProgress,
+  nextChildren,
+  renderExpirationTime
+) {
+  workInProgress.child =
+    null === current
+      ? mountChildFibers(
+          workInProgress,
+          null,
+          nextChildren,
+          renderExpirationTime
+        )
+      : reconcileChildFibers(
+          workInProgress,
+          current.child,
+          nextChildren,
+          renderExpirationTime
+        );
+}
+function markRef(current, workInProgress) {
+  var ref = workInProgress.ref;
+  if (
+    (null === current && null !== ref) ||
+    (null !== current && current.ref !== ref)
+  )
+    workInProgress.effectTag |= 128;
+}
+function finishClassComponent(
+  current,
+  workInProgress,
+  shouldUpdate,
+  hasContext,
+  renderExpirationTime
+) {
+  markRef(current, workInProgress);
+  var didCaptureError = 0 !== (workInProgress.effectTag & 64);
+  if (!shouldUpdate && !didCaptureError)
+    return (
+      hasContext && invalidateContextProvider(workInProgress, !1),
+      bailoutOnAlreadyFinishedWork(current, workInProgress)
+    );
+  shouldUpdate = workInProgress.stateNode;
+  ReactCurrentOwner.current = workInProgress;
+  if (didCaptureError) {
+    var nextChildren = null;
+    baseStartTime = -1;
+  } else nextChildren = shouldUpdate.render();
+  workInProgress.effectTag |= 1;
+  didCaptureError &&
+    (reconcileChildrenAtExpirationTime(
+      current,
+      workInProgress,
+      null,
+      renderExpirationTime
+    ),
+    (workInProgress.child = null));
+  reconcileChildrenAtExpirationTime(
+    current,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  workInProgress.memoizedState = shouldUpdate.state;
+  workInProgress.memoizedProps = shouldUpdate.props;
+  hasContext && invalidateContextProvider(workInProgress, !0);
+  return workInProgress.child;
+}
+function pushHostRootContext(workInProgress) {
+  var root = workInProgress.stateNode;
+  root.pendingContext
+    ? pushTopLevelContextObject(
+        workInProgress,
+        root.pendingContext,
+        root.pendingContext !== root.context
+      )
+    : root.context &&
+      pushTopLevelContextObject(workInProgress, root.context, !1);
+  pushHostContainer(workInProgress, root.containerInfo);
+}
+function propagateContextChange(
+  workInProgress,
+  context,
+  changedBits,
+  renderExpirationTime
+) {
+  var fiber = workInProgress.child;
+  null !== fiber && (fiber.return = workInProgress);
+  for (; null !== fiber; ) {
+    switch (fiber.tag) {
+      case 12:
+        var nextFiber = fiber.stateNode | 0;
+        if (fiber.type === context && 0 !== (nextFiber & changedBits)) {
+          for (nextFiber = fiber; null !== nextFiber; ) {
+            var alternate = nextFiber.alternate;
+            if (
+              0 === nextFiber.expirationTime ||
+              nextFiber.expirationTime > renderExpirationTime
+            )
+              (nextFiber.expirationTime = renderExpirationTime),
+                null !== alternate &&
+                  (0 === alternate.expirationTime ||
+                    alternate.expirationTime > renderExpirationTime) &&
+                  (alternate.expirationTime = renderExpirationTime);
+            else if (
+              null !== alternate &&
+              (0 === alternate.expirationTime ||
+                alternate.expirationTime > renderExpirationTime)
+            )
+              alternate.expirationTime = renderExpirationTime;
+            else break;
+            nextFiber = nextFiber.return;
+          }
+          nextFiber = null;
+        } else nextFiber = fiber.child;
+        break;
+      case 13:
+        nextFiber = fiber.type === workInProgress.type ? null : fiber.child;
+        break;
+      default:
+        nextFiber = fiber.child;
+    }
+    if (null !== nextFiber) nextFiber.return = fiber;
+    else
+      for (nextFiber = fiber; null !== nextFiber; ) {
+        if (nextFiber === workInProgress) {
+          nextFiber = null;
+          break;
+        }
+        fiber = nextFiber.sibling;
+        if (null !== fiber) {
+          fiber.return = nextFiber.return;
+          nextFiber = fiber;
+          break;
+        }
+        nextFiber = nextFiber.return;
+      }
+    fiber = nextFiber;
+  }
+}
+function updateContextProvider(current, workInProgress, renderExpirationTime) {
+  var context = workInProgress.type._context,
+    newProps = workInProgress.pendingProps,
+    oldProps = workInProgress.memoizedProps,
+    canBailOnProps = !0;
+  if (didPerformWorkStackCursor.current) canBailOnProps = !1;
+  else if (oldProps === newProps)
+    return (
+      (workInProgress.stateNode = 0),
+      pushProvider(workInProgress),
+      bailoutOnAlreadyFinishedWork(current, workInProgress)
+    );
+  var newValue = newProps.value;
+  workInProgress.memoizedProps = newProps;
+  if (null === oldProps) newValue = 1073741823;
+  else if (oldProps.value === newProps.value) {
+    if (oldProps.children === newProps.children && canBailOnProps)
+      return (
+        (workInProgress.stateNode = 0),
+        pushProvider(workInProgress),
+        bailoutOnAlreadyFinishedWork(current, workInProgress)
+      );
+    newValue = 0;
+  } else {
+    var oldValue = oldProps.value;
+    if (
+      (oldValue === newValue &&
+        (0 !== oldValue || 1 / oldValue === 1 / newValue)) ||
+      (oldValue !== oldValue && newValue !== newValue)
+    ) {
+      if (oldProps.children === newProps.children && canBailOnProps)
+        return (
+          (workInProgress.stateNode = 0),
+          pushProvider(workInProgress),
+          bailoutOnAlreadyFinishedWork(current, workInProgress)
+        );
+      newValue = 0;
+    } else if (
+      ((newValue =
+        "function" === typeof context._calculateChangedBits
+          ? context._calculateChangedBits(oldValue, newValue)
+          : 1073741823),
+      (newValue |= 0),
+      0 === newValue)
+    ) {
+      if (oldProps.children === newProps.children && canBailOnProps)
+        return (
+          (workInProgress.stateNode = 0),
+          pushProvider(workInProgress),
+          bailoutOnAlreadyFinishedWork(current, workInProgress)
+        );
+    } else
+      propagateContextChange(
+        workInProgress,
+        context,
+        newValue,
+        renderExpirationTime
+      );
+  }
+  workInProgress.stateNode = newValue;
+  pushProvider(workInProgress);
+  reconcileChildren(current, workInProgress, newProps.children);
+  return workInProgress.child;
+}
+function bailoutOnAlreadyFinishedWork(current, workInProgress) {
+  baseStartTime = -1;
+  invariant(
+    null === current || workInProgress.child === current.child,
+    "Resuming work not yet implemented."
+  );
+  if (null !== workInProgress.child) {
+    current = workInProgress.child;
+    var newChild = createWorkInProgress(
+      current,
+      current.pendingProps,
+      current.expirationTime
+    );
+    workInProgress.child = newChild;
+    for (newChild.return = workInProgress; null !== current.sibling; )
+      (current = current.sibling),
+        (newChild = newChild.sibling = createWorkInProgress(
+          current,
+          current.pendingProps,
+          current.expirationTime
+        )),
+        (newChild.return = workInProgress);
+    newChild.sibling = null;
+  }
+  return workInProgress.child;
+}
+function beginWork(current, workInProgress, renderExpirationTime) {
+  workInProgress.mode & 4 &&
+    ((workInProgress.actualDuration =
+      now$1() - workInProgress.actualDuration - totalElapsedPauseTime),
+    (workInProgress.actualStartTime = now$1()));
+  if (
+    0 === workInProgress.expirationTime ||
+    workInProgress.expirationTime > renderExpirationTime
+  ) {
+    baseStartTime = -1;
+    switch (workInProgress.tag) {
+      case 3:
+        pushHostRootContext(workInProgress);
+        break;
+      case 2:
+        pushContextProvider(workInProgress);
+        break;
+      case 4:
+        pushHostContainer(
+          workInProgress,
+          workInProgress.stateNode.containerInfo
+        );
+        break;
+      case 13:
+        pushProvider(workInProgress);
+    }
+    return null;
+  }
+  switch (workInProgress.tag) {
+    case 0:
+      invariant(
+        null === current,
+        "An indeterminate component should never have mounted. This error is likely caused by a bug in React. Please file an issue."
+      );
+      var fn = workInProgress.type,
+        props = workInProgress.pendingProps,
+        unmaskedContext = getUnmaskedContext(workInProgress);
+      unmaskedContext = getMaskedContext(workInProgress, unmaskedContext);
+      fn = fn(props, unmaskedContext);
+      workInProgress.effectTag |= 1;
+      "object" === typeof fn &&
+      null !== fn &&
+      "function" === typeof fn.render &&
+      void 0 === fn.$$typeof
+        ? ((unmaskedContext = workInProgress.type),
+          (workInProgress.tag = 2),
+          (workInProgress.memoizedState =
+            null !== fn.state && void 0 !== fn.state ? fn.state : null),
+          (unmaskedContext = unmaskedContext.getDerivedStateFromProps),
+          "function" === typeof unmaskedContext &&
+            applyDerivedStateFromProps(workInProgress, unmaskedContext, props),
+          (props = pushContextProvider(workInProgress)),
+          (fn.updater = classComponentUpdater),
+          (workInProgress.stateNode = fn),
+          (fn._reactInternalFiber = workInProgress),
+          mountClassInstance(workInProgress, renderExpirationTime),
+          (current = finishClassComponent(
+            current,
+            workInProgress,
+            !0,
+            props,
+            renderExpirationTime
+          )))
+        : ((workInProgress.tag = 1),
+          reconcileChildren(current, workInProgress, fn),
+          (workInProgress.memoizedProps = props),
+          (current = workInProgress.child));
+      return current;
+    case 1:
+      return (
+        (props = workInProgress.type),
+        (renderExpirationTime = workInProgress.pendingProps),
+        didPerformWorkStackCursor.current ||
+        workInProgress.memoizedProps !== renderExpirationTime
+          ? ((fn = getUnmaskedContext(workInProgress)),
+            (fn = getMaskedContext(workInProgress, fn)),
+            (props = props(renderExpirationTime, fn)),
+            (workInProgress.effectTag |= 1),
+            reconcileChildren(current, workInProgress, props),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 2:
+      props = pushContextProvider(workInProgress);
+      if (null === current)
+        if (null === workInProgress.stateNode) {
+          var props$jscomp$0 = workInProgress.pendingProps,
+            ctor = workInProgress.type;
+          fn = getUnmaskedContext(workInProgress);
+          var needsContext =
+            2 === workInProgress.tag &&
+            null != workInProgress.type.contextTypes;
+          unmaskedContext = needsContext
+            ? getMaskedContext(workInProgress, fn)
+            : emptyObject;
+          props$jscomp$0 = new ctor(props$jscomp$0, unmaskedContext);
+          workInProgress.memoizedState =
+            null !== props$jscomp$0.state && void 0 !== props$jscomp$0.state
+              ? props$jscomp$0.state
+              : null;
+          props$jscomp$0.updater = classComponentUpdater;
+          workInProgress.stateNode = props$jscomp$0;
+          props$jscomp$0._reactInternalFiber = workInProgress;
+          needsContext &&
+            ((needsContext = workInProgress.stateNode),
+            (needsContext.__reactInternalMemoizedUnmaskedChildContext = fn),
+            (needsContext.__reactInternalMemoizedMaskedChildContext = unmaskedContext));
+          mountClassInstance(workInProgress, renderExpirationTime);
+          fn = !0;
+        } else {
+          ctor = workInProgress.type;
+          fn = workInProgress.stateNode;
+          needsContext = workInProgress.memoizedProps;
+          unmaskedContext = workInProgress.pendingProps;
+          fn.props = needsContext;
+          var oldContext = fn.context;
+          props$jscomp$0 = getUnmaskedContext(workInProgress);
+          props$jscomp$0 = getMaskedContext(workInProgress, props$jscomp$0);
+          var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+          (ctor =
+            "function" === typeof getDerivedStateFromProps ||
+            "function" === typeof fn.getSnapshotBeforeUpdate) ||
+            ("function" !== typeof fn.UNSAFE_componentWillReceiveProps &&
+              "function" !== typeof fn.componentWillReceiveProps) ||
+            ((needsContext !== unmaskedContext ||
+              oldContext !== props$jscomp$0) &&
+              callComponentWillReceiveProps(
+                workInProgress,
+                fn,
+                unmaskedContext,
+                props$jscomp$0
+              ));
+          hasForceUpdate = !1;
+          var oldState = workInProgress.memoizedState;
+          oldContext = fn.state = oldState;
+          var updateQueue = workInProgress.updateQueue;
+          null !== updateQueue &&
+            (processUpdateQueue(
+              workInProgress,
+              updateQueue,
+              unmaskedContext,
+              fn,
+              renderExpirationTime
+            ),
+            (oldContext = workInProgress.memoizedState));
+          needsContext !== unmaskedContext ||
+          oldState !== oldContext ||
+          didPerformWorkStackCursor.current ||
+          hasForceUpdate
+            ? ("function" === typeof getDerivedStateFromProps &&
+                (applyDerivedStateFromProps(
+                  workInProgress,
+                  getDerivedStateFromProps,
+                  unmaskedContext
+                ),
+                (oldContext = workInProgress.memoizedState)),
+              (needsContext =
+                hasForceUpdate ||
+                checkShouldComponentUpdate(
+                  workInProgress,
+                  needsContext,
+                  unmaskedContext,
+                  oldState,
+                  oldContext,
+                  props$jscomp$0
+                ))
+                ? (ctor ||
+                    ("function" !== typeof fn.UNSAFE_componentWillMount &&
+                      "function" !== typeof fn.componentWillMount) ||
+                    ("function" === typeof fn.componentWillMount &&
+                      fn.componentWillMount(),
+                    "function" === typeof fn.UNSAFE_componentWillMount &&
+                      fn.UNSAFE_componentWillMount()),
+                  "function" === typeof fn.componentDidMount &&
+                    (workInProgress.effectTag |= 4))
+                : ("function" === typeof fn.componentDidMount &&
+                    (workInProgress.effectTag |= 4),
+                  (workInProgress.memoizedProps = unmaskedContext),
+                  (workInProgress.memoizedState = oldContext)),
+              (fn.props = unmaskedContext),
+              (fn.state = oldContext),
+              (fn.context = props$jscomp$0),
+              (fn = needsContext))
+            : ("function" === typeof fn.componentDidMount &&
+                (workInProgress.effectTag |= 4),
+              (fn = !1));
+        }
+      else
+        (ctor = workInProgress.type),
+          (fn = workInProgress.stateNode),
+          (unmaskedContext = workInProgress.memoizedProps),
+          (needsContext = workInProgress.pendingProps),
+          (fn.props = unmaskedContext),
+          (oldContext = fn.context),
+          (props$jscomp$0 = getUnmaskedContext(workInProgress)),
+          (props$jscomp$0 = getMaskedContext(workInProgress, props$jscomp$0)),
+          (getDerivedStateFromProps = ctor.getDerivedStateFromProps),
+          (ctor =
+            "function" === typeof getDerivedStateFromProps ||
+            "function" === typeof fn.getSnapshotBeforeUpdate) ||
+            ("function" !== typeof fn.UNSAFE_componentWillReceiveProps &&
+              "function" !== typeof fn.componentWillReceiveProps) ||
+            ((unmaskedContext !== needsContext ||
+              oldContext !== props$jscomp$0) &&
+              callComponentWillReceiveProps(
+                workInProgress,
+                fn,
+                needsContext,
+                props$jscomp$0
+              )),
+          (hasForceUpdate = !1),
+          (oldContext = workInProgress.memoizedState),
+          (oldState = fn.state = oldContext),
+          (updateQueue = workInProgress.updateQueue),
+          null !== updateQueue &&
+            (processUpdateQueue(
+              workInProgress,
+              updateQueue,
+              needsContext,
+              fn,
+              renderExpirationTime
+            ),
+            (oldState = workInProgress.memoizedState)),
+          unmaskedContext !== needsContext ||
+          oldContext !== oldState ||
+          didPerformWorkStackCursor.current ||
+          hasForceUpdate
+            ? ("function" === typeof getDerivedStateFromProps &&
+                (applyDerivedStateFromProps(
+                  workInProgress,
+                  getDerivedStateFromProps,
+                  needsContext
+                ),
+                (oldState = workInProgress.memoizedState)),
+              (getDerivedStateFromProps =
+                hasForceUpdate ||
+                checkShouldComponentUpdate(
+                  workInProgress,
+                  unmaskedContext,
+                  needsContext,
+                  oldContext,
+                  oldState,
+                  props$jscomp$0
+                ))
+                ? (ctor ||
+                    ("function" !== typeof fn.UNSAFE_componentWillUpdate &&
+                      "function" !== typeof fn.componentWillUpdate) ||
+                    ("function" === typeof fn.componentWillUpdate &&
+                      fn.componentWillUpdate(
+                        needsContext,
+                        oldState,
+                        props$jscomp$0
+                      ),
+                    "function" === typeof fn.UNSAFE_componentWillUpdate &&
+                      fn.UNSAFE_componentWillUpdate(
+                        needsContext,
+                        oldState,
+                        props$jscomp$0
+                      )),
+                  "function" === typeof fn.componentDidUpdate &&
+                    (workInProgress.effectTag |= 4),
+                  "function" === typeof fn.getSnapshotBeforeUpdate &&
+                    (workInProgress.effectTag |= 256))
+                : ("function" !== typeof fn.componentDidUpdate ||
+                    (unmaskedContext === current.memoizedProps &&
+                      oldContext === current.memoizedState) ||
+                    (workInProgress.effectTag |= 4),
+                  "function" !== typeof fn.getSnapshotBeforeUpdate ||
+                    (unmaskedContext === current.memoizedProps &&
+                      oldContext === current.memoizedState) ||
+                    (workInProgress.effectTag |= 256),
+                  (workInProgress.memoizedProps = needsContext),
+                  (workInProgress.memoizedState = oldState)),
+              (fn.props = needsContext),
+              (fn.state = oldState),
+              (fn.context = props$jscomp$0),
+              (fn = getDerivedStateFromProps))
+            : ("function" !== typeof fn.componentDidUpdate ||
+                (unmaskedContext === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
+                (workInProgress.effectTag |= 4),
+              "function" !== typeof fn.getSnapshotBeforeUpdate ||
+                (unmaskedContext === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
+                (workInProgress.effectTag |= 256),
+              (fn = !1));
+      return finishClassComponent(
+        current,
+        workInProgress,
+        fn,
+        props,
+        renderExpirationTime
+      );
+    case 3:
+      return (
+        pushHostRootContext(workInProgress),
+        (props = workInProgress.updateQueue),
+        null !== props
+          ? ((fn = workInProgress.memoizedState),
+            (fn = null !== fn ? fn.element : null),
+            processUpdateQueue(
+              workInProgress,
+              props,
+              workInProgress.pendingProps,
+              null,
+              renderExpirationTime
+            ),
+            (renderExpirationTime = workInProgress.memoizedState.element),
+            renderExpirationTime === fn
+              ? (current = bailoutOnAlreadyFinishedWork(
+                  current,
+                  workInProgress
+                ))
+              : (reconcileChildren(
+                  current,
+                  workInProgress,
+                  renderExpirationTime
+                ),
+                (current = workInProgress.child)))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 5:
+      return (
+        requiredContext(rootInstanceStackCursor.current),
+        (renderExpirationTime = requiredContext(contextStackCursor$1.current)),
+        (props = workInProgress.type),
+        (props =
+          "AndroidTextInput" === props ||
+          "RCTMultilineTextInputView" === props ||
+          "RCTSinglelineTextInputView" === props ||
+          "RCTText" === props ||
+          "RCTVirtualText" === props),
+        (props =
+          renderExpirationTime.isInAParentText !== props
+            ? { isInAParentText: props }
+            : renderExpirationTime),
+        renderExpirationTime !== props &&
+          (push(contextFiberStackCursor, workInProgress, workInProgress),
+          push(contextStackCursor$1, props, workInProgress)),
+        null === current && tryToClaimNextHydratableInstance(workInProgress),
+        (props = workInProgress.memoizedProps),
+        (renderExpirationTime = workInProgress.pendingProps),
+        didPerformWorkStackCursor.current || props !== renderExpirationTime
+          ? ((props = renderExpirationTime.children),
+            markRef(current, workInProgress),
+            reconcileChildren(current, workInProgress, props),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 6:
+      return (
+        null === current && tryToClaimNextHydratableInstance(workInProgress),
+        (workInProgress.memoizedProps = workInProgress.pendingProps),
+        null
+      );
+    case 16:
+      return null;
+    case 4:
+      return (
+        pushHostContainer(
+          workInProgress,
+          workInProgress.stateNode.containerInfo
+        ),
+        (props = workInProgress.pendingProps),
+        didPerformWorkStackCursor.current ||
+        workInProgress.memoizedProps !== props
+          ? (null === current
+              ? (workInProgress.child = reconcileChildFibers(
+                  workInProgress,
+                  null,
+                  props,
+                  renderExpirationTime
+                ))
+              : reconcileChildren(current, workInProgress, props),
+            (workInProgress.memoizedProps = props),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 14:
+      return (
+        (props = workInProgress.type.render),
+        (renderExpirationTime = workInProgress.pendingProps),
+        (fn = workInProgress.ref),
+        didPerformWorkStackCursor.current ||
+        workInProgress.memoizedProps !== renderExpirationTime ||
+        fn !== (null !== current ? current.ref : null)
+          ? ((props = props(renderExpirationTime, fn)),
+            reconcileChildren(current, workInProgress, props),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 10:
+      return (
+        (renderExpirationTime = workInProgress.pendingProps),
+        didPerformWorkStackCursor.current ||
+        workInProgress.memoizedProps !== renderExpirationTime
+          ? (reconcileChildren(current, workInProgress, renderExpirationTime),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 11:
+      return (
+        (renderExpirationTime = workInProgress.pendingProps.children),
+        didPerformWorkStackCursor.current ||
+        (null !== renderExpirationTime &&
+          workInProgress.memoizedProps !== renderExpirationTime)
+          ? (reconcileChildren(current, workInProgress, renderExpirationTime),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child))
+          : (current = bailoutOnAlreadyFinishedWork(current, workInProgress)),
+        current
+      );
+    case 15:
+      return (
+        (renderExpirationTime = workInProgress.pendingProps),
+        (workInProgress.effectTag |= 4),
+        workInProgress.memoizedProps === renderExpirationTime
+          ? (current = bailoutOnAlreadyFinishedWork(current, workInProgress))
+          : (reconcileChildren(
+              current,
+              workInProgress,
+              renderExpirationTime.children
+            ),
+            (workInProgress.memoizedProps = renderExpirationTime),
+            (current = workInProgress.child)),
+        current
+      );
+    case 13:
+      return updateContextProvider(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    case 12:
+      a: if (
+        ((fn = workInProgress.type),
+        (unmaskedContext = workInProgress.pendingProps),
+        (needsContext = workInProgress.memoizedProps),
+        (props = fn._currentValue),
+        (props$jscomp$0 = fn._changedBits),
+        didPerformWorkStackCursor.current ||
+          0 !== props$jscomp$0 ||
+          needsContext !== unmaskedContext)
+      ) {
+        workInProgress.memoizedProps = unmaskedContext;
+        ctor = unmaskedContext.unstable_observedBits;
+        if (void 0 === ctor || null === ctor) ctor = 1073741823;
+        workInProgress.stateNode = ctor;
+        if (0 !== (props$jscomp$0 & ctor))
+          propagateContextChange(
+            workInProgress,
+            fn,
+            props$jscomp$0,
+            renderExpirationTime
+          );
+        else if (needsContext === unmaskedContext) {
+          current = bailoutOnAlreadyFinishedWork(current, workInProgress);
+          break a;
+        }
+        renderExpirationTime = unmaskedContext.children;
+        renderExpirationTime = renderExpirationTime(props);
+        workInProgress.effectTag |= 1;
+        reconcileChildren(current, workInProgress, renderExpirationTime);
+        current = workInProgress.child;
+      } else current = bailoutOnAlreadyFinishedWork(current, workInProgress);
+      return current;
+    default:
+      invariant(
+        !1,
+        "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+      );
+  }
+}
+var updateHostContainer = void 0,
+  updateHostComponent$1 = void 0,
+  updateHostText$1 = void 0;
+updateHostContainer = function() {};
+updateHostComponent$1 = function(current, workInProgress, updatePayload) {
+  if ((workInProgress.updateQueue = updatePayload))
+    workInProgress.effectTag |= 4;
+};
+updateHostText$1 = function(current, workInProgress, oldText, newText) {
+  oldText !== newText && (workInProgress.effectTag |= 4);
+};
+function completeWork(current, workInProgress) {
+  var newProps = workInProgress.pendingProps;
+  workInProgress.mode & 4 && recordElapsedActualRenderTime(workInProgress);
+  switch (workInProgress.tag) {
+    case 1:
+      return null;
+    case 2:
+      return popContextProvider(workInProgress), null;
+    case 3:
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      newProps = workInProgress.stateNode;
+      newProps.pendingContext &&
+        ((newProps.context = newProps.pendingContext),
+        (newProps.pendingContext = null));
+      if (null === current || null === current.child)
+        workInProgress.effectTag &= -3;
+      updateHostContainer(workInProgress);
+      return null;
+    case 5:
+      popHostContext(workInProgress);
+      var rootContainerInstance = requiredContext(
+          rootInstanceStackCursor.current
+        ),
+        type = workInProgress.type;
+      if (null !== current && null != workInProgress.stateNode) {
+        var oldProps = current.memoizedProps,
+          currentHostContext = requiredContext(contextStackCursor$1.current);
+        updateHostComponent$1(
+          current,
+          workInProgress,
+          emptyObject,
+          type,
+          oldProps,
+          newProps,
+          rootContainerInstance,
+          currentHostContext
+        );
+        current.ref !== workInProgress.ref && (workInProgress.effectTag |= 128);
+      } else {
+        if (!newProps)
+          return (
+            invariant(
+              null !== workInProgress.stateNode,
+              "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+            ),
+            null
+          );
+        current = requiredContext(contextStackCursor$1.current);
+        oldProps = allocateTag();
+        currentHostContext = ReactNativeViewConfigRegistry.get(type);
+        invariant(
+          "RCTView" !== type || !current.isInAParentText,
+          "Nesting of <View> within <Text> is not currently supported."
+        );
+        var updatePayload = diffProperties(
+          null,
+          emptyObject$1,
+          newProps,
+          currentHostContext.validAttributes
+        );
+        UIManager.createView(
+          oldProps,
+          currentHostContext.uiViewClassName,
+          rootContainerInstance,
+          updatePayload
+        );
+        currentHostContext = new ReactNativeFiberHostComponent(
+          oldProps,
+          currentHostContext
+        );
+        instanceCache[oldProps] = workInProgress;
+        instanceProps[oldProps] = newProps;
+        a: for (oldProps = workInProgress.child; null !== oldProps; ) {
+          if (5 === oldProps.tag || 6 === oldProps.tag)
+            currentHostContext._children.push(oldProps.stateNode);
+          else if (4 !== oldProps.tag && null !== oldProps.child) {
+            oldProps.child.return = oldProps;
+            oldProps = oldProps.child;
+            continue;
+          }
+          if (oldProps === workInProgress) break;
+          for (; null === oldProps.sibling; ) {
+            if (null === oldProps.return || oldProps.return === workInProgress)
+              break a;
+            oldProps = oldProps.return;
+          }
+          oldProps.sibling.return = oldProps.return;
+          oldProps = oldProps.sibling;
+        }
+        finalizeInitialChildren(
+          currentHostContext,
+          type,
+          newProps,
+          rootContainerInstance,
+          current
+        ) && (workInProgress.effectTag |= 4);
+        workInProgress.stateNode = currentHostContext;
+        null !== workInProgress.ref && (workInProgress.effectTag |= 128);
+      }
+      return null;
+    case 6:
+      if (current && null != workInProgress.stateNode)
+        updateHostText$1(
+          current,
+          workInProgress,
+          current.memoizedProps,
+          newProps
+        );
+      else {
+        if ("string" !== typeof newProps)
+          return (
+            invariant(
+              null !== workInProgress.stateNode,
+              "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+            ),
+            null
+          );
+        rootContainerInstance = requiredContext(
+          rootInstanceStackCursor.current
+        );
+        type = requiredContext(contextStackCursor$1.current);
+        invariant(
+          type.isInAParentText,
+          "Text strings must be rendered within a <Text> component."
+        );
+        type = allocateTag();
+        UIManager.createView(type, "RCTRawText", rootContainerInstance, {
+          text: newProps
+        });
+        instanceCache[type] = workInProgress;
+        workInProgress.stateNode = type;
+      }
+      return null;
+    case 14:
+      return null;
+    case 16:
+      return null;
+    case 10:
+      return null;
+    case 11:
+      return null;
+    case 15:
+      return null;
+    case 4:
+      return (
+        popHostContainer(workInProgress),
+        updateHostContainer(workInProgress),
+        null
+      );
+    case 13:
+      return popProvider(workInProgress), null;
+    case 12:
+      return null;
+    case 0:
+      invariant(
+        !1,
+        "An indeterminate component should have become determinate before completing. This error is likely caused by a bug in React. Please file an issue."
+      );
+    default:
+      invariant(
+        !1,
+        "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+      );
+  }
+}
+function logError(boundary, errorInfo) {
+  var source = errorInfo.source,
+    stack = errorInfo.stack;
+  null === stack &&
+    null !== source &&
+    (stack = getStackAddendumByWorkInProgressFiber(source));
+  null !== source && getComponentName(source);
+  source = null !== stack ? stack : "";
+  errorInfo = errorInfo.value;
+  null !== boundary && 2 === boundary.tag && getComponentName(boundary);
+  try {
+    if (errorInfo instanceof Error) {
+      var message = errorInfo.message,
+        name = errorInfo.name;
+      var errorToHandle = errorInfo;
+      try {
+        errorToHandle.message =
+          (message ? name + ": " + message : name) +
+          "\n\nThis error is located at:" +
+          source;
+      } catch (e) {}
+    } else
+      errorToHandle =
+        "string" === typeof errorInfo
+          ? Error(errorInfo + "\n\nThis error is located at:" + source)
+          : Error("Unspecified error at:" + source);
+    ExceptionsManager.handleException(errorToHandle, !1);
+  } catch (e) {
+    (e && e.suppressReactErrorLogging) || console.error(e);
+  }
+}
+function safelyDetachRef(current) {
+  var ref = current.ref;
+  if (null !== ref)
+    if ("function" === typeof ref)
+      try {
+        ref(null);
+      } catch (refError) {
+        captureCommitPhaseError(current, refError);
+      }
+    else ref.current = null;
+}
+function commitUnmount(current) {
+  "function" === typeof onCommitUnmount && onCommitUnmount(current);
+  switch (current.tag) {
+    case 2:
+      safelyDetachRef(current);
+      var instance = current.stateNode;
+      if ("function" === typeof instance.componentWillUnmount)
+        try {
+          (instance.props = current.memoizedProps),
+            (instance.state = current.memoizedState),
+            instance.componentWillUnmount();
+        } catch (unmountError) {
+          captureCommitPhaseError(current, unmountError);
+        }
+      break;
+    case 5:
+      safelyDetachRef(current);
+      break;
+    case 4:
+      unmountHostComponents(current);
+  }
+}
+function isHostParent(fiber) {
+  return 5 === fiber.tag || 3 === fiber.tag || 4 === fiber.tag;
+}
+function commitPlacement(finishedWork) {
+  a: {
+    for (var parent = finishedWork.return; null !== parent; ) {
+      if (isHostParent(parent)) {
+        var parentFiber = parent;
+        break a;
+      }
+      parent = parent.return;
+    }
+    invariant(
+      !1,
+      "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+    );
+    parentFiber = void 0;
+  }
+  var isContainer = (parent = void 0);
+  switch (parentFiber.tag) {
+    case 5:
+      parent = parentFiber.stateNode;
+      isContainer = !1;
+      break;
+    case 3:
+      parent = parentFiber.stateNode.containerInfo;
+      isContainer = !0;
+      break;
+    case 4:
+      parent = parentFiber.stateNode.containerInfo;
+      isContainer = !0;
+      break;
+    default:
+      invariant(
+        !1,
+        "Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue."
+      );
+  }
+  parentFiber.effectTag & 16 && (parentFiber.effectTag &= -17);
+  a: b: for (parentFiber = finishedWork; ; ) {
+    for (; null === parentFiber.sibling; ) {
+      if (null === parentFiber.return || isHostParent(parentFiber.return)) {
+        parentFiber = null;
+        break a;
+      }
+      parentFiber = parentFiber.return;
+    }
+    parentFiber.sibling.return = parentFiber.return;
+    for (
+      parentFiber = parentFiber.sibling;
+      5 !== parentFiber.tag && 6 !== parentFiber.tag;
+
+    ) {
+      if (parentFiber.effectTag & 2) continue b;
+      if (null === parentFiber.child || 4 === parentFiber.tag) continue b;
+      else
+        (parentFiber.child.return = parentFiber),
+          (parentFiber = parentFiber.child);
+    }
+    if (!(parentFiber.effectTag & 2)) {
+      parentFiber = parentFiber.stateNode;
+      break a;
+    }
+  }
+  for (var node = finishedWork; ; ) {
+    if (5 === node.tag || 6 === node.tag)
+      if (parentFiber)
+        if (isContainer)
+          invariant(
+            "number" !== typeof parent,
+            "Container does not support insertBefore operation"
+          );
+        else {
+          var parentInstance = parent,
+            child = node.stateNode,
+            beforeChild = parentFiber,
+            children = parentInstance._children,
+            index = children.indexOf(child);
+          0 <= index
+            ? (children.splice(index, 1),
+              (beforeChild = children.indexOf(beforeChild)),
+              children.splice(beforeChild, 0, child),
+              UIManager.manageChildren(
+                parentInstance._nativeTag,
+                [index],
+                [beforeChild],
+                [],
+                [],
+                []
+              ))
+            : ((index = children.indexOf(beforeChild)),
+              children.splice(index, 0, child),
+              UIManager.manageChildren(
+                parentInstance._nativeTag,
+                [],
+                [],
+                ["number" === typeof child ? child : child._nativeTag],
+                [index],
+                []
+              ));
+        }
+      else
+        isContainer
+          ? ((parentInstance = node.stateNode),
+            UIManager.setChildren(parent, [
+              "number" === typeof parentInstance
+                ? parentInstance
+                : parentInstance._nativeTag
+            ]))
+          : ((parentInstance = parent),
+            (child = node.stateNode),
+            (children = "number" === typeof child ? child : child._nativeTag),
+            (index = parentInstance._children),
+            (beforeChild = index.indexOf(child)),
+            0 <= beforeChild
+              ? (index.splice(beforeChild, 1),
+                index.push(child),
+                UIManager.manageChildren(
+                  parentInstance._nativeTag,
+                  [beforeChild],
+                  [index.length - 1],
+                  [],
+                  [],
+                  []
+                ))
+              : (index.push(child),
+                UIManager.manageChildren(
+                  parentInstance._nativeTag,
+                  [],
+                  [],
+                  [children],
+                  [index.length - 1],
+                  []
+                )));
+    else if (4 !== node.tag && null !== node.child) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === finishedWork) break;
+    for (; null === node.sibling; ) {
+      if (null === node.return || node.return === finishedWork) return;
+      node = node.return;
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+function unmountHostComponents(current) {
+  for (
+    var node = current,
+      currentParentIsValid = !1,
+      currentParent = void 0,
+      currentParentIsContainer = void 0;
+    ;
+
+  ) {
+    if (!currentParentIsValid) {
+      currentParentIsValid = node.return;
+      a: for (;;) {
+        invariant(
+          null !== currentParentIsValid,
+          "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+        );
+        switch (currentParentIsValid.tag) {
+          case 5:
+            currentParent = currentParentIsValid.stateNode;
+            currentParentIsContainer = !1;
+            break a;
+          case 3:
+            currentParent = currentParentIsValid.stateNode.containerInfo;
+            currentParentIsContainer = !0;
+            break a;
+          case 4:
+            currentParent = currentParentIsValid.stateNode.containerInfo;
+            currentParentIsContainer = !0;
+            break a;
+        }
+        currentParentIsValid = currentParentIsValid.return;
+      }
+      currentParentIsValid = !0;
+    }
+    if (5 === node.tag || 6 === node.tag) {
+      a: for (var root = node, node$jscomp$0 = root; ; )
+        if (
+          (commitUnmount(node$jscomp$0),
+          null !== node$jscomp$0.child && 4 !== node$jscomp$0.tag)
+        )
+          (node$jscomp$0.child.return = node$jscomp$0),
+            (node$jscomp$0 = node$jscomp$0.child);
+        else {
+          if (node$jscomp$0 === root) break;
+          for (; null === node$jscomp$0.sibling; ) {
+            if (null === node$jscomp$0.return || node$jscomp$0.return === root)
+              break a;
+            node$jscomp$0 = node$jscomp$0.return;
+          }
+          node$jscomp$0.sibling.return = node$jscomp$0.return;
+          node$jscomp$0 = node$jscomp$0.sibling;
+        }
+      if (currentParentIsContainer)
+        (root = currentParent),
+          recursivelyUncacheFiberNode(node.stateNode),
+          UIManager.manageChildren(root, [], [], [], [], [0]);
+      else {
+        root = currentParent;
+        var child = node.stateNode;
+        recursivelyUncacheFiberNode(child);
+        node$jscomp$0 = root._children;
+        child = node$jscomp$0.indexOf(child);
+        node$jscomp$0.splice(child, 1);
+        UIManager.manageChildren(root._nativeTag, [], [], [], [], [child]);
+      }
+    } else if (
+      (4 === node.tag
+        ? (currentParent = node.stateNode.containerInfo)
+        : commitUnmount(node),
+      null !== node.child)
+    ) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
+    if (node === current) break;
+    for (; null === node.sibling; ) {
+      if (null === node.return || node.return === current) return;
+      node = node.return;
+      4 === node.tag && (currentParentIsValid = !1);
+    }
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
+function commitWork(current, finishedWork) {
+  switch (finishedWork.tag) {
+    case 2:
+      break;
+    case 5:
+      var instance = finishedWork.stateNode;
+      if (null != instance) {
+        var newProps = finishedWork.memoizedProps;
+        current = null !== current ? current.memoizedProps : newProps;
+        var updatePayload = finishedWork.updateQueue;
+        finishedWork.updateQueue = null;
+        null !== updatePayload &&
+          ((finishedWork = instance.viewConfig),
+          (instanceProps[instance._nativeTag] = newProps),
+          (newProps = diffProperties(
+            null,
+            current,
+            newProps,
+            finishedWork.validAttributes
+          )),
+          null != newProps &&
+            UIManager.updateView(
+              instance._nativeTag,
+              finishedWork.uiViewClassName,
+              newProps
+            ));
+      }
+      break;
+    case 6:
+      invariant(
+        null !== finishedWork.stateNode,
+        "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
+      );
+      UIManager.updateView(finishedWork.stateNode, "RCTRawText", {
+        text: finishedWork.memoizedProps
+      });
+      break;
+    case 3:
+      break;
+    case 15:
+      instance = finishedWork.memoizedProps.onRender;
+      instance(
+        finishedWork.memoizedProps.id,
+        null === current ? "mount" : "update",
+        finishedWork.actualDuration,
+        finishedWork.treeBaseTime,
+        finishedWork.actualStartTime,
+        commitTime
+      );
+      break;
+    case 16:
+      break;
+    default:
+      invariant(
+        !1,
+        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+      );
+  }
+}
+function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
+  expirationTime = createUpdate(expirationTime);
+  expirationTime.tag = 3;
+  expirationTime.payload = { element: null };
+  var error = errorInfo.value;
+  expirationTime.callback = function() {
+    onUncaughtError(error);
+    logError(fiber, errorInfo);
+  };
+  return expirationTime;
+}
+function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
+  expirationTime = createUpdate(expirationTime);
+  expirationTime.tag = 3;
+  var inst = fiber.stateNode;
+  null !== inst &&
+    "function" === typeof inst.componentDidCatch &&
+    (expirationTime.callback = function() {
+      null === legacyErrorBoundariesThatAlreadyFailed
+        ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this]))
+        : legacyErrorBoundariesThatAlreadyFailed.add(this);
+      var error = errorInfo.value,
+        stack = errorInfo.stack;
+      logError(fiber, errorInfo);
+      this.componentDidCatch(error, {
+        componentStack: null !== stack ? stack : ""
+      });
+    });
+  return expirationTime;
+}
+function unwindWork(workInProgress) {
+  workInProgress.mode & 4 && recordElapsedActualRenderTime(workInProgress);
+  switch (workInProgress.tag) {
+    case 2:
+      popContextProvider(workInProgress);
+      var effectTag = workInProgress.effectTag;
+      return effectTag & 1024
+        ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+          workInProgress)
+        : null;
+    case 3:
+      return (
+        popHostContainer(workInProgress),
+        popTopLevelContextObject(workInProgress),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 1024
+          ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+            workInProgress)
+          : null
+      );
+    case 5:
+      return popHostContext(workInProgress), null;
+    case 16:
+      return (
+        (effectTag = workInProgress.effectTag),
+        effectTag & 1024
+          ? ((workInProgress.effectTag = (effectTag & -1025) | 64),
+            workInProgress)
+          : null
+      );
+    case 4:
+      return popHostContainer(workInProgress), null;
+    case 13:
+      return popProvider(workInProgress), null;
+    default:
+      return null;
+  }
+}
+var originalStartTimeMs = now$1(),
+  mostRecentCurrentTime = 2,
+  mostRecentCurrentTimeMs = originalStartTimeMs,
+  lastUniqueAsyncExpiration = 0,
+  expirationContext = 0,
+  isWorking = !1,
+  nextUnitOfWork = null,
+  nextRoot = null,
+  nextRenderExpirationTime = 0,
+  nextLatestTimeoutMs = -1,
+  nextRenderDidError = !1,
+  nextEffect = null,
+  isCommitting$1 = !1,
+  legacyErrorBoundariesThatAlreadyFailed = null;
+function resetStack() {
+  if (null !== nextUnitOfWork)
+    for (
+      var interruptedWork = nextUnitOfWork.return;
+      null !== interruptedWork;
+
+    ) {
+      var interruptedWork$jscomp$0 = interruptedWork;
+      interruptedWork$jscomp$0.mode & 4 &&
+        (resumeActualRenderTimerIfPaused(),
+        recordElapsedActualRenderTime(interruptedWork$jscomp$0));
+      switch (interruptedWork$jscomp$0.tag) {
+        case 2:
+          popContextProvider(interruptedWork$jscomp$0);
+          break;
+        case 3:
+          popHostContainer(interruptedWork$jscomp$0);
+          popTopLevelContextObject(interruptedWork$jscomp$0);
+          break;
+        case 5:
+          popHostContext(interruptedWork$jscomp$0);
+          break;
+        case 4:
+          popHostContainer(interruptedWork$jscomp$0);
+          break;
+        case 13:
+          popProvider(interruptedWork$jscomp$0);
+      }
+      interruptedWork = interruptedWork.return;
+    }
+  nextRoot = null;
+  nextRenderExpirationTime = 0;
+  nextLatestTimeoutMs = -1;
+  nextRenderDidError = !1;
+  nextUnitOfWork = null;
+}
+function completeUnitOfWork(workInProgress$jscomp$0) {
+  for (;;) {
+    var current = workInProgress$jscomp$0.alternate,
+      returnFiber = workInProgress$jscomp$0.return,
+      siblingFiber = workInProgress$jscomp$0.sibling;
+    if (0 === (workInProgress$jscomp$0.effectTag & 512)) {
+      current = completeWork(
+        current,
+        workInProgress$jscomp$0,
+        nextRenderExpirationTime
+      );
+      var workInProgress = workInProgress$jscomp$0;
+      if (
+        1073741823 === nextRenderExpirationTime ||
+        1073741823 !== workInProgress.expirationTime
+      ) {
+        var newExpirationTime = 0;
+        switch (workInProgress.tag) {
+          case 3:
+          case 2:
+            var updateQueue = workInProgress.updateQueue;
+            null !== updateQueue &&
+              (newExpirationTime = updateQueue.expirationTime);
+        }
+        if (workInProgress.mode & 4) {
+          updateQueue = workInProgress.selfBaseTime;
+          for (var child = workInProgress.child; null !== child; )
+            (updateQueue += child.treeBaseTime),
+              0 !== child.expirationTime &&
+                (0 === newExpirationTime ||
+                  newExpirationTime > child.expirationTime) &&
+                (newExpirationTime = child.expirationTime),
+              (child = child.sibling);
+          workInProgress.treeBaseTime = updateQueue;
+        } else
+          for (updateQueue = workInProgress.child; null !== updateQueue; )
+            0 !== updateQueue.expirationTime &&
+              (0 === newExpirationTime ||
+                newExpirationTime > updateQueue.expirationTime) &&
+              (newExpirationTime = updateQueue.expirationTime),
+              (updateQueue = updateQueue.sibling);
+        workInProgress.expirationTime = newExpirationTime;
+      }
+      if (null !== current) return current;
+      null !== returnFiber &&
+        0 === (returnFiber.effectTag & 512) &&
+        (null === returnFiber.firstEffect &&
+          (returnFiber.firstEffect = workInProgress$jscomp$0.firstEffect),
+        null !== workInProgress$jscomp$0.lastEffect &&
+          (null !== returnFiber.lastEffect &&
+            (returnFiber.lastEffect.nextEffect =
+              workInProgress$jscomp$0.firstEffect),
+          (returnFiber.lastEffect = workInProgress$jscomp$0.lastEffect)),
+        1 < workInProgress$jscomp$0.effectTag &&
+          (null !== returnFiber.lastEffect
+            ? (returnFiber.lastEffect.nextEffect = workInProgress$jscomp$0)
+            : (returnFiber.firstEffect = workInProgress$jscomp$0),
+          (returnFiber.lastEffect = workInProgress$jscomp$0)));
+    } else {
+      workInProgress$jscomp$0 = unwindWork(
+        workInProgress$jscomp$0,
+        nextRenderExpirationTime
+      );
+      if (null !== workInProgress$jscomp$0)
+        return (
+          (workInProgress$jscomp$0.effectTag &= 511), workInProgress$jscomp$0
+        );
+      null !== returnFiber &&
+        ((returnFiber.firstEffect = returnFiber.lastEffect = null),
+        (returnFiber.effectTag |= 512));
+    }
+    if (null !== siblingFiber) return siblingFiber;
+    if (null !== returnFiber) workInProgress$jscomp$0 = returnFiber;
+    else break;
+  }
+  return null;
+}
+function performUnitOfWork(workInProgress) {
+  var current = workInProgress.alternate;
+  workInProgress.mode & 4 && (baseStartTime = now$1());
+  current = beginWork(current, workInProgress, nextRenderExpirationTime);
+  workInProgress.mode & 4 &&
+    (-1 !== baseStartTime &&
+      (workInProgress.selfBaseTime = now$1() - baseStartTime),
+    (baseStartTime = -1));
+  null === current && (current = completeUnitOfWork(workInProgress));
+  ReactCurrentOwner.current = null;
+  return current;
+}
+function renderRoot(root$jscomp$0, isYieldy) {
+  invariant(
+    !isWorking,
+    "renderRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
+  );
+  isWorking = !0;
+  var expirationTime = root$jscomp$0.nextExpirationTimeToWorkOn;
+  if (
+    expirationTime !== nextRenderExpirationTime ||
+    root$jscomp$0 !== nextRoot ||
+    null === nextUnitOfWork
+  )
+    resetStack(),
+      (nextRoot = root$jscomp$0),
+      (nextRenderExpirationTime = expirationTime),
+      (nextLatestTimeoutMs = -1),
+      (nextRenderDidError = !1),
+      (nextUnitOfWork = createWorkInProgress(
+        nextRoot.current,
+        null,
+        nextRenderExpirationTime
+      )),
+      (root$jscomp$0.pendingCommitExpirationTime = 0);
+  var didFatal = !1;
+  do {
+    try {
+      if (isYieldy) {
+        for (; null !== nextUnitOfWork && !shouldYield(); )
+          nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
+        0 === timerPausedAt && (timerPausedAt = now$1());
+      } else
+        for (; null !== nextUnitOfWork; )
+          nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
+    } catch (thrownValue) {
+      if (((baseStartTime = -1), null === nextUnitOfWork))
+        (didFatal = !0), onUncaughtError(thrownValue);
+      else {
+        invariant(
+          null !== nextUnitOfWork,
+          "Failed to replay rendering after an error. This is likely caused by a bug in React. Please file an issue with a reproducing case to help us find it."
+        );
+        isYieldy = nextUnitOfWork;
+        var returnFiber = isYieldy.return;
+        if (null === returnFiber) {
+          didFatal = !0;
+          onUncaughtError(thrownValue);
+          break;
+        }
+        a: {
+          var root = root$jscomp$0,
+            returnFiber$jscomp$0 = returnFiber,
+            sourceFiber = isYieldy,
+            value = thrownValue;
+          returnFiber = nextRenderExpirationTime;
+          sourceFiber.effectTag |= 512;
+          sourceFiber.firstEffect = sourceFiber.lastEffect = null;
+          nextRenderDidError = !0;
+          if (
+            (root.didError || 1 === returnFiber) &&
+            (returnFiber === root.latestPendingTime ||
+              returnFiber === root.latestSuspendedTime)
+          ) {
+            value = createCapturedValue(value, sourceFiber);
+            root = returnFiber$jscomp$0;
+            do {
+              switch (root.tag) {
+                case 3:
+                  root.effectTag |= 1024;
+                  value = createRootErrorUpdate(root, value, returnFiber);
+                  enqueueCapturedUpdate(root, value, returnFiber);
+                  break a;
+                case 2:
+                  if (
+                    ((returnFiber$jscomp$0 = value),
+                    (sourceFiber = root.stateNode),
+                    0 === (root.effectTag & 64) &&
+                      null !== sourceFiber &&
+                      "function" === typeof sourceFiber.componentDidCatch &&
+                      (null === legacyErrorBoundariesThatAlreadyFailed ||
+                        !legacyErrorBoundariesThatAlreadyFailed.has(
+                          sourceFiber
+                        )))
+                  ) {
+                    root.effectTag |= 1024;
+                    value = createClassErrorUpdate(
+                      root,
+                      returnFiber$jscomp$0,
+                      returnFiber
+                    );
+                    enqueueCapturedUpdate(root, value, returnFiber);
+                    break a;
+                  }
+              }
+              root = root.return;
+            } while (null !== root);
+          }
+        }
+        nextUnitOfWork = completeUnitOfWork(isYieldy);
+      }
+    }
+    break;
+  } while (1);
+  isWorking = !1;
+  didFatal
+    ? (root$jscomp$0.finishedWork = null)
+    : null === nextUnitOfWork
+      ? ((didFatal = root$jscomp$0.current.alternate),
+        invariant(
+          null !== didFatal,
+          "Finished root should have a work-in-progress. This error is likely caused by a bug in React. Please file an issue."
+        ),
+        0 === (didFatal.effectTag & 512)
+          ? ((root$jscomp$0.pendingCommitExpirationTime = expirationTime),
+            (root$jscomp$0.finishedWork = didFatal))
+          : (!nextRenderDidError ||
+            (expirationTime !== root$jscomp$0.latestPendingTime &&
+              expirationTime !== root$jscomp$0.latestSuspendedTime)
+              ? ((didFatal = root$jscomp$0.earliestPendingTime),
+                (isYieldy = root$jscomp$0.latestPendingTime),
+                didFatal === expirationTime
+                  ? (root$jscomp$0.earliestPendingTime =
+                      isYieldy === expirationTime
+                        ? (root$jscomp$0.latestPendingTime = 0)
+                        : isYieldy)
+                  : isYieldy === expirationTime &&
+                    (root$jscomp$0.latestPendingTime = didFatal),
+                (didFatal = root$jscomp$0.latestSuspendedTime),
+                didFatal === expirationTime &&
+                  (root$jscomp$0.latestPingedTime = 0),
+                (isYieldy = root$jscomp$0.earliestSuspendedTime),
+                0 === isYieldy
+                  ? (root$jscomp$0.earliestSuspendedTime = root$jscomp$0.latestSuspendedTime = expirationTime)
+                  : isYieldy > expirationTime
+                    ? (root$jscomp$0.earliestSuspendedTime = expirationTime)
+                    : didFatal < expirationTime &&
+                      (root$jscomp$0.latestSuspendedTime = expirationTime))
+              : (root$jscomp$0.didError = !0),
+            findNextPendingPriorityLevel(root$jscomp$0),
+            onSuspend(
+              root$jscomp$0,
+              expirationTime,
+              root$jscomp$0.expirationTime,
+              nextLatestTimeoutMs
+            )))
+      : (root$jscomp$0.finishedWork = null);
+}
+function captureCommitPhaseError(fiber, error) {
+  var JSCompiler_inline_result;
+  a: {
+    invariant(
+      !isWorking || isCommitting$1,
+      "dispatch: Cannot dispatch during the render phase."
+    );
+    for (
+      JSCompiler_inline_result = fiber.return;
+      null !== JSCompiler_inline_result;
+
+    ) {
+      switch (JSCompiler_inline_result.tag) {
+        case 2:
+          var instance = JSCompiler_inline_result.stateNode;
+          if (
+            "function" ===
+              typeof JSCompiler_inline_result.type.getDerivedStateFromCatch ||
+            ("function" === typeof instance.componentDidCatch &&
+              (null === legacyErrorBoundariesThatAlreadyFailed ||
+                !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
+          ) {
+            fiber = createCapturedValue(error, fiber);
+            fiber = createClassErrorUpdate(JSCompiler_inline_result, fiber, 1);
+            enqueueUpdate(JSCompiler_inline_result, fiber, 1);
+            scheduleWork(JSCompiler_inline_result, 1);
+            JSCompiler_inline_result = void 0;
+            break a;
+          }
+          break;
+        case 3:
+          fiber = createCapturedValue(error, fiber);
+          fiber = createRootErrorUpdate(JSCompiler_inline_result, fiber, 1);
+          enqueueUpdate(JSCompiler_inline_result, fiber, 1);
+          scheduleWork(JSCompiler_inline_result, 1);
+          JSCompiler_inline_result = void 0;
+          break a;
+      }
+      JSCompiler_inline_result = JSCompiler_inline_result.return;
+    }
+    3 === fiber.tag &&
+      ((JSCompiler_inline_result = createCapturedValue(error, fiber)),
+      (JSCompiler_inline_result = createRootErrorUpdate(
+        fiber,
+        JSCompiler_inline_result,
+        1
+      )),
+      enqueueUpdate(fiber, JSCompiler_inline_result, 1),
+      scheduleWork(fiber, 1));
+    JSCompiler_inline_result = void 0;
+  }
+  return JSCompiler_inline_result;
+}
+function computeExpirationForFiber(currentTime, fiber) {
+  currentTime =
+    0 !== expirationContext
+      ? expirationContext
+      : isWorking
+        ? isCommitting$1 ? 1 : nextRenderExpirationTime
+        : fiber.mode & 1
+          ? isBatchingInteractiveUpdates
+            ? 2 + 10 * ((((currentTime - 2 + 15) / 10) | 0) + 1)
+            : 2 + 25 * ((((currentTime - 2 + 500) / 25) | 0) + 1)
+          : 1;
+  isBatchingInteractiveUpdates &&
+    (0 === lowestPendingInteractiveExpirationTime ||
+      currentTime > lowestPendingInteractiveExpirationTime) &&
+    (lowestPendingInteractiveExpirationTime = currentTime);
+  return currentTime;
+}
+function scheduleWork(fiber, expirationTime) {
+  for (; null !== fiber; ) {
+    if (0 === fiber.expirationTime || fiber.expirationTime > expirationTime)
+      fiber.expirationTime = expirationTime;
+    null !== fiber.alternate &&
+      (0 === fiber.alternate.expirationTime ||
+        fiber.alternate.expirationTime > expirationTime) &&
+      (fiber.alternate.expirationTime = expirationTime);
+    if (null === fiber.return)
+      if (3 === fiber.tag) {
+        var root = fiber.stateNode;
+        !isWorking &&
+          0 !== nextRenderExpirationTime &&
+          expirationTime < nextRenderExpirationTime &&
+          resetStack();
+        markPendingPriorityLevel(root, expirationTime);
+        (isWorking && !isCommitting$1 && nextRoot === root) ||
+          requestWork(root, root.expirationTime);
+        nestedUpdateCount > NESTED_UPDATE_LIMIT &&
+          invariant(
+            !1,
+            "Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops."
+          );
+      } else break;
+    fiber = fiber.return;
+  }
+}
+function recalculateCurrentTime() {
+  mostRecentCurrentTimeMs = now$1() - originalStartTimeMs;
+  return (mostRecentCurrentTime = ((mostRecentCurrentTimeMs / 10) | 0) + 2);
+}
+function syncUpdates(fn, a, b, c, d) {
+  var previousExpirationContext = expirationContext;
+  expirationContext = 1;
+  try {
+    return fn(a, b, c, d);
+  } finally {
+    expirationContext = previousExpirationContext;
+  }
+}
+var firstScheduledRoot = null,
+  lastScheduledRoot = null,
+  callbackExpirationTime = 0,
+  callbackID = void 0,
+  isRendering = !1,
+  nextFlushedRoot = null,
+  nextFlushedExpirationTime = 0,
+  lowestPendingInteractiveExpirationTime = 0,
+  deadlineDidExpire = !1,
+  hasUnhandledError = !1,
+  unhandledError = null,
+  deadline = null,
+  isBatchingUpdates = !1,
+  isUnbatchingUpdates = !1,
+  isBatchingInteractiveUpdates = !1,
+  completedBatches = null,
+  NESTED_UPDATE_LIMIT = 1e3,
+  nestedUpdateCount = 0,
+  timeHeuristicForUnitOfWork = 1;
+function scheduleCallbackWithExpirationTime(expirationTime) {
+  if (0 !== callbackExpirationTime) {
+    if (expirationTime > callbackExpirationTime) return;
+    if (null !== callbackID) {
+      var callbackID$jscomp$0 = callbackID;
+      scheduledCallback = null;
+      clearTimeout(callbackID$jscomp$0);
+    }
+  }
+  callbackExpirationTime = expirationTime;
+  now$1();
+  scheduledCallback = performAsyncWork;
+  callbackID = setTimeout(setTimeoutCallback, 1);
+}
+function onSuspend(root, suspendedExpirationTime, expirationTime, timeoutMs) {
+  0 <= timeoutMs &&
+    setTimeout(function() {
+      var latestSuspendedTime = root.latestSuspendedTime;
+      0 !== latestSuspendedTime &&
+        latestSuspendedTime <= suspendedExpirationTime &&
+        ((latestSuspendedTime = root.latestPingedTime),
+        0 === latestSuspendedTime ||
+          latestSuspendedTime < suspendedExpirationTime) &&
+        (root.latestPingedTime = suspendedExpirationTime);
+      findNextPendingPriorityLevel(root);
+      latestSuspendedTime = root.expirationTime;
+      0 !== latestSuspendedTime && requestWork(root, latestSuspendedTime);
+    }, timeoutMs);
+  root.expirationTime = expirationTime;
+}
+function requestWork(root, expirationTime) {
+  if (null === root.nextScheduledRoot)
+    (root.expirationTime = expirationTime),
+      null === lastScheduledRoot
+        ? ((firstScheduledRoot = lastScheduledRoot = root),
+          (root.nextScheduledRoot = root))
+        : ((lastScheduledRoot = lastScheduledRoot.nextScheduledRoot = root),
+          (lastScheduledRoot.nextScheduledRoot = firstScheduledRoot));
+  else {
+    var remainingExpirationTime = root.expirationTime;
+    if (
+      0 === remainingExpirationTime ||
+      expirationTime < remainingExpirationTime
+    )
+      root.expirationTime = expirationTime;
+  }
+  isRendering ||
+    (isBatchingUpdates
+      ? isUnbatchingUpdates &&
+        ((nextFlushedRoot = root),
+        (nextFlushedExpirationTime = 1),
+        performWorkOnRoot(root, 1, !1))
+      : 1 === expirationTime
+        ? performWork(1, null)
+        : scheduleCallbackWithExpirationTime(expirationTime));
+}
+function findHighestPriorityRoot() {
+  var highestPriorityWork = 0,
+    highestPriorityRoot = null;
+  if (null !== lastScheduledRoot)
+    for (
+      var previousScheduledRoot = lastScheduledRoot, root = firstScheduledRoot;
+      null !== root;
+
+    ) {
+      var remainingExpirationTime = root.expirationTime;
+      if (0 === remainingExpirationTime) {
+        invariant(
+          null !== previousScheduledRoot && null !== lastScheduledRoot,
+          "Should have a previous and last root. This error is likely caused by a bug in React. Please file an issue."
+        );
+        if (root === root.nextScheduledRoot) {
+          firstScheduledRoot = lastScheduledRoot = root.nextScheduledRoot = null;
+          break;
+        } else if (root === firstScheduledRoot)
+          (firstScheduledRoot = remainingExpirationTime =
+            root.nextScheduledRoot),
+            (lastScheduledRoot.nextScheduledRoot = remainingExpirationTime),
+            (root.nextScheduledRoot = null);
+        else if (root === lastScheduledRoot) {
+          lastScheduledRoot = previousScheduledRoot;
+          lastScheduledRoot.nextScheduledRoot = firstScheduledRoot;
+          root.nextScheduledRoot = null;
+          break;
+        } else
+          (previousScheduledRoot.nextScheduledRoot = root.nextScheduledRoot),
+            (root.nextScheduledRoot = null);
+        root = previousScheduledRoot.nextScheduledRoot;
+      } else {
+        if (
+          0 === highestPriorityWork ||
+          remainingExpirationTime < highestPriorityWork
+        )
+          (highestPriorityWork = remainingExpirationTime),
+            (highestPriorityRoot = root);
+        if (root === lastScheduledRoot) break;
+        previousScheduledRoot = root;
+        root = root.nextScheduledRoot;
+      }
+    }
+  previousScheduledRoot = nextFlushedRoot;
+  null !== previousScheduledRoot &&
+  previousScheduledRoot === highestPriorityRoot &&
+  1 === highestPriorityWork
+    ? nestedUpdateCount++
+    : (nestedUpdateCount = 0);
+  nextFlushedRoot = highestPriorityRoot;
+  nextFlushedExpirationTime = highestPriorityWork;
+}
+function performAsyncWork(dl) {
+  performWork(0, dl);
+}
+function performWork(minExpirationTime, dl) {
+  deadline = dl;
+  findHighestPriorityRoot();
+  resumeActualRenderTimerIfPaused();
+  if (null !== deadline)
+    for (
+      ;
+      null !== nextFlushedRoot &&
+      0 !== nextFlushedExpirationTime &&
+      (0 === minExpirationTime ||
+        minExpirationTime >= nextFlushedExpirationTime) &&
+      (!deadlineDidExpire ||
+        recalculateCurrentTime() >= nextFlushedExpirationTime);
+
+    )
+      recalculateCurrentTime(),
+        performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, !0),
+        findHighestPriorityRoot();
+  else
+    for (
+      ;
+      null !== nextFlushedRoot &&
+      0 !== nextFlushedExpirationTime &&
+      (0 === minExpirationTime ||
+        minExpirationTime >= nextFlushedExpirationTime);
+
+    )
+      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, !1),
+        findHighestPriorityRoot();
+  null !== deadline && ((callbackExpirationTime = 0), (callbackID = null));
+  0 !== nextFlushedExpirationTime &&
+    scheduleCallbackWithExpirationTime(nextFlushedExpirationTime);
+  deadline = null;
+  deadlineDidExpire = !1;
+  finishRendering();
+}
+function finishRendering() {
+  nestedUpdateCount = 0;
+  if (null !== completedBatches) {
+    var batches = completedBatches;
+    completedBatches = null;
+    for (var i = 0; i < batches.length; i++) {
+      var batch = batches[i];
+      try {
+        batch._onComplete();
+      } catch (error) {
+        hasUnhandledError ||
+          ((hasUnhandledError = !0), (unhandledError = error));
+      }
+    }
+  }
+  if (hasUnhandledError)
+    throw ((batches = unhandledError),
+    (unhandledError = null),
+    (hasUnhandledError = !1),
+    batches);
+}
+function performWorkOnRoot(root, expirationTime, isYieldy) {
+  invariant(
+    !isRendering,
+    "performWorkOnRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
+  );
+  isRendering = !0;
+  isYieldy
+    ? ((isYieldy = root.finishedWork),
+      null !== isYieldy
+        ? completeRoot(root, isYieldy, expirationTime)
+        : ((root.finishedWork = null),
+          renderRoot(root, !0),
+          (isYieldy = root.finishedWork),
+          null !== isYieldy &&
+            (shouldYield()
+              ? ((root.finishedWork = isYieldy),
+                0 === timerPausedAt && (timerPausedAt = now$1()))
+              : completeRoot(root, isYieldy, expirationTime))))
+    : ((isYieldy = root.finishedWork),
+      null !== isYieldy
+        ? completeRoot(root, isYieldy, expirationTime)
+        : ((root.finishedWork = null),
+          renderRoot(root, !1),
+          (isYieldy = root.finishedWork),
+          null !== isYieldy && completeRoot(root, isYieldy, expirationTime)));
+  isRendering = !1;
+}
+function completeRoot(root, finishedWork$jscomp$0, expirationTime) {
+  var firstBatch = root.firstBatch;
+  if (
+    null !== firstBatch &&
+    firstBatch._expirationTime <= expirationTime &&
+    (null === completedBatches
+      ? (completedBatches = [firstBatch])
+      : completedBatches.push(firstBatch),
+    firstBatch._defer)
+  ) {
+    root.finishedWork = finishedWork$jscomp$0;
+    root.expirationTime = 0;
+    return;
+  }
+  root.finishedWork = null;
+  isCommitting$1 = isWorking = !0;
+  invariant(
+    root.current !== finishedWork$jscomp$0,
+    "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."
+  );
+  expirationTime = root.pendingCommitExpirationTime;
+  invariant(
+    0 !== expirationTime,
+    "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
+  );
+  root.pendingCommitExpirationTime = 0;
+  firstBatch = finishedWork$jscomp$0.expirationTime;
+  recalculateCurrentTime();
+  root.didError = !1;
+  if (0 === firstBatch)
+    (root.earliestPendingTime = 0),
+      (root.latestPendingTime = 0),
+      (root.earliestSuspendedTime = 0),
+      (root.latestSuspendedTime = 0),
+      (root.latestPingedTime = 0);
+  else {
+    var latestPendingTime = root.latestPendingTime;
+    0 !== latestPendingTime &&
+      (latestPendingTime < firstBatch
+        ? (root.earliestPendingTime = root.latestPendingTime = 0)
+        : root.earliestPendingTime < firstBatch &&
+          (root.earliestPendingTime = root.latestPendingTime));
+    latestPendingTime = root.earliestSuspendedTime;
+    0 === latestPendingTime
+      ? markPendingPriorityLevel(root, firstBatch)
+      : firstBatch > root.latestSuspendedTime
+        ? ((root.earliestSuspendedTime = 0),
+          (root.latestSuspendedTime = 0),
+          (root.latestPingedTime = 0),
+          markPendingPriorityLevel(root, firstBatch))
+        : firstBatch < latestPendingTime &&
+          markPendingPriorityLevel(root, firstBatch);
+  }
+  findNextPendingPriorityLevel(root);
+  ReactCurrentOwner.current = null;
+  1 < finishedWork$jscomp$0.effectTag
+    ? null !== finishedWork$jscomp$0.lastEffect
+      ? ((finishedWork$jscomp$0.lastEffect.nextEffect = finishedWork$jscomp$0),
+        (firstBatch = finishedWork$jscomp$0.firstEffect))
+      : (firstBatch = finishedWork$jscomp$0)
+    : (firstBatch = finishedWork$jscomp$0.firstEffect);
+  for (nextEffect = firstBatch; null !== nextEffect; ) {
+    latestPendingTime = !1;
+    var error = void 0;
+    try {
+      for (; null !== nextEffect; ) {
+        if (nextEffect.effectTag & 256) {
+          var current = nextEffect.alternate,
+            finishedWork = nextEffect;
+          switch (finishedWork.tag) {
+            case 2:
+              if (finishedWork.effectTag & 256 && null !== current) {
+                var prevProps = current.memoizedProps,
+                  prevState = current.memoizedState,
+                  instance = finishedWork.stateNode;
+                instance.props = finishedWork.memoizedProps;
+                instance.state = finishedWork.memoizedState;
+                var snapshot = instance.getSnapshotBeforeUpdate(
+                  prevProps,
+                  prevState
+                );
+                instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+              }
+              break;
+            case 3:
+            case 5:
+            case 6:
+            case 4:
+              break;
+            default:
+              invariant(
+                !1,
+                "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+              );
+          }
+        }
+        nextEffect = nextEffect.nextEffect;
+      }
+    } catch (e) {
+      (latestPendingTime = !0), (error = e);
+    }
+    latestPendingTime &&
+      (invariant(
+        null !== nextEffect,
+        "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
+      ),
+      captureCommitPhaseError(nextEffect, error),
+      null !== nextEffect && (nextEffect = nextEffect.nextEffect));
+  }
+  commitTime = now$1();
+  for (nextEffect = firstBatch; null !== nextEffect; ) {
+    current = !1;
+    prevProps = void 0;
+    try {
+      for (; null !== nextEffect; ) {
+        var effectTag = nextEffect.effectTag;
+        if (effectTag & 128) {
+          var current$jscomp$0 = nextEffect.alternate;
+          if (null !== current$jscomp$0) {
+            var currentRef = current$jscomp$0.ref;
+            null !== currentRef &&
+              ("function" === typeof currentRef
+                ? currentRef(null)
+                : (currentRef.current = null));
+          }
+        }
+        switch (effectTag & 14) {
+          case 2:
+            commitPlacement(nextEffect);
+            nextEffect.effectTag &= -3;
+            break;
+          case 6:
+            commitPlacement(nextEffect);
+            nextEffect.effectTag &= -3;
+            commitWork(nextEffect.alternate, nextEffect);
+            break;
+          case 4:
+            commitWork(nextEffect.alternate, nextEffect);
+            break;
+          case 8:
+            (prevState = nextEffect),
+              unmountHostComponents(prevState),
+              (prevState.return = null),
+              (prevState.child = null),
+              prevState.alternate &&
+                ((prevState.alternate.child = null),
+                (prevState.alternate.return = null));
+        }
+        nextEffect = nextEffect.nextEffect;
+      }
+    } catch (e) {
+      (current = !0), (prevProps = e);
+    }
+    current &&
+      (invariant(
+        null !== nextEffect,
+        "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
+      ),
+      captureCommitPhaseError(nextEffect, prevProps),
+      null !== nextEffect && (nextEffect = nextEffect.nextEffect));
+  }
+  root.current = finishedWork$jscomp$0;
+  for (nextEffect = firstBatch; null !== nextEffect; ) {
+    effectTag = !1;
+    current$jscomp$0 = void 0;
+    try {
+      for (currentRef = expirationTime; null !== nextEffect; ) {
+        var effectTag$jscomp$0 = nextEffect.effectTag;
+        if (effectTag$jscomp$0 & 36) {
+          var current$jscomp$1 = nextEffect.alternate;
+          current = nextEffect;
+          prevProps = currentRef;
+          switch (current.tag) {
+            case 2:
+              var instance$jscomp$0 = current.stateNode;
+              if (current.effectTag & 4)
+                if (null === current$jscomp$1)
+                  (instance$jscomp$0.props = current.memoizedProps),
+                    (instance$jscomp$0.state = current.memoizedState),
+                    instance$jscomp$0.componentDidMount();
+                else {
+                  var prevProps$jscomp$0 = current$jscomp$1.memoizedProps,
+                    prevState$jscomp$0 = current$jscomp$1.memoizedState;
+                  instance$jscomp$0.props = current.memoizedProps;
+                  instance$jscomp$0.state = current.memoizedState;
+                  instance$jscomp$0.componentDidUpdate(
+                    prevProps$jscomp$0,
+                    prevState$jscomp$0,
+                    instance$jscomp$0.__reactInternalSnapshotBeforeUpdate
+                  );
+                }
+              var updateQueue = current.updateQueue;
+              null !== updateQueue &&
+                ((instance$jscomp$0.props = current.memoizedProps),
+                (instance$jscomp$0.state = current.memoizedState),
+                commitUpdateQueue(
+                  current,
+                  updateQueue,
+                  instance$jscomp$0,
+                  prevProps
+                ));
+              break;
+            case 3:
+              var _updateQueue = current.updateQueue;
+              if (null !== _updateQueue) {
+                prevState = null;
+                if (null !== current.child)
+                  switch (current.child.tag) {
+                    case 5:
+                      prevState = current.child.stateNode;
+                      break;
+                    case 2:
+                      prevState = current.child.stateNode;
+                  }
+                commitUpdateQueue(current, _updateQueue, prevState, prevProps);
+              }
+              break;
+            case 5:
+              break;
+            case 6:
+              break;
+            case 4:
+              break;
+            case 15:
+              break;
+            case 16:
+              break;
+            default:
+              invariant(
+                !1,
+                "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+              );
+          }
+        }
+        if (effectTag$jscomp$0 & 128) {
+          current = void 0;
+          var ref = nextEffect.ref;
+          if (null !== ref) {
+            var instance$jscomp$1 = nextEffect.stateNode;
+            switch (nextEffect.tag) {
+              case 5:
+                current = instance$jscomp$1;
+                break;
+              default:
+                current = instance$jscomp$1;
+            }
+            "function" === typeof ref ? ref(current) : (ref.current = current);
+          }
+        }
+        var next = nextEffect.nextEffect;
+        nextEffect.nextEffect = null;
+        nextEffect = next;
+      }
+    } catch (e) {
+      (effectTag = !0), (current$jscomp$0 = e);
+    }
+    effectTag &&
+      (invariant(
+        null !== nextEffect,
+        "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
+      ),
+      captureCommitPhaseError(nextEffect, current$jscomp$0),
+      null !== nextEffect && (nextEffect = nextEffect.nextEffect));
+  }
+  totalElapsedPauseTime = 0;
+  isWorking = isCommitting$1 = !1;
+  "function" === typeof onCommitRoot &&
+    onCommitRoot(finishedWork$jscomp$0.stateNode);
+  finishedWork$jscomp$0 = root.expirationTime;
+  0 === finishedWork$jscomp$0 &&
+    (legacyErrorBoundariesThatAlreadyFailed = null);
+  root.expirationTime = finishedWork$jscomp$0;
+  root.finishedWork = null;
+}
+function shouldYield() {
+  return null === deadline ||
+    deadlineDidExpire ||
+    deadline.timeRemaining() > timeHeuristicForUnitOfWork
+    ? !1
+    : (deadlineDidExpire = !0);
+}
+function onUncaughtError(error) {
+  invariant(
+    null !== nextFlushedRoot,
+    "Should be working on a root. This error is likely caused by a bug in React. Please file an issue."
+  );
+  nextFlushedRoot.expirationTime = 0;
+  hasUnhandledError || ((hasUnhandledError = !0), (unhandledError = error));
+}
+function updateContainerAtExpirationTime(
+  element,
+  container,
+  parentComponent,
+  expirationTime,
+  callback
+) {
+  var current = container.current;
+  if (parentComponent) {
+    parentComponent = parentComponent._reactInternalFiber;
+    var parentContext;
+    b: {
+      invariant(
+        2 === isFiberMountedImpl(parentComponent) && 2 === parentComponent.tag,
+        "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+      );
+      for (parentContext = parentComponent; 3 !== parentContext.tag; ) {
+        if (isContextProvider(parentContext)) {
+          parentContext =
+            parentContext.stateNode.__reactInternalMemoizedMergedChildContext;
+          break b;
+        }
+        parentContext = parentContext.return;
+        invariant(
+          parentContext,
+          "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+        );
+      }
+      parentContext = parentContext.stateNode.context;
+    }
+    parentComponent = isContextProvider(parentComponent)
+      ? processChildContext(parentComponent, parentContext)
+      : parentContext;
+  } else parentComponent = emptyObject;
+  null === container.context
+    ? (container.context = parentComponent)
+    : (container.pendingContext = parentComponent);
+  container = callback;
+  callback = createUpdate(expirationTime);
+  callback.payload = { element: element };
+  container = void 0 === container ? null : container;
+  null !== container && (callback.callback = container);
+  enqueueUpdate(current, callback, expirationTime);
+  scheduleWork(current, expirationTime);
+  return expirationTime;
+}
+function findHostInstance$1(component) {
+  var fiber = component._reactInternalFiber;
+  void 0 === fiber &&
+    ("function" === typeof component.render
+      ? invariant(!1, "Unable to find node on an unmounted component.")
+      : invariant(
+          !1,
+          "Argument appears to not be a ReactComponent. Keys: %s",
+          Object.keys(component)
+        ));
+  component = findCurrentHostFiber(fiber);
+  return null === component ? null : component.stateNode;
+}
+function updateContainer(element, container, parentComponent, callback) {
+  var current = container.current,
+    currentTime = recalculateCurrentTime();
+  current = computeExpirationForFiber(currentTime, current);
+  return updateContainerAtExpirationTime(
+    element,
+    container,
+    parentComponent,
+    current,
+    callback
+  );
+}
+function getPublicRootInstance(container) {
+  container = container.current;
+  if (!container.child) return null;
+  switch (container.child.tag) {
+    case 5:
+      return container.child.stateNode;
+    default:
+      return container.child.stateNode;
+  }
+}
+function injectIntoDevTools(devToolsConfig) {
+  var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+  return injectInternals(
+    Object.assign({}, devToolsConfig, {
+      findHostInstanceByFiber: function(fiber) {
+        fiber = findCurrentHostFiber(fiber);
+        return null === fiber ? null : fiber.stateNode;
+      },
+      findFiberByHostInstance: function(instance) {
+        return findFiberByHostInstance
+          ? findFiberByHostInstance(instance)
+          : null;
+      }
+    })
+  );
+}
+var ReactNativeFiberRenderer = {
+  updateContainerAtExpirationTime: updateContainerAtExpirationTime,
+  createContainer: function(containerInfo, isAsync, hydrate) {
+    return createFiberRoot(containerInfo, isAsync, hydrate);
+  },
+  updateContainer: updateContainer,
+  flushRoot: function(root, expirationTime) {
+    invariant(
+      !isRendering,
+      "work.commit(): Cannot commit while already rendering. This likely means you attempted to commit from inside a lifecycle method."
+    );
+    nextFlushedRoot = root;
+    nextFlushedExpirationTime = expirationTime;
+    performWorkOnRoot(root, expirationTime, !1);
+    performWork(1, null);
+    finishRendering();
+  },
+  requestWork: requestWork,
+  computeUniqueAsyncExpiration: function() {
+    var result =
+      2 + 25 * ((((recalculateCurrentTime() - 2 + 500) / 25) | 0) + 1);
+    result <= lastUniqueAsyncExpiration &&
+      (result = lastUniqueAsyncExpiration + 1);
+    return (lastUniqueAsyncExpiration = result);
+  },
+  batchedUpdates: function(fn, a) {
+    var previousIsBatchingUpdates = isBatchingUpdates;
+    isBatchingUpdates = !0;
+    try {
+      return fn(a);
+    } finally {
+      (isBatchingUpdates = previousIsBatchingUpdates) ||
+        isRendering ||
+        performWork(1, null);
+    }
+  },
+  unbatchedUpdates: function(fn, a) {
+    if (isBatchingUpdates && !isUnbatchingUpdates) {
+      isUnbatchingUpdates = !0;
+      try {
+        return fn(a);
+      } finally {
+        isUnbatchingUpdates = !1;
+      }
+    }
+    return fn(a);
+  },
+  deferredUpdates: function(fn) {
+    var previousExpirationContext = expirationContext;
+    expirationContext =
+      2 + 25 * ((((recalculateCurrentTime() - 2 + 500) / 25) | 0) + 1);
+    try {
+      return fn();
+    } finally {
+      expirationContext = previousExpirationContext;
+    }
+  },
+  syncUpdates: syncUpdates,
+  interactiveUpdates: function(fn, a, b) {
+    if (isBatchingInteractiveUpdates) return fn(a, b);
+    isBatchingUpdates ||
+      isRendering ||
+      0 === lowestPendingInteractiveExpirationTime ||
+      (performWork(lowestPendingInteractiveExpirationTime, null),
+      (lowestPendingInteractiveExpirationTime = 0));
+    var previousIsBatchingInteractiveUpdates = isBatchingInteractiveUpdates,
+      previousIsBatchingUpdates = isBatchingUpdates;
+    isBatchingUpdates = isBatchingInteractiveUpdates = !0;
+    try {
+      return fn(a, b);
+    } finally {
+      (isBatchingInteractiveUpdates = previousIsBatchingInteractiveUpdates),
+        (isBatchingUpdates = previousIsBatchingUpdates) ||
+          isRendering ||
+          performWork(1, null);
+    }
+  },
+  flushInteractiveUpdates: function() {
+    isRendering ||
+      0 === lowestPendingInteractiveExpirationTime ||
+      (performWork(lowestPendingInteractiveExpirationTime, null),
+      (lowestPendingInteractiveExpirationTime = 0));
+  },
+  flushControlled: function(fn) {
+    var previousIsBatchingUpdates = isBatchingUpdates;
+    isBatchingUpdates = !0;
+    try {
+      syncUpdates(fn);
+    } finally {
+      (isBatchingUpdates = previousIsBatchingUpdates) ||
+        isRendering ||
+        performWork(1, null);
+    }
+  },
+  flushSync: function(fn, a) {
+    invariant(
+      !isRendering,
+      "flushSync was called from inside a lifecycle method. It cannot be called when React is already rendering."
+    );
+    var previousIsBatchingUpdates = isBatchingUpdates;
+    isBatchingUpdates = !0;
+    try {
+      return syncUpdates(fn, a);
+    } finally {
+      (isBatchingUpdates = previousIsBatchingUpdates), performWork(1, null);
+    }
+  },
+  getPublicRootInstance: getPublicRootInstance,
+  findHostInstance: findHostInstance$1,
+  findHostInstanceWithNoPortals: function(fiber) {
+    fiber = findCurrentHostFiberWithNoPortals(fiber);
+    return null === fiber ? null : fiber.stateNode;
+  },
+  injectIntoDevTools: injectIntoDevTools
+};
+function createPortal(children, containerInfo, implementation) {
+  var key =
+    3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
+  return {
+    $$typeof: REACT_PORTAL_TYPE,
+    key: null == key ? null : "" + key,
+    children: children,
+    containerInfo: containerInfo,
+    implementation: implementation
+  };
+}
+function _inherits(subClass, superClass) {
+  if ("function" !== typeof superClass && null !== superClass)
+    throw new TypeError(
+      "Super expression must either be null or a function, not " +
+        typeof superClass
+    );
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: !1,
+      writable: !0,
+      configurable: !0
+    }
+  });
+  superClass &&
+    (Object.setPrototypeOf
+      ? Object.setPrototypeOf(subClass, superClass)
+      : (subClass.__proto__ = superClass));
+}
+var getInspectorDataForViewTag = void 0;
+getInspectorDataForViewTag = function() {
+  invariant(!1, "getInspectorDataForViewTag() is not available in production");
+};
+function findNodeHandle(componentOrHandle) {
+  if (null == componentOrHandle) return null;
+  if ("number" === typeof componentOrHandle) return componentOrHandle;
+  if (componentOrHandle._nativeTag) return componentOrHandle._nativeTag;
+  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
+    return componentOrHandle.canonical._nativeTag;
+  componentOrHandle = findHostInstance$1(componentOrHandle);
+  return null == componentOrHandle
+    ? componentOrHandle
+    : componentOrHandle.canonical
+      ? componentOrHandle.canonical._nativeTag
+      : componentOrHandle._nativeTag;
+}
+_batchedUpdates = ReactNativeFiberRenderer.batchedUpdates;
+_flushInteractiveUpdates = ReactNativeFiberRenderer.flushInteractiveUpdates;
+var roots = new Map(),
+  ReactNativeRenderer = {
+    NativeComponent: (function(findNodeHandle, findHostInstance) {
+      return (function(_React$Component) {
+        function ReactNativeComponent() {
+          if (!(this instanceof ReactNativeComponent))
+            throw new TypeError("Cannot call a class as a function");
+          var call = _React$Component.apply(this, arguments);
+          if (!this)
+            throw new ReferenceError(
+              "this hasn't been initialised - super() hasn't been called"
+            );
+          return !call ||
+            ("object" !== typeof call && "function" !== typeof call)
+            ? this
+            : call;
+        }
+        _inherits(ReactNativeComponent, _React$Component);
+        ReactNativeComponent.prototype.blur = function() {
+          TextInputState.blurTextInput(findNodeHandle(this));
+        };
+        ReactNativeComponent.prototype.focus = function() {
+          TextInputState.focusTextInput(findNodeHandle(this));
+        };
+        ReactNativeComponent.prototype.measure = function(callback) {
+          UIManager.measure(
+            findNodeHandle(this),
+            mountSafeCallback(this, callback)
+          );
+        };
+        ReactNativeComponent.prototype.measureInWindow = function(callback) {
+          UIManager.measureInWindow(
+            findNodeHandle(this),
+            mountSafeCallback(this, callback)
+          );
+        };
+        ReactNativeComponent.prototype.measureLayout = function(
+          relativeToNativeNode,
+          onSuccess,
+          onFail
+        ) {
+          UIManager.measureLayout(
+            findNodeHandle(this),
+            relativeToNativeNode,
+            mountSafeCallback(this, onFail),
+            mountSafeCallback(this, onSuccess)
+          );
+        };
+        ReactNativeComponent.prototype.setNativeProps = function(nativeProps) {
+          var maybeInstance = void 0;
+          try {
+            maybeInstance = findHostInstance(this);
+          } catch (error) {}
+          if (null != maybeInstance) {
+            var viewConfig =
+              maybeInstance.viewConfig || maybeInstance.canonical.viewConfig;
+            nativeProps = diffProperties(
+              null,
+              emptyObject$1,
+              nativeProps,
+              viewConfig.validAttributes
+            );
+            null != nativeProps &&
+              UIManager.updateView(
+                maybeInstance._nativeTag,
+                viewConfig.uiViewClassName,
+                nativeProps
+              );
+          }
+        };
+        return ReactNativeComponent;
+      })(React.Component);
+    })(findNodeHandle, findHostInstance$1),
+    findNodeHandle: findNodeHandle,
+    render: function(element, containerTag, callback) {
+      var root = roots.get(containerTag);
+      root ||
+        ((root = createFiberRoot(containerTag, !1, !1)),
+        roots.set(containerTag, root));
+      updateContainer(element, root, null, callback);
+      return getPublicRootInstance(root);
+    },
+    unmountComponentAtNode: function(containerTag) {
+      var root = roots.get(containerTag);
+      root &&
+        updateContainer(null, root, null, function() {
+          roots.delete(containerTag);
+        });
+    },
+    unmountComponentAtNodeAndRemoveContainer: function(containerTag) {
+      ReactNativeRenderer.unmountComponentAtNode(containerTag);
+      UIManager.removeRootView(containerTag);
+    },
+    createPortal: function(children, containerTag) {
+      return createPortal(
+        children,
+        containerTag,
+        null,
+        2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
+      );
+    },
+    unstable_batchedUpdates: batchedUpdates,
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
+      NativeMethodsMixin: (function(findNodeHandle, findHostInstance) {
+        return {
+          measure: function(callback) {
+            UIManager.measure(
+              findNodeHandle(this),
+              mountSafeCallback(this, callback)
+            );
+          },
+          measureInWindow: function(callback) {
+            UIManager.measureInWindow(
+              findNodeHandle(this),
+              mountSafeCallback(this, callback)
+            );
+          },
+          measureLayout: function(relativeToNativeNode, onSuccess, onFail) {
+            UIManager.measureLayout(
+              findNodeHandle(this),
+              relativeToNativeNode,
+              mountSafeCallback(this, onFail),
+              mountSafeCallback(this, onSuccess)
+            );
+          },
+          setNativeProps: function(nativeProps) {
+            var maybeInstance = void 0;
+            try {
+              maybeInstance = findHostInstance(this);
+            } catch (error) {}
+            if (null != maybeInstance) {
+              var viewConfig = maybeInstance.viewConfig;
+              nativeProps = diffProperties(
+                null,
+                emptyObject$1,
+                nativeProps,
+                viewConfig.validAttributes
+              );
+              null != nativeProps &&
+                UIManager.updateView(
+                  maybeInstance._nativeTag,
+                  viewConfig.uiViewClassName,
+                  nativeProps
+                );
+            }
+          },
+          focus: function() {
+            TextInputState.focusTextInput(findNodeHandle(this));
+          },
+          blur: function() {
+            TextInputState.blurTextInput(findNodeHandle(this));
+          }
+        };
+      })(findNodeHandle, findHostInstance$1),
+      computeComponentStackForErrorReporting: function(reactTag) {
+        return (reactTag = getInstanceFromTag(reactTag))
+          ? getStackAddendumByWorkInProgressFiber(reactTag)
+          : "";
+      }
+    }
+  };
+injectIntoDevTools({
+  findFiberByHostInstance: getInstanceFromTag,
+  getInspectorDataForViewTag: getInspectorDataForViewTag,
+  bundleType: 0,
+  version: "16.4.1",
+  rendererPackageName: "react-native-renderer"
+});
+var ReactNativeRenderer$2 = { default: ReactNativeRenderer },
+  ReactNativeRenderer$3 =
+    (ReactNativeRenderer$2 && ReactNativeRenderer) || ReactNativeRenderer$2;
+module.exports = ReactNativeRenderer$3.default
+  ? ReactNativeRenderer$3.default
+  : ReactNativeRenderer$3;
diff --git a/Libraries/Renderer/shims/NativeMethodsMixin.js b/Libraries/Renderer/shims/NativeMethodsMixin.js
index cd0e673b3bffe1..70e1d9dda54038 100644
--- a/Libraries/Renderer/shims/NativeMethodsMixin.js
+++ b/Libraries/Renderer/shims/NativeMethodsMixin.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule NativeMethodsMixin
+ * @format
  * @flow
  */
 
diff --git a/Libraries/Renderer/shims/ReactDebugTool.js b/Libraries/Renderer/shims/ReactDebugTool.js
deleted file mode 100644
index e45af4fb099433..00000000000000
--- a/Libraries/Renderer/shims/ReactDebugTool.js
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @providesModule ReactDebugTool
- */
-
-'use strict';
-
-const {
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
-} = require('ReactNative');
-
-module.exports =
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactDebugTool;
diff --git a/Libraries/Renderer/shims/ReactFabric.js b/Libraries/Renderer/shims/ReactFabric.js
index 4162ca62fef73d..a5e317ba4a2743 100644
--- a/Libraries/Renderer/shims/ReactFabric.js
+++ b/Libraries/Renderer/shims/ReactFabric.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ReactFabric
+ * @format
  * @flow
  */
+
 'use strict';
 
 const BatchedBridge = require('BatchedBridge');
diff --git a/Libraries/Renderer/shims/ReactFeatureFlags.js b/Libraries/Renderer/shims/ReactFeatureFlags.js
deleted file mode 100644
index 44add71fc5c5e2..00000000000000
--- a/Libraries/Renderer/shims/ReactFeatureFlags.js
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @providesModule ReactFeatureFlags
- */
-
-'use strict';
-
-const ReactFeatureFlags = {
-  debugRenderPhaseSideEffects: false,
-  debugRenderPhaseSideEffectsForStrictMode: false,
-  warnAboutDeprecatedLifecycles: true,
-};
-
-module.exports = ReactFeatureFlags;
diff --git a/Libraries/Renderer/shims/ReactNative.js b/Libraries/Renderer/shims/ReactNative.js
index a648cafbc30c22..fd7d3e3dbe25cf 100644
--- a/Libraries/Renderer/shims/ReactNative.js
+++ b/Libraries/Renderer/shims/ReactNative.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ReactNative
+ * @format
  * @flow
  */
+
 'use strict';
 
 import type {ReactNativeType} from 'ReactNativeTypes';
diff --git a/Libraries/Renderer/shims/ReactNativeBridgeEventPlugin.js b/Libraries/Renderer/shims/ReactNativeBridgeEventPlugin.js
deleted file mode 100644
index 3170faedbad7c0..00000000000000
--- a/Libraries/Renderer/shims/ReactNativeBridgeEventPlugin.js
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @providesModule ReactNativeBridgeEventPlugin
- */
-
-'use strict';
-
-const {
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
-} = require('ReactNative');
-
-module.exports =
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactNativeBridgeEventPlugin;
diff --git a/Libraries/Renderer/shims/ReactNativeComponentTree.js b/Libraries/Renderer/shims/ReactNativeComponentTree.js
deleted file mode 100644
index 30ec5257f424c8..00000000000000
--- a/Libraries/Renderer/shims/ReactNativeComponentTree.js
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @providesModule ReactNativeComponentTree
- * @flow
- */
-
-'use strict';
-
-const {
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
-} = require('ReactNative');
-
-module.exports =
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactNativeComponentTree;
diff --git a/Libraries/Renderer/shims/ReactNativePropRegistry.js b/Libraries/Renderer/shims/ReactNativePropRegistry.js
deleted file mode 100644
index 1ffd01057d51e4..00000000000000
--- a/Libraries/Renderer/shims/ReactNativePropRegistry.js
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @providesModule ReactNativePropRegistry
- * @flow
- */
-
-'use strict';
-
-const {
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
-} = require('ReactNative');
-
-module.exports =
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactNativePropRegistry;
diff --git a/Libraries/Renderer/shims/ReactNativeTypes.js b/Libraries/Renderer/shims/ReactNativeTypes.js
index 121a2fdd4d3dd3..991aa338e77016 100644
--- a/Libraries/Renderer/shims/ReactNativeTypes.js
+++ b/Libraries/Renderer/shims/ReactNativeTypes.js
@@ -4,10 +4,12 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ReactNativeTypes
  */
 
+import React from 'react';
+
 export type MeasureOnSuccessCallback = (
   x: number,
   y: number,
@@ -52,6 +54,22 @@ export type ReactNativeBaseComponentViewConfig = {
 
 export type ViewConfigGetter = () => ReactNativeBaseComponentViewConfig;
 
+/**
+ * Class only exists for its Flow type.
+ */
+class ReactNativeComponent<Props> extends React.Component<Props> {
+  blur(): void {}
+  focus(): void {}
+  measure(callback: MeasureOnSuccessCallback): void {}
+  measureInWindow(callback: MeasureInWindowOnSuccessCallback): void {}
+  measureLayout(
+    relativeToNativeNode: number,
+    onSuccess: MeasureLayoutOnSuccessCallback,
+    onFail?: () => void,
+  ): void {}
+  setNativeProps(nativeProps: Object): void {}
+}
+
 /**
  * This type keeps ReactNativeFiberHostComponent and NativeMethodsMixin in sync.
  * It can also provide types for ReactNative applications that use NMM or refs.
@@ -69,37 +87,16 @@ export type NativeMethodsMixinType = {
   setNativeProps(nativeProps: Object): void,
 };
 
-type ReactNativeBridgeEventPlugin = {
-  processEventTypes(viewConfig: ReactNativeBaseComponentViewConfig): void,
-};
-
 type SecretInternalsType = {
   NativeMethodsMixin: NativeMethodsMixinType,
-  createReactNativeComponentClass(
-    name: string,
-    callback: ViewConfigGetter,
-  ): any,
-  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin,
-  ReactNativeComponentTree: any,
-  ReactNativePropRegistry: any,
+  computeComponentStackForErrorReporting(tag: number): string,
   // TODO (bvaughn) Decide which additional types to expose here?
   // And how much information to fill in for the above types.
 };
 
-declare class ReactNativeComponent<Props, State = void>
-  extends React$Component<Props, State> {
-
-  blur(): void,
-  focus(): void,
-  measure(callback: MeasureOnSuccessCallback): void,
-  measureInWindow(callback: MeasureInWindowOnSuccessCallback): void,
-  measureLayout(
-    relativeToNativeNode: number,
-    onSuccess: MeasureLayoutOnSuccessCallback,
-    onFail: () => void,
-  ): void,
-  setNativeProps(nativeProps: Object): void,
-}
+type SecretInternalsFabricType = {
+  NativeMethodsMixin: NativeMethodsMixinType,
+};
 
 /**
  * Flat ReactNative renderer bundles are too big for Flow to parse efficiently.
@@ -119,3 +116,16 @@ export type ReactNativeType = {
 
   __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: SecretInternalsType,
 };
+
+export type ReactFabricType = {
+  NativeComponent: typeof ReactNativeComponent,
+  findNodeHandle(componentOrHandle: any): ?number,
+  render(
+    element: React$Element<any>,
+    containerTag: any,
+    callback: ?Function,
+  ): any,
+  unmountComponentAtNode(containerTag: number): any,
+
+  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: SecretInternalsFabricType,
+};
diff --git a/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js b/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js
new file mode 100644
index 00000000000000..44a7f1827da6d4
--- /dev/null
+++ b/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js
@@ -0,0 +1,107 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow
+ */
+
+'use strict';
+
+import type {
+  ReactNativeBaseComponentViewConfig,
+  ViewConfigGetter,
+} from './ReactNativeTypes';
+
+const invariant = require('fbjs/lib/invariant');
+
+// Event configs
+const customBubblingEventTypes = {};
+const customDirectEventTypes = {};
+const eventTypes = {};
+
+exports.customBubblingEventTypes = customBubblingEventTypes;
+exports.customDirectEventTypes = customDirectEventTypes;
+exports.eventTypes = eventTypes;
+
+const viewConfigCallbacks = new Map();
+const viewConfigs = new Map();
+
+function processEventTypes(
+  viewConfig: ReactNativeBaseComponentViewConfig,
+): void {
+  const {bubblingEventTypes, directEventTypes} = viewConfig;
+
+  if (__DEV__) {
+    if (bubblingEventTypes != null && directEventTypes != null) {
+      for (const topLevelType in directEventTypes) {
+        invariant(
+          bubblingEventTypes[topLevelType] == null,
+          'Event cannot be both direct and bubbling: %s',
+          topLevelType,
+        );
+      }
+    }
+  }
+
+  if (bubblingEventTypes != null) {
+    for (const topLevelType in bubblingEventTypes) {
+      if (customBubblingEventTypes[topLevelType] == null) {
+        eventTypes[topLevelType] = customBubblingEventTypes[topLevelType] =
+          bubblingEventTypes[topLevelType];
+      }
+    }
+  }
+
+  if (directEventTypes != null) {
+    for (const topLevelType in directEventTypes) {
+      if (customDirectEventTypes[topLevelType] == null) {
+        eventTypes[topLevelType] = customDirectEventTypes[topLevelType] =
+          directEventTypes[topLevelType];
+      }
+    }
+  }
+}
+
+/**
+ * Registers a native view/component by name.
+ * A callback is provided to load the view config from UIManager.
+ * The callback is deferred until the view is actually rendered.
+ * This is done to avoid causing Prepack deopts.
+ */
+exports.register = function(name: string, callback: ViewConfigGetter): string {
+  invariant(
+    !viewConfigCallbacks.has(name),
+    'Tried to register two views with the same name %s',
+    name,
+  );
+  viewConfigCallbacks.set(name, callback);
+  return name;
+};
+
+/**
+ * Retrieves a config for the specified view.
+ * If this is the first time the view has been used,
+ * This configuration will be lazy-loaded from UIManager.
+ */
+exports.get = function(name: string): ReactNativeBaseComponentViewConfig {
+  let viewConfig;
+  if (!viewConfigs.has(name)) {
+    const callback = viewConfigCallbacks.get(name);
+    invariant(
+      typeof callback === 'function',
+      'View config not found for name %s',
+      name,
+    );
+    viewConfigCallbacks.set(name, null);
+    viewConfig = callback();
+    processEventTypes(viewConfig);
+    viewConfigs.set(name, viewConfig);
+  } else {
+    viewConfig = viewConfigs.get(name);
+  }
+  invariant(viewConfig, 'View config not found for name %s', name);
+  return viewConfig;
+};
diff --git a/Libraries/Renderer/shims/ReactPerf.js b/Libraries/Renderer/shims/ReactPerf.js
deleted file mode 100644
index bb6777fff0b989..00000000000000
--- a/Libraries/Renderer/shims/ReactPerf.js
+++ /dev/null
@@ -1,16 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @providesModule ReactPerf
- */
-
-'use strict';
-
-const {
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
-} = require('ReactNative');
-
-module.exports = __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactPerf;
diff --git a/Libraries/Renderer/shims/ReactTypes.js b/Libraries/Renderer/shims/ReactTypes.js
index 26ada3c5e842f5..ac4eed362d0ada 100644
--- a/Libraries/Renderer/shims/ReactTypes.js
+++ b/Libraries/Renderer/shims/ReactTypes.js
@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @flow
- * @providesModule ReactTypes
  */
 
 export type ReactNode =
@@ -62,7 +61,7 @@ export type ReactProvider<T> = {
 
 export type ReactProviderType<T> = {
   $$typeof: Symbol | number,
-  context: ReactContext<T>,
+  _context: ReactContext<T>,
 };
 
 export type ReactConsumer<T> = {
@@ -72,7 +71,7 @@ export type ReactConsumer<T> = {
   ref: null,
   props: {
     children: (value: T) => ReactNodeList,
-    bits?: number,
+    unstable_observedBits?: number,
   },
 };
 
@@ -80,13 +79,18 @@ export type ReactContext<T> = {
   $$typeof: Symbol | number,
   Consumer: ReactContext<T>,
   Provider: ReactProviderType<T>,
-  calculateChangedBits: ((a: T, b: T) => number) | null,
-  defaultValue: T,
-  currentValue: T,
-  changedBits: number,
+
+  _calculateChangedBits: ((a: T, b: T) => number) | null,
+  _defaultValue: T,
+
+  _currentValue: T,
+  _currentValue2: T,
+  _changedBits: number,
+  _changedBits2: number,
 
   // DEV only
   _currentRenderer?: Object | null,
+  _currentRenderer2?: Object | null,
 };
 
 export type ReactPortal = {
@@ -99,5 +103,5 @@ export type ReactPortal = {
 };
 
 export type RefObject = {|
-  value: any,
+  current: any,
 |};
diff --git a/Libraries/Renderer/shims/TouchHistoryMath.js b/Libraries/Renderer/shims/TouchHistoryMath.js
deleted file mode 100644
index 75edb24a7209c4..00000000000000
--- a/Libraries/Renderer/shims/TouchHistoryMath.js
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @providesModule TouchHistoryMath
- */
-
-'use strict';
-
-const {
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
-} = require('ReactNative');
-
-module.exports =
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.TouchHistoryMath;
diff --git a/Libraries/Renderer/shims/createReactNativeComponentClass.js b/Libraries/Renderer/shims/createReactNativeComponentClass.js
index d5d2b8c590093a..4ea7d2818378fe 100644
--- a/Libraries/Renderer/shims/createReactNativeComponentClass.js
+++ b/Libraries/Renderer/shims/createReactNativeComponentClass.js
@@ -4,15 +4,29 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule createReactNativeComponentClass
+ * @format
  * @flow
  */
 
 'use strict';
 
-const {
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
-} = require('ReactNative');
+import type {ViewConfigGetter} from './ReactNativeTypes';
 
-module.exports =
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.createReactNativeComponentClass;
+const {register} = require('ReactNativeViewConfigRegistry');
+
+/**
+ * Creates a renderable ReactNative host component.
+ * Use this method for view configs that are loaded from UIManager.
+ * Use createReactNativeComponentClass() for view configs defined within JavaScript.
+ *
+ * @param {string} config iOS View configuration.
+ * @private
+ */
+const createReactNativeComponentClass = function(
+  name: string,
+  callback: ViewConfigGetter,
+): string {
+  return register(name, callback);
+};
+
+module.exports = createReactNativeComponentClass;
diff --git a/Libraries/Renderer/shims/takeSnapshot.js b/Libraries/Renderer/shims/takeSnapshot.js
deleted file mode 100644
index 00abd891769c7d..00000000000000
--- a/Libraries/Renderer/shims/takeSnapshot.js
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @providesModule takeSnapshot
- */
-
-'use strict';
-
-const {
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
-} = require('ReactNative');
-
-module.exports =
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.takeSnapshot;
diff --git a/Libraries/Sample/Sample.android.js b/Libraries/Sample/Sample.android.js
index 1a66fb9bf57506..2755a884bb3195 100644
--- a/Libraries/Sample/Sample.android.js
+++ b/Libraries/Sample/Sample.android.js
@@ -1,17 +1,23 @@
 /**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
  * Stub of Sample for Android.
  *
- * @providesModule Sample
+ * @format
  * @flow
  */
+
 'use strict';
 
-var warning = require('fbjs/lib/warning');
+const warning = require('fbjs/lib/warning');
 
-var Sample = {
+const Sample = {
   test: function() {
     warning('Not yet implemented for Android.');
-  }
+  },
 };
 
 module.exports = Sample;
diff --git a/Libraries/Sample/Sample.ios.js b/Libraries/Sample/Sample.ios.js
index fd94afe0a68e02..6c7443201667f8 100644
--- a/Libraries/Sample/Sample.ios.js
+++ b/Libraries/Sample/Sample.ios.js
@@ -1,19 +1,27 @@
 /**
- * @providesModule Sample
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * Stub of Sample for Android.
+ *
+ * @format
  * @flow
  */
+
 'use strict';
 
-var NativeSample = require('NativeModules').Sample;
+const NativeSample = require('NativeModules').Sample;
 
 /**
  * High-level docs for the Sample iOS API can be written here.
  */
 
-var Sample = {
+const Sample = {
   test: function() {
     NativeSample.test();
-  }
+  },
 };
 
 module.exports = Sample;
diff --git a/Libraries/Sample/Sample.xcodeproj/project.pbxproj b/Libraries/Sample/Sample.xcodeproj/project.pbxproj
index d57369c18aaa10..b0fa1f7b34ac54 100644
--- a/Libraries/Sample/Sample.xcodeproj/project.pbxproj
+++ b/Libraries/Sample/Sample.xcodeproj/project.pbxproj
@@ -155,7 +155,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -189,7 +189,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				VALIDATE_PRODUCT = YES;
diff --git a/Libraries/Settings/RCTSettings.xcodeproj/project.pbxproj b/Libraries/Settings/RCTSettings.xcodeproj/project.pbxproj
index 5901229e3362a1..2366798e585677 100644
--- a/Libraries/Settings/RCTSettings.xcodeproj/project.pbxproj
+++ b/Libraries/Settings/RCTSettings.xcodeproj/project.pbxproj
@@ -79,7 +79,7 @@
 		58B511D31A9E6C8500147676 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0610;
+				LastUpgradeCheck = 0940;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					2D2A28601D9B046600D4039D = {
@@ -171,20 +171,31 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
 				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_OPTIMIZATION_LEVEL = 0;
 				GCC_PREPROCESSOR_DEFINITIONS = (
 					"DEBUG=1",
@@ -199,7 +210,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -219,20 +230,30 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = YES;
 				ENABLE_NS_ASSERTIONS = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
 				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
 				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
@@ -241,7 +262,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SKIP_INSTALL = YES;
diff --git a/Libraries/Settings/Settings.android.js b/Libraries/Settings/Settings.android.js
index 946c4aa9cde219..1e6708a182a5d9 100644
--- a/Libraries/Settings/Settings.android.js
+++ b/Libraries/Settings/Settings.android.js
@@ -4,12 +4,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Settings
+ * @format
  * @flow
  */
+
 'use strict';
 
-var Settings = {
+const Settings = {
   get(key: string): mixed {
     console.warn('Settings is not yet supported on Android');
     return null;
diff --git a/Libraries/Settings/Settings.ios.js b/Libraries/Settings/Settings.ios.js
index 08f1be6a1c8ae1..439f8850dd0889 100644
--- a/Libraries/Settings/Settings.ios.js
+++ b/Libraries/Settings/Settings.ios.js
@@ -4,19 +4,20 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Settings
+ * @format
  * @flow
  */
+
 'use strict';
 
-var RCTDeviceEventEmitter = require('RCTDeviceEventEmitter');
-var RCTSettingsManager = require('NativeModules').SettingsManager;
+const RCTDeviceEventEmitter = require('RCTDeviceEventEmitter');
+const RCTSettingsManager = require('NativeModules').SettingsManager;
 
-var invariant = require('fbjs/lib/invariant');
+const invariant = require('fbjs/lib/invariant');
 
-var subscriptions: Array<{keys: Array<string>, callback: ?Function}> = [];
+const subscriptions: Array<{keys: Array<string>, callback: ?Function}> = [];
 
-var Settings = {
+const Settings = {
   _settings: RCTSettingsManager && RCTSettingsManager.settings,
 
   get(key: string): mixed {
@@ -35,10 +36,10 @@ var Settings = {
 
     invariant(
       Array.isArray(keys),
-      'keys should be a string or array of strings'
+      'keys should be a string or array of strings',
     );
 
-    var sid = subscriptions.length;
+    const sid = subscriptions.length;
     subscriptions.push({keys: keys, callback: callback});
     return sid;
   },
@@ -50,13 +51,13 @@ var Settings = {
   },
 
   _sendObservations(body: Object) {
-    Object.keys(body).forEach((key) => {
-      var newValue = body[key];
-      var didChange = this._settings[key] !== newValue;
+    Object.keys(body).forEach(key => {
+      const newValue = body[key];
+      const didChange = this._settings[key] !== newValue;
       this._settings[key] = newValue;
 
       if (didChange) {
-        subscriptions.forEach((sub) => {
+        subscriptions.forEach(sub => {
           if (sub.keys.indexOf(key) !== -1 && sub.callback) {
             sub.callback();
           }
@@ -68,7 +69,7 @@ var Settings = {
 
 RCTDeviceEventEmitter.addListener(
   'settingsUpdated',
-  Settings._sendObservations.bind(Settings)
+  Settings._sendObservations.bind(Settings),
 );
 
 module.exports = Settings;
diff --git a/Libraries/Share/Share.js b/Libraries/Share/Share.js
index e41b29db8e54d8..5018170e6ac2f3 100644
--- a/Libraries/Share/Share.js
+++ b/Libraries/Share/Share.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Share
+ * @format
  * @flow
  */
+
 'use strict';
 
 const Platform = require('Platform');
@@ -14,21 +15,19 @@ const Platform = require('Platform');
 const invariant = require('fbjs/lib/invariant');
 const processColor = require('processColor');
 
-const {
-  ActionSheetManager,
-  ShareModule
-} = require('NativeModules');
+const {ActionSheetManager, ShareModule} = require('NativeModules');
 
-type Content = { title?: string, message: string } | { title?: string, url: string };
+type Content =
+  | {title?: string, message: string}
+  | {title?: string, url: string};
 type Options = {
   dialogTitle?: string,
   excludedActivityTypes?: Array<string>,
   tintColor?: string,
-  subject?: string
+  subject?: string,
 };
 
 class Share {
-
   /**
    * Open a dialog to share text content.
    *
@@ -65,40 +64,40 @@ class Share {
   static share(content: Content, options: Options = {}): Promise<Object> {
     invariant(
       typeof content === 'object' && content !== null,
-      'Content to share must be a valid object'
+      'Content to share must be a valid object',
     );
     invariant(
       typeof content.url === 'string' || typeof content.message === 'string',
-      'At least one of URL and message is required'
+      'At least one of URL and message is required',
     );
     invariant(
       typeof options === 'object' && options !== null,
-      'Options must be a valid object'
+      'Options must be a valid object',
     );
 
     if (Platform.OS === 'android') {
       invariant(
         !content.title || typeof content.title === 'string',
-        'Invalid title: title should be a string.'
+        'Invalid title: title should be a string.',
       );
       return ShareModule.share(content, options.dialogTitle);
     } else if (Platform.OS === 'ios') {
       return new Promise((resolve, reject) => {
         ActionSheetManager.showShareActionSheetWithOptions(
           {...content, ...options, tintColor: processColor(options.tintColor)},
-          (error) => reject(error),
+          error => reject(error),
           (success, activityType) => {
             if (success) {
               resolve({
-                'action': 'sharedAction',
-                'activityType': activityType
+                action: 'sharedAction',
+                activityType: activityType,
               });
             } else {
               resolve({
-                'action': 'dismissedAction'
+                action: 'dismissedAction',
               });
             }
-          }
+          },
         );
       });
     } else {
@@ -109,14 +108,17 @@ class Share {
   /**
    * The content was successfully shared.
    */
-  static get sharedAction(): string { return 'sharedAction'; }
+  static get sharedAction(): string {
+    return 'sharedAction';
+  }
 
   /**
    * The dialog has been dismissed.
    * @platform ios
    */
-  static get dismissedAction(): string { return 'dismissedAction'; }
-
+  static get dismissedAction(): string {
+    return 'dismissedAction';
+  }
 }
 
 module.exports = Share;
diff --git a/Libraries/Storage/AsyncStorage.js b/Libraries/Storage/AsyncStorage.js
index 4e262e6150c36f..0877e9b099f378 100644
--- a/Libraries/Storage/AsyncStorage.js
+++ b/Libraries/Storage/AsyncStorage.js
@@ -4,17 +4,19 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AsyncStorage
+ * @format
  * @noflow
  * @flow-weak
  * @jsdoc
  */
+
 'use strict';
 
 const NativeModules = require('NativeModules');
 
 // Use RocksDB if available, then SQLite, then file storage.
-const RCTAsyncStorage = NativeModules.AsyncRocksDBStorage ||
+const RCTAsyncStorage =
+  NativeModules.AsyncRocksDBStorage ||
   NativeModules.AsyncSQLiteDBStorage ||
   NativeModules.AsyncLocalStorage;
 
@@ -25,7 +27,7 @@ const RCTAsyncStorage = NativeModules.AsyncRocksDBStorage ||
  *
  * See http://facebook.github.io/react-native/docs/asyncstorage.html
  */
-var AsyncStorage = {
+const AsyncStorage = {
   _getRequests: ([]: Array<any>),
   _getKeys: ([]: Array<string>),
   _immediate: (null: ?number),
@@ -37,13 +39,13 @@ var AsyncStorage = {
    */
   getItem: function(
     key: string,
-    callback?: ?(error: ?Error, result: ?string) => void
+    callback?: ?(error: ?Error, result: ?string) => void,
   ): Promise {
     return new Promise((resolve, reject) => {
       RCTAsyncStorage.multiGet([key], function(errors, result) {
         // Unpack result to get value from [[key,value]]
-        var value = (result && result[0] && result[0][1]) ? result[0][1] : null;
-        var errs = convertErrors(errors);
+        const value = result && result[0] && result[0][1] ? result[0][1] : null;
+        const errs = convertErrors(errors);
         callback && callback(errs && errs[0], value);
         if (errs) {
           reject(errs[0]);
@@ -62,11 +64,11 @@ var AsyncStorage = {
   setItem: function(
     key: string,
     value: string,
-    callback?: ?(error: ?Error) => void
+    callback?: ?(error: ?Error) => void,
   ): Promise {
     return new Promise((resolve, reject) => {
-      RCTAsyncStorage.multiSet([[key,value]], function(errors) {
-        var errs = convertErrors(errors);
+      RCTAsyncStorage.multiSet([[key, value]], function(errors) {
+        const errs = convertErrors(errors);
         callback && callback(errs && errs[0]);
         if (errs) {
           reject(errs[0]);
@@ -84,11 +86,11 @@ var AsyncStorage = {
    */
   removeItem: function(
     key: string,
-    callback?: ?(error: ?Error) => void
+    callback?: ?(error: ?Error) => void,
   ): Promise {
     return new Promise((resolve, reject) => {
       RCTAsyncStorage.multiRemove([key], function(errors) {
-        var errs = convertErrors(errors);
+        const errs = convertErrors(errors);
         callback && callback(errs && errs[0]);
         if (errs) {
           reject(errs[0]);
@@ -110,11 +112,11 @@ var AsyncStorage = {
   mergeItem: function(
     key: string,
     value: string,
-    callback?: ?(error: ?Error) => void
+    callback?: ?(error: ?Error) => void,
   ): Promise {
     return new Promise((resolve, reject) => {
-      RCTAsyncStorage.multiMerge([[key,value]], function(errors) {
-        var errs = convertErrors(errors);
+      RCTAsyncStorage.multiMerge([[key, value]], function(errors) {
+        const errs = convertErrors(errors);
         callback && callback(errs && errs[0]);
         if (errs) {
           reject(errs[0]);
@@ -136,7 +138,7 @@ var AsyncStorage = {
     return new Promise((resolve, reject) => {
       RCTAsyncStorage.clear(function(error) {
         callback && callback(convertError(error));
-        if (error && convertError(error)){
+        if (error && convertError(error)) {
           reject(convertError(error));
         } else {
           resolve(null);
@@ -150,7 +152,9 @@ var AsyncStorage = {
    *
    * See http://facebook.github.io/react-native/docs/asyncstorage.html#getallkeys
    */
-  getAllKeys: function(callback?: ?(error: ?Error, keys: ?Array<string>) => void): Promise {
+  getAllKeys: function(
+    callback?: ?(error: ?Error, keys: ?Array<string>) => void,
+  ): Promise {
     return new Promise((resolve, reject) => {
       RCTAsyncStorage.getAllKeys(function(error, keys) {
         callback && callback(convertError(error), keys);
@@ -193,7 +197,11 @@ var AsyncStorage = {
       // Is there a way to avoid using the map but fix the bug in this breaking test?
       // https://github.com/facebook/react-native/commit/8dd8ad76579d7feef34c014d387bf02065692264
       const map = {};
-      result && result.forEach(([key, value]) => { map[key] = value; return value; });
+      result &&
+        result.forEach(([key, value]) => {
+          map[key] = value;
+          return value;
+        });
       const reqLength = getRequests.length;
       for (let i = 0; i < reqLength; i++) {
         const request = getRequests[i];
@@ -214,7 +222,7 @@ var AsyncStorage = {
    */
   multiGet: function(
     keys: Array<string>,
-    callback?: ?(errors: ?Array<Error>, result: ?Array<Array<string>>) => void
+    callback?: ?(errors: ?Array<Error>, result: ?Array<Array<string>>) => void,
   ): Promise {
     if (!this._immediate) {
       this._immediate = setImmediate(() => {
@@ -223,7 +231,7 @@ var AsyncStorage = {
       });
     }
 
-    var getRequest = {
+    const getRequest = {
       keys: keys,
       callback: callback,
       // do we need this?
@@ -232,7 +240,7 @@ var AsyncStorage = {
       reject: null,
     };
 
-    var promiseResult = new Promise((resolve, reject) => {
+    const promiseResult = new Promise((resolve, reject) => {
       getRequest.resolve = resolve;
       getRequest.reject = reject;
     });
@@ -256,11 +264,11 @@ var AsyncStorage = {
    */
   multiSet: function(
     keyValuePairs: Array<Array<string>>,
-    callback?: ?(errors: ?Array<Error>) => void
+    callback?: ?(errors: ?Array<Error>) => void,
   ): Promise {
     return new Promise((resolve, reject) => {
       RCTAsyncStorage.multiSet(keyValuePairs, function(errors) {
-        var error = convertErrors(errors);
+        const error = convertErrors(errors);
         callback && callback(error);
         if (error) {
           reject(error);
@@ -278,11 +286,11 @@ var AsyncStorage = {
    */
   multiRemove: function(
     keys: Array<string>,
-    callback?: ?(errors: ?Array<Error>) => void
+    callback?: ?(errors: ?Array<Error>) => void,
   ): Promise {
     return new Promise((resolve, reject) => {
       RCTAsyncStorage.multiRemove(keys, function(errors) {
-        var error = convertErrors(errors);
+        const error = convertErrors(errors);
         callback && callback(error);
         if (error) {
           reject(error);
@@ -303,11 +311,11 @@ var AsyncStorage = {
    */
   multiMerge: function(
     keyValuePairs: Array<Array<string>>,
-    callback?: ?(errors: ?Array<Error>) => void
+    callback?: ?(errors: ?Array<Error>) => void,
   ): Promise {
     return new Promise((resolve, reject) => {
       RCTAsyncStorage.multiMerge(keyValuePairs, function(errors) {
-        var error = convertErrors(errors);
+        const error = convertErrors(errors);
         callback && callback(error);
         if (error) {
           reject(error);
@@ -329,14 +337,14 @@ function convertErrors(errs) {
   if (!errs) {
     return null;
   }
-  return (Array.isArray(errs) ? errs : [errs]).map((e) => convertError(e));
+  return (Array.isArray(errs) ? errs : [errs]).map(e => convertError(e));
 }
 
 function convertError(error) {
   if (!error) {
     return null;
   }
-  var out = new Error(error.message);
+  const out = new Error(error.message);
   out.key = error.key; // flow doesn't like this :(
   return out;
 }
diff --git a/Libraries/StyleSheet/ColorPropType.js b/Libraries/StyleSheet/ColorPropType.js
index 60e362275bfbc9..93474c47ae234e 100644
--- a/Libraries/StyleSheet/ColorPropType.js
+++ b/Libraries/StyleSheet/ColorPropType.js
@@ -4,19 +4,32 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ColorPropType
+ * @format
  */
+
 'use strict';
 
-var normalizeColor = require('normalizeColor');
+const normalizeColor = require('normalizeColor');
 
-var colorPropType = function(isRequired, props, propName, componentName, location, propFullName) {
-  var color = props[propName];
+const colorPropType = function(
+  isRequired,
+  props,
+  propName,
+  componentName,
+  location,
+  propFullName,
+) {
+  const color = props[propName];
   if (color === undefined || color === null) {
     if (isRequired) {
       return new Error(
-        'Required ' + location + ' `' + (propFullName || propName) +
-        '` was not specified in `' + componentName + '`.'
+        'Required ' +
+          location +
+          ' `' +
+          (propFullName || propName) +
+          '` was not specified in `' +
+          componentName +
+          '`.',
       );
     }
     return;
@@ -31,9 +44,16 @@ var colorPropType = function(isRequired, props, propName, componentName, locatio
 
   if (normalizeColor(color) === null) {
     return new Error(
-      'Invalid ' + location + ' `' + (propFullName || propName) +
-      '` supplied to `' + componentName + '`: ' + color + '\n' +
-`Valid color formats are
+      'Invalid ' +
+        location +
+        ' `' +
+        (propFullName || propName) +
+        '` supplied to `' +
+        componentName +
+        '`: ' +
+        color +
+        '\n' +
+        `Valid color formats are
   - '#f0f' (#rgb)
   - '#f0fc' (#rgba)
   - '#ff00ff' (#rrggbb)
@@ -45,11 +65,12 @@ var colorPropType = function(isRequired, props, propName, componentName, locatio
   - 'transparent'
   - 'red'
   - 0xff00ff00 (0xrrggbbaa)
-`);
+`,
+    );
   }
 };
 
-var ColorPropType = colorPropType.bind(null, false /* isRequired */);
+const ColorPropType = colorPropType.bind(null, false /* isRequired */);
 ColorPropType.isRequired = colorPropType.bind(null, true /* isRequired */);
 
 module.exports = ColorPropType;
diff --git a/Libraries/StyleSheet/EdgeInsetsPropType.js b/Libraries/StyleSheet/EdgeInsetsPropType.js
index 307c6be2e5daed..7d9ea680d8fc10 100644
--- a/Libraries/StyleSheet/EdgeInsetsPropType.js
+++ b/Libraries/StyleSheet/EdgeInsetsPropType.js
@@ -4,27 +4,26 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule EdgeInsetsPropType
- * @flow
+ * @format
+ * @flow strict
  */
+
 'use strict';
 
 const PropTypes = require('prop-types');
 
-const createStrictShapeTypeChecker = require('createStrictShapeTypeChecker');
-
-const EdgeInsetsPropType = (createStrictShapeTypeChecker({
+const EdgeInsetsPropType = PropTypes.shape({
   top: PropTypes.number,
   left: PropTypes.number,
   bottom: PropTypes.number,
   right: PropTypes.number,
-}): ReactPropsCheckType & ReactPropsChainableTypeChecker);
+});
 
-export type EdgeInsetsProp = {|
-  +top: number,
-  +left: number,
-  +bottom: number,
-  +right: number,
-|};
+export type EdgeInsetsProp = $ReadOnly<{|
+  top?: ?number,
+  left?: ?number,
+  bottom?: ?number,
+  right?: ?number,
+|}>;
 
 module.exports = EdgeInsetsPropType;
diff --git a/Libraries/StyleSheet/LayoutPropTypes.js b/Libraries/StyleSheet/LayoutPropTypes.js
index 5921334c5b7cea..ce99d659a3fd33 100644
--- a/Libraries/StyleSheet/LayoutPropTypes.js
+++ b/Libraries/StyleSheet/LayoutPropTypes.js
@@ -4,12 +4,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule LayoutPropTypes
- * @flow
+ * @format
+ * @flow strict
  */
+
 'use strict';
 
-var ReactPropTypes = require('prop-types');
+const ReactPropTypes = require('prop-types');
 
 /**
  * React Native's layout system is based on Flexbox and is powered both
@@ -24,16 +25,13 @@ var ReactPropTypes = require('prop-types');
  * These properties are a subset of our styles that are consumed by the layout
  * algorithm and affect the positioning and sizing of views.
  */
-var LayoutPropTypes = {
+const LayoutPropTypes = {
   /** `display` sets the display type of this component.
    *
    *  It works similarly to `display` in CSS, but only support 'flex' and 'none'.
    *  'flex' is the default.
    */
-  display: ReactPropTypes.oneOf([
-    'none',
-    'flex',
-  ]),
+  display: ReactPropTypes.oneOf(['none', 'flex']),
 
   /** `width` sets the width of this component.
    *
@@ -74,10 +72,7 @@ var LayoutPropTypes = {
    *
    * This style takes precedence over the `left` and `right` styles.
    */
-  end: ReactPropTypes.oneOfType([
-    ReactPropTypes.number,
-    ReactPropTypes.string,
-  ]),
+  end: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string]),
 
   /** `top` is the number of logical pixels to offset the top edge of
    *  this component.
@@ -88,10 +83,7 @@ var LayoutPropTypes = {
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/top
    *  for more details of how `top` affects layout.
    */
-  top: ReactPropTypes.oneOfType([
-    ReactPropTypes.number,
-    ReactPropTypes.string,
-  ]),
+  top: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string]),
 
   /** `left` is the number of logical pixels to offset the left edge of
    *  this component.
@@ -405,10 +397,7 @@ var LayoutPropTypes = {
    *  for more details on how `position` differs between React Native
    *  and CSS.
    */
-  position: ReactPropTypes.oneOf([
-    'absolute',
-    'relative'
-  ]),
+  position: ReactPropTypes.oneOf(['absolute', 'relative']),
 
   /** `flexDirection` controls which directions children of a container go.
    *  `row` goes left to right, `column` goes top to bottom, and you may
@@ -421,7 +410,7 @@ var LayoutPropTypes = {
     'row',
     'row-reverse',
     'column',
-    'column-reverse'
+    'column-reverse',
   ]),
 
   /** `flexWrap` controls whether children can wrap around after they
@@ -430,10 +419,7 @@ var LayoutPropTypes = {
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap
    *  for more details.
    */
-  flexWrap: ReactPropTypes.oneOf([
-    'wrap',
-    'nowrap'
-  ]),
+  flexWrap: ReactPropTypes.oneOf(['wrap', 'nowrap', 'wrap-reverse']),
 
   /** `justifyContent` aligns children in the main direction.
    *  For example, if children are flowing vertically, `justifyContent`
@@ -448,7 +434,7 @@ var LayoutPropTypes = {
     'center',
     'space-between',
     'space-around',
-    'space-evenly'
+    'space-evenly',
   ]),
 
   /** `alignItems` aligns children in the cross direction.
@@ -463,7 +449,7 @@ var LayoutPropTypes = {
     'flex-end',
     'center',
     'stretch',
-    'baseline'
+    'baseline',
   ]),
 
   /** `alignSelf` controls how a child aligns in the cross direction,
@@ -478,7 +464,7 @@ var LayoutPropTypes = {
     'flex-end',
     'center',
     'stretch',
-    'baseline'
+    'baseline',
   ]),
 
   /** `alignContent` controls how rows align in the cross direction,
@@ -492,7 +478,7 @@ var LayoutPropTypes = {
     'center',
     'stretch',
     'space-between',
-    'space-around'
+    'space-around',
   ]),
 
   /** `overflow` controls how children are measured and displayed.
@@ -504,11 +490,7 @@ var LayoutPropTypes = {
    *  `overflow: visible` only works on iOS. On Android, all views will clip
    *  their children.
    */
-  overflow: ReactPropTypes.oneOf([
-    'visible',
-    'hidden',
-    'scroll',
-  ]),
+  overflow: ReactPropTypes.oneOf(['visible', 'hidden', 'scroll']),
 
   /** In React Native `flex` does not work the same way that it does in CSS.
    *  `flex` is a number rather than a string, and it works
@@ -573,11 +555,7 @@ var LayoutPropTypes = {
    *  for more details.
    *  @platform ios
    */
-  direction: ReactPropTypes.oneOf([
-    'inherit',
-    'ltr',
-    'rtl',
-  ]),
+  direction: ReactPropTypes.oneOf(['inherit', 'ltr', 'rtl']),
 };
 
 module.exports = LayoutPropTypes;
diff --git a/Libraries/StyleSheet/PointPropType.js b/Libraries/StyleSheet/PointPropType.js
index a55628adbee7d3..86d40b5afee201 100644
--- a/Libraries/StyleSheet/PointPropType.js
+++ b/Libraries/StyleSheet/PointPropType.js
@@ -4,18 +4,22 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule PointPropType
- * @flow
+ * @format
+ * @flow strict
  */
-'use strict';
 
-var PropTypes = require('prop-types');
+'use strict';
 
-var createStrictShapeTypeChecker = require('createStrictShapeTypeChecker');
+const PropTypes = require('prop-types');
 
-var PointPropType = createStrictShapeTypeChecker({
+const PointPropType = PropTypes.shape({
   x: PropTypes.number,
   y: PropTypes.number,
 });
 
+export type PointProp = $ReadOnly<{
+  x: number,
+  y: number,
+}>;
+
 module.exports = PointPropType;
diff --git a/Libraries/StyleSheet/StyleSheet.js b/Libraries/StyleSheet/StyleSheet.js
index 3320c459b68ca0..f06337e2867ccc 100644
--- a/Libraries/StyleSheet/StyleSheet.js
+++ b/Libraries/StyleSheet/StyleSheet.js
@@ -4,49 +4,180 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule StyleSheet
  * @flow
  * @format
  */
 'use strict';
 
 const PixelRatio = require('PixelRatio');
-const ReactNativePropRegistry = require('ReactNativePropRegistry');
 const ReactNativeStyleAttributes = require('ReactNativeStyleAttributes');
 const StyleSheetValidation = require('StyleSheetValidation');
 
 const flatten = require('flattenStyle');
 
 import type {
-  ____StyleSheetInternalStyleIdentifier_Internal as StyleSheetInternalStyleIdentifier,
   ____Styles_Internal,
+  ____DangerouslyImpreciseStyle_Internal,
   ____DangerouslyImpreciseStyleProp_Internal,
+  ____ViewStyle_Internal,
   ____ViewStyleProp_Internal,
+  ____TextStyle_Internal,
   ____TextStyleProp_Internal,
+  ____ImageStyle_Internal,
   ____ImageStyleProp_Internal,
-  LayoutStyle,
+  ____LayoutStyle_Internal,
+  ____ShadowStyle_Internal,
+  ____TransformStyle_Internal,
 } from 'StyleSheetTypes';
 
-export type DangerouslyImpreciseStyleProp = ____DangerouslyImpreciseStyleProp_Internal;
+/**
+ * This type should be used as the type for a prop that is passed through
+ * to a <View>'s `style` prop. This ensures call sites of the component
+ * can't pass styles that View doesn't support such as `fontSize`.`
+ *
+ * type Props = {style: ViewStyleProp}
+ * const MyComponent = (props: Props) => <View style={props.style} />
+ */
 export type ViewStyleProp = ____ViewStyleProp_Internal;
+
+/**
+ * This type should be used as the type for a prop that is passed through
+ * to a <Text>'s `style` prop. This ensures call sites of the component
+ * can't pass styles that Text doesn't support such as `resizeMode`.`
+ *
+ * type Props = {style: TextStyleProp}
+ * const MyComponent = (props: Props) => <Text style={props.style} />
+ */
 export type TextStyleProp = ____TextStyleProp_Internal;
+
+/**
+ * This type should be used as the type for a prop that is passed through
+ * to an <Image>'s `style` prop. This ensures call sites of the component
+ * can't pass styles that Image doesn't support such as `fontSize`.`
+ *
+ * type Props = {style: ImageStyleProp}
+ * const MyComponent = (props: Props) => <Image style={props.style} />
+ */
 export type ImageStyleProp = ____ImageStyleProp_Internal;
 
+/**
+ * WARNING: You probably shouldn't be using this type. This type
+ * is similar to the ones above except it allows styles that are accepted
+ * by all of View, Text, or Image. It is therefore very unsafe to pass this
+ * through to an underlying component. Using this is almost always a mistake
+ * and using one of the other more restrictive types is likely the right choice.
+ */
+export type DangerouslyImpreciseStyleProp = ____DangerouslyImpreciseStyleProp_Internal;
+
+/**
+ * Utility type for getting the values for specific style keys.
+ *
+ * The following is bad because position is more restrictive than 'string':
+ * ```
+ * type Props = {position: string};
+ * ```
+ *
+ * You should use the following instead:
+ *
+ * ```
+ * type Props = {position: TypeForStyleKey<'position'>};
+ * ```
+ *
+ * This will correctly give you the type 'absolute' | 'relative'
+ */
+export type TypeForStyleKey<
+  +key: $Keys<____DangerouslyImpreciseStyle_Internal>,
+> = $ElementType<____DangerouslyImpreciseStyle_Internal, key>;
+
+/**
+ * This type is an object of the different possible style
+ * properties that can be specified for View.
+ *
+ * Note that this isn't a safe way to type a style prop for a component as
+ * results from StyleSheet.create return an internal identifier, not
+ * an object of styles.
+ *
+ * If you want to type the style prop of a function,
+ * consider using ViewStyleProp.
+ *
+ * A reasonable usage of this type is for helper functions that return an
+ * object of styles to pass to a View that can't be precomputed with
+ * StyleSheet.create.
+ */
+export type ViewStyle = ____ViewStyle_Internal;
+
+/**
+ * This type is an object of the different possible style
+ * properties that can be specified for Text.
+ *
+ * Note that this isn't a safe way to type a style prop for a component as
+ * results from StyleSheet.create return an internal identifier, not
+ * an object of styles.
+ *
+ * If you want to type the style prop of a function,
+ * consider using TextStyleProp.
+ *
+ * A reasonable usage of this type is for helper functions that return an
+ * object of styles to pass to a Text that can't be precomputed with
+ * StyleSheet.create.
+ */
+export type TextStyle = ____TextStyle_Internal;
+
+/**
+ * This type is an object of the different possible style
+ * properties that can be specified for Image.
+ *
+ * Note that this isn't a safe way to type a style prop for a component as
+ * results from StyleSheet.create return an internal identifier, not
+ * an object of styles.
+ *
+ * If you want to type the style prop of a function,
+ * consider using ImageStyleProp.
+ *
+ * A reasonable usage of this type is for helper functions that return an
+ * object of styles to pass to an Image that can't be precomputed with
+ * StyleSheet.create.
+ */
+export type ImageStyle = ____ImageStyle_Internal;
+
+/**
+ * WARNING: You probably shouldn't be using this type. This type is an object
+ * with all possible style keys and their values. Note that this isn't
+ * a safe way to type a style prop for a component as results from
+ * StyleSheet.create return an internal identifier, not an object of styles.
+ *
+ * If you want to type the style prop of a function, consider using
+ * ViewStyleProp, TextStyleProp, or ImageStyleProp.
+ *
+ * This should only be used by very core utilities that operate on an object
+ * containing any possible style value.
+ */
+export type DangerouslyImpreciseStyle = ____DangerouslyImpreciseStyle_Internal;
+
+/**
+ * These types are simlilar to the style types above. They are objects of the
+ * possible style keys in that group. For example, ShadowStyle contains
+ * keys like `shadowColor` and `shadowRadius`.
+ */
+export type LayoutStyle = ____LayoutStyle_Internal;
+export type ShadowStyle = ____ShadowStyle_Internal;
+export type TransformStyle = ____TransformStyle_Internal;
+
 let hairlineWidth = PixelRatio.roundToNearestPixel(0.4);
 if (hairlineWidth === 0) {
   hairlineWidth = 1 / PixelRatio.get();
 }
 
-const absoluteFillObject: LayoutStyle = {
+const absoluteFill: LayoutStyle = {
   position: 'absolute',
   left: 0,
   right: 0,
   top: 0,
   bottom: 0,
 };
-const absoluteFill: StyleSheetInternalStyleIdentifier = ReactNativePropRegistry.register(
-  absoluteFillObject,
-); // This also freezes it
+if (__DEV__) {
+  Object.freeze(absoluteFill);
+}
 
 /**
  * A StyleSheet is an abstraction similar to CSS StyleSheets
@@ -119,7 +250,7 @@ module.exports = {
    * so `absoluteFill` can be used for convenience and to reduce duplication of these repeated
    * styles.
    */
-  absoluteFill,
+  absoluteFill: (absoluteFill: any), // TODO: This should be updated after we fix downstream Flow sites.
 
   /**
    * Sometimes you may want `absoluteFill` but with a couple tweaks - `absoluteFillObject` can be
@@ -133,7 +264,7 @@ module.exports = {
    *     },
    *   });
    */
-  absoluteFillObject,
+  absoluteFillObject: absoluteFill,
 
   /**
    * Combines two styles such that `style2` will override any styles in `style1`.
@@ -141,12 +272,12 @@ module.exports = {
    * array, saving allocations and maintaining reference equality for
    * PureComponent checks.
    */
-  compose(
-    style1: ?DangerouslyImpreciseStyleProp,
-    style2: ?DangerouslyImpreciseStyleProp,
-  ): ?DangerouslyImpreciseStyleProp {
+  compose<T: DangerouslyImpreciseStyleProp>(
+    style1: ?T,
+    style2: ?T,
+  ): ?T | $ReadOnlyArray<T> {
     if (style1 != null && style2 != null) {
-      return [style1, style2];
+      return ([style1, style2]: $ReadOnlyArray<T>);
     } else {
       return style1 != null ? style1 : style2;
     }
@@ -227,14 +358,18 @@ module.exports = {
   /**
    * Creates a StyleSheet style reference from the given object.
    */
-  create<+S: ____Styles_Internal>(
-    obj: S,
-  ): $ObjMap<S, (Object) => StyleSheetInternalStyleIdentifier> {
-    const result = {};
-    for (const key in obj) {
-      StyleSheetValidation.validateStyle(key, obj);
-      result[key] = obj[key] && ReactNativePropRegistry.register(obj[key]);
+  create<+S: ____Styles_Internal>(obj: S): $ObjMap<S, (Object) => any> {
+    // TODO: This should return S as the return type. But first,
+    // we need to codemod all the callsites that are typing this
+    // return value as a number (even though it was opaque).
+    if (__DEV__) {
+      for (const key in obj) {
+        StyleSheetValidation.validateStyle(key, obj);
+        if (obj[key]) {
+          Object.freeze(obj[key]);
+        }
+      }
     }
-    return result;
+    return obj;
   },
 };
diff --git a/Libraries/StyleSheet/StyleSheetPropType.js b/Libraries/StyleSheet/StyleSheetPropType.js
index ac779f915393c8..964c91b5d4d33f 100644
--- a/Libraries/StyleSheet/StyleSheetPropType.js
+++ b/Libraries/StyleSheet/StyleSheetPropType.js
@@ -4,20 +4,21 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule StyleSheetPropType
+ * @format
  * @flow
  */
+
 'use strict';
 
-var createStrictShapeTypeChecker = require('createStrictShapeTypeChecker');
-var flattenStyle = require('flattenStyle');
+const createStrictShapeTypeChecker = require('createStrictShapeTypeChecker');
+const flattenStyle = require('flattenStyle');
 
-function StyleSheetPropType(
-  shape: {[key: string]: ReactPropsCheckType}
-): ReactPropsCheckType {
-  var shapePropType = createStrictShapeTypeChecker(shape);
+function StyleSheetPropType(shape: {
+  [key: string]: ReactPropsCheckType,
+}): ReactPropsCheckType {
+  const shapePropType = createStrictShapeTypeChecker(shape);
   return function(props, propName, componentName, location?, ...rest) {
-    var newProps = props;
+    let newProps = props;
     if (props[propName]) {
       // Just make a dummy prop object with only the flattened style
       newProps = {};
diff --git a/Libraries/StyleSheet/StyleSheetTypes.js b/Libraries/StyleSheet/StyleSheetTypes.js
index b9c3c59fd2d345..41cab5de3b42a2 100644
--- a/Libraries/StyleSheet/StyleSheetTypes.js
+++ b/Libraries/StyleSheet/StyleSheetTypes.js
@@ -4,21 +4,18 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule StyleSheetTypes
  * @flow
  * @format
  */
 
 'use strict';
 
-import AnimatedNode from 'AnimatedNode';
-
-export opaque type ____StyleSheetInternalStyleIdentifier_Internal: number = number;
+const AnimatedNode = require('AnimatedNode');
 
 export type ColorValue = null | string;
 export type DimensionValue = null | number | string | AnimatedNode;
 
-export type LayoutStyle = $ReadOnly<{|
+export type ____LayoutStyle_Internal = $ReadOnly<{|
   display?: 'none' | 'flex',
   width?: DimensionValue,
   height?: DimensionValue,
@@ -59,7 +56,7 @@ export type LayoutStyle = $ReadOnly<{|
   borderTopWidth?: number,
   position?: 'absolute' | 'relative',
   flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse',
-  flexWrap?: 'wrap' | 'nowrap',
+  flexWrap?: 'wrap' | 'nowrap' | 'wrap-reverse',
   justifyContent?:
     | 'flex-start'
     | 'flex-end'
@@ -92,31 +89,33 @@ export type LayoutStyle = $ReadOnly<{|
   direction?: 'inherit' | 'ltr' | 'rtl',
 |}>;
 
-export type TransformStyle = $ReadOnly<{|
+export type ____TransformStyle_Internal = $ReadOnly<{|
   transform?: $ReadOnlyArray<
     | {|+perspective: number | AnimatedNode|}
-    | {|+rotate: string|}
-    | {|+rotateX: string|}
-    | {|+rotateY: string|}
-    | {|+rotateZ: string|}
+    | {|+rotate: string | AnimatedNode|}
+    | {|+rotateX: string | AnimatedNode|}
+    | {|+rotateY: string | AnimatedNode|}
+    | {|+rotateZ: string | AnimatedNode|}
     | {|+scale: number | AnimatedNode|}
     | {|+scaleX: number | AnimatedNode|}
     | {|+scaleY: number | AnimatedNode|}
     | {|+translateX: number | AnimatedNode|}
     | {|+translateY: number | AnimatedNode|}
     | {|
-      +translate: [number | AnimatedNode, number | AnimatedNode] | AnimatedNode,
-    |}
+        +translate:
+          | [number | AnimatedNode, number | AnimatedNode]
+          | AnimatedNode,
+      |}
     | {|+skewX: string|}
     | {|+skewY: string|}
     // TODO: what is the actual type it expects?
     | {|
-      +matrix: $ReadOnlyArray<number | AnimatedNode> | AnimatedNode,
-    |},
+        +matrix: $ReadOnlyArray<number | AnimatedNode> | AnimatedNode,
+      |},
   >,
 |}>;
 
-export type ShadowStyle = $ReadOnly<{|
+export type ____ShadowStyle_Internal = $ReadOnly<{|
   shadowColor?: ColorValue,
   shadowOffset?: $ReadOnly<{|
     width?: number,
@@ -126,10 +125,10 @@ export type ShadowStyle = $ReadOnly<{|
   shadowRadius?: number,
 |}>;
 
-export type ViewStyle = $ReadOnly<{|
-  ...$Exact<LayoutStyle>,
-  ...$Exact<ShadowStyle>,
-  ...$Exact<TransformStyle>,
+export type ____ViewStyle_Internal = $ReadOnly<{|
+  ...$Exact<____LayoutStyle_Internal>,
+  ...$Exact<____ShadowStyle_Internal>,
+  ...$Exact<____TransformStyle_Internal>,
   backfaceVisibility?: 'visible' | 'hidden',
   backgroundColor?: ColorValue,
   borderColor?: ColorValue,
@@ -139,29 +138,29 @@ export type ViewStyle = $ReadOnly<{|
   borderRightColor?: ColorValue,
   borderStartColor?: ColorValue,
   borderTopColor?: ColorValue,
-  borderRadius?: number,
-  borderBottomEndRadius?: number,
-  borderBottomLeftRadius?: number,
-  borderBottomRightRadius?: number,
-  borderBottomStartRadius?: number,
-  borderTopEndRadius?: number,
-  borderTopLeftRadius?: number,
-  borderTopRightRadius?: number,
-  borderTopStartRadius?: number,
+  borderRadius?: number | AnimatedNode,
+  borderBottomEndRadius?: number | AnimatedNode,
+  borderBottomLeftRadius?: number | AnimatedNode,
+  borderBottomRightRadius?: number | AnimatedNode,
+  borderBottomStartRadius?: number | AnimatedNode,
+  borderTopEndRadius?: number | AnimatedNode,
+  borderTopLeftRadius?: number | AnimatedNode,
+  borderTopRightRadius?: number | AnimatedNode,
+  borderTopStartRadius?: number | AnimatedNode,
   borderStyle?: 'solid' | 'dotted' | 'dashed',
-  borderWidth?: number,
-  borderBottomWidth?: number,
-  borderEndWidth?: number,
-  borderLeftWidth?: number,
-  borderRightWidth?: number,
-  borderStartWidth?: number,
-  borderTopWidth?: number,
+  borderWidth?: number | AnimatedNode,
+  borderBottomWidth?: number | AnimatedNode,
+  borderEndWidth?: number | AnimatedNode,
+  borderLeftWidth?: number | AnimatedNode,
+  borderRightWidth?: number | AnimatedNode,
+  borderStartWidth?: number | AnimatedNode,
+  borderTopWidth?: number | AnimatedNode,
   opacity?: number | AnimatedNode,
   elevation?: number,
 |}>;
 
-export type TextStyle = $ReadOnly<{|
-  ...$Exact<ViewStyle>,
+export type ____TextStyle_Internal = $ReadOnly<{|
+  ...$Exact<____ViewStyle_Internal>,
   color?: ColorValue,
   fontFamily?: string,
   fontSize?: number,
@@ -186,8 +185,8 @@ export type TextStyle = $ReadOnly<{|
     | 'proportional-nums',
   >,
   textShadowOffset?: $ReadOnly<{|
-    width?: number,
-    height?: number,
+    width: number,
+    height: number,
   |}>,
   textShadowRadius?: number,
   textShadowColor?: ColorValue,
@@ -203,18 +202,19 @@ export type TextStyle = $ReadOnly<{|
     | 'underline line-through',
   textDecorationStyle?: 'solid' | 'double' | 'dotted' | 'dashed',
   textDecorationColor?: ColorValue,
+  textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase',
   writingDirection?: 'auto' | 'ltr' | 'rtl',
 |}>;
 
-export type ImageStyle = $ReadOnly<{|
-  ...$Exact<ViewStyle>,
+export type ____ImageStyle_Internal = $ReadOnly<{|
+  ...$Exact<____ViewStyle_Internal>,
   resizeMode?: 'contain' | 'cover' | 'stretch' | 'center' | 'repeat',
   tintColor?: ColorValue,
   overlayColor?: string,
 |}>;
 
-export type DangerouslyImpreciseStyle = {
-  ...$Exact<TextStyle>,
+export type ____DangerouslyImpreciseStyle_Internal = {
+  ...$Exact<____TextStyle_Internal>,
   +resizeMode?: 'contain' | 'cover' | 'stretch' | 'center' | 'repeat',
   +tintColor?: ColorValue,
   +overlayColor?: string,
@@ -224,44 +224,23 @@ type GenericStyleProp<+T> =
   | null
   | void
   | T
-  | ____StyleSheetInternalStyleIdentifier_Internal
-  | number
   | false
   | ''
   | $ReadOnlyArray<GenericStyleProp<T>>;
 
 export type ____DangerouslyImpreciseStyleProp_Internal = GenericStyleProp<
-  $Shape<DangerouslyImpreciseStyle>,
+  $Shape<____DangerouslyImpreciseStyle_Internal>,
 >;
 export type ____ViewStyleProp_Internal = GenericStyleProp<
-  $ReadOnly<$Shape<ViewStyle>>,
+  $ReadOnly<$Shape<____ViewStyle_Internal>>,
 >;
 export type ____TextStyleProp_Internal = GenericStyleProp<
-  $ReadOnly<$Shape<TextStyle>>,
+  $ReadOnly<$Shape<____TextStyle_Internal>>,
 >;
 export type ____ImageStyleProp_Internal = GenericStyleProp<
-  $ReadOnly<$Shape<ImageStyle>>,
+  $ReadOnly<$Shape<____ImageStyle_Internal>>,
 >;
 
 export type ____Styles_Internal = {
-  +[key: string]: $Shape<DangerouslyImpreciseStyle>,
+  +[key: string]: $Shape<____DangerouslyImpreciseStyle_Internal>,
 };
-
-/*
-Utility type get non-nullable types for specific style keys.
-Useful when a component requires values for certain Style Keys.
-So Instead:
-```
-type Props = {position: string};
-```
-You should use:
-```
-type Props = {position: TypeForStyleKey<'position'>};
-```
-
-This will correctly give you the type 'absolute' | 'relative' instead of the
-weak type of just string;
-*/
-export type TypeForStyleKey<
-  +key: $Keys<DangerouslyImpreciseStyle>,
-> = $ElementType<DangerouslyImpreciseStyle, key>;
diff --git a/Libraries/StyleSheet/StyleSheetValidation.js b/Libraries/StyleSheet/StyleSheetValidation.js
index 3e1af7bc1dd2f7..a645c1e36b3b05 100644
--- a/Libraries/StyleSheet/StyleSheetValidation.js
+++ b/Libraries/StyleSheet/StyleSheetValidation.js
@@ -4,16 +4,17 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule StyleSheetValidation
+ * @format
  * @flow
  */
+
 'use strict';
 
-var ImageStylePropTypes = require('ImageStylePropTypes');
-var TextStylePropTypes = require('TextStylePropTypes');
-var ViewStylePropTypes = require('ViewStylePropTypes');
+const ImageStylePropTypes = require('ImageStylePropTypes');
+const TextStylePropTypes = require('TextStylePropTypes');
+const ViewStylePropTypes = require('ViewStylePropTypes');
 
-var invariant = require('fbjs/lib/invariant');
+const invariant = require('fbjs/lib/invariant');
 
 // Hardcoded because this is a legit case but we don't want to load it from
 // a private API. We might likely want to unify style sheet creation with how it
@@ -27,12 +28,13 @@ class StyleSheetValidation {
       return;
     }
     if (allStylePropTypes[prop] === undefined) {
-      var message1 = '"' + prop + '" is not a valid style property.';
-      var message2 = '\nValid style props: ' +
+      const message1 = '"' + prop + '" is not a valid style property.';
+      const message2 =
+        '\nValid style props: ' +
         JSON.stringify(Object.keys(allStylePropTypes).sort(), null, '  ');
       styleError(message1, style, caller, message2);
     }
-    var error = allStylePropTypes[prop](
+    const error = allStylePropTypes[prop](
       style,
       prop,
       caller,
@@ -49,27 +51,35 @@ class StyleSheetValidation {
     if (!__DEV__) {
       return;
     }
-    for (var prop in styles[name]) {
-      StyleSheetValidation.validateStyleProp(prop, styles[name], 'StyleSheet ' + name);
+    for (const prop in styles[name]) {
+      StyleSheetValidation.validateStyleProp(
+        prop,
+        styles[name],
+        'StyleSheet ' + name,
+      );
     }
   }
 
   static addValidStylePropTypes(stylePropTypes) {
-    for (var key in stylePropTypes) {
+    for (const key in stylePropTypes) {
       allStylePropTypes[key] = stylePropTypes[key];
     }
   }
 }
 
-var styleError = function(message1, style, caller?, message2?) {
+const styleError = function(message1, style, caller?, message2?) {
   invariant(
     false,
-    message1 + '\n' + (caller || '<<unknown>>') + ': ' +
-    JSON.stringify(style, null, '  ') + (message2 || '')
+    message1 +
+      '\n' +
+      (caller || '<<unknown>>') +
+      ': ' +
+      JSON.stringify(style, null, '  ') +
+      (message2 || ''),
   );
 };
 
-var allStylePropTypes = {};
+const allStylePropTypes = {};
 
 StyleSheetValidation.addValidStylePropTypes(ImageStylePropTypes);
 StyleSheetValidation.addValidStylePropTypes(TextStylePropTypes);
diff --git a/Libraries/StyleSheet/TransformPropTypes.js b/Libraries/StyleSheet/TransformPropTypes.js
index bd1f3d352e116d..105df3f073b9ad 100644
--- a/Libraries/StyleSheet/TransformPropTypes.js
+++ b/Libraries/StyleSheet/TransformPropTypes.js
@@ -4,42 +4,43 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TransformPropTypes
+ * @format
  * @flow
  */
+
 'use strict';
 
-var ReactPropTypes = require('prop-types');
+const ReactPropTypes = require('prop-types');
 
-var deprecatedPropType = require('deprecatedPropType');
+const deprecatedPropType = require('deprecatedPropType');
 
-var TransformMatrixPropType = function(
-  props : Object,
-  propName : string,
-  componentName : string
-) : ?Error {
+const TransformMatrixPropType = function(
+  props: Object,
+  propName: string,
+  componentName: string,
+): ?Error {
   if (props[propName]) {
     return new Error(
       'The transformMatrix style property is deprecated. ' +
-      'Use `transform: [{ matrix: ... }]` instead.'
+        'Use `transform: [{ matrix: ... }]` instead.',
     );
   }
 };
 
-var DecomposedMatrixPropType = function(
-  props : Object,
-  propName : string,
-  componentName : string
-) : ?Error {
+const DecomposedMatrixPropType = function(
+  props: Object,
+  propName: string,
+  componentName: string,
+): ?Error {
   if (props[propName]) {
     return new Error(
       'The decomposedMatrix style property is deprecated. ' +
-      'Use `transform: [...]` instead.'
+        'Use `transform: [...]` instead.',
     );
   }
 };
 
-var TransformPropTypes = {
+const TransformPropTypes = {
   /**
    * `transform` accepts an array of transformation objects. Each object specifies
    * the property that will be transformed as the key, and the value to use in the
@@ -69,8 +70,8 @@ var TransformPropTypes = {
       ReactPropTypes.shape({translateX: ReactPropTypes.number}),
       ReactPropTypes.shape({translateY: ReactPropTypes.number}),
       ReactPropTypes.shape({skewX: ReactPropTypes.string}),
-      ReactPropTypes.shape({skewY: ReactPropTypes.string})
-    ])
+      ReactPropTypes.shape({skewY: ReactPropTypes.string}),
+    ]),
   ),
 
   /**
@@ -83,11 +84,26 @@ var TransformPropTypes = {
   decomposedMatrix: DecomposedMatrixPropType,
 
   /* Deprecated transform props used on Android only */
-  scaleX: deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.'),
-  scaleY: deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.'),
-  rotation: deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.'),
-  translateX: deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.'),
-  translateY: deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.'),
+  scaleX: deprecatedPropType(
+    ReactPropTypes.number,
+    'Use the transform prop instead.',
+  ),
+  scaleY: deprecatedPropType(
+    ReactPropTypes.number,
+    'Use the transform prop instead.',
+  ),
+  rotation: deprecatedPropType(
+    ReactPropTypes.number,
+    'Use the transform prop instead.',
+  ),
+  translateX: deprecatedPropType(
+    ReactPropTypes.number,
+    'Use the transform prop instead.',
+  ),
+  translateY: deprecatedPropType(
+    ReactPropTypes.number,
+    'Use the transform prop instead.',
+  ),
 };
 
 module.exports = TransformPropTypes;
diff --git a/Libraries/StyleSheet/__flowtests__/StyleSheet-flowtest.js b/Libraries/StyleSheet/__flowtests__/StyleSheet-flowtest.js
new file mode 100644
index 00000000000000..d4d5e5f3594f6c
--- /dev/null
+++ b/Libraries/StyleSheet/__flowtests__/StyleSheet-flowtest.js
@@ -0,0 +1,82 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const StyleSheet = require('StyleSheet');
+
+import type {ImageStyleProp, TextStyleProp} from 'StyleSheet';
+
+const imageStyle = {tintColor: 'rgb(0, 0, 0)'};
+const textStyle = {color: 'rgb(0, 0, 0)'};
+
+module.exports = {
+  testGoodCompose() {
+    (StyleSheet.compose(
+      imageStyle,
+      imageStyle,
+    ): ImageStyleProp);
+
+    (StyleSheet.compose(
+      textStyle,
+      textStyle,
+    ): TextStyleProp);
+
+    (StyleSheet.compose(
+      null,
+      null,
+    ): TextStyleProp);
+
+    (StyleSheet.compose(
+      textStyle,
+      null,
+    ): TextStyleProp);
+
+    (StyleSheet.compose(
+      textStyle,
+      Math.random() < 0.5 ? textStyle : null,
+    ): TextStyleProp);
+
+    (StyleSheet.compose(
+      [textStyle],
+      null,
+    ): TextStyleProp);
+
+    (StyleSheet.compose(
+      [textStyle],
+      null,
+    ): TextStyleProp);
+
+    (StyleSheet.compose(
+      [textStyle],
+      [textStyle],
+    ): TextStyleProp);
+  },
+
+  testBadCompose() {
+    // $FlowExpectedError - Incompatible type.
+    (StyleSheet.compose(
+      textStyle,
+      textStyle,
+    ): ImageStyleProp);
+
+    (StyleSheet.compose(
+      // $FlowExpectedError - Incompatible type.
+      [textStyle],
+      null,
+    ): ImageStyleProp);
+
+    // $FlowExpectedError - Incompatible type.
+    (StyleSheet.compose(
+      Math.random() < 0.5 ? textStyle : null,
+      null,
+    ): ImageStyleProp);
+  },
+};
diff --git a/Libraries/StyleSheet/__tests__/flattenStyle-test.js b/Libraries/StyleSheet/__tests__/flattenStyle-test.js
index 2f0fdcc0fb0ab5..fed9be2b5aada5 100644
--- a/Libraries/StyleSheet/__tests__/flattenStyle-test.js
+++ b/Libraries/StyleSheet/__tests__/flattenStyle-test.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
 const StyleSheet = require('StyleSheet');
@@ -83,8 +85,8 @@ describe('flattenStyle', () => {
 
   it('should not allocate an object when there is a single class', () => {
     const fixture = getFixture();
-    var singleStyle = flattenStyle(fixture.elementA);
-    var singleStyleAgain = flattenStyle(fixture.elementA);
+    const singleStyle = flattenStyle(fixture.elementA);
+    const singleStyleAgain = flattenStyle(fixture.elementA);
 
     expect(singleStyle).toBe(singleStyleAgain);
     expect(singleStyle).toEqual({
@@ -95,8 +97,8 @@ describe('flattenStyle', () => {
 
   it('should merge single class and style properly', () => {
     const fixture = getFixture();
-    var style = {styleA: 'overrideA', styleC: 'overrideC'};
-    var arrayStyle = flattenStyle([fixture.elementA, style]);
+    const style = {styleA: 'overrideA', styleC: 'overrideC'};
+    const arrayStyle = flattenStyle([fixture.elementA, style]);
 
     expect(arrayStyle).toEqual({
       styleA: 'overrideA',
@@ -107,8 +109,8 @@ describe('flattenStyle', () => {
 
   it('should merge multiple classes', () => {
     const fixture = getFixture();
-    var AthenB = flattenStyle([fixture.elementA, fixture.elementB]);
-    var BthenA = flattenStyle([fixture.elementB, fixture.elementA]);
+    const AthenB = flattenStyle([fixture.elementA, fixture.elementB]);
+    const BthenA = flattenStyle([fixture.elementB, fixture.elementA]);
 
     expect(AthenB).toEqual({
       styleA: 'moduleA/elementA/styleA',
@@ -122,9 +124,9 @@ describe('flattenStyle', () => {
 
   it('should merge multiple classes with style', () => {
     const fixture = getFixture();
-    var style = {styleA: 'overrideA'};
-    var AthenB = flattenStyle([fixture.elementA, fixture.elementB, style]);
-    var BthenA = flattenStyle([fixture.elementB, fixture.elementA, style]);
+    const style = {styleA: 'overrideA'};
+    const AthenB = flattenStyle([fixture.elementA, fixture.elementB, style]);
+    const BthenA = flattenStyle([fixture.elementB, fixture.elementA, style]);
 
     expect(AthenB).toEqual({
       styleA: 'overrideA',
@@ -138,8 +140,8 @@ describe('flattenStyle', () => {
 
   it('should flatten recursively', () => {
     const fixture = getFixture();
-    var style = [{styleA: 'newA', styleB: 'newB'}, {styleA: 'newA2'}];
-    var AthenB = flattenStyle([fixture.elementA, fixture.elementB, style]);
+    const style = [{styleA: 'newA', styleB: 'newB'}, {styleA: 'newA2'}];
+    const AthenB = flattenStyle([fixture.elementA, fixture.elementB, style]);
 
     expect(AthenB).toEqual({
       styleA: 'newA2',
@@ -148,9 +150,9 @@ describe('flattenStyle', () => {
   });
 
   it('should ignore invalid class names', () => {
-    var invalid = flattenStyle(1234, null);
+    const invalid = flattenStyle(1234, null);
 
-    expect(invalid).toEqual({});
+    expect(invalid).toEqual(undefined);
     // Invalid class name 1234 skipping ...
   });
 });
diff --git a/Libraries/StyleSheet/__tests__/normalizeColor-test.js b/Libraries/StyleSheet/__tests__/normalizeColor-test.js
index d7482a9c55bd55..65b398ee222d83 100644
--- a/Libraries/StyleSheet/__tests__/normalizeColor-test.js
+++ b/Libraries/StyleSheet/__tests__/normalizeColor-test.js
@@ -4,11 +4,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
-var normalizeColor = require('normalizeColor');
+const normalizeColor = require('normalizeColor');
 
 describe('normalizeColor', function() {
   it('should accept only spec compliant colors', function() {
@@ -122,7 +124,7 @@ describe('normalizeColor', function() {
     expect(normalizeColor(0x01234567)).toBe(0x01234567);
   });
 
-  it('should return the same color when it\'s already normalized', function() {
+  it("should return the same color when it's already normalized", function() {
     const normalizedColor = normalizeColor('red') || 0;
     expect(normalizeColor(normalizedColor)).toBe(normalizedColor);
   });
diff --git a/Libraries/StyleSheet/__tests__/processColor-test.js b/Libraries/StyleSheet/__tests__/processColor-test.js
index 2af0baa108a742..1d717bf4726841 100644
--- a/Libraries/StyleSheet/__tests__/processColor-test.js
+++ b/Libraries/StyleSheet/__tests__/processColor-test.js
@@ -4,94 +4,84 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
 const {OS} = require('Platform');
 const processColor = require('processColor');
 
-const platformSpecific = OS === 'android'
-  ? unsigned => unsigned | 0 //eslint-disable-line no-bitwise
-  : x => x;
+const platformSpecific =
+  OS === 'android'
+    ? unsigned => unsigned | 0 //eslint-disable-line no-bitwise
+    : x => x;
 
 describe('processColor', () => {
-
   describe('predefined color names', () => {
-
     it('should convert red', () => {
-      var colorFromString = processColor('red');
-      var expectedInt = 0xFFFF0000;
+      const colorFromString = processColor('red');
+      const expectedInt = 0xffff0000;
       expect(colorFromString).toEqual(platformSpecific(expectedInt));
     });
 
     it('should convert white', () => {
-      var colorFromString = processColor('white');
-      var expectedInt = 0xFFFFFFFF;
+      const colorFromString = processColor('white');
+      const expectedInt = 0xffffffff;
       expect(colorFromString).toEqual(platformSpecific(expectedInt));
     });
 
     it('should convert black', () => {
-      var colorFromString = processColor('black');
-      var expectedInt = 0xFF000000;
+      const colorFromString = processColor('black');
+      const expectedInt = 0xff000000;
       expect(colorFromString).toEqual(platformSpecific(expectedInt));
     });
 
     it('should convert transparent', () => {
-      var colorFromString = processColor('transparent');
-      var expectedInt = 0x00000000;
+      const colorFromString = processColor('transparent');
+      const expectedInt = 0x00000000;
       expect(colorFromString).toEqual(platformSpecific(expectedInt));
     });
   });
 
   describe('RGB strings', () => {
-
     it('should convert rgb(x, y, z)', () => {
-      var colorFromString = processColor('rgb(10, 20, 30)');
-      var expectedInt = 0xFF0A141E;
+      const colorFromString = processColor('rgb(10, 20, 30)');
+      const expectedInt = 0xff0a141e;
       expect(colorFromString).toEqual(platformSpecific(expectedInt));
     });
-
   });
 
   describe('RGBA strings', () => {
-
     it('should convert rgba(x, y, z, a)', () => {
-      var colorFromString = processColor('rgba(10, 20, 30, 0.4)');
-      var expectedInt = 0x660A141E;
+      const colorFromString = processColor('rgba(10, 20, 30, 0.4)');
+      const expectedInt = 0x660a141e;
       expect(colorFromString).toEqual(platformSpecific(expectedInt));
     });
-
   });
 
   describe('HSL strings', () => {
-
     it('should convert hsl(x, y%, z%)', () => {
-      var colorFromString = processColor('hsl(318, 69%, 55%)');
-      var expectedInt = 0xFFDB3DAC;
+      const colorFromString = processColor('hsl(318, 69%, 55%)');
+      const expectedInt = 0xffdb3dac;
       expect(colorFromString).toEqual(platformSpecific(expectedInt));
     });
-
   });
 
   describe('HSLA strings', () => {
-
     it('should convert hsla(x, y%, z%, a)', () => {
-      var colorFromString = processColor('hsla(318, 69%, 55%, 0.25)');
-      var expectedInt = 0x40DB3DAC;
+      const colorFromString = processColor('hsla(318, 69%, 55%, 0.25)');
+      const expectedInt = 0x40db3dac;
       expect(colorFromString).toEqual(platformSpecific(expectedInt));
     });
-
   });
 
   describe('hex strings', () => {
-
     it('should convert #xxxxxx', () => {
-      var colorFromString = processColor('#1e83c9');
-      var expectedInt = 0xFF1E83C9;
+      const colorFromString = processColor('#1e83c9');
+      const expectedInt = 0xff1e83c9;
       expect(colorFromString).toEqual(platformSpecific(expectedInt));
     });
-
   });
-
 });
diff --git a/Libraries/StyleSheet/__tests__/processTransform-test.js b/Libraries/StyleSheet/__tests__/processTransform-test.js
index 2a5c9380a370b6..08809e94fccc73 100644
--- a/Libraries/StyleSheet/__tests__/processTransform-test.js
+++ b/Libraries/StyleSheet/__tests__/processTransform-test.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
 const processTransform = require('processTransform');
@@ -26,25 +28,37 @@ describe('processTransform', () => {
     });
 
     it('should throw on object with multiple properties', () => {
-      expect(() => processTransform([{scale: 0.5, translateY: 10}])).toThrowErrorMatchingSnapshot();
+      expect(() =>
+        processTransform([{scale: 0.5, translateY: 10}]),
+      ).toThrowErrorMatchingSnapshot();
     });
 
     it('should throw on invalid transform property', () => {
-      expect(() => processTransform([{translateW: 10}])).toThrowErrorMatchingSnapshot();
+      expect(() =>
+        processTransform([{translateW: 10}]),
+      ).toThrowErrorMatchingSnapshot();
     });
 
     it('should throw when not passing an array to an array prop', () => {
-      expect(() => processTransform([{matrix: 'not-a-matrix'}])).toThrowErrorMatchingSnapshot();
-      expect(() => processTransform([{translate: 10}])).toThrowErrorMatchingSnapshot();
+      expect(() =>
+        processTransform([{matrix: 'not-a-matrix'}]),
+      ).toThrowErrorMatchingSnapshot();
+      expect(() =>
+        processTransform([{translate: 10}]),
+      ).toThrowErrorMatchingSnapshot();
     });
 
     it('should accept a valid matrix', () => {
       processTransform([{matrix: [1, 1, 1, 1, 1, 1, 1, 1, 1]}]);
-      processTransform([{matrix: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]}]);
+      processTransform([
+        {matrix: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]},
+      ]);
     });
 
     it('should throw when passing a matrix of the wrong size', () => {
-      expect(() => processTransform([{matrix: [1, 1, 1, 1]}])).toThrowErrorMatchingSnapshot();
+      expect(() =>
+        processTransform([{matrix: [1, 1, 1, 1]}]),
+      ).toThrowErrorMatchingSnapshot();
     });
 
     it('should accept a valid translate', () => {
@@ -53,18 +67,30 @@ describe('processTransform', () => {
     });
 
     it('should throw when passing a translate of the wrong size', () => {
-      expect(() => processTransform([{translate: [1]}])).toThrowErrorMatchingSnapshot();
-      expect(() => processTransform([{translate: [1, 1, 1, 1]}])).toThrowErrorMatchingSnapshot();
+      expect(() =>
+        processTransform([{translate: [1]}]),
+      ).toThrowErrorMatchingSnapshot();
+      expect(() =>
+        processTransform([{translate: [1, 1, 1, 1]}]),
+      ).toThrowErrorMatchingSnapshot();
     });
 
     it('should throw when passing an invalid value to a number prop', () => {
-      expect(() => processTransform([{translateY: '20deg'}])).toThrowErrorMatchingSnapshot();
-      expect(() => processTransform([{scale: {x: 10, y: 10}}])).toThrowErrorMatchingSnapshot();
-      expect(() => processTransform([{perspective: []}])).toThrowErrorMatchingSnapshot();
+      expect(() =>
+        processTransform([{translateY: '20deg'}]),
+      ).toThrowErrorMatchingSnapshot();
+      expect(() =>
+        processTransform([{scale: {x: 10, y: 10}}]),
+      ).toThrowErrorMatchingSnapshot();
+      expect(() =>
+        processTransform([{perspective: []}]),
+      ).toThrowErrorMatchingSnapshot();
     });
 
     it('should throw when passing a perspective of 0', () => {
-      expect(() => processTransform([{perspective: 0}])).toThrowErrorMatchingSnapshot();
+      expect(() =>
+        processTransform([{perspective: 0}]),
+      ).toThrowErrorMatchingSnapshot();
     });
 
     it('should accept an angle in degrees or radians', () => {
@@ -73,12 +99,18 @@ describe('processTransform', () => {
     });
 
     it('should throw when passing an invalid angle prop', () => {
-      expect(() => processTransform([{rotate: 10}])).toThrowErrorMatchingSnapshot();
-      expect(() => processTransform([{skewX: '10drg'}])).toThrowErrorMatchingSnapshot();
+      expect(() =>
+        processTransform([{rotate: 10}]),
+      ).toThrowErrorMatchingSnapshot();
+      expect(() =>
+        processTransform([{skewX: '10drg'}]),
+      ).toThrowErrorMatchingSnapshot();
     });
 
     it('should throw when passing an Animated.Value', () => {
-      expect(() => processTransform([{rotate: {getValue: () => {}}}])).toThrowErrorMatchingSnapshot();
+      expect(() =>
+        processTransform([{rotate: {getValue: () => {}}}]),
+      ).toThrowErrorMatchingSnapshot();
     });
   });
 });
diff --git a/Libraries/StyleSheet/__tests__/setNormalizedColorAlpha-test.js b/Libraries/StyleSheet/__tests__/setNormalizedColorAlpha-test.js
index 13e47aff565726..f2d09ecb4e1821 100644
--- a/Libraries/StyleSheet/__tests__/setNormalizedColorAlpha-test.js
+++ b/Libraries/StyleSheet/__tests__/setNormalizedColorAlpha-test.js
@@ -4,12 +4,14 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
-var setNormalizedColorAlpha = require('setNormalizedColorAlpha');
-var normalizeColor = require('normalizeColor');
+const setNormalizedColorAlpha = require('setNormalizedColorAlpha');
+const normalizeColor = require('normalizeColor');
 
 describe('setNormalizedColorAlpha', function() {
   it('should adjust the alpha of the color passed in', function() {
@@ -22,12 +24,12 @@ describe('setNormalizedColorAlpha', function() {
     expect(setNormalizedColorAlpha(0xffffffff, -1)).toBe(0xffffff00);
   });
 
-  it('should ignore the color\'s original alpha', function() {
+  it("should ignore the color's original alpha", function() {
     expect(setNormalizedColorAlpha(0x204080aa, 0.8)).toBe(0x204080cc);
   });
 
   it('should return the original color when alpha is unchanged', function() {
-    var originalColor = normalizeColor('blue');
+    const originalColor = normalizeColor('blue');
     expect(setNormalizedColorAlpha(originalColor, 1)).toBe(originalColor);
   });
 });
diff --git a/Libraries/StyleSheet/flattenStyle.js b/Libraries/StyleSheet/flattenStyle.js
index 37ac2d434a0fb4..cb5f6ebc96e71f 100644
--- a/Libraries/StyleSheet/flattenStyle.js
+++ b/Libraries/StyleSheet/flattenStyle.js
@@ -4,46 +4,32 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule flattenStyle
  * @flow
  * @format
  */
 'use strict';
 
-var ReactNativePropRegistry;
-
-import type {DangerouslyImpreciseStyleProp} from 'StyleSheet';
-import type {DangerouslyImpreciseStyle} from 'StyleSheetTypes';
-
-function getStyle(style) {
-  if (ReactNativePropRegistry === undefined) {
-    ReactNativePropRegistry = require('ReactNativePropRegistry');
-  }
-  if (typeof style === 'number') {
-    return ReactNativePropRegistry.getByID(style);
-  }
-  return style;
-}
+import type {
+  DangerouslyImpreciseStyle,
+  DangerouslyImpreciseStyleProp,
+} from 'StyleSheet';
 
 function flattenStyle(
   style: ?DangerouslyImpreciseStyleProp,
 ): ?DangerouslyImpreciseStyle {
-  if (style == null) {
+  if (style === null || typeof style !== 'object') {
     return undefined;
   }
 
   if (!Array.isArray(style)) {
-    /* $FlowFixMe(>=0.63.0 site=react_native_fb) This comment suppresses an
-     * error found when Flow v0.63 was deployed. To see the error delete this
-     * comment and run Flow. */
-    return getStyle(style);
+    return style;
   }
 
-  var result = {};
-  for (var i = 0, styleLength = style.length; i < styleLength; ++i) {
-    var computedStyle = flattenStyle(style[i]);
+  const result = {};
+  for (let i = 0, styleLength = style.length; i < styleLength; ++i) {
+    const computedStyle = flattenStyle(style[i]);
     if (computedStyle) {
-      for (var key in computedStyle) {
+      for (const key in computedStyle) {
         result[key] = computedStyle[key];
       }
     }
diff --git a/Libraries/StyleSheet/processColor.js b/Libraries/StyleSheet/processColor.js
index 7d3a802bbbe3c2..77ba69ded17eb3 100644
--- a/Libraries/StyleSheet/processColor.js
+++ b/Libraries/StyleSheet/processColor.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule processColor
+ * @format
  * @flow
  */
+
 'use strict';
 
 const Platform = require('Platform');
@@ -14,7 +15,7 @@ const Platform = require('Platform');
 const normalizeColor = require('normalizeColor');
 
 /* eslint no-bitwise: 0 */
-function processColor(color?: string | number): ?number {
+function processColor(color?: ?(string | number)): ?number {
   if (color === undefined || color === null) {
     return color;
   }
@@ -25,7 +26,7 @@ function processColor(color?: string | number): ?number {
   }
 
   // Converts 0xrrggbbaa into 0xaarrggbb
-  int32Color = (int32Color << 24 | int32Color >>> 8) >>> 0;
+  int32Color = ((int32Color << 24) | (int32Color >>> 8)) >>> 0;
 
   if (Platform.OS === 'android') {
     // Android use 32 bit *signed* integer to represent the color
diff --git a/Libraries/StyleSheet/processTransform.js b/Libraries/StyleSheet/processTransform.js
index 09cc7ca95d18c0..e9076493c2890e 100644
--- a/Libraries/StyleSheet/processTransform.js
+++ b/Libraries/StyleSheet/processTransform.js
@@ -4,16 +4,17 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule processTransform
+ * @format
  * @flow
  */
+
 'use strict';
 
-var MatrixMath = require('MatrixMath');
-var Platform = require('Platform');
+const MatrixMath = require('MatrixMath');
+const Platform = require('Platform');
 
-var invariant = require('fbjs/lib/invariant');
-var stringifySafe = require('stringifySafe');
+const invariant = require('fbjs/lib/invariant');
+const stringifySafe = require('stringifySafe');
 
 /**
  * Generate a transform matrix based on the provided transforms, and use that
@@ -23,7 +24,9 @@ var stringifySafe = require('stringifySafe');
  * be applied in an arbitrary order, and yet have a universal, singular
  * interface to native code.
  */
-function processTransform(transform: Array<Object>): Array<Object> | Array<number> {
+function processTransform(
+  transform: Array<Object>,
+): Array<Object> | Array<number> {
   if (__DEV__) {
     _validateTransforms(transform);
   }
@@ -35,11 +38,11 @@ function processTransform(transform: Array<Object>): Array<Object> | Array<numbe
     return transform;
   }
 
-  var result = MatrixMath.createIdentityMatrix();
+  const result = MatrixMath.createIdentityMatrix();
 
   transform.forEach(transformation => {
-    var key = Object.keys(transformation)[0];
-    var value = transformation[key];
+    const key = Object.keys(transformation)[0];
+    const value = transformation[key];
 
     switch (key) {
       case 'matrix':
@@ -49,14 +52,20 @@ function processTransform(transform: Array<Object>): Array<Object> | Array<numbe
         _multiplyTransform(result, MatrixMath.reusePerspectiveCommand, [value]);
         break;
       case 'rotateX':
-        _multiplyTransform(result, MatrixMath.reuseRotateXCommand, [_convertToRadians(value)]);
+        _multiplyTransform(result, MatrixMath.reuseRotateXCommand, [
+          _convertToRadians(value),
+        ]);
         break;
       case 'rotateY':
-        _multiplyTransform(result, MatrixMath.reuseRotateYCommand, [_convertToRadians(value)]);
+        _multiplyTransform(result, MatrixMath.reuseRotateYCommand, [
+          _convertToRadians(value),
+        ]);
         break;
       case 'rotate':
       case 'rotateZ':
-        _multiplyTransform(result, MatrixMath.reuseRotateZCommand, [_convertToRadians(value)]);
+        _multiplyTransform(result, MatrixMath.reuseRotateZCommand, [
+          _convertToRadians(value),
+        ]);
         break;
       case 'scale':
         _multiplyTransform(result, MatrixMath.reuseScaleCommand, [value]);
@@ -68,19 +77,33 @@ function processTransform(transform: Array<Object>): Array<Object> | Array<numbe
         _multiplyTransform(result, MatrixMath.reuseScaleYCommand, [value]);
         break;
       case 'translate':
-        _multiplyTransform(result, MatrixMath.reuseTranslate3dCommand, [value[0], value[1], value[2] || 0]);
+        _multiplyTransform(result, MatrixMath.reuseTranslate3dCommand, [
+          value[0],
+          value[1],
+          value[2] || 0,
+        ]);
         break;
       case 'translateX':
-        _multiplyTransform(result, MatrixMath.reuseTranslate2dCommand, [value, 0]);
+        _multiplyTransform(result, MatrixMath.reuseTranslate2dCommand, [
+          value,
+          0,
+        ]);
         break;
       case 'translateY':
-        _multiplyTransform(result, MatrixMath.reuseTranslate2dCommand, [0, value]);
+        _multiplyTransform(result, MatrixMath.reuseTranslate2dCommand, [
+          0,
+          value,
+        ]);
         break;
       case 'skewX':
-        _multiplyTransform(result, MatrixMath.reuseSkewXCommand, [_convertToRadians(value)]);
+        _multiplyTransform(result, MatrixMath.reuseSkewXCommand, [
+          _convertToRadians(value),
+        ]);
         break;
       case 'skewY':
-        _multiplyTransform(result, MatrixMath.reuseSkewYCommand, [_convertToRadians(value)]);
+        _multiplyTransform(result, MatrixMath.reuseSkewYCommand, [
+          _convertToRadians(value),
+        ]);
         break;
       default:
         throw new Error('Invalid transform name: ' + key);
@@ -96,10 +119,10 @@ function processTransform(transform: Array<Object>): Array<Object> | Array<numbe
 function _multiplyTransform(
   result: Array<number>,
   matrixMathFunction: Function,
-  args: Array<number>
+  args: Array<number>,
 ): void {
-  var matrixToApply = MatrixMath.createIdentityMatrix();
-  var argsWithIdentity = [matrixToApply].concat(args);
+  const matrixToApply = MatrixMath.createIdentityMatrix();
+  const argsWithIdentity = [matrixToApply].concat(args);
   matrixMathFunction.apply(this, argsWithIdentity);
   MatrixMath.multiplyInto(result, result, matrixToApply);
 }
@@ -109,20 +132,20 @@ function _multiplyTransform(
  * Note that validation on the string is done in `_validateTransform()`.
  */
 function _convertToRadians(value: string): number {
-  var floatValue = parseFloat(value);
-  return value.indexOf('rad') > -1 ? floatValue : floatValue * Math.PI / 180;
+  const floatValue = parseFloat(value);
+  return value.indexOf('rad') > -1 ? floatValue : (floatValue * Math.PI) / 180;
 }
 
 function _validateTransforms(transform: Array<Object>): void {
   transform.forEach(transformation => {
-    var keys = Object.keys(transformation);
+    const keys = Object.keys(transformation);
     invariant(
       keys.length === 1,
       'You must specify exactly one property per transform object. Passed properties: %s',
       stringifySafe(transformation),
     );
-    var key = keys[0];
-    var value = transformation[key];
+    const key = keys[0];
+    const value = transformation[key];
     _validateTransform(key, value, transformation);
   });
 }
@@ -131,14 +154,11 @@ function _validateTransform(key, value, transformation) {
   invariant(
     !value.getValue,
     'You passed an Animated.Value to a normal component. ' +
-    'You need to wrap that component in an Animated. For example, ' +
-    'replace <View /> by <Animated.View />.'
+      'You need to wrap that component in an Animated. For example, ' +
+      'replace <View /> by <Animated.View />.',
   );
 
-  var multivalueTransforms = [
-    'matrix',
-    'translate',
-  ];
+  const multivalueTransforms = ['matrix', 'translate'];
   if (multivalueTransforms.indexOf(key) !== -1) {
     invariant(
       Array.isArray(value),
@@ -211,7 +231,12 @@ function _validateTransform(key, value, transformation) {
       );
       break;
     default:
-      invariant(false, 'Invalid transform %s: %s', key, stringifySafe(transformation));
+      invariant(
+        false,
+        'Invalid transform %s: %s',
+        key,
+        stringifySafe(transformation),
+      );
   }
 }
 
diff --git a/Libraries/StyleSheet/setNormalizedColorAlpha.js b/Libraries/StyleSheet/setNormalizedColorAlpha.js
index 309d86cea12e80..52fe783fd60200 100644
--- a/Libraries/StyleSheet/setNormalizedColorAlpha.js
+++ b/Libraries/StyleSheet/setNormalizedColorAlpha.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule setNormalizedColorAlpha
+ * @format
  * @flow
  */
+
 /* eslint no-bitwise: 0 */
 'use strict';
 
diff --git a/Libraries/Text/BaseText/RCTBaseTextShadowView.m b/Libraries/Text/BaseText/RCTBaseTextShadowView.m
index 85162926eb198b..49ce7690dfc96e 100644
--- a/Libraries/Text/BaseText/RCTBaseTextShadowView.m
+++ b/Libraries/Text/BaseText/RCTBaseTextShadowView.m
@@ -63,7 +63,7 @@ - (NSAttributedString *)attributedTextWithBaseTextAttributes:(nullable RCTTextAt
       NSString *text = rawTextShadowView.text;
       if (text) {
         NSAttributedString *rawTextAttributedString =
-          [[NSAttributedString alloc] initWithString:rawTextShadowView.text
+          [[NSAttributedString alloc] initWithString:[textAttributes applyTextAttributesToText:text]
                                           attributes:textAttributes.effectiveTextAttributes];
         [attributedText appendAttributedString:rawTextAttributedString];
       }
diff --git a/Libraries/Text/BaseText/RCTBaseTextViewManager.m b/Libraries/Text/BaseText/RCTBaseTextViewManager.m
index a5d0b2c630975c..2cf43ebf38cf6c 100644
--- a/Libraries/Text/BaseText/RCTBaseTextViewManager.m
+++ b/Libraries/Text/BaseText/RCTBaseTextViewManager.m
@@ -51,5 +51,6 @@ - (RCTShadowView *)shadowView
 RCT_REMAP_SHADOW_PROPERTY(textShadowColor, textAttributes.textShadowColor, UIColor)
 // Special
 RCT_REMAP_SHADOW_PROPERTY(isHighlighted, textAttributes.isHighlighted, BOOL)
+RCT_REMAP_SHADOW_PROPERTY(textTransform, textAttributes.textTransform, RCTTextTransform)
 
 @end
diff --git a/Libraries/Text/RCTConvert+Text.h b/Libraries/Text/RCTConvert+Text.h
index 4cead0948ab73c..7c43cfca8943ab 100644
--- a/Libraries/Text/RCTConvert+Text.h
+++ b/Libraries/Text/RCTConvert+Text.h
@@ -7,12 +7,15 @@
 
 #import <React/RCTConvert.h>
 
+#import "RCTTextTransform.h"
+
 NS_ASSUME_NONNULL_BEGIN
 
 @interface RCTConvert (Text)
 
 + (UITextAutocorrectionType)UITextAutocorrectionType:(nullable id)json;
 + (UITextSpellCheckingType)UITextSpellCheckingType:(nullable id)json;
++ (RCTTextTransform)RCTTextTransform:(nullable id)json;
 
 @end
 
diff --git a/Libraries/Text/RCTConvert+Text.m b/Libraries/Text/RCTConvert+Text.m
index d4d1b167c8797c..aaf7c1383c1c79 100644
--- a/Libraries/Text/RCTConvert+Text.m
+++ b/Libraries/Text/RCTConvert+Text.m
@@ -25,4 +25,11 @@ + (UITextSpellCheckingType)UITextSpellCheckingType:(id)json
     UITextSpellCheckingTypeNo;
 }
 
+RCT_ENUM_CONVERTER(RCTTextTransform, (@{
+  @"none": @(RCTTextTransformNone),
+  @"capitalize": @(RCTTextTransformCapitalize),
+  @"uppercase": @(RCTTextTransformUppercase),
+  @"lowercase": @(RCTTextTransformLowercase),
+}), RCTTextTransformUndefined, integerValue)
+
 @end
diff --git a/Libraries/Text/RCTText.xcodeproj/project.pbxproj b/Libraries/Text/RCTText.xcodeproj/project.pbxproj
index da27ece2a1b138..d3205e5ee16eb6 100644
--- a/Libraries/Text/RCTText.xcodeproj/project.pbxproj
+++ b/Libraries/Text/RCTText.xcodeproj/project.pbxproj
@@ -103,6 +103,9 @@
 		5956B1A6200FF35C008D9D16 /* RCTUITextField.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B103200FEBA9008D9D16 /* RCTUITextField.m */; };
 		5956B1A7200FF35C008D9D16 /* RCTVirtualTextShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B12E200FEBAA008D9D16 /* RCTVirtualTextShadowView.m */; };
 		5956B1A8200FF35C008D9D16 /* RCTVirtualTextViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 5956B12B200FEBAA008D9D16 /* RCTVirtualTextViewManager.m */; };
+		5970936920845EFC00D163A7 /* RCTTextTransform.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5970936820845DDE00D163A7 /* RCTTextTransform.h */; };
+		5970936A20845F0600D163A7 /* RCTTextTransform.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 5970936820845DDE00D163A7 /* RCTTextTransform.h */; };
+		5C245F39205E216A00D936E9 /* RCTInputAccessoryShadowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 5C245F37205E216A00D936E9 /* RCTInputAccessoryShadowView.m */; };
 		8F2807C7202D2B6B005D65E6 /* RCTInputAccessoryViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 8F2807C1202D2B6A005D65E6 /* RCTInputAccessoryViewManager.m */; };
 		8F2807C8202D2B6B005D65E6 /* RCTInputAccessoryView.m in Sources */ = {isa = PBXBuildFile; fileRef = 8F2807C3202D2B6A005D65E6 /* RCTInputAccessoryView.m */; };
 		8F2807C9202D2B6B005D65E6 /* RCTInputAccessoryViewContent.m in Sources */ = {isa = PBXBuildFile; fileRef = 8F2807C5202D2B6B005D65E6 /* RCTInputAccessoryViewContent.m */; };
@@ -115,6 +118,7 @@
 			dstPath = include/RCTText;
 			dstSubfolderSpec = 16;
 			files = (
+				5970936920845EFC00D163A7 /* RCTTextTransform.h in Copy Headers */,
 				5956B160200FF324008D9D16 /* RCTBaseTextShadowView.h in Copy Headers */,
 				5956B161200FF324008D9D16 /* RCTBaseTextViewManager.h in Copy Headers */,
 				5956B162200FF324008D9D16 /* RCTRawTextShadowView.h in Copy Headers */,
@@ -150,6 +154,7 @@
 			dstPath = include/RCTText;
 			dstSubfolderSpec = 16;
 			files = (
+				5970936A20845F0600D163A7 /* RCTTextTransform.h in Copy Headers */,
 				5956B179200FF338008D9D16 /* RCTBaseTextShadowView.h in Copy Headers */,
 				5956B17A200FF338008D9D16 /* RCTBaseTextViewManager.h in Copy Headers */,
 				5956B17B200FF338008D9D16 /* RCTRawTextShadowView.h in Copy Headers */,
@@ -232,6 +237,9 @@
 		5956B12D200FEBAA008D9D16 /* RCTVirtualTextViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTVirtualTextViewManager.h; sourceTree = "<group>"; };
 		5956B12E200FEBAA008D9D16 /* RCTVirtualTextShadowView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTVirtualTextShadowView.m; sourceTree = "<group>"; };
 		5956B12F200FEBAA008D9D16 /* RCTConvert+Text.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = "RCTConvert+Text.m"; sourceTree = "<group>"; };
+		5970936820845DDE00D163A7 /* RCTTextTransform.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTTextTransform.h; sourceTree = "<group>"; };
+		5C245F37205E216A00D936E9 /* RCTInputAccessoryShadowView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTInputAccessoryShadowView.m; sourceTree = "<group>"; };
+		5C245F38205E216A00D936E9 /* RCTInputAccessoryShadowView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTInputAccessoryShadowView.h; sourceTree = "<group>"; };
 		8F2807C1202D2B6A005D65E6 /* RCTInputAccessoryViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTInputAccessoryViewManager.m; sourceTree = "<group>"; };
 		8F2807C2202D2B6A005D65E6 /* RCTInputAccessoryViewContent.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTInputAccessoryViewContent.h; sourceTree = "<group>"; };
 		8F2807C3202D2B6A005D65E6 /* RCTInputAccessoryView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTInputAccessoryView.m; sourceTree = "<group>"; };
@@ -251,6 +259,7 @@
 				5956B12F200FEBAA008D9D16 /* RCTConvert+Text.m */,
 				5956B11A200FEBA9008D9D16 /* RCTTextAttributes.h */,
 				5956B120200FEBA9008D9D16 /* RCTTextAttributes.m */,
+				5970936820845DDE00D163A7 /* RCTTextTransform.h */,
 				5956B121200FEBAA008D9D16 /* Text */,
 				5956B0FF200FEBA9008D9D16 /* TextInput */,
 				5956B12A200FEBAA008D9D16 /* VirtualText */,
@@ -283,6 +292,8 @@
 		5956B0FF200FEBA9008D9D16 /* TextInput */ = {
 			isa = PBXGroup;
 			children = (
+				5C245F38205E216A00D936E9 /* RCTInputAccessoryShadowView.h */,
+				5C245F37205E216A00D936E9 /* RCTInputAccessoryShadowView.m */,
 				8F2807C4202D2B6A005D65E6 /* RCTInputAccessoryView.h */,
 				8F2807C3202D2B6A005D65E6 /* RCTInputAccessoryView.m */,
 				8F2807C2202D2B6A005D65E6 /* RCTInputAccessoryViewContent.h */,
@@ -411,7 +422,7 @@
 		58B511931A9E6C1200147676 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0610;
+				LastUpgradeCheck = 0940;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					2D2A287A1D9B048500D4039D = {
@@ -493,6 +504,7 @@
 				5956B142200FEBAA008D9D16 /* RCTTextViewManager.m in Sources */,
 				5956B135200FEBAA008D9D16 /* RCTBaseTextInputView.m in Sources */,
 				5956B144200FEBAA008D9D16 /* RCTVirtualTextViewManager.m in Sources */,
+				5C245F39205E216A00D936E9 /* RCTInputAccessoryShadowView.m in Sources */,
 				5956B13B200FEBAA008D9D16 /* RCTMultilineTextInputViewManager.m in Sources */,
 				5956B134200FEBAA008D9D16 /* RCTSinglelineTextInputViewManager.m in Sources */,
 				5956B139200FEBAA008D9D16 /* RCTBaseTextInputViewManager.m in Sources */,
@@ -550,20 +562,31 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
 				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_OPTIMIZATION_LEVEL = 0;
 				GCC_PREPROCESSOR_DEFINITIONS = (
 					"DEBUG=1",
@@ -578,7 +601,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -598,20 +621,30 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = YES;
 				ENABLE_NS_ASSERTIONS = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
 				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
 				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
@@ -620,7 +653,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SKIP_INSTALL = YES;
diff --git a/Libraries/Text/RCTTextAttributes.h b/Libraries/Text/RCTTextAttributes.h
index df9171c85d0aa1..7575bb17269f80 100644
--- a/Libraries/Text/RCTTextAttributes.h
+++ b/Libraries/Text/RCTTextAttributes.h
@@ -9,6 +9,8 @@
 
 #import <React/RCTTextDecorationLineType.h>
 
+#import "RCTTextTransform.h"
+
 NS_ASSUME_NONNULL_BEGIN
 
 extern NSString *const RCTTextAttributesIsHighlightedAttributeName;
@@ -50,6 +52,7 @@ extern NSString *const RCTTextAttributesTagAttributeName;
 @property (nonatomic, assign) BOOL isHighlighted;
 @property (nonatomic, strong, nullable) NSNumber *tag;
 @property (nonatomic, assign) UIUserInterfaceLayoutDirection layoutDirection;
+@property (nonatomic, assign) RCTTextTransform textTransform;
 
 #pragma mark - Inheritance
 
@@ -78,6 +81,11 @@ extern NSString *const RCTTextAttributesTagAttributeName;
 - (UIColor *)effectiveForegroundColor;
 - (UIColor *)effectiveBackgroundColor;
 
+/**
+ * Text transformed per 'none', 'uppercase', 'lowercase', 'capitalize'
+ */
+- (NSString *)applyTextAttributesToText:(NSString *)text;
+
 @end
 
 NS_ASSUME_NONNULL_END
diff --git a/Libraries/Text/RCTTextAttributes.m b/Libraries/Text/RCTTextAttributes.m
index 6427e303158bb9..4309138d00fe09 100644
--- a/Libraries/Text/RCTTextAttributes.m
+++ b/Libraries/Text/RCTTextAttributes.m
@@ -21,12 +21,14 @@ - (instancetype)init
   if (self = [super init]) {
     _fontSize = NAN;
     _letterSpacing = NAN;
+    _lineHeight = NAN;
     _textDecorationStyle = NSUnderlineStyleSingle;
     _fontSizeMultiplier = NAN;
     _alignment = NSTextAlignmentNatural;
     _baseWritingDirection = NSWritingDirectionNatural;
     _textShadowRadius = NAN;
     _opacity = NAN;
+    _textTransform = RCTTextTransformUndefined;
   }
 
   return self;
@@ -72,6 +74,7 @@ - (void)applyTextAttributes:(RCTTextAttributes *)textAttributes
   _isHighlighted = textAttributes->_isHighlighted || _isHighlighted;  // *
   _tag = textAttributes->_tag ?: _tag;
   _layoutDirection = textAttributes->_layoutDirection != UIUserInterfaceLayoutDirectionLeftToRight ? textAttributes->_layoutDirection : _layoutDirection;
+  _textTransform = textAttributes->_textTransform != RCTTextTransformUndefined ? textAttributes->_textTransform : _textTransform;
 }
 
 - (NSDictionary<NSAttributedStringKey, id> *)effectiveTextAttributes
@@ -213,6 +216,21 @@ - (UIColor *)effectiveBackgroundColor
   return effectiveBackgroundColor ?: [UIColor clearColor];
 }
 
+- (NSString *)applyTextAttributesToText:(NSString *)text
+{
+  switch (_textTransform) {
+    case RCTTextTransformUndefined:
+    case RCTTextTransformNone:
+      return text;
+    case RCTTextTransformLowercase:
+      return [text lowercaseString];
+    case RCTTextTransformUppercase:
+      return [text uppercaseString];
+    case RCTTextTransformCapitalize:
+      return [text capitalizedString];
+  }
+}
+
 - (RCTTextAttributes *)copyWithZone:(NSZone *)zone
 {
   RCTTextAttributes *textAttributes = [RCTTextAttributes new];
@@ -262,7 +280,8 @@ - (BOOL)isEqual:(RCTTextAttributes *)textAttributes
     // Special
     RCTTextAttributesCompareOthers(_isHighlighted) &&
     RCTTextAttributesCompareObjects(_tag) &&
-    RCTTextAttributesCompareOthers(_layoutDirection);
+    RCTTextAttributesCompareOthers(_layoutDirection) &&
+    RCTTextAttributesCompareOthers(_textTransform);
 }
 
 @end
diff --git a/Libraries/Text/RCTTextTransform.h b/Libraries/Text/RCTTextTransform.h
new file mode 100644
index 00000000000000..eddebd0f0c207e
--- /dev/null
+++ b/Libraries/Text/RCTTextTransform.h
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <Foundation/Foundation.h>
+
+typedef NS_ENUM(NSInteger, RCTTextTransform) {
+  RCTTextTransformUndefined = 0,
+  RCTTextTransformNone,
+  RCTTextTransformCapitalize,
+  RCTTextTransformUppercase,
+  RCTTextTransformLowercase,
+};
diff --git a/Libraries/Text/Text.js b/Libraries/Text/Text.js
index 866f46819e9bce..2a0a939f876af7 100644
--- a/Libraries/Text/Text.js
+++ b/Libraries/Text/Text.js
@@ -4,27 +4,56 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Text
  * @flow
  * @format
  */
+
 'use strict';
 
-const NativeMethodsMixin = require('NativeMethodsMixin');
 const React = require('React');
 const ReactNativeViewAttributes = require('ReactNativeViewAttributes');
+const TextAncestor = require('TextAncestor');
 const TextPropTypes = require('TextPropTypes');
 const Touchable = require('Touchable');
 const UIManager = require('UIManager');
 
-const createReactClass = require('create-react-class');
 const createReactNativeComponentClass = require('createReactNativeComponentClass');
-const mergeFast = require('mergeFast');
+const nullthrows = require('fbjs/lib/nullthrows');
 const processColor = require('processColor');
-const {ViewContextTypes} = require('ViewContext');
+
+import type {PressEvent} from 'CoreEventTypes';
+import type {NativeComponent} from 'ReactNative';
+import type {PressRetentionOffset, TextProps} from 'TextProps';
+
+type ResponseHandlers = $ReadOnly<{|
+  onStartShouldSetResponder: () => boolean,
+  onResponderGrant: (event: SyntheticEvent<>, dispatchID: string) => void,
+  onResponderMove: (event: SyntheticEvent<>) => void,
+  onResponderRelease: (event: SyntheticEvent<>) => void,
+  onResponderTerminate: (event: SyntheticEvent<>) => void,
+  onResponderTerminationRequest: () => boolean,
+|}>;
+
+type Props = $ReadOnly<{
+  ...TextProps,
+  forwardedRef: ?React.Ref<'RCTText' | 'RCTVirtualText'>,
+}>;
+
+type State = {|
+  touchable: {|
+    touchState: ?string,
+    responderID: ?number,
+  |},
+  isHighlighted: boolean,
+  createResponderHandlers: () => ResponseHandlers,
+  responseHandlers: ?ResponseHandlers,
+|};
+
+const PRESS_RECT_OFFSET = {top: 20, left: 20, right: 20, bottom: 30};
 
 const viewConfig = {
-  validAttributes: mergeFast(ReactNativeViewAttributes.UIView, {
+  validAttributes: {
+    ...ReactNativeViewAttributes.UIView,
     isHighlighted: true,
     numberOfLines: true,
     ellipsizeMode: true,
@@ -35,197 +64,213 @@ const viewConfig = {
     adjustsFontSizeToFit: true,
     minimumFontScale: true,
     textBreakStrategy: true,
-  }),
+  },
   uiViewClassName: 'RCTText',
 };
 
-import type {ViewChildContext} from 'ViewContext';
-
 /**
  * A React component for displaying text.
  *
  * See https://facebook.github.io/react-native/docs/text.html
  */
+class TouchableText extends React.Component<Props, State> {
+  static defaultProps = {
+    accessible: true,
+    allowFontScaling: true,
+    ellipsizeMode: 'tail',
+  };
 
-const Text = createReactClass({
-  displayName: 'Text',
-  propTypes: TextPropTypes,
-  getDefaultProps(): Object {
-    return {
-      accessible: true,
-      allowFontScaling: true,
-      ellipsizeMode: 'tail',
-    };
-  },
-  getInitialState: function(): Object {
-    return mergeFast(Touchable.Mixin.touchableGetInitialState(), {
-      isHighlighted: false,
-    });
-  },
-  mixins: [NativeMethodsMixin],
-  viewConfig: viewConfig,
-  getChildContext(): ViewChildContext {
-    return {
-      isInAParentText: true,
-    };
-  },
-  childContextTypes: ViewContextTypes,
-  contextTypes: ViewContextTypes,
-  /**
-   * Only assigned if touch is needed.
-   */
-  _handlers: (null: ?Object),
-  _hasPressHandler(): boolean {
-    return !!this.props.onPress || !!this.props.onLongPress;
-  },
-  /**
-   * These are assigned lazily the first time the responder is set to make plain
-   * text nodes as cheap as possible.
-   */
-  touchableHandleActivePressIn: (null: ?Function),
-  touchableHandleActivePressOut: (null: ?Function),
-  touchableHandlePress: (null: ?Function),
-  touchableHandleLongPress: (null: ?Function),
-  touchableGetPressRectOffset: (null: ?Function),
-  render(): React.Element<any> {
-    let newProps = this.props;
-    if (this.props.onStartShouldSetResponder || this._hasPressHandler()) {
-      if (!this._handlers) {
-        this._handlers = {
-          onStartShouldSetResponder: (): boolean => {
-            const shouldSetFromProps =
-              this.props.onStartShouldSetResponder &&
-              // $FlowFixMe(>=0.41.0)
-              this.props.onStartShouldSetResponder();
-            const setResponder = shouldSetFromProps || this._hasPressHandler();
-            if (setResponder && !this.touchableHandleActivePressIn) {
-              // Attach and bind all the other handlers only the first time a touch
-              // actually happens.
-              for (const key in Touchable.Mixin) {
-                if (typeof Touchable.Mixin[key] === 'function') {
-                  (this: any)[key] = Touchable.Mixin[key].bind(this);
-                }
-              }
-              this.touchableHandleActivePressIn = () => {
-                if (
-                  this.props.suppressHighlighting ||
-                  !this._hasPressHandler()
-                ) {
-                  return;
-                }
-                this.setState({
-                  isHighlighted: true,
-                });
-              };
-
-              this.touchableHandleActivePressOut = () => {
-                if (
-                  this.props.suppressHighlighting ||
-                  !this._hasPressHandler()
-                ) {
-                  return;
-                }
-                this.setState({
-                  isHighlighted: false,
-                });
-              };
-
-              this.touchableHandlePress = (e: SyntheticEvent<>) => {
-                this.props.onPress && this.props.onPress(e);
-              };
-
-              this.touchableHandleLongPress = (e: SyntheticEvent<>) => {
-                this.props.onLongPress && this.props.onLongPress(e);
-              };
-
-              this.touchableGetPressRectOffset = function(): RectOffset {
-                return this.props.pressRetentionOffset || PRESS_RECT_OFFSET;
-              };
-            }
-            return setResponder;
-          },
-          onResponderGrant: function(e: SyntheticEvent<>, dispatchID: string) {
-            this.touchableHandleResponderGrant(e, dispatchID);
-            this.props.onResponderGrant &&
-              this.props.onResponderGrant.apply(this, arguments);
-          }.bind(this),
-          onResponderMove: function(e: SyntheticEvent<>) {
-            this.touchableHandleResponderMove(e);
-            this.props.onResponderMove &&
-              this.props.onResponderMove.apply(this, arguments);
-          }.bind(this),
-          onResponderRelease: function(e: SyntheticEvent<>) {
-            this.touchableHandleResponderRelease(e);
-            this.props.onResponderRelease &&
-              this.props.onResponderRelease.apply(this, arguments);
-          }.bind(this),
-          onResponderTerminate: function(e: SyntheticEvent<>) {
-            this.touchableHandleResponderTerminate(e);
-            this.props.onResponderTerminate &&
-              this.props.onResponderTerminate.apply(this, arguments);
-          }.bind(this),
-          onResponderTerminationRequest: function(): boolean {
-            // Allow touchable or props.onResponderTerminationRequest to deny
-            // the request
-            var allowTermination = this.touchableHandleResponderTerminationRequest();
-            if (allowTermination && this.props.onResponderTerminationRequest) {
-              allowTermination = this.props.onResponderTerminationRequest.apply(
-                this,
-                arguments,
-              );
-            }
-            return allowTermination;
-          }.bind(this),
-        };
-      }
-      newProps = {
-        ...this.props,
-        ...this._handlers,
+  touchableGetPressRectOffset: ?() => PressRetentionOffset;
+  touchableHandleActivePressIn: ?() => void;
+  touchableHandleActivePressOut: ?() => void;
+  touchableHandleLongPress: ?(event: PressEvent) => void;
+  touchableHandlePress: ?(event: PressEvent) => void;
+  touchableHandleResponderGrant: ?(
+    event: SyntheticEvent<>,
+    dispatchID: string,
+  ) => void;
+  touchableHandleResponderMove: ?(event: SyntheticEvent<>) => void;
+  touchableHandleResponderRelease: ?(event: SyntheticEvent<>) => void;
+  touchableHandleResponderTerminate: ?(event: SyntheticEvent<>) => void;
+  touchableHandleResponderTerminationRequest: ?() => boolean;
+
+  state = {
+    ...Touchable.Mixin.touchableGetInitialState(),
+    isHighlighted: false,
+    createResponderHandlers: this._createResponseHandlers.bind(this),
+    responseHandlers: null,
+  };
+
+  static getDerivedStateFromProps(nextProps: Props, prevState: State): ?State {
+    return prevState.responseHandlers == null && isTouchable(nextProps)
+      ? {
+          ...prevState,
+          responseHandlers: prevState.createResponderHandlers(),
+        }
+      : null;
+  }
+
+  static viewConfig = viewConfig;
+
+  render(): React.Node {
+    let props = this.props;
+    if (isTouchable(props)) {
+      props = {
+        ...props,
+        ...this.state.responseHandlers,
         isHighlighted: this.state.isHighlighted,
       };
     }
-    if (newProps.selectionColor != null) {
-      newProps = {
-        ...newProps,
-        selectionColor: processColor(newProps.selectionColor),
-      };
-    }
-    if (Touchable.TOUCH_TARGET_DEBUG && newProps.onPress) {
-      newProps = {
-        ...newProps,
-        style: [this.props.style, {color: 'magenta'}],
+    if (props.selectionColor != null) {
+      props = {
+        ...props,
+        selectionColor: processColor(props.selectionColor),
       };
     }
-    if (this.context.isInAParentText) {
-      return <RCTVirtualText {...newProps} />;
-    } else {
-      return <RCTText {...newProps} />;
+    if (__DEV__) {
+      if (Touchable.TOUCH_TARGET_DEBUG && props.onPress != null) {
+        props = {
+          ...props,
+          style: [props.style, {color: 'magenta'}],
+        };
+      }
     }
-  },
-});
+    return (
+      <TextAncestor.Consumer>
+        {hasTextAncestor =>
+          hasTextAncestor ? (
+            <RCTVirtualText {...props} ref={props.forwardedRef} />
+          ) : (
+            <TextAncestor.Provider value={true}>
+              <RCTText {...props} ref={props.forwardedRef} />
+            </TextAncestor.Provider>
+          )
+        }
+      </TextAncestor.Consumer>
+    );
+  }
 
-type RectOffset = {
-  top: number,
-  left: number,
-  right: number,
-  bottom: number,
-};
+  _createResponseHandlers(): ResponseHandlers {
+    return {
+      onStartShouldSetResponder: (): boolean => {
+        const {onStartShouldSetResponder} = this.props;
+        const shouldSetResponder =
+          (onStartShouldSetResponder == null
+            ? false
+            : onStartShouldSetResponder()) || isTouchable(this.props);
+
+        if (shouldSetResponder) {
+          this._attachTouchHandlers();
+        }
+        return shouldSetResponder;
+      },
+      onResponderGrant: (event: SyntheticEvent<>, dispatchID: string): void => {
+        nullthrows(this.touchableHandleResponderGrant)(event, dispatchID);
+        if (this.props.onResponderGrant != null) {
+          this.props.onResponderGrant.call(this, event, dispatchID);
+        }
+      },
+      onResponderMove: (event: SyntheticEvent<>): void => {
+        nullthrows(this.touchableHandleResponderMove)(event);
+        if (this.props.onResponderMove != null) {
+          this.props.onResponderMove.call(this, event);
+        }
+      },
+      onResponderRelease: (event: SyntheticEvent<>): void => {
+        nullthrows(this.touchableHandleResponderRelease)(event);
+        if (this.props.onResponderRelease != null) {
+          this.props.onResponderRelease.call(this, event);
+        }
+      },
+      onResponderTerminate: (event: SyntheticEvent<>): void => {
+        nullthrows(this.touchableHandleResponderTerminate)(event);
+        if (this.props.onResponderTerminate != null) {
+          this.props.onResponderTerminate.call(this, event);
+        }
+      },
+      onResponderTerminationRequest: (): boolean => {
+        const {onResponderTerminationRequest} = this.props;
+        if (!nullthrows(this.touchableHandleResponderTerminationRequest)()) {
+          return false;
+        }
+        if (onResponderTerminationRequest == null) {
+          return true;
+        }
+        return onResponderTerminationRequest();
+      },
+    };
+  }
+
+  /**
+   * Lazily attaches Touchable.Mixin handlers.
+   */
+  _attachTouchHandlers(): void {
+    if (this.touchableGetPressRectOffset != null) {
+      return;
+    }
+    for (const key in Touchable.Mixin) {
+      if (typeof Touchable.Mixin[key] === 'function') {
+        (this: any)[key] = Touchable.Mixin[key].bind(this);
+      }
+    }
+    this.touchableHandleActivePressIn = (): void => {
+      if (!this.props.suppressHighlighting && isTouchable(this.props)) {
+        this.setState({isHighlighted: true});
+      }
+    };
+    this.touchableHandleActivePressOut = (): void => {
+      if (!this.props.suppressHighlighting && isTouchable(this.props)) {
+        this.setState({isHighlighted: false});
+      }
+    };
+    this.touchableHandlePress = (event: PressEvent): void => {
+      if (this.props.onPress != null) {
+        this.props.onPress(event);
+      }
+    };
+    this.touchableHandleLongPress = (event: PressEvent): void => {
+      if (this.props.onLongPress != null) {
+        this.props.onLongPress(event);
+      }
+    };
+    this.touchableGetPressRectOffset = (): PressRetentionOffset =>
+      this.props.pressRetentionOffset == null
+        ? PRESS_RECT_OFFSET
+        : this.props.pressRetentionOffset;
+  }
+}
 
-var PRESS_RECT_OFFSET = {top: 20, left: 20, right: 20, bottom: 30};
+const isTouchable = (props: Props): boolean =>
+  props.onPress != null ||
+  props.onLongPress != null ||
+  props.onStartShouldSetResponder != null;
 
-var RCTText = createReactNativeComponentClass(
+const RCTText = createReactNativeComponentClass(
   viewConfig.uiViewClassName,
   () => viewConfig,
 );
-var RCTVirtualText = RCTText;
-
-if (UIManager.RCTVirtualText) {
-  RCTVirtualText = createReactNativeComponentClass('RCTVirtualText', () => ({
-    validAttributes: mergeFast(ReactNativeViewAttributes.UIView, {
-      isHighlighted: true,
-    }),
-    uiViewClassName: 'RCTVirtualText',
-  }));
-}
 
-module.exports = Text;
+const RCTVirtualText =
+  UIManager.RCTVirtualText == null
+    ? RCTText
+    : createReactNativeComponentClass('RCTVirtualText', () => ({
+        validAttributes: {
+          ...ReactNativeViewAttributes.UIView,
+          isHighlighted: true,
+        },
+        uiViewClassName: 'RCTVirtualText',
+      }));
+
+const Text = (
+  props: TextProps,
+  forwardedRef: ?React.Ref<'RCTText' | 'RCTVirtualText'>,
+) => {
+  return <TouchableText {...props} forwardedRef={forwardedRef} />;
+};
+// $FlowFixMe - TODO T29156721 `React.forwardRef` is not defined in Flow, yet.
+const TextToExport = React.forwardRef(Text);
+
+// TODO: Deprecate this.
+TextToExport.propTypes = TextPropTypes;
+
+module.exports = (TextToExport: Class<NativeComponent<TextProps>>);
diff --git a/Libraries/Text/TextAncestor.js b/Libraries/Text/TextAncestor.js
new file mode 100644
index 00000000000000..53a109c9d88b56
--- /dev/null
+++ b/Libraries/Text/TextAncestor.js
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+'use strict';
+
+const React = require('React');
+
+/**
+ * Whether the current element is the descendant of a <Text> element.
+ */
+module.exports = React.createContext(false);
diff --git a/Libraries/Text/TextInput/Multiline/RCTMultilineTextInputView.m b/Libraries/Text/TextInput/Multiline/RCTMultilineTextInputView.m
index b2d3cbe894c98b..334fc5a1254be7 100644
--- a/Libraries/Text/TextInput/Multiline/RCTMultilineTextInputView.m
+++ b/Libraries/Text/TextInput/Multiline/RCTMultilineTextInputView.m
@@ -40,9 +40,6 @@ - (instancetype)initWithBridge:(RCTBridge *)bridge
   return self;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithFrame:(CGRect)frame)
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithCoder:(NSCoder *)coder)
-
 - (id<RCTBackedTextInputViewProtocol>)backedTextInputView
 {
   return _backedTextInputView;
diff --git a/Libraries/Text/TextInput/Multiline/RCTUITextView.m b/Libraries/Text/TextInput/Multiline/RCTUITextView.m
index 992a1a8abfc602..ddfd1c27f50d7b 100644
--- a/Libraries/Text/TextInput/Multiline/RCTUITextView.m
+++ b/Libraries/Text/TextInput/Multiline/RCTUITextView.m
@@ -108,12 +108,6 @@ - (void)setTextAlignment:(NSTextAlignment)textAlignment
   _placeholderView.textAlignment = textAlignment;
 }
 
-- (void)setText:(NSString *)text
-{
-  [super setText:text];
-  [self textDidChange];
-}
-
 - (void)setAttributedText:(NSAttributedString *)attributedText
 {
   [super setAttributedText:attributedText];
diff --git a/Libraries/Text/TextInput/RCTBaseTextInputShadowView.m b/Libraries/Text/TextInput/RCTBaseTextInputShadowView.m
index d1fdbcd3d25012..f5a7ca1724754d 100644
--- a/Libraries/Text/TextInput/RCTBaseTextInputShadowView.m
+++ b/Libraries/Text/TextInput/RCTBaseTextInputShadowView.m
@@ -180,8 +180,8 @@ - (NSAttributedString *)measurableAttributedText
     // Placeholder also can represent the intrinsic size when it is visible.
     NSString *text = self.placeholder;
     if (!text.length) {
-      // Zero-width space
-      text = @"\u200B";
+      // Note: `zero-width space` is insufficient in some cases.
+      text = @"I";
     }
     attributedText = [[NSAttributedString alloc] initWithString:text attributes:self.textAttributes.effectiveTextAttributes];
   }
diff --git a/Libraries/Text/TextInput/RCTBaseTextInputView.h b/Libraries/Text/TextInput/RCTBaseTextInputView.h
index 6de343f2fa06d2..1ea3d8df46be97 100644
--- a/Libraries/Text/TextInput/RCTBaseTextInputView.h
+++ b/Libraries/Text/TextInput/RCTBaseTextInputView.h
@@ -47,6 +47,7 @@ NS_ASSUME_NONNULL_BEGIN
 @property (nonatomic, strong, nullable) NSNumber *maxLength;
 @property (nonatomic, copy) NSAttributedString *attributedText;
 @property (nonatomic, copy) NSString *inputAccessoryViewID;
+@property (nonatomic, assign) UIKeyboardType keyboardType;
 
 @end
 
diff --git a/Libraries/Text/TextInput/RCTBaseTextInputView.m b/Libraries/Text/TextInput/RCTBaseTextInputView.m
index d9c47ff16311d4..0d085c19cac616 100644
--- a/Libraries/Text/TextInput/RCTBaseTextInputView.m
+++ b/Libraries/Text/TextInput/RCTBaseTextInputView.m
@@ -98,11 +98,35 @@ - (NSAttributedString *)attributedText
   return self.backedTextInputView.attributedText;
 }
 
+- (BOOL)textOf:(NSAttributedString*)newText equals:(NSAttributedString*)oldText{
+  UITextInputMode *currentInputMode =  self.backedTextInputView.textInputMode;
+  if ([currentInputMode.primaryLanguage isEqualToString:@"dictation"]) {
+    // When the dictation is running we can't update the attibuted text on the backed up text view
+    // because setting the attributed string will kill the dictation. This means that we can't impose
+    // the settings on a dictation.
+    return ([newText.string isEqualToString:oldText.string]);
+  } else {
+    return ([newText isEqualToAttributedString:oldText]);
+  }
+}
+
 - (void)setAttributedText:(NSAttributedString *)attributedText
 {
   NSInteger eventLag = _nativeEventCount - _mostRecentEventCount;
-
-  if (eventLag == 0 && ![attributedText isEqualToAttributedString:self.backedTextInputView.attributedText]) {
+  BOOL textNeedsUpdate = NO;
+  // Remove tag attribute to ensure correct attributed string comparison.
+  NSMutableAttributedString *const backedTextInputViewTextCopy = [self.backedTextInputView.attributedText mutableCopy];
+  NSMutableAttributedString *const attributedTextCopy = [attributedText mutableCopy];
+
+  [backedTextInputViewTextCopy removeAttribute:RCTTextAttributesTagAttributeName
+                                         range:NSMakeRange(0, backedTextInputViewTextCopy.length)];
+
+  [attributedTextCopy removeAttribute:RCTTextAttributesTagAttributeName
+                                range:NSMakeRange(0, attributedTextCopy.length)];
+  
+  textNeedsUpdate = ([self textOf:attributedTextCopy equals:backedTextInputViewTextCopy] == NO);
+  
+  if (eventLag == 0 && textNeedsUpdate) {
     UITextRange *selection = self.backedTextInputView.selectedTextRange;
     NSInteger oldTextLength = self.backedTextInputView.attributedText.string.length;
 
@@ -111,13 +135,13 @@ - (void)setAttributedText:(NSAttributedString *)attributedText
     if (selection.empty) {
       // Maintaining a cursor position relative to the end of the old text.
       NSInteger offsetStart =
-        [self.backedTextInputView offsetFromPosition:self.backedTextInputView.beginningOfDocument
-                                          toPosition:selection.start];
+      [self.backedTextInputView offsetFromPosition:self.backedTextInputView.beginningOfDocument
+                                        toPosition:selection.start];
       NSInteger offsetFromEnd = oldTextLength - offsetStart;
       NSInteger newOffset = attributedText.string.length - offsetFromEnd;
       UITextPosition *position =
-        [self.backedTextInputView positionFromPosition:self.backedTextInputView.beginningOfDocument
-                                                offset:newOffset];
+      [self.backedTextInputView positionFromPosition:self.backedTextInputView.beginningOfDocument
+                                              offset:newOffset];
       [self.backedTextInputView setSelectedTextRange:[self.backedTextInputView textRangeFromPosition:position toPosition:position]
                                       notifyDelegate:YES];
     }
@@ -157,6 +181,34 @@ - (void)setSelection:(RCTTextSelection *)selection
   }
 }
 
+- (void)setTextContentType:(NSString *)type
+{
+  #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_10_0
+    if (@available(iOS 10.0, *)) {
+        // Setting textContentType to an empty string will disable any
+        // default behaviour, like the autofill bar for password inputs
+        self.backedTextInputView.textContentType = [type isEqualToString:@"none"] ? @"" : type;
+    }
+  #endif
+}
+
+- (UIKeyboardType)keyboardType
+{
+  return self.backedTextInputView.keyboardType;
+}
+
+- (void)setKeyboardType:(UIKeyboardType)keyboardType
+{
+  UIView<RCTBackedTextInputViewProtocol> *textInputView = self.backedTextInputView;
+  if (textInputView.keyboardType != keyboardType) {
+    textInputView.keyboardType = keyboardType;
+    // Without the call to reloadInputViews, the keyboard will not change until the textview field (the first responder) loses and regains focus.
+    if (textInputView.isFirstResponder) {
+      [textInputView reloadInputViews];
+    }
+  }
+}
+
 #pragma mark - RCTBackedTextInputDelegate
 
 - (BOOL)textInputShouldBeginEditing
@@ -268,7 +320,12 @@ - (BOOL)textInputShouldChangeTextInRange:(NSRange)range replacementText:(NSStrin
 
   NSString *previousText = [_predictedText substringWithRange:range] ?: @"";
 
-  if (_predictedText) {
+  // After clearing the text by replacing it with an empty string, `_predictedText`
+  // still preserves the deleted text.
+  // As the first character in the TextInput always comes with the range value (0, 0),
+  // we should check the range value in order to avoid appending a character to the deleted string
+  // (which caused the issue #18374)
+  if (!NSEqualRanges(range, NSMakeRange(0, 0)) && _predictedText) {
     _predictedText = [_predictedText stringByReplacingCharactersInRange:range withString:text];
   } else {
     _predictedText = text;
@@ -419,7 +476,7 @@ - (void)setCustomInputAccessoryViewWithNativeID:(NSString *)nativeID
       UIView *accessoryView = [strongSelf->_bridge.uiManager viewForNativeID:nativeID
                                                                  withRootTag:rootView.reactTag];
       if (accessoryView && [accessoryView isKindOfClass:[RCTInputAccessoryView class]]) {
-        strongSelf.backedTextInputView.inputAccessoryView = ((RCTInputAccessoryView *)accessoryView).content.inputAccessoryView;
+        strongSelf.backedTextInputView.inputAccessoryView = ((RCTInputAccessoryView *)accessoryView).inputAccessoryView;
         [strongSelf reloadInputViewsIfNecessary];
       }
     }
diff --git a/Libraries/Text/TextInput/RCTBaseTextInputViewManager.m b/Libraries/Text/TextInput/RCTBaseTextInputViewManager.m
index aaead20b0b9c1c..d5c49328042812 100644
--- a/Libraries/Text/TextInput/RCTBaseTextInputViewManager.m
+++ b/Libraries/Text/TextInput/RCTBaseTextInputViewManager.m
@@ -40,7 +40,6 @@ @implementation RCTBaseTextInputViewManager
 RCT_REMAP_VIEW_PROPERTY(editable, backedTextInputView.editable, BOOL)
 RCT_REMAP_VIEW_PROPERTY(enablesReturnKeyAutomatically, backedTextInputView.enablesReturnKeyAutomatically, BOOL)
 RCT_REMAP_VIEW_PROPERTY(keyboardAppearance, backedTextInputView.keyboardAppearance, UIKeyboardAppearance)
-RCT_REMAP_VIEW_PROPERTY(keyboardType, backedTextInputView.keyboardType, UIKeyboardType)
 RCT_REMAP_VIEW_PROPERTY(placeholder, backedTextInputView.placeholder, NSString)
 RCT_REMAP_VIEW_PROPERTY(placeholderTextColor, backedTextInputView.placeholderColor, UIColor)
 RCT_REMAP_VIEW_PROPERTY(returnKeyType, backedTextInputView.returnKeyType, UIReturnKeyType)
@@ -51,10 +50,12 @@ @implementation RCTBaseTextInputViewManager
 RCT_REMAP_VIEW_PROPERTY(clearButtonMode, backedTextInputView.clearButtonMode, UITextFieldViewMode)
 RCT_EXPORT_VIEW_PROPERTY(blurOnSubmit, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(clearTextOnFocus, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(keyboardType, UIKeyboardType)
 RCT_EXPORT_VIEW_PROPERTY(maxLength, NSNumber)
 RCT_EXPORT_VIEW_PROPERTY(selectTextOnFocus, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(selection, RCTTextSelection)
 RCT_EXPORT_VIEW_PROPERTY(inputAccessoryViewID, NSString)
+RCT_EXPORT_VIEW_PROPERTY(textContentType, NSString)
 
 RCT_EXPORT_VIEW_PROPERTY(onChange, RCTBubblingEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onSelectionChange, RCTDirectEventBlock)
diff --git a/Libraries/Text/TextInput/RCTInputAccessoryShadowView.h b/Libraries/Text/TextInput/RCTInputAccessoryShadowView.h
new file mode 100644
index 00000000000000..c63fdf48158acf
--- /dev/null
+++ b/Libraries/Text/TextInput/RCTInputAccessoryShadowView.h
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <React/RCTShadowView.h>
+
+@interface RCTInputAccessoryShadowView : RCTShadowView
+
+@end
diff --git a/Libraries/Text/TextInput/RCTInputAccessoryShadowView.m b/Libraries/Text/TextInput/RCTInputAccessoryShadowView.m
new file mode 100644
index 00000000000000..6798744148e392
--- /dev/null
+++ b/Libraries/Text/TextInput/RCTInputAccessoryShadowView.m
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTInputAccessoryShadowView.h"
+
+#import <React/RCTUtils.h>
+
+@implementation RCTInputAccessoryShadowView
+
+- (void)insertReactSubview:(RCTShadowView *)subview atIndex:(NSInteger)atIndex
+{
+  [super insertReactSubview:subview atIndex:atIndex];
+  subview.width = (YGValue) { RCTScreenSize().width, YGUnitPoint };
+}
+
+@end
diff --git a/Libraries/Text/TextInput/RCTInputAccessoryView.h b/Libraries/Text/TextInput/RCTInputAccessoryView.h
index b2517534baf3bb..207203fc22321e 100644
--- a/Libraries/Text/TextInput/RCTInputAccessoryView.h
+++ b/Libraries/Text/TextInput/RCTInputAccessoryView.h
@@ -14,6 +14,4 @@
 
 - (instancetype)initWithBridge:(RCTBridge *)bridge;
 
-@property (nonatomic, readonly, strong) RCTInputAccessoryViewContent *content;
-
 @end
diff --git a/Libraries/Text/TextInput/RCTInputAccessoryView.m b/Libraries/Text/TextInput/RCTInputAccessoryView.m
index a1902a80ea5fd4..1f66e473966c06 100644
--- a/Libraries/Text/TextInput/RCTInputAccessoryView.m
+++ b/Libraries/Text/TextInput/RCTInputAccessoryView.m
@@ -13,56 +13,66 @@
 
 #import "RCTInputAccessoryViewContent.h"
 
+@interface RCTInputAccessoryView()
+
+// Overriding `inputAccessoryView` to `readwrite`.
+@property (nonatomic, readwrite, retain) UIView *inputAccessoryView;
+
+@end
+
 @implementation RCTInputAccessoryView
 {
-  BOOL _contentShouldBeFirstResponder;
+  BOOL _shouldBecomeFirstResponder;
 }
 
 - (instancetype)initWithBridge:(RCTBridge *)bridge
 {
   if (self = [super init]) {
-    _content = [RCTInputAccessoryViewContent new];
+    _inputAccessoryView = [RCTInputAccessoryViewContent new];
     RCTTouchHandler *const touchHandler = [[RCTTouchHandler alloc] initWithBridge:bridge];
-    [touchHandler attachToView:_content.inputAccessoryView];
-    [self addSubview:_content];
+    [touchHandler attachToView:_inputAccessoryView];
   }
   return self;
 }
 
+- (BOOL)canBecomeFirstResponder
+{
+  return true;
+}
+
 - (void)reactSetFrame:(CGRect)frame
 {
-  [_content.inputAccessoryView setFrame:frame];
-  [_content.contentView setFrame:frame];
+  [_inputAccessoryView setFrame:frame];
 
-  if (_contentShouldBeFirstResponder) {
-    _contentShouldBeFirstResponder = NO;
-    [_content becomeFirstResponder];
+  if (_shouldBecomeFirstResponder) {
+    _shouldBecomeFirstResponder = NO;
+    [self becomeFirstResponder];
   }
 }
 
 - (void)insertReactSubview:(UIView *)subview atIndex:(NSInteger)index
 {
   [super insertReactSubview:subview atIndex:index];
-  [_content insertReactSubview:subview atIndex:index];
+  [_inputAccessoryView insertReactSubview:subview atIndex:index];
 }
 
 - (void)removeReactSubview:(UIView *)subview
 {
   [super removeReactSubview:subview];
-  [_content removeReactSubview:subview];
+  [_inputAccessoryView removeReactSubview:subview];
 }
 
 - (void)didUpdateReactSubviews
 {
-  // Do nothing, as subviews are managed by `insertReactSubview:atIndex:`
+  // Do nothing, as subviews are managed by `insertReactSubview:atIndex:`.
 }
 
 - (void)didSetProps:(NSArray<NSString *> *)changedProps
 {
   // If the accessory view is not linked to a text input via nativeID, assume it is
-  // a standalone component that should get focus whenever it is rendered
+  // a standalone component that should get focus whenever it is rendered.
   if (![changedProps containsObject:@"nativeID"] && !self.nativeID) {
-    _contentShouldBeFirstResponder = YES;
+    _shouldBecomeFirstResponder = YES;
   }
 }
 
diff --git a/Libraries/Text/TextInput/RCTInputAccessoryViewContent.h b/Libraries/Text/TextInput/RCTInputAccessoryViewContent.h
index 7c24d010e2d270..7dca711a648d83 100644
--- a/Libraries/Text/TextInput/RCTInputAccessoryViewContent.h
+++ b/Libraries/Text/TextInput/RCTInputAccessoryViewContent.h
@@ -9,6 +9,4 @@
 
 @interface RCTInputAccessoryViewContent : UIView
 
-@property (nonatomic, readwrite, retain) UIView *contentView;
-
 @end
diff --git a/Libraries/Text/TextInput/RCTInputAccessoryViewContent.m b/Libraries/Text/TextInput/RCTInputAccessoryViewContent.m
index 3fb7fca715c608..5a9f142c6108a5 100644
--- a/Libraries/Text/TextInput/RCTInputAccessoryViewContent.m
+++ b/Libraries/Text/TextInput/RCTInputAccessoryViewContent.m
@@ -9,65 +9,54 @@
 
 #import <React/UIView+React.h>
 
-@interface RCTInputAccessoryViewContent()
-
-// Overriding `inputAccessoryView` to `readwrite`.
-@property (nonatomic, readwrite, retain) UIView *inputAccessoryView;
-
-@end
-
 @implementation RCTInputAccessoryViewContent
+{
+  UIView *_safeAreaContainer;
+}
 
-- (BOOL)canBecomeFirstResponder
+- (instancetype)init
 {
-  return true;
+  if (self = [super init]) {
+    _safeAreaContainer = [UIView new];
+    [self addSubview:_safeAreaContainer];
+  }
+  return self;
 }
 
-- (BOOL)becomeFirstResponder
+- (void)didMoveToSuperview
 {
-  const BOOL becameFirstResponder = [super becomeFirstResponder];
 
-  #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 110000 /* __IPHONE_11_0 */
-  // Avoiding the home pill and notch (landscape mode) on iphoneX.
-  if (becameFirstResponder) {
-    if (@available(iOS 11.0, *)) {
-      [_contentView.bottomAnchor
-       constraintLessThanOrEqualToSystemSpacingBelowAnchor:_contentView.window.safeAreaLayoutGuide.bottomAnchor
-       multiplier:1.0f].active = YES;
-      [_contentView.leftAnchor
-       constraintLessThanOrEqualToSystemSpacingAfterAnchor:_contentView.window.safeAreaLayoutGuide.leftAnchor
-       multiplier:1.0f].active = YES;
-      [_contentView.rightAnchor
-       constraintLessThanOrEqualToSystemSpacingAfterAnchor:_contentView.window.safeAreaLayoutGuide.rightAnchor
+#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 110000 /* __IPHONE_11_0 */
+  // Avoid the home pill (in portrait mode)
+  // TODO: Support rotation, anchor to left and right without breaking frame x coordinate (T27974328).
+  if (@available(iOS 11.0, *)) {
+    if (self.window) {
+      [_safeAreaContainer.bottomAnchor
+       constraintLessThanOrEqualToSystemSpacingBelowAnchor:self.window.safeAreaLayoutGuide.bottomAnchor
        multiplier:1.0f].active = YES;
     }
   }
-  #endif
+#endif
 
-  return becameFirstResponder;
 }
 
-- (UIView *)inputAccessoryView
+- (void)setFrame:(CGRect)frame
 {
-  if (!_inputAccessoryView) {
-    _inputAccessoryView = [UIView new];
-    _contentView = [UIView new];
-    [_inputAccessoryView addSubview:_contentView];
-  }
-  return _inputAccessoryView;
+  [super setFrame:frame];
+  [_safeAreaContainer setFrame:frame];
 }
 
 - (void)insertReactSubview:(UIView *)subview atIndex:(NSInteger)index
 {
   [super insertReactSubview:subview atIndex:index];
-  [_contentView insertSubview:subview atIndex:index];
+  [_safeAreaContainer insertSubview:subview atIndex:index];
 }
 
 - (void)removeReactSubview:(UIView *)subview
 {
   [super removeReactSubview:subview];
   [subview removeFromSuperview];
-  if ([[_inputAccessoryView subviews] count] == 0 && [self isFirstResponder]) {
+  if ([[_safeAreaContainer subviews] count] == 0 && [self isFirstResponder]) {
     [self resignFirstResponder];
   }
 }
diff --git a/Libraries/Text/TextInput/RCTInputAccessoryViewManager.m b/Libraries/Text/TextInput/RCTInputAccessoryViewManager.m
index b293889eb6de84..490aa841aa49a2 100644
--- a/Libraries/Text/TextInput/RCTInputAccessoryViewManager.m
+++ b/Libraries/Text/TextInput/RCTInputAccessoryViewManager.m
@@ -7,6 +7,7 @@
 
 #import "RCTInputAccessoryViewManager.h"
 
+#import "RCTInputAccessoryShadowView.h"
 #import "RCTInputAccessoryView.h"
 
 @implementation RCTInputAccessoryViewManager
@@ -23,6 +24,11 @@ - (UIView *)view
   return [[RCTInputAccessoryView alloc] initWithBridge:self.bridge];
 }
 
-RCT_REMAP_VIEW_PROPERTY(backgroundColor, content.inputAccessoryView.backgroundColor, UIColor)
+- (RCTShadowView *)shadowView
+{
+  return [RCTInputAccessoryShadowView new];
+}
+
+RCT_REMAP_VIEW_PROPERTY(backgroundColor, inputAccessoryView.backgroundColor, UIColor)
 
 @end
diff --git a/Libraries/Text/TextInput/Singleline/RCTSinglelineTextInputView.m b/Libraries/Text/TextInput/Singleline/RCTSinglelineTextInputView.m
index d3e29b266aad02..0a4b9944c0d705 100644
--- a/Libraries/Text/TextInput/Singleline/RCTSinglelineTextInputView.m
+++ b/Libraries/Text/TextInput/Singleline/RCTSinglelineTextInputView.m
@@ -32,9 +32,6 @@ - (instancetype)initWithBridge:(RCTBridge *)bridge
   return self;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithFrame:(CGRect)frame)
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithCoder:(NSCoder *)coder)
-
 - (id<RCTBackedTextInputViewProtocol>)backedTextInputView
 {
   return _backedTextInputView;
diff --git a/Libraries/Text/TextInput/Singleline/RCTUITextField.m b/Libraries/Text/TextInput/Singleline/RCTUITextField.m
index 83e7603ae83506..84e2528f83fff4 100644
--- a/Libraries/Text/TextInput/Singleline/RCTUITextField.m
+++ b/Libraries/Text/TextInput/Singleline/RCTUITextField.m
@@ -121,12 +121,6 @@ - (CGRect)editingRectForBounds:(CGRect)bounds
 
 #pragma mark - Overrides
 
-- (void)setSelectedTextRange:(UITextRange *)selectedTextRange
-{
-  [super setSelectedTextRange:selectedTextRange];
-  [_textInputDelegateAdapter selectedTextRangeWasSet];
-}
-
 - (void)setSelectedTextRange:(UITextRange *)selectedTextRange notifyDelegate:(BOOL)notifyDelegate
 {
   if (!notifyDelegate) {
diff --git a/Libraries/Text/TextPropTypes.js b/Libraries/Text/TextPropTypes.js
index 81a7af03f6058f..5a3c99d7378531 100644
--- a/Libraries/Text/TextPropTypes.js
+++ b/Libraries/Text/TextPropTypes.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TextPropTypes
  * @flow
  * @format
  */
diff --git a/Libraries/Text/TextProps.js b/Libraries/Text/TextProps.js
index 20eb363765e215..474c8fef802bb5 100644
--- a/Libraries/Text/TextProps.js
+++ b/Libraries/Text/TextProps.js
@@ -4,30 +4,32 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TextProps
  * @flow
  * @format
  */
 
 'use strict';
 
+import type {AccessibilityTrait} from 'ViewAccessibility';
+
 import type {Node} from 'react';
 
 import type {LayoutEvent, PressEvent} from 'CoreEventTypes';
 import type {DangerouslyImpreciseStyleProp} from 'StyleSheet';
 
-type PressRetentionOffset = {
+export type PressRetentionOffset = $ReadOnly<{|
   top: number,
   left: number,
   bottom: number,
   right: number,
-};
+|}>;
 
 /**
  * @see https://facebook.github.io/react-native/docs/text.html#reference
  */
 export type TextProps = $ReadOnly<{
   accessible?: ?boolean,
+  accessibilityTraits?: AccessibilityTrait | Array<AccessibilityTrait>,
   allowFontScaling?: ?boolean,
   children?: Node,
   ellipsizeMode?: 'clip' | 'head' | 'middle' | 'tail',
diff --git a/Libraries/Text/TextStylePropTypes.js b/Libraries/Text/TextStylePropTypes.js
index c5e67ca99e17f5..28f63c01d7d3e6 100644
--- a/Libraries/Text/TextStylePropTypes.js
+++ b/Libraries/Text/TextStylePropTypes.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TextStylePropTypes
+ * @format
  * @flow
  */
+
 'use strict';
 
 const ColorPropType = require('ColorPropType');
@@ -25,10 +26,19 @@ const TextStylePropTypes = {
    * most fonts. Not all fonts have a variant for each of the numeric values,
    * in that case the closest one is chosen.
    */
-  fontWeight: ReactPropTypes.oneOf(
-    ['normal' /*default*/, 'bold',
-     '100', '200', '300', '400', '500', '600', '700', '800', '900']
-  ),
+  fontWeight: ReactPropTypes.oneOf([
+    'normal' /*default*/,
+    'bold',
+    '100',
+    '200',
+    '300',
+    '400',
+    '500',
+    '600',
+    '700',
+    '800',
+    '900',
+  ]),
   /**
    * @platform ios
    */
@@ -39,11 +49,12 @@ const TextStylePropTypes = {
       'lining-nums',
       'tabular-nums',
       'proportional-nums',
-    ])
-  ),
-  textShadowOffset: ReactPropTypes.shape(
-    {width: ReactPropTypes.number, height: ReactPropTypes.number}
+    ]),
   ),
+  textShadowOffset: ReactPropTypes.shape({
+    width: ReactPropTypes.number,
+    height: ReactPropTypes.number,
+  }),
   textShadowRadius: ReactPropTypes.number,
   textShadowColor: ColorPropType,
   /**
@@ -55,15 +66,22 @@ const TextStylePropTypes = {
    * Specifies text alignment. The value 'justify' is only supported on iOS and
    * fallbacks to `left` on Android.
    */
-  textAlign: ReactPropTypes.oneOf(
-    ['auto' /*default*/, 'left', 'right', 'center', 'justify']
-  ),
+  textAlign: ReactPropTypes.oneOf([
+    'auto' /*default*/,
+    'left',
+    'right',
+    'center',
+    'justify',
+  ]),
   /**
    * @platform android
    */
-  textAlignVertical: ReactPropTypes.oneOf(
-    ['auto' /*default*/, 'top', 'bottom', 'center']
-  ),
+  textAlignVertical: ReactPropTypes.oneOf([
+    'auto' /*default*/,
+    'top',
+    'bottom',
+    'center',
+  ]),
   /**
    * Set to `false` to remove extra font padding intended to make space for certain ascenders / descenders.
    * With some fonts, this padding can make text look slightly misaligned when centered vertically.
@@ -71,15 +89,21 @@ const TextStylePropTypes = {
    * @platform android
    */
   includeFontPadding: ReactPropTypes.bool,
-  textDecorationLine: ReactPropTypes.oneOf(
-    ['none' /*default*/, 'underline', 'line-through', 'underline line-through']
-  ),
+  textDecorationLine: ReactPropTypes.oneOf([
+    'none' /*default*/,
+    'underline',
+    'line-through',
+    'underline line-through',
+  ]),
   /**
    * @platform ios
    */
-  textDecorationStyle: ReactPropTypes.oneOf(
-    ['solid' /*default*/, 'double', 'dotted','dashed']
-  ),
+  textDecorationStyle: ReactPropTypes.oneOf([
+    'solid' /*default*/,
+    'double',
+    'dotted',
+    'dashed',
+  ]),
   /**
    * @platform ios
    */
@@ -87,9 +111,16 @@ const TextStylePropTypes = {
   /**
    * @platform ios
    */
-  writingDirection: ReactPropTypes.oneOf(
-    ['auto' /*default*/, 'ltr', 'rtl']
-  ),
+  textTransform: ReactPropTypes.oneOf([
+    'none' /*default*/,
+    'capitalize',
+    'uppercase',
+    'lowercase',
+  ]),
+  /**
+   * @platform ios
+   */
+  writingDirection: ReactPropTypes.oneOf(['auto' /*default*/, 'ltr', 'rtl']),
 };
 
 module.exports = TextStylePropTypes;
diff --git a/Libraries/Text/TextUpdateTest.js b/Libraries/Text/TextUpdateTest.js
deleted file mode 100644
index ec81ddab1c7903..00000000000000
--- a/Libraries/Text/TextUpdateTest.js
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @providesModule TextUpdateTest
- * @flow
- */
-'use strict';
-
-var React = require('react');
-var createReactClass = require('create-react-class');
-var ReactNative = require('react-native');
-/* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
- * found when Flow v0.54 was deployed. To see the error delete this comment and
- * run Flow. */
-var TimerMixin = require('react-timer-mixin');
-var {
-  NativeModules,
-  StyleSheet,
-  Text,
-} = ReactNative;
-
-var TestManager = NativeModules.TestManager || NativeModules.SnapshotTestManager;
-
-var TextUpdateTest = createReactClass({
-  displayName: 'TextUpdateTest',
-  mixins: [TimerMixin],
-  getInitialState: function() {
-    return {seeMore: true};
-  },
-  componentDidMount: function() {
-    this.requestAnimationFrame(
-      () => this.setState({seeMore: false}, () => {
-        TestManager.markTestCompleted();
-      })
-    );
-  },
-  render: function() {
-    return (
-      <Text
-        style={styles.container}
-        onPress={() => this.setState({seeMore: !this.state.seeMore})}>
-        <Text>Tap to see more (bugs)...</Text>
-        {this.state.seeMore && 'raw text'}
-      </Text>
-    );
-  },
-});
-
-var styles = StyleSheet.create({
-  container: {
-    margin: 10,
-    marginTop: 100,
-  },
-});
-
-module.exports = TextUpdateTest;
diff --git a/Libraries/Types/CoreEventTypes.js b/Libraries/Types/CoreEventTypes.js
index 56d4eecf8c348b..0714dc2316c7f3 100644
--- a/Libraries/Types/CoreEventTypes.js
+++ b/Libraries/Types/CoreEventTypes.js
@@ -4,8 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule CoreEventTypes
- * @flow
+ * @flow strict
  * @format
  */
 
diff --git a/Libraries/UTFSequence.js b/Libraries/UTFSequence.js
index 9bff51555d5563..5c450cd2bdcfef 100644
--- a/Libraries/UTFSequence.js
+++ b/Libraries/UTFSequence.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule UTFSequence
  * @flow
  * @format
  */
@@ -21,6 +20,7 @@ const deepFreezeAndThrowOnMutationInDev = require('deepFreezeAndThrowOnMutationI
  *  - Less chance of typos.
  */
 const UTFSequence = deepFreezeAndThrowOnMutationInDev({
+  BOM: '\ufeff', // byte order mark
   BULLET: '\u2022', // bullet: &#8226;
   BULLET_SP: '\u00A0\u2022\u00A0', // &nbsp;&#8226;&nbsp;
   MIDDOT: '\u00B7', // normal middle dot: &middot;
@@ -32,6 +32,8 @@ const UTFSequence = deepFreezeAndThrowOnMutationInDev({
   NDASH_SP: '\u00A0\u2013\u00A0', // &nbsp;&ndash;&nbsp;
   NBSP: '\u00A0', // non-breaking space: &nbsp;
   PIZZA: '\uD83C\uDF55',
+  TRIANGLE_LEFT: '\u25c0', // black left-pointing triangle
+  TRIANGLE_RIGHT: '\u25b6', // black right-pointing triangle
 });
 
 module.exports = UTFSequence;
diff --git a/Libraries/Utilities/BackAndroid.js b/Libraries/Utilities/BackAndroid.js
index 4fc029341f4b9e..9484ace2411957 100644
--- a/Libraries/Utilities/BackAndroid.js
+++ b/Libraries/Utilities/BackAndroid.js
@@ -7,41 +7,48 @@
  * BackAndroid has been moved to BackHandler.  This stub calls BackHandler methods
  * after generating a warning to remind users to move to the new BackHandler module.
  *
- * @providesModule BackAndroid
+ * @format
  */
 
 'use strict';
 
-var BackHandler = require('BackHandler');
+const BackHandler = require('BackHandler');
 
-var warning = require('fbjs/lib/warning');
+const warning = require('fbjs/lib/warning');
 
 /**
  * Deprecated.  Use BackHandler instead.
  */
-var BackAndroid = {
-
+const BackAndroid = {
   exitApp: function() {
-    warning(false, 'BackAndroid is deprecated.  Please use BackHandler instead.');
+    warning(
+      false,
+      'BackAndroid is deprecated.  Please use BackHandler instead.',
+    );
     BackHandler.exitApp();
   },
 
-  addEventListener: function (
+  addEventListener: function(
     eventName: BackPressEventName,
-    handler: Function
+    handler: Function,
   ): {remove: () => void} {
-    warning(false, 'BackAndroid is deprecated.  Please use BackHandler instead.');
+    warning(
+      false,
+      'BackAndroid is deprecated.  Please use BackHandler instead.',
+    );
     return BackHandler.addEventListener(eventName, handler);
   },
 
   removeEventListener: function(
     eventName: BackPressEventName,
-    handler: Function
+    handler: Function,
   ): void {
-    warning(false, 'BackAndroid is deprecated.  Please use BackHandler instead.');
+    warning(
+      false,
+      'BackAndroid is deprecated.  Please use BackHandler instead.',
+    );
     BackHandler.removeEventListener(eventName, handler);
   },
-
 };
 
 module.exports = BackAndroid;
diff --git a/Libraries/Utilities/BackHandler.android.js b/Libraries/Utilities/BackHandler.android.js
index 8f34cfacd1c349..35c60a155b126c 100644
--- a/Libraries/Utilities/BackHandler.android.js
+++ b/Libraries/Utilities/BackHandler.android.js
@@ -4,27 +4,27 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule BackHandler
+ * @format
  */
 
 'use strict';
 
-var DeviceEventManager = require('NativeModules').DeviceEventManager;
-var RCTDeviceEventEmitter = require('RCTDeviceEventEmitter');
+const DeviceEventManager = require('NativeModules').DeviceEventManager;
+const RCTDeviceEventEmitter = require('RCTDeviceEventEmitter');
 
-var DEVICE_BACK_EVENT = 'hardwareBackPress';
+const DEVICE_BACK_EVENT = 'hardwareBackPress';
 
 type BackPressEventName = $Enum<{
   backPress: string,
 }>;
 
-var _backPressSubscriptions = new Set();
+const _backPressSubscriptions = new Set();
 
 RCTDeviceEventEmitter.addListener(DEVICE_BACK_EVENT, function() {
-  var invokeDefault = true;
-  var subscriptions = Array.from(_backPressSubscriptions.values()).reverse();
+  let invokeDefault = true;
+  const subscriptions = Array.from(_backPressSubscriptions.values()).reverse();
 
-  for (var i = 0; i < subscriptions.length; ++i) {
+  for (let i = 0; i < subscriptions.length; ++i) {
     if (subscriptions[i]()) {
       invokeDefault = false;
       break;
@@ -66,8 +66,7 @@ RCTDeviceEventEmitter.addListener(DEVICE_BACK_EVENT, function() {
  * });
  * ```
  */
-var BackHandler = {
-
+const BackHandler = {
   exitApp: function() {
     DeviceEventManager.invokeDefaultBackPressHandler();
   },
@@ -78,9 +77,9 @@ var BackHandler = {
    * - `hardwareBackPress`: Fires when the Android hardware back button is pressed or when the
    * tvOS menu button is pressed.
    */
-  addEventListener: function (
+  addEventListener: function(
     eventName: BackPressEventName,
-    handler: Function
+    handler: Function,
   ): {remove: () => void} {
     _backPressSubscriptions.add(handler);
     return {
@@ -93,11 +92,10 @@ var BackHandler = {
    */
   removeEventListener: function(
     eventName: BackPressEventName,
-    handler: Function
+    handler: Function,
   ): void {
     _backPressSubscriptions.delete(handler);
   },
-
 };
 
 module.exports = BackHandler;
diff --git a/Libraries/Utilities/BackHandler.ios.js b/Libraries/Utilities/BackHandler.ios.js
index 33c6a8c1d6aa48..969a031ab62a96 100644
--- a/Libraries/Utilities/BackHandler.ios.js
+++ b/Libraries/Utilities/BackHandler.ios.js
@@ -7,7 +7,7 @@
  * On Apple TV, this implements back navigation using the TV remote's menu button.
  * On iOS, this just implements a stub.
  *
- * @providesModule BackHandler
+ * @format
  */
 
 'use strict';
@@ -53,16 +53,18 @@ function emptyFunction() {}
  */
 let BackHandler;
 
-if (Platform.isTVOS) {
+if (Platform.isTV) {
   const _tvEventHandler = new TVEventHandler();
-  var _backPressSubscriptions = new Set();
+  const _backPressSubscriptions = new Set();
 
   _tvEventHandler.enable(this, function(cmp, evt) {
     if (evt && evt.eventType === 'menu') {
-      var invokeDefault = true;
-      var subscriptions = Array.from(_backPressSubscriptions.values()).reverse();
+      let invokeDefault = true;
+      const subscriptions = Array.from(
+        _backPressSubscriptions.values(),
+      ).reverse();
 
-      for (var i = 0; i < subscriptions.length; ++i) {
+      for (let i = 0; i < subscriptions.length; ++i) {
         if (subscriptions[i]()) {
           invokeDefault = false;
           break;
@@ -78,9 +80,9 @@ if (Platform.isTVOS) {
   BackHandler = {
     exitApp: emptyFunction,
 
-    addEventListener: function (
+    addEventListener: function(
       eventName: BackPressEventName,
-      handler: Function
+      handler: Function,
     ): {remove: () => void} {
       _backPressSubscriptions.add(handler);
       return {
@@ -90,15 +92,12 @@ if (Platform.isTVOS) {
 
     removeEventListener: function(
       eventName: BackPressEventName,
-      handler: Function
+      handler: Function,
     ): void {
       _backPressSubscriptions.delete(handler);
     },
-
   };
-
 } else {
-
   BackHandler = {
     exitApp: emptyFunction,
     addEventListener() {
@@ -108,7 +107,6 @@ if (Platform.isTVOS) {
     },
     removeEventListener: emptyFunction,
   };
-
 }
 
 module.exports = BackHandler;
diff --git a/Libraries/Utilities/DeviceInfo.js b/Libraries/Utilities/DeviceInfo.js
index 8503ac75ca31f5..88b2a896167f8f 100644
--- a/Libraries/Utilities/DeviceInfo.js
+++ b/Libraries/Utilities/DeviceInfo.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule DeviceInfo
+ * @format
  * @flow
  */
+
 'use strict';
 
 const DeviceInfo = require('NativeModules').DeviceInfo;
diff --git a/Libraries/Utilities/Dimensions.js b/Libraries/Utilities/Dimensions.js
index d13b14f1bd18ea..bd4e60f0ef5ba7 100644
--- a/Libraries/Utilities/Dimensions.js
+++ b/Libraries/Utilities/Dimensions.js
@@ -4,20 +4,21 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Dimensions
+ * @format
  * @flow
  */
+
 'use strict';
 
-var EventEmitter = require('EventEmitter');
-var Platform = require('Platform');
-var RCTDeviceEventEmitter = require('RCTDeviceEventEmitter');
+const EventEmitter = require('EventEmitter');
+const Platform = require('Platform');
+const RCTDeviceEventEmitter = require('RCTDeviceEventEmitter');
 
-var invariant = require('fbjs/lib/invariant');
+const invariant = require('fbjs/lib/invariant');
 
-var eventEmitter = new EventEmitter();
-var dimensionsInitialized = false;
-var dimensions = {};
+const eventEmitter = new EventEmitter();
+let dimensionsInitialized = false;
+const dimensions = {};
 class Dimensions {
   /**
    * This should only be called from native code by sending the
@@ -25,7 +26,7 @@ class Dimensions {
    *
    * @param {object} dims Simple string-keyed object of dimensions to set
    */
-  static set(dims: {[key:string]: any}): void {
+  static set(dims: {[key: string]: any}): void {
     // We calculate the window dimensions in JS so that we don't encounter loss of
     // precision in transferring the dimensions (which could be non-integers) over
     // the bridge.
@@ -64,7 +65,7 @@ class Dimensions {
       // Don't fire 'change' the first time the dimensions are set.
       eventEmitter.emit('change', {
         window: dimensions.window,
-        screen: dimensions.screen
+        screen: dimensions.screen,
       });
     } else {
       dimensionsInitialized = true;
@@ -99,13 +100,11 @@ class Dimensions {
    *   are the same as the return values of `Dimensions.get('window')` and
    *   `Dimensions.get('screen')`, respectively.
    */
-  static addEventListener(
-    type: string,
-    handler: Function
-  ) {
+  static addEventListener(type: string, handler: Function) {
     invariant(
       type === 'change',
-      'Trying to subscribe to unknown event: "%s"', type
+      'Trying to subscribe to unknown event: "%s"',
+      type,
     );
     eventEmitter.addListener(type, handler);
   }
@@ -113,19 +112,20 @@ class Dimensions {
   /**
    * Remove an event handler.
    */
-  static removeEventListener(
-    type: string,
-    handler: Function
-  ) {
+  static removeEventListener(type: string, handler: Function) {
     invariant(
       type === 'change',
-      'Trying to remove listener for unknown event: "%s"', type
+      'Trying to remove listener for unknown event: "%s"',
+      type,
     );
     eventEmitter.removeListener(type, handler);
   }
 }
 
-let dims: ?{[key: string]: any} = global.nativeExtensions && global.nativeExtensions.DeviceInfo && global.nativeExtensions.DeviceInfo.Dimensions;
+let dims: ?{[key: string]: any} =
+  global.nativeExtensions &&
+  global.nativeExtensions.DeviceInfo &&
+  global.nativeExtensions.DeviceInfo.Dimensions;
 let nativeExtensionsEnabled = true;
 if (!dims) {
   const DeviceInfo = require('DeviceInfo');
@@ -133,7 +133,10 @@ if (!dims) {
   nativeExtensionsEnabled = false;
 }
 
-invariant(dims, 'Either DeviceInfo native extension or DeviceInfo Native Module must be registered');
+invariant(
+  dims,
+  'Either DeviceInfo native extension or DeviceInfo Native Module must be registered',
+);
 Dimensions.set(dims);
 if (!nativeExtensionsEnabled) {
   RCTDeviceEventEmitter.addListener('didUpdateDimensions', function(update) {
diff --git a/Libraries/Utilities/HMRClient.js b/Libraries/Utilities/HMRClient.js
index ff897afda8bf99..77169a2efcb57b 100644
--- a/Libraries/Utilities/HMRClient.js
+++ b/Libraries/Utilities/HMRClient.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule HMRClient
  * @format
  * @flow
  */
diff --git a/Libraries/Utilities/HMRLoadingView.android.js b/Libraries/Utilities/HMRLoadingView.android.js
index ebda3ee65c81ec..ae17636537a2d9 100644
--- a/Libraries/Utilities/HMRLoadingView.android.js
+++ b/Libraries/Utilities/HMRLoadingView.android.js
@@ -4,13 +4,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule HMRLoadingView
+ * @format
  * @flow
  */
 
 'use strict';
 
-var ToastAndroid = require('ToastAndroid');
+const ToastAndroid = require('ToastAndroid');
 
 const TOAST_SHORT_DELAY = 2000;
 
diff --git a/Libraries/Utilities/HMRLoadingView.ios.js b/Libraries/Utilities/HMRLoadingView.ios.js
index 7100164d4ca667..631df2c2f8193a 100644
--- a/Libraries/Utilities/HMRLoadingView.ios.js
+++ b/Libraries/Utilities/HMRLoadingView.ios.js
@@ -4,14 +4,14 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule HMRLoadingView
+ * @format
  * @flow
  */
 
 'use strict';
 
 const processColor = require('processColor');
-const { DevLoadingView } = require('NativeModules');
+const {DevLoadingView} = require('NativeModules');
 
 class HMRLoadingView {
   static showMessage(message: string) {
diff --git a/Libraries/Utilities/HeapCapture.js b/Libraries/Utilities/HeapCapture.js
index 49e9d678e1eef2..999cb869b30d4e 100644
--- a/Libraries/Utilities/HeapCapture.js
+++ b/Libraries/Utilities/HeapCapture.js
@@ -4,14 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule HeapCapture
+ * @format
  * @flow
  */
+
 'use strict';
 
-var HeapCapture = {
-  captureHeap: function (path: string) {
-    var error = null;
+const HeapCapture = {
+  captureHeap: function(path: string) {
+    let error = null;
     try {
       global.nativeCaptureHeap(path);
       console.log('HeapCapture.captureHeap succeeded: ' + path);
diff --git a/Libraries/Utilities/JSDevSupportModule.js b/Libraries/Utilities/JSDevSupportModule.js
index a33e91e886185b..074ebef6b19fbb 100644
--- a/Libraries/Utilities/JSDevSupportModule.js
+++ b/Libraries/Utilities/JSDevSupportModule.js
@@ -4,21 +4,33 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule JSDevSupportModule
+ * @format
  * @flow
  */
+
 'use strict';
 
-var JSDevSupportModule = {
-  getJSHierarchy: function (tag: string) {
-    const hook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-    const renderers = hook._renderers;
-    const keys = Object.keys(renderers);
-    const renderer = renderers[keys[0]];
+const JSDevSupport = require('NativeModules').JSDevSupport;
+const ReactNative = require('ReactNative');
 
-    var result = renderer.getInspectorDataForViewTag(tag);
-    var path = result.hierarchy.map( (item) => item.name).join(' -> ');
-    require('NativeModules').JSDevSupport.setResult(path, null);
+const JSDevSupportModule = {
+  getJSHierarchy: function(tag: number) {
+    try {
+      const {
+        computeComponentStackForErrorReporting,
+      } = ReactNative.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+      const componentStack = computeComponentStackForErrorReporting(tag);
+      if (!componentStack) {
+        JSDevSupport.onFailure(
+          JSDevSupport.ERROR_CODE_VIEW_NOT_FOUND,
+          "Component stack doesn't exist for tag " + tag,
+        );
+      } else {
+        JSDevSupport.onSuccess(componentStack);
+      }
+    } catch (e) {
+      JSDevSupport.onFailure(JSDevSupport.ERROR_CODE_EXCEPTION, e.message);
+    }
   },
 };
 
diff --git a/Libraries/Utilities/MatrixMath.js b/Libraries/Utilities/MatrixMath.js
index b36b316833fcb7..bb91c1d329181b 100755
--- a/Libraries/Utilities/MatrixMath.js
+++ b/Libraries/Utilities/MatrixMath.js
@@ -4,70 +4,68 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule MatrixMath
+ * @format
  * @noflow
  */
+
 /* eslint-disable space-infix-ops */
 'use strict';
 
-var invariant = require('fbjs/lib/invariant');
+const invariant = require('fbjs/lib/invariant');
 
 /**
  * Memory conservative (mutative) matrix math utilities. Uses "command"
  * matrices, which are reusable.
  */
-var MatrixMath = {
+const MatrixMath = {
   createIdentityMatrix: function() {
-    return [
-      1,0,0,0,
-      0,1,0,0,
-      0,0,1,0,
-      0,0,0,1
-    ];
+    return [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
   },
 
   createCopy: function(m) {
     return [
-      m[0],  m[1],  m[2],  m[3],
-      m[4],  m[5],  m[6],  m[7],
-      m[8],  m[9],  m[10], m[11],
-      m[12], m[13], m[14], m[15],
+      m[0],
+      m[1],
+      m[2],
+      m[3],
+      m[4],
+      m[5],
+      m[6],
+      m[7],
+      m[8],
+      m[9],
+      m[10],
+      m[11],
+      m[12],
+      m[13],
+      m[14],
+      m[15],
     ];
   },
 
   createOrthographic: function(left, right, bottom, top, near, far) {
-    var a = 2 / (right - left);
-    var b = 2 / (top - bottom);
-    var c = -2 / (far - near);
+    const a = 2 / (right - left);
+    const b = 2 / (top - bottom);
+    const c = -2 / (far - near);
 
-    var tx = -(right + left) / (right - left);
-    var ty = -(top + bottom) / (top - bottom);
-    var tz = -(far + near) / (far - near);
+    const tx = -(right + left) / (right - left);
+    const ty = -(top + bottom) / (top - bottom);
+    const tz = -(far + near) / (far - near);
 
-    return [
-        a,  0,  0,  0,
-        0,  b,  0,  0,
-        0,  0,  c,  0,
-        tx, ty, tz, 1
-    ];
+    return [a, 0, 0, 0, 0, b, 0, 0, 0, 0, c, 0, tx, ty, tz, 1];
   },
 
   createFrustum: function(left, right, bottom, top, near, far) {
-    var r_width  = 1 / (right - left);
-    var r_height = 1 / (top - bottom);
-    var r_depth  = 1 / (near - far);
-    var x = 2 * (near * r_width);
-    var y = 2 * (near * r_height);
-    var A = (right + left) * r_width;
-    var B = (top + bottom) * r_height;
-    var C = (far + near) * r_depth;
-    var D = 2 * (far * near * r_depth);
-    return [
-      x, 0, 0, 0,
-      0, y, 0, 0,
-      A, B, C,-1,
-      0, 0, D, 0,
-    ];
+    const r_width = 1 / (right - left);
+    const r_height = 1 / (top - bottom);
+    const r_depth = 1 / (near - far);
+    const x = 2 * (near * r_width);
+    const y = 2 * (near * r_height);
+    const A = (right + left) * r_width;
+    const B = (top + bottom) * r_height;
+    const C = (far + near) * r_depth;
+    const D = 2 * (far * near * r_depth);
+    return [x, 0, 0, 0, 0, y, 0, 0, A, B, C, -1, 0, 0, D, 0];
   },
 
   /**
@@ -77,20 +75,15 @@ var MatrixMath = {
    * @param fovInRadians - field of view in randians
    */
   createPerspective: function(fovInRadians, aspect, near, far) {
-    var h = 1 / Math.tan(fovInRadians / 2);
-    var r_depth  = 1 / (near - far);
-    var C = (far + near) * r_depth;
-    var D = 2 * (far * near * r_depth);
-    return [
-      h/aspect, 0, 0, 0,
-      0, h, 0, 0,
-      0, 0, C,-1,
-      0, 0, D, 0,
-    ];
+    const h = 1 / Math.tan(fovInRadians / 2);
+    const r_depth = 1 / (near - far);
+    const C = (far + near) * r_depth;
+    const D = 2 * (far * near * r_depth);
+    return [h / aspect, 0, 0, 0, 0, h, 0, 0, 0, 0, C, -1, 0, 0, D, 0];
   },
 
   createTranslate2d: function(x, y) {
-    var mat = MatrixMath.createIdentityMatrix();
+    const mat = MatrixMath.createIdentityMatrix();
     MatrixMath.reuseTranslate2dCommand(mat, x, y);
     return mat;
   },
@@ -107,7 +100,7 @@ var MatrixMath = {
   },
 
   createScale: function(factor) {
-    var mat = MatrixMath.createIdentityMatrix();
+    const mat = MatrixMath.createIdentityMatrix();
     MatrixMath.reuseScaleCommand(mat, factor);
     return mat;
   },
@@ -162,7 +155,7 @@ var MatrixMath = {
   },
 
   createRotateZ: function(radians) {
-    var mat = MatrixMath.createIdentityMatrix();
+    const mat = MatrixMath.createIdentityMatrix();
     MatrixMath.reuseRotateZCommand(mat, radians);
     return mat;
   },
@@ -176,56 +169,104 @@ var MatrixMath = {
   },
 
   multiplyInto: function(out, a, b) {
-    var a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3],
-      a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7],
-      a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11],
-      a30 = a[12], a31 = a[13], a32 = a[14], a33 = a[15];
-
-    var b0  = b[0], b1 = b[1], b2 = b[2], b3 = b[3];
-    out[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    out[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    out[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    out[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = b[4]; b1 = b[5]; b2 = b[6]; b3 = b[7];
-    out[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    out[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    out[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    out[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = b[8]; b1 = b[9]; b2 = b[10]; b3 = b[11];
-    out[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    out[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    out[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    out[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
-
-    b0 = b[12]; b1 = b[13]; b2 = b[14]; b3 = b[15];
-    out[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30;
-    out[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31;
-    out[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32;
-    out[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33;
+    const a00 = a[0],
+      a01 = a[1],
+      a02 = a[2],
+      a03 = a[3],
+      a10 = a[4],
+      a11 = a[5],
+      a12 = a[6],
+      a13 = a[7],
+      a20 = a[8],
+      a21 = a[9],
+      a22 = a[10],
+      a23 = a[11],
+      a30 = a[12],
+      a31 = a[13],
+      a32 = a[14],
+      a33 = a[15];
+
+    let b0 = b[0],
+      b1 = b[1],
+      b2 = b[2],
+      b3 = b[3];
+    out[0] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30;
+    out[1] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31;
+    out[2] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32;
+    out[3] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33;
+
+    b0 = b[4];
+    b1 = b[5];
+    b2 = b[6];
+    b3 = b[7];
+    out[4] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30;
+    out[5] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31;
+    out[6] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32;
+    out[7] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33;
+
+    b0 = b[8];
+    b1 = b[9];
+    b2 = b[10];
+    b3 = b[11];
+    out[8] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30;
+    out[9] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31;
+    out[10] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32;
+    out[11] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33;
+
+    b0 = b[12];
+    b1 = b[13];
+    b2 = b[14];
+    b3 = b[15];
+    out[12] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30;
+    out[13] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31;
+    out[14] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32;
+    out[15] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33;
   },
 
   determinant(matrix: Array<number>): number {
-    var [
-      m00, m01, m02, m03,
-      m10, m11, m12, m13,
-      m20, m21, m22, m23,
-      m30, m31, m32, m33
+    const [
+      m00,
+      m01,
+      m02,
+      m03,
+      m10,
+      m11,
+      m12,
+      m13,
+      m20,
+      m21,
+      m22,
+      m23,
+      m30,
+      m31,
+      m32,
+      m33,
     ] = matrix;
     return (
-      m03 * m12 * m21 * m30 - m02 * m13 * m21 * m30 -
-      m03 * m11 * m22 * m30 + m01 * m13 * m22 * m30 +
-      m02 * m11 * m23 * m30 - m01 * m12 * m23 * m30 -
-      m03 * m12 * m20 * m31 + m02 * m13 * m20 * m31 +
-      m03 * m10 * m22 * m31 - m00 * m13 * m22 * m31 -
-      m02 * m10 * m23 * m31 + m00 * m12 * m23 * m31 +
-      m03 * m11 * m20 * m32 - m01 * m13 * m20 * m32 -
-      m03 * m10 * m21 * m32 + m00 * m13 * m21 * m32 +
-      m01 * m10 * m23 * m32 - m00 * m11 * m23 * m32 -
-      m02 * m11 * m20 * m33 + m01 * m12 * m20 * m33 +
-      m02 * m10 * m21 * m33 - m00 * m12 * m21 * m33 -
-      m01 * m10 * m22 * m33 + m00 * m11 * m22 * m33
+      m03 * m12 * m21 * m30 -
+      m02 * m13 * m21 * m30 -
+      m03 * m11 * m22 * m30 +
+      m01 * m13 * m22 * m30 +
+      m02 * m11 * m23 * m30 -
+      m01 * m12 * m23 * m30 -
+      m03 * m12 * m20 * m31 +
+      m02 * m13 * m20 * m31 +
+      m03 * m10 * m22 * m31 -
+      m00 * m13 * m22 * m31 -
+      m02 * m10 * m23 * m31 +
+      m00 * m12 * m23 * m31 +
+      m03 * m11 * m20 * m32 -
+      m01 * m13 * m20 * m32 -
+      m03 * m10 * m21 * m32 +
+      m00 * m13 * m21 * m32 +
+      m01 * m10 * m23 * m32 -
+      m00 * m11 * m23 * m32 -
+      m02 * m11 * m20 * m33 +
+      m01 * m12 * m20 * m33 +
+      m02 * m10 * m21 * m33 -
+      m00 * m12 * m21 * m33 -
+      m01 * m10 * m22 * m33 +
+      m00 * m11 * m22 * m33
     );
   },
 
@@ -237,61 +278,178 @@ var MatrixMath = {
    * http://www.euclideanspace.com/maths/algebra/matrix/functions/inverse/fourD/index.htm
    */
   inverse(matrix: Array<number>): Array<number> {
-    var det = MatrixMath.determinant(matrix);
+    const det = MatrixMath.determinant(matrix);
     if (!det) {
       return matrix;
     }
-    var [
-      m00, m01, m02, m03,
-      m10, m11, m12, m13,
-      m20, m21, m22, m23,
-      m30, m31, m32, m33
+    const [
+      m00,
+      m01,
+      m02,
+      m03,
+      m10,
+      m11,
+      m12,
+      m13,
+      m20,
+      m21,
+      m22,
+      m23,
+      m30,
+      m31,
+      m32,
+      m33,
     ] = matrix;
     return [
-      (m12*m23*m31 - m13*m22*m31 + m13*m21*m32 - m11*m23*m32 - m12*m21*m33 + m11*m22*m33) / det,
-      (m03*m22*m31 - m02*m23*m31 - m03*m21*m32 + m01*m23*m32 + m02*m21*m33 - m01*m22*m33) / det,
-      (m02*m13*m31 - m03*m12*m31 + m03*m11*m32 - m01*m13*m32 - m02*m11*m33 + m01*m12*m33) / det,
-      (m03*m12*m21 - m02*m13*m21 - m03*m11*m22 + m01*m13*m22 + m02*m11*m23 - m01*m12*m23) / det,
-      (m13*m22*m30 - m12*m23*m30 - m13*m20*m32 + m10*m23*m32 + m12*m20*m33 - m10*m22*m33) / det,
-      (m02*m23*m30 - m03*m22*m30 + m03*m20*m32 - m00*m23*m32 - m02*m20*m33 + m00*m22*m33) / det,
-      (m03*m12*m30 - m02*m13*m30 - m03*m10*m32 + m00*m13*m32 + m02*m10*m33 - m00*m12*m33) / det,
-      (m02*m13*m20 - m03*m12*m20 + m03*m10*m22 - m00*m13*m22 - m02*m10*m23 + m00*m12*m23) / det,
-      (m11*m23*m30 - m13*m21*m30 + m13*m20*m31 - m10*m23*m31 - m11*m20*m33 + m10*m21*m33) / det,
-      (m03*m21*m30 - m01*m23*m30 - m03*m20*m31 + m00*m23*m31 + m01*m20*m33 - m00*m21*m33) / det,
-      (m01*m13*m30 - m03*m11*m30 + m03*m10*m31 - m00*m13*m31 - m01*m10*m33 + m00*m11*m33) / det,
-      (m03*m11*m20 - m01*m13*m20 - m03*m10*m21 + m00*m13*m21 + m01*m10*m23 - m00*m11*m23) / det,
-      (m12*m21*m30 - m11*m22*m30 - m12*m20*m31 + m10*m22*m31 + m11*m20*m32 - m10*m21*m32) / det,
-      (m01*m22*m30 - m02*m21*m30 + m02*m20*m31 - m00*m22*m31 - m01*m20*m32 + m00*m21*m32) / det,
-      (m02*m11*m30 - m01*m12*m30 - m02*m10*m31 + m00*m12*m31 + m01*m10*m32 - m00*m11*m32) / det,
-      (m01*m12*m20 - m02*m11*m20 + m02*m10*m21 - m00*m12*m21 - m01*m10*m22 + m00*m11*m22) / det
+      (m12 * m23 * m31 -
+        m13 * m22 * m31 +
+        m13 * m21 * m32 -
+        m11 * m23 * m32 -
+        m12 * m21 * m33 +
+        m11 * m22 * m33) /
+        det,
+      (m03 * m22 * m31 -
+        m02 * m23 * m31 -
+        m03 * m21 * m32 +
+        m01 * m23 * m32 +
+        m02 * m21 * m33 -
+        m01 * m22 * m33) /
+        det,
+      (m02 * m13 * m31 -
+        m03 * m12 * m31 +
+        m03 * m11 * m32 -
+        m01 * m13 * m32 -
+        m02 * m11 * m33 +
+        m01 * m12 * m33) /
+        det,
+      (m03 * m12 * m21 -
+        m02 * m13 * m21 -
+        m03 * m11 * m22 +
+        m01 * m13 * m22 +
+        m02 * m11 * m23 -
+        m01 * m12 * m23) /
+        det,
+      (m13 * m22 * m30 -
+        m12 * m23 * m30 -
+        m13 * m20 * m32 +
+        m10 * m23 * m32 +
+        m12 * m20 * m33 -
+        m10 * m22 * m33) /
+        det,
+      (m02 * m23 * m30 -
+        m03 * m22 * m30 +
+        m03 * m20 * m32 -
+        m00 * m23 * m32 -
+        m02 * m20 * m33 +
+        m00 * m22 * m33) /
+        det,
+      (m03 * m12 * m30 -
+        m02 * m13 * m30 -
+        m03 * m10 * m32 +
+        m00 * m13 * m32 +
+        m02 * m10 * m33 -
+        m00 * m12 * m33) /
+        det,
+      (m02 * m13 * m20 -
+        m03 * m12 * m20 +
+        m03 * m10 * m22 -
+        m00 * m13 * m22 -
+        m02 * m10 * m23 +
+        m00 * m12 * m23) /
+        det,
+      (m11 * m23 * m30 -
+        m13 * m21 * m30 +
+        m13 * m20 * m31 -
+        m10 * m23 * m31 -
+        m11 * m20 * m33 +
+        m10 * m21 * m33) /
+        det,
+      (m03 * m21 * m30 -
+        m01 * m23 * m30 -
+        m03 * m20 * m31 +
+        m00 * m23 * m31 +
+        m01 * m20 * m33 -
+        m00 * m21 * m33) /
+        det,
+      (m01 * m13 * m30 -
+        m03 * m11 * m30 +
+        m03 * m10 * m31 -
+        m00 * m13 * m31 -
+        m01 * m10 * m33 +
+        m00 * m11 * m33) /
+        det,
+      (m03 * m11 * m20 -
+        m01 * m13 * m20 -
+        m03 * m10 * m21 +
+        m00 * m13 * m21 +
+        m01 * m10 * m23 -
+        m00 * m11 * m23) /
+        det,
+      (m12 * m21 * m30 -
+        m11 * m22 * m30 -
+        m12 * m20 * m31 +
+        m10 * m22 * m31 +
+        m11 * m20 * m32 -
+        m10 * m21 * m32) /
+        det,
+      (m01 * m22 * m30 -
+        m02 * m21 * m30 +
+        m02 * m20 * m31 -
+        m00 * m22 * m31 -
+        m01 * m20 * m32 +
+        m00 * m21 * m32) /
+        det,
+      (m02 * m11 * m30 -
+        m01 * m12 * m30 -
+        m02 * m10 * m31 +
+        m00 * m12 * m31 +
+        m01 * m10 * m32 -
+        m00 * m11 * m32) /
+        det,
+      (m01 * m12 * m20 -
+        m02 * m11 * m20 +
+        m02 * m10 * m21 -
+        m00 * m12 * m21 -
+        m01 * m10 * m22 +
+        m00 * m11 * m22) /
+        det,
     ];
   },
 
   /**
    * Turns columns into rows and rows into columns.
    */
-   transpose(m: Array<number>): Array<number> {
+  transpose(m: Array<number>): Array<number> {
     return [
-      m[0], m[4], m[8],  m[12],
-      m[1], m[5], m[9],  m[13],
-      m[2], m[6], m[10], m[14],
-      m[3], m[7], m[11], m[15]
+      m[0],
+      m[4],
+      m[8],
+      m[12],
+      m[1],
+      m[5],
+      m[9],
+      m[13],
+      m[2],
+      m[6],
+      m[10],
+      m[14],
+      m[3],
+      m[7],
+      m[11],
+      m[15],
     ];
   },
 
   /**
    * Based on: http://tog.acm.org/resources/GraphicsGems/gemsii/unmatrix.c
    */
-  multiplyVectorByMatrix(
-    v: Array<number>,
-    m: Array<number>
-  ): Array<number> {
-    var [vx, vy, vz, vw] = v;
+  multiplyVectorByMatrix(v: Array<number>, m: Array<number>): Array<number> {
+    const [vx, vy, vz, vw] = v;
     return [
-      vx * m[0] + vy * m[4] + vz * m[8]  + vw * m[12],
-      vx * m[1] + vy * m[5] + vz * m[9]  + vw * m[13],
+      vx * m[0] + vy * m[4] + vz * m[8] + vw * m[12],
+      vx * m[1] + vy * m[5] + vz * m[9] + vw * m[13],
       vx * m[2] + vy * m[6] + vz * m[10] + vw * m[14],
-      vx * m[3] + vy * m[7] + vz * m[11] + vw * m[15]
+      vx * m[3] + vy * m[7] + vz * m[11] + vw * m[15],
     ];
   },
 
@@ -299,22 +457,15 @@ var MatrixMath = {
    * From: https://code.google.com/p/webgl-mjs/source/browse/mjs.js
    */
   v3Length(a: Array<number>): number {
-    return Math.sqrt(a[0]*a[0] + a[1]*a[1] + a[2]*a[2]);
+    return Math.sqrt(a[0] * a[0] + a[1] * a[1] + a[2] * a[2]);
   },
 
   /**
    * Based on: https://code.google.com/p/webgl-mjs/source/browse/mjs.js
    */
-   v3Normalize(
-     vector: Array<number>,
-     v3Length: number
-    ): Array<number> {
-    var im = 1 / (v3Length || MatrixMath.v3Length(vector));
-    return [
-      vector[0] * im,
-      vector[1] * im,
-      vector[2] * im
-    ];
+  v3Normalize(vector: Array<number>, v3Length: number): Array<number> {
+    const im = 1 / (v3Length || MatrixMath.v3Length(vector));
+    return [vector[0] * im, vector[1] * im, vector[2] * im];
   },
 
   /**
@@ -322,9 +473,7 @@ var MatrixMath = {
    * From: https://code.google.com/p/webgl-mjs/source/browse/mjs.js
    */
   v3Dot(a, b) {
-    return a[0] * b[0] +
-           a[1] * b[1] +
-           a[2] * b[2];
+    return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
   },
 
   /**
@@ -335,12 +484,12 @@ var MatrixMath = {
     a: Array<number>,
     b: Array<number>,
     aScale: number,
-    bScale: number
+    bScale: number,
   ): Array<number> {
     return [
       aScale * a[0] + bScale * b[0],
       aScale * a[1] + bScale * b[1],
-      aScale * a[2] + bScale * b[2]
+      aScale * a[2] + bScale * b[2],
     ];
   },
 
@@ -352,7 +501,7 @@ var MatrixMath = {
     return [
       a[1] * b[2] - a[2] * b[1],
       a[2] * b[0] - a[0] * b[2],
-      a[0] * b[1] - a[1] * b[0]
+      a[0] * b[1] - a[1] * b[0],
     ];
   },
 
@@ -373,14 +522,14 @@ var MatrixMath = {
    * roll  === bank               === x-axis
    */
   quaternionToDegreesXYZ(q: Array<number>, matrix, row): Array<number> {
-    var [qx, qy, qz, qw] = q;
-    var qw2 = qw * qw;
-    var qx2 = qx * qx;
-    var qy2 = qy * qy;
-    var qz2 = qz * qz;
-    var test = qx * qy + qz * qw;
-    var unit = qw2 + qx2 + qy2 + qz2;
-    var conv = 180 / Math.PI;
+    const [qx, qy, qz, qw] = q;
+    const qw2 = qw * qw;
+    const qx2 = qx * qx;
+    const qy2 = qy * qy;
+    const qz2 = qz * qz;
+    const test = qx * qy + qz * qw;
+    const unit = qw2 + qx2 + qy2 + qz2;
+    const conv = 180 / Math.PI;
 
     if (test > 0.49999 * unit) {
       return [0, 2 * Math.atan2(qx, qw) * conv, 90];
@@ -391,14 +540,12 @@ var MatrixMath = {
 
     return [
       MatrixMath.roundTo3Places(
-        Math.atan2(2*qx*qw-2*qy*qz,1-2*qx2-2*qz2) * conv
+        Math.atan2(2 * qx * qw - 2 * qy * qz, 1 - 2 * qx2 - 2 * qz2) * conv,
       ),
       MatrixMath.roundTo3Places(
-        Math.atan2(2*qy*qw-2*qx*qz,1-2*qy2-2*qz2) * conv
+        Math.atan2(2 * qy * qw - 2 * qx * qz, 1 - 2 * qy2 - 2 * qz2) * conv,
       ),
-      MatrixMath.roundTo3Places(
-        Math.asin(2*qx*qy+2*qz*qw) * conv
-      )
+      MatrixMath.roundTo3Places(Math.asin(2 * qx * qy + 2 * qz * qw) * conv),
     ];
   },
 
@@ -407,8 +554,8 @@ var MatrixMath = {
    * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/round
    */
   roundTo3Places(n: number): number {
-    var arr = n.toString().split('e');
-    return Math.round(arr[0] + 'e' + (arr[1] ? (+arr[1] - 3) : 3)) * 0.001;
+    const arr = n.toString().split('e');
+    return Math.round(arr[0] + 'e' + (arr[1] ? +arr[1] - 3 : 3)) * 0.001;
   },
 
   /**
@@ -423,31 +570,30 @@ var MatrixMath = {
    * http://tog.acm.org/resources/GraphicsGems/gemsii/unmatrix.c
    */
   decomposeMatrix(transformMatrix: Array<number>): ?Object {
-
     invariant(
       transformMatrix.length === 16,
       'Matrix decomposition needs a list of 3d matrix values, received %s',
-      transformMatrix
+      transformMatrix,
     );
 
     // output values
     var perspective = [];
-    var quaternion = [];
-    var scale = [];
-    var skew = [];
-    var translation = [];
+    const quaternion = [];
+    const scale = [];
+    const skew = [];
+    const translation = [];
 
     // create normalized, 2d array matrix
     // and normalized 1d array perspectiveMatrix with redefined 4th column
     if (!transformMatrix[15]) {
       return;
     }
-    var matrix = [];
-    var perspectiveMatrix = [];
+    const matrix = [];
+    const perspectiveMatrix = [];
     for (var i = 0; i < 4; i++) {
       matrix.push([]);
-      for (var j = 0; j < 4; j++) {
-        var value = transformMatrix[(i * 4) + j] / transformMatrix[15];
+      for (let j = 0; j < 4; j++) {
+        const value = transformMatrix[i * 4 + j] / transformMatrix[15];
         matrix[i].push(value);
         perspectiveMatrix.push(j === 3 ? 0 : value);
       }
@@ -463,24 +609,22 @@ var MatrixMath = {
     if (matrix[0][3] !== 0 || matrix[1][3] !== 0 || matrix[2][3] !== 0) {
       // rightHandSide is the right hand side of the equation.
       // rightHandSide is a vector, or point in 3d space relative to the origin.
-      var rightHandSide = [
+      const rightHandSide = [
         matrix[0][3],
         matrix[1][3],
         matrix[2][3],
-        matrix[3][3]
+        matrix[3][3],
       ];
 
       // Solve the equation by inverting perspectiveMatrix and multiplying
       // rightHandSide by the inverse.
-      var inversePerspectiveMatrix = MatrixMath.inverse(
-        perspectiveMatrix
-      );
-      var transposedInversePerspectiveMatrix = MatrixMath.transpose(
-        inversePerspectiveMatrix
+      const inversePerspectiveMatrix = MatrixMath.inverse(perspectiveMatrix);
+      const transposedInversePerspectiveMatrix = MatrixMath.transpose(
+        inversePerspectiveMatrix,
       );
       var perspective = MatrixMath.multiplyVectorByMatrix(
         rightHandSide,
-        transposedInversePerspectiveMatrix
+        transposedInversePerspectiveMatrix,
       );
     } else {
       // no perspective
@@ -495,13 +639,9 @@ var MatrixMath = {
 
     // Now get scale and shear.
     // 'row' is a 3 element array of 3 component vectors
-    var row = [];
+    const row = [];
     for (i = 0; i < 3; i++) {
-      row[i] = [
-        matrix[i][0],
-        matrix[i][1],
-        matrix[i][2]
-      ];
+      row[i] = [matrix[i][0], matrix[i][1], matrix[i][2]];
     }
 
     // Compute X scale factor and normalize first row.
@@ -536,7 +676,7 @@ var MatrixMath = {
     // At this point, the matrix (in rows) is orthonormal.
     // Check for a coordinate system flip.  If the determinant
     // is -1, then negate the matrix and the scaling factors.
-    var pdum3 = MatrixMath.v3Cross(row[1], row[2]);
+    const pdum3 = MatrixMath.v3Cross(row[1], row[2]);
     if (MatrixMath.v3Dot(row[0], pdum3) < 0) {
       for (i = 0; i < 3; i++) {
         scale[i] *= -1;
@@ -567,17 +707,27 @@ var MatrixMath = {
     }
 
     // correct for occasional, weird Euler synonyms for 2d rotation
-    var rotationDegrees;
+    let rotationDegrees;
     if (
-      quaternion[0] < 0.001 && quaternion[0] >= 0 &&
-      quaternion[1] < 0.001 && quaternion[1] >= 0
+      quaternion[0] < 0.001 &&
+      quaternion[0] >= 0 &&
+      quaternion[1] < 0.001 &&
+      quaternion[1] >= 0
     ) {
       // this is a 2d rotation on the z-axis
-      rotationDegrees = [0, 0, MatrixMath.roundTo3Places(
-        Math.atan2(row[0][1], row[0][0]) * 180 / Math.PI
-      )];
+      rotationDegrees = [
+        0,
+        0,
+        MatrixMath.roundTo3Places(
+          (Math.atan2(row[0][1], row[0][0]) * 180) / Math.PI,
+        ),
+      ];
     } else {
-      rotationDegrees = MatrixMath.quaternionToDegreesXYZ(quaternion, matrix, row);
+      rotationDegrees = MatrixMath.quaternionToDegreesXYZ(
+        quaternion,
+        matrix,
+        row,
+      );
     }
 
     // expose both base data and convenience names
@@ -598,7 +748,6 @@ var MatrixMath = {
       translateY: translation[1],
     };
   },
-
 };
 
 module.exports = MatrixMath;
diff --git a/Libraries/Utilities/PerformanceLogger.js b/Libraries/Utilities/PerformanceLogger.js
index 95b5f4924e89ef..8bd1cc638a2b21 100644
--- a/Libraries/Utilities/PerformanceLogger.js
+++ b/Libraries/Utilities/PerformanceLogger.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule PerformanceLogger
  * @flow
  * @format
  */
@@ -14,10 +13,9 @@ const Systrace = require('Systrace');
 
 const infoLog = require('infoLog');
 const performanceNow =
-  /* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an
-   * error found when Flow v0.54 was deployed. To see the error delete this
-   * comment and run Flow. */
-  global.nativePerformanceNow || require('fbjs/lib/performanceNow');
+  global.nativeQPLTimestamp ||
+  global.nativePerformanceNow ||
+  require('fbjs/lib/performanceNow');
 
 type Timespan = {
   description?: string,
@@ -30,7 +28,7 @@ let timespans: {[key: string]: Timespan} = {};
 let extras: {[key: string]: any} = {};
 const cookies: {[key: string]: number} = {};
 
-const PRINT_TO_CONSOLE = false;
+const PRINT_TO_CONSOLE: false = false; // Type as false to prevent accidentally committing `true`;
 
 /**
  * This is meant to collect and log performance data in production, which means
@@ -70,7 +68,7 @@ const PerformanceLogger = {
       startTime: performanceNow(),
     };
     cookies[key] = Systrace.beginAsyncEvent(key);
-    if (__DEV__ && PRINT_TO_CONSOLE) {
+    if (PRINT_TO_CONSOLE) {
       infoLog('PerformanceLogger.js', 'start: ' + key);
     }
   },
@@ -98,7 +96,7 @@ const PerformanceLogger = {
 
     timespan.endTime = performanceNow();
     timespan.totalTime = timespan.endTime - (timespan.startTime || 0);
-    if (__DEV__ && PRINT_TO_CONSOLE) {
+    if (PRINT_TO_CONSOLE) {
       infoLog('PerformanceLogger.js', 'end: ' + key);
     }
 
@@ -109,7 +107,7 @@ const PerformanceLogger = {
   clear() {
     timespans = {};
     extras = {};
-    if (__DEV__ && PRINT_TO_CONSOLE) {
+    if (PRINT_TO_CONSOLE) {
       infoLog('PerformanceLogger.js', 'clear');
     }
   },
@@ -121,7 +119,7 @@ const PerformanceLogger = {
       }
     }
     extras = {};
-    if (__DEV__ && PRINT_TO_CONSOLE) {
+    if (PRINT_TO_CONSOLE) {
       infoLog('PerformanceLogger.js', 'clearCompleted');
     }
   },
@@ -134,6 +132,9 @@ const PerformanceLogger = {
       return previous;
     }, {});
     extras = {};
+    if (PRINT_TO_CONSOLE) {
+      infoLog('PerformanceLogger.js', 'clearExceptTimespans', keys);
+    }
   },
 
   currentTimestamp() {
@@ -183,6 +184,10 @@ const PerformanceLogger = {
   getExtras() {
     return extras;
   },
+
+  logExtras() {
+    infoLog(extras);
+  },
 };
 
 module.exports = PerformanceLogger;
diff --git a/Libraries/Utilities/PixelRatio.js b/Libraries/Utilities/PixelRatio.js
index bd8a6a0b9571dc..0c6386e31a2c68 100644
--- a/Libraries/Utilities/PixelRatio.js
+++ b/Libraries/Utilities/PixelRatio.js
@@ -4,12 +4,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule PixelRatio
+ * @format
  * @flow
  */
+
 'use strict';
 
-var Dimensions = require('Dimensions');
+const Dimensions = require('Dimensions');
 
 /**
  * PixelRatio class gives access to the device pixel density.
@@ -109,7 +110,7 @@ class PixelRatio {
    * exactly (8.33 * 3) = 25 pixels.
    */
   static roundToNearestPixel(layoutSize: number): number {
-    var ratio = PixelRatio.get();
+    const ratio = PixelRatio.get();
     return Math.round(layoutSize * ratio) / ratio;
   }
 
diff --git a/Libraries/Utilities/Platform.android.js b/Libraries/Utilities/Platform.android.js
index f0e80633f2f283..92edba18299b3a 100644
--- a/Libraries/Utilities/Platform.android.js
+++ b/Libraries/Utilities/Platform.android.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Platform
+ * @format
  * @flow
  */
 
@@ -26,7 +26,7 @@ const Platform = {
     const constants = NativeModules.PlatformConstants;
     return constants && constants.uiMode === 'tv';
   },
-  select: (obj: Object) => 'android' in obj ? obj.android : obj.default,
+  select: (obj: Object) => ('android' in obj ? obj.android : obj.default),
 };
 
 module.exports = Platform;
diff --git a/Libraries/Utilities/Platform.ios.js b/Libraries/Utilities/Platform.ios.js
index 776880b7fa400d..df3a15be20f2a4 100644
--- a/Libraries/Utilities/Platform.ios.js
+++ b/Libraries/Utilities/Platform.ios.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Platform
+ * @format
  * @flow
  */
 
@@ -36,7 +36,7 @@ const Platform = {
     const constants = NativeModules.PlatformConstants;
     return constants && constants.isTesting;
   },
-  select: (obj: Object) => 'ios' in obj ? obj.ios : obj.default,
+  select: (obj: Object) => ('ios' in obj ? obj.ios : obj.default),
 };
 
 module.exports = Platform;
diff --git a/Libraries/Utilities/PlatformOS.android.js b/Libraries/Utilities/PlatformOS.android.js
index ff2a383759c455..5ddf8d81e6e753 100644
--- a/Libraries/Utilities/PlatformOS.android.js
+++ b/Libraries/Utilities/PlatformOS.android.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule PlatformOS
+ * @format
  * @flow
  */
 
@@ -17,7 +17,7 @@ export type PlatformSelectSpec<A, I> = {|
 
 const PlatformOS = {
   OS: 'android',
-  select: <A, I> (spec: PlatformSelectSpec<A, I>): A | I => spec.android,
+  select: <A, I>(spec: PlatformSelectSpec<A, I>): A | I => spec.android,
 };
 
 module.exports = PlatformOS;
diff --git a/Libraries/Utilities/PlatformOS.ios.js b/Libraries/Utilities/PlatformOS.ios.js
index 11fed5978096cb..a1f28837ac36a0 100644
--- a/Libraries/Utilities/PlatformOS.ios.js
+++ b/Libraries/Utilities/PlatformOS.ios.js
@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule PlatformOS
- * @flow
+ * @format
+ * @flow strict
  */
 
 'use strict';
@@ -17,7 +17,7 @@ export type PlatformSelectSpec<A, I> = {|
 
 const PlatformOS = {
   OS: 'ios',
-  select: <A, I> (spec: PlatformSelectSpec<A, I>): A | I => spec.ios,
+  select: <A, I>(spec: PlatformSelectSpec<A, I>): A | I => spec.ios,
 };
 
 module.exports = PlatformOS;
diff --git a/Libraries/Utilities/PolyfillFunctions.js b/Libraries/Utilities/PolyfillFunctions.js
index 5bf31ee118b4d2..28cb44d5402bae 100644
--- a/Libraries/Utilities/PolyfillFunctions.js
+++ b/Libraries/Utilities/PolyfillFunctions.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule PolyfillFunctions
  * @flow
  * @format
  */
diff --git a/Libraries/Utilities/RCTLog.js b/Libraries/Utilities/RCTLog.js
index 2514d9b4039d29..ab29cd5ce6ee6c 100644
--- a/Libraries/Utilities/RCTLog.js
+++ b/Libraries/Utilities/RCTLog.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RCTLog
+ * @format
  * @flow
  */
+
 'use strict';
 
 const invariant = require('fbjs/lib/invariant');
@@ -19,7 +20,7 @@ const levelsMap = {
   fatal: 'error',
 };
 
-let warningHandler: ?(Array<any> => void) = null;
+let warningHandler: ?(Array<any>) => void = null;
 
 const RCTLog = {
   // level one of log, info, warn, error, mustfix
@@ -40,7 +41,7 @@ const RCTLog = {
     const logFn = levelsMap[level];
     invariant(
       logFn,
-      'Level "' + level + '" not one of ' + Object.keys(levelsMap).toString()
+      'Level "' + level + '" not one of ' + Object.keys(levelsMap).toString(),
     );
 
     console[logFn](...args);
@@ -48,7 +49,7 @@ const RCTLog = {
 
   setWarningHandler(handler: typeof warningHandler): void {
     warningHandler = handler;
-  }
+  },
 };
 
 module.exports = RCTLog;
diff --git a/Libraries/Utilities/SceneTracker.js b/Libraries/Utilities/SceneTracker.js
index 9cebe76a99d5d2..4928efaa4e6772 100644
--- a/Libraries/Utilities/SceneTracker.js
+++ b/Libraries/Utilities/SceneTracker.js
@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SceneTracker
- * @flow
+ * @format
+ * @flow strict
  */
 
 'use strict';
@@ -19,18 +19,20 @@ let _activeScene = {name: 'default'};
 const SceneTracker = {
   setActiveScene(scene: Scene) {
     _activeScene = scene;
-    _listeners.forEach((listener) => listener(_activeScene));
+    _listeners.forEach(listener => listener(_activeScene));
   },
 
   getActiveScene(): Scene {
     return _activeScene;
   },
 
-  addActiveSceneChangedListener(callback: (scene: Scene) => void): {remove: () => void} {
+  addActiveSceneChangedListener(
+    callback: (scene: Scene) => void,
+  ): {remove: () => void} {
     _listeners.push(callback);
     return {
       remove: () => {
-        _listeners = _listeners.filter((listener) => callback !== listener);
+        _listeners = _listeners.filter(listener => callback !== listener);
       },
     };
   },
diff --git a/Libraries/Utilities/__mocks__/BackHandler.js b/Libraries/Utilities/__mocks__/BackHandler.js
index e6319f8974ac80..ec1d60bec3b879 100644
--- a/Libraries/Utilities/__mocks__/BackHandler.js
+++ b/Libraries/Utilities/__mocks__/BackHandler.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  */
 
 'use strict';
@@ -13,9 +14,9 @@ const _backPressSubscriptions = new Set();
 const BackHandler = {
   exitApp: jest.fn(),
 
-  addEventListener: function (
+  addEventListener: function(
     eventName: BackPressEventName,
-    handler: Function
+    handler: Function,
   ): {remove: () => void} {
     _backPressSubscriptions.add(handler);
     return {
@@ -25,12 +26,11 @@ const BackHandler = {
 
   removeEventListener: function(
     eventName: BackPressEventName,
-    handler: Function
+    handler: Function,
   ): void {
     _backPressSubscriptions.delete(handler);
   },
 
-
   mockPressBack: function() {
     let invokeDefault = true;
     const subscriptions = [..._backPressSubscriptions].reverse();
diff --git a/Libraries/Utilities/__mocks__/PixelRatio.js b/Libraries/Utilities/__mocks__/PixelRatio.js
index 242d4773380ee3..efe64953563e81 100644
--- a/Libraries/Utilities/__mocks__/PixelRatio.js
+++ b/Libraries/Utilities/__mocks__/PixelRatio.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 'use strict';
@@ -10,7 +12,9 @@
 const PixelRatio = {
   get: jest.fn().mockReturnValue(2),
   getFontScale: jest.fn(() => PixelRatio.get()),
-  getPixelSizeForLayoutSize: jest.fn(layoutSize => Math.round(layoutSize * PixelRatio.get())),
+  getPixelSizeForLayoutSize: jest.fn(layoutSize =>
+    Math.round(layoutSize * PixelRatio.get()),
+  ),
   roundToNearestPixel: jest.fn(layoutSize => {
     const ratio = PixelRatio.get();
     return Math.round(layoutSize * ratio) / ratio;
diff --git a/Libraries/Utilities/__tests__/MatrixMath-test.js b/Libraries/Utilities/__tests__/MatrixMath-test.js
index 2eb14cb5ba3c7b..e70fbed91477e0 100644
--- a/Libraries/Utilities/__tests__/MatrixMath-test.js
+++ b/Libraries/Utilities/__tests__/MatrixMath-test.js
@@ -4,138 +4,190 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
-var MatrixMath = require('MatrixMath');
+const MatrixMath = require('MatrixMath');
 
 function degreesToRadians(degrees) {
-  return degrees * Math.PI / 180;
+  return (degrees * Math.PI) / 180;
 }
 
 function convertZeroes(degrees) {
-  return degrees.map(value => value === -0 ? 0 : value);
+  return degrees.map(value => (value === -0 ? 0 : value));
 }
 
 describe('MatrixMath', () => {
-
   it('decomposes a 4x4 matrix to produce accurate Z-axis angles', () => {
-    expect(MatrixMath.decomposeMatrix([
-      1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1
-    ]).rotationDegrees).toEqual([0, 0, 0]);
+    expect(
+      MatrixMath.decomposeMatrix([
+        1,
+        0,
+        0,
+        0,
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        1,
+      ]).rotationDegrees,
+    ).toEqual([0, 0, 0]);
 
     [30, 45, 60, 75, 90, 100, 115, 120, 133, 167].forEach(angle => {
-      var mat = MatrixMath.createRotateZ(degreesToRadians(angle));
-      expect(convertZeroes(MatrixMath.decomposeMatrix(mat).rotationDegrees))
-        .toEqual([0, 0, angle]);
+      let mat = MatrixMath.createRotateZ(degreesToRadians(angle));
+      expect(
+        convertZeroes(MatrixMath.decomposeMatrix(mat).rotationDegrees),
+      ).toEqual([0, 0, angle]);
 
       mat = MatrixMath.createRotateZ(degreesToRadians(-angle));
-      expect(convertZeroes(MatrixMath.decomposeMatrix(mat).rotationDegrees))
-        .toEqual([0, 0, -angle]);
+      expect(
+        convertZeroes(MatrixMath.decomposeMatrix(mat).rotationDegrees),
+      ).toEqual([0, 0, -angle]);
     });
 
-    expect(MatrixMath.decomposeMatrix(
-      MatrixMath.createRotateZ(degreesToRadians(180))
-    ).rotationDegrees).toEqual([0, 0, 180]);
+    expect(
+      MatrixMath.decomposeMatrix(
+        MatrixMath.createRotateZ(degreesToRadians(180)),
+      ).rotationDegrees,
+    ).toEqual([0, 0, 180]);
 
     // all values are between 0 and 180;
     // change of sign and direction in the third and fourth quadrant
-    expect(MatrixMath.decomposeMatrix(
-      MatrixMath.createRotateZ(degreesToRadians(222))
-    ).rotationDegrees).toEqual([0, 0, -138]);
-
-    expect(MatrixMath.decomposeMatrix(
-      MatrixMath.createRotateZ(degreesToRadians(270))
-    ).rotationDegrees).toEqual([0, 0, -90]);
+    expect(
+      MatrixMath.decomposeMatrix(
+        MatrixMath.createRotateZ(degreesToRadians(222)),
+      ).rotationDegrees,
+    ).toEqual([0, 0, -138]);
+
+    expect(
+      MatrixMath.decomposeMatrix(
+        MatrixMath.createRotateZ(degreesToRadians(270)),
+      ).rotationDegrees,
+    ).toEqual([0, 0, -90]);
 
     // 360 is expressed as 0
-    expect(MatrixMath.decomposeMatrix(
-      MatrixMath.createRotateZ(degreesToRadians(360))
-    ).rotationDegrees).toEqual([0, 0, -0]);
-
-    expect(MatrixMath.decomposeMatrix(
-      MatrixMath.createRotateZ(degreesToRadians(33.33333333))
-    ).rotationDegrees).toEqual([0, 0, 33.333]);
-
-    expect(MatrixMath.decomposeMatrix(
-      MatrixMath.createRotateZ(degreesToRadians(86.75309))
-    ).rotationDegrees).toEqual([0, 0, 86.753]);
-
-    expect(MatrixMath.decomposeMatrix(
-      MatrixMath.createRotateZ(degreesToRadians(42.00000000001))
-    ).rotationDegrees).toEqual([0, 0, 42]);
-
-    expect(MatrixMath.decomposeMatrix(
-      MatrixMath.createRotateZ(degreesToRadians(42.99999999999))
-    ).rotationDegrees).toEqual([0, 0, 43]);
-
-    expect(MatrixMath.decomposeMatrix(
-      MatrixMath.createRotateZ(degreesToRadians(42.49999999999))
-    ).rotationDegrees).toEqual([0, 0, 42.5]);
-
-    expect(MatrixMath.decomposeMatrix(
-      MatrixMath.createRotateZ(degreesToRadians(42.55555555555))
-    ).rotationDegrees).toEqual([0, 0, 42.556]);
+    expect(
+      MatrixMath.decomposeMatrix(
+        MatrixMath.createRotateZ(degreesToRadians(360)),
+      ).rotationDegrees,
+    ).toEqual([0, 0, -0]);
+
+    expect(
+      MatrixMath.decomposeMatrix(
+        MatrixMath.createRotateZ(degreesToRadians(33.33333333)),
+      ).rotationDegrees,
+    ).toEqual([0, 0, 33.333]);
+
+    expect(
+      MatrixMath.decomposeMatrix(
+        MatrixMath.createRotateZ(degreesToRadians(86.75309)),
+      ).rotationDegrees,
+    ).toEqual([0, 0, 86.753]);
+
+    expect(
+      MatrixMath.decomposeMatrix(
+        MatrixMath.createRotateZ(degreesToRadians(42.00000000001)),
+      ).rotationDegrees,
+    ).toEqual([0, 0, 42]);
+
+    expect(
+      MatrixMath.decomposeMatrix(
+        MatrixMath.createRotateZ(degreesToRadians(42.99999999999)),
+      ).rotationDegrees,
+    ).toEqual([0, 0, 43]);
+
+    expect(
+      MatrixMath.decomposeMatrix(
+        MatrixMath.createRotateZ(degreesToRadians(42.49999999999)),
+      ).rotationDegrees,
+    ).toEqual([0, 0, 42.5]);
+
+    expect(
+      MatrixMath.decomposeMatrix(
+        MatrixMath.createRotateZ(degreesToRadians(42.55555555555)),
+      ).rotationDegrees,
+    ).toEqual([0, 0, 42.556]);
   });
 
   it('decomposes a 4x4 matrix to produce accurate Y-axis angles', () => {
-    var mat;
+    let mat;
     [30, 45, 60, 75, 90, 100, 110, 120, 133, 167].forEach(angle => {
       mat = MatrixMath.createIdentityMatrix();
       MatrixMath.reuseRotateYCommand(mat, degreesToRadians(angle));
-      expect(convertZeroes(MatrixMath.decomposeMatrix(mat).rotationDegrees))
-        .toEqual([0, angle, 0]);
+      expect(
+        convertZeroes(MatrixMath.decomposeMatrix(mat).rotationDegrees),
+      ).toEqual([0, angle, 0]);
 
       mat = MatrixMath.createIdentityMatrix();
       MatrixMath.reuseRotateYCommand(mat, degreesToRadians(-angle));
-      expect(convertZeroes(MatrixMath.decomposeMatrix(mat).rotationDegrees))
-        .toEqual([0, -angle, 0]);
+      expect(
+        convertZeroes(MatrixMath.decomposeMatrix(mat).rotationDegrees),
+      ).toEqual([0, -angle, 0]);
     });
 
     // all values are between 0 and 180;
     // change of sign and direction in the third and fourth quadrant
     mat = MatrixMath.createIdentityMatrix();
     MatrixMath.reuseRotateYCommand(mat, degreesToRadians(222));
-    expect(MatrixMath.decomposeMatrix(mat).rotationDegrees)
-      .toEqual([0, -138, 0]);
+    expect(MatrixMath.decomposeMatrix(mat).rotationDegrees).toEqual([
+      0,
+      -138,
+      0,
+    ]);
 
     mat = MatrixMath.createIdentityMatrix();
     MatrixMath.reuseRotateYCommand(mat, degreesToRadians(270));
-    expect(MatrixMath.decomposeMatrix(mat).rotationDegrees)
-      .toEqual([0, -90, 0]);
+    expect(MatrixMath.decomposeMatrix(mat).rotationDegrees).toEqual([
+      0,
+      -90,
+      0,
+    ]);
 
     mat = MatrixMath.createIdentityMatrix();
     MatrixMath.reuseRotateYCommand(mat, degreesToRadians(360));
-    expect(MatrixMath.decomposeMatrix(mat).rotationDegrees)
-      .toEqual([0, 0, 0]);
+    expect(MatrixMath.decomposeMatrix(mat).rotationDegrees).toEqual([0, 0, 0]);
   });
 
   it('decomposes a 4x4 matrix to produce accurate X-axis angles', () => {
-    var mat;
+    let mat;
     [30, 45, 60, 75, 90, 100, 110, 120, 133, 167].forEach(angle => {
       mat = MatrixMath.createIdentityMatrix();
       MatrixMath.reuseRotateXCommand(mat, degreesToRadians(angle));
-      expect(convertZeroes(MatrixMath.decomposeMatrix(mat).rotationDegrees))
-        .toEqual([angle, 0, 0]);
+      expect(
+        convertZeroes(MatrixMath.decomposeMatrix(mat).rotationDegrees),
+      ).toEqual([angle, 0, 0]);
     });
 
     // all values are between 0 and 180;
     // change of sign and direction in the third and fourth quadrant
     mat = MatrixMath.createIdentityMatrix();
     MatrixMath.reuseRotateXCommand(mat, degreesToRadians(222));
-    expect(MatrixMath.decomposeMatrix(mat).rotationDegrees)
-      .toEqual([-138, 0, 0]);
+    expect(MatrixMath.decomposeMatrix(mat).rotationDegrees).toEqual([
+      -138,
+      0,
+      0,
+    ]);
 
     mat = MatrixMath.createIdentityMatrix();
     MatrixMath.reuseRotateXCommand(mat, degreesToRadians(270));
-    expect(MatrixMath.decomposeMatrix(mat).rotationDegrees)
-      .toEqual([-90, 0, 0]);
+    expect(MatrixMath.decomposeMatrix(mat).rotationDegrees).toEqual([
+      -90,
+      0,
+      0,
+    ]);
 
     mat = MatrixMath.createIdentityMatrix();
     MatrixMath.reuseRotateXCommand(mat, degreesToRadians(360));
-    expect(MatrixMath.decomposeMatrix(mat).rotationDegrees)
-      .toEqual([0, 0, 0]);
+    expect(MatrixMath.decomposeMatrix(mat).rotationDegrees).toEqual([0, 0, 0]);
   });
-
 });
diff --git a/Libraries/Utilities/__tests__/Platform-test.js b/Libraries/Utilities/__tests__/Platform-test.js
index 1fdfaaa1a75ca3..823ed7e56882a9 100644
--- a/Libraries/Utilities/__tests__/Platform-test.js
+++ b/Libraries/Utilities/__tests__/Platform-test.js
@@ -4,15 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
-var PlatformIOS = require('../Platform.ios');
-var PlatformAndroid = require('../Platform.android');
+const PlatformIOS = require('../Platform.ios');
+const PlatformAndroid = require('../Platform.android');
 
 describe('Platform', () => {
-
   describe('OS', () => {
     it('should have correct value', () => {
       expect(PlatformIOS.OS).toEqual('ios');
@@ -22,10 +23,9 @@ describe('Platform', () => {
 
   describe('select', () => {
     it('should return platform specific value', () => {
-      const obj = { ios: 'ios', android: 'android' };
+      const obj = {ios: 'ios', android: 'android'};
       expect(PlatformIOS.select(obj)).toEqual(obj.ios);
       expect(PlatformAndroid.select(obj)).toEqual(obj.android);
     });
   });
-
 });
diff --git a/Libraries/Utilities/__tests__/SceneTracker-test.js b/Libraries/Utilities/__tests__/SceneTracker-test.js
index 22dd9cadba85de..2e95b87cb3adf5 100644
--- a/Libraries/Utilities/__tests__/SceneTracker-test.js
+++ b/Libraries/Utilities/__tests__/SceneTracker-test.js
@@ -4,18 +4,19 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
 const SceneTracker = require('SceneTracker');
 
 describe('setActiveScene', function() {
-
   it('can handle multiple listeners and unsubscribe', function() {
     const listeners = [jest.fn(), jest.fn(), jest.fn()];
-    const subscriptions = listeners.map(
-      (listener) => SceneTracker.addActiveSceneChangedListener(listener)
+    const subscriptions = listeners.map(listener =>
+      SceneTracker.addActiveSceneChangedListener(listener),
     );
     subscriptions[1].remove();
     const newScene = {name: 'scene1'};
diff --git a/Libraries/Utilities/__tests__/buildStyleInterpolator-test.js b/Libraries/Utilities/__tests__/buildStyleInterpolator-test.js
index ccb5f7edfb31c5..321f541e91b47e 100644
--- a/Libraries/Utilities/__tests__/buildStyleInterpolator-test.js
+++ b/Libraries/Utilities/__tests__/buildStyleInterpolator-test.js
@@ -4,15 +4,17 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
-var buildStyleInterpolator = require('buildStyleInterpolator');
+const buildStyleInterpolator = require('buildStyleInterpolator');
 
-var validateEmpty = function(interpolator, value, validator) {
-  var emptyObject = {};
-  var changed = interpolator(emptyObject, value);
+const validateEmpty = function(interpolator, value, validator) {
+  const emptyObject = {};
+  let changed = interpolator(emptyObject, value);
   validator(emptyObject);
   expect(changed).toBe(true);
   changed = interpolator(emptyObject, value);
@@ -20,7 +22,7 @@ var validateEmpty = function(interpolator, value, validator) {
 };
 describe('buildStyleInterpolator', function() {
   it('should linearly interpolate without extrapolating', function() {
-    var testAnim = {
+    const testAnim = {
       opacity: {
         from: 100,
         to: 200,
@@ -42,7 +44,7 @@ describe('buildStyleInterpolator', function() {
         value: 23.5,
       },
     };
-    var interpolator = buildStyleInterpolator(testAnim);
+    const interpolator = buildStyleInterpolator(testAnim);
     validateEmpty(interpolator, 0, function(res) {
       expect(res).toEqual({
         opacity: 100,
@@ -80,14 +82,14 @@ describe('buildStyleInterpolator', function() {
     });
   });
   it('should linearly interpolate with extrapolating', function() {
-    var testAnim = {
+    const testAnim = {
       opacity: {
         from: 100,
         to: 200,
         min: 0,
         max: 1,
         type: 'linear',
-        round: 1,  // To make testing easier
+        round: 1, // To make testing easier
         extrapolate: true,
       },
       left: {
@@ -96,7 +98,7 @@ describe('buildStyleInterpolator', function() {
         min: 0,
         max: 1,
         type: 'linear',
-        round: 1,  // To make testing easier
+        round: 1, // To make testing easier
         extrapolate: true,
       },
       top: {
@@ -104,7 +106,7 @@ describe('buildStyleInterpolator', function() {
         value: 23.5,
       },
     };
-    var interpolator = buildStyleInterpolator(testAnim);
+    const interpolator = buildStyleInterpolator(testAnim);
     validateEmpty(interpolator, 0, function(res) {
       expect(res).toEqual({
         opacity: 100,
@@ -142,18 +144,18 @@ describe('buildStyleInterpolator', function() {
     });
   });
   it('should round accordingly', function() {
-    var testAnim = {
+    const testAnim = {
       opacity: {
         from: 0,
         to: 1,
         min: 0,
         max: 1,
         type: 'linear',
-        round: 2,  // As in one over two
+        round: 2, // As in one over two
         extrapolate: true,
       },
     };
-    var interpolator = buildStyleInterpolator(testAnim);
+    const interpolator = buildStyleInterpolator(testAnim);
     validateEmpty(interpolator, 0, function(res) {
       expect(res).toEqual({
         opacity: 0,
@@ -186,20 +188,20 @@ describe('buildStyleInterpolator', function() {
     });
   });
   it('should detect chnages correctly', function() {
-    var testAnim = {
+    const testAnim = {
       opacity: {
         from: 0,
         to: 1,
         min: 0,
         max: 1,
         type: 'linear',
-        round: 2,  // As in one over two
+        round: 2, // As in one over two
         extrapolate: false,
       },
     };
-    var interpolator = buildStyleInterpolator(testAnim);
-    var obj = {};
-    var res = interpolator(obj, 0);
+    const interpolator = buildStyleInterpolator(testAnim);
+    const obj = {};
+    let res = interpolator(obj, 0);
     expect(obj).toEqual({
       opacity: 0,
     });
@@ -227,14 +229,14 @@ describe('buildStyleInterpolator', function() {
     expect(res).toBe(false);
   });
   it('should handle identity', function() {
-    var testAnim = {
+    const testAnim = {
       opacity: {
         type: 'identity',
       },
     };
-    var interpolator = buildStyleInterpolator(testAnim);
-    var obj = {};
-    var res = interpolator(obj, 0.5);
+    const interpolator = buildStyleInterpolator(testAnim);
+    const obj = {};
+    let res = interpolator(obj, 0.5);
     expect(obj).toEqual({
       opacity: 0.5,
     });
@@ -248,7 +250,7 @@ describe('buildStyleInterpolator', function() {
     expect(res).toBe(false);
   });
   it('should translate', function() {
-    var testAnim = {
+    const testAnim = {
       transformTranslate: {
         from: {x: 1, y: 10, z: 100},
         to: {x: 5, y: 50, z: 500},
@@ -257,19 +259,20 @@ describe('buildStyleInterpolator', function() {
         type: 'linear',
       },
     };
-    var interpolator = buildStyleInterpolator(testAnim);
-    var obj = {};
-    var res = interpolator(obj, 1);
+    const interpolator = buildStyleInterpolator(testAnim);
+    const obj = {};
+    const res = interpolator(obj, 1);
     expect(obj).toEqual({
-      transform: [{matrix: [1, 0, 0, 0,
-                            0, 1, 0, 0,
-                            0, 0, 1, 0,
-                            2, 20, 200, 1]}]
+      transform: [
+        {
+          matrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2, 20, 200, 1],
+        },
+      ],
     });
     expect(res).toBe(true);
   });
   it('should scale', function() {
-    var testAnim = {
+    const testAnim = {
       transformScale: {
         from: {x: 1, y: 10, z: 100},
         to: {x: 5, y: 50, z: 500},
@@ -278,19 +281,20 @@ describe('buildStyleInterpolator', function() {
         type: 'linear',
       },
     };
-    var interpolator = buildStyleInterpolator(testAnim);
-    var obj = {};
-    var res = interpolator(obj, 1);
+    const interpolator = buildStyleInterpolator(testAnim);
+    const obj = {};
+    const res = interpolator(obj, 1);
     expect(obj).toEqual({
-      transform: [{matrix: [2, 0, 0, 0,
-                            0, 20, 0, 0,
-                            0, 0, 200, 0,
-                            0, 0, 0, 1]}]
+      transform: [
+        {
+          matrix: [2, 0, 0, 0, 0, 20, 0, 0, 0, 0, 200, 0, 0, 0, 0, 1],
+        },
+      ],
     });
     expect(res).toBe(true);
   });
   it('should combine scale and translate', function() {
-    var testAnim = {
+    const testAnim = {
       transformScale: {
         from: {x: 1, y: 10, z: 100},
         to: {x: 5, y: 50, z: 500},
@@ -306,19 +310,20 @@ describe('buildStyleInterpolator', function() {
         type: 'linear',
       },
     };
-    var interpolator = buildStyleInterpolator(testAnim);
-    var obj = {};
-    var res = interpolator(obj, 1);
+    const interpolator = buildStyleInterpolator(testAnim);
+    const obj = {};
+    const res = interpolator(obj, 1);
     expect(obj).toEqual({
-      transform: [{matrix: [2, 0, 0, 0,
-                            0, 20, 0, 0,
-                            0, 0, 200, 0,
-                            4, 400, 40000, 1]}]
+      transform: [
+        {
+          matrix: [2, 0, 0, 0, 0, 20, 0, 0, 0, 0, 200, 0, 4, 400, 40000, 1],
+        },
+      ],
     });
     expect(res).toBe(true);
   });
   it('should step', function() {
-    var testAnim = {
+    const testAnim = {
       opacity: {
         threshold: 13,
         from: 10,
@@ -326,9 +331,9 @@ describe('buildStyleInterpolator', function() {
         type: 'step',
       },
     };
-    var interpolator = buildStyleInterpolator(testAnim);
-    var obj = {};
-    var res = interpolator(obj, 0);
+    const interpolator = buildStyleInterpolator(testAnim);
+    const obj = {};
+    let res = interpolator(obj, 0);
     expect(obj).toEqual({
       opacity: 10,
     });
diff --git a/Libraries/Utilities/__tests__/deepFreezeAndThrowOnMutationInDev-test.js b/Libraries/Utilities/__tests__/deepFreezeAndThrowOnMutationInDev-test.js
index cc307eedac0ee8..4b5e11ea5f37a4 100644
--- a/Libraries/Utilities/__tests__/deepFreezeAndThrowOnMutationInDev-test.js
+++ b/Libraries/Utilities/__tests__/deepFreezeAndThrowOnMutationInDev-test.js
@@ -4,12 +4,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
-var deepFreezeAndThrowOnMutationInDev = require('deepFreezeAndThrowOnMutationInDev');
 
-describe('deepFreezeAndThrowOnMutationInDev', function() {
+const deepFreezeAndThrowOnMutationInDev = require('deepFreezeAndThrowOnMutationInDev');
 
+describe('deepFreezeAndThrowOnMutationInDev', function() {
   it('should be a noop on non object values', () => {
     __DEV__ = true;
     expect(() => deepFreezeAndThrowOnMutationInDev('')).not.toThrow();
@@ -25,25 +26,36 @@ describe('deepFreezeAndThrowOnMutationInDev', function() {
     expect(() => deepFreezeAndThrowOnMutationInDev()).not.toThrow();
   });
 
+  it('should not throw on object without prototype', () => {
+    __DEV__ = true;
+    var o = Object.create(null);
+    o.key = 'Value';
+    expect(() => deepFreezeAndThrowOnMutationInDev(o)).not.toThrow();
+  });
+
   it('should throw on mutation in dev with strict', () => {
     'use strict';
     __DEV__ = true;
-    var o = {key: 'oldValue'};
+    const o = {key: 'oldValue'};
     deepFreezeAndThrowOnMutationInDev(o);
-    expect(() => { o.key = 'newValue'; }).toThrowError(
+    expect(() => {
+      o.key = 'newValue';
+    }).toThrowError(
       'You attempted to set the key `key` with the value `"newValue"` ' +
-      'on an object that is meant to be immutable and has been frozen.'
+        'on an object that is meant to be immutable and has been frozen.',
     );
     expect(o.key).toBe('oldValue');
   });
 
   it('should throw on mutation in dev without strict', () => {
     __DEV__ = true;
-    var o = {key: 'oldValue'};
+    const o = {key: 'oldValue'};
     deepFreezeAndThrowOnMutationInDev(o);
-    expect(() => { o.key = 'newValue'; }).toThrowError(
+    expect(() => {
+      o.key = 'newValue';
+    }).toThrowError(
       'You attempted to set the key `key` with the value `"newValue"` ' +
-      'on an object that is meant to be immutable and has been frozen.'
+        'on an object that is meant to be immutable and has been frozen.',
     );
     expect(o.key).toBe('oldValue');
   });
@@ -51,22 +63,26 @@ describe('deepFreezeAndThrowOnMutationInDev', function() {
   it('should throw on nested mutation in dev with strict', () => {
     'use strict';
     __DEV__ = true;
-    var o = {key1: {key2: {key3: 'oldValue'}}};
+    const o = {key1: {key2: {key3: 'oldValue'}}};
     deepFreezeAndThrowOnMutationInDev(o);
-    expect(() => { o.key1.key2.key3 = 'newValue'; }).toThrowError(
+    expect(() => {
+      o.key1.key2.key3 = 'newValue';
+    }).toThrowError(
       'You attempted to set the key `key3` with the value `"newValue"` ' +
-      'on an object that is meant to be immutable and has been frozen.'
+        'on an object that is meant to be immutable and has been frozen.',
     );
     expect(o.key1.key2.key3).toBe('oldValue');
   });
 
   it('should throw on nested mutation in dev without strict', () => {
     __DEV__ = true;
-    var o = {key1: {key2: {key3: 'oldValue'}}};
+    const o = {key1: {key2: {key3: 'oldValue'}}};
     deepFreezeAndThrowOnMutationInDev(o);
-    expect(() => { o.key1.key2.key3 = 'newValue'; }).toThrowError(
+    expect(() => {
+      o.key1.key2.key3 = 'newValue';
+    }).toThrowError(
       'You attempted to set the key `key3` with the value `"newValue"` ' +
-      'on an object that is meant to be immutable and has been frozen.'
+        'on an object that is meant to be immutable and has been frozen.',
     );
     expect(o.key1.key2.key3).toBe('oldValue');
   });
@@ -74,29 +90,34 @@ describe('deepFreezeAndThrowOnMutationInDev', function() {
   it('should throw on insertion in dev with strict', () => {
     'use strict';
     __DEV__ = true;
-    var o = {oldKey: 'value'};
+    const o = {oldKey: 'value'};
     deepFreezeAndThrowOnMutationInDev(o);
-    expect(() => { o.newKey = 'value'; })
-      .toThrowError(
-        /(Cannot|Can't) add property newKey, object is not extensible/
-      );
+    expect(() => {
+      o.newKey = 'value';
+    }).toThrowError(
+      /(Cannot|Can't) add property newKey, object is not extensible/,
+    );
     expect(o.newKey).toBe(undefined);
   });
 
   it('should not throw on insertion in dev without strict', () => {
     __DEV__ = true;
-    var o = {oldKey: 'value'};
+    const o = {oldKey: 'value'};
     deepFreezeAndThrowOnMutationInDev(o);
-    expect(() => { o.newKey = 'value'; }).not.toThrow();
+    expect(() => {
+      o.newKey = 'value';
+    }).not.toThrow();
     expect(o.newKey).toBe(undefined);
   });
 
   it('should mutate and not throw on mutation in prod', () => {
     'use strict';
     __DEV__ = false;
-    var o = {key: 'oldValue'};
+    const o = {key: 'oldValue'};
     deepFreezeAndThrowOnMutationInDev(o);
-    expect(() => { o.key = 'newValue'; }).not.toThrow();
+    expect(() => {
+      o.key = 'newValue';
+    }).not.toThrow();
     expect(o.key).toBe('newValue');
   });
 
@@ -104,18 +125,19 @@ describe('deepFreezeAndThrowOnMutationInDev', function() {
   it('should not deep freeze already frozen objects', () => {
     'use strict';
     __DEV__ = true;
-    var o = {key1: {key2: 'oldValue'}};
+    const o = {key1: {key2: 'oldValue'}};
     Object.freeze(o);
     deepFreezeAndThrowOnMutationInDev(o);
-    expect(() => { o.key1.key2 = 'newValue'; }).not.toThrow();
+    expect(() => {
+      o.key1.key2 = 'newValue';
+    }).not.toThrow();
     expect(o.key1.key2).toBe('newValue');
   });
 
   it("shouldn't recurse infinitely", () => {
     __DEV__ = true;
-    var o = {};
+    const o = {};
     o.circular = o;
     deepFreezeAndThrowOnMutationInDev(o);
   });
-
 });
diff --git a/Libraries/Utilities/__tests__/groupByEveryN-test.js b/Libraries/Utilities/__tests__/groupByEveryN-test.js
index 5fe34833549e2f..a084cf225ec530 100644
--- a/Libraries/Utilities/__tests__/groupByEveryN-test.js
+++ b/Libraries/Utilities/__tests__/groupByEveryN-test.js
@@ -4,34 +4,51 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
 describe('groupByEveryN', () => {
-  var groupByEveryN = require('groupByEveryN');
+  const groupByEveryN = require('groupByEveryN');
 
   it('should group by with different n', () => {
-    expect(groupByEveryN([1, 2, 3, 4, 5, 6, 7, 8, 9], 1))
-      .toEqual([[1], [2], [3], [4], [5], [6], [7], [8], [9]]);
-    expect(groupByEveryN([1, 2, 3, 4, 5, 6, 7, 8, 9], 2))
-      .toEqual([[1, 2], [3, 4], [5, 6], [7, 8], [9, null]]);
-    expect(groupByEveryN([1, 2, 3, 4, 5, 6, 7, 8, 9], 3))
-      .toEqual([[1, 2, 3], [4, 5, 6], [7, 8, 9]]);
-    expect(groupByEveryN([1, 2, 3, 4, 5, 6, 7, 8, 9], 4))
-      .toEqual([[1, 2, 3, 4], [5, 6, 7, 8], [9, null, null, null]]);
+    expect(groupByEveryN([1, 2, 3, 4, 5, 6, 7, 8, 9], 1)).toEqual([
+      [1],
+      [2],
+      [3],
+      [4],
+      [5],
+      [6],
+      [7],
+      [8],
+      [9],
+    ]);
+    expect(groupByEveryN([1, 2, 3, 4, 5, 6, 7, 8, 9], 2)).toEqual([
+      [1, 2],
+      [3, 4],
+      [5, 6],
+      [7, 8],
+      [9, null],
+    ]);
+    expect(groupByEveryN([1, 2, 3, 4, 5, 6, 7, 8, 9], 3)).toEqual([
+      [1, 2, 3],
+      [4, 5, 6],
+      [7, 8, 9],
+    ]);
+    expect(groupByEveryN([1, 2, 3, 4, 5, 6, 7, 8, 9], 4)).toEqual([
+      [1, 2, 3, 4],
+      [5, 6, 7, 8],
+      [9, null, null, null],
+    ]);
   });
 
   it('should fill with null', () => {
-    expect(groupByEveryN([], 4))
-      .toEqual([]);
-    expect(groupByEveryN([1], 4))
-      .toEqual([[1, null, null, null]]);
-    expect(groupByEveryN([1, 2], 4))
-      .toEqual([[1, 2, null, null]]);
-    expect(groupByEveryN([1, 2, 3], 4))
-      .toEqual([[1, 2, 3, null]]);
-    expect(groupByEveryN([1, 2, 3, 4], 4))
-      .toEqual([[1, 2, 3, 4]]);
+    expect(groupByEveryN([], 4)).toEqual([]);
+    expect(groupByEveryN([1], 4)).toEqual([[1, null, null, null]]);
+    expect(groupByEveryN([1, 2], 4)).toEqual([[1, 2, null, null]]);
+    expect(groupByEveryN([1, 2, 3], 4)).toEqual([[1, 2, 3, null]]);
+    expect(groupByEveryN([1, 2, 3, 4], 4)).toEqual([[1, 2, 3, 4]]);
   });
 });
diff --git a/Libraries/Utilities/__tests__/mapWithSeparator-test.js b/Libraries/Utilities/__tests__/mapWithSeparator-test.js
index 8f64e0dfa17d38..96de9fa889aa74 100644
--- a/Libraries/Utilities/__tests__/mapWithSeparator-test.js
+++ b/Libraries/Utilities/__tests__/mapWithSeparator-test.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
 describe('mapWithSeparator', () => {
@@ -20,7 +22,7 @@ describe('mapWithSeparator', () => {
       },
       function() {
         return 0;
-      }
+      },
     );
     expect(result).toEqual([2, 0, 4, 0, 6]);
   });
@@ -34,7 +36,7 @@ describe('mapWithSeparator', () => {
       },
       function(index) {
         return index;
-      }
+      },
     );
     expect(result).toEqual([0, 0, 1, 1, 2]);
   });
@@ -48,7 +50,7 @@ describe('mapWithSeparator', () => {
       },
       function(index) {
         return index;
-      }
+      },
     );
     expect(result).toEqual([3, 0, 2, 1, 1]);
   });
diff --git a/Libraries/Utilities/__tests__/truncate-test.js b/Libraries/Utilities/__tests__/truncate-test.js
index 9c38d1e1e701c9..b9eb0eef5faf26 100644
--- a/Libraries/Utilities/__tests__/truncate-test.js
+++ b/Libraries/Utilities/__tests__/truncate-test.js
@@ -4,52 +4,50 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
 describe('truncate', () => {
-
-  var truncate = require('truncate');
+  const truncate = require('truncate');
 
   it('should truncate', () => {
-    expect(truncate('Hello, world.', 5))
-      .toBe('He...');
+    expect(truncate('Hello, world.', 5)).toBe('He...');
   });
   it('should not truncate', () => {
-    expect(truncate('Hello, world.', 50))
-      .toBe('Hello, world.');
+    expect(truncate('Hello, world.', 50)).toBe('Hello, world.');
   });
   it('should not truncate more than minDelta chars.', () => {
-    expect(truncate('Hello, world.', 7, {minDelta: 10}))
-      .toBe('Hello, world.');
-    expect(truncate('Hello, world.', 7, {minDelta: 9}))
-      .toBe('Hell...');
+    expect(truncate('Hello, world.', 7, {minDelta: 10})).toBe('Hello, world.');
+    expect(truncate('Hello, world.', 7, {minDelta: 9})).toBe('Hell...');
   });
   it('should break in the middle of words', () => {
-    expect(truncate('Hello, world.  How are you?', 18, {breakOnWords: false}))
-      .toBe('Hello, world.  H...');
-    expect(truncate('Hello, world.\nHow are you?', 18, {breakOnWords: false}))
-      .toBe('Hello, world.\nHo...');
+    expect(
+      truncate('Hello, world.  How are you?', 18, {breakOnWords: false}),
+    ).toBe('Hello, world.  H...');
+    expect(
+      truncate('Hello, world.\nHow are you?', 18, {breakOnWords: false}),
+    ).toBe('Hello, world.\nHo...');
   });
   it('should break at word boundaries', () => {
-    expect(truncate('Hello, world.  How are you?', 18, {breakOnWords: true}))
-      .toBe('Hello, world....');
-    expect(truncate('Hello, world.\nHow are you?', 18, {breakOnWords: true}))
-      .toBe('Hello, world....');
+    expect(
+      truncate('Hello, world.  How are you?', 18, {breakOnWords: true}),
+    ).toBe('Hello, world....');
+    expect(
+      truncate('Hello, world.\nHow are you?', 18, {breakOnWords: true}),
+    ).toBe('Hello, world....');
   });
   it('should uses custom elipses', () => {
-    expect(truncate('Hello, world.', 9, {elipsis: '&middot'}))
-      .toBe('He&middot');
+    expect(truncate('Hello, world.', 9, {elipsis: '&middot'})).toBe(
+      'He&middot',
+    );
   });
-  it('shouldn\'t barf with weird input', () => {
-    expect(truncate('Hello, world.', 0))
-      .toBe('Hello,...');
-    expect(truncate('Hello, world.', -132))
-      .toBe('...');
-    expect(truncate('', 0))
-      .toBe('');
-    expect(truncate(null, 0))
-      .toBe(null);
+  it("shouldn't barf with weird input", () => {
+    expect(truncate('Hello, world.', 0)).toBe('Hello,...');
+    expect(truncate('Hello, world.', -132)).toBe('...');
+    expect(truncate('', 0)).toBe('');
+    expect(truncate(null, 0)).toBe(null);
   });
 });
diff --git a/Libraries/Utilities/binaryToBase64.js b/Libraries/Utilities/binaryToBase64.js
index d17c4d403c8705..78e6ae97bc605b 100644
--- a/Libraries/Utilities/binaryToBase64.js
+++ b/Libraries/Utilities/binaryToBase64.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule binaryToBase64
+ * @format
  * @flow
  */
+
 'use strict';
 
 /* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
diff --git a/Libraries/Utilities/buildStyleInterpolator.js b/Libraries/Utilities/buildStyleInterpolator.js
index ec174441173965..c316409876c2e4 100644
--- a/Libraries/Utilities/buildStyleInterpolator.js
+++ b/Libraries/Utilities/buildStyleInterpolator.js
@@ -4,23 +4,23 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule buildStyleInterpolator
+ * @format
  */
 
 'use strict';
 
-var keyOf = require('fbjs/lib/keyOf');
+const keyOf = require('fbjs/lib/keyOf');
 
-var X_DIM = keyOf({x: null});
-var Y_DIM = keyOf({y: null});
-var Z_DIM = keyOf({z: null});
+const X_DIM = keyOf({x: null});
+const Y_DIM = keyOf({y: null});
+const Z_DIM = keyOf({z: null});
 
-var InitialOperationField = {
+const InitialOperationField = {
   transformTranslate: [0, 0, 0],
   transformScale: [1, 1, 1],
 };
 
-var InterpolateMatrix = {
+const InterpolateMatrix = {
   transformScale: function(mat, x, y, z) {
     mat[0] = mat[0] * x;
     mat[1] = mat[1] * x;
@@ -40,39 +40,39 @@ var InterpolateMatrix = {
     mat[13] = mat[1] * x + mat[5] * y + mat[9] * z + mat[13];
     mat[14] = mat[2] * x + mat[6] * y + mat[10] * z + mat[14];
     mat[15] = mat[3] * x + mat[7] * y + mat[11] * z + mat[15];
-  }
+  },
 };
 
-var computeNextValLinear = function(anim, from, to, value) {
-  var hasRoundRatio = 'round' in anim;
-  var roundRatio = anim.round;
-  var ratio = (value - anim.min) / (anim.max - anim.min);
+const computeNextValLinear = function(anim, from, to, value) {
+  const hasRoundRatio = 'round' in anim;
+  const roundRatio = anim.round;
+  let ratio = (value - anim.min) / (anim.max - anim.min);
   if (!anim.extrapolate) {
-    ratio = ratio > 1 ? 1 : (ratio < 0 ? 0 : ratio);
+    ratio = ratio > 1 ? 1 : ratio < 0 ? 0 : ratio;
   }
-  var nextVal = from * (1 - ratio) + to * ratio;
+  let nextVal = from * (1 - ratio) + to * ratio;
   if (hasRoundRatio) {
     nextVal = Math.round(roundRatio * nextVal) / roundRatio;
   }
   return nextVal;
 };
 
-var computeNextValLinearScalar = function(anim, value) {
+const computeNextValLinearScalar = function(anim, value) {
   return computeNextValLinear(anim, anim.from, anim.to, value);
 };
 
-var setNextValAndDetectChange = function(result, name, nextVal, didChange) {
+const setNextValAndDetectChange = function(result, name, nextVal, didChange) {
   if (!didChange) {
-    var prevVal = result[name];
+    const prevVal = result[name];
     result[name] = nextVal;
-    didChange = didChange  || (nextVal !== prevVal);
+    didChange = didChange || nextVal !== prevVal;
   } else {
     result[name] = nextVal;
   }
   return didChange;
 };
 
-var initIdentity = function(mat) {
+const initIdentity = function(mat) {
   mat[0] = 1;
   mat[1] = 0;
   mat[2] = 0;
@@ -91,7 +91,13 @@ var initIdentity = function(mat) {
   mat[15] = 1;
 };
 
-var computeNextMatrixOperationField = function(anim, name, dim, index, value) {
+const computeNextMatrixOperationField = function(
+  anim,
+  name,
+  dim,
+  index,
+  value,
+) {
   if (anim.from[dim] !== undefined && anim.to[dim] !== undefined) {
     return computeNextValLinear(anim, anim.from[dim], anim.to[dim], value);
   } else {
@@ -99,43 +105,60 @@ var computeNextMatrixOperationField = function(anim, name, dim, index, value) {
   }
 };
 
-var computeTransform = function(anim, name, value, result,
-                                didChange, didMatrix) {
-  var transform = result.transform !== undefined ?
-        result.transform : (result.transform = [{ matrix: [] }]);
-  var mat = transform[0].matrix;
-  var m0 = mat[0];
-  var m1 = mat[1];
-  var m2 = mat[2];
-  var m3 = mat[3];
-  var m4 = mat[4];
-  var m5 = mat[5];
-  var m6 = mat[6];
-  var m7 = mat[7];
-  var m8 = mat[8];
-  var m9 = mat[9];
-  var m10 = mat[10];
-  var m11 = mat[11];
-  var m12 = mat[12];
-  var m13 = mat[13];
-  var m14 = mat[14];
-  var m15 = mat[15];
+const computeTransform = function(
+  anim,
+  name,
+  value,
+  result,
+  didChange,
+  didMatrix,
+) {
+  const transform =
+    result.transform !== undefined
+      ? result.transform
+      : (result.transform = [{matrix: []}]);
+  const mat = transform[0].matrix;
+  const m0 = mat[0];
+  const m1 = mat[1];
+  const m2 = mat[2];
+  const m3 = mat[3];
+  const m4 = mat[4];
+  const m5 = mat[5];
+  const m6 = mat[6];
+  const m7 = mat[7];
+  const m8 = mat[8];
+  const m9 = mat[9];
+  const m10 = mat[10];
+  const m11 = mat[11];
+  const m12 = mat[12];
+  const m13 = mat[13];
+  const m14 = mat[14];
+  const m15 = mat[15];
   if (!didMatrix) {
-    initIdentity(mat);  // This will be the first transform.
+    initIdentity(mat); // This will be the first transform.
   }
-  var x = computeNextMatrixOperationField(anim, name, X_DIM, 0, value);
-  var y = computeNextMatrixOperationField(anim, name, Y_DIM, 1, value);
-  var z = computeNextMatrixOperationField(anim, name, Z_DIM, 2, value);
+  const x = computeNextMatrixOperationField(anim, name, X_DIM, 0, value);
+  const y = computeNextMatrixOperationField(anim, name, Y_DIM, 1, value);
+  const z = computeNextMatrixOperationField(anim, name, Z_DIM, 2, value);
   InterpolateMatrix[name](mat, x, y, z);
   if (!didChange) {
-    didChange = m0 !== mat[0] || m1 !== mat[1] ||
-                m2 !== mat[2] || m3 !== mat[3] ||
-                m4 !== mat[4] || m5 !== mat[5] ||
-                m6 !== mat[6] || m7 !== mat[7] ||
-                m8 !== mat[8] || m9 !== mat[9] ||
-                m10 !== mat[10] || m11 !== mat[11] ||
-                m12 !== mat[12] || m13 !== mat[13] ||
-                m14 !== mat[14] || m15 !== mat[15];
+    didChange =
+      m0 !== mat[0] ||
+      m1 !== mat[1] ||
+      m2 !== mat[2] ||
+      m3 !== mat[3] ||
+      m4 !== mat[4] ||
+      m5 !== mat[5] ||
+      m6 !== mat[6] ||
+      m7 !== mat[7] ||
+      m8 !== mat[8] ||
+      m9 !== mat[9] ||
+      m10 !== mat[10] ||
+      m11 !== mat[11] ||
+      m12 !== mat[12] ||
+      m13 !== mat[13] ||
+      m14 !== mat[14] ||
+      m15 !== mat[15];
   }
   return didChange;
 };
@@ -145,16 +168,22 @@ var computeTransform = function(anim, name, value, result,
  * @return {function} Function accepting style object, that mutates that style
  * object and returns a boolean describing if any update was actually applied.
  */
-var buildStyleInterpolator = function(anims) {
+const buildStyleInterpolator = function(anims) {
   function styleInterpolator(result, value) {
-    var didChange = false;
-    var didMatrix = false;
-    for (var name in anims) {
-      var anim = anims[name];
+    let didChange = false;
+    let didMatrix = false;
+    for (const name in anims) {
+      const anim = anims[name];
       if (anim.type === 'linear') {
         if (name in InterpolateMatrix) {
-          didChange = computeTransform(anim, name, value, result,
-                                       didChange, didMatrix);
+          didChange = computeTransform(
+            anim,
+            name,
+            value,
+            result,
+            didChange,
+            didMatrix,
+          );
           didMatrix = true;
         } else {
           var next = computeNextValLinearScalar(anim, value);
diff --git a/Libraries/Utilities/clamp.js b/Libraries/Utilities/clamp.js
index 5d15d8b3b12f3f..bbeb9701b69609 100644
--- a/Libraries/Utilities/clamp.js
+++ b/Libraries/Utilities/clamp.js
@@ -4,18 +4,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule clamp
- * @typechecks
+ * @format
+ * @flow strict
  */
+
 'use strict';
 
-/**
- * @param {number} min
- * @param {number} value
- * @param {number} max
- * @return {number}
- */
-function clamp(min, value, max) {
+function clamp(min: number, value: number, max: number): number {
   if (value < min) {
     return min;
   }
diff --git a/Libraries/Utilities/createStrictShapeTypeChecker.js b/Libraries/Utilities/createStrictShapeTypeChecker.js
index 89347d15e0b86a..ad097e9682344e 100644
--- a/Libraries/Utilities/createStrictShapeTypeChecker.js
+++ b/Libraries/Utilities/createStrictShapeTypeChecker.js
@@ -4,57 +4,68 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule createStrictShapeTypeChecker
+ * @format
  * @flow
  */
+
 'use strict';
 
-var invariant = require('fbjs/lib/invariant');
-var merge = require('merge');
+const invariant = require('fbjs/lib/invariant');
+const merge = require('merge');
 
-function createStrictShapeTypeChecker(
-  shapeTypes: {[key: string]: ReactPropsCheckType}
-): ReactPropsChainableTypeChecker {
-  function checkType(isRequired, props, propName, componentName, location?, ...rest) {
+function createStrictShapeTypeChecker(shapeTypes: {
+  [key: string]: ReactPropsCheckType,
+}): ReactPropsChainableTypeChecker {
+  function checkType(
+    isRequired,
+    props,
+    propName,
+    componentName,
+    location?,
+    ...rest
+  ) {
     if (!props[propName]) {
       if (isRequired) {
         invariant(
           false,
           `Required object \`${propName}\` was not specified in ` +
-          `\`${componentName}\`.`
+            `\`${componentName}\`.`,
         );
       }
       return;
     }
-    var propValue = props[propName];
-    var propType = typeof propValue;
-    var locationName = location || '(unknown)';
+    const propValue = props[propName];
+    const propType = typeof propValue;
+    const locationName = location || '(unknown)';
     if (propType !== 'object') {
       invariant(
         false,
         `Invalid ${locationName} \`${propName}\` of type \`${propType}\` ` +
-          `supplied to \`${componentName}\`, expected \`object\`.`
+          `supplied to \`${componentName}\`, expected \`object\`.`,
       );
     }
     // We need to check all keys in case some are required but missing from
     // props.
-    var allKeys = merge(props[propName], shapeTypes);
-    for (var key in allKeys) {
-      var checker = shapeTypes[key];
+    const allKeys = merge(props[propName], shapeTypes);
+    for (const key in allKeys) {
+      const checker = shapeTypes[key];
       if (!checker) {
         invariant(
           false,
           `Invalid props.${propName} key \`${key}\` supplied to \`${componentName}\`.` +
-            '\nBad object: ' + JSON.stringify(props[propName], null, '  ') +
-            '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  ')
+            '\nBad object: ' +
+            JSON.stringify(props[propName], null, '  ') +
+            '\nValid keys: ' +
+            JSON.stringify(Object.keys(shapeTypes), null, '  '),
         );
       }
-      var error = checker(propValue, key, componentName, location, ...rest);
+      const error = checker(propValue, key, componentName, location, ...rest);
       if (error) {
         invariant(
           false,
           error.message +
-            '\nBad object: ' + JSON.stringify(props[propName], null, '  ')
+            '\nBad object: ' +
+            JSON.stringify(props[propName], null, '  '),
         );
       }
     }
diff --git a/Libraries/Utilities/deepFreezeAndThrowOnMutationInDev.js b/Libraries/Utilities/deepFreezeAndThrowOnMutationInDev.js
index 19cb60a9c56d6f..2e2c4952ee0acf 100644
--- a/Libraries/Utilities/deepFreezeAndThrowOnMutationInDev.js
+++ b/Libraries/Utilities/deepFreezeAndThrowOnMutationInDev.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule deepFreezeAndThrowOnMutationInDev
+ * @format
  * @flow
  */
 
@@ -29,20 +29,27 @@
  */
 function deepFreezeAndThrowOnMutationInDev<T: Object>(object: T): T {
   if (__DEV__) {
-    if (typeof object !== 'object' ||
-        object === null ||
-        Object.isFrozen(object) ||
-        Object.isSealed(object)) {
+    if (
+      typeof object !== 'object' ||
+      object === null ||
+      Object.isFrozen(object) ||
+      Object.isSealed(object)
+    ) {
       return object;
     }
 
-    var keys = Object.keys(object);
+    const keys = Object.keys(object);
+    const hasOwnProperty = Object.prototype.hasOwnProperty;
 
     for (var i = 0; i < keys.length; i++) {
       var key = keys[i];
-      if (object.hasOwnProperty(key)) {
-        object.__defineGetter__(key, identity.bind(null, object[key]));
-        object.__defineSetter__(key, throwOnImmutableMutation.bind(null, key));
+      if (hasOwnProperty.call(object, key)) {
+        Object.defineProperty(object, key, {
+          get: identity.bind(null, object[key]),
+        });
+        Object.defineProperty(object, key, {
+          set: throwOnImmutableMutation.bind(null, key),
+        });
       }
     }
 
@@ -51,7 +58,7 @@ function deepFreezeAndThrowOnMutationInDev<T: Object>(object: T): T {
 
     for (var i = 0; i < keys.length; i++) {
       var key = keys[i];
-      if (object.hasOwnProperty(key)) {
+      if (hasOwnProperty.call(object, key)) {
         deepFreezeAndThrowOnMutationInDev(object[key]);
       }
     }
@@ -61,9 +68,12 @@ function deepFreezeAndThrowOnMutationInDev<T: Object>(object: T): T {
 
 function throwOnImmutableMutation(key, value) {
   throw Error(
-    'You attempted to set the key `' + key + '` with the value `' +
-    JSON.stringify(value) + '` on an object that is meant to be immutable ' +
-    'and has been frozen.'
+    'You attempted to set the key `' +
+      key +
+      '` with the value `' +
+      JSON.stringify(value) +
+      '` on an object that is meant to be immutable ' +
+      'and has been frozen.',
   );
 }
 
diff --git a/Libraries/Utilities/defineLazyObjectProperty.js b/Libraries/Utilities/defineLazyObjectProperty.js
index 87e893037913b4..53091c4dff27b3 100644
--- a/Libraries/Utilities/defineLazyObjectProperty.js
+++ b/Libraries/Utilities/defineLazyObjectProperty.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule defineLazyObjectProperty
+ * @format
  * @flow
  */
 
diff --git a/Libraries/Utilities/deprecatedPropType.js b/Libraries/Utilities/deprecatedPropType.js
index 8b08854fabb043..7421b44e950476 100644
--- a/Libraries/Utilities/deprecatedPropType.js
+++ b/Libraries/Utilities/deprecatedPropType.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule deprecatedPropType
+ * @format
  * @flow
  */
+
 'use strict';
 
 const UIManager = require('UIManager');
@@ -16,20 +17,17 @@ const UIManager = require('UIManager');
  */
 function deprecatedPropType(
   propType: ReactPropsCheckType,
-  explanation: string
+  explanation: string,
 ): ReactPropsCheckType {
   return function validate(props, propName, componentName, ...rest) {
     // Don't warn for native components.
     if (!UIManager[componentName] && props[propName] !== undefined) {
-      console.warn(`\`${propName}\` supplied to \`${componentName}\` has been deprecated. ${explanation}`);
+      console.warn(
+        `\`${propName}\` supplied to \`${componentName}\` has been deprecated. ${explanation}`,
+      );
     }
 
-    return propType(
-      props,
-      propName,
-      componentName,
-      ...rest
-    );
+    return propType(props, propName, componentName, ...rest);
   };
 }
 
diff --git a/Libraries/Utilities/differ/__tests__/deepDiffer-test.js b/Libraries/Utilities/differ/__tests__/deepDiffer-test.js
index 6fadfdbe575478..fd27aa8b1b41e9 100644
--- a/Libraries/Utilities/differ/__tests__/deepDiffer-test.js
+++ b/Libraries/Utilities/differ/__tests__/deepDiffer-test.js
@@ -4,11 +4,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
-var deepDiffer = require('deepDiffer');
+const deepDiffer = require('deepDiffer');
 
 describe('deepDiffer', function() {
   it('should diff primitives of the same type', () => {
@@ -47,14 +49,18 @@ describe('deepDiffer', function() {
     expect(deepDiffer({a: 1, b: 1}, {a: 1})).toBe(true);
     expect(deepDiffer({a: {A: 1}, b: 1}, {a: {A: 1}, b: 1})).toBe(false);
     expect(deepDiffer({a: {A: 1}, b: 1}, {a: {A: 2}, b: 1})).toBe(true);
-    expect(deepDiffer(
-      {a: {A: {aA: 1, bB: 1}}, b: 1},
-      {a: {A: {aA: 1, bB: 1}}, b: 1}
-    )).toBe(false);
-    expect(deepDiffer(
-      {a: {A: {aA: 1, bB: 1}}, b: 1},
-      {a: {A: {aA: 1, cC: 1}}, b: 1}
-    )).toBe(true);
+    expect(
+      deepDiffer(
+        {a: {A: {aA: 1, bB: 1}}, b: 1},
+        {a: {A: {aA: 1, bB: 1}}, b: 1},
+      ),
+    ).toBe(false);
+    expect(
+      deepDiffer(
+        {a: {A: {aA: 1, bB: 1}}, b: 1},
+        {a: {A: {aA: 1, cC: 1}}, b: 1},
+      ),
+    ).toBe(true);
   });
   it('should diff Arrays', () => {
     expect(deepDiffer([], [])).toBe(false);
@@ -73,29 +79,53 @@ describe('deepDiffer', function() {
   it('should diff mixed types', () => {
     expect(deepDiffer({}, [])).toBe(true);
     expect(deepDiffer([], {})).toBe(true);
-    expect(deepDiffer(
-      {a: [{A: {aA: 1, bB: 1}}, 'bar'], c: [1, [false]]},
-      {a: [{A: {aA: 1, bB: 1}}, 'bar'], c: [1, [false]]}
-    )).toBe(false);
-    expect(deepDiffer(
-      {a: [{A: {aA: 1, bB: 1}}, 'bar'], c: [1, [false]]},
-      {a: [{A: {aA: 1, bB: 2}}, 'bar'], c: [1, [false]]}
-    )).toBe(true);
-    expect(deepDiffer(
-      {a: [{A: {aA: 1, bB: 1}}, 'bar'], c: [1, [false]]},
-      {a: [{A: {aA: 1, bB: 1}}, 'bar'], c: [1, [false], null]}
-    )).toBe(true);
-    expect(deepDiffer(
-      {a: [{A: {aA: 1, bB: 1}}, 'bar'], c: [1, [false]]},
-      {a: [{A: {aA: 1, bB: 1}}, ['bar']], c: [1, [false]]}
-    )).toBe(true);
+    expect(
+      deepDiffer(
+        {a: [{A: {aA: 1, bB: 1}}, 'bar'], c: [1, [false]]},
+        {a: [{A: {aA: 1, bB: 1}}, 'bar'], c: [1, [false]]},
+      ),
+    ).toBe(false);
+    expect(
+      deepDiffer(
+        {a: [{A: {aA: 1, bB: 1}}, 'bar'], c: [1, [false]]},
+        {a: [{A: {aA: 1, bB: 2}}, 'bar'], c: [1, [false]]},
+      ),
+    ).toBe(true);
+    expect(
+      deepDiffer(
+        {a: [{A: {aA: 1, bB: 1}}, 'bar'], c: [1, [false]]},
+        {a: [{A: {aA: 1, bB: 1}}, 'bar'], c: [1, [false], null]},
+      ),
+    ).toBe(true);
+    expect(
+      deepDiffer(
+        {a: [{A: {aA: 1, bB: 1}}, 'bar'], c: [1, [false]]},
+        {a: [{A: {aA: 1, bB: 1}}, ['bar']], c: [1, [false]]},
+      ),
+    ).toBe(true);
   });
   it('should distinguish between proper Array and Object', () => {
     expect(deepDiffer(['a', 'b'], {0: 'a', 1: 'b', length: 2})).toBe(true);
     expect(deepDiffer(['a', 'b'], {length: 2, 0: 'a', 1: 'b'})).toBe(true);
   });
   it('should diff same object', () => {
-    var obj = [1,[2,3]];
+    const obj = [1, [2, 3]];
     expect(deepDiffer(obj, obj)).toBe(false);
   });
+  it('should respect maxDepth arg', () => {
+    expect(
+      deepDiffer(
+        {a: {A: {aA: 1, bB: 1}}, b: 1},
+        {a: {A: {aA: 1, bB: 1}}, b: 1},
+        3,
+      ),
+    ).toBe(true);
+    expect(
+      deepDiffer(
+        {a: {A: {aA: 1, bB: 1}}, b: 1},
+        {a: {A: {aA: 1, bB: 1}}, b: 1},
+        4,
+      ),
+    ).toBe(false);
+  });
 });
diff --git a/Libraries/Utilities/differ/deepDiffer.js b/Libraries/Utilities/differ/deepDiffer.js
index af0bd295694b19..8c51cf2117c745 100644
--- a/Libraries/Utilities/differ/deepDiffer.js
+++ b/Libraries/Utilities/differ/deepDiffer.js
@@ -4,28 +4,36 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule deepDiffer
+ * @format
  * @flow
  */
+
 'use strict';
 
 /*
  * @returns {bool} true if different, false if equal
  */
-var deepDiffer = function(one: any, two: any): bool {
+const deepDiffer = function(
+  one: any,
+  two: any,
+  maxDepth: number = -1,
+): boolean {
+  if (maxDepth === 0) {
+    return true;
+  }
   if (one === two) {
     // 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;
@@ -35,22 +43,22 @@ var deepDiffer = function(one: any, two: any): bool {
   }
   if (Array.isArray(one)) {
     // We know two is also an array because the constructors are equal
-    var len = one.length;
+    const len = one.length;
     if (two.length !== len) {
       return true;
     }
-    for (var ii = 0; ii < len; ii++) {
-      if (deepDiffer(one[ii], two[ii])) {
+    for (let ii = 0; ii < len; ii++) {
+      if (deepDiffer(one[ii], two[ii], maxDepth - 1)) {
         return true;
       }
     }
   } else {
-    for (var key in one) {
-      if (deepDiffer(one[key], two[key])) {
+    for (const key in one) {
+      if (deepDiffer(one[key], two[key], maxDepth - 1)) {
         return true;
       }
     }
-    for (var twoKey in two) {
+    for (const twoKey in two) {
       // The only case we haven't checked yet is keys that are in two but aren't
       // in one, which means they are different.
       if (one[twoKey] === undefined && two[twoKey] !== undefined) {
diff --git a/Libraries/Utilities/differ/insetsDiffer.js b/Libraries/Utilities/differ/insetsDiffer.js
index 1d497c0948e53a..c0031775fc2e0b 100644
--- a/Libraries/Utilities/differ/insetsDiffer.js
+++ b/Libraries/Utilities/differ/insetsDiffer.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule insetsDiffer
+ * @format
  * @flow
  */
+
 'use strict';
 
 type Inset = {
@@ -14,26 +15,24 @@ type Inset = {
   left: ?number,
   right: ?number,
   bottom: ?number,
-}
+};
 
-var dummyInsets = {
-	top: undefined,
-	left: undefined,
-	right: undefined,
-	bottom: undefined,
+const dummyInsets = {
+  top: undefined,
+  left: undefined,
+  right: undefined,
+  bottom: undefined,
 };
 
-var insetsDiffer = function(
-  one: ?Inset,
-  two: ?Inset
-): bool {
+const insetsDiffer = function(one: ?Inset, two: ?Inset): boolean {
   one = one || dummyInsets;
   two = two || dummyInsets;
-  return one !== two && (
-    one.top !== two.top ||
-    one.left !== two.left ||
-    one.right !== two.right ||
-    one.bottom !== two.bottom
+  return (
+    one !== two &&
+    (one.top !== two.top ||
+      one.left !== two.left ||
+      one.right !== two.right ||
+      one.bottom !== two.bottom)
   );
 };
 
diff --git a/Libraries/Utilities/differ/matricesDiffer.js b/Libraries/Utilities/differ/matricesDiffer.js
index 25e741a4ff8283..0b2d2005f84ab8 100644
--- a/Libraries/Utilities/differ/matricesDiffer.js
+++ b/Libraries/Utilities/differ/matricesDiffer.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule matricesDiffer
+ * @format
  */
+
 'use strict';
 
 /**
@@ -17,11 +18,13 @@
  * @param {MatrixMath.Matrix} two Second matrix.
  * @return {boolean} Whether or not the two matrices differ.
  */
-var matricesDiffer = function(one, two) {
+const matricesDiffer = function(one, two) {
   if (one === two) {
     return false;
   }
-  return !one || !two ||
+  return (
+    !one ||
+    !two ||
     one[12] !== two[12] ||
     one[13] !== two[13] ||
     one[14] !== two[14] ||
@@ -36,7 +39,8 @@ var matricesDiffer = function(one, two) {
     one[8] !== two[8] ||
     one[9] !== two[9] ||
     one[11] !== two[11] ||
-    one[15] !== two[15];
+    one[15] !== two[15]
+  );
 };
 
 module.exports = matricesDiffer;
diff --git a/Libraries/Utilities/differ/pointsDiffer.js b/Libraries/Utilities/differ/pointsDiffer.js
index cb41cec85494a4..ebaa014da2ed0d 100644
--- a/Libraries/Utilities/differ/pointsDiffer.js
+++ b/Libraries/Utilities/differ/pointsDiffer.js
@@ -4,25 +4,23 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule pointsDiffer
+ * @format
  * @flow
  */
+
 'use strict';
 
 type Point = {
   x: ?number,
   y: ?number,
-}
+};
 
-var dummyPoint = {x: undefined, y: undefined};
+const dummyPoint = {x: undefined, y: undefined};
 
-var pointsDiffer = function(one: ?Point, two: ?Point): bool {
+const pointsDiffer = function(one: ?Point, two: ?Point): boolean {
   one = one || dummyPoint;
   two = two || dummyPoint;
-  return one !== two && (
-    one.x !== two.x ||
-    one.y !== two.y
-  );
+  return one !== two && (one.x !== two.x || one.y !== two.y);
 };
 
 module.exports = pointsDiffer;
diff --git a/Libraries/Utilities/differ/sizesDiffer.js b/Libraries/Utilities/differ/sizesDiffer.js
index 55ea66ded36ca5..9bf477572b2316 100644
--- a/Libraries/Utilities/differ/sizesDiffer.js
+++ b/Libraries/Utilities/differ/sizesDiffer.js
@@ -4,19 +4,17 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule sizesDiffer
+ * @format
  */
+
 'use strict';
 
-var dummySize = {width: undefined, height: undefined};
+const dummySize = {width: undefined, height: undefined};
 
-var sizesDiffer = function(one, two) {
+const sizesDiffer = function(one, two) {
   one = one || dummySize;
   two = two || dummySize;
-  return one !== two && (
-    one.width !== two.width ||
-    one.height !== two.height
-  );
+  return one !== two && (one.width !== two.width || one.height !== two.height);
 };
 
 module.exports = sizesDiffer;
diff --git a/Libraries/Utilities/dismissKeyboard.js b/Libraries/Utilities/dismissKeyboard.js
index febcc82bfa9a65..ba212f2f9376c8 100644
--- a/Libraries/Utilities/dismissKeyboard.js
+++ b/Libraries/Utilities/dismissKeyboard.js
@@ -4,13 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule dismissKeyboard
  *
  * This function dismisses the currently-open keyboard, if any
+ *
+ * @format
  */
+
 'use strict';
 
-var TextInputState = require('TextInputState');
+const TextInputState = require('TextInputState');
 
 function dismissKeyboard() {
   TextInputState.blurTextInput(TextInputState.currentlyFocusedField());
diff --git a/Libraries/Utilities/groupByEveryN.js b/Libraries/Utilities/groupByEveryN.js
index ea400392291231..eae0eb0a3d37fa 100644
--- a/Libraries/Utilities/groupByEveryN.js
+++ b/Libraries/Utilities/groupByEveryN.js
@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule groupByEveryN
- * @flow
+ * @format
+ * @flow strict
  */
 
 /**
@@ -26,10 +26,10 @@
 'use strict';
 
 function groupByEveryN<T>(array: Array<T>, n: number): Array<Array<?T>> {
-  var result = [];
-  var temp = [];
+  const result = [];
+  let temp = [];
 
-  for (var i = 0; i < array.length; ++i) {
+  for (let i = 0; i < array.length; ++i) {
     if (i > 0 && i % n === 0) {
       result.push(temp);
       temp = [];
diff --git a/Libraries/Utilities/infoLog.js b/Libraries/Utilities/infoLog.js
index 66278f520e8424..34b032fe7df574 100644
--- a/Libraries/Utilities/infoLog.js
+++ b/Libraries/Utilities/infoLog.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule infoLog
+ * @format
  */
+
 'use strict';
 
 /**
diff --git a/Libraries/Utilities/logError.js b/Libraries/Utilities/logError.js
index 6cf212b1f14712..b09a7be5e1644d 100644
--- a/Libraries/Utilities/logError.js
+++ b/Libraries/Utilities/logError.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule logError
- * @flow
+ * @format
+ * @flow strict
  */
+
 'use strict';
 
 /**
@@ -14,9 +15,9 @@
  * `console.error` as a failure callback - it's not properly bound.  If passes an
  * `Error` object, it will print the message and stack.
  */
-var logError = function(...args: $ReadOnlyArray<mixed>) {
+const logError = function(...args: $ReadOnlyArray<mixed>) {
   if (args.length === 1 && args[0] instanceof Error) {
-    var err = args[0];
+    const err = args[0];
     console.error('Error: "' + err.message + '".  Stack:\n' + err.stack);
   } else {
     console.error.apply(console, args);
diff --git a/Libraries/Utilities/mapWithSeparator.js b/Libraries/Utilities/mapWithSeparator.js
index 0beceda0174c0f..776049b2ccf608 100644
--- a/Libraries/Utilities/mapWithSeparator.js
+++ b/Libraries/Utilities/mapWithSeparator.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule mapWithSeparator
- * @flow
+ * @format
+ * @flow strict
  */
+
 'use strict';
 
 function mapWithSeparator<TFrom, TTo>(
diff --git a/Libraries/Utilities/mergeFast.js b/Libraries/Utilities/mergeFast.js
deleted file mode 100644
index 60ad36c20464a8..00000000000000
--- a/Libraries/Utilities/mergeFast.js
+++ /dev/null
@@ -1,32 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @providesModule mergeFast
- * @flow
- */
-'use strict';
-
-/**
- * Faster version of `merge` that doesn't check its arguments and
- * also merges prototype inherited properties.
- *
- * @param {object} one Any non-null object.
- * @param {object} two Any non-null object.
- * @return {object} Merging of two objects, including prototype
- * inherited properties.
- */
-var mergeFast = function(one: Object, two: Object): Object {
-  var ret = {};
-  for (var keyOne in one) {
-    ret[keyOne] = one[keyOne];
-  }
-  for (var keyTwo in two) {
-    ret[keyTwo] = two[keyTwo];
-  }
-  return ret;
-};
-
-module.exports = mergeFast;
diff --git a/Libraries/Utilities/mergeIntoFast.js b/Libraries/Utilities/mergeIntoFast.js
index ff048311403a87..a1716a324f2b0d 100644
--- a/Libraries/Utilities/mergeIntoFast.js
+++ b/Libraries/Utilities/mergeIntoFast.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule mergeIntoFast
+ * @format
  * @flow
  */
+
 'use strict';
 
 /**
@@ -16,8 +17,8 @@
  * @param {object} one Object to assign to.
  * @param {object} two Object to assign from.
  */
-var mergeIntoFast = function(one: Object, two: Object): void {
-  for (var keyTwo in two) {
+const mergeIntoFast = function(one: Object, two: Object): void {
+  for (const keyTwo in two) {
     one[keyTwo] = two[keyTwo];
   }
 };
diff --git a/Libraries/Utilities/stringifySafe.js b/Libraries/Utilities/stringifySafe.js
index 39ada622714243..bfc6dc343f41f1 100644
--- a/Libraries/Utilities/stringifySafe.js
+++ b/Libraries/Utilities/stringifySafe.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule stringifySafe
+ * @format
  * @flow
  */
+
 'use strict';
 
 /**
@@ -14,8 +15,8 @@
  * (e.g. from circular objects) and always returns a string and never throws.
  */
 function stringifySafe(arg: any): string {
-  var ret;
-  var type = typeof arg;
+  let ret;
+  const type = typeof arg;
   if (arg === undefined) {
     ret = 'undefined';
   } else if (arg === null) {
diff --git a/Libraries/Utilities/truncate.js b/Libraries/Utilities/truncate.js
index 0e0d8c643ea55e..736ae6b452c7b5 100644
--- a/Libraries/Utilities/truncate.js
+++ b/Libraries/Utilities/truncate.js
@@ -4,16 +4,17 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule truncate
+ * @format
  * @flow
  */
+
 'use strict';
 
 type truncateOptions = {
   breakOnWords: boolean,
   minDelta: number,
   elipsis: string,
-}
+};
 
 const defaultOptions = {
   breakOnWords: true,
@@ -25,18 +26,20 @@ const defaultOptions = {
 const truncate = function(
   str: ?string,
   maxChars: number,
-  options?: truncateOptions
+  options?: truncateOptions,
 ): ?string {
   options = Object.assign({}, defaultOptions, options);
-  if (str && str.length &&
-      str.length - options.minDelta + options.elipsis.length >= maxChars) {
+  if (
+    str &&
+    str.length &&
+    str.length - options.minDelta + options.elipsis.length >= maxChars
+  ) {
     // If the slice is happening in the middle of a wide char, add one more char
-    var extraChar = str.charCodeAt(maxChars - options.elipsis.length) > 255
-      ? 1
-      : 0;
+    const extraChar =
+      str.charCodeAt(maxChars - options.elipsis.length) > 255 ? 1 : 0;
     str = str.slice(0, maxChars - options.elipsis.length + 1 + extraChar);
     if (options.breakOnWords) {
-      var ii = Math.max(str.lastIndexOf(' '), str.lastIndexOf('\n'));
+      const ii = Math.max(str.lastIndexOf(' '), str.lastIndexOf('\n'));
       str = str.slice(0, ii);
     }
     str = str.trim() + options.elipsis;
diff --git a/Libraries/Vibration/RCTVibration.xcodeproj/project.pbxproj b/Libraries/Vibration/RCTVibration.xcodeproj/project.pbxproj
index c4403ac147f33f..4e0099553eed49 100644
--- a/Libraries/Vibration/RCTVibration.xcodeproj/project.pbxproj
+++ b/Libraries/Vibration/RCTVibration.xcodeproj/project.pbxproj
@@ -61,7 +61,7 @@
 		832C81781AAF6DEF007FA2F7 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0620;
+				LastUpgradeCheck = 0940;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					832C817F1AAF6DEF007FA2F7 = {
@@ -105,20 +105,31 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
 				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_OPTIMIZATION_LEVEL = 0;
 				GCC_PREPROCESSOR_DEFINITIONS = (
 					"DEBUG=1",
@@ -133,7 +144,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -152,20 +163,30 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = NO;
 				ENABLE_NS_ASSERTIONS = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
 				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
 				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
@@ -174,7 +195,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SKIP_INSTALL = YES;
diff --git a/Libraries/Vibration/Vibration.js b/Libraries/Vibration/Vibration.js
index 7f10cda29f8fab..39625ac3aa83e0 100644
--- a/Libraries/Vibration/Vibration.js
+++ b/Libraries/Vibration/Vibration.js
@@ -4,14 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Vibration
+ * @format
  * @flow
  * @jsdoc
  */
+
 'use strict';
 
-var RCTVibration = require('NativeModules').Vibration;
-var Platform = require('Platform');
+const RCTVibration = require('NativeModules').Vibration;
+const Platform = require('Platform');
 
 /**
  * Vibration API
@@ -19,8 +20,8 @@ var Platform = require('Platform');
  * See https://facebook.github.io/react-native/docs/vibration.html
  */
 
-var _vibrating: boolean = false;
-var _id: number = 0; // _id is necessary to prevent race condition.
+let _vibrating: boolean = false;
+let _id: number = 0; // _id is necessary to prevent race condition.
 
 function vibrateByPattern(pattern: Array<number>, repeat: boolean = false) {
   if (_vibrating) {
@@ -38,7 +39,12 @@ function vibrateByPattern(pattern: Array<number>, repeat: boolean = false) {
   setTimeout(() => vibrateScheduler(++_id, pattern, repeat, 1), pattern[0]);
 }
 
-function vibrateScheduler(id, pattern: Array<number>, repeat: boolean, nextIndex: number) {
+function vibrateScheduler(
+  id,
+  pattern: Array<number>,
+  repeat: boolean,
+  nextIndex: number,
+) {
   if (!_vibrating || id !== _id) {
     return;
   }
@@ -51,16 +57,22 @@ function vibrateScheduler(id, pattern: Array<number>, repeat: boolean, nextIndex
       return;
     }
   }
-  setTimeout(() => vibrateScheduler(id, pattern, repeat, nextIndex + 1), pattern[nextIndex]);
+  setTimeout(
+    () => vibrateScheduler(id, pattern, repeat, nextIndex + 1),
+    pattern[nextIndex],
+  );
 }
 
-var Vibration = {
+const Vibration = {
   /**
    * Trigger a vibration with specified `pattern`.
    *
    * See https://facebook.github.io/react-native/docs/vibration.html#vibrate
    */
-  vibrate: function(pattern: number | Array<number> = 400, repeat: boolean = false) {
+  vibrate: function(
+    pattern: number | Array<number> = 400,
+    repeat: boolean = false,
+  ) {
     if (Platform.OS === 'android') {
       if (typeof pattern === 'number') {
         RCTVibration.vibrate(pattern);
@@ -93,7 +105,7 @@ var Vibration = {
     } else {
       RCTVibration.cancel();
     }
-  }
+  },
 };
 
 module.exports = Vibration;
diff --git a/Libraries/Vibration/VibrationIOS.android.js b/Libraries/Vibration/VibrationIOS.android.js
index 0b2279b696ccb5..59cbab19c2737a 100644
--- a/Libraries/Vibration/VibrationIOS.android.js
+++ b/Libraries/Vibration/VibrationIOS.android.js
@@ -6,16 +6,17 @@
  *
  * Stub of VibrationIOS for Android.
  *
- * @providesModule VibrationIOS
+ * @format
  */
+
 'use strict';
 
-var warning = require('fbjs/lib/warning');
+const warning = require('fbjs/lib/warning');
 
-var VibrationIOS = {
+const VibrationIOS = {
   vibrate: function() {
     warning('VibrationIOS is not supported on this platform!');
-  }
+  },
 };
 
 module.exports = VibrationIOS;
diff --git a/Libraries/Vibration/VibrationIOS.ios.js b/Libraries/Vibration/VibrationIOS.ios.js
index ec55640442f670..6f1c95c9a2944b 100644
--- a/Libraries/Vibration/VibrationIOS.ios.js
+++ b/Libraries/Vibration/VibrationIOS.ios.js
@@ -4,14 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule VibrationIOS
+ * @format
  * @flow
  */
+
 'use strict';
 
-var RCTVibration = require('NativeModules').Vibration;
+const RCTVibration = require('NativeModules').Vibration;
 
-var invariant = require('fbjs/lib/invariant');
+const invariant = require('fbjs/lib/invariant');
 
 /**
  * NOTE: `VibrationIOS` is being deprecated. Use `Vibration` instead.
@@ -26,17 +27,14 @@ var invariant = require('fbjs/lib/invariant');
  * Vibration patterns are currently unsupported.
  */
 
-var VibrationIOS = {
+const VibrationIOS = {
   /**
    * @deprecated
    */
   vibrate: function() {
-    invariant(
-      arguments[0] === undefined,
-      'Vibration patterns not supported.'
-    );
+    invariant(arguments[0] === undefined, 'Vibration patterns not supported.');
     RCTVibration.vibrate();
-  }
+  },
 };
 
 module.exports = VibrationIOS;
diff --git a/Libraries/WebSocket/RCTReconnectingWebSocket.m b/Libraries/WebSocket/RCTReconnectingWebSocket.m
index 04e5dee57b67e7..522eca0eabf44c 100644
--- a/Libraries/WebSocket/RCTReconnectingWebSocket.m
+++ b/Libraries/WebSocket/RCTReconnectingWebSocket.m
@@ -9,16 +9,44 @@
 
 #import <React/RCTConvert.h>
 #import <React/RCTDefines.h>
+
+#if __has_include(<React/fishhook.h>)
+#import <React/fishhook.h>
+#else
 #import <fishhook/fishhook.h>
+#endif
 
-#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 110000 /* __IPHONE_11_0 */
+#if __has_include(<os/log.h>) && defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 100300 /* __IPHONE_10_3 */
 #import <os/log.h>
-#endif /* __IPHONE_11_0 */
+#endif /* __IPHONE_10_3 */
 
 #import "RCTSRWebSocket.h"
 
 #if RCT_DEV // Only supported in dev mode
 
+#if __has_include(<os/log.h>) && defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 100300 /* __IPHONE_10_3 */
+
+// From https://github.com/apple/swift/blob/ad40c770bfe372f879b530443a3d94761fe258a6/stdlib/public/SDK/os/os_log.m
+typedef struct os_log_pack_s {
+  uint64_t olp_continuous_time;
+  struct timespec olp_wall_time;
+  const void *olp_mh;
+  const void *olp_pc;
+  const char *olp_format;
+  uint8_t olp_data[0];
+} os_log_pack_s, *os_log_pack_t;
+
+static void (*orig__nwlog_pack)(os_log_pack_t pack, os_log_type_t logType);
+
+static void my__nwlog_pack(os_log_pack_t pack, os_log_type_t logType)
+{
+  if (logType == OS_LOG_TYPE_ERROR && strstr(pack->olp_format, "Connection has no connected handler") == NULL) {
+    orig__nwlog_pack(pack, logType);
+  }
+}
+
+#endif /* __IPHONE_10_3 */
+
 static void (*orig_nwlog_legacy_v)(int, char*, va_list);
 
 static void my_nwlog_legacy_v(int level, char *format, va_list args) {
@@ -63,6 +91,11 @@ + (void)load
     rebind_symbols((struct rebinding[1]){
       {"nwlog_legacy_v", my_nwlog_legacy_v, (void *)&orig_nwlog_legacy_v}
     }, 1);
+#if __has_include(<os/log.h>) && defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 100300 /* __IPHONE_10_3 */
+    rebind_symbols((struct rebinding[1]){
+      {"__nwlog_pack", my__nwlog_pack, (void *)&orig__nwlog_pack}
+    }, 1);
+#endif /* __IPHONE_10_3 */
 #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 110000 /* __IPHONE_11_0 */
     rebind_symbols((struct rebinding[1]){
       {"_os_log_error_impl", my_os_log_error_impl, (void *)&orig_os_log_error_impl}
diff --git a/Libraries/WebSocket/RCTWebSocket.xcodeproj/project.pbxproj b/Libraries/WebSocket/RCTWebSocket.xcodeproj/project.pbxproj
index efb2609ad37b1a..406890ccc9f9eb 100644
--- a/Libraries/WebSocket/RCTWebSocket.xcodeproj/project.pbxproj
+++ b/Libraries/WebSocket/RCTWebSocket.xcodeproj/project.pbxproj
@@ -9,7 +9,7 @@
 /* Begin PBXBuildFile section */
 		1338BBE01B04ACC80064A9C9 /* RCTSRWebSocket.m in Sources */ = {isa = PBXBuildFile; fileRef = 1338BBDD1B04ACC80064A9C9 /* RCTSRWebSocket.m */; };
 		1338BBE11B04ACC80064A9C9 /* RCTWebSocketExecutor.m in Sources */ = {isa = PBXBuildFile; fileRef = 1338BBDF1B04ACC80064A9C9 /* RCTWebSocketExecutor.m */; };
-		13526A521F362F7F0008EF00 /* libfishhook.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 13526A511F362F7F0008EF00 /* libfishhook.a */; };
+		2D3ABDC220C7206E00DF56E9 /* libfishhook.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3DBE0D001F3B181A0099AA32 /* libfishhook.a */; };
 		2D3B5F3D1D9B165B00451313 /* RCTSRWebSocket.m in Sources */ = {isa = PBXBuildFile; fileRef = 1338BBDD1B04ACC80064A9C9 /* RCTSRWebSocket.m */; };
 		2D3B5F3E1D9B165B00451313 /* RCTWebSocketExecutor.m in Sources */ = {isa = PBXBuildFile; fileRef = 1338BBDF1B04ACC80064A9C9 /* RCTWebSocketExecutor.m */; };
 		2D3B5F401D9B165B00451313 /* RCTWebSocketModule.m in Sources */ = {isa = PBXBuildFile; fileRef = 3C86DF7B1ADF695F0047B81A /* RCTWebSocketModule.m */; };
@@ -87,7 +87,7 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				13526A521F362F7F0008EF00 /* libfishhook.a in Frameworks */,
+				2D3ABDC220C7206E00DF56E9 /* libfishhook.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -218,7 +218,7 @@
 		3C86DF3E1ADF2C930047B81A /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0630;
+				LastUpgradeCheck = 0940;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					2D2A28871D9B049200D4039D = {
@@ -343,19 +343,29 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = NO;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
 				GCC_C_LANGUAGE_STANDARD = gnu99;
 				GCC_DYNAMIC_NO_PIC = NO;
 				GCC_NO_COMMON_BLOCKS = YES;
@@ -373,7 +383,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -393,14 +403,23 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				COPY_PHASE_STRIP = NO;
@@ -417,7 +436,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SKIP_INSTALL = YES;
@@ -435,7 +454,7 @@
 				EXECUTABLE_PREFIX = lib;
 				GCC_PREPROCESSOR_DEFINITIONS = (
 					"DEBUG=1",
-          "RCT_METRO_PORT=${RCT_METRO_PORT}",
+					"RCT_METRO_PORT=${RCT_METRO_PORT}",
 					"$(inherited)",
 				);
 				GCC_TREAT_WARNINGS_AS_ERRORS = NO;
diff --git a/Libraries/WebSocket/RCTWebSocketExecutor.m b/Libraries/WebSocket/RCTWebSocketExecutor.m
index 14f53a43c2daab..2544772829a2aa 100644
--- a/Libraries/WebSocket/RCTWebSocketExecutor.m
+++ b/Libraries/WebSocket/RCTWebSocketExecutor.m
@@ -103,7 +103,7 @@ - (BOOL)connectToProxy
 {
   _socketOpenSemaphore = dispatch_semaphore_create(0);
   [_socket open];
-  long connected = dispatch_semaphore_wait(_socketOpenSemaphore, dispatch_time(DISPATCH_TIME_NOW, NSEC_PER_SEC * 10));
+  long connected = dispatch_semaphore_wait(_socketOpenSemaphore, dispatch_time(DISPATCH_TIME_NOW, NSEC_PER_SEC * 15));
   return connected == 0 && _socket.readyState == RCTSR_OPEN;
 }
 
@@ -115,7 +115,7 @@ - (BOOL)prepareJSRuntime
     initError = error;
     dispatch_semaphore_signal(s);
   }];
-  long runtimeIsReady = dispatch_semaphore_wait(s, dispatch_time(DISPATCH_TIME_NOW, NSEC_PER_SEC * 5));
+  long runtimeIsReady = dispatch_semaphore_wait(s, dispatch_time(DISPATCH_TIME_NOW, NSEC_PER_SEC * 10));
   if (initError) {
     RCTLogInfo(@"Websocket runtime setup failed: %@", initError);
   }
diff --git a/Libraries/WebSocket/RCTWebSocketModule.m b/Libraries/WebSocket/RCTWebSocketModule.m
index 425ff9873643b9..bc79dcd16c3040 100644
--- a/Libraries/WebSocket/RCTWebSocketModule.m
+++ b/Libraries/WebSocket/RCTWebSocketModule.m
@@ -82,6 +82,7 @@ - (void)invalidate
   }];
 
   RCTSRWebSocket *webSocket = [[RCTSRWebSocket alloc] initWithURLRequest:request protocols:protocols];
+  [webSocket setDelegateDispatchQueue:_methodQueue];
   webSocket.delegate = self;
   webSocket.reactTag = socketID;
   if (!_sockets) {
diff --git a/Libraries/WebSocket/WebSocket.js b/Libraries/WebSocket/WebSocket.js
index daa1ed77ca050d..bef05b0d70e8cb 100644
--- a/Libraries/WebSocket/WebSocket.js
+++ b/Libraries/WebSocket/WebSocket.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule WebSocket
+ * @format
  * @flow
  */
+
 'use strict';
 
 const Blob = require('Blob');
@@ -14,6 +15,7 @@ const EventTarget = require('event-target-shim');
 const NativeEventEmitter = require('NativeEventEmitter');
 const BlobManager = require('BlobManager');
 const NativeModules = require('NativeModules');
+const Platform = require('Platform');
 const WebSocketEvent = require('WebSocketEvent');
 
 /* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
@@ -37,9 +39,9 @@ type ArrayBufferView =
   | Uint32Array
   | Float32Array
   | Float64Array
-  | DataView
+  | DataView;
 
-type BinaryType = 'blob' | 'arraybuffer'
+type BinaryType = 'blob' | 'arraybuffer';
 
 const CONNECTING = 0;
 const OPEN = 1;
@@ -48,12 +50,7 @@ const CLOSED = 3;
 
 const CLOSE_NORMAL = 1000;
 
-const WEBSOCKET_EVENTS = [
-  'close',
-  'error',
-  'message',
-  'open',
-];
+const WEBSOCKET_EVENTS = ['close', 'error', 'message', 'open'];
 
 let nextWebSocketId = 0;
 
@@ -94,7 +91,11 @@ class WebSocket extends EventTarget(...WEBSOCKET_EVENTS) {
   // `WebSocket.isAvailable` will return `false`, and WebSocket constructor will throw an error
   static isAvailable: boolean = !!WebSocketModule;
 
-  constructor(url: string, protocols: ?string | ?Array<string>, options: ?{headers?: {origin?: string}}) {
+  constructor(
+    url: string,
+    protocols: ?string | ?Array<string>,
+    options: ?{headers?: {origin?: string}},
+  ) {
     super();
     if (typeof protocols === 'string') {
       protocols = [protocols];
@@ -103,8 +104,13 @@ class WebSocket extends EventTarget(...WEBSOCKET_EVENTS) {
     const {headers = {}, ...unrecognized} = options || {};
 
     // Preserve deprecated backwards compatibility for the 'origin' option
+    /* $FlowFixMe(>=0.68.0 site=react_native_fb) This comment suppresses an
+     * error found when Flow v0.68 was deployed. To see the error delete this
+     * comment and run Flow. */
     if (unrecognized && typeof unrecognized.origin === 'string') {
-      console.warn('Specifying `origin` as a WebSocket connection option is deprecated. Include it under `headers` instead.');
+      console.warn(
+        'Specifying `origin` as a WebSocket connection option is deprecated. Include it under `headers` instead.',
+      );
       /* $FlowFixMe(>=0.54.0 site=react_native_fb,react_native_oss) This
        * comment suppresses an error found when Flow v0.54 was deployed. To see
        * the error delete this comment and run Flow. */
@@ -117,8 +123,12 @@ class WebSocket extends EventTarget(...WEBSOCKET_EVENTS) {
 
     // Warn about and discard anything else
     if (Object.keys(unrecognized).length > 0) {
-      console.warn('Unrecognized WebSocket connection option(s) `' + Object.keys(unrecognized).join('`, `') + '`. '
-        + 'Did you mean to put these under `headers`?');
+      console.warn(
+        'Unrecognized WebSocket connection option(s) `' +
+          Object.keys(unrecognized).join('`, `') +
+          '`. ' +
+          'Did you mean to put these under `headers`?',
+      );
     }
 
     if (!Array.isArray(protocols)) {
@@ -126,14 +136,21 @@ class WebSocket extends EventTarget(...WEBSOCKET_EVENTS) {
     }
 
     if (!WebSocket.isAvailable) {
-      throw new Error('Cannot initialize WebSocket module. ' +
-      'Native module WebSocketModule is missing.');
+      throw new Error(
+        'Cannot initialize WebSocket module. ' +
+          'Native module WebSocketModule is missing.',
+      );
     }
 
     this._eventEmitter = new NativeEventEmitter(WebSocketModule);
     this._socketId = nextWebSocketId++;
     this._registerEvents();
-    WebSocketModule.connect(url, protocols, { headers }, this._socketId);
+    WebSocketModule.connect(
+      url,
+      protocols,
+      {headers},
+      this._socketId,
+    );
   }
 
   get binaryType(): ?BinaryType {
@@ -142,10 +159,13 @@ class WebSocket extends EventTarget(...WEBSOCKET_EVENTS) {
 
   set binaryType(binaryType: BinaryType): void {
     if (binaryType !== 'blob' && binaryType !== 'arraybuffer') {
-      throw new Error('binaryType must be either \'blob\' or \'arraybuffer\'');
+      throw new Error("binaryType must be either 'blob' or 'arraybuffer'");
     }
     if (this._binaryType === 'blob' || binaryType === 'blob') {
-      invariant(BlobManager.isAvailable, 'Native module BlobModule is required for blob support');
+      invariant(
+        BlobManager.isAvailable,
+        'Native module BlobModule is required for blob support',
+      );
       if (binaryType === 'blob') {
         BlobManager.addWebSocketHandler(this._socketId);
       } else {
@@ -160,8 +180,7 @@ class WebSocket extends EventTarget(...WEBSOCKET_EVENTS) {
   }
 
   close(code?: number, reason?: string): void {
-    if (this.readyState === this.CLOSING ||
-        this.readyState === this.CLOSED) {
+    if (this.readyState === this.CLOSING || this.readyState === this.CLOSED) {
       return;
     }
 
@@ -175,7 +194,10 @@ class WebSocket extends EventTarget(...WEBSOCKET_EVENTS) {
     }
 
     if (data instanceof Blob) {
-      invariant(BlobManager.isAvailable, 'Native module BlobModule is required for blob support');
+      invariant(
+        BlobManager.isAvailable,
+        'Native module BlobModule is required for blob support',
+      );
       BlobManager.sendOverSocket(data, this._socketId);
       return;
     }
@@ -195,14 +217,14 @@ class WebSocket extends EventTarget(...WEBSOCKET_EVENTS) {
 
   ping(): void {
     if (this.readyState === this.CONNECTING) {
-        throw new Error('INVALID_STATE_ERR');
+      throw new Error('INVALID_STATE_ERR');
     }
 
     WebSocketModule.ping(this._socketId);
   }
 
   _close(code?: number, reason?: string): void {
-    if (WebSocketModule.close.length === 3) {
+    if (Platform.OS === 'android') {
       // See https://developer.mozilla.org/en-US/docs/Web/API/CloseEvent
       const statusCode = typeof code === 'number' ? code : CLOSE_NORMAL;
       const closeReason = typeof reason === 'string' ? reason : '';
@@ -236,7 +258,7 @@ class WebSocket extends EventTarget(...WEBSOCKET_EVENTS) {
             data = BlobManager.createFromOptions(ev.data);
             break;
         }
-        this.dispatchEvent(new WebSocketEvent('message', { data }));
+        this.dispatchEvent(new WebSocketEvent('message', {data}));
       }),
       this._eventEmitter.addListener('websocketOpen', ev => {
         if (ev.id !== this._socketId) {
@@ -250,10 +272,12 @@ class WebSocket extends EventTarget(...WEBSOCKET_EVENTS) {
           return;
         }
         this.readyState = this.CLOSED;
-        this.dispatchEvent(new WebSocketEvent('close', {
-          code: ev.code,
-          reason: ev.reason,
-        }));
+        this.dispatchEvent(
+          new WebSocketEvent('close', {
+            code: ev.code,
+            reason: ev.reason,
+          }),
+        );
         this._unregisterEvents();
         this.close();
       }),
@@ -262,15 +286,19 @@ class WebSocket extends EventTarget(...WEBSOCKET_EVENTS) {
           return;
         }
         this.readyState = this.CLOSED;
-        this.dispatchEvent(new WebSocketEvent('error', {
-          message: ev.message,
-        }));
-        this.dispatchEvent(new WebSocketEvent('close', {
-          message: ev.message,
-        }));
+        this.dispatchEvent(
+          new WebSocketEvent('error', {
+            message: ev.message,
+          }),
+        );
+        this.dispatchEvent(
+          new WebSocketEvent('close', {
+            message: ev.message,
+          }),
+        );
         this._unregisterEvents();
         this.close();
-      })
+      }),
     ];
   }
 }
diff --git a/Libraries/WebSocket/WebSocketEvent.js b/Libraries/WebSocket/WebSocketEvent.js
index 93133902a94a8d..0fa075b25a27ee 100644
--- a/Libraries/WebSocket/WebSocketEvent.js
+++ b/Libraries/WebSocket/WebSocketEvent.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule WebSocketEvent
+ * @format
  */
 
 'use strict';
diff --git a/Libraries/WebSocket/WebSocketInterceptor.js b/Libraries/WebSocket/WebSocketInterceptor.js
index 10251dfa1a2045..186dfc253f8c74 100644
--- a/Libraries/WebSocket/WebSocketInterceptor.js
+++ b/Libraries/WebSocket/WebSocketInterceptor.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule WebSocketInterceptor
+ * @format
  */
- 'use strict';
+
+'use strict';
 
 const RCTWebSocketModule = require('NativeModules').WebSocketModule;
 const NativeEventEmitter = require('NativeEventEmitter');
@@ -105,8 +106,9 @@ const WebSocketInterceptor = {
         if (onMessageCallback) {
           onMessageCallback(
             ev.id,
-            (ev.type === 'binary') ?
-            WebSocketInterceptor._arrayBufferToString(ev.data) : ev.data,
+            ev.type === 'binary'
+              ? WebSocketInterceptor._arrayBufferToString(ev.data)
+              : ev.data,
           );
         }
       }),
@@ -124,7 +126,7 @@ const WebSocketInterceptor = {
         if (onErrorCallback) {
           onErrorCallback(ev.id, {message: ev.message});
         }
-      })
+      }),
     ];
   },
 
@@ -179,14 +181,16 @@ const WebSocketInterceptor = {
     isInterceptorEnabled = true;
   },
 
-   _arrayBufferToString(data) {
+  _arrayBufferToString(data) {
     const value = base64.toByteArray(data).buffer;
     if (value === undefined || value === null) {
       return '(no value)';
     }
-    if (typeof ArrayBuffer !== 'undefined' &&
-        typeof Uint8Array !== 'undefined' &&
-        value instanceof ArrayBuffer) {
+    if (
+      typeof ArrayBuffer !== 'undefined' &&
+      typeof Uint8Array !== 'undefined' &&
+      value instanceof ArrayBuffer
+    ) {
       return `ArrayBuffer {${String(Array.from(new Uint8Array(value)))}}`;
     }
     return value;
diff --git a/Libraries/WebSocket/__mocks__/event-target-shim.js b/Libraries/WebSocket/__mocks__/event-target-shim.js
index e6cf0571fe6530..5b099ea724bde2 100644
--- a/Libraries/WebSocket/__mocks__/event-target-shim.js
+++ b/Libraries/WebSocket/__mocks__/event-target-shim.js
@@ -1,3 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
 // Jest fatals for the following statement (minimal repro case)
 //
 //   exports.something = Symbol;
diff --git a/Libraries/WebSocket/__tests__/WebSocket-test.js b/Libraries/WebSocket/__tests__/WebSocket-test.js
index c6e04bf0a6d998..d3db6493e29581 100644
--- a/Libraries/WebSocket/__tests__/WebSocket-test.js
+++ b/Libraries/WebSocket/__tests__/WebSocket-test.js
@@ -4,21 +4,22 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+react_native
  */
+
 'use strict';
 
 jest.enableAutomock().unmock('WebSocket');
 jest.setMock('NativeModules', {
   WebSocketModule: {
-    connect: () => {}
-  }
+    connect: () => {},
+  },
 });
 
-var WebSocket = require('WebSocket');
+const WebSocket = require('WebSocket');
 
 describe('WebSocket', function() {
-
   it('should have connection lifecycle constants defined on the class', () => {
     expect(WebSocket.CONNECTING).toEqual(0);
   });
@@ -26,5 +27,4 @@ describe('WebSocket', function() {
   it('should have connection lifecycle constants defined on the instance', () => {
     expect(new WebSocket('wss://echo.websocket.org').CONNECTING).toEqual(0);
   });
-
 });
diff --git a/Libraries/YellowBox/Data/YellowBoxCategory.js b/Libraries/YellowBox/Data/YellowBoxCategory.js
new file mode 100644
index 00000000000000..b0c5984ce950ff
--- /dev/null
+++ b/Libraries/YellowBox/Data/YellowBoxCategory.js
@@ -0,0 +1,146 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const React = require('React');
+const Text = require('Text');
+const UTFSequence = require('UTFSequence');
+
+const stringifySafe = require('stringifySafe');
+
+import type {TextStyleProp} from 'StyleSheet';
+
+export type Category = string;
+export type Message = $ReadOnly<{|
+  content: string,
+  substitutions: $ReadOnlyArray<
+    $ReadOnly<{|
+      length: number,
+      offset: number,
+    |}>,
+  >,
+|}>;
+
+const SUBSTITUTION = UTFSequence.BOM + '%s';
+
+const YellowBoxCategory = {
+  parse(
+    args: $ReadOnlyArray<mixed>,
+  ): $ReadOnly<{|
+    category: Category,
+    message: Message,
+  |}> {
+    const categoryParts = [];
+    const contentParts = [];
+    const substitutionOffsets = [];
+
+    const remaining = [...args];
+
+    if (typeof remaining[0] === 'string') {
+      const formatString = String(remaining.shift());
+      const formatStringParts = formatString.split('%s');
+      const substitutionCount = formatStringParts.length - 1;
+      const substitutions = remaining.splice(0, substitutionCount);
+
+      let categoryString = '';
+      let contentString = '';
+
+      let substitutionIndex = 0;
+      for (const formatStringPart of formatStringParts) {
+        categoryString += formatStringPart;
+        contentString += formatStringPart;
+
+        if (substitutionIndex < substitutionCount) {
+          if (substitutionIndex < substitutions.length) {
+            const substitution = stringifySafe(
+              substitutions[substitutionIndex],
+            );
+            substitutionOffsets.push({
+              length: substitution.length,
+              offset: contentString.length,
+            });
+
+            categoryString += SUBSTITUTION;
+            contentString += substitution;
+          } else {
+            substitutionOffsets.push({
+              length: 2,
+              offset: contentString.length,
+            });
+
+            categoryString += '%s';
+            contentString += '%s';
+          }
+
+          substitutionIndex++;
+        }
+      }
+
+      categoryParts.push(categoryString);
+      contentParts.push(contentString);
+    }
+
+    const remainingArgs = remaining.map(stringifySafe);
+    categoryParts.push(...remainingArgs);
+    contentParts.push(...remainingArgs);
+
+    return {
+      category: categoryParts.join(' '),
+      message: {
+        content: contentParts.join(' '),
+        substitutions: substitutionOffsets,
+      },
+    };
+  },
+
+  render(
+    {content, substitutions}: Message,
+    substitutionStyle: TextStyleProp,
+  ): React.Node {
+    const elements = [];
+
+    const lastOffset = substitutions.reduce(
+      (prevOffset, substitution, index) => {
+        const key = String(index);
+
+        if (substitution.offset > prevOffset) {
+          const prevPart = content.substr(
+            prevOffset,
+            substitution.offset - prevOffset,
+          );
+          elements.push(<Text key={key}>{prevPart}</Text>);
+        }
+
+        const substititionPart = content.substr(
+          substitution.offset,
+          substitution.length,
+        );
+        elements.push(
+          <Text key={key + '.5'} style={substitutionStyle}>
+            {substititionPart}
+          </Text>,
+        );
+
+        return substitution.offset + substitution.length;
+      },
+      0,
+    );
+
+    if (lastOffset < content.length) {
+      const lastPart = content.substr(lastOffset);
+      elements.push(<Text key="-1">{lastPart}</Text>);
+    }
+
+    return elements;
+  },
+};
+
+module.exports = YellowBoxCategory;
diff --git a/Libraries/YellowBox/Data/YellowBoxRegistry.js b/Libraries/YellowBox/Data/YellowBoxRegistry.js
new file mode 100644
index 00000000000000..9c8e11079db5f9
--- /dev/null
+++ b/Libraries/YellowBox/Data/YellowBoxRegistry.js
@@ -0,0 +1,141 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const YellowBoxWarning = require('YellowBoxWarning');
+
+import type {Category} from 'YellowBoxCategory';
+
+export type Registry = Map<Category, $ReadOnlyArray<YellowBoxWarning>>;
+
+export type Observer = (registry: Registry) => void;
+
+export type Subscription = $ReadOnly<{|
+  unsubscribe: () => void,
+|}>;
+
+const observers: Set<{observer: Observer}> = new Set();
+const ignorePatterns: Set<string> = new Set();
+const registry: Registry = new Map();
+
+let disabled = false;
+let projection = new Map();
+let updateTimeout = null;
+
+function isWarningIgnored(warning: YellowBoxWarning): boolean {
+  for (const pattern of ignorePatterns) {
+    if (warning.message.content.includes(pattern)) {
+      return true;
+    }
+  }
+  return false;
+}
+
+function handleUpdate(): void {
+  projection = new Map();
+  if (!disabled) {
+    for (const [category, warnings] of registry) {
+      const filtered = warnings.filter(warning => !isWarningIgnored(warning));
+      if (filtered.length > 0) {
+        projection.set(category, filtered);
+      }
+    }
+  }
+  if (updateTimeout == null) {
+    updateTimeout = setImmediate(() => {
+      updateTimeout = null;
+      for (const {observer} of observers) {
+        observer(projection);
+      }
+    });
+  }
+}
+
+const YellowBoxRegistry = {
+  add({
+    args,
+    framesToPop,
+  }: $ReadOnly<{|
+    args: $ReadOnlyArray<mixed>,
+    framesToPop: number,
+  |}>): void {
+    if (typeof args[0] === 'string' && args[0].startsWith('(ADVICE)')) {
+      return;
+    }
+    const {category, message, stack} = YellowBoxWarning.parse({
+      args,
+      framesToPop: framesToPop + 1,
+    });
+
+    let warnings = registry.get(category);
+    if (warnings == null) {
+      warnings = [];
+    }
+    warnings = [...warnings, new YellowBoxWarning(message, stack)];
+
+    registry.delete(category);
+    registry.set(category, warnings);
+
+    handleUpdate();
+  },
+
+  delete(category: Category): void {
+    if (registry.has(category)) {
+      registry.delete(category);
+      handleUpdate();
+    }
+  },
+
+  clear(): void {
+    if (registry.size > 0) {
+      registry.clear();
+      handleUpdate();
+    }
+  },
+
+  addIgnorePatterns(patterns: $ReadOnlyArray<string>): void {
+    const newPatterns = patterns.filter(
+      pattern => !ignorePatterns.has(pattern),
+    );
+    if (newPatterns.length === 0) {
+      return;
+    }
+    for (const pattern of newPatterns) {
+      ignorePatterns.add(pattern);
+    }
+    handleUpdate();
+  },
+
+  setDisabled(value: boolean): void {
+    if (value === disabled) {
+      return;
+    }
+    disabled = value;
+    handleUpdate();
+  },
+
+  isDisabled(): boolean {
+    return disabled;
+  },
+
+  observe(observer: Observer): Subscription {
+    const subscription = {observer};
+    observers.add(subscription);
+    observer(projection);
+    return {
+      unsubscribe(): void {
+        observers.delete(subscription);
+      },
+    };
+  },
+};
+
+module.exports = YellowBoxRegistry;
diff --git a/Libraries/YellowBox/Data/YellowBoxSymbolication.js b/Libraries/YellowBox/Data/YellowBoxSymbolication.js
new file mode 100644
index 00000000000000..c97b52857ca861
--- /dev/null
+++ b/Libraries/YellowBox/Data/YellowBoxSymbolication.js
@@ -0,0 +1,75 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const symbolicateStackTrace = require('symbolicateStackTrace');
+
+import type {StackFrame} from 'parseErrorStack';
+
+type CacheKey = string;
+
+export type Stack = Array<StackFrame>;
+
+const cache: Map<CacheKey, Promise<Stack>> = new Map();
+
+const YellowBoxSymbolication = {
+  symbolicate(stack: Stack): Promise<Stack> {
+    const key = getCacheKey(stack);
+
+    let promise = cache.get(key);
+    if (promise == null) {
+      promise = symbolicateStackTrace(stack).then(sanitize);
+      cache.set(key, promise);
+    }
+
+    return promise;
+  },
+};
+
+const getCacheKey = (stack: Stack): CacheKey => {
+  return JSON.stringify(stack);
+};
+
+/**
+ * Sanitize because sometimes, `symbolicateStackTrace` gives us invalid values.
+ */
+const sanitize = (maybeStack: mixed): Stack => {
+  if (!Array.isArray(maybeStack)) {
+    throw new Error('Expected stack to be an array.');
+  }
+  const stack = [];
+  for (const maybeFrame of maybeStack) {
+    if (typeof maybeFrame !== 'object' || maybeFrame == null) {
+      throw new Error('Expected each stack frame to be an object.');
+    }
+    if (typeof maybeFrame.column !== 'number' && maybeFrame.column != null) {
+      throw new Error('Expected stack frame `column` to be a nullable number.');
+    }
+    if (typeof maybeFrame.file !== 'string') {
+      throw new Error('Expected stack frame `file` to be a string.');
+    }
+    if (typeof maybeFrame.lineNumber !== 'number') {
+      throw new Error('Expected stack frame `lineNumber` to be a number.');
+    }
+    if (typeof maybeFrame.methodName !== 'string') {
+      throw new Error('Expected stack frame `methodName` to be a string.');
+    }
+    stack.push({
+      column: maybeFrame.column,
+      file: maybeFrame.file,
+      lineNumber: maybeFrame.lineNumber,
+      methodName: maybeFrame.methodName,
+    });
+  }
+  return stack;
+};
+
+module.exports = YellowBoxSymbolication;
diff --git a/Libraries/YellowBox/Data/YellowBoxWarning.js b/Libraries/YellowBox/Data/YellowBoxWarning.js
new file mode 100644
index 00000000000000..6841bc9da32942
--- /dev/null
+++ b/Libraries/YellowBox/Data/YellowBoxWarning.js
@@ -0,0 +1,108 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+'use strict';
+
+const YellowBoxCategory = require('YellowBoxCategory');
+const YellowBoxSymbolication = require('YellowBoxSymbolication');
+
+const parseErrorStack = require('parseErrorStack');
+
+import type {Category, Message} from 'YellowBoxCategory';
+import type {Stack} from 'YellowBoxSymbolication';
+
+export type SymbolicationRequest = $ReadOnly<{|
+  abort: () => void,
+|}>;
+
+class YellowBoxWarning {
+  static parse({
+    args,
+    framesToPop,
+  }: $ReadOnly<{|
+    args: $ReadOnlyArray<mixed>,
+    framesToPop: number,
+  |}>): {|
+    category: Category,
+    message: Message,
+    stack: Stack,
+  |} {
+    return {
+      ...YellowBoxCategory.parse(args),
+      stack: createStack({framesToPop: framesToPop + 1}),
+    };
+  }
+
+  message: Message;
+  stack: Stack;
+  symbolicated:
+    | $ReadOnly<{|error: null, stack: null, status: 'NONE'|}>
+    | $ReadOnly<{|error: null, stack: null, status: 'PENDING'|}>
+    | $ReadOnly<{|error: null, stack: Stack, status: 'COMPLETE'|}>
+    | $ReadOnly<{|error: Error, stack: null, status: 'FAILED'|}> = {
+    error: null,
+    stack: null,
+    status: 'NONE',
+  };
+
+  constructor(message: Message, stack: Stack) {
+    this.message = message;
+    this.stack = stack;
+  }
+
+  getAvailableStack(): Stack {
+    return this.symbolicated.status === 'COMPLETE'
+      ? this.symbolicated.stack
+      : this.stack;
+  }
+
+  symbolicate(callback: () => void): SymbolicationRequest {
+    let aborted = false;
+
+    if (this.symbolicated.status !== 'COMPLETE') {
+      const updateStatus = (error: ?Error, stack: ?Stack): void => {
+        if (error != null) {
+          this.symbolicated = {error, stack: null, status: 'FAILED'};
+        } else if (stack != null) {
+          this.symbolicated = {error: null, stack, status: 'COMPLETE'};
+        } else {
+          this.symbolicated = {error: null, stack: null, status: 'PENDING'};
+        }
+        if (!aborted) {
+          callback();
+        }
+      };
+
+      updateStatus(null, null);
+      YellowBoxSymbolication.symbolicate(this.stack).then(
+        stack => {
+          updateStatus(null, stack);
+        },
+        error => {
+          updateStatus(error, null);
+        },
+      );
+    }
+
+    return {
+      abort(): void {
+        aborted = true;
+      },
+    };
+  }
+}
+
+function createStack({framesToPop}: $ReadOnly<{|framesToPop: number|}>): Stack {
+  const error: any = new Error();
+  error.framesToPop = framesToPop + 1;
+  return parseErrorStack(error);
+}
+
+module.exports = YellowBoxWarning;
diff --git a/Libraries/YellowBox/Data/__tests__/YellowBoxCategory-test.js b/Libraries/YellowBox/Data/__tests__/YellowBoxCategory-test.js
new file mode 100644
index 00000000000000..e835485ec1b566
--- /dev/null
+++ b/Libraries/YellowBox/Data/__tests__/YellowBoxCategory-test.js
@@ -0,0 +1,185 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @format
+ * @flow strict-local
+ */
+
+'use strict';
+
+const YellowBoxCategory = require('YellowBoxCategory');
+
+describe('YellowBoxCategory', () => {
+  it('parses strings', () => {
+    expect(YellowBoxCategory.parse(['A'])).toEqual({
+      category: 'A',
+      message: {
+        content: 'A',
+        substitutions: [],
+      },
+    });
+  });
+
+  it('parses strings with arguments', () => {
+    expect(YellowBoxCategory.parse(['A', 'B', 'C'])).toEqual({
+      category: 'A "B" "C"',
+      message: {
+        content: 'A "B" "C"',
+        substitutions: [],
+      },
+    });
+  });
+
+  it('parses formatted strings', () => {
+    expect(YellowBoxCategory.parse(['%s', 'A'])).toEqual({
+      category: '\ufeff%s',
+      message: {
+        content: '"A"',
+        substitutions: [
+          {
+            length: 3,
+            offset: 0,
+          },
+        ],
+      },
+    });
+  });
+
+  it('parses formatted strings with insufficient arguments', () => {
+    expect(YellowBoxCategory.parse(['%s %s', 'A'])).toEqual({
+      category: '\ufeff%s %s',
+      message: {
+        content: '"A" %s',
+        substitutions: [
+          {
+            length: 3,
+            offset: 0,
+          },
+          {
+            length: 2,
+            offset: 4,
+          },
+        ],
+      },
+    });
+  });
+
+  it('parses formatted strings with excess arguments', () => {
+    expect(YellowBoxCategory.parse(['%s', 'A', 'B'])).toEqual({
+      category: '\ufeff%s "B"',
+      message: {
+        content: '"A" "B"',
+        substitutions: [
+          {
+            length: 3,
+            offset: 0,
+          },
+        ],
+      },
+    });
+  });
+
+  it('treats "%s" in arguments as literals', () => {
+    expect(YellowBoxCategory.parse(['%s', '%s', 'A'])).toEqual({
+      category: '\ufeff%s "A"',
+      message: {
+        content: '"%s" "A"',
+        substitutions: [
+          {
+            length: 4,
+            offset: 0,
+          },
+        ],
+      },
+    });
+  });
+
+  it('renders content with no substitutions', () => {
+    expect(
+      YellowBoxCategory.render(
+        {content: 'A', substitutions: []},
+        {fontWeight: 'bold'},
+      ),
+    ).toMatchSnapshot();
+  });
+
+  it('renders a single substitution', () => {
+    expect(
+      YellowBoxCategory.render(
+        {
+          content: '"A"',
+          substitutions: [
+            {
+              length: 3,
+              offset: 0,
+            },
+          ],
+        },
+        {fontWeight: 'bold'},
+      ),
+    ).toMatchSnapshot();
+  });
+
+  it('renders multiple substitutions', () => {
+    expect(
+      YellowBoxCategory.render(
+        {
+          content: '"A" "B" "C"',
+          substitutions: [
+            {
+              length: 3,
+              offset: 0,
+            },
+            {
+              length: 3,
+              offset: 4,
+            },
+            {
+              length: 3,
+              offset: 8,
+            },
+          ],
+        },
+        {fontWeight: 'bold'},
+      ),
+    ).toMatchSnapshot();
+  });
+
+  it('renders substitutions with leading content', () => {
+    expect(
+      YellowBoxCategory.render(
+        {
+          content: '!"A"',
+          substitutions: [
+            {
+              length: 3,
+              offset: 1,
+            },
+          ],
+        },
+        {fontWeight: 'bold'},
+      ),
+    ).toMatchSnapshot();
+  });
+
+  it('renders substitutions with trailing content', () => {
+    expect(
+      YellowBoxCategory.render(
+        {
+          content: '"A"!',
+          substitutions: [
+            {
+              length: 3,
+              offset: 0,
+            },
+          ],
+        },
+        {fontWeight: 'bold'},
+      ),
+    ).toMatchSnapshot();
+  });
+});
diff --git a/Libraries/YellowBox/Data/__tests__/YellowBoxRegistry-test.js b/Libraries/YellowBox/Data/__tests__/YellowBoxRegistry-test.js
new file mode 100644
index 00000000000000..af596ce4ee6aa5
--- /dev/null
+++ b/Libraries/YellowBox/Data/__tests__/YellowBoxRegistry-test.js
@@ -0,0 +1,267 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @format
+ * @flow strict-local
+ */
+
+'use strict';
+
+const YellowBoxCategory = require('YellowBoxCategory');
+const YellowBoxRegistry = require('YellowBoxRegistry');
+
+const registry = () => {
+  const observer = jest.fn();
+  YellowBoxRegistry.observe(observer).unsubscribe();
+  return observer.mock.calls[0][0];
+};
+
+const observe = () => {
+  const observer = jest.fn();
+  return {
+    observer,
+    subscription: YellowBoxRegistry.observe(observer),
+  };
+};
+
+describe('YellowBoxRegistry', () => {
+  beforeEach(() => {
+    jest.resetModules();
+  });
+
+  it('adds and deletes warnings', () => {
+    YellowBoxRegistry.add({args: ['A'], framesToPop: 0});
+    const {category: categoryA} = YellowBoxCategory.parse(['A']);
+
+    expect(registry().size).toBe(1);
+    expect(registry().get(categoryA)).not.toBe(undefined);
+
+    YellowBoxRegistry.delete(categoryA);
+    expect(registry().size).toBe(0);
+    expect(registry().get(categoryA)).toBe(undefined);
+  });
+
+  it('clears all warnings', () => {
+    YellowBoxRegistry.add({args: ['A'], framesToPop: 0});
+    YellowBoxRegistry.add({args: ['B'], framesToPop: 0});
+    YellowBoxRegistry.add({args: ['C'], framesToPop: 0});
+
+    expect(registry().size).toBe(3);
+
+    YellowBoxRegistry.clear();
+    expect(registry().size).toBe(0);
+  });
+
+  it('sorts warnings in chronological order', () => {
+    YellowBoxRegistry.add({args: ['A'], framesToPop: 0});
+    YellowBoxRegistry.add({args: ['B'], framesToPop: 0});
+    YellowBoxRegistry.add({args: ['C'], framesToPop: 0});
+
+    const {category: categoryA} = YellowBoxCategory.parse(['A']);
+    const {category: categoryB} = YellowBoxCategory.parse(['B']);
+    const {category: categoryC} = YellowBoxCategory.parse(['C']);
+
+    expect(Array.from(registry().keys())).toEqual([
+      categoryA,
+      categoryB,
+      categoryC,
+    ]);
+
+    YellowBoxRegistry.add({args: ['A'], framesToPop: 0});
+
+    // Expect `A` to be hoisted to the end of the registry.
+    expect(Array.from(registry().keys())).toEqual([
+      categoryB,
+      categoryC,
+      categoryA,
+    ]);
+  });
+
+  it('ignores warnings matching patterns', () => {
+    YellowBoxRegistry.add({args: ['A!'], framesToPop: 0});
+    YellowBoxRegistry.add({args: ['B?'], framesToPop: 0});
+    YellowBoxRegistry.add({args: ['C!'], framesToPop: 0});
+    expect(registry().size).toBe(3);
+
+    YellowBoxRegistry.addIgnorePatterns(['!']);
+    expect(registry().size).toBe(1);
+
+    YellowBoxRegistry.addIgnorePatterns(['?']);
+    expect(registry().size).toBe(0);
+  });
+
+  it('ignores all warnings when disabled', () => {
+    YellowBoxRegistry.add({args: ['A!'], framesToPop: 0});
+    YellowBoxRegistry.add({args: ['B?'], framesToPop: 0});
+    YellowBoxRegistry.add({args: ['C!'], framesToPop: 0});
+    expect(registry().size).toBe(3);
+
+    YellowBoxRegistry.setDisabled(true);
+    expect(registry().size).toBe(0);
+
+    YellowBoxRegistry.setDisabled(false);
+    expect(registry().size).toBe(3);
+  });
+
+  it('groups warnings by simple categories', () => {
+    YellowBoxRegistry.add({args: ['A'], framesToPop: 0});
+    expect(registry().size).toBe(1);
+
+    YellowBoxRegistry.add({args: ['A'], framesToPop: 0});
+    expect(registry().size).toBe(1);
+
+    YellowBoxRegistry.add({args: ['B'], framesToPop: 0});
+    expect(registry().size).toBe(2);
+  });
+
+  it('groups warnings by format string categories', () => {
+    YellowBoxRegistry.add({args: ['%s', 'A'], framesToPop: 0});
+    expect(registry().size).toBe(1);
+
+    YellowBoxRegistry.add({args: ['%s', 'B'], framesToPop: 0});
+    expect(registry().size).toBe(1);
+
+    YellowBoxRegistry.add({args: ['A'], framesToPop: 0});
+    expect(registry().size).toBe(2);
+
+    YellowBoxRegistry.add({args: ['B'], framesToPop: 0});
+    expect(registry().size).toBe(3);
+  });
+
+  it('groups warnings with consideration for arguments', () => {
+    YellowBoxRegistry.add({args: ['A', 'B'], framesToPop: 0});
+    expect(registry().size).toBe(1);
+
+    YellowBoxRegistry.add({args: ['A', 'B'], framesToPop: 0});
+    expect(registry().size).toBe(1);
+
+    YellowBoxRegistry.add({args: ['A', 'C'], framesToPop: 0});
+    expect(registry().size).toBe(2);
+
+    YellowBoxRegistry.add({args: ['%s', 'A', 'A'], framesToPop: 0});
+    expect(registry().size).toBe(3);
+
+    YellowBoxRegistry.add({args: ['%s', 'B', 'A'], framesToPop: 0});
+    expect(registry().size).toBe(3);
+
+    YellowBoxRegistry.add({args: ['%s', 'B', 'B'], framesToPop: 0});
+    expect(registry().size).toBe(4);
+  });
+
+  it('ignores warnings starting with "(ADVICE)"', () => {
+    YellowBoxRegistry.add({args: ['(ADVICE) ...'], framesToPop: 0});
+    expect(registry().size).toBe(0);
+  });
+
+  it('does not ignore warnings formatted to start with "(ADVICE)"', () => {
+    YellowBoxRegistry.add({args: ['%s ...', '(ADVICE)'], framesToPop: 0});
+    expect(registry().size).toBe(1);
+  });
+
+  it('immediately updates new observers', () => {
+    const {observer} = observe();
+
+    expect(observer.mock.calls.length).toBe(1);
+    expect(observer.mock.calls[0][0]).toBe(registry());
+  });
+
+  it('sends batched updates asynchoronously', () => {
+    const {observer} = observe();
+    expect(observer.mock.calls.length).toBe(1);
+
+    YellowBoxRegistry.add({args: ['A'], framesToPop: 0});
+    YellowBoxRegistry.add({args: ['B'], framesToPop: 0});
+    jest.runAllImmediates();
+    expect(observer.mock.calls.length).toBe(2);
+  });
+
+  it('stops sending updates to unsubscribed observers', () => {
+    const {observer, subscription} = observe();
+    subscription.unsubscribe();
+
+    expect(observer.mock.calls.length).toBe(1);
+    expect(observer.mock.calls[0][0]).toBe(registry());
+  });
+
+  it('updates observers when a warning is added or deleted', () => {
+    const {observer} = observe();
+    expect(observer.mock.calls.length).toBe(1);
+
+    YellowBoxRegistry.add({args: ['A'], framesToPop: 0});
+    jest.runAllImmediates();
+    expect(observer.mock.calls.length).toBe(2);
+
+    const {category: categoryA} = YellowBoxCategory.parse(['A']);
+    YellowBoxRegistry.delete(categoryA);
+    jest.runAllImmediates();
+    expect(observer.mock.calls.length).toBe(3);
+
+    // Does nothing when category does not exist.
+    YellowBoxRegistry.delete(categoryA);
+    jest.runAllImmediates();
+    expect(observer.mock.calls.length).toBe(3);
+  });
+
+  it('updates observers when cleared', () => {
+    const {observer} = observe();
+    expect(observer.mock.calls.length).toBe(1);
+
+    YellowBoxRegistry.add({args: ['A'], framesToPop: 0});
+    jest.runAllImmediates();
+    expect(observer.mock.calls.length).toBe(2);
+
+    YellowBoxRegistry.clear();
+    jest.runAllImmediates();
+    expect(observer.mock.calls.length).toBe(3);
+
+    // Does nothing when already empty.
+    YellowBoxRegistry.clear();
+    jest.runAllImmediates();
+    expect(observer.mock.calls.length).toBe(3);
+  });
+
+  it('updates observers when an ignore pattern is added', () => {
+    const {observer} = observe();
+    expect(observer.mock.calls.length).toBe(1);
+
+    YellowBoxRegistry.addIgnorePatterns(['?']);
+    jest.runAllImmediates();
+    expect(observer.mock.calls.length).toBe(2);
+
+    YellowBoxRegistry.addIgnorePatterns(['!']);
+    jest.runAllImmediates();
+    expect(observer.mock.calls.length).toBe(3);
+
+    // Does nothing for an existing ignore pattern.
+    YellowBoxRegistry.addIgnorePatterns(['!']);
+    jest.runAllImmediates();
+    expect(observer.mock.calls.length).toBe(3);
+  });
+
+  it('updates observers when disabled or enabled', () => {
+    const {observer} = observe();
+    expect(observer.mock.calls.length).toBe(1);
+
+    YellowBoxRegistry.setDisabled(true);
+    jest.runAllImmediates();
+    expect(observer.mock.calls.length).toBe(2);
+
+    // Does nothing when already disabled.
+    YellowBoxRegistry.setDisabled(true);
+    jest.runAllImmediates();
+    expect(observer.mock.calls.length).toBe(2);
+
+    YellowBoxRegistry.setDisabled(false);
+    jest.runAllImmediates();
+    expect(observer.mock.calls.length).toBe(3);
+
+    // Does nothing when already enabled.
+    YellowBoxRegistry.setDisabled(false);
+    jest.runAllImmediates();
+    expect(observer.mock.calls.length).toBe(3);
+  });
+});
diff --git a/Libraries/YellowBox/Data/__tests__/YellowBoxSymbolication-test.js b/Libraries/YellowBox/Data/__tests__/YellowBoxSymbolication-test.js
new file mode 100644
index 00000000000000..c4ca0ad53188ad
--- /dev/null
+++ b/Libraries/YellowBox/Data/__tests__/YellowBoxSymbolication-test.js
@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @format
+ * @flow
+ */
+
+'use strict';
+
+import type {StackFrame} from 'parseErrorStack';
+
+jest.mock('symbolicateStackTrace');
+
+const YellowBoxSymbolication = require('YellowBoxSymbolication');
+
+const symbolicateStackTrace: JestMockFn<
+  $ReadOnlyArray<Array<StackFrame>>,
+  Promise<Array<StackFrame>>,
+> = (require('symbolicateStackTrace'): any);
+
+const createStack = methodNames =>
+  methodNames.map(methodName => ({
+    column: null,
+    file: 'file://path/to/file.js',
+    lineNumber: 1,
+    methodName,
+  }));
+
+describe('YellowBoxSymbolication', () => {
+  beforeEach(() => {
+    jest.resetModules();
+    symbolicateStackTrace.mockImplementation(async stack => stack);
+  });
+
+  it('symbolicates different stacks', () => {
+    YellowBoxSymbolication.symbolicate(createStack(['A', 'B', 'C']));
+    YellowBoxSymbolication.symbolicate(createStack(['D', 'E', 'F']));
+
+    expect(symbolicateStackTrace.mock.calls.length).toBe(2);
+  });
+
+  it('batch symbolicates equivalent stacks', () => {
+    YellowBoxSymbolication.symbolicate(createStack(['A', 'B', 'C']));
+    YellowBoxSymbolication.symbolicate(createStack(['A', 'B', 'C']));
+
+    expect(symbolicateStackTrace.mock.calls.length).toBe(1);
+  });
+});
diff --git a/Libraries/YellowBox/Data/__tests__/YellowBoxWarning-test.js b/Libraries/YellowBox/Data/__tests__/YellowBoxWarning-test.js
new file mode 100644
index 00000000000000..8918741b1190be
--- /dev/null
+++ b/Libraries/YellowBox/Data/__tests__/YellowBoxWarning-test.js
@@ -0,0 +1,126 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @format
+ * @flow
+ */
+
+'use strict';
+
+import type {StackFrame} from 'parseErrorStack';
+
+jest.mock('YellowBoxSymbolication');
+
+const YellowBoxSymbolication: {|
+  symbolicate: JestMockFn<
+    $ReadOnlyArray<Array<StackFrame>>,
+    Promise<Array<StackFrame>>,
+  >,
+|} = (require('YellowBoxSymbolication'): any);
+const YellowBoxWarning = require('YellowBoxWarning');
+
+const createStack = methodNames =>
+  methodNames.map(methodName => ({
+    column: null,
+    file: 'file://path/to/file.js',
+    lineNumber: 1,
+    methodName,
+  }));
+
+describe('YellowBoxWarning', () => {
+  beforeEach(() => {
+    jest.resetModules();
+
+    YellowBoxSymbolication.symbolicate.mockImplementation(async stack =>
+      createStack(stack.map(frame => `S(${frame.methodName})`)),
+    );
+  });
+
+  it('starts without a symbolicated stack', () => {
+    const warning = new YellowBoxWarning(
+      {content: '...', substitutions: []},
+      createStack(['A', 'B', 'C']),
+    );
+
+    expect(warning.symbolicated).toEqual({
+      error: null,
+      stack: null,
+      status: 'NONE',
+    });
+  });
+
+  it('updates when symbolication is in progress', () => {
+    const warning = new YellowBoxWarning(
+      {content: '...', substitutions: []},
+      createStack(['A', 'B', 'C']),
+    );
+    const callback = jest.fn();
+    warning.symbolicate(callback);
+
+    expect(callback.mock.calls.length).toBe(1);
+    expect(warning.symbolicated).toEqual({
+      error: null,
+      stack: null,
+      status: 'PENDING',
+    });
+  });
+
+  it('updates when symbolication finishes', () => {
+    const warning = new YellowBoxWarning(
+      {content: '...', substitutions: []},
+      createStack(['A', 'B', 'C']),
+    );
+    const callback = jest.fn();
+    warning.symbolicate(callback);
+
+    jest.runAllTicks();
+
+    expect(callback.mock.calls.length).toBe(2);
+    expect(warning.symbolicated).toEqual({
+      error: null,
+      stack: createStack(['S(A)', 'S(B)', 'S(C)']),
+      status: 'COMPLETE',
+    });
+  });
+
+  it('updates when symbolication fails', () => {
+    const error = new Error('...');
+    YellowBoxSymbolication.symbolicate.mockImplementation(async stack => {
+      throw error;
+    });
+
+    const warning = new YellowBoxWarning(
+      {content: '...', substitutions: []},
+      createStack(['A', 'B', 'C']),
+    );
+    const callback = jest.fn();
+    warning.symbolicate(callback);
+
+    jest.runAllTicks();
+
+    expect(callback.mock.calls.length).toBe(2);
+    expect(warning.symbolicated).toEqual({
+      error,
+      stack: null,
+      status: 'FAILED',
+    });
+  });
+
+  it('does not update aborted requests', () => {
+    const warning = new YellowBoxWarning(
+      {content: '...', substitutions: []},
+      createStack(['A', 'B', 'C']),
+    );
+    const callback = jest.fn();
+    const request = warning.symbolicate(callback);
+    request.abort();
+
+    jest.runAllTicks();
+
+    expect(callback.mock.calls.length).toBe(1);
+  });
+});
diff --git a/Libraries/YellowBox/Data/__tests__/__snapshots__/YellowBoxCategory-test.js.snap b/Libraries/YellowBox/Data/__tests__/__snapshots__/YellowBoxCategory-test.js.snap
new file mode 100644
index 00000000000000..ee88875c3717c9
--- /dev/null
+++ b/Libraries/YellowBox/Data/__tests__/__snapshots__/YellowBoxCategory-test.js.snap
@@ -0,0 +1,95 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`YellowBoxCategory renders a single substitution 1`] = `
+Array [
+  <Component
+    style={
+      Object {
+        "fontWeight": "bold",
+      }
+    }
+  >
+    "A"
+  </Component>,
+]
+`;
+
+exports[`YellowBoxCategory renders content with no substitutions 1`] = `
+Array [
+  <Component>
+    A
+  </Component>,
+]
+`;
+
+exports[`YellowBoxCategory renders multiple substitutions 1`] = `
+Array [
+  <Component
+    style={
+      Object {
+        "fontWeight": "bold",
+      }
+    }
+  >
+    "A"
+  </Component>,
+  <Component>
+     
+  </Component>,
+  <Component
+    style={
+      Object {
+        "fontWeight": "bold",
+      }
+    }
+  >
+    "B"
+  </Component>,
+  <Component>
+     
+  </Component>,
+  <Component
+    style={
+      Object {
+        "fontWeight": "bold",
+      }
+    }
+  >
+    "C"
+  </Component>,
+]
+`;
+
+exports[`YellowBoxCategory renders substitutions with leading content 1`] = `
+Array [
+  <Component>
+    !
+  </Component>,
+  <Component
+    style={
+      Object {
+        "fontWeight": "bold",
+      }
+    }
+  >
+    "A"
+  </Component>,
+]
+`;
+
+exports[`YellowBoxCategory renders substitutions with trailing content 1`] = `
+Array [
+  <Component
+    style={
+      Object {
+        "fontWeight": "bold",
+      }
+    }
+  >
+    "A"
+  </Component>,
+  <Component>
+    !
+  </Component>,
+]
+`;
diff --git a/Libraries/YellowBox/UI/YellowBoxButton.js b/Libraries/YellowBox/UI/YellowBoxButton.js
new file mode 100644
index 00000000000000..6ea9f45258222c
--- /dev/null
+++ b/Libraries/YellowBox/UI/YellowBoxButton.js
@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const React = require('React');
+const StyleSheet = require('StyleSheet');
+const Text = require('Text');
+const YellowBoxPressable = require('YellowBoxPressable');
+const YellowBoxStyle = require('YellowBoxStyle');
+
+import type {EdgeInsetsProp} from 'EdgeInsetsPropType';
+
+type Props = $ReadOnly<{|
+  hitSlop?: ?EdgeInsetsProp,
+  label: string,
+  onPress: () => void,
+|}>;
+
+const YellowBoxButton = (props: Props): React.Node => (
+  <YellowBoxPressable
+    hitSlop={props.hitSlop}
+    onPress={props.onPress}
+    style={styles.root}>
+    <Text numberOfLines={1} style={styles.label}>
+      {props.label}
+    </Text>
+  </YellowBoxPressable>
+);
+
+const styles = StyleSheet.create({
+  root: {
+    borderRadius: 14,
+    height: 28,
+    justifyContent: 'center',
+    paddingHorizontal: 12,
+  },
+  label: {
+    color: YellowBoxStyle.getTextColor(1),
+    fontSize: 12,
+    includeFontPadding: false,
+    lineHeight: 16,
+  },
+});
+
+module.exports = YellowBoxButton;
diff --git a/Libraries/YellowBox/UI/YellowBoxImageSource.js b/Libraries/YellowBox/UI/YellowBoxImageSource.js
new file mode 100644
index 00000000000000..1d3fc2e979c7fc
--- /dev/null
+++ b/Libraries/YellowBox/UI/YellowBoxImageSource.js
@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+'use strict';
+
+const PixelRatio = require('PixelRatio');
+
+const scale = PixelRatio.get();
+
+/**
+ * We use inline images for YellowBox in order to avoid display latency due to
+ * resource contention with symbolicating stack traces.
+ *
+ * The following steps were used to create these:
+ *
+ *   1. Download SVG files from: https://feathericons.com
+ *   2. Rasterize SVG files to PNG files at 16dp, 36dp, and 48dp.
+ *   3. Convert to Base64: https://www.google.com/search?q=base64+image+encoder
+ *
+ * @see https://github.com/feathericons/feather
+ * @copyright 2013-2017 Cole Bemis
+ * @license MIT
+ */
+const YellowBoxImageSource = {
+  alertTriangle:
+    scale > 2
+      ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAB60lEQVRoge2Z3W3DIBSFj9oFPAIjZARGyAiMkBHuJh4hI2QEj5AR3Me+tQ91JALHmD8bKvmTkCr5Auc6/kzUACcnRXzuvL4GoAB8Afjeea9qXADcAfw4475c65orgBl++NeYl5ouUQiHt5tQTRJuwB6b5zLY49QVGn7I0bo+kuv60IQbuHf5CWCIqOkCgX93maia1MkRAUMo+OI+AvUPp7a50EzcUCBF6psJrUkYiZgnZJ7eId8mMeIyhpW5hyLw72LKCXsl86VqwgAKceKapW5e/nZpJnSsuHaTM7muyDq7C63JprJS69YxhNTpSlkpKeLGNHCo0EJChcSNaQA4SGiFtBMXJFSI3YVOPXFB6kMoUl9NaE0Wl4h5KQ0AOwqde+KmNrCL0EKCxJ64qQ0AlYVWSBfXZusgW6Oa0Dni2hiEv0qsoci+yUJrsoikLlKAkP11ygK54taiSOgb/O5b/DMqS+gBZeLWJlnoEX7XwQkBDPIktlEkz7hWrEmxZG4M5L9GXYTk0qxwcopKxa3VABN6cosM/C5LxTUof4ReMKHf1nRlaSnuGsGM7kfU4w8RF5Bz4aNlokLe/HQ/ngl9/Qih4L9k3h4hA1+S3odxu3Q77Hl4r1Hg75n6D01M2Difbp02Mi3ZTk5OLH4BUyEtOlDYuK0AAAAASUVORK5CYII='
+      : scale > 1
+        ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABVklEQVRYheWX4U3DMBBGH4gBMoJHyAgeoSNkAxjBG5QNOkJHCGzQDcoGZQP4gY3Oqe1cEscS4pNOqs9Jvqvv6ZrCf9fDhnutD4A3H810Br4mcW5l7hLmIdze5mZi+OJD5syeBYzC6CjyR5Ef9zI/CJMb0Im9zufC/qG2eQdchcGQuGYQ+9dJgZvl0B2xbJGrZW6IIevFXp9YVwcyB540syJfFcgSeJb0cVcDcg68XAFQCUhH+ShLBcBGIA158LQFqIB8zBRwEp9fgctcxQld/L2pZxZVAk/KkucjaDGQmoknrz35KEE2sABIRxm8tVIBaZgHb61UQOYmXk7aFgQVJ6QWPCnLAriYAVILnpTxD7yh/9EZiIEE4m+y29uMkGy1nQ6i9wYFRB5PwKdYP/v1msmnUe89gn695bG0iqjdXeMiRu9599csvGKZ0jlu0Ac/7d2rxX9Q37HW6QfX/ZguAAAAAElFTkSuQmCC'
+        : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAvUlEQVQ4jbWT4Q3CIBCFP40DdANxg24gIzhKuwEjuIFxAkcwTtARGicoG+iPXlMCB8UfvoQc4e7ePV4A/ogWuMlqc0W7AsEo0QMNcPplugMmwMia5KwKWkNIuIkHq3wLXGQ/Sq4IC3wkLpOfmZyKeEpIEKsDYB8VN0Afkfpg30uNiycbdKcNqXEOxdBEWoEAoqta8uZ0iqqkxwGDUrSFAXAHZpOWd/+ubD5Kz335Cx1wZna4Bh54AddauVl8ARfCLO9Xq7xGAAAAAElFTkSuQmCC',
+  check:
+    scale > 2
+      ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAqElEQVRoge3YTQ7CIBRF4bPUu/8JS6gTSaqilh95vuR+CaO2cGgYNAUzMzOzFgHlPhRaMkDAcRoltKaTeIxPtQHxGn+Q5AgJx8cQjo8hHB9DOP76Yiu/RcTmN18WLiQCjs3zBkYXVGOeLWd+xcIr5pgyEzDz7FIjISPP/FRPUM+9W4nvYVfuCSXeB3669ldEOzRFfCUSx1cicXwlEsdXIvEPKDMzM7PMbtugw3XTpNA2AAAAAElFTkSuQmCC'
+      : scale > 1
+        ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAf0lEQVRYhe2UvQ2AIBQGL3EBR3AESkv3bxxFN8DmWUgwvkI+En1X0cBd+IMg+DuDyDMCs413kfMiX4EMbD3l8oCaPIU85B4mYLEF5XJscrYFPRGvb/sZ4IlocubJGdH0wj1FSG77XYT0qdUi5O+8jOjyyZQRUnkZ0UUeBMF3OQC/0VsyGlxligAAAABJRU5ErkJggg=='
+        : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAASElEQVQ4jWNgGJHAgIGBIYESze8ZGBjWU6L5PAMDgwBNNCdAFZJt83qoQmRDSHK2AFQhzBCy/IxsCNkBJsDAwLAfiknWPBIBAETPFeuA4fr6AAAAAElFTkSuQmCC',
+  loader:
+    scale > 2
+      ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABXElEQVRoge2a3W3DMAyEr+0CHkGjaISOcKN4k6zQETpCR+gGzgbpQ10kcamIpKQ6avQBBPxg3pHwL2UDg/8LASxrcNdKnCwATmssrUyeWgnju/DmXs8tRP+Sh2kgAJga1rFlWj2rcMD5YqQh77QJLbzIORjyRIJQCJW5ngYo5AVlrsgkCGqbsDbAhFfxqZsSZibP0oDXQ43HQPsg82i7sBoR+VcJq2YxKcPo0IoJLRZXmYGC6ezQmQUdVqhPBVH/CNBTSMkLVlzjA8Bbocb7GoPBoADi+umZilYzbrG/JrnljOvy734iu4To/BQaDB6Rl4LciPPF9Lmjhgvi+s7w6tCIGw3WKS0P8fvWNjt0ZkGHFeq7CQXTbkZKGg2JOxrqPUZ3s6ziNdju38IjS/dLi0EQpDLX2gDQYHEX6Hx5/YcA+6H0NgAYPnCMj3x7Mxq4wTGx3Q1E578aDDR8AX0mOGD6BEN/AAAAAElFTkSuQmCC'
+      : scale > 1
+        ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABN0lEQVRYhe2WzU3EMBCFP34KyJEjJaQDXAIlJJ24BSow2wEdhHSwJSwd7JHbcmC0mOxMnDiWDIInWbHkN29exo4n8IvRAEFGU8OAA04yulyR60Jm7msbyIZloAMGwBfI4UWrWxM08LW/weC4iOMNTog4g0awKjBG827GxBwC3996NHizAifsSrTRmlsZm23CT9adktyXSq6ZUPdxgiXnZzW8CLcLuC3lvqA/gCt5NtjlPQL7TP0Wu1HtRRu4PO3T4TKTz2kG+AG9IN6CR/Su9iojBw69egfghWgL/pGCp+JFVPUqTjWjlsuqeAo1o6rt2C8QcNiV0UxoHPMieojmz0CfMKyhl1hN84xbI3gnz5Ftp7kH3iT5LsFdDUf6pzSJ6r2glIFDbuDNhqRH4I7Pvv4EvG/QqocP2Jh/xzzX/zUAAAAASUVORK5CYII='
+        : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAsklEQVQ4jaWTYRHCMAyFP7gJmIQ6oChgEpBQKXMwC3MADpAAEiphDuBHC4QuDRu8u9ylyWtem7Rgw2X7GT1wsghb4beAVzhtsfYyJgs44AoEQzBkjrMId1HkKPwyZ6oMSnxYsnk1NqT7yMo34Fzhd9meGJvs7Hh3NhqCLXDI/rT0lKsR+KOJgc9RdaRRarkZvELogYsi8HqxjUhGYE+aQg1jzketwFTZXHbbEpjB8eU7PwAbLiJz46707gAAAABJRU5ErkJggg==',
+};
+
+module.exports = YellowBoxImageSource;
diff --git a/Libraries/YellowBox/UI/YellowBoxInspector.js b/Libraries/YellowBox/UI/YellowBoxInspector.js
new file mode 100644
index 00000000000000..aa0c742d77ff3c
--- /dev/null
+++ b/Libraries/YellowBox/UI/YellowBoxInspector.js
@@ -0,0 +1,190 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const Platform = require('Platform');
+const React = require('React');
+const ScrollView = require('ScrollView');
+const StyleSheet = require('StyleSheet');
+const Text = require('Text');
+const View = require('View');
+const YellowBoxCategory = require('YellowBoxCategory');
+const YellowBoxInspectorFooter = require('YellowBoxInspectorFooter');
+const YellowBoxInspectorHeader = require('YellowBoxInspectorHeader');
+const YellowBoxInspectorSourceMapStatus = require('YellowBoxInspectorSourceMapStatus');
+const YellowBoxInspectorStackFrame = require('YellowBoxInspectorStackFrame');
+const YellowBoxStyle = require('YellowBoxStyle');
+
+const openFileInEditor = require('openFileInEditor');
+
+import type YellowBoxWarning from 'YellowBoxWarning';
+import type {SymbolicationRequest} from 'YellowBoxWarning';
+
+type Props = $ReadOnly<{|
+  onDismiss: () => void,
+  onMinimize: () => void,
+  warnings: $ReadOnlyArray<YellowBoxWarning>,
+|}>;
+
+type State = {|
+  selectedIndex: number,
+|};
+
+class YellowBoxInspector extends React.Component<Props, State> {
+  _symbolication: ?SymbolicationRequest;
+
+  state = {
+    selectedIndex: 0,
+  };
+
+  render(): React.Node {
+    const {warnings} = this.props;
+    const {selectedIndex} = this.state;
+
+    const warning = warnings[selectedIndex];
+
+    return (
+      <View style={styles.root}>
+        <YellowBoxInspectorHeader
+          onSelectIndex={this._handleSelectIndex}
+          selectedIndex={selectedIndex}
+          warnings={warnings}
+        />
+        <ScrollView
+          contentContainerStyle={styles.bodyContent}
+          key={selectedIndex}
+          style={styles.body}>
+          <View>
+            <View style={styles.bodyHeading}>
+              <Text style={styles.bodyHeadingText}>Warning</Text>
+            </View>
+            <Text style={styles.bodyText}>
+              {YellowBoxCategory.render(
+                warning.message,
+                styles.substitutionText,
+              )}
+            </Text>
+          </View>
+          <View style={styles.bodySection}>
+            <View style={styles.bodyHeading}>
+              <Text style={styles.bodyHeadingText}>Stack</Text>
+              <YellowBoxInspectorSourceMapStatus
+                status={warning.symbolicated.status}
+              />
+            </View>
+            {warning.getAvailableStack().map((frame, index) => (
+              <YellowBoxInspectorStackFrame
+                key={index}
+                frame={frame}
+                onPress={
+                  warning.symbolicated.status === 'COMPLETE'
+                    ? () => {
+                        openFileInEditor(frame.file, frame.lineNumber);
+                      }
+                    : null
+                }
+              />
+            ))}
+          </View>
+        </ScrollView>
+        <YellowBoxInspectorFooter
+          onDismiss={this.props.onDismiss}
+          onMinimize={this.props.onMinimize}
+        />
+      </View>
+    );
+  }
+
+  componentDidMount(): void {
+    this._handleSymbolication();
+  }
+
+  componentDidUpdate(prevProps: Props, prevState: State): void {
+    if (
+      prevProps.warnings !== this.props.warnings ||
+      prevState.selectedIndex !== this.state.selectedIndex
+    ) {
+      this._cancelSymbolication();
+      this._handleSymbolication();
+    }
+  }
+
+  componentWillUnmount(): void {
+    this._cancelSymbolication();
+  }
+
+  _handleSymbolication(): void {
+    const warning = this.props.warnings[this.state.selectedIndex];
+    if (warning.symbolicated.status !== 'COMPLETE') {
+      this._symbolication = warning.symbolicate(() => {
+        this.forceUpdate();
+      });
+    }
+  }
+
+  _cancelSymbolication(): void {
+    if (this._symbolication != null) {
+      this._symbolication.abort();
+      this._symbolication = null;
+    }
+  }
+
+  _handleSelectIndex = (selectedIndex: number): void => {
+    this.setState({selectedIndex});
+  };
+}
+
+const styles = StyleSheet.create({
+  root: {
+    elevation: Platform.OS === 'android' ? Number.MAX_SAFE_INTEGER : undefined,
+    height: '100%',
+  },
+  body: {
+    backgroundColor: YellowBoxStyle.getBackgroundColor(0.95),
+    borderBottomColor: YellowBoxStyle.getDividerColor(0.95),
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderTopColor: YellowBoxStyle.getDividerColor(0.95),
+    borderTopWidth: StyleSheet.hairlineWidth,
+    flex: 1,
+  },
+  bodyContent: {
+    paddingVertical: 12,
+  },
+  bodyHeading: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    marginBottom: 6,
+    paddingHorizontal: 12,
+  },
+  bodyHeadingText: {
+    color: YellowBoxStyle.getTextColor(1),
+    flex: 1,
+    fontSize: 20,
+    fontWeight: '600',
+    includeFontPadding: false,
+    lineHeight: 28,
+  },
+  bodyText: {
+    color: YellowBoxStyle.getTextColor(1),
+    fontSize: 14,
+    includeFontPadding: false,
+    lineHeight: 18,
+    paddingHorizontal: 12,
+  },
+  substitutionText: {
+    color: YellowBoxStyle.getTextColor(0.6),
+  },
+  bodySection: {
+    marginTop: 20,
+  },
+});
+
+module.exports = YellowBoxInspector;
diff --git a/Libraries/YellowBox/UI/YellowBoxInspectorFooter.js b/Libraries/YellowBox/UI/YellowBoxInspectorFooter.js
new file mode 100644
index 00000000000000..71a45702a6a82d
--- /dev/null
+++ b/Libraries/YellowBox/UI/YellowBoxInspectorFooter.js
@@ -0,0 +1,76 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const React = require('React');
+const SafeAreaView = require('SafeAreaView');
+const StyleSheet = require('StyleSheet');
+const Text = require('Text');
+const View = require('View');
+const YellowBoxPressable = require('YellowBoxPressable');
+const YellowBoxStyle = require('YellowBoxStyle');
+
+type Props = $ReadOnly<{|
+  onDismiss: () => void,
+  onMinimize: () => void,
+|}>;
+
+const YellowBoxInspectorFooter = (props: Props): React.Node => (
+  <View style={styles.root}>
+    <YellowBoxPressable
+      backgroundColor={{
+        default: 'transparent',
+        pressed: YellowBoxStyle.getHighlightColor(1),
+      }}
+      onPress={props.onMinimize}
+      style={styles.button}>
+      <View style={styles.content}>
+        <Text style={styles.label}>Minimize</Text>
+      </View>
+      <SafeAreaView />
+    </YellowBoxPressable>
+    <YellowBoxPressable
+      backgroundColor={{
+        default: 'transparent',
+        pressed: YellowBoxStyle.getHighlightColor(1),
+      }}
+      onPress={props.onDismiss}
+      style={styles.button}>
+      <View style={styles.content}>
+        <Text style={styles.label}>Dismiss</Text>
+      </View>
+      <SafeAreaView />
+    </YellowBoxPressable>
+  </View>
+);
+
+const styles = StyleSheet.create({
+  root: {
+    backgroundColor: YellowBoxStyle.getBackgroundColor(0.95),
+    flexDirection: 'row',
+  },
+  button: {
+    flex: 1,
+  },
+  content: {
+    alignItems: 'center',
+    height: 48,
+    justifyContent: 'center',
+  },
+  label: {
+    color: YellowBoxStyle.getTextColor(1),
+    fontSize: 14,
+    includeFontPadding: false,
+    lineHeight: 18,
+  },
+});
+
+module.exports = YellowBoxInspectorFooter;
diff --git a/Libraries/YellowBox/UI/YellowBoxInspectorHeader.js b/Libraries/YellowBox/UI/YellowBoxInspectorHeader.js
new file mode 100644
index 00000000000000..b84afd8ca4470e
--- /dev/null
+++ b/Libraries/YellowBox/UI/YellowBoxInspectorHeader.js
@@ -0,0 +1,117 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const Platform = require('Platform');
+const React = require('React');
+const SafeAreaView = require('SafeAreaView');
+const StyleSheet = require('StyleSheet');
+const Text = require('Text');
+const UTFSequence = require('UTFSequence');
+const View = require('View');
+const YellowBoxPressable = require('YellowBoxPressable');
+const YellowBoxStyle = require('YellowBoxStyle');
+
+import type YellowBoxWarning from 'YellowBoxWarning';
+
+type Props = $ReadOnly<{|
+  onSelectIndex: (selectedIndex: number) => void,
+  selectedIndex: number,
+  warnings: $ReadOnlyArray<YellowBoxWarning>,
+|}>;
+
+const YellowBoxInspectorHeader = (props: Props): React.Node => {
+  const prevIndex = props.selectedIndex - 1;
+  const nextIndex = props.selectedIndex + 1;
+
+  const titleText =
+    props.warnings.length === 1
+      ? 'Single Occurrence'
+      : `Occurrence ${props.selectedIndex + 1} of ${props.warnings.length}`;
+
+  return (
+    <SafeAreaView style={styles.root}>
+      <View style={styles.header}>
+        <YellowBoxInspectorHeaderButton
+          disabled={props.warnings[prevIndex] == null}
+          label={UTFSequence.TRIANGLE_LEFT}
+          onPress={() => props.onSelectIndex(prevIndex)}
+        />
+        <View style={styles.headerTitle}>
+          <Text style={styles.headerTitleText}>{titleText}</Text>
+        </View>
+        <YellowBoxInspectorHeaderButton
+          disabled={props.warnings[nextIndex] == null}
+          label={UTFSequence.TRIANGLE_RIGHT}
+          onPress={() => props.onSelectIndex(nextIndex)}
+        />
+      </View>
+    </SafeAreaView>
+  );
+};
+
+const YellowBoxInspectorHeaderButton = (
+  props: $ReadOnly<{|
+    disabled: boolean,
+    label: React.Node,
+    onPress?: ?() => void,
+  |}>,
+): React.Node => (
+  <YellowBoxPressable
+    backgroundColor={{
+      default: 'transparent',
+      pressed: YellowBoxStyle.getHighlightColor(1),
+    }}
+    onPress={props.disabled ? null : props.onPress}
+    style={styles.headerButton}>
+    {props.disabled ? null : (
+      <Text style={styles.headerButtonText}>{props.label}</Text>
+    )}
+  </YellowBoxPressable>
+);
+
+const styles = StyleSheet.create({
+  root: {
+    backgroundColor: YellowBoxStyle.getBackgroundColor(0.95),
+  },
+  header: {
+    flexDirection: 'row',
+    height: Platform.select({
+      android: 48,
+      ios: 44,
+    }),
+  },
+  headerButton: {
+    alignItems: 'center',
+    aspectRatio: 1,
+    justifyContent: 'center',
+  },
+  headerButtonText: {
+    color: YellowBoxStyle.getTextColor(1),
+    fontSize: 16,
+    includeFontPadding: false,
+    lineHeight: 20,
+  },
+  headerTitle: {
+    alignItems: 'center',
+    flex: 1,
+    justifyContent: 'center',
+  },
+  headerTitleText: {
+    color: YellowBoxStyle.getTextColor(1),
+    fontSize: 16,
+    fontWeight: '600',
+    includeFontPadding: false,
+    lineHeight: 20,
+  },
+});
+
+module.exports = YellowBoxInspectorHeader;
diff --git a/Libraries/YellowBox/UI/YellowBoxInspectorSourceMapStatus.js b/Libraries/YellowBox/UI/YellowBoxInspectorSourceMapStatus.js
new file mode 100644
index 00000000000000..831305d74ea5bc
--- /dev/null
+++ b/Libraries/YellowBox/UI/YellowBoxInspectorSourceMapStatus.js
@@ -0,0 +1,149 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+'use strict';
+
+const Animated = require('Animated');
+const Easing = require('Easing');
+const React = require('React');
+const StyleSheet = require('StyleSheet');
+const Text = require('Text');
+const View = require('View');
+const YellowBoxImageSource = require('YellowBoxImageSource');
+const YellowBoxStyle = require('YellowBoxStyle');
+
+import type {CompositeAnimation} from 'AnimatedImplementation';
+import type AnimatedInterpolation from 'AnimatedInterpolation';
+
+type Props = $ReadOnly<{|
+  status: 'COMPLETE' | 'FAILED' | 'NONE' | 'PENDING',
+|}>;
+
+type State = {|
+  animation: ?CompositeAnimation,
+  rotate: ?AnimatedInterpolation,
+|};
+
+class YellowBoxInspectorSourceMapStatus extends React.Component<Props, State> {
+  state = {
+    animation: null,
+    rotate: null,
+  };
+
+  render(): React.Node {
+    let image;
+    switch (this.props.status) {
+      case 'COMPLETE':
+        image = YellowBoxImageSource.check;
+        break;
+      case 'FAILED':
+        image = YellowBoxImageSource.alertTriangle;
+        break;
+      case 'PENDING':
+        image = YellowBoxImageSource.loader;
+        break;
+    }
+
+    return image == null ? null : (
+      <View
+        style={StyleSheet.compose(
+          styles.root,
+          this.props.status === 'PENDING' ? styles.pending : null,
+        )}>
+        <Animated.Image
+          source={{height: 16, uri: image, width: 16}}
+          style={StyleSheet.compose(
+            styles.image,
+            this.state.rotate == null
+              ? null
+              : {transform: [{rotate: this.state.rotate}]},
+          )}
+        />
+        <Text style={styles.text}>Source Map</Text>
+      </View>
+    );
+  }
+
+  componentDidMount(): void {
+    this._updateAnimation();
+  }
+
+  componentDidUpdate(): void {
+    this._updateAnimation();
+  }
+
+  componentWillUnmount(): void {
+    if (this.state.animation != null) {
+      this.state.animation.stop();
+    }
+  }
+
+  _updateAnimation(): void {
+    if (this.props.status === 'PENDING') {
+      if (this.state.animation == null) {
+        const animated = new Animated.Value(0);
+        const animation = Animated.loop(
+          Animated.timing(animated, {
+            duration: 2000,
+            easing: Easing.linear,
+            toValue: 1,
+            useNativeDriver: true,
+          }),
+        );
+        this.setState(
+          {
+            animation,
+            rotate: animated.interpolate({
+              inputRange: [0, 1],
+              outputRange: ['0deg', '360deg'],
+            }),
+          },
+          () => {
+            animation.start();
+          },
+        );
+      }
+    } else {
+      if (this.state.animation != null) {
+        this.state.animation.stop();
+        this.setState({
+          animation: null,
+          rotate: null,
+        });
+      }
+    }
+  }
+}
+
+const styles = StyleSheet.create({
+  root: {
+    alignItems: 'center',
+    backgroundColor: YellowBoxStyle.getTextColor(0.8),
+    borderRadius: 12,
+    flexDirection: 'row',
+    height: 24,
+    paddingHorizontal: 8,
+  },
+  pending: {
+    backgroundColor: YellowBoxStyle.getTextColor(0.6),
+  },
+  image: {
+    marginEnd: 4,
+    tintColor: YellowBoxStyle.getBackgroundColor(1),
+  },
+  text: {
+    color: YellowBoxStyle.getBackgroundColor(1),
+    fontSize: 12,
+    includeFontPadding: false,
+    lineHeight: 16,
+  },
+});
+
+module.exports = YellowBoxInspectorSourceMapStatus;
diff --git a/Libraries/YellowBox/UI/YellowBoxInspectorStackFrame.js b/Libraries/YellowBox/UI/YellowBoxInspectorStackFrame.js
new file mode 100644
index 00000000000000..8ee0d04b9cdf80
--- /dev/null
+++ b/Libraries/YellowBox/UI/YellowBoxInspectorStackFrame.js
@@ -0,0 +1,81 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const React = require('React');
+const StyleSheet = require('StyleSheet');
+const Text = require('Text');
+const YellowBoxPressable = require('YellowBoxPressable');
+const YellowBoxStyle = require('YellowBoxStyle');
+
+import type {PressEvent} from 'CoreEventTypes';
+import type {StackFrame} from 'parseErrorStack';
+
+type Props = $ReadOnly<{|
+  frame: StackFrame,
+  onPress?: ?(event: PressEvent) => void,
+|}>;
+
+const YellowBoxInspectorStackFrame = (props: Props): React.Node => {
+  const {frame, onPress} = props;
+
+  return (
+    <YellowBoxPressable
+      backgroundColor={{
+        default: YellowBoxStyle.getBackgroundColor(0),
+        pressed: YellowBoxStyle.getHighlightColor(1),
+      }}
+      onPress={onPress}
+      style={styles.frame}>
+      <Text style={styles.frameName}>{frame.methodName}</Text>
+      <Text
+        ellipsizeMode="middle"
+        numberOfLines={1}
+        style={styles.frameLocation}>
+        {`${getFrameLocation(frame.file)}:${frame.lineNumber}${
+          frame.column == null ? '' : ':' + frame.column
+        }`}
+      </Text>
+    </YellowBoxPressable>
+  );
+};
+
+const getFrameLocation = (uri: string): string => {
+  const queryIndex = uri.indexOf('?');
+  const query = queryIndex < 0 ? '' : uri.substr(queryIndex);
+
+  const path = queryIndex < 0 ? uri : uri.substr(0, queryIndex);
+  const file = path.substr(path.lastIndexOf('/') + 1);
+
+  return file + query;
+};
+
+const styles = StyleSheet.create({
+  frame: {
+    paddingHorizontal: 12,
+    paddingVertical: 4,
+  },
+  frameName: {
+    color: YellowBoxStyle.getTextColor(1),
+    fontSize: 14,
+    includeFontPadding: false,
+    lineHeight: 18,
+  },
+  frameLocation: {
+    color: YellowBoxStyle.getTextColor(0.7),
+    fontSize: 12,
+    fontWeight: '300',
+    includeFontPadding: false,
+    lineHeight: 16,
+  },
+});
+
+module.exports = YellowBoxInspectorStackFrame;
diff --git a/Libraries/YellowBox/UI/YellowBoxList.js b/Libraries/YellowBox/UI/YellowBoxList.js
new file mode 100644
index 00000000000000..63b321cde9726e
--- /dev/null
+++ b/Libraries/YellowBox/UI/YellowBoxList.js
@@ -0,0 +1,142 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const Dimensions = require('Dimensions');
+const React = require('React');
+const FlatList = require('FlatList');
+const SafeAreaView = require('SafeAreaView');
+const StyleSheet = require('StyleSheet');
+const View = require('View');
+const YellowBoxButton = require('YellowBoxButton');
+const YellowBoxInspector = require('YellowBoxInspector');
+const YellowBoxListRow = require('YellowBoxListRow');
+const YellowBoxStyle = require('YellowBoxStyle');
+
+import type {Category} from 'YellowBoxCategory';
+import type {Registry} from 'YellowBoxRegistry';
+
+type Props = $ReadOnly<{|
+  onDismiss: (category: Category) => void,
+  onDismissAll: () => void,
+  registry: Registry,
+|}>;
+
+type State = {|
+  selectedCategory: ?Category,
+|};
+
+const VIEWPORT_RATIO = 0.5;
+const MAX_ITEMS = Math.floor(
+  (Dimensions.get('window').height * VIEWPORT_RATIO) /
+    (YellowBoxListRow.GUTTER + YellowBoxListRow.HEIGHT),
+);
+
+class YellowBoxList extends React.Component<Props, State> {
+  state = {
+    selectedCategory: null,
+  };
+
+  render(): React.Node {
+    const selectedWarnings =
+      this.state.selectedCategory == null
+        ? null
+        : this.props.registry.get(this.state.selectedCategory);
+
+    if (selectedWarnings != null) {
+      return (
+        <View style={StyleSheet.absoluteFill}>
+          <YellowBoxInspector
+            onDismiss={this._handleInspectorDismiss}
+            onMinimize={this._handleInspectorMinimize}
+            warnings={selectedWarnings}
+          />
+        </View>
+      );
+    }
+
+    const items = [];
+    for (const [category, warnings] of this.props.registry) {
+      items.unshift({category, warnings});
+    }
+
+    const listStyle = {
+      height:
+        // Additional `0.5` so the (N + 1)th row can peek into view.
+        Math.min(items.length, MAX_ITEMS + 0.5) *
+        (YellowBoxListRow.GUTTER + YellowBoxListRow.HEIGHT),
+    };
+
+    return items.length === 0 ? null : (
+      <View style={styles.list}>
+        <View pointerEvents="box-none" style={styles.dismissAll}>
+          <YellowBoxButton
+            hitSlop={{bottom: 4, left: 4, right: 4, top: 4}}
+            label="Dismiss All"
+            onPress={this.props.onDismissAll}
+          />
+        </View>
+        <FlatList
+          data={items}
+          keyExtractor={item => item.category}
+          renderItem={({item}) => (
+            <YellowBoxListRow {...item} onPress={this._handleRowPress} />
+          )}
+          scrollEnabled={items.length > MAX_ITEMS}
+          scrollsToTop={false}
+          style={listStyle}
+        />
+        <SafeAreaView style={styles.safeArea} />
+      </View>
+    );
+  }
+
+  _handleInspectorDismiss = () => {
+    const category = this.state.selectedCategory;
+    if (category == null) {
+      return;
+    }
+    this.setState({selectedCategory: null}, () => {
+      this.props.onDismiss(category);
+    });
+  };
+
+  _handleInspectorMinimize = () => {
+    this.setState({selectedCategory: null});
+  };
+
+  _handleRowPress = (category: Category) => {
+    this.setState({selectedCategory: category});
+  };
+}
+
+const styles = StyleSheet.create({
+  list: {
+    bottom: 0,
+    position: 'absolute',
+    width: '100%',
+  },
+  dismissAll: {
+    bottom: '100%',
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    paddingBottom: 4,
+    paddingEnd: 4,
+    position: 'absolute',
+    width: '100%',
+  },
+  safeArea: {
+    backgroundColor: YellowBoxStyle.getBackgroundColor(0.95),
+    marginTop: StyleSheet.hairlineWidth,
+  },
+});
+
+module.exports = YellowBoxList;
diff --git a/Libraries/YellowBox/UI/YellowBoxListRow.js b/Libraries/YellowBox/UI/YellowBoxListRow.js
new file mode 100644
index 00000000000000..e59d0e89e22707
--- /dev/null
+++ b/Libraries/YellowBox/UI/YellowBoxListRow.js
@@ -0,0 +1,100 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const React = require('React');
+const StyleSheet = require('StyleSheet');
+const Text = require('Text');
+const YellowBoxPressable = require('YellowBoxPressable');
+const View = require('View');
+const YellowBoxCategory = require('YellowBoxCategory');
+const YellowBoxStyle = require('YellowBoxStyle');
+const YellowBoxWarning = require('YellowBoxWarning');
+
+import type {Category} from 'YellowBoxCategory';
+
+type Props = $ReadOnly<{|
+  category: Category,
+  warnings: $ReadOnlyArray<YellowBoxWarning>,
+  onPress: (category: Category) => void,
+|}>;
+
+class YellowBoxListRow extends React.Component<Props> {
+  static GUTTER = StyleSheet.hairlineWidth;
+  static HEIGHT = 48;
+
+  shouldComponentUpdate(nextProps: Props): boolean {
+    const prevProps = this.props;
+    return (
+      prevProps.category !== nextProps.category ||
+      prevProps.onPress !== nextProps.onPress ||
+      prevProps.warnings.length !== nextProps.warnings.length ||
+      prevProps.warnings.some(
+        (prevWarning, index) => prevWarning !== nextProps[index],
+      )
+    );
+  }
+
+  render(): React.Node {
+    const {warnings} = this.props;
+
+    return (
+      <YellowBoxPressable onPress={this._handlePress} style={styles.root}>
+        <View style={styles.content}>
+          {warnings.length < 2 ? null : (
+            <Text style={styles.metaText}>{'(' + warnings.length + ') '}</Text>
+          )}
+          <Text numberOfLines={2} style={styles.bodyText}>
+            {YellowBoxCategory.render(
+              warnings[warnings.length - 1].message,
+              styles.substitutionText,
+            )}
+          </Text>
+        </View>
+      </YellowBoxPressable>
+    );
+  }
+
+  _handlePress = () => {
+    this.props.onPress(this.props.category);
+  };
+}
+
+const styles = StyleSheet.create({
+  root: {
+    height: YellowBoxListRow.HEIGHT,
+    justifyContent: 'center',
+    marginTop: YellowBoxListRow.GUTTER,
+    paddingHorizontal: 12,
+  },
+  content: {
+    alignItems: 'flex-start',
+    flexDirection: 'row',
+  },
+  bodyText: {
+    color: YellowBoxStyle.getTextColor(1),
+    flex: 1,
+    fontSize: 14,
+    includeFontPadding: false,
+    lineHeight: 18,
+  },
+  metaText: {
+    color: YellowBoxStyle.getTextColor(0.5),
+    fontSize: 14,
+    includeFontPadding: false,
+    lineHeight: 18,
+  },
+  substitutionText: {
+    color: YellowBoxStyle.getTextColor(0.6),
+  },
+});
+
+module.exports = YellowBoxListRow;
diff --git a/Libraries/YellowBox/UI/YellowBoxPressable.js b/Libraries/YellowBox/UI/YellowBoxPressable.js
new file mode 100644
index 00000000000000..39149c251214c3
--- /dev/null
+++ b/Libraries/YellowBox/UI/YellowBoxPressable.js
@@ -0,0 +1,86 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const React = require('React');
+const StyleSheet = require('StyleSheet');
+const TouchableWithoutFeedback = require('TouchableWithoutFeedback');
+const View = require('View');
+const YellowBoxStyle = require('YellowBoxStyle');
+
+import type {PressEvent} from 'CoreEventTypes';
+import type {EdgeInsetsProp} from 'EdgeInsetsPropType';
+import type {ViewStyleProp} from 'StyleSheet';
+
+type Props = $ReadOnly<{|
+  backgroundColor: $ReadOnly<{|
+    default: string,
+    pressed: string,
+  |}>,
+  children?: React.Node,
+  hitSlop?: ?EdgeInsetsProp,
+  onPress?: ?(event: PressEvent) => void,
+  style?: ViewStyleProp,
+|}>;
+
+type State = {|
+  pressed: boolean,
+|};
+
+class YellowBoxPressable extends React.Component<Props, State> {
+  static defaultProps = {
+    backgroundColor: {
+      default: YellowBoxStyle.getBackgroundColor(0.95),
+      pressed: YellowBoxStyle.getHighlightColor(1),
+    },
+  };
+
+  state = {
+    pressed: false,
+  };
+
+  render(): React.Node {
+    const content = (
+      <View
+        style={StyleSheet.compose(
+          {
+            backgroundColor: this.state.pressed
+              ? this.props.backgroundColor.pressed
+              : this.props.backgroundColor.default,
+          },
+          this.props.style,
+        )}>
+        {this.props.children}
+      </View>
+    );
+    return this.props.onPress == null ? (
+      content
+    ) : (
+      <TouchableWithoutFeedback
+        hitSlop={this.props.hitSlop}
+        onPress={this.props.onPress}
+        onPressIn={this._handlePressIn}
+        onPressOut={this._handlePressOut}>
+        {content}
+      </TouchableWithoutFeedback>
+    );
+  }
+
+  _handlePressIn = () => {
+    this.setState({pressed: true});
+  };
+
+  _handlePressOut = () => {
+    this.setState({pressed: false});
+  };
+}
+
+module.exports = YellowBoxPressable;
diff --git a/Libraries/YellowBox/UI/YellowBoxStyle.js b/Libraries/YellowBox/UI/YellowBoxStyle.js
new file mode 100644
index 00000000000000..32aa375e0c6739
--- /dev/null
+++ b/Libraries/YellowBox/UI/YellowBoxStyle.js
@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+'use strict';
+
+const YellowBoxStyle = {
+  getBackgroundColor(opacity: number): string {
+    return `rgba(250, 186, 48, ${opacity})`;
+  },
+
+  getDividerColor(opacity: number): string {
+    return `rgba(255, 255, 255, ${opacity})`;
+  },
+
+  getHighlightColor(opacity: number): string {
+    return `rgba(252, 176, 29, ${opacity})`;
+  },
+
+  getTextColor(opacity: number): string {
+    return `rgba(255, 255, 255, ${opacity})`;
+  },
+};
+
+module.exports = YellowBoxStyle;
diff --git a/Libraries/YellowBox/YellowBox.js b/Libraries/YellowBox/YellowBox.js
new file mode 100644
index 00000000000000..16d1b453cf9c0a
--- /dev/null
+++ b/Libraries/YellowBox/YellowBox.js
@@ -0,0 +1,156 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+'use strict';
+
+const React = require('React');
+
+import type {Category} from 'YellowBoxCategory';
+import type {Registry, Subscription} from 'YellowBoxRegistry';
+
+type Props = $ReadOnly<{||}>;
+type State = {|
+  registry: ?Registry,
+|};
+
+let YellowBox;
+
+/**
+ * YellowBox displays warnings at the bottom of the screen.
+ *
+ * Warnings help guard against subtle yet significant issues that can impact the
+ * quality of the app. This "in your face" style of warning allows developers to
+ * notice and correct these issues as quickly as possible.
+ *
+ * YellowBox is only enabled in `__DEV__`. Set the following flag to disable it:
+ *
+ *   console.disableYellowBox = true;
+ *
+ * Ignore specific warnings by calling:
+ *
+ *   YellowBox.ignoreWarnings(['Warning: ...']);
+ *
+ * Strings supplied to `YellowBox.ignoreWarnings` only need to be a substring of
+ * the ignored warning messages.
+ */
+if (__DEV__) {
+  const Platform = require('Platform');
+  const RCTLog = require('RCTLog');
+  const YellowBoxList = require('YellowBoxList');
+  const YellowBoxRegistry = require('YellowBoxRegistry');
+
+  const {error, warn} = console;
+
+  // eslint-disable-next-line no-shadow
+  YellowBox = class YellowBox extends React.Component<Props, State> {
+    static ignoreWarnings(patterns: $ReadOnlyArray<string>): void {
+      YellowBoxRegistry.addIgnorePatterns(patterns);
+    }
+
+    static install(): void {
+      (console: any).error = function(...args) {
+        error.call(console, ...args);
+        // Show YellowBox for the `warning` module.
+        if (typeof args[0] === 'string' && args[0].startsWith('Warning: ')) {
+          registerWarning(...args);
+        }
+      };
+
+      (console: any).warn = function(...args) {
+        warn.call(console, ...args);
+        registerWarning(...args);
+      };
+
+      if ((console: any).disableYellowBox === true) {
+        YellowBoxRegistry.setDisabled(true);
+      }
+      (Object.defineProperty: any)(console, 'disableYellowBox', {
+        configurable: true,
+        get: () => YellowBoxRegistry.isDisabled(),
+        set: value => YellowBoxRegistry.setDisabled(value),
+      });
+
+      if (Platform.isTesting) {
+        (console: any).disableYellowBox = true;
+      }
+
+      RCTLog.setWarningHandler((...args) => {
+        registerWarning(...args);
+      });
+    }
+
+    static uninstall(): void {
+      (console: any).error = error;
+      (console: any).warn = error;
+      delete (console: any).disableYellowBox;
+    }
+
+    _subscription: ?Subscription;
+
+    state = {
+      registry: null,
+    };
+
+    render(): React.Node {
+      // TODO: Ignore warnings that fire when rendering `YellowBox` itself.
+      return this.state.registry == null ? null : (
+        <YellowBoxList
+          onDismiss={this._handleDismiss}
+          onDismissAll={this._handleDismissAll}
+          registry={this.state.registry}
+        />
+      );
+    }
+
+    componentDidMount(): void {
+      this._subscription = YellowBoxRegistry.observe(registry => {
+        this.setState({registry});
+      });
+    }
+
+    componentWillUnmount(): void {
+      if (this._subscription != null) {
+        this._subscription.unsubscribe();
+      }
+    }
+
+    _handleDismiss = (category: Category): void => {
+      YellowBoxRegistry.delete(category);
+    };
+
+    _handleDismissAll(): void {
+      YellowBoxRegistry.clear();
+    }
+  };
+
+  const registerWarning = (...args): void => {
+    YellowBoxRegistry.add({args, framesToPop: 2});
+  };
+} else {
+  YellowBox = class extends React.Component<Props> {
+    static ignoreWarnings(patterns: $ReadOnlyArray<string>): void {
+      // Do nothing.
+    }
+
+    static install(): void {
+      // Do nothing.
+    }
+
+    static uninstall(): void {
+      // Do nothing.
+    }
+
+    render(): React.Node {
+      return null;
+    }
+  };
+}
+
+module.exports = YellowBox;
diff --git a/Libraries/YellowBox/__tests__/YellowBox-test.js b/Libraries/YellowBox/__tests__/YellowBox-test.js
new file mode 100644
index 00000000000000..e22168b2417bd6
--- /dev/null
+++ b/Libraries/YellowBox/__tests__/YellowBox-test.js
@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @format
+ * @flow
+ */
+
+'use strict';
+
+const YellowBox = require('YellowBox');
+const YellowBoxRegistry = require('YellowBoxRegistry');
+
+describe('YellowBox', () => {
+  const {error, warn} = console;
+
+  beforeEach(() => {
+    jest.resetModules();
+    (console: any).error = jest.fn();
+    (console: any).warn = jest.fn();
+  });
+
+  afterEach(() => {
+    YellowBox.uninstall();
+    (console: any).error = error;
+    (console: any).warn = warn;
+  });
+
+  it('can set `disableYellowBox` after installing', () => {
+    expect((console: any).disableYellowBox).toBe(undefined);
+
+    YellowBox.install();
+
+    expect((console: any).disableYellowBox).toBe(false);
+    expect(YellowBoxRegistry.isDisabled()).toBe(false);
+
+    (console: any).disableYellowBox = true;
+
+    expect((console: any).disableYellowBox).toBe(true);
+    expect(YellowBoxRegistry.isDisabled()).toBe(true);
+  });
+
+  it('can set `disableYellowBox` before installing', () => {
+    expect((console: any).disableYellowBox).toBe(undefined);
+
+    (console: any).disableYellowBox = true;
+    YellowBox.install();
+
+    expect((console: any).disableYellowBox).toBe(true);
+    expect(YellowBoxRegistry.isDisabled()).toBe(true);
+  });
+
+  it('registers warnings', () => {
+    jest.mock('YellowBoxRegistry');
+
+    YellowBox.install();
+
+    expect(YellowBoxRegistry.add).not.toBeCalled();
+    (console: any).warn('...');
+    expect(YellowBoxRegistry.add).toBeCalled();
+  });
+
+  it('registers errors beginning with "Warning: "', () => {
+    jest.mock('YellowBoxRegistry');
+
+    YellowBox.install();
+
+    (console: any).error('...');
+    expect(YellowBoxRegistry.add).not.toBeCalled();
+
+    (console: any).error('Warning: ...');
+    expect(YellowBoxRegistry.add).toBeCalled();
+  });
+});
diff --git a/Libraries/polyfills/Array.es6.js b/Libraries/polyfills/Array.es6.js
index 0075d7ae1e070c..a4378d65df9810 100644
--- a/Libraries/polyfills/Array.es6.js
+++ b/Libraries/polyfills/Array.es6.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Array.es6
+ * @format
  * @polyfill
  * @nolint
  */
@@ -28,9 +28,8 @@ if (!Array.from) {
 
     var C = this;
     var items = Object(arrayLike);
-    var symbolIterator = typeof Symbol === 'function'
-      ? Symbol.iterator
-      : '@@iterator';
+    var symbolIterator =
+      typeof Symbol === 'function' ? Symbol.iterator : '@@iterator';
     var mapping = typeof mapFn === 'function';
     var usingIterator = typeof items[symbolIterator] === 'function';
     var key = 0;
@@ -38,9 +37,7 @@ if (!Array.from) {
     var value;
 
     if (usingIterator) {
-      ret = typeof C === 'function'
-        ? new C()
-        : [];
+      ret = typeof C === 'function' ? new C() : [];
       var it = items[symbolIterator]();
       var next;
 
@@ -64,9 +61,7 @@ if (!Array.from) {
       len = 0;
     }
 
-    ret = typeof C === 'function'
-      ? new C(len)
-      : new Array(len);
+    ret = typeof C === 'function' ? new C(len) : new Array(len);
 
     while (key < len) {
       value = items[key];
diff --git a/Libraries/polyfills/Array.prototype.es6.js b/Libraries/polyfills/Array.prototype.es6.js
index 2bf044144eb7a9..d6b73752299971 100644
--- a/Libraries/polyfills/Array.prototype.es6.js
+++ b/Libraries/polyfills/Array.prototype.es6.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Array.prototype.es6
+ * @format
  * @polyfill
  * @nolint
  */
@@ -15,7 +15,7 @@
 function findIndex(predicate, context) {
   if (this == null) {
     throw new TypeError(
-      'Array.prototype.findIndex called on null or undefined'
+      'Array.prototype.findIndex called on null or undefined',
     );
   }
   if (typeof predicate !== 'function') {
@@ -36,7 +36,7 @@ if (!Array.prototype.findIndex) {
     enumerable: false,
     writable: true,
     configurable: true,
-    value: findIndex
+    value: findIndex,
   });
 }
 
@@ -48,13 +48,11 @@ if (!Array.prototype.find) {
     configurable: true,
     value: function(predicate, context) {
       if (this == null) {
-        throw new TypeError(
-          'Array.prototype.find called on null or undefined'
-        );
+        throw new TypeError('Array.prototype.find called on null or undefined');
       }
       var index = findIndex.call(this, predicate, context);
       return index === -1 ? undefined : this[index];
-    }
+    },
   });
 }
 
@@ -64,7 +62,7 @@ if (!Array.prototype.includes) {
     enumerable: false,
     writable: true,
     configurable: true,
-    value: function (searchElement) {
+    value: function(searchElement) {
       var O = Object(this);
       var len = parseInt(O.length) || 0;
       if (len === 0) {
@@ -83,13 +81,15 @@ if (!Array.prototype.includes) {
       var currentElement;
       while (k < len) {
         currentElement = O[k];
-        if (searchElement === currentElement ||
-          (searchElement !== searchElement && currentElement !== currentElement)) {
+        if (
+          searchElement === currentElement ||
+          (searchElement !== searchElement && currentElement !== currentElement)
+        ) {
           return true;
         }
         k++;
       }
       return false;
-    }
+    },
   });
 }
diff --git a/Libraries/polyfills/Number.es6.js b/Libraries/polyfills/Number.es6.js
index ef7d4ac88e4f41..27987677e939d2 100644
--- a/Libraries/polyfills/Number.es6.js
+++ b/Libraries/polyfills/Number.es6.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Number.es6
+ * @format
  * @polyfill
  * @nolint
  */
diff --git a/Libraries/polyfills/Object.es6.js b/Libraries/polyfills/Object.es6.js
index 0aa884e8be9596..9c45b4c24f6ea4 100644
--- a/Libraries/polyfills/Object.es6.js
+++ b/Libraries/polyfills/Object.es6.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Object.es6
+ * @format
  * @polyfill
  * @nolint
  */
@@ -21,7 +21,7 @@ Object.assign = function(target, sources) {
     if (typeof target !== 'object' && typeof target !== 'function') {
       throw new TypeError(
         'In this environment the target of assign MUST be an object. ' +
-        'This error is a performance optimization and not spec compliant.'
+          'This error is a performance optimization and not spec compliant.',
       );
     }
   }
@@ -33,11 +33,10 @@ Object.assign = function(target, sources) {
     }
 
     if (__DEV__) {
-      if (typeof nextSource !== 'object' &&
-          typeof nextSource !== 'function') {
+      if (typeof nextSource !== 'object' && typeof nextSource !== 'function') {
         throw new TypeError(
           'In this environment the sources for assign MUST be an object. ' +
-          'This error is a performance optimization and not spec compliant.'
+            'This error is a performance optimization and not spec compliant.',
         );
       }
     }
@@ -52,9 +51,9 @@ Object.assign = function(target, sources) {
         if (!hasOwnProperty.call(nextSource, key)) {
           throw new TypeError(
             'One of the sources for assign has an enumerable key on the ' +
-            'prototype chain. Are you trying to assign a prototype property? ' +
-            'We don\'t allow it, as this is an edge case that we do not support. ' +
-            'This error is a performance optimization and not spec compliant.'
+              'prototype chain. Are you trying to assign a prototype property? ' +
+              "We don't allow it, as this is an edge case that we do not support. " +
+              'This error is a performance optimization and not spec compliant.',
           );
         }
       }
diff --git a/Libraries/polyfills/Object.es7.js b/Libraries/polyfills/Object.es7.js
index 294756b11c3638..16513b3cc7bbd1 100644
--- a/Libraries/polyfills/Object.es7.js
+++ b/Libraries/polyfills/Object.es7.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Object.es7
+ * @format
  * @polyfill
  * @nolint
  */
@@ -55,5 +55,4 @@
       return values;
     };
   }
-
 })();
diff --git a/Libraries/polyfills/String.prototype.es6.js b/Libraries/polyfills/String.prototype.es6.js
index b3bd95be6b88bc..ac46fc873d2689 100644
--- a/Libraries/polyfills/String.prototype.es6.js
+++ b/Libraries/polyfills/String.prototype.es6.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule String.prototype.es6
+ * @format
  * @polyfill
  * @nolint
  */
@@ -22,8 +22,7 @@ if (!String.prototype.startsWith) {
       throw TypeError();
     }
     var string = String(this);
-    var pos = arguments.length > 1 ?
-      (Number(arguments[1]) || 0) : 0;
+    var pos = arguments.length > 1 ? Number(arguments[1]) || 0 : 0;
     var start = Math.min(Math.max(pos, 0), string.length);
     return string.indexOf(String(search), pos) === start;
   };
@@ -38,8 +37,7 @@ if (!String.prototype.endsWith) {
     var string = String(this);
     var stringLength = string.length;
     var searchString = String(search);
-    var pos = arguments.length > 1 ?
-      (Number(arguments[1]) || 0) : stringLength;
+    var pos = arguments.length > 1 ? Number(arguments[1]) || 0 : stringLength;
     var end = Math.min(Math.max(pos, 0), stringLength);
     var start = end - searchString.length;
     if (start < 0) {
diff --git a/Libraries/polyfills/__tests__/Object.es7-test.js b/Libraries/polyfills/__tests__/Object.es7-test.js
index 528a479f3b6b93..9fcb9e0b170409 100644
--- a/Libraries/polyfills/__tests__/Object.es7-test.js
+++ b/Libraries/polyfills/__tests__/Object.es7-test.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+jsinfra
  */
 
@@ -23,12 +24,12 @@ describe('Object (ES7)', () => {
     });
 
     it('should check for type', () => {
-      expect(Object.entries.bind(null, null)).toThrow(TypeError(
-        'Object.entries called on non-object'
-      ));
-      expect(Object.entries.bind(null, undefined)).toThrow(TypeError(
-        'Object.entries called on non-object'
-      ));
+      expect(Object.entries.bind(null, null)).toThrow(
+        TypeError('Object.entries called on non-object'),
+      );
+      expect(Object.entries.bind(null, undefined)).toThrow(
+        TypeError('Object.entries called on non-object'),
+      );
       expect(Object.entries.bind(null, [])).not.toThrow();
       expect(Object.entries.bind(null, () => {})).not.toThrow();
       expect(Object.entries.bind(null, {})).not.toThrow();
@@ -36,10 +37,13 @@ describe('Object (ES7)', () => {
     });
 
     it('should return enumerable entries', () => {
-      const foo = Object.defineProperties({}, {
-        x: {value: 10, enumerable: true},
-        y: {value: 20},
-      });
+      const foo = Object.defineProperties(
+        {},
+        {
+          x: {value: 10, enumerable: true},
+          y: {value: 20},
+        },
+      );
 
       expect(Object.entries(foo)).toEqual([['x', 10]]);
 
@@ -57,10 +61,13 @@ describe('Object (ES7)', () => {
     });
 
     it('should return only own entries', () => {
-      const foo = Object.create({z: 30}, {
-        x: {value: 10, enumerable: true},
-        y: {value: 20},
-      });
+      const foo = Object.create(
+        {z: 30},
+        {
+          x: {value: 10, enumerable: true},
+          y: {value: 20},
+        },
+      );
 
       expect(Object.entries(foo)).toEqual([['x', 10]]);
     });
@@ -76,19 +83,22 @@ describe('Object (ES7)', () => {
     });
 
     it('should check for type', () => {
-      expect(Object.values.bind(null, null)).toThrow(TypeError(
-        'Object.values called on non-object'
-      ));
+      expect(Object.values.bind(null, null)).toThrow(
+        TypeError('Object.values called on non-object'),
+      );
       expect(Object.values.bind(null, [])).not.toThrow();
       expect(Object.values.bind(null, () => {})).not.toThrow();
       expect(Object.values.bind(null, {})).not.toThrow();
     });
 
     it('should return enumerable values', () => {
-      const foo = Object.defineProperties({}, {
-        x: {value: 10, enumerable: true},
-        y: {value: 20},
-      });
+      const foo = Object.defineProperties(
+        {},
+        {
+          x: {value: 10, enumerable: true},
+          y: {value: 20},
+        },
+      );
 
       expect(Object.values(foo)).toEqual([10]);
 
@@ -106,10 +116,13 @@ describe('Object (ES7)', () => {
     });
 
     it('should return only own values', () => {
-      const foo = Object.create({z: 30}, {
-        x: {value: 10, enumerable: true},
-        y: {value: 20},
-      });
+      const foo = Object.create(
+        {z: 30},
+        {
+          x: {value: 10, enumerable: true},
+          y: {value: 20},
+        },
+      );
 
       expect(Object.values(foo)).toEqual([10]);
     });
diff --git a/Libraries/polyfills/babelHelpers.js b/Libraries/polyfills/babelHelpers.js
index dfe819464f09c4..f831deaa842fac 100644
--- a/Libraries/polyfills/babelHelpers.js
+++ b/Libraries/polyfills/babelHelpers.js
@@ -4,152 +4,343 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule babelHelpers
- * @polyfill
+ * Regenerate through
+ *    `js1 upgrade babel-helpers` + manual tweaks
+ *
+ * Components used for this file;
+ *   - arrayWithHoles
+ *   - arrayWithoutHoles
+ *   - assertThisInitialized
+ *   - classCallCheck
+ *   - construct
+ *   - createClass
+ *   - defineProperty
+ *   - extends
+ *   - get
+ *   - getPrototypeOf
+ *   - inherits
+ *   - interopRequireDefault
+ *   - interopRequireWildcard
+ *   - iterableToArray
+ *   - iterableToArrayLimit
+ *   - nonIterableRest
+ *   - nonIterableSpread
+ *   - objectSpread
+ *   - objectWithoutProperties
+ *   - possibleConstructorReturn
+ *   - setPrototypeOf
+ *   - slicedToArray
+ *   - superPropBase
+ *   - taggedTemplateLiteral
+ *   - taggedTemplateLiteralLoose
+ *   - toArray
+ *   - toConsumableArray
+ *   - wrapNativeSuper
+ *
+ * @flow
+ * @generated (with babel 7.0.0-beta.47)
+ * @format
  * @nolint
+ * @polyfill
  */
 
-/* eslint-disable quotes, curly, no-proto, no-undef-init, dot-notation */
-
-// Created by running:
-// require('babel-core').buildExternalHelpers('_extends classCallCheck createClass createRawReactElement defineProperty get inherits  interopRequireDefault interopRequireWildcard objectWithoutProperties possibleConstructorReturn slicedToArray taggedTemplateLiteral toArray toConsumableArray '.split(' '))
-// then replacing the `global` reference in the last line to also use `this`.
-//
-// actually, that's a lie, because babel6 omits _extends and createRawReactElement
-
-var babelHelpers = global.babelHelpers = {};
+'use strict';
 
-babelHelpers.typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
-  return typeof obj;
-} : function (obj) {
-  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-};
+var babelHelpers = (global.babelHelpers = {});
 
-babelHelpers.createRawReactElement = (function () {
-  var REACT_ELEMENT_TYPE = typeof Symbol === "function" && Symbol.for && Symbol.for("react.element") || 0xeac7;
-  return function createRawReactElement(type, key, props) {
-    return {
-      $$typeof: REACT_ELEMENT_TYPE,
-      type: type,
-      key: key,
-      ref: null,
-      props: props,
-      _owner: null
-    };
-  };
-})();
+// ### classCallCheck ###
 
-babelHelpers.classCallCheck = function (instance, Constructor) {
+function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
+    throw new TypeError('Cannot call a class as a function');
   }
-};
+}
+
+babelHelpers.classCallCheck = _classCallCheck;
+
+// ### createClass ###
 
-babelHelpers.createClass = (function () {
-  function defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ('value' in descriptor) {
+      descriptor.writable = true;
     }
+    Object.defineProperty(target, descriptor.key, descriptor);
   }
+}
 
-  return function (Constructor, protoProps, staticProps) {
-    if (protoProps) defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) defineProperties(Constructor, staticProps);
-    return Constructor;
-  };
-})();
-
-babelHelpers.defineEnumerableProperties = function(obj, descs) {
-  for (var key in descs) {
-    var desc = descs[key];
-    desc.configurable = (desc.enumerable = true);
-    if ('value' in desc) desc.writable = true;
-    Object.defineProperty(obj, key, desc);
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) {
+    _defineProperties(Constructor.prototype, protoProps);
   }
-  return obj;
-};
+  if (staticProps) {
+    _defineProperties(Constructor, staticProps);
+  }
+  return Constructor;
+}
+
+babelHelpers.createClass = _createClass;
+
+// ### defineProperty ###
 
-babelHelpers.defineProperty = function (obj, key, value) {
+function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
       enumerable: true,
       configurable: true,
-      writable: true
+      writable: true,
     });
   } else {
     obj[key] = value;
   }
 
   return obj;
-};
+}
 
-babelHelpers._extends = babelHelpers.extends = Object.assign || function (target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i];
+babelHelpers.defineProperty = _defineProperty;
+
+// ### extends ###
+
+function _extends() {
+  babelHelpers.extends = _extends =
+    Object.assign ||
+    function(target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
 
-    for (var key in source) {
-      if (Object.prototype.hasOwnProperty.call(source, key)) {
-        target[key] = source[key];
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
       }
+
+      return target;
+    };
+
+  return _extends.apply(this, arguments);
+}
+
+babelHelpers.extends = _extends;
+
+// ### setPrototypeOf ###
+
+function _setPrototypeOf(o, p) {
+  babelHelpers.setPrototypeOf = _setPrototypeOf =
+    Object.setPrototypeOf ||
+    function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+
+  return _setPrototypeOf(o, p);
+}
+
+babelHelpers.setPrototypeOf = _setPrototypeOf;
+
+// ### superPropBase ###
+
+function _superPropBase(object, property) {
+  while (!Object.prototype.hasOwnProperty.call(object, property)) {
+    object = babelHelpers.getPrototypeOf(object);
+    if (object === null) {
+      break;
     }
   }
 
-  return target;
+  return object;
+}
+
+babelHelpers.superPropBase = _superPropBase;
+
+// ### get ###
+
+// FB:
+// TODO: prepack does not like Reflect (and we can use the fallback just fine)
+// function _get(target, property, receiver) {
+//   if (typeof Reflect !== 'undefined' && Reflect.get) {
+//     babelHelpers.get = _get = Reflect.get;
+//   } else {
+//     babelHelpers.get = _get = function _get(target, property, receiver) {
+//       var base = babelHelpers.superPropBase(target, property);
+//       if (!base) {
+//         return;
+//       }
+//       var desc = Object.getOwnPropertyDescriptor(base, property);
+//
+//       if (desc.get) {
+//         return desc.get.call(receiver);
+//       }
+//
+//       return desc.value;
+//     };
+//   }
+//
+//   return _get(target, property, receiver || target);
+// }
+//
+// babelHelpers.get = _get;
+
+babelHelpers.get = function _get(target, property, receiver = target) {
+  var base = babelHelpers.superPropBase(target, property);
+  if (!base) {
+    return;
+  }
+  var desc = Object.getOwnPropertyDescriptor(base, property);
+
+  if (desc.get) {
+    return desc.get.call(receiver);
+  }
+
+  return desc.value;
 };
 
-babelHelpers.get = function get(object, property, receiver) {
-  if (object === null) object = Function.prototype;
-  var desc = Object.getOwnPropertyDescriptor(object, property);
+// ### inherits ###
 
-  if (desc === undefined) {
-    var parent = Object.getPrototypeOf(object);
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== 'function' && superClass !== null) {
+    throw new TypeError('Super expression must either be null or a function');
+  }
 
-    if (parent === null) {
-      return undefined;
-    } else {
-      return get(parent, property, receiver);
+  babelHelpers.setPrototypeOf(
+    subClass.prototype,
+    superClass && superClass.prototype,
+  );
+  if (superClass) {
+    babelHelpers.setPrototypeOf(subClass, superClass);
+  }
+}
+
+babelHelpers.inherits = _inherits;
+
+// ### construct ###
+
+function _construct(Parent, args, Class) {
+  // FB:
+  // TODO: prepack does not like this line (and we can use the fallback just fine)
+  // if (typeof Reflect !== 'undefined' && Reflect.construct) {
+  //   babelHelpers.construct = _construct = Reflect.construct;
+  // } else {
+  babelHelpers.construct = _construct = function _construct(
+    Parent,
+    args,
+    Class,
+  ) {
+    var a = [null];
+    a.push.apply(a, args);
+    var Constructor = Parent.bind.apply(Parent, a);
+    var instance = new Constructor();
+    if (Class) {
+      babelHelpers.setPrototypeOf(instance, Class.prototype);
     }
-  } else if ("value" in desc) {
-    return desc.value;
-  } else {
-    var getter = desc.get;
+    return instance;
+  };
+  // }
 
-    if (getter === undefined) {
-      return undefined;
-    }
+  return _construct.apply(null, arguments);
+}
 
-    return getter.call(receiver);
-  }
-};
+babelHelpers.construct = _construct;
+
+// ### getPrototypeOf ###
+
+function _getPrototypeOf(o) {
+  babelHelpers.getPrototypeOf = _getPrototypeOf =
+    Object.getPrototypeOf ||
+    function _getPrototypeOf(o) {
+      return o.__proto__;
+    };
+
+  return _getPrototypeOf(o);
+}
+
+babelHelpers.getPrototypeOf = _getPrototypeOf;
 
-babelHelpers.inherits = function (subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+// ### assertThisInitialized ###
+
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError(
+      "this hasn't been initialised - super() hasn't been called",
+    );
   }
 
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      enumerable: false,
-      writable: true,
-      configurable: true
+  return self;
+}
+
+babelHelpers.assertThisInitialized = _assertThisInitialized;
+
+// ### wrapNativeSuper ###
+
+function _wrapNativeSuper(Class) {
+  var _cache = typeof Map === 'function' ? new Map() : undefined;
+
+  babelHelpers.wrapNativeSuper = _wrapNativeSuper = function _wrapNativeSuper(
+    Class,
+  ) {
+    if (typeof Class !== 'function') {
+      throw new TypeError('Super expression must either be null or a function');
     }
-  });
-  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-};
 
-babelHelpers.interopRequireDefault = function (obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
+    if (typeof _cache !== 'undefined') {
+      if (_cache.has(Class)) {
+        return _cache.get(Class);
+      }
+
+      _cache.set(Class, Wrapper);
+    }
+
+    function Wrapper() {
+      // FB:
+      // this is a temporary fix for a babel bug (it's invoking the wrong func
+      // when you do `super()`)
+      return _construct(Class, arguments, _getPrototypeOf(this).constructor);
+    }
+
+    Wrapper.prototype = Object.create(Class.prototype, {
+      constructor: {
+        value: Wrapper,
+        enumerable: false,
+        writable: true,
+        configurable: true,
+      },
+    });
+    return babelHelpers.setPrototypeOf(
+      Wrapper,
+      babelHelpers.setPrototypeOf(function Super() {
+        return babelHelpers.construct(
+          Class,
+          arguments,
+          babelHelpers.getPrototypeOf(this).constructor,
+        );
+      }, Class),
+    );
   };
-};
 
-babelHelpers.interopRequireWildcard = function (obj) {
+  return _wrapNativeSuper(Class);
+}
+
+babelHelpers.wrapNativeSuper = _wrapNativeSuper;
+
+// ### interopRequireDefault ###
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule
+    ? obj
+    : {
+        default: obj,
+      };
+}
+
+babelHelpers.interopRequireDefault = _interopRequireDefault;
+
+// ### interopRequireWildcard ###
+
+function _interopRequireWildcard(obj) {
   if (obj && obj.__esModule) {
     return obj;
   } else {
@@ -157,91 +348,259 @@ babelHelpers.interopRequireWildcard = function (obj) {
 
     if (obj != null) {
       for (var key in obj) {
-        if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key];
+        if (Object.prototype.hasOwnProperty.call(obj, key)) {
+          var desc =
+            Object.defineProperty && Object.getOwnPropertyDescriptor
+              ? Object.getOwnPropertyDescriptor(obj, key)
+              : {};
+
+          if (desc.get || desc.set) {
+            Object.defineProperty(newObj, key, desc);
+          } else {
+            newObj[key] = obj[key];
+          }
+        }
       }
     }
 
     newObj.default = obj;
     return newObj;
   }
-};
+}
+
+babelHelpers.interopRequireWildcard = _interopRequireWildcard;
+
+// ### objectWithoutProperties ###
 
-babelHelpers.objectWithoutProperties = function (obj, keys) {
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) {
+    return {};
+  }
   var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) {
+      continue;
+    }
+    target[key] = source[key];
+  }
+
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
 
-  for (var i in obj) {
-    if (keys.indexOf(i) >= 0) continue;
-    if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
-    target[i] = obj[i];
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) {
+        continue;
+      }
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) {
+        continue;
+      }
+      target[key] = source[key];
+    }
   }
 
   return target;
-};
+}
+
+babelHelpers.objectWithoutProperties = _objectWithoutProperties;
 
-babelHelpers.possibleConstructorReturn = function (self, call) {
-  if (!self) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+// ### possibleConstructorReturn ###
+
+function _possibleConstructorReturn(self, call) {
+  if (call && (typeof call === 'object' || typeof call === 'function')) {
+    return call;
   }
 
-  return call && (typeof call === "object" || typeof call === "function") ? call : self;
-};
+  return babelHelpers.assertThisInitialized(self);
+}
 
-babelHelpers.slicedToArray = (function () {
-  function sliceIterator(arr, i) {
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _e = undefined;
+babelHelpers.possibleConstructorReturn = _possibleConstructorReturn;
 
-    try {
-      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
+// ### arrayWithHoles ###
 
-        if (i && _arr.length === i) break;
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) {
+    return arr;
+  }
+}
+
+babelHelpers.arrayWithHoles = _arrayWithHoles;
+
+// ### arrayWithoutHoles ###
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) {
+    for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {
+      arr2[i] = arr[i];
+    }
+
+    return arr2;
+  }
+}
+
+babelHelpers.arrayWithoutHoles = _arrayWithoutHoles;
+
+// ### iterableToArrayLimit ###
+
+function _iterableToArrayLimit(arr, i) {
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _e = undefined;
+
+  try {
+    for (
+      var _i = arr[Symbol.iterator](), _s;
+      !(_n = (_s = _i.next()).done);
+      _n = true
+    ) {
+      _arr.push(_s.value);
+
+      if (i && _arr.length === i) {
+        break;
+      }
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i.return != null) {
+        _i.return();
       }
-    } catch (err) {
-      _d = true;
-      _e = err;
     } finally {
-      try {
-        if (!_n && _i["return"]) _i["return"]();
-      } finally {
-        if (_d) throw _e;
+      if (_d) {
+        throw _e;
       }
     }
+  }
+
+  return _arr;
+}
+
+babelHelpers.iterableToArrayLimit = _iterableToArrayLimit;
 
-    return _arr;
+// ### nonIterableRest ###
+
+function _nonIterableRest() {
+  throw new TypeError('Invalid attempt to destructure non-iterable instance');
+}
+
+babelHelpers.nonIterableRest = _nonIterableRest;
+
+// ### nonIterableSpread ###
+
+function _nonIterableSpread() {
+  throw new TypeError('Invalid attempt to spread non-iterable instance');
+}
+
+babelHelpers.nonIterableSpread = _nonIterableSpread;
+
+// ### slicedToArray ###
+
+function _slicedToArray(arr, i) {
+  return (
+    babelHelpers.arrayWithHoles(arr) ||
+    babelHelpers.iterableToArrayLimit(arr, i) ||
+    babelHelpers.nonIterableRest()
+  );
+}
+
+babelHelpers.slicedToArray = _slicedToArray;
+
+// ### taggedTemplateLiteral ###
+
+function _taggedTemplateLiteral(strings, raw) {
+  if (!raw) {
+    raw = strings.slice(0);
   }
 
-  return function (arr, i) {
-    if (Array.isArray(arr)) {
-      return arr;
-    } else if (Symbol.iterator in Object(arr)) {
-      return sliceIterator(arr, i);
-    } else {
-      throw new TypeError("Invalid attempt to destructure non-iterable instance");
-    }
-  };
-})();
+  return Object.freeze(
+    Object.defineProperties(strings, {
+      raw: {
+        value: Object.freeze(raw),
+      },
+    }),
+  );
+}
+
+babelHelpers.taggedTemplateLiteral = _taggedTemplateLiteral;
+
+// ### toArray ###
+
+function _toArray(arr) {
+  return (
+    babelHelpers.arrayWithHoles(arr) ||
+    babelHelpers.iterableToArray(arr) ||
+    babelHelpers.nonIterableRest()
+  );
+}
+
+babelHelpers.toArray = _toArray;
+
+// ### toConsumableArray ###
+
+function _toConsumableArray(arr) {
+  return (
+    babelHelpers.arrayWithoutHoles(arr) ||
+    babelHelpers.iterableToArray(arr) ||
+    babelHelpers.nonIterableSpread()
+  );
+}
+
+babelHelpers.toConsumableArray = _toConsumableArray;
 
-babelHelpers.taggedTemplateLiteral = function (strings, raw) {
-  return Object.freeze(Object.defineProperties(strings, {
-    raw: {
-      value: Object.freeze(raw)
+// ### taggedTemplateLiteralLoose ###
+
+function _taggedTemplateLiteralLoose(strings, raw) {
+  if (!raw) {
+    raw = strings.slice(0);
+  }
+
+  strings.raw = raw;
+  return strings;
+}
+
+babelHelpers.taggedTemplateLiteralLoose = _taggedTemplateLiteralLoose;
+
+// ### objectSpread ###
+
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+    var ownKeys = Object.keys(source);
+
+    if (typeof Object.getOwnPropertySymbols === 'function') {
+      ownKeys = ownKeys.concat(
+        Object.getOwnPropertySymbols(source).filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }),
+      );
     }
-  }));
-};
 
-babelHelpers.toArray = function (arr) {
-  return Array.isArray(arr) ? arr : Array.from(arr);
-};
+    ownKeys.forEach(function(key) {
+      babelHelpers.defineProperty(target, key, source[key]);
+    });
+  }
 
-babelHelpers.toConsumableArray = function (arr) {
-  if (Array.isArray(arr)) {
-    for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+  return target;
+}
 
-    return arr2;
-  } else {
-    return Array.from(arr);
+babelHelpers.objectSpread = _objectSpread;
+
+// ### iterableToArray ###
+
+function _iterableToArray(iter) {
+  if (
+    Symbol.iterator in Object(iter) ||
+    Object.prototype.toString.call(iter) === '[object Arguments]'
+  ) {
+    return Array.from(iter);
   }
-};
+}
+
+babelHelpers.iterableToArray = _iterableToArray;
diff --git a/Libraries/polyfills/console.js b/Libraries/polyfills/console.js
index 37a92b1a62fe1f..738dc832444293 100644
--- a/Libraries/polyfills/console.js
+++ b/Libraries/polyfills/console.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule console
  * @polyfill
  * @nolint
  * @format
@@ -401,108 +400,132 @@ INSPECTOR_LEVELS[LOG_LEVELS.error] = 'error';
 // strip method printing to originalConsole.
 const INSPECTOR_FRAMES_TO_SKIP = __DEV__ ? 2 : 1;
 
-if (global.nativeLoggingHook) {
-  function getNativeLogFunction(level) {
-    return function() {
-      let str;
-      if (arguments.length === 1 && typeof arguments[0] === 'string') {
-        str = arguments[0];
-      } else {
-        str = Array.prototype.map
-          .call(arguments, function(arg) {
-            return inspect(arg, {depth: 10});
-          })
-          .join(', ');
-      }
+function getNativeLogFunction(level) {
+  return function() {
+    let str;
+    if (arguments.length === 1 && typeof arguments[0] === 'string') {
+      str = arguments[0];
+    } else {
+      str = Array.prototype.map
+        .call(arguments, function(arg) {
+          return inspect(arg, {depth: 10});
+        })
+        .join(', ');
+    }
 
-      let logLevel = level;
-      if (str.slice(0, 9) === 'Warning: ' && logLevel >= LOG_LEVELS.error) {
-        // React warnings use console.error so that a stack trace is shown,
-        // but we don't (currently) want these to show a redbox
-        // (Note: Logic duplicated in ExceptionsManager.js.)
-        logLevel = LOG_LEVELS.warn;
-      }
-      if (global.__inspectorLog) {
-        global.__inspectorLog(
-          INSPECTOR_LEVELS[logLevel],
-          str,
-          [].slice.call(arguments),
-          INSPECTOR_FRAMES_TO_SKIP,
-        );
+    let logLevel = level;
+    if (str.slice(0, 9) === 'Warning: ' && logLevel >= LOG_LEVELS.error) {
+      // React warnings use console.error so that a stack trace is shown,
+      // but we don't (currently) want these to show a redbox
+      // (Note: Logic duplicated in ExceptionsManager.js.)
+      logLevel = LOG_LEVELS.warn;
+    }
+    if (global.__inspectorLog) {
+      global.__inspectorLog(
+        INSPECTOR_LEVELS[logLevel],
+        str,
+        [].slice.call(arguments),
+        INSPECTOR_FRAMES_TO_SKIP,
+      );
+    }
+    if (groupStack.length) {
+      str = groupFormat('', str);
+    }
+    global.nativeLoggingHook(str, logLevel);
+  };
+}
+
+function repeat(element, n) {
+  return Array.apply(null, Array(n)).map(function() {
+    return element;
+  });
+}
+
+function consoleTablePolyfill(rows) {
+  // convert object -> array
+  if (!Array.isArray(rows)) {
+    var data = rows;
+    rows = [];
+    for (var key in data) {
+      if (data.hasOwnProperty(key)) {
+        var row = data[key];
+        row[OBJECT_COLUMN_NAME] = key;
+        rows.push(row);
       }
-      global.nativeLoggingHook(str, logLevel);
-    };
+    }
+  }
+  if (rows.length === 0) {
+    global.nativeLoggingHook('', LOG_LEVELS.info);
+    return;
   }
 
-  function repeat(element, n) {
-    return Array.apply(null, Array(n)).map(function() {
-      return element;
+  var columns = Object.keys(rows[0]).sort();
+  var stringRows = [];
+  var columnWidths = [];
+
+  // Convert each cell to a string. Also
+  // figure out max cell width for each column
+  columns.forEach(function(k, i) {
+    columnWidths[i] = k.length;
+    for (var j = 0; j < rows.length; j++) {
+      var cellStr = (rows[j][k] || '?').toString();
+      stringRows[j] = stringRows[j] || [];
+      stringRows[j][i] = cellStr;
+      columnWidths[i] = Math.max(columnWidths[i], cellStr.length);
+    }
+  });
+
+  // Join all elements in the row into a single string with | separators
+  // (appends extra spaces to each cell to make separators  | aligned)
+  function joinRow(row, space) {
+    var cells = row.map(function(cell, i) {
+      var extraSpaces = repeat(' ', columnWidths[i] - cell.length).join('');
+      return cell + extraSpaces;
     });
+    space = space || ' ';
+    return cells.join(space + '|' + space);
   }
 
-  function consoleTablePolyfill(rows) {
-    // convert object -> array
-    if (!Array.isArray(rows)) {
-      var data = rows;
-      rows = [];
-      for (var key in data) {
-        if (data.hasOwnProperty(key)) {
-          var row = data[key];
-          row[OBJECT_COLUMN_NAME] = key;
-          rows.push(row);
-        }
-      }
-    }
-    if (rows.length === 0) {
-      global.nativeLoggingHook('', LOG_LEVELS.info);
-      return;
-    }
+  var separators = columnWidths.map(function(columnWidth) {
+    return repeat('-', columnWidth).join('');
+  });
+  var separatorRow = joinRow(separators, '-');
+  var header = joinRow(columns);
+  var table = [header, separatorRow];
 
-    var columns = Object.keys(rows[0]).sort();
-    var stringRows = [];
-    var columnWidths = [];
-
-    // Convert each cell to a string. Also
-    // figure out max cell width for each column
-    columns.forEach(function(k, i) {
-      columnWidths[i] = k.length;
-      for (var j = 0; j < rows.length; j++) {
-        var cellStr = (rows[j][k] || '?').toString();
-        stringRows[j] = stringRows[j] || [];
-        stringRows[j][i] = cellStr;
-        columnWidths[i] = Math.max(columnWidths[i], cellStr.length);
-      }
-    });
+  for (var i = 0; i < rows.length; i++) {
+    table.push(joinRow(stringRows[i]));
+  }
 
-    // Join all elements in the row into a single string with | separators
-    // (appends extra spaces to each cell to make separators  | aligned)
-    function joinRow(row, space) {
-      var cells = row.map(function(cell, i) {
-        var extraSpaces = repeat(' ', columnWidths[i] - cell.length).join('');
-        return cell + extraSpaces;
-      });
-      space = space || ' ';
-      return cells.join(space + '|' + space);
-    }
+  // Notice extra empty line at the beginning.
+  // Native logging hook adds "RCTLog >" at the front of every
+  // logged string, which would shift the header and screw up
+  // the table
+  global.nativeLoggingHook('\n' + table.join('\n'), LOG_LEVELS.info);
+}
 
-    var separators = columnWidths.map(function(columnWidth) {
-      return repeat('-', columnWidth).join('');
-    });
-    var separatorRow = joinRow(separators, '-');
-    var header = joinRow(columns);
-    var table = [header, separatorRow];
+const GROUP_PAD = '\u2502'; // Box light vertical
+const GROUP_OPEN = '\u2510'; // Box light down+left
+const GROUP_CLOSE = '\u2518'; // Box light up+left
 
-    for (var i = 0; i < rows.length; i++) {
-      table.push(joinRow(stringRows[i]));
-    }
+const groupStack = [];
 
-    // Notice extra empty line at the beginning.
-    // Native logging hook adds "RCTLog >" at the front of every
-    // logged string, which would shift the header and screw up
-    // the table
-    global.nativeLoggingHook('\n' + table.join('\n'), LOG_LEVELS.info);
-  }
+function groupFormat(prefix, msg) {
+  // Insert group formatting before the console message
+  return groupStack.join('') + prefix + ' ' + (msg || '');
+}
 
+function consoleGroupPolyfill(label) {
+  global.nativeLoggingHook(groupFormat(GROUP_OPEN, label), LOG_LEVELS.info);
+  groupStack.push(GROUP_PAD);
+}
+
+function consoleGroupEndPolyfill() {
+  groupStack.pop();
+  global.nativeLoggingHook(groupFormat(GROUP_CLOSE), LOG_LEVELS.info);
+}
+
+if (global.nativeLoggingHook) {
   const originalConsole = global.console;
   global.console = {
     error: getNativeLogFunction(LOG_LEVELS.error),
@@ -512,6 +535,8 @@ if (global.nativeLoggingHook) {
     trace: getNativeLogFunction(LOG_LEVELS.trace),
     debug: getNativeLogFunction(LOG_LEVELS.trace),
     table: consoleTablePolyfill,
+    group: consoleGroupPolyfill,
+    groupEnd: consoleGroupEndPolyfill,
   };
 
   // If available, also call the original `console` method since that is
diff --git a/Libraries/polyfills/error-guard.js b/Libraries/polyfills/error-guard.js
index 632e7e0e4f02d6..6a23071f2afc45 100644
--- a/Libraries/polyfills/error-guard.js
+++ b/Libraries/polyfills/error-guard.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule error-guard
+ * @format
  * @polyfill
  * @nolint
  */
@@ -70,14 +70,12 @@ const ErrorUtils = {
     }
     name = name || fun.name || '<generated guard>';
     function guarded() {
-      return (
-        ErrorUtils.applyWithGuard(
-          fun,
-          context || this,
-          arguments,
-          null,
-          name
-        )
+      return ErrorUtils.applyWithGuard(
+        fun,
+        context || this,
+        arguments,
+        null,
+        name,
       );
     }
 
diff --git a/Libraries/promiseRejectionIsError.js b/Libraries/promiseRejectionIsError.js
index ce3ee915cff47f..1ee0320a214ed4 100644
--- a/Libraries/promiseRejectionIsError.js
+++ b/Libraries/promiseRejectionIsError.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule promiseRejectionIsError
+ * @format
  * @flow
  */
+
 'use strict';
 
 require('Promise'); // make sure the default rejection handler is installed
diff --git a/Libraries/react-native/React.js b/Libraries/react-native/React.js
index f000f1403b5d6a..37ee103b456ad2 100644
--- a/Libraries/react-native/React.js
+++ b/Libraries/react-native/React.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule React
+ * @format
  */
 
 'use strict';
diff --git a/Libraries/react-native/react-native-implementation.js b/Libraries/react-native/react-native-implementation.js
index 200409bcbc041b..3ff7b9ed3b495e 100644
--- a/Libraries/react-native/react-native-implementation.js
+++ b/Libraries/react-native/react-native-implementation.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule react-native-implementation
+ * @format
  * @flow
  */
+
 'use strict';
 
 const invariant = require('fbjs/lib/invariant');
@@ -14,117 +15,314 @@ const invariant = require('fbjs/lib/invariant');
 // Export React, plus some native additions.
 const ReactNative = {
   // Components
-  get AccessibilityInfo() { return require('AccessibilityInfo'); },
-  get ActivityIndicator() { return require('ActivityIndicator'); },
-  get ART() { return require('ReactNativeART'); },
-  get Button() { return require('Button'); },
-  get CheckBox() { return require('CheckBox'); },
-  get DatePickerIOS() { return require('DatePickerIOS'); },
-  get DrawerLayoutAndroid() { return require('DrawerLayoutAndroid'); },
-  get FlatList() { return require('FlatList'); },
-  get Image() { return require('Image'); },
-  get ImageBackground() { return require('ImageBackground'); },
-  get ImageEditor() { return require('ImageEditor'); },
-  get ImageStore() { return require('ImageStore'); },
-  get KeyboardAvoidingView() { return require('KeyboardAvoidingView'); },
-  get ListView() { return require('ListView'); },
-  get MaskedViewIOS() { return require('MaskedViewIOS'); },
-  get Modal() { return require('Modal'); },
-  get NavigatorIOS() { return require('NavigatorIOS'); },
-  get Picker() { return require('Picker'); },
-  get PickerIOS() { return require('PickerIOS'); },
-  get ProgressBarAndroid() { return require('ProgressBarAndroid'); },
-  get ProgressViewIOS() { return require('ProgressViewIOS'); },
-  get SafeAreaView() { return require('SafeAreaView'); },
-  get ScrollView() { return require('ScrollView'); },
-  get SectionList() { return require('SectionList'); },
-  get SegmentedControlIOS() { return require('SegmentedControlIOS'); },
-  get Slider() { return require('Slider'); },
-  get SnapshotViewIOS() { return require('SnapshotViewIOS'); },
-  get Switch() { return require('Switch'); },
-  get RefreshControl() { return require('RefreshControl'); },
-  get StatusBar() { return require('StatusBar'); },
-  get SwipeableFlatList() { return require('SwipeableFlatList'); },
-  get SwipeableListView() { return require('SwipeableListView'); },
-  get TabBarIOS() { return require('TabBarIOS'); },
-  get Text() { return require('Text'); },
-  get TextInput() { return require('TextInput'); },
-  get ToastAndroid() { return require('ToastAndroid'); },
-  get ToolbarAndroid() { return require('ToolbarAndroid'); },
-  get Touchable() { return require('Touchable'); },
-  get TouchableHighlight() { return require('TouchableHighlight'); },
-  get TouchableNativeFeedback() { return require('TouchableNativeFeedback'); },
-  get TouchableOpacity() { return require('TouchableOpacity'); },
-  get TouchableWithoutFeedback() { return require('TouchableWithoutFeedback'); },
-  get View() { return require('View'); },
-  get ViewPagerAndroid() { return require('ViewPagerAndroid'); },
-  get VirtualizedList() { return require('VirtualizedList'); },
-  get WebView() { return require('WebView'); },
+  get AccessibilityInfo() {
+    return require('AccessibilityInfo');
+  },
+  get ActivityIndicator() {
+    return require('ActivityIndicator');
+  },
+  get ART() {
+    return require('ReactNativeART');
+  },
+  get Button() {
+    return require('Button');
+  },
+  get CheckBox() {
+    return require('CheckBox');
+  },
+  get DatePickerIOS() {
+    return require('DatePickerIOS');
+  },
+  get DrawerLayoutAndroid() {
+    return require('DrawerLayoutAndroid');
+  },
+  get FlatList() {
+    return require('FlatList');
+  },
+  get Image() {
+    return require('Image');
+  },
+  get ImageBackground() {
+    return require('ImageBackground');
+  },
+  get ImageEditor() {
+    return require('ImageEditor');
+  },
+  get ImageStore() {
+    return require('ImageStore');
+  },
+  get InputAccessoryView() {
+    return require('InputAccessoryView');
+  },
+  get KeyboardAvoidingView() {
+    return require('KeyboardAvoidingView');
+  },
+  get ListView() {
+    return require('ListView');
+  },
+  get MaskedViewIOS() {
+    return require('MaskedViewIOS');
+  },
+  get Modal() {
+    return require('Modal');
+  },
+  get NavigatorIOS() {
+    return require('NavigatorIOS');
+  },
+  get Picker() {
+    return require('Picker');
+  },
+  get PickerIOS() {
+    return require('PickerIOS');
+  },
+  get ProgressBarAndroid() {
+    return require('ProgressBarAndroid');
+  },
+  get ProgressViewIOS() {
+    return require('ProgressViewIOS');
+  },
+  get SafeAreaView() {
+    return require('SafeAreaView');
+  },
+  get ScrollView() {
+    return require('ScrollView');
+  },
+  get SectionList() {
+    return require('SectionList');
+  },
+  get SegmentedControlIOS() {
+    return require('SegmentedControlIOS');
+  },
+  get Slider() {
+    return require('Slider');
+  },
+  get SnapshotViewIOS() {
+    return require('SnapshotViewIOS');
+  },
+  get Switch() {
+    return require('Switch');
+  },
+  get RefreshControl() {
+    return require('RefreshControl');
+  },
+  get StatusBar() {
+    return require('StatusBar');
+  },
+  get SwipeableFlatList() {
+    return require('SwipeableFlatList');
+  },
+  get SwipeableListView() {
+    return require('SwipeableListView');
+  },
+  get TabBarIOS() {
+    return require('TabBarIOS');
+  },
+  get Text() {
+    return require('Text');
+  },
+  get TextInput() {
+    return require('TextInput');
+  },
+  get ToastAndroid() {
+    return require('ToastAndroid');
+  },
+  get ToolbarAndroid() {
+    return require('ToolbarAndroid');
+  },
+  get Touchable() {
+    return require('Touchable');
+  },
+  get TouchableHighlight() {
+    return require('TouchableHighlight');
+  },
+  get TouchableNativeFeedback() {
+    return require('TouchableNativeFeedback');
+  },
+  get TouchableOpacity() {
+    return require('TouchableOpacity');
+  },
+  get TouchableWithoutFeedback() {
+    return require('TouchableWithoutFeedback');
+  },
+  get View() {
+    return require('View');
+  },
+  get ViewPagerAndroid() {
+    return require('ViewPagerAndroid');
+  },
+  get VirtualizedList() {
+    return require('VirtualizedList');
+  },
+  get WebView() {
+    return require('WebView');
+  },
 
   // APIs
-  get ActionSheetIOS() { return require('ActionSheetIOS'); },
-  get Alert() { return require('Alert'); },
-  get AlertIOS() { return require('AlertIOS'); },
-  get Animated() { return require('Animated'); },
-  get AppRegistry() { return require('AppRegistry'); },
-  get AppState() { return require('AppState'); },
-  get AsyncStorage() { return require('AsyncStorage'); },
-  get BackAndroid() { return require('BackAndroid'); }, // deprecated: use BackHandler instead
-  get BackHandler() { return require('BackHandler'); },
-  get CameraRoll() { return require('CameraRoll'); },
-  get Clipboard() { return require('Clipboard'); },
-  get DatePickerAndroid() { return require('DatePickerAndroid'); },
-  get DeviceInfo() { return require('DeviceInfo'); },
-  get Dimensions() { return require('Dimensions'); },
-  get Easing() { return require('Easing'); },
-  get findNodeHandle() { return require('ReactNative').findNodeHandle; },
-  get I18nManager() { return require('I18nManager'); },
-  get ImagePickerIOS() { return require('ImagePickerIOS'); },
-  get InteractionManager() { return require('InteractionManager'); },
-  get Keyboard() { return require('Keyboard'); },
-  get LayoutAnimation() { return require('LayoutAnimation'); },
-  get Linking() { return require('Linking'); },
-  get NativeEventEmitter() { return require('NativeEventEmitter'); },
-  get NetInfo() { return require('NetInfo'); },
-  get PanResponder() { return require('PanResponder'); },
-  get PermissionsAndroid() { return require('PermissionsAndroid'); },
-  get PixelRatio() { return require('PixelRatio'); },
-  get PushNotificationIOS() { return require('PushNotificationIOS'); },
-  get Settings() { return require('Settings'); },
-  get Share() { return require('Share'); },
-  get StatusBarIOS() { return require('StatusBarIOS'); },
-  get StyleSheet() { return require('StyleSheet'); },
-  get Systrace() { return require('Systrace'); },
-  get TimePickerAndroid() { return require('TimePickerAndroid'); },
-  get TVEventHandler() { return require('TVEventHandler'); },
-  get UIManager() { return require('UIManager'); },
-  get unstable_batchedUpdates() { return require('ReactNative').unstable_batchedUpdates; },
-  get Vibration() { return require('Vibration'); },
-  get VibrationIOS() { return require('VibrationIOS'); },
-  get YellowBox() { return require('YellowBox'); },
+  get ActionSheetIOS() {
+    return require('ActionSheetIOS');
+  },
+  get Alert() {
+    return require('Alert');
+  },
+  get AlertIOS() {
+    return require('AlertIOS');
+  },
+  get Animated() {
+    return require('Animated');
+  },
+  get AppRegistry() {
+    return require('AppRegistry');
+  },
+  get AppState() {
+    return require('AppState');
+  },
+  get AsyncStorage() {
+    return require('AsyncStorage');
+  },
+  get BackAndroid() {
+    return require('BackAndroid');
+  }, // deprecated: use BackHandler instead
+  get BackHandler() {
+    return require('BackHandler');
+  },
+  get CameraRoll() {
+    return require('CameraRoll');
+  },
+  get Clipboard() {
+    return require('Clipboard');
+  },
+  get DatePickerAndroid() {
+    return require('DatePickerAndroid');
+  },
+  get DeviceInfo() {
+    return require('DeviceInfo');
+  },
+  get Dimensions() {
+    return require('Dimensions');
+  },
+  get Easing() {
+    return require('Easing');
+  },
+  get findNodeHandle() {
+    return require('ReactNative').findNodeHandle;
+  },
+  get I18nManager() {
+    return require('I18nManager');
+  },
+  get ImagePickerIOS() {
+    return require('ImagePickerIOS');
+  },
+  get InteractionManager() {
+    return require('InteractionManager');
+  },
+  get Keyboard() {
+    return require('Keyboard');
+  },
+  get LayoutAnimation() {
+    return require('LayoutAnimation');
+  },
+  get Linking() {
+    return require('Linking');
+  },
+  get NativeEventEmitter() {
+    return require('NativeEventEmitter');
+  },
+  get NetInfo() {
+    return require('NetInfo');
+  },
+  get PanResponder() {
+    return require('PanResponder');
+  },
+  get PermissionsAndroid() {
+    return require('PermissionsAndroid');
+  },
+  get PixelRatio() {
+    return require('PixelRatio');
+  },
+  get PushNotificationIOS() {
+    return require('PushNotificationIOS');
+  },
+  get Settings() {
+    return require('Settings');
+  },
+  get Share() {
+    return require('Share');
+  },
+  get StatusBarIOS() {
+    return require('StatusBarIOS');
+  },
+  get StyleSheet() {
+    return require('StyleSheet');
+  },
+  get Systrace() {
+    return require('Systrace');
+  },
+  get TimePickerAndroid() {
+    return require('TimePickerAndroid');
+  },
+  get TVEventHandler() {
+    return require('TVEventHandler');
+  },
+  get UIManager() {
+    return require('UIManager');
+  },
+  get unstable_batchedUpdates() {
+    return require('ReactNative').unstable_batchedUpdates;
+  },
+  get Vibration() {
+    return require('Vibration');
+  },
+  get VibrationIOS() {
+    return require('VibrationIOS');
+  },
+  get YellowBox() {
+    return require('YellowBox');
+  },
 
   // Plugins
-  get DeviceEventEmitter() { return require('RCTDeviceEventEmitter'); },
-  get NativeAppEventEmitter() { return require('RCTNativeAppEventEmitter'); },
-  get NativeModules() { return require('NativeModules'); },
-  get Platform() { return require('Platform'); },
-  get processColor() { return require('processColor'); },
-  get requireNativeComponent() { return require('requireNativeComponent'); },
-  get takeSnapshot() { return require('takeSnapshot'); },
+  get DeviceEventEmitter() {
+    return require('RCTDeviceEventEmitter');
+  },
+  get NativeAppEventEmitter() {
+    return require('RCTNativeAppEventEmitter');
+  },
+  get NativeModules() {
+    return require('NativeModules');
+  },
+  get Platform() {
+    return require('Platform');
+  },
+  get processColor() {
+    return require('processColor');
+  },
+  get requireNativeComponent() {
+    return require('requireNativeComponent');
+  },
+  get takeSnapshot() {
+    return require('takeSnapshot');
+  },
 
   // Prop Types
-  get ColorPropType() { return require('ColorPropType'); },
-  get EdgeInsetsPropType() { return require('EdgeInsetsPropType'); },
-  get PointPropType() { return require('PointPropType'); },
-  get ViewPropTypes() { return require('ViewPropTypes'); },
+  get ColorPropType() {
+    return require('ColorPropType');
+  },
+  get EdgeInsetsPropType() {
+    return require('EdgeInsetsPropType');
+  },
+  get PointPropType() {
+    return require('PointPropType');
+  },
+  get ViewPropTypes() {
+    return require('ViewPropTypes');
+  },
 
   // Deprecated
   get Navigator() {
     invariant(
       false,
       'Navigator is deprecated and has been removed from this package. It can now be installed ' +
-      'and imported from `react-native-deprecated-custom-components` instead of `react-native`. ' +
-      'Learn about alternative navigation solutions at http://facebook.github.io/react-native/docs/navigation.html'
+        'and imported from `react-native-deprecated-custom-components` instead of `react-native`. ' +
+        'Learn about alternative navigation solutions at http://facebook.github.io/react-native/docs/navigation.html',
     );
   },
 };
diff --git a/Libraries/react-native/react-native-interface.js b/Libraries/react-native/react-native-interface.js
index fd4ad545c31b10..6e37e8b14d6fd3 100644
--- a/Libraries/react-native/react-native-interface.js
+++ b/Libraries/react-native/react-native-interface.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
- * @providesModule react-native-interface
+ * @format
+ * @flow strict
  */
+
 'use strict';
 
 // see also react-native.js
diff --git a/Libraries/vendor/core/ErrorUtils.js b/Libraries/vendor/core/ErrorUtils.js
index 8b36c611105d0e..4822d8684e0edc 100644
--- a/Libraries/vendor/core/ErrorUtils.js
+++ b/Libraries/vendor/core/ErrorUtils.js
@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ErrorUtils
- * @flow
+ * @format
+ * @flow strict
  */
 
 /* eslint-disable strict */
diff --git a/Libraries/vendor/core/Map.js b/Libraries/vendor/core/Map.js
index e9e687a15ce99e..1635083496881b 100644
--- a/Libraries/vendor/core/Map.js
+++ b/Libraries/vendor/core/Map.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Map
+ * @format
  * @preventMunge
  * @typechecks
  */
@@ -13,10 +13,10 @@
 
 'use strict';
 
-var _shouldPolyfillES6Collection = require('_shouldPolyfillES6Collection');
-var guid = require('guid');
-var isNode = require('fbjs/lib/isNode');
-var toIterator = require('toIterator');
+const _shouldPolyfillES6Collection = require('_shouldPolyfillES6Collection');
+const guid = require('guid');
+const isNode = require('fbjs/lib/isNode');
+const toIterator = require('toIterator');
 
 module.exports = (function(global, undefined) {
   // Since our implementation is spec-compliant for the most part we can safely
@@ -82,26 +82,25 @@ module.exports = (function(global, undefined) {
    */
 
   // Kinds of map iterations 23.1.5.3
-  var KIND_KEY = 'key';
-  var KIND_VALUE = 'value';
-  var KIND_KEY_VALUE = 'key+value';
+  const KIND_KEY = 'key';
+  const KIND_VALUE = 'value';
+  const KIND_KEY_VALUE = 'key+value';
 
   // In older browsers we can't create a null-prototype object so we have to
   // defend against key collisions with built-in methods.
-  var KEY_PREFIX = '$map_';
+  const KEY_PREFIX = '$map_';
 
   // This property will be used as the internal size variable to disallow
   // writing and to issue warnings for writings in development.
-  var SECRET_SIZE_PROP;
+  let SECRET_SIZE_PROP;
   if (__DEV__) {
     SECRET_SIZE_PROP = '$size' + guid();
   }
 
   // In oldIE we use the DOM Node `uniqueID` property to get create the hash.
-  var OLD_IE_HASH_PREFIX = 'IE_HASH_';
+  const OLD_IE_HASH_PREFIX = 'IE_HASH_';
 
   class Map {
-
     /**
      * 23.1.1.1
      * Takes an `iterable` which is basically any object that implements a
@@ -119,8 +118,8 @@ module.exports = (function(global, undefined) {
       initMap(this);
 
       if (iterable != null) {
-        var it = toIterator(iterable);
-        var next;
+        const it = toIterator(iterable);
+        let next;
         while (!(next = it.next()).done) {
           if (!isObject(next.value)) {
             throw new TypeError('Expected iterable items to be pair objects.');
@@ -146,7 +145,7 @@ module.exports = (function(global, undefined) {
      * @return {boolean}
      */
     has(key) {
-      var index = getIndex(this, key);
+      const index = getIndex(this, key);
       return !!(index != null && this._mapData[index]);
     }
 
@@ -159,15 +158,12 @@ module.exports = (function(global, undefined) {
      * @return {map}
      */
     set(key, value) {
-      var index = getIndex(this, key);
+      let index = getIndex(this, key);
 
       if (index != null && this._mapData[index]) {
         this._mapData[index][1] = value;
       } else {
-        index = this._mapData.push([
-          key,
-          value
-        ]) - 1;
+        index = this._mapData.push([key, value]) - 1;
         setIndex(this, key, index);
         if (__DEV__) {
           this[SECRET_SIZE_PROP] += 1;
@@ -187,7 +183,7 @@ module.exports = (function(global, undefined) {
      * @return {*}
      */
     get(key) {
-      var index = getIndex(this, key);
+      const index = getIndex(this, key);
       if (index == null) {
         return undefined;
       } else {
@@ -195,7 +191,6 @@ module.exports = (function(global, undefined) {
       }
     }
 
-
     /**
      * 23.1.3.3
      * Delete a key/value from the collection.
@@ -204,7 +199,7 @@ module.exports = (function(global, undefined) {
      * @return {boolean} Whether the key was found and deleted.
      */
     delete(key) {
-      var index = getIndex(this, key);
+      const index = getIndex(this, key);
       if (index != null && this._mapData[index]) {
         setIndex(this, key, undefined);
         this._mapData[index] = undefined;
@@ -264,14 +259,14 @@ module.exports = (function(global, undefined) {
         throw new TypeError('Callback must be callable.');
       }
 
-      var boundCallback = callback.bind(thisArg || undefined);
-      var mapData = this._mapData;
+      const boundCallback = callback.bind(thisArg || undefined);
+      const mapData = this._mapData;
 
       // Note that `mapData.length` should be computed on each iteration to
       // support iterating over new items in the map that were added after the
       // start of the iteration.
-      for (var i = 0; i < mapData.length; i++) {
-        var entry = mapData[i];
+      for (let i = 0; i < mapData.length; i++) {
+        const entry = mapData[i];
         if (entry != null) {
           boundCallback(entry[1], entry[0], this);
         }
@@ -283,7 +278,6 @@ module.exports = (function(global, undefined) {
   Map.prototype[toIterator.ITERATOR_SYMBOL] = Map.prototype.entries;
 
   class MapIterator {
-
     /**
      * 23.1.5.1
      * Create a `MapIterator` for a given `map`. While this class is private it
@@ -317,18 +311,18 @@ module.exports = (function(global, undefined) {
         throw new TypeError('Expected to be called on a MapIterator.');
       }
 
-      var map = this._map;
-      var index = this._nextIndex;
-      var kind = this._kind;
+      const map = this._map;
+      let index = this._nextIndex;
+      const kind = this._kind;
 
       if (map == null) {
         return createIterResultObject(undefined, true);
       }
 
-      var entries = map._mapData;
+      const entries = map._mapData;
 
       while (index < entries.length) {
-        var record = entries[index];
+        const record = entries[index];
 
         index += 1;
         this._nextIndex = index;
@@ -370,10 +364,10 @@ module.exports = (function(global, undefined) {
    */
   function getIndex(map, key) {
     if (isObject(key)) {
-      var hash = getHash(key);
+      const hash = getHash(key);
       return map._objectIndex[hash];
     } else {
-      var prefixedKey = KEY_PREFIX + key;
+      const prefixedKey = KEY_PREFIX + key;
       if (typeof key === 'string') {
         return map._stringIndex[prefixedKey];
       } else {
@@ -389,17 +383,17 @@ module.exports = (function(global, undefined) {
    * @param {*} key
    */
   function setIndex(map, key, index) {
-    var shouldDelete = index == null;
+    const shouldDelete = index == null;
 
     if (isObject(key)) {
-      var hash = getHash(key);
+      const hash = getHash(key);
       if (shouldDelete) {
         delete map._objectIndex[hash];
       } else {
         map._objectIndex[hash] = index;
       }
     } else {
-      var prefixedKey = KEY_PREFIX + key;
+      const prefixedKey = KEY_PREFIX + key;
       if (typeof key === 'string') {
         if (shouldDelete) {
           delete map._stringIndex[prefixedKey];
@@ -460,17 +454,17 @@ module.exports = (function(global, undefined) {
         } else {
           Object.defineProperty(map, SECRET_SIZE_PROP, {
             value: 0,
-            writable: true
+            writable: true,
           });
           Object.defineProperty(map, 'size', {
-            set: (v) => {
+            set: v => {
               console.error(
                 'PLEASE FIX ME: You are changing the map size property which ' +
-                'should not be writable and will break in production.'
+                  'should not be writable and will break in production.',
               );
               throw new Error('The map size property is not writable.');
             },
-            get: () => map[SECRET_SIZE_PROP]
+            get: () => map[SECRET_SIZE_PROP],
           });
         }
 
@@ -506,7 +500,7 @@ module.exports = (function(global, undefined) {
   }
 
   // Are we in a legit ES5 environment. Spoiler alert: that doesn't include IE8.
-  var isES5 = (function() {
+  const isES5 = (function() {
     try {
       Object.defineProperty({}, 'x', {});
       return true;
@@ -538,7 +532,7 @@ module.exports = (function(global, undefined) {
    * @return {?string}
    */
   function getIENodeHash(node) {
-    var uniqueID;
+    let uniqueID;
     switch (node.nodeType) {
       case 1: // Element
         uniqueID = node.uniqueID;
@@ -551,16 +545,16 @@ module.exports = (function(global, undefined) {
     }
 
     if (uniqueID) {
-      return  OLD_IE_HASH_PREFIX + uniqueID;
+      return OLD_IE_HASH_PREFIX + uniqueID;
     } else {
       return null;
     }
   }
 
-  var getHash = (function() {
-    var propIsEnumerable = Object.prototype.propertyIsEnumerable;
-    var hashProperty = guid();
-    var hashCounter = 0;
+  const getHash = (function() {
+    const propIsEnumerable = Object.prototype.propertyIsEnumerable;
+    const hashProperty = guid();
+    let hashCounter = 0;
 
     /**
      * Get the "hash" associated with an object.
@@ -568,16 +562,17 @@ module.exports = (function(global, undefined) {
      * @param {object|array|function|regexp} o
      * @return {number}
      */
-    return function getHash(o) { // eslint-disable-line no-shadow
+    return function getHash(o) {
+      // eslint-disable-line no-shadow
       if (o[hashProperty]) {
         return o[hashProperty];
-      } else if (!isES5 &&
-                  o.propertyIsEnumerable &&
-                  o.propertyIsEnumerable[hashProperty]) {
+      } else if (
+        !isES5 &&
+        o.propertyIsEnumerable &&
+        o.propertyIsEnumerable[hashProperty]
+      ) {
         return o.propertyIsEnumerable[hashProperty];
-      } else if (!isES5 &&
-                  isNode(o) &&
-                  getIENodeHash(o)) {
+      } else if (!isES5 && isNode(o) && getIENodeHash(o)) {
         return getIENodeHash(o);
       } else if (!isES5 && o[hashProperty]) {
         return o[hashProperty];
@@ -590,7 +585,7 @@ module.exports = (function(global, undefined) {
             enumerable: false,
             writable: false,
             configurable: false,
-            value: hashCounter
+            value: hashCounter,
           });
         } else if (o.propertyIsEnumerable) {
           // Since we can't define a non-enumerable property on the object
diff --git a/Libraries/vendor/core/Set.js b/Libraries/vendor/core/Set.js
index b43313205ef7e3..d811240a3ac696 100644
--- a/Libraries/vendor/core/Set.js
+++ b/Libraries/vendor/core/Set.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Set
+ * @format
  * @preventMunge
  * @typechecks
  */
@@ -13,10 +13,10 @@
 
 'use strict';
 
-var Map = require('Map');
+const Map = require('Map');
 
-var _shouldPolyfillES6Collection = require('_shouldPolyfillES6Collection');
-var toIterator = require('toIterator');
+const _shouldPolyfillES6Collection = require('_shouldPolyfillES6Collection');
+const toIterator = require('toIterator');
 
 module.exports = (function(global) {
   // Since our implementation is spec-compliant for the most part we can safely
@@ -70,7 +70,6 @@ module.exports = (function(global) {
    */
 
   class Set {
-
     /**
      * 23.2.1.1
      *
@@ -81,16 +80,18 @@ module.exports = (function(global) {
      * @param {*} iterable
      */
     constructor(iterable) {
-      if (this == null ||
-          (typeof this !== 'object' && typeof this !== 'function')) {
+      if (
+        this == null ||
+        (typeof this !== 'object' && typeof this !== 'function')
+      ) {
         throw new TypeError('Wrong set object type.');
       }
 
       initSet(this);
 
       if (iterable != null) {
-        var it = toIterator(iterable);
-        var next;
+        const it = toIterator(iterable);
+        let next;
         while (!(next = it.next()).done) {
           this.add(next.value);
         }
@@ -130,7 +131,7 @@ module.exports = (function(global) {
      * @return {boolean}
      */
     delete(value) {
-      var ret = this._map.delete(value);
+      const ret = this._map.delete(value);
       this.size = this._map.size;
       return ret;
     }
@@ -152,9 +153,9 @@ module.exports = (function(global) {
      * @param {function} callback
      */
     forEach(callback) {
-      var thisArg = arguments[1];
-      var it = this._map.keys();
-      var next;
+      const thisArg = arguments[1];
+      const it = this._map.keys();
+      let next;
       while (!(next = it.next()).done) {
         callback.call(thisArg, next.value, next.value, this);
       }
diff --git a/Libraries/vendor/core/_shouldPolyfillES6Collection.js b/Libraries/vendor/core/_shouldPolyfillES6Collection.js
index e3f77b169dece5..8b027183b9cb2a 100644
--- a/Libraries/vendor/core/_shouldPolyfillES6Collection.js
+++ b/Libraries/vendor/core/_shouldPolyfillES6Collection.js
@@ -4,10 +4,11 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule _shouldPolyfillES6Collection
+ * @format
  * @preventMunge
- * @flow
+ * @flow strict
  */
+
 'use strict';
 
 /**
@@ -15,7 +16,7 @@
  * that is safe to be used.
  */
 function _shouldActuallyPolyfillES6Collection(collectionName: string): boolean {
-  var Collection = global[collectionName];
+  const Collection = global[collectionName];
   if (Collection == null) {
     return true;
   }
@@ -28,36 +29,38 @@ function _shouldActuallyPolyfillES6Collection(collectionName: string): boolean {
     return true;
   }
 
-  var proto = Collection.prototype;
+  const proto = Collection.prototype;
 
   // These checks are adapted from es6-shim: https://fburl.com/34437854
   // NOTE: `isCallableWithoutNew` and `!supportsSubclassing` are not checked
   // because they make debugging with "break on exceptions" difficult.
-  return Collection == null ||
+  return (
+    Collection == null ||
     typeof Collection !== 'function' ||
     typeof proto.clear !== 'function' ||
     new Collection().size !== 0 ||
     typeof proto.keys !== 'function' ||
-    typeof proto.forEach !== 'function';
+    typeof proto.forEach !== 'function'
+  );
 }
 
-const cache: { [name: string]: bool } = {};
+const cache: {[name: string]: boolean} = {};
 
-  /**
-   * Checks whether a collection name (e.g. "Map" or "Set") has a native polyfill
-   * that is safe to be used and caches this result.
-   * Make sure to make a first call to this function before a corresponding
-   * property on global was overriden in any way.
-   */
+/**
+ * Checks whether a collection name (e.g. "Map" or "Set") has a native polyfill
+ * that is safe to be used and caches this result.
+ * Make sure to make a first call to this function before a corresponding
+ * property on global was overriden in any way.
+ */
 function _shouldPolyfillES6Collection(collectionName: string) {
-    let result = cache[collectionName];
-    if (result !== undefined) {
-      return result;
-    }
-
-    result = _shouldActuallyPolyfillES6Collection(collectionName);
-    cache[collectionName] = result;
+  let result = cache[collectionName];
+  if (result !== undefined) {
     return result;
+  }
+
+  result = _shouldActuallyPolyfillES6Collection(collectionName);
+  cache[collectionName] = result;
+  return result;
 }
 
 module.exports = _shouldPolyfillES6Collection;
diff --git a/Libraries/vendor/core/getObjectValues.js b/Libraries/vendor/core/getObjectValues.js
index aac327c2eaed9d..79f61f8aa04110 100644
--- a/Libraries/vendor/core/getObjectValues.js
+++ b/Libraries/vendor/core/getObjectValues.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule getObjectValues
+ * @format
  * @typechecks
  */
+
 'use strict';
 
 /**
@@ -19,8 +20,8 @@
  * @return {array}     The object's values.
  */
 function getObjectValues(obj) {
-  var values = [];
-  for (var key in obj) {
+  const values = [];
+  for (const key in obj) {
     values.push(obj[key]);
   }
   return values;
diff --git a/Libraries/vendor/core/guid.js b/Libraries/vendor/core/guid.js
index 74c97cf383de1f..f2946e39735700 100644
--- a/Libraries/vendor/core/guid.js
+++ b/Libraries/vendor/core/guid.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule guid
+ * @format
  */
 
 /* eslint-disable no-bitwise */
diff --git a/Libraries/vendor/core/isEmpty.js b/Libraries/vendor/core/isEmpty.js
index 1f55d4519ff3af..f8b4eb2c96b0fd 100644
--- a/Libraries/vendor/core/isEmpty.js
+++ b/Libraries/vendor/core/isEmpty.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule isEmpty
+ * @format
  */
+
 'use strict';
 
 /**
@@ -15,7 +16,7 @@ function isEmpty(obj) {
   if (Array.isArray(obj)) {
     return obj.length === 0;
   } else if (typeof obj === 'object') {
-    for (var i in obj) {
+    for (const i in obj) {
       return false;
     }
     return true;
diff --git a/Libraries/vendor/core/merge.js b/Libraries/vendor/core/merge.js
index 800c08c1be263a..6963eddd5628af 100644
--- a/Libraries/vendor/core/merge.js
+++ b/Libraries/vendor/core/merge.js
@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<0e3063b19e14ed191102b1dffe45551f>>
+ * @generated SignedSource<<148d1974f94f5c9597e86f946bdf0d4e>>
  *
  * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
  * !! This file is a check-in of a static_upstream project!      !!
@@ -26,7 +26,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  *
- * @providesModule merge
  */
 
 "use strict";
diff --git a/Libraries/vendor/core/mergeHelpers.js b/Libraries/vendor/core/mergeHelpers.js
index 4eb2d9d2aec8f1..4382cd771aa966 100644
--- a/Libraries/vendor/core/mergeHelpers.js
+++ b/Libraries/vendor/core/mergeHelpers.js
@@ -4,20 +4,21 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule mergeHelpers
  *
  * requiresPolyfills: Array.isArray
+ *
+ * @format
  */
 
 'use strict';
 
-var invariant = require('fbjs/lib/invariant');
+const invariant = require('fbjs/lib/invariant');
 
 /**
  * Maximum number of levels to traverse. Will catch circular structures.
  * @const
  */
-var MAX_MERGE_DEPTH = 36;
+const MAX_MERGE_DEPTH = 36;
 
 /**
  * We won't worry about edge cases like new String('x') or new Boolean(true).
@@ -25,12 +26,11 @@ var MAX_MERGE_DEPTH = 36;
  * @param {*} o The item/object/value to test.
  * @return {boolean} true iff the argument is a terminal.
  */
-var isTerminal = function(o) {
+const isTerminal = function(o) {
   return typeof o !== 'object' || o instanceof Date || o === null;
 };
 
-var mergeHelpers = {
-
+const mergeHelpers = {
   MAX_MERGE_DEPTH: MAX_MERGE_DEPTH,
 
   isTerminal: isTerminal,
@@ -58,7 +58,7 @@ var mergeHelpers = {
       Array.isArray(one) && Array.isArray(two),
       'Tried to merge arrays, instead got %s and %s.',
       one,
-      two
+      two,
     );
   },
 
@@ -78,7 +78,7 @@ var mergeHelpers = {
     invariant(
       !isTerminal(arg) && !Array.isArray(arg),
       'Tried to merge an object, instead got %s.',
-      arg
+      arg,
     );
   },
 
@@ -89,7 +89,7 @@ var mergeHelpers = {
     invariant(
       (!isTerminal(arg) || typeof arg === 'function') && !Array.isArray(arg),
       'Tried to merge into an object, instead got %s.',
-      arg
+      arg,
     );
   },
 
@@ -103,7 +103,7 @@ var mergeHelpers = {
     invariant(
       level < MAX_MERGE_DEPTH,
       'Maximum deep merge depth exceeded. You may be attempting to merge ' +
-      'circular structures in an unsupported way.'
+        'circular structures in an unsupported way.',
     );
   },
 
@@ -116,7 +116,7 @@ var mergeHelpers = {
     invariant(
       strategy === undefined || strategy in mergeHelpers.ArrayStrategies,
       'You must provide an array strategy to deep merge functions to ' +
-      'instruct the deep merge how to resolve merging two arrays.'
+        'instruct the deep merge how to resolve merging two arrays.',
     );
   },
 
@@ -132,7 +132,6 @@ var mergeHelpers = {
     Concat: 'Concat',
     IndexByIndex: 'IndexByIndex',
   },
-
 };
 
 module.exports = mergeHelpers;
diff --git a/Libraries/vendor/core/mergeInto.js b/Libraries/vendor/core/mergeInto.js
index 0da86a50cdb419..d42b3dcf36ed3f 100644
--- a/Libraries/vendor/core/mergeInto.js
+++ b/Libraries/vendor/core/mergeInto.js
@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<d3caa35be27b17ea4dd4c76bef72d1ab>>
+ * @generated SignedSource<<f2a1f14b3c1d2b563e2a0619ef427c6d>>
  *
  * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
  * !! This file is a check-in of a static_upstream project!      !!
@@ -26,7 +26,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  *
- * @providesModule mergeInto
  * @typechecks static-only
  */
 
diff --git a/Libraries/vendor/core/toIterator.js b/Libraries/vendor/core/toIterator.js
index b396c469c03f3e..eee68d4706e9fe 100644
--- a/Libraries/vendor/core/toIterator.js
+++ b/Libraries/vendor/core/toIterator.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule toIterator
+ * @format
  */
+
 'use strict';
 
 /**
@@ -18,17 +19,17 @@
  * Constants
  */
 
-var KIND_KEY = 'key';
-var KIND_VALUE = 'value';
-var KIND_KEY_VAL = 'key+value';
+const KIND_KEY = 'key';
+const KIND_VALUE = 'value';
+const KIND_KEY_VAL = 'key+value';
 /*global Symbol: true*/
-var ITERATOR_SYMBOL = (typeof Symbol === 'function')
-    ? Symbol.iterator
-    : '@@iterator';
+const ITERATOR_SYMBOL =
+  typeof Symbol === 'function' ? Symbol.iterator : '@@iterator';
 
-var toIterator = (function() {
-  if (!(Array.prototype[ITERATOR_SYMBOL] &&
-        String.prototype[ITERATOR_SYMBOL])) {
+const toIterator = (function() {
+  if (
+    !(Array.prototype[ITERATOR_SYMBOL] && String.prototype[ITERATOR_SYMBOL])
+  ) {
     // IIFE to avoid creating classes for no reason because of hoisting.
     return (function() {
       class ArrayIterator {
@@ -52,10 +53,10 @@ var toIterator = (function() {
             return createIterResultObject(undefined, true);
           }
 
-          var array = this._iteratedObject;
-          var len = this._iteratedObject.length;
-          var index = this._nextIndex;
-          var kind = this._kind;
+          const array = this._iteratedObject;
+          const len = this._iteratedObject.length;
+          const index = this._nextIndex;
+          const kind = this._kind;
 
           if (index >= len) {
             this._iteratedObject = undefined;
@@ -99,23 +100,23 @@ var toIterator = (function() {
             return createIterResultObject(undefined, true);
           }
 
-          var index = this._nextIndex;
-          var s = this._iteratedString;
-          var len = s.length;
+          const index = this._nextIndex;
+          const s = this._iteratedString;
+          const len = s.length;
 
           if (index >= len) {
             this._iteratedString = undefined;
             return createIterResultObject(undefined, true);
           }
 
-          var ret;
-          var first = s.charCodeAt(index);
+          let ret;
+          const first = s.charCodeAt(index);
 
-          if (first < 0xD800 || first > 0xDBFF || index + 1 === len) {
+          if (first < 0xd800 || first > 0xdbff || index + 1 === len) {
             ret = s[index];
           } else {
-            var second = s.charCodeAt(index + 1);
-            if (second < 0xDC00 || second > 0xDFFF) {
+            const second = s.charCodeAt(index + 1);
+            if (second < 0xdc00 || second > 0xdfff) {
               ret = s[index];
             } else {
               ret = s[index] + s[index + 1];
@@ -163,7 +164,7 @@ Object.assign(toIterator, {
   KIND_KEY,
   KIND_VALUE,
   KIND_KEY_VAL,
-  ITERATOR_SYMBOL
+  ITERATOR_SYMBOL,
 });
 
 module.exports = toIterator;
diff --git a/Libraries/vendor/core/whatwg-fetch.js b/Libraries/vendor/core/whatwg-fetch.js
new file mode 100644
index 00000000000000..febc54dac8dd84
--- /dev/null
+++ b/Libraries/vendor/core/whatwg-fetch.js
@@ -0,0 +1,529 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+// Fork of https://github.com/github/fetch/blob/master/fetch.js that does not
+// use reponseType: 'blob' by default. RN already has specific native implementations
+// for different response types so there is no need to add the extra blob overhead.
+
+// Copyright (c) 2014-2016 GitHub, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining
+// a copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to
+// permit persons to whom the Software is furnished to do so, subject to
+// the following conditions:
+//
+// The above copyright notice and this permission notice shall be
+// included in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+(function(self) {
+  'use strict';
+
+  if (self.fetch) {
+    return;
+  }
+
+  var support = {
+    searchParams: 'URLSearchParams' in self,
+    iterable: 'Symbol' in self && 'iterator' in Symbol,
+    blob:
+      'FileReader' in self &&
+      'Blob' in self &&
+      (function() {
+        try {
+          new Blob();
+          return true;
+        } catch (e) {
+          return false;
+        }
+      })(),
+    formData: 'FormData' in self,
+    arrayBuffer: 'ArrayBuffer' in self,
+  };
+
+  if (support.arrayBuffer) {
+    var viewClasses = [
+      '[object Int8Array]',
+      '[object Uint8Array]',
+      '[object Uint8ClampedArray]',
+      '[object Int16Array]',
+      '[object Uint16Array]',
+      '[object Int32Array]',
+      '[object Uint32Array]',
+      '[object Float32Array]',
+      '[object Float64Array]',
+    ];
+
+    var isDataView = function(obj) {
+      return obj && DataView.prototype.isPrototypeOf(obj);
+    };
+
+    var isArrayBufferView =
+      ArrayBuffer.isView ||
+      function(obj) {
+        return (
+          obj && viewClasses.indexOf(Object.prototype.toString.call(obj)) > -1
+        );
+      };
+  }
+
+  function normalizeName(name) {
+    if (typeof name !== 'string') {
+      name = String(name);
+    }
+    if (/[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(name)) {
+      throw new TypeError('Invalid character in header field name');
+    }
+    return name.toLowerCase();
+  }
+
+  function normalizeValue(value) {
+    if (typeof value !== 'string') {
+      value = String(value);
+    }
+    return value;
+  }
+
+  // Build a destructive iterator for the value list
+  function iteratorFor(items) {
+    var iterator = {
+      next: function() {
+        var value = items.shift();
+        return {done: value === undefined, value: value};
+      },
+    };
+
+    if (support.iterable) {
+      iterator[Symbol.iterator] = function() {
+        return iterator;
+      };
+    }
+
+    return iterator;
+  }
+
+  function Headers(headers) {
+    this.map = {};
+
+    if (headers instanceof Headers) {
+      headers.forEach(function(value, name) {
+        this.append(name, value);
+      }, this);
+    } else if (Array.isArray(headers)) {
+      headers.forEach(function(header) {
+        this.append(header[0], header[1]);
+      }, this);
+    } else if (headers) {
+      Object.getOwnPropertyNames(headers).forEach(function(name) {
+        this.append(name, headers[name]);
+      }, this);
+    }
+  }
+
+  Headers.prototype.append = function(name, value) {
+    name = normalizeName(name);
+    value = normalizeValue(value);
+    var oldValue = this.map[name];
+    this.map[name] = oldValue ? oldValue + ',' + value : value;
+  };
+
+  Headers.prototype['delete'] = function(name) {
+    delete this.map[normalizeName(name)];
+  };
+
+  Headers.prototype.get = function(name) {
+    name = normalizeName(name);
+    return this.has(name) ? this.map[name] : null;
+  };
+
+  Headers.prototype.has = function(name) {
+    return this.map.hasOwnProperty(normalizeName(name));
+  };
+
+  Headers.prototype.set = function(name, value) {
+    this.map[normalizeName(name)] = normalizeValue(value);
+  };
+
+  Headers.prototype.forEach = function(callback, thisArg) {
+    for (var name in this.map) {
+      if (this.map.hasOwnProperty(name)) {
+        callback.call(thisArg, this.map[name], name, this);
+      }
+    }
+  };
+
+  Headers.prototype.keys = function() {
+    var items = [];
+    this.forEach(function(value, name) {
+      items.push(name);
+    });
+    return iteratorFor(items);
+  };
+
+  Headers.prototype.values = function() {
+    var items = [];
+    this.forEach(function(value) {
+      items.push(value);
+    });
+    return iteratorFor(items);
+  };
+
+  Headers.prototype.entries = function() {
+    var items = [];
+    this.forEach(function(value, name) {
+      items.push([name, value]);
+    });
+    return iteratorFor(items);
+  };
+
+  if (support.iterable) {
+    Headers.prototype[Symbol.iterator] = Headers.prototype.entries;
+  }
+
+  function consumed(body) {
+    if (body.bodyUsed) {
+      return Promise.reject(new TypeError('Already read'));
+    }
+    body.bodyUsed = true;
+  }
+
+  function fileReaderReady(reader) {
+    return new Promise(function(resolve, reject) {
+      reader.onload = function() {
+        resolve(reader.result);
+      };
+      reader.onerror = function() {
+        reject(reader.error);
+      };
+    });
+  }
+
+  function readBlobAsArrayBuffer(blob) {
+    var reader = new FileReader();
+    var promise = fileReaderReady(reader);
+    reader.readAsArrayBuffer(blob);
+    return promise;
+  }
+
+  function readBlobAsText(blob) {
+    var reader = new FileReader();
+    var promise = fileReaderReady(reader);
+    reader.readAsText(blob);
+    return promise;
+  }
+
+  function readArrayBufferAsText(buf) {
+    var view = new Uint8Array(buf);
+    var chars = new Array(view.length);
+
+    for (var i = 0; i < view.length; i++) {
+      chars[i] = String.fromCharCode(view[i]);
+    }
+    return chars.join('');
+  }
+
+  function bufferClone(buf) {
+    if (buf.slice) {
+      return buf.slice(0);
+    } else {
+      var view = new Uint8Array(buf.byteLength);
+      view.set(new Uint8Array(buf));
+      return view.buffer;
+    }
+  }
+
+  function Body() {
+    this.bodyUsed = false;
+
+    this._initBody = function(body) {
+      this._bodyInit = body;
+      if (!body) {
+        this._bodyText = '';
+      } else if (typeof body === 'string') {
+        this._bodyText = body;
+      } else if (support.blob && Blob.prototype.isPrototypeOf(body)) {
+        this._bodyBlob = body;
+      } else if (support.formData && FormData.prototype.isPrototypeOf(body)) {
+        this._bodyFormData = body;
+      } else if (
+        support.searchParams &&
+        URLSearchParams.prototype.isPrototypeOf(body)
+      ) {
+        this._bodyText = body.toString();
+      } else if (support.arrayBuffer && support.blob && isDataView(body)) {
+        this._bodyArrayBuffer = bufferClone(body.buffer);
+        // IE 10-11 can't handle a DataView body.
+        this._bodyInit = new Blob([this._bodyArrayBuffer]);
+      } else if (
+        support.arrayBuffer &&
+        (ArrayBuffer.prototype.isPrototypeOf(body) || isArrayBufferView(body))
+      ) {
+        this._bodyArrayBuffer = bufferClone(body);
+      } else {
+        throw new Error('unsupported BodyInit type');
+      }
+
+      if (!this.headers.get('content-type')) {
+        if (typeof body === 'string') {
+          this.headers.set('content-type', 'text/plain;charset=UTF-8');
+        } else if (this._bodyBlob && this._bodyBlob.type) {
+          this.headers.set('content-type', this._bodyBlob.type);
+        } else if (
+          support.searchParams &&
+          URLSearchParams.prototype.isPrototypeOf(body)
+        ) {
+          this.headers.set(
+            'content-type',
+            'application/x-www-form-urlencoded;charset=UTF-8',
+          );
+        }
+      }
+    };
+
+    if (support.blob) {
+      this.blob = function() {
+        var rejected = consumed(this);
+        if (rejected) {
+          return rejected;
+        }
+
+        if (this._bodyBlob) {
+          return Promise.resolve(this._bodyBlob);
+        } else if (this._bodyArrayBuffer) {
+          return Promise.resolve(new Blob([this._bodyArrayBuffer]));
+        } else if (this._bodyFormData) {
+          throw new Error('could not read FormData body as blob');
+        } else {
+          return Promise.resolve(new Blob([this._bodyText]));
+        }
+      };
+
+      this.arrayBuffer = function() {
+        if (this._bodyArrayBuffer) {
+          return consumed(this) || Promise.resolve(this._bodyArrayBuffer);
+        } else {
+          return this.blob().then(readBlobAsArrayBuffer);
+        }
+      };
+    }
+
+    this.text = function() {
+      var rejected = consumed(this);
+      if (rejected) {
+        return rejected;
+      }
+
+      if (this._bodyBlob) {
+        return readBlobAsText(this._bodyBlob);
+      } else if (this._bodyArrayBuffer) {
+        return Promise.resolve(readArrayBufferAsText(this._bodyArrayBuffer));
+      } else if (this._bodyFormData) {
+        throw new Error('could not read FormData body as text');
+      } else {
+        return Promise.resolve(this._bodyText);
+      }
+    };
+
+    if (support.formData) {
+      this.formData = function() {
+        return this.text().then(decode);
+      };
+    }
+
+    this.json = function() {
+      return this.text().then(JSON.parse);
+    };
+
+    return this;
+  }
+
+  // HTTP methods whose capitalization should be normalized
+  var methods = ['DELETE', 'GET', 'HEAD', 'OPTIONS', 'POST', 'PUT'];
+
+  function normalizeMethod(method) {
+    var upcased = method.toUpperCase();
+    return methods.indexOf(upcased) > -1 ? upcased : method;
+  }
+
+  function Request(input, options) {
+    options = options || {};
+    var body = options.body;
+
+    if (input instanceof Request) {
+      if (input.bodyUsed) {
+        throw new TypeError('Already read');
+      }
+      this.url = input.url;
+      this.credentials = input.credentials;
+      if (!options.headers) {
+        this.headers = new Headers(input.headers);
+      }
+      this.method = input.method;
+      this.mode = input.mode;
+      if (!body && input._bodyInit != null) {
+        body = input._bodyInit;
+        input.bodyUsed = true;
+      }
+    } else {
+      this.url = String(input);
+    }
+
+    this.credentials = options.credentials || this.credentials || 'omit';
+    if (options.headers || !this.headers) {
+      this.headers = new Headers(options.headers);
+    }
+    this.method = normalizeMethod(options.method || this.method || 'GET');
+    this.mode = options.mode || this.mode || null;
+    this.referrer = null;
+
+    if ((this.method === 'GET' || this.method === 'HEAD') && body) {
+      throw new TypeError('Body not allowed for GET or HEAD requests');
+    }
+    this._initBody(body);
+  }
+
+  Request.prototype.clone = function() {
+    return new Request(this, {body: this._bodyInit});
+  };
+
+  function decode(body) {
+    var form = new FormData();
+    body
+      .trim()
+      .split('&')
+      .forEach(function(bytes) {
+        if (bytes) {
+          var split = bytes.split('=');
+          var name = split.shift().replace(/\+/g, ' ');
+          var value = split.join('=').replace(/\+/g, ' ');
+          form.append(decodeURIComponent(name), decodeURIComponent(value));
+        }
+      });
+    return form;
+  }
+
+  function parseHeaders(rawHeaders) {
+    var headers = new Headers();
+    // Replace instances of \r\n and \n followed by at least one space or horizontal tab with a space
+    // https://tools.ietf.org/html/rfc7230#section-3.2
+    var preProcessedHeaders = rawHeaders.replace(/\r?\n[\t ]+/g, ' ');
+    preProcessedHeaders.split(/\r?\n/).forEach(function(line) {
+      var parts = line.split(':');
+      var key = parts.shift().trim();
+      if (key) {
+        var value = parts.join(':').trim();
+        headers.append(key, value);
+      }
+    });
+    return headers;
+  }
+
+  Body.call(Request.prototype);
+
+  function Response(bodyInit, options) {
+    if (!options) {
+      options = {};
+    }
+
+    this.type = 'default';
+    this.status = options.status === undefined ? 200 : options.status;
+    this.ok = this.status >= 200 && this.status < 300;
+    this.statusText = 'statusText' in options ? options.statusText : 'OK';
+    this.headers = new Headers(options.headers);
+    this.url = options.url || '';
+    this._initBody(bodyInit);
+  }
+
+  Body.call(Response.prototype);
+
+  Response.prototype.clone = function() {
+    return new Response(this._bodyInit, {
+      status: this.status,
+      statusText: this.statusText,
+      headers: new Headers(this.headers),
+      url: this.url,
+    });
+  };
+
+  Response.error = function() {
+    var response = new Response(null, {status: 0, statusText: ''});
+    response.type = 'error';
+    return response;
+  };
+
+  var redirectStatuses = [301, 302, 303, 307, 308];
+
+  Response.redirect = function(url, status) {
+    if (redirectStatuses.indexOf(status) === -1) {
+      throw new RangeError('Invalid status code');
+    }
+
+    return new Response(null, {status: status, headers: {location: url}});
+  };
+
+  self.Headers = Headers;
+  self.Request = Request;
+  self.Response = Response;
+
+  self.fetch = function(input, init) {
+    return new Promise(function(resolve, reject) {
+      var request = new Request(input, init);
+      var xhr = new XMLHttpRequest();
+
+      xhr.onload = function() {
+        var options = {
+          status: xhr.status,
+          statusText: xhr.statusText,
+          headers: parseHeaders(xhr.getAllResponseHeaders() || ''),
+        };
+        options.url =
+          'responseURL' in xhr
+            ? xhr.responseURL
+            : options.headers.get('X-Request-URL');
+        var body = 'response' in xhr ? xhr.response : xhr.responseText;
+        resolve(new Response(body, options));
+      };
+
+      xhr.onerror = function() {
+        reject(new TypeError('Network request failed'));
+      };
+
+      xhr.ontimeout = function() {
+        reject(new TypeError('Network request failed'));
+      };
+
+      xhr.open(request.method, request.url, true);
+
+      if (request.credentials === 'include') {
+        xhr.withCredentials = true;
+      } else if (request.credentials === 'omit') {
+        xhr.withCredentials = false;
+      }
+
+      request.headers.forEach(function(value, name) {
+        xhr.setRequestHeader(name, value);
+      });
+
+      xhr.send(
+        typeof request._bodyInit === 'undefined' ? null : request._bodyInit,
+      );
+    });
+  };
+  self.fetch.polyfill = true;
+})(typeof self !== 'undefined' ? self : this);
diff --git a/Libraries/vendor/document/selection/DocumentSelectionState.js b/Libraries/vendor/document/selection/DocumentSelectionState.js
index a702582c6965d0..8ac05f6a1b178e 100644
--- a/Libraries/vendor/document/selection/DocumentSelectionState.js
+++ b/Libraries/vendor/document/selection/DocumentSelectionState.js
@@ -4,13 +4,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule DocumentSelectionState
+ * @format
  * @typechecks
  */
 
 'use strict';
 
-var mixInEventEmitter = require('mixInEventEmitter');
+const mixInEventEmitter = require('mixInEventEmitter');
 
 /**
  * DocumentSelectionState is responsible for maintaining selection information
@@ -56,7 +56,7 @@ class DocumentSelectionState {
   constrainLength(maxLength) {
     this.update(
       Math.min(this._anchorOffset, maxLength),
-      Math.min(this._focusOffset, maxLength)
+      Math.min(this._focusOffset, maxLength),
     );
   }
 
@@ -113,18 +113,18 @@ class DocumentSelectionState {
    * @return {?number}
    */
   getStartOffset() {
-    return (
-      this._hasFocus ? Math.min(this._anchorOffset, this._focusOffset) : null
-    );
+    return this._hasFocus
+      ? Math.min(this._anchorOffset, this._focusOffset)
+      : null;
   }
 
   /**
    * @return {?number}
    */
   getEndOffset() {
-    return (
-      this._hasFocus ? Math.max(this._anchorOffset, this._focusOffset) : null
-    );
+    return this._hasFocus
+      ? Math.max(this._anchorOffset, this._focusOffset)
+      : null;
   }
 
   /**
@@ -135,15 +135,16 @@ class DocumentSelectionState {
   overlaps(start, end) {
     return (
       this.hasFocus() &&
-      this.getStartOffset() <= end && start <= this.getEndOffset()
+      this.getStartOffset() <= end &&
+      start <= this.getEndOffset()
     );
   }
 }
 
 mixInEventEmitter(DocumentSelectionState, {
-  'blur': true,
-  'focus': true,
-  'update': true
+  blur: true,
+  focus: true,
+  update: true,
 });
 
 module.exports = DocumentSelectionState;
diff --git a/Libraries/vendor/emitter/EmitterSubscription.js b/Libraries/vendor/emitter/EmitterSubscription.js
index e352e71675c9b9..cb372a956bee27 100644
--- a/Libraries/vendor/emitter/EmitterSubscription.js
+++ b/Libraries/vendor/emitter/EmitterSubscription.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule EmitterSubscription
+ * @format
  * @flow
  */
+
 'use strict';
 
 const EventSubscription = require('EventSubscription');
@@ -18,7 +19,6 @@ import type EventSubscriptionVendor from 'EventSubscriptionVendor';
  * EmitterSubscription represents a subscription with listener and context data.
  */
 class EmitterSubscription extends EventSubscription {
-
   emitter: EventEmitter;
   listener: Function;
   context: ?Object;
@@ -37,7 +37,7 @@ class EmitterSubscription extends EventSubscription {
     emitter: EventEmitter,
     subscriber: EventSubscriptionVendor,
     listener: Function,
-    context: ?Object
+    context: ?Object,
   ) {
     super(subscriber);
     this.emitter = emitter;
diff --git a/Libraries/vendor/emitter/EventEmitter.js b/Libraries/vendor/emitter/EventEmitter.js
index 4fdb10a051593a..7cb35611f358c8 100644
--- a/Libraries/vendor/emitter/EventEmitter.js
+++ b/Libraries/vendor/emitter/EventEmitter.js
@@ -4,10 +4,11 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule EventEmitter
+ * @format
  * @noflow
  * @typecheck
  */
+
 'use strict';
 
 const EmitterSubscription = require('EmitterSubscription');
@@ -30,7 +31,6 @@ const invariant = require('fbjs/lib/invariant');
  * more advanced emitter may use an EventHolder and EventFactory.
  */
 class EventEmitter {
-
   _subscriber: EventSubscriptionVendor;
   _currentSubscription: ?EmitterSubscription;
 
@@ -59,12 +59,14 @@ class EventEmitter {
    *   listener
    */
   addListener(
-    eventType: string, listener: Function, context: ?Object): EmitterSubscription {
-
+    eventType: string,
+    listener: Function,
+    context: ?Object,
+  ): EmitterSubscription {
     return (this._subscriber.addSubscription(
       eventType,
-      new EmitterSubscription(this, this._subscriber, listener, context)
-    ) : any);
+      new EmitterSubscription(this, this._subscriber, listener, context),
+    ): any);
   }
 
   /**
@@ -77,7 +79,11 @@ class EventEmitter {
    * @param {*} context - Optional context object to use when invoking the
    *   listener
    */
-  once(eventType: string, listener: Function, context: ?Object): EmitterSubscription {
+  once(
+    eventType: string,
+    listener: Function,
+    context: ?Object,
+  ): EmitterSubscription {
     return this.addListener(eventType, (...args) => {
       this.removeCurrentListener();
       listener.apply(context, args);
@@ -119,7 +125,7 @@ class EventEmitter {
   removeCurrentListener() {
     invariant(
       !!this._currentSubscription,
-      'Not in an emitting cycle; there is no current subscription'
+      'Not in an emitting cycle; there is no current subscription',
     );
     this.removeSubscription(this._currentSubscription);
   }
@@ -131,7 +137,7 @@ class EventEmitter {
   removeSubscription(subscription: EmitterSubscription) {
     invariant(
       subscription.emitter === this,
-      'Subscription does not belong to this emitter.'
+      'Subscription does not belong to this emitter.',
     );
     this._subscriber.removeSubscription(subscription);
   }
@@ -144,10 +150,13 @@ class EventEmitter {
    * @returns {array}
    */
   listeners(eventType: string): [EmitterSubscription] {
-    const subscriptions: ?[EmitterSubscription] = (this._subscriber.getSubscriptionsForType(eventType): any);
+    const subscriptions: ?[
+      EmitterSubscription,
+    ] = (this._subscriber.getSubscriptionsForType(eventType): any);
     return subscriptions
-      ? subscriptions.filter(emptyFunction.thatReturnsTrue).map(
-          function(subscription) {
+      ? subscriptions
+          .filter(emptyFunction.thatReturnsTrue)
+          .map(function(subscription) {
             return subscription.listener;
           })
       : [];
@@ -168,7 +177,9 @@ class EventEmitter {
    *   emitter.emit('someEvent', 'abc'); // logs 'abc'
    */
   emit(eventType: string) {
-    const subscriptions: ?[EmitterSubscription] = (this._subscriber.getSubscriptionsForType(eventType): any);
+    const subscriptions: ?[
+      EmitterSubscription,
+    ] = (this._subscriber.getSubscriptionsForType(eventType): any);
     if (subscriptions) {
       for (let i = 0, l = subscriptions.length; i < l; i++) {
         const subscription = subscriptions[i];
@@ -178,7 +189,7 @@ class EventEmitter {
           this._currentSubscription = subscription;
           subscription.listener.apply(
             subscription.context,
-            Array.prototype.slice.call(arguments, 1)
+            Array.prototype.slice.call(arguments, 1),
           );
         }
       }
@@ -200,7 +211,9 @@ class EventEmitter {
    *
    */
   removeListener(eventType: String, listener) {
-    const subscriptions: ?[EmitterSubscription] = (this._subscriber.getSubscriptionsForType(eventType): any);
+    const subscriptions: ?[
+      EmitterSubscription,
+    ] = (this._subscriber.getSubscriptionsForType(eventType): any);
     if (subscriptions) {
       for (let i = 0, l = subscriptions.length; i < l; i++) {
         const subscription = subscriptions[i];
diff --git a/Libraries/vendor/emitter/EventEmitterWithHolding.js b/Libraries/vendor/emitter/EventEmitterWithHolding.js
index 8c082222e8f73f..582fe03c2be32d 100644
--- a/Libraries/vendor/emitter/EventEmitterWithHolding.js
+++ b/Libraries/vendor/emitter/EventEmitterWithHolding.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule EventEmitterWithHolding
+ * @format
  * @flow
  */
+
 'use strict';
 
 import type EmitterSubscription from 'EmitterSubscription';
@@ -26,7 +27,6 @@ import type EventHolder from 'EventHolder';
  * that uses an emitter.
  */
 class EventEmitterWithHolding {
-
   _emitter: EventEmitter;
   _eventHolder: EventHolder;
   _currentEventToken: ?Object;
@@ -81,8 +81,15 @@ class EventEmitterWithHolding {
    *   }); // logs 'abc'
    */
   addRetroactiveListener(
-    eventType: string, listener: Function, context: ?Object): EmitterSubscription {
-    const subscription = this._emitter.addListener(eventType, listener, context);
+    eventType: string,
+    listener: Function,
+    context: ?Object,
+  ): EmitterSubscription {
+    const subscription = this._emitter.addListener(
+      eventType,
+      listener,
+      context,
+    );
 
     this._emittingHeldEvents = true;
     this._eventHolder.emitToListener(eventType, listener, context);
diff --git a/Libraries/vendor/emitter/EventHolder.js b/Libraries/vendor/emitter/EventHolder.js
index 3bb7062e020f6a..a8c9a1a102acae 100644
--- a/Libraries/vendor/emitter/EventHolder.js
+++ b/Libraries/vendor/emitter/EventHolder.js
@@ -4,15 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule EventHolder
+ * @format
  * @flow
  */
+
 'use strict';
 
 const invariant = require('fbjs/lib/invariant');
 
 class EventHolder {
-
   _heldEvents: Object;
   _currentEventKey: ?Object;
 
@@ -47,7 +47,7 @@ class EventHolder {
     const eventsOfType = this._heldEvents[eventType];
     const key = {
       eventType: eventType,
-      index: eventsOfType.length
+      index: eventsOfType.length,
     };
     eventsOfType.push(args);
     return key;
@@ -61,7 +61,7 @@ class EventHolder {
    * @param {?object} context - Optional context object to use when invoking
    *   the listener
    */
-  emitToListener(eventType: ?string , listener: Function, context: ?Object) {
+  emitToListener(eventType: ?string, listener: Function, context: ?Object) {
     const eventsOfType = this._heldEvents[eventType];
     if (!eventsOfType) {
       return;
@@ -73,7 +73,7 @@ class EventHolder {
       }
       this._currentEventKey = {
         eventType: eventType,
-        index: index
+        index: index,
       };
       listener.apply(context, eventHeld);
     });
@@ -91,7 +91,7 @@ class EventHolder {
   releaseCurrentEvent() {
     invariant(
       this._currentEventKey !== null,
-      'Not in an emitting cycle; there is no current event'
+      'Not in an emitting cycle; there is no current event',
     );
     this._currentEventKey && this.releaseEvent(this._currentEventKey);
   }
diff --git a/Libraries/vendor/emitter/EventSubscription.js b/Libraries/vendor/emitter/EventSubscription.js
index 82cb06fc4fd556..3b1052ab403b18 100644
--- a/Libraries/vendor/emitter/EventSubscription.js
+++ b/Libraries/vendor/emitter/EventSubscription.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule EventSubscription
+ * @format
  * @flow
  */
+
 'use strict';
 
 import type EventSubscriptionVendor from 'EventSubscriptionVendor';
@@ -16,7 +17,6 @@ import type EventSubscriptionVendor from 'EventSubscriptionVendor';
  * remove its own subscription.
  */
 class EventSubscription {
-
   eventType: string;
   key: number;
   subscriber: EventSubscriptionVendor;
diff --git a/Libraries/vendor/emitter/EventSubscriptionVendor.js b/Libraries/vendor/emitter/EventSubscriptionVendor.js
index aa2a4e76b90b21..a2602512cdc53b 100644
--- a/Libraries/vendor/emitter/EventSubscriptionVendor.js
+++ b/Libraries/vendor/emitter/EventSubscriptionVendor.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule EventSubscriptionVendor
+ * @format
  * @flow
  */
+
 'use strict';
 
 const invariant = require('fbjs/lib/invariant');
@@ -18,7 +19,6 @@ import type EventSubscription from 'EventSubscription';
  * subscribed to a particular event type.
  */
 class EventSubscriptionVendor {
-
   _subscriptionsForType: Object;
   _currentSubscription: ?EventSubscription;
 
@@ -34,10 +34,13 @@ class EventSubscriptionVendor {
    * @param {EventSubscription} subscription
    */
   addSubscription(
-    eventType: string, subscription: EventSubscription): EventSubscription {
+    eventType: string,
+    subscription: EventSubscription,
+  ): EventSubscription {
     invariant(
       subscription.subscriber === this,
-      'The subscriber of the subscription is incorrectly set.');
+      'The subscriber of the subscription is incorrectly set.',
+    );
     if (!this._subscriptionsForType[eventType]) {
       this._subscriptionsForType[eventType] = [];
     }
@@ -91,7 +94,7 @@ class EventSubscriptionVendor {
    * @returns {?array}
    */
   getSubscriptionsForType(eventType: string): ?[EventSubscription] {
-   return this._subscriptionsForType[eventType];
+    return this._subscriptionsForType[eventType];
   }
 }
 
diff --git a/Libraries/vendor/emitter/EventValidator.js b/Libraries/vendor/emitter/EventValidator.js
index 9930236776b210..400197f65268a2 100644
--- a/Libraries/vendor/emitter/EventValidator.js
+++ b/Libraries/vendor/emitter/EventValidator.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule EventValidator
+ * @format
  * @flow
  */
+
 'use strict';
 
 /**
@@ -37,11 +38,11 @@ const EventValidator = {
       emit: function emit(type, a, b, c, d, e, _) {
         assertAllowsEventType(type, eventTypes);
         return emitter.emit.call(this, type, a, b, c, d, e, _);
-      }
+      },
     });
 
     return emitterWithValidation;
-  }
+  },
 };
 
 function assertAllowsEventType(type, allowedTypes) {
@@ -61,7 +62,7 @@ function errorMessageFor(type, allowedTypes) {
 
 // Allow for good error messages
 if (__DEV__) {
-  var recommendationFor = function (type, allowedTypes) {
+  var recommendationFor = function(type, allowedTypes) {
     const closestTypeRecommendation = closestTypeFor(type, allowedTypes);
     if (isCloseEnough(closestTypeRecommendation, type)) {
       return 'Did you mean "' + closestTypeRecommendation.type + '"? ';
@@ -70,21 +71,21 @@ if (__DEV__) {
     }
   };
 
-  var closestTypeFor = function (type, allowedTypes) {
+  var closestTypeFor = function(type, allowedTypes) {
     const typeRecommendations = allowedTypes.map(
-      typeRecommendationFor.bind(this, type)
+      typeRecommendationFor.bind(this, type),
     );
     return typeRecommendations.sort(recommendationSort)[0];
   };
 
-  var typeRecommendationFor = function (type, recommendedType) {
+  var typeRecommendationFor = function(type, recommendedType) {
     return {
       type: recommendedType,
-      distance: damerauLevenshteinDistance(type, recommendedType)
+      distance: damerauLevenshteinDistance(type, recommendedType),
     };
   };
 
-  var recommendationSort = function (recommendationA, recommendationB) {
+  var recommendationSort = function(recommendationA, recommendationB) {
     if (recommendationA.distance < recommendationB.distance) {
       return -1;
     } else if (recommendationA.distance > recommendationB.distance) {
@@ -94,11 +95,11 @@ if (__DEV__) {
     }
   };
 
-  var isCloseEnough = function (closestType, actualType) {
-    return (closestType.distance / actualType.length) < 0.334;
+  var isCloseEnough = function(closestType, actualType) {
+    return closestType.distance / actualType.length < 0.334;
   };
 
-  var damerauLevenshteinDistance = function (a, b) {
+  var damerauLevenshteinDistance = function(a, b) {
     let i, j;
     const d = [];
 
@@ -117,12 +118,15 @@ if (__DEV__) {
         d[i][j] = Math.min(
           d[i - 1][j] + 1,
           d[i][j - 1] + 1,
-          d[i - 1][j - 1] + cost
+          d[i - 1][j - 1] + cost,
         );
 
-        if (i > 1 && j > 1 &&
-            a.charAt(i - 1) === b.charAt(j - 2) &&
-            a.charAt(i - 2) === b.charAt(j - 1)) {
+        if (
+          i > 1 &&
+          j > 1 &&
+          a.charAt(i - 1) === b.charAt(j - 2) &&
+          a.charAt(i - 2) === b.charAt(j - 1)
+        ) {
           d[i][j] = Math.min(d[i][j], d[i - 2][j - 2] + cost);
         }
       }
diff --git a/Libraries/vendor/emitter/mixInEventEmitter.js b/Libraries/vendor/emitter/mixInEventEmitter.js
index 6ee08d6d31acb0..a53ce08d691cde 100644
--- a/Libraries/vendor/emitter/mixInEventEmitter.js
+++ b/Libraries/vendor/emitter/mixInEventEmitter.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule mixInEventEmitter
+ * @format
  * @flow
  */
+
 'use strict';
 
 const EventEmitter = require('EventEmitter');
@@ -57,7 +58,7 @@ function mixInEventEmitter(cls: Function | Object, types: Object) {
   if (ctor) {
     invariant(
       ctor === Object || ctor === Function,
-      'Mix EventEmitter into a class, not an instance'
+      'Mix EventEmitter into a class, not an instance',
     );
   }
 
@@ -94,7 +95,7 @@ const EventEmitterMixin = {
     return this.__getEventEmitter().addRetroactiveListener(
       eventType,
       listener,
-      context
+      context,
     );
   },
 
@@ -130,7 +131,7 @@ const EventEmitterMixin = {
       this.__eventEmitter = new EventEmitterWithHolding(emitter, holder);
     }
     return this.__eventEmitter;
-  }
+  },
 };
 
 module.exports = mixInEventEmitter;
diff --git a/README.md b/README.md
index a9c12562f1a698..7823b332a12a2d 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# [React Native](https://facebook.github.io/react-native/) &middot;  [![Circle CI Status](https://circleci.com/gh/facebook/react-native.svg?style=shield)](https://circleci.com/gh/facebook/react-native) [![npm version](https://badge.fury.io/js/react-native.svg)](https://badge.fury.io/js/react-native) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](CONTRIBUTING.md#pull-requests)
+# [React Native](https://facebook.github.io/react-native/) &middot;  [![Circle CI Status](https://circleci.com/gh/facebook/react-native.svg?style=shield)](https://circleci.com/gh/facebook/react-native) [![Build status](https://ci.appveyor.com/api/projects/status/github/facebook/react-native?branch=master&svg=true)](https://ci.appveyor.com/project/facebok/react-native/branch/master) [![npm version](https://badge.fury.io/js/react-native.svg)](https://badge.fury.io/js/react-native) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](CONTRIBUTING.md#pull-requests)
 
 Learn once, write anywhere: Build mobile apps with React.
 
diff --git a/RNTester/.gitignore b/RNTester/.gitignore
new file mode 100644
index 00000000000000..389a2b20c85b1c
--- /dev/null
+++ b/RNTester/.gitignore
@@ -0,0 +1 @@
+Pods/
diff --git a/RNTester/Podfile b/RNTester/Podfile
new file mode 100644
index 00000000000000..c38e306b080d45
--- /dev/null
+++ b/RNTester/Podfile
@@ -0,0 +1,41 @@
+platform :ios, '9.0'
+
+target 'RNTester' do
+  # Uncomment for Swift
+  # use_frameworks!
+
+  project 'RNTesterPods.xcodeproj'
+
+  pod 'React', :path => '../', :subspecs => [
+    'ART',
+    'Core',
+    'CxxBridge',
+    'DevSupport',
+    'RCTActionSheet',
+    'RCTAnimation',
+    'RCTBlob',
+    'RCTCameraRoll',
+    'RCTGeolocation',
+    'RCTImage',
+    'RCTLinkingIOS',
+    'RCTNetwork',
+    'RCTPushNotification',
+    'RCTSettings',
+    'RCTText',
+    'RCTVibration',
+    'RCTWebSocket',
+
+    # Below this line is Fabric (experimental) specific.
+    # Currently they are disabled due to missing pre-reqs, e.g. upgrading Folly.
+    # 'RCTFabric',
+    # 'RCTFabricSample', # This is RNTesterPods specific sample.
+  ]
+
+  pod 'yoga', :path => '../ReactCommon/yoga'
+
+  # Third party deps podspec link
+  pod 'DoubleConversion', :podspec => '../third-party-podspecs/DoubleConversion.podspec'
+  pod 'glog', :podspec => '../third-party-podspecs/glog.podspec'
+  pod 'Folly', :podspec => '../third-party-podspecs/Folly.podspec'
+
+end
diff --git a/RNTester/Podfile.lock b/RNTester/Podfile.lock
new file mode 100644
index 00000000000000..e4ba550e92c676
--- /dev/null
+++ b/RNTester/Podfile.lock
@@ -0,0 +1,112 @@
+PODS:
+  - boost-for-react-native (1.63.0)
+  - DoubleConversion (1.1.5)
+  - Folly (2016.10.31.00):
+    - boost-for-react-native
+    - DoubleConversion
+    - glog
+  - glog (0.3.4)
+  - React/ART (1000.0.0):
+    - React/Core
+  - React/Core (1000.0.0):
+    - yoga (= 1000.0.0.React)
+  - React/CxxBridge (1000.0.0):
+    - Folly (= 2016.10.31.00)
+    - React/Core
+    - React/cxxreact
+  - React/cxxreact (1000.0.0):
+    - boost-for-react-native (= 1.63.0)
+    - Folly (= 2016.10.31.00)
+    - React/jschelpers
+    - React/jsinspector
+  - React/DevSupport (1000.0.0):
+    - React/Core
+    - React/RCTWebSocket
+  - React/fishhook (1000.0.0)
+  - React/jschelpers (1000.0.0):
+    - Folly (= 2016.10.31.00)
+    - React/PrivateDatabase
+  - React/jsinspector (1000.0.0)
+  - React/PrivateDatabase (1000.0.0)
+  - React/RCTActionSheet (1000.0.0):
+    - React/Core
+  - React/RCTAnimation (1000.0.0):
+    - React/Core
+  - React/RCTBlob (1000.0.0):
+    - React/Core
+  - React/RCTCameraRoll (1000.0.0):
+    - React/Core
+    - React/RCTImage
+  - React/RCTGeolocation (1000.0.0):
+    - React/Core
+  - React/RCTImage (1000.0.0):
+    - React/Core
+    - React/RCTNetwork
+  - React/RCTLinkingIOS (1000.0.0):
+    - React/Core
+  - React/RCTNetwork (1000.0.0):
+    - React/Core
+  - React/RCTPushNotification (1000.0.0):
+    - React/Core
+  - React/RCTSettings (1000.0.0):
+    - React/Core
+  - React/RCTText (1000.0.0):
+    - React/Core
+  - React/RCTVibration (1000.0.0):
+    - React/Core
+  - React/RCTWebSocket (1000.0.0):
+    - React/Core
+    - React/fishhook
+    - React/RCTBlob
+  - yoga (1000.0.0.React)
+
+DEPENDENCIES:
+  - DoubleConversion (from `../third-party-podspecs/DoubleConversion.podspec`)
+  - Folly (from `../third-party-podspecs/Folly.podspec`)
+  - glog (from `../third-party-podspecs/glog.podspec`)
+  - React/ART (from `../`)
+  - React/Core (from `../`)
+  - React/CxxBridge (from `../`)
+  - React/DevSupport (from `../`)
+  - React/RCTActionSheet (from `../`)
+  - React/RCTAnimation (from `../`)
+  - React/RCTBlob (from `../`)
+  - React/RCTCameraRoll (from `../`)
+  - React/RCTGeolocation (from `../`)
+  - React/RCTImage (from `../`)
+  - React/RCTLinkingIOS (from `../`)
+  - React/RCTNetwork (from `../`)
+  - React/RCTPushNotification (from `../`)
+  - React/RCTSettings (from `../`)
+  - React/RCTText (from `../`)
+  - React/RCTVibration (from `../`)
+  - React/RCTWebSocket (from `../`)
+  - yoga (from `../ReactCommon/yoga`)
+
+SPEC REPOS:
+  https://github.com/cocoapods/specs.git:
+    - boost-for-react-native
+
+EXTERNAL SOURCES:
+  DoubleConversion:
+    :podspec: "../third-party-podspecs/DoubleConversion.podspec"
+  Folly:
+    :podspec: "../third-party-podspecs/Folly.podspec"
+  glog:
+    :podspec: "../third-party-podspecs/glog.podspec"
+  React:
+    :path: "../"
+  yoga:
+    :path: "../ReactCommon/yoga"
+
+SPEC CHECKSUMS:
+  boost-for-react-native: 39c7adb57c4e60d6c5479dd8623128eb5b3f0f2c
+  DoubleConversion: a9706f16e388b53ff12cca34473428ee29746a26
+  Folly: c89ac2d5c6ab169cd7397ef27485c44f35f742c7
+  glog: 3931855c9cc99c3fab1355fc162fe369162d8183
+  React: 1fe0eb13d90b625d94c3b117c274dcfd2e760e11
+  yoga: b1ce48b6cf950b98deae82838f5173ea7cf89e85
+
+PODFILE CHECKSUM: 7af77fbc34af9646e8c6389e7e2c0b4663bb16d9
+
+COCOAPODS: 1.5.2
diff --git a/RNTester/README.md b/RNTester/README.md
index 2b5642852f2e4d..b612a321532f7a 100644
--- a/RNTester/README.md
+++ b/RNTester/README.md
@@ -19,6 +19,14 @@ Mac OS and Xcode are required.
 
 See [Running on device](https://facebook.github.io/react-native/docs/running-on-device.html) if you want to use a physical device.
 
+### Running on iOS with CocoaPods
+
+Similar to above, you can build the app via Xcode with help of CocoaPods.
+
+- Install [CocoaPods](http://facebook.github.io/react-native/docs/integration-with-existing-apps.html#3-install-cocoapods)
+- Run `cd RNTester; pod install`
+- Open the generated `RNTesterPods.xcworkspace` (this is not checked in). Do not open `RNTesterPods.xcodeproj` directly.
+
 ### Running on Android
 
 You'll need to have all the [prerequisites](https://github.com/facebook/react-native/tree/master/ReactAndroid#prerequisites) (SDK, NDK) for Building React Native installed.
diff --git a/RNTester/RNTester.xcodeproj/project.pbxproj b/RNTester/RNTester.xcodeproj/project.pbxproj
index d8a883ae56370e..51cef6ad024e3c 100644
--- a/RNTester/RNTester.xcodeproj/project.pbxproj
+++ b/RNTester/RNTester.xcodeproj/project.pbxproj
@@ -1144,7 +1144,7 @@
 		83CBB9F71A601CBA00E9B192 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0820;
+				LastUpgradeCheck = 0940;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					004D289D1AAF61C70097A701 = {
@@ -1816,7 +1816,7 @@
 					"$(SRCROOT)/RNTesterUnitTests",
 				);
 				INFOPLIST_FILE = RNTesterUnitTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
 				LIBRARY_SEARCH_PATHS = (
 					"$(inherited)",
@@ -1835,7 +1835,7 @@
 					"$(SRCROOT)/RNTesterUnitTests",
 				);
 				INFOPLIST_FILE = RNTesterUnitTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
 				LIBRARY_SEARCH_PATHS = (
 					"$(inherited)",
@@ -1852,7 +1852,7 @@
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				DEVELOPMENT_TEAM = V9WTTPBFK9;
 				INFOPLIST_FILE = "$(SRCROOT)/RNTester/Info.plist";
-				IPHONEOS_DEPLOYMENT_TARGET = 9.3;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				LIBRARY_SEARCH_PATHS = "$(inherited)";
 				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.react.uiapp;
 				PRODUCT_NAME = RNTester;
@@ -1866,7 +1866,7 @@
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				DEVELOPMENT_TEAM = V9WTTPBFK9;
 				INFOPLIST_FILE = "$(SRCROOT)/RNTester/Info.plist";
-				IPHONEOS_DEPLOYMENT_TARGET = 9.3;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				LIBRARY_SEARCH_PATHS = "$(inherited)";
 				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.react.uiapp;
 				PRODUCT_NAME = RNTester;
@@ -1885,7 +1885,7 @@
 					"FB_REFERENCE_IMAGE_DIR=\"\\\"$(SOURCE_ROOT)/$(PROJECT_NAME)IntegrationTests/ReferenceImages\\\"\"",
 				);
 				INFOPLIST_FILE = RNTesterIntegrationTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
 				PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.React.$(PRODUCT_NAME:rfc1034identifier)";
 				PRODUCT_NAME = "$(TARGET_NAME)";
@@ -1901,7 +1901,7 @@
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				GCC_NO_COMMON_BLOCKS = YES;
 				INFOPLIST_FILE = RNTesterIntegrationTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
 				PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.React.$(PRODUCT_NAME:rfc1034identifier)";
 				PRODUCT_NAME = "$(TARGET_NAME)";
@@ -2091,7 +2091,9 @@
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
 				CLANG_WARN_ASSIGN_ENUM = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
 				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
@@ -2100,9 +2102,13 @@
 				CLANG_WARN_ENUM_CONVERSION = YES;
 				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_ATOMIC_PROPERTIES = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
 				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
@@ -2134,7 +2140,7 @@
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_LABEL = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				OTHER_LDFLAGS = (
@@ -2159,7 +2165,9 @@
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
 				CLANG_WARN_ASSIGN_ENUM = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
 				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
@@ -2168,9 +2176,13 @@
 				CLANG_WARN_ENUM_CONVERSION = YES;
 				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
 				CLANG_WARN_OBJC_IMPLICIT_ATOMIC_PROPERTIES = YES;
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
 				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
@@ -2195,7 +2207,7 @@
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_LABEL = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				OTHER_LDFLAGS = (
 					"-ObjC",
diff --git a/RNTester/RNTester.xcodeproj/xcshareddata/xcschemes/RNTester-tvOS.xcscheme b/RNTester/RNTester.xcodeproj/xcshareddata/xcschemes/RNTester-tvOS.xcscheme
index 95e17856e3e5fd..0c3555d5cfc2c5 100644
--- a/RNTester/RNTester.xcodeproj/xcshareddata/xcschemes/RNTester-tvOS.xcscheme
+++ b/RNTester/RNTester.xcodeproj/xcshareddata/xcschemes/RNTester-tvOS.xcscheme
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "0820"
+   LastUpgradeVersion = "0940"
    version = "1.3">
    <BuildAction
       parallelizeBuildables = "NO"
diff --git a/RNTester/RNTester.xcodeproj/xcshareddata/xcschemes/RNTester.xcscheme b/RNTester/RNTester.xcodeproj/xcshareddata/xcschemes/RNTester.xcscheme
index 93f81fdc17a4f5..b3d01b135672b3 100644
--- a/RNTester/RNTester.xcodeproj/xcshareddata/xcschemes/RNTester.xcscheme
+++ b/RNTester/RNTester.xcodeproj/xcshareddata/xcschemes/RNTester.xcscheme
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "0820"
+   LastUpgradeVersion = "0940"
    version = "1.3">
    <BuildAction
       parallelizeBuildables = "NO"
diff --git a/RNTester/RNTesterIntegrationTests/RNTesterIntegrationTests.m b/RNTester/RNTesterIntegrationTests/RNTesterIntegrationTests.m
index 5f432ec0580dff..1549898e4377e4 100644
--- a/RNTester/RNTesterIntegrationTests/RNTesterIntegrationTests.m
+++ b/RNTester/RNTesterIntegrationTests/RNTesterIntegrationTests.m
@@ -65,7 +65,7 @@ - (void)testTheTester_ExpectError
 RCT_TEST(TimersTest)
 RCT_TEST(AsyncStorageTest)
 RCT_TEST(AppEventsTest)
-RCT_TEST(ImageCachePolicyTest)
+//RCT_TEST(ImageCachePolicyTest) // This test never passed.
 RCT_TEST(ImageSnapshotTest)
 //RCT_TEST(LayoutEventsTest) // Disabled due to flakiness: #8686784
 RCT_TEST(SimpleSnapshotTest)
diff --git a/RNTester/RNTesterPods.xcodeproj/project.pbxproj b/RNTester/RNTesterPods.xcodeproj/project.pbxproj
new file mode 100644
index 00000000000000..1802a7d7a733f4
--- /dev/null
+++ b/RNTester/RNTesterPods.xcodeproj/project.pbxproj
@@ -0,0 +1,583 @@
+// !$*UTF8*$!
+{
+	archiveVersion = 1;
+	classes = {
+	};
+	objectVersion = 46;
+	objects = {
+
+/* Begin PBXBuildFile section */
+		13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; };
+		13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; };
+		13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
+		272E6B3F1BEA849E001FCF37 /* UpdatePropertiesExampleView.m in Sources */ = {isa = PBXBuildFile; fileRef = 272E6B3C1BEA849E001FCF37 /* UpdatePropertiesExampleView.m */; };
+		27F441EC1BEBE5030039B79C /* FlexibleSizeExampleView.m in Sources */ = {isa = PBXBuildFile; fileRef = 27F441E81BEBE5030039B79C /* FlexibleSizeExampleView.m */; };
+		2DDEF0101F84BF7B00DBDF73 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 2DDEF00F1F84BF7B00DBDF73 /* Images.xcassets */; };
+		3D13F8481D6F6AF900E69E0E /* ImageInBundle.png in Resources */ = {isa = PBXBuildFile; fileRef = 3D13F8441D6F6AF200E69E0E /* ImageInBundle.png */; };
+		3D13F84A1D6F6AFD00E69E0E /* OtherImages.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 3D13F8451D6F6AF200E69E0E /* OtherImages.xcassets */; };
+		3D2AFAF51D646CF80089D1A3 /* legacy_image@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 3D2AFAF41D646CF80089D1A3 /* legacy_image@2x.png */; };
+		3D56F9F11D6F6E9B00F53A06 /* RNTesterBundle.bundle in Resources */ = {isa = PBXBuildFile; fileRef = 3D13F83E1D6F6AE000E69E0E /* RNTesterBundle.bundle */; };
+		EC31D453B972BC46FE559C89 /* libPods-RNTester.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 6C062A1C08AD9375355BE47F /* libPods-RNTester.a */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXContainerItemProxy section */
+		3D13F84B1D6F6B5F00E69E0E /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
+			proxyType = 1;
+			remoteGlobalIDString = 3D13F83D1D6F6AE000E69E0E;
+			remoteInfo = RNTesterBundle;
+		};
+/* End PBXContainerItemProxy section */
+
+/* Begin PBXFileReference section */
+		13B07F961A680F5B00A75B9A /* RNTester.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = RNTester.app; sourceTree = BUILT_PRODUCTS_DIR; };
+		13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = RNTester/AppDelegate.h; sourceTree = "<group>"; };
+		13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = RNTester/AppDelegate.m; sourceTree = "<group>"; };
+		13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = "<group>"; };
+		13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = RNTester/Info.plist; sourceTree = "<group>"; };
+		13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = RNTester/main.m; sourceTree = "<group>"; };
+		272E6B3B1BEA849E001FCF37 /* UpdatePropertiesExampleView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = UpdatePropertiesExampleView.h; path = RNTester/NativeExampleViews/UpdatePropertiesExampleView.h; sourceTree = "<group>"; };
+		272E6B3C1BEA849E001FCF37 /* UpdatePropertiesExampleView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = UpdatePropertiesExampleView.m; path = RNTester/NativeExampleViews/UpdatePropertiesExampleView.m; sourceTree = "<group>"; };
+		27F441E81BEBE5030039B79C /* FlexibleSizeExampleView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = FlexibleSizeExampleView.m; path = RNTester/NativeExampleViews/FlexibleSizeExampleView.m; sourceTree = "<group>"; };
+		27F441EA1BEBE5030039B79C /* FlexibleSizeExampleView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = FlexibleSizeExampleView.h; path = RNTester/NativeExampleViews/FlexibleSizeExampleView.h; sourceTree = "<group>"; };
+		2DDEF00F1F84BF7B00DBDF73 /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = RNTester/Images.xcassets; sourceTree = "<group>"; };
+		3D13F83E1D6F6AE000E69E0E /* RNTesterBundle.bundle */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RNTesterBundle.bundle; sourceTree = BUILT_PRODUCTS_DIR; };
+		3D13F8401D6F6AE000E69E0E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; name = Info.plist; path = ../Info.plist; sourceTree = "<group>"; };
+		3D13F8441D6F6AF200E69E0E /* ImageInBundle.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = ImageInBundle.png; sourceTree = "<group>"; };
+		3D13F8451D6F6AF200E69E0E /* OtherImages.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = OtherImages.xcassets; sourceTree = "<group>"; };
+		3D2AFAF41D646CF80089D1A3 /* legacy_image@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "legacy_image@2x.png"; path = "RNTester/legacy_image@2x.png"; sourceTree = "<group>"; };
+		5BEC8567F3741044B6A5EFC5 /* Pods-RNTester.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTester.release.xcconfig"; path = "Pods/Target Support Files/Pods-RNTester/Pods-RNTester.release.xcconfig"; sourceTree = "<group>"; };
+		6C062A1C08AD9375355BE47F /* libPods-RNTester.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTester.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		98233960D1D6A1977D1C7EAF /* Pods-RNTester.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTester.debug.xcconfig"; path = "Pods/Target Support Files/Pods-RNTester/Pods-RNTester.debug.xcconfig"; sourceTree = "<group>"; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+		13B07F8C1A680F5B00A75B9A /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				EC31D453B972BC46FE559C89 /* libPods-RNTester.a in Frameworks */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		3D13F83B1D6F6AE000E69E0E /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+		1323F18D1C04ABAC0091BED0 /* Supporting Files */ = {
+			isa = PBXGroup;
+			children = (
+				3D2AFAF41D646CF80089D1A3 /* legacy_image@2x.png */,
+				13B07FB61A68108700A75B9A /* Info.plist */,
+			);
+			name = "Supporting Files";
+			sourceTree = "<group>";
+		};
+		13B07FAE1A68108700A75B9A /* RNTester */ = {
+			isa = PBXGroup;
+			children = (
+				2DDEF00F1F84BF7B00DBDF73 /* Images.xcassets */,
+				272E6B3A1BEA846C001FCF37 /* NativeExampleViews */,
+				13B07FAF1A68108700A75B9A /* AppDelegate.h */,
+				13B07FB01A68108700A75B9A /* AppDelegate.m */,
+				13B07FB11A68108700A75B9A /* LaunchScreen.xib */,
+				13B07FB71A68108700A75B9A /* main.m */,
+				1323F18D1C04ABAC0091BED0 /* Supporting Files */,
+			);
+			name = RNTester;
+			sourceTree = "<group>";
+		};
+		272E6B3A1BEA846C001FCF37 /* NativeExampleViews */ = {
+			isa = PBXGroup;
+			children = (
+				27F441E81BEBE5030039B79C /* FlexibleSizeExampleView.m */,
+				27F441EA1BEBE5030039B79C /* FlexibleSizeExampleView.h */,
+				272E6B3B1BEA849E001FCF37 /* UpdatePropertiesExampleView.h */,
+				272E6B3C1BEA849E001FCF37 /* UpdatePropertiesExampleView.m */,
+			);
+			name = NativeExampleViews;
+			sourceTree = "<group>";
+		};
+		2DE7E7D81FB2A4F3009E225D /* Frameworks */ = {
+			isa = PBXGroup;
+			children = (
+				6C062A1C08AD9375355BE47F /* libPods-RNTester.a */,
+			);
+			name = Frameworks;
+			sourceTree = "<group>";
+		};
+		3D13F83F1D6F6AE000E69E0E /* RNTesterBundle */ = {
+			isa = PBXGroup;
+			children = (
+				3D13F8401D6F6AE000E69E0E /* Info.plist */,
+				3D13F8441D6F6AF200E69E0E /* ImageInBundle.png */,
+				3D13F8451D6F6AF200E69E0E /* OtherImages.xcassets */,
+			);
+			name = RNTesterBundle;
+			path = RNTester/RNTesterBundle;
+			sourceTree = "<group>";
+		};
+		571A4A20844C3BA40A3D302B /* Pods */ = {
+			isa = PBXGroup;
+			children = (
+				98233960D1D6A1977D1C7EAF /* Pods-RNTester.debug.xcconfig */,
+				5BEC8567F3741044B6A5EFC5 /* Pods-RNTester.release.xcconfig */,
+			);
+			name = Pods;
+			sourceTree = "<group>";
+		};
+		83CBB9F61A601CBA00E9B192 = {
+			isa = PBXGroup;
+			children = (
+				13B07FAE1A68108700A75B9A /* RNTester */,
+				3D13F83F1D6F6AE000E69E0E /* RNTesterBundle */,
+				83CBBA001A601CBA00E9B192 /* Products */,
+				2DE7E7D81FB2A4F3009E225D /* Frameworks */,
+				571A4A20844C3BA40A3D302B /* Pods */,
+			);
+			indentWidth = 2;
+			sourceTree = "<group>";
+			tabWidth = 2;
+			usesTabs = 0;
+		};
+		83CBBA001A601CBA00E9B192 /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				13B07F961A680F5B00A75B9A /* RNTester.app */,
+				3D13F83E1D6F6AE000E69E0E /* RNTesterBundle.bundle */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+		13B07F861A680F5B00A75B9A /* RNTester */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "RNTester" */;
+			buildPhases = (
+				F9CB97B0D9633939D43E75E0 /* [CP] Check Pods Manifest.lock */,
+				13B07F871A680F5B00A75B9A /* Sources */,
+				13B07F8C1A680F5B00A75B9A /* Frameworks */,
+				13B07F8E1A680F5B00A75B9A /* Resources */,
+				68CD48B71D2BCB2C007E06A9 /* Build JS Bundle */,
+				5CF0FD27207FC6EC00C13D65 /* Start Metro */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+				3D13F84C1D6F6B5F00E69E0E /* PBXTargetDependency */,
+			);
+			name = RNTester;
+			productName = "Hello World";
+			productReference = 13B07F961A680F5B00A75B9A /* RNTester.app */;
+			productType = "com.apple.product-type.application";
+		};
+		3D13F83D1D6F6AE000E69E0E /* RNTesterBundle */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 3D13F8411D6F6AE000E69E0E /* Build configuration list for PBXNativeTarget "RNTesterBundle" */;
+			buildPhases = (
+				3D13F83A1D6F6AE000E69E0E /* Sources */,
+				3D13F83B1D6F6AE000E69E0E /* Frameworks */,
+				3D13F83C1D6F6AE000E69E0E /* Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = RNTesterBundle;
+			productName = RNTesterBundle;
+			productReference = 3D13F83E1D6F6AE000E69E0E /* RNTesterBundle.bundle */;
+			productType = "com.apple.product-type.bundle";
+		};
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+		83CBB9F71A601CBA00E9B192 /* Project object */ = {
+			isa = PBXProject;
+			attributes = {
+				LastUpgradeCheck = 0940;
+				ORGANIZATIONNAME = Facebook;
+				TargetAttributes = {
+					13B07F861A680F5B00A75B9A = {
+						DevelopmentTeam = V9WTTPBFK9;
+					};
+					3D13F83D1D6F6AE000E69E0E = {
+						CreatedOnToolsVersion = 7.3.1;
+					};
+				};
+			};
+			buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "RNTesterPods" */;
+			compatibilityVersion = "Xcode 3.2";
+			developmentRegion = English;
+			hasScannedForEncodings = 0;
+			knownRegions = (
+				en,
+				Base,
+			);
+			mainGroup = 83CBB9F61A601CBA00E9B192;
+			productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;
+			projectDirPath = "";
+			projectRoot = "";
+			targets = (
+				13B07F861A680F5B00A75B9A /* RNTester */,
+				3D13F83D1D6F6AE000E69E0E /* RNTesterBundle */,
+			);
+		};
+/* End PBXProject section */
+
+/* Begin PBXResourcesBuildPhase section */
+		13B07F8E1A680F5B00A75B9A /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				3D56F9F11D6F6E9B00F53A06 /* RNTesterBundle.bundle in Resources */,
+				2DDEF0101F84BF7B00DBDF73 /* Images.xcassets in Resources */,
+				3D2AFAF51D646CF80089D1A3 /* legacy_image@2x.png in Resources */,
+				13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		3D13F83C1D6F6AE000E69E0E /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				3D13F8481D6F6AF900E69E0E /* ImageInBundle.png in Resources */,
+				3D13F84A1D6F6AFD00E69E0E /* OtherImages.xcassets in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXResourcesBuildPhase section */
+
+/* Begin PBXShellScriptBuildPhase section */
+		5CF0FD27207FC6EC00C13D65 /* Start Metro */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+			);
+			name = "Start Metro";
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n  if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n    if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n      echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n      exit 2\n    fi\n  else\n    open \"$SRCROOT/../scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n  fi\nfi";
+			showEnvVarsInLog = 0;
+		};
+		68CD48B71D2BCB2C007E06A9 /* Build JS Bundle */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+			);
+			name = "Build JS Bundle";
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "export NODE_BINARY=node\n$SRCROOT/../scripts/react-native-xcode.sh RNTester/js/RNTesterApp.ios.js";
+		};
+		F9CB97B0D9633939D43E75E0 /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-RNTester-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
+/* End PBXShellScriptBuildPhase section */
+
+/* Begin PBXSourcesBuildPhase section */
+		13B07F871A680F5B00A75B9A /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				272E6B3F1BEA849E001FCF37 /* UpdatePropertiesExampleView.m in Sources */,
+				13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */,
+				27F441EC1BEBE5030039B79C /* FlexibleSizeExampleView.m in Sources */,
+				13B07FC11A68108700A75B9A /* main.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		3D13F83A1D6F6AE000E69E0E /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXSourcesBuildPhase section */
+
+/* Begin PBXTargetDependency section */
+		3D13F84C1D6F6B5F00E69E0E /* PBXTargetDependency */ = {
+			isa = PBXTargetDependency;
+			target = 3D13F83D1D6F6AE000E69E0E /* RNTesterBundle */;
+			targetProxy = 3D13F84B1D6F6B5F00E69E0E /* PBXContainerItemProxy */;
+		};
+/* End PBXTargetDependency section */
+
+/* Begin PBXVariantGroup section */
+		13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = {
+			isa = PBXVariantGroup;
+			children = (
+				13B07FB21A68108700A75B9A /* Base */,
+			);
+			name = LaunchScreen.xib;
+			path = RNTester;
+			sourceTree = "<group>";
+		};
+/* End PBXVariantGroup section */
+
+/* Begin XCBuildConfiguration section */
+		13B07F941A680F5B00A75B9A /* Debug */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 98233960D1D6A1977D1C7EAF /* Pods-RNTester.debug.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				DEVELOPMENT_TEAM = V9WTTPBFK9;
+				INFOPLIST_FILE = "$(SRCROOT)/RNTester/Info.plist";
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				LIBRARY_SEARCH_PATHS = "$(inherited)";
+				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.react.uiapp;
+				PRODUCT_NAME = RNTester;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Debug;
+		};
+		13B07F951A680F5B00A75B9A /* Release */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 5BEC8567F3741044B6A5EFC5 /* Pods-RNTester.release.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				DEVELOPMENT_TEAM = V9WTTPBFK9;
+				INFOPLIST_FILE = "$(SRCROOT)/RNTester/Info.plist";
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				LIBRARY_SEARCH_PATHS = "$(inherited)";
+				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.react.uiapp;
+				PRODUCT_NAME = RNTester;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Release;
+		};
+		3D13F8421D6F6AE000E69E0E /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				CLANG_ANALYZER_NONNULL = YES;
+				COMBINE_HIDPI_IMAGES = YES;
+				GCC_NO_COMMON_BLOCKS = YES;
+				INFOPLIST_FILE = RNTester/RNTesterBundle/Info.plist;
+				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.RNTesterBundle;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SDKROOT = iphoneos;
+				WRAPPER_EXTENSION = bundle;
+			};
+			name = Debug;
+		};
+		3D13F8431D6F6AE000E69E0E /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				CLANG_ANALYZER_NONNULL = YES;
+				COMBINE_HIDPI_IMAGES = YES;
+				GCC_NO_COMMON_BLOCKS = YES;
+				INFOPLIST_FILE = RNTester/RNTesterBundle/Info.plist;
+				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.RNTesterBundle;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SDKROOT = iphoneos;
+				WRAPPER_EXTENSION = bundle;
+			};
+			name = Release;
+		};
+		83CBBA201A601CBA00E9B192 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_ASSIGN_ENUM = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_ATOMIC_PROPERTIES = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_OPTIMIZATION_LEVEL = 0;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+				);
+				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
+				GCC_TREAT_INCOMPATIBLE_POINTER_TYPE_WARNINGS_AS_ERRORS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
+				GCC_WARN_ABOUT_MISSING_PROTOTYPES = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
+				GCC_WARN_MULTIPLE_DEFINITION_TYPES_FOR_SELECTOR = YES;
+				GCC_WARN_SHADOW = YES;
+				GCC_WARN_STRICT_SELECTOR_MATCH = YES;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNKNOWN_PRAGMAS = YES;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_LABEL = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				MTL_ENABLE_DEBUG_INFO = YES;
+				ONLY_ACTIVE_ARCH = YES;
+				OTHER_LDFLAGS = (
+					"-ObjC",
+					"-lc++",
+				);
+				SDKROOT = iphoneos;
+				WARNING_CFLAGS = (
+					"-Wextra",
+					"-Wall",
+					"-Wno-semicolon-before-method-body",
+				);
+			};
+			name = Debug;
+		};
+		83CBBA211A601CBA00E9B192 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_ASSIGN_ENUM = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_ATOMIC_PROPERTIES = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = YES;
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_TREAT_INCOMPATIBLE_POINTER_TYPE_WARNINGS_AS_ERRORS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_MISSING_NEWLINE = YES;
+				GCC_WARN_ABOUT_MISSING_PROTOTYPES = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_INITIALIZER_NOT_FULLY_BRACKETED = YES;
+				GCC_WARN_MULTIPLE_DEFINITION_TYPES_FOR_SELECTOR = YES;
+				GCC_WARN_SHADOW = YES;
+				GCC_WARN_STRICT_SELECTOR_MATCH = YES;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNKNOWN_PRAGMAS = YES;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_LABEL = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				MTL_ENABLE_DEBUG_INFO = NO;
+				OTHER_LDFLAGS = (
+					"-ObjC",
+					"-lc++",
+				);
+				SDKROOT = iphoneos;
+				VALIDATE_PRODUCT = YES;
+				WARNING_CFLAGS = (
+					"-Wextra",
+					"-Wall",
+					"-Wno-semicolon-before-method-body",
+				);
+			};
+			name = Release;
+		};
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+		13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "RNTester" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				13B07F941A680F5B00A75B9A /* Debug */,
+				13B07F951A680F5B00A75B9A /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		3D13F8411D6F6AE000E69E0E /* Build configuration list for PBXNativeTarget "RNTesterBundle" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				3D13F8421D6F6AE000E69E0E /* Debug */,
+				3D13F8431D6F6AE000E69E0E /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "RNTesterPods" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				83CBBA201A601CBA00E9B192 /* Debug */,
+				83CBBA211A601CBA00E9B192 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+/* End XCConfigurationList section */
+	};
+	rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;
+}
diff --git a/RNTester/RNTesterUnitTests/RNTesterUnitTestsBundle.js b/RNTester/RNTesterUnitTests/RNTesterUnitTestsBundle.js
index f0a455ff355294..9e387e5ee84288 100644
--- a/RNTester/RNTesterUnitTests/RNTesterUnitTestsBundle.js
+++ b/RNTester/RNTesterUnitTests/RNTesterUnitTestsBundle.js
@@ -4,12 +4,14 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RNTesterUnitTestsBundle
+ * @format
  */
+
 'use strict';
 
-const __fbBatchedBridge = { // eslint-disable-line no-unused-vars
+const __fbBatchedBridge = {
+  // eslint-disable-line no-unused-vars
   flushedQueue: function() {
     return null;
-  }
+  },
 };
diff --git a/RNTester/android/app/BUCK b/RNTester/android/app/BUCK
index c54e4b6313cdc0..e987dc9304db41 100644
--- a/RNTester/android/app/BUCK
+++ b/RNTester/android/app/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "rn_android_binary", "rn_android_resource", "react_native_dep", "react_native_target", "KEYSTORE_TARGET")
+load("//ReactNative:DEFS.bzl", "KEYSTORE_TARGET", "react_native_dep", "react_native_target", "rn_android_binary", "rn_android_library", "rn_android_resource")
 
 rn_android_binary(
     name = "app",
diff --git a/RNTester/android/app/build.gradle b/RNTester/android/app/build.gradle
index 95d02acb788a99..4722633e7c4bdf 100644
--- a/RNTester/android/app/build.gradle
+++ b/RNTester/android/app/build.gradle
@@ -58,9 +58,10 @@ import com.android.build.OutputFile
  */
 
 project.ext.react = [
+    cliPath: "$rootDir/local-cli/cli.js",
     bundleAssetName: "RNTesterApp.android.bundle",
     entryFile: file("../../js/RNTesterApp.android.js"),
-    root: "../../../../",
+    root: "$rootDir",
     inputExcludes: ["android/**", "./**"]
 ]
 
@@ -80,16 +81,16 @@ def enableSeparateBuildPerCPUArchitecture = false
 /**
  * Run Proguard to shrink the Java bytecode in release builds.
  */
-def enableProguardInReleaseBuilds = false
+def enableProguardInReleaseBuilds = true
 
 android {
-    compileSdkVersion 23
-    buildToolsVersion "23.0.1"
+    compileSdkVersion 26
+    buildToolsVersion "26.0.3"
 
     defaultConfig {
         applicationId "com.facebook.react.uiapp"
         minSdkVersion 16
-        targetSdkVersion 23
+        targetSdkVersion 26
         versionCode 1
         versionName "1.0"
         ndk {
@@ -113,12 +114,16 @@ android {
         }
     }
     buildTypes {
+        debug {
+            signingConfig signingConfigs.release
+        }
         release {
             minifyEnabled enableProguardInReleaseBuilds
             proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
             signingConfig signingConfigs.release
         }
     }
+
     // applicationVariants are e.g. debug, release
     applicationVariants.all { variant ->
         variant.outputs.each { output ->
@@ -136,7 +141,7 @@ android {
 
 dependencies {
     compile fileTree(dir: 'libs', include: ['*.jar'])
-    compile 'com.android.support:appcompat-v7:23.0.1'
+    compile 'com.android.support:appcompat-v7:26.1.0'
 
     // Build React Native from source
     compile project(':ReactAndroid')
diff --git a/RNTester/android/app/gradle.properties b/RNTester/android/app/gradle.properties
index 74027349d96fa2..926d2479c3f36b 100644
--- a/RNTester/android/app/gradle.properties
+++ b/RNTester/android/app/gradle.properties
@@ -1,5 +1,7 @@
 android.useDeprecatedNdk=true
+org.gradle.parallel=true
+org.gradle.configureondemand=true
 MYAPP_RELEASE_STORE_FILE=my-release-key.keystore
-MYAPP_RELEASE_KEY_ALIAS=my-key-alias
-MYAPP_RELEASE_STORE_PASSWORD=*****
-MYAPP_RELEASE_KEY_PASSWORD=*****
+MYAPP_RELEASE_KEY_ALIAS=androiddebugkey
+MYAPP_RELEASE_STORE_PASSWORD=android
+MYAPP_RELEASE_KEY_PASSWORD=android
diff --git a/RNTester/android/app/my-release-key.keystore b/RNTester/android/app/my-release-key.keystore
new file mode 100644
index 00000000000000..364e105ed39fbf
Binary files /dev/null and b/RNTester/android/app/my-release-key.keystore differ
diff --git a/RNTester/android/app/src/main/AndroidManifest.xml b/RNTester/android/app/src/main/AndroidManifest.xml
index 0bde8735a3a8b2..11234b0552f784 100644
--- a/RNTester/android/app/src/main/AndroidManifest.xml
+++ b/RNTester/android/app/src/main/AndroidManifest.xml
@@ -1,9 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest
   xmlns:android="http://schemas.android.com/apk/res/android"
-  package="com.facebook.react.uiapp"
-  android:versionCode="1"
-  android:versionName="1.0">
+  package="com.facebook.react.uiapp">
 
   <uses-permission android:name="android.permission.INTERNET" />
   <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
@@ -16,10 +14,6 @@
   <uses-permission android:name="android.permission.CAMERA"/>
   <uses-permission android:name="android.permission.READ_CALENDAR"/>
 
-  <uses-sdk
-    android:minSdkVersion="16"
-    android:targetSdkVersion="23" />
-
   <!--
   android:icon is used to display launcher icon on mobile devices.
   android:banner is used to display a rectangular banned launcher icon on Android TV devices.
diff --git a/RNTester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterApplication.java b/RNTester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterApplication.java
index b8c61a384ac443..b5eb40277e89e7 100644
--- a/RNTester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterApplication.java
+++ b/RNTester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterApplication.java
@@ -34,7 +34,7 @@ public String getJSMainModuleName() {
 
     @Override
     public boolean getUseDeveloperSupport() {
-      return true;
+      return BuildConfig.DEBUG;
     }
 
     @Override
diff --git a/RNTester/js/ARTExample.js b/RNTester/js/ARTExample.js
index 704a9c06bbdc3e..1a0745ec43f210 100644
--- a/RNTester/js/ARTExample.js
+++ b/RNTester/js/ARTExample.js
@@ -4,77 +4,92 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ARTExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  ART,
-  Platform,
-  View,
-} = ReactNative;
-
-const {
-  Surface,
-  Path,
-  Group,
-  Transform,
-  Shape,
-} = ART;
+var {ART, Platform, View} = ReactNative;
 
+const {Surface, Path, Group, Transform, Shape} = ART;
 
-var scale = Platform.isTVOS ? 4 : 1;
+var scale = Platform.isTV ? 4 : 1;
 
 class ARTExample extends React.Component<{}> {
-    render(){
-        const pathRect = new Path()
-            .moveTo(scale * 0,scale * 0)
-            .lineTo(scale * 0,scale * 110)
-            .lineTo(scale * 110,scale * 110)
-            .lineTo(scale * 110,scale * 0)
-            .close();
+  render() {
+    const pathRect = new Path()
+      .moveTo(scale * 0, scale * 0)
+      .lineTo(scale * 0, scale * 110)
+      .lineTo(scale * 110, scale * 110)
+      .lineTo(scale * 110, scale * 0)
+      .close();
 
-        const pathCircle0 = new Path()
-            .moveTo(scale * 30,scale * 5)
-            .arc(scale * 0,scale * 50,scale * 25)
-            .arc(scale * 0,-scale * 50,scale * 25)
-            .close();
+    const pathCircle0 = new Path()
+      .moveTo(scale * 30, scale * 5)
+      .arc(scale * 0, scale * 50, scale * 25)
+      .arc(scale * 0, -scale * 50, scale * 25)
+      .close();
 
-        const pathCircle1 = new Path()
-            .moveTo(scale * 30,scale * 55)
-            .arc(scale * 0,scale * 50,scale * 25)
-            .arc(scale * 0,-scale * 50,scale * 25)
-            .close();
+    const pathCircle1 = new Path()
+      .moveTo(scale * 30, scale * 55)
+      .arc(scale * 0, scale * 50, scale * 25)
+      .arc(scale * 0, -scale * 50, scale * 25)
+      .close();
 
-        const pathCircle2 = new Path()
-            .moveTo(scale * 55,scale * 30)
-            .arc(scale * 50,scale * 0,scale * 25)
-            .arc(-scale * 50,scale * 0,scale * 25)
-            .close();
+    const pathCircle2 = new Path()
+      .moveTo(scale * 55, scale * 30)
+      .arc(scale * 50, scale * 0, scale * 25)
+      .arc(-scale * 50, scale * 0, scale * 25)
+      .close();
 
-        const pathCircle3 = new Path()
-            .moveTo(scale * 55,scale * 80)
-            .arc(scale * 50,scale * 0,scale * 25)
-            .arc(-scale * 50,scale * 0,scale * 25)
-            .close();
+    const pathCircle3 = new Path()
+      .moveTo(scale * 55, scale * 80)
+      .arc(scale * 50, scale * 0, scale * 25)
+      .arc(-scale * 50, scale * 0, scale * 25)
+      .close();
 
-        return (
-            <View>
-                <Surface width={scale * 200} height={scale * 200}>
-                    <Group>
-                        <Shape d={pathRect} stroke="#000080" fill="#000080" strokeWidth={scale}/>
-                        <Shape d={pathCircle0} stroke="#FF0000" fill="#FF0000" strokeWidth={scale}/>
-                        <Shape d={pathCircle1} stroke="#00FF00" fill="#00FF00" strokeWidth={scale}/>
-                        <Shape d={pathCircle2} stroke="#00FFFF" fill="#00FFFF" strokeWidth={scale}/>
-                        <Shape d={pathCircle3} stroke="#FFFFFF" fill="#FFFFFF" strokeWidth={scale}/>
-                    </Group>
-                </Surface>
-            </View>
-        );
-    }
+    return (
+      <View>
+        <Surface width={scale * 200} height={scale * 200}>
+          <Group>
+            <Shape
+              d={pathRect}
+              stroke="#000080"
+              fill="#000080"
+              strokeWidth={scale}
+            />
+            <Shape
+              d={pathCircle0}
+              stroke="#FF0000"
+              fill="#FF0000"
+              strokeWidth={scale}
+            />
+            <Shape
+              d={pathCircle1}
+              stroke="#00FF00"
+              fill="#00FF00"
+              strokeWidth={scale}
+            />
+            <Shape
+              d={pathCircle2}
+              stroke="#00FFFF"
+              fill="#00FFFF"
+              strokeWidth={scale}
+            />
+            <Shape
+              d={pathCircle3}
+              stroke="#FFFFFF"
+              fill="#FFFFFF"
+              strokeWidth={scale}
+            />
+          </Group>
+        </Surface>
+      </View>
+    );
+  }
 }
 
 exports.title = '<ART>';
@@ -85,6 +100,6 @@ exports.examples = [
     title: 'ART Example',
     render(): React.Element<any> {
       return <ARTExample />;
-    }
+    },
   },
 ];
diff --git a/RNTester/js/AccessibilityAndroidExample.android.js b/RNTester/js/AccessibilityAndroidExample.android.js
index 54b087fa207fdf..e193d339347ba7 100644
--- a/RNTester/js/AccessibilityAndroidExample.android.js
+++ b/RNTester/js/AccessibilityAndroidExample.android.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AccessibilityAndroidExample
+ * @format
  */
+
 'use strict';
 
 var React = require('react');
@@ -22,7 +23,12 @@ var {
 var RNTesterBlock = require('./RNTesterBlock');
 var RNTesterPage = require('./RNTesterPage');
 
-var importantForAccessibilityValues = ['auto', 'yes', 'no', 'no-hide-descendants'];
+var importantForAccessibilityValues = [
+  'auto',
+  'yes',
+  'no',
+  'no-hide-descendants',
+];
 
 class AccessibilityAndroidExample extends React.Component {
   static title = 'Accessibility';
@@ -38,11 +44,11 @@ class AccessibilityAndroidExample extends React.Component {
   componentDidMount() {
     AccessibilityInfo.addEventListener(
       'change',
-      this._handleScreenReaderToggled
+      this._handleScreenReaderToggled,
     );
-    AccessibilityInfo.fetch().done((isEnabled) => {
+    AccessibilityInfo.fetch().done(isEnabled => {
       this.setState({
-        screenReaderEnabled: isEnabled
+        screenReaderEnabled: isEnabled,
       });
     });
   }
@@ -50,15 +56,15 @@ class AccessibilityAndroidExample extends React.Component {
   componentWillUnmount() {
     AccessibilityInfo.removeEventListener(
       'change',
-      this._handleScreenReaderToggled
+      this._handleScreenReaderToggled,
     );
   }
 
-  _handleScreenReaderToggled = (isEnabled) => {
+  _handleScreenReaderToggled = isEnabled => {
     this.setState({
       screenReaderEnabled: isEnabled,
     });
-  }
+  };
 
   _addOne = () => {
     this.setState({
@@ -81,23 +87,16 @@ class AccessibilityAndroidExample extends React.Component {
   render() {
     return (
       <RNTesterPage title={'Accessibility'}>
-
         <RNTesterBlock title="Nonaccessible view with TextViews">
           <View>
-            <Text style={{color: 'green',}}>
-              This is
-            </Text>
-            <Text style={{color: 'blue'}}>
-              nontouchable normal view.
-            </Text>
+            <Text style={{color: 'green'}}>This is</Text>
+            <Text style={{color: 'blue'}}>nontouchable normal view.</Text>
           </View>
         </RNTesterBlock>
 
         <RNTesterBlock title="Accessible view with TextViews wihout label">
           <View accessible={true}>
-            <Text style={{color: 'green',}}>
-              This is
-            </Text>
+            <Text style={{color: 'green'}}>This is</Text>
             <Text style={{color: 'blue'}}>
               nontouchable accessible view without label.
             </Text>
@@ -105,11 +104,10 @@ class AccessibilityAndroidExample extends React.Component {
         </RNTesterBlock>
 
         <RNTesterBlock title="Accessible view with TextViews with label">
-          <View accessible={true}
+          <View
+            accessible={true}
             accessibilityLabel="I have label, so I read it instead of embedded text.">
-            <Text style={{color: 'green',}}>
-              This is
-            </Text>
+            <Text style={{color: 'green'}}>This is</Text>
             <Text style={{color: 'blue'}}>
               nontouchable accessible view with label.
             </Text>
@@ -118,7 +116,9 @@ class AccessibilityAndroidExample extends React.Component {
 
         <RNTesterBlock title="Touchable with component type = button">
           <TouchableWithoutFeedback
-            onPress={() => ToastAndroid.show('Toasts work by default', ToastAndroid.SHORT)}
+            onPress={() =>
+              ToastAndroid.show('Toasts work by default', ToastAndroid.SHORT)
+            }
             accessibilityComponentType="button">
             <View style={styles.embedded}>
               <Text>Click me</Text>
@@ -140,7 +140,8 @@ class AccessibilityAndroidExample extends React.Component {
 
         <RNTesterBlock title="Check if the screen reader is enabled">
           <Text>
-            The screen reader is {this.state.screenReaderEnabled ? 'enabled' : 'disabled'}.
+            The screen reader is{' '}
+            {this.state.screenReaderEnabled ? 'enabled' : 'disabled'}.
           </Text>
         </RNTesterBlock>
 
@@ -153,15 +154,17 @@ class AccessibilityAndroidExample extends React.Component {
                 top: 10,
                 right: 10,
                 height: 100,
-                backgroundColor: 'green'}}
+                backgroundColor: 'green',
+              }}
               accessible={true}
               accessibilityLabel="First layout"
               importantForAccessibility={
-                importantForAccessibilityValues[this.state.backgroundImportantForAcc]}>
+                importantForAccessibilityValues[
+                  this.state.backgroundImportantForAcc
+                ]
+              }>
               <View accessible={true}>
-                <Text style={{fontSize: 25}}>
-                  Hello
-                </Text>
+                <Text style={{fontSize: 25}}>Hello</Text>
               </View>
             </View>
             <View
@@ -171,19 +174,23 @@ class AccessibilityAndroidExample extends React.Component {
                 top: 25,
                 right: 10,
                 height: 110,
-                backgroundColor: 'yellow', opacity: 0.5}}
+                backgroundColor: 'yellow',
+                opacity: 0.5,
+              }}
               accessible={true}
               accessibilityLabel="Second layout"
               importantForAccessibility={
-                importantForAccessibilityValues[this.state.forgroundImportantForAcc]}>
+                importantForAccessibilityValues[
+                  this.state.forgroundImportantForAcc
+                ]
+              }>
               <View accessible={true}>
-                <Text style={{fontSize: 20}}>
-                  world
-                </Text>
+                <Text style={{fontSize: 20}}>world</Text>
               </View>
             </View>
           </View>
-          <TouchableWithoutFeedback onPress={this._changeBackgroundImportantForAcc}>
+          <TouchableWithoutFeedback
+            onPress={this._changeBackgroundImportantForAcc}>
             <View style={styles.embedded}>
               <Text>
                 Change importantForAccessibility for background layout.
@@ -191,14 +198,17 @@ class AccessibilityAndroidExample extends React.Component {
             </View>
           </TouchableWithoutFeedback>
           <View accessible={true}>
+            <Text>Background layout importantForAccessibility</Text>
             <Text>
-              Background layout importantForAccessibility
-            </Text>
-            <Text>
-              {importantForAccessibilityValues[this.state.backgroundImportantForAcc]}
+              {
+                importantForAccessibilityValues[
+                  this.state.backgroundImportantForAcc
+                ]
+              }
             </Text>
           </View>
-          <TouchableWithoutFeedback onPress={this._changeForgroundImportantForAcc}>
+          <TouchableWithoutFeedback
+            onPress={this._changeForgroundImportantForAcc}>
             <View style={styles.embedded}>
               <Text>
                 Change importantForAccessibility for forground layout.
@@ -206,30 +216,31 @@ class AccessibilityAndroidExample extends React.Component {
             </View>
           </TouchableWithoutFeedback>
           <View accessible={true}>
+            <Text>Forground layout importantForAccessibility</Text>
             <Text>
-              Forground layout importantForAccessibility
-            </Text>
-            <Text>
-              {importantForAccessibilityValues[this.state.forgroundImportantForAcc]}
+              {
+                importantForAccessibilityValues[
+                  this.state.forgroundImportantForAcc
+                ]
+              }
             </Text>
           </View>
         </RNTesterBlock>
-
       </RNTesterPage>
     );
   }
 }
 
 var styles = StyleSheet.create({
-   embedded: {
+  embedded: {
     backgroundColor: 'yellow',
-    padding:10,
+    padding: 10,
   },
   container: {
     flex: 1,
     backgroundColor: 'white',
     padding: 10,
-    height:150,
+    height: 150,
   },
 });
 
diff --git a/RNTester/js/AccessibilityIOSExample.js b/RNTester/js/AccessibilityIOSExample.js
index 0deead7538d62e..60d9ceeeddcb7c 100644
--- a/RNTester/js/AccessibilityIOSExample.js
+++ b/RNTester/js/AccessibilityIOSExample.js
@@ -4,18 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule AccessibilityIOSExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  AccessibilityInfo,
-  Text,
-  View,
-} = ReactNative;
+var {AccessibilityInfo, Text, View} = ReactNative;
 
 class AccessibilityIOSExample extends React.Component<{}> {
   render() {
@@ -24,37 +21,28 @@ class AccessibilityIOSExample extends React.Component<{}> {
         <View
           onAccessibilityTap={() => alert('onAccessibilityTap success')}
           accessible={true}>
-          <Text>
-            Accessibility normal tap example
-          </Text>
+          <Text>Accessibility normal tap example</Text>
         </View>
-        <View onMagicTap={() => alert('onMagicTap success')}
-              accessible={true}>
-          <Text>
-            Accessibility magic tap example
-          </Text>
+        <View onMagicTap={() => alert('onMagicTap success')} accessible={true}>
+          <Text>Accessibility magic tap example</Text>
         </View>
-        <View accessibilityLabel="Some announcement"
-              accessible={true}>
-          <Text>
-            Accessibility label example
-          </Text>
+        <View accessibilityLabel="Some announcement" accessible={true}>
+          <Text>Accessibility label example</Text>
         </View>
-        <View accessibilityTraits={['button', 'selected']}
-              accessible={true}>
-          <Text>
-            Accessibility traits example
-          </Text>
+        <View accessibilityTraits={['button', 'selected']} accessible={true}>
+          <Text>Accessibility traits example</Text>
         </View>
         <Text>
-          Text's accessibilityLabel is the raw text itself unless it is set explicitly.
+          Text's accessibilityLabel is the raw text itself unless it is set
+          explicitly.
         </Text>
-        <Text accessibilityLabel="Test of accessibilityLabel"
-          accessible={true}>
+        <Text accessibilityLabel="Test of accessibilityLabel" accessible={true}>
           This text component's accessibilityLabel is set explicitly.
         </Text>
         <View accessibilityElementsHidden={true}>
-          <Text>This view's children are hidden from the accessibility tree</Text>
+          <Text>
+            This view's children are hidden from the accessibility tree
+          </Text>
         </View>
       </View>
     );
@@ -64,16 +52,16 @@ class AccessibilityIOSExample extends React.Component<{}> {
 class ScreenReaderStatusExample extends React.Component<{}, $FlowFixMeState> {
   state = {
     screenReaderEnabled: false,
-  }
+  };
 
   componentDidMount() {
     AccessibilityInfo.addEventListener(
       'change',
-      this._handleScreenReaderToggled
+      this._handleScreenReaderToggled,
     );
-    AccessibilityInfo.fetch().done((isEnabled) => {
+    AccessibilityInfo.fetch().done(isEnabled => {
       this.setState({
-        screenReaderEnabled: isEnabled
+        screenReaderEnabled: isEnabled,
       });
     });
   }
@@ -81,21 +69,22 @@ class ScreenReaderStatusExample extends React.Component<{}, $FlowFixMeState> {
   componentWillUnmount() {
     AccessibilityInfo.removeEventListener(
       'change',
-      this._handleScreenReaderToggled
+      this._handleScreenReaderToggled,
     );
   }
 
-  _handleScreenReaderToggled = (isEnabled) => {
+  _handleScreenReaderToggled = isEnabled => {
     this.setState({
       screenReaderEnabled: isEnabled,
     });
-  }
+  };
 
   render() {
     return (
       <View>
         <Text>
-          The screen reader is {this.state.screenReaderEnabled ? 'enabled' : 'disabled'}.
+          The screen reader is{' '}
+          {this.state.screenReaderEnabled ? 'enabled' : 'disabled'}.
         </Text>
       </View>
     );
@@ -103,14 +92,18 @@ class ScreenReaderStatusExample extends React.Component<{}, $FlowFixMeState> {
 }
 
 exports.title = 'AccessibilityIOS';
-exports.description = 'Interface to show iOS\' accessibility samples';
+exports.description = "Interface to show iOS' accessibility samples";
 exports.examples = [
   {
     title: 'Accessibility elements',
-    render(): React.Element<any> { return <AccessibilityIOSExample />; }
+    render(): React.Element<any> {
+      return <AccessibilityIOSExample />;
+    },
   },
   {
     title: 'Check if the screen reader is enabled',
-    render(): React.Element<any> { return <ScreenReaderStatusExample />; }
+    render(): React.Element<any> {
+      return <ScreenReaderStatusExample />;
+    },
   },
 ];
diff --git a/RNTester/js/ActionSheetIOSExample.js b/RNTester/js/ActionSheetIOSExample.js
index ac9d9737863780..2c1788864c943f 100644
--- a/RNTester/js/ActionSheetIOSExample.js
+++ b/RNTester/js/ActionSheetIOSExample.js
@@ -4,28 +4,17 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ActionSheetIOSExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  ActionSheetIOS,
-  StyleSheet,
-  takeSnapshot,
-  Text,
-  View,
-} = ReactNative;
-
-var BUTTONS = [
-  'Option 0',
-  'Option 1',
-  'Option 2',
-  'Delete',
-  'Cancel',
-];
+var {ActionSheetIOS, StyleSheet, takeSnapshot, Text, View} = ReactNative;
+
+var BUTTONS = ['Option 0', 'Option 1', 'Option 2', 'Delete', 'Cancel'];
 var DESTRUCTIVE_INDEX = 3;
 var CANCEL_INDEX = 4;
 
@@ -40,22 +29,22 @@ class ActionSheetExample extends React.Component<{}, $FlowFixMeState> {
         <Text onPress={this.showActionSheet} style={style.button}>
           Click to show the ActionSheet
         </Text>
-        <Text>
-          Clicked button: {this.state.clicked}
-        </Text>
+        <Text>Clicked button: {this.state.clicked}</Text>
       </View>
     );
   }
 
   showActionSheet = () => {
-    ActionSheetIOS.showActionSheetWithOptions({
-      options: BUTTONS,
-      cancelButtonIndex: CANCEL_INDEX,
-      destructiveButtonIndex: DESTRUCTIVE_INDEX,
-    },
-    (buttonIndex) => {
-      this.setState({ clicked: BUTTONS[buttonIndex] });
-    });
+    ActionSheetIOS.showActionSheetWithOptions(
+      {
+        options: BUTTONS,
+        cancelButtonIndex: CANCEL_INDEX,
+        destructiveButtonIndex: DESTRUCTIVE_INDEX,
+      },
+      buttonIndex => {
+        this.setState({clicked: BUTTONS[buttonIndex]});
+      },
+    );
   };
 }
 
@@ -70,29 +59,32 @@ class ActionSheetTintExample extends React.Component<{}, $FlowFixMeState> {
         <Text onPress={this.showActionSheet} style={style.button}>
           Click to show the ActionSheet
         </Text>
-        <Text>
-          Clicked button: {this.state.clicked}
-        </Text>
+        <Text>Clicked button: {this.state.clicked}</Text>
       </View>
     );
   }
 
   showActionSheet = () => {
-    ActionSheetIOS.showActionSheetWithOptions({
-      options: BUTTONS,
-      cancelButtonIndex: CANCEL_INDEX,
-      destructiveButtonIndex: DESTRUCTIVE_INDEX,
-      tintColor: 'green',
-    },
-    (buttonIndex) => {
-      this.setState({ clicked: BUTTONS[buttonIndex] });
-    });
+    ActionSheetIOS.showActionSheetWithOptions(
+      {
+        options: BUTTONS,
+        cancelButtonIndex: CANCEL_INDEX,
+        destructiveButtonIndex: DESTRUCTIVE_INDEX,
+        tintColor: 'green',
+      },
+      buttonIndex => {
+        this.setState({clicked: BUTTONS[buttonIndex]});
+      },
+    );
   };
 }
 
-class ShareActionSheetExample extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
+class ShareActionSheetExample extends React.Component<
+  $FlowFixMeProps,
+  $FlowFixMeState,
+> {
   state = {
-    text: ''
+    text: '',
   };
 
   render() {
@@ -101,38 +93,36 @@ class ShareActionSheetExample extends React.Component<$FlowFixMeProps, $FlowFixM
         <Text onPress={this.showShareActionSheet} style={style.button}>
           Click to show the Share ActionSheet
         </Text>
-        <Text>
-          {this.state.text}
-        </Text>
+        <Text>{this.state.text}</Text>
       </View>
     );
   }
 
   showShareActionSheet = () => {
-    ActionSheetIOS.showShareActionSheetWithOptions({
-      url: this.props.url,
-      message: 'message to go with the shared url',
-      subject: 'a subject to go in the email heading',
-      excludedActivityTypes: [
-        'com.apple.UIKit.activity.PostToTwitter'
-      ]
-    },
-    (error) => alert(error),
-    (completed, method) => {
-      var text;
-      if (completed) {
-        text = `Shared via ${method}`;
-      } else {
-        text = 'You didn\'t share';
-      }
-      this.setState({text});
-    });
+    ActionSheetIOS.showShareActionSheetWithOptions(
+      {
+        url: this.props.url,
+        message: 'message to go with the shared url',
+        subject: 'a subject to go in the email heading',
+        excludedActivityTypes: ['com.apple.UIKit.activity.PostToTwitter'],
+      },
+      error => alert(error),
+      (completed, method) => {
+        var text;
+        if (completed) {
+          text = `Shared via ${method}`;
+        } else {
+          text = "You didn't share";
+        }
+        this.setState({text});
+      },
+    );
   };
 }
 
 class ShareScreenshotExample extends React.Component<{}, $FlowFixMeState> {
   state = {
-    text: ''
+    text: '',
   };
 
   render() {
@@ -141,34 +131,34 @@ class ShareScreenshotExample extends React.Component<{}, $FlowFixMeState> {
         <Text onPress={this.showShareActionSheet} style={style.button}>
           Click to show the Share ActionSheet
         </Text>
-        <Text>
-          {this.state.text}
-        </Text>
+        <Text>{this.state.text}</Text>
       </View>
     );
   }
 
   showShareActionSheet = () => {
     // Take the snapshot (returns a temp file uri)
-    takeSnapshot('window').then((uri) => {
-      // Share image data
-      ActionSheetIOS.showShareActionSheetWithOptions({
-        url: uri,
-        excludedActivityTypes: [
-          'com.apple.UIKit.activity.PostToTwitter'
-        ]
-      },
-      (error) => alert(error),
-      (completed, method) => {
-        var text;
-        if (completed) {
-          text = `Shared via ${method}`;
-        } else {
-          text = 'You didn\'t share';
-        }
-        this.setState({text});
-      });
-    }).catch((error) => alert(error));
+    takeSnapshot('window')
+      .then(uri => {
+        // Share image data
+        ActionSheetIOS.showShareActionSheetWithOptions(
+          {
+            url: uri,
+            excludedActivityTypes: ['com.apple.UIKit.activity.PostToTwitter'],
+          },
+          error => alert(error),
+          (completed, method) => {
+            var text;
+            if (completed) {
+              text = `Shared via ${method}`;
+            } else {
+              text = "You didn't share";
+            }
+            this.setState({text});
+          },
+        );
+      })
+      .catch(error => alert(error));
   };
 }
 
@@ -176,36 +166,40 @@ var style = StyleSheet.create({
   button: {
     marginBottom: 10,
     fontWeight: '500',
-  }
+  },
 });
 
 exports.title = 'ActionSheetIOS';
-exports.description = 'Interface to show iOS\' action sheets';
+exports.description = "Interface to show iOS' action sheets";
 exports.examples = [
   {
     title: 'Show Action Sheet',
-    render(): React.Element<any> { return <ActionSheetExample />; }
+    render(): React.Element<any> {
+      return <ActionSheetExample />;
+    },
   },
   {
     title: 'Show Action Sheet with tinted buttons',
-    render(): React.Element<any> { return <ActionSheetTintExample />; }
+    render(): React.Element<any> {
+      return <ActionSheetTintExample />;
+    },
   },
   {
     title: 'Show Share Action Sheet',
     render(): React.Element<any> {
       return <ShareActionSheetExample url="https://code.facebook.com" />;
-    }
+    },
   },
   {
     title: 'Share Local Image',
     render(): React.Element<any> {
       return <ShareActionSheetExample url="bunny.png" />;
-    }
+    },
   },
   {
     title: 'Share Screenshot',
     render(): React.Element<any> {
       return <ShareScreenshotExample />;
-    }
-  }
+    },
+  },
 ];
diff --git a/RNTester/js/ActivityIndicatorExample.js b/RNTester/js/ActivityIndicatorExample.js
index 692acd01c7d167..2f81857cfcfdb0 100644
--- a/RNTester/js/ActivityIndicatorExample.js
+++ b/RNTester/js/ActivityIndicatorExample.js
@@ -4,21 +4,25 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ActivityIndicatorExample
  */
+
 'use strict';
 
-import React, { Component } from 'react';
-import { ActivityIndicator, StyleSheet, View } from 'react-native';
+import React, {Component} from 'react';
+import {ActivityIndicator, StyleSheet, View} from 'react-native';
 
 /**
  * Optional Flowtype state and timer types definition
  */
-type State = { animating: boolean; };
+type State = {animating: boolean};
 type Timer = number;
 
-class ToggleAnimatingActivityIndicator extends Component<$FlowFixMeProps, State> {
+class ToggleAnimatingActivityIndicator extends Component<
+  $FlowFixMeProps,
+  State,
+> {
   _timer: Timer;
 
   constructor(props) {
@@ -60,8 +64,6 @@ class ToggleAnimatingActivityIndicator extends Component<$FlowFixMeProps, State>
   }
 }
 
-
-
 exports.displayName = (undefined: ?string);
 exports.framework = 'React';
 exports.title = '<ActivityIndicator>';
@@ -77,22 +79,20 @@ exports.examples = [
           color="white"
         />
       );
-    }
+    },
   },
   {
     title: 'Gray',
     render() {
       return (
         <View>
-          <ActivityIndicator
-            style={[styles.centering]}
-          />
+          <ActivityIndicator style={[styles.centering]} />
           <ActivityIndicator
             style={[styles.centering, {backgroundColor: '#eeeeee'}]}
           />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Custom colors',
@@ -105,7 +105,7 @@ exports.examples = [
           <ActivityIndicator color="#00aa00" />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Large',
@@ -117,38 +117,26 @@ exports.examples = [
           color="white"
         />
       );
-    }
+    },
   },
   {
     title: 'Large, custom colors',
     render() {
       return (
         <View style={styles.horizontal}>
-          <ActivityIndicator
-            size="large"
-            color="#0000ff"
-          />
-          <ActivityIndicator
-            size="large"
-            color="#aa00aa"
-          />
-          <ActivityIndicator
-            size="large"
-            color="#aa3300"
-          />
-          <ActivityIndicator
-            size="large"
-            color="#00aa00"
-          />
+          <ActivityIndicator size="large" color="#0000ff" />
+          <ActivityIndicator size="large" color="#aa00aa" />
+          <ActivityIndicator size="large" color="#aa3300" />
+          <ActivityIndicator size="large" color="#00aa00" />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Start/stop',
     render() {
       return <ToggleAnimatingActivityIndicator />;
-    }
+    },
   },
   {
     title: 'Custom size',
@@ -159,23 +147,17 @@ exports.examples = [
           size="large"
         />
       );
-    }
+    },
   },
   {
     platform: 'android',
     title: 'Custom size (size: 75)',
     render() {
-      return (
-        <ActivityIndicator
-          style={styles.centering}
-          size={75}
-        />
-      );
-    }
+      return <ActivityIndicator style={styles.centering} size={75} />;
+    },
   },
 ];
 
-
 const styles = StyleSheet.create({
   centering: {
     alignItems: 'center',
diff --git a/RNTester/js/AlertExample.js b/RNTester/js/AlertExample.js
index 93c82e4069c9f3..b573356919d898 100644
--- a/RNTester/js/AlertExample.js
+++ b/RNTester/js/AlertExample.js
@@ -4,26 +4,21 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AlertExample
+ * @format
  */
 
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  Alert,
-  StyleSheet,
-  Text,
-  TouchableHighlight,
-  View,
-} = ReactNative;
+var {Alert, StyleSheet, Text, TouchableHighlight, View} = ReactNative;
 
 var RNTesterBlock = require('./RNTesterBlock');
 
 // corporate ipsum > lorem ipsum
-var alertMessage = 'Credibly reintermediate next-generation potentialities after goal-oriented ' +
-                   'catalysts for change. Dynamically revolutionize.';
+var alertMessage =
+  'Credibly reintermediate next-generation potentialities after goal-oriented ' +
+  'catalysts for change. Dynamically revolutionize.';
 
 /**
  * Simple alert examples.
@@ -32,90 +27,88 @@ class SimpleAlertExampleBlock extends React.Component {
   render() {
     return (
       <View>
-        <TouchableHighlight style={styles.wrapper}
-          onPress={() => Alert.alert(
-            'Alert Title',
-            alertMessage,
-          )}>
+        <TouchableHighlight
+          style={styles.wrapper}
+          onPress={() => Alert.alert('Alert Title', alertMessage)}>
           <View style={styles.button}>
             <Text>Alert with message and default button</Text>
           </View>
         </TouchableHighlight>
-        <TouchableHighlight style={styles.wrapper}
-          onPress={() => Alert.alert(
-            'Alert Title',
-            alertMessage,
-            [
+        <TouchableHighlight
+          style={styles.wrapper}
+          onPress={() =>
+            Alert.alert('Alert Title', alertMessage, [
               {text: 'OK', onPress: () => console.log('OK Pressed!')},
-            ]
-          )}>
+            ])
+          }>
           <View style={styles.button}>
             <Text>Alert with one button</Text>
           </View>
         </TouchableHighlight>
-        <TouchableHighlight style={styles.wrapper}
-          onPress={() => Alert.alert(
-            'Alert Title',
-            alertMessage,
-            [
+        <TouchableHighlight
+          style={styles.wrapper}
+          onPress={() =>
+            Alert.alert('Alert Title', alertMessage, [
               {text: 'Cancel', onPress: () => console.log('Cancel Pressed!')},
               {text: 'OK', onPress: () => console.log('OK Pressed!')},
-            ]
-          )}>
+            ])
+          }>
           <View style={styles.button}>
             <Text>Alert with two buttons</Text>
           </View>
         </TouchableHighlight>
-        <TouchableHighlight style={styles.wrapper}
-          onPress={() => Alert.alert(
-            'Alert Title',
-            null,
-            [
+        <TouchableHighlight
+          style={styles.wrapper}
+          onPress={() =>
+            Alert.alert('Alert Title', null, [
               {text: 'Foo', onPress: () => console.log('Foo Pressed!')},
               {text: 'Bar', onPress: () => console.log('Bar Pressed!')},
               {text: 'Baz', onPress: () => console.log('Baz Pressed!')},
-            ]
-          )}>
+            ])
+          }>
           <View style={styles.button}>
             <Text>Alert with three buttons</Text>
           </View>
         </TouchableHighlight>
-        <TouchableHighlight style={styles.wrapper}
-          onPress={() => Alert.alert(
-            'Foo Title',
-            alertMessage,
-            '..............'.split('').map((dot, index) => ({
-              text: 'Button ' + index,
-              onPress: () => console.log('Pressed ' + index)
-            }))
-          )}>
+        <TouchableHighlight
+          style={styles.wrapper}
+          onPress={() =>
+            Alert.alert(
+              'Foo Title',
+              alertMessage,
+              '..............'.split('').map((dot, index) => ({
+                text: 'Button ' + index,
+                onPress: () => console.log('Pressed ' + index),
+              })),
+            )
+          }>
           <View style={styles.button}>
             <Text>Alert with too many buttons</Text>
           </View>
         </TouchableHighlight>
-        <TouchableHighlight style={styles.wrapper}
-          onPress={() => Alert.alert(
-            'Alert Title',
-            null,
-            [
-              {text: 'OK', onPress: () => console.log('OK Pressed!')},
-            ],
-            {
-              cancelable: false
-            }
-          )}>
+        <TouchableHighlight
+          style={styles.wrapper}
+          onPress={() =>
+            Alert.alert(
+              'Alert Title',
+              null,
+              [{text: 'OK', onPress: () => console.log('OK Pressed!')}],
+              {
+                cancelable: false,
+              },
+            )
+          }>
           <View style={styles.button}>
             <Text>Alert that cannot be dismissed</Text>
           </View>
         </TouchableHighlight>
-        <TouchableHighlight style={styles.wrapper}
-          onPress={() => Alert.alert(
-            '',
-            alertMessage,
-            [
+        <TouchableHighlight
+          style={styles.wrapper}
+          onPress={() =>
+            Alert.alert('', alertMessage, [
               {text: 'OK', onPress: () => console.log('OK Pressed!')},
-            ]
-          )}>
+            ])
+          }>
           <View style={styles.button}>
             <Text>Alert without title</Text>
           </View>
@@ -128,8 +121,9 @@ class SimpleAlertExampleBlock extends React.Component {
 class AlertExample extends React.Component {
   static title = 'Alert';
 
-  static description = 'Alerts display a concise and informative message ' +
-  'and prompt the user to make a decision.';
+  static description =
+    'Alerts display a concise and informative message ' +
+    'and prompt the user to make a decision.';
 
   render() {
     return (
diff --git a/RNTester/js/AlertIOSExample.js b/RNTester/js/AlertIOSExample.js
index b8b1cee43f85f7..4f58c00ada4d43 100644
--- a/RNTester/js/AlertIOSExample.js
+++ b/RNTester/js/AlertIOSExample.js
@@ -4,80 +4,69 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule AlertIOSExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  View,
-  Text,
-  TouchableHighlight,
-  AlertIOS,
-} = ReactNative;
+var {StyleSheet, View, Text, TouchableHighlight, AlertIOS} = ReactNative;
 
-var { SimpleAlertExampleBlock } = require('./AlertExample');
+var {SimpleAlertExampleBlock} = require('./AlertExample');
 
 exports.framework = 'React';
 exports.title = 'AlertIOS';
 exports.description = 'iOS alerts and action sheets';
-exports.examples = [{
-  title: 'Alerts',
-  render() {
-    return <SimpleAlertExampleBlock />;
-  }
-},
-{
-  title: 'Prompt Options',
-  render(): React.Element<any> {
-    return <PromptOptions />;
-  }
-},
-{
-  title: 'Prompt Types',
-  render() {
-    return (
-      <View>
-        <TouchableHighlight
-          style={styles.wrapper}
-          onPress={() => AlertIOS.prompt('Plain Text Entry')}>
-
-          <View style={styles.button}>
-            <Text>
-              plain-text
-            </Text>
-          </View>
-
-        </TouchableHighlight>
-        <TouchableHighlight
-          style={styles.wrapper}
-          onPress={() => AlertIOS.prompt('Secure Text', null, null, 'secure-text')}>
-
-          <View style={styles.button}>
-            <Text>
-              secure-text
-            </Text>
-          </View>
-
-        </TouchableHighlight>
-        <TouchableHighlight
-          style={styles.wrapper}
-          onPress={() => AlertIOS.prompt('Login & Password', null, null, 'login-password')}>
-
-          <View style={styles.button}>
-            <Text>
-              login-password
-            </Text>
-          </View>
-
-        </TouchableHighlight>
-      </View>
-    );
-  }
-}];
+exports.examples = [
+  {
+    title: 'Alerts',
+    render() {
+      return <SimpleAlertExampleBlock />;
+    },
+  },
+  {
+    title: 'Prompt Options',
+    render(): React.Element<any> {
+      return <PromptOptions />;
+    },
+  },
+  {
+    title: 'Prompt Types',
+    render() {
+      return (
+        <View>
+          <TouchableHighlight
+            style={styles.wrapper}
+            onPress={() => AlertIOS.prompt('Plain Text Entry')}>
+            <View style={styles.button}>
+              <Text>plain-text</Text>
+            </View>
+          </TouchableHighlight>
+          <TouchableHighlight
+            style={styles.wrapper}
+            onPress={() =>
+              AlertIOS.prompt('Secure Text', null, null, 'secure-text')
+            }>
+            <View style={styles.button}>
+              <Text>secure-text</Text>
+            </View>
+          </TouchableHighlight>
+          <TouchableHighlight
+            style={styles.wrapper}
+            onPress={() =>
+              AlertIOS.prompt('Login & Password', null, null, 'login-password')
+            }>
+            <View style={styles.button}>
+              <Text>login-password</Text>
+            </View>
+          </TouchableHighlight>
+        </View>
+      );
+    },
+  },
+];
 
 class PromptOptions extends React.Component<$FlowFixMeProps, any> {
   customButtons: Array<Object>;
@@ -88,13 +77,16 @@ class PromptOptions extends React.Component<$FlowFixMeProps, any> {
     // $FlowFixMe this seems to be a Flow bug, `saveResponse` is defined below
     this.saveResponse = this.saveResponse.bind(this);
 
-    this.customButtons = [{
-      text: 'Custom OK',
-      onPress: this.saveResponse
-    }, {
-      text: 'Custom Cancel',
-      style: 'cancel',
-    }];
+    this.customButtons = [
+      {
+        text: 'Custom OK',
+        onPress: this.saveResponse,
+      },
+      {
+        text: 'Custom Cancel',
+        style: 'cancel',
+      },
+    ];
 
     this.state = {
       promptValue: undefined,
@@ -105,57 +97,74 @@ class PromptOptions extends React.Component<$FlowFixMeProps, any> {
     return (
       <View>
         <Text style={{marginBottom: 10}}>
-          <Text style={{fontWeight: 'bold'}}>Prompt value:</Text> {this.state.promptValue}
+          <Text style={{fontWeight: 'bold'}}>Prompt value:</Text>{' '}
+          {this.state.promptValue}
         </Text>
 
         <TouchableHighlight
           style={styles.wrapper}
-          onPress={() => AlertIOS.prompt('Type a value', null, this.saveResponse)}>
-
+          onPress={() =>
+            AlertIOS.prompt('Type a value', null, this.saveResponse)
+          }>
           <View style={styles.button}>
-            <Text>
-              prompt with title & callback
-            </Text>
+            <Text>prompt with title & callback</Text>
           </View>
         </TouchableHighlight>
 
         <TouchableHighlight
           style={styles.wrapper}
-          onPress={() => AlertIOS.prompt('Type a value', null, this.customButtons)}>
-
+          onPress={() =>
+            AlertIOS.prompt('Type a value', null, this.customButtons)
+          }>
           <View style={styles.button}>
-            <Text>
-              prompt with title & custom buttons
-            </Text>
+            <Text>prompt with title & custom buttons</Text>
           </View>
         </TouchableHighlight>
 
         <TouchableHighlight
           style={styles.wrapper}
-          onPress={() => AlertIOS.prompt('Type a phone number', null, null, 'plain-text', undefined, 'phone-pad')}>
-
+          onPress={() =>
+            AlertIOS.prompt(
+              'Type a phone number',
+              null,
+              null,
+              'plain-text',
+              undefined,
+              'phone-pad',
+            )
+          }>
           <View style={styles.button}>
-            <Text>
-              prompt with title & custom keyboard
-            </Text>
+            <Text>prompt with title & custom keyboard</Text>
           </View>
         </TouchableHighlight>
 
         <TouchableHighlight
           style={styles.wrapper}
-          onPress={() => AlertIOS.prompt('Type a value', null, this.saveResponse, undefined, 'Default value')}>
-
+          onPress={() =>
+            AlertIOS.prompt(
+              'Type a value',
+              null,
+              this.saveResponse,
+              undefined,
+              'Default value',
+            )
+          }>
           <View style={styles.button}>
-            <Text>
-              prompt with title, callback & default value
-            </Text>
+            <Text>prompt with title, callback & default value</Text>
           </View>
         </TouchableHighlight>
 
         <TouchableHighlight
           style={styles.wrapper}
-          onPress={() => AlertIOS.prompt('Type a value', null, this.customButtons, 'login-password', 'admin@site.com')}>
-
+          onPress={() =>
+            AlertIOS.prompt(
+              'Type a value',
+              null,
+              this.customButtons,
+              'login-password',
+              'admin@site.com',
+            )
+          }>
           <View style={styles.button}>
             <Text>
               prompt with title, custom buttons, login/password & default value
@@ -167,7 +176,7 @@ class PromptOptions extends React.Component<$FlowFixMeProps, any> {
   }
 
   saveResponse(promptValue) {
-    this.setState({ promptValue: JSON.stringify(promptValue) });
+    this.setState({promptValue: JSON.stringify(promptValue)});
   }
 }
 
diff --git a/RNTester/js/AnimatedExample.js b/RNTester/js/AnimatedExample.js
index 8130a9d9f62908..490f70371696e7 100644
--- a/RNTester/js/AnimatedExample.js
+++ b/RNTester/js/AnimatedExample.js
@@ -4,32 +4,29 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule AnimatedExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  Animated,
-  Easing,
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
+var {Animated, Easing, StyleSheet, Text, View} = ReactNative;
 var RNTesterButton = require('./RNTesterButton');
 
 exports.framework = 'React';
 exports.title = 'Animated - Examples';
-exports.description = 'Animated provides a powerful ' +
+exports.description =
+  'Animated provides a powerful ' +
   'and easy-to-use API for building modern, ' +
   'interactive user experiences.';
 
 exports.examples = [
   {
     title: 'FadeInView',
-    description: 'Uses a simple timing animation to ' +
+    description:
+      'Uses a simple timing animation to ' +
       'bring opacity from 0 to 1 when the component ' +
       'mounts.',
     render: function() {
@@ -41,19 +38,20 @@ exports.examples = [
           };
         }
         componentDidMount() {
-          Animated.timing(       // Uses easing functions
+          Animated.timing(
+            // Uses easing functions
             this.state.fadeAnim, // The value to drive
             {
-              toValue: 1,        // Target
-              duration: 2000,    // Configuration
+              toValue: 1, // Target
+              duration: 2000, // Configuration
             },
-          ).start();             // Don't forget start!
+          ).start(); // Don't forget start!
         }
         render() {
           return (
-            <Animated.View   // Special animatable View
+            <Animated.View // Special animatable View
               style={{
-                opacity: this.state.fadeAnim,  // Binds
+                opacity: this.state.fadeAnim, // Binds
               }}>
               {this.props.children}
             </Animated.View>
@@ -70,19 +68,19 @@ exports.examples = [
         render() {
           return (
             <View>
-              <RNTesterButton onPress={() => {
-                  this.setState((state) => (
-                    {show: !state.show}
-                  ));
+              <RNTesterButton
+                onPress={() => {
+                  this.setState(state => ({show: !state.show}));
                 }}>
-                Press to {this.state.show ?
-                  'Hide' : 'Show'}
+                Press to {this.state.show ? 'Hide' : 'Show'}
               </RNTesterButton>
-              {this.state.show && <FadeInView>
-                <View style={styles.content}>
-                  <Text>FadeInView</Text>
-                </View>
-              </FadeInView>}
+              {this.state.show && (
+                <FadeInView>
+                  <View style={styles.content}>
+                    <Text>FadeInView</Text>
+                  </View>
+                </FadeInView>
+              )}
             </View>
           );
         }
@@ -92,7 +90,8 @@ exports.examples = [
   },
   {
     title: 'Transform Bounce',
-    description: 'One `Animated.Value` is driven by a ' +
+    description:
+      'One `Animated.Value` is driven by a ' +
       'spring with custom constants and mapped to an ' +
       'ordered set of transforms.  Each transform has ' +
       'an interpolation to convert the value into the ' +
@@ -101,33 +100,46 @@ exports.examples = [
       this.anim = this.anim || new Animated.Value(0);
       return (
         <View>
-          <RNTesterButton onPress={() => {
-            Animated.spring(this.anim, {
-              toValue: 0,   // Returns to the start
-              velocity: 3,  // Velocity makes it move
-              tension: -10, // Slow
-              friction: 1,  // Oscillate a lot
-            }).start(); }}>
+          <RNTesterButton
+            onPress={() => {
+              Animated.spring(this.anim, {
+                toValue: 0, // Returns to the start
+                velocity: 3, // Velocity makes it move
+                tension: -10, // Slow
+                friction: 1, // Oscillate a lot
+              }).start();
+            }}>
             Press to Fling it!
           </RNTesterButton>
           <Animated.View
-            style={[styles.content, {
-              transform: [   // Array order matters
-                {scale: this.anim.interpolate({
-                  inputRange: [0, 1],
-                  outputRange: [1, 4],
-                })},
-                {translateX: this.anim.interpolate({
-                  inputRange: [0, 1],
-                  outputRange: [0, 500],
-                })},
-                {rotate: this.anim.interpolate({
-                  inputRange: [0, 1],
-                  outputRange: [
-                    '0deg', '360deg' // 'deg' or 'rad'
-                  ],
-                })},
-              ]}
+            style={[
+              styles.content,
+              {
+                transform: [
+                  // Array order matters
+                  {
+                    scale: this.anim.interpolate({
+                      inputRange: [0, 1],
+                      outputRange: [1, 4],
+                    }),
+                  },
+                  {
+                    translateX: this.anim.interpolate({
+                      inputRange: [0, 1],
+                      outputRange: [0, 500],
+                    }),
+                  },
+                  {
+                    rotate: this.anim.interpolate({
+                      inputRange: [0, 1],
+                      outputRange: [
+                        '0deg',
+                        '360deg', // 'deg' or 'rad'
+                      ],
+                    }),
+                  },
+                ],
+              },
             ]}>
             <Text>Transforms!</Text>
           </Animated.View>
@@ -137,80 +149,140 @@ exports.examples = [
   },
   {
     title: 'Composite Animations with Easing',
-    description: 'Sequence, parallel, delay, and ' +
+    description:
+      'Sequence, parallel, delay, and ' +
       'stagger with different easing functions.',
     render: function() {
-      this.anims = this.anims || [1,2,3].map(
-        () => new Animated.Value(0)
-      );
+      this.anims = this.anims || [1, 2, 3].map(() => new Animated.Value(0));
       return (
         <View>
-          <RNTesterButton onPress={() => {
-            var timing = Animated.timing;
-            Animated.sequence([ // One after the other
-              timing(this.anims[0], {
-                toValue: 200,
-                easing: Easing.linear,
-              }),
-              Animated.delay(400), // Use with sequence
-              timing(this.anims[0], {
-                toValue: 0,
-                easing: Easing.elastic(2), // Springy
-              }),
-              Animated.delay(400),
-              Animated.stagger(200,
-                this.anims.map((anim) => timing(
-                  anim, {toValue: 200}
-                )).concat(
-                this.anims.map((anim) => timing(
-                  anim, {toValue: 0}
-                ))),
-              ),
-              Animated.delay(400),
-              Animated.parallel([
-                Easing.inOut(Easing.quad), // Symmetric
-                Easing.back(1.5),  // Goes backwards first
-                Easing.ease        // Default bezier
-              ].map((easing, ii) => (
-                timing(this.anims[ii], {
-                  toValue: 320, easing, duration: 3000,
-                })
-              ))),
-              Animated.delay(400),
-              Animated.stagger(200,
-                this.anims.map((anim) => timing(anim, {
+          <RNTesterButton
+            onPress={() => {
+              var timing = Animated.timing;
+              Animated.sequence([
+                // One after the other
+                timing(this.anims[0], {
+                  toValue: 200,
+                  easing: Easing.linear,
+                }),
+                Animated.delay(400), // Use with sequence
+                timing(this.anims[0], {
                   toValue: 0,
-                  easing: Easing.bounce, // Like a ball
-                  duration: 2000,
-                })),
-              ),
-            ]).start(); }}>
+                  easing: Easing.elastic(2), // Springy
+                }),
+                Animated.delay(400),
+                Animated.stagger(
+                  200,
+                  this.anims
+                    .map(anim => timing(anim, {toValue: 200}))
+                    .concat(this.anims.map(anim => timing(anim, {toValue: 0}))),
+                ),
+                Animated.delay(400),
+                Animated.parallel(
+                  [
+                    Easing.inOut(Easing.quad), // Symmetric
+                    Easing.back(1.5), // Goes backwards first
+                    Easing.ease, // Default bezier
+                  ].map((easing, ii) =>
+                    timing(this.anims[ii], {
+                      toValue: 320,
+                      easing,
+                      duration: 3000,
+                    }),
+                  ),
+                ),
+                Animated.delay(400),
+                Animated.stagger(
+                  200,
+                  this.anims.map(anim =>
+                    timing(anim, {
+                      toValue: 0,
+                      easing: Easing.bounce, // Like a ball
+                      duration: 2000,
+                    }),
+                  ),
+                ),
+              ]).start();
+            }}>
             Press to Animate
           </RNTesterButton>
-          {['Composite', 'Easing', 'Animations!'].map(
-            (text, ii) => (
-              <Animated.View
-                key={text}
-                style={[styles.content, {
-                  left: this.anims[ii]
-                }]}>
-                <Text>{text}</Text>
-              </Animated.View>
-            )
-          )}
+          {['Composite', 'Easing', 'Animations!'].map((text, ii) => (
+            <Animated.View
+              key={text}
+              style={[
+                styles.content,
+                {
+                  left: this.anims[ii],
+                },
+              ]}>
+              <Text>{text}</Text>
+            </Animated.View>
+          ))}
+        </View>
+      );
+    },
+  },
+  {
+    title: 'Rotating Images',
+    description: 'Simple Animated.Image rotation.',
+    render: function() {
+      this.anim = this.anim || new Animated.Value(0);
+      return (
+        <View>
+          <RNTesterButton
+            onPress={() => {
+              Animated.spring(this.anim, {
+                toValue: 0, // Returns to the start
+                velocity: 3, // Velocity makes it move
+                tension: -10, // Slow
+                friction: 1, // Oscillate a lot
+              }).start();
+            }}>
+            Press to Spin it!
+          </RNTesterButton>
+          <Animated.Image
+            source={require('./bunny.png')}
+            style={[
+              {width: 70, height: 70},
+              {
+                transform: [
+                  {
+                    scale: this.anim.interpolate({
+                      inputRange: [0, 1],
+                      outputRange: [1, 10],
+                    }),
+                  },
+                  {
+                    translateX: this.anim.interpolate({
+                      inputRange: [0, 1],
+                      outputRange: [0, 100],
+                    }),
+                  },
+                  {
+                    rotate: this.anim.interpolate({
+                      inputRange: [0, 1],
+                      outputRange: [
+                        '0deg',
+                        '360deg', // 'deg' or 'rad'
+                      ],
+                    }),
+                  },
+                ],
+              },
+            ]}
+          />
         </View>
       );
     },
   },
   {
     title: 'Continuous Interactions',
-    description: 'Gesture events, chaining, 2D ' +
+    description:
+      'Gesture events, chaining, 2D ' +
       'values, interrupting and transitioning ' +
       'animations, etc.',
-    render: () => (
-      <Text>Checkout the Gratuitous Animation App!</Text>
-    ),
-  }
+    render: () => <Text>Checkout the Gratuitous Animation App!</Text>,
+  },
 ];
 
 var styles = StyleSheet.create({
diff --git a/RNTester/js/AnimatedGratuitousApp/AnExApp.js b/RNTester/js/AnimatedGratuitousApp/AnExApp.js
index 1116a84ee98254..5131f9641ca5d6 100644
--- a/RNTester/js/AnimatedGratuitousApp/AnExApp.js
+++ b/RNTester/js/AnimatedGratuitousApp/AnExApp.js
@@ -4,20 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnExApp
+ * @format
  * @flow
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  Animated,
-  LayoutAnimation,
-  PanResponder,
-  StyleSheet,
-  View,
-} = ReactNative;
+var {Animated, LayoutAnimation, PanResponder, StyleSheet, View} = ReactNative;
 
 var AnExSet = require('AnExSet');
 
@@ -37,55 +32,63 @@ class Circle extends React.Component<any, any> {
     this.state = {
       isActive: false,
       pan: new Animated.ValueXY(), // Vectors reduce boilerplate.  (step1: uncomment)
-      pop: new Animated.Value(0),  // Initial value.               (step2a: uncomment)
+      pop: new Animated.Value(0), // Initial value.               (step2a: uncomment)
     };
   }
 
   _onLongPress(): void {
     var config = {tension: 40, friction: 3};
-    this.state.pan.addListener((value) => {  // Async listener for state changes  (step1: uncomment)
+    this.state.pan.addListener(value => {
+      // Async listener for state changes  (step1: uncomment)
       this.props.onMove && this.props.onMove(value);
     });
     Animated.spring(this.state.pop, {
-      toValue: 1,                  //  Pop to larger size.                      (step2b: uncomment)
-      ...config,                   //  Reuse config for convenient consistency  (step2b: uncomment)
+      toValue: 1, //  Pop to larger size.                      (step2b: uncomment)
+      ...config, //  Reuse config for convenient consistency  (step2b: uncomment)
     }).start();
-    this.setState({panResponder: PanResponder.create({
-      onPanResponderMove: Animated.event([
-        null,                                         // native event - ignore      (step1: uncomment)
-        {dx: this.state.pan.x, dy: this.state.pan.y}, // links pan to gestureState  (step1: uncomment)
-      ]),
-      onPanResponderRelease: (e, gestureState) => {
-        LayoutAnimation.easeInEaseOut();  // @flowfixme animates layout update as one batch (step3: uncomment)
-        Animated.spring(this.state.pop, {
-          toValue: 0,                     // Pop back to 0                       (step2c: uncomment)
-          ...config,
-        }).start();
-        this.setState({panResponder: undefined});
-        this.props.onMove && this.props.onMove({
-          x: gestureState.dx + this.props.restLayout.x,
-          y: gestureState.dy + this.props.restLayout.y,
-        });
-        this.props.onDeactivate();
-        this.state.pan.removeAllListeners();
+    this.setState(
+      {
+        panResponder: PanResponder.create({
+          onPanResponderMove: Animated.event([
+            null, // native event - ignore      (step1: uncomment)
+            {dx: this.state.pan.x, dy: this.state.pan.y}, // links pan to gestureState  (step1: uncomment)
+          ]),
+          onPanResponderRelease: (e, gestureState) => {
+            LayoutAnimation.easeInEaseOut(); // @flowfixme animates layout update as one batch (step3: uncomment)
+            Animated.spring(this.state.pop, {
+              toValue: 0, // Pop back to 0                       (step2c: uncomment)
+              ...config,
+            }).start();
+            this.setState({panResponder: undefined});
+            this.props.onMove &&
+              this.props.onMove({
+                x: gestureState.dx + this.props.restLayout.x,
+                y: gestureState.dy + this.props.restLayout.y,
+              });
+            this.props.onDeactivate();
+            this.state.pan.removeAllListeners();
+          },
+        }),
       },
-    })}, () => {
-      this.props.onActivate();
-    });
+      () => {
+        this.props.onActivate();
+      },
+    );
   }
 
   render(): React.Node {
     if (this.state.panResponder) {
       var handlers = this.state.panResponder.panHandlers;
-      var dragStyle = {                 //  Used to position while dragging
-        position: 'absolute',           //  Hoist out of layout                    (step1: uncomment)
-        ...this.state.pan.getLayout(),  //  Convenience converter                  (step1: uncomment)
+      var dragStyle = {
+        //  Used to position while dragging
+        position: 'absolute', //  Hoist out of layout                    (step1: uncomment)
+        ...this.state.pan.getLayout(), //  Convenience converter                  (step1: uncomment)
       };
     } else {
       handlers = {
         onStartShouldSetResponder: () => !this.state.isActive,
         onResponderGrant: () => {
-          this.state.pan.setValue({x: 0, y: 0});           // reset                (step1: uncomment)
+          this.state.pan.setValue({x: 0, y: 0}); // reset                (step1: uncomment)
           this.state.pan.setOffset(this.props.restLayout); // offset from onLayout (step1: uncomment)
           /* $FlowFixMe(>=0.63.0 site=react_native_fb) This comment suppresses
            * an error found when Flow v0.63 was deployed. To see the error
@@ -100,35 +103,64 @@ class Circle extends React.Component<any, any> {
             clearTimeout(this.longTimer);
             this._toggleIsActive();
           }
-        }
+        },
       };
     }
     var animatedStyle: Object = {
-      shadowOpacity: this.state.pop,    // no need for interpolation            (step2d: uncomment)
+      shadowOpacity: this.state.pop, // no need for interpolation            (step2d: uncomment)
       transform: [
-        {scale: this.state.pop.interpolate({
-          inputRange: [0, 1],
-          outputRange: [1, 1.3]         // scale up from 1 to 1.3               (step2d: uncomment)
-        })},
+        {
+          scale: this.state.pop.interpolate({
+            inputRange: [0, 1],
+            outputRange: [1, 1.3], // scale up from 1 to 1.3               (step2d: uncomment)
+          }),
+        },
       ],
     };
     var openVal = this.props.openVal;
     if (this.props.dummy) {
       animatedStyle.opacity = 0;
     } else if (this.state.isActive) {
-      var innerOpenStyle = [styles.open, {                                 // (step4: uncomment)
-        left: openVal.interpolate({inputRange: [0, 1], outputRange: [this.props.restLayout.x, 0]}),
-        top: openVal.interpolate({inputRange: [0, 1], outputRange: [this.props.restLayout.y, 0]}),
-        width: openVal.interpolate({inputRange: [0, 1], outputRange: [CIRCLE_SIZE, this.props.containerLayout.width]}),
-        height: openVal.interpolate({inputRange: [0, 1], outputRange: [CIRCLE_SIZE, this.props.containerLayout.height]}),
-        margin: openVal.interpolate({inputRange: [0, 1], outputRange: [CIRCLE_MARGIN, 0]}),
-        borderRadius: openVal.interpolate({inputRange: [-0.15, 0, 0.5, 1], outputRange: [0, CIRCLE_SIZE / 2, CIRCLE_SIZE * 1.3, 0]}),
-      }];
+      var innerOpenStyle = [
+        styles.open,
+        {
+          // (step4: uncomment)
+          left: openVal.interpolate({
+            inputRange: [0, 1],
+            outputRange: [this.props.restLayout.x, 0],
+          }),
+          top: openVal.interpolate({
+            inputRange: [0, 1],
+            outputRange: [this.props.restLayout.y, 0],
+          }),
+          width: openVal.interpolate({
+            inputRange: [0, 1],
+            outputRange: [CIRCLE_SIZE, this.props.containerLayout.width],
+          }),
+          height: openVal.interpolate({
+            inputRange: [0, 1],
+            outputRange: [CIRCLE_SIZE, this.props.containerLayout.height],
+          }),
+          margin: openVal.interpolate({
+            inputRange: [0, 1],
+            outputRange: [CIRCLE_MARGIN, 0],
+          }),
+          borderRadius: openVal.interpolate({
+            inputRange: [-0.15, 0, 0.5, 1],
+            outputRange: [0, CIRCLE_SIZE / 2, CIRCLE_SIZE * 1.3, 0],
+          }),
+        },
+      ];
     }
     return (
       <Animated.View
         onLayout={this.props.onLayout}
-        style={[styles.dragView, dragStyle, animatedStyle, this.state.isActive ? styles.open : null]}
+        style={[
+          styles.dragView,
+          dragStyle,
+          animatedStyle,
+          this.state.isActive ? styles.open : null,
+        ]}
         {...handlers}>
         <Animated.View style={[styles.circle, innerOpenStyle]}>
           <AnExSet
@@ -145,14 +177,15 @@ class Circle extends React.Component<any, any> {
   _toggleIsActive(velocity) {
     var config = {tension: 30, friction: 7};
     if (this.state.isActive) {
-      Animated.spring(this.props.openVal, {toValue: 0, ...config}).start(() => { // (step4: uncomment)
+      Animated.spring(this.props.openVal, {toValue: 0, ...config}).start(() => {
+        // (step4: uncomment)
         this.setState({isActive: false}, this.props.onDeactivate);
-      });                                                                        // (step4: uncomment)
+      }); // (step4: uncomment)
     } else {
       this.props.onActivate();
       this.setState({isActive: true, panResponder: undefined}, () => {
         // this.props.openVal.setValue(1);                                             // (step4: comment)
-        Animated.spring(this.props.openVal, {toValue: 1, ...config}).start();    // (step4: uncomment)
+        Animated.spring(this.props.openVal, {toValue: 1, ...config}).start(); // (step4: uncomment)
       });
     }
   }
@@ -160,7 +193,8 @@ class Circle extends React.Component<any, any> {
 
 class AnExApp extends React.Component<any, any> {
   static title = 'Animated - Gratuitous App';
-  static description = 'Bunch of Animations - tap a circle to ' +
+  static description =
+    'Bunch of Animations - tap a circle to ' +
     'open a view with more animations, or longPress and drag to reorder circles.';
 
   _onMove: (position: Point) => void;
@@ -186,7 +220,7 @@ class AnExApp extends React.Component<any, any> {
         if (!this.state.restLayouts[idx]) {
           var onLayout = function(index, e) {
             var layout = e.nativeEvent.layout;
-            this.setState((state) => {
+            this.setState(state => {
               state.restLayouts[index] = layout;
               return state;
             });
@@ -209,7 +243,10 @@ class AnExApp extends React.Component<any, any> {
     });
     if (this.state.activeKey) {
       circles.push(
-        <Animated.View key="dark" style={[styles.darkening, {opacity: this.state.openVal}]} />
+        <Animated.View
+          key="dark"
+          style={[styles.darkening, {opacity: this.state.openVal}]}
+        />,
       );
       circles.push(
         <Circle
@@ -219,13 +256,17 @@ class AnExApp extends React.Component<any, any> {
           restLayout={this.state.activeInitialLayout}
           containerLayout={this.state.layout}
           onMove={this._onMove}
-          onDeactivate={() => { this.setState({activeKey: undefined}); }}
-        />
+          onDeactivate={() => {
+            this.setState({activeKey: undefined});
+          }}
+        />,
       );
     }
     return (
       <View style={styles.container}>
-        <View style={styles.grid} onLayout={(e) => this.setState({layout: e.nativeEvent.layout})}>
+        <View
+          style={styles.grid}
+          onLayout={e => this.setState({layout: e.nativeEvent.layout})}>
           {circles}
         </View>
       </View>
@@ -235,7 +276,7 @@ class AnExApp extends React.Component<any, any> {
   _onMove(position: Point): void {
     var newKeys = moveToClosest(this.state, position);
     if (newKeys !== this.state.keys) {
-      LayoutAnimation.easeInEaseOut();  // animates layout update as one batch (step3: uncomment)
+      LayoutAnimation.easeInEaseOut(); // animates layout update as one batch (step3: uncomment)
       this.setState({keys: newKeys});
     }
   }
diff --git a/RNTester/js/AnimatedGratuitousApp/AnExBobble.js b/RNTester/js/AnimatedGratuitousApp/AnExBobble.js
index d3f8885275eb91..14d4c839abe7c9 100644
--- a/RNTester/js/AnimatedGratuitousApp/AnExBobble.js
+++ b/RNTester/js/AnimatedGratuitousApp/AnExBobble.js
@@ -4,28 +4,28 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnExBobble
+ * @format
  * @flow
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  Animated,
-  PanResponder,
-  StyleSheet,
-  View,
-} = ReactNative;
+var {Animated, PanResponder, StyleSheet, View} = ReactNative;
 
 var NUM_BOBBLES = 5;
 var RAD_EACH = Math.PI / 2 / (NUM_BOBBLES - 2);
 var RADIUS = 160;
-var BOBBLE_SPOTS = [...Array(NUM_BOBBLES)].map((_, i) => {  // static positions
-  return i === 0 ? {x: 0, y: 0} : {                         // first bobble is the selector
-    x: -Math.cos(RAD_EACH * (i - 1)) * RADIUS,
-    y: -Math.sin(RAD_EACH * (i - 1)) * RADIUS,
-  };
+var BOBBLE_SPOTS = [...Array(NUM_BOBBLES)].map((_, i) => {
+  // static positions
+  return i === 0
+    ? {x: 0, y: 0}
+    : {
+        // first bobble is the selector
+        x: -Math.cos(RAD_EACH * (i - 1)) * RADIUS,
+        y: -Math.sin(RAD_EACH * (i - 1)) * RADIUS,
+      };
 });
 
 class AnExBobble extends React.Component<Object, any> {
@@ -36,18 +36,19 @@ class AnExBobble extends React.Component<Object, any> {
       return new Animated.ValueXY();
     });
     this.state.selectedBobble = null;
-    var bobblePanListener = (e, gestureState) => {     // async events => change selection
+    var bobblePanListener = (e, gestureState) => {
+      // async events => change selection
       var newSelected = computeNewSelected(gestureState);
       if (this.state.selectedBobble !== newSelected) {
         if (this.state.selectedBobble !== null) {
           var restSpot = BOBBLE_SPOTS[this.state.selectedBobble];
           Animated.spring(this.state.bobbles[this.state.selectedBobble], {
-            toValue: restSpot,       // return previously selected bobble to rest position
+            toValue: restSpot, // return previously selected bobble to rest position
           }).start();
         }
         if (newSelected !== null && newSelected !== 0) {
           Animated.spring(this.state.bobbles[newSelected], {
-            toValue: this.state.bobbles[0],    // newly selected should track the selector
+            toValue: this.state.bobbles[0], // newly selected should track the selector
           }).start();
         }
         this.state.selectedBobble = newSelected;
@@ -56,7 +57,7 @@ class AnExBobble extends React.Component<Object, any> {
     var releaseBobble = () => {
       this.state.bobbles.forEach((bobble, i) => {
         Animated.spring(bobble, {
-          toValue: {x: 0, y: 0}           // all bobbles return to zero
+          toValue: {x: 0, y: 0}, // all bobbles return to zero
         }).start();
       });
     };
@@ -65,14 +66,14 @@ class AnExBobble extends React.Component<Object, any> {
       onPanResponderGrant: () => {
         BOBBLE_SPOTS.forEach((spot, idx) => {
           Animated.spring(this.state.bobbles[idx], {
-            toValue: spot,                // spring each bobble to its spot
-            friction: 3,                  // less friction => bouncier
+            toValue: spot, // spring each bobble to its spot
+            friction: 3, // less friction => bouncier
           }).start();
         });
       },
       onPanResponderMove: Animated.event(
-        [ null, {dx: this.state.bobbles[0].x, dy: this.state.bobbles[0].y} ],
-        {listener: bobblePanListener}     // async state changes with arbitrary logic
+        [null, {dx: this.state.bobbles[0].x, dy: this.state.bobbles[0].y}],
+        {listener: bobblePanListener}, // async state changes with arbitrary logic
       ),
       onPanResponderRelease: releaseBobble,
       onPanResponderTerminate: releaseBobble,
@@ -90,10 +91,13 @@ class AnExBobble extends React.Component<Object, any> {
               {...handlers}
               key={i}
               source={{uri: BOBBLE_IMGS[j]}}
-              style={[styles.circle, {
-                backgroundColor: randColor(),                             // re-renders are obvious
-                transform: this.state.bobbles[j].getTranslateTransform(), // simple conversion
-              }]}
+              style={[
+                styles.circle,
+                {
+                  backgroundColor: randColor(), // re-renders are obvious
+                  transform: this.state.bobbles[j].getTranslateTransform(), // simple conversion
+                },
+              ]}
             />
           );
         })}
@@ -120,9 +124,7 @@ var styles = StyleSheet.create({
   },
 });
 
-function computeNewSelected(
-  gestureState: Object,
-): ?number {
+function computeNewSelected(gestureState: Object): ?number {
   var {dx, dy} = gestureState;
   var minDist = Infinity;
   var newSelected = null;
@@ -141,7 +143,7 @@ function computeNewSelected(
 }
 
 function randColor(): string {
-  var colors = [0,1,2].map(() => Math.floor(Math.random() * 150 + 100));
+  var colors = [0, 1, 2].map(() => Math.floor(Math.random() * 150 + 100));
   return 'rgb(' + colors.join(',') + ')';
 }
 
diff --git a/RNTester/js/AnimatedGratuitousApp/AnExChained.js b/RNTester/js/AnimatedGratuitousApp/AnExChained.js
index 63a83804ed34c9..b3c09570362a51 100644
--- a/RNTester/js/AnimatedGratuitousApp/AnExChained.js
+++ b/RNTester/js/AnimatedGratuitousApp/AnExChained.js
@@ -4,57 +4,56 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnExChained
+ * @format
  * @flow
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  Animated,
-  PanResponder,
-  StyleSheet,
-  View,
-} = ReactNative;
+var {Animated, PanResponder, StyleSheet, View} = ReactNative;
 
 class AnExChained extends React.Component<Object, any> {
   constructor(props: Object) {
     super(props);
     this.state = {
-      stickers: [new Animated.ValueXY()],                    // 1 leader
+      stickers: [new Animated.ValueXY()], // 1 leader
     };
-    var stickerConfig = {tension: 2, friction: 3};           // soft spring
-    for (var i = 0; i < 4; i++) {                            // 4 followers
+    var stickerConfig = {tension: 2, friction: 3}; // soft spring
+    for (var i = 0; i < 4; i++) {
+      // 4 followers
       var sticker = new Animated.ValueXY();
       Animated.spring(sticker, {
         ...stickerConfig,
-        toValue: this.state.stickers[i],               // Animated toValue's are tracked
+        toValue: this.state.stickers[i], // Animated toValue's are tracked
       }).start();
-      this.state.stickers.push(sticker);               // push on the followers
+      this.state.stickers.push(sticker); // push on the followers
     }
     var releaseChain = (e, gestureState) => {
-      this.state.stickers[0].flattenOffset();          // merges offset into value and resets
-      Animated.sequence([                              // spring to start after decay finishes
-        Animated.decay(this.state.stickers[0], {       // coast to a stop
+      this.state.stickers[0].flattenOffset(); // merges offset into value and resets
+      Animated.sequence([
+        // spring to start after decay finishes
+        Animated.decay(this.state.stickers[0], {
+          // coast to a stop
           velocity: {x: gestureState.vx, y: gestureState.vy},
           deceleration: 0.997,
         }),
         Animated.spring(this.state.stickers[0], {
-          toValue: {x: 0, y: 0}                        // return to start
+          toValue: {x: 0, y: 0}, // return to start
         }),
       ]).start();
     };
     this.state.chainResponder = PanResponder.create({
       onStartShouldSetPanResponder: () => true,
       onPanResponderGrant: () => {
-        this.state.stickers[0].stopAnimation((value) => {
-          this.state.stickers[0].setOffset(value);           // start where sticker animated to
-          this.state.stickers[0].setValue({x: 0, y: 0});     // avoid flicker before next event
+        this.state.stickers[0].stopAnimation(value => {
+          this.state.stickers[0].setOffset(value); // start where sticker animated to
+          this.state.stickers[0].setValue({x: 0, y: 0}); // avoid flicker before next event
         });
       },
       onPanResponderMove: Animated.event(
-        [null, {dx: this.state.stickers[0].x, dy: this.state.stickers[0].y}] // map gesture to leader
+        [null, {dx: this.state.stickers[0].x, dy: this.state.stickers[0].y}], // map gesture to leader
       ),
       onPanResponderRelease: releaseChain,
       onPanResponderTerminate: releaseChain,
@@ -66,15 +65,18 @@ class AnExChained extends React.Component<Object, any> {
       <View style={styles.chained}>
         {this.state.stickers.map((_, i) => {
           var j = this.state.stickers.length - i - 1; // reverse so leader is on top
-          var handlers = (j === 0) ? this.state.chainResponder.panHandlers : {};
+          var handlers = j === 0 ? this.state.chainResponder.panHandlers : {};
           return (
             <Animated.Image
               {...handlers}
               key={i}
               source={CHAIN_IMGS[j]}
-              style={[styles.sticker, {
-                transform: this.state.stickers[j].getTranslateTransform(), // simple conversion
-              }]}
+              style={[
+                styles.sticker,
+                {
+                  transform: this.state.stickers[j].getTranslateTransform(), // simple conversion
+                },
+              ]}
             />
           );
         })}
@@ -87,7 +89,7 @@ var styles = StyleSheet.create({
   chained: {
     alignSelf: 'flex-end',
     top: -160,
-    right: 126
+    right: 126,
   },
   sticker: {
     position: 'absolute',
@@ -102,7 +104,7 @@ var CHAIN_IMGS = [
   require('../bunny.png'),
   require('../relay.png'),
   require('../hawk.png'),
-  require('../bunny.png')
+  require('../bunny.png'),
 ];
 
 module.exports = AnExChained;
diff --git a/RNTester/js/AnimatedGratuitousApp/AnExScroll.js b/RNTester/js/AnimatedGratuitousApp/AnExScroll.js
index b7f69425437fdf..0dde543196d7f3 100644
--- a/RNTester/js/AnimatedGratuitousApp/AnExScroll.js
+++ b/RNTester/js/AnimatedGratuitousApp/AnExScroll.js
@@ -4,24 +4,18 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnExScroll
+ * @format
  * @flow
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  Animated,
-  Image,
-  ScrollView,
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
+var {Animated, Image, ScrollView, StyleSheet, Text, View} = ReactNative;
 
 class AnExScroll extends React.Component<$FlowFixMeProps, any> {
-  state: any = { scrollX: new Animated.Value(0) };
+  state: any = {scrollX: new Animated.Value(0)};
 
   render() {
     var width = this.props.panelWidth;
@@ -29,20 +23,17 @@ class AnExScroll extends React.Component<$FlowFixMeProps, any> {
       <View style={styles.container}>
         <ScrollView
           automaticallyAdjustContentInsets={false}
-          scrollEventThrottle={16 /* get all events */ }
+          scrollEventThrottle={16 /* get all events */}
           onScroll={Animated.event(
-            [{nativeEvent: {contentOffset: {x: this.state.scrollX}}}]  // nested event mapping
+            [{nativeEvent: {contentOffset: {x: this.state.scrollX}}}], // nested event mapping
           )}
           contentContainerStyle={{flex: 1, padding: 10}}
           pagingEnabled={true}
           horizontal={true}>
           <View style={[styles.page, {width}]}>
-            <Image
-              style={{width: 180, height: 180}}
-              source={HAWK_PIC}
-            />
+            <Image style={{width: 180, height: 180}} source={HAWK_PIC} />
             <Text style={styles.text}>
-              {'I\'ll find something to put here.'}
+              {"I'll find something to put here."}
             </Text>
           </View>
           <View style={[styles.page, {width}]}>
@@ -54,29 +45,34 @@ class AnExScroll extends React.Component<$FlowFixMeProps, any> {
         </ScrollView>
         <Animated.Image
           pointerEvents="none"
-          style={[styles.bunny, {transform: [
-            {
-              translateX: this.state.scrollX.interpolate({
-                inputRange: [0, width, 2 * width],
-                outputRange: [0, 0, width / 3],
-                extrapolate: 'clamp',
-              }),
-            },
-            {
-              translateY: this.state.scrollX.interpolate({
-                inputRange: [0, width, 2 * width],
-                outputRange: [0, -200, -260],
-                extrapolate: 'clamp',
-              }),
-            },
+          style={[
+            styles.bunny,
             {
-              scale: this.state.scrollX.interpolate({
-                inputRange: [0, width, 2 * width],
-                outputRange: [0.5, 0.5, 2],
-                extrapolate: 'clamp',
-              }),
+              transform: [
+                {
+                  translateX: this.state.scrollX.interpolate({
+                    inputRange: [0, width, 2 * width],
+                    outputRange: [0, 0, width / 3],
+                    extrapolate: 'clamp',
+                  }),
+                },
+                {
+                  translateY: this.state.scrollX.interpolate({
+                    inputRange: [0, width, 2 * width],
+                    outputRange: [0, -200, -260],
+                    extrapolate: 'clamp',
+                  }),
+                },
+                {
+                  scale: this.state.scrollX.interpolate({
+                    inputRange: [0, width, 2 * width],
+                    outputRange: [0.5, 0.5, 2],
+                    extrapolate: 'clamp',
+                  }),
+                },
+              ],
             },
-          ]}]}
+          ]}
           source={BUNNY_PIC}
         />
       </View>
@@ -108,7 +104,13 @@ var styles = StyleSheet.create({
   },
 });
 
-var HAWK_PIC = {uri: 'https://scontent-sea1-1.xx.fbcdn.net/hphotos-xfa1/t39.1997-6/10734304_1562225620659674_837511701_n.png'};
-var BUNNY_PIC = {uri: 'https://scontent-sea1-1.xx.fbcdn.net/hphotos-xaf1/t39.1997-6/851564_531111380292237_1898871086_n.png'};
+var HAWK_PIC = {
+  uri:
+    'https://scontent-sea1-1.xx.fbcdn.net/hphotos-xfa1/t39.1997-6/10734304_1562225620659674_837511701_n.png',
+};
+var BUNNY_PIC = {
+  uri:
+    'https://scontent-sea1-1.xx.fbcdn.net/hphotos-xaf1/t39.1997-6/851564_531111380292237_1898871086_n.png',
+};
 
 module.exports = AnExScroll;
diff --git a/RNTester/js/AnimatedGratuitousApp/AnExSet.js b/RNTester/js/AnimatedGratuitousApp/AnExSet.js
index a89fd2008a3f04..83bc5bfdb5f3f4 100644
--- a/RNTester/js/AnimatedGratuitousApp/AnExSet.js
+++ b/RNTester/js/AnimatedGratuitousApp/AnExSet.js
@@ -4,20 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnExSet
+ * @format
  * @flow
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  Animated,
-  PanResponder,
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
+var {Animated, PanResponder, StyleSheet, Text, View} = ReactNative;
 
 var AnExBobble = require('./AnExBobble');
 var AnExChained = require('./AnExChained');
@@ -28,7 +23,7 @@ class AnExSet extends React.Component<Object, any> {
   constructor(props: Object) {
     super(props);
     function randColor() {
-      var colors = [0,1,2].map(() => Math.floor(Math.random() * 150 + 100));
+      var colors = [0, 1, 2].map(() => Math.floor(Math.random() * 150 + 100));
       return 'rgb(' + colors.join(',') + ')';
     }
     this.state = {
@@ -37,38 +32,35 @@ class AnExSet extends React.Component<Object, any> {
     };
   }
   render(): React.Node {
-    var backgroundColor = this.props.openVal ?
-      this.props.openVal.interpolate({
-        inputRange: [0, 1],
-        outputRange: [
-          this.state.closeColor,  // interpolates color strings
-          this.state.openColor
-        ],
-      }) :
-      this.state.closeColor;
-    var panelWidth = this.props.containerLayout && this.props.containerLayout.width || 320;
+    var backgroundColor = this.props.openVal
+      ? this.props.openVal.interpolate({
+          inputRange: [0, 1],
+          outputRange: [
+            this.state.closeColor, // interpolates color strings
+            this.state.openColor,
+          ],
+        })
+      : this.state.closeColor;
+    var panelWidth =
+      (this.props.containerLayout && this.props.containerLayout.width) || 320;
     return (
       <View style={styles.container}>
         <Animated.View
-          style={[styles.header, { backgroundColor }]}
+          style={[styles.header, {backgroundColor}]}
           {...this.state.dismissResponder.panHandlers}>
-          <Text style={[styles.text, styles.headerText]}>
-            {this.props.id}
-          </Text>
+          <Text style={[styles.text, styles.headerText]}>{this.props.id}</Text>
         </Animated.View>
-        {this.props.isActive &&
+        {this.props.isActive && (
           <View style={styles.stream}>
             <View style={styles.card}>
-              <Text style={styles.text}>
-                July 2nd
-              </Text>
+              <Text style={styles.text}>July 2nd</Text>
               <AnExTilt isActive={this.props.isActive} />
               <AnExBobble />
             </View>
-            <AnExScroll panelWidth={panelWidth}/>
+            <AnExScroll panelWidth={panelWidth} />
             <AnExChained />
           </View>
-        }
+        )}
       </View>
     );
   }
@@ -78,24 +70,26 @@ class AnExSet extends React.Component<Object, any> {
     this.state.dismissResponder = PanResponder.create({
       onStartShouldSetPanResponder: () => this.props.isActive,
       onPanResponderGrant: () => {
-        Animated.spring(this.props.openVal, {          // Animated value passed in.
-          toValue: this.state.dismissY.interpolate({   // Track dismiss gesture
-            inputRange: [0, 300],                      // and interpolate pixel distance
-            outputRange: [1, 0],                       // to a fraction.
+        Animated.spring(this.props.openVal, {
+          // Animated value passed in.
+          toValue: this.state.dismissY.interpolate({
+            // Track dismiss gesture
+            inputRange: [0, 300], // and interpolate pixel distance
+            outputRange: [1, 0], // to a fraction.
           }),
           useNativeDriver: true,
         }).start();
       },
       onPanResponderMove: Animated.event(
-        [null, {dy: this.state.dismissY}],             // track pan gesture
-        {useNativeDriver: true}
+        [null, {dy: this.state.dismissY}], // track pan gesture
+        {useNativeDriver: true},
       ),
       onPanResponderRelease: (e, gestureState) => {
         if (gestureState.dy > 100) {
-          this.props.onDismiss(gestureState.vy);  // delegates dismiss action to parent
+          this.props.onDismiss(gestureState.vy); // delegates dismiss action to parent
         } else {
           Animated.spring(this.props.openVal, {
-            toValue: 1,                           // animate back open if released early
+            toValue: 1, // animate back open if released early
             useNativeDriver: true,
           }).start();
         }
diff --git a/RNTester/js/AnimatedGratuitousApp/AnExTilt.js b/RNTester/js/AnimatedGratuitousApp/AnExTilt.js
index a5678b6865073c..dbd823843486b5 100644
--- a/RNTester/js/AnimatedGratuitousApp/AnExTilt.js
+++ b/RNTester/js/AnimatedGratuitousApp/AnExTilt.js
@@ -4,18 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AnExTilt
+ * @format
  * @flow
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  Animated,
-  PanResponder,
-  StyleSheet,
-} = ReactNative;
+var {Animated, PanResponder, StyleSheet} = ReactNative;
 
 class AnExTilt extends React.Component<Object, any> {
   constructor(props: Object) {
@@ -30,14 +27,14 @@ class AnExTilt extends React.Component<Object, any> {
       onPanResponderGrant: () => {
         Animated.timing(this.state.opacity, {
           toValue: this.state.panX.interpolate({
-            inputRange: [-300, 0, 300],            // pan is in pixels
-            outputRange: [0, 1, 0],                // goes to zero at both edges
+            inputRange: [-300, 0, 300], // pan is in pixels
+            outputRange: [0, 1, 0], // goes to zero at both edges
           }),
-          duration: 0,                             // direct tracking
+          duration: 0, // direct tracking
         }).start();
       },
       onPanResponderMove: Animated.event(
-        [null, {dx: this.state.panX}]              // panX is linked to the gesture
+        [null, {dx: this.state.panX}], // panX is linked to the gesture
       ),
       onPanResponderRelease: (e, gestureState) => {
         var toValue = 0;
@@ -47,19 +44,20 @@ class AnExTilt extends React.Component<Object, any> {
           toValue = -500;
         }
         Animated.spring(this.state.panX, {
-          toValue,                         // animate back to center or off screen
-          velocity: gestureState.vx,       // maintain gesture velocity
+          toValue, // animate back to center or off screen
+          velocity: gestureState.vx, // maintain gesture velocity
           tension: 10,
           friction: 3,
         }).start();
         this.state.panX.removeAllListeners();
-        var id = this.state.panX.addListener(({value}) => { // listen until offscreen
+        var id = this.state.panX.addListener(({value}) => {
+          // listen until offscreen
           if (Math.abs(value) > 400) {
-            this.state.panX.removeListener(id);             // offscreen, so stop listening
+            this.state.panX.removeListener(id); // offscreen, so stop listening
             Animated.timing(this.state.opacity, {
-              toValue: 1,   // Fade back in.  This unlinks it from tracking this.state.panX
+              toValue: 1, // Fade back in.  This unlinks it from tracking this.state.panX
             }).start();
-            this.state.panX.setValue(0);                    // Note: stops the spring animation
+            this.state.panX.setValue(0); // Note: stops the spring animation
             toValue !== 0 && this._startBurnsZoom();
           }
         });
@@ -68,10 +66,10 @@ class AnExTilt extends React.Component<Object, any> {
   }
 
   _startBurnsZoom() {
-    this.state.burns.setValue(1);     // reset to beginning
+    this.state.burns.setValue(1); // reset to beginning
     Animated.decay(this.state.burns, {
-      velocity: 1,                    // sublte zoom
-      deceleration: 0.9999,           // slow decay
+      velocity: 1, // sublte zoom
+      deceleration: 0.9999, // slow decay
     }).start();
   }
 
@@ -83,27 +81,37 @@ class AnExTilt extends React.Component<Object, any> {
     return (
       <Animated.View
         {...this.state.tiltPanResponder.panHandlers}
-        style={[styles.tilt, {
-          opacity: this.state.opacity,
-          transform: [
-            {rotate: this.state.panX.interpolate({
-              inputRange: [-320, 320],
-              outputRange: ['-15deg', '15deg']})},  // interpolate string "shapes"
-            {translateX: this.state.panX},
-          ],
-        }]}>
+        style={[
+          styles.tilt,
+          {
+            opacity: this.state.opacity,
+            transform: [
+              {
+                rotate: this.state.panX.interpolate({
+                  inputRange: [-320, 320],
+                  outputRange: ['-15deg', '15deg'],
+                }),
+              }, // interpolate string "shapes"
+              {translateX: this.state.panX},
+            ],
+          },
+        ]}>
         <Animated.Image
           pointerEvents="none"
           style={{
             flex: 1,
             transform: [
-              {translateX: this.state.panX.interpolate({
-                inputRange: [-3, 3],     // small range is extended by default
-                outputRange: [2, -2]})   // parallax
+              {
+                translateX: this.state.panX.interpolate({
+                  inputRange: [-3, 3], // small range is extended by default
+                  outputRange: [2, -2],
+                }), // parallax
               },
-              {scale: this.state.burns.interpolate({
-                inputRange: [1, 3000],
-                outputRange: [1, 1.25]}) // simple multiplier
+              {
+                scale: this.state.burns.interpolate({
+                  inputRange: [1, 3000],
+                  outputRange: [1, 1.25],
+                }), // simple multiplier
               },
             ],
           }}
diff --git a/RNTester/js/AppStateExample.js b/RNTester/js/AppStateExample.js
index 8088d77fc06f37..b4ed67c27ba907 100644
--- a/RNTester/js/AppStateExample.js
+++ b/RNTester/js/AppStateExample.js
@@ -4,20 +4,20 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule AppStateExample
+ * @format
  * @flow
  */
+
 'use strict';
 
 const React = require('react');
 const ReactNative = require('react-native');
-const {
-  AppState,
-  Text,
-  View
-} = ReactNative;
+const {AppState, Text, View} = ReactNative;
 
-class AppStateSubscription extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
+class AppStateSubscription extends React.Component<
+  $FlowFixMeProps,
+  $FlowFixMeState,
+> {
   state = {
     appState: AppState.currentState,
     previousAppStates: [],
@@ -38,7 +38,7 @@ class AppStateSubscription extends React.Component<$FlowFixMeProps, $FlowFixMeSt
     this.setState({memoryWarnings: this.state.memoryWarnings + 1});
   };
 
-  _handleAppStateChange = (appState) => {
+  _handleAppStateChange = appState => {
     var previousAppStates = this.state.previousAppStates.slice();
     previousAppStates.push(this.state.appState);
     this.setState({
@@ -76,21 +76,31 @@ exports.examples = [
   {
     title: 'AppState.currentState',
     description: 'Can be null on app initialization',
-    render() { return <Text>{AppState.currentState}</Text>; }
+    render() {
+      return <Text>{AppState.currentState}</Text>;
+    },
   },
   {
     title: 'Subscribed AppState:',
-    description: 'This changes according to the current state, so you can only ever see it rendered as "active"',
-    render(): React.Element<any> { return <AppStateSubscription showCurrentOnly={true} />; }
+    description:
+      'This changes according to the current state, so you can only ever see it rendered as "active"',
+    render(): React.Element<any> {
+      return <AppStateSubscription showCurrentOnly={true} />;
+    },
   },
   {
     title: 'Previous states:',
-    render(): React.Element<any> { return <AppStateSubscription showCurrentOnly={false} />; }
+    render(): React.Element<any> {
+      return <AppStateSubscription showCurrentOnly={false} />;
+    },
   },
   {
     platform: 'ios',
     title: 'Memory Warnings',
-    description: 'In the IOS simulator, hit Shift+Command+M to simulate a memory warning.',
-    render(): React.Element<any> { return <AppStateSubscription showMemoryWarnings={true} />; }
+    description:
+      'In the IOS simulator, hit Shift+Command+M to simulate a memory warning.',
+    render(): React.Element<any> {
+      return <AppStateSubscription showMemoryWarnings={true} />;
+    },
   },
 ];
diff --git a/RNTester/js/AssetScaledImageExample.js b/RNTester/js/AssetScaledImageExample.js
index b723d8f50ea588..d3a295a27e8277 100644
--- a/RNTester/js/AssetScaledImageExample.js
+++ b/RNTester/js/AssetScaledImageExample.js
@@ -4,23 +4,22 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule AssetScaledImageExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  Image,
-  StyleSheet,
-  View,
-  ScrollView
-} = ReactNative;
+var {Image, StyleSheet, View, ScrollView} = ReactNative;
 
-class AssetScaledImageExample extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
+class AssetScaledImageExample extends React.Component<
+  $FlowFixMeProps,
+  $FlowFixMeState,
+> {
   state = {
-    asset: this.props.asset
+    asset: this.props.asset,
   };
 
   render() {
@@ -28,16 +27,16 @@ class AssetScaledImageExample extends React.Component<$FlowFixMeProps, $FlowFixM
     return (
       <ScrollView>
         <View style={styles.row}>
-          <Image source={image} style={styles.imageWide}/>
+          <Image source={image} style={styles.imageWide} />
         </View>
         <View style={styles.row}>
-          <Image source={image} style={styles.imageThumb}/>
-          <Image source={image} style={styles.imageThumb}/>
-          <Image source={image} style={styles.imageThumb}/>
+          <Image source={image} style={styles.imageThumb} />
+          <Image source={image} style={styles.imageThumb} />
+          <Image source={image} style={styles.imageThumb} />
         </View>
         <View style={styles.row}>
-          <Image source={image} style={styles.imageT1}/>
-          <Image source={image} style={styles.imageT2}/>
+          <Image source={image} style={styles.imageT1} />
+          <Image source={image} style={styles.imageT2} />
         </View>
       </ScrollView>
     );
@@ -86,5 +85,6 @@ var styles = StyleSheet.create({
 });
 
 exports.title = '<AssetScaledImageExample>';
-exports.description = 'Example component that displays the automatic scaling capabilities of the <Image /> tag';
+exports.description =
+  'Example component that displays the automatic scaling capabilities of the <Image /> tag';
 module.exports = AssetScaledImageExample;
diff --git a/RNTester/js/AsyncStorageExample.js b/RNTester/js/AsyncStorageExample.js
index 5e16a6b847c42c..14b7780220464d 100644
--- a/RNTester/js/AsyncStorageExample.js
+++ b/RNTester/js/AsyncStorageExample.js
@@ -4,19 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule AsyncStorageExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  AsyncStorage,
-  PickerIOS,
-  Text,
-  View
-} = ReactNative;
+var {AsyncStorage, PickerIOS, Text, View} = ReactNative;
 var PickerItemIOS = PickerIOS.Item;
 
 var STORAGE_KEY = '@AsyncStorageExample:key';
@@ -35,7 +31,7 @@ class BasicStorageExample extends React.Component<{}, $FlowFixMeState> {
   _loadInitialState = async () => {
     try {
       var value = await AsyncStorage.getItem(STORAGE_KEY);
-      if (value !== null){
+      if (value !== null) {
         this.setState({selectedValue: value});
         this._appendMessage('Recovered selection from disk: ' + value);
       } else {
@@ -50,35 +46,27 @@ class BasicStorageExample extends React.Component<{}, $FlowFixMeState> {
     var color = this.state.selectedValue;
     return (
       <View>
-        <PickerIOS
-          selectedValue={color}
-          onValueChange={this._onValueChange}>
-          {COLORS.map((value) => (
-            <PickerItemIOS
-              key={value}
-              value={value}
-              label={value}
-            />
+        <PickerIOS selectedValue={color} onValueChange={this._onValueChange}>
+          {COLORS.map(value => (
+            <PickerItemIOS key={value} value={value} label={value} />
           ))}
         </PickerIOS>
         <Text>
           {'Selected: '}
-          <Text style={{color}}>
-            {this.state.selectedValue}
-          </Text>
+          <Text style={{color}}>{this.state.selectedValue}</Text>
         </Text>
-        <Text>{' '}</Text>
+        <Text> </Text>
         <Text onPress={this._removeStorage}>
           Press here to remove from storage.
         </Text>
-        <Text>{' '}</Text>
+        <Text> </Text>
         <Text>Messages:</Text>
-        {this.state.messages.map((m) => <Text key={m}>{m}</Text>)}
+        {this.state.messages.map(m => <Text key={m}>{m}</Text>)}
       </View>
     );
   }
 
-  _onValueChange = async (selectedValue) => {
+  _onValueChange = async selectedValue => {
     this.setState({selectedValue});
     try {
       await AsyncStorage.setItem(STORAGE_KEY, selectedValue);
@@ -97,7 +85,7 @@ class BasicStorageExample extends React.Component<{}, $FlowFixMeState> {
     }
   };
 
-  _appendMessage = (message) => {
+  _appendMessage = message => {
     this.setState({messages: this.state.messages.concat(message)});
   };
 }
@@ -107,6 +95,8 @@ exports.description = 'Asynchronous local disk storage.';
 exports.examples = [
   {
     title: 'Basics - getItem, setItem, removeItem',
-    render(): React.Element<any> { return <BasicStorageExample />; }
+    render(): React.Element<any> {
+      return <BasicStorageExample />;
+    },
   },
 ];
diff --git a/RNTester/js/BorderExample.js b/RNTester/js/BorderExample.js
index 8885537fb35b43..388fc68fef4938 100644
--- a/RNTester/js/BorderExample.js
+++ b/RNTester/js/BorderExample.js
@@ -4,16 +4,14 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule BorderExample
+ * @format
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  View
-} = ReactNative;
+var {StyleSheet, View} = ReactNative;
 
 var styles = StyleSheet.create({
   box: {
@@ -85,7 +83,7 @@ var styles = StyleSheet.create({
   border7_inner: {
     backgroundColor: 'blue',
     width: 100,
-    height: 100
+    height: 100,
   },
   border8: {
     width: 60,
@@ -159,46 +157,47 @@ var styles = StyleSheet.create({
     borderTopRightRadius: 40,
     borderBottomRightRadius: 30,
     borderBottomLeftRadius: 40,
-  }
+  },
 });
 
 exports.title = 'Border';
-exports.description = 'Demonstrates some of the border styles available to Views.';
+exports.description =
+  'Demonstrates some of the border styles available to Views.';
 exports.examples = [
   {
     title: 'Equal-Width / Same-Color',
     description: 'borderWidth & borderColor',
     render() {
       return <View style={[styles.box, styles.border1]} />;
-    }
+    },
   },
   {
     title: 'Equal-Width / Same-Color',
     description: 'borderWidth & borderColor & borderRadius',
     render() {
       return <View style={[styles.box, styles.borderRadius]} />;
-    }
+    },
   },
   {
     title: 'Equal-Width Borders',
     description: 'borderWidth & border*Color',
     render() {
       return <View style={[styles.box, styles.border2]} />;
-    }
+    },
   },
   {
     title: 'Same-Color Borders',
     description: 'border*Width & borderColor',
     render() {
       return <View style={[styles.box, styles.border3]} />;
-    }
+    },
   },
   {
     title: 'Custom Borders',
     description: 'border*Width & border*Color',
     render() {
       return <View style={[styles.box, styles.border4]} />;
-    }
+    },
   },
   {
     title: 'Custom Borders',
@@ -206,7 +205,7 @@ exports.examples = [
     platform: 'ios',
     render() {
       return <View style={[styles.box, styles.border5]} />;
-    }
+    },
   },
   {
     title: 'Custom Borders',
@@ -214,7 +213,7 @@ exports.examples = [
     platform: 'ios',
     render() {
       return <View style={[styles.box, styles.border6]} />;
-    }
+    },
   },
   {
     title: 'Custom Borders',
@@ -226,7 +225,7 @@ exports.examples = [
           <View style={styles.border7_inner} />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Single Borders',
@@ -240,14 +239,14 @@ exports.examples = [
           <View style={[styles.box, styles.border8, {borderRightWidth: 5}]} />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Corner Radii',
     description: 'borderTopLeftRadius & borderBottomRightRadius',
     render() {
       return <View style={[styles.box, styles.border9]} />;
-    }
+    },
   },
   {
     title: 'Corner Radii / Elevation',
@@ -255,34 +254,34 @@ exports.examples = [
     platform: 'android',
     render() {
       return <View style={[styles.box, styles.border10]} />;
-    }
+    },
   },
   {
     title: 'CSS Trick - Triangle',
     description: 'create a triangle by manipulating border colors and widths',
     render() {
       return <View style={[styles.border11]} />;
-    }
+    },
   },
   {
     title: 'Curved border(Left|Right|Bottom|Top)Width',
     description: 'Make a non-uniform width curved border',
     render() {
       return <View style={[styles.box, styles.border12]} />;
-    }
+    },
   },
   {
     title: 'Curved border(Left|Right|Bottom|Top)Color',
     description: 'Make a non-uniform color curved border',
     render() {
       return <View style={[styles.box, styles.border13]} />;
-    }
+    },
   },
   {
     title: 'Curved border(Top|Bottom)(Left|Right)Radius',
     description: 'Make a non-uniform radius curved border',
     render() {
       return <View style={[styles.box, styles.border14]} />;
-    }
-  }
+    },
+  },
 ];
diff --git a/RNTester/js/BoxShadowExample.js b/RNTester/js/BoxShadowExample.js
index bddce0490b3b2c..42fe0aaad5aec2 100644
--- a/RNTester/js/BoxShadowExample.js
+++ b/RNTester/js/BoxShadowExample.js
@@ -4,17 +4,14 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule BoxShadowExample
+ * @format
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  Image,
-  StyleSheet,
-  View
-} = ReactNative;
+var {Image, StyleSheet, View} = ReactNative;
 
 var styles = StyleSheet.create({
   box: {
@@ -36,46 +33,72 @@ var styles = StyleSheet.create({
 });
 
 exports.title = 'Box Shadow';
-exports.description = 'Demonstrates some of the shadow styles available to Views.';
+exports.description =
+  'Demonstrates some of the shadow styles available to Views.';
 exports.examples = [
   {
     title: 'Basic shadow',
     description: 'shadowOpacity: 0.5, shadowOffset: {2, 2}',
     render() {
       return <View style={[styles.box, styles.shadow1]} />;
-    }
+    },
   },
   {
     title: 'Colored shadow',
-    description: 'shadowColor: \'red\', shadowRadius: 0',
+    description: "shadowColor: 'red', shadowRadius: 0",
     render() {
       return <View style={[styles.box, styles.shadow2]} />;
-    }
+    },
   },
   {
     title: 'Shaped shadow',
     description: 'borderRadius: 50',
     render() {
       return <View style={[styles.box, styles.shadow1, {borderRadius: 50}]} />;
-    }
+    },
   },
   {
     title: 'Image shadow',
     description: 'Image shadows are derived exactly from the pixels.',
     render() {
-      return <Image
-        source={require('./hawk.png')}
-        style={[styles.box, styles.shadow1, {borderWidth: 0, overflow: 'visible'}]}
-      />;
-    }
+      return (
+        <Image
+          source={require('./hawk.png')}
+          style={[
+            styles.box,
+            styles.shadow1,
+            {borderWidth: 0, overflow: 'visible'},
+          ]}
+        />
+      );
+    },
   },
   {
     title: 'Child shadow',
-    description: 'For views without an opaque background color, shadow will be derived from the subviews.',
+    description:
+      'For views without an opaque background color, shadow will be derived from the subviews.',
     render() {
-      return <View style={[styles.box, styles.shadow1, {backgroundColor: 'transparent'}]}>
-        <View style={[styles.box, {width: 80, height: 80, borderRadius: 40, margin: 8, backgroundColor: 'red'}]}/>
-      </View>;
-    }
+      return (
+        <View
+          style={[
+            styles.box,
+            styles.shadow1,
+            {backgroundColor: 'transparent'},
+          ]}>
+          <View
+            style={[
+              styles.box,
+              {
+                width: 80,
+                height: 80,
+                borderRadius: 40,
+                margin: 8,
+                backgroundColor: 'red',
+              },
+            ]}
+          />
+        </View>
+      );
+    },
   },
 ];
diff --git a/RNTester/js/ButtonExample.js b/RNTester/js/ButtonExample.js
index 6c850a2121a7f6..1d72519869722d 100644
--- a/RNTester/js/ButtonExample.js
+++ b/RNTester/js/ButtonExample.js
@@ -4,18 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ButtonExample
  */
+
 'use strict';
 
 const React = require('react');
 const ReactNative = require('react-native');
-const {
-  Alert,
-  Button,
-  View,
-} = ReactNative;
+const {Alert, Button, View} = ReactNative;
 
 const onButtonPress = () => {
   Alert.alert('Button has been pressed!');
@@ -29,7 +26,8 @@ exports.description = 'Simple React Native button component.';
 exports.examples = [
   {
     title: 'Simple Button',
-    description: 'The title and onPress handler are required. It is ' +
+    description:
+      'The title and onPress handler are required. It is ' +
       'recommended to set accessibilityLabel to help make your app usable by ' +
       'everyone.',
     render: function() {
@@ -44,7 +42,8 @@ exports.examples = [
   },
   {
     title: 'Adjusted color',
-    description: 'Adjusts the color in a way that looks standard on each ' +
+    description:
+      'Adjusts the color in a way that looks standard on each ' +
       'platform. On iOS, the color prop controls the color of the text. On ' +
       'Android, the color adjusts the background color of the button.',
     render: function() {
@@ -60,8 +59,8 @@ exports.examples = [
   },
   {
     title: 'Fit to text layout',
-    description: 'This layout strategy lets the title define the width of ' +
-      'the button',
+    description:
+      'This layout strategy lets the title define the width of ' + 'the button',
     render: function() {
       return (
         <View style={{flexDirection: 'row', justifyContent: 'space-between'}}>
diff --git a/RNTester/js/CameraRollExample.js b/RNTester/js/CameraRollExample.js
index 508980d47196ad..f289a2b610771f 100644
--- a/RNTester/js/CameraRollExample.js
+++ b/RNTester/js/CameraRollExample.js
@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @flow
- * @providesModule CameraRollExample
  * @format
  */
 'use strict';
diff --git a/RNTester/js/CameraRollView.js b/RNTester/js/CameraRollView.js
index f69a4feed65fcb..1568585ea89cf4 100644
--- a/RNTester/js/CameraRollView.js
+++ b/RNTester/js/CameraRollView.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule CameraRollView
+ * @format
  * @flow
  */
+
 'use strict';
 
 var React = require('react');
@@ -59,15 +60,10 @@ var propTypes = {
    */
   imagesPerRow: PropTypes.number,
 
-   /**
+  /**
    * The asset type, one of 'Photos', 'Videos' or 'All'
    */
-  assetType: PropTypes.oneOf([
-    'Photos',
-    'Videos',
-    'All',
-  ]),
-
+  assetType: PropTypes.oneOf(['Photos', 'Videos', 'All']),
 };
 
 var CameraRollView = createReactClass({
@@ -83,12 +79,7 @@ var CameraRollView = createReactClass({
       renderImage: function(asset) {
         var imageSize = 150;
         var imageStyle = [styles.image, {width: imageSize, height: imageSize}];
-        return (
-          <Image
-            source={asset.node.image}
-            style={imageStyle}
-          />
-        );
+        return <Image source={asset.node.image} style={imageStyle} />;
       },
     };
   },
@@ -99,7 +90,7 @@ var CameraRollView = createReactClass({
     return {
       assets: ([]: Array<Image>),
       groupTypes: this.props.groupTypes,
-      lastCursor: (null : ?string),
+      lastCursor: (null: ?string),
       assetType: this.props.assetType,
       noMore: false,
       loadingMore: false,
@@ -115,7 +106,7 @@ var CameraRollView = createReactClass({
     var ds = new ListView.DataSource({rowHasChanged: this._rowHasChanged});
     this.state.dataSource = ds.cloneWithRows(
       // $FlowFixMe(>=0.41.0)
-      groupByEveryN(this.state.assets, this.props.imagesPerRow)
+      groupByEveryN(this.state.assets, this.props.imagesPerRow),
     );
   },
 
@@ -123,6 +114,9 @@ var CameraRollView = createReactClass({
     this.fetch();
   },
 
+  /* $FlowFixMe(>=0.68.0 site=react_native_fb) This comment suppresses an error
+   * found when Flow v0.68 was deployed. To see the error delete this comment
+   * and run Flow. */
   UNSAFE_componentWillReceiveProps: function(nextProps: {groupTypes?: string}) {
     if (this.props.groupTypes !== nextProps.groupTypes) {
       this.fetch(true);
@@ -176,7 +170,9 @@ var CameraRollView = createReactClass({
    */
   fetch: function(clear?: boolean) {
     if (!this.state.loadingMore) {
-      this.setState({loadingMore: true}, () => { this._fetch(clear); });
+      this.setState({loadingMore: true}, () => {
+        this._fetch(clear);
+      });
     }
   },
 
@@ -215,8 +211,12 @@ var CameraRollView = createReactClass({
   },
 
   // rowData is an array of images
-  _renderRow: function(rowData: Array<Image>, sectionID: string, rowID: string)  {
-    var images = rowData.map((image) => {
+  _renderRow: function(
+    rowData: Array<Image>,
+    sectionID: string,
+    rowID: string,
+  ) {
+    var images = rowData.map(image => {
       if (image === null) {
         return null;
       }
@@ -224,16 +224,12 @@ var CameraRollView = createReactClass({
       return this.props.renderImage(image);
     });
 
-    return (
-      <View style={styles.row}>
-        {images}
-      </View>
-    );
+    return <View style={styles.row}>{images}</View>;
   },
 
   _appendAssets: function(data: Object) {
     var assets = data.edges;
-    var newState: Object = { loadingMore: false };
+    var newState: Object = {loadingMore: false};
 
     if (!data.page_info.has_next_page) {
       newState.noMore = true;
@@ -244,7 +240,7 @@ var CameraRollView = createReactClass({
       newState.assets = this.state.assets.concat(assets);
       newState.dataSource = this.state.dataSource.cloneWithRows(
         // $FlowFixMe(>=0.41.0)
-        groupByEveryN(newState.assets, this.props.imagesPerRow)
+        groupByEveryN(newState.assets, this.props.imagesPerRow),
       );
     }
 
diff --git a/RNTester/js/CheckBoxExample.js b/RNTester/js/CheckBoxExample.js
index 98685fac4be787..1ef830cabd1248 100644
--- a/RNTester/js/CheckBoxExample.js
+++ b/RNTester/js/CheckBoxExample.js
@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @flow
- * @providesModule CheckBoxExample
  * @format
  */
 'use strict';
diff --git a/RNTester/js/ClipboardExample.js b/RNTester/js/ClipboardExample.js
index 8526cea43340e4..13309df37493c7 100644
--- a/RNTester/js/ClipboardExample.js
+++ b/RNTester/js/ClipboardExample.js
@@ -4,22 +4,19 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ClipboardExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  Clipboard,
-  View,
-  Text,
-} = ReactNative;
+var {Clipboard, View, Text} = ReactNative;
 
 class ClipboardExample extends React.Component<{}, $FlowFixMeState> {
   state = {
-    content: 'Content will appear here'
+    content: 'Content will appear here',
   };
 
   _setClipboardContent = async () => {
@@ -28,7 +25,7 @@ class ClipboardExample extends React.Component<{}, $FlowFixMeState> {
       var content = await Clipboard.getString();
       this.setState({content});
     } catch (e) {
-      this.setState({content:e.message});
+      this.setState({content: e.message});
     }
   };
 
@@ -38,9 +35,7 @@ class ClipboardExample extends React.Component<{}, $FlowFixMeState> {
         <Text onPress={this._setClipboardContent} style={{color: 'blue'}}>
           Tap to put "Hello World" in the clipboard
         </Text>
-        <Text style={{color: 'red', marginTop: 20}}>
-          {this.state.content}
-        </Text>
+        <Text style={{color: 'red', marginTop: 20}}>{this.state.content}</Text>
       </View>
     );
   }
@@ -52,7 +47,7 @@ exports.examples = [
   {
     title: 'Clipboard.setString() and getString()',
     render() {
-      return <ClipboardExample/>;
-    }
-  }
+      return <ClipboardExample />;
+    },
+  },
 ];
diff --git a/RNTester/js/DatePickerAndroidExample.js b/RNTester/js/DatePickerAndroidExample.js
index 926071b66d7a4a..fc63ca20e6b168 100644
--- a/RNTester/js/DatePickerAndroidExample.js
+++ b/RNTester/js/DatePickerAndroidExample.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule DatePickerAndroidExample
+ * @format
  */
+
 'use strict';
 
 var React = require('react');
@@ -63,31 +64,44 @@ class DatePickerAndroidExample extends React.Component {
       <RNTesterPage title="DatePickerAndroid">
         <RNTesterBlock title="Simple date picker">
           <TouchableWithoutFeedback
-            onPress={this.showPicker.bind(this, 'simple', {date: this.state.simpleDate})}>
+            onPress={this.showPicker.bind(this, 'simple', {
+              date: this.state.simpleDate,
+            })}>
             <Text style={styles.text}>{this.state.simpleText}</Text>
           </TouchableWithoutFeedback>
         </RNTesterBlock>
         <RNTesterBlock title="Simple spinner date picker">
           <TouchableWithoutFeedback
-            onPress={this.showPicker.bind(this, 'spinner', {date: this.state.spinnerDate, mode: 'spinner'})}>
+            onPress={this.showPicker.bind(this, 'spinner', {
+              date: this.state.spinnerDate,
+              mode: 'spinner',
+            })}>
             <Text style={styles.text}>{this.state.spinnerText}</Text>
           </TouchableWithoutFeedback>
         </RNTesterBlock>
         <RNTesterBlock title="Simple calendar date picker">
           <TouchableWithoutFeedback
-            onPress={this.showPicker.bind(this, 'calendar', {date: this.state.calendarDate, mode: 'calendar'})}>
+            onPress={this.showPicker.bind(this, 'calendar', {
+              date: this.state.calendarDate,
+              mode: 'calendar',
+            })}>
             <Text style={styles.text}>{this.state.calendarText}</Text>
           </TouchableWithoutFeedback>
         </RNTesterBlock>
         <RNTesterBlock title="Simple default date picker">
           <TouchableWithoutFeedback
-            onPress={this.showPicker.bind(this, 'default', {date: this.state.defaultDate, mode: 'default'})}>
+            onPress={this.showPicker.bind(this, 'default', {
+              date: this.state.defaultDate,
+              mode: 'default',
+            })}>
             <Text style={styles.text}>{this.state.defaultText}</Text>
           </TouchableWithoutFeedback>
         </RNTesterBlock>
         <RNTesterBlock title="Date picker with pre-set date">
           <TouchableWithoutFeedback
-            onPress={this.showPicker.bind(this, 'preset', {date: this.state.presetDate})}>
+            onPress={this.showPicker.bind(this, 'preset', {
+              date: this.state.presetDate,
+            })}>
             <Text style={styles.text}>{this.state.presetText}</Text>
           </TouchableWithoutFeedback>
         </RNTesterBlock>
@@ -118,7 +132,7 @@ class DatePickerAndroidExample extends React.Component {
             })}>
             <Text style={styles.text}>{this.state.allText}</Text>
           </TouchableWithoutFeedback>
-          </RNTesterBlock>
+        </RNTesterBlock>
       </RNTesterPage>
     );
   }
diff --git a/RNTester/js/DatePickerIOSExample.js b/RNTester/js/DatePickerIOSExample.js
index b11e0644c20d80..ec338471d6937a 100644
--- a/RNTester/js/DatePickerIOSExample.js
+++ b/RNTester/js/DatePickerIOSExample.js
@@ -4,25 +4,23 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule DatePickerIOSExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  DatePickerIOS,
-  StyleSheet,
-  Text,
-  TextInput,
-  View,
-} = ReactNative;
+var {DatePickerIOS, StyleSheet, Text, TextInput, View} = ReactNative;
 
-class DatePickerExample extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
+class DatePickerExample extends React.Component<
+  $FlowFixMeProps,
+  $FlowFixMeState,
+> {
   static defaultProps = {
     date: new Date(),
-    timeZoneOffsetInHours: (-1) * (new Date()).getTimezoneOffset() / 60,
+    timeZoneOffsetInHours: (-1 * new Date().getTimezoneOffset()) / 60,
   };
 
   state = {
@@ -30,11 +28,11 @@ class DatePickerExample extends React.Component<$FlowFixMeProps, $FlowFixMeState
     timeZoneOffsetInHours: this.props.timeZoneOffsetInHours,
   };
 
-  onDateChange = (date) => {
+  onDateChange = date => {
     this.setState({date: date});
   };
 
-  onTimezoneChange = (event) => {
+  onTimezoneChange = event => {
     var offset = parseInt(event.nativeEvent.text, 10);
     if (isNaN(offset)) {
       return;
@@ -48,11 +46,11 @@ class DatePickerExample extends React.Component<$FlowFixMeProps, $FlowFixMeState
     return (
       <View>
         <WithLabel label="Value:">
-          <Text>{
-            this.state.date.toLocaleDateString() +
-            ' ' +
-            this.state.date.toLocaleTimeString()
-          }</Text>
+          <Text>
+            {this.state.date.toLocaleDateString() +
+              ' ' +
+              this.state.date.toLocaleTimeString()}
+          </Text>
         </WithLabel>
         <WithLabel label="Timezone:">
           <TextInput
@@ -94,9 +92,7 @@ class WithLabel extends React.Component<$FlowFixMeProps> {
     return (
       <View style={styles.labelContainer}>
         <View style={styles.labelView}>
-          <Text style={styles.label}>
-            {this.props.label}
-          </Text>
+          <Text style={styles.label}>{this.props.label}</Text>
         </View>
         {this.props.children}
       </View>
@@ -108,9 +104,7 @@ class Heading extends React.Component<$FlowFixMeProps> {
   render() {
     return (
       <View style={styles.headingContainer}>
-        <Text style={styles.heading}>
-          {this.props.label}
-        </Text>
+        <Text style={styles.heading}>{this.props.label}</Text>
       </View>
     );
   }
@@ -120,12 +114,13 @@ exports.displayName = (undefined: ?string);
 exports.title = '<DatePickerIOS>';
 exports.description = 'Select dates and times using the native UIDatePicker.';
 exports.examples = [
-{
-  title: '<DatePickerIOS>',
-  render: function(): React.Element<any> {
-    return <DatePickerExample />;
+  {
+    title: '<DatePickerIOS>',
+    render: function(): React.Element<any> {
+      return <DatePickerExample />;
+    },
   },
-}];
+];
 
 var styles = StyleSheet.create({
   textinput: {
diff --git a/RNTester/js/DimensionsExample.js b/RNTester/js/DimensionsExample.js
index 9611eedd482de1..436968c3b34a9c 100644
--- a/RNTester/js/DimensionsExample.js
+++ b/RNTester/js/DimensionsExample.js
@@ -4,20 +4,20 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule DimensionsExample
+ * @format
  * @flow
  */
+
 'use strict';
 
 const React = require('react');
 const ReactNative = require('react-native');
-const {
-  Dimensions,
-  Text,
-  View
-} = ReactNative;
+const {Dimensions, Text, View} = ReactNative;
 
-class DimensionsSubscription extends React.Component<{dim: string}, {dims: Object}> {
+class DimensionsSubscription extends React.Component<
+  {dim: string},
+  {dims: Object},
+> {
   state = {
     dims: Dimensions.get(this.props.dim),
   };
@@ -30,7 +30,7 @@ class DimensionsSubscription extends React.Component<{dim: string}, {dims: Objec
     Dimensions.removeEventListener('change', this._handleDimensionsChange);
   }
 
-  _handleDimensionsChange = (dimensions) => {
+  _handleDimensionsChange = dimensions => {
     this.setState({
       dims: dimensions[this.props.dim],
     });
@@ -50,10 +50,14 @@ exports.description = 'Dimensions of the viewport';
 exports.examples = [
   {
     title: 'window',
-    render(): React.Element<any> { return <DimensionsSubscription dim="window" />; }
+    render(): React.Element<any> {
+      return <DimensionsSubscription dim="window" />;
+    },
   },
   {
     title: 'screen',
-    render(): React.Element<any> { return <DimensionsSubscription dim="screen" />; }
+    render(): React.Element<any> {
+      return <DimensionsSubscription dim="screen" />;
+    },
   },
 ];
diff --git a/RNTester/js/ExampleTypes.js b/RNTester/js/ExampleTypes.js
index e747e43be9f940..5d7e2a55795a04 100644
--- a/RNTester/js/ExampleTypes.js
+++ b/RNTester/js/ExampleTypes.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ExampleTypes
+ * @format
  * @flow
  */
+
 'use strict';
 
 /* $FlowFixMe(>=0.53.0 site=react_native_fb,react_native_oss) This comment
diff --git a/RNTester/js/FlatListExample.js b/RNTester/js/FlatListExample.js
index 9effcf9396c9ce..989b791829cff0 100644
--- a/RNTester/js/FlatListExample.js
+++ b/RNTester/js/FlatListExample.js
@@ -4,20 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule FlatListExample
  */
+
 'use strict';
 
 const Alert = require('Alert');
 const React = require('react');
 const ReactNative = require('react-native');
-const {
-  Animated,
-  FlatList,
-  StyleSheet,
-  View,
-} = ReactNative;
+const {Animated, StyleSheet, View} = ReactNative;
 
 const RNTesterPage = require('./RNTesterPage');
 
@@ -27,6 +23,7 @@ const {
   FooterComponent,
   HeaderComponent,
   ItemComponent,
+  ListEmptyComponent,
   ItemSeparatorComponent,
   PlainInput,
   SeparatorComponent,
@@ -37,8 +34,6 @@ const {
   renderSmallSwitchOption,
 } = require('./ListExampleShared');
 
-const AnimatedFlatList = Animated.createAnimatedComponent(FlatList);
-
 const VIEWABILITY_CONFIG = {
   minimumViewTime: 3000,
   viewAreaCoveragePercentThreshold: 100,
@@ -58,23 +53,26 @@ class FlatListExample extends React.PureComponent<{}, $FlowFixMeState> {
     fixedHeight: true,
     logViewable: false,
     virtualized: true,
+    empty: false,
   };
 
-  _onChangeFilterText = (filterText) => {
+  _onChangeFilterText = filterText => {
     this.setState({filterText});
   };
 
-  _onChangeScrollToIndex = (text) => {
-    this._listRef.getNode().scrollToIndex({viewPosition: 0.5, index: Number(text)});
+  _onChangeScrollToIndex = text => {
+    this._listRef
+      .getNode()
+      .scrollToIndex({viewPosition: 0.5, index: Number(text)});
   };
 
   _scrollPos = new Animated.Value(0);
   _scrollSinkX = Animated.event(
-    [{nativeEvent: { contentOffset: { x: this._scrollPos } }}],
+    [{nativeEvent: {contentOffset: {x: this._scrollPos}}}],
     {useNativeDriver: true},
   );
   _scrollSinkY = Animated.event(
-    [{nativeEvent: { contentOffset: { y: this._scrollPos } }}],
+    [{nativeEvent: {contentOffset: {y: this._scrollPos}}}],
     {useNativeDriver: true},
   );
 
@@ -84,14 +82,11 @@ class FlatListExample extends React.PureComponent<{}, $FlowFixMeState> {
 
   render() {
     const filterRegex = new RegExp(String(this.state.filterText), 'i');
-    const filter = (item) => (
-      filterRegex.test(item.text) || filterRegex.test(item.title)
-    );
+    const filter = item =>
+      filterRegex.test(item.text) || filterRegex.test(item.title);
     const filteredData = this.state.data.filter(filter);
     return (
-      <RNTesterPage
-        noSpacer={true}
-        noScroll={true}>
+      <RNTesterPage noSpacer={true} noScroll={true}>
         <View style={styles.container}>
           <View style={styles.searchRow}>
             <View style={styles.options}>
@@ -109,27 +104,29 @@ class FlatListExample extends React.PureComponent<{}, $FlowFixMeState> {
               {renderSmallSwitchOption(this, 'virtualized')}
               {renderSmallSwitchOption(this, 'horizontal')}
               {renderSmallSwitchOption(this, 'fixedHeight')}
-              {renderSmallSwitchOption(this, 'logViewable')}
+              {renderSmallSwitchOption(this, 'log')}
               {renderSmallSwitchOption(this, 'inverted')}
+              {renderSmallSwitchOption(this, 'empty')}
               {renderSmallSwitchOption(this, 'debug')}
               <Spindicator value={this._scrollPos} />
             </View>
           </View>
           <SeparatorComponent />
-          <AnimatedFlatList
+          <Animated.FlatList
             ItemSeparatorComponent={ItemSeparatorComponent}
             ListHeaderComponent={<HeaderComponent />}
             ListFooterComponent={FooterComponent}
-            data={filteredData}
+            ListEmptyComponent={ListEmptyComponent}
+            data={this.state.empty ? [] : filteredData}
             debug={this.state.debug}
             disableVirtualization={!this.state.virtualized}
-            getItemLayout={this.state.fixedHeight ?
-              this._getItemLayout :
-              undefined
+            getItemLayout={
+              this.state.fixedHeight ? this._getItemLayout : undefined
             }
             horizontal={this.state.horizontal}
             inverted={this.state.inverted}
-            key={(this.state.horizontal ? 'h' : 'v') +
+            key={
+              (this.state.horizontal ? 'h' : 'v') +
               (this.state.fixedHeight ? 'f' : 'd')
             }
             keyboardShouldPersistTaps="always"
@@ -138,7 +135,9 @@ class FlatListExample extends React.PureComponent<{}, $FlowFixMeState> {
             numColumns={1}
             onEndReached={this._onEndReached}
             onRefresh={this._onRefresh}
-            onScroll={this.state.horizontal ? this._scrollSinkX : this._scrollSinkY}
+            onScroll={
+              this.state.horizontal ? this._scrollSinkX : this._scrollSinkY
+            }
             onViewableItemsChanged={this._onViewableItemsChanged}
             ref={this._captureRef}
             refreshing={false}
@@ -150,7 +149,9 @@ class FlatListExample extends React.PureComponent<{}, $FlowFixMeState> {
       </RNTesterPage>
     );
   }
-  _captureRef = (ref) => { this._listRef = ref; };
+  _captureRef = ref => {
+    this._listRef = ref;
+  };
   _getItemLayout = (data: any, index: number) => {
     return getItemLayout(data, index, this.state.horizontal);
   };
@@ -158,7 +159,7 @@ class FlatListExample extends React.PureComponent<{}, $FlowFixMeState> {
     if (this.state.data.length >= 1000) {
       return;
     }
-    this.setState((state) => ({
+    this.setState(state => ({
       data: state.data.concat(genItemData(100, state.data.length)),
     }));
   };
@@ -178,20 +179,19 @@ class FlatListExample extends React.PureComponent<{}, $FlowFixMeState> {
   // This is called when items change viewability by scrolling into or out of
   // the viewable area.
   _onViewableItemsChanged = (info: {
-      changed: Array<{
-        key: string,
-        isViewable: boolean,
-        item: any,
-        index: ?number,
-        section?: any,
-      }>
-    }
-  ) => {
+    changed: Array<{
+      key: string,
+      isViewable: boolean,
+      item: any,
+      index: ?number,
+      section?: any,
+    }>,
+  }) => {
     // Impressions can be logged here
     if (this.state.logViewable) {
       infoLog(
         'onViewableItemsChanged: ',
-        info.changed.map((v) => ({...v, item: '...'})),
+        info.changed.map(v => ({...v, item: '...'})),
       );
     }
   };
@@ -199,10 +199,9 @@ class FlatListExample extends React.PureComponent<{}, $FlowFixMeState> {
     this._listRef.getNode().recordInteraction();
     pressItem(this, key);
   };
-  _listRef: AnimatedFlatList;
+  _listRef: Animated.FlatList;
 }
 
-
 const styles = StyleSheet.create({
   container: {
     backgroundColor: 'rgb(239, 239, 244)',
@@ -210,6 +209,7 @@ const styles = StyleSheet.create({
   },
   list: {
     backgroundColor: 'white',
+    flexGrow: 1,
   },
   options: {
     flexDirection: 'row',
diff --git a/RNTester/js/GeolocationExample.js b/RNTester/js/GeolocationExample.js
index 1282673f0acb91..73b5deeed92904 100644
--- a/RNTester/js/GeolocationExample.js
+++ b/RNTester/js/GeolocationExample.js
@@ -4,19 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule GeolocationExample
  */
-'use strict';
 
+'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
+var {StyleSheet, Text, View} = ReactNative;
 
 exports.framework = 'React';
 exports.title = 'Geolocation';
@@ -28,7 +24,7 @@ exports.examples = [
     render: function(): React.Element<any> {
       return <GeolocationExample />;
     },
-  }
+  },
 ];
 
 class GeolocationExample extends React.Component<{}, $FlowFixMeState> {
@@ -41,14 +37,14 @@ class GeolocationExample extends React.Component<{}, $FlowFixMeState> {
 
   componentDidMount() {
     navigator.geolocation.getCurrentPosition(
-      (position) => {
+      position => {
         var initialPosition = JSON.stringify(position);
         this.setState({initialPosition});
       },
-      (error) => alert(JSON.stringify(error)),
-      {enableHighAccuracy: true, timeout: 20000, maximumAge: 1000}
+      error => alert(JSON.stringify(error)),
+      {enableHighAccuracy: true, timeout: 20000, maximumAge: 1000},
     );
-    this.watchID = navigator.geolocation.watchPosition((position) => {
+    this.watchID = navigator.geolocation.watchPosition(position => {
       var lastPosition = JSON.stringify(position);
       this.setState({lastPosition});
     });
diff --git a/RNTester/js/ImageCapInsetsExample.js b/RNTester/js/ImageCapInsetsExample.js
index 645d002b9be457..76705f4d7e60d9 100644
--- a/RNTester/js/ImageCapInsetsExample.js
+++ b/RNTester/js/ImageCapInsetsExample.js
@@ -4,53 +4,45 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ImageCapInsetsExample
+ * @format
  * @flow
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
 
 var nativeImageSource = require('nativeImageSource');
-var {
-  Image,
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
+var {Image, StyleSheet, Text, View} = ReactNative;
 
 class ImageCapInsetsExample extends React.Component<{}> {
   render() {
     return (
       <View>
         <View style={styles.background}>
-          <Text>
-            capInsets: none
-          </Text>
+          <Text>capInsets: none</Text>
           <Image
             source={nativeImageSource({
               ios: 'story-background',
               width: 60,
-              height: 60
+              height: 60,
             })}
             style={styles.storyBackground}
-            resizeMode={Image.resizeMode.stretch}
+            resizeMode="stretch"
             capInsets={{left: 0, right: 0, bottom: 0, top: 0}}
           />
         </View>
         <View style={[styles.background, {paddingTop: 10}]}>
-          <Text>
-            capInsets: 15
-          </Text>
+          <Text>capInsets: 15</Text>
           <Image
             source={nativeImageSource({
               ios: 'story-background',
               width: 60,
-              height: 60
+              height: 60,
             })}
             style={styles.storyBackground}
-            resizeMode={Image.resizeMode.stretch}
+            resizeMode="stretch"
             capInsets={{left: 15, right: 15, bottom: 15, top: 15}}
           />
         </View>
@@ -75,7 +67,7 @@ var styles = StyleSheet.create({
   },
   text: {
     fontSize: 13.5,
-  }
+  },
 });
 
 module.exports = ImageCapInsetsExample;
diff --git a/RNTester/js/ImageEditingExample.js b/RNTester/js/ImageEditingExample.js
index d9defa775f5ae3..0bc25ce26d7743 100644
--- a/RNTester/js/ImageEditingExample.js
+++ b/RNTester/js/ImageEditingExample.js
@@ -4,6 +4,307 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ImageEditingExample
  */
+'use strict';
+
+var React = require('react');
+var ReactNative = require('react-native');
+var {
+  CameraRoll,
+  Image,
+  ImageEditor,
+  Platform,
+  ScrollView,
+  StyleSheet,
+  Text,
+  TouchableHighlight,
+  View,
+} = ReactNative;
+
+var PAGE_SIZE = 20;
+
+type ImageOffset = {
+  x: number,
+  y: number,
+};
+
+type ImageSize = {
+  width: number,
+  height: number,
+};
+
+type ImageCropData = {
+  offset: ImageOffset,
+  size: ImageSize,
+  displaySize?: ?ImageSize,
+  resizeMode?: ?any,
+};
+
+class SquareImageCropper extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
+  state: any;
+  _isMounted: boolean;
+  _transformData: ImageCropData;
+
+  constructor(props) {
+    super(props);
+    this._isMounted = true;
+    this.state = {
+      randomPhoto: null,
+      measuredSize: null,
+      croppedImageURI: null,
+      cropError: null,
+    };
+    this._fetchRandomPhoto();
+  }
+
+  async _fetchRandomPhoto() {
+    try {
+      const data = await CameraRoll.getPhotos({first: PAGE_SIZE});
+      if (!this._isMounted) {
+        return;
+      }
+      var edges = data.edges;
+      var edge = edges[Math.floor(Math.random() * edges.length)];
+      var randomPhoto = edge && edge.node && edge.node.image;
+      if (randomPhoto) {
+        this.setState({randomPhoto});
+      }
+    } catch (error) {
+      console.warn("Can't get a photo from camera roll", error);
+    }
+  }
+
+  componentWillUnmount() {
+    this._isMounted = false;
+  }
+
+  render() {
+    if (!this.state.measuredSize) {
+      return (
+        <View
+          style={styles.container}
+          onLayout={event => {
+            var measuredWidth = event.nativeEvent.layout.width;
+            if (!measuredWidth) {
+              return;
+            }
+            this.setState({
+              measuredSize: {width: measuredWidth, height: measuredWidth},
+            });
+          }}
+        />
+      );
+    }
+
+    if (!this.state.croppedImageURI) {
+      return this._renderImageCropper();
+    }
+    return this._renderCroppedImage();
+  }
+
+  _renderImageCropper() {
+    if (!this.state.randomPhoto) {
+      return <View style={styles.container} />;
+    }
+    var error = null;
+    if (this.state.cropError) {
+      error = <Text>{this.state.cropError.message}</Text>;
+    }
+    return (
+      <View style={styles.container}>
+        <Text>Drag the image within the square to crop:</Text>
+        <ImageCropper
+          image={this.state.randomPhoto}
+          size={this.state.measuredSize}
+          style={[styles.imageCropper, this.state.measuredSize]}
+          onTransformDataChange={data => (this._transformData = data)}
+        />
+        <TouchableHighlight
+          style={styles.cropButtonTouchable}
+          onPress={this._crop.bind(this)}>
+          <View style={styles.cropButton}>
+            <Text style={styles.cropButtonLabel}>Crop</Text>
+          </View>
+        </TouchableHighlight>
+        {error}
+      </View>
+    );
+  }
+
+  _renderCroppedImage() {
+    return (
+      <View style={styles.container}>
+        <Text>Here is the cropped image:</Text>
+        <Image
+          source={{uri: this.state.croppedImageURI}}
+          style={[styles.imageCropper, this.state.measuredSize]}
+        />
+        <TouchableHighlight
+          style={styles.cropButtonTouchable}
+          onPress={this._reset.bind(this)}>
+          <View style={styles.cropButton}>
+            <Text style={styles.cropButtonLabel}>Try again</Text>
+          </View>
+        </TouchableHighlight>
+      </View>
+    );
+  }
+
+  _crop() {
+    ImageEditor.cropImage(
+      this.state.randomPhoto.uri,
+      this._transformData,
+      croppedImageURI => this.setState({croppedImageURI}),
+      cropError => this.setState({cropError}),
+    );
+  }
+
+  _reset() {
+    this.setState({
+      randomPhoto: null,
+      croppedImageURI: null,
+      cropError: null,
+    });
+    this._fetchRandomPhoto();
+  }
+}
+
+class ImageCropper extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
+  _contentOffset: ImageOffset;
+  _maximumZoomScale: number;
+  _minimumZoomScale: number;
+  _scaledImageSize: ImageSize;
+  _horizontal: boolean;
+
+  componentWillMount() {
+    // Scale an image to the minimum size that is large enough to completely
+    // fill the crop box.
+    var widthRatio = this.props.image.width / this.props.size.width;
+    var heightRatio = this.props.image.height / this.props.size.height;
+    this._horizontal = widthRatio > heightRatio;
+    if (this._horizontal) {
+      this._scaledImageSize = {
+        width: this.props.image.width / heightRatio,
+        height: this.props.size.height,
+      };
+    } else {
+      this._scaledImageSize = {
+        width: this.props.size.width,
+        height: this.props.image.height / widthRatio,
+      };
+      if (Platform.OS === 'android') {
+        // hack to work around Android ScrollView a) not supporting zoom, and
+        // b) not supporting vertical scrolling when nested inside another
+        // vertical ScrollView (which it is, when displayed inside UIExplorer)
+        this._scaledImageSize.width *= 2;
+        this._scaledImageSize.height *= 2;
+        this._horizontal = true;
+      }
+    }
+    this._contentOffset = {
+      x: (this._scaledImageSize.width - this.props.size.width) / 2,
+      y: (this._scaledImageSize.height - this.props.size.height) / 2,
+    };
+    this._maximumZoomScale = Math.min(
+      this.props.image.width / this._scaledImageSize.width,
+      this.props.image.height / this._scaledImageSize.height,
+    );
+    this._minimumZoomScale = Math.max(
+      this.props.size.width / this._scaledImageSize.width,
+      this.props.size.height / this._scaledImageSize.height,
+    );
+    this._updateTransformData(
+      this._contentOffset,
+      this._scaledImageSize,
+      this.props.size,
+    );
+  }
+
+  _onScroll(event) {
+    this._updateTransformData(
+      event.nativeEvent.contentOffset,
+      event.nativeEvent.contentSize,
+      event.nativeEvent.layoutMeasurement,
+    );
+  }
+
+  _updateTransformData(offset, scaledImageSize, croppedImageSize) {
+    var offsetRatioX = offset.x / scaledImageSize.width;
+    var offsetRatioY = offset.y / scaledImageSize.height;
+    var sizeRatioX = croppedImageSize.width / scaledImageSize.width;
+    var sizeRatioY = croppedImageSize.height / scaledImageSize.height;
+
+    var cropData: ImageCropData = {
+      offset: {
+        x: this.props.image.width * offsetRatioX,
+        y: this.props.image.height * offsetRatioY,
+      },
+      size: {
+        width: this.props.image.width * sizeRatioX,
+        height: this.props.image.height * sizeRatioY,
+      },
+    };
+    this.props.onTransformDataChange &&
+      this.props.onTransformDataChange(cropData);
+  }
+
+  render() {
+    return (
+      <ScrollView
+        alwaysBounceVertical={true}
+        automaticallyAdjustContentInsets={false}
+        contentOffset={this._contentOffset}
+        decelerationRate="fast"
+        horizontal={this._horizontal}
+        maximumZoomScale={this._maximumZoomScale}
+        minimumZoomScale={this._minimumZoomScale}
+        onMomentumScrollEnd={this._onScroll.bind(this)}
+        onScrollEndDrag={this._onScroll.bind(this)}
+        showsHorizontalScrollIndicator={false}
+        showsVerticalScrollIndicator={false}
+        style={this.props.style}
+        scrollEventThrottle={16}>
+        <Image source={this.props.image} style={this._scaledImageSize} />
+      </ScrollView>
+    );
+  }
+}
+
+exports.framework = 'React';
+exports.title = 'ImageEditor';
+exports.description = 'Cropping and scaling with ImageEditor';
+exports.examples = [
+  {
+    title: 'Image Cropping',
+    render() {
+      return <SquareImageCropper />;
+    },
+  },
+];
+
+var styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignSelf: 'stretch',
+  },
+  imageCropper: {
+    alignSelf: 'center',
+    marginTop: 12,
+  },
+  cropButtonTouchable: {
+    alignSelf: 'center',
+    marginTop: 12,
+  },
+  cropButton: {
+    padding: 12,
+    backgroundColor: 'blue',
+    borderRadius: 4,
+  },
+  cropButtonLabel: {
+    color: 'white',
+    fontSize: 16,
+    fontWeight: '500',
+  },
+});
diff --git a/RNTester/js/ImageExample.js b/RNTester/js/ImageExample.js
index d30a24ca7c93b2..fdabeae355dd9a 100644
--- a/RNTester/js/ImageExample.js
+++ b/RNTester/js/ImageExample.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ImageExample
  */
+
 'use strict';
 
 var React = require('react');
@@ -22,10 +23,12 @@ var {
   ImageBackground,
 } = ReactNative;
 
-var base64Icon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAQAAACSR7JhAAADtUlEQVR4Ac3YA2Bj6QLH0XPT1Fzbtm29tW3btm3bfLZtv7e2ObZnms7d8Uw098tuetPzrxv8wiISrtVudrG2JXQZ4VOv+qUfmqCGGl1mqLhoA52oZlb0mrjsnhKpgeUNEs91Z0pd1kvihA3ULGVHiQO2narKSHKkEMulm9VgUyE60s1aWoMQUbpZOWE+kaqs4eLEjdIlZTcFZB0ndc1+lhB1lZrIuk5P2aib1NBpZaL+JaOGIt0ls47SKzLC7CqrlGF6RZ09HGoNy1lYl2aRSWL5GuzqWU1KafRdoRp0iOQEiDzgZPnG6DbldcomadViflnl/cL93tOoVbsOLVM2jylvdWjXolWX1hmfZbGR/wjypDjFLSZIRov09BgYmtUqPQPlQrPapecLgTIy0jMgPKtTeob2zWtrGH3xvjUkPCtNg/tm1rjwrMa+mdUkPd3hWbH0jArPGiU9ufCsNNWFZ40wpwn+62/66R2RUtoso1OB34tnLOcy7YB1fUdc9e0q3yru8PGM773vXsuZ5YIZX+5xmHwHGVvlrGPN6ZSiP1smOsMMde40wKv2VmwPPVXNut4sVpUreZiLBHi0qln/VQeI/LTMYXpsJtFiclUN+5HVZazim+Ky+7sAvxWnvjXrJFneVtLWLyPJu9K3cXLWeOlbMTlrIelbMDlrLenrjEQOtIF+fuI9xRp9ZBFp6+b6WT8RrxEpdK64BuvHgDk+vUy+b5hYk6zfyfs051gRoNO1usU12WWRWL73/MMEy9pMi9qIrR4ZpV16Rrvduxazmy1FSvuFXRkqTnE7m2kdb5U8xGjLw/spRr1uTov4uOgQE+0N/DvFrG/Jt7i/FzwxbA9kDanhf2w+t4V97G8lrT7wc08aA2QNUkuTfW/KimT01wdlfK4yEw030VfT0RtZbzjeMprNq8m8tnSTASrTLti64oBNdpmMQm0eEwvfPwRbUBywG5TzjPCsdwk3IeAXjQblLCoXnDVeoAz6SfJNk5TTzytCNZk/POtTSV40NwOFWzw86wNJRpubpXsn60NJFlHeqlYRbslqZm2jnEZ3qcSKgm0kTli3zZVS7y/iivZTweYXJ26Y+RTbV1zh3hYkgyFGSTKPfRVbRqWWVReaxYeSLarYv1Qqsmh1s95S7G+eEWK0f3jYKTbV6bOwepjfhtafsvUsqrQvrGC8YhmnO9cSCk3yuY984F1vesdHYhWJ5FvASlacshUsajFt2mUM9pqzvKGcyNJW0arTKN1GGGzQlH0tXwLDgQTurS8eIQAAAABJRU5ErkJggg==';
+var base64Icon =
+  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAQAAACSR7JhAAADtUlEQVR4Ac3YA2Bj6QLH0XPT1Fzbtm29tW3btm3bfLZtv7e2ObZnms7d8Uw098tuetPzrxv8wiISrtVudrG2JXQZ4VOv+qUfmqCGGl1mqLhoA52oZlb0mrjsnhKpgeUNEs91Z0pd1kvihA3ULGVHiQO2narKSHKkEMulm9VgUyE60s1aWoMQUbpZOWE+kaqs4eLEjdIlZTcFZB0ndc1+lhB1lZrIuk5P2aib1NBpZaL+JaOGIt0ls47SKzLC7CqrlGF6RZ09HGoNy1lYl2aRSWL5GuzqWU1KafRdoRp0iOQEiDzgZPnG6DbldcomadViflnl/cL93tOoVbsOLVM2jylvdWjXolWX1hmfZbGR/wjypDjFLSZIRov09BgYmtUqPQPlQrPapecLgTIy0jMgPKtTeob2zWtrGH3xvjUkPCtNg/tm1rjwrMa+mdUkPd3hWbH0jArPGiU9ufCsNNWFZ40wpwn+62/66R2RUtoso1OB34tnLOcy7YB1fUdc9e0q3yru8PGM773vXsuZ5YIZX+5xmHwHGVvlrGPN6ZSiP1smOsMMde40wKv2VmwPPVXNut4sVpUreZiLBHi0qln/VQeI/LTMYXpsJtFiclUN+5HVZazim+Ky+7sAvxWnvjXrJFneVtLWLyPJu9K3cXLWeOlbMTlrIelbMDlrLenrjEQOtIF+fuI9xRp9ZBFp6+b6WT8RrxEpdK64BuvHgDk+vUy+b5hYk6zfyfs051gRoNO1usU12WWRWL73/MMEy9pMi9qIrR4ZpV16Rrvduxazmy1FSvuFXRkqTnE7m2kdb5U8xGjLw/spRr1uTov4uOgQE+0N/DvFrG/Jt7i/FzwxbA9kDanhf2w+t4V97G8lrT7wc08aA2QNUkuTfW/KimT01wdlfK4yEw030VfT0RtZbzjeMprNq8m8tnSTASrTLti64oBNdpmMQm0eEwvfPwRbUBywG5TzjPCsdwk3IeAXjQblLCoXnDVeoAz6SfJNk5TTzytCNZk/POtTSV40NwOFWzw86wNJRpubpXsn60NJFlHeqlYRbslqZm2jnEZ3qcSKgm0kTli3zZVS7y/iivZTweYXJ26Y+RTbV1zh3hYkgyFGSTKPfRVbRqWWVReaxYeSLarYv1Qqsmh1s95S7G+eEWK0f3jYKTbV6bOwepjfhtafsvUsqrQvrGC8YhmnO9cSCk3yuY984F1vesdHYhWJ5FvASlacshUsajFt2mUM9pqzvKGcyNJW0arTKN1GGGzQlH0tXwLDgQTurS8eIQAAAABJRU5ErkJggg==';
 
 var ImageCapInsetsExample = require('./ImageCapInsetsExample');
-const IMAGE_PREFETCH_URL = 'http://origami.design/public/images/bird-logo.png?r=1&t=' + Date.now();
+const IMAGE_PREFETCH_URL =
+  'http://origami.design/public/images/bird-logo.png?r=1&t=' + Date.now();
 var prefetchTask = Image.prefetch(IMAGE_PREFETCH_URL);
 
 /* $FlowFixMe(>=0.63.0 site=react_native_fb) This comment suppresses an error
@@ -46,19 +49,22 @@ var NetworkImageCallbackExample = createReactClass({
   },
 
   render: function() {
-    var { mountTime } = this.state;
+    var {mountTime} = this.state;
 
     return (
       <View>
         <Image
           source={this.props.source}
           style={[styles.base, {overflow: 'visible'}]}
-          onLoadStart={() => this._loadEventFired(`✔ onLoadStart (+${new Date() - mountTime}ms)`)}
-          onLoad={(event) => {
-            // Currently this image source feature is only available on iOS.
+          onLoadStart={() =>
+            this._loadEventFired(`✔ onLoadStart (+${new Date() - mountTime}ms)`)
+          }
+          onLoad={event => {
             if (event.nativeEvent.source) {
               const url = event.nativeEvent.source.url;
-              this._loadEventFired(`✔ onLoad (+${new Date() - mountTime}ms) for URL ${url}`);
+              this._loadEventFired(
+                `✔ onLoad (+${new Date() - mountTime}ms) for URL ${url}`,
+              );
             } else {
               this._loadEventFired(`✔ onLoad (+${new Date() - mountTime}ms)`);
             }
@@ -66,43 +72,61 @@ var NetworkImageCallbackExample = createReactClass({
           onLoadEnd={() => {
             this._loadEventFired(`✔ onLoadEnd (+${new Date() - mountTime}ms)`);
             this.setState({startLoadPrefetched: true}, () => {
-              prefetchTask.then(() => {
-                this._loadEventFired(`✔ Prefetch OK (+${new Date() - mountTime}ms)`);
-              }, error => {
-                this._loadEventFired(`✘ Prefetch failed (+${new Date() - mountTime}ms)`);
-              });
+              prefetchTask.then(
+                () => {
+                  this._loadEventFired(
+                    `✔ Prefetch OK (+${new Date() - mountTime}ms)`,
+                  );
+                },
+                error => {
+                  this._loadEventFired(
+                    `✘ Prefetch failed (+${new Date() - mountTime}ms)`,
+                  );
+                },
+              );
             });
           }}
         />
-        {this.state.startLoadPrefetched ?
+        {this.state.startLoadPrefetched ? (
           <Image
             source={this.props.prefetchedSource}
             style={[styles.base, {overflow: 'visible'}]}
-            onLoadStart={() => this._loadEventFired(`✔ (prefetched) onLoadStart (+${new Date() - mountTime}ms)`)}
-            onLoad={(event) => {
+            onLoadStart={() =>
+              this._loadEventFired(
+                `✔ (prefetched) onLoadStart (+${new Date() - mountTime}ms)`,
+              )
+            }
+            onLoad={event => {
               // Currently this image source feature is only available on iOS.
               if (event.nativeEvent.source) {
                 const url = event.nativeEvent.source.url;
-                this._loadEventFired(`✔ (prefetched) onLoad (+${new Date() - mountTime}ms) for URL ${url}`);
+                this._loadEventFired(
+                  `✔ (prefetched) onLoad (+${new Date() -
+                    mountTime}ms) for URL ${url}`,
+                );
               } else {
-                this._loadEventFired(`✔ (prefetched) onLoad (+${new Date() - mountTime}ms)`);
+                this._loadEventFired(
+                  `✔ (prefetched) onLoad (+${new Date() - mountTime}ms)`,
+                );
               }
             }}
-            onLoadEnd={() => this._loadEventFired(`✔ (prefetched) onLoadEnd (+${new Date() - mountTime}ms)`)}
+            onLoadEnd={() =>
+              this._loadEventFired(
+                `✔ (prefetched) onLoadEnd (+${new Date() - mountTime}ms)`,
+              )
+            }
           />
-          : null}
-        <Text style={{marginTop: 20}}>
-          {this.state.events.join('\n')}
-        </Text>
+        ) : null}
+        <Text style={{marginTop: 20}}>{this.state.events.join('\n')}</Text>
       </View>
     );
   },
 
   _loadEventFired(event) {
-    this.setState((state) => {
-      return state.events = [...state.events, event];
+    this.setState(state => {
+      return (state.events = [...state.events, event]);
     });
-  }
+  },
 });
 
 var NetworkImageExample = createReactClass({
@@ -110,27 +134,38 @@ var NetworkImageExample = createReactClass({
     return {
       error: false,
       loading: false,
-      progress: 0
+      progress: 0,
     };
   },
   render: function() {
-    var loader = this.state.loading ?
+    var loader = this.state.loading ? (
       <View style={styles.progress}>
         <Text>{this.state.progress}%</Text>
-        <ActivityIndicator style={{marginLeft:5}} />
-      </View> : null;
-    return this.state.error ?
-      <Text>{this.state.error}</Text> :
+        <ActivityIndicator style={{marginLeft: 5}} />
+      </View>
+    ) : null;
+    return this.state.error ? (
+      <Text>{this.state.error}</Text>
+    ) : (
       <ImageBackground
         source={this.props.source}
         style={[styles.base, {overflow: 'visible'}]}
-        onLoadStart={(e) => this.setState({loading: true})}
-        onError={(e) => this.setState({error: e.nativeEvent.error, loading: false})}
-        onProgress={(e) => this.setState({progress: Math.round(100 * e.nativeEvent.loaded / e.nativeEvent.total)})}
+        onLoadStart={e => this.setState({loading: true})}
+        onError={e =>
+          this.setState({error: e.nativeEvent.error, loading: false})
+        }
+        onProgress={e =>
+          this.setState({
+            progress: Math.round(
+              (100 * e.nativeEvent.loaded) / e.nativeEvent.total,
+            ),
+          })
+        }
         onLoad={() => this.setState({loading: false, error: false})}>
         {loader}
-      </ImageBackground>;
-  }
+      </ImageBackground>
+    );
+  },
 });
 
 var ImageSizeExample = createReactClass({
@@ -155,7 +190,8 @@ var ImageSizeExample = createReactClass({
             backgroundColor: 'transparent',
             marginRight: 10,
           }}
-          source={this.props.source} />
+          source={this.props.source}
+        />
         <Text>
           Actual dimensions:{'\n'}
           Width: {this.state.width}, Height: {this.state.height}
@@ -176,26 +212,36 @@ var MultipleSourcesExample = createReactClass({
     return (
       <View>
         <View style={{flexDirection: 'row', justifyContent: 'space-between'}}>
-          <Text
-            style={styles.touchableText}
-            onPress={this.decreaseImageSize} >
+          <Text style={styles.touchableText} onPress={this.decreaseImageSize}>
             Decrease image size
           </Text>
-          <Text
-            style={styles.touchableText}
-            onPress={this.increaseImageSize} >
+          <Text style={styles.touchableText} onPress={this.increaseImageSize}>
             Increase image size
           </Text>
         </View>
-        <Text>Container image size: {this.state.width}x{this.state.height} </Text>
-        <View
-          style={{height: this.state.height, width: this.state.width}} >
+        <Text>
+          Container image size: {this.state.width}x{this.state.height}{' '}
+        </Text>
+        <View style={{height: this.state.height, width: this.state.width}}>
           <Image
             style={{flex: 1}}
             source={[
-              {uri: 'https://facebook.github.io/react-native/img/favicon.png', width: 38, height: 38},
-              {uri: 'https://facebook.github.io/react-native/img/favicon.png', width: 76, height: 76},
-              {uri: 'https://facebook.github.io/react-native/img/opengraph.png', width: 400, height: 400}
+              {
+                uri: 'https://facebook.github.io/react-native/img/favicon.png',
+                width: 38,
+                height: 38,
+              },
+              {
+                uri: 'https://facebook.github.io/react-native/img/favicon.png',
+                width: 76,
+                height: 76,
+              },
+              {
+                uri:
+                  'https://facebook.github.io/react-native/img/opengraph.png',
+                width: 400,
+                height: 400,
+              },
             ]}
           />
         </View>
@@ -225,33 +271,43 @@ var MultipleSourcesExample = createReactClass({
 exports.displayName = (undefined: ?string);
 exports.framework = 'React';
 exports.title = '<Image>';
-exports.description = 'Base component for displaying different types of images.';
+exports.description =
+  'Base component for displaying different types of images.';
 
 exports.examples = [
   {
     title: 'Plain Network Image',
-    description: 'If the `source` prop `uri` property is prefixed with ' +
-    '"http", then it will be downloaded from the network.',
+    description:
+      'If the `source` prop `uri` property is prefixed with ' +
+      '"http", then it will be downloaded from the network.',
     render: function() {
-      return (
-        <Image
-          source={fullImage}
-          style={styles.base}
-        />
-      );
+      return <Image source={fullImage} style={styles.base} />;
     },
   },
   {
     title: 'Plain Static Image',
-    description: 'Static assets should be placed in the source code tree, and ' +
-    'required in the same way as JavaScript modules.',
+    description:
+      'Static assets should be placed in the source code tree, and ' +
+      'required in the same way as JavaScript modules.',
     render: function() {
       return (
         <View style={styles.horizontal}>
-          <Image source={require('./uie_thumb_normal.png')} style={styles.icon} />
-          <Image source={require('./uie_thumb_selected.png')} style={styles.icon} />
-          <Image source={require('./uie_comment_normal.png')} style={styles.icon} />
-          <Image source={require('./uie_comment_highlighted.png')} style={styles.icon} />
+          <Image
+            source={require('./uie_thumb_normal.png')}
+            style={styles.icon}
+          />
+          <Image
+            source={require('./uie_thumb_selected.png')}
+            style={styles.icon}
+          />
+          <Image
+            source={require('./uie_comment_normal.png')}
+            style={styles.icon}
+          />
+          <Image
+            source={require('./uie_comment_highlighted.png')}
+            style={styles.icon}
+          />
         </View>
       );
     },
@@ -260,8 +316,14 @@ exports.examples = [
     title: 'Image Loading Events',
     render: function() {
       return (
-        <NetworkImageCallbackExample source={{uri: 'http://origami.design/public/images/bird-logo.png?r=1&t=' + Date.now()}}
-          prefetchedSource={{uri: IMAGE_PREFETCH_URL}}/>
+        <NetworkImageCallbackExample
+          source={{
+            uri:
+              'http://origami.design/public/images/bird-logo.png?r=1&t=' +
+              Date.now(),
+          }}
+          prefetchedSource={{uri: IMAGE_PREFETCH_URL}}
+        />
       );
     },
   },
@@ -269,7 +331,11 @@ exports.examples = [
     title: 'Error Handler',
     render: function() {
       return (
-        <NetworkImageExample source={{uri: 'https://TYPO_ERROR_facebook.github.io/react/logo-og.png'}} />
+        <NetworkImageExample
+          source={{
+            uri: 'https://TYPO_ERROR_facebook.github.io/react/logo-og.png',
+          }}
+        />
       );
     },
     platform: 'ios',
@@ -278,7 +344,11 @@ exports.examples = [
     title: 'Image Download Progress',
     render: function() {
       return (
-        <NetworkImageExample source={{uri: 'http://origami.design/public/images/bird-logo.png?r=1'}}/>
+        <NetworkImageExample
+          source={{
+            uri: 'http://origami.design/public/images/bird-logo.png?r=1',
+          }}
+        />
       );
     },
     platform: 'ios',
@@ -290,7 +360,9 @@ exports.examples = [
       return (
         <Image
           defaultSource={require('./bunny.png')}
-          source={{uri: 'https://facebook.github.io/origami/public/images/birds.jpg'}}
+          source={{
+            uri: 'https://facebook.github.io/origami/public/images/birds.jpg',
+          }}
           style={styles.base}
         />
       );
@@ -299,17 +371,18 @@ exports.examples = [
   },
   {
     title: 'Cache Policy',
-    description: 'First image has never been loaded before and is instructed not to load unless in cache.' +
-    'Placeholder image from above will stay. Second image is the same but forced to load regardless of' +
-    ' local cache state.',
-    render: function () {
+    description:
+      'First image has never been loaded before and is instructed not to load unless in cache.' +
+      'Placeholder image from above will stay. Second image is the same but forced to load regardless of' +
+      ' local cache state.',
+    render: function() {
       return (
         <View style={styles.horizontal}>
           <Image
             defaultSource={require('./bunny.png')}
             source={{
               uri: smallImage.uri + '?cacheBust=notinCache' + Date.now(),
-              cache: 'only-if-cached'
+              cache: 'only-if-cached',
             }}
             style={styles.base}
           />
@@ -317,7 +390,7 @@ exports.examples = [
             defaultSource={require('./bunny.png')}
             source={{
               uri: smallImage.uri + '?cacheBust=notinCache' + Date.now(),
-              cache: 'reload'
+              cache: 'reload',
             }}
             style={styles.base}
           />
@@ -336,7 +409,7 @@ exports.examples = [
             style={[
               styles.base,
               styles.background,
-              {borderWidth: 3, borderColor: '#f099f0'}
+              {borderWidth: 3, borderColor: '#f099f0'},
             ]}
           />
         </View>
@@ -353,7 +426,7 @@ exports.examples = [
             style={[
               styles.base,
               styles.background,
-              {borderWidth: 5, borderColor: '#f099f0'}
+              {borderWidth: 5, borderColor: '#f099f0'},
             ]}
           />
         </View>
@@ -365,10 +438,7 @@ exports.examples = [
     render: function() {
       return (
         <View style={styles.horizontal}>
-          <Image
-            style={[styles.base, {borderRadius: 5}]}
-            source={fullImage}
-          />
+          <Image style={[styles.base, {borderRadius: 5}]} source={fullImage} />
           <Image
             style={[styles.base, styles.leftMargin, {borderRadius: 19}]}
             source={fullImage}
@@ -387,7 +457,7 @@ exports.examples = [
             style={[
               styles.base,
               styles.leftMargin,
-              {backgroundColor: 'rgba(0, 0, 100, 0.25)'}
+              {backgroundColor: 'rgba(0, 0, 100, 0.25)'},
             ]}
             source={smallImage}
           />
@@ -408,10 +478,7 @@ exports.examples = [
     render: function() {
       return (
         <View style={styles.horizontal}>
-          <Image
-            style={[styles.base, {opacity: 1}]}
-            source={fullImage}
-          />
+          <Image style={[styles.base, {opacity: 1}]} source={fullImage} />
           <Image
             style={[styles.base, styles.leftMargin, {opacity: 0.8}]}
             source={fullImage}
@@ -443,10 +510,9 @@ exports.examples = [
         <View style={{width: 60, height: 60}}>
           <Image
             style={{...StyleSheet.absoluteFillObject}}
-            source={fullImage}/>
-          <Text style={styles.nestedText}>
-            React
-          </Text>
+            source={fullImage}
+          />
+          <Text style={styles.nestedText}>React</Text>
         </View>
       );
     },
@@ -458,16 +524,15 @@ exports.examples = [
         <ImageBackground
           style={{width: 60, height: 60, backgroundColor: 'transparent'}}
           source={fullImage}>
-          <Text style={styles.nestedText}>
-            React
-          </Text>
+          <Text style={styles.nestedText}>React</Text>
         </ImageBackground>
       );
     },
   },
   {
     title: 'Tint Color',
-    description: 'The `tintColor` style prop changes all the non-alpha ' +
+    description:
+      'The `tintColor` style prop changes all the non-alpha ' +
       'pixels to the tint color.',
     render: function() {
       return (
@@ -475,19 +540,31 @@ exports.examples = [
           <View style={styles.horizontal}>
             <Image
               source={require('./uie_thumb_normal.png')}
-              style={[styles.icon, {borderRadius: 5, tintColor: '#5ac8fa' }]}
+              style={[styles.icon, {borderRadius: 5, tintColor: '#5ac8fa'}]}
             />
             <Image
               source={require('./uie_thumb_normal.png')}
-              style={[styles.icon, styles.leftMargin, {borderRadius: 5, tintColor: '#4cd964' }]}
+              style={[
+                styles.icon,
+                styles.leftMargin,
+                {borderRadius: 5, tintColor: '#4cd964'},
+              ]}
             />
             <Image
               source={require('./uie_thumb_normal.png')}
-              style={[styles.icon, styles.leftMargin, {borderRadius: 5, tintColor: '#ff2d55' }]}
+              style={[
+                styles.icon,
+                styles.leftMargin,
+                {borderRadius: 5, tintColor: '#ff2d55'},
+              ]}
             />
             <Image
               source={require('./uie_thumb_normal.png')}
-              style={[styles.icon, styles.leftMargin, {borderRadius: 5, tintColor: '#8e8e93' }]}
+              style={[
+                styles.icon,
+                styles.leftMargin,
+                {borderRadius: 5, tintColor: '#8e8e93'},
+              ]}
             />
           </View>
           <Text style={styles.sectionText}>
@@ -496,19 +573,31 @@ exports.examples = [
           <View style={styles.horizontal}>
             <Image
               source={smallImage}
-              style={[styles.base, {borderRadius: 5, tintColor: '#5ac8fa' }]}
+              style={[styles.base, {borderRadius: 5, tintColor: '#5ac8fa'}]}
             />
             <Image
               source={smallImage}
-              style={[styles.base, styles.leftMargin, {borderRadius: 5, tintColor: '#4cd964' }]}
+              style={[
+                styles.base,
+                styles.leftMargin,
+                {borderRadius: 5, tintColor: '#4cd964'},
+              ]}
             />
             <Image
               source={smallImage}
-              style={[styles.base, styles.leftMargin, {borderRadius: 5, tintColor: '#ff2d55' }]}
+              style={[
+                styles.base,
+                styles.leftMargin,
+                {borderRadius: 5, tintColor: '#ff2d55'},
+              ]}
             />
             <Image
               source={smallImage}
-              style={[styles.base, styles.leftMargin, {borderRadius: 5, tintColor: '#8e8e93' }]}
+              style={[
+                styles.base,
+                styles.leftMargin,
+                {borderRadius: 5, tintColor: '#8e8e93'},
+              ]}
             />
           </View>
         </View>
@@ -517,73 +606,62 @@ exports.examples = [
   },
   {
     title: 'Resize Mode',
-    description: 'The `resizeMode` style prop controls how the image is ' +
+    description:
+      'The `resizeMode` style prop controls how the image is ' +
       'rendered within the frame.',
     render: function() {
       return (
         <View>
           {[smallImage, fullImage].map((image, index) => {
             return (
-            <View key={index}>
-              <View style={styles.horizontal}>
-                <View>
-                  <Text style={[styles.resizeModeText]}>
-                    Contain
-                  </Text>
-                  <Image
-                    style={styles.resizeMode}
-                    resizeMode={Image.resizeMode.contain}
-                    source={image}
-                  />
-                </View>
-                <View style={styles.leftMargin}>
-                  <Text style={[styles.resizeModeText]}>
-                    Cover
-                  </Text>
-                  <Image
-                    style={styles.resizeMode}
-                    resizeMode={Image.resizeMode.cover}
-                    source={image}
-                  />
-                </View>
-              </View>
-              <View style={styles.horizontal}>
-                <View>
-                  <Text style={[styles.resizeModeText]}>
-                    Stretch
-                  </Text>
-                  <Image
-                    style={styles.resizeMode}
-                    resizeMode={Image.resizeMode.stretch}
-                    source={image}
-                  />
+              <View key={index}>
+                <View style={styles.horizontal}>
+                  <View>
+                    <Text style={[styles.resizeModeText]}>Contain</Text>
+                    <Image
+                      style={styles.resizeMode}
+                      resizeMode="contain"
+                      source={image}
+                    />
+                  </View>
+                  <View style={styles.leftMargin}>
+                    <Text style={[styles.resizeModeText]}>Cover</Text>
+                    <Image
+                      style={styles.resizeMode}
+                      resizeMode="cover"
+                      source={image}
+                    />
+                  </View>
                 </View>
-                { Platform.OS === 'ios' ?
+                <View style={styles.horizontal}>
+                  <View>
+                    <Text style={[styles.resizeModeText]}>Stretch</Text>
+                    <Image
+                      style={styles.resizeMode}
+                      resizeMode="stretch"
+                      source={image}
+                    />
+                  </View>
                   <View style={styles.leftMargin}>
-                    <Text style={[styles.resizeModeText]}>
-                      Repeat
-                    </Text>
+                    <Text style={[styles.resizeModeText]}>Repeat</Text>
                     <Image
                       style={styles.resizeMode}
-                      resizeMode={Image.resizeMode.repeat}
+                      resizeMode="repeat"
+                      source={image}
+                    />
+                  </View>
+                  <View style={styles.leftMargin}>
+                    <Text style={[styles.resizeModeText]}>Center</Text>
+                    <Image
+                      style={styles.resizeMode}
+                      resizeMode="center"
                       source={image}
                     />
                   </View>
-                : null }
-                <View style={styles.leftMargin}>
-                  <Text style={[styles.resizeModeText]}>
-                    Center
-                  </Text>
-                  <Image
-                    style={styles.resizeMode}
-                    resizeMode={Image.resizeMode.center}
-                    source={image}
-                  />
                 </View>
               </View>
-            </View>
-          );
-        })}
+            );
+          })}
         </View>
       );
     },
@@ -594,7 +672,10 @@ exports.examples = [
       return (
         <Image
           style={styles.gif}
-          source={{uri: 'https://38.media.tumblr.com/9e9bd08c6e2d10561dd1fb4197df4c4e/tumblr_mfqekpMktw1rn90umo1_500.gif'}}
+          source={{
+            uri:
+              'https://38.media.tumblr.com/9e9bd08c6e2d10561dd1fb4197df4c4e/tumblr_mfqekpMktw1rn90umo1_500.gif',
+          }}
         />
       );
     },
@@ -604,10 +685,7 @@ exports.examples = [
     title: 'Base64 image',
     render: function() {
       return (
-        <Image
-          style={styles.base64}
-          source={{uri: base64Icon, scale: 3}}
-        />
+        <Image style={styles.base64} source={{uri: base64Icon, scale: 3}} />
       );
     },
     platform: 'ios',
@@ -645,17 +723,12 @@ exports.examples = [
       'Images shipped with the native bundle, but not managed ' +
       'by the JS packager',
     render: function() {
-      return (
-        <Image
-          source={{uri: 'legacy_image', width: 120, height: 120}}
-        />
-      );
+      return <Image source={{uri: 'legacy_image', width: 120, height: 120}} />;
     },
   },
   {
     title: 'Bundled images',
-    description:
-      'Images shipped in a separate native bundle',
+    description: 'Images shipped in a separate native bundle',
     render: function() {
       return (
         <View style={{flexDirection: 'row'}}>
@@ -687,11 +760,7 @@ exports.examples = [
     render: function() {
       return (
         <View style={styles.horizontal}>
-          <Image
-            style={[styles.base,]}
-            source={fullImage}
-            blurRadius={0}
-          />
+          <Image style={[styles.base]} source={fullImage} blurRadius={0} />
           <Image
             style={[styles.base, styles.leftMargin]}
             source={fullImage}
@@ -723,8 +792,12 @@ exports.examples = [
   },
 ];
 
-var fullImage = {uri: 'https://facebook.github.io/react-native/img/opengraph.png'};
-var smallImage = {uri: 'https://facebook.github.io/react-native/img/favicon.png'};
+var fullImage = {
+  uri: 'https://facebook.github.io/react-native/img/opengraph.png',
+};
+var smallImage = {
+  uri: 'https://facebook.github.io/react-native/img/favicon.png',
+};
 
 var styles = StyleSheet.create({
   base: {
@@ -735,13 +808,13 @@ var styles = StyleSheet.create({
     flex: 1,
     alignItems: 'center',
     flexDirection: 'row',
-    width: 100
+    width: 100,
   },
   leftMargin: {
     marginLeft: 10,
   },
   background: {
-    backgroundColor: '#222222'
+    backgroundColor: '#222222',
   },
   sectionText: {
     marginVertical: 6,
@@ -750,13 +823,13 @@ var styles = StyleSheet.create({
     marginLeft: 12,
     marginTop: 20,
     backgroundColor: 'transparent',
-    color: 'white'
+    color: 'white',
   },
   resizeMode: {
     width: 90,
     height: 60,
     borderWidth: 0.5,
-    borderColor: 'black'
+    borderColor: 'black',
   },
   resizeModeText: {
     fontSize: 11,
diff --git a/RNTester/js/InputAccessoryViewExample.js b/RNTester/js/InputAccessoryViewExample.js
index 13b5885789b967..a848b961436e4e 100644
--- a/RNTester/js/InputAccessoryViewExample.js
+++ b/RNTester/js/InputAccessoryViewExample.js
@@ -4,23 +4,24 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule InputAccessoryViewExample
  * @flow
  * @format
  */
 
 'use strict';
 
-const Alert = require('Alert');
-const Button = require('Button');
-const Dimensions = require('Dimensions');
-const InputAccessoryView = require('InputAccessoryView');
 const React = require('React');
-const ScrollView = require('ScrollView');
-const StyleSheet = require('StyleSheet');
-const Text = require('Text');
-const TextInput = require('TextInput');
-const View = require('View');
+const ReactNative = require('react-native');
+const {
+  Alert,
+  Button,
+  InputAccessoryView,
+  ScrollView,
+  StyleSheet,
+  Text,
+  TextInput,
+  View,
+} = ReactNative;
 
 class Message extends React.PureComponent<*> {
   render() {
@@ -36,9 +37,8 @@ class TextInputBar extends React.PureComponent<*, *> {
   state = {text: ''};
 
   render() {
-    const {width} = Dimensions.get('window');
     return (
-      <View style={[styles.textInputContainer, {width}]}>
+      <View style={styles.textInputContainer}>
         <TextInput
           style={styles.textInput}
           onChangeText={text => {
@@ -60,7 +60,8 @@ class TextInputBar extends React.PureComponent<*, *> {
 
 class InputAccessoryViewExample extends React.Component<*> {
   static title = '<InputAccessoryView>';
-  static description = 'Example showing how to use an InputAccessoryView to build an iMessage-like sticky text input';
+  static description =
+    'Example showing how to use an InputAccessoryView to build an iMessage-like sticky text input';
 
   render() {
     return (
diff --git a/RNTester/js/KeyboardAvoidingViewExample.js b/RNTester/js/KeyboardAvoidingViewExample.js
index 3b52f3accbb760..0e86e432d79f58 100644
--- a/RNTester/js/KeyboardAvoidingViewExample.js
+++ b/RNTester/js/KeyboardAvoidingViewExample.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule KeyboardAvoidingViewExample
+ * @format
  */
+
 'use strict';
 
 const React = require('React');
@@ -26,7 +27,8 @@ const RNTesterPage = require('./RNTesterPage');
 
 class KeyboardAvoidingViewExample extends React.Component {
   static title = '<KeyboardAvoidingView>';
-  static description = 'Base component for views that automatically adjust their height or position to move out of the way of the keyboard.';
+  static description =
+    'Base component for views that automatically adjust their height or position to move out of the way of the keyboard.';
 
   state = {
     behavior: 'padding',
@@ -41,15 +43,16 @@ class KeyboardAvoidingViewExample extends React.Component {
     return (
       <View style={styles.outerContainer}>
         <Modal animationType="fade" visible={this.state.modalOpen}>
-          <KeyboardAvoidingView behavior={this.state.behavior} style={styles.container}>
+          <KeyboardAvoidingView
+            behavior={this.state.behavior}
+            style={styles.container}>
             <SegmentedControlIOS
               onValueChange={this.onSegmentChange}
               selectedIndex={this.state.behavior === 'padding' ? 0 : 1}
               style={styles.segment}
-              values={['Padding', 'Position']} />
-            <TextInput
-              placeholder="<TextInput />"
-              style={styles.textInput} />
+              values={['Padding', 'Position']}
+            />
+            <TextInput placeholder="<TextInput />" style={styles.textInput} />
           </KeyboardAvoidingView>
           <TouchableHighlight
             onPress={() => this.setState({modalOpen: false})}
@@ -99,7 +102,7 @@ const styles = StyleSheet.create({
     position: 'absolute',
     top: 30,
     left: 10,
-  }
+  },
 });
 
 module.exports = KeyboardAvoidingViewExample;
diff --git a/RNTester/js/LayoutAnimationExample.js b/RNTester/js/LayoutAnimationExample.js
index 92134409879afe..47f5889834bd4c 100644
--- a/RNTester/js/LayoutAnimationExample.js
+++ b/RNTester/js/LayoutAnimationExample.js
@@ -4,20 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule LayoutAnimationExample
  */
+
 'use strict';
 
 const React = require('react');
 const ReactNative = require('react-native');
-const {
-  LayoutAnimation,
-  StyleSheet,
-  Text,
-  View,
-  TouchableOpacity,
-} = ReactNative;
+const {LayoutAnimation, StyleSheet, Text, View, TouchableOpacity} = ReactNative;
 
 class AddRemoveExample extends React.Component<{}, $FlowFixMeState> {
   state = {
@@ -29,19 +24,19 @@ class AddRemoveExample extends React.Component<{}, $FlowFixMeState> {
   }
 
   _onPressAddView = () => {
-    this.setState((state) => ({views: [...state.views, {}]}));
+    this.setState(state => ({views: [...state.views, {}]}));
   };
 
   _onPressRemoveView = () => {
-    this.setState((state) => ({views: state.views.slice(0, -1)}));
+    this.setState(state => ({views: state.views.slice(0, -1)}));
   };
 
   render() {
-    const views = this.state.views.map((view, i) =>
+    const views = this.state.views.map((view, i) => (
       <View key={i} style={styles.view}>
         <Text>{i}</Text>
       </View>
-    );
+    ));
     return (
       <View style={styles.container}>
         <TouchableOpacity onPress={this._onPressAddView}>
@@ -54,23 +49,23 @@ class AddRemoveExample extends React.Component<{}, $FlowFixMeState> {
             <Text>Remove view</Text>
           </View>
         </TouchableOpacity>
-        <View style={styles.viewContainer}>
-          {views}
-        </View>
+        <View style={styles.viewContainer}>{views}</View>
       </View>
     );
   }
 }
 
-const GreenSquare = () =>
+const GreenSquare = () => (
   <View style={styles.greenSquare}>
     <Text>Green square</Text>
-  </View>;
+  </View>
+);
 
-const BlueSquare = () =>
+const BlueSquare = () => (
   <View style={styles.blueSquare}>
     <Text>Blue square</Text>
-  </View>;
+  </View>
+);
 
 class CrossFadeExample extends React.Component<{}, $FlowFixMeState> {
   state = {
@@ -79,7 +74,7 @@ class CrossFadeExample extends React.Component<{}, $FlowFixMeState> {
 
   _onPressToggle = () => {
     LayoutAnimation.easeInEaseOut();
-    this.setState((state) => ({toggled: !state.toggled}));
+    this.setState(state => ({toggled: !state.toggled}));
   };
 
   render() {
@@ -91,11 +86,60 @@ class CrossFadeExample extends React.Component<{}, $FlowFixMeState> {
           </View>
         </TouchableOpacity>
         <View style={styles.viewContainer}>
-          {
-            this.state.toggled ?
-            <GreenSquare /> :
-            <BlueSquare />
-          }
+          {this.state.toggled ? <GreenSquare /> : <BlueSquare />}
+        </View>
+      </View>
+    );
+  }
+}
+
+class LayoutUpdateExample extends React.Component<{}, $FlowFixMeState> {
+  state = {
+    width: 200,
+    height: 100,
+  };
+
+  timeout = null;
+
+  componentWillUnmount() {
+    this._clearTimeout();
+  }
+
+  _clearTimeout = () => {
+    if (this.timeout !== null) {
+      clearTimeout(this.timeout);
+      this.timeout = null;
+    }
+  };
+
+  _onPressToggle = () => {
+    this._clearTimeout();
+    this.setState({width: 150});
+
+    LayoutAnimation.configureNext({
+      duration: 1000,
+      update: {
+        type: LayoutAnimation.Types.linear,
+      },
+    });
+
+    this.timeout = setTimeout(() => this.setState({width: 100}), 500);
+  };
+
+  render() {
+    const {width, height} = this.state;
+
+    return (
+      <View style={styles.container}>
+        <TouchableOpacity onPress={this._onPressToggle}>
+          <View style={styles.button}>
+            <Text>Make box square</Text>
+          </View>
+        </TouchableOpacity>
+        <View style={[styles.view, {width, height}]}>
+          <Text>
+            {width}x{height}
+          </Text>
         </View>
       </View>
     );
@@ -146,14 +190,23 @@ const styles = StyleSheet.create({
 
 exports.title = 'Layout Animation';
 exports.description = 'Layout animation';
-exports.examples = [{
-  title: 'Add and remove views',
-  render(): React.Element<any> {
-    return <AddRemoveExample />;
+exports.examples = [
+  {
+    title: 'Add and remove views',
+    render(): React.Element<any> {
+      return <AddRemoveExample />;
+    },
+  },
+  {
+    title: 'Cross fade views',
+    render(): React.Element<any> {
+      return <CrossFadeExample />;
+    },
   },
-}, {
-  title: 'Cross fade views',
-  render(): React.Element<any> {
-    return <CrossFadeExample />;
+  {
+    title: 'Layout update during animation',
+    render(): React.Element<any> {
+      return <LayoutUpdateExample />;
+    },
   },
-}];
+];
diff --git a/RNTester/js/LayoutEventsExample.js b/RNTester/js/LayoutEventsExample.js
index 37b9811d8d4080..f5556a868175b2 100644
--- a/RNTester/js/LayoutEventsExample.js
+++ b/RNTester/js/LayoutEventsExample.js
@@ -4,30 +4,25 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule LayoutEventsExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  Image,
-  LayoutAnimation,
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
+var {Image, LayoutAnimation, StyleSheet, Text, View} = ReactNative;
 
 import type {ViewLayout, ViewLayoutEvent} from 'ViewPropTypes';
 
 type State = {
-  containerStyle?: { width: number },
+  containerStyle?: {width: number},
   extraText?: string,
   imageLayout?: ViewLayout,
   textLayout?: ViewLayout,
   viewLayout?: ViewLayout,
-  viewStyle: { margin: number },
+  viewStyle: {margin: number},
 };
 
 class LayoutEventExample extends React.Component<{}, State> {
@@ -38,24 +33,21 @@ class LayoutEventExample extends React.Component<{}, State> {
   };
 
   animateViewLayout = () => {
-    LayoutAnimation.configureNext(
-      LayoutAnimation.Presets.spring,
-      () => {
-        console.log('layout animation done.');
-        this.addWrapText();
-      }
-    );
+    LayoutAnimation.configureNext(LayoutAnimation.Presets.spring, () => {
+      console.log('layout animation done.');
+      this.addWrapText();
+    });
     this.setState({
       viewStyle: {
         margin: this.state.viewStyle.margin > 20 ? 20 : 60,
-      }
+      },
     });
   };
 
   addWrapText = () => {
     this.setState(
       {extraText: '  And a bunch more text to wrap around a few lines.'},
-      this.changeContainer
+      this.changeContainer,
     );
   };
 
@@ -85,7 +77,10 @@ class LayoutEventExample extends React.Component<{}, State> {
     return (
       <View style={this.state.containerStyle}>
         <Text>
-          layout events are called on mount and whenever layout is recalculated. Note that the layout event will typically be received <Text style={styles.italicText}>before</Text> the layout has updated on screen, especially when using layout animations.{'  '}
+          layout events are called on mount and whenever layout is recalculated.
+          Note that the layout event will typically be received{' '}
+          <Text style={styles.italicText}>before</Text> the layout has updated
+          on screen, especially when using layout animations.{'  '}
           <Text style={styles.pressText} onPress={this.animateViewLayout}>
             Press here to change layout.
           </Text>
@@ -95,10 +90,14 @@ class LayoutEventExample extends React.Component<{}, State> {
             ref="img"
             onLayout={this.onImageLayout}
             style={styles.image}
-            source={{uri: 'https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-prn1/t39.1997/p128x128/851561_767334496626293_1958532586_n.png'}}
+            source={{
+              uri:
+                'https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-prn1/t39.1997/p128x128/851561_767334496626293_1958532586_n.png',
+            }}
           />
           <Text>
-            ViewLayout: {JSON.stringify(this.state.viewLayout, null, '  ') + '\n\n'}
+            ViewLayout:{' '}
+            {JSON.stringify(this.state.viewLayout, null, '  ') + '\n\n'}
           </Text>
           <Text ref="txt" onLayout={this.onTextLayout} style={styles.text}>
             A simple piece of text.{this.state.extraText}
@@ -141,12 +140,14 @@ var styles = StyleSheet.create({
 });
 
 exports.title = 'Layout Events';
-exports.description = 'Examples that show how Layout events can be used to ' +
+exports.description =
+  'Examples that show how Layout events can be used to ' +
   'measure view size and position.';
 exports.examples = [
-{
-  title: 'LayoutEventExample',
-  render: function(): React.Element<any> {
-    return <LayoutEventExample />;
+  {
+    title: 'LayoutEventExample',
+    render: function(): React.Element<any> {
+      return <LayoutEventExample />;
+    },
   },
-}];
+];
diff --git a/RNTester/js/LayoutExample.js b/RNTester/js/LayoutExample.js
index eec0faa433d265..3803fcf9002810 100644
--- a/RNTester/js/LayoutExample.js
+++ b/RNTester/js/LayoutExample.js
@@ -4,18 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule LayoutExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
+var {StyleSheet, Text, View} = ReactNative;
 
 var RNTesterBlock = require('./RNTesterBlock');
 var RNTesterPage = require('./RNTesterPage');
@@ -48,9 +45,7 @@ class CircleBlock extends React.Component<$FlowFixMeProps> {
       marginBottom: 2,
     };
     return (
-      <View style={[circleStyle, this.props.style]}>
-        {this.props.children}
-      </View>
+      <View style={[circleStyle, this.props.style]}>{this.props.children}</View>
     );
   }
 }
@@ -66,7 +61,7 @@ class LayoutExample extends React.Component<$FlowFixMeProps> {
       <Circle bgColor="#D443E3" key="violet" />,
       <Circle bgColor="#FF9049" key="orange" />,
       <Circle bgColor="#FFE649" key="yellow" />,
-      <Circle bgColor="#7FE040" key="green" />
+      <Circle bgColor="#7FE040" key="green" />,
     ];
 
     return (
@@ -88,7 +83,11 @@ class LayoutExample extends React.Component<$FlowFixMeProps> {
           <CircleBlock style={{flexDirection: 'column-reverse'}}>
             {fiveColoredCircles}
           </CircleBlock>
-          <View style={[styles.overlay, {position: 'absolute', top: 15, left: 160}]}>
+          <View
+            style={[
+              styles.overlay,
+              {position: 'absolute', top: 15, left: 160},
+            ]}>
             <Text>{'top: 15, left: 160'}</Text>
           </View>
         </RNTesterBlock>
@@ -118,30 +117,63 @@ class LayoutExample extends React.Component<$FlowFixMeProps> {
         <RNTesterBlock title="Align Items - Other Direction">
           <Text>flex-start</Text>
           <CircleBlock style={{alignItems: 'flex-start', height: 30}}>
-            <Circle size={15} /><Circle size={10} /><Circle size={20} />
-            <Circle size={17} /><Circle size={12} /><Circle size={15} />
-            <Circle size={10} /><Circle size={20} /><Circle size={17} />
-            <Circle size={12} /><Circle size={15} /><Circle size={10} />
-            <Circle size={20} /><Circle size={17} /><Circle size={12} />
-            <Circle size={15} /><Circle size={8} />
+            <Circle size={15} />
+            <Circle size={10} />
+            <Circle size={20} />
+            <Circle size={17} />
+            <Circle size={12} />
+            <Circle size={15} />
+            <Circle size={10} />
+            <Circle size={20} />
+            <Circle size={17} />
+            <Circle size={12} />
+            <Circle size={15} />
+            <Circle size={10} />
+            <Circle size={20} />
+            <Circle size={17} />
+            <Circle size={12} />
+            <Circle size={15} />
+            <Circle size={8} />
           </CircleBlock>
           <Text>center</Text>
           <CircleBlock style={{alignItems: 'center', height: 30}}>
-            <Circle size={15} /><Circle size={10} /><Circle size={20} />
-            <Circle size={17} /><Circle size={12} /><Circle size={15} />
-            <Circle size={10} /><Circle size={20} /><Circle size={17} />
-            <Circle size={12} /><Circle size={15} /><Circle size={10} />
-            <Circle size={20} /><Circle size={17} /><Circle size={12} />
-            <Circle size={15} /><Circle size={8} />
+            <Circle size={15} />
+            <Circle size={10} />
+            <Circle size={20} />
+            <Circle size={17} />
+            <Circle size={12} />
+            <Circle size={15} />
+            <Circle size={10} />
+            <Circle size={20} />
+            <Circle size={17} />
+            <Circle size={12} />
+            <Circle size={15} />
+            <Circle size={10} />
+            <Circle size={20} />
+            <Circle size={17} />
+            <Circle size={12} />
+            <Circle size={15} />
+            <Circle size={8} />
           </CircleBlock>
           <Text>flex-end</Text>
           <CircleBlock style={{alignItems: 'flex-end', height: 30}}>
-            <Circle size={15} /><Circle size={10} /><Circle size={20} />
-            <Circle size={17} /><Circle size={12} /><Circle size={15} />
-            <Circle size={10} /><Circle size={20} /><Circle size={17} />
-            <Circle size={12} /><Circle size={15} /><Circle size={10} />
-            <Circle size={20} /><Circle size={17} /><Circle size={12} />
-            <Circle size={15} /><Circle size={8} />
+            <Circle size={15} />
+            <Circle size={10} />
+            <Circle size={20} />
+            <Circle size={17} />
+            <Circle size={12} />
+            <Circle size={15} />
+            <Circle size={10} />
+            <Circle size={20} />
+            <Circle size={17} />
+            <Circle size={12} />
+            <Circle size={15} />
+            <Circle size={10} />
+            <Circle size={20} />
+            <Circle size={17} />
+            <Circle size={12} />
+            <Circle size={15} />
+            <Circle size={8} />
           </CircleBlock>
         </RNTesterBlock>
         <RNTesterBlock title="Flex Wrap">
diff --git a/RNTester/js/LinkingExample.js b/RNTester/js/LinkingExample.js
index 52297f07cf8ed6..5f6724f95bb16e 100644
--- a/RNTester/js/LinkingExample.js
+++ b/RNTester/js/LinkingExample.js
@@ -4,20 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule LinkingExample
+ * @format
  */
+
 'use strict';
 
 var React = require('react');
 var PropTypes = require('prop-types');
 var ReactNative = require('react-native');
-var {
-  Linking,
-  StyleSheet,
-  Text,
-  TouchableOpacity,
-  View,
-} = ReactNative;
+var {Linking, StyleSheet, Text, TouchableOpacity, View} = ReactNative;
 var RNTesterBlock = require('./RNTesterBlock');
 
 class OpenURLButton extends React.Component {
@@ -30,15 +25,14 @@ class OpenURLButton extends React.Component {
       if (supported) {
         Linking.openURL(this.props.url);
       } else {
-        console.log('Don\'t know how to open URI: ' + this.props.url);
+        console.log("Don't know how to open URI: " + this.props.url);
       }
     });
   };
 
   render() {
     return (
-      <TouchableOpacity
-        onPress={this.handleClick}>
+      <TouchableOpacity onPress={this.handleClick}>
         <View style={styles.button}>
           <Text style={styles.text}>Open {this.props.url}</Text>
         </View>
diff --git a/RNTester/js/ListExampleShared.js b/RNTester/js/ListExampleShared.js
index c5eef14dbac902..62654e78e18192 100644
--- a/RNTester/js/ListExampleShared.js
+++ b/RNTester/js/ListExampleShared.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ListExampleShared
  */
+
 'use strict';
 
 const React = require('react');
@@ -23,7 +24,13 @@ const {
   View,
 } = ReactNative;
 
-type Item = {title: string, text: string, key: string, pressed: boolean, noImage?: ?boolean};
+type Item = {
+  title: string,
+  text: string,
+  key: string,
+  pressed: boolean,
+  noImage?: ?boolean,
+};
 
 function genItemData(count: number, start: number = 0): Array<Item> {
   const dataBlob = [];
@@ -31,7 +38,7 @@ function genItemData(count: number, start: number = 0): Array<Item> {
     const itemHash = Math.abs(hashCode('Item ' + ii));
     dataBlob.push({
       title: 'Item ' + ii,
-      text: LOREM_IPSUM.substr(0, itemHash % 301 + 20),
+      text: LOREM_IPSUM.substr(0, (itemHash % 301) + 20),
       key: String(ii),
       pressed: false,
     });
@@ -66,12 +73,16 @@ class ItemComponent extends React.PureComponent<{
           pressMagnification: 1.1,
         }}
         style={horizontal ? styles.horizItem : styles.item}>
-        <View style={[
-          styles.row, horizontal && {width: HORIZ_WIDTH}, fixedHeight && {height: ITEM_HEIGHT}]}>
+        <View
+          style={[
+            styles.row,
+            horizontal && {width: HORIZ_WIDTH},
+            fixedHeight && {height: ITEM_HEIGHT},
+          ]}>
           {!item.noImage && <Image style={styles.thumb} source={imgSource} />}
           <Text
             style={styles.text}
-            numberOfLines={(horizontal || fixedHeight) ? 3 : undefined}>
+            numberOfLines={horizontal || fixedHeight ? 3 : undefined}>
             {item.title} - {item.text}
           </Text>
         </View>
@@ -85,7 +96,9 @@ const renderStackedItem = ({item}: {item: Item}) => {
   const imgSource = THUMB_URLS[itemHash % THUMB_URLS.length];
   return (
     <View style={styles.stacked}>
-      <Text style={styles.stackedText}>{item.title} - {item.text}</Text>
+      <Text style={styles.stackedText}>
+        {item.title} - {item.text}
+      </Text>
       <Image style={styles.thumb} source={imgSource} />
     </View>
   );
@@ -117,6 +130,16 @@ class HeaderComponent extends React.PureComponent<{}> {
   }
 }
 
+class ListEmptyComponent extends React.PureComponent<{}> {
+  render() {
+    return (
+      <View style={styles.listEmpty}>
+        <Text>The list is empty :o</Text>
+      </View>
+    );
+  }
+}
+
 class SeparatorComponent extends React.PureComponent<{}> {
   render() {
     return <View style={styles.separator} />;
@@ -126,7 +149,10 @@ class SeparatorComponent extends React.PureComponent<{}> {
 class ItemSeparatorComponent extends React.PureComponent<$FlowFixMeProps> {
   render() {
     const style = this.props.highlighted
-      ? [styles.itemSeparator, {marginLeft: 0, backgroundColor: 'rgb(217, 217, 217)'}]
+      ? [
+          styles.itemSeparator,
+          {marginLeft: 0, backgroundColor: 'rgb(217, 217, 217)'},
+        ]
       : styles.itemSeparator;
     return <View style={style} />;
   }
@@ -135,15 +161,22 @@ class ItemSeparatorComponent extends React.PureComponent<$FlowFixMeProps> {
 class Spindicator extends React.PureComponent<$FlowFixMeProps> {
   render() {
     return (
-      <Animated.View style={[styles.spindicator, {
-        transform: [
-          {rotate: this.props.value.interpolate({
-            inputRange: [0, 5000],
-            outputRange: ['0deg', '360deg'],
-            extrapolate: 'extend',
-          })}
-        ]
-      }]} />
+      <Animated.View
+        style={[
+          styles.spindicator,
+          {
+            transform: [
+              {
+                rotate: this.props.value.interpolate({
+                  inputRange: [0, 5000],
+                  outputRange: ['0deg', '360deg'],
+                  extrapolate: 'extend',
+                }),
+              },
+            ],
+          },
+        ]}
+      />
     );
   }
 }
@@ -163,7 +196,8 @@ const THUMB_URLS = [
   require('./Thumbnails/victory.png'),
 ];
 
-const LOREM_IPSUM = 'Lorem ipsum dolor sit amet, ius ad pertinax oportere accommodare, an vix \
+const LOREM_IPSUM =
+  'Lorem ipsum dolor sit amet, ius ad pertinax oportere accommodare, an vix \
 civibus corrumpit referrentur. Te nam case ludus inciderint, te mea facilisi adipiscing. Sea id \
 integre luptatum. In tota sale consequuntur nec. Erat ocurreret mei ei. Eu paulo sapientem \
 vulputate est, vel an accusam intellegam interesset. Nam eu stet pericula reprimique, ea vim illud \
@@ -173,7 +207,7 @@ modus, putant invidunt reprehendunt ne qui.';
 function hashCode(str: string): number {
   let hash = 15;
   for (let ii = str.length - 1; ii >= 0; ii--) {
-    hash = ((hash << 5) - hash) + str.charCodeAt(ii);
+    hash = (hash << 5) - hash + str.charCodeAt(ii);
   }
   return hash;
 }
@@ -182,15 +216,16 @@ const HEADER = {height: 30, width: 100};
 const SEPARATOR_HEIGHT = StyleSheet.hairlineWidth;
 
 function getItemLayout(data: any, index: number, horizontal?: boolean) {
-  const [length, separator, header] = horizontal ?
-    [HORIZ_WIDTH, 0, HEADER.width] : [ITEM_HEIGHT, SEPARATOR_HEIGHT, HEADER.height];
+  const [length, separator, header] = horizontal
+    ? [HORIZ_WIDTH, 0, HEADER.width]
+    : [ITEM_HEIGHT, SEPARATOR_HEIGHT, HEADER.height];
   return {length, offset: (length + separator) * index + header, index};
 }
 
 function pressItem(context: Object, key: string) {
   const index = Number(key);
   const pressed = !context.state.data[index].pressed;
-  context.setState((state) => {
+  context.setState(state => {
     const newData = [...state.data];
     newData[index] = {
       ...state.data[index],
@@ -202,7 +237,7 @@ function pressItem(context: Object, key: string) {
 }
 
 function renderSmallSwitchOption(context: Object, key: string) {
-  if (Platform.isTVOS) {
+  if (Platform.isTV) {
     return null;
   }
   return (
@@ -211,7 +246,7 @@ function renderSmallSwitchOption(context: Object, key: string) {
       <Switch
         style={styles.smallSwitch}
         value={context.state[key]}
-        onValueChange={(value) => context.setState({[key]: value})}
+        onValueChange={value => context.setState({[key]: value})}
       />
     </View>
   );
@@ -240,6 +275,11 @@ const styles = StyleSheet.create({
   headerFooterContainer: {
     backgroundColor: 'rgb(239, 239, 244)',
   },
+  listEmpty: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexGrow: 1,
+  },
   horizItem: {
     alignSelf: 'flex-start', // Necessary for touch highlight
   },
@@ -317,6 +357,7 @@ const styles = StyleSheet.create({
 module.exports = {
   FooterComponent,
   HeaderComponent,
+  ListEmptyComponent,
   ItemComponent,
   ItemSeparatorComponent,
   PlainInput,
diff --git a/RNTester/js/ListViewExample.js b/RNTester/js/ListViewExample.js
index ee828423618784..a274c353949f59 100644
--- a/RNTester/js/ListViewExample.js
+++ b/RNTester/js/ListViewExample.js
@@ -4,22 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ListViewExample
  */
+
 'use strict';
 
 var React = require('react');
 var createReactClass = require('create-react-class');
 var ReactNative = require('react-native');
-var {
-  Image,
-  ListView,
-  TouchableHighlight,
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
+var {Image, ListView, TouchableHighlight, StyleSheet, Text, View} = ReactNative;
 
 var RNTesterPage = require('./RNTesterPage');
 
@@ -27,7 +21,7 @@ var ListViewSimpleExample = createReactClass({
   displayName: 'ListViewSimpleExample',
   statics: {
     title: '<ListView>',
-    description: 'Performant, scrollable list of data.'
+    description: 'Performant, scrollable list of data.',
   },
 
   getInitialState: function() {
@@ -58,11 +52,17 @@ var ListViewSimpleExample = createReactClass({
     );
   },
 
-  _renderRow: function(rowData: string, sectionID: number, rowID: number, highlightRow: (sectionID: number, rowID: number) => void) {
+  _renderRow: function(
+    rowData: string,
+    sectionID: number,
+    rowID: number,
+    highlightRow: (sectionID: number, rowID: number) => void,
+  ) {
     var rowHash = Math.abs(hashCode(rowData));
     var imgSource = THUMB_URLS[rowHash % THUMB_URLS.length];
     return (
-      <TouchableHighlight onPress={() => {
+      <TouchableHighlight
+        onPress={() => {
           this._pressRow(rowID);
           highlightRow(sectionID, rowID);
         }}>
@@ -70,7 +70,7 @@ var ListViewSimpleExample = createReactClass({
           <View style={styles.row}>
             <Image style={styles.thumb} source={imgSource} />
             <Text style={styles.text}>
-              {rowData + ' - ' + LOREM_IPSUM.substr(0, rowHash % 301 + 10)}
+              {rowData + ' - ' + LOREM_IPSUM.substr(0, (rowHash % 301) + 10)}
             </Text>
           </View>
         </View>
@@ -89,12 +89,18 @@ var ListViewSimpleExample = createReactClass({
 
   _pressRow: function(rowID: number) {
     this._pressData[rowID] = !this._pressData[rowID];
-    this.setState({dataSource: this.state.dataSource.cloneWithRows(
-      this._genRows(this._pressData)
-    )});
+    this.setState({
+      dataSource: this.state.dataSource.cloneWithRows(
+        this._genRows(this._pressData),
+      ),
+    });
   },
 
-  _renderSeparator: function(sectionID: number, rowID: number, adjacentRowHighlighted: bool) {
+  _renderSeparator: function(
+    sectionID: number,
+    rowID: number,
+    adjacentRowHighlighted: boolean,
+  ) {
     return (
       <View
         key={`${sectionID}-${rowID}`}
@@ -104,7 +110,7 @@ var ListViewSimpleExample = createReactClass({
         }}
       />
     );
-  }
+  },
 });
 
 var THUMB_URLS = [
@@ -120,14 +126,15 @@ var THUMB_URLS = [
   require('./Thumbnails/poke.png'),
   require('./Thumbnails/superlike.png'),
   require('./Thumbnails/victory.png'),
-  ];
-var LOREM_IPSUM = 'Lorem ipsum dolor sit amet, ius ad pertinax oportere accommodare, an vix civibus corrumpit referrentur. Te nam case ludus inciderint, te mea facilisi adipiscing. Sea id integre luptatum. In tota sale consequuntur nec. Erat ocurreret mei ei. Eu paulo sapientem vulputate est, vel an accusam intellegam interesset. Nam eu stet pericula reprimique, ea vim illud modus, putant invidunt reprehendunt ne qui.';
+];
+var LOREM_IPSUM =
+  'Lorem ipsum dolor sit amet, ius ad pertinax oportere accommodare, an vix civibus corrumpit referrentur. Te nam case ludus inciderint, te mea facilisi adipiscing. Sea id integre luptatum. In tota sale consequuntur nec. Erat ocurreret mei ei. Eu paulo sapientem vulputate est, vel an accusam intellegam interesset. Nam eu stet pericula reprimique, ea vim illud modus, putant invidunt reprehendunt ne qui.';
 
 /* eslint no-bitwise: 0 */
 var hashCode = function(str) {
   var hash = 15;
   for (var ii = str.length - 1; ii >= 0; ii--) {
-    hash = ((hash << 5) - hash) + str.charCodeAt(ii);
+    hash = (hash << 5) - hash + str.charCodeAt(ii);
   }
   return hash;
 };
diff --git a/RNTester/js/ListViewGridLayoutExample.js b/RNTester/js/ListViewGridLayoutExample.js
index 636db62fccecb7..65a407f4d19e90 100644
--- a/RNTester/js/ListViewGridLayoutExample.js
+++ b/RNTester/js/ListViewGridLayoutExample.js
@@ -4,22 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ListViewGridLayoutExample
  */
+
 'use strict';
 
 var React = require('react');
 var createReactClass = require('create-react-class');
 var ReactNative = require('react-native');
-var {
-  Image,
-  ListView,
-  TouchableHighlight,
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
+var {Image, ListView, TouchableHighlight, StyleSheet, Text, View} = ReactNative;
 
 var THUMB_URLS = [
   require('./Thumbnails/like.png'),
@@ -41,7 +35,7 @@ var ListViewGridLayoutExample = createReactClass({
 
   statics: {
     title: '<ListView> - Grid Layout',
-    description: 'Flexbox grid layout.'
+    description: 'Flexbox grid layout.',
   },
 
   getInitialState: function() {
@@ -76,13 +70,13 @@ var ListViewGridLayoutExample = createReactClass({
     var rowHash = Math.abs(hashCode(rowData));
     var imgSource = THUMB_URLS[rowHash % THUMB_URLS.length];
     return (
-      <TouchableHighlight onPress={() => this._pressRow(rowID)} underlayColor="transparent">
+      <TouchableHighlight
+        onPress={() => this._pressRow(rowID)}
+        underlayColor="transparent">
         <View>
           <View style={styles.row}>
             <Image style={styles.thumb} source={imgSource} />
-            <Text style={styles.text}>
-              {rowData}
-            </Text>
+            <Text style={styles.text}>{rowData}</Text>
           </View>
         </View>
       </TouchableHighlight>
@@ -100,9 +94,11 @@ var ListViewGridLayoutExample = createReactClass({
 
   _pressRow: function(rowID: number) {
     this._pressData[rowID] = !this._pressData[rowID];
-    this.setState({dataSource: this.state.dataSource.cloneWithRows(
-      this._genRows(this._pressData)
-    )});
+    this.setState({
+      dataSource: this.state.dataSource.cloneWithRows(
+        this._genRows(this._pressData),
+      ),
+    });
   },
 });
 
@@ -110,7 +106,7 @@ var ListViewGridLayoutExample = createReactClass({
 var hashCode = function(str) {
   var hash = 15;
   for (var ii = str.length - 1; ii >= 0; ii--) {
-    hash = ((hash << 5) - hash) + str.charCodeAt(ii);
+    hash = (hash << 5) - hash + str.charCodeAt(ii);
   }
   return hash;
 };
@@ -120,7 +116,7 @@ var styles = StyleSheet.create({
     justifyContent: 'space-around',
     flexDirection: 'row',
     flexWrap: 'wrap',
-    alignItems: 'flex-start'
+    alignItems: 'flex-start',
   },
   row: {
     justifyContent: 'center',
@@ -132,16 +128,16 @@ var styles = StyleSheet.create({
     alignItems: 'center',
     borderWidth: 1,
     borderRadius: 5,
-    borderColor: '#CCC'
+    borderColor: '#CCC',
   },
   thumb: {
     width: 64,
-    height: 64
+    height: 64,
   },
   text: {
     flex: 1,
     marginTop: 5,
-    fontWeight: 'bold'
+    fontWeight: 'bold',
   },
 });
 
diff --git a/RNTester/js/ListViewPagingExample.js b/RNTester/js/ListViewPagingExample.js
index 3d68e7ec54683c..5ff64ec6c136b6 100644
--- a/RNTester/js/ListViewPagingExample.js
+++ b/RNTester/js/ListViewPagingExample.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ListViewPagingExample
+ * @format
  * @flow
  */
+
 'use strict';
 
 var React = require('react');
@@ -22,9 +23,7 @@ var {
 } = ReactNative;
 
 var NativeModules = require('NativeModules');
-var {
-  UIManager,
-} = NativeModules;
+var {UIManager} = NativeModules;
 
 var THUMB_URLS = [
   require('./Thumbnails/like.png'),
@@ -54,7 +53,10 @@ class Thumb extends React.Component<{}, $FlowFixMeState> {
   };
 
   _onPressThumb = () => {
-    var config = layoutAnimationConfigs[this.state.thumbIndex % layoutAnimationConfigs.length];
+    var config =
+      layoutAnimationConfigs[
+        this.state.thumbIndex % layoutAnimationConfigs.length
+      ];
     LayoutAnimation.configureNext(config);
     this.setState({
       thumbIndex: this._getThumbIdx(),
@@ -72,13 +74,14 @@ class Thumb extends React.Component<{}, $FlowFixMeState> {
         <Image style={styles.img} source={THUMB_URLS[this.state.thumbIndex]} />
         <Image style={styles.img} source={THUMB_URLS[this.state.thumbIndex]} />
         <Image style={styles.img} source={THUMB_URLS[this.state.thumbIndex]} />
-        {this.state.dir === 'column' ?
+        {this.state.dir === 'column' ? (
           <Text>
-            Oooo, look at this new text!  So awesome it may just be crazy.
-            Let me keep typing here so it wraps at least one line.
-          </Text> :
+            Oooo, look at this new text! So awesome it may just be crazy. Let me
+            keep typing here so it wraps at least one line.
+          </Text>
+        ) : (
           <Text />
-        }
+        )}
       </TouchableOpacity>
     );
   }
@@ -122,36 +125,43 @@ class ListViewPagingExample extends React.Component<$FlowFixMeProps, *> {
     }
 
     this.state = {
-      dataSource: dataSource.cloneWithRowsAndSections(dataBlob, sectionIDs, rowIDs),
+      dataSource: dataSource.cloneWithRowsAndSections(
+        dataBlob,
+        sectionIDs,
+        rowIDs,
+      ),
       headerPressCount: 0,
     };
   }
 
-  renderRow = (rowData: string, sectionID: string, rowID: string): React.Element<any> => {
-    return (<Thumb text={rowData}/>);
+  renderRow = (
+    rowData: string,
+    sectionID: string,
+    rowID: string,
+  ): React.Element<any> => {
+    return <Thumb text={rowData} />;
   };
 
   renderSectionHeader = (sectionData: string, sectionID: string) => {
     return (
       <View style={styles.section}>
-        <Text style={styles.text}>
-          {sectionData}
-        </Text>
+        <Text style={styles.text}>{sectionData}</Text>
       </View>
     );
   };
 
   renderHeader = () => {
-    var headerLikeText = this.state.headerPressCount % 2 ?
-      <View><Text style={styles.text}>1 Like</Text></View> :
-      null;
+    var headerLikeText =
+      this.state.headerPressCount % 2 ? (
+        <View>
+          <Text style={styles.text}>1 Like</Text>
+        </View>
+      ) : null;
     return (
       <TouchableOpacity onPress={this._onPressHeader} style={styles.header}>
         {headerLikeText}
         <View>
-          <Text style={styles.text}>
-            Table Header (click me)
-          </Text>
+          <Text style={styles.text}>Table Header (click me)</Text>
         </View>
       </TouchableOpacity>
     );
@@ -172,7 +182,9 @@ class ListViewPagingExample extends React.Component<$FlowFixMeProps, *> {
       <ListView
         style={styles.listview}
         dataSource={this.state.dataSource}
-        onChangeVisibleRows={(visibleRows, changedRows) => console.log({visibleRows, changedRows})}
+        onChangeVisibleRows={(visibleRows, changedRows) =>
+          console.log({visibleRows, changedRows})
+        }
         renderHeader={this.renderHeader}
         renderFooter={this.renderFooter}
         renderSectionHeader={this.renderSectionHeader}
@@ -186,7 +198,11 @@ class ListViewPagingExample extends React.Component<$FlowFixMeProps, *> {
   }
 
   _onPressHeader = () => {
-    var config = layoutAnimationConfigs[Math.floor(this.state.headerPressCount / 2) % layoutAnimationConfigs.length];
+    var config =
+      layoutAnimationConfigs[
+        Math.floor(this.state.headerPressCount / 2) %
+          layoutAnimationConfigs.length
+      ];
     LayoutAnimation.configureNext(config);
     this.setState({headerPressCount: this.state.headerPressCount + 1});
   };
diff --git a/RNTester/js/MaskedViewExample.js b/RNTester/js/MaskedViewExample.js
index cca734b53576a1..b944fbc16f7366 100644
--- a/RNTester/js/MaskedViewExample.js
+++ b/RNTester/js/MaskedViewExample.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule MaskedViewExample
  */
+
 'use strict';
 
 const React = require('react');
@@ -23,7 +24,8 @@ const {
 
 class MaskedViewExample extends React.Component<{}, $FlowFixMeState> {
   static title = '<MaskedViewIOS>';
-  static description = 'Renders the child view with a mask specified in the `renderMask` prop.';
+  static description =
+    'Renders the child view with a mask specified in the `renderMask` prop.';
 
   state = {
     alternateChildren: true,
@@ -51,7 +53,7 @@ class MaskedViewExample extends React.Component<{}, $FlowFixMeState> {
           timing: 750,
           useNativeDriver: true,
         }),
-      ])
+      ]),
     ).start();
 
     Animated.loop(
@@ -59,7 +61,7 @@ class MaskedViewExample extends React.Component<{}, $FlowFixMeState> {
         toValue: 360,
         timing: 2000,
         useNativeDriver: true,
-      })
+      }),
     ).start();
   }
 
@@ -67,18 +69,16 @@ class MaskedViewExample extends React.Component<{}, $FlowFixMeState> {
     return (
       <RNTesterPage title="<MaskedViewIOS>">
         <RNTesterBlock title="Basic Mask">
-          <View style={{ width: 300, height: 300, alignSelf: 'center' }}>
+          <View style={{width: 300, height: 300, alignSelf: 'center'}}>
             <MaskedViewIOS
-              style={{ flex: 1 }}
+              style={{flex: 1}}
               maskElement={
                 <View style={styles.maskContainerStyle}>
-                  <Text style={styles.maskTextStyle}>
-                    Basic Mask
-                  </Text>
+                  <Text style={styles.maskTextStyle}>Basic Mask</Text>
                 </View>
               }>
-              <View style={{ flex: 1, backgroundColor: 'blue' }} />
-              <View style={{ flex: 1, backgroundColor: 'red' }} />
+              <View style={{flex: 1, backgroundColor: 'blue'}} />
+              <View style={{flex: 1, backgroundColor: 'red'}} />
             </MaskedViewIOS>
           </View>
         </RNTesterBlock>
@@ -91,11 +91,11 @@ class MaskedViewExample extends React.Component<{}, $FlowFixMeState> {
               backgroundColor: '#eeeeee',
             }}>
             <MaskedViewIOS
-              style={{ flex: 1 }}
+              style={{flex: 1}}
               maskElement={
                 <View style={styles.maskContainerStyle}>
                   <Image
-                    style={{ height: 200, width: 200 }}
+                    style={{height: 200, width: 200}}
                     source={require('./imageMask.png')}
                   />
                 </View>
@@ -103,7 +103,7 @@ class MaskedViewExample extends React.Component<{}, $FlowFixMeState> {
               <View style={styles.maskContainerStyle}>
                 <Image
                   resizeMode="cover"
-                  style={{ width: 200, height: 200 }}
+                  style={{width: 200, height: 200}}
                   source={{
                     uri:
                       'https://38.media.tumblr.com/9e9bd08c6e2d10561dd1fb4197df4c4e/tumblr_mfqekpMktw1rn90umo1_500.gif',
@@ -114,18 +114,16 @@ class MaskedViewExample extends React.Component<{}, $FlowFixMeState> {
           </View>
         </RNTesterBlock>
         <RNTesterBlock title="Animated Mask">
-          <View style={{ width: 300, height: 300, alignSelf: 'center' }}>
+          <View style={{width: 300, height: 300, alignSelf: 'center'}}>
             <MaskedViewIOS
-              style={{ flex: 1 }}
+              style={{flex: 1}}
               maskElement={
                 <Animated.View
                   style={[
                     styles.maskContainerStyle,
-                    { transform: [{ scale: this._maskScaleAnimatedValue }] },
+                    {transform: [{scale: this._maskScaleAnimatedValue}]},
                   ]}>
-                  <Text style={styles.maskTextStyle}>
-                    Basic Mask
-                  </Text>
+                  <Text style={styles.maskTextStyle}>Basic Mask</Text>
                 </Animated.View>
               }>
               <Animated.View
@@ -140,33 +138,25 @@ class MaskedViewExample extends React.Component<{}, $FlowFixMeState> {
                     },
                   ],
                 }}>
-                <View style={{ flex: 1, backgroundColor: 'blue' }} />
-                <View style={{ flex: 1, backgroundColor: 'red' }} />
+                <View style={{flex: 1, backgroundColor: 'blue'}} />
+                <View style={{flex: 1, backgroundColor: 'red'}} />
               </Animated.View>
             </MaskedViewIOS>
           </View>
         </RNTesterBlock>
         <RNTesterBlock title="Mask w/ Changing Children">
-          <View style={{ width: 300, height: 300, alignSelf: 'center' }}>
+          <View style={{width: 300, height: 300, alignSelf: 'center'}}>
             <MaskedViewIOS
-              style={{ flex: 1 }}
+              style={{flex: 1}}
               maskElement={
                 <View style={styles.maskContainerStyle}>
-                  <Text style={styles.maskTextStyle}>
-                    Basic Mask
-                  </Text>
+                  <Text style={styles.maskTextStyle}>Basic Mask</Text>
                 </View>
               }>
               {this.state.alternateChildren
                 ? [
-                    <View
-                      key={1}
-                      style={{ flex: 1, backgroundColor: 'blue' }}
-                    />,
-                    <View
-                      key={2}
-                      style={{ flex: 1, backgroundColor: 'red' }}
-                    />,
+                    <View key={1} style={{flex: 1, backgroundColor: 'blue'}} />,
+                    <View key={2} style={{flex: 1, backgroundColor: 'red'}} />,
                   ]
                 : null}
             </MaskedViewIOS>
diff --git a/RNTester/js/ModalExample.js b/RNTester/js/ModalExample.js
index 12093f4d8f4e07..a66d331d03c9cc 100644
--- a/RNTester/js/ModalExample.js
+++ b/RNTester/js/ModalExample.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ModalExample
  */
+
 'use strict';
 
 var React = require('react');
@@ -53,7 +54,9 @@ class Button extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
         onShowUnderlay={this._onHighlight}
         style={[styles.button, this.props.style]}
         underlayColor="#a9d9d4">
-          <Text style={[styles.buttonText, colorStyle]}>{this.props.children}</Text>
+        <Text style={[styles.buttonText, colorStyle]}>
+          {this.props.children}
+        </Text>
       </TouchableHighlight>
     );
   }
@@ -78,11 +81,11 @@ class ModalExample extends React.Component<{}, $FlowFixMeState> {
     currentOrientation: 'unknown',
   };
 
-  _setModalVisible = (visible) => {
+  _setModalVisible = visible => {
     this.setState({modalVisible: visible});
   };
 
-  _setAnimationType = (type) => {
+  _setAnimationType = type => {
     this.setState({animationType: type});
   };
 
@@ -91,23 +94,28 @@ class ModalExample extends React.Component<{}, $FlowFixMeState> {
   };
 
   renderSwitch() {
-    if (Platform.isTVOS) {
+    if (Platform.isTV) {
       return null;
     }
     return (
-      <Switch value={this.state.transparent} onValueChange={this._toggleTransparent} />
+      <Switch
+        value={this.state.transparent}
+        onValueChange={this._toggleTransparent}
+      />
     );
   }
 
   render() {
     var modalBackgroundStyle = {
-      backgroundColor: this.state.transparent ? 'rgba(0, 0, 0, 0.5)' : '#f5fcff',
+      backgroundColor: this.state.transparent
+        ? 'rgba(0, 0, 0, 0.5)'
+        : '#f5fcff',
     };
     var innerContainerTransparentStyle = this.state.transparent
       ? {backgroundColor: '#fff', padding: 20}
       : null;
     var activeButtonStyle = {
-      backgroundColor: '#ddd'
+      backgroundColor: '#ddd',
     };
 
     return (
@@ -118,13 +126,26 @@ class ModalExample extends React.Component<{}, $FlowFixMeState> {
           transparent={this.state.transparent}
           visible={this.state.modalVisible}
           onRequestClose={() => this._setModalVisible(false)}
-          supportedOrientations={supportedOrientationsPickerValues[this.state.selectedSupportedOrientation]}
-          onOrientationChange={evt => this.setState({currentOrientation: evt.nativeEvent.orientation})}
-          >
+          supportedOrientations={
+            supportedOrientationsPickerValues[
+              this.state.selectedSupportedOrientation
+            ]
+          }
+          onOrientationChange={evt =>
+            this.setState({currentOrientation: evt.nativeEvent.orientation})
+          }>
           <View style={[styles.container, modalBackgroundStyle]}>
-            <View style={[styles.innerContainer, innerContainerTransparentStyle]}>
-              <Text>This modal was presented {this.state.animationType === 'none' ? 'without' : 'with'} animation.</Text>
-              <Text>It is currently displayed in {this.state.currentOrientation} mode.</Text>
+            <View
+              style={[styles.innerContainer, innerContainerTransparentStyle]}>
+              <Text>
+                This modal was presented{' '}
+                {this.state.animationType === 'none' ? 'without' : 'with'}{' '}
+                animation.
+              </Text>
+              <Text>
+                It is currently displayed in {this.state.currentOrientation}{' '}
+                mode.
+              </Text>
               <Button
                 onPress={this._setModalVisible.bind(this, false)}
                 style={styles.modalButton}>
@@ -135,13 +156,25 @@ class ModalExample extends React.Component<{}, $FlowFixMeState> {
         </Modal>
         <View style={styles.row}>
           <Text style={styles.rowTitle}>Animation Type</Text>
-          <Button onPress={this._setAnimationType.bind(this, 'none')} style={this.state.animationType === 'none' ? activeButtonStyle : {}}>
+          <Button
+            onPress={this._setAnimationType.bind(this, 'none')}
+            style={
+              this.state.animationType === 'none' ? activeButtonStyle : {}
+            }>
             none
           </Button>
-          <Button onPress={this._setAnimationType.bind(this, 'slide')} style={this.state.animationType === 'slide' ? activeButtonStyle : {}}>
+          <Button
+            onPress={this._setAnimationType.bind(this, 'slide')}
+            style={
+              this.state.animationType === 'slide' ? activeButtonStyle : {}
+            }>
             slide
           </Button>
-          <Button onPress={this._setAnimationType.bind(this, 'fade')} style={this.state.animationType === 'fade' ? activeButtonStyle : {}}>
+          <Button
+            onPress={this._setAnimationType.bind(this, 'fade')}
+            style={
+              this.state.animationType === 'fade' ? activeButtonStyle : {}
+            }>
             fade
           </Button>
         </View>
@@ -158,7 +191,7 @@ class ModalExample extends React.Component<{}, $FlowFixMeState> {
     );
   }
   renderPickers() {
-    if (Platform.isTVOS) {
+    if (Platform.isTV) {
       return null;
     }
     return (
@@ -167,9 +200,10 @@ class ModalExample extends React.Component<{}, $FlowFixMeState> {
           <Text style={styles.rowTitle}>Presentation style</Text>
           <Picker
             selectedValue={this.state.presentationStyle}
-            onValueChange={(presentationStyle) => this.setState({presentationStyle})}
-            itemStyle={styles.pickerItem}
-          >
+            onValueChange={presentationStyle =>
+              this.setState({presentationStyle})
+            }
+            itemStyle={styles.pickerItem}>
             <Item label="Full Screen" value="fullScreen" />
             <Item label="Page Sheet" value="pageSheet" />
             <Item label="Form Sheet" value="formSheet" />
@@ -182,9 +216,10 @@ class ModalExample extends React.Component<{}, $FlowFixMeState> {
           <Text style={styles.rowTitle}>Supported orientations</Text>
           <Picker
             selectedValue={this.state.selectedSupportedOrientation}
-            onValueChange={(_, i) => this.setState({selectedSupportedOrientation: i})}
-            itemStyle={styles.pickerItem}
-            >
+            onValueChange={(_, i) =>
+              this.setState({selectedSupportedOrientation: i})
+            }
+            itemStyle={styles.pickerItem}>
             <Item label="Portrait" value={0} />
             <Item label="Landscape" value={1} />
             <Item label="Landscape left" value={2} />
@@ -198,7 +233,6 @@ class ModalExample extends React.Component<{}, $FlowFixMeState> {
   }
 }
 
-
 exports.examples = [
   {
     title: 'Modal Presentation',
diff --git a/RNTester/js/MultiColumnExample.js b/RNTester/js/MultiColumnExample.js
index cc323cfcdad8c0..468bc74406555d 100644
--- a/RNTester/js/MultiColumnExample.js
+++ b/RNTester/js/MultiColumnExample.js
@@ -4,19 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule MultiColumnExample
  */
+
 'use strict';
 
 const React = require('react');
 const ReactNative = require('react-native');
-const {
-  FlatList,
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
+const {FlatList, StyleSheet, Text, View} = ReactNative;
 
 const RNTesterPage = require('./RNTesterPage');
 
@@ -34,7 +30,10 @@ const {
   renderSmallSwitchOption,
 } = require('./ListExampleShared');
 
-class MultiColumnExample extends React.PureComponent<$FlowFixMeProps, $FlowFixMeState> {
+class MultiColumnExample extends React.PureComponent<
+  $FlowFixMeProps,
+  $FlowFixMeState,
+> {
   static title = '<FlatList> - MultiColumn';
   static description = 'Performant, scrollable grid of data.';
 
@@ -46,15 +45,16 @@ class MultiColumnExample extends React.PureComponent<$FlowFixMeProps, $FlowFixMe
     numColumns: 2,
     virtualized: true,
   };
-  _onChangeFilterText = (filterText) => {
+  _onChangeFilterText = filterText => {
     this.setState(() => ({filterText}));
   };
-  _onChangeNumColumns = (numColumns) => {
+  _onChangeNumColumns = numColumns => {
     this.setState(() => ({numColumns: Number(numColumns)}));
   };
   render() {
     const filterRegex = new RegExp(String(this.state.filterText), 'i');
-    const filter = (item) => (filterRegex.test(item.text) || filterRegex.test(item.title));
+    const filter = item =>
+      filterRegex.test(item.text) || filterRegex.test(item.title);
     const filteredData = this.state.data.filter(filter);
     return (
       <RNTesterPage
@@ -68,7 +68,7 @@ class MultiColumnExample extends React.PureComponent<$FlowFixMeProps, $FlowFixMe
               placeholder="Search..."
               value={this.state.filterText}
             />
-            <Text>   numColumns: </Text>
+            <Text> numColumns: </Text>
             <PlainInput
               clearButtonMode="never"
               onChangeText={this._onChangeNumColumns}
@@ -85,7 +85,9 @@ class MultiColumnExample extends React.PureComponent<$FlowFixMeProps, $FlowFixMe
         <FlatList
           ListFooterComponent={FooterComponent}
           ListHeaderComponent={HeaderComponent}
-          getItemLayout={this.state.fixedHeight ? this._getItemLayout : undefined}
+          getItemLayout={
+            this.state.fixedHeight ? this._getItemLayout : undefined
+          }
           data={filteredData}
           key={this.state.numColumns + (this.state.fixedHeight ? 'f' : 'v')}
           numColumns={this.state.numColumns || 1}
@@ -99,8 +101,12 @@ class MultiColumnExample extends React.PureComponent<$FlowFixMeProps, $FlowFixMe
       </RNTesterPage>
     );
   }
-  _getItemLayout(data: any, index: number): {length: number, offset: number, index: number} {
-    const length = getItemLayout(data, index).length + 2 * (CARD_MARGIN + BORDER_WIDTH);
+  _getItemLayout(
+    data: any,
+    index: number,
+  ): {length: number, offset: number, index: number} {
+    const length =
+      getItemLayout(data, index).length + 2 * (CARD_MARGIN + BORDER_WIDTH);
     return {length, offset: length * index, index};
   }
   _renderItemComponent = ({item}) => {
@@ -117,12 +123,19 @@ class MultiColumnExample extends React.PureComponent<$FlowFixMeProps, $FlowFixMe
   // This is called when items change viewability by scrolling into or out of the viewable area.
   _onViewableItemsChanged = (info: {
     changed: Array<{
-      key: string, isViewable: boolean, item: {columns: Array<*>}, index: ?number, section?: any
-    }>},
-  ) => {
+      key: string,
+      isViewable: boolean,
+      item: {columns: Array<*>},
+      index: ?number,
+      section?: any,
+    }>,
+  }) => {
     // Impressions can be logged here
     if (this.state.logViewable) {
-      infoLog('onViewableItemsChanged: ', info.changed.map((v) => ({...v, item: '...'})));
+      infoLog(
+        'onViewableItemsChanged: ',
+        info.changed.map(v => ({...v, item: '...'})),
+      );
     }
   };
   _pressItem = (key: string) => {
diff --git a/RNTester/js/NativeAnimationsExample.js b/RNTester/js/NativeAnimationsExample.js
index 983b0c9d290fe0..44d5416c4a3e7d 100644
--- a/RNTester/js/NativeAnimationsExample.js
+++ b/RNTester/js/NativeAnimationsExample.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule NativeAnimationsExample
  */
+
 'use strict';
 
 const React = require('react');
@@ -31,9 +32,10 @@ class Tester extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
   current = 0;
 
   onPress = () => {
-    const animConfig = this.current && this.props.reverseConfig
-      ? this.props.reverseConfig
-      : this.props.config;
+    const animConfig =
+      this.current && this.props.reverseConfig
+        ? this.props.reverseConfig
+        : this.props.config;
     this.current = this.current ? 0 : 1;
     const config: Object = {
       ...animConfig,
@@ -63,9 +65,7 @@ class Tester extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
           <View>
             <Text>JavaScript:</Text>
           </View>
-          <View style={styles.row}>
-            {this.props.children(this.state.js)}
-          </View>
+          <View style={styles.row}>{this.props.children(this.state.js)}</View>
         </View>
       </TouchableWithoutFeedback>
     );
@@ -156,7 +156,10 @@ class LoopExample extends React.Component<{}, $FlowFixMeState> {
 }
 
 const RNTesterSettingSwitchRow = require('RNTesterSettingSwitchRow');
-class InternalSettings extends React.Component<{}, {busyTime: number | string, filteredStall: number}> {
+class InternalSettings extends React.Component<
+  {},
+  {busyTime: number | string, filteredStall: number},
+> {
   _stallInterval: ?number;
   render() {
     return (
@@ -171,8 +174,7 @@ class InternalSettings extends React.Component<{}, {busyTime: number | string, f
             this._stallInterval = setInterval(() => {
               const start = Date.now();
               console.warn('burn CPU');
-              while (Date.now() - start < 100) {
-              }
+              while (Date.now() - start < 100) {}
             }, 300);
           }}
           onDisable={() => {
@@ -192,8 +194,8 @@ class InternalSettings extends React.Component<{}, {busyTime: number | string, f
               onStall: ({busyTime}) =>
                 this.setState(state => ({
                   busyTime,
-                  filteredStall: (state.filteredStall || 0) * 0.97 +
-                    busyTime * 0.03,
+                  filteredStall:
+                    (state.filteredStall || 0) * 0.97 + busyTime * 0.03,
                 })),
             });
           }}
@@ -201,11 +203,12 @@ class InternalSettings extends React.Component<{}, {busyTime: number | string, f
             console.warn('Cannot disable yet....');
           }}
         />
-        {this.state &&
+        {this.state && (
           <Text>
             {`JS Stall filtered: ${Math.round(this.state.filteredStall)}, `}
             {`last: ${this.state.busyTime}`}
-          </Text>}
+          </Text>
+        )}
       </View>
     );
   }
@@ -253,7 +256,10 @@ class EventExample extends React.Component<{}, $FlowFixMeState> {
   }
 }
 
-class TrackingExample extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
+class TrackingExample extends React.Component<
+  $FlowFixMeProps,
+  $FlowFixMeState,
+> {
   state = {
     native: new Animated.Value(0),
     toNative: new Animated.Value(0),
@@ -288,9 +294,15 @@ class TrackingExample extends React.Component<$FlowFixMeProps, $FlowFixMeState>
   };
 
   renderBlock = (anim, dest) => [
-    <Animated.View key="line" style={[styles.line, { transform: [{ translateX: dest }]}]}/>,
-    <Animated.View key="block" style={[styles.block, { transform: [{ translateX: anim }]}]}/>,
-  ]
+    <Animated.View
+      key="line"
+      style={[styles.line, {transform: [{translateX: dest}]}]}
+    />,
+    <Animated.View
+      key="block"
+      style={[styles.block, {transform: [{translateX: anim}]}]}
+    />,
+  ];
 
   render() {
     return (
@@ -429,6 +441,48 @@ exports.examples = [
       );
     },
   },
+  {
+    title: 'Multistage With Subtract',
+    render: function() {
+      return (
+        <Tester type="timing" config={{duration: 1000}}>
+          {anim => (
+            <Animated.View
+              style={[
+                styles.block,
+                {
+                  transform: [
+                    {
+                      translateX: anim.interpolate({
+                        inputRange: [0, 1],
+                        outputRange: [0, 200],
+                      }),
+                    },
+                    {
+                      translateY: anim.interpolate({
+                        inputRange: [0, 0.5, 1],
+                        outputRange: [0, 50, 0],
+                      }),
+                    },
+                  ],
+                  opacity: Animated.subtract(
+                    anim.interpolate({
+                      inputRange: [0, 1],
+                      outputRange: [1, 1],
+                    }),
+                    anim.interpolate({
+                      inputRange: [0, 0.5, 1],
+                      outputRange: [0, 0.5, 0],
+                    }),
+                  ),
+                },
+              ]}
+            />
+          )}
+        </Tester>
+      );
+    },
+  },
   {
     title: 'Scale interpolation with clamping',
     render: function() {
@@ -531,7 +585,7 @@ exports.examples = [
     title: 'translateX => Animated.spring (stiffness/damping/mass)',
     render: function() {
       return (
-        <Tester type="spring" config={{stiffness: 1000, damping: 500, mass: 3 }}>
+        <Tester type="spring" config={{stiffness: 1000, damping: 500, mass: 3}}>
           {anim => (
             <Animated.View
               style={[
diff --git a/RNTester/js/NavigatorIOSBarStyleExample.js b/RNTester/js/NavigatorIOSBarStyleExample.js
index d9d53edd3c99a2..07ca90edc05c1b 100644
--- a/RNTester/js/NavigatorIOSBarStyleExample.js
+++ b/RNTester/js/NavigatorIOSBarStyleExample.js
@@ -16,20 +16,14 @@
  * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  *
- * @providesModule NavigatorIOSBarStyleExample
+ * @format
  */
 
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  NavigatorIOS,
-  StatusBar,
-  StyleSheet,
-  Text,
-  View
-} = ReactNative;
+var {NavigatorIOS, StatusBar, StyleSheet, Text, View} = ReactNative;
 
 class EmptyPage extends React.Component<{
   text: string,
@@ -37,9 +31,7 @@ class EmptyPage extends React.Component<{
   render() {
     return (
       <View style={styles.emptyPage}>
-        <Text style={styles.emptyPageText}>
-          {this.props.text}
-        </Text>
+        <Text style={styles.emptyPageText}>{this.props.text}</Text>
       </View>
     );
   }
diff --git a/RNTester/js/NavigatorIOSColorsExample.js b/RNTester/js/NavigatorIOSColorsExample.js
index f34c9c9d10aff3..d9a7cbb29e0cb4 100644
--- a/RNTester/js/NavigatorIOSColorsExample.js
+++ b/RNTester/js/NavigatorIOSColorsExample.js
@@ -4,27 +4,20 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule NavigatorIOSColorsExample
+ * @format
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  NavigatorIOS,
-  StatusBar,
-  StyleSheet,
-  Text,
-  View
-} = ReactNative;
+var {NavigatorIOS, StatusBar, StyleSheet, Text, View} = ReactNative;
 
 class EmptyPage extends React.Component {
   render() {
     return (
       <View style={styles.emptyPage}>
-        <Text style={styles.emptyPageText}>
-          {this.props.text}
-        </Text>
+        <Text style={styles.emptyPageText}>{this.props.text}</Text>
       </View>
     );
   }
@@ -50,7 +43,8 @@ class NavigatorIOSColors extends React.Component {
             this.props.onExampleExit();
           },
           passProps: {
-            text: 'The nav bar has custom colors with tintColor, ' +
+            text:
+              'The nav bar has custom colors with tintColor, ' +
               'barTintColor and titleTextColor props.',
           },
         }}
diff --git a/RNTester/js/NavigatorIOSExample.js b/RNTester/js/NavigatorIOSExample.js
index 79ee6f0fd07065..252bf0e9e96511 100644
--- a/RNTester/js/NavigatorIOSExample.js
+++ b/RNTester/js/NavigatorIOSExample.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule NavigatorIOSExample
  */
+
 'use strict';
 
 const React = require('react');
@@ -29,9 +30,7 @@ class EmptyPage extends React.Component<$FlowFixMeProps> {
   render() {
     return (
       <View style={styles.emptyPage}>
-        <Text style={styles.emptyPageText}>
-          {this.props.text}
-        </Text>
+        <Text style={styles.emptyPageText}>{this.props.text}</Text>
       </View>
     );
   }
@@ -45,7 +44,7 @@ class NavigatorIOSExamplePage extends React.Component<$FlowFixMeProps> {
     }
     return (
       <ScrollView style={styles.list}>
-        <View style={styles.line}/>
+        <View style={styles.line} />
         <View style={styles.group}>
           {this._renderRow(recurseTitle, () => {
             this.props.navigator.push({
@@ -76,7 +75,7 @@ class NavigatorIOSExamplePage extends React.Component<$FlowFixMeProps> {
               onRightButtonPress: () => this.props.navigator.pop(),
               passProps: {
                 text: 'This page has a right button in the nav bar',
-              }
+              },
             });
           })}
           {this._renderRow('Custom Right System Button', () => {
@@ -87,7 +86,7 @@ class NavigatorIOSExamplePage extends React.Component<$FlowFixMeProps> {
               onRightButtonPress: () => this.props.navigator.pop(),
               passProps: {
                 text: 'This page has a right system button in the nav bar',
-              }
+              },
             });
           })}
           {this._renderRow('Custom Left & Right Icons', () => {
@@ -99,7 +98,7 @@ class NavigatorIOSExamplePage extends React.Component<$FlowFixMeProps> {
               rightButtonIcon: nativeImageSource({
                 ios: 'NavBarButtonPlus',
                 width: 17,
-                height: 17
+                height: 17,
               }),
               onRightButtonPress: () => {
                 AlertIOS.alert(
@@ -110,12 +109,13 @@ class NavigatorIOSExamplePage extends React.Component<$FlowFixMeProps> {
                       text: 'OK',
                       onPress: () => console.log('Tapped OK'),
                     },
-                  ]
+                  ],
                 );
               },
               passProps: {
-                text: 'This page has an icon for the right button in the nav bar',
-              }
+                text:
+                  'This page has an icon for the right button in the nav bar',
+              },
             });
           })}
           {this._renderRow('Custom Left & Right System Icons', () => {
@@ -134,12 +134,13 @@ class NavigatorIOSExamplePage extends React.Component<$FlowFixMeProps> {
                       text: 'OK',
                       onPress: () => console.log('Tapped OK'),
                     },
-                  ]
+                  ],
                 );
               },
               passProps: {
-                text: 'This page has an icon for the right button in the nav bar',
-              }
+                text:
+                  'This page has an icon for the right button in the nav bar',
+              },
             });
           })}
           {this._renderRow('Pop', () => {
@@ -151,9 +152,12 @@ class NavigatorIOSExamplePage extends React.Component<$FlowFixMeProps> {
           {this._renderReplace()}
           {this._renderReplacePrevious()}
           {this._renderReplacePreviousAndPop()}
-          {this._renderRow('Exit NavigatorIOS Example', this.props.onExampleExit)}
+          {this._renderRow(
+            'Exit NavigatorIOS Example',
+            this.props.onExampleExit,
+          )}
         </View>
-        <View style={styles.line}/>
+        <View style={styles.line} />
       </ScrollView>
     );
   }
@@ -171,9 +175,10 @@ class NavigatorIOSExamplePage extends React.Component<$FlowFixMeProps> {
         rightButtonTitle: 'Undo',
         onRightButtonPress: () => this.props.navigator.replace(prevRoute),
         passProps: {
-          text: 'The component is replaced, but there is currently no ' +
+          text:
+            'The component is replaced, but there is currently no ' +
             'way to change the right button or title of the current route',
-        }
+        },
       });
     });
   };
@@ -217,9 +222,7 @@ class NavigatorIOSExamplePage extends React.Component<$FlowFixMeProps> {
       <View>
         <TouchableHighlight onPress={onPress}>
           <View style={styles.row}>
-            <Text style={styles.rowText}>
-              {title}
-            </Text>
+            <Text style={styles.rowText}>{title}</Text>
           </View>
         </TouchableHighlight>
         <View style={styles.separator} />
diff --git a/RNTester/js/NetInfoExample.js b/RNTester/js/NetInfoExample.js
index 0ba8dd2ff8c895..c3b62afdfdbe81 100644
--- a/RNTester/js/NetInfoExample.js
+++ b/RNTester/js/NetInfoExample.js
@@ -4,19 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule NetInfoExample
  */
+
 'use strict';
 
 const React = require('react');
 const ReactNative = require('react-native');
-const {
-  NetInfo,
-  Text,
-  View,
-  TouchableWithoutFeedback,
-} = ReactNative;
+const {NetInfo, Text, View, TouchableWithoutFeedback} = ReactNative;
 
 class ConnectionInfoSubscription extends React.Component<{}, $FlowFixMeState> {
   state = {
@@ -24,20 +20,14 @@ class ConnectionInfoSubscription extends React.Component<{}, $FlowFixMeState> {
   };
 
   componentDidMount() {
-    NetInfo.addEventListener(
-        'change',
-        this._handleConnectionInfoChange
-    );
+    NetInfo.addEventListener('change', this._handleConnectionInfoChange);
   }
 
   componentWillUnmount() {
-    NetInfo.removeEventListener(
-        'change',
-        this._handleConnectionInfoChange
-    );
+    NetInfo.removeEventListener('change', this._handleConnectionInfoChange);
   }
 
-  _handleConnectionInfoChange = (connectionInfo) => {
+  _handleConnectionInfoChange = connectionInfo => {
     const connectionInfoHistory = this.state.connectionInfoHistory.slice();
     connectionInfoHistory.push(connectionInfo);
     this.setState({
@@ -47,9 +37,9 @@ class ConnectionInfoSubscription extends React.Component<{}, $FlowFixMeState> {
 
   render() {
     return (
-        <View>
-          <Text>{JSON.stringify(this.state.connectionInfoHistory)}</Text>
-        </View>
+      <View>
+        <Text>{JSON.stringify(this.state.connectionInfoHistory)}</Text>
+      </View>
     );
   }
 }
@@ -60,23 +50,17 @@ class ConnectionInfoCurrent extends React.Component<{}, $FlowFixMeState> {
   };
 
   componentDidMount() {
-    NetInfo.addEventListener(
-        'change',
-        this._handleConnectionInfoChange
-    );
-    NetInfo.fetch().done(
-        (connectionInfo) => { this.setState({connectionInfo}); }
-    );
+    NetInfo.addEventListener('change', this._handleConnectionInfoChange);
+    NetInfo.fetch().done(connectionInfo => {
+      this.setState({connectionInfo});
+    });
   }
 
   componentWillUnmount() {
-    NetInfo.removeEventListener(
-        'change',
-        this._handleConnectionInfoChange
-    );
+    NetInfo.removeEventListener('change', this._handleConnectionInfoChange);
   }
 
-  _handleConnectionInfoChange = (connectionInfo) => {
+  _handleConnectionInfoChange = connectionInfo => {
     this.setState({
       connectionInfo,
     });
@@ -84,9 +68,9 @@ class ConnectionInfoCurrent extends React.Component<{}, $FlowFixMeState> {
 
   render() {
     return (
-        <View>
-          <Text>{this.state.connectionInfo}</Text>
-        </View>
+      <View>
+        <Text>{this.state.connectionInfo}</Text>
+      </View>
     );
   }
 }
@@ -98,22 +82,22 @@ class IsConnected extends React.Component<{}, $FlowFixMeState> {
 
   componentDidMount() {
     NetInfo.isConnected.addEventListener(
-        'change',
-        this._handleConnectivityChange
-    );
-    NetInfo.isConnected.fetch().done(
-        (isConnected) => { this.setState({isConnected}); }
+      'change',
+      this._handleConnectivityChange,
     );
+    NetInfo.isConnected.fetch().done(isConnected => {
+      this.setState({isConnected});
+    });
   }
 
   componentWillUnmount() {
     NetInfo.isConnected.removeEventListener(
-        'change',
-        this._handleConnectivityChange
+      'change',
+      this._handleConnectivityChange,
     );
   }
 
-  _handleConnectivityChange = (isConnected) => {
+  _handleConnectivityChange = isConnected => {
     this.setState({
       isConnected,
     });
@@ -121,37 +105,40 @@ class IsConnected extends React.Component<{}, $FlowFixMeState> {
 
   render() {
     return (
-        <View>
-          <Text>{this.state.isConnected ? 'Online' : 'Offline'}</Text>
-        </View>
+      <View>
+        <Text>{this.state.isConnected ? 'Online' : 'Offline'}</Text>
+      </View>
     );
   }
 }
 
 class IsConnectionExpensive extends React.Component<{}, $FlowFixMeState> {
   state = {
-    isConnectionExpensive: (null : ?boolean),
+    isConnectionExpensive: (null: ?boolean),
   };
 
   _checkIfExpensive = () => {
-    NetInfo.isConnectionExpensive().then(
-        isConnectionExpensive => { this.setState({isConnectionExpensive}); }
-    );
+    NetInfo.isConnectionExpensive().then(isConnectionExpensive => {
+      this.setState({isConnectionExpensive});
+    });
   };
 
   render() {
     return (
-        <View>
-          <TouchableWithoutFeedback onPress={this._checkIfExpensive}>
-            <View>
-              <Text>Click to see if connection is expensive:
-                {this.state.isConnectionExpensive === true ? 'Expensive' :
-                this.state.isConnectionExpensive === false ? 'Not expensive'
-                : 'Unknown'}
-              </Text>
-            </View>
-          </TouchableWithoutFeedback>
-        </View>
+      <View>
+        <TouchableWithoutFeedback onPress={this._checkIfExpensive}>
+          <View>
+            <Text>
+              Click to see if connection is expensive:
+              {this.state.isConnectionExpensive === true
+                ? 'Expensive'
+                : this.state.isConnectionExpensive === false
+                  ? 'Not expensive'
+                  : 'Unknown'}
+            </Text>
+          </View>
+        </TouchableWithoutFeedback>
+      </View>
     );
   }
 }
@@ -162,22 +149,30 @@ exports.examples = [
   {
     title: 'NetInfo.isConnected',
     description: 'Asynchronously load and observe connectivity',
-    render(): React.Element<any> { return <IsConnected />; }
+    render(): React.Element<any> {
+      return <IsConnected />;
+    },
   },
   {
     title: 'NetInfo.update',
     description: 'Asynchronously load and observe connectionInfo',
-    render(): React.Element<any> { return <ConnectionInfoCurrent />; }
+    render(): React.Element<any> {
+      return <ConnectionInfoCurrent />;
+    },
   },
   {
     title: 'NetInfo.updateHistory',
     description: 'Observed updates to connectionInfo',
-    render(): React.Element<any> { return <ConnectionInfoSubscription />; }
+    render(): React.Element<any> {
+      return <ConnectionInfoSubscription />;
+    },
   },
   {
     platform: 'android',
     title: 'NetInfo.isConnectionExpensive (Android)',
     description: 'Asynchronously check isConnectionExpensive',
-    render(): React.Element<any> { return <IsConnectionExpensive />; }
+    render(): React.Element<any> {
+      return <IsConnectionExpensive />;
+    },
   },
 ];
diff --git a/RNTester/js/OrientationChangeExample.js b/RNTester/js/OrientationChangeExample.js
index af6f9b1feeca09..cb2bee02c33d60 100644
--- a/RNTester/js/OrientationChangeExample.js
+++ b/RNTester/js/OrientationChangeExample.js
@@ -4,18 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule OrientationChangeExample
+ * @format
  * @flow
  */
+
 'use strict';
 
 const React = require('react');
 const ReactNative = require('react-native');
-const {
-  DeviceEventEmitter,
-  Text,
-  View,
-} = ReactNative;
+const {DeviceEventEmitter, Text, View} = ReactNative;
 
 import type EmitterSubscription from 'EmitterSubscription';
 
@@ -30,7 +27,8 @@ class OrientationChangeExample extends React.Component<{}, $FlowFixMeState> {
 
   componentDidMount() {
     this._orientationSubscription = DeviceEventEmitter.addListener(
-      'namedOrientationDidChange', this._onOrientationChange,
+      'namedOrientationDidChange',
+      this._onOrientationChange,
     );
   }
 
@@ -44,7 +42,7 @@ class OrientationChangeExample extends React.Component<{}, $FlowFixMeState> {
       orientationDegrees: orientation.rotationDegrees,
       isLandscape: orientation.isLandscape,
     });
-  }
+  };
 
   render() {
     return (
@@ -61,6 +59,8 @@ exports.examples = [
   {
     title: 'OrientationChangeExample',
     description: 'listening to device orientation changes',
-    render() { return <OrientationChangeExample />; },
+    render() {
+      return <OrientationChangeExample />;
+    },
   },
 ];
diff --git a/RNTester/js/PanResponderExample.js b/RNTester/js/PanResponderExample.js
index 27d9a8016677b4..8e0d44a35f2d84 100644
--- a/RNTester/js/PanResponderExample.js
+++ b/RNTester/js/PanResponderExample.js
@@ -4,19 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow weak
- * @providesModule PanResponderExample
  */
+
 'use strict';
 
 var React = require('react');
 var createReactClass = require('create-react-class');
 var ReactNative = require('react-native');
-var {
-  PanResponder,
-  StyleSheet,
-  View,
-} = ReactNative;
+var {PanResponder, StyleSheet, View} = ReactNative;
 
 var CIRCLE_SIZE = 80;
 
@@ -25,14 +22,15 @@ var PanResponderExample = createReactClass({
 
   statics: {
     title: 'PanResponder Sample',
-    description: 'Shows the use of PanResponder to provide basic gesture handling.',
+    description:
+      'Shows the use of PanResponder to provide basic gesture handling.',
   },
 
   _panResponder: {},
   _previousLeft: 0,
   _previousTop: 0,
   _circleStyles: {},
-  circle: (null : ?{ setNativeProps(props: Object): void }),
+  circle: (null: ?{setNativeProps(props: Object): void}),
 
   UNSAFE_componentWillMount: function() {
     this._panResponder = PanResponder.create({
@@ -50,7 +48,7 @@ var PanResponderExample = createReactClass({
         left: this._previousLeft,
         top: this._previousTop,
         backgroundColor: 'green',
-      }
+      },
     };
   },
 
@@ -60,10 +58,9 @@ var PanResponderExample = createReactClass({
 
   render: function() {
     return (
-      <View
-        style={styles.container}>
+      <View style={styles.container}>
         <View
-          ref={(circle) => {
+          ref={circle => {
             this.circle = circle;
           }}
           style={styles.circle}
@@ -87,12 +84,18 @@ var PanResponderExample = createReactClass({
     this.circle && this.circle.setNativeProps(this._circleStyles);
   },
 
-  _handleStartShouldSetPanResponder: function(e: Object, gestureState: Object): boolean {
+  _handleStartShouldSetPanResponder: function(
+    e: Object,
+    gestureState: Object,
+  ): boolean {
     // Should we become active when the user presses down on the circle?
     return true;
   },
 
-  _handleMoveShouldSetPanResponder: function(e: Object, gestureState: Object): boolean {
+  _handleMoveShouldSetPanResponder: function(
+    e: Object,
+    gestureState: Object,
+  ): boolean {
     // Should we become active when the user moves a touch over the circle?
     return true;
   },
diff --git a/RNTester/js/PermissionsExampleAndroid.android.js b/RNTester/js/PermissionsExampleAndroid.android.js
index cb837183a6295d..81a7ec5b1a6d23 100644
--- a/RNTester/js/PermissionsExampleAndroid.android.js
+++ b/RNTester/js/PermissionsExampleAndroid.android.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule PermissionsExampleAndroid
+ * @format
  * @flow
  */
+
 'use strict';
 
 const React = require('react');
@@ -41,19 +42,34 @@ class PermissionsExample extends React.Component<{}, $FlowFixMeState> {
           style={styles.picker}
           selectedValue={this.state.permission}
           onValueChange={this._onSelectPermission.bind(this)}>
-          <Item label={PermissionsAndroid.PERMISSIONS.CAMERA} value={PermissionsAndroid.PERMISSIONS.CAMERA} />
-          <Item label={PermissionsAndroid.PERMISSIONS.READ_CALENDAR} value={PermissionsAndroid.PERMISSIONS.READ_CALENDAR} />
-          <Item label={PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION} value={PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION} />
+          <Item
+            label={PermissionsAndroid.PERMISSIONS.CAMERA}
+            value={PermissionsAndroid.PERMISSIONS.CAMERA}
+          />
+          <Item
+            label={PermissionsAndroid.PERMISSIONS.READ_CALENDAR}
+            value={PermissionsAndroid.PERMISSIONS.READ_CALENDAR}
+          />
+          <Item
+            label={PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION}
+            value={PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION}
+          />
         </Picker>
         <TouchableWithoutFeedback onPress={this._checkPermission}>
           <View>
-            <Text style={[styles.touchable, styles.text]}>Check Permission</Text>
+            <Text style={[styles.touchable, styles.text]}>
+              Check Permission
+            </Text>
           </View>
         </TouchableWithoutFeedback>
-        <Text style={styles.text}>Permission Status: {this.state.hasPermission}</Text>
+        <Text style={styles.text}>
+          Permission Status: {this.state.hasPermission}
+        </Text>
         <TouchableWithoutFeedback onPress={this._requestPermission}>
           <View>
-            <Text style={[styles.touchable, styles.text]}>Request Permission</Text>
+            <Text style={[styles.touchable, styles.text]}>
+              Request Permission
+            </Text>
           </View>
         </TouchableWithoutFeedback>
       </View>
@@ -69,25 +85,22 @@ class PermissionsExample extends React.Component<{}, $FlowFixMeState> {
   _checkPermission = async () => {
     let result = await PermissionsAndroid.check(this.state.permission);
     this.setState({
-      hasPermission: (result ? 'Granted' : 'Revoked') + ' for ' +
-        this.state.permission,
+      hasPermission:
+        (result ? 'Granted' : 'Revoked') + ' for ' + this.state.permission,
     });
   };
 
   _requestPermission = async () => {
-    let result = await PermissionsAndroid.request(
-      this.state.permission,
-      {
-        title: 'Permission Explanation',
-        message:
-          'The app needs the following permission ' + this.state.permission +
-          ' because of reasons. Please approve.'
-      },
-    );
+    let result = await PermissionsAndroid.request(this.state.permission, {
+      title: 'Permission Explanation',
+      message:
+        'The app needs the following permission ' +
+        this.state.permission +
+        ' because of reasons. Please approve.',
+    });
 
     this.setState({
-      hasPermission: result + ' for ' +
-        this.state.permission,
+      hasPermission: result + ' for ' + this.state.permission,
     });
   };
 }
@@ -95,7 +108,8 @@ class PermissionsExample extends React.Component<{}, $FlowFixMeState> {
 exports.examples = [
   {
     title: 'Permissions Example',
-    description: 'Short example of how to use the runtime permissions API introduced in Android M.',
+    description:
+      'Short example of how to use the runtime permissions API introduced in Android M.',
     render: () => <PermissionsExample />,
   },
 ];
@@ -117,5 +131,5 @@ var styles = StyleSheet.create({
   },
   picker: {
     flex: 1,
-  }
+  },
 });
diff --git a/RNTester/js/PickerExample.js b/RNTester/js/PickerExample.js
index 1a1005cdaa2d03..0fd21fc7de32ea 100644
--- a/RNTester/js/PickerExample.js
+++ b/RNTester/js/PickerExample.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule PickerExample
  */
+
 'use strict';
 
 const React = require('react');
@@ -15,16 +16,14 @@ const StyleSheet = require('StyleSheet');
 const RNTesterBlock = require('RNTesterBlock');
 const RNTesterPage = require('RNTesterPage');
 
-const {
-  Picker,
-  Text,
-} = ReactNative;
+const {Picker, Text} = ReactNative;
 
 const Item = Picker.Item;
 
 class PickerExample extends React.Component<{}, $FlowFixMeState> {
   static title = '<Picker>';
-  static description = 'Provides multiple options to choose from, using either a dropdown menu or a dialog.';
+  static description =
+    'Provides multiple options to choose from, using either a dropdown menu or a dialog.';
 
   state = {
     selected1: 'key1',
@@ -47,7 +46,10 @@ class PickerExample extends React.Component<{}, $FlowFixMeState> {
           </Picker>
         </RNTesterBlock>
         <RNTesterBlock title="Disabled picker">
-          <Picker style={styles.picker} enabled={false} selectedValue={this.state.selected1}>
+          <Picker
+            style={styles.picker}
+            enabled={false}
+            selectedValue={this.state.selected1}>
             <Item label="hello" value="key0" />
             <Item label="world" value="key1" />
           </Picker>
@@ -78,7 +80,8 @@ class PickerExample extends React.Component<{}, $FlowFixMeState> {
             <Item label="world" value="key1" />
           </Picker>
           <Text>
-            Cannot change the value of this picker because it doesn't update selectedValue.
+            Cannot change the value of this picker because it doesn't update
+            selectedValue.
           </Text>
         </RNTesterBlock>
         <RNTesterBlock title="Colorful pickers">
@@ -106,7 +109,8 @@ class PickerExample extends React.Component<{}, $FlowFixMeState> {
   }
 
   changeMode = () => {
-    const newMode = this.state.mode === Picker.MODE_DIALOG
+    const newMode =
+      this.state.mode === Picker.MODE_DIALOG
         ? Picker.MODE_DROPDOWN
         : Picker.MODE_DIALOG;
     this.setState({mode: newMode});
diff --git a/RNTester/js/PickerIOSExample.js b/RNTester/js/PickerIOSExample.js
index a4d5de63a046c7..0ca1f61452a9df 100644
--- a/RNTester/js/PickerIOSExample.js
+++ b/RNTester/js/PickerIOSExample.js
@@ -4,18 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule PickerIOSExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  PickerIOS,
-  Text,
-  View,
-} = ReactNative;
+var {PickerIOS, Text, View} = ReactNative;
 
 var PickerItemIOS = PickerIOS.Item;
 
@@ -26,7 +23,16 @@ var CAR_MAKES_AND_MODELS = {
   },
   alfa: {
     name: 'Alfa-Romeo',
-    models: ['159', '4C', 'Alfasud', 'Brera', 'GTV6', 'Giulia', 'MiTo', 'Spider'],
+    models: [
+      '159',
+      '4C',
+      'Alfasud',
+      'Brera',
+      'GTV6',
+      'Giulia',
+      'MiTo',
+      'Spider',
+    ],
   },
   aston: {
     name: 'Aston Martin',
@@ -34,7 +40,19 @@ var CAR_MAKES_AND_MODELS = {
   },
   audi: {
     name: 'Audi',
-    models: ['90', '4000', '5000', 'A3', 'A4', 'A5', 'A6', 'A7', 'A8', 'Q5', 'Q7'],
+    models: [
+      '90',
+      '4000',
+      '5000',
+      'A3',
+      'A4',
+      'A5',
+      'A6',
+      'A7',
+      'A8',
+      'Q5',
+      'Q7',
+    ],
   },
   austin: {
     name: 'Austin',
@@ -46,8 +64,15 @@ var CAR_MAKES_AND_MODELS = {
   },
   buick: {
     name: 'Buick',
-    models: ['Electra', 'LaCrosse', 'LeSabre', 'Park Avenue', 'Regal',
-             'Roadmaster', 'Skylark'],
+    models: [
+      'Electra',
+      'LaCrosse',
+      'LeSabre',
+      'Park Avenue',
+      'Regal',
+      'Roadmaster',
+      'Skylark',
+    ],
   },
   cadillac: {
     name: 'Cadillac',
@@ -55,8 +80,21 @@ var CAR_MAKES_AND_MODELS = {
   },
   chevrolet: {
     name: 'Chevrolet',
-    models: ['Astro', 'Aveo', 'Bel Air', 'Captiva', 'Cavalier', 'Chevelle',
-             'Corvair', 'Corvette', 'Cruze', 'Nova', 'SS', 'Vega', 'Volt'],
+    models: [
+      'Astro',
+      'Aveo',
+      'Bel Air',
+      'Captiva',
+      'Cavalier',
+      'Chevelle',
+      'Corvair',
+      'Corvette',
+      'Cruze',
+      'Nova',
+      'SS',
+      'Vega',
+      'Volt',
+    ],
   },
 };
 
@@ -74,8 +112,8 @@ class PickerExample extends React.Component<{}, $FlowFixMeState> {
         <Text>Please choose a make for your car:</Text>
         <PickerIOS
           selectedValue={this.state.carMake}
-          onValueChange={(carMake) => this.setState({carMake, modelIndex: 0})}>
-          {Object.keys(CAR_MAKES_AND_MODELS).map((carMake) => (
+          onValueChange={carMake => this.setState({carMake, modelIndex: 0})}>
+          {Object.keys(CAR_MAKES_AND_MODELS).map(carMake => (
             <PickerItemIOS
               key={carMake}
               value={carMake}
@@ -87,14 +125,16 @@ class PickerExample extends React.Component<{}, $FlowFixMeState> {
         <PickerIOS
           selectedValue={this.state.modelIndex}
           key={this.state.carMake}
-          onValueChange={(modelIndex) => this.setState({modelIndex})}>
-          {CAR_MAKES_AND_MODELS[this.state.carMake].models.map((modelName, modelIndex) => (
-            <PickerItemIOS
-              key={this.state.carMake + '_' + modelIndex}
-              value={modelIndex}
-              label={modelName}
-            />
-          ))}
+          onValueChange={modelIndex => this.setState({modelIndex})}>
+          {CAR_MAKES_AND_MODELS[this.state.carMake].models.map(
+            (modelName, modelIndex) => (
+              <PickerItemIOS
+                key={this.state.carMake + '_' + modelIndex}
+                value={modelIndex}
+                label={modelName}
+              />
+            ),
+          )}
         </PickerIOS>
         <Text>You selected: {selectionString}</Text>
       </View>
@@ -111,10 +151,15 @@ class PickerStyleExample extends React.Component<{}, $FlowFixMeState> {
   render() {
     return (
       <PickerIOS
-        itemStyle={{fontSize: 25, color: 'red', textAlign: 'left', fontWeight: 'bold'}}
+        itemStyle={{
+          fontSize: 25,
+          color: 'red',
+          textAlign: 'left',
+          fontWeight: 'bold',
+        }}
         selectedValue={this.state.carMake}
-        onValueChange={(carMake) => this.setState({carMake, modelIndex: 0})}>
-        {Object.keys(CAR_MAKES_AND_MODELS).map((carMake) => (
+        onValueChange={carMake => this.setState({carMake, modelIndex: 0})}>
+        {Object.keys(CAR_MAKES_AND_MODELS).map(carMake => (
           <PickerItemIOS
             key={carMake}
             value={carMake}
@@ -130,15 +175,16 @@ exports.displayName = (undefined: ?string);
 exports.title = '<PickerIOS>';
 exports.description = 'Render lists of selectable options with UIPickerView.';
 exports.examples = [
-{
-  title: '<PickerIOS>',
-  render: function(): React.Element<any> {
-    return <PickerExample />;
+  {
+    title: '<PickerIOS>',
+    render: function(): React.Element<any> {
+      return <PickerExample />;
+    },
   },
-},
-{
-  title: '<PickerIOS> with custom styling',
-  render: function(): React.Element<any> {
-    return <PickerStyleExample />;
+  {
+    title: '<PickerIOS> with custom styling',
+    render: function(): React.Element<any> {
+      return <PickerStyleExample />;
+    },
   },
-}];
+];
diff --git a/RNTester/js/PointerEventsExample.js b/RNTester/js/PointerEventsExample.js
index ac838c4eb8e370..b22fb8b3324a8d 100644
--- a/RNTester/js/PointerEventsExample.js
+++ b/RNTester/js/PointerEventsExample.js
@@ -4,25 +4,22 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule PointerEventsExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
+var {StyleSheet, Text, View} = ReactNative;
 
 class ExampleBox extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
   state = {
     log: [],
   };
 
-  handleLog = (msg) => {
+  handleLog = msg => {
     this.state.log = this.state.log.concat([msg]);
   };
 
@@ -49,8 +46,7 @@ class ExampleBox extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
             * React. To see the error delete this comment and run Flow. */}
           <this.props.Component onLog={this.handleLog} />
         </View>
-        <View
-          style={styles.logBox}>
+        <View style={styles.logBox}>
           <DemoText style={styles.logText}>
             {this.state.log.join('\n')}
           </DemoText>
@@ -66,9 +62,7 @@ class NoneExample extends React.Component<$FlowFixMeProps> {
       <View
         onTouchStart={() => this.props.onLog('A unspecified touched')}
         style={styles.box}>
-        <DemoText style={styles.text}>
-          A: unspecified
-        </DemoText>
+        <DemoText style={styles.text}>A: unspecified</DemoText>
         <View
           pointerEvents="none"
           onTouchStart={() => this.props.onLog('B none touched')}
@@ -97,10 +91,7 @@ class DemoText extends React.Component<$FlowFixMeProps> {
   render() {
     return (
       <View pointerEvents="none">
-        <Text
-          style={this.props.style}>
-          {this.props.children}
-        </Text>
+        <Text style={this.props.style}>{this.props.children}</Text>
       </View>
     );
   }
@@ -112,9 +103,7 @@ class BoxNoneExample extends React.Component<$FlowFixMeProps> {
       <View
         onTouchStart={() => this.props.onLog('A unspecified touched')}
         style={styles.box}>
-        <DemoText style={styles.text}>
-          A: unspecified
-        </DemoText>
+        <DemoText style={styles.text}>A: unspecified</DemoText>
         <View
           pointerEvents="box-none"
           onTouchStart={() => this.props.onLog('B box-none touched')}
@@ -125,17 +114,15 @@ class BoxNoneExample extends React.Component<$FlowFixMeProps> {
           <View
             onTouchStart={() => this.props.onLog('C unspecified touched')}
             style={styles.box}>
-            <DemoText style={styles.text}>
-              C: unspecified
-            </DemoText>
+            <DemoText style={styles.text}>C: unspecified</DemoText>
           </View>
           <View
             pointerEvents="auto"
-            onTouchStart={() => this.props.onLog('C explicitly unspecified touched')}
+            onTouchStart={() =>
+              this.props.onLog('C explicitly unspecified touched')
+            }
             style={[styles.box]}>
-            <DemoText style={[styles.text]}>
-              C: explicitly unspecified
-            </DemoText>
+            <DemoText style={[styles.text]}>C: explicitly unspecified</DemoText>
           </View>
         </View>
       </View>
@@ -149,16 +136,12 @@ class BoxOnlyExample extends React.Component<$FlowFixMeProps> {
       <View
         onTouchStart={() => this.props.onLog('A unspecified touched')}
         style={styles.box}>
-        <DemoText style={styles.text}>
-          A: unspecified
-        </DemoText>
+        <DemoText style={styles.text}>A: unspecified</DemoText>
         <View
           pointerEvents="box-only"
           onTouchStart={() => this.props.onLog('B box-only touched')}
           style={styles.box}>
-          <DemoText style={styles.text}>
-            B: box-only
-          </DemoText>
+          <DemoText style={styles.text}>B: box-only</DemoText>
           <View
             onTouchStart={() => this.props.onLog('C unspecified touched')}
             style={[styles.box, styles.boxPassedThrough]}>
@@ -168,7 +151,9 @@ class BoxOnlyExample extends React.Component<$FlowFixMeProps> {
           </View>
           <View
             pointerEvents="auto"
-            onTouchStart={() => this.props.onLog('C explicitly unspecified touched')}
+            onTouchStart={() =>
+              this.props.onLog('C explicitly unspecified touched')
+            }
             style={[styles.box, styles.boxPassedThrough]}>
             <DemoText style={[styles.text, styles.textPassedThrough]}>
               C: explicitly unspecified
@@ -190,21 +175,24 @@ var exampleClasses: Array<ExampleClass> = [
   {
     Component: NoneExample,
     title: '`none`',
-    description: '`none` causes touch events on the container and its child components to pass through to the parent container.',
+    description:
+      '`none` causes touch events on the container and its child components to pass through to the parent container.',
   },
   {
     Component: BoxNoneExample,
     title: '`box-none`',
-    description: '`box-none` causes touch events on the container to pass through and will only detect touch events on its child components.',
+    description:
+      '`box-none` causes touch events on the container to pass through and will only detect touch events on its child components.',
   },
   {
     Component: BoxOnlyExample,
     title: '`box-only`',
-    description: '`box-only` causes touch events on the container\'s child components to pass through and will only detect touch events on the container itself.',
-  }
+    description:
+      "`box-only` causes touch events on the container's child components to pass through and will only detect touch events on the container itself.",
+  },
 ];
 
-var infoToExample = (info) => {
+var infoToExample = info => {
   return {
     title: info.title,
     description: info.description,
@@ -249,6 +237,10 @@ var styles = StyleSheet.create({
 
 exports.framework = 'React';
 exports.title = 'Pointer Events';
-exports.description = 'Demonstrates the use of the pointerEvents prop of a ' +
+exports.description =
+  'Demonstrates the use of the pointerEvents prop of a ' +
   'View to control how touches should be handled.';
+/* $FlowFixMe(>=0.70.0 site=react_native_fb) This comment suppresses an error
+ * found when Flow v0.70 was deployed. To see the error delete this comment
+ * and run Flow. */
 exports.examples = exampleClasses.map(infoToExample);
diff --git a/RNTester/js/ProgressBarAndroidExample.android.js b/RNTester/js/ProgressBarAndroidExample.android.js
index baa75b9ff1e6d2..2b3d7feeafcc88 100644
--- a/RNTester/js/ProgressBarAndroidExample.android.js
+++ b/RNTester/js/ProgressBarAndroidExample.android.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ProgressBarAndroidExample
  */
+
 'use strict';
 
 var ProgressBar = require('ProgressBarAndroid');
@@ -23,17 +24,15 @@ var MovingBar = createReactClass({
 
   getInitialState: function() {
     return {
-      progress: 0
+      progress: 0,
     };
   },
 
   componentDidMount: function() {
-    this.setInterval(
-      () => {
-        var progress = (this.state.progress + 0.02) % 1;
-        this.setState({progress: progress});
-      }, 50
-    );
+    this.setInterval(() => {
+      var progress = (this.state.progress + 0.02) % 1;
+      this.setState({progress: progress});
+    }, 50);
   },
 
   render: function() {
@@ -61,7 +60,11 @@ class ProgressBarAndroidExample extends React.Component<{}> {
         </RNTesterBlock>
 
         <RNTesterBlock title="Horizontal Blue ProgressBar">
-          <MovingBar styleAttr="Horizontal" indeterminate={false} color="blue" />
+          <MovingBar
+            styleAttr="Horizontal"
+            indeterminate={false}
+            color="blue"
+          />
         </RNTesterBlock>
       </RNTesterPage>
     );
diff --git a/RNTester/js/ProgressViewIOSExample.js b/RNTester/js/ProgressViewIOSExample.js
index d0641760965c6a..f691d9d3f98e5f 100644
--- a/RNTester/js/ProgressViewIOSExample.js
+++ b/RNTester/js/ProgressViewIOSExample.js
@@ -4,19 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ProgressViewIOSExample
  */
+
 'use strict';
 
 var React = require('react');
 var createReactClass = require('create-react-class');
 var ReactNative = require('react-native');
-var {
-  ProgressViewIOS,
-  StyleSheet,
-  View,
-} = ReactNative;
+var {ProgressViewIOS, StyleSheet, View} = ReactNative;
 /* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
  * found when Flow v0.54 was deployed. To see the error delete this comment and
  * run Flow. */
@@ -38,7 +35,7 @@ var ProgressViewExample = createReactClass({
 
   updateProgress() {
     var progress = this.state.progress + 0.01;
-    this.setState({ progress });
+    this.setState({progress});
     this.requestAnimationFrame(() => this.updateProgress());
   },
 
@@ -50,11 +47,30 @@ var ProgressViewExample = createReactClass({
   render() {
     return (
       <View style={styles.container}>
-        <ProgressViewIOS style={styles.progressView} progress={this.getProgress(0)}/>
-        <ProgressViewIOS style={styles.progressView} progressTintColor="purple" progress={this.getProgress(0.2)}/>
-        <ProgressViewIOS style={styles.progressView} progressTintColor="red" progress={this.getProgress(0.4)}/>
-        <ProgressViewIOS style={styles.progressView} progressTintColor="orange" progress={this.getProgress(0.6)}/>
-        <ProgressViewIOS style={styles.progressView} progressTintColor="yellow" progress={this.getProgress(0.8)}/>
+        <ProgressViewIOS
+          style={styles.progressView}
+          progress={this.getProgress(0)}
+        />
+        <ProgressViewIOS
+          style={styles.progressView}
+          progressTintColor="purple"
+          progress={this.getProgress(0.2)}
+        />
+        <ProgressViewIOS
+          style={styles.progressView}
+          progressTintColor="red"
+          progress={this.getProgress(0.4)}
+        />
+        <ProgressViewIOS
+          style={styles.progressView}
+          progressTintColor="orange"
+          progress={this.getProgress(0.6)}
+        />
+        <ProgressViewIOS
+          style={styles.progressView}
+          progressTintColor="yellow"
+          progress={this.getProgress(0.8)}
+        />
       </View>
     );
   },
@@ -64,14 +80,14 @@ exports.displayName = (undefined: ?string);
 exports.framework = 'React';
 exports.title = 'ProgressViewIOS';
 exports.description = 'ProgressViewIOS';
-exports.examples = [{
-  title: 'ProgressViewIOS',
-  render() {
-    return (
-      <ProgressViewExample/>
-    );
-  }
-}];
+exports.examples = [
+  {
+    title: 'ProgressViewIOS',
+    render() {
+      return <ProgressViewExample />;
+    },
+  },
+];
 
 var styles = StyleSheet.create({
   container: {
@@ -80,5 +96,5 @@ var styles = StyleSheet.create({
   },
   progressView: {
     marginTop: 20,
-  }
+  },
 });
diff --git a/RNTester/js/PushNotificationIOSExample.js b/RNTester/js/PushNotificationIOSExample.js
index c2368e9a782b14..f4e86ef5dddddb 100644
--- a/RNTester/js/PushNotificationIOSExample.js
+++ b/RNTester/js/PushNotificationIOSExample.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule PushNotificationIOSExample
  */
+
 'use strict';
 
 var React = require('react');
@@ -27,9 +28,7 @@ class Button extends React.Component<$FlowFixMeProps> {
         underlayColor={'white'}
         style={styles.button}
         onPress={this.props.onPress}>
-        <Text style={styles.buttonLabel}>
-          {this.props.label}
-        </Text>
+        <Text style={styles.buttonLabel}>{this.props.label}</Text>
       </TouchableHighlight>
     );
   }
@@ -38,18 +37,36 @@ class Button extends React.Component<$FlowFixMeProps> {
 class NotificationExample extends React.Component<{}> {
   UNSAFE_componentWillMount() {
     PushNotificationIOS.addEventListener('register', this._onRegistered);
-    PushNotificationIOS.addEventListener('registrationError', this._onRegistrationError);
-    PushNotificationIOS.addEventListener('notification', this._onRemoteNotification);
-    PushNotificationIOS.addEventListener('localNotification', this._onLocalNotification);
+    PushNotificationIOS.addEventListener(
+      'registrationError',
+      this._onRegistrationError,
+    );
+    PushNotificationIOS.addEventListener(
+      'notification',
+      this._onRemoteNotification,
+    );
+    PushNotificationIOS.addEventListener(
+      'localNotification',
+      this._onLocalNotification,
+    );
 
     PushNotificationIOS.requestPermissions();
   }
 
   componentWillUnmount() {
     PushNotificationIOS.removeEventListener('register', this._onRegistered);
-    PushNotificationIOS.removeEventListener('registrationError', this._onRegistrationError);
-    PushNotificationIOS.removeEventListener('notification', this._onRemoteNotification);
-    PushNotificationIOS.removeEventListener('localNotification', this._onLocalNotification);
+    PushNotificationIOS.removeEventListener(
+      'registrationError',
+      this._onRegistrationError,
+    );
+    PushNotificationIOS.removeEventListener(
+      'notification',
+      this._onRemoteNotification,
+    );
+    PushNotificationIOS.removeEventListener(
+      'localNotification',
+      this._onLocalNotification,
+    );
   }
 
   render() {
@@ -87,7 +104,7 @@ class NotificationExample extends React.Component<{}> {
         alert: 'Sample local notification',
         badge: '+1',
         sound: 'default',
-        category: 'REACT_NATIVE'
+        category: 'REACT_NATIVE',
       },
     });
   }
@@ -96,10 +113,12 @@ class NotificationExample extends React.Component<{}> {
     AlertIOS.alert(
       'Registered For Remote Push',
       `Device Token: ${deviceToken}`,
-      [{
-        text: 'Dismiss',
-        onPress: null,
-      }]
+      [
+        {
+          text: 'Dismiss',
+          onPress: null,
+        },
+      ],
     );
   }
 
@@ -107,10 +126,12 @@ class NotificationExample extends React.Component<{}> {
     AlertIOS.alert(
       'Failed To Register For Remote Push',
       `Error (${error.code}): ${error.message}`,
-      [{
-        text: 'Dismiss',
-        onPress: null,
-      }]
+      [
+        {
+          text: 'Dismiss',
+          onPress: null,
+        },
+      ],
     );
   }
 
@@ -121,29 +142,32 @@ class NotificationExample extends React.Component<{}> {
       category: ${notification.getCategory()};\n
       content-available: ${notification.getContentAvailable()}.`;
 
-    AlertIOS.alert(
-      'Push Notification Received',
-      result,
-      [{
+    AlertIOS.alert('Push Notification Received', result, [
+      {
         text: 'Dismiss',
         onPress: null,
-      }]
-    );
+      },
+    ]);
   }
 
-  _onLocalNotification(notification){
+  _onLocalNotification(notification) {
     AlertIOS.alert(
       'Local Notification Received',
       'Alert message: ' + notification.getMessage(),
-      [{
-        text: 'Dismiss',
-        onPress: null,
-      }]
+      [
+        {
+          text: 'Dismiss',
+          onPress: null,
+        },
+      ],
     );
   }
 }
 
-class NotificationPermissionExample extends React.Component<$FlowFixMeProps, any> {
+class NotificationPermissionExample extends React.Component<
+  $FlowFixMeProps,
+  any,
+> {
   constructor(props) {
     super(props);
     this.state = {permissions: null};
@@ -156,15 +180,13 @@ class NotificationPermissionExample extends React.Component<$FlowFixMeProps, any
           onPress={this._showPermissions.bind(this)}
           label="Show enabled permissions"
         />
-        <Text>
-          {JSON.stringify(this.state.permissions)}
-        </Text>
+        <Text>{JSON.stringify(this.state.permissions)}</Text>
       </View>
     );
   }
 
   _showPermissions() {
-    PushNotificationIOS.checkPermissions((permissions) => {
+    PushNotificationIOS.checkPermissions(permissions => {
       this.setState({permissions});
     });
   }
@@ -184,32 +206,35 @@ var styles = StyleSheet.create({
 exports.title = 'PushNotificationIOS';
 exports.description = 'Apple PushNotification and badge value';
 exports.examples = [
-{
-  title: 'Badge Number',
-  render(): React.Element<any> {
-    return (
-      <View>
-        <Button
-          onPress={() => PushNotificationIOS.setApplicationIconBadgeNumber(42)}
-          label="Set app's icon badge to 42"
-        />
-        <Button
-          onPress={() => PushNotificationIOS.setApplicationIconBadgeNumber(0)}
-          label="Clear app's icon badge"
-        />
-      </View>
-    );
+  {
+    title: 'Badge Number',
+    render(): React.Element<any> {
+      return (
+        <View>
+          <Button
+            onPress={() =>
+              PushNotificationIOS.setApplicationIconBadgeNumber(42)
+            }
+            label="Set app's icon badge to 42"
+          />
+          <Button
+            onPress={() => PushNotificationIOS.setApplicationIconBadgeNumber(0)}
+            label="Clear app's icon badge"
+          />
+        </View>
+      );
+    },
   },
-},
-{
-  title: 'Push Notifications',
-  render(): React.Element<any> {
-    return <NotificationExample />;
-  }
-},
-{
-  title: 'Notifications Permissions',
-  render(): React.Element<any> {
-    return <NotificationPermissionExample />;
-  }
-}];
+  {
+    title: 'Push Notifications',
+    render(): React.Element<any> {
+      return <NotificationExample />;
+    },
+  },
+  {
+    title: 'Notifications Permissions',
+    render(): React.Element<any> {
+      return <NotificationPermissionExample />;
+    },
+  },
+];
diff --git a/RNTester/js/RCTRootViewIOSExample.js b/RNTester/js/RCTRootViewIOSExample.js
index f6b3b20536efa4..0314507bc5b587 100644
--- a/RNTester/js/RCTRootViewIOSExample.js
+++ b/RNTester/js/RCTRootViewIOSExample.js
@@ -4,30 +4,29 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule RCTRootViewIOSExample
  */
 
 'use strict';
 
 const React = require('react');
 const ReactNative = require('react-native');
-const {
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
+const {StyleSheet, Text, View} = ReactNative;
 
 const requireNativeComponent = require('requireNativeComponent');
 
 class AppPropertiesUpdateExample extends React.Component<{}> {
   render() {
     // Do not require this unless we are actually rendering.
-    const UpdatePropertiesExampleView = requireNativeComponent('UpdatePropertiesExampleView');
+    const UpdatePropertiesExampleView = requireNativeComponent(
+      'UpdatePropertiesExampleView',
+    );
     return (
       <View style={styles.container}>
         <Text style={styles.text}>
-          Press the button to update the field below by passing new properties to the RN app.
+          Press the button to update the field below by passing new properties
+          to the RN app.
         </Text>
         <UpdatePropertiesExampleView style={styles.nativeView}>
           <Text style={styles.text}>
@@ -42,11 +41,14 @@ class AppPropertiesUpdateExample extends React.Component<{}> {
 class RootViewSizeFlexibilityExample extends React.Component<{}> {
   render() {
     // Do not require this unless we are actually rendering.
-    const FlexibleSizeExampleView = requireNativeComponent('FlexibleSizeExampleView');
+    const FlexibleSizeExampleView = requireNativeComponent(
+      'FlexibleSizeExampleView',
+    );
     return (
       <View style={styles.container}>
         <Text style={styles.text}>
-          Press the button to resize it. On resize, RCTRootViewDelegate is notified. You can use it to handle content size updates.
+          Press the button to resize it. On resize, RCTRootViewDelegate is
+          notified. You can use it to handle content size updates.
         </Text>
         <FlexibleSizeExampleView style={styles.nativeView}>
           <Text style={styles.text}>
@@ -64,30 +66,28 @@ const styles = StyleSheet.create({
     backgroundColor: '#F5FCFF',
   },
   text: {
-    marginBottom: 20
+    marginBottom: 20,
   },
   nativeView: {
     height: 140,
-    width: 280
-  }
+    width: 280,
+  },
 });
 
 exports.title = 'RCTRootView';
-exports.description = 'Examples that show useful methods when embedding React Native in a native application';
+exports.description =
+  'Examples that show useful methods when embedding React Native in a native application';
 exports.examples = [
-{
-  title: 'Updating app properties in runtime',
-  render(): React.Element<any> {
-    return (
-      <AppPropertiesUpdateExample/>
-    );
+  {
+    title: 'Updating app properties in runtime',
+    render(): React.Element<any> {
+      return <AppPropertiesUpdateExample />;
+    },
   },
-},
-{
-  title: 'RCTRootView\'s size flexibility',
-  render(): React.Element<any> {
-    return (
-      <RootViewSizeFlexibilityExample/>
-    );
+  {
+    title: "RCTRootView's size flexibility",
+    render(): React.Element<any> {
+      return <RootViewSizeFlexibilityExample />;
+    },
   },
-}];
+];
diff --git a/RNTester/js/RNTesterActions.js b/RNTester/js/RNTesterActions.js
index 2bf967b3c2e66b..d121569ab36abc 100644
--- a/RNTester/js/RNTesterActions.js
+++ b/RNTester/js/RNTesterActions.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
- * @providesModule RNTesterActions
+ * @format
+ * @flow strict
  */
+
 'use strict';
 
 export type RNTesterBackAction = {
@@ -22,12 +23,10 @@ export type RNTesterExampleAction = {
   openExample: string,
 };
 
-export type RNTesterAction = (
-  RNTesterBackAction |
-  RNTesterListAction |
-  RNTesterExampleAction
-);
-
+export type RNTesterAction =
+  | RNTesterBackAction
+  | RNTesterListAction
+  | RNTesterExampleAction;
 
 function Back(): RNTesterBackAction {
   return {
diff --git a/RNTester/js/RNTesterApp.android.js b/RNTester/js/RNTesterApp.android.js
index d5f05d12a90a3c..42c43b81aa8ca1 100644
--- a/RNTester/js/RNTesterApp.android.js
+++ b/RNTester/js/RNTesterApp.android.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RNTesterApp
+ * @format
  * @flow
  */
+
 'use strict';
 
 const AppRegistry = require('AppRegistry');
@@ -30,7 +31,7 @@ const View = require('View');
 
 const nativeImageSource = require('nativeImageSource');
 
-import type { RNTesterNavigationState } from './RNTesterNavigationReducer';
+import type {RNTesterNavigationState} from './RNTesterNavigationReducer';
 
 UIManager.setLayoutAnimationEnabledExperimental(true);
 
@@ -45,24 +46,29 @@ const APP_STATE_KEY = 'RNTesterAppState.v2';
 const HEADER_LOGO_ICON = nativeImageSource({
   android: 'launcher_icon',
   width: 132,
-  height: 144
+  height: 144,
 });
 
 const HEADER_NAV_ICON = nativeImageSource({
   android: 'ic_menu_black_24dp',
   width: 48,
-  height: 48
+  height: 48,
 });
 
 class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
   UNSAFE_componentWillMount() {
-    BackHandler.addEventListener('hardwareBackPress', this._handleBackButtonPress);
+    BackHandler.addEventListener(
+      'hardwareBackPress',
+      this._handleBackButtonPress,
+    );
   }
 
   componentDidMount() {
-    Linking.getInitialURL().then((url) => {
+    Linking.getInitialURL().then(url => {
       AsyncStorage.getItem(APP_STATE_KEY, (err, storedString) => {
-        const exampleAction = URIActionMap(this.props.exampleFromAppetizeParams);
+        const exampleAction = URIActionMap(
+          this.props.exampleFromAppetizeParams,
+        );
         const urlAction = URIActionMap(url);
         const launchAction = exampleAction || urlAction;
         if (err || !storedString) {
@@ -95,7 +101,9 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
         onDrawerClose={() => {
           this._overrideBackPressForDrawerLayout = false;
         }}
-        ref={(drawer) => { this.drawer = drawer; }}
+        ref={drawer => {
+          this.drawer = drawer;
+        }}
         renderNavigationView={this._renderDrawerContent}
         statusBarBackgroundColor="#589c90">
         {this._renderApp()}
@@ -117,9 +125,7 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
   };
 
   _renderApp() {
-    const {
-      openExample,
-    } = this.state;
+    const {openExample} = this.state;
 
     if (openExample) {
       const ExampleModule = RNTesterList.Modules[openExample];
@@ -129,7 +135,9 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
             onExampleExit={() => {
               this._handleAction(RNTesterActions.Back());
             }}
-            ref={(example) => { this._exampleRef = example; }}
+            ref={example => {
+              this._exampleRef = example;
+            }}
           />
         );
       } else if (ExampleModule) {
@@ -144,7 +152,9 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
             />
             <RNTesterExampleContainer
               module={ExampleModule}
-              ref={(example) => { this._exampleRef = example; }}
+              ref={example => {
+                this._exampleRef = example;
+              }}
             />
           </View>
         );
@@ -172,9 +182,8 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
     this.drawer && this.drawer.closeDrawer();
     const newState = RNTesterNavigationReducer(this.state, action);
     if (this.state !== newState) {
-      this.setState(
-        newState,
-        () => AsyncStorage.setItem(APP_STATE_KEY, JSON.stringify(this.state))
+      this.setState(newState, () =>
+        AsyncStorage.setItem(APP_STATE_KEY, JSON.stringify(this.state)),
       );
       return true;
     }
diff --git a/RNTester/js/RNTesterApp.ios.js b/RNTester/js/RNTesterApp.ios.js
index 26ee1ebbdd976d..7d5b1a1b23910a 100644
--- a/RNTester/js/RNTesterApp.ios.js
+++ b/RNTester/js/RNTesterApp.ios.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RNTesterApp
+ * @format
  * @flow
  */
+
 'use strict';
 
 const AsyncStorage = require('AsyncStorage');
@@ -28,12 +29,12 @@ const {
   StyleSheet,
   Text,
   View,
-  SafeAreaView
+  SafeAreaView,
 } = ReactNative;
 
-import type { RNTesterExample } from './RNTesterList.ios';
-import type { RNTesterAction } from './RNTesterActions';
-import type { RNTesterNavigationState } from './RNTesterNavigationReducer';
+import type {RNTesterExample} from './RNTesterList.ios';
+import type {RNTesterAction} from './RNTesterActions';
+import type {RNTesterNavigationState} from './RNTesterNavigationReducer';
 
 type Props = {
   exampleFromAppetizeParams: string,
@@ -41,15 +42,17 @@ type Props = {
 
 const APP_STATE_KEY = 'RNTesterAppState.v2';
 
-const Header = ({ onBack, title }: { onBack?: () => mixed, title: string }) => (
+const Header = ({onBack, title}: {onBack?: () => mixed, title: string}) => (
   <SafeAreaView style={styles.headerContainer}>
     <View style={styles.header}>
       <View style={styles.headerCenter}>
         <Text style={styles.title}>{title}</Text>
       </View>
-      {onBack && <View style={styles.headerLeft}>
-        <Button title="Back" onPress={onBack} />
-      </View>}
+      {onBack && (
+        <View style={styles.headerLeft}>
+          <Button title="Back" onPress={onBack} />
+        </View>
+      )}
     </View>
   </SafeAreaView>
 );
@@ -60,9 +63,11 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
   }
 
   componentDidMount() {
-    Linking.getInitialURL().then((url) => {
+    Linking.getInitialURL().then(url => {
       AsyncStorage.getItem(APP_STATE_KEY, (err, storedString) => {
-        const exampleAction = URIActionMap(this.props.exampleFromAppetizeParams);
+        const exampleAction = URIActionMap(
+          this.props.exampleFromAppetizeParams,
+        );
         const urlAction = URIActionMap(url);
         const launchAction = exampleAction || urlAction;
         if (err || !storedString) {
@@ -79,14 +84,14 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
       });
     });
 
-    Linking.addEventListener('url', (url) => {
+    Linking.addEventListener('url', url => {
       this._handleAction(URIActionMap(url));
     });
   }
 
   _handleBack = () => {
     this._handleAction(RNTesterActions.Back());
-  }
+  };
 
   _handleAction = (action: ?RNTesterAction) => {
     if (!action) {
@@ -94,12 +99,11 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
     }
     const newState = RNTesterNavigationReducer(this.state, action);
     if (this.state !== newState) {
-      this.setState(
-        newState,
-        () => AsyncStorage.setItem(APP_STATE_KEY, JSON.stringify(this.state))
+      this.setState(newState, () =>
+        AsyncStorage.setItem(APP_STATE_KEY, JSON.stringify(this.state)),
       );
     }
-  }
+  };
 
   render() {
     if (!this.state) {
@@ -108,11 +112,7 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
     if (this.state.openExample) {
       const Component = RNTesterList.Modules[this.state.openExample];
       if (Component.external) {
-        return (
-          <Component
-            onExampleExit={this._handleBack}
-          />
-        );
+        return <Component onExampleExit={this._handleBack} />;
       } else {
         return (
           <View style={styles.exampleContainer}>
@@ -121,7 +121,6 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
           </View>
         );
       }
-
     }
     return (
       <View style={styles.exampleContainer}>
@@ -146,10 +145,9 @@ const styles = StyleSheet.create({
   },
   header: {
     height: 40,
-    flexDirection: 'row'
-  },
-  headerLeft: {
+    flexDirection: 'row',
   },
+  headerLeft: {},
   headerCenter: {
     flex: 1,
     position: 'absolute',
@@ -167,26 +165,35 @@ const styles = StyleSheet.create({
   },
 });
 
-AppRegistry.registerComponent('SetPropertiesExampleApp', () => require('./SetPropertiesExampleApp'));
-AppRegistry.registerComponent('RootViewSizeFlexibilityExampleApp', () => require('./RootViewSizeFlexibilityExampleApp'));
+AppRegistry.registerComponent('SetPropertiesExampleApp', () =>
+  require('./SetPropertiesExampleApp'),
+);
+AppRegistry.registerComponent('RootViewSizeFlexibilityExampleApp', () =>
+  require('./RootViewSizeFlexibilityExampleApp'),
+);
 AppRegistry.registerComponent('RNTesterApp', () => RNTesterApp);
 
 // Register suitable examples for snapshot tests
-RNTesterList.ComponentExamples.concat(RNTesterList.APIExamples).forEach((Example: RNTesterExample) => {
-  const ExampleModule = Example.module;
-  if (ExampleModule.displayName) {
-    class Snapshotter extends React.Component<{}> {
-      render() {
-        return (
-          <SnapshotViewIOS>
-            <RNTesterExampleContainer module={ExampleModule} />
-          </SnapshotViewIOS>
-        );
+RNTesterList.ComponentExamples.concat(RNTesterList.APIExamples).forEach(
+  (Example: RNTesterExample) => {
+    const ExampleModule = Example.module;
+    if (ExampleModule.displayName) {
+      class Snapshotter extends React.Component<{}> {
+        render() {
+          return (
+            <SnapshotViewIOS>
+              <RNTesterExampleContainer module={ExampleModule} />
+            </SnapshotViewIOS>
+          );
+        }
       }
-    }
 
-    AppRegistry.registerComponent(ExampleModule.displayName, () => Snapshotter);
-  }
-});
+      AppRegistry.registerComponent(
+        ExampleModule.displayName,
+        () => Snapshotter,
+      );
+    }
+  },
+);
 
 module.exports = RNTesterApp;
diff --git a/RNTester/js/RNTesterBlock.js b/RNTester/js/RNTesterBlock.js
index 58ca4d0a5f0c03..591b26b68a672f 100644
--- a/RNTester/js/RNTesterBlock.js
+++ b/RNTester/js/RNTesterBlock.js
@@ -4,24 +4,24 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RNTesterBlock
+ * @format
  * @flow
  */
+
 'use strict';
 
 var React = require('react');
 var PropTypes = require('prop-types');
 var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
+var {StyleSheet, Text, View} = ReactNative;
 
-class RNTesterBlock extends React.Component<{
-  title?: string,
-  description?: string,
-}, $FlowFixMeState> {
+class RNTesterBlock extends React.Component<
+  {
+    title?: string,
+    description?: string,
+  },
+  $FlowFixMeState,
+> {
   static propTypes = {
     title: PropTypes.string,
     description: PropTypes.string,
@@ -32,24 +32,22 @@ class RNTesterBlock extends React.Component<{
   render() {
     var description;
     if (this.props.description) {
-      description =
-        <Text style={styles.descriptionText}>
-          {this.props.description}
-        </Text>;
+      description = (
+        <Text style={styles.descriptionText}>{this.props.description}</Text>
+      );
     }
 
     return (
       <View style={styles.container}>
         <View style={styles.titleContainer}>
-          <Text style={styles.titleText}>
-            {this.props.title}
-          </Text>
+          <Text style={styles.titleText}>{this.props.title}</Text>
           {description}
         </View>
         <View style={styles.children}>
           {
             // $FlowFixMe found when converting React.createClass to ES6
-            this.props.children}
+            this.props.children
+          }
         </View>
       </View>
     );
@@ -94,7 +92,7 @@ var styles = StyleSheet.create({
   },
   children: {
     margin: 10,
-  }
+  },
 });
 
 module.exports = RNTesterBlock;
diff --git a/RNTester/js/RNTesterButton.js b/RNTester/js/RNTesterButton.js
index 835eb9db113edd..57ac204b2242bf 100644
--- a/RNTester/js/RNTesterButton.js
+++ b/RNTester/js/RNTesterButton.js
@@ -4,19 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule RNTesterButton
  */
+
 'use strict';
 
 var React = require('react');
 var PropTypes = require('prop-types');
 var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  Text,
-  TouchableHighlight,
-} = ReactNative;
+var {StyleSheet, Text, TouchableHighlight} = ReactNative;
 
 class RNTesterButton extends React.Component<{onPress?: Function}> {
   static propTypes = {
@@ -32,7 +29,8 @@ class RNTesterButton extends React.Component<{onPress?: Function}> {
         <Text>
           {
             // $FlowFixMe found when converting React.createClass to ES6
-            this.props.children}
+            this.props.children
+          }
         </Text>
       </TouchableHighlight>
     );
diff --git a/RNTester/js/RNTesterExampleContainer.js b/RNTester/js/RNTesterExampleContainer.js
index e5d1ab816d1dcb..0b3e3d2331b9f9 100644
--- a/RNTester/js/RNTesterExampleContainer.js
+++ b/RNTester/js/RNTesterExampleContainer.js
@@ -4,14 +4,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RNTesterExampleContainer
+ * @format
  */
+
 'use strict';
 
 const React = require('react');
-const {
-  Platform,
-} = require('react-native');
+const {Platform} = require('react-native');
 const RNTesterBlock = require('./RNTesterBlock');
 const RNTesterPage = require('./RNTesterPage');
 
@@ -26,10 +25,7 @@ class RNTesterExampleContainer extends React.Component {
       title += ' (' + platform + ' only)';
     }
     return (
-      <RNTesterBlock
-        key={i}
-        title={title}
-        description={description}>
+      <RNTesterBlock key={i} title={title} description={description}>
         {example.render()}
       </RNTesterBlock>
     );
diff --git a/RNTester/js/RNTesterExampleList.js b/RNTester/js/RNTesterExampleList.js
index 96e1ed9b474a68..325a5bce88a50c 100644
--- a/RNTester/js/RNTesterExampleList.js
+++ b/RNTester/js/RNTesterExampleList.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule RNTesterExampleList
  */
+
 'use strict';
 
 const Platform = require('Platform');
@@ -52,33 +53,34 @@ class RowComponent extends React.PureComponent<{
   render() {
     const {item} = this.props;
     return (
-      <TouchableHighlight {...this.props} onPress={this._onPress}>
+      <TouchableHighlight
+        onShowUnderlay={this.props.onShowUnderlay}
+        onHideUnderlay={this.props.onHideUnderlay}
+        onPress={this._onPress}>
         <View style={styles.row}>
-          <Text style={styles.rowTitleText}>
-            {item.module.title}
-          </Text>
-          <Text style={styles.rowDetailText}>
-            {item.module.description}
-          </Text>
+          <Text style={styles.rowTitleText}>{item.module.title}</Text>
+          <Text style={styles.rowDetailText}>{item.module.description}</Text>
         </View>
       </TouchableHighlight>
     );
   }
 }
 
-const renderSectionHeader = ({section}) =>
-  <Text style={styles.sectionHeader}>
-    {section.title}
-  </Text>;
+const renderSectionHeader = ({section}) => (
+  <Text style={styles.sectionHeader}>{section.title}</Text>
+);
 
 class RNTesterExampleList extends React.Component<Props, $FlowFixMeState> {
   render() {
     const filterText = this.props.persister.state.filter;
     const filterRegex = new RegExp(String(filterText), 'i');
-    const filter = (example) =>
+    const filter = example =>
+      /* $FlowFixMe(>=0.68.0 site=react_native_fb) This comment suppresses an
+       * error found when Flow v0.68 was deployed. To see the error delete this
+       * comment and run Flow. */
       this.props.disableSearch ||
-        filterRegex.test(example.module.title) &&
-        (!Platform.isTVOS || example.supportsTVOS);
+      (filterRegex.test(example.module.title) &&
+        (!Platform.isTV || example.supportsTVOS));
 
     const sections = [
       {
@@ -128,15 +130,20 @@ class RNTesterExampleList extends React.Component<Props, $FlowFixMeState> {
   );
 
   _renderTitleRow(): ?React.Element<any> {
+    /* $FlowFixMe(>=0.68.0 site=react_native_fb) This comment suppresses an
+     * error found when Flow v0.68 was deployed. To see the error delete this
+     * comment and run Flow. */
     if (!this.props.displayTitleRow) {
       return null;
     }
     return (
       <RowComponent
-        item={{module: {
-          title: 'RNTester',
-          description: 'React Native Examples',
-        }}}
+        item={{
+          module: {
+            title: 'RNTester',
+            description: 'React Native Examples',
+          },
+        }}
         onNavigate={this.props.onNavigate}
         onPress={() => {
           this.props.onNavigate(RNTesterActions.ExampleList());
@@ -146,6 +153,9 @@ class RNTesterExampleList extends React.Component<Props, $FlowFixMeState> {
   }
 
   _renderTextInput(): ?React.Element<any> {
+    /* $FlowFixMe(>=0.68.0 site=react_native_fb) This comment suppresses an
+     * error found when Flow v0.68 was deployed. To see the error delete this
+     * comment and run Flow. */
     if (this.props.disableSearch) {
       return null;
     }
@@ -177,10 +187,13 @@ const ItemSeparator = ({highlighted}) => (
   <View style={highlighted ? styles.separatorHighlighted : styles.separator} />
 );
 
-RNTesterExampleList = RNTesterStatePersister.createContainer(RNTesterExampleList, {
-  cacheKeySuffix: () => 'mainList',
-  getInitialState: () => ({filter: ''}),
-});
+RNTesterExampleList = RNTesterStatePersister.createContainer(
+  RNTesterExampleList,
+  {
+    cacheKeySuffix: () => 'mainList',
+    getInitialState: () => ({filter: ''}),
+  },
+);
 
 const styles = StyleSheet.create({
   listContainer: {
diff --git a/RNTester/js/RNTesterList.android.js b/RNTester/js/RNTesterList.android.js
index feea07f72cdb85..8e8f6b791b8f4c 100644
--- a/RNTester/js/RNTesterList.android.js
+++ b/RNTester/js/RNTesterList.android.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule RNTesterList
  */
+
 'use strict';
 
 export type RNTesterExample = {
@@ -85,11 +86,11 @@ const ComponentExamples: Array<RNTesterExample> = [
   },
   {
     key: 'SwipeableFlatListExample',
-    module: require('./SwipeableFlatListExample')
+    module: require('./SwipeableFlatListExample'),
   },
   {
     key: 'SwipeableListViewExample',
-    module: require('./SwipeableListViewExample')
+    module: require('./SwipeableListViewExample'),
   },
   {
     key: 'SwitchExample',
diff --git a/RNTester/js/RNTesterList.ios.js b/RNTester/js/RNTesterList.ios.js
index fa95044d77dd49..f7a62efaa05f73 100644
--- a/RNTester/js/RNTesterList.ios.js
+++ b/RNTester/js/RNTesterList.ios.js
@@ -4,15 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule RNTesterList
  */
+
 'use strict';
 
 export type RNTesterExample = {
   key: string,
   module: Object,
-  supportsTVOS: boolean
+  supportsTVOS: boolean,
 };
 
 const ComponentExamples: Array<RNTesterExample> = [
diff --git a/RNTester/js/RNTesterNavigationReducer.js b/RNTester/js/RNTesterNavigationReducer.js
index c8ffa5a5fe7c00..7dc222eee1797a 100644
--- a/RNTester/js/RNTesterNavigationReducer.js
+++ b/RNTester/js/RNTesterNavigationReducer.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule RNTesterNavigationReducer
  */
+
 'use strict';
 
 // $FlowFixMe : This is a platform-forked component, and flow seems to only run on iOS?
@@ -18,16 +19,13 @@ export type RNTesterNavigationState = {
 
 function RNTesterNavigationReducer(
   state: ?RNTesterNavigationState,
-  action: any
+  action: any,
 ): RNTesterNavigationState {
-
   if (
     // Default value is to see example list
     !state ||
-
     // Handle the explicit list action
     action.type === 'RNTesterListAction' ||
-
     // Handle requests to go back to the list when an example is open
     (state.openExample && action.type === 'RNTesterBackAction')
   ) {
@@ -38,7 +36,6 @@ function RNTesterNavigationReducer(
   }
 
   if (action.type === 'RNTesterExampleAction') {
-
     // Make sure we see the module before returning the new state
     const ExampleModule = RNTesterList.Modules[action.openExample];
 
diff --git a/RNTester/js/RNTesterPage.js b/RNTester/js/RNTesterPage.js
index 5dfb3bda2039ea..580bd959800ddf 100644
--- a/RNTester/js/RNTesterPage.js
+++ b/RNTester/js/RNTesterPage.js
@@ -4,19 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RNTesterPage
+ * @format
  * @flow
  */
+
 'use strict';
 
 var PropTypes = require('prop-types');
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  ScrollView,
-  StyleSheet,
-  View,
-} = ReactNative;
+var {ScrollView, StyleSheet, View} = ReactNative;
 
 var RNTesterTitle = require('./RNTesterTitle');
 
@@ -41,20 +38,22 @@ class RNTesterPage extends React.Component<{
       wrapperProps.keyboardShouldPersistTaps = 'handled';
       wrapperProps.keyboardDismissMode = 'interactive';
     }
-    var title = this.props.title ?
-      <RNTesterTitle title={this.props.title} /> :
-      null;
+    /* $FlowFixMe(>=0.68.0 site=react_native_fb) This comment suppresses an
+     * error found when Flow v0.68 was deployed. To see the error delete this
+     * comment and run Flow. */
+    var title = this.props.title ? (
+      <RNTesterTitle title={this.props.title} />
+    ) : null;
     var spacer = this.props.noSpacer ? null : <View style={styles.spacer} />;
     return (
       <View style={styles.container}>
         {title}
-        <ContentWrapper
-          style={styles.wrapper}
-          {...wrapperProps}>
-            {
-              // $FlowFixMe found when converting React.createClass to ES6
-              this.props.children}
-            {spacer}
+        <ContentWrapper style={styles.wrapper} {...wrapperProps}>
+          {
+            // $FlowFixMe found when converting React.createClass to ES6
+            this.props.children
+          }
+          {spacer}
         </ContentWrapper>
       </View>
     );
diff --git a/RNTester/js/RNTesterSettingSwitchRow.js b/RNTester/js/RNTesterSettingSwitchRow.js
index 97d2f8d60be40a..423ccf23b24288 100644
--- a/RNTester/js/RNTesterSettingSwitchRow.js
+++ b/RNTester/js/RNTesterSettingSwitchRow.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RNTesterSettingSwitchRow
+ * @format
  * @flow
  */
+
 'use strict';
 
 const React = require('React');
@@ -16,7 +17,10 @@ const Text = require('Text');
 const RNTesterStatePersister = require('./RNTesterStatePersister');
 const View = require('View');
 
-class RNTesterSettingSwitchRow extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
+class RNTesterSettingSwitchRow extends React.Component<
+  $FlowFixMeProps,
+  $FlowFixMeState,
+> {
   UNSAFE_componentWillReceiveProps(newProps) {
     const {onEnable, onDisable, persister} = this.props;
     if (newProps.persister.state !== persister.state) {
@@ -30,7 +34,7 @@ class RNTesterSettingSwitchRow extends React.Component<$FlowFixMeProps, $FlowFix
         <Text>{label}</Text>
         <Switch
           value={persister.state}
-          onValueChange={(value) => {
+          onValueChange={value => {
             persister.setState(() => value);
           }}
         />
@@ -45,8 +49,11 @@ const styles = StyleSheet.create({
     justifyContent: 'space-between',
   },
 });
-RNTesterSettingSwitchRow = RNTesterStatePersister.createContainer(RNTesterSettingSwitchRow, {
-  cacheKeySuffix: ({label}) => 'Switch:' + label,
-  getInitialState: ({initialValue}) => initialValue,
-});
+RNTesterSettingSwitchRow = RNTesterStatePersister.createContainer(
+  RNTesterSettingSwitchRow,
+  {
+    cacheKeySuffix: ({label}) => 'Switch:' + label,
+    getInitialState: ({initialValue}) => initialValue,
+  },
+);
 module.exports = RNTesterSettingSwitchRow;
diff --git a/RNTester/js/RNTesterStatePersister.js b/RNTester/js/RNTesterStatePersister.js
index 310386c49bb7f4..fb697e7d77ee1b 100644
--- a/RNTester/js/RNTesterStatePersister.js
+++ b/RNTester/js/RNTesterStatePersister.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule RNTesterStatePersister
  */
+
 'use strict';
 
 const AsyncStorage = require('AsyncStorage');
@@ -35,13 +36,19 @@ function createContainer<Props: Object, State>(
     version?: string,
   },
 ): React.ComponentType<Props> {
-  return class ComponentWithPersistedState extends React.Component<Props, $FlowFixMeState> {
+  return class ComponentWithPersistedState extends React.Component<
+    Props,
+    $FlowFixMeState,
+  > {
     /* $FlowFixMe(>=0.53.0 site=react_native_fb,react_native_oss) This comment
      * suppresses an error when upgrading Flow's support for React. To see the
      * error delete this comment and run Flow. */
-    static displayName = `RNTesterStatePersister(${Component.displayName || Component.name})`;
+    static displayName = `RNTesterStatePersister(${Component.displayName ||
+      Component.name})`;
     state = {value: spec.getInitialState(this.props)};
-    _cacheKey = `RNTester:${spec.version || 'v1'}:${spec.cacheKeySuffix(this.props)}`;
+    _cacheKey = `RNTester:${spec.version || 'v1'}:${spec.cacheKeySuffix(
+      this.props,
+    )}`;
     componentDidMount() {
       AsyncStorage.getItem(this._cacheKey, (err, value) => {
         if (!err && value) {
@@ -50,7 +57,7 @@ function createContainer<Props: Object, State>(
       });
     }
     _passSetState = (stateLamda: (state: State) => State): void => {
-      this.setState((state) => {
+      this.setState(state => {
         const value = stateLamda(state.value);
         AsyncStorage.setItem(this._cacheKey, JSON.stringify(value));
         return {value};
diff --git a/RNTester/js/RNTesterTitle.js b/RNTester/js/RNTesterTitle.js
index 9afd68a66a7c05..39d36a3a029f92 100644
--- a/RNTester/js/RNTesterTitle.js
+++ b/RNTester/js/RNTesterTitle.js
@@ -4,26 +4,21 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RNTesterTitle
+ * @format
  * @flow
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
+var {StyleSheet, Text, View} = ReactNative;
 
 class RNTesterTitle extends React.Component<$FlowFixMeProps> {
   render() {
     return (
       <View style={styles.container}>
-        <Text style={styles.text}>
-          {this.props.title}
-        </Text>
+        <Text style={styles.text}>{this.props.title}</Text>
       </View>
     );
   }
diff --git a/RNTester/js/RTLExample.js b/RNTester/js/RTLExample.js
index aad38a9fedc9df..bab56a1d36919a 100644
--- a/RNTester/js/RTLExample.js
+++ b/RNTester/js/RTLExample.js
@@ -6,7 +6,6 @@
  *
  * @flow
  * @format
- * @providesModule RTLExample
  */
 'use strict';
 
@@ -374,7 +373,8 @@ const BorderExample = withRTLState(({isRTL, setRTL}) => {
 
 class RTLExample extends React.Component<any, State> {
   static title = 'RTLExample';
-  static description = 'Examples to show how to apply components to RTL layout.';
+  static description =
+    'Examples to show how to apply components to RTL layout.';
 
   _panResponder: Object;
 
@@ -485,7 +485,7 @@ class RTLExample extends React.Component<any, State> {
           <RNTesterBlock
             title={'Controlling Animation'}
             description={'Animation direction according to layout'}>
-            <View Style={styles.view}>
+            <View style={styles.view}>
               <AnimationBlock
                 onPress={this._linearTap}
                 imgStyle={{
diff --git a/RNTester/js/RefreshControlExample.js b/RNTester/js/RefreshControlExample.js
index 7962a457e29bc0..bb69fff63a8527 100644
--- a/RNTester/js/RefreshControlExample.js
+++ b/RNTester/js/RefreshControlExample.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule RefreshControlExample
+ * @format
  */
+
 'use strict';
 
 const React = require('react');
@@ -43,7 +44,7 @@ class Row extends React.Component {
 
   render() {
     return (
-     <TouchableWithoutFeedback onPress={this._onClick} >
+      <TouchableWithoutFeedback onPress={this._onClick}>
         <View style={styles.row}>
           <Text style={styles.text}>
             {this.props.data.text + ' (' + this.props.data.clicks + ' clicks)'}
@@ -61,11 +62,13 @@ class RefreshControlExample extends React.Component {
   state = {
     isRefreshing: false,
     loaded: 0,
-    rowData: Array.from(new Array(20)).map(
-      (val, i) => ({text: 'Initial row ' + i, clicks: 0})),
+    rowData: Array.from(new Array(20)).map((val, i) => ({
+      text: 'Initial row ' + i,
+      clicks: 0,
+    })),
   };
 
-  _onClick = (row) => {
+  _onClick = row => {
     row.clicks++;
     this.setState({
       rowData: this.state.rowData,
@@ -74,7 +77,7 @@ class RefreshControlExample extends React.Component {
 
   render() {
     const rows = this.state.rowData.map((row, ii) => {
-      return <Row key={ii} data={row} onClick={this._onClick}/>;
+      return <Row key={ii} data={row} onClick={this._onClick} />;
     });
     return (
       <ScrollView
@@ -100,11 +103,11 @@ class RefreshControlExample extends React.Component {
     setTimeout(() => {
       // prepend 10 items
       const rowData = Array.from(new Array(10))
-      .map((val, i) => ({
-        text: 'Loaded row ' + (+this.state.loaded + i),
-        clicks: 0,
-      }))
-      .concat(this.state.rowData);
+        .map((val, i) => ({
+          text: 'Loaded row ' + (+this.state.loaded + i),
+          clicks: 0,
+        }))
+        .concat(this.state.rowData);
 
       this.setState({
         loaded: this.state.loaded + 10,
diff --git a/RNTester/js/RootViewSizeFlexibilityExampleApp.js b/RNTester/js/RootViewSizeFlexibilityExampleApp.js
index 066a6d425e926b..bfcce23e6b8ff0 100644
--- a/RNTester/js/RootViewSizeFlexibilityExampleApp.js
+++ b/RNTester/js/RootViewSizeFlexibilityExampleApp.js
@@ -4,40 +4,39 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule RootViewSizeFlexibilityExampleApp
  */
+
 'use strict';
 
 const React = require('react');
 const ReactNative = require('react-native');
-const {
-  StyleSheet,
-  Text,
-  TouchableHighlight,
-  View,
-} = ReactNative;
+const {StyleSheet, Text, TouchableHighlight, View} = ReactNative;
 
-class RootViewSizeFlexibilityExampleApp extends React.Component<{toggled: boolean}, any> {
+class RootViewSizeFlexibilityExampleApp extends React.Component<
+  {toggled: boolean},
+  any,
+> {
   constructor(props: {toggled: boolean}) {
     super(props);
-    this.state = { toggled: false };
+    this.state = {toggled: false};
   }
 
   _onPressButton() {
-    this.setState({ toggled: !this.state.toggled });
+    this.setState({toggled: !this.state.toggled});
   }
 
   render() {
-    const viewStyle = this.state.toggled ? styles.bigContainer : styles.smallContainer;
+    const viewStyle = this.state.toggled
+      ? styles.bigContainer
+      : styles.smallContainer;
 
     return (
       <TouchableHighlight onPress={this._onPressButton.bind(this)}>
         <View style={viewStyle}>
           <View style={styles.center}>
-            <Text style={styles.whiteText}>
-              React Native Button
-            </Text>
+            <Text style={styles.whiteText}>React Native Button</Text>
           </View>
         </View>
       </TouchableHighlight>
@@ -63,7 +62,7 @@ const styles = StyleSheet.create({
   },
   whiteText: {
     color: 'white',
-  }
+  },
 });
 
 module.exports = RootViewSizeFlexibilityExampleApp;
diff --git a/RNTester/js/SafeAreaViewExample.js b/RNTester/js/SafeAreaViewExample.js
index c3d5a99f8208e6..be7ce97fa3b6aa 100644
--- a/RNTester/js/SafeAreaViewExample.js
+++ b/RNTester/js/SafeAreaViewExample.js
@@ -6,7 +6,6 @@
  *
  * @flow
  * @format
- * @providesModule SafeAreaViewExample
  */
 'use strict';
 
@@ -91,8 +90,8 @@ exports.examples = [
     title: 'isIPhoneX_deprecated Example',
     description:
       '`DeviceInfo.isIPhoneX_deprecated` returns true only on iPhone X. ' +
-      'Note: This prop is deprecated and will be removed right after June 01, 2018. ' +
-      'Please use this only for a quick and temporary solution. ' +
+      'Note: This prop is deprecated and will be removed in a future ' +
+      'release. Please use this only for a quick and temporary solution. ' +
       'Use <SafeAreaView> instead.',
     render: () => <IsIPhoneXExample />,
   },
diff --git a/RNTester/js/ScrollViewExample.js b/RNTester/js/ScrollViewExample.js
index f5b5c8aab8fd5c..6d70a62624a20f 100644
--- a/RNTester/js/ScrollViewExample.js
+++ b/RNTester/js/ScrollViewExample.js
@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @flow
- * @providesModule ScrollViewExample
  * @format
  */
 'use strict';
@@ -40,6 +39,7 @@ exports.examples = [
         <View>
           <ScrollView
             ref={scrollView => {
+              // $FlowFixMe Invalid prop usage
               _scrollView = scrollView;
             }}
             automaticallyAdjustContentInsets={false}
@@ -81,7 +81,7 @@ exports.examples = [
         title: string,
         additionalStyles: typeof StyleSheet,
       ) {
-        let _scrollView: ScrollView;
+        let _scrollView: ?ScrollView;
         return (
           <View style={additionalStyles}>
             <Text style={styles.text}>{title}</Text>
@@ -97,18 +97,21 @@ exports.examples = [
             <Button
               label="Scroll to start"
               onPress={() => {
+                // $FlowFixMe Invalid prop usage
                 _scrollView.scrollTo({x: 0});
               }}
             />
             <Button
               label="Scroll to end"
               onPress={() => {
+                // $FlowFixMe Invalid prop usage
                 _scrollView.scrollToEnd({animated: true});
               }}
             />
             <Button
               label="Flash scroll indicators"
               onPress={() => {
+                // $FlowFixMe Invalid prop usage
                 _scrollView.flashScrollIndicators();
               }}
             />
@@ -118,8 +121,14 @@ exports.examples = [
 
       return (
         <View>
-          {renderScrollView('LTR layout', {direction: 'ltr'})}
-          {renderScrollView('RTL layout', {direction: 'rtl'})}
+          {/* $FlowFixMe(>=0.70.0 site=react_native_fb) This comment
+             * suppresses an error found when Flow v0.70 was deployed. To see
+             * the error delete this comment and run Flow. */
+          renderScrollView('LTR layout', {direction: 'ltr'})}
+          {/* $FlowFixMe(>=0.70.0 site=react_native_fb) This comment
+             * suppresses an error found when Flow v0.70 was deployed. To see
+             * the error delete this comment and run Flow. */
+          renderScrollView('RTL layout', {direction: 'rtl'})}
         </View>
       );
     },
diff --git a/RNTester/js/ScrollViewSimpleExample.js b/RNTester/js/ScrollViewSimpleExample.js
index 0a6713122a885d..b7d95b2fb2f929 100644
--- a/RNTester/js/ScrollViewSimpleExample.js
+++ b/RNTester/js/ScrollViewSimpleExample.js
@@ -4,34 +4,31 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ScrollViewSimpleExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  ScrollView,
-  StyleSheet,
-  Text,
-  TouchableOpacity
-} = ReactNative;
+var {ScrollView, StyleSheet, Text, TouchableOpacity} = ReactNative;
 
 var NUM_ITEMS = 20;
 
 class ScrollViewSimpleExample extends React.Component<{}> {
   static title = '<ScrollView>';
-  static description = 'Component that enables scrolling through child components.';
+  static description =
+    'Component that enables scrolling through child components.';
 
   makeItems = (nItems: number, styles): Array<any> => {
     var items = [];
     for (var i = 0; i < nItems; i++) {
-       items[i] = (
-         <TouchableOpacity key={i} style={styles}>
-           <Text>{'Item ' + i}</Text>
-         </TouchableOpacity>
-       );
+      items[i] = (
+        <TouchableOpacity key={i} style={styles}>
+          <Text>{'Item ' + i}</Text>
+        </TouchableOpacity>
+      );
     }
     return items;
   };
@@ -41,7 +38,10 @@ class ScrollViewSimpleExample extends React.Component<{}> {
     var items = this.makeItems(NUM_ITEMS, styles.itemWrapper);
     items[4] = (
       <ScrollView key={'scrollView'} horizontal={true}>
-        {this.makeItems(NUM_ITEMS, [styles.itemWrapper, styles.horizontalItemWrapper])}
+        {this.makeItems(NUM_ITEMS, [
+          styles.itemWrapper,
+          styles.horizontalItemWrapper,
+        ])}
       </ScrollView>
     );
     items.push(
@@ -49,20 +49,17 @@ class ScrollViewSimpleExample extends React.Component<{}> {
         key={'scrollViewSnap'}
         horizontal
         snapToInterval={210.0}
-        pagingEnabled
-      >
+        pagingEnabled>
         {this.makeItems(NUM_ITEMS, [
           styles.itemWrapper,
           styles.horizontalItemWrapper,
           styles.horizontalPagingItemWrapper,
         ])}
-      </ScrollView>
+      </ScrollView>,
     );
 
     var verticalScrollView = (
-      <ScrollView style={styles.verticalScrollView}>
-        {items}
-      </ScrollView>
+      <ScrollView style={styles.verticalScrollView}>{items}</ScrollView>
     );
 
     return verticalScrollView;
@@ -83,7 +80,7 @@ var styles = StyleSheet.create({
     margin: 5,
   },
   horizontalItemWrapper: {
-    padding: 50
+    padding: 50,
   },
   horizontalPagingItemWrapper: {
     width: 200,
diff --git a/RNTester/js/SectionListExample.js b/RNTester/js/SectionListExample.js
index d5d7e685c6c6e1..1b0e67f0cdab17 100644
--- a/RNTester/js/SectionListExample.js
+++ b/RNTester/js/SectionListExample.js
@@ -4,22 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule SectionListExample
  */
+
 'use strict';
 
 const React = require('react');
 const ReactNative = require('react-native');
-const {
-  Alert,
-  Animated,
-  Button,
-  SectionList,
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
+const {Alert, Animated, Button, StyleSheet, Text, View} = ReactNative;
 
 const RNTesterPage = require('./RNTesterPage');
 
@@ -38,8 +31,6 @@ const {
   renderStackedItem,
 } = require('./ListExampleShared');
 
-const AnimatedSectionList = Animated.createAnimatedComponent(SectionList);
-
 const VIEWABILITY_CONFIG = {
   minimumViewTime: 3000,
   viewAreaCoveragePercentThreshold: 100,
@@ -61,7 +52,11 @@ const renderSectionFooter = ({section}) => (
 );
 
 const CustomSeparatorComponent = ({highlighted, text}) => (
-  <View style={[styles.customSeparator, highlighted && {backgroundColor: 'rgb(217, 217, 217)'}]}>
+  <View
+    style={[
+      styles.customSeparator,
+      highlighted && {backgroundColor: 'rgb(217, 217, 217)'},
+    ]}>
     <Text style={styles.separatorText}>{text}</Text>
   </View>
 );
@@ -76,43 +71,43 @@ class SectionListExample extends React.PureComponent<{}, $FlowFixMeState> {
     filterText: '',
     logViewable: false,
     virtualized: true,
+    inverted: false,
   };
 
   _scrollPos = new Animated.Value(0);
   _scrollSinkY = Animated.event(
-    [{nativeEvent: { contentOffset: { y: this._scrollPos } }}],
+    [{nativeEvent: {contentOffset: {y: this._scrollPos}}}],
     {useNativeDriver: true},
   );
 
-  _sectionListRef: any;
-  _captureRef = (ref) => { this._sectionListRef = ref; };
+  _sectionListRef: Animated.SectionList;
+  _captureRef = ref => {
+    this._sectionListRef = ref;
+  };
 
   _scrollToLocation(sectionIndex: number, itemIndex: number) {
-    this._sectionListRef
-      .getNode()
-      .scrollToLocation({ sectionIndex, itemIndex });
+    this._sectionListRef.getNode().scrollToLocation({sectionIndex, itemIndex});
   }
 
   render() {
     const filterRegex = new RegExp(String(this.state.filterText), 'i');
-    const filter = (item) => (
-      filterRegex.test(item.text) || filterRegex.test(item.title)
-    );
+    const filter = item =>
+      filterRegex.test(item.text) || filterRegex.test(item.title);
     const filteredData = this.state.data.filter(filter);
     const filteredSectionData = [];
     let startIndex = 0;
     const endIndex = filteredData.length - 1;
     for (let ii = 10; ii <= endIndex + 10; ii += 10) {
       filteredSectionData.push({
-        key: `${filteredData[startIndex].key} - ${filteredData[Math.min(ii - 1, endIndex)].key}`,
+        key: `${filteredData[startIndex].key} - ${
+          filteredData[Math.min(ii - 1, endIndex)].key
+        }`,
         data: filteredData.slice(startIndex, ii),
       });
       startIndex = ii;
     }
     return (
-      <RNTesterPage
-        noSpacer={true}
-        noScroll={true}>
+      <RNTesterPage noSpacer={true} noScroll={true}>
         <View style={styles.searchRow}>
           <PlainInput
             onChangeText={filterText => {
@@ -125,27 +120,38 @@ class SectionListExample extends React.PureComponent<{}, $FlowFixMeState> {
             {renderSmallSwitchOption(this, 'virtualized')}
             {renderSmallSwitchOption(this, 'logViewable')}
             {renderSmallSwitchOption(this, 'debug')}
+            {renderSmallSwitchOption(this, 'inverted')}
             <Spindicator value={this._scrollPos} />
           </View>
           <View style={styles.scrollToRow}>
             <Text>scroll to:</Text>
-            <Button title="Item A" onPress={() => this._scrollToLocation(2, 1)}/>
-            <Button title="Item B" onPress={() => this._scrollToLocation(3, 6)}/>
-            <Button title="Item C" onPress={() => this._scrollToLocation(6, 3)}/>
+            <Button
+              title="Item A"
+              onPress={() => this._scrollToLocation(2, 1)}
+            />
+            <Button
+              title="Item B"
+              onPress={() => this._scrollToLocation(3, 6)}
+            />
+            <Button
+              title="Item C"
+              onPress={() => this._scrollToLocation(6, 3)}
+            />
           </View>
         </View>
         <SeparatorComponent />
-        <AnimatedSectionList
+        <Animated.SectionList
           ref={this._captureRef}
           ListHeaderComponent={HeaderComponent}
           ListFooterComponent={FooterComponent}
-          SectionSeparatorComponent={(info) =>
+          SectionSeparatorComponent={info => (
             <CustomSeparatorComponent {...info} text="SECTION SEPARATOR" />
-          }
-          ItemSeparatorComponent={(info) =>
+          )}
+          ItemSeparatorComponent={info => (
             <CustomSeparatorComponent {...info} text="ITEM SEPARATOR" />
-          }
+          )}
           debug={this.state.debug}
+          inverted={this.state.inverted}
           enableVirtualization={this.state.virtualized}
           onRefresh={() => Alert.alert('onRefresh: nothing to refresh :P')}
           onScroll={this._scrollSinkY}
@@ -164,14 +170,28 @@ class SectionListExample extends React.PureComponent<{}, $FlowFixMeState> {
               renderItem: renderStackedItem,
               key: 's1',
               data: [
-                {title: 'Item In Header Section', text: 'Section s1', key: 'header item'},
+                {
+                  title: 'Item In Header Section',
+                  text: 'Section s1',
+                  key: 'header item',
+                },
               ],
             },
             {
               key: 's2',
               data: [
-                {noImage: true, title: '1st item', text: 'Section s2', key: 'noimage0'},
-                {noImage: true, title: '2nd item', text: 'Section s2', key: 'noimage1'},
+                {
+                  noImage: true,
+                  title: '1st item',
+                  text: 'Section s2',
+                  key: 'noimage0',
+                },
+                {
+                  noImage: true,
+                  title: '2nd item',
+                  text: 'Section s2',
+                  key: 'noimage1',
+                },
               ],
             },
             ...filteredSectionData,
@@ -200,14 +220,19 @@ class SectionListExample extends React.PureComponent<{}, $FlowFixMeState> {
       isViewable: boolean,
       item: {columns: Array<*>},
       index: ?number,
-      section?: any
-    }>},
-  ) => {
+      section?: any,
+    }>,
+  }) => {
     // Impressions can be logged here
     if (this.state.logViewable) {
-      infoLog('onViewableItemsChanged: ', info.changed.map((v: Object) => (
-        {...v, item: '...', section: v.section.key}
-      )));
+      infoLog(
+        'onViewableItemsChanged: ',
+        info.changed.map((v: Object) => ({
+          ...v,
+          item: '...',
+          section: v.section.key,
+        })),
+      );
     }
   };
 
@@ -232,6 +257,8 @@ const styles = StyleSheet.create({
   },
   optionSection: {
     flexDirection: 'row',
+    flexWrap: 'wrap',
+    alignItems: 'center',
   },
   searchRow: {
     paddingHorizontal: 10,
diff --git a/RNTester/js/SegmentedControlIOSExample.js b/RNTester/js/SegmentedControlIOSExample.js
index c5441e7cc4dc87..6dd00376956513 100644
--- a/RNTester/js/SegmentedControlIOSExample.js
+++ b/RNTester/js/SegmentedControlIOSExample.js
@@ -4,19 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule SegmentedControlIOSExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  SegmentedControlIOS,
-  Text,
-  View,
-  StyleSheet
-} = ReactNative;
+var {SegmentedControlIOS, Text, View, StyleSheet} = ReactNative;
 
 class BasicSegmentedControlExample extends React.Component<{}> {
   render() {
@@ -26,7 +22,9 @@ class BasicSegmentedControlExample extends React.Component<{}> {
           <SegmentedControlIOS values={['One', 'Two']} />
         </View>
         <View>
-          <SegmentedControlIOS values={['One', 'Two', 'Three', 'Four', 'Five']} />
+          <SegmentedControlIOS
+            values={['One', 'Two', 'Three', 'Four', 'Five']}
+          />
         </View>
       </View>
     );
@@ -62,7 +60,11 @@ class DisabledSegmentedControlExample extends React.Component<{}> {
     return (
       <View>
         <View>
-          <SegmentedControlIOS enabled={false} values={['One', 'Two']} selectedIndex={1} />
+          <SegmentedControlIOS
+            enabled={false}
+            values={['One', 'Two']}
+            selectedIndex={1}
+          />
         </View>
       </View>
     );
@@ -74,48 +76,56 @@ class ColorSegmentedControlExample extends React.Component<{}> {
     return (
       <View>
         <View style={{marginBottom: 10}}>
-          <SegmentedControlIOS tintColor="#ff0000" values={['One', 'Two', 'Three', 'Four']} selectedIndex={0} />
+          <SegmentedControlIOS
+            tintColor="#ff0000"
+            values={['One', 'Two', 'Three', 'Four']}
+            selectedIndex={0}
+          />
         </View>
         <View>
-          <SegmentedControlIOS tintColor="#00ff00" values={['One', 'Two', 'Three']} selectedIndex={1} />
+          <SegmentedControlIOS
+            tintColor="#00ff00"
+            values={['One', 'Two', 'Three']}
+            selectedIndex={1}
+          />
         </View>
       </View>
     );
   }
 }
 
-class EventSegmentedControlExample extends React.Component<{}, $FlowFixMeState> {
+class EventSegmentedControlExample extends React.Component<
+  {},
+  $FlowFixMeState,
+> {
   state = {
     values: ['One', 'Two', 'Three'],
     value: 'Not selected',
-    selectedIndex: undefined
+    selectedIndex: undefined,
   };
 
   render() {
     return (
       <View>
-        <Text style={styles.text} >
-          Value: {this.state.value}
-        </Text>
-        <Text style={styles.text} >
-          Index: {this.state.selectedIndex}
-        </Text>
+        <Text style={styles.text}>Value: {this.state.value}</Text>
+        <Text style={styles.text}>Index: {this.state.selectedIndex}</Text>
         <SegmentedControlIOS
           values={this.state.values}
           selectedIndex={this.state.selectedIndex}
           onChange={this._onChange}
-          onValueChange={this._onValueChange} />
+          onValueChange={this._onValueChange}
+        />
       </View>
     );
   }
 
-  _onChange = (event) => {
+  _onChange = event => {
     this.setState({
       selectedIndex: event.nativeEvent.selectedSegmentIndex,
     });
   };
 
-  _onValueChange = (value) => {
+  _onValueChange = value => {
     this.setState({
       value: value,
     });
@@ -137,26 +147,38 @@ exports.description = 'Native segmented control';
 exports.examples = [
   {
     title: 'Segmented controls can have values',
-    render(): React.Element<any> { return <BasicSegmentedControlExample />; }
+    render(): React.Element<any> {
+      return <BasicSegmentedControlExample />;
+    },
   },
   {
     title: 'Segmented controls can have a pre-selected value',
-    render(): React.Element<any> { return <PreSelectedSegmentedControlExample />; }
+    render(): React.Element<any> {
+      return <PreSelectedSegmentedControlExample />;
+    },
   },
   {
     title: 'Segmented controls can be momentary',
-    render(): React.Element<any> { return <MomentarySegmentedControlExample />; }
+    render(): React.Element<any> {
+      return <MomentarySegmentedControlExample />;
+    },
   },
   {
     title: 'Segmented controls can be disabled',
-    render(): React.Element<any> { return <DisabledSegmentedControlExample />; }
+    render(): React.Element<any> {
+      return <DisabledSegmentedControlExample />;
+    },
   },
   {
     title: 'Custom colors can be provided',
-    render(): React.Element<any> { return <ColorSegmentedControlExample />; }
+    render(): React.Element<any> {
+      return <ColorSegmentedControlExample />;
+    },
   },
   {
     title: 'Change events can be detected',
-    render(): React.Element<any> { return <EventSegmentedControlExample />; }
-  }
+    render(): React.Element<any> {
+      return <EventSegmentedControlExample />;
+    },
+  },
 ];
diff --git a/RNTester/js/SetPropertiesExampleApp.js b/RNTester/js/SetPropertiesExampleApp.js
index 8113f5279570db..2b8e3fe5bf26e8 100644
--- a/RNTester/js/SetPropertiesExampleApp.js
+++ b/RNTester/js/SetPropertiesExampleApp.js
@@ -4,37 +4,31 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule SetPropertiesExampleApp
  */
+
 'use strict';
 
 const React = require('react');
 const ReactNative = require('react-native');
-const {
-  Text,
-  View,
-} = ReactNative;
+const {Text, View} = ReactNative;
 
 class SetPropertiesExampleApp extends React.Component<$FlowFixMeProps> {
-
   render() {
     const wrapperStyle = {
       backgroundColor: this.props.color,
       flex: 1,
       alignItems: 'center',
-      justifyContent: 'center'
+      justifyContent: 'center',
     };
 
     return (
       <View style={wrapperStyle}>
-        <Text>
-          Embedded React Native view
-        </Text>
+        <Text>Embedded React Native view</Text>
       </View>
     );
   }
-
 }
 
 module.exports = SetPropertiesExampleApp;
diff --git a/RNTester/js/ShareExample.js b/RNTester/js/ShareExample.js
index 00d3330d83c27c..ac3aa22ee2f428 100644
--- a/RNTester/js/ShareExample.js
+++ b/RNTester/js/ShareExample.js
@@ -4,30 +4,27 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ShareExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  View,
-  Text,
-  TouchableHighlight,
-  Share,
-} = ReactNative;
+var {StyleSheet, View, Text, TouchableHighlight, Share} = ReactNative;
 
 exports.framework = 'React';
 exports.title = 'Share';
 exports.description = 'Share data with other Apps.';
-exports.examples = [{
-  title: 'Share Text Content',
-  render() {
-    return <ShareMessageExample />;
-  }
-}];
+exports.examples = [
+  {
+    title: 'Share Text Content',
+    render() {
+      return <ShareMessageExample />;
+    },
+  },
+];
 
 class ShareMessageExample extends React.Component<$FlowFixMeProps, any> {
   _shareMessage: Function;
@@ -42,21 +39,19 @@ class ShareMessageExample extends React.Component<$FlowFixMeProps, any> {
     this._showResult = this._showResult.bind(this);
 
     this.state = {
-      result: ''
+      result: '',
     };
   }
 
   render() {
     return (
       <View>
-        <TouchableHighlight style={styles.wrapper}
-          onPress={this._shareMessage}>
+        <TouchableHighlight style={styles.wrapper} onPress={this._shareMessage}>
           <View style={styles.button}>
             <Text>Click to share message</Text>
           </View>
         </TouchableHighlight>
-        <TouchableHighlight style={styles.wrapper}
-          onPress={this._shareText}>
+        <TouchableHighlight style={styles.wrapper} onPress={this._shareText}>
           <View style={styles.button}>
             <Text>Click to share message, URL and title</Text>
           </View>
@@ -68,33 +63,37 @@ class ShareMessageExample extends React.Component<$FlowFixMeProps, any> {
 
   _shareMessage() {
     Share.share({
-      message: 'React Native | A framework for building native apps using React'
+      message:
+        'React Native | A framework for building native apps using React',
     })
-    .then(this._showResult)
-    .catch((error) => this.setState({result: 'error: ' + error.message}));
+      .then(this._showResult)
+      .catch(error => this.setState({result: 'error: ' + error.message}));
   }
 
   _shareText() {
-    Share.share({
-      message: 'A framework for building native apps using React',
-      url: 'http://facebook.github.io/react-native/',
-      title: 'React Native'
-    }, {
-      subject: 'A subject to go in the email heading',
-      dialogTitle: 'Share React Native website',
-      excludedActivityTypes: [
-        'com.apple.UIKit.activity.PostToTwitter'
-      ],
-      tintColor: 'green'
-    })
-    .then(this._showResult)
-    .catch((error) => this.setState({result: 'error: ' + error.message}));
+    Share.share(
+      {
+        message: 'A framework for building native apps using React',
+        url: 'http://facebook.github.io/react-native/',
+        title: 'React Native',
+      },
+      {
+        subject: 'A subject to go in the email heading',
+        dialogTitle: 'Share React Native website',
+        excludedActivityTypes: ['com.apple.UIKit.activity.PostToTwitter'],
+        tintColor: 'green',
+      },
+    )
+      .then(this._showResult)
+      .catch(error => this.setState({result: 'error: ' + error.message}));
   }
 
   _showResult(result) {
     if (result.action === Share.sharedAction) {
       if (result.activityType) {
-        this.setState({result: 'shared with an activityType: ' + result.activityType});
+        this.setState({
+          result: 'shared with an activityType: ' + result.activityType,
+        });
       } else {
         this.setState({result: 'shared'});
       }
@@ -104,7 +103,6 @@ class ShareMessageExample extends React.Component<$FlowFixMeProps, any> {
   }
 }
 
-
 var styles = StyleSheet.create({
   wrapper: {
     borderRadius: 5,
diff --git a/RNTester/js/SliderExample.js b/RNTester/js/SliderExample.js
index 3b4980ac800488..a6d95103363647 100644
--- a/RNTester/js/SliderExample.js
+++ b/RNTester/js/SliderExample.js
@@ -4,19 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule SliderExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  Slider,
-  Text,
-  StyleSheet,
-  View,
-} = ReactNative;
+var {Slider, Text, StyleSheet, View} = ReactNative;
 
 class SliderExample extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
   static defaultProps = {
@@ -30,18 +26,22 @@ class SliderExample extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
   render() {
     return (
       <View>
-        <Text style={styles.text} >
+        <Text style={styles.text}>
           {this.state.value && +this.state.value.toFixed(3)}
         </Text>
         <Slider
           {...this.props}
-          onValueChange={(value) => this.setState({value: value})} />
+          onValueChange={value => this.setState({value: value})}
+        />
       </View>
     );
   }
 }
 
-class SlidingCompleteExample extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
+class SlidingCompleteExample extends React.Component<
+  $FlowFixMeProps,
+  $FlowFixMeState,
+> {
   state = {
     slideCompletionValue: 0,
     slideCompletionCount: 0,
@@ -52,11 +52,16 @@ class SlidingCompleteExample extends React.Component<$FlowFixMeProps, $FlowFixMe
       <View>
         <SliderExample
           {...this.props}
-          onSlidingComplete={(value) => this.setState({
+          onSlidingComplete={value =>
+            this.setState({
               slideCompletionValue: value,
-              slideCompletionCount: this.state.slideCompletionCount + 1})} />
+              slideCompletionCount: this.state.slideCompletionCount + 1,
+            })
+          }
+        />
         <Text>
-          Completions: {this.state.slideCompletionCount} Value: {this.state.slideCompletionValue}
+          Completions: {this.state.slideCompletionCount} Value:{' '}
+          {this.state.slideCompletionValue}
         </Text>
       </View>
     );
@@ -84,38 +89,31 @@ exports.examples = [
     title: 'Default settings',
     render(): React.Element<any> {
       return <SliderExample />;
-    }
+    },
   },
   {
     title: 'Initial value: 0.5',
     render(): React.Element<any> {
       return <SliderExample value={0.5} />;
-    }
+    },
   },
   {
     title: 'minimumValue: -1, maximumValue: 2',
     render(): React.Element<any> {
-      return (
-        <SliderExample
-          minimumValue={-1}
-          maximumValue={2}
-        />
-      );
-    }
+      return <SliderExample minimumValue={-1} maximumValue={2} />;
+    },
   },
   {
     title: 'step: 0.25',
     render(): React.Element<any> {
       return <SliderExample step={0.25} />;
-    }
+    },
   },
   {
     title: 'onSlidingComplete',
     render(): React.Element<any> {
-      return (
-        <SlidingCompleteExample />
-      );
-    }
+      return <SlidingCompleteExample />;
+    },
   },
   {
     title: 'Custom min/max track tint color',
@@ -127,28 +125,28 @@ exports.examples = [
           value={0.5}
         />
       );
-    }
+    },
   },
   {
     title: 'Custom thumb color',
     platform: 'android',
     render(): React.Element<any> {
       return <SliderExample thumbTintColor={'blue'} />;
-    }
+    },
   },
   {
     title: 'Custom thumb image',
     platform: 'ios',
     render(): React.Element<any> {
       return <SliderExample thumbImage={require('./uie_thumb_big.png')} />;
-    }
+    },
   },
   {
     title: 'Custom track image',
     platform: 'ios',
     render(): React.Element<any> {
       return <SliderExample trackImage={require('./slider.png')} />;
-    }
+    },
   },
   {
     title: 'Custom min/max track image',
@@ -160,6 +158,6 @@ exports.examples = [
           maximumTrackImage={require('./slider-right.png')}
         />
       );
-    }
+    },
   },
 ];
diff --git a/RNTester/js/SnapshotExample.js b/RNTester/js/SnapshotExample.js
index 160434b53b260b..f77277a53cbf32 100644
--- a/RNTester/js/SnapshotExample.js
+++ b/RNTester/js/SnapshotExample.js
@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @flow
- * @providesModule SnapshotExample
  * @format
  */
 'use strict';
diff --git a/RNTester/js/StatusBarExample.js b/RNTester/js/StatusBarExample.js
index 0df43f42edb371..3247567111c9a6 100644
--- a/RNTester/js/StatusBarExample.js
+++ b/RNTester/js/StatusBarExample.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule StatusBarExample
  */
+
 'use strict';
 
 const React = require('react');
@@ -17,28 +18,18 @@ const {
   Text,
   TouchableHighlight,
   View,
+  Modal,
 } = ReactNative;
 
 exports.framework = 'React';
 exports.title = '<StatusBar>';
 exports.description = 'Component for controlling the status bar';
 
-const colors = [
-  '#ff0000',
-  '#00ff00',
-  '#0000ff',
-  'rgba(0, 0, 0, 0.4)',
-];
+const colors = ['#ff0000', '#00ff00', '#0000ff', 'rgba(0, 0, 0, 0.4)'];
 
-const barStyles = [
-  'default',
-  'light-content',
-];
+const barStyles = ['default', 'light-content'];
 
-const showHideTransitions = [
-  'fade',
-  'slide',
-];
+const showHideTransitions = ['fade', 'slide'];
 
 function getValue<T>(values: Array<T>, index: number): T {
   return values[index % values.length];
@@ -64,7 +55,10 @@ class StatusBarHiddenExample extends React.Component<{}, $FlowFixMeState> {
   _onChangeTransition = () => {
     this._showHideTransitionIndex++;
     this.setState({
-      showHideTransition: getValue(showHideTransitions, this._showHideTransitionIndex),
+      showHideTransition: getValue(
+        showHideTransitions,
+        this._showHideTransitionIndex,
+      ),
     });
   };
 
@@ -87,7 +81,9 @@ class StatusBarHiddenExample extends React.Component<{}, $FlowFixMeState> {
           style={styles.wrapper}
           onPress={this._onChangeAnimated}>
           <View style={styles.button}>
-            <Text>animated (ios only): {this.state.animated ? 'true' : 'false'}</Text>
+            <Text>
+              animated (ios only): {this.state.animated ? 'true' : 'false'}
+            </Text>
           </View>
         </TouchableHighlight>
         <TouchableHighlight
@@ -95,11 +91,14 @@ class StatusBarHiddenExample extends React.Component<{}, $FlowFixMeState> {
           onPress={this._onChangeTransition}>
           <View style={styles.button}>
             <Text>
-              showHideTransition (ios only):
-              '{getValue(showHideTransitions, this._showHideTransitionIndex)}'
+              showHideTransition (ios only): '{getValue(
+                showHideTransitions,
+                this._showHideTransitionIndex,
+              )}'
             </Text>
           </View>
         </TouchableHighlight>
+        <ModalExample />
       </View>
     );
   }
@@ -148,14 +147,18 @@ class StatusBarStyleExample extends React.Component<{}, $FlowFixMeState> {
   }
 }
 
-class StatusBarNetworkActivityExample extends React.Component<{}, $FlowFixMeState> {
+class StatusBarNetworkActivityExample extends React.Component<
+  {},
+  $FlowFixMeState,
+> {
   state = {
     networkActivityIndicatorVisible: false,
   };
 
   _onChangeNetworkIndicatorVisible = () => {
     this.setState({
-      networkActivityIndicatorVisible: !this.state.networkActivityIndicatorVisible,
+      networkActivityIndicatorVisible: !this.state
+        .networkActivityIndicatorVisible,
     });
   };
 
@@ -163,7 +166,9 @@ class StatusBarNetworkActivityExample extends React.Component<{}, $FlowFixMeStat
     return (
       <View>
         <StatusBar
-          networkActivityIndicatorVisible={this.state.networkActivityIndicatorVisible}
+          networkActivityIndicatorVisible={
+            this.state.networkActivityIndicatorVisible
+          }
         />
         <TouchableHighlight
           style={styles.wrapper}
@@ -180,7 +185,10 @@ class StatusBarNetworkActivityExample extends React.Component<{}, $FlowFixMeStat
   }
 }
 
-class StatusBarBackgroundColorExample extends React.Component<{}, $FlowFixMeState> {
+class StatusBarBackgroundColorExample extends React.Component<
+  {},
+  $FlowFixMeState,
+> {
   state = {
     animated: true,
     backgroundColor: getValue(colors, 0),
@@ -237,14 +245,14 @@ class StatusBarTranslucentExample extends React.Component<{}, $FlowFixMeState> {
   render() {
     return (
       <View>
-        <StatusBar
-          translucent={this.state.translucent}
-        />
+        <StatusBar translucent={this.state.translucent} />
         <TouchableHighlight
           style={styles.wrapper}
           onPress={this._onChangeTranslucent}>
           <View style={styles.button}>
-            <Text>translucent: {this.state.translucent ? 'true' : 'false'}</Text>
+            <Text>
+              translucent: {this.state.translucent ? 'true' : 'false'}
+            </Text>
           </View>
         </TouchableHighlight>
       </View>
@@ -362,7 +370,10 @@ class StatusBarStaticAndroidExample extends React.Component<{}> {
             StatusBar.setBackgroundColor('rgba(0, 0, 0, 0.4)', true);
           }}>
           <View style={styles.button}>
-            <Text>setTranslucent(true) and setBackgroundColor('rgba(0, 0, 0, 0.4)', true)</Text>
+            <Text>
+              setTranslucent(true) and setBackgroundColor('rgba(0, 0, 0, 0.4)',
+              true)
+            </Text>
           </View>
         </TouchableHighlight>
         <TouchableHighlight
@@ -372,7 +383,9 @@ class StatusBarStaticAndroidExample extends React.Component<{}> {
             StatusBar.setBackgroundColor('black', true);
           }}>
           <View style={styles.button}>
-            <Text>setTranslucent(false) and setBackgroundColor('black', true)</Text>
+            <Text>
+              setTranslucent(false) and setBackgroundColor('black', true)
+            </Text>
           </View>
         </TouchableHighlight>
       </View>
@@ -380,62 +393,122 @@ class StatusBarStaticAndroidExample extends React.Component<{}> {
   }
 }
 
-const examples = [{
-  title: 'StatusBar hidden',
+class ModalExample extends React.Component<{}, $FlowFixMeState> {
+  state = {
+    modalVisible: false,
+  };
+
+  _onChangeModalVisible = () => {
+    this.setState({modalVisible: !this.state.modalVisible});
+  };
+
   render() {
-    return <StatusBarHiddenExample />;
+    return (
+      <View>
+        <TouchableHighlight
+          style={styles.wrapper}
+          onPress={this._onChangeModalVisible}>
+          <View style={styles.button}>
+            <Text>modal visible: {this.state.hidden ? 'true' : 'false'}</Text>
+          </View>
+        </TouchableHighlight>
+        <Modal
+          visible={this.state.modalVisible}
+          transparent={true}
+          onRequestClose={this._onChangeModalVisible}>
+          <View style={[styles.container]}>
+            <View style={[styles.innerContainer]}>
+              <Text>This modal was presented!</Text>
+              <TouchableHighlight
+                onPress={this._onChangeModalVisible}
+                style={styles.modalButton}>
+                <View style={styles.button}>
+                  <Text>Close</Text>
+                </View>
+              </TouchableHighlight>
+            </View>
+          </View>
+        </Modal>
+      </View>
+    );
+  }
+}
+
+const examples = [
+  {
+    title: 'StatusBar hidden',
+    render() {
+      return <StatusBarHiddenExample />;
+    },
   },
-}, {
-  title: 'StatusBar style',
-  render() {
-    return <StatusBarStyleExample />;
+  {
+    title: 'StatusBar style',
+    render() {
+      return <StatusBarStyleExample />;
+    },
+    platform: 'ios',
   },
-  platform: 'ios',
-}, {
-  title: 'StatusBar network activity indicator',
-  render() {
-    return <StatusBarNetworkActivityExample />;
+  {
+    title: 'StatusBar network activity indicator',
+    render() {
+      return <StatusBarNetworkActivityExample />;
+    },
+    platform: 'ios',
   },
-  platform: 'ios',
-}, {
-  title: 'StatusBar background color',
-  render() {
-    return <StatusBarBackgroundColorExample />;
+  {
+    title: 'StatusBar background color',
+    render() {
+      return <StatusBarBackgroundColorExample />;
+    },
+    platform: 'android',
   },
-  platform: 'android',
-}, {
-  title: 'StatusBar translucent',
-  render() {
-    return <StatusBarTranslucentExample />;
+  {
+    title: 'StatusBar translucent',
+    render() {
+      return <StatusBarTranslucentExample />;
+    },
+    platform: 'android',
   },
-  platform: 'android',
-}, {
-  title: 'StatusBar static API',
-  render() {
-    return <StatusBarStaticIOSExample />;
+  {
+    title: 'StatusBar static API',
+    render() {
+      return <StatusBarStaticIOSExample />;
+    },
+    platform: 'ios',
   },
-  platform: 'ios',
-}, {
-  title: 'StatusBar static API',
-  render() {
-    return <StatusBarStaticAndroidExample />;
+  {
+    title: 'StatusBar static API',
+    render() {
+      return <StatusBarStaticAndroidExample />;
+    },
+    platform: 'android',
   },
-  platform: 'android',
-}, {
-  title: 'StatusBar dimensions',
-  render() {
-    return (
-      <View>
-        <Text>Height (Android only): {StatusBar.currentHeight} pts</Text>
-      </View>
-    );
+  {
+    title: 'StatusBar dimensions',
+    render() {
+      return (
+        <View>
+          <Text>Height (Android only): {StatusBar.currentHeight} pts</Text>
+        </View>
+      );
+    },
+    platform: 'android',
   },
-  platform: 'android',
-}];
+];
 
 exports.examples = examples;
 
 var styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    padding: 20,
+    backgroundColor: '#f5fcff',
+  },
+  innerContainer: {
+    borderRadius: 10,
+    alignItems: 'center',
+  },
   wrapper: {
     borderRadius: 5,
     marginBottom: 5,
@@ -449,5 +522,8 @@ var styles = StyleSheet.create({
     marginTop: 16,
     marginBottom: 8,
     fontWeight: 'bold',
-  }
+  },
+  modalButton: {
+    marginTop: 10,
+  },
 });
diff --git a/RNTester/js/SwipeableFlatListExample.js b/RNTester/js/SwipeableFlatListExample.js
index 432e6d813d5053..4c8716e8c838a3 100644
--- a/RNTester/js/SwipeableFlatListExample.js
+++ b/RNTester/js/SwipeableFlatListExample.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SwipeableFlatListExample
  * @flow
  * @format
  */
diff --git a/RNTester/js/SwipeableListViewExample.js b/RNTester/js/SwipeableListViewExample.js
index c004f86e3e6aad..ee359ed1fcf6d9 100644
--- a/RNTester/js/SwipeableListViewExample.js
+++ b/RNTester/js/SwipeableListViewExample.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule SwipeableListViewExample
  */
+
 'use strict';
 
 var React = require('react');
@@ -28,7 +29,7 @@ var SwipeableListViewSimpleExample = createReactClass({
   displayName: 'SwipeableListViewSimpleExample',
   statics: {
     title: '<SwipeableListView>',
-    description: 'Performant, scrollable, swipeable list of data.'
+    description: 'Performant, scrollable, swipeable list of data.',
   },
 
   getInitialState: function() {
@@ -53,15 +54,24 @@ var SwipeableListViewSimpleExample = createReactClass({
         <SwipeableListView
           dataSource={this.state.dataSource}
           maxSwipeDistance={100}
-          renderQuickActions={
-            (rowData: Object, sectionID: string, rowID: string) => {
-            return (<View style={styles.actionsContainer}>
-              <TouchableHighlight onPress={() => {
-                Alert.alert('Tips', 'You could do something with this row: ' + rowData.text);
-              }}>
-                <Text>Remove</Text>
-              </TouchableHighlight>
-            </View>);
+          renderQuickActions={(
+            rowData: Object,
+            sectionID: string,
+            rowID: string,
+          ) => {
+            return (
+              <View style={styles.actionsContainer}>
+                <TouchableHighlight
+                  onPress={() => {
+                    Alert.alert(
+                      'Tips',
+                      'You could do something with this row: ' + rowData.text,
+                    );
+                  }}>
+                  <Text>Remove</Text>
+                </TouchableHighlight>
+              </View>
+            );
           }}
           renderRow={this._renderRow}
           renderSeparator={this._renderSeperator}
@@ -70,7 +80,12 @@ var SwipeableListViewSimpleExample = createReactClass({
     );
   },
 
-  _renderRow: function(rowData: Object, sectionID: number, rowID: number, highlightRow: (sectionID: number, rowID: number) => void) {
+  _renderRow: function(
+    rowData: Object,
+    sectionID: number,
+    rowID: number,
+    highlightRow: (sectionID: number, rowID: number) => void,
+  ) {
     var rowHash = Math.abs(hashCode(rowData.id));
     var imgSource = THUMB_URLS[rowHash % THUMB_URLS.length];
     return (
@@ -79,7 +94,7 @@ var SwipeableListViewSimpleExample = createReactClass({
           <View style={styles.row}>
             <Image style={styles.thumb} source={imgSource} />
             <Text style={styles.text}>
-              {rowData.id + ' - ' + LOREM_IPSUM.substr(0, rowHash % 301 + 10)}
+              {rowData.id + ' - ' + LOREM_IPSUM.substr(0, (rowHash % 301) + 10)}
             </Text>
           </View>
         </View>
@@ -110,13 +125,20 @@ var SwipeableListViewSimpleExample = createReactClass({
     dataBlob['Section 0'] = {};
     for (var ii = 0; ii < 100; ii++) {
       var pressedText = pressData[ii] ? ' (pressed)' : '';
-      dataBlob[sectionIDs[0]]['Row ' + ii] = {id: 'Row ' + ii, text: 'Row ' + ii + pressedText};
+      dataBlob[sectionIDs[0]]['Row ' + ii] = {
+        id: 'Row ' + ii,
+        text: 'Row ' + ii + pressedText,
+      };
       rowIDs[0].push('Row ' + ii);
     }
     return [dataBlob, sectionIDs, rowIDs];
   },
 
-  _renderSeperator: function(sectionID: number, rowID: number, adjacentRowHighlighted: bool) {
+  _renderSeperator: function(
+    sectionID: number,
+    rowID: number,
+    adjacentRowHighlighted: boolean,
+  ) {
     return (
       <View
         key={`${sectionID}-${rowID}`}
@@ -126,7 +148,7 @@ var SwipeableListViewSimpleExample = createReactClass({
         }}
       />
     );
-  }
+  },
 });
 
 var THUMB_URLS = [
@@ -142,14 +164,15 @@ var THUMB_URLS = [
   require('./Thumbnails/poke.png'),
   require('./Thumbnails/superlike.png'),
   require('./Thumbnails/victory.png'),
-  ];
-var LOREM_IPSUM = 'Lorem ipsum dolor sit amet, ius ad pertinax oportere accommodare, an vix civibus corrumpit referrentur. Te nam case ludus inciderint, te mea facilisi adipiscing. Sea id integre luptatum. In tota sale consequuntur nec. Erat ocurreret mei ei. Eu paulo sapientem vulputate est, vel an accusam intellegam interesset. Nam eu stet pericula reprimique, ea vim illud modus, putant invidunt reprehendunt ne qui.';
+];
+var LOREM_IPSUM =
+  'Lorem ipsum dolor sit amet, ius ad pertinax oportere accommodare, an vix civibus corrumpit referrentur. Te nam case ludus inciderint, te mea facilisi adipiscing. Sea id integre luptatum. In tota sale consequuntur nec. Erat ocurreret mei ei. Eu paulo sapientem vulputate est, vel an accusam intellegam interesset. Nam eu stet pericula reprimique, ea vim illud modus, putant invidunt reprehendunt ne qui.';
 
 /* eslint no-bitwise: 0 */
 var hashCode = function(str) {
   var hash = 15;
   for (var ii = str.length - 1; ii >= 0; ii--) {
-    hash = ((hash << 5) - hash) + str.charCodeAt(ii);
+    hash = (hash << 5) - hash + str.charCodeAt(ii);
   }
   return hash;
 };
diff --git a/RNTester/js/SwitchExample.js b/RNTester/js/SwitchExample.js
index ca721ce4488e6c..a8116ff243cf18 100644
--- a/RNTester/js/SwitchExample.js
+++ b/RNTester/js/SwitchExample.js
@@ -4,19 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule SwitchExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  Platform,
-  Switch,
-  Text,
-  View
-} = ReactNative;
+var {Platform, Switch, Text, View} = ReactNative;
 
 class BasicSwitchExample extends React.Component<{}, $FlowFixMeState> {
   state = {
@@ -28,12 +24,14 @@ class BasicSwitchExample extends React.Component<{}, $FlowFixMeState> {
     return (
       <View>
         <Switch
-          onValueChange={(value) => this.setState({falseSwitchIsOn: value})}
+          onValueChange={value => this.setState({falseSwitchIsOn: value})}
           style={{marginBottom: 10}}
-          value={this.state.falseSwitchIsOn} />
+          value={this.state.falseSwitchIsOn}
+        />
         <Switch
-          onValueChange={(value) => this.setState({trueSwitchIsOn: value})}
-          value={this.state.trueSwitchIsOn} />
+          onValueChange={value => this.setState({trueSwitchIsOn: value})}
+          value={this.state.trueSwitchIsOn}
+        />
       </View>
     );
   }
@@ -43,13 +41,8 @@ class DisabledSwitchExample extends React.Component<{}> {
   render() {
     return (
       <View>
-        <Switch
-          disabled={true}
-          style={{marginBottom: 10}}
-          value={true} />
-        <Switch
-          disabled={true}
-          value={false} />
+        <Switch disabled={true} style={{marginBottom: 10}} value={true} />
+        <Switch disabled={true} value={false} />
       </View>
     );
   }
@@ -65,18 +58,20 @@ class ColorSwitchExample extends React.Component<{}, $FlowFixMeState> {
     return (
       <View>
         <Switch
-          onValueChange={(value) => this.setState({colorFalseSwitchIsOn: value})}
+          onValueChange={value => this.setState({colorFalseSwitchIsOn: value})}
           onTintColor="#00ff00"
           style={{marginBottom: 10}}
           thumbTintColor="#0000ff"
           tintColor="#ff0000"
-          value={this.state.colorFalseSwitchIsOn} />
+          value={this.state.colorFalseSwitchIsOn}
+        />
         <Switch
-          onValueChange={(value) => this.setState({colorTrueSwitchIsOn: value})}
+          onValueChange={value => this.setState({colorTrueSwitchIsOn: value})}
           onTintColor="#00ff00"
           thumbTintColor="#0000ff"
           tintColor="#ff0000"
-          value={this.state.colorTrueSwitchIsOn} />
+          value={this.state.colorTrueSwitchIsOn}
+        />
       </View>
     );
   }
@@ -90,27 +85,35 @@ class EventSwitchExample extends React.Component<{}, $FlowFixMeState> {
 
   render() {
     return (
-      <View style={{ flexDirection: 'row', justifyContent: 'space-around' }}>
+      <View style={{flexDirection: 'row', justifyContent: 'space-around'}}>
         <View>
           <Switch
-            onValueChange={(value) => this.setState({eventSwitchIsOn: value})}
+            onValueChange={value => this.setState({eventSwitchIsOn: value})}
             style={{marginBottom: 10}}
-            value={this.state.eventSwitchIsOn} />
+            value={this.state.eventSwitchIsOn}
+          />
           <Switch
-            onValueChange={(value) => this.setState({eventSwitchIsOn: value})}
+            onValueChange={value => this.setState({eventSwitchIsOn: value})}
             style={{marginBottom: 10}}
-            value={this.state.eventSwitchIsOn} />
+            value={this.state.eventSwitchIsOn}
+          />
           <Text>{this.state.eventSwitchIsOn ? 'On' : 'Off'}</Text>
         </View>
         <View>
           <Switch
-            onValueChange={(value) => this.setState({eventSwitchRegressionIsOn: value})}
+            onValueChange={value =>
+              this.setState({eventSwitchRegressionIsOn: value})
+            }
             style={{marginBottom: 10}}
-            value={this.state.eventSwitchRegressionIsOn} />
+            value={this.state.eventSwitchRegressionIsOn}
+          />
           <Switch
-            onValueChange={(value) => this.setState({eventSwitchRegressionIsOn: value})}
+            onValueChange={value =>
+              this.setState({eventSwitchRegressionIsOn: value})
+            }
             style={{marginBottom: 10}}
-            value={this.state.eventSwitchRegressionIsOn} />
+            value={this.state.eventSwitchRegressionIsOn}
+          />
           <Text>{this.state.eventSwitchRegressionIsOn ? 'On' : 'Off'}</Text>
         </View>
       </View>
@@ -121,24 +124,34 @@ class EventSwitchExample extends React.Component<{}, $FlowFixMeState> {
 var examples = [
   {
     title: 'Switches can be set to true or false',
-    render(): React.Element<any> { return <BasicSwitchExample />; }
+    render(): React.Element<any> {
+      return <BasicSwitchExample />;
+    },
   },
   {
     title: 'Switches can be disabled',
-    render(): React.Element<any> { return <DisabledSwitchExample />; }
+    render(): React.Element<any> {
+      return <DisabledSwitchExample />;
+    },
   },
   {
     title: 'Change events can be detected',
-    render(): React.Element<any> { return <EventSwitchExample />; }
+    render(): React.Element<any> {
+      return <EventSwitchExample />;
+    },
   },
   {
     title: 'Switches are controlled components',
-    render(): React.Element<any> { return <Switch />; }
+    render(): React.Element<any> {
+      return <Switch />;
+    },
   },
   {
     title: 'Custom colors can be provided',
-    render(): React.Element<any> { return <ColorSwitchExample />; }
-  }
+    render(): React.Element<any> {
+      return <ColorSwitchExample />;
+    },
+  },
 ];
 
 exports.title = '<Switch>';
diff --git a/RNTester/js/TVEventHandlerExample.js b/RNTester/js/TVEventHandlerExample.js
index bc6346d0d2b04f..757a27ef9466cb 100644
--- a/RNTester/js/TVEventHandlerExample.js
+++ b/RNTester/js/TVEventHandlerExample.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule TVEventHandlerExample
  */
+
 'use strict';
 
 var React = require('react');
@@ -24,18 +25,25 @@ var {
 exports.framework = 'React';
 exports.title = 'TVEventHandler example';
 exports.description = 'iOS alerts and action sheets';
-exports.examples = [{
-  title: 'TVEventHandler',
-  render() {return <TVEventHandlerView/>;}
-}];
+exports.examples = [
+  {
+    title: 'TVEventHandler',
+    render() {
+      return <TVEventHandlerView />;
+    },
+  },
+];
 
-class TVEventHandlerView extends React.Component<$FlowFixMeProps, {
-  lastEventType: string
-}> {
+class TVEventHandlerView extends React.Component<
+  $FlowFixMeProps,
+  {
+    lastEventType: string,
+  },
+> {
   constructor(props) {
     super(props);
     this.state = {
-      lastEventType: ''
+      lastEventType: '',
     };
   }
 
@@ -45,7 +53,7 @@ class TVEventHandlerView extends React.Component<$FlowFixMeProps, {
     this._tvEventHandler = new TVEventHandler();
     this._tvEventHandler.enable(this, function(cmp, evt) {
       cmp.setState({
-        lastEventType: evt.eventType
+        lastEventType: evt.eventType,
       });
     });
   }
@@ -66,26 +74,23 @@ class TVEventHandlerView extends React.Component<$FlowFixMeProps, {
   }
 
   render() {
-
-    if (Platform.isTVOS) {
+    if (Platform.isTV) {
       return (
         <View>
           <TouchableOpacity onPress={() => {}}>
-          <Text>
-            This example enables an instance of TVEventHandler to show the last event detected from the Apple TV Siri remote or from a keyboard.
-          </Text>
+            <Text>
+              This example enables an instance of TVEventHandler to show the
+              last event detected from the Apple TV Siri remote or from a
+              keyboard.
+            </Text>
           </TouchableOpacity>
-          <Text style={{color: 'blue'}}>
-            {this.state.lastEventType}
-          </Text>
+          <Text style={{color: 'blue'}}>{this.state.lastEventType}</Text>
         </View>
       );
     } else {
       return (
         <View>
-          <Text>
-            This example is intended to be run on Apple TV.
-          </Text>
+          <Text>This example is intended to be run on Apple TV.</Text>
         </View>
       );
     }
diff --git a/RNTester/js/TabBarIOSBarStyleExample.js b/RNTester/js/TabBarIOSBarStyleExample.js
index 5c42c5ccf1ef11..d6a035aed3e151 100644
--- a/RNTester/js/TabBarIOSBarStyleExample.js
+++ b/RNTester/js/TabBarIOSBarStyleExample.js
@@ -16,7 +16,7 @@
  * AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  *
- * @providesModule TabBarIOSBarStyleExample
+ * @format
  * @flow
  */
 
@@ -24,14 +24,10 @@
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  TabBarIOS,
-  Text,
-  View,
-} = ReactNative;
+var {StyleSheet, TabBarIOS, Text, View} = ReactNative;
 
-var base64Icon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAQAAACSR7JhAAADtUlEQVR4Ac3YA2Bj6QLH0XPT1Fzbtm29tW3btm3bfLZtv7e2ObZnms7d8Uw098tuetPzrxv8wiISrtVudrG2JXQZ4VOv+qUfmqCGGl1mqLhoA52oZlb0mrjsnhKpgeUNEs91Z0pd1kvihA3ULGVHiQO2narKSHKkEMulm9VgUyE60s1aWoMQUbpZOWE+kaqs4eLEjdIlZTcFZB0ndc1+lhB1lZrIuk5P2aib1NBpZaL+JaOGIt0ls47SKzLC7CqrlGF6RZ09HGoNy1lYl2aRSWL5GuzqWU1KafRdoRp0iOQEiDzgZPnG6DbldcomadViflnl/cL93tOoVbsOLVM2jylvdWjXolWX1hmfZbGR/wjypDjFLSZIRov09BgYmtUqPQPlQrPapecLgTIy0jMgPKtTeob2zWtrGH3xvjUkPCtNg/tm1rjwrMa+mdUkPd3hWbH0jArPGiU9ufCsNNWFZ40wpwn+62/66R2RUtoso1OB34tnLOcy7YB1fUdc9e0q3yru8PGM773vXsuZ5YIZX+5xmHwHGVvlrGPN6ZSiP1smOsMMde40wKv2VmwPPVXNut4sVpUreZiLBHi0qln/VQeI/LTMYXpsJtFiclUN+5HVZazim+Ky+7sAvxWnvjXrJFneVtLWLyPJu9K3cXLWeOlbMTlrIelbMDlrLenrjEQOtIF+fuI9xRp9ZBFp6+b6WT8RrxEpdK64BuvHgDk+vUy+b5hYk6zfyfs051gRoNO1usU12WWRWL73/MMEy9pMi9qIrR4ZpV16Rrvduxazmy1FSvuFXRkqTnE7m2kdb5U8xGjLw/spRr1uTov4uOgQE+0N/DvFrG/Jt7i/FzwxbA9kDanhf2w+t4V97G8lrT7wc08aA2QNUkuTfW/KimT01wdlfK4yEw030VfT0RtZbzjeMprNq8m8tnSTASrTLti64oBNdpmMQm0eEwvfPwRbUBywG5TzjPCsdwk3IeAXjQblLCoXnDVeoAz6SfJNk5TTzytCNZk/POtTSV40NwOFWzw86wNJRpubpXsn60NJFlHeqlYRbslqZm2jnEZ3qcSKgm0kTli3zZVS7y/iivZTweYXJ26Y+RTbV1zh3hYkgyFGSTKPfRVbRqWWVReaxYeSLarYv1Qqsmh1s95S7G+eEWK0f3jYKTbV6bOwepjfhtafsvUsqrQvrGC8YhmnO9cSCk3yuY984F1vesdHYhWJ5FvASlacshUsajFt2mUM9pqzvKGcyNJW0arTKN1GGGzQlH0tXwLDgQTurS8eIQAAAABJRU5ErkJggg==';
+var base64Icon =
+  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAQAAACSR7JhAAADtUlEQVR4Ac3YA2Bj6QLH0XPT1Fzbtm29tW3btm3bfLZtv7e2ObZnms7d8Uw098tuetPzrxv8wiISrtVudrG2JXQZ4VOv+qUfmqCGGl1mqLhoA52oZlb0mrjsnhKpgeUNEs91Z0pd1kvihA3ULGVHiQO2narKSHKkEMulm9VgUyE60s1aWoMQUbpZOWE+kaqs4eLEjdIlZTcFZB0ndc1+lhB1lZrIuk5P2aib1NBpZaL+JaOGIt0ls47SKzLC7CqrlGF6RZ09HGoNy1lYl2aRSWL5GuzqWU1KafRdoRp0iOQEiDzgZPnG6DbldcomadViflnl/cL93tOoVbsOLVM2jylvdWjXolWX1hmfZbGR/wjypDjFLSZIRov09BgYmtUqPQPlQrPapecLgTIy0jMgPKtTeob2zWtrGH3xvjUkPCtNg/tm1rjwrMa+mdUkPd3hWbH0jArPGiU9ufCsNNWFZ40wpwn+62/66R2RUtoso1OB34tnLOcy7YB1fUdc9e0q3yru8PGM773vXsuZ5YIZX+5xmHwHGVvlrGPN6ZSiP1smOsMMde40wKv2VmwPPVXNut4sVpUreZiLBHi0qln/VQeI/LTMYXpsJtFiclUN+5HVZazim+Ky+7sAvxWnvjXrJFneVtLWLyPJu9K3cXLWeOlbMTlrIelbMDlrLenrjEQOtIF+fuI9xRp9ZBFp6+b6WT8RrxEpdK64BuvHgDk+vUy+b5hYk6zfyfs051gRoNO1usU12WWRWL73/MMEy9pMi9qIrR4ZpV16Rrvduxazmy1FSvuFXRkqTnE7m2kdb5U8xGjLw/spRr1uTov4uOgQE+0N/DvFrG/Jt7i/FzwxbA9kDanhf2w+t4V97G8lrT7wc08aA2QNUkuTfW/KimT01wdlfK4yEw030VfT0RtZbzjeMprNq8m8tnSTASrTLti64oBNdpmMQm0eEwvfPwRbUBywG5TzjPCsdwk3IeAXjQblLCoXnDVeoAz6SfJNk5TTzytCNZk/POtTSV40NwOFWzw86wNJRpubpXsn60NJFlHeqlYRbslqZm2jnEZ3qcSKgm0kTli3zZVS7y/iivZTweYXJ26Y+RTbV1zh3hYkgyFGSTKPfRVbRqWWVReaxYeSLarYv1Qqsmh1s95S7G+eEWK0f3jYKTbV6bOwepjfhtafsvUsqrQvrGC8YhmnO9cSCk3yuY984F1vesdHYhWJ5FvASlacshUsajFt2mUM9pqzvKGcyNJW0arTKN1GGGzQlH0tXwLDgQTurS8eIQAAAABJRU5ErkJggg==';
 
 class TabBarIOSBarStyleExample extends React.Component<{}> {
   static title = '<TabBarIOS> - Custom Bar Style';
@@ -41,10 +37,7 @@ class TabBarIOSBarStyleExample extends React.Component<{}> {
   render() {
     return (
       <TabBarIOS barStyle="black">
-        <TabBarIOS.Item
-          title="Tab"
-          icon={{uri: base64Icon, scale: 3}}
-          selected>
+        <TabBarIOS.Item title="Tab" icon={{uri: base64Icon, scale: 3}} selected>
           <View style={styles.tabContent}>
             <Text style={styles.tabText}>Single page</Text>
           </View>
diff --git a/RNTester/js/TabBarIOSExample.js b/RNTester/js/TabBarIOSExample.js
index 82c47cccdfe2f3..38fcbc64f81505 100644
--- a/RNTester/js/TabBarIOSExample.js
+++ b/RNTester/js/TabBarIOSExample.js
@@ -4,21 +4,18 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule TabBarIOSExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  TabBarIOS,
-  Text,
-  View,
-} = ReactNative;
+var {StyleSheet, TabBarIOS, Text, View} = ReactNative;
 
-var base64Icon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAQAAACSR7JhAAADtUlEQVR4Ac3YA2Bj6QLH0XPT1Fzbtm29tW3btm3bfLZtv7e2ObZnms7d8Uw098tuetPzrxv8wiISrtVudrG2JXQZ4VOv+qUfmqCGGl1mqLhoA52oZlb0mrjsnhKpgeUNEs91Z0pd1kvihA3ULGVHiQO2narKSHKkEMulm9VgUyE60s1aWoMQUbpZOWE+kaqs4eLEjdIlZTcFZB0ndc1+lhB1lZrIuk5P2aib1NBpZaL+JaOGIt0ls47SKzLC7CqrlGF6RZ09HGoNy1lYl2aRSWL5GuzqWU1KafRdoRp0iOQEiDzgZPnG6DbldcomadViflnl/cL93tOoVbsOLVM2jylvdWjXolWX1hmfZbGR/wjypDjFLSZIRov09BgYmtUqPQPlQrPapecLgTIy0jMgPKtTeob2zWtrGH3xvjUkPCtNg/tm1rjwrMa+mdUkPd3hWbH0jArPGiU9ufCsNNWFZ40wpwn+62/66R2RUtoso1OB34tnLOcy7YB1fUdc9e0q3yru8PGM773vXsuZ5YIZX+5xmHwHGVvlrGPN6ZSiP1smOsMMde40wKv2VmwPPVXNut4sVpUreZiLBHi0qln/VQeI/LTMYXpsJtFiclUN+5HVZazim+Ky+7sAvxWnvjXrJFneVtLWLyPJu9K3cXLWeOlbMTlrIelbMDlrLenrjEQOtIF+fuI9xRp9ZBFp6+b6WT8RrxEpdK64BuvHgDk+vUy+b5hYk6zfyfs051gRoNO1usU12WWRWL73/MMEy9pMi9qIrR4ZpV16Rrvduxazmy1FSvuFXRkqTnE7m2kdb5U8xGjLw/spRr1uTov4uOgQE+0N/DvFrG/Jt7i/FzwxbA9kDanhf2w+t4V97G8lrT7wc08aA2QNUkuTfW/KimT01wdlfK4yEw030VfT0RtZbzjeMprNq8m8tnSTASrTLti64oBNdpmMQm0eEwvfPwRbUBywG5TzjPCsdwk3IeAXjQblLCoXnDVeoAz6SfJNk5TTzytCNZk/POtTSV40NwOFWzw86wNJRpubpXsn60NJFlHeqlYRbslqZm2jnEZ3qcSKgm0kTli3zZVS7y/iivZTweYXJ26Y+RTbV1zh3hYkgyFGSTKPfRVbRqWWVReaxYeSLarYv1Qqsmh1s95S7G+eEWK0f3jYKTbV6bOwepjfhtafsvUsqrQvrGC8YhmnO9cSCk3yuY984F1vesdHYhWJ5FvASlacshUsajFt2mUM9pqzvKGcyNJW0arTKN1GGGzQlH0tXwLDgQTurS8eIQAAAABJRU5ErkJggg==';
+var base64Icon =
+  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAQAAACSR7JhAAADtUlEQVR4Ac3YA2Bj6QLH0XPT1Fzbtm29tW3btm3bfLZtv7e2ObZnms7d8Uw098tuetPzrxv8wiISrtVudrG2JXQZ4VOv+qUfmqCGGl1mqLhoA52oZlb0mrjsnhKpgeUNEs91Z0pd1kvihA3ULGVHiQO2narKSHKkEMulm9VgUyE60s1aWoMQUbpZOWE+kaqs4eLEjdIlZTcFZB0ndc1+lhB1lZrIuk5P2aib1NBpZaL+JaOGIt0ls47SKzLC7CqrlGF6RZ09HGoNy1lYl2aRSWL5GuzqWU1KafRdoRp0iOQEiDzgZPnG6DbldcomadViflnl/cL93tOoVbsOLVM2jylvdWjXolWX1hmfZbGR/wjypDjFLSZIRov09BgYmtUqPQPlQrPapecLgTIy0jMgPKtTeob2zWtrGH3xvjUkPCtNg/tm1rjwrMa+mdUkPd3hWbH0jArPGiU9ufCsNNWFZ40wpwn+62/66R2RUtoso1OB34tnLOcy7YB1fUdc9e0q3yru8PGM773vXsuZ5YIZX+5xmHwHGVvlrGPN6ZSiP1smOsMMde40wKv2VmwPPVXNut4sVpUreZiLBHi0qln/VQeI/LTMYXpsJtFiclUN+5HVZazim+Ky+7sAvxWnvjXrJFneVtLWLyPJu9K3cXLWeOlbMTlrIelbMDlrLenrjEQOtIF+fuI9xRp9ZBFp6+b6WT8RrxEpdK64BuvHgDk+vUy+b5hYk6zfyfs051gRoNO1usU12WWRWL73/MMEy9pMi9qIrR4ZpV16Rrvduxazmy1FSvuFXRkqTnE7m2kdb5U8xGjLw/spRr1uTov4uOgQE+0N/DvFrG/Jt7i/FzwxbA9kDanhf2w+t4V97G8lrT7wc08aA2QNUkuTfW/KimT01wdlfK4yEw030VfT0RtZbzjeMprNq8m8tnSTASrTLti64oBNdpmMQm0eEwvfPwRbUBywG5TzjPCsdwk3IeAXjQblLCoXnDVeoAz6SfJNk5TTzytCNZk/POtTSV40NwOFWzw86wNJRpubpXsn60NJFlHeqlYRbslqZm2jnEZ3qcSKgm0kTli3zZVS7y/iivZTweYXJ26Y+RTbV1zh3hYkgyFGSTKPfRVbRqWWVReaxYeSLarYv1Qqsmh1s95S7G+eEWK0f3jYKTbV6bOwepjfhtafsvUsqrQvrGC8YhmnO9cSCk3yuY984F1vesdHYhWJ5FvASlacshUsajFt2mUM9pqzvKGcyNJW0arTKN1GGGzQlH0tXwLDgQTurS8eIQAAAABJRU5ErkJggg==';
 
 class TabBarExample extends React.Component<{}, $FlowFixMeState> {
   static title = '<TabBarIOS>';
@@ -35,7 +32,9 @@ class TabBarExample extends React.Component<{}, $FlowFixMeState> {
     return (
       <View style={[styles.tabContent, {backgroundColor: color}]}>
         <Text style={styles.tabText}>{pageText}</Text>
-        <Text style={styles.tabText}>{num} re-renders of the {pageText}</Text>
+        <Text style={styles.tabText}>
+          {num} re-renders of the {pageText}
+        </Text>
       </View>
     );
   };
@@ -80,7 +79,7 @@ class TabBarExample extends React.Component<{}, $FlowFixMeState> {
           onPress={() => {
             this.setState({
               selectedTab: 'greenTab',
-              presses: this.state.presses + 1
+              presses: this.state.presses + 1,
             });
           }}>
           {this._renderContent('#21551C', 'Green Tab', this.state.presses)}
diff --git a/RNTester/js/TextExample.android.js b/RNTester/js/TextExample.android.js
index 0b0bf195f68fb7..e38a9270219349 100644
--- a/RNTester/js/TextExample.android.js
+++ b/RNTester/js/TextExample.android.js
@@ -4,19 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule TextExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  Image,
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
+var {Image, StyleSheet, Text, View} = ReactNative;
 var RNTesterBlock = require('./RNTesterBlock');
 var RNTesterPage = require('./RNTesterPage');
 
@@ -35,25 +31,31 @@ class AttributeToggler extends React.Component<{}, $FlowFixMeState> {
 
   toggleWeight = () => {
     this.setState({
-      fontWeight: this.state.fontWeight === 'bold' ? 'normal' : 'bold'
+      fontWeight: this.state.fontWeight === 'bold' ? 'normal' : 'bold',
     });
   };
 
   increaseSize = () => {
     this.setState({
-      fontSize: this.state.fontSize + 1
+      fontSize: this.state.fontSize + 1,
     });
   };
 
   render() {
-    var curStyle = {fontWeight: this.state.fontWeight, fontSize: this.state.fontSize};
+    var curStyle = {
+      fontWeight: this.state.fontWeight,
+      fontSize: this.state.fontSize,
+    };
     return (
       <View>
         <Text style={curStyle}>
           Tap the controls below to change attributes.
         </Text>
         <Text>
-          <Text>See how it will even work on <Text style={curStyle}>this nested text</Text></Text>
+          <Text>
+            See how it will even work on{' '}
+            <Text style={curStyle}>this nested text</Text>
+          </Text>
         </Text>
         <Text>
           <Text onPress={this.toggleWeight}>Toggle Weight</Text>
@@ -76,8 +78,8 @@ class TextExample extends React.Component<{}> {
       <RNTesterPage title="<Text>">
         <RNTesterBlock title="Wrap">
           <Text>
-            The text should wrap if it goes on multiple lines.
-            See, this is going to the next line.
+            The text should wrap if it goes on multiple lines. See, this is
+            going to the next line.
           </Text>
         </RNTesterBlock>
         <RNTesterBlock title="Padding">
@@ -86,21 +88,15 @@ class TextExample extends React.Component<{}> {
           </Text>
         </RNTesterBlock>
         <RNTesterBlock title="Font Family">
-          <Text style={{fontFamily: 'sans-serif'}}>
-            Sans-Serif
-          </Text>
+          <Text style={{fontFamily: 'sans-serif'}}>Sans-Serif</Text>
           <Text style={{fontFamily: 'sans-serif', fontWeight: 'bold'}}>
             Sans-Serif Bold
           </Text>
-          <Text style={{fontFamily: 'serif'}}>
-            Serif
-          </Text>
+          <Text style={{fontFamily: 'serif'}}>Serif</Text>
           <Text style={{fontFamily: 'serif', fontWeight: 'bold'}}>
             Serif Bold
           </Text>
-          <Text style={{fontFamily: 'monospace'}}>
-            Monospace
-          </Text>
+          <Text style={{fontFamily: 'monospace'}}>Monospace</Text>
           <Text style={{fontFamily: 'monospace', fontWeight: 'bold'}}>
             Monospace Bold (After 5.0)
           </Text>
@@ -108,49 +104,63 @@ class TextExample extends React.Component<{}> {
         <RNTesterBlock title="Android Material Design fonts">
           <View style={{flexDirection: 'row', alignItems: 'flex-start'}}>
             <View style={{flex: 1}}>
-              <Text style={{fontFamily: 'sans-serif'}}>
-                Roboto Regular
-              </Text>
+              <Text style={{fontFamily: 'sans-serif'}}>Roboto Regular</Text>
               <Text style={{fontFamily: 'sans-serif', fontStyle: 'italic'}}>
                 Roboto Italic
               </Text>
               <Text style={{fontFamily: 'sans-serif', fontWeight: 'bold'}}>
                 Roboto Bold
               </Text>
-              <Text style={{fontFamily: 'sans-serif', fontStyle: 'italic', fontWeight: 'bold'}}>
+              <Text
+                style={{
+                  fontFamily: 'sans-serif',
+                  fontStyle: 'italic',
+                  fontWeight: 'bold',
+                }}>
                 Roboto Bold Italic
               </Text>
-              <Text style={{fontFamily: 'sans-serif-light'}}>
-                Roboto Light
-              </Text>
-              <Text style={{fontFamily: 'sans-serif-light', fontStyle: 'italic'}}>
+              <Text style={{fontFamily: 'sans-serif-light'}}>Roboto Light</Text>
+              <Text
+                style={{fontFamily: 'sans-serif-light', fontStyle: 'italic'}}>
                 Roboto Light Italic
               </Text>
               <Text style={{fontFamily: 'sans-serif-thin'}}>
                 Roboto Thin (After 4.2)
               </Text>
-              <Text style={{fontFamily: 'sans-serif-thin', fontStyle: 'italic'}}>
+              <Text
+                style={{fontFamily: 'sans-serif-thin', fontStyle: 'italic'}}>
                 Roboto Thin Italic (After 4.2)
               </Text>
               <Text style={{fontFamily: 'sans-serif-condensed'}}>
                 Roboto Condensed
               </Text>
-              <Text style={{fontFamily: 'sans-serif-condensed', fontStyle: 'italic'}}>
+              <Text
+                style={{
+                  fontFamily: 'sans-serif-condensed',
+                  fontStyle: 'italic',
+                }}>
                 Roboto Condensed Italic
               </Text>
-              <Text style={{fontFamily: 'sans-serif-condensed', fontWeight: 'bold'}}>
+              <Text
+                style={{
+                  fontFamily: 'sans-serif-condensed',
+                  fontWeight: 'bold',
+                }}>
                 Roboto Condensed Bold
               </Text>
-              <Text style={{
+              <Text
+                style={{
                   fontFamily: 'sans-serif-condensed',
                   fontStyle: 'italic',
-                  fontWeight: 'bold'}}>
+                  fontWeight: 'bold',
+                }}>
                 Roboto Condensed Bold Italic
               </Text>
               <Text style={{fontFamily: 'sans-serif-medium'}}>
                 Roboto Medium (After 5.0)
               </Text>
-              <Text style={{fontFamily: 'sans-serif-medium', fontStyle: 'italic'}}>
+              <Text
+                style={{fontFamily: 'sans-serif-medium', fontStyle: 'italic'}}>
                 Roboto Medium Italic (After 5.0)
               </Text>
             </View>
@@ -159,10 +169,13 @@ class TextExample extends React.Component<{}> {
         <RNTesterBlock title="Custom Fonts">
           <View style={{flexDirection: 'row', alignItems: 'flex-start'}}>
             <View style={{flex: 1}}>
-              <Text style={{fontFamily: 'notoserif'}}>
-                NotoSerif Regular
-              </Text>
-              <Text style={{fontFamily: 'notoserif', fontStyle: 'italic', fontWeight: 'bold'}}>
+              <Text style={{fontFamily: 'notoserif'}}>NotoSerif Regular</Text>
+              <Text
+                style={{
+                  fontFamily: 'notoserif',
+                  fontStyle: 'italic',
+                  fontWeight: 'bold',
+                }}>
                 NotoSerif Bold Italic
               </Text>
               <Text style={{fontFamily: 'notoserif', fontStyle: 'italic'}}>
@@ -173,36 +186,20 @@ class TextExample extends React.Component<{}> {
         </RNTesterBlock>
 
         <RNTesterBlock title="Font Size">
-          <Text style={{fontSize: 23}}>
-            Size 23
-          </Text>
-          <Text style={{fontSize: 8}}>
-            Size 8
-          </Text>
+          <Text style={{fontSize: 23}}>Size 23</Text>
+          <Text style={{fontSize: 8}}>Size 8</Text>
         </RNTesterBlock>
         <RNTesterBlock title="Color">
-          <Text style={{color: 'red'}}>
-            Red color
-          </Text>
-          <Text style={{color: 'blue'}}>
-            Blue color
-          </Text>
+          <Text style={{color: 'red'}}>Red color</Text>
+          <Text style={{color: 'blue'}}>Blue color</Text>
         </RNTesterBlock>
         <RNTesterBlock title="Font Weight">
-          <Text style={{fontWeight: 'bold'}}>
-            Move fast and be bold
-          </Text>
-          <Text style={{fontWeight: 'normal'}}>
-            Move fast and be bold
-          </Text>
+          <Text style={{fontWeight: 'bold'}}>Move fast and be bold</Text>
+          <Text style={{fontWeight: 'normal'}}>Move fast and be bold</Text>
         </RNTesterBlock>
         <RNTesterBlock title="Font Style">
-          <Text style={{fontStyle: 'italic'}}>
-            Move fast and be bold
-          </Text>
-          <Text style={{fontStyle: 'normal'}}>
-            Move fast and be bold
-          </Text>
+          <Text style={{fontStyle: 'italic'}}>Move fast and be bold</Text>
+          <Text style={{fontStyle: 'normal'}}>Move fast and be bold</Text>
         </RNTesterBlock>
         <RNTesterBlock title="Font Style and Weight">
           <Text style={{fontStyle: 'italic', fontWeight: 'bold'}}>
@@ -210,20 +207,25 @@ class TextExample extends React.Component<{}> {
           </Text>
         </RNTesterBlock>
         <RNTesterBlock title="Text Decoration">
-          <Text style={{textDecorationLine: 'underline'}}>
-            Solid underline
-          </Text>
-          <Text style={{textDecorationLine: 'none'}}>
-            None textDecoration
-          </Text>
-          <Text style={{textDecorationLine: 'line-through', textDecorationStyle: 'solid'}}>
+          <Text style={{textDecorationLine: 'underline'}}>Solid underline</Text>
+          <Text style={{textDecorationLine: 'none'}}>None textDecoration</Text>
+          <Text
+            style={{
+              textDecorationLine: 'line-through',
+              textDecorationStyle: 'solid',
+            }}>
             Solid line-through
           </Text>
           <Text style={{textDecorationLine: 'underline line-through'}}>
             Both underline and line-through
           </Text>
           <Text>
-            Mixed text with <Text style={{textDecorationLine: 'underline'}}>underline</Text> and <Text style={{textDecorationLine: 'line-through'}}>line-through</Text> text nodes
+            Mixed text with{' '}
+            <Text style={{textDecorationLine: 'underline'}}>underline</Text> and{' '}
+            <Text style={{textDecorationLine: 'line-through'}}>
+              line-through
+            </Text>{' '}
+            text nodes
           </Text>
         </RNTesterBlock>
         <RNTesterBlock title="Nested">
@@ -250,11 +252,17 @@ class TextExample extends React.Component<{}> {
                 </Text>
               </Text>
             </Text>
-            <Text style={{fontWeight: 'bold'}} onPress={() => console.log('2nd')}>
+            <Text
+              style={{fontWeight: 'bold'}}
+              onPress={() => console.log('2nd')}>
               (and bold
-              <Text style={{fontStyle: 'italic', fontSize: 11, color: '#527fe4'}} onPress={() => console.log('3rd')}>
+              <Text
+                style={{fontStyle: 'italic', fontSize: 11, color: '#527fe4'}}
+                onPress={() => console.log('3rd')}>
                 (and tiny bold italic blue
-                <Text style={{fontWeight: 'normal', fontStyle: 'normal'}} onPress={() => console.log('4th')}>
+                <Text
+                  style={{fontWeight: 'normal', fontStyle: 'normal'}}
+                  onPress={() => console.log('4th')}>
                   (and tiny normal blue)
                 </Text>
                 )
@@ -263,19 +271,29 @@ class TextExample extends React.Component<{}> {
             </Text>
             )
           </Text>
-          <Text style={{fontFamily: 'serif'}} onPress={() => console.log('1st')}>
+          <Text
+            style={{fontFamily: 'serif'}}
+            onPress={() => console.log('1st')}>
             (Serif
-            <Text style={{fontStyle: 'italic', fontWeight: 'bold'}} onPress={() => console.log('2nd')}>
+            <Text
+              style={{fontStyle: 'italic', fontWeight: 'bold'}}
+              onPress={() => console.log('2nd')}>
               (Serif Bold Italic
               <Text
-                style={{fontFamily: 'monospace', fontStyle: 'normal', fontWeight: 'normal'}}
+                style={{
+                  fontFamily: 'monospace',
+                  fontStyle: 'normal',
+                  fontWeight: 'normal',
+                }}
                 onPress={() => console.log('3rd')}>
                 (Monospace Normal
                 <Text
                   style={{fontFamily: 'sans-serif', fontWeight: 'bold'}}
                   onPress={() => console.log('4th')}>
                   (Sans-Serif Bold
-                  <Text style={{fontWeight: 'normal'}} onPress={() => console.log('5th')}>
+                  <Text
+                    style={{fontWeight: 'normal'}}
+                    onPress={() => console.log('5th')}>
                     (and Sans-Serif Normal)
                   </Text>
                   )
@@ -291,20 +309,19 @@ class TextExample extends React.Component<{}> {
           </Text>
         </RNTesterBlock>
         <RNTesterBlock title="Text Align">
-          <Text>
-            auto (default) - english LTR
-          </Text>
-          <Text>
-            أحب اللغة العربية auto (default) - arabic RTL
-          </Text>
+          <Text>auto (default) - english LTR</Text>
+          <Text>أحب اللغة العربية auto (default) - arabic RTL</Text>
           <Text style={{textAlign: 'left'}}>
-            left left left left left left left left left left left left left left left
+            left left left left left left left left left left left left left
+            left left
           </Text>
           <Text style={{textAlign: 'center'}}>
-            center center center center center center center center center center center
+            center center center center center center center center center
+            center center
           </Text>
           <Text style={{textAlign: 'right'}}>
-            right right right right right right right right right right right right right
+            right right right right right right right right right right right
+            right right
           </Text>
         </RNTesterBlock>
         <RNTesterBlock title="Unicode">
@@ -333,19 +350,19 @@ class TextExample extends React.Component<{}> {
         </RNTesterBlock>
         <RNTesterBlock title="Spaces">
           <Text>
-            A {'generated'} {' '} {'string'} and    some &nbsp;&nbsp;&nbsp; spaces
+            A {'generated'} {'string'} and some &nbsp;&nbsp;&nbsp; spaces
           </Text>
         </RNTesterBlock>
         <RNTesterBlock title="Line Height">
           <Text style={{lineHeight: 35}}>
-            Holisticly formulate inexpensive ideas before best-of-breed benefits. <Text style={{fontSize: 20}}>Continually</Text> expedite magnetic potentialities rather than client-focused interfaces.
+            Holisticly formulate inexpensive ideas before best-of-breed
+            benefits. <Text style={{fontSize: 20}}>Continually</Text> expedite
+            magnetic potentialities rather than client-focused interfaces.
           </Text>
         </RNTesterBlock>
         <RNTesterBlock title="Letter Spacing">
           <View>
-            <Text style={{letterSpacing: 0}}>
-              letterSpacing = 0
-            </Text>
+            <Text style={{letterSpacing: 0}}>letterSpacing = 0</Text>
             <Text style={{letterSpacing: 2, marginTop: 5}}>
               letterSpacing = 2
             </Text>
@@ -353,14 +370,25 @@ class TextExample extends React.Component<{}> {
               letterSpacing = 9
             </Text>
             <View style={{flexDirection: 'row'}}>
-              <Text style={{fontSize: 12, letterSpacing: 2, backgroundColor: 'fuchsia', marginTop: 5}}>
+              <Text
+                style={{
+                  fontSize: 12,
+                  letterSpacing: 2,
+                  backgroundColor: 'fuchsia',
+                  marginTop: 5,
+                }}>
                 With size and background color
               </Text>
             </View>
             <Text style={{letterSpacing: -1, marginTop: 5}}>
               letterSpacing = -1
             </Text>
-            <Text style={{letterSpacing: 3, backgroundColor: '#dddddd', marginTop: 5}}>
+            <Text
+              style={{
+                letterSpacing: 3,
+                backgroundColor: '#dddddd',
+                marginTop: 5,
+              }}>
               [letterSpacing = 3]
               <Text style={{letterSpacing: 0, backgroundColor: '#bbbbbb'}}>
                 [Nested letterSpacing = 0]
@@ -381,11 +409,14 @@ class TextExample extends React.Component<{}> {
           <Text style={{backgroundColor: '#ffaaaa'}}>
             Red background,
             <Text style={{backgroundColor: '#aaaaff'}}>
-              {' '}blue background,
+              {' '}
+              blue background,
               <Text>
-                {' '}inherited blue background,
+                {' '}
+                inherited blue background,
                 <Text style={{backgroundColor: '#aaffaa'}}>
-                  {' '}nested green background.
+                  {' '}
+                  nested green background.
                 </Text>
               </Text>
             </Text>
@@ -408,24 +439,32 @@ class TextExample extends React.Component<{}> {
           <Text style={[styles.backgroundColorText, {top: -80}]}>
             Default containerBackgroundColor (inherited) + backgroundColor wash
           </Text>
-          <Text style={[styles.backgroundColorText, {top: -70, backgroundColor: 'transparent'}]}>
+          <Text
+            style={[
+              styles.backgroundColorText,
+              {top: -70, backgroundColor: 'transparent'},
+            ]}>
             {"containerBackgroundColor: 'transparent' + backgroundColor wash"}
           </Text>
         </RNTesterBlock>
         <RNTesterBlock title="numberOfLines attribute">
           <Text numberOfLines={1}>
-            Maximum of one line no matter now much I write here. If I keep writing it{"'"}ll just truncate after one line
+            Maximum of one line no matter now much I write here. If I keep
+            writing it{"'"}ll just truncate after one line
           </Text>
           <Text numberOfLines={2} style={{marginTop: 20}}>
-            Maximum of two lines no matter now much I write here. If I keep writing it{"'"}ll just truncate after two lines
+            Maximum of two lines no matter now much I write here. If I keep
+            writing it{"'"}ll just truncate after two lines
           </Text>
           <Text style={{marginTop: 20}}>
-            No maximum lines specified no matter now much I write here. If I keep writing it{"'"}ll just keep going and going
+            No maximum lines specified no matter now much I write here. If I
+            keep writing it{"'"}ll just keep going and going
           </Text>
         </RNTesterBlock>
         <RNTesterBlock title="selectable attribute">
           <Text selectable>
-            This text is selectable if you click-and-hold, and will offer the native Android selection menus.
+            This text is selectable if you click-and-hold, and will offer the
+            native Android selection menus.
           </Text>
         </RNTesterBlock>
         <RNTesterBlock title="selectionColor attribute">
@@ -435,11 +474,18 @@ class TextExample extends React.Component<{}> {
         </RNTesterBlock>
         <RNTesterBlock title="Inline images">
           <Text>
-            This text contains an inline image <Image source={require('./flux.png')}/>. Neat, huh?
+            This text contains an inline image{' '}
+            <Image source={require('./flux.png')} />. Neat, huh?
           </Text>
         </RNTesterBlock>
         <RNTesterBlock title="Text shadow">
-          <Text style={{fontSize: 20, textShadowOffset: {width: 2, height: 2}, textShadowRadius: 1, textShadowColor: '#00cccc'}}>
+          <Text
+            style={{
+              fontSize: 20,
+              textShadowOffset: {width: 2, height: 2},
+              textShadowRadius: 1,
+              textShadowColor: '#00cccc',
+            }}>
             Demo text shadow
           </Text>
         </RNTesterBlock>
@@ -453,23 +499,37 @@ class TextExample extends React.Component<{}> {
           <Text ellipsizeMode="head" numberOfLines={1}>
             This very long text should be truncated with dots in the beginning.
           </Text>
+          <Text ellipsizeMode="clip" numberOfLines={1}>
+            This very long text should be clipped and this will not be visible.
+          </Text>
         </RNTesterBlock>
         <RNTesterBlock title="Include Font Padding">
-          <View style={{flexDirection: 'row', justifyContent: 'space-around', marginBottom: 10}}>
+          <View
+            style={{
+              flexDirection: 'row',
+              justifyContent: 'space-around',
+              marginBottom: 10,
+            }}>
             <View style={{alignItems: 'center'}}>
-              <Text style={styles.includeFontPaddingText}>
-                Ey
-              </Text>
+              <Text style={styles.includeFontPaddingText}>Ey</Text>
               <Text>Default</Text>
             </View>
             <View style={{alignItems: 'center'}}>
-              <Text style={[styles.includeFontPaddingText, {includeFontPadding: false, marginLeft: 10}]}>
+              <Text
+                style={[
+                  styles.includeFontPaddingText,
+                  {includeFontPadding: false, marginLeft: 10},
+                ]}>
                 Ey
               </Text>
               <Text>includeFontPadding: false</Text>
             </View>
           </View>
-          <Text>By default Android will put extra space above text to allow for upper-case accents or other ascenders. With some fonts, this can make text look slightly misaligned when centered vertically.</Text>
+          <Text>
+            By default Android will put extra space above text to allow for
+            upper-case accents or other ascenders. With some fonts, this can
+            make text look slightly misaligned when centered vertically.
+          </Text>
         </RNTesterBlock>
       </RNTesterPage>
     );
@@ -479,7 +539,7 @@ class TextExample extends React.Component<{}> {
 var styles = StyleSheet.create({
   backgroundColorText: {
     left: 5,
-    backgroundColor: 'rgba(100, 100, 100, 0.3)'
+    backgroundColor: 'rgba(100, 100, 100, 0.3)',
   },
   includeFontPaddingText: {
     fontSize: 120,
@@ -488,7 +548,7 @@ var styles = StyleSheet.create({
     color: '#000000',
     textAlignVertical: 'center',
     alignSelf: 'center',
-  }
+  },
 });
 
 module.exports = TextExample;
diff --git a/RNTester/js/TextExample.ios.js b/RNTester/js/TextExample.ios.js
index e5510390d0a353..52274d7c032c16 100644
--- a/RNTester/js/TextExample.ios.js
+++ b/RNTester/js/TextExample.ios.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule TextExample
  */
+
 'use strict';
 
 const Platform = require('Platform');
@@ -226,10 +227,16 @@ class TextBaseLineLayoutExample extends React.Component<*, *> {
   render() {
     var texts = [];
     for (var i = 9; i >= 0; i--) {
-      texts.push(<Text key={i} style={{fontSize: 8 + i * 5, backgroundColor: '#eee'}}>{i}</Text>);
+      texts.push(
+        <Text key={i} style={{fontSize: 8 + i * 5, backgroundColor: '#eee'}}>
+          {i}
+        </Text>,
+      );
     }
 
-    const marker = <View style={{width: 20, height: 20, backgroundColor: 'gray'}} />;
+    const marker = (
+      <View style={{width: 20, height: 20, backgroundColor: 'gray'}} />
+    );
     const subtitleStyle = {fontSize: 16, marginTop: 8, fontWeight: 'bold'};
 
     return (
@@ -237,9 +244,7 @@ class TextBaseLineLayoutExample extends React.Component<*, *> {
         <Text style={subtitleStyle}>{'Nested <Text/>s:'}</Text>
         <View style={{flexDirection: 'row', alignItems: 'baseline'}}>
           {marker}
-          <Text>
-            {texts}
-          </Text>
+          <Text>{texts}</Text>
           {marker}
         </View>
 
@@ -255,7 +260,12 @@ class TextBaseLineLayoutExample extends React.Component<*, *> {
           {marker}
           <Text selectable={true}>
             Some text.
-            <View style={{flexDirection: 'row', alignItems: 'baseline', backgroundColor: '#eee'}}>
+            <View
+              style={{
+                flexDirection: 'row',
+                alignItems: 'baseline',
+                backgroundColor: '#eee',
+              }}>
               {marker}
               <Text>Text inside View.</Text>
               {marker}
@@ -267,9 +277,7 @@ class TextBaseLineLayoutExample extends React.Component<*, *> {
         <Text style={subtitleStyle}>{'<TextInput/>:'}</Text>
         <View style={{flexDirection: 'row', alignItems: 'baseline'}}>
           {marker}
-          <TextInput style={{margin: 0, padding: 0}}>
-            {texts}
-          </TextInput>
+          <TextInput style={{margin: 0, padding: 0}}>{texts}</TextInput>
           {marker}
         </View>
 
@@ -316,12 +324,12 @@ exports.examples = [
     render: function() {
       return (
         <View>
-          <Text style={{fontFamily: Platform.isTVOS ? 'Times' : 'Cochin'}}>
+          <Text style={{fontFamily: Platform.isTV ? 'Times' : 'Cochin'}}>
             Cochin
           </Text>
           <Text
             style={{
-              fontFamily: Platform.isTVOS ? 'Times' : 'Cochin',
+              fontFamily: Platform.isTV ? 'Times' : 'Cochin',
               fontWeight: 'bold',
             }}>
             Cochin bold
@@ -330,12 +338,12 @@ exports.examples = [
           <Text style={{fontFamily: 'Helvetica', fontWeight: 'bold'}}>
             Helvetica bold
           </Text>
-          <Text style={{fontFamily: Platform.isTVOS ? 'Courier' : 'Verdana'}}>
+          <Text style={{fontFamily: Platform.isTV ? 'Courier' : 'Verdana'}}>
             Verdana
           </Text>
           <Text
             style={{
-              fontFamily: Platform.isTVOS ? 'Courier' : 'Verdana',
+              fontFamily: Platform.isTV ? 'Courier' : 'Verdana',
               fontWeight: 'bold',
             }}>
             Verdana bold
@@ -576,14 +584,25 @@ exports.examples = [
             letterSpacing = 9
           </Text>
           <View style={{flexDirection: 'row'}}>
-            <Text style={{fontSize: 12, letterSpacing: 2, backgroundColor: 'fuchsia', marginTop: 5}}>
+            <Text
+              style={{
+                fontSize: 12,
+                letterSpacing: 2,
+                backgroundColor: 'fuchsia',
+                marginTop: 5,
+              }}>
               With size and background color
             </Text>
           </View>
           <Text style={{letterSpacing: -1, marginTop: 5}}>
             letterSpacing = -1
           </Text>
-          <Text style={{letterSpacing: 3, backgroundColor: '#dddddd', marginTop: 5}}>
+          <Text
+            style={{
+              letterSpacing: 3,
+              backgroundColor: '#dddddd',
+              marginTop: 5,
+            }}>
             [letterSpacing = 3]
             <Text style={{letterSpacing: 0, backgroundColor: '#bbbbbb'}}>
               [Nested letterSpacing = 0]
@@ -601,7 +620,7 @@ exports.examples = [
     render: function() {
       return (
         <Text>
-          A {'generated'} {' '} {'string'} and    some &nbsp;&nbsp;&nbsp; spaces
+          A {'generated'} {'string'} and some &nbsp;&nbsp;&nbsp; spaces
         </Text>
       );
     },
@@ -720,8 +739,9 @@ exports.examples = [
             </Text>
           </Text>
           <Text style={{marginTop: 10}}>
-            You can disable scaling for your Text component by passing {'"'}allowFontScaling={'{'}false{'}"'}{' '}
-            prop.
+            You can disable scaling for your Text component by passing {'"'}allowFontScaling={
+              '{'
+            }false{'}"'} prop.
           </Text>
           <Text allowFontScaling={false} style={{marginTop: 20}}>
             This text will not scale.
@@ -797,14 +817,14 @@ exports.examples = [
           <Text style={{fontVariant: ['small-caps']}}>Small Caps{'\n'}</Text>
           <Text
             style={{
-              fontFamily: Platform.isTVOS ? 'Times' : 'Hoefler Text',
+              fontFamily: Platform.isTV ? 'Times' : 'Hoefler Text',
               fontVariant: ['oldstyle-nums'],
             }}>
             Old Style nums 0123456789{'\n'}
           </Text>
           <Text
             style={{
-              fontFamily: Platform.isTVOS ? 'Times' : 'Hoefler Text',
+              fontFamily: Platform.isTV ? 'Times' : 'Hoefler Text',
               fontVariant: ['lining-nums'],
             }}>
             Lining nums 0123456789{'\n'}
@@ -831,11 +851,15 @@ exports.examples = [
           This text has a view
           <View style={{borderColor: 'red', borderWidth: 1}}>
             <Text style={{borderColor: 'blue', borderWidth: 1}}>which has</Text>
-            <Text style={{borderColor: 'green', borderWidth: 1}}>another text inside.</Text>
+            <Text style={{borderColor: 'green', borderWidth: 1}}>
+              another text inside.
+            </Text>
             <Text style={{borderColor: 'yellow', borderWidth: 1}}>
               And moreover, it has another view
               <View style={{borderColor: 'red', borderWidth: 1}}>
-                <Text style={{borderColor: 'blue', borderWidth: 1}}>with another text inside!</Text>
+                <Text style={{borderColor: 'blue', borderWidth: 1}}>
+                  with another text inside!
+                </Text>
               </View>
             </Text>
           </View>
@@ -857,9 +881,46 @@ exports.examples = [
     },
   },
   {
-    title: 'Text `alignItems: \'baseline\'` style',
+    title: "Text `alignItems: 'baseline'` style",
     render: function() {
       return <TextBaseLineLayoutExample />;
     },
   },
+  {
+    title: 'Transform',
+    render: function() {
+      return (
+        <View>
+          <Text style={{textTransform: 'uppercase'}}>
+            This text should be uppercased.
+          </Text>
+          <Text style={{textTransform: 'lowercase'}}>
+            This TEXT SHOULD be lowercased.
+          </Text>
+          <Text style={{textTransform: 'capitalize'}}>
+            This text should be CAPITALIZED.
+          </Text>
+          <Text style={{textTransform: 'capitalize'}}>
+            Mixed: <Text style={{textTransform: 'uppercase'}}>uppercase </Text>
+            <Text style={{textTransform: 'lowercase'}}>LoWeRcAsE </Text>
+            <Text style={{textTransform: 'capitalize'}}>
+              capitalize each word
+            </Text>
+          </Text>
+          <Text>
+            Should be "ABC":
+            <Text style={{textTransform: 'uppercase'}}>
+              a<Text>b</Text>c
+            </Text>
+          </Text>
+          <Text>
+            Should be "AbC":
+            <Text style={{textTransform: 'uppercase'}}>
+              a<Text style={{textTransform: 'none'}}>b</Text>c
+            </Text>
+          </Text>
+        </View>
+      );
+    },
+  },
 ];
diff --git a/RNTester/js/TextInputExample.android.js b/RNTester/js/TextInputExample.android.js
index 358d3fd043b02d..30cee2eb29aca4 100644
--- a/RNTester/js/TextInputExample.android.js
+++ b/RNTester/js/TextInputExample.android.js
@@ -4,21 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule TextInputExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  Text,
-  TextInput,
-  View,
-  StyleSheet,
-  Slider,
-  Switch,
-} = ReactNative;
+var {Text, TextInput, View, StyleSheet, Slider, Switch} = ReactNative;
 
 class TextEventsExample extends React.Component<{}, $FlowFixMeState> {
   state = {
@@ -28,8 +22,8 @@ class TextEventsExample extends React.Component<{}, $FlowFixMeState> {
     prev3Text: '<No Event>',
   };
 
-  updateText = (text) => {
-    this.setState((state) => {
+  updateText = text => {
+    this.setState(state => {
       return {
         curText: text,
         prevText: state.curText,
@@ -49,25 +43,28 @@ class TextEventsExample extends React.Component<{}, $FlowFixMeState> {
           multiline
           onFocus={() => this.updateText('onFocus')}
           onBlur={() => this.updateText('onBlur')}
-          onChange={(event) => this.updateText(
-            'onChange text: ' + event.nativeEvent.text
-          )}
-          onContentSizeChange={(event) => this.updateText(
-            'onContentSizeChange size: ' + event.nativeEvent.contentSize
-          )}
-          onEndEditing={(event) => this.updateText(
-            'onEndEditing text: ' + event.nativeEvent.text
-          )}
-          onSubmitEditing={(event) => this.updateText(
-            'onSubmitEditing text: ' + event.nativeEvent.text
-          )}
-          onKeyPress={(event) => this.updateText(
-            'onKeyPress key: ' + event.nativeEvent.key
-          )}
+          onChange={event =>
+            this.updateText('onChange text: ' + event.nativeEvent.text)
+          }
+          onContentSizeChange={event =>
+            this.updateText(
+              'onContentSizeChange size: ' + event.nativeEvent.contentSize,
+            )
+          }
+          onEndEditing={event =>
+            this.updateText('onEndEditing text: ' + event.nativeEvent.text)
+          }
+          onSubmitEditing={event =>
+            this.updateText('onSubmitEditing text: ' + event.nativeEvent.text)
+          }
+          onKeyPress={event =>
+            this.updateText('onKeyPress key: ' + event.nativeEvent.key)
+          }
           style={styles.singleLine}
         />
         <Text style={styles.eventLabel}>
-          {this.state.curText}{'\n'}
+          {this.state.curText}
+          {'\n'}
           (prev: {this.state.prevText}){'\n'}
           (prev2: {this.state.prev2Text}){'\n'}
           (prev3: {this.state.prev3Text})
@@ -91,7 +88,7 @@ class RewriteExample extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
         <TextInput
           multiline={false}
           maxLength={limit}
-          onChangeText={(text) => {
+          onChangeText={text => {
             text = text.replace(/ /g, '_');
             this.setState({text});
           }}
@@ -106,19 +103,23 @@ class RewriteExample extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
   }
 }
 
-class TokenizedTextExample extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
+class TokenizedTextExample extends React.Component<
+  $FlowFixMeProps,
+  $FlowFixMeState,
+> {
   constructor(props) {
     super(props);
     this.state = {text: 'Hello #World'};
   }
   render() {
-
     //define delimiter
     let delimiter = /\s+/;
 
     //split string
     let _text = this.state.text;
-    let token, index, parts = [];
+    let token,
+      index,
+      parts = [];
     while (_text) {
       delimiter.lastIndex = 0;
       token = delimiter.exec(_text);
@@ -137,9 +138,13 @@ class TokenizedTextExample extends React.Component<$FlowFixMeProps, $FlowFixMeSt
     parts.push(_text);
 
     //highlight hashtags
-    parts = parts.map((text) => {
+    parts = parts.map(text => {
       if (/^#/.test(text)) {
-        return <Text key={text} style={styles.hashtag}>{text}</Text>;
+        return (
+          <Text key={text} style={styles.hashtag}>
+            {text}
+          </Text>
+        );
       } else {
         return text;
       }
@@ -150,7 +155,7 @@ class TokenizedTextExample extends React.Component<$FlowFixMeProps, $FlowFixMeSt
         <TextInput
           multiline={true}
           style={styles.multiline}
-          onChangeText={(text) => {
+          onChangeText={text => {
             this.setState({text});
           }}>
           <Text>{parts}</Text>
@@ -161,7 +166,7 @@ class TokenizedTextExample extends React.Component<$FlowFixMeProps, $FlowFixMeSt
 }
 
 class BlurOnSubmitExample extends React.Component<{}> {
-  focusNextField = (nextField) => {
+  focusNextField = nextField => {
     this.refs[nextField].focus();
   };
 
@@ -214,7 +219,10 @@ class BlurOnSubmitExample extends React.Component<{}> {
   }
 }
 
-class ToggleDefaultPaddingExample extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
+class ToggleDefaultPaddingExample extends React.Component<
+  $FlowFixMeProps,
+  $FlowFixMeState,
+> {
   constructor(props) {
     super(props);
     this.state = {hasPadding: false};
@@ -222,8 +230,9 @@ class ToggleDefaultPaddingExample extends React.Component<$FlowFixMeProps, $Flow
   render() {
     return (
       <View>
-        <TextInput style={this.state.hasPadding ? { padding: 0 } : null}/>
-        <Text onPress={() => this.setState({hasPadding: !this.state.hasPadding})}>
+        <TextInput style={this.state.hasPadding ? {padding: 0} : null} />
+        <Text
+          onPress={() => this.setState({hasPadding: !this.state.hasPadding})}>
           Toggle padding
         </Text>
       </View>
@@ -233,20 +242,23 @@ class ToggleDefaultPaddingExample extends React.Component<$FlowFixMeProps, $Flow
 
 type SelectionExampleState = {
   selection: {
-    start: number;
-    end: number;
-  };
-  value: string;
+    start: number,
+    end: number,
+  },
+  value: string,
 };
 
-class SelectionExample extends React.Component<$FlowFixMeProps, SelectionExampleState> {
+class SelectionExample extends React.Component<
+  $FlowFixMeProps,
+  SelectionExampleState,
+> {
   _textInput: any;
 
   constructor(props) {
     super(props);
     this.state = {
       selection: {start: 0, end: 0},
-      value: props.value
+      value: props.value,
     };
   }
 
@@ -284,7 +296,7 @@ class SelectionExample extends React.Component<$FlowFixMeProps, SelectionExample
       <View>
         <TextInput
           multiline={this.props.multiline}
-          onChangeText={(value) => this.setState({value})}
+          onChangeText={value => this.setState({value})}
           onSelectionChange={this.onSelectionChange.bind(this)}
           ref={textInput => (this._textInput = textInput)}
           selection={this.state.selection}
@@ -292,24 +304,16 @@ class SelectionExample extends React.Component<$FlowFixMeProps, SelectionExample
           value={this.state.value}
         />
         <View>
-          <Text>
-            selection = {JSON.stringify(this.state.selection)}
-          </Text>
+          <Text>selection = {JSON.stringify(this.state.selection)}</Text>
           <Text onPress={this.placeAt.bind(this, 0)}>
             Place at Start (0, 0)
           </Text>
           <Text onPress={this.placeAt.bind(this, length)}>
             Place at End ({length}, {length})
           </Text>
-          <Text onPress={this.placeAtRandom.bind(this)}>
-            Place at Random
-          </Text>
-          <Text onPress={this.select.bind(this, 0, length)}>
-            Select All
-          </Text>
-          <Text onPress={this.selectRandom.bind(this)}>
-            Select Random
-          </Text>
+          <Text onPress={this.placeAtRandom.bind(this)}>Place at Random</Text>
+          <Text onPress={this.select.bind(this, 0, length)}>Select All</Text>
+          <Text onPress={this.selectRandom.bind(this)}>Select Random</Text>
         </View>
       </View>
     );
@@ -317,7 +321,6 @@ class SelectionExample extends React.Component<$FlowFixMeProps, SelectionExample
 }
 
 class AutogrowingTextInputExample extends React.Component<{}> {
-
   constructor(props) {
     super(props);
 
@@ -348,19 +351,21 @@ class AutogrowingTextInputExample extends React.Component<{}> {
           minimumValue={0}
           maximumValue={100}
           step={10}
-          onValueChange={(value) => this.setState({width: value})}
+          onValueChange={value => this.setState({width: value})}
         />
         <Text>Multiline:</Text>
         <Switch
           value={this.state.multiline}
-          onValueChange={(value) => this.setState({multiline: value})}
+          onValueChange={value => this.setState({multiline: value})}
         />
         <Text>TextInput:</Text>
         <TextInput
           multiline={this.state.multiline}
           style={[style, {width: this.state.width + '%'}]}
-          onChangeText={(value) => this.setState({text: value})}
-          onContentSizeChange={(event) => this.setState({contentSize: event.nativeEvent.contentSize})}
+          onChangeText={value => this.setState({text: value})}
+          onContentSizeChange={event =>
+            this.setState({contentSize: event.nativeEvent.contentSize})
+          }
           {...props}
         />
         <Text>Plain text value representation:</Text>
@@ -406,24 +411,19 @@ exports.examples = [
           accessibilityLabel="I am the accessibility label for text input"
         />
       );
-    }
+    },
   },
   {
     title: "Live Re-Write (<sp>  ->  '_')",
     render: function() {
       return <RewriteExample />;
-    }
+    },
   },
   {
     title: 'Auto-capitalize',
     render: function() {
-      var autoCapitalizeTypes = [
-        'none',
-        'sentences',
-        'words',
-        'characters',
-      ];
-      var examples = autoCapitalizeTypes.map((type) => {
+      var autoCapitalizeTypes = ['none', 'sentences', 'words', 'characters'];
+      var examples = autoCapitalizeTypes.map(type => {
         return (
           <TextInput
             key={type}
@@ -434,7 +434,7 @@ exports.examples = [
         );
       });
       return <View>{examples}</View>;
-    }
+    },
   },
   {
     title: 'Auto-correct',
@@ -453,18 +453,13 @@ exports.examples = [
           />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Keyboard types',
     render: function() {
-      var keyboardTypes = [
-        'default',
-        'email-address',
-        'numeric',
-        'phone-pad',
-      ];
-      var examples = keyboardTypes.map((type) => {
+      var keyboardTypes = ['default', 'email-address', 'numeric', 'phone-pad'];
+      var examples = keyboardTypes.map(type => {
         return (
           <TextInput
             key={type}
@@ -475,15 +470,19 @@ exports.examples = [
         );
       });
       return <View>{examples}</View>;
-    }
+    },
   },
   {
     title: 'Blur on submit',
-    render: function(): React.Element<any> { return <BlurOnSubmitExample />; },
+    render: function(): React.Element<any> {
+      return <BlurOnSubmitExample />;
+    },
   },
   {
     title: 'Event handling',
-    render: function(): React.Element<any> { return <TextEventsExample />; },
+    render: function(): React.Element<any> {
+      return <TextEventsExample />;
+    },
   },
   {
     title: 'Colors and text inputs',
@@ -518,7 +517,10 @@ exports.examples = [
           />
           <TextInput
             defaultValue="Same BackgroundColor as View "
-            style={[styles.singleLine, {backgroundColor: 'rgba(100, 100, 100, 0.3)'}]}>
+            style={[
+              styles.singleLine,
+              {backgroundColor: 'rgba(100, 100, 100, 0.3)'},
+            ]}>
             <Text style={{backgroundColor: 'rgba(100, 100, 100, 0.3)'}}>
               Darker backgroundColor
             </Text>
@@ -526,10 +528,11 @@ exports.examples = [
           <TextInput
             defaultValue="Highlight Color is red"
             selectionColor={'red'}
-            style={styles.singleLine} />
+            style={styles.singleLine}
+          />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Text input, themes and heights',
@@ -540,7 +543,7 @@ exports.examples = [
           style={[styles.singleLineWithHeightTextInput]}
         />
       );
-    }
+    },
   },
   {
     title: 'fontFamily, fontWeight and fontStyle',
@@ -552,11 +555,17 @@ exports.examples = [
             placeholder="Custom fonts like Sans-Serif are supported"
           />
           <TextInput
-            style={[styles.singleLine, {fontFamily: 'sans-serif', fontWeight: 'bold'}]}
+            style={[
+              styles.singleLine,
+              {fontFamily: 'sans-serif', fontWeight: 'bold'},
+            ]}
             placeholder="Sans-Serif bold"
           />
           <TextInput
-            style={[styles.singleLine, {fontFamily: 'sans-serif', fontStyle: 'italic'}]}
+            style={[
+              styles.singleLine,
+              {fontFamily: 'sans-serif', fontStyle: 'italic'},
+            ]}
             placeholder="Sans-Serif italic"
           />
           <TextInput
@@ -565,7 +574,7 @@ exports.examples = [
           />
         </View>
       );
-    }
+    },
   },
   {
     title: 'letterSpacing',
@@ -590,7 +599,7 @@ exports.examples = [
           />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Passwords',
@@ -610,19 +619,19 @@ exports.examples = [
           />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Editable',
     render: function() {
       return (
         <TextInput
-           defaultValue="Can't touch this! (>'-')> ^(' - ')^ <('-'<) (>'-')> ^(' - ')^"
-           editable={false}
-           style={styles.singleLine}
-         />
+          defaultValue="Can't touch this! (>'-')> ^(' - ')^ <('-'<) (>'-')> ^(' - ')^"
+          editable={false}
+          style={styles.singleLine}
+        />
       );
-    }
+    },
   },
   {
     title: 'Multiline',
@@ -634,24 +643,36 @@ exports.examples = [
             placeholder="multiline, aligned top-left"
             placeholderTextColor="red"
             multiline={true}
-            style={[styles.multiline, {textAlign: 'left', textAlignVertical: 'top'}]}
+            style={[
+              styles.multiline,
+              {textAlign: 'left', textAlignVertical: 'top'},
+            ]}
           />
           <TextInput
             autoCorrect={true}
             placeholder="multiline, aligned center"
             placeholderTextColor="green"
             multiline={true}
-            style={[styles.multiline, {textAlign: 'center', textAlignVertical: 'center'}]}
+            style={[
+              styles.multiline,
+              {textAlign: 'center', textAlignVertical: 'center'},
+            ]}
           />
           <TextInput
             autoCorrect={true}
             multiline={true}
-            style={[styles.multiline, {color: 'blue'}, {textAlign: 'right', textAlignVertical: 'bottom'}]}>
-            <Text style={styles.multiline}>multiline with children, aligned bottom-right</Text>
+            style={[
+              styles.multiline,
+              {color: 'blue'},
+              {textAlign: 'right', textAlignVertical: 'bottom'},
+            ]}>
+            <Text style={styles.multiline}>
+              multiline with children, aligned bottom-right
+            </Text>
           </TextInput>
         </View>
       );
-    }
+    },
   },
   {
     title: 'Fixed number of lines',
@@ -659,17 +680,19 @@ exports.examples = [
     render: function() {
       return (
         <View>
-          <TextInput numberOfLines={2}
+          <TextInput
+            numberOfLines={2}
             multiline={true}
             placeholder="Two line input"
           />
-          <TextInput numberOfLines={5}
+          <TextInput
+            numberOfLines={5}
             multiline={true}
             placeholder="Five line input"
           />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Auto-expanding',
@@ -680,8 +703,7 @@ exports.examples = [
             enablesReturnKeyAutomatically={true}
             returnKeyType="done"
             multiline={true}
-            style={{maxHeight: 400, minHeight: 20, backgroundColor: '#eeeeee'}}
-          >
+            style={{maxHeight: 400, minHeight: 20, backgroundColor: '#eeeeee'}}>
             generic generic generic
             <Text style={{fontSize: 6, color: 'red'}}>
               small small small small small small
@@ -694,13 +716,13 @@ exports.examples = [
           </AutogrowingTextInputExample>
         </View>
       );
-    }
+    },
   },
   {
     title: 'Attributed text',
     render: function() {
       return <TokenizedTextExample />;
-    }
+    },
   },
   {
     title: 'Return key',
@@ -714,11 +736,8 @@ exports.examples = [
         'previous',
         'next',
       ];
-      var returnKeyLabels = [
-        'Compile',
-        'React Native',
-      ];
-      var examples = returnKeyTypes.map((type) => {
+      var returnKeyLabels = ['Compile', 'React Native'];
+      var examples = returnKeyTypes.map(type => {
         return (
           <TextInput
             key={type}
@@ -728,7 +747,7 @@ exports.examples = [
           />
         );
       });
-      var types = returnKeyLabels.map((type) => {
+      var types = returnKeyLabels.map(type => {
         return (
           <TextInput
             key={type}
@@ -738,8 +757,13 @@ exports.examples = [
           />
         );
       });
-      return <View>{examples}{types}</View>;
-    }
+      return (
+        <View>
+          {examples}
+          {types}
+        </View>
+      );
+    },
   },
   {
     title: 'Inline Images',
@@ -763,11 +787,13 @@ exports.examples = [
           />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Toggle Default Padding',
-    render: function(): React.Element<any> { return <ToggleDefaultPaddingExample />; },
+    render: function(): React.Element<any> {
+      return <ToggleDefaultPaddingExample />;
+    },
   },
   {
     title: 'Text selection & cursor placement',
@@ -785,6 +811,6 @@ exports.examples = [
           />
         </View>
       );
-    }
+    },
   },
 ];
diff --git a/RNTester/js/TextInputExample.ios.js b/RNTester/js/TextInputExample.ios.js
index 9ace0a94ae6fab..d536d46d8b235c 100644
--- a/RNTester/js/TextInputExample.ios.js
+++ b/RNTester/js/TextInputExample.ios.js
@@ -4,23 +4,17 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule TextInputExample
  */
+
 'use strict';
 
 const Button = require('Button');
 const InputAccessoryView = require('InputAccessoryView');
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  Text,
-  TextInput,
-  View,
-  StyleSheet,
-  Slider,
-  Switch,
-} = ReactNative;
+var {Text, TextInput, View, StyleSheet, Slider, Switch} = ReactNative;
 
 class WithLabel extends React.Component<$FlowFixMeProps> {
   render() {
@@ -43,8 +37,8 @@ class TextEventsExample extends React.Component<{}, $FlowFixMeState> {
     prev3Text: '<No Event>',
   };
 
-  updateText = (text) => {
-    this.setState((state) => {
+  updateText = text => {
+    this.setState(state => {
       return {
         curText: text,
         prevText: state.curText,
@@ -63,27 +57,31 @@ class TextEventsExample extends React.Component<{}, $FlowFixMeState> {
           autoCorrect={false}
           onFocus={() => this.updateText('onFocus')}
           onBlur={() => this.updateText('onBlur')}
-          onChange={(event) => this.updateText(
-            'onChange text: ' + event.nativeEvent.text
-          )}
-          onEndEditing={(event) => this.updateText(
-            'onEndEditing text: ' + event.nativeEvent.text
-          )}
-          onSubmitEditing={(event) => this.updateText(
-            'onSubmitEditing text: ' + event.nativeEvent.text
-          )}
-          onSelectionChange={(event) => this.updateText(
-            'onSelectionChange range: ' +
-              event.nativeEvent.selection.start + ',' +
-              event.nativeEvent.selection.end
-          )}
-          onKeyPress={(event) => {
+          onChange={event =>
+            this.updateText('onChange text: ' + event.nativeEvent.text)
+          }
+          onEndEditing={event =>
+            this.updateText('onEndEditing text: ' + event.nativeEvent.text)
+          }
+          onSubmitEditing={event =>
+            this.updateText('onSubmitEditing text: ' + event.nativeEvent.text)
+          }
+          onSelectionChange={event =>
+            this.updateText(
+              'onSelectionChange range: ' +
+                event.nativeEvent.selection.start +
+                ',' +
+                event.nativeEvent.selection.end,
+            )
+          }
+          onKeyPress={event => {
             this.updateText('onKeyPress key: ' + event.nativeEvent.key);
           }}
           style={styles.default}
         />
         <Text style={styles.eventLabel}>
-          {this.state.curText}{'\n'}
+          {this.state.curText}
+          {'\n'}
           (prev: {this.state.prevText}){'\n'}
           (prev2: {this.state.prev2Text}){'\n'}
           (prev3: {this.state.prev3Text})
@@ -136,7 +134,7 @@ class RewriteExample extends React.Component<$FlowFixMeProps, any> {
         <TextInput
           multiline={false}
           maxLength={limit}
-          onChangeText={(text) => {
+          onChangeText={text => {
             text = text.replace(/ /g, '_');
             this.setState({text});
           }}
@@ -151,7 +149,10 @@ class RewriteExample extends React.Component<$FlowFixMeProps, any> {
   }
 }
 
-class RewriteExampleInvalidCharacters extends React.Component<$FlowFixMeProps, any> {
+class RewriteExampleInvalidCharacters extends React.Component<
+  $FlowFixMeProps,
+  any,
+> {
   constructor(props) {
     super(props);
     this.state = {text: ''};
@@ -161,7 +162,7 @@ class RewriteExampleInvalidCharacters extends React.Component<$FlowFixMeProps, a
       <View style={styles.rewriteContainer}>
         <TextInput
           multiline={false}
-          onChangeText={(text) => {
+          onChangeText={text => {
             this.setState({text: text.replace(/\s/g, '')});
           }}
           style={styles.default}
@@ -178,13 +179,14 @@ class TokenizedTextExample extends React.Component<$FlowFixMeProps, any> {
     this.state = {text: 'Hello #World'};
   }
   render() {
-
     //define delimiter
     let delimiter = /\s+/;
 
     //split string
     let _text = this.state.text;
-    let token, index, parts = [];
+    let token,
+      index,
+      parts = [];
     while (_text) {
       delimiter.lastIndex = 0;
       token = delimiter.exec(_text);
@@ -203,9 +205,13 @@ class TokenizedTextExample extends React.Component<$FlowFixMeProps, any> {
     parts.push(_text);
 
     //highlight hashtags
-    parts = parts.map((text) => {
+    parts = parts.map(text => {
       if (/^#/.test(text)) {
-        return <Text key={text} style={styles.hashtag}>{text}</Text>;
+        return (
+          <Text key={text} style={styles.hashtag}>
+            {text}
+          </Text>
+        );
       } else {
         return text;
       }
@@ -216,7 +222,7 @@ class TokenizedTextExample extends React.Component<$FlowFixMeProps, any> {
         <TextInput
           multiline={true}
           style={styles.multiline}
-          onChangeText={(text) => {
+          onChangeText={text => {
             this.setState({text});
           }}>
           <Text>{parts}</Text>
@@ -227,7 +233,7 @@ class TokenizedTextExample extends React.Component<$FlowFixMeProps, any> {
 }
 
 class BlurOnSubmitExample extends React.Component<{}> {
-  focusNextField = (nextField) => {
+  focusNextField = nextField => {
     this.refs[nextField].focus();
   };
 
@@ -282,21 +288,24 @@ class BlurOnSubmitExample extends React.Component<{}> {
 }
 
 type SelectionExampleState = {
-  selection: {
-    start: number;
-    end?: number;
-  };
-  value: string;
+  selection: {|
+    start: number,
+    end?: number,
+  |},
+  value: string,
 };
 
-class SelectionExample extends React.Component<$FlowFixMeProps, SelectionExampleState> {
+class SelectionExample extends React.Component<
+  $FlowFixMeProps,
+  SelectionExampleState,
+> {
   _textInput: any;
 
   constructor(props) {
     super(props);
     this.state = {
       selection: {start: 0, end: 0},
-      value: props.value
+      value: props.value,
     };
   }
 
@@ -315,7 +324,9 @@ class SelectionExample extends React.Component<$FlowFixMeProps, SelectionExample
   }
 
   selectRandom() {
-    var positions = [this.getRandomPosition(), this.getRandomPosition()].sort((a, b) => a - b);
+    var positions = [this.getRandomPosition(), this.getRandomPosition()].sort(
+      (a, b) => a - b,
+    );
     this.select(...positions);
   }
 
@@ -334,7 +345,7 @@ class SelectionExample extends React.Component<$FlowFixMeProps, SelectionExample
       <View>
         <TextInput
           multiline={this.props.multiline}
-          onChangeText={(value) => this.setState({value})}
+          onChangeText={value => this.setState({value})}
           onSelectionChange={this.onSelectionChange.bind(this)}
           ref={textInput => (this._textInput = textInput)}
           selection={this.state.selection}
@@ -342,31 +353,26 @@ class SelectionExample extends React.Component<$FlowFixMeProps, SelectionExample
           value={this.state.value}
         />
         <View>
-          <Text>
-            selection = {JSON.stringify(this.state.selection)}
-          </Text>
+          <Text>selection = {JSON.stringify(this.state.selection)}</Text>
           <Text onPress={this.placeAt.bind(this, 0)}>
             Place at Start (0, 0)
           </Text>
           <Text onPress={this.placeAt.bind(this, length)}>
             Place at End ({length}, {length})
           </Text>
-          <Text onPress={this.placeAtRandom.bind(this)}>
-            Place at Random
-          </Text>
-          <Text onPress={this.select.bind(this, 0, length)}>
-            Select All
-          </Text>
-          <Text onPress={this.selectRandom.bind(this)}>
-            Select Random
-          </Text>
+          <Text onPress={this.placeAtRandom.bind(this)}>Place at Random</Text>
+          <Text onPress={this.select.bind(this, 0, length)}>Select All</Text>
+          <Text onPress={this.selectRandom.bind(this)}>Select Random</Text>
         </View>
       </View>
     );
   }
 }
 
-class AutogrowingTextInputExample extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
+class AutogrowingTextInputExample extends React.Component<
+  $FlowFixMeProps,
+  $FlowFixMeState,
+> {
   constructor(props) {
     super(props);
 
@@ -397,20 +403,22 @@ class AutogrowingTextInputExample extends React.Component<$FlowFixMeProps, $Flow
           minimumValue={0}
           maximumValue={100}
           step={10}
-          onValueChange={(value) => this.setState({width: value})}
+          onValueChange={value => this.setState({width: value})}
         />
         <Text>Multiline:</Text>
         <Switch
           value={this.state.multiline}
-          onValueChange={(value) => this.setState({multiline: value})}
+          onValueChange={value => this.setState({multiline: value})}
         />
         <Text>TextInput:</Text>
         <TextInput
           value="prop"
           multiline={this.state.multiline}
           style={[style, {width: this.state.width + '%'}]}
-          onChangeText={(value) => this.setState({text: value})}
-          onContentSizeChange={(event) => this.setState({contentSize: event.nativeEvent.contentSize})}
+          onChangeText={value => this.setState({text: value})}
+          onContentSizeChange={event =>
+            this.setState({contentSize: event.nativeEvent.contentSize})
+          }
           {...props}
         />
         <Text>Plain text value representation:</Text>
@@ -502,25 +510,25 @@ exports.examples = [
           accessibilityLabel="I am the accessibility label for text input"
         />
       );
-    }
+    },
   },
   {
     title: "Live Re-Write (<sp>  ->  '_') + maxLength",
     render: function() {
       return <RewriteExample />;
-    }
+    },
   },
   {
     title: 'Live Re-Write (no spaces allowed)',
     render: function() {
       return <RewriteExampleInvalidCharacters />;
-    }
+    },
   },
   {
     title: 'Keyboard Accessory View',
     render: function() {
       return <TextInputAccessoryViewExample />;
-    }
+    },
   },
   {
     title: 'Auto-capitalize',
@@ -528,32 +536,20 @@ exports.examples = [
       return (
         <View>
           <WithLabel label="none">
-            <TextInput
-              autoCapitalize="none"
-              style={styles.default}
-            />
+            <TextInput autoCapitalize="none" style={styles.default} />
           </WithLabel>
           <WithLabel label="sentences">
-            <TextInput
-              autoCapitalize="sentences"
-              style={styles.default}
-            />
+            <TextInput autoCapitalize="sentences" style={styles.default} />
           </WithLabel>
           <WithLabel label="words">
-            <TextInput
-              autoCapitalize="words"
-              style={styles.default}
-            />
+            <TextInput autoCapitalize="words" style={styles.default} />
           </WithLabel>
           <WithLabel label="characters">
-            <TextInput
-              autoCapitalize="characters"
-              style={styles.default}
-            />
+            <TextInput autoCapitalize="characters" style={styles.default} />
           </WithLabel>
         </View>
       );
-    }
+    },
   },
   {
     title: 'Auto-correct',
@@ -568,7 +564,7 @@ exports.examples = [
           </WithLabel>
         </View>
       );
-    }
+    },
   },
   {
     title: 'Nested content and `value` property',
@@ -583,7 +579,10 @@ exports.examples = [
             </TextInput>
           </WithLabel>
           <WithLabel label="multiline">
-            <TextInput style={styles.default} multiline={true} value="(value property)">
+            <TextInput
+              style={styles.default}
+              multiline={true}
+              value="(value property)">
               (first raw text node)
               <Text color="red">(internal raw text node)</Text>
               (last raw text node)
@@ -591,7 +590,7 @@ exports.examples = [
           </WithLabel>
         </View>
       );
-    }
+    },
   },
   {
     title: 'Keyboard types',
@@ -610,39 +609,29 @@ exports.examples = [
         'web-search',
         'numeric',
       ];
-      var examples = keyboardTypes.map((type) => {
+      var examples = keyboardTypes.map(type => {
         return (
           <WithLabel key={type} label={type}>
-            <TextInput
-              keyboardType={type}
-              style={styles.default}
-            />
+            <TextInput keyboardType={type} style={styles.default} />
           </WithLabel>
         );
       });
       return <View>{examples}</View>;
-    }
+    },
   },
   {
     title: 'Keyboard appearance',
     render: function() {
-      var keyboardAppearance = [
-        'default',
-        'light',
-        'dark',
-      ];
-      var examples = keyboardAppearance.map((type) => {
+      var keyboardAppearance = ['default', 'light', 'dark'];
+      var examples = keyboardAppearance.map(type => {
         return (
           <WithLabel key={type} label={type}>
-            <TextInput
-              keyboardAppearance={type}
-              style={styles.default}
-            />
+            <TextInput keyboardAppearance={type} style={styles.default} />
           </WithLabel>
         );
       });
       return <View>{examples}</View>;
-    }
+    },
   },
   {
     title: 'Return key types',
@@ -660,18 +649,15 @@ exports.examples = [
         'done',
         'emergency-call',
       ];
-      var examples = returnKeyTypes.map((type) => {
+      var examples = returnKeyTypes.map(type => {
         return (
           <WithLabel key={type} label={type}>
-            <TextInput
-              returnKeyType={type}
-              style={styles.default}
-            />
+            <TextInput returnKeyType={type} style={styles.default} />
           </WithLabel>
         );
       });
       return <View>{examples}</View>;
-    }
+    },
   },
   {
     title: 'Enable return key automatically',
@@ -679,11 +665,14 @@ exports.examples = [
       return (
         <View>
           <WithLabel label="true">
-            <TextInput enablesReturnKeyAutomatically={true} style={styles.default} />
+            <TextInput
+              enablesReturnKeyAutomatically={true}
+              style={styles.default}
+            />
           </WithLabel>
         </View>
       );
-    }
+    },
   },
   {
     title: 'Secure text entry',
@@ -691,15 +680,21 @@ exports.examples = [
       return (
         <View>
           <WithLabel label="true">
-            <TextInput secureTextEntry={true} style={styles.default} defaultValue="abc" />
+            <TextInput
+              secureTextEntry={true}
+              style={styles.default}
+              defaultValue="abc"
+            />
           </WithLabel>
         </View>
       );
-    }
+    },
   },
   {
     title: 'Event handling',
-    render: function(): React.Element<any> { return <TextEventsExample />; },
+    render: function(): React.Element<any> {
+      return <TextEventsExample />;
+    },
   },
   {
     title: 'Colored input text',
@@ -716,7 +711,7 @@ exports.examples = [
           />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Colored highlight/cursor for text input',
@@ -735,24 +730,18 @@ exports.examples = [
           />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Clear button mode',
-    render: function () {
+    render: function() {
       return (
         <View>
           <WithLabel label="never">
-            <TextInput
-              style={styles.default}
-              clearButtonMode="never"
-            />
+            <TextInput style={styles.default} clearButtonMode="never" />
           </WithLabel>
           <WithLabel label="while editing">
-            <TextInput
-              style={styles.default}
-              clearButtonMode="while-editing"
-            />
+            <TextInput style={styles.default} clearButtonMode="while-editing" />
           </WithLabel>
           <WithLabel label="unless editing">
             <TextInput
@@ -761,14 +750,11 @@ exports.examples = [
             />
           </WithLabel>
           <WithLabel label="always">
-            <TextInput
-              style={styles.default}
-              clearButtonMode="always"
-            />
+            <TextInput style={styles.default} clearButtonMode="always" />
           </WithLabel>
         </View>
       );
-    }
+    },
   },
   {
     title: 'Clear and select',
@@ -811,11 +797,13 @@ exports.examples = [
           </WithLabel>
         </View>
       );
-    }
+    },
   },
   {
     title: 'Blur on submit',
-    render: function(): React.Element<any> { return <BlurOnSubmitExample />; },
+    render: function(): React.Element<any> {
+      return <BlurOnSubmitExample />;
+    },
   },
   {
     title: 'Multiline blur on submit',
@@ -832,7 +820,7 @@ exports.examples = [
           />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Multiline',
@@ -873,17 +861,9 @@ exports.examples = [
             style={styles.multiline}
             dataDetectorTypes="phoneNumber"
           />
-          <TextInput
-            placeholder="multiline with children"
-            multiline={true}
-            enablesReturnKeyAutomatically={true}
-            returnKeyType="go"
-            style={styles.multiline}>
-            <View style={styles.multilineChild}/>
-          </TextInput>
         </View>
       );
-    }
+    },
   },
   {
     title: 'TextInput Intrinsic Size',
@@ -923,7 +903,7 @@ exports.examples = [
                 borderBottomRightRadius: 20,
                 padding: 10,
                 paddingTop: 20,
-                maxHeight: 100
+                maxHeight: 100,
               }}
               testID="multiline_textinput"
               multiline={true}
@@ -950,7 +930,7 @@ exports.examples = [
           </View>
         </View>
       );
-    }
+    },
   },
   {
     title: 'Auto-expanding',
@@ -967,7 +947,7 @@ exports.examples = [
           />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Auto-expanding',
@@ -978,11 +958,14 @@ exports.examples = [
             enablesReturnKeyAutomatically={true}
             returnKeyType="done"
             multiline={true}
-            style={{maxHeight: 400, minHeight: 20, paddingTop: 0, backgroundColor: '#eeeeee', color: 'blue'}}
-          >
-            <Text style={{fontSize: 30, color: 'green'}}>
-              huge
-            </Text>
+            style={{
+              maxHeight: 400,
+              minHeight: 20,
+              paddingTop: 0,
+              backgroundColor: '#eeeeee',
+              color: 'blue',
+            }}>
+            <Text style={{fontSize: 30, color: 'green'}}>huge</Text>
             generic generic generic
             <Text style={{fontSize: 6, color: 'red'}}>
               small small small small small small
@@ -995,13 +978,13 @@ exports.examples = [
           </AutogrowingTextInputExample>
         </View>
       );
-    }
+    },
   },
   {
     title: 'Attributed text',
     render: function() {
       return <TokenizedTextExample />;
-    }
+    },
   },
   {
     title: 'Text selection & cursor placement',
@@ -1019,7 +1002,7 @@ exports.examples = [
           />
         </View>
       );
-    }
+    },
   },
   {
     title: 'TextInput maxLength',
@@ -1027,10 +1010,7 @@ exports.examples = [
       return (
         <View>
           <WithLabel label="maxLength: 5">
-            <TextInput
-              maxLength={5}
-              style={styles.default}
-            />
+            <TextInput maxLength={5} style={styles.default} />
           </WithLabel>
           <WithLabel label="maxLength: 5 with placeholder">
             <TextInput
@@ -1055,6 +1035,6 @@ exports.examples = [
           </WithLabel>
         </View>
       );
-    }
+    },
   },
 ];
diff --git a/RNTester/js/TimePickerAndroidExample.js b/RNTester/js/TimePickerAndroidExample.js
index 7e1afa6367d7d1..a72bcdafbff046 100644
--- a/RNTester/js/TimePickerAndroidExample.js
+++ b/RNTester/js/TimePickerAndroidExample.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TimePickerAndroidExample
+ * @format
  */
+
 'use strict';
 
 var React = require('react');
@@ -117,4 +118,3 @@ var styles = StyleSheet.create({
 });
 
 module.exports = TimePickerAndroidExample;
-
diff --git a/RNTester/js/TimerExample.js b/RNTester/js/TimerExample.js
index d7e966010f9ada..3b930c800f6543 100644
--- a/RNTester/js/TimerExample.js
+++ b/RNTester/js/TimerExample.js
@@ -4,21 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule TimerExample
  */
+
 'use strict';
 
 var React = require('react');
 var createReactClass = require('create-react-class');
 var ReactNative = require('react-native');
-var {
-  AlertIOS,
-  Platform,
-  ToastAndroid,
-  Text,
-  View,
-} = ReactNative;
+var {AlertIOS, Platform, ToastAndroid, Text, View} = ReactNative;
 /* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
  * found when Flow v0.54 was deployed. To see the error delete this comment and
  * run Flow. */
@@ -31,7 +26,7 @@ var performanceNow = require('fbjs/lib/performanceNow');
 
 function burnCPU(milliseconds) {
   const start = performanceNow();
-  while (performanceNow() < (start + milliseconds)) {}
+  while (performanceNow() < start + milliseconds) {}
 }
 
 class RequestIdleCallbackTester extends React.Component<{}, $FlowFixMeState> {
@@ -74,35 +69,45 @@ class RequestIdleCallbackTester extends React.Component<{}, $FlowFixMeState> {
     );
   }
 
-  _run = (shouldBurnCPU) => {
+  _run = shouldBurnCPU => {
     cancelIdleCallback(this._idleTimer);
-    this._idleTimer = requestIdleCallback((deadline) => {
+    this._idleTimer = requestIdleCallback(deadline => {
       let message = '';
 
       if (shouldBurnCPU) {
         burnCPU(10);
         message = 'Burned CPU for 10ms,';
       }
-      this.setState({message: `${message} ${deadline.timeRemaining()}ms remaining in frame`});
+      this.setState({
+        message: `${message} ${deadline.timeRemaining()}ms remaining in frame`,
+      });
     });
   };
 
   _runWithTimeout = () => {
     cancelIdleCallback(this._idleTimer);
-    this._idleTimer = requestIdleCallback((deadline) => {
-      this.setState({
-        message: `${deadline.timeRemaining()}ms remaining in frame, it did timeout: ${deadline.didTimeout ? 'yes' : 'no'}`
-      });
-    }, { timeout: 100 });
+    this._idleTimer = requestIdleCallback(
+      deadline => {
+        this.setState({
+          message: `${deadline.timeRemaining()}ms remaining in frame, it did timeout: ${
+            deadline.didTimeout ? 'yes' : 'no'
+          }`,
+        });
+      },
+      {timeout: 100},
+    );
     burnCPU(100);
   };
 
   _runBackground = () => {
     cancelIdleCallback(this._idleTimer);
-    const handler = (deadline) => {
+    const handler = deadline => {
       while (deadline.timeRemaining() > 5) {
         burnCPU(5);
-        this.setState({message: `Burned CPU for 5ms ${this._iters++} times, ${deadline.timeRemaining()}ms remaining in frame`});
+        this.setState({
+          message: `Burned CPU for 5ms ${this
+            ._iters++} times, ${deadline.timeRemaining()}ms remaining in frame`,
+        });
       }
 
       this._idleTimer = requestIdleCallback(handler);
@@ -123,8 +128,8 @@ var TimerTester = createReactClass({
   _ii: 0,
   _iters: 0,
   _start: 0,
-  _timerFn: (null : ?(() => any)),
-  _handle: (null : any),
+  _timerFn: (null: ?() => any),
+  _handle: (null: any),
 
   render: function() {
     var args = 'fn' + (this.props.dt !== undefined ? ', ' + this.props.dt : '');
@@ -161,9 +166,18 @@ var TimerTester = createReactClass({
     }
     if (this._ii >= this._iters && !this._handle) {
       var d = new Date();
-      var e = (d.getTime() - this._start);
-      var msg = 'Finished ' + this._ii + ' ' + this.props.type + ' calls.\n' +
-        'Elapsed time: ' + e + ' ms\n' + (e / this._ii) + ' ms / iter';
+      var e = d.getTime() - this._start;
+      var msg =
+        'Finished ' +
+        this._ii +
+        ' ' +
+        this.props.type +
+        ' calls.\n' +
+        'Elapsed time: ' +
+        e +
+        ' ms\n' +
+        e / this._ii +
+        ' ms / iter';
       console.log(msg);
       if (Platform.OS === 'ios') {
         AlertIOS.alert(msg);
@@ -171,7 +185,9 @@ var TimerTester = createReactClass({
         ToastAndroid.show(msg, ToastAndroid.SHORT);
       }
       this._start = 0;
-      this.forceUpdate(() => { this._ii = 0; });
+      this.forceUpdate(() => {
+        this._ii = 0;
+      });
       return;
     }
     this._ii++;
@@ -195,13 +211,15 @@ var TimerTester = createReactClass({
 
 exports.framework = 'React';
 exports.title = 'Timers, TimerMixin';
-exports.description = 'The TimerMixin provides timer functions for executing ' +
+exports.description =
+  'The TimerMixin provides timer functions for executing ' +
   'code in the future that are safely cleaned up when the component unmounts.';
 
 exports.examples = [
   {
     title: 'this.setTimeout(fn, t)',
-    description: 'Execute function fn t milliseconds in the future.  If ' +
+    description:
+      'Execute function fn t milliseconds in the future.  If ' +
       't === 0, it will be enqueued immediately in the next event loop.  ' +
       'Larger values will fire on the closest frame.',
     render: function() {
@@ -249,7 +267,8 @@ exports.examples = [
   },
   {
     title: 'this.setInterval(fn, t)',
-    description: 'Execute function fn every t milliseconds until cancelled ' +
+    description:
+      'Execute function fn every t milliseconds until cancelled ' +
       'or component is unmounted.',
     render: function(): React.Element<any> {
       class IntervalExample extends React.Component<{}, $FlowFixMeState> {
@@ -272,7 +291,7 @@ exports.examples = [
           return (
             <View>
               <TimerTester ref="interval" dt={25} type="setInterval" />
-              <RNTesterButton onPress={() => this.refs.interval.clear() }>
+              <RNTesterButton onPress={() => this.refs.interval.clear()}>
                 Clear interval
               </RNTesterButton>
             </View>
diff --git a/RNTester/js/ToastAndroidExample.android.js b/RNTester/js/ToastAndroidExample.android.js
index e86a21cb83ef3b..80ea97715ba30b 100644
--- a/RNTester/js/ToastAndroidExample.android.js
+++ b/RNTester/js/ToastAndroidExample.android.js
@@ -4,27 +4,23 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ToastAndroidExample
  */
 
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  Text,
-  ToastAndroid,
-  TouchableWithoutFeedback,
-} = ReactNative;
+var {StyleSheet, Text, ToastAndroid, TouchableWithoutFeedback} = ReactNative;
 
 var RNTesterBlock = require('RNTesterBlock');
 var RNTesterPage = require('RNTesterPage');
 
 class ToastExample extends React.Component<{}, $FlowFixMeState> {
   static title = 'Toast Example';
-  static description = 'Example that demonstrates the use of an Android Toast to provide feedback.';
+  static description =
+    'Example that demonstrates the use of an Android Toast to provide feedback.';
   state = {};
 
   render() {
@@ -33,14 +29,22 @@ class ToastExample extends React.Component<{}, $FlowFixMeState> {
         <RNTesterBlock title="Simple toast">
           <TouchableWithoutFeedback
             onPress={() =>
-              ToastAndroid.show('This is a toast with short duration', ToastAndroid.SHORT)}>
+              ToastAndroid.show(
+                'This is a toast with short duration',
+                ToastAndroid.SHORT,
+              )
+            }>
             <Text style={styles.text}>Click me.</Text>
           </TouchableWithoutFeedback>
         </RNTesterBlock>
         <RNTesterBlock title="Toast with long duration">
           <TouchableWithoutFeedback
             onPress={() =>
-              ToastAndroid.show('This is a toast with long duration', ToastAndroid.LONG)}>
+              ToastAndroid.show(
+                'This is a toast with long duration',
+                ToastAndroid.LONG,
+              )
+            }>
             <Text style={styles.text}>Click me.</Text>
           </TouchableWithoutFeedback>
         </RNTesterBlock>
diff --git a/RNTester/js/ToolbarAndroidExample.android.js b/RNTester/js/ToolbarAndroidExample.android.js
index e197518704740f..4043c054f3fbf9 100644
--- a/RNTester/js/ToolbarAndroidExample.android.js
+++ b/RNTester/js/ToolbarAndroidExample.android.js
@@ -4,20 +4,17 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ToolbarAndroidExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
 
 var nativeImageSource = require('nativeImageSource');
-var {
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
+var {StyleSheet, Text, View} = ReactNative;
 var RNTesterBlock = require('./RNTesterBlock');
 var RNTesterPage = require('./RNTesterPage');
 
@@ -46,13 +43,14 @@ class ToolbarAndroidExample extends React.Component<{}, $FlowFixMeState> {
             navIcon={nativeImageSource({
               android: 'ic_menu_black_24dp',
               width: 48,
-              height: 48
+              height: 48,
             })}
             onActionSelected={this._onActionSelected}
             onIconClicked={() => this.setState({actionText: 'Icon clicked'})}
             style={styles.toolbar}
             subtitle={this.state.actionText}
-            title="Toolbar" />
+            title="Toolbar"
+          />
           <Text>{this.state.actionText}</Text>
         </RNTesterBlock>
         <RNTesterBlock title="Toolbar with logo & custom title view (a View with Switch+Text)">
@@ -60,14 +58,16 @@ class ToolbarAndroidExample extends React.Component<{}, $FlowFixMeState> {
             logo={nativeImageSource({
               android: 'launcher_icon',
               width: 132,
-              height: 144
+              height: 144,
             })}
             style={styles.toolbar}>
-            <View style={{height: 56, flexDirection: 'row', alignItems: 'center'}}>
+            <View
+              style={{height: 56, flexDirection: 'row', alignItems: 'center'}}>
               <Switch
                 value={this.state.toolbarSwitch}
-                onValueChange={(value) => this.setState({'toolbarSwitch': value})} />
-              <Text>{'\'Tis but a switch'}</Text>
+                onValueChange={value => this.setState({toolbarSwitch: value})}
+              />
+              <Text>{"'Tis but a switch"}</Text>
             </View>
           </ToolbarAndroid>
         </RNTesterBlock>
@@ -75,7 +75,8 @@ class ToolbarAndroidExample extends React.Component<{}, $FlowFixMeState> {
           <ToolbarAndroid
             actions={toolbarActions}
             style={styles.toolbar}
-            subtitle="There be no icon here" />
+            subtitle="There be no icon here"
+          />
         </RNTesterBlock>
         <RNTesterBlock title="Toolbar with navIcon & logo, no title">
           <ToolbarAndroid
@@ -83,50 +84,57 @@ class ToolbarAndroidExample extends React.Component<{}, $FlowFixMeState> {
             logo={nativeImageSource({
               android: 'launcher_icon',
               width: 132,
-              height: 144
+              height: 144,
             })}
             navIcon={nativeImageSource({
               android: 'ic_menu_black_24dp',
               width: 48,
-              height: 48
+              height: 48,
             })}
-            style={styles.toolbar} />
+            style={styles.toolbar}
+          />
         </RNTesterBlock>
         <RNTesterBlock title="Toolbar with custom title colors">
           <ToolbarAndroid
             navIcon={nativeImageSource({
               android: 'ic_menu_black_24dp',
               width: 48,
-              height: 48
+              height: 48,
             })}
             onIconClicked={() => this.setState({colorProps: {}})}
             title="Wow, such toolbar"
             style={styles.toolbar}
             subtitle="Much native"
-            {...this.state.colorProps} />
+            {...this.state.colorProps}
+          />
           <Text>
-            Touch the icon to reset the custom colors to the default (theme-provided) ones.
+            Touch the icon to reset the custom colors to the default
+            (theme-provided) ones.
           </Text>
         </RNTesterBlock>
         <RNTesterBlock title="Toolbar with remote logo & navIcon">
           <ToolbarAndroid
-            actions={[{title: 'Bunny', icon: require('./bunny.png'), show: 'always'}]}
+            actions={[
+              {title: 'Bunny', icon: require('./bunny.png'), show: 'always'},
+            ]}
             logo={require('./hawk.png')}
             navIcon={require('./bunny.png')}
             title="Bunny and Hawk"
-            style={styles.toolbar} />
+            style={styles.toolbar}
+          />
         </RNTesterBlock>
         <RNTesterBlock title="Toolbar with custom overflowIcon">
           <ToolbarAndroid
             actions={toolbarActions}
             overflowIcon={require('./bunny.png')}
-            style={styles.toolbar} />
+            style={styles.toolbar}
+          />
         </RNTesterBlock>
       </RNTesterPage>
     );
   }
 
-  _onActionSelected = (position) => {
+  _onActionSelected = position => {
     this.setState({
       actionText: 'Selected ' + toolbarActions[position].title,
     });
@@ -134,17 +142,25 @@ class ToolbarAndroidExample extends React.Component<{}, $FlowFixMeState> {
 }
 
 var toolbarActions = [
-  {title: 'Create', icon: nativeImageSource({
-    android: 'ic_create_black_48dp',
-    width: 96,
-    height: 96
-  }), show: 'always'},
+  {
+    title: 'Create',
+    icon: nativeImageSource({
+      android: 'ic_create_black_48dp',
+      width: 96,
+      height: 96,
+    }),
+    show: 'always',
+  },
   {title: 'Filter'},
-  {title: 'Settings', icon: nativeImageSource({
-    android: 'ic_settings_black_48dp',
-    width: 96,
-    height: 96
-  }), show: 'always'},
+  {
+    title: 'Settings',
+    icon: nativeImageSource({
+      android: 'ic_settings_black_48dp',
+      width: 96,
+      height: 96,
+    }),
+    show: 'always',
+  },
 ];
 
 var styles = StyleSheet.create({
diff --git a/RNTester/js/ToolbarAndroidExample.ios.js b/RNTester/js/ToolbarAndroidExample.ios.js
index b2553dc1b2bc9f..25bf7dba0fe729 100644
--- a/RNTester/js/ToolbarAndroidExample.ios.js
+++ b/RNTester/js/ToolbarAndroidExample.ios.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ToolbarAndroidExample
  */
+
 'use strict';
 
 // Not applicable to iOS.
diff --git a/RNTester/js/TouchableExample.js b/RNTester/js/TouchableExample.js
index e0c227d9ca3f7f..711bd8bc1dae23 100644
--- a/RNTester/js/TouchableExample.js
+++ b/RNTester/js/TouchableExample.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule TouchableExample
  */
+
 'use strict';
 
 var React = require('react');
@@ -25,115 +26,129 @@ var {
 
 const NativeModules = require('NativeModules');
 
-const forceTouchAvailable = (NativeModules.PlatformConstants &&
-  NativeModules.PlatformConstants.forceTouchAvailable) || false;
+const forceTouchAvailable =
+  (NativeModules.PlatformConstants &&
+    NativeModules.PlatformConstants.forceTouchAvailable) ||
+  false;
 
 exports.displayName = (undefined: ?string);
 exports.description = 'Touchable and onPress examples.';
 exports.title = '<Touchable*> and onPress';
 exports.examples = [
-{
-  title: '<TouchableHighlight>',
-  description: 'TouchableHighlight works by adding an extra view with a ' +
-    'black background under the single child view.  This works best when the ' +
-    'child view is fully opaque, although it can be made to work as a simple ' +
-    'background color change as well with the activeOpacity and ' +
-    'underlayColor props.',
-  render: function() {
-    return (
-      <View>
-        <View style={styles.row}>
-          <TouchableHighlight
-            style={styles.wrapper}
-            onPress={() => console.log('stock THW image - highlight')}>
-            <Image
-              source={heartImage}
-              style={styles.image}
-            />
-          </TouchableHighlight>
-          <TouchableHighlight
-            style={styles.wrapper}
-            activeOpacity={1}
-            animationVelocity={0}
-            tvParallaxProperties={{pressMagnification: 1.3, pressDuration: 0.6}}
-            underlayColor="rgb(210, 230, 255)"
-            onPress={() => console.log('custom THW text - highlight')}>
-            <View style={styles.wrapperCustom}>
-              <Text style={styles.text}>
-                Tap Here For Custom Highlight!
-              </Text>
-            </View>
-          </TouchableHighlight>
+  {
+    title: '<TouchableHighlight>',
+    description:
+      'TouchableHighlight works by adding an extra view with a ' +
+      'black background under the single child view.  This works best when the ' +
+      'child view is fully opaque, although it can be made to work as a simple ' +
+      'background color change as well with the activeOpacity and ' +
+      'underlayColor props.',
+    render: function() {
+      return (
+        <View>
+          <View style={styles.row}>
+            <TouchableHighlight
+              style={styles.wrapper}
+              onPress={() => console.log('stock THW image - highlight')}>
+              <Image source={heartImage} style={styles.image} />
+            </TouchableHighlight>
+            <TouchableHighlight
+              style={styles.wrapper}
+              activeOpacity={1}
+              tvParallaxProperties={{
+                pressMagnification: 1.3,
+                pressDuration: 0.6,
+              }}
+              underlayColor="rgb(210, 230, 255)"
+              onPress={() => console.log('custom THW text - highlight')}>
+              <View style={styles.wrapperCustom}>
+                <Text style={styles.text}>Tap Here For Custom Highlight!</Text>
+              </View>
+            </TouchableHighlight>
+          </View>
         </View>
-      </View>
-    );
+      );
+    },
   },
- }, {
-  title: 'TouchableNativeFeedback with Animated child',
-  description: 'TouchableNativeFeedback can have an AnimatedComponent as a' +
-    'direct child.',
-  platform: 'android',
-  render: function() {
-    const mScale = new Animated.Value(1);
-    Animated.timing(mScale, {toValue: 0.3, duration: 1000}).start();
-    const style = {
-      backgroundColor: 'rgb(180, 64, 119)',
-      width: 200,
-      height: 100,
-      transform: [{scale: mScale}]
-    };
-    return (
-      <View>
-        <View style={styles.row}>
-          <TouchableNativeFeedback>
-            <Animated.View style={style}/>
-          </TouchableNativeFeedback>
+  {
+    title: 'TouchableNativeFeedback with Animated child',
+    description:
+      'TouchableNativeFeedback can have an AnimatedComponent as a' +
+      'direct child.',
+    platform: 'android',
+    render: function() {
+      const mScale = new Animated.Value(1);
+      Animated.timing(mScale, {toValue: 0.3, duration: 1000}).start();
+      const style = {
+        backgroundColor: 'rgb(180, 64, 119)',
+        width: 200,
+        height: 100,
+        transform: [{scale: mScale}],
+      };
+      return (
+        <View>
+          <View style={styles.row}>
+            <TouchableNativeFeedback>
+              <Animated.View style={style} />
+            </TouchableNativeFeedback>
+          </View>
         </View>
-      </View>
-    );
+      );
+    },
+  },
+  {
+    title: '<Text onPress={fn}> with highlight',
+    render: function(): React.Element<any> {
+      return <TextOnPressBox />;
+    },
   },
-}, {
-  title: '<Text onPress={fn}> with highlight',
-  render: function(): React.Element<any> {
-    return <TextOnPressBox />;
+  {
+    title: 'Touchable feedback events',
+    description:
+      '<Touchable*> components accept onPress, onPressIn, ' +
+      'onPressOut, and onLongPress as props.',
+    render: function(): React.Element<any> {
+      return <TouchableFeedbackEvents />;
+    },
   },
-}, {
-  title: 'Touchable feedback events',
-  description: '<Touchable*> components accept onPress, onPressIn, ' +
-    'onPressOut, and onLongPress as props.',
-  render: function(): React.Element<any> {
-    return <TouchableFeedbackEvents />;
+  {
+    title: 'Touchable delay for events',
+    description:
+      '<Touchable*> components also accept delayPressIn, ' +
+      'delayPressOut, and delayLongPress as props. These props impact the ' +
+      'timing of feedback events.',
+    render: function(): React.Element<any> {
+      return <TouchableDelayEvents />;
+    },
   },
-}, {
-  title: 'Touchable delay for events',
-  description: '<Touchable*> components also accept delayPressIn, ' +
-    'delayPressOut, and delayLongPress as props. These props impact the ' +
-    'timing of feedback events.',
-  render: function(): React.Element<any> {
-    return <TouchableDelayEvents />;
+  {
+    title: '3D Touch / Force Touch',
+    description:
+      'iPhone 6s and 6s plus support 3D touch, which adds a force property to touches',
+    render: function(): React.Element<any> {
+      return <ForceTouchExample />;
+    },
+    platform: 'ios',
   },
-}, {
-  title: '3D Touch / Force Touch',
-  description: 'iPhone 6s and 6s plus support 3D touch, which adds a force property to touches',
-  render: function(): React.Element<any> {
-    return <ForceTouchExample />;
+  {
+    title: 'Touchable Hit Slop',
+    description:
+      '<Touchable*> components accept hitSlop prop which extends the touch area ' +
+      'without changing the view bounds.',
+    render: function(): React.Element<any> {
+      return <TouchableHitSlop />;
+    },
   },
-  platform: 'ios',
-}, {
-   title: 'Touchable Hit Slop',
-   description: '<Touchable*> components accept hitSlop prop which extends the touch area ' +
-     'without changing the view bounds.',
-   render: function(): React.Element<any> {
-     return <TouchableHitSlop />;
-   },
-}, {
-   title: 'Disabled Touchable*',
-   description: '<Touchable*> components accept disabled prop which prevents ' +
-     'any interaction with component',
-   render: function(): React.Element<any> {
-     return <TouchableDisabled />;
-   },
- }];
+  {
+    title: 'Disabled Touchable*',
+    description:
+      '<Touchable*> components accept disabled prop which prevents ' +
+      'any interaction with component',
+    render: function(): React.Element<any> {
+      return <TouchableDisabled />;
+    },
+  },
+];
 
 class TextOnPressBox extends React.Component<{}, $FlowFixMeState> {
   state = {
@@ -156,15 +171,11 @@ class TextOnPressBox extends React.Component<{}, $FlowFixMeState> {
 
     return (
       <View>
-        <Text
-          style={styles.textBlock}
-          onPress={this.textOnPress}>
+        <Text style={styles.textBlock} onPress={this.textOnPress}>
           Text has built-in onPress handling
         </Text>
         <View style={styles.logBox}>
-          <Text>
-            {textLog}
-          </Text>
+          <Text>{textLog}</Text>
         </View>
       </View>
     );
@@ -190,19 +201,19 @@ class TouchableFeedbackEvents extends React.Component<{}, $FlowFixMeState> {
             onPressIn={() => this._appendEvent('pressIn')}
             onPressOut={() => this._appendEvent('pressOut')}
             onLongPress={() => this._appendEvent('longPress')}>
-            <Text style={styles.button}>
-              Press Me
-            </Text>
+            <Text style={styles.button}>Press Me</Text>
           </TouchableOpacity>
         </View>
-        <View testID="touchable_feedback_events_console" style={styles.eventLogBox}>
+        <View
+          testID="touchable_feedback_events_console"
+          style={styles.eventLogBox}>
           {this.state.eventLog.map((e, ii) => <Text key={ii}>{e}</Text>)}
         </View>
       </View>
     );
   }
 
-  _appendEvent = (eventName) => {
+  _appendEvent = eventName => {
     var limit = 6;
     var eventLog = this.state.eventLog.slice(0, limit - 1);
     eventLog.unshift(eventName);
@@ -229,19 +240,19 @@ class TouchableDelayEvents extends React.Component<{}, $FlowFixMeState> {
             onPressOut={() => this._appendEvent('pressOut - 1000ms delay')}
             delayLongPress={800}
             onLongPress={() => this._appendEvent('longPress - 800ms delay')}>
-            <Text style={styles.button}>
-              Press Me
-            </Text>
+            <Text style={styles.button}>Press Me</Text>
           </TouchableOpacity>
         </View>
-        <View style={styles.eventLogBox} testID="touchable_delay_events_console">
+        <View
+          style={styles.eventLogBox}
+          testID="touchable_delay_events_console">
           {this.state.eventLog.map((e, ii) => <Text key={ii}>{e}</Text>)}
         </View>
       </View>
     );
   }
 
-  _appendEvent = (eventName) => {
+  _appendEvent = eventName => {
     var limit = 6;
     var eventLog = this.state.eventLog.slice(0, limit - 1);
     eventLog.unshift(eventName);
@@ -255,9 +266,9 @@ class ForceTouchExample extends React.Component<{}, $FlowFixMeState> {
   };
 
   _renderConsoleText = () => {
-    return forceTouchAvailable ?
-      'Force: ' + this.state.force.toFixed(3) :
-      '3D Touch is not available on this device';
+    return forceTouchAvailable
+      ? 'Force: ' + this.state.force.toFixed(3)
+      : '3D Touch is not available on this device';
   };
 
   render() {
@@ -271,11 +282,11 @@ class ForceTouchExample extends React.Component<{}, $FlowFixMeState> {
             style={styles.wrapper}
             testID="touchable_3dtouch_button"
             onStartShouldSetResponder={() => true}
-            onResponderMove={(event) => this.setState({force: event.nativeEvent.force})}
-            onResponderRelease={(event) => this.setState({force: 0})}>
-            <Text style={styles.button}>
-              Press Me
-            </Text>
+            onResponderMove={event =>
+              this.setState({force: event.nativeEvent.force})
+            }
+            onResponderRelease={event => this.setState({force: 0})}>
+            <Text style={styles.button}>Press Me</Text>
           </View>
         </View>
       </View>
@@ -310,15 +321,11 @@ class TouchableHitSlop extends React.Component<{}, $FlowFixMeState> {
             style={styles.hitSlopWrapper}
             hitSlop={{top: 30, bottom: 30, left: 60, right: 60}}
             testID="touchable_hit_slop_button">
-            <Text style={styles.hitSlopButton}>
-              Press Outside This View
-            </Text>
+            <Text style={styles.hitSlopButton}>Press Outside This View</Text>
           </TouchableOpacity>
-         </View>
+        </View>
         <View style={styles.logBox}>
-          <Text>
-            {log}
-          </Text>
+          <Text>{log}</Text>
         </View>
       </View>
     );
@@ -340,27 +347,21 @@ class TouchableDisabled extends React.Component<{}> {
         <TouchableHighlight
           activeOpacity={1}
           disabled={true}
-          animationVelocity={0}
           underlayColor="rgb(210, 230, 255)"
           style={[styles.row, styles.block]}
           onPress={() => console.log('custom THW text - highlight')}>
-          <Text style={styles.disabledButton}>
-            Disabled TouchableHighlight
-          </Text>
+          <Text style={styles.disabledButton}>Disabled TouchableHighlight</Text>
         </TouchableHighlight>
 
         <TouchableHighlight
           activeOpacity={1}
-          animationVelocity={0}
           underlayColor="rgb(210, 230, 255)"
           style={[styles.row, styles.block]}
           onPress={() => console.log('custom THW text - highlight')}>
-          <Text style={styles.button}>
-            Enabled TouchableHighlight
-          </Text>
+          <Text style={styles.button}>Enabled TouchableHighlight</Text>
         </TouchableHighlight>
 
-        {Platform.OS === 'android' &&
+        {Platform.OS === 'android' && (
           <TouchableNativeFeedback
             style={[styles.row, styles.block]}
             onPress={() => console.log('custom TNF has been clicked')}
@@ -371,21 +372,22 @@ class TouchableDisabled extends React.Component<{}> {
               </Text>
             </View>
           </TouchableNativeFeedback>
-        }
+        )}
 
-        {Platform.OS === 'android' &&
+        {Platform.OS === 'android' && (
           <TouchableNativeFeedback
             disabled={true}
             style={[styles.row, styles.block]}
             onPress={() => console.log('custom TNF has been clicked')}
             background={TouchableNativeFeedback.SelectableBackground()}>
             <View>
-              <Text style={[styles.disabledButton, styles.nativeFeedbackButton]}>
+              <Text
+                style={[styles.disabledButton, styles.nativeFeedbackButton]}>
                 Disabled TouchableNativeFeedback
               </Text>
             </View>
           </TouchableNativeFeedback>
-        }
+        )}
       </View>
     );
   }
diff --git a/RNTester/js/TransformExample.js b/RNTester/js/TransformExample.js
index 17e2a89fc98d26..8af5fc55d2824c 100644
--- a/RNTester/js/TransformExample.js
+++ b/RNTester/js/TransformExample.js
@@ -4,19 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule TransformExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  Animated,
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
+var {Animated, StyleSheet, Text, View} = ReactNative;
 
 class Flip extends React.Component<{}, $FlowFixMeState> {
   state = {
@@ -38,33 +34,42 @@ class Flip extends React.Component<{}, $FlowFixMeState> {
   render() {
     return (
       <View style={styles.flipCardContainer}>
-        <Animated.View style={[
-          styles.flipCard,
-          {transform: [
-            {perspective: 850},
-            {rotateX: this.state.theta.interpolate({
-              inputRange: [0, 180],
-              outputRange: ['0deg', '180deg']
-            })},
-          ]}]}>
-          <Text style={styles.flipText}>
-            This text is flipping great.
-          </Text>
+        <Animated.View
+          style={[
+            styles.flipCard,
+            {
+              transform: [
+                {perspective: 850},
+                {
+                  rotateX: this.state.theta.interpolate({
+                    inputRange: [0, 180],
+                    outputRange: ['0deg', '180deg'],
+                  }),
+                },
+              ],
+            },
+          ]}>
+          <Text style={styles.flipText}>This text is flipping great.</Text>
         </Animated.View>
-        <Animated.View style={[styles.flipCard, {
-          position: 'absolute',
-          top: 0,
-          backgroundColor: 'red',
-          transform: [
-            {perspective: 850},
-            {rotateX: this.state.theta.interpolate({
-              inputRange: [0, 180],
-              outputRange: ['180deg', '360deg']
-            })},
-          ]}]}>
-          <Text style={styles.flipText}>
-            On the flip side...
-          </Text>
+        <Animated.View
+          style={[
+            styles.flipCard,
+            {
+              position: 'absolute',
+              top: 0,
+              backgroundColor: 'red',
+              transform: [
+                {perspective: 850},
+                {
+                  rotateX: this.state.theta.interpolate({
+                    inputRange: [0, 180],
+                    outputRange: ['180deg', '360deg'],
+                  }),
+                },
+              ],
+            },
+          ]}>
+          <Text style={styles.flipText}>On the flip side...</Text>
         </Animated.View>
       </View>
     );
@@ -111,9 +116,7 @@ var styles = StyleSheet.create({
     height: 50,
     position: 'absolute',
     top: 0,
-    transform: [
-      {rotate: '30deg'},
-    ],
+    transform: [{rotate: '30deg'}],
     width: 50,
   },
   box3step2: {
@@ -123,11 +126,7 @@ var styles = StyleSheet.create({
     opacity: 0.5,
     position: 'absolute',
     top: 0,
-    transform: [
-      {rotate: '30deg'},
-      {scaleX: 2},
-      {scaleY: 2},
-    ],
+    transform: [{rotate: '30deg'}, {scaleX: 2}, {scaleY: 2}],
     width: 50,
   },
   box3step3: {
@@ -152,11 +151,7 @@ var styles = StyleSheet.create({
     height: 50,
     position: 'absolute',
     top: 0,
-    transform: [
-      {translate: [200, 350]},
-      {scale: 2.5},
-      {rotate: '-0.2rad'},
-    ],
+    transform: [{translate: [200, 350]}, {scale: 2.5}, {rotate: '-0.2rad'}],
     width: 100,
   },
   box5: {
@@ -168,11 +163,7 @@ var styles = StyleSheet.create({
     width: 50,
   },
   box5Transform: {
-    transform: [
-      {translate: [-50, 35]},
-      {rotate: '50deg'},
-      {scale: 2},
-    ],
+    transform: [{translate: [-50, 35]}, {rotate: '50deg'}, {scale: 2}],
   },
   flipCardContainer: {
     marginVertical: 40,
@@ -192,7 +183,7 @@ var styles = StyleSheet.create({
     fontSize: 20,
     color: 'white',
     fontWeight: 'bold',
-  }
+  },
 });
 
 exports.title = 'Transforms';
@@ -201,29 +192,33 @@ exports.examples = [
   {
     title: 'Perspective, Rotate, Animation',
     description: 'perspective: 850, rotateX: Animated.timing(0 -> 360)',
-    render(): React.Element<any> { return <Flip />; }
+    render(): React.Element<any> {
+      return <Flip />;
+    },
   },
   {
     title: 'Translate, Rotate, Scale',
-    description: "translateX: 100, translateY: 50, rotate: '30deg', scaleX: 2, scaleY: 2",
+    description:
+      "translateX: 100, translateY: 50, rotate: '30deg', scaleX: 2, scaleY: 2",
     render() {
       return (
         <View style={styles.container}>
           <View style={styles.box1} />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Scale, Translate, Rotate, ',
-    description: "scaleX: 2, scaleY: 2, translateX: 100, translateY: 50, rotate: '30deg'",
+    description:
+      "scaleX: 2, scaleY: 2, translateX: 100, translateY: 50, rotate: '30deg'",
     render() {
       return (
         <View style={styles.container}>
           <View style={styles.box2} />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Rotate',
@@ -234,7 +229,7 @@ exports.examples = [
           <View style={styles.box3step1} />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Rotate, Scale',
@@ -245,18 +240,19 @@ exports.examples = [
           <View style={styles.box3step2} />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Rotate, Scale, Translate ',
-    description: "rotate: '30deg', scaleX: 2, scaleY: 2, translateX: 100, translateY: 50",
+    description:
+      "rotate: '30deg', scaleX: 2, scaleY: 2, translateX: 100, translateY: 50",
     render() {
       return (
         <View style={styles.container}>
           <View style={styles.box3step3} />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Translate, Scale, Rotate',
@@ -267,7 +263,7 @@ exports.examples = [
           <View style={styles.box4} />
         </View>
       );
-    }
+    },
   },
   {
     title: 'Translate, Rotate, Scale',
@@ -278,6 +274,6 @@ exports.examples = [
           <View style={[styles.box5, styles.box5Transform]} />
         </View>
       );
-    }
-  }
+    },
+  },
 ];
diff --git a/RNTester/js/TransparentHitTestExample.js b/RNTester/js/TransparentHitTestExample.js
index 89db856a473500..7ba595bee16e4d 100644
--- a/RNTester/js/TransparentHitTestExample.js
+++ b/RNTester/js/TransparentHitTestExample.js
@@ -4,19 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule TransparentHitTestExample
  */
 
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  Text,
-  View,
-  TouchableOpacity,
-} = ReactNative;
+var {Text, View, TouchableOpacity} = ReactNative;
 
 class TransparentHitTestExample extends React.Component<{}> {
   render() {
@@ -26,14 +22,17 @@ class TransparentHitTestExample extends React.Component<{}> {
           <Text>HELLO!</Text>
         </TouchableOpacity>
 
-        <View style={{
-          position: 'absolute',
-          backgroundColor: 'green',
-          top: 0,
-          left: 0,
-          bottom: 0,
-          right: 0,
-          opacity: 0.0}} />
+        <View
+          style={{
+            position: 'absolute',
+            backgroundColor: 'green',
+            top: 0,
+            left: 0,
+            bottom: 0,
+            right: 0,
+            opacity: 0.0,
+          }}
+        />
       </View>
     );
   }
@@ -45,6 +44,8 @@ exports.description = 'Transparent view receiving touch events';
 exports.examples = [
   {
     title: 'TransparentHitTestExample',
-    render(): React.Element<any> { return <TransparentHitTestExample />; }
-  }
+    render(): React.Element<any> {
+      return <TransparentHitTestExample />;
+    },
+  },
 ];
diff --git a/RNTester/js/URIActionMap.js b/RNTester/js/URIActionMap.js
index fb47214aadd5c0..cf33d010434699 100644
--- a/RNTester/js/URIActionMap.js
+++ b/RNTester/js/URIActionMap.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule URIActionMap
  */
+
 'use strict';
 
 const ReactNative = require('react-native');
@@ -14,11 +15,9 @@ const RNTesterActions = require('./RNTesterActions');
 // $FlowFixMe : This is a platform-forked component, and flow seems to only run on iOS?
 const RNTesterList = require('./RNTesterList');
 
-const {
-  Alert,
-} = ReactNative;
+const {Alert} = ReactNative;
 
-import type { RNTesterAction } from './RNTesterActions';
+import type {RNTesterAction} from './RNTesterActions';
 
 function PathActionMap(path: string): ?RNTesterAction {
   // Warning! Hacky parsing for example code. Use a library for this!
diff --git a/RNTester/js/VibrationExample.js b/RNTester/js/VibrationExample.js
index 9e6d6d7d768b8a..ed12bd1e5491f7 100644
--- a/RNTester/js/VibrationExample.js
+++ b/RNTester/js/VibrationExample.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule VibrationExample
  */
+
 'use strict';
 
 var React = require('react');
diff --git a/RNTester/js/VibrationIOSExample.js b/RNTester/js/VibrationIOSExample.js
index 9093ff87af28ce..59e96b673977a0 100644
--- a/RNTester/js/VibrationIOSExample.js
+++ b/RNTester/js/VibrationIOSExample.js
@@ -4,38 +4,35 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule VibrationIOSExample
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  View,
-  Text,
-  TouchableHighlight,
-  VibrationIOS
-} = ReactNative;
+var {StyleSheet, View, Text, TouchableHighlight, VibrationIOS} = ReactNative;
 
 exports.framework = 'React';
 exports.title = 'VibrationIOS';
 exports.description = 'Vibration API for iOS';
-exports.examples = [{
-  title: 'VibrationIOS.vibrate()',
-  render() {
-    return (
-      <TouchableHighlight
-        style={styles.wrapper}
-        onPress={() => VibrationIOS.vibrate()}>
-        <View style={styles.button}>
-          <Text>Vibrate</Text>
-        </View>
-      </TouchableHighlight>
-    );
+exports.examples = [
+  {
+    title: 'VibrationIOS.vibrate()',
+    render() {
+      return (
+        <TouchableHighlight
+          style={styles.wrapper}
+          onPress={() => VibrationIOS.vibrate()}>
+          <View style={styles.button}>
+            <Text>Vibrate</Text>
+          </View>
+        </TouchableHighlight>
+      );
+    },
   },
-}];
+];
 
 var styles = StyleSheet.create({
   wrapper: {
diff --git a/RNTester/js/ViewExample.js b/RNTester/js/ViewExample.js
index b4c4a6c2a65818..5115a08d5ac785 100644
--- a/RNTester/js/ViewExample.js
+++ b/RNTester/js/ViewExample.js
@@ -4,147 +4,55 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule ViewExample
  */
-'use strict';
-
-var React = require('react');
-var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  Text,
-  View,
-} = ReactNative;
-var TouchableWithoutFeedback = require('TouchableWithoutFeedback');
-
-var styles = StyleSheet.create({
-  box: {
-    backgroundColor: '#527FE4',
-    borderColor: '#000033',
-    borderWidth: 1,
-  },
-  zIndex: {
-    justifyContent: 'space-around',
-    width: 100,
-    height: 50,
-    marginTop: -10,
-  },
-});
-
-class ViewBorderStyleExample extends React.Component<{}, $FlowFixMeState> {
-  state = {
-    showBorder: true
-  };
-
-  render() {
-    return (
-      <TouchableWithoutFeedback onPress={this._handlePress}>
-        <View>
-          <View style={{
-            borderWidth: 1,
-            borderStyle: this.state.showBorder ? 'dashed' : null,
-            padding: 5
-          }}>
-            <Text style={{fontSize: 11}}>
-              Dashed border style
-            </Text>
-          </View>
-          <View style={{
-            marginTop: 5,
-            borderWidth: 1,
-            borderRadius: 5,
-            borderStyle: this.state.showBorder ? 'dotted' : null,
-            padding: 5
-          }}>
-            <Text style={{fontSize: 11}}>
-              Dotted border style
-            </Text>
-          </View>
-        </View>
-      </TouchableWithoutFeedback>
-    );
-  }
 
-  _handlePress = () => {
-    this.setState({showBorder: !this.state.showBorder});
-  };
-}
-
-class ZIndexExample extends React.Component<{}, $FlowFixMeState> {
-  state = {
-    flipped: false
-  };
+'use strict';
 
-  render() {
-    const indices = this.state.flipped ? [-1, 0, 1, 2] : [2, 1, 0, -1];
-    return (
-      <TouchableWithoutFeedback onPress={this._handlePress}>
-        <View>
-          <Text style={{paddingBottom: 10}}>Tap to flip sorting order</Text>
-          <View style={[
-            styles.zIndex,
-            {marginTop: 0, backgroundColor: '#E57373', zIndex: indices[0]}
-          ]}>
-            <Text>ZIndex {indices[0]}</Text>
-          </View>
-          <View style={[
-            styles.zIndex,
-            {marginLeft: 50, backgroundColor: '#FFF176', zIndex: indices[1]}
-          ]}>
-            <Text>ZIndex {indices[1]}</Text>
-          </View>
-          <View style={[
-            styles.zIndex,
-            {marginLeft: 100, backgroundColor: '#81C784', zIndex: indices[2]}
-          ]}>
-            <Text>ZIndex {indices[2]}</Text>
-          </View>
-          <View style={[
-            styles.zIndex,
-            {marginLeft: 150, backgroundColor: '#64B5F6', zIndex: indices[3]}
-          ]}>
-            <Text>ZIndex {indices[3]}</Text>
-          </View>
-        </View>
-      </TouchableWithoutFeedback>
-    );
-  }
+/* eslint-disable react-native/no-inline-styles */
 
-  _handlePress = () => {
-    this.setState({flipped: !this.state.flipped});
-  };
-}
+const React = require('react');
+const {StyleSheet, Text, View} = require('react-native');
+const TouchableWithoutFeedback = require('TouchableWithoutFeedback');
 
 exports.title = '<View>';
-exports.description = 'Basic building block of all UI, examples that ' +
+exports.description =
+  'Basic building block of all UI, examples that ' +
   'demonstrate some of the many styles available.';
 
 exports.displayName = 'ViewExample';
 exports.examples = [
   {
     title: 'Background Color',
-    render: function() {
+    render() {
       return (
         <View style={{backgroundColor: '#527FE4', padding: 5}}>
-          <Text style={{fontSize: 11}}>
-            Blue background
-          </Text>
+          <Text style={{fontSize: 11}}>Blue background</Text>
         </View>
       );
     },
-  }, {
+  },
+  {
     title: 'Border',
-    render: function() {
+    render() {
       return (
         <View style={{borderColor: '#527FE4', borderWidth: 5, padding: 10}}>
           <Text style={{fontSize: 11}}>5px blue border</Text>
         </View>
       );
     },
-  }, {
+  },
+  {
     title: 'Padding/Margin',
-    render: function() {
+    render() {
+      const styles = StyleSheet.create({
+        box: {
+          backgroundColor: '#527FE4',
+          borderColor: '#000033',
+          borderWidth: 1,
+        },
+      });
       return (
         <View style={{borderColor: '#bb0000', borderWidth: 0.5}}>
           <View style={[styles.box, {padding: 5}]}>
@@ -153,86 +61,241 @@ exports.examples = [
           <View style={[styles.box, {margin: 5}]}>
             <Text style={{fontSize: 11}}>5px margin</Text>
           </View>
-          <View style={[styles.box, {margin: 5, padding: 5, alignSelf: 'flex-start'}]}>
-            <Text style={{fontSize: 11}}>
-              5px margin and padding,
-            </Text>
-            <Text style={{fontSize: 11}}>
-              widthAutonomous=true
-            </Text>
+          <View
+            style={[
+              styles.box,
+              {margin: 5, padding: 5, alignSelf: 'flex-start'},
+            ]}>
+            <Text style={{fontSize: 11}}>5px margin and padding,</Text>
+            <Text style={{fontSize: 11}}>widthAutonomous=true</Text>
           </View>
         </View>
       );
     },
-  }, {
+  },
+  {
     title: 'Border Radius',
-    render: function() {
+    render() {
       return (
         <View style={{borderWidth: 0.5, borderRadius: 5, padding: 5}}>
           <Text style={{fontSize: 11}}>
-            Too much use of `borderRadius` (especially large radii) on
-            anything which is scrolling may result in dropped frames.
-            Use sparingly.
+            Too much use of `borderRadius` (especially large radii) on anything
+            which is scrolling may result in dropped frames. Use sparingly.
           </Text>
         </View>
       );
     },
-  }, {
+  },
+  {
     title: 'Border Style',
-    render: function() {
+    render() {
+      type Props = $ReadOnly<{||}>;
+      type State = {|
+        showBorder: boolean,
+      |};
+
+      class ViewBorderStyleExample extends React.Component<Props, State> {
+        state = {
+          showBorder: true,
+        };
+
+        render() {
+          return (
+            <TouchableWithoutFeedback onPress={this._handlePress}>
+              <View>
+                <View
+                  style={{
+                    borderWidth: 1,
+                    borderStyle: this.state.showBorder ? 'dashed' : null,
+                    padding: 5,
+                  }}>
+                  <Text style={{fontSize: 11}}>Dashed border style</Text>
+                </View>
+                <View
+                  style={{
+                    marginTop: 5,
+                    borderWidth: 1,
+                    borderRadius: 5,
+                    borderStyle: this.state.showBorder ? 'dotted' : null,
+                    padding: 5,
+                  }}>
+                  <Text style={{fontSize: 11}}>Dotted border style</Text>
+                </View>
+              </View>
+            </TouchableWithoutFeedback>
+          );
+        }
+
+        _handlePress = () => {
+          this.setState({showBorder: !this.state.showBorder});
+        };
+      }
       return <ViewBorderStyleExample />;
     },
-  }, {
+  },
+  {
     title: 'Circle with Border Radius',
-    render: function() {
+    render() {
       return (
-        <View style={{borderRadius: 10, borderWidth: 1, width: 20, height: 20}} />
+        <View
+          style={{borderRadius: 10, borderWidth: 1, width: 20, height: 20}}
+        />
       );
     },
-  }, {
+  },
+  {
     title: 'Overflow',
-    render: function() {
+    render() {
+      const styles = StyleSheet.create({
+        container: {
+          borderWidth: StyleSheet.hairlineWidth,
+          height: 12,
+          marginBottom: 8,
+          marginEnd: 16,
+          width: 95,
+        },
+        content: {
+          height: 20,
+          width: 200,
+        },
+      });
+
+      // NOTE: The <View> that sets `overflow` should only have other layout
+      // styles so that we can accurately test view flattening optimizations.
       return (
         <View style={{flexDirection: 'row'}}>
-          <View
-            style={{
-              width: 95,
-              height: 10,
-              marginRight: 10,
-              marginBottom: 5,
-              overflow: 'hidden',
-              borderWidth: 0.5,
-            }}>
-            <View style={{width: 200, height: 20}}>
-              <Text>Overflow hidden</Text>
+          <View style={styles.container}>
+            <View style={[StyleSheet.absoluteFill]}>
+              <Text style={styles.content}>undefined</Text>
             </View>
           </View>
-          <View style={{width: 95, height: 10, marginBottom: 5, borderWidth: 0.5}}>
-            <View style={{width: 200, height: 20}}>
-              <Text>Overflow visible</Text>
+          <View style={styles.container}>
+            <View style={[StyleSheet.absoluteFill, {overflow: 'hidden'}]}>
+              <Text style={styles.content}>hidden</Text>
+            </View>
+          </View>
+          <View style={styles.container}>
+            <View style={[StyleSheet.absoluteFill, {overflow: 'visible'}]}>
+              <Text style={styles.content}>visible</Text>
             </View>
           </View>
         </View>
       );
     },
-  }, {
+  },
+  {
     title: 'Opacity',
-    render: function() {
+    render() {
       return (
         <View>
-          <View style={{opacity: 0}}><Text>Opacity 0</Text></View>
-          <View style={{opacity: 0.1}}><Text>Opacity 0.1</Text></View>
-          <View style={{opacity: 0.3}}><Text>Opacity 0.3</Text></View>
-          <View style={{opacity: 0.5}}><Text>Opacity 0.5</Text></View>
-          <View style={{opacity: 0.7}}><Text>Opacity 0.7</Text></View>
-          <View style={{opacity: 0.9}}><Text>Opacity 0.9</Text></View>
-          <View style={{opacity: 1}}><Text>Opacity 1</Text></View>
+          <View style={{opacity: 0}}>
+            <Text>Opacity 0</Text>
+          </View>
+          <View style={{opacity: 0.1}}>
+            <Text>Opacity 0.1</Text>
+          </View>
+          <View style={{opacity: 0.3}}>
+            <Text>Opacity 0.3</Text>
+          </View>
+          <View style={{opacity: 0.5}}>
+            <Text>Opacity 0.5</Text>
+          </View>
+          <View style={{opacity: 0.7}}>
+            <Text>Opacity 0.7</Text>
+          </View>
+          <View style={{opacity: 0.9}}>
+            <Text>Opacity 0.9</Text>
+          </View>
+          <View style={{opacity: 1}}>
+            <Text>Opacity 1</Text>
+          </View>
         </View>
       );
     },
-  }, {
+  },
+  {
     title: 'ZIndex',
-    render: function() {
+    render() {
+      type Props = $ReadOnly<{||}>;
+      type State = {|
+        flipped: boolean,
+      |};
+
+      const styles = StyleSheet.create({
+        zIndex: {
+          justifyContent: 'space-around',
+          width: 100,
+          height: 50,
+          marginTop: -10,
+        },
+      });
+
+      class ZIndexExample extends React.Component<Props, State> {
+        state = {
+          flipped: false,
+        };
+
+        render() {
+          const indices = this.state.flipped ? [-1, 0, 1, 2] : [2, 1, 0, -1];
+          return (
+            <TouchableWithoutFeedback onPress={this._handlePress}>
+              <View>
+                <Text style={{paddingBottom: 10}}>
+                  Tap to flip sorting order
+                </Text>
+                <View
+                  style={[
+                    styles.zIndex,
+                    {
+                      marginTop: 0,
+                      backgroundColor: '#E57373',
+                      zIndex: indices[0],
+                    },
+                  ]}>
+                  <Text>ZIndex {indices[0]}</Text>
+                </View>
+                <View
+                  style={[
+                    styles.zIndex,
+                    {
+                      marginLeft: 50,
+                      backgroundColor: '#FFF176',
+                      zIndex: indices[1],
+                    },
+                  ]}>
+                  <Text>ZIndex {indices[1]}</Text>
+                </View>
+                <View
+                  style={[
+                    styles.zIndex,
+                    {
+                      marginLeft: 100,
+                      backgroundColor: '#81C784',
+                      zIndex: indices[2],
+                    },
+                  ]}>
+                  <Text>ZIndex {indices[2]}</Text>
+                </View>
+                <View
+                  style={[
+                    styles.zIndex,
+                    {
+                      marginLeft: 150,
+                      backgroundColor: '#64B5F6',
+                      zIndex: indices[3],
+                    },
+                  ]}>
+                  <Text>ZIndex {indices[3]}</Text>
+                </View>
+              </View>
+            </TouchableWithoutFeedback>
+          );
+        }
+
+        _handlePress = () => {
+          this.setState({flipped: !this.state.flipped});
+        };
+      }
       return <ZIndexExample />;
     },
   },
diff --git a/RNTester/js/ViewPagerAndroidExample.android.js b/RNTester/js/ViewPagerAndroidExample.android.js
index 1f2ac75d8f22eb..f4aaca4a098411 100644
--- a/RNTester/js/ViewPagerAndroidExample.android.js
+++ b/RNTester/js/ViewPagerAndroidExample.android.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ViewPagerAndroidExample
+ * @format
  */
+
 'use strict';
 
 var React = require('react');
@@ -20,7 +21,7 @@ var {
   ViewPagerAndroid,
 } = ReactNative;
 
-import type { ViewPagerScrollState } from 'ViewPagerAndroid';
+import type {ViewPagerScrollState} from 'ViewPagerAndroid';
 
 var PAGES = 5;
 var BGCOLOR = ['#fdc08e', '#fff6b9', '#99d1b7', '#dde5fe', '#f79273'];
@@ -46,13 +47,9 @@ class LikeCount extends React.Component {
     return (
       <View style={styles.likeContainer}>
         <TouchableOpacity onPress={this.onClick} style={styles.likeButton}>
-          <Text style={styles.likesText}>
-            {thumbsUp + ' Like'}
-          </Text>
+          <Text style={styles.likesText}>{thumbsUp + ' Like'}</Text>
         </TouchableOpacity>
-        <Text style={styles.likesText}>
-          {this.state.likes + ' likes'}
-        </Text>
+        <Text style={styles.likesText}>{this.state.likes + ' likes'}</Text>
       </View>
     );
   }
@@ -68,7 +65,11 @@ class Button extends React.Component {
   render() {
     return (
       <TouchableWithoutFeedback onPress={this._handlePress}>
-        <View style={[styles.button, this.props.enabled ? {} : styles.buttonDisabled]}>
+        <View
+          style={[
+            styles.button,
+            this.props.enabled ? {} : styles.buttonDisabled,
+          ]}>
           <Text style={styles.buttonText}>{this.props.text}</Text>
         </View>
       </TouchableWithoutFeedback>
@@ -78,11 +79,12 @@ class Button extends React.Component {
 
 class ProgressBar extends React.Component {
   render() {
-    var fractionalPosition = (this.props.progress.position + this.props.progress.offset);
+    var fractionalPosition =
+      this.props.progress.position + this.props.progress.offset;
     var progressBarSize = (fractionalPosition / (PAGES - 1)) * this.props.size;
     return (
       <View style={[styles.progressBarContainer, {width: this.props.size}]}>
-        <View style={[styles.progressBar, {width: progressBarSize}]}/>
+        <View style={[styles.progressBar, {width: progressBarSize}]} />
       </View>
     );
   }
@@ -90,7 +92,8 @@ class ProgressBar extends React.Component {
 
 class ViewPagerAndroidExample extends React.Component {
   static title = '<ViewPagerAndroid>';
-  static description = 'Container that allows to flip left and right between child views.';
+  static description =
+    'Container that allows to flip left and right between child views.';
 
   state = {
     page: 0,
@@ -102,24 +105,24 @@ class ViewPagerAndroidExample extends React.Component {
     },
   };
 
-  onPageSelected = (e) => {
+  onPageSelected = e => {
     this.setState({page: e.nativeEvent.position});
   };
 
-  onPageScroll = (e) => {
+  onPageScroll = e => {
     this.setState({progress: e.nativeEvent});
   };
 
-  onPageScrollStateChanged = (state : ViewPagerScrollState) => {
+  onPageScrollStateChanged = (state: ViewPagerScrollState) => {
     this.setState({scrollState: state});
   };
 
-  move = (delta) => {
+  move = delta => {
     var page = this.state.page + delta;
     this.go(page);
   };
 
-  go = (page) => {
+  go = page => {
     if (this.state.animationsAreEnabled) {
       this.viewPager.setPage(page);
     } else {
@@ -144,10 +147,10 @@ class ViewPagerAndroidExample extends React.Component {
             source={{uri: IMAGE_URIS[i % BGCOLOR.length]}}
           />
           <LikeCount />
-       </View>
+        </View>,
       );
     }
-    var { page, animationsAreEnabled } = this.state;
+    var {page, animationsAreEnabled} = this.state;
     return (
       <View style={styles.container}>
         <ViewPagerAndroid
@@ -158,37 +161,61 @@ class ViewPagerAndroidExample extends React.Component {
           onPageSelected={this.onPageSelected}
           onPageScrollStateChanged={this.onPageScrollStateChanged}
           pageMargin={10}
-          ref={viewPager => { this.viewPager = viewPager; }}>
+          ref={viewPager => {
+            this.viewPager = viewPager;
+          }}>
           {pages}
         </ViewPagerAndroid>
         <View style={styles.buttons}>
           <Button
             enabled={true}
-            text={this.state.scrollEnabled ? 'Scroll Enabled' : 'Scroll Disabled'}
-            onPress={() => this.setState({scrollEnabled: !this.state.scrollEnabled})}
+            text={
+              this.state.scrollEnabled ? 'Scroll Enabled' : 'Scroll Disabled'
+            }
+            onPress={() =>
+              this.setState({scrollEnabled: !this.state.scrollEnabled})
+            }
           />
         </View>
         <View style={styles.buttons}>
-          { animationsAreEnabled ?
+          {animationsAreEnabled ? (
             <Button
               text="Turn off animations"
               enabled={true}
               onPress={() => this.setState({animationsAreEnabled: false})}
-            /> :
+            />
+          ) : (
             <Button
               text="Turn animations back on"
               enabled={true}
               onPress={() => this.setState({animationsAreEnabled: true})}
-            /> }
-          <Text style={styles.scrollStateText}>ScrollState[ {this.state.scrollState} ]</Text>
+            />
+          )}
+          <Text style={styles.scrollStateText}>
+            ScrollState[ {this.state.scrollState} ]
+          </Text>
         </View>
         <View style={styles.buttons}>
-          <Button text="Start" enabled={page > 0} onPress={() => this.go(0)}/>
-          <Button text="Prev" enabled={page > 0} onPress={() => this.move(-1)}/>
-          <Text style={styles.buttonText}>Page {page + 1} / {PAGES}</Text>
-          <ProgressBar size={100} progress={this.state.progress}/>
-          <Button text="Next" enabled={page < PAGES - 1} onPress={() => this.move(1)}/>
-          <Button text="Last" enabled={page < PAGES - 1} onPress={() => this.go(PAGES - 1)}/>
+          <Button text="Start" enabled={page > 0} onPress={() => this.go(0)} />
+          <Button
+            text="Prev"
+            enabled={page > 0}
+            onPress={() => this.move(-1)}
+          />
+          <Text style={styles.buttonText}>
+            Page {page + 1} / {PAGES}
+          </Text>
+          <ProgressBar size={100} progress={this.state.progress} />
+          <Button
+            text="Next"
+            enabled={page < PAGES - 1}
+            onPress={() => this.move(1)}
+          />
+          <Button
+            text="Last"
+            enabled={page < PAGES - 1}
+            onPress={() => this.go(PAGES - 1)}
+          />
         </View>
       </View>
     );
diff --git a/RNTester/js/WebSocketExample.js b/RNTester/js/WebSocketExample.js
index ad4a6f8be4719a..b1cffe3e5dc6d4 100644
--- a/RNTester/js/WebSocketExample.js
+++ b/RNTester/js/WebSocketExample.js
@@ -4,7 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule WebSocketExample
  * @format
  */
 'use strict';
diff --git a/RNTester/js/WebViewExample.js b/RNTester/js/WebViewExample.js
index d3bc575361e5fd..fdb0abb61d49d0 100644
--- a/RNTester/js/WebViewExample.js
+++ b/RNTester/js/WebViewExample.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule WebViewExample
  */
+
 'use strict';
 
 var React = require('react');
@@ -18,7 +19,7 @@ var {
   TouchableWithoutFeedback,
   TouchableOpacity,
   View,
-  WebView
+  WebView,
 } = ReactNative;
 
 var HEADER = '#3b5998';
@@ -28,6 +29,7 @@ var DISABLED_WASH = 'rgba(255,255,255,0.25)';
 var TEXT_INPUT_REF = 'urlInput';
 var WEBVIEW_REF = 'webview';
 var DEFAULT_URL = 'https://m.facebook.com';
+const FILE_SYSTEM_ORIGIN_WHITE_LIST = ['file://*', 'http://*', 'https://*'];
 
 class WebViewExample extends React.Component<{}, $FlowFixMeState> {
   state = {
@@ -41,7 +43,7 @@ class WebViewExample extends React.Component<{}, $FlowFixMeState> {
 
   inputText = '';
 
-  handleTextInputChange = (event) => {
+  handleTextInputChange = event => {
     var url = event.nativeEvent.text;
     if (!/^[a-zA-Z-_]+:/.test(url)) {
       url = 'http://' + url;
@@ -57,17 +59,21 @@ class WebViewExample extends React.Component<{}, $FlowFixMeState> {
         <View style={[styles.addressBarRow]}>
           <TouchableOpacity
             onPress={this.goBack}
-            style={this.state.backButtonEnabled ? styles.navButton : styles.disabledButton}>
-            <Text>
-               {'<'}
-            </Text>
+            style={
+              this.state.backButtonEnabled
+                ? styles.navButton
+                : styles.disabledButton
+            }>
+            <Text>{'<'}</Text>
           </TouchableOpacity>
           <TouchableOpacity
             onPress={this.goForward}
-            style={this.state.forwardButtonEnabled ? styles.navButton : styles.disabledButton}>
-            <Text>
-              {'>'}
-            </Text>
+            style={
+              this.state.forwardButtonEnabled
+                ? styles.navButton
+                : styles.disabledButton
+            }>
+            <Text>{'>'}</Text>
           </TouchableOpacity>
           <TextInput
             ref={TEXT_INPUT_REF}
@@ -80,9 +86,7 @@ class WebViewExample extends React.Component<{}, $FlowFixMeState> {
           />
           <TouchableOpacity onPress={this.pressGoButton}>
             <View style={styles.goButton}>
-              <Text>
-                 Go!
-              </Text>
+              <Text>Go!</Text>
             </View>
           </TouchableOpacity>
         </View>
@@ -118,23 +122,23 @@ class WebViewExample extends React.Component<{}, $FlowFixMeState> {
     this.refs[WEBVIEW_REF].reload();
   };
 
-  onShouldStartLoadWithRequest = (event) => {
+  onShouldStartLoadWithRequest = event => {
     // Implement any custom loading logic here, don't forget to return!
     return true;
   };
 
-  onNavigationStateChange = (navState) => {
+  onNavigationStateChange = navState => {
     this.setState({
       backButtonEnabled: navState.canGoBack,
       forwardButtonEnabled: navState.canGoForward,
       url: navState.url,
       status: navState.title,
       loading: navState.loading,
-      scalesPageToFit: true
+      scalesPageToFit: true,
     });
   };
 
-  onSubmitEditing = (event) => {
+  onSubmitEditing = event => {
     this.pressGoButton();
   };
 
@@ -187,17 +191,19 @@ class ScaledWebView extends React.Component<{}, $FlowFixMeState> {
           scalesPageToFit={this.state.scalingEnabled}
         />
         <View style={styles.buttons}>
-        { this.state.scalingEnabled ?
-          <Button
-            text="Scaling:ON"
-            enabled={true}
-            onPress={() => this.setState({scalingEnabled: false})}
-          /> :
-          <Button
-            text="Scaling:OFF"
-            enabled={true}
-            onPress={() => this.setState({scalingEnabled: true})}
-          /> }
+          {this.state.scalingEnabled ? (
+            <Button
+              text="Scaling:ON"
+              enabled={true}
+              onPress={() => this.setState({scalingEnabled: false})}
+            />
+          ) : (
+            <Button
+              text="Scaling:OFF"
+              enabled={true}
+              onPress={() => this.setState({scalingEnabled: true})}
+            />
+          )}
         </View>
       </View>
     );
@@ -205,43 +211,53 @@ class ScaledWebView extends React.Component<{}, $FlowFixMeState> {
 }
 
 class MessagingTest extends React.Component<{}, $FlowFixMeState> {
-  webview = null
+  webview = null;
 
   state = {
     messagesReceivedFromWebView: 0,
     message: '',
-  }
+  };
 
-  onMessage = e => this.setState({
-    messagesReceivedFromWebView: this.state.messagesReceivedFromWebView + 1,
-    message: e.nativeEvent.data,
-  })
+  onMessage = e =>
+    this.setState({
+      messagesReceivedFromWebView: this.state.messagesReceivedFromWebView + 1,
+      message: e.nativeEvent.data,
+    });
 
   postMessage = () => {
     if (this.webview) {
       this.webview.postMessage('"Hello" from React Native!');
     }
-  }
+  };
 
   render(): React.Node {
     const {messagesReceivedFromWebView, message} = this.state;
 
     return (
-      <View style={[styles.container, { height: 200 }]}>
+      <View style={[styles.container, {height: 200}]}>
         <View style={styles.container}>
-          <Text>Messages received from web view: {messagesReceivedFromWebView}</Text>
+          <Text>
+            Messages received from web view: {messagesReceivedFromWebView}
+          </Text>
           <Text>{message || '(No message)'}</Text>
           <View style={styles.buttons}>
-            <Button text="Send Message to Web View" enabled onPress={this.postMessage} />
+            <Button
+              text="Send Message to Web View"
+              enabled
+              onPress={this.postMessage}
+            />
           </View>
         </View>
         <View style={styles.container}>
           <WebView
-            ref={webview => { this.webview = webview; }}
+            ref={webview => {
+              this.webview = webview;
+            }}
             style={{
               backgroundColor: BGWASH,
               height: 100,
             }}
+            originWhitelist={FILE_SYSTEM_ORIGIN_WHITE_LIST}
             source={require('./messagingtest.html')}
             onMessage={this.onMessage}
           />
@@ -258,12 +274,14 @@ class InjectJS extends React.Component<{}> {
     if (this.webview) {
       this.webview.injectJavaScript(script);
     }
-  }
+  };
   render() {
     return (
       <View>
         <WebView
-          ref={webview => { this.webview = webview; }}
+          ref={webview => {
+            this.webview = webview;
+          }}
           style={{
             backgroundColor: BGWASH,
             height: 300,
@@ -274,12 +292,11 @@ class InjectJS extends React.Component<{}> {
         <View style={styles.buttons}>
           <Button text="Inject JS" enabled onPress={this.injectJS} />
         </View>
-    </View>
+      </View>
     );
   }
 }
 
-
 var styles = StyleSheet.create({
   container: {
     flex: 1,
@@ -400,11 +417,15 @@ exports.description = 'Base component to display web content';
 exports.examples = [
   {
     title: 'Simple Browser',
-    render(): React.Element<any> { return <WebViewExample />; }
+    render(): React.Element<any> {
+      return <WebViewExample />;
+    },
   },
   {
     title: 'Scale Page to Fit',
-    render(): React.Element<any> { return <ScaledWebView/>; }
+    render(): React.Element<any> {
+      return <ScaledWebView />;
+    },
   },
   {
     title: 'Bundled HTML',
@@ -415,11 +436,12 @@ exports.examples = [
             backgroundColor: BGWASH,
             height: 100,
           }}
+          originWhitelist={FILE_SYSTEM_ORIGIN_WHITE_LIST}
           source={require('./helloworld.html')}
           scalesPageToFit={true}
         />
       );
-    }
+    },
   },
   {
     title: 'Static HTML',
@@ -434,7 +456,7 @@ exports.examples = [
           scalesPageToFit={true}
         />
       );
-    }
+    },
   },
   {
     title: 'POST Test',
@@ -448,19 +470,23 @@ exports.examples = [
           source={{
             uri: 'http://www.posttestserver.com/post.php',
             method: 'POST',
-            body: 'foo=bar&bar=foo'
+            body: 'foo=bar&bar=foo',
           }}
           scalesPageToFit={false}
         />
       );
-    }
+    },
   },
   {
     title: 'Messaging Test',
-    render(): React.Element<any> { return <MessagingTest />; }
+    render(): React.Element<any> {
+      return <MessagingTest />;
+    },
   },
   {
     title: 'Inject JavaScript',
-    render(): React.Element<any> { return <InjectJS />; }
+    render(): React.Element<any> {
+      return <InjectJS />;
+    },
   },
 ];
diff --git a/RNTester/js/XHRExample.js b/RNTester/js/XHRExample.js
index 1ee8315d03ba67..5cec37c1debca8 100644
--- a/RNTester/js/XHRExample.js
+++ b/RNTester/js/XHRExample.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule XHRExample
  */
+
 'use strict';
 
 var React = require('react');
@@ -21,41 +22,50 @@ var XHRExampleCookies = require('./XHRExampleCookies');
 
 exports.framework = 'React';
 exports.title = 'XMLHttpRequest';
-exports.description = 'Example that demonstrates upload and download ' +
+exports.description =
+  'Example that demonstrates upload and download ' +
   'requests using XMLHttpRequest.';
-exports.examples = [{
-  title: 'File Download',
-  render() {
-    return <XHRExampleDownload/>;
-  }
-}, {
-  title: 'multipart/form-data Upload',
-  render() {
-    return <XHRExampleBinaryUpload/>;
-  }
-}, {
-  title: 'multipart/form-data Upload',
-  render() {
-    return <XHRExampleFormData/>;
-  }
-}, {
-  title: 'Fetch Test',
-  render() {
-    return <XHRExampleFetch/>;
-  }
-}, {
-  title: 'Headers',
-  render() {
-    return <XHRExampleHeaders/>;
-  }
-}, {
-  title: 'Time Out Test',
-  render() {
-    return <XHRExampleOnTimeOut/>;
-  }
-}, {
-  title: 'Cookies',
-  render() {
-    return <XHRExampleCookies/>;
-  }
-}];
+exports.examples = [
+  {
+    title: 'File Download',
+    render() {
+      return <XHRExampleDownload />;
+    },
+  },
+  {
+    title: 'multipart/form-data Upload',
+    render() {
+      return <XHRExampleBinaryUpload />;
+    },
+  },
+  {
+    title: 'multipart/form-data Upload',
+    render() {
+      return <XHRExampleFormData />;
+    },
+  },
+  {
+    title: 'Fetch Test',
+    render() {
+      return <XHRExampleFetch />;
+    },
+  },
+  {
+    title: 'Headers',
+    render() {
+      return <XHRExampleHeaders />;
+    },
+  },
+  {
+    title: 'Time Out Test',
+    render() {
+      return <XHRExampleOnTimeOut />;
+    },
+  },
+  {
+    title: 'Cookies',
+    render() {
+      return <XHRExampleCookies />;
+    },
+  },
+];
diff --git a/RNTester/js/XHRExampleBinaryUpload.js b/RNTester/js/XHRExampleBinaryUpload.js
index e5635724378683..1321522ccaf75c 100644
--- a/RNTester/js/XHRExampleBinaryUpload.js
+++ b/RNTester/js/XHRExampleBinaryUpload.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule XHRExampleBinaryUpload
  */
+
 'use strict';
 
 const React = require('react');
@@ -48,30 +49,22 @@ That is my proper element.
 --Faust, JW Goethe
 `;
 
-
 class XHRExampleBinaryUpload extends React.Component<{}, $FlowFixMeState> {
-
   static handlePostTestServerUpload(xhr: XMLHttpRequest) {
     if (xhr.status !== 200) {
       Alert.alert(
         'Upload failed',
-        'Expected HTTP 200 OK response, got ' + xhr.status
+        'Expected HTTP 200 OK response, got ' + xhr.status,
       );
       return;
     }
     if (!xhr.responseText) {
-      Alert.alert(
-        'Upload failed',
-        'No response payload.'
-      );
+      Alert.alert('Upload failed', 'No response payload.');
       return;
     }
     var index = xhr.responseText.indexOf('http://www.posttestserver.com/');
     if (index === -1) {
-      Alert.alert(
-        'Upload failed',
-        'Invalid response payload.'
-      );
+      Alert.alert('Upload failed', 'Invalid response payload.');
       return;
     }
     var url = xhr.responseText.slice(index).split('\n')[0];
@@ -118,8 +111,8 @@ class XHRExampleBinaryUpload extends React.Component<{}, $FlowFixMeState> {
         <Text>Upload 255 bytes as...</Text>
         <Picker
           selectedValue={this.state.type}
-          onValueChange={(type) => this.setState({type})}>
-          {Object.keys(BINARY_TYPES).map((type) => (
+          onValueChange={type => this.setState({type})}>
+          {Object.keys(BINARY_TYPES).map(type => (
             <Picker.Item key={type} label={type} value={type} />
           ))}
         </Picker>
@@ -133,7 +126,6 @@ class XHRExampleBinaryUpload extends React.Component<{}, $FlowFixMeState> {
       </View>
     );
   }
-
 }
 
 const styles = StyleSheet.create({
diff --git a/RNTester/js/XHRExampleCookies.js b/RNTester/js/XHRExampleCookies.js
index 08ff72b369cb22..6008e7a1a3c220 100644
--- a/RNTester/js/XHRExampleCookies.js
+++ b/RNTester/js/XHRExampleCookies.js
@@ -4,20 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule XHRExampleCookies
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  Text,
-  TouchableHighlight,
-  View,
-  WebView,
-} = ReactNative;
+var {StyleSheet, Text, TouchableHighlight, View, WebView} = ReactNative;
 
 var RCTNetworking = require('RCTNetworking');
 
@@ -37,7 +32,7 @@ class XHRExampleCookies extends React.Component<any, any> {
   setCookie(domain: string) {
     var {a, b} = this.state;
     var url = `https://${domain}/cookies/set?a=${a}&b=${b}`;
-    fetch(url).then((response) => {
+    fetch(url).then(response => {
       this.setStatus(`Cookies a=${a}, b=${b} set`);
       this.refreshWebview();
     });
@@ -50,18 +45,22 @@ class XHRExampleCookies extends React.Component<any, any> {
   }
 
   getCookies(domain: string) {
-    fetch(`https://${domain}/cookies`).then((response) => {
-      return response.json();
-    }).then((data) => {
-      this.setStatus(`Got cookies ${JSON.stringify(data.cookies)} from server`);
-      this.refreshWebview();
-    });
+    fetch(`https://${domain}/cookies`)
+      .then(response => {
+        return response.json();
+      })
+      .then(data => {
+        this.setStatus(
+          `Got cookies ${JSON.stringify(data.cookies)} from server`,
+        );
+        this.refreshWebview();
+      });
 
     this.setStatus('Getting cookies...');
   }
 
   clearCookies() {
-    RCTNetworking.clearCookies((cleared) => {
+    RCTNetworking.clearCookies(cleared => {
       this.setStatus('Cookies cleared, had cookies=' + cleared.toString());
       this.refreshWebview();
     });
diff --git a/RNTester/js/XHRExampleDownload.js b/RNTester/js/XHRExampleDownload.js
index a419f9ba539ed2..3cc4b34c5bc011 100644
--- a/RNTester/js/XHRExampleDownload.js
+++ b/RNTester/js/XHRExampleDownload.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule XHRExampleDownload
  */
+
 'use strict';
 
 const React = require('react');
@@ -41,11 +42,7 @@ class ProgressBar extends React.Component<$FlowFixMeProps> {
         />
       );
     }
-    return (
-      <ProgressViewIOS
-        progress={this.props.progress}
-      />
-    );
+    return <ProgressViewIOS progress={this.props.progress} />;
   }
 }
 
@@ -78,8 +75,10 @@ class XHRExampleDownload extends React.Component<{}, Object> {
 
     const onreadystatechange = () => {
       if (xhr.readyState === xhr.HEADERS_RECEIVED) {
-        const contentLength =
-          parseInt(xhr.getResponseHeader('Content-Length'), 10);
+        const contentLength = parseInt(
+          xhr.getResponseHeader('Content-Length'),
+          10,
+        );
         this.setState({
           contentLength,
           responseLength: 0,
@@ -90,7 +89,7 @@ class XHRExampleDownload extends React.Component<{}, Object> {
         });
       }
     };
-    const onprogress = (event) => {
+    const onprogress = event => {
       this.setState({
         progressTotal: event.total,
         progressLoaded: event.loaded,
@@ -113,17 +112,19 @@ class XHRExampleDownload extends React.Component<{}, Object> {
         return;
       }
       if (xhr.status === 200) {
-        let responseType =
-          `Response is a string, ${xhr.response.length} characters long.`;
+        let responseType = `Response is a string, ${
+          xhr.response.length
+        } characters long.`;
         if (xhr.response instanceof ArrayBuffer) {
-          responseType =
-            `Response is an ArrayBuffer, ${xhr.response.byteLength} bytes long.`;
+          responseType = `Response is an ArrayBuffer, ${
+            xhr.response.byteLength
+          } bytes long.`;
         }
         Alert.alert('Download complete!', responseType);
       } else if (xhr.status !== 0) {
         Alert.alert(
           'Error',
-          `Server returned HTTP status of ${xhr.status}: ${xhr.responseText}`
+          `Server returned HTTP status of ${xhr.status}: ${xhr.responseText}`,
         );
       } else {
         Alert.alert('Error', xhr.responseText);
@@ -135,7 +136,7 @@ class XHRExampleDownload extends React.Component<{}, Object> {
     xhr.send();
 
     this.setState({downloading: true});
-  }
+  };
 
   componentWillUnmount() {
     this.cancelled = true;
@@ -150,9 +151,7 @@ class XHRExampleDownload extends React.Component<{}, Object> {
         </View>
       </View>
     ) : (
-      <TouchableHighlight
-        style={styles.wrapper}
-        onPress={this._download}>
+      <TouchableHighlight style={styles.wrapper} onPress={this._download}>
         <View style={styles.button}>
           <Text>Download 5MB Text File</Text>
         </View>
@@ -162,30 +161,26 @@ class XHRExampleDownload extends React.Component<{}, Object> {
     let readystate = null;
     let progress = null;
     if (this.state.readystateHandler && !this.state.arraybuffer) {
-      const { responseLength, contentLength } = this.state;
+      const {responseLength, contentLength} = this.state;
       readystate = (
         <View>
           <Text style={styles.progressBarLabel}>
-            responseText:{' '}
-            {roundKilo(responseLength)}/{roundKilo(contentLength)}k chars
+            responseText: {roundKilo(responseLength)}/{roundKilo(contentLength)}k
+            chars
           </Text>
-          <ProgressBar
-            progress={(responseLength / contentLength)}
-          />
+          <ProgressBar progress={responseLength / contentLength} />
         </View>
       );
     }
     if (this.state.progressHandler) {
-      const { progressLoaded, progressTotal } = this.state;
+      const {progressLoaded, progressTotal} = this.state;
       progress = (
         <View>
           <Text style={styles.progressBarLabel}>
-            onprogress:{' '}
-            {roundKilo(progressLoaded)}/{roundKilo(progressTotal)} KB
+            onprogress: {roundKilo(progressLoaded)}/{roundKilo(progressTotal)}{' '}
+            KB
           </Text>
-          <ProgressBar
-            progress={(progressLoaded / progressTotal)}
-          />
+          <ProgressBar progress={progressLoaded / progressTotal} />
         </View>
       );
     }
@@ -196,21 +191,23 @@ class XHRExampleDownload extends React.Component<{}, Object> {
           <Text>onreadystatechange handler</Text>
           <Switch
             value={this.state.readystateHandler}
-            onValueChange={(readystateHandler => this.setState({readystateHandler}))}
+            onValueChange={readystateHandler =>
+              this.setState({readystateHandler})
+            }
           />
         </View>
         <View style={styles.configRow}>
           <Text>onprogress handler</Text>
           <Switch
             value={this.state.progressHandler}
-            onValueChange={(progressHandler => this.setState({progressHandler}))}
+            onValueChange={progressHandler => this.setState({progressHandler})}
           />
         </View>
         <View style={styles.configRow}>
           <Text>download as arraybuffer</Text>
           <Switch
             value={this.state.arraybuffer}
-            onValueChange={(arraybuffer => this.setState({arraybuffer}))}
+            onValueChange={arraybuffer => this.setState({arraybuffer})}
           />
         </View>
         {button}
diff --git a/RNTester/js/XHRExampleFetch.js b/RNTester/js/XHRExampleFetch.js
index 2aea3be975f4fb..72f1f7e43b11df 100644
--- a/RNTester/js/XHRExampleFetch.js
+++ b/RNTester/js/XHRExampleFetch.js
@@ -4,21 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule XHRExampleFetch
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  Text,
-  TextInput,
-  View,
-  Platform,
-} = ReactNative;
-
+var {StyleSheet, Text, TextInput, View, Platform} = ReactNative;
 
 class XHRExampleFetch extends React.Component<any, any> {
   responseURL: ?string;
@@ -27,20 +21,22 @@ class XHRExampleFetch extends React.Component<any, any> {
   constructor(props: any) {
     super(props);
     this.state = {
-     responseText: null,
+      responseText: null,
     };
     this.responseURL = null;
     this.responseHeaders = null;
   }
 
   submit(uri: String) {
-    fetch(uri).then((response) => {
-      this.responseURL = response.url;
-      this.responseHeaders = response.headers;
-      return response.text();
-    }).then((body) => {
-      this.setState({responseText: body});
-    });
+    fetch(uri)
+      .then(response => {
+        this.responseURL = response.url;
+        this.responseHeaders = response.headers;
+        return response.text();
+      })
+      .then(body => {
+        this.setState({responseText: body});
+      });
   }
 
   _renderHeaders() {
@@ -53,13 +49,16 @@ class XHRExampleFetch extends React.Component<any, any> {
     for (var i = 0; i < keys.length; i++) {
       var key = keys[i];
       var value = this.responseHeaders.get(key);
-      responseHeaders.push(<Text>{key}: {value}</Text>);
+      responseHeaders.push(
+        <Text>
+          {key}: {value}
+        </Text>,
+      );
     }
     return responseHeaders;
   }
 
   render() {
-
     var responseURL = this.responseURL ? (
       <View style={{marginTop: 10}}>
         <Text style={styles.label}>Server response URL:</Text>
@@ -92,7 +91,7 @@ class XHRExampleFetch extends React.Component<any, any> {
         <TextInput
           returnKeyType="go"
           defaultValue="http://www.posttestserver.com/post.php"
-          onSubmitEditing={(event)=> {
+          onSubmitEditing={event => {
             this.submit(event.nativeEvent.text);
           }}
           style={styles.textInput}
diff --git a/RNTester/js/XHRExampleFormData.js b/RNTester/js/XHRExampleFormData.js
index 228af6345bd4a0..bc2e43b0762885 100644
--- a/RNTester/js/XHRExampleFormData.js
+++ b/RNTester/js/XHRExampleFormData.js
@@ -4,9 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule XHRExampleFormData
  */
+
 'use strict';
 
 const React = require('react');
@@ -49,30 +50,25 @@ class XHRExampleFormData extends React.Component<Object, Object> {
   }
 
   _fetchRandomPhoto = () => {
-    CameraRoll.getPhotos(
-      {first: PAGE_SIZE}
-    ).then(
-      (data) => {
-        if (!this._isMounted) {
-          return;
-        }
-        var edges = data.edges;
-        var edge = edges[Math.floor(Math.random() * edges.length)];
-        var randomPhoto = edge && edge.node && edge.node.image;
-        if (randomPhoto) {
-          let {width, height} = randomPhoto;
-          width *= 0.25;
-          height *= 0.25;
-          ImageEditor.cropImage(
-            randomPhoto.uri,
-            {offset: {x: 0, y: 0}, size: {width, height}},
-            (uri) => this.setState({randomPhoto: {uri}}),
-            (error) => undefined
-          );
-        }
-      },
-      (error) => undefined
-    );
+    CameraRoll.getPhotos({first: PAGE_SIZE}).then(data => {
+      if (!this._isMounted) {
+        return;
+      }
+      var edges = data.edges;
+      var edge = edges[Math.floor(Math.random() * edges.length)];
+      var randomPhoto = edge && edge.node && edge.node.image;
+      if (randomPhoto) {
+        let {width, height} = randomPhoto;
+        width *= 0.25;
+        height *= 0.25;
+        ImageEditor.cropImage(
+          randomPhoto.uri,
+          {offset: {x: 0, y: 0}, size: {width, height}},
+          uri => this.setState({randomPhoto: {uri}}),
+          error => undefined,
+        );
+      }
+    }, error => undefined);
   };
 
   _addTextParam = () => {
@@ -108,10 +104,10 @@ class XHRExampleFormData extends React.Component<Object, Object> {
         name: 'image.jpg',
       });
     }
-    this.state.textParams.forEach(
-      (param) => formdata.append(param.name, param.value)
+    this.state.textParams.forEach(param =>
+      formdata.append(param.name, param.value),
     );
-    xhr.upload.onprogress = (event) => {
+    xhr.upload.onprogress = event => {
       if (event.lengthComputable) {
         this.setState({uploadProgress: event.loaded / event.total});
       }
@@ -125,10 +121,7 @@ class XHRExampleFormData extends React.Component<Object, Object> {
     var image = null;
     if (this.state.randomPhoto) {
       image = (
-        <Image
-          source={this.state.randomPhoto}
-          style={styles.randomPhoto}
-        />
+        <Image source={this.state.randomPhoto} style={styles.randomPhoto} />
       );
     }
     var textItems = this.state.textParams.map((item, index) => (
@@ -171,8 +164,9 @@ class XHRExampleFormData extends React.Component<Object, Object> {
       <View>
         <View style={styles.paramRow}>
           <Text style={styles.photoLabel}>
-            Random photo from your library
-            (<Text style={styles.textButton} onPress={this._fetchRandomPhoto}>
+            Random photo from your library (<Text
+              style={styles.textButton}
+              onPress={this._fetchRandomPhoto}>
               update
             </Text>)
           </Text>
@@ -186,9 +180,7 @@ class XHRExampleFormData extends React.Component<Object, Object> {
             Add a text param
           </Text>
         </View>
-        <View style={styles.uploadButton}>
-          {uploadButton}
-        </View>
+        <View style={styles.uploadButton}>{uploadButton}</View>
       </View>
     );
   }
diff --git a/RNTester/js/XHRExampleHeaders.js b/RNTester/js/XHRExampleHeaders.js
index 8476b1600ef670..6fb4e28dbf03be 100644
--- a/RNTester/js/XHRExampleHeaders.js
+++ b/RNTester/js/XHRExampleHeaders.js
@@ -4,22 +4,17 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @noflow
- * @providesModule XHRExampleHeaders
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  Text,
-  TouchableHighlight,
-  View,
-} = ReactNative;
+var {StyleSheet, Text, TouchableHighlight, View} = ReactNative;
 
 class XHRExampleHeaders extends React.Component {
-
   xhr: XMLHttpRequest;
   cancelled: boolean;
 
@@ -47,11 +42,15 @@ class XHRExampleHeaders extends React.Component {
         if (xhr.status === 200) {
           this.setState({
             status: 'Download complete!',
-            headers: xhr.getAllResponseHeaders()
+            headers: xhr.getAllResponseHeaders(),
           });
         } else if (xhr.status !== 0) {
           this.setState({
-            status: 'Error: Server returned HTTP status of ' + xhr.status + ' ' + xhr.responseText,
+            status:
+              'Error: Server returned HTTP status of ' +
+              xhr.status +
+              ' ' +
+              xhr.responseText,
           });
         } else {
           this.setState({
@@ -60,7 +59,10 @@ class XHRExampleHeaders extends React.Component {
         }
       }
     };
-    xhr.open('GET', 'https://httpbin.org/response-headers?header1=value&header2=value1&header2=value2');
+    xhr.open(
+      'GET',
+      'https://httpbin.org/response-headers?header1=value&header2=value1&header2=value2',
+    );
     xhr.send();
     this.xhr = xhr;
 
@@ -73,21 +75,22 @@ class XHRExampleHeaders extends React.Component {
   }
 
   render() {
-    var button = this.state.status === 'Downloading...' ? (
-      <View style={styles.wrapper}>
-        <View style={styles.button}>
-          <Text>...</Text>
+    var button =
+      this.state.status === 'Downloading...' ? (
+        <View style={styles.wrapper}>
+          <View style={styles.button}>
+            <Text>...</Text>
+          </View>
         </View>
-      </View>
-    ) : (
-      <TouchableHighlight
-        style={styles.wrapper}
-        onPress={this.download.bind(this)}>
-        <View style={styles.button}>
-         <Text>Get headers</Text>
-        </View>
-      </TouchableHighlight>
-    );
+      ) : (
+        <TouchableHighlight
+          style={styles.wrapper}
+          onPress={this.download.bind(this)}>
+          <View style={styles.button}>
+            <Text>Get headers</Text>
+          </View>
+        </TouchableHighlight>
+      );
 
     return (
       <View>
diff --git a/RNTester/js/XHRExampleOnTimeOut.js b/RNTester/js/XHRExampleOnTimeOut.js
index d3c50025c2d0fe..57a918b53c10ec 100644
--- a/RNTester/js/XHRExampleOnTimeOut.js
+++ b/RNTester/js/XHRExampleOnTimeOut.js
@@ -4,19 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
- * @providesModule XHRExampleOnTimeOut
  */
+
 'use strict';
 
 var React = require('react');
 var ReactNative = require('react-native');
-var {
-  StyleSheet,
-  Text,
-  TouchableHighlight,
-  View,
-} = ReactNative;
+var {StyleSheet, Text, TouchableHighlight, View} = ReactNative;
 
 class XHRExampleOnTimeOut extends React.Component<any, any> {
   xhr: XMLHttpRequest;
@@ -25,7 +21,7 @@ class XHRExampleOnTimeOut extends React.Component<any, any> {
     super(props);
     this.state = {
       status: '',
-      loading: false
+      loading: false,
     };
   }
 
@@ -34,7 +30,7 @@ class XHRExampleOnTimeOut extends React.Component<any, any> {
 
     var xhr = this.xhr || new XMLHttpRequest();
 
-    xhr.onerror = ()=> {
+    xhr.onerror = () => {
       console.log('Status ', xhr.status);
       console.log('Error ', xhr.responseText);
     };
@@ -42,7 +38,7 @@ class XHRExampleOnTimeOut extends React.Component<any, any> {
     xhr.ontimeout = () => {
       this.setState({
         status: xhr.responseText,
-        loading: false
+        loading: false,
       });
     };
 
@@ -75,7 +71,7 @@ class XHRExampleOnTimeOut extends React.Component<any, any> {
         style={styles.wrapper}
         onPress={this.loadTimeOutRequest.bind(this)}>
         <View style={styles.button}>
-         <Text>Make Time Out Request</Text>
+          <Text>Make Time Out Request</Text>
         </View>
       </TouchableHighlight>
     );
diff --git a/RNTester/js/createExamplePage.js b/RNTester/js/createExamplePage.js
index e381f05b8d2c54..eba5a495287c2f 100644
--- a/RNTester/js/createExamplePage.js
+++ b/RNTester/js/createExamplePage.js
@@ -4,20 +4,22 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule createExamplePage
+ * @format
  * @flow
  */
+
 'use strict';
 
 const React = require('react');
 
 const RNTesterExampleContainer = require('./RNTesterExampleContainer');
 
-import type { ExampleModule } from 'ExampleTypes';
-
-var createExamplePage = function(title: ?string, exampleModule: ExampleModule)
-  : React.ComponentType<any> {
+import type {ExampleModule} from 'ExampleTypes';
 
+var createExamplePage = function(
+  title: ?string,
+  exampleModule: ExampleModule,
+): React.ComponentType<any> {
   class ExamplePage extends React.Component<{}> {
     render() {
       return <RNTesterExampleContainer module={exampleModule} title={title} />;
diff --git a/RNTester/js/http_test_server.js b/RNTester/js/http_test_server.js
index cd9e18e5407d7f..c9a4be5753948a 100755
--- a/RNTester/js/http_test_server.js
+++ b/RNTester/js/http_test_server.js
@@ -6,7 +6,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @flow
- * @providesModule http_test_server
+ * @format
  */
 'use strict';
 
diff --git a/RNTester/js/websocket_test_server.js b/RNTester/js/websocket_test_server.js
index 83a48ed213f062..eacab9e219775f 100755
--- a/RNTester/js/websocket_test_server.js
+++ b/RNTester/js/websocket_test_server.js
@@ -6,7 +6,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @flow
- * @providesModule websocket_test_server
+ * @format
  */
 'use strict';
 
@@ -30,8 +30,8 @@ ArrayBuffer instead of a string.
 
 const respondWithBinary = process.argv.indexOf('--binary') !== -1;
 const server = new WebSocket.Server({port: 5555});
-server.on('connection', (ws) => {
-  ws.on('message', (message) => {
+server.on('connection', ws => {
+  ws.on('message', message => {
     console.log('Received message:', message);
     console.log('Cookie:', ws.upgradeReq.headers.cookie);
     if (respondWithBinary) {
diff --git a/React.podspec b/React.podspec
index 9d222499f38414..946d461b20c92a 100644
--- a/React.podspec
+++ b/React.podspec
@@ -13,6 +13,7 @@ else
 end
 
 folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1'
+folly_version = '2016.10.31.00'
 
 Pod::Spec.new do |s|
   s.name                    = "React"
@@ -37,7 +38,7 @@ Pod::Spec.new do |s|
   s.source                  = source
   s.default_subspec         = "Core"
   s.requires_arc            = true
-  s.platforms               = { :ios => "8.0", :tvos => "9.2" }
+  s.platforms               = { :ios => "9.0", :tvos => "9.2" }
   s.pod_target_xcconfig     = { "CLANG_CXX_LANGUAGE_STANDARD" => "c++14" }
   s.preserve_paths          = "package.json", "LICENSE", "LICENSE-docs"
   s.cocoapods_version       = ">= 1.2.0"
@@ -51,6 +52,7 @@ Pod::Spec.new do |s|
                               "React/Inspector/*",
                               "ReactCommon/yoga/*",
                               "React/Cxx*/*",
+                              "React/Fabric/**/*"
     ss.ios.exclude_files    = "React/**/RCTTV*.*"
     ss.tvos.exclude_files   = "React/Modules/RCTClipboard*",
                               "React/Views/RCTDatePicker*",
@@ -66,7 +68,7 @@ Pod::Spec.new do |s|
   end
 
   s.subspec "CxxBridge" do |ss|
-    ss.dependency             "Folly", "2016.09.26.00"
+    ss.dependency             "Folly", folly_version
     ss.dependency             "React/Core"
     ss.dependency             "React/cxxreact"
     ss.compiler_flags       = folly_compiler_flags
@@ -81,13 +83,25 @@ Pod::Spec.new do |s|
                               "React/Inspector/*"
   end
 
+  s.subspec "RCTFabric" do |ss|
+    ss.dependency             "Folly", folly_version
+    ss.dependency             "React/Core"
+    ss.dependency             "React/fabric"
+    ss.compiler_flags       = folly_compiler_flags
+    ss.source_files         = "React/Fabric/**/*.{c,h,m,mm,S,cpp}"
+    ss.exclude_files        = "**/tests/*"
+    ss.header_dir           = "React"
+    ss.framework            = "JavaScriptCore"
+    ss.pod_target_xcconfig  = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\"" }
+  end
+
   s.subspec "tvOS" do |ss|
     ss.dependency             "React/Core"
-    ss.source_files         = "React/**/RCTTV*.{h, m}"
+    ss.source_files         = "React/**/RCTTV*.{h,m}"
   end
 
   s.subspec "jschelpers" do |ss|
-    ss.dependency             "Folly", "2016.09.26.00"
+    ss.dependency             "Folly", folly_version
     ss.dependency             "React/PrivateDatabase"
     ss.compiler_flags       = folly_compiler_flags
     ss.source_files         = "ReactCommon/jschelpers/*.{cpp,h}"
@@ -112,7 +126,7 @@ Pod::Spec.new do |s|
     ss.dependency             "React/jschelpers"
     ss.dependency             "React/jsinspector"
     ss.dependency             "boost-for-react-native", "1.63.0"
-    ss.dependency             "Folly", "2016.09.26.00"
+    ss.dependency             "Folly", folly_version
     ss.compiler_flags       = folly_compiler_flags
     ss.source_files         = "ReactCommon/cxxreact/*.{cpp,h}"
     ss.exclude_files        = "ReactCommon/cxxreact/SampleCxxModule.*"
@@ -120,6 +134,109 @@ Pod::Spec.new do |s|
     ss.pod_target_xcconfig  = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_ROOT)/boost-for-react-native\" \"$(PODS_ROOT)/DoubleConversion\" \"$(PODS_ROOT)/Folly\"" }
   end
 
+  s.subspec "fabric" do |ss|
+    ss.subspec "activityindicator" do |sss|
+      sss.dependency             "Folly", folly_version
+      sss.compiler_flags       = folly_compiler_flags
+      sss.source_files         = "ReactCommon/fabric/activityindicator/**/*.{cpp,h}"
+      sss.exclude_files        = "**/tests/*"
+      sss.header_dir           = "fabric/activityindicator"
+      sss.pod_target_xcconfig  = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_ROOT)/Folly\"" }
+    end
+
+    ss.subspec "attributedstring" do |sss|
+      sss.dependency             "Folly", folly_version
+      sss.compiler_flags       = folly_compiler_flags
+      sss.source_files         = "ReactCommon/fabric/attributedstring/**/*.{cpp,h}"
+      sss.exclude_files        = "**/tests/*"
+      sss.header_dir           = "fabric/attributedstring"
+      sss.pod_target_xcconfig  = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_ROOT)/Folly\"" }
+    end
+
+    ss.subspec "core" do |sss|
+      sss.dependency             "Folly", folly_version
+      sss.compiler_flags       = folly_compiler_flags
+      sss.source_files         = "ReactCommon/fabric/core/**/*.{cpp,h}"
+      sss.exclude_files        = "**/tests/*"
+      sss.header_dir           = "fabric/core"
+      sss.pod_target_xcconfig  = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_ROOT)/Folly\"" }
+    end
+
+    ss.subspec "debug" do |sss|
+      sss.dependency             "Folly", folly_version
+      sss.compiler_flags       = folly_compiler_flags
+      sss.source_files         = "ReactCommon/fabric/debug/**/*.{cpp,h}"
+      sss.exclude_files        = "**/tests/*"
+      sss.header_dir           = "fabric/debug"
+      sss.pod_target_xcconfig  = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_ROOT)/Folly\"" }
+    end
+
+    ss.subspec "graphics" do |sss|
+      sss.dependency             "Folly", folly_version
+      sss.compiler_flags       = folly_compiler_flags
+      sss.source_files         = "ReactCommon/fabric/graphics/**/*.{cpp,h}"
+      sss.exclude_files        = "**/tests/*"
+      sss.header_dir           = "fabric/graphics"
+      sss.pod_target_xcconfig  = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_ROOT)/Folly\"" }
+    end
+
+    ss.subspec "scrollview" do |sss|
+      sss.dependency             "Folly", folly_version
+      sss.compiler_flags       = folly_compiler_flags
+      sss.source_files         = "ReactCommon/fabric/scrollview/**/*.{cpp,h}"
+      sss.exclude_files        = "**/tests/*"
+      sss.header_dir           = "fabric/scrollview"
+      sss.pod_target_xcconfig  = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_ROOT)/Folly\"" }
+    end
+
+    ss.subspec "text" do |sss|
+      sss.dependency             "Folly", folly_version
+      sss.compiler_flags       = folly_compiler_flags
+      sss.source_files         = "ReactCommon/fabric/text/**/*.{cpp,h}"
+      sss.exclude_files        = "**/tests/*"
+      sss.header_dir           = "fabric/text"
+      sss.pod_target_xcconfig  = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_ROOT)/Folly\"" }
+    end
+
+    ss.subspec "textlayoutmanager" do |sss|
+      sss.dependency             "Folly", folly_version
+      sss.compiler_flags       = folly_compiler_flags
+      sss.source_files         = "ReactCommon/fabric/textlayoutmanager/**/*.{cpp,h,mm}"
+      sss.exclude_files        = "**/tests/*"
+      sss.header_dir           = "fabric/textlayoutmanager"
+      sss.pod_target_xcconfig  = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_ROOT)/Folly\"" }
+    end
+
+    ss.subspec "uimanager" do |sss|
+      sss.dependency             "Folly", folly_version
+      sss.compiler_flags       = folly_compiler_flags
+      sss.source_files         = "ReactCommon/fabric/uimanager/**/*.{cpp,h}"
+      sss.exclude_files        = "**/tests/*"
+      sss.header_dir           = "fabric/uimanager"
+      sss.pod_target_xcconfig  = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_ROOT)/Folly\"" }
+    end
+
+    ss.subspec "view" do |sss|
+      sss.dependency             "Folly", folly_version
+      sss.dependency             "yoga"
+      sss.compiler_flags       = folly_compiler_flags
+      sss.source_files         = "ReactCommon/fabric/view/**/*.{cpp,h}"
+      sss.exclude_files        = "**/tests/*"
+      sss.header_dir           = "fabric/view"
+      sss.pod_target_xcconfig  = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_ROOT)/Folly\"" }
+    end
+  end
+
+  # Fabric sample target for sample app purpose.
+  s.subspec "RCTFabricSample" do |ss|
+    ss.dependency             "Folly", folly_version
+    ss.compiler_flags       = folly_compiler_flags
+    ss.source_files         = "ReactCommon/fabric/sample/**/*.{cpp,h}"
+    ss.exclude_files        = "**/tests/*"
+    ss.header_dir           = "fabric/sample"
+    ss.pod_target_xcconfig  = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_ROOT)/Folly\"" }
+  end
+
   s.subspec "ART" do |ss|
     ss.dependency             "React/Core"
     ss.source_files         = "Libraries/ART/**/*.{h,m}"
diff --git a/React/Base/RCTAssert.h b/React/Base/RCTAssert.h
index 5e60a7b206a4b9..6117390db44804 100644
--- a/React/Base/RCTAssert.h
+++ b/React/Base/RCTAssert.h
@@ -24,8 +24,8 @@ RCT_EXTERN BOOL RCTIsMainQueue(void);
   if ((condition) == 0) { \
     _RCTAssertFormat(#condition, __FILE__, __LINE__, __func__, __VA_ARGS__); \
     if (RCT_NSASSERT) { \
-      [[NSAssertionHandler currentHandler] handleFailureInFunction:@(__func__) \
-        file:@(__FILE__) lineNumber:__LINE__ description:__VA_ARGS__]; \
+      [[NSAssertionHandler currentHandler] handleFailureInFunction:(NSString * _Nonnull)@(__func__) \
+        file:(NSString * _Nonnull)@(__FILE__) lineNumber:__LINE__ description:__VA_ARGS__]; \
     } \
   } \
 } while (false)
diff --git a/React/Base/RCTBridge.h b/React/Base/RCTBridge.h
index 2a7eabe5ce84ba..5222a15b5ca714 100644
--- a/React/Base/RCTBridge.h
+++ b/React/Base/RCTBridge.h
@@ -72,6 +72,12 @@ RCT_EXTERN NSString *const RCTBridgeDidDownloadScriptNotification;
  */
 RCT_EXTERN NSString *const RCTBridgeDidDownloadScriptNotificationSourceKey;
 
+/**
+ * Key for the bridge description (NSString_ in the
+ * RCTBridgeDidDownloadScriptNotification userInfo dictionary.
+ */
+RCT_EXTERN NSString *const RCTBridgeDidDownloadScriptNotificationBridgeDescriptionKey;
+
 /**
  * This block can be used to instantiate modules that require additional
  * init parameters, or additional configuration prior to being used.
diff --git a/React/Base/RCTBridge.m b/React/Base/RCTBridge.m
index 76f2d17a203faf..acfc09dd376c60 100644
--- a/React/Base/RCTBridge.m
+++ b/React/Base/RCTBridge.m
@@ -31,11 +31,17 @@
 NSString *const RCTBridgeWillDownloadScriptNotification = @"RCTBridgeWillDownloadScriptNotification";
 NSString *const RCTBridgeDidDownloadScriptNotification = @"RCTBridgeDidDownloadScriptNotification";
 NSString *const RCTBridgeDidDownloadScriptNotificationSourceKey = @"source";
+NSString *const RCTBridgeDidDownloadScriptNotificationBridgeDescriptionKey = @"bridgeDescription";
 
 static NSMutableArray<Class> *RCTModuleClasses;
+static dispatch_queue_t RCTModuleClassesSyncQueue;
 NSArray<Class> *RCTGetModuleClasses(void)
 {
-  return RCTModuleClasses;
+  __block NSArray<Class> *result;
+  dispatch_sync(RCTModuleClassesSyncQueue, ^{
+    result = [RCTModuleClasses copy];
+  });
+  return result;
 }
 
 void RCTFBQuickPerformanceLoggerConfigureHooks(__unused JSGlobalContextRef ctx) { }
@@ -50,6 +56,7 @@ void RCTRegisterModule(Class moduleClass)
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
     RCTModuleClasses = [NSMutableArray new];
+    RCTModuleClassesSyncQueue = dispatch_queue_create("com.facebook.react.ModuleClassesSyncQueue", DISPATCH_QUEUE_CONCURRENT);
   });
 
   RCTAssert([moduleClass conformsToProtocol:@protocol(RCTBridgeModule)],
@@ -57,7 +64,9 @@ void RCTRegisterModule(Class moduleClass)
             moduleClass);
 
   // Register module
-  [RCTModuleClasses addObject:moduleClass];
+  dispatch_barrier_async(RCTModuleClassesSyncQueue, ^{
+    [RCTModuleClasses addObject:moduleClass];
+  });
 }
 
 /**
@@ -97,6 +106,9 @@ void RCTVerifyAllModulesExported(NSArray *extraModules)
 
   for (unsigned int i = 0; i < classCount; i++) {
     Class cls = classes[i];
+    if (strncmp(class_getName(cls), "RCTCxxModule", strlen("RCTCxxModule")) == 0) {
+      continue;
+    }
     Class superclass = cls;
     while (superclass) {
       if (class_conformsToProtocol(superclass, @protocol(RCTBridgeModule))) {
diff --git a/React/Base/RCTBridgeModule.h b/React/Base/RCTBridgeModule.h
index 07116bb80ef950..75908a1b0f797d 100644
--- a/React/Base/RCTBridgeModule.h
+++ b/React/Base/RCTBridgeModule.h
@@ -83,6 +83,7 @@ RCT_EXTERN void RCTRegisterModule(Class); \
  * to bridge features, such as sending events or making JS calls. This
  * will be set automatically by the bridge when it initializes the module.
  * To implement this in your module, just add `@synthesize bridge = _bridge;`
+ * If using Swift, add `@objc var bridge: RCTBridge!` to your module.
  */
 @property (nonatomic, weak, readonly) RCTBridge *bridge;
 
diff --git a/React/Base/RCTConvert.m b/React/Base/RCTConvert.m
index 173c9047530491..7528259fda00ad 100644
--- a/React/Base/RCTConvert.m
+++ b/React/Base/RCTConvert.m
@@ -685,7 +685,8 @@ + (NSPropertyList)NSPropertyList:(id)json
 
 RCT_ENUM_CONVERTER(YGWrap, (@{
   @"wrap": @(YGWrapWrap),
-  @"nowrap": @(YGWrapNoWrap)
+  @"nowrap": @(YGWrapNoWrap),
+  @"wrap-reverse": @(YGWrapWrapReverse)
 }), YGWrapNoWrap, intValue)
 
 RCT_ENUM_CONVERTER(RCTPointerEvents, (@{
diff --git a/React/Base/RCTJSStackFrame.m b/React/Base/RCTJSStackFrame.m
index 60976f673ba542..a60d78b1093b4c 100644
--- a/React/Base/RCTJSStackFrame.m
+++ b/React/Base/RCTJSStackFrame.m
@@ -10,13 +10,40 @@
 #import "RCTLog.h"
 #import "RCTUtils.h"
 
+/**
+* The RegEx used to parse Error.stack.
+*
+* JavaScriptCore has the following format:
+*
+*   Exception: Error: argh
+*     func1@/path/to/file.js:2:18
+*     func2@/path/to/file.js:6:8
+*     eval@[native code]
+*     global code@/path/to/file.js:13:5
+*
+* Another supported format:
+*
+*  Error: argh
+*   at func1 (/path/to/file.js:2:18)
+*   at func2 (/path/to/file.js:6:8)
+*   at eval (native)
+*   at global (/path/to/file.js:13:5)
+*/
 static NSRegularExpression *RCTJSStackFrameRegex()
 {
   static dispatch_once_t onceToken;
   static NSRegularExpression *_regex;
   dispatch_once(&onceToken, ^{
+    NSString *pattern =
+      @"\\s*(?:at)?\\s*" // Skip leading "at" and whitespace, noncapturing
+      @"(.+?)"           // Capture the function name (group 1)
+      @"\\s*[@(]"        // Skip whitespace, then @ or (
+      @"(.*):"           // Capture the file name (group 2), then colon
+      @"(\\d+):(\\d+)"   // Line and column number (groups 3 and 4)
+      @"\\)?$"           // Optional closing paren and EOL
+    ;
     NSError *regexError;
-    _regex = [NSRegularExpression regularExpressionWithPattern:@"^(?:([^@]+)@)?(.*):(\\d+):(\\d+)$" options:0 error:&regexError];
+    _regex = [NSRegularExpression regularExpressionWithPattern:pattern options:0 error:&regexError];
     if (regexError) {
       RCTLogError(@"Failed to build regex: %@", [regexError localizedDescription]);
     }
diff --git a/React/Base/RCTModuleMethod.mm b/React/Base/RCTModuleMethod.mm
index a8361482c4edcd..1a151577914724 100644
--- a/React/Base/RCTModuleMethod.mm
+++ b/React/Base/RCTModuleMethod.mm
@@ -213,7 +213,7 @@ - (void)processMethodSignature
 #endif
 
 #define RCT_RETAINED_ARG_BLOCK(_logic) \
-[argumentBlocks addObject:^(__unused RCTBridge *bridge, NSUInteger index, id json) { \
+[argumentBlocks addObject:^(__unused __weak RCTBridge *bridge, NSUInteger index, id json) { \
   _logic                                                                             \
   [invocation setArgument:&value atIndex:(index) + 2];                               \
   if (value) {                                                                       \
diff --git a/React/Base/RCTRootView.h b/React/Base/RCTRootView.h
index daab13efbe8c21..35561f68a8e45d 100644
--- a/React/Base/RCTRootView.h
+++ b/React/Base/RCTRootView.h
@@ -30,7 +30,12 @@ typedef NS_ENUM(NSInteger, RCTRootViewSizeFlexibility) {
  * after the application has loaded. This is used to hide the `loadingView`, and
  * is a good indicator that the application is ready to use.
  */
-extern NSString *const RCTContentDidAppearNotification;
+#if defined(__cplusplus)
+extern "C"
+#else
+extern
+#endif
+NSString *const RCTContentDidAppearNotification;
 
 /**
  * Native view used to host React-managed views within the app. Can be used just
diff --git a/React/Base/RCTTouchHandler.m b/React/Base/RCTTouchHandler.m
index 00c5af9859162a..5447a9a8a9f7ea 100644
--- a/React/Base/RCTTouchHandler.m
+++ b/React/Base/RCTTouchHandler.m
@@ -212,7 +212,7 @@ - (void)_updateAndDispatchTouches:(NSSet<UITouch *> *)touches
   BOOL canBeCoalesced = [eventName isEqualToString:@"touchMove"];
 
   // We increment `_coalescingKey` twice here just for sure that
-  // this `_coalescingKey` will not be reused by ahother (preceding or following) event
+  // this `_coalescingKey` will not be reused by another (preceding or following) event
   // (yes, even if coalescing only happens (and makes sense) on events of the same type).
 
   if (!canBeCoalesced) {
diff --git a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.mm b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.mm
index 4fc100f6b6c15c..14466297473e5c 100644
--- a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.mm
+++ b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.mm
@@ -61,7 +61,10 @@ - (instancetype)initWithBridge:(RCTBridge *)bridge
     [bridge.performanceLogger markStartForTag:RCTPLTTI];
   }
 
-  if (self = [super initWithBridge:bridge moduleName:moduleName initialProperties:initialProperties]) {
+  // `RCTRootViewSizeFlexibilityNone` is the RCTRootView's default.
+  RCTSurfaceSizeMeasureMode sizeMeasureMode = convertToSurfaceSizeMeasureMode(RCTRootViewSizeFlexibilityNone);
+
+  if (self = [super initWithBridge:bridge moduleName:moduleName initialProperties:initialProperties sizeMeasureMode:sizeMeasureMode]) {
     self.backgroundColor = [UIColor whiteColor];
   }
 
@@ -127,11 +130,6 @@ - (void)setAppProperties:(NSDictionary *)appProperties
   [super.surface setProperties:appProperties];
 }
 
-- (CGSize)intrinsicContentSize
-{
-  return super.surface.intrinsicSize;
-}
-
 - (UIView *)loadingView
 {
   return super.activityIndicatorViewFactory ? super.activityIndicatorViewFactory() : nil;
diff --git a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.h b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.h
index 4434df84e00503..25894ec0015611 100644
--- a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.h
+++ b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.h
@@ -31,7 +31,8 @@ NS_ASSUME_NONNULL_BEGIN
  * Instanciates a view with given Surface object.
  * Note: The view retains the surface object.
  */
-- (instancetype)initWithSurface:(RCTSurface *)surface NS_DESIGNATED_INITIALIZER;
+- (instancetype)initWithSurface:(RCTSurface *)surface
+                sizeMeasureMode:(RCTSurfaceSizeMeasureMode)sizeMeasureMode NS_DESIGNATED_INITIALIZER;
 
 /**
  * Convenience initializer.
@@ -40,7 +41,8 @@ NS_ASSUME_NONNULL_BEGIN
  */
 - (instancetype)initWithBridge:(RCTBridge *)bridge
                     moduleName:(NSString *)moduleName
-             initialProperties:(NSDictionary *)initialProperties;
+             initialProperties:(NSDictionary *)initialProperties
+               sizeMeasureMode:(RCTSurfaceSizeMeasureMode)sizeMeasureMode;
 
 /**
  * Create an instance of RCTSurface to be hosted.
diff --git a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.mm b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.mm
index 3c3ab2bf7fa8a5..f8c3a5d6981391 100644
--- a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.mm
+++ b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.mm
@@ -33,20 +33,17 @@ @implementation RCTSurfaceHostingView {
 - (instancetype)initWithBridge:(RCTBridge *)bridge
                     moduleName:(NSString *)moduleName
              initialProperties:(NSDictionary *)initialProperties
+               sizeMeasureMode:(RCTSurfaceSizeMeasureMode)sizeMeasureMode
 {
   RCTSurface *surface = [self createSurfaceWithBridge:bridge moduleName:moduleName initialProperties:initialProperties];
-  return [self initWithSurface:surface];
-
+  return [self initWithSurface:surface sizeMeasureMode:sizeMeasureMode];
 }
 
-- (instancetype)initWithSurface:(RCTSurface *)surface
+- (instancetype)initWithSurface:(RCTSurface *)surface sizeMeasureMode:(RCTSurfaceSizeMeasureMode)sizeMeasureMode
 {
   if (self = [super initWithFrame:CGRectZero]) {
     _surface = surface;
-
-    _sizeMeasureMode =
-      RCTSurfaceSizeMeasureModeWidthAtMost |
-      RCTSurfaceSizeMeasureModeHeightAtMost;
+    _sizeMeasureMode = sizeMeasureMode;
 
     _surface.delegate = self;
     _stage = surface.stage;
@@ -73,8 +70,8 @@ - (void)setFrame:(CGRect)frame
   RCTSurfaceMinimumSizeAndMaximumSizeFromSizeAndSizeMeasureMode(
     self.bounds.size,
     _sizeMeasureMode,
-    minimumSize,
-    maximumSize
+    &minimumSize,
+    &maximumSize
   );
 
   [_surface setMinimumSize:minimumSize
@@ -110,8 +107,8 @@ - (CGSize)sizeThatFits:(CGSize)size
   RCTSurfaceMinimumSizeAndMaximumSizeFromSizeAndSizeMeasureMode(
     size,
     _sizeMeasureMode,
-    minimumSize,
-    maximumSize
+    &minimumSize,
+    &maximumSize
   );
 
   return [_surface sizeThatFitsMinimumSize:minimumSize
diff --git a/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.h b/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.h
index d463d36d091aff..ead7429b557419 100644
--- a/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.h
+++ b/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.h
@@ -28,6 +28,6 @@ typedef NS_OPTIONS(NSInteger, RCTSurfaceSizeMeasureMode) {
 RCT_EXTERN void RCTSurfaceMinimumSizeAndMaximumSizeFromSizeAndSizeMeasureMode(
   CGSize size,
   RCTSurfaceSizeMeasureMode sizeMeasureMode,
-  CGSize &minimumSize,
-  CGSize &maximumSize
+  CGSize *minimumSize,
+  CGSize *maximumSize
 );
diff --git a/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.mm b/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.mm
index 5d1689b1b369a9..946b027d8c0ac1 100644
--- a/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.mm
+++ b/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.mm
@@ -12,25 +12,25 @@
 void RCTSurfaceMinimumSizeAndMaximumSizeFromSizeAndSizeMeasureMode(
   CGSize size,
   RCTSurfaceSizeMeasureMode sizeMeasureMode,
-  CGSize &minimumSize,
-  CGSize &maximumSize
+  CGSize *minimumSize,
+  CGSize *maximumSize
 ) {
-  minimumSize = CGSizeZero;
-  maximumSize = CGSizeMake(CGFLOAT_MAX, CGFLOAT_MAX);
+  *minimumSize = CGSizeZero;
+  *maximumSize = CGSizeMake(CGFLOAT_MAX, CGFLOAT_MAX);
 
   if (sizeMeasureMode & RCTSurfaceSizeMeasureModeWidthExact) {
-    minimumSize.width = size.width;
-    maximumSize.width = size.width;
+    minimumSize->width = size.width;
+    maximumSize->width = size.width;
   }
   else if (sizeMeasureMode & RCTSurfaceSizeMeasureModeWidthAtMost) {
-    maximumSize.width = size.width;
+    maximumSize->width = size.width;
   }
 
   if (sizeMeasureMode & RCTSurfaceSizeMeasureModeHeightExact) {
-    minimumSize.height = size.height;
-    maximumSize.height = size.height;
+    minimumSize->height = size.height;
+    maximumSize->height = size.height;
   }
   else if (sizeMeasureMode & RCTSurfaceSizeMeasureModeHeightAtMost) {
-    maximumSize.height = size.height;
+    maximumSize->height = size.height;
   }
 }
diff --git a/React/CxxBridge/RCTCxxBridge.mm b/React/CxxBridge/RCTCxxBridge.mm
index 7411dcdcc61394..184612f1c1fc21 100644
--- a/React/CxxBridge/RCTCxxBridge.mm
+++ b/React/CxxBridge/RCTCxxBridge.mm
@@ -1,5 +1,3 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
-
 /**
  * Copyright (c) 2015-present, Facebook, Inc.
  *
@@ -33,6 +31,7 @@
 #import <cxxreact/JSBundleType.h>
 #import <cxxreact/JSCExecutor.h>
 #import <cxxreact/JSIndexedRAMBundle.h>
+#import <cxxreact/ModuleRegistry.h>
 #import <cxxreact/Platform.h>
 #import <cxxreact/RAMBundleRegistry.h>
 #import <jschelpers/Value.h>
@@ -189,6 +188,11 @@ - (JSGlobalContextRef)jsContextRef
   return (JSGlobalContextRef)(_reactInstance ? _reactInstance->getJavaScriptContext() : nullptr);
 }
 
+- (std::shared_ptr<MessageQueueThread>)jsMessageThread
+{
+  return _jsMessageThread;
+}
+
 - (BOOL)isInspectable
 {
   return _reactInstance ? _reactInstance->isInspectable() : NO;
@@ -305,7 +309,7 @@ - (void)start
 
   [self registerExtraModules];
   // Initialize all native modules that cannot be loaded lazily
-  [self _initModules:RCTGetModuleClasses() withDispatchGroup:prepareBridge lazilyDiscovered:NO];
+  (void)[self _initializeModules:RCTGetModuleClasses() withDispatchGroup:prepareBridge lazilyDiscovered:NO];
 
   [_performanceLogger markStopForTag:RCTPLNativeModuleInit];
 
@@ -337,7 +341,6 @@ - (void)start
   #if RCT_PROFILE
         ("StartSamplingProfilerOnInit", (bool)self.devSettings.startSamplingProfilerOnLaunch)
   #endif
-         , nullptr
       ));
     }
   } else {
@@ -400,7 +403,11 @@ - (void)loadSource:(RCTSourceLoadBlock)_onSourceLoad onProgress:(RCTSourceLoadPr
     [performanceLogger markStopForTag:RCTPLScriptDownload];
     [performanceLogger setValue:source.length forTag:RCTPLBundleSize];
 
-    NSDictionary *userInfo = source ? @{ RCTBridgeDidDownloadScriptNotificationSourceKey: source } : nil;
+    NSDictionary *userInfo = @{
+      RCTBridgeDidDownloadScriptNotificationSourceKey: source ?: [NSNull null],
+      RCTBridgeDidDownloadScriptNotificationBridgeDescriptionKey: self->_bridgeDescription ?: [NSNull null],
+    };
+
     [center postNotificationName:RCTBridgeDidDownloadScriptNotification object:self->_parentBridge userInfo:userInfo];
 
     _onSourceLoad(error, source);
@@ -631,9 +638,9 @@ - (void)installExtraJSBinding
   }
 }
 
-- (void)_initModules:(NSArray<id<RCTBridgeModule>> *)modules
-   withDispatchGroup:(dispatch_group_t)dispatchGroup
-    lazilyDiscovered:(BOOL)lazilyDiscovered
+- (NSArray<RCTModuleData *> *)_initializeModules:(NSArray<id<RCTBridgeModule>> *)modules
+                               withDispatchGroup:(dispatch_group_t)dispatchGroup
+                                lazilyDiscovered:(BOOL)lazilyDiscovered
 {
   RCTAssert(!(RCTIsMainQueue() && lazilyDiscovered), @"Lazy discovery can only happen off the Main Queue");
 
@@ -684,11 +691,15 @@ - (void)_initModules:(NSArray<id<RCTBridgeModule>> *)modules
     RCTProfileHookModules(self);
   }
 #endif
+  return moduleDataById;
 }
 
 - (void)registerAdditionalModuleClasses:(NSArray<Class> *)modules
 {
-  [self _initModules:modules withDispatchGroup:NULL lazilyDiscovered:YES];
+  NSArray<RCTModuleData *> *newModules = [self _initializeModules:modules withDispatchGroup:NULL lazilyDiscovered:YES];
+  if (_reactInstance) {
+    _reactInstance->getModuleRegistry().registerModules(createNativeModules(newModules, self, _reactInstance));
+  }
 }
 
 - (void)_prepareModulesWithDispatchGroup:(dispatch_group_t)dispatchGroup
@@ -865,6 +876,9 @@ - (void)setUp {}
 
 - (void)reload
 {
+  if (!_valid) {
+    RCTLogError(@"Attempting to reload bridge before it's valid: %@. Try restarting the development server if connected.", self);
+  }
   [_parentBridge reload];
 }
 
diff --git a/React/CxxBridge/RCTJSCHelpers.h b/React/CxxBridge/RCTJSCHelpers.h
index 38eb26a1dad137..b58ccbf58efd6e 100644
--- a/React/CxxBridge/RCTJSCHelpers.h
+++ b/React/CxxBridge/RCTJSCHelpers.h
@@ -1,5 +1,3 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
-
 /**
  * Copyright (c) 2015-present, Facebook, Inc.
  *
diff --git a/React/CxxBridge/RCTJSCHelpers.mm b/React/CxxBridge/RCTJSCHelpers.mm
index 760c50022aa176..a7e7a8a9b723c5 100644
--- a/React/CxxBridge/RCTJSCHelpers.mm
+++ b/React/CxxBridge/RCTJSCHelpers.mm
@@ -1,5 +1,3 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
-
 /**
  * Copyright (c) 2015-present, Facebook, Inc.
  *
diff --git a/React/CxxBridge/RCTObjcExecutor.mm b/React/CxxBridge/RCTObjcExecutor.mm
index 2f861ffc983ec8..6039ef24a50ad3 100644
--- a/React/CxxBridge/RCTObjcExecutor.mm
+++ b/React/CxxBridge/RCTObjcExecutor.mm
@@ -39,8 +39,8 @@
                   std::shared_ptr<ExecutorDelegate> delegate)
     : m_jse(jse)
     , m_errorBlock(errorBlock)
-    , m_jsThread(std::move(jsThread))
     , m_delegate(std::move(delegate))
+    , m_jsThread(std::move(jsThread))
   {
     m_jsCallback = ^(id json, NSError *error) {
       if (error) {
diff --git a/React/DevSupport/RCTDevLoadingView.h b/React/DevSupport/RCTDevLoadingView.h
index dae01f04577142..61a7121c5476a0 100644
--- a/React/DevSupport/RCTDevLoadingView.h
+++ b/React/DevSupport/RCTDevLoadingView.h
@@ -5,6 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+#import <UIKit/UIKit.h>
+
 #import <React/RCTBridgeModule.h>
 
 @class RCTLoadingProgress;
@@ -12,6 +14,7 @@
 @interface RCTDevLoadingView : NSObject <RCTBridgeModule>
 
 + (void)setEnabled:(BOOL)enabled;
+- (void)showMessage:(NSString *)message color:(UIColor *)color backgroundColor:(UIColor *)backgroundColor;
 - (void)showWithURL:(NSURL *)URL;
 - (void)updateProgress:(RCTLoadingProgress *)progress;
 - (void)hide;
diff --git a/React/DevSupport/RCTDevLoadingView.m b/React/DevSupport/RCTDevLoadingView.m
index e7614a896489f4..d0e1bb074ebc84 100644
--- a/React/DevSupport/RCTDevLoadingView.m
+++ b/React/DevSupport/RCTDevLoadingView.m
@@ -14,7 +14,7 @@
 #import "RCTModalHostViewController.h"
 #import "RCTUtils.h"
 
-#if RCT_DEV
+#if RCT_DEV | RCT_ENABLE_LOADING_VIEW
 
 static BOOL isEnabled = YES;
 
@@ -72,9 +72,11 @@ - (void)setBridge:(RCTBridge *)bridge
     self->_showDate = [NSDate date];
     if (!self->_window && !RCTRunningInTestEnvironment()) {
       CGSize screenSize = [UIScreen mainScreen].bounds.size;
-      if (screenSize.height == 812 /* iPhone X */) {
-        self->_window = [[UIWindow alloc] initWithFrame:CGRectMake(0, 0, screenSize.width, 60)];
-        self->_label = [[UILabel alloc] initWithFrame:CGRectMake(0, 30, self->_window.bounds.size.width, 30)];
+
+      if (@available(iOS 11.0, *)) {
+        UIWindow *window = UIApplication.sharedApplication.keyWindow;
+        self->_window = [[UIWindow alloc] initWithFrame:CGRectMake(0, 0, screenSize.width, window.safeAreaInsets.top + 30)];
+        self->_label = [[UILabel alloc] initWithFrame:CGRectMake(0, window.safeAreaInsets.top, screenSize.width, 30)];
       } else {
         self->_window = [[UIWindow alloc] initWithFrame:CGRectMake(0, 0, screenSize.width, 22)];
         self->_label = [[UILabel alloc] initWithFrame:self->_window.bounds];
@@ -129,6 +131,10 @@ - (void)showWithURL:(NSURL *)URL
   UIColor *backgroundColor;
   NSString *source;
   if (URL.fileURL) {
+    // If dev mode is not enabled, we don't want to show this kind of notification
+#if !RCT_DEV
+    return;
+#endif
     color = [UIColor grayColor];
     backgroundColor = [UIColor blackColor];
     source = @"pre-bundled file";
@@ -161,6 +167,7 @@ @implementation RCTDevLoadingView
 
 + (NSString *)moduleName { return nil; }
 + (void)setEnabled:(BOOL)enabled { }
+- (void)showMessage:(NSString *)message color:(UIColor *)color backgroundColor:(UIColor *)backgroundColor { }
 - (void)showWithURL:(NSURL *)URL { }
 - (void)updateProgress:(RCTLoadingProgress *)progress { }
 - (void)hide { }
diff --git a/React/DevSupport/RCTInspectorDevServerHelper.h b/React/DevSupport/RCTInspectorDevServerHelper.h
index 42a4f6a2e408ff..f377926bb1263b 100644
--- a/React/DevSupport/RCTInspectorDevServerHelper.h
+++ b/React/DevSupport/RCTInspectorDevServerHelper.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #import <Foundation/Foundation.h>
 #import <JavaScriptCore/JSBase.h>
diff --git a/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.h b/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.h
new file mode 100644
index 00000000000000..a1af3f7679d941
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.h
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTViewComponentView.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * UIView class for root <ShimmeringView> component.
+ */
+@interface RCTActivityIndicatorViewComponentView : RCTViewComponentView
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.mm b/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.mm
new file mode 100644
index 00000000000000..2e883cb0c9cb5d
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.mm
@@ -0,0 +1,84 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTActivityIndicatorViewComponentView.h"
+
+#import <fabric/components/activityindicator/ActivityIndicatorViewProps.h>
+
+using namespace facebook::react;
+
+static UIActivityIndicatorViewStyle convertActivityIndicatorViewStyle(const ActivityIndicatorViewSize &size) {
+  switch (size) {
+    case ActivityIndicatorViewSize::Small:
+      return UIActivityIndicatorViewStyleWhite;
+    case ActivityIndicatorViewSize::Large:
+      return UIActivityIndicatorViewStyleWhiteLarge;
+  }
+}
+
+@implementation RCTActivityIndicatorViewComponentView {
+  UIActivityIndicatorView *_activityIndicatorView;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    _activityIndicatorView = [[UIActivityIndicatorView alloc] initWithFrame:self.bounds];
+    _activityIndicatorView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
+
+    const auto &defaultProps = ActivityIndicatorViewProps();
+
+    if (defaultProps.animating) {
+      [_activityIndicatorView startAnimating];
+    } else {
+      [_activityIndicatorView stopAnimating];
+    }
+    _activityIndicatorView.color = [UIColor colorWithCGColor:defaultProps.color.get()];
+    _activityIndicatorView.hidesWhenStopped = defaultProps.hidesWhenStopped;
+    _activityIndicatorView.activityIndicatorViewStyle = convertActivityIndicatorViewStyle(defaultProps.size);
+
+    [self addSubview:_activityIndicatorView];
+  }
+
+  return self;
+}
+
+- (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
+{
+  if (!oldProps) {
+    oldProps = _props ?: std::make_shared<ActivityIndicatorViewProps>();
+  }
+  _props = props;
+
+  [super updateProps:props oldProps:oldProps];
+
+  auto oldViewProps = *std::dynamic_pointer_cast<const ActivityIndicatorViewProps>(oldProps);
+  auto newViewProps = *std::dynamic_pointer_cast<const ActivityIndicatorViewProps>(props);
+
+  if (oldViewProps.animating != newViewProps.animating) {
+    if (newViewProps.animating) {
+      [_activityIndicatorView startAnimating];
+    } else {
+      [_activityIndicatorView stopAnimating];
+    }
+  }
+
+  if (oldViewProps.color.get() != newViewProps.color.get()) {
+    _activityIndicatorView.color = [UIColor colorWithCGColor:newViewProps.color.get()];
+  }
+
+  // TODO: This prop should be deprecated.
+  if (oldViewProps.hidesWhenStopped != newViewProps.hidesWhenStopped) {
+    _activityIndicatorView.hidesWhenStopped = newViewProps.hidesWhenStopped;
+  }
+
+  if (oldViewProps.size != newViewProps.size) {
+    _activityIndicatorView.activityIndicatorViewStyle = convertActivityIndicatorViewStyle(newViewProps.size);
+  }
+}
+
+@end
diff --git a/React/Fabric/Mounting/ComponentViews/Image/RCTImageComponentView.h b/React/Fabric/Mounting/ComponentViews/Image/RCTImageComponentView.h
new file mode 100644
index 00000000000000..a9bcf7d392b93f
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/Image/RCTImageComponentView.h
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTViewComponentView.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * UIView class for root <Image> component.
+ */
+@interface RCTImageComponentView : RCTViewComponentView
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/ComponentViews/Image/RCTImageComponentView.mm b/React/Fabric/Mounting/ComponentViews/Image/RCTImageComponentView.mm
new file mode 100644
index 00000000000000..cb8dcd7fc0ecd0
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/Image/RCTImageComponentView.mm
@@ -0,0 +1,116 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTImageComponentView.h"
+
+#import <fabric/components/image/ImageEventEmitter.h>
+#import <fabric/components/image/ImageLocalData.h>
+#import <fabric/components/image/ImageProps.h>
+#import <fabric/imagemanager/ImageRequest.h>
+#import <fabric/imagemanager/ImageResponse.h>
+#import <fabric/imagemanager/RCTImagePrimitivesConversions.h>
+
+#import "RCTConversions.h"
+#import "MainQueueExecutor.h"
+
+using namespace facebook::react;
+
+@implementation RCTImageComponentView {
+  UIImageView *_imageView;
+  SharedImageLocalData _imageLocalData;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    _imageView = [[UIImageView alloc] initWithFrame:self.bounds];
+    _imageView.clipsToBounds = YES;
+
+    auto defaultProps = ImageProps();
+    _imageView.contentMode = (UIViewContentMode)RCTResizeModeFromImageResizeMode(defaultProps.resizeMode);
+
+    self.contentView = _imageView;
+  }
+
+  return self;
+}
+
+#pragma mark - RCTComponentViewProtocol
+
+- (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
+{
+  if (!oldProps) {
+    oldProps = _props ?: std::make_shared<const ImageProps>();
+  }
+  _props = props;
+
+  [super updateProps:props oldProps:oldProps];
+
+  const auto &oldImageProps = *std::dynamic_pointer_cast<const ImageProps>(oldProps);
+  const auto &newImageProps = *std::dynamic_pointer_cast<const ImageProps>(props);
+
+  // `resizeMode`
+  if (oldImageProps.resizeMode != newImageProps.resizeMode) {
+    if (newImageProps.resizeMode == ImageResizeMode::Repeat) {
+      // Repeat resize mode is handled by the UIImage. Use scale to fill
+      // so the repeated image fills the UIImageView.
+      _imageView.contentMode = UIViewContentModeScaleToFill;
+    } else {
+      _imageView.contentMode = (UIViewContentMode)RCTResizeModeFromImageResizeMode(newImageProps.resizeMode);
+    }
+  }
+
+  // `tintColor`
+  if (oldImageProps.tintColor != newImageProps.tintColor) {
+    _imageView.tintColor = [UIColor colorWithCGColor:newImageProps.tintColor.get()];
+  }
+}
+
+- (void)updateLocalData:(SharedLocalData)localData
+           oldLocalData:(SharedLocalData)oldLocalData
+{
+  _imageLocalData = std::static_pointer_cast<const ImageLocalData>(localData);
+  assert(_imageLocalData);
+  auto future = _imageLocalData->getImageRequest().getResponseFuture();
+  future.via(&MainQueueExecutor::instance()).then([self](ImageResponse &&imageResponse) {
+    self.image = (__bridge_transfer UIImage *)imageResponse.getImage().get();
+  });
+}
+
+- (void)prepareForRecycle
+{
+  [super prepareForRecycle];
+  _imageView.image = nil;
+}
+
+#pragma mark - Other
+
+- (void)setImage:(UIImage *)image
+{
+  const auto &imageProps = *std::static_pointer_cast<const ImageProps>(_props);
+
+  if (imageProps.tintColor) {
+    image = [image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
+  }
+
+  if (imageProps.resizeMode == ImageResizeMode::Repeat) {
+    image = [image resizableImageWithCapInsets:RCTUIEdgeInsetsFromEdgeInsets(imageProps.capInsets)
+                                  resizingMode:UIImageResizingModeTile];
+  } else if (imageProps.capInsets != EdgeInsets()) {
+    // Applying capInsets of 0 will switch the "resizingMode" of the image to "tile" which is undesired.
+    image = [image resizableImageWithCapInsets:RCTUIEdgeInsetsFromEdgeInsets(imageProps.capInsets)
+                                  resizingMode:UIImageResizingModeStretch];
+  }
+
+  _imageView.image = image;
+
+  // Apply trilinear filtering to smooth out mis-sized images.
+  _imageView.layer.minificationFilter = kCAFilterTrilinear;
+  _imageView.layer.magnificationFilter = kCAFilterTrilinear;
+}
+
+@end
diff --git a/React/Fabric/Mounting/ComponentViews/Root/RCTRootComponentView.h b/React/Fabric/Mounting/ComponentViews/Root/RCTRootComponentView.h
new file mode 100644
index 00000000000000..687d4f73a72ba7
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/Root/RCTRootComponentView.h
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTViewComponentView.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * UIView class for root <View> component.
+ */
+@interface RCTRootComponentView : RCTViewComponentView
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/ComponentViews/Root/RCTRootComponentView.mm b/React/Fabric/Mounting/ComponentViews/Root/RCTRootComponentView.mm
new file mode 100644
index 00000000000000..703c03e5ddfe5d
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/Root/RCTRootComponentView.mm
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTRootComponentView.h"
+
+@implementation RCTRootComponentView
+
+@end
diff --git a/React/Fabric/Mounting/ComponentViews/ScrollView/RCTEnhancedScrollView.h b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTEnhancedScrollView.h
new file mode 100644
index 00000000000000..0795a78991d168
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTEnhancedScrollView.h
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTViewComponentView.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * `UIScrollView` subclass which has some improvements and tweeks
+ * wich are not directly related to React.
+ */
+@interface RCTEnhancedScrollView : UIScrollView
+
+@property (nonatomic, assign) BOOL pinchGestureEnabled;
+@property (nonatomic, assign) BOOL centerContent;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/ComponentViews/ScrollView/RCTEnhancedScrollView.mm b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTEnhancedScrollView.mm
new file mode 100644
index 00000000000000..62ecd203d9862e
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTEnhancedScrollView.mm
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTEnhancedScrollView.h"
+
+@implementation RCTEnhancedScrollView
+
+@end
diff --git a/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.h b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.h
new file mode 100644
index 00000000000000..b031d6d760b85b
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.h
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTViewComponentView.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * UIView class for <ScrollView> component.
+ */
+@interface RCTScrollViewComponentView : RCTViewComponentView
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.mm b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.mm
new file mode 100644
index 00000000000000..018f45b834e817
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.mm
@@ -0,0 +1,181 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTScrollViewComponentView.h"
+
+#import <React/RCTAssert.h>
+#import <fabric/components/scrollview/ScrollViewLocalData.h>
+#import <fabric/components/scrollview/ScrollViewProps.h>
+#import <fabric/components/scrollview/ScrollViewEventEmitter.h>
+#import <fabric/graphics/Geometry.h>
+
+#import "RCTConversions.h"
+#import "RCTEnhancedScrollView.h"
+
+using namespace facebook::react;
+
+@interface RCTScrollViewComponentView () <UIScrollViewDelegate>
+
+@property (nonatomic, assign) CGFloat scrollEventThrottle;
+
+@end
+
+@implementation RCTScrollViewComponentView {
+  RCTEnhancedScrollView *_Nonnull _scrollView;
+  UIView *_Nonnull _contentView;
+  SharedScrollViewLocalData _scrollViewLocalData;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    _scrollView = [[RCTEnhancedScrollView alloc] initWithFrame:self.bounds];
+    _scrollView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
+    _scrollView.delegate = self;
+    _scrollView.delaysContentTouches = NO;
+    _contentView = [[UIView alloc] initWithFrame:_scrollView.bounds];
+    [_scrollView addSubview:_contentView];
+    [self addSubview:_scrollView];
+  }
+
+  return self;
+}
+
+#pragma mark - ComponentViewProtocol
+
+- (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
+{
+  [super updateProps:props oldProps:oldProps];
+
+  if (!oldProps) {
+    oldProps = _props ?: std::make_shared<ScrollViewProps>();
+  }
+  _props = props;
+
+  auto oldScrollViewProps = *std::dynamic_pointer_cast<const ScrollViewProps>(oldProps);
+  auto newScrollViewProps = *std::dynamic_pointer_cast<const ScrollViewProps>(props);
+
+#define REMAP_PROP(reactName, localName, target) \
+  if (oldScrollViewProps.reactName != newScrollViewProps.reactName) { \
+    target.localName = newScrollViewProps.reactName; \
+  }
+
+#define REMAP_VIEW_PROP(reactName, localName) REMAP_PROP(reactName, localName, self)
+#define MAP_VIEW_PROP(name) REMAP_VIEW_PROP(name, name)
+#define REMAP_SCROLL_VIEW_PROP(reactName, localName) REMAP_PROP(reactName, localName, _scrollView)
+#define MAP_SCROLL_VIEW_PROP(name) REMAP_SCROLL_VIEW_PROP(name, name)
+
+  // FIXME: Commented props are not supported yet.
+  MAP_SCROLL_VIEW_PROP(alwaysBounceHorizontal);
+  MAP_SCROLL_VIEW_PROP(alwaysBounceVertical);
+  MAP_SCROLL_VIEW_PROP(bounces);
+  MAP_SCROLL_VIEW_PROP(bouncesZoom);
+  MAP_SCROLL_VIEW_PROP(canCancelContentTouches);
+  MAP_SCROLL_VIEW_PROP(centerContent);
+  //MAP_SCROLL_VIEW_PROP(automaticallyAdjustContentInsets);
+  MAP_SCROLL_VIEW_PROP(decelerationRate);
+  MAP_SCROLL_VIEW_PROP(directionalLockEnabled);
+  //MAP_SCROLL_VIEW_PROP(indicatorStyle);
+  //MAP_SCROLL_VIEW_PROP(keyboardDismissMode);
+  MAP_SCROLL_VIEW_PROP(maximumZoomScale);
+  MAP_SCROLL_VIEW_PROP(minimumZoomScale);
+  MAP_SCROLL_VIEW_PROP(scrollEnabled);
+  MAP_SCROLL_VIEW_PROP(pagingEnabled);
+  MAP_SCROLL_VIEW_PROP(pinchGestureEnabled);
+  MAP_SCROLL_VIEW_PROP(scrollsToTop);
+  MAP_SCROLL_VIEW_PROP(showsHorizontalScrollIndicator);
+  MAP_SCROLL_VIEW_PROP(showsVerticalScrollIndicator);
+  MAP_VIEW_PROP(scrollEventThrottle);
+  MAP_SCROLL_VIEW_PROP(zoomScale);
+  //MAP_SCROLL_VIEW_PROP(contentInset);
+  //MAP_SCROLL_VIEW_PROP(scrollIndicatorInsets);
+  //MAP_SCROLL_VIEW_PROP(snapToInterval);
+  //MAP_SCROLL_VIEW_PROP(snapToAlignment);
+}
+
+- (void)updateLocalData:(SharedLocalData)localData
+           oldLocalData:(SharedLocalData)oldLocalData
+{
+  assert(std::dynamic_pointer_cast<const ScrollViewLocalData>(localData));
+  _scrollViewLocalData = std::static_pointer_cast<const ScrollViewLocalData>(localData);
+  CGSize contentSize = RCTCGSizeFromSize(_scrollViewLocalData->getContentSize());
+  _contentView.frame = CGRect {CGPointZero, contentSize};
+  _scrollView.contentSize = contentSize;
+}
+
+- (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView
+                          index:(NSInteger)index
+{
+  [_contentView insertSubview:childComponentView atIndex:index];
+}
+
+- (void)unmountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView
+                            index:(NSInteger)index
+{
+  RCTAssert(childComponentView.superview == _contentView, @"Attempt to unmount improperly mounted component view.");
+  [childComponentView removeFromSuperview];
+}
+
+- (ScrollViewMetrics)_scrollViewMetrics
+{
+  ScrollViewMetrics metrics;
+  metrics.contentSize = RCTSizeFromCGSize(_scrollView.contentSize);
+  metrics.contentOffset = RCTPointFromCGPoint(_scrollView.contentOffset);
+  metrics.contentInset = RCTEdgeInsetsFromUIEdgeInsets(_scrollView.contentInset);
+  metrics.containerSize = RCTSizeFromCGSize(_scrollView.bounds.size);
+  metrics.zoomScale = _scrollView.zoomScale;
+  return metrics;
+}
+
+#pragma mark - UIScrollViewDelegate
+
+- (void)scrollViewDidScroll:(UIScrollView *)scrollView
+{
+  std::static_pointer_cast<const ScrollViewEventEmitter>(_eventEmitter)->onScroll([self _scrollViewMetrics]);
+}
+
+- (void)scrollViewDidZoom:(UIScrollView *)scrollView
+{
+  std::static_pointer_cast<const ScrollViewEventEmitter>(_eventEmitter)->onScroll([self _scrollViewMetrics]);
+}
+
+- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
+{
+  std::static_pointer_cast<const ScrollViewEventEmitter>(_eventEmitter)->onScrollBeginDrag([self _scrollViewMetrics]);
+}
+
+- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset
+{
+  std::static_pointer_cast<const ScrollViewEventEmitter>(_eventEmitter)->onScrollEndDrag([self _scrollViewMetrics]);
+}
+
+- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView
+{
+  std::static_pointer_cast<const ScrollViewEventEmitter>(_eventEmitter)->onMomentumScrollBegin([self _scrollViewMetrics]);
+}
+
+- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
+{
+  std::static_pointer_cast<const ScrollViewEventEmitter>(_eventEmitter)->onMomentumScrollEnd([self _scrollViewMetrics]);
+}
+
+- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView
+{
+  std::static_pointer_cast<const ScrollViewEventEmitter>(_eventEmitter)->onMomentumScrollEnd([self _scrollViewMetrics]);
+}
+
+- (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(nullable UIView *)view
+{
+  std::static_pointer_cast<const ScrollViewEventEmitter>(_eventEmitter)->onScrollBeginDrag([self _scrollViewMetrics]);
+}
+
+- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(nullable UIView *)view atScale:(CGFloat)scale
+{
+  std::static_pointer_cast<const ScrollViewEventEmitter>(_eventEmitter)->onScrollEndDrag([self _scrollViewMetrics]);
+}
+
+@end
diff --git a/React/Fabric/Mounting/ComponentViews/Switch/RCTSwitchComponentView.h b/React/Fabric/Mounting/ComponentViews/Switch/RCTSwitchComponentView.h
new file mode 100644
index 00000000000000..470a3e7e0ee22f
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/Switch/RCTSwitchComponentView.h
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTViewComponentView.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * UIView class for root <Switch> component.
+ */
+@interface RCTSwitchComponentView : RCTViewComponentView
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/ComponentViews/Switch/RCTSwitchComponentView.mm b/React/Fabric/Mounting/ComponentViews/Switch/RCTSwitchComponentView.mm
new file mode 100644
index 00000000000000..f58ac227c43009
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/Switch/RCTSwitchComponentView.mm
@@ -0,0 +1,88 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTSwitchComponentView.h"
+
+#import <fabric/components/switch/SwitchEventEmitter.h>
+#import <fabric/components/switch/SwitchProps.h>
+
+using namespace facebook::react;
+
+@implementation RCTSwitchComponentView {
+  UISwitch *_switchView;
+  BOOL _wasOn;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    _switchView = [[UISwitch alloc] initWithFrame:self.bounds];
+
+    [_switchView addTarget:self
+                 action:@selector(onChange:)
+       forControlEvents:UIControlEventValueChanged];
+
+    const auto &defaultProps = SwitchProps();
+
+    _switchView.on = defaultProps.value;
+
+    self.contentView = _switchView;
+  }
+
+  return self;
+}
+
+- (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
+{
+  if (!oldProps) {
+    oldProps = _props ?: std::make_shared<SwitchProps>();
+  }
+  _props = props;
+
+  [super updateProps:props oldProps:oldProps];
+
+  auto oldSwitchProps = *std::dynamic_pointer_cast<const SwitchProps>(oldProps);
+  auto newSwitchProps = *std::dynamic_pointer_cast<const SwitchProps>(props);
+
+  // `value`
+  if (oldSwitchProps.value != newSwitchProps.value) {
+    _switchView.on = newSwitchProps.value;
+    _wasOn = newSwitchProps.value;
+  }
+
+  // `disabled`
+  if (oldSwitchProps.disabled != newSwitchProps.disabled) {
+    _switchView.enabled = !newSwitchProps.disabled;
+  }
+
+  // `tintColor`
+  if (oldSwitchProps.tintColor != newSwitchProps.tintColor) {
+    _switchView.tintColor = [UIColor colorWithCGColor:newSwitchProps.tintColor.get()];
+  }
+
+  // `onTintColor
+  if (oldSwitchProps.onTintColor != newSwitchProps.onTintColor) {
+    _switchView.onTintColor = [UIColor colorWithCGColor:newSwitchProps.onTintColor.get()];
+  }
+
+  // `thumbTintColor`
+  if (oldSwitchProps.thumbTintColor != newSwitchProps.thumbTintColor) {
+    _switchView.thumbTintColor = [UIColor colorWithCGColor:newSwitchProps.thumbTintColor.get()];
+  }
+}
+
+- (void)onChange:(UISwitch *)sender
+{
+  if (_wasOn == sender.on) {
+    return;
+  }
+  _wasOn = sender.on;
+
+  std::dynamic_pointer_cast<const SwitchEventEmitter>(_eventEmitter)->onChange(sender.on);
+}
+
+@end
diff --git a/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.h b/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.h
new file mode 100644
index 00000000000000..92700da77d642c
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.h
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTViewComponentView.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * UIView class for <Paragraph> component.
+ */
+@interface RCTParagraphComponentView : RCTViewComponentView
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm b/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm
new file mode 100644
index 00000000000000..d9e55caf1e7da5
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm
@@ -0,0 +1,87 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTParagraphComponentView.h"
+
+#import <fabric/components/text/ParagraphLocalData.h>
+#import <fabric/components/text/ParagraphProps.h>
+#import <fabric/core/LocalData.h>
+#import <fabric/graphics/Geometry.h>
+#import <fabric/textlayoutmanager/TextLayoutManager.h>
+#import <fabric/textlayoutmanager/RCTTextLayoutManager.h>
+#import "RCTConversions.h"
+
+using namespace facebook::react;
+
+@implementation RCTParagraphComponentView {
+  SharedParagraphLocalData _paragraphLocalData;
+  ParagraphAttributes _paragraphAttributes;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    self.isAccessibilityElement = YES;
+    self.accessibilityTraits |= UIAccessibilityTraitStaticText;
+    self.opaque = NO;
+    self.contentMode = UIViewContentModeRedraw;
+  }
+
+  return self;
+}
+
+- (void)updateProps:(SharedProps)props oldProps:(SharedProps)oldProps
+{
+  [super updateProps:props oldProps:oldProps];
+  auto paragraphProps = std::static_pointer_cast<const ParagraphProps>(props);
+  assert(paragraphProps);
+  _paragraphAttributes = paragraphProps->paragraphAttributes;
+}
+
+- (void)updateLocalData:(SharedLocalData)localData
+           oldLocalData:(SharedLocalData)oldLocalData
+{
+  _paragraphLocalData = std::static_pointer_cast<const ParagraphLocalData>(localData);
+  assert(_paragraphLocalData);
+  [self setNeedsDisplay];
+}
+
+- (void)drawRect:(CGRect)rect
+{
+  if (!_paragraphLocalData) {
+    return;
+  }
+
+  SharedTextLayoutManager textLayoutManager =
+    _paragraphLocalData->getTextLayoutManager();
+  RCTTextLayoutManager *nativeTextLayoutManager =
+    (__bridge RCTTextLayoutManager *)textLayoutManager->getNativeTextLayoutManager();
+
+  CGRect frame = RCTCGRectFromRect(_layoutMetrics.getContentFrame());
+
+  [nativeTextLayoutManager drawAttributedString:_paragraphLocalData->getAttributedString()
+                            paragraphAttributes:_paragraphAttributes
+                                          frame:frame];
+}
+
+#pragma mark - Accessibility
+
+- (NSString *)accessibilityLabel
+{
+  NSString *superAccessibilityLabel = [super accessibilityLabel];
+  if (superAccessibilityLabel) {
+    return superAccessibilityLabel;
+  }
+
+  if (!_paragraphLocalData) {
+    return nil;
+  }
+
+  return RCTNSStringFromString(_paragraphLocalData->getAttributedString().getString());
+}
+
+@end
diff --git a/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.h b/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.h
new file mode 100644
index 00000000000000..9359240bedb1fd
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.h
@@ -0,0 +1,71 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTComponentViewProtocol.h>
+#import <React/UIView+ComponentViewProtocol.h>
+#import <fabric/core/LayoutMetrics.h>
+#import <fabric/core/Props.h>
+#import <fabric/components/view/ViewEventEmitter.h>
+#import <fabric/events/EventEmitter.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * UIView class for <View> component.
+ */
+@interface RCTViewComponentView : UIView <RCTComponentViewProtocol> {
+@protected
+  facebook::react::LayoutMetrics _layoutMetrics;
+  facebook::react::SharedProps _props;
+  facebook::react::SharedViewEventEmitter _eventEmitter;
+}
+
+/**
+ * Represents the `UIView` instance that is being automatically attached to
+ * the component view and laid out using on `layoutMetrics` (especially `size`
+ * and `padding`) of the component.
+ * This view must not be a component view; it's just a convenient way
+ * to embed/bridge pure native views as component views.
+ * Defaults to `nil`. Assing `nil` to remove view as subview.
+ */
+@property (nonatomic, strong, nullable) UIView *contentView;
+
+/**
+ * Provides access to `nativeId` prop of the component.
+ * It might be used by subclasses (which need to refer to the view from
+ * other platform-specific external views or systems by some id) or
+ * by debugging/inspection tools.
+ * Defaults to `nil`.
+ */
+@property (nonatomic, strong, nullable) NSString *nativeId;
+
+/**
+ * Provides access to `foregroundColor` prop of the component.
+ * Must be used by subclasses only.
+ */
+@property (nonatomic, strong, nullable) UIColor *foregroundColor;
+
+/**
+ * Returns the object - usually (sub)view - which represents this
+ * component view in terms of accessibility.
+ * All accessibility properties will be applied to this object.
+ * May be overridden in subclass which needs to be accessiblitywise
+ * transparent in favour of some subview.
+ * Defaults to `self`.
+ */
+@property (nonatomic, strong, nullable, readonly) NSObject *accessibilityElement;
+
+/**
+ * Insets used when hit testing inside this view.
+ */
+@property (nonatomic, assign) UIEdgeInsets hitTestEdgeInsets;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm b/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm
new file mode 100644
index 00000000000000..7b1538f9db48f2
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm
@@ -0,0 +1,248 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTViewComponentView.h"
+
+#import <fabric/components/view/ViewProps.h>
+#import <fabric/components/view/ViewEventEmitter.h>
+
+#import "RCTConversions.h"
+
+using namespace facebook::react;
+
+@implementation RCTViewComponentView
+{
+  BOOL _isCoreAnimationBorderRenderingEnabled;
+}
+
+- (void)setContentView:(UIView *)contentView
+{
+  if (_contentView) {
+    [_contentView removeFromSuperview];
+  }
+
+  _contentView = contentView;
+
+  if (_contentView) {
+    [self addSubview:_contentView];
+  }
+}
+
+- (void)layoutSubviews
+{
+  [super layoutSubviews];
+
+  if (_contentView) {
+    _contentView.frame = RCTCGRectFromRect(_layoutMetrics.getContentFrame());
+  }
+}
+
+- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event
+{
+  if (UIEdgeInsetsEqualToEdgeInsets(self.hitTestEdgeInsets, UIEdgeInsetsZero)) {
+    return [super pointInside:point withEvent:event];
+  }
+  CGRect hitFrame = UIEdgeInsetsInsetRect(self.bounds, self.hitTestEdgeInsets);
+  return CGRectContainsPoint(hitFrame, point);
+}
+
+- (void)updateProps:(SharedProps)props
+           oldProps:(SharedProps)oldProps
+{
+  if (!oldProps) {
+    oldProps = _props ?: std::make_shared<ViewProps>();
+  }
+  _props = props;
+
+  auto oldViewProps = *std::dynamic_pointer_cast<const ViewProps>(oldProps);
+  auto newViewProps = *std::dynamic_pointer_cast<const ViewProps>(props);
+
+  // `opacity`
+  if (oldViewProps.opacity != newViewProps.opacity) {
+    self.layer.opacity = (CGFloat)newViewProps.opacity;
+  }
+
+  // `backgroundColor`
+  if (oldViewProps.backgroundColor != newViewProps.backgroundColor) {
+    self.backgroundColor = RCTUIColorFromSharedColor(newViewProps.backgroundColor);
+  }
+
+  // `foregroundColor`
+  if (oldViewProps.foregroundColor != newViewProps.foregroundColor) {
+    self.foregroundColor = RCTUIColorFromSharedColor(newViewProps.foregroundColor);
+  }
+
+  // `shadowColor`
+  if (oldViewProps.shadowColor != newViewProps.shadowColor) {
+    CGColorRef shadowColor = RCTCGColorRefFromSharedColor(newViewProps.shadowColor);
+    self.layer.shadowColor = shadowColor;
+    CGColorRelease(shadowColor);
+  }
+
+  // `shadowOffset`
+  if (oldViewProps.shadowOffset != newViewProps.shadowOffset) {
+    self.layer.shadowOffset = RCTCGSizeFromSize(newViewProps.shadowOffset);
+  }
+
+  // `shadowOpacity`
+  if (oldViewProps.shadowOpacity != newViewProps.shadowOpacity) {
+    self.layer.shadowOpacity = (CGFloat)newViewProps.shadowOpacity;
+  }
+
+  // `shadowRadius`
+  if (oldViewProps.shadowRadius != newViewProps.shadowRadius) {
+    self.layer.shadowRadius = (CGFloat)newViewProps.shadowRadius;
+  }
+
+  // `backfaceVisibility`
+  if (oldViewProps.backfaceVisibility != newViewProps.backfaceVisibility) {
+    self.layer.doubleSided = newViewProps.backfaceVisibility;
+  }
+
+  // `shouldRasterize`
+  if (oldViewProps.shouldRasterize != newViewProps.shouldRasterize) {
+    self.layer.shouldRasterize = newViewProps.shouldRasterize;
+    self.layer.rasterizationScale = newViewProps.shouldRasterize ? [UIScreen mainScreen].scale : 1.0;
+  }
+
+  // `pointerEvents`
+  if (oldViewProps.pointerEvents != newViewProps.pointerEvents) {
+    self.userInteractionEnabled = newViewProps.pointerEvents != PointerEventsMode::None;
+  }
+
+  // `transform`
+  if (oldViewProps.transform != newViewProps.transform) {
+    self.layer.transform = RCTCATransform3DFromTransformMatrix(newViewProps.transform);
+    self.layer.allowsEdgeAntialiasing = newViewProps.transform != Transform::Identity();
+  }
+
+  // `hitSlop`
+  if (oldViewProps.hitSlop != newViewProps.hitSlop) {
+    self.hitTestEdgeInsets = RCTUIEdgeInsetsFromEdgeInsets(newViewProps.hitSlop);
+  }
+
+  // `zIndex`
+  if (oldViewProps.zIndex != newViewProps.zIndex) {
+    self.layer.zPosition = (CGFloat)newViewProps.zIndex;
+  }
+
+  // `border`
+  if (
+    oldViewProps.borderWidth != newViewProps.borderWidth ||
+    oldViewProps.borderStyle != newViewProps.borderStyle ||
+    oldViewProps.borderRadius != newViewProps.borderRadius ||
+    oldViewProps.borderColor != newViewProps.borderColor
+  ) {
+    [self invalidateBorder];
+  }
+
+  // `nativeId`
+  if (oldViewProps.nativeId != newViewProps.nativeId) {
+    self.nativeId = RCTNSStringFromString(newViewProps.nativeId);
+  }
+
+  // `accessible`
+  if (oldViewProps.accessible != newViewProps.accessible) {
+    self.accessibilityElement.isAccessibilityElement = newViewProps.accessible;
+  }
+}
+
+- (void)updateEventEmitter:(SharedEventEmitter)eventEmitter
+{
+  assert(std::dynamic_pointer_cast<const ViewEventEmitter>(eventEmitter));
+  _eventEmitter = std::static_pointer_cast<const ViewEventEmitter>(eventEmitter);
+}
+
+- (void)updateLayoutMetrics:(LayoutMetrics)layoutMetrics
+           oldLayoutMetrics:(LayoutMetrics)oldLayoutMetrics
+{
+  _layoutMetrics = layoutMetrics;
+
+  [super updateLayoutMetrics:layoutMetrics oldLayoutMetrics:oldLayoutMetrics];
+}
+
+- (void)invalidateBorder
+{
+  const auto &props = *std::dynamic_pointer_cast<const ViewProps>(_props);
+
+  bool useCoreAnimationBorderRendering =
+    props.borderStyle == BorderStyle::Solid &&
+    props.borderWidth.isUniform() &&
+    props.borderRadius.isUniform();
+
+  CALayer *layer = self.layer;
+  if (_isCoreAnimationBorderRenderingEnabled != useCoreAnimationBorderRendering) {
+    _isCoreAnimationBorderRenderingEnabled = useCoreAnimationBorderRendering;
+    if (!useCoreAnimationBorderRendering) {
+      layer.borderWidth = 0;
+      layer.borderColor = nil;
+      layer.cornerRadius = 0;
+    }
+  }
+
+  if (useCoreAnimationBorderRendering) {
+    layer.borderWidth = (CGFloat)props.borderWidth.left;
+    layer.borderColor = RCTCGColorRefFromSharedColor(props.borderColor);
+    layer.cornerRadius = (CGFloat)props.borderRadius.topLeft;
+    _contentView.layer.cornerRadius = (CGFloat)props.borderRadius.topLeft;
+    _contentView.layer.masksToBounds = YES;
+  } else {
+    // Not supported yet.
+  }
+}
+
+#pragma mark - Accessibility
+
+- (NSObject *)accessibilityElement
+{
+  return self;
+}
+
+#pragma mark - Accessibility Events
+
+- (NSArray<UIAccessibilityCustomAction *> *)accessibilityCustomActions
+{
+  const auto &accessibilityProps = *std::dynamic_pointer_cast<const AccessibilityProps>(_props);
+
+  if (accessibilityProps.accessibilityActions.size() == 0) {
+    return nil;
+  }
+
+  NSMutableArray<UIAccessibilityCustomAction *> *customActions = [NSMutableArray array];
+  for (const auto &accessibilityAction : accessibilityProps.accessibilityActions) {
+    [customActions addObject:[[UIAccessibilityCustomAction alloc] initWithName:RCTNSStringFromString(accessibilityAction)
+                                                                        target:self
+                                                                      selector:@selector(didActivateAccessibilityCustomAction:)]];
+  }
+
+  return [customActions copy];
+}
+
+- (BOOL)accessibilityActivate
+{
+  _eventEmitter->onAccessibilityTap();
+  return YES;
+}
+
+- (BOOL)accessibilityPerformMagicTap
+{
+  _eventEmitter->onAccessibilityMagicTap();
+  return YES;
+}
+
+- (BOOL)didActivateAccessibilityCustomAction:(UIAccessibilityCustomAction *)action
+{
+  _eventEmitter->onAccessibilityAction(RCTStringFromNSString(action.name));
+  return YES;
+}
+
+- (SharedEventEmitter)touchEventEmitter
+{
+  return _eventEmitter;
+}
+
+@end
diff --git a/React/Fabric/Mounting/MountItems/RCTCreateMountItem.h b/React/Fabric/Mounting/MountItems/RCTCreateMountItem.h
new file mode 100644
index 00000000000000..6376094894d21d
--- /dev/null
+++ b/React/Fabric/Mounting/MountItems/RCTCreateMountItem.h
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTMountItemProtocol.h>
+#import <React/RCTPrimitives.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@class RCTComponentViewRegistry;
+
+/**
+ * Creates a ready-to-mount component view.
+ */
+@interface RCTCreateMountItem : NSObject <RCTMountItemProtocol>
+
+- (instancetype)initWithComponentName:(NSString *)componentName
+                                  tag:(ReactTag)tag;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/MountItems/RCTCreateMountItem.mm b/React/Fabric/Mounting/MountItems/RCTCreateMountItem.mm
new file mode 100644
index 00000000000000..df04396b476039
--- /dev/null
+++ b/React/Fabric/Mounting/MountItems/RCTCreateMountItem.mm
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTCreateMountItem.h"
+
+#import "RCTComponentViewRegistry.h"
+
+@implementation RCTCreateMountItem {
+  NSString *_componentName;
+  ReactTag _tag;
+}
+
+- (instancetype)initWithComponentName:(NSString *)componentName
+                                  tag:(ReactTag)tag
+{
+  if (self = [super init]) {
+    _componentName = componentName;
+    _tag = tag;
+  }
+
+  return self;
+}
+
+- (void)executeWithRegistry:(RCTComponentViewRegistry *)registry
+{
+  [registry dequeueComponentViewWithName:_componentName tag:_tag];
+}
+
+@end
diff --git a/React/Fabric/Mounting/MountItems/RCTDeleteMountItem.h b/React/Fabric/Mounting/MountItems/RCTDeleteMountItem.h
new file mode 100644
index 00000000000000..a4c6077b56f3d4
--- /dev/null
+++ b/React/Fabric/Mounting/MountItems/RCTDeleteMountItem.h
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTMountItemProtocol.h>
+#import <React/RCTPrimitives.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * Deletes (returns to recycle pool) a component view.
+ */
+@interface RCTDeleteMountItem : NSObject <RCTMountItemProtocol>
+
+- (instancetype)initWithComponentName:(NSString *)componentName
+                                  tag:(ReactTag)tag;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/MountItems/RCTDeleteMountItem.mm b/React/Fabric/Mounting/MountItems/RCTDeleteMountItem.mm
new file mode 100644
index 00000000000000..ed4a884e411c0d
--- /dev/null
+++ b/React/Fabric/Mounting/MountItems/RCTDeleteMountItem.mm
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTDeleteMountItem.h"
+
+#import "RCTComponentViewRegistry.h"
+
+@implementation RCTDeleteMountItem {
+  NSString *_componentName;
+  ReactTag _tag;
+}
+
+- (instancetype)initWithComponentName:(NSString *)componentName
+                                  tag:(ReactTag)tag
+{
+  if (self = [super init]) {
+    _componentName = componentName;
+    _tag = tag;
+  }
+
+  return self;
+}
+
+- (void)executeWithRegistry:(RCTComponentViewRegistry *)registry
+{
+  UIView<RCTComponentViewProtocol> *componentView = [registry componentViewByTag:_tag];
+
+  if (componentView == nil) {
+    return;
+  }
+
+  [registry enqueueComponentViewWithName:_componentName tag:_tag componentView:componentView];
+}
+
+@end
diff --git a/React/Fabric/Mounting/MountItems/RCTInsertMountItem.h b/React/Fabric/Mounting/MountItems/RCTInsertMountItem.h
new file mode 100644
index 00000000000000..e3d4ac29d7aad5
--- /dev/null
+++ b/React/Fabric/Mounting/MountItems/RCTInsertMountItem.h
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTMountItemProtocol.h>
+#import <React/RCTPrimitives.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@class RCTComponentViewRegistry;
+
+/**
+ * Inserts a component view into another component view.
+ */
+@interface RCTInsertMountItem : NSObject <RCTMountItemProtocol>
+
+- (instancetype)initWithChildTag:(ReactTag)childTag
+                       parentTag:(ReactTag)parentTag
+                           index:(NSInteger)index;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/MountItems/RCTInsertMountItem.mm b/React/Fabric/Mounting/MountItems/RCTInsertMountItem.mm
new file mode 100644
index 00000000000000..740718b963d532
--- /dev/null
+++ b/React/Fabric/Mounting/MountItems/RCTInsertMountItem.mm
@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTInsertMountItem.h"
+
+#import "RCTComponentViewRegistry.h"
+
+@implementation RCTInsertMountItem {
+  ReactTag _childTag;
+  ReactTag _parentTag;
+  NSInteger _index;
+}
+
+- (instancetype)initWithChildTag:(ReactTag)childTag
+                       parentTag:(ReactTag)parentTag
+                           index:(NSInteger)index
+{
+  if (self = [super init]) {
+    _childTag = childTag;
+    _parentTag = parentTag;
+    _index = index;
+  }
+
+  return self;
+}
+
+- (void)executeWithRegistry:(RCTComponentViewRegistry *)registry
+{
+  UIView<RCTComponentViewProtocol> *childComponentView = [registry componentViewByTag:_childTag];
+  UIView<RCTComponentViewProtocol> *parentComponentView = [registry componentViewByTag:_parentTag];
+
+  if (childComponentView == nil || parentComponentView == nil) {
+    return;
+  }
+
+  [parentComponentView mountChildComponentView:childComponentView
+                                         index:_index];
+}
+
+@end
diff --git a/React/Fabric/Mounting/MountItems/RCTMountItemProtocol.h b/React/Fabric/Mounting/MountItems/RCTMountItemProtocol.h
new file mode 100644
index 00000000000000..f46c397498b456
--- /dev/null
+++ b/React/Fabric/Mounting/MountItems/RCTMountItemProtocol.h
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@class RCTComponentViewRegistry;
+
+/**
+ * Granular representation of any change in a user interface.
+ */
+@protocol RCTMountItemProtocol <NSObject>
+
+- (void)executeWithRegistry:(RCTComponentViewRegistry *)registry;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/MountItems/RCTRemoveMountItem.h b/React/Fabric/Mounting/MountItems/RCTRemoveMountItem.h
new file mode 100644
index 00000000000000..0fe9555a613ea4
--- /dev/null
+++ b/React/Fabric/Mounting/MountItems/RCTRemoveMountItem.h
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTMountItemProtocol.h>
+#import <React/RCTPrimitives.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * Removes a component view from another component view.
+ */
+@interface RCTRemoveMountItem : NSObject <RCTMountItemProtocol>
+
+- (instancetype)initWithChildTag:(ReactTag)childTag
+                       parentTag:(ReactTag)parentTag
+                           index:(NSInteger)index;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/MountItems/RCTRemoveMountItem.mm b/React/Fabric/Mounting/MountItems/RCTRemoveMountItem.mm
new file mode 100644
index 00000000000000..3279b939438f62
--- /dev/null
+++ b/React/Fabric/Mounting/MountItems/RCTRemoveMountItem.mm
@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTRemoveMountItem.h"
+
+#import "RCTComponentViewRegistry.h"
+
+@implementation RCTRemoveMountItem {
+  ReactTag _childTag;
+  ReactTag _parentTag;
+  NSInteger _index;
+}
+
+- (instancetype)initWithChildTag:(ReactTag)childTag
+                       parentTag:(ReactTag)parentTag
+                           index:(NSInteger)index
+{
+  if (self = [super init]) {
+    _childTag = childTag;
+    _parentTag = parentTag;
+    _index = index;
+  }
+
+  return self;
+}
+
+- (void)executeWithRegistry:(RCTComponentViewRegistry *)registry
+{
+  UIView<RCTComponentViewProtocol> *childComponentView = [registry componentViewByTag:_childTag];
+  UIView<RCTComponentViewProtocol> *parentComponentView = [registry componentViewByTag:_parentTag];
+
+  if (childComponentView == nil || parentComponentView == nil) {
+    return;
+  }
+
+  [parentComponentView unmountChildComponentView:childComponentView
+                                           index:_index];
+}
+
+@end
diff --git a/React/Fabric/Mounting/MountItems/RCTUpdateEventEmitterMountItem.h b/React/Fabric/Mounting/MountItems/RCTUpdateEventEmitterMountItem.h
new file mode 100644
index 00000000000000..1d145fe9002786
--- /dev/null
+++ b/React/Fabric/Mounting/MountItems/RCTUpdateEventEmitterMountItem.h
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTMountItemProtocol.h>
+#import <React/RCTPrimitives.h>
+#import <fabric/events/EventEmitter.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * Updates event handlers of a component view.
+ */
+@interface RCTUpdateEventEmitterMountItem : NSObject <RCTMountItemProtocol>
+
+- (instancetype)initWithTag:(ReactTag)tag
+              eventEmitter:(facebook::react::SharedEventEmitter)eventEmitter;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/MountItems/RCTUpdateEventEmitterMountItem.mm b/React/Fabric/Mounting/MountItems/RCTUpdateEventEmitterMountItem.mm
new file mode 100644
index 00000000000000..18de9cc3a5d097
--- /dev/null
+++ b/React/Fabric/Mounting/MountItems/RCTUpdateEventEmitterMountItem.mm
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTUpdateEventEmitterMountItem.h"
+
+#import "RCTComponentViewRegistry.h"
+
+using namespace facebook::react;
+
+@implementation RCTUpdateEventEmitterMountItem {
+  ReactTag _tag;
+  SharedEventEmitter _eventEmitter;
+}
+
+- (instancetype)initWithTag:(ReactTag)tag
+              eventEmitter:(SharedEventEmitter)eventEmitter
+{
+  if (self = [super init]) {
+    _tag = tag;
+    _eventEmitter = eventEmitter;
+  }
+
+  return self;
+}
+
+- (void)executeWithRegistry:(RCTComponentViewRegistry *)registry
+{
+  UIView<RCTComponentViewProtocol> *componentView = [registry componentViewByTag:_tag];
+
+  [componentView updateEventEmitter:_eventEmitter];
+}
+
+@end
diff --git a/React/Fabric/Mounting/MountItems/RCTUpdateLayoutMetricsMountItem.h b/React/Fabric/Mounting/MountItems/RCTUpdateLayoutMetricsMountItem.h
new file mode 100644
index 00000000000000..378c179d3c46cd
--- /dev/null
+++ b/React/Fabric/Mounting/MountItems/RCTUpdateLayoutMetricsMountItem.h
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTMountItemProtocol.h>
+#import <React/RCTPrimitives.h>
+#import <fabric/core/LayoutMetrics.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * Updates layout metrics of a component view.
+ */
+@interface RCTUpdateLayoutMetricsMountItem : NSObject <RCTMountItemProtocol>
+
+- (instancetype)initWithTag:(ReactTag)tag
+           oldLayoutMetrics:(facebook::react::LayoutMetrics)oldLayoutMetrics
+           newLayoutMetrics:(facebook::react::LayoutMetrics)newLayoutMetrics;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/MountItems/RCTUpdateLayoutMetricsMountItem.mm b/React/Fabric/Mounting/MountItems/RCTUpdateLayoutMetricsMountItem.mm
new file mode 100644
index 00000000000000..c61a043626a62f
--- /dev/null
+++ b/React/Fabric/Mounting/MountItems/RCTUpdateLayoutMetricsMountItem.mm
@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTUpdateLayoutMetricsMountItem.h"
+
+#import "RCTComponentViewRegistry.h"
+
+using namespace facebook::react;
+
+@implementation RCTUpdateLayoutMetricsMountItem {
+  ReactTag _tag;
+  LayoutMetrics _oldLayoutMetrics;
+  LayoutMetrics _newLayoutMetrics;
+}
+
+- (instancetype)initWithTag:(ReactTag)tag
+           oldLayoutMetrics:(facebook::react::LayoutMetrics)oldLayoutMetrics
+           newLayoutMetrics:(facebook::react::LayoutMetrics)newLayoutMetrics
+{
+  if (self = [super init]) {
+    _tag = tag;
+    _oldLayoutMetrics = oldLayoutMetrics;
+    _newLayoutMetrics = newLayoutMetrics;
+  }
+
+  return self;
+}
+
+- (void)executeWithRegistry:(RCTComponentViewRegistry *)registry
+{
+  UIView<RCTComponentViewProtocol> *componentView = [registry componentViewByTag:_tag];
+
+  [componentView updateLayoutMetrics:_newLayoutMetrics
+                    oldLayoutMetrics:_oldLayoutMetrics];
+}
+
+@end
diff --git a/React/Fabric/Mounting/MountItems/RCTUpdateLocalDataMountItem.h b/React/Fabric/Mounting/MountItems/RCTUpdateLocalDataMountItem.h
new file mode 100644
index 00000000000000..b5aedcadecd125
--- /dev/null
+++ b/React/Fabric/Mounting/MountItems/RCTUpdateLocalDataMountItem.h
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTMountItemProtocol.h>
+#import <React/RCTPrimitives.h>
+#import <fabric/core/LocalData.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * Updates local data of a component view.
+ */
+@interface RCTUpdateLocalDataMountItem : NSObject <RCTMountItemProtocol>
+
+- (instancetype)initWithTag:(ReactTag)tag
+               oldLocalData:(facebook::react::SharedLocalData)oldLocalData
+               newLocalData:(facebook::react::SharedLocalData)newLocalData;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/MountItems/RCTUpdateLocalDataMountItem.mm b/React/Fabric/Mounting/MountItems/RCTUpdateLocalDataMountItem.mm
new file mode 100644
index 00000000000000..c10bc3c4b40f8f
--- /dev/null
+++ b/React/Fabric/Mounting/MountItems/RCTUpdateLocalDataMountItem.mm
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTUpdateLocalDataMountItem.h"
+
+#import "RCTComponentViewRegistry.h"
+
+using namespace facebook::react;
+
+@implementation RCTUpdateLocalDataMountItem {
+  ReactTag _tag;
+  SharedLocalData _oldLocalData;
+  SharedLocalData _newLocalData;
+}
+
+- (instancetype)initWithTag:(ReactTag)tag
+               oldLocalData:(facebook::react::SharedLocalData)oldLocalData
+               newLocalData:(facebook::react::SharedLocalData)newLocalData
+{
+  if (self = [super init]) {
+    _tag = tag;
+    _oldLocalData = oldLocalData;
+    _newLocalData = newLocalData;
+  }
+
+  return self;
+}
+
+- (void)executeWithRegistry:(RCTComponentViewRegistry *)registry
+{
+  UIView<RCTComponentViewProtocol> *componentView = [registry componentViewByTag:_tag];
+  [componentView updateLocalData:_newLocalData oldLocalData:_oldLocalData];
+}
+
+@end
diff --git a/React/Fabric/Mounting/MountItems/RCTUpdatePropsMountItem.h b/React/Fabric/Mounting/MountItems/RCTUpdatePropsMountItem.h
new file mode 100644
index 00000000000000..efdfed64ddbf32
--- /dev/null
+++ b/React/Fabric/Mounting/MountItems/RCTUpdatePropsMountItem.h
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTMountItemProtocol.h>
+#import <React/RCTPrimitives.h>
+#import <fabric/core/Props.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * Updates props of a component view.
+ */
+@interface RCTUpdatePropsMountItem : NSObject <RCTMountItemProtocol>
+
+- (instancetype)initWithTag:(ReactTag)tag
+                   oldProps:(facebook::react::SharedProps)oldProps
+                   newProps:(facebook::react::SharedProps)newProps;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/MountItems/RCTUpdatePropsMountItem.mm b/React/Fabric/Mounting/MountItems/RCTUpdatePropsMountItem.mm
new file mode 100644
index 00000000000000..694b72e4046a3a
--- /dev/null
+++ b/React/Fabric/Mounting/MountItems/RCTUpdatePropsMountItem.mm
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTUpdatePropsMountItem.h"
+
+#import "RCTComponentViewRegistry.h"
+
+using namespace facebook::react;
+
+@implementation RCTUpdatePropsMountItem {
+  ReactTag _tag;
+  SharedProps _oldProps;
+  SharedProps _newProps;
+}
+
+- (instancetype)initWithTag:(ReactTag)tag
+                   oldProps:(SharedProps)oldProps
+                   newProps:(SharedProps)newProps
+{
+  if (self = [super init]) {
+    _tag = tag;
+    _oldProps = oldProps;
+    _newProps = newProps;
+  }
+
+  return self;
+}
+
+- (void)executeWithRegistry:(RCTComponentViewRegistry *)registry
+{
+  UIView<RCTComponentViewProtocol> *componentView = [registry componentViewByTag:_tag];
+  [componentView updateProps:_newProps oldProps:_oldProps];
+}
+
+@end
diff --git a/React/Fabric/Mounting/RCTComponentViewProtocol.h b/React/Fabric/Mounting/RCTComponentViewProtocol.h
new file mode 100644
index 00000000000000..2fab1ec56ad544
--- /dev/null
+++ b/React/Fabric/Mounting/RCTComponentViewProtocol.h
@@ -0,0 +1,80 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <fabric/core/LocalData.h>
+#import <fabric/core/Props.h>
+#import <fabric/core/LayoutMetrics.h>
+#import <fabric/events/EventEmitter.h>
+#import <React/RCTPrimitives.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * Represents a `UIView` instance managed by React.
+ * All methods are non-@optional.
+ * `UIView+ComponentViewProtocol` category provides default implementation
+ * for all of them.
+ */
+@protocol RCTComponentViewProtocol <NSObject>
+
+/*
+ * Called for mounting (attaching) a child component view inside `self`
+ * component view.
+ * Receiver must add `childComponentView` as a subview.
+ */
+- (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView
+                          index:(NSInteger)index;
+
+/*
+ * Called for unmounting (detaching) a child component view from `self`
+ * component view.
+ * Receiver must remove `childComponentView` as a subview.
+ */
+- (void)unmountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView
+                            index:(NSInteger)index;
+
+/*
+ * Called for updating component's props.
+ * Receiver must update native view props accordingly changed props.
+ */
+- (void)updateProps:(facebook::react::SharedProps)props
+           oldProps:(facebook::react::SharedProps)oldProps;
+
+/*
+ * Called for updating component's local data.
+ * Receiver must update native view props accordingly changed local data.
+ */
+- (void)updateLocalData:(facebook::react::SharedLocalData)localData
+           oldLocalData:(facebook::react::SharedLocalData)oldLocalData;
+
+/*
+ * Called for updating component's event handlers set.
+ * Receiver must cache `eventEmitter` object inside and use it for emitting
+ * events when needed.
+ */
+- (void)updateEventEmitter:(facebook::react::SharedEventEmitter)eventEmitter;
+
+/*
+ * Called for updating component's layout metrics.
+ * Receiver must update `UIView` layout-related fields (such as `frame`,
+ * `bounds`, `layer.zPosition`, and so on) accordingly.
+ */
+- (void)updateLayoutMetrics:(facebook::react::LayoutMetrics)layoutMetrics
+           oldLayoutMetrics:(facebook::react::LayoutMetrics)oldLayoutMetrics;
+
+/*
+ * Called right after the component view is moved to a recycle pool.
+ * Receiver must reset any local state and release associated
+ * non-reusable resources.
+ */
+- (void)prepareForRecycle;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/RCTComponentViewRegistry.h b/React/Fabric/Mounting/RCTComponentViewRegistry.h
new file mode 100644
index 00000000000000..a563270999cefa
--- /dev/null
+++ b/React/Fabric/Mounting/RCTComponentViewRegistry.h
@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTComponentViewProtocol.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * Registry of native component views.
+ * Provides basic functionality for allocation, recycling, and querying (by tag) native view instances.
+ */
+@interface RCTComponentViewRegistry : NSObject
+
+/**
+ * Returns a native view instance from the recycle pool (or create)
+ * for given `componentName` and with given `tag`.
+ * #RefuseSingleUse
+ */
+- (UIView<RCTComponentViewProtocol> *)dequeueComponentViewWithName:(NSString *)componentName
+                                                               tag:(ReactTag)tag;
+
+/**
+ * Puts a given native component view to the recycle pool.
+ * #RefuseSingleUse
+ */
+- (void)enqueueComponentViewWithName:(NSString *)componentName
+                                 tag:(ReactTag)tag
+                       componentView:(UIView<RCTComponentViewProtocol> *)componentView;
+
+/**
+ * Returns a native component view by given `tag`.
+ */
+- (UIView<RCTComponentViewProtocol> *)componentViewByTag:(ReactTag)tag;
+
+/**
+ * Returns `tag` assosiated with given `componentView`.
+ */
+- (ReactTag)tagByComponentView:(UIView<RCTComponentViewProtocol> *)componentView;
+
+/**
+ * Creates a component view with a given type and puts it to the recycle pool.
+ */
+- (void)preliminaryCreateComponentViewWithName:(NSString *)componentName;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/RCTComponentViewRegistry.mm b/React/Fabric/Mounting/RCTComponentViewRegistry.mm
new file mode 100644
index 00000000000000..6edbeb75d59b46
--- /dev/null
+++ b/React/Fabric/Mounting/RCTComponentViewRegistry.mm
@@ -0,0 +1,184 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTComponentViewRegistry.h"
+
+#import <Foundation/NSMapTable.h>
+#import <React/RCTAssert.h>
+
+#define LEGACY_UIMANAGER_INTEGRATION_ENABLED 1
+
+#ifdef LEGACY_UIMANAGER_INTEGRATION_ENABLED
+
+#import <React/RCTUIManager.h>
+#import <React/RCTBridge+Private.h>
+
+/**
+ * Warning: This is a total hack and temporary solution.
+ * Unless we have a pure Fabric-based implementation of UIManager commands
+ * delivery pipeline, we have to leverage existing infra. This code tricks
+ * legacy UIManager by registering all Fabric-managed views in it,
+ * hence existing command-delivery infra can reach "foreign" views using
+ * the old pipeline.
+ */
+@interface RCTUIManager ()
+- (NSMutableDictionary<NSNumber *, UIView *> *)viewRegistry;
+@end
+
+@interface RCTUIManager (Hack)
+
++ (void)registerView:(UIView *)view;
++ (void)unregisterView:(UIView *)view;
+
+@end
+
+@implementation RCTUIManager (Hack)
+
++ (void)registerView:(UIView *)view
+{
+  if (!view) {
+    return;
+  }
+
+  RCTUIManager *uiManager = [[RCTBridge currentBridge] uiManager];
+  view.reactTag = @(view.tag);
+  [uiManager.viewRegistry setObject:view forKey:@(view.tag)];
+}
+
++ (void)unregisterView:(UIView *)view
+{
+  if (!view) {
+    return;
+  }
+
+  RCTUIManager *uiManager = [[RCTBridge currentBridge] uiManager];
+  view.reactTag = nil;
+  [uiManager.viewRegistry removeObjectForKey:@(view.tag)];
+}
+
+@end
+
+#endif
+
+const NSInteger RCTComponentViewRegistryRecyclePoolMaxSize = 1024;
+
+@implementation RCTComponentViewRegistry {
+  NSMapTable<id, UIView<RCTComponentViewProtocol> *> *_registry;
+  NSMapTable<NSString *, NSHashTable<UIView<RCTComponentViewProtocol> *> *> *_recyclePool;
+}
+
+- (instancetype)init
+{
+  if (self = [super init]) {
+    _registry = [NSMapTable mapTableWithKeyOptions:NSPointerFunctionsIntegerPersonality | NSPointerFunctionsOpaqueMemory
+                                      valueOptions:NSPointerFunctionsObjectPersonality];
+    _recyclePool = [NSMapTable mapTableWithKeyOptions:NSPointerFunctionsObjectPersonality
+                                         valueOptions:NSPointerFunctionsObjectPersonality];
+  }
+
+  return self;
+}
+
+- (UIView<RCTComponentViewProtocol> *)dequeueComponentViewWithName:(NSString *)componentName
+                                                               tag:(ReactTag)tag
+{
+  RCTAssertMainQueue();
+
+  RCTAssert(![_registry objectForKey:(__bridge id)(void *)tag],
+    @"RCTComponentViewRegistry: Attempt to dequeue already registered component.");
+
+  UIView<RCTComponentViewProtocol> *componentView =
+    [self _dequeueComponentViewWithName:componentName];
+  componentView.tag = tag;
+  [_registry setObject:componentView forKey:(__bridge id)(void *)tag];
+
+#ifdef LEGACY_UIMANAGER_INTEGRATION_ENABLED
+  [RCTUIManager registerView:componentView];
+#endif
+
+  return componentView;
+}
+
+- (void)enqueueComponentViewWithName:(NSString *)componentName
+                                 tag:(ReactTag)tag
+                       componentView:(UIView<RCTComponentViewProtocol> *)componentView
+{
+  RCTAssertMainQueue();
+
+  RCTAssert([_registry objectForKey:(__bridge id)(void *)tag],
+    @"RCTComponentViewRegistry: Attempt to enqueue unregistered component.");
+
+#ifdef LEGACY_UIMANAGER_INTEGRATION_ENABLED
+  [RCTUIManager unregisterView:componentView];
+#endif
+
+  [_registry removeObjectForKey:(__bridge id)(void *)tag];
+  componentView.tag = 0;
+  [self _enqueueComponentViewWithName:componentName componentView:componentView];
+}
+
+- (void)preliminaryCreateComponentViewWithName:(NSString *)componentName
+{
+  RCTAssertMainQueue();
+  [self _enqueueComponentViewWithName:componentName
+                        componentView:[self _createComponentViewWithName:componentName]];
+}
+
+- (UIView<RCTComponentViewProtocol> *)componentViewByTag:(ReactTag)tag
+{
+  RCTAssertMainQueue();
+  return [_registry objectForKey:(__bridge id)(void *)tag];
+}
+
+- (ReactTag)tagByComponentView:(UIView<RCTComponentViewProtocol> *)componentView
+{
+  RCTAssertMainQueue();
+  return componentView.tag;
+}
+
+- (UIView<RCTComponentViewProtocol> *)_createComponentViewWithName:(NSString *)componentName
+{
+  RCTAssertMainQueue();
+  // This is temporary approach.
+  NSString *className = [NSString stringWithFormat:@"RCT%@ComponentView", componentName];
+  UIView<RCTComponentViewProtocol> *componentView = [[NSClassFromString(className) alloc] init];
+  return componentView;
+}
+
+- (nullable UIView<RCTComponentViewProtocol> *)_dequeueComponentViewWithName:(NSString *)componentName
+{
+  RCTAssertMainQueue();
+  NSHashTable<UIView<RCTComponentViewProtocol> *> *componentViews = [_recyclePool objectForKey:componentName];
+  if (!componentViews || componentViews.count == 0) {
+    return [self _createComponentViewWithName:componentName];
+  }
+
+  UIView<RCTComponentViewProtocol> *componentView = [componentViews anyObject];
+  [componentViews removeObject:componentView];
+  return componentView;
+}
+
+- (void)_enqueueComponentViewWithName:(NSString *)componentName
+                        componentView:(UIView<RCTComponentViewProtocol> *)componentView
+{
+  RCTAssertMainQueue();
+  [componentView prepareForRecycle];
+
+  NSHashTable<UIView<RCTComponentViewProtocol> *> *componentViews = [_recyclePool objectForKey:componentName];
+  if (!componentViews) {
+    componentViews = [NSHashTable hashTableWithOptions:NSPointerFunctionsObjectPersonality];
+    [_recyclePool setObject:componentViews forKey:componentName];
+  }
+
+  if (componentViews.count >= RCTComponentViewRegistryRecyclePoolMaxSize) {
+    return;
+  }
+
+  [componentViews addObject:componentView];
+}
+
+@end
diff --git a/React/Fabric/Mounting/RCTMountingManager.h b/React/Fabric/Mounting/RCTMountingManager.h
new file mode 100644
index 00000000000000..89a90ccb7160a4
--- /dev/null
+++ b/React/Fabric/Mounting/RCTMountingManager.h
@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <fabric/uimanager/TreeMutationInstruction.h>
+#import <React/RCTPrimitives.h>
+#import <React/RCTMountingManagerDelegate.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@class RCTComponentViewRegistry;
+
+/**
+ * Manages mounting process.
+ */
+@interface RCTMountingManager : NSObject
+
+@property (nonatomic, weak) id <RCTMountingManagerDelegate> delegate;
+@property (nonatomic, strong) RCTComponentViewRegistry *componentViewRegistry;
+
+/**
+ * Transfroms mutation insturctions to mount items and execute them.
+ * The order of mutation tnstructions matters.
+ * Can be called from any thread.
+ */
+- (void)mutateComponentViewTreeWithMutationInstructions:(facebook::react::TreeMutationInstructionList)instructions
+                                                rootTag:(ReactTag)rootTag;
+
+/**
+ * Suggests preliminary creation of a component view of given type.
+ * The receiver is free to ignore the request.
+ * Can be called from any thread.
+ */
+- (void)preliminaryCreateComponentViewWithName:(NSString *)componentName;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/RCTMountingManager.mm b/React/Fabric/Mounting/RCTMountingManager.mm
new file mode 100644
index 00000000000000..49326221f0a672
--- /dev/null
+++ b/React/Fabric/Mounting/RCTMountingManager.mm
@@ -0,0 +1,191 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTMountingManager.h"
+
+#import <fabric/core/LayoutableShadowNode.h>
+#import <React/RCTAssert.h>
+#import <React/RCTUtils.h>
+
+#import "RCTComponentViewProtocol.h"
+#import "RCTComponentViewRegistry.h"
+#import "RCTMountItemProtocol.h"
+
+#import "RCTCreateMountItem.h"
+#import "RCTConversions.h"
+#import "RCTDeleteMountItem.h"
+#import "RCTInsertMountItem.h"
+#import "RCTRemoveMountItem.h"
+#import "RCTUpdatePropsMountItem.h"
+#import "RCTUpdateEventEmitterMountItem.h"
+#import "RCTUpdateLocalDataMountItem.h"
+#import "RCTUpdateLayoutMetricsMountItem.h"
+
+using namespace facebook::react;
+
+@implementation RCTMountingManager
+
+- (instancetype)init
+{
+  if (self = [super init]) {
+    _componentViewRegistry = [[RCTComponentViewRegistry alloc] init];
+  }
+
+  return self;
+}
+
+- (void)mutateComponentViewTreeWithMutationInstructions:(facebook::react::TreeMutationInstructionList)instructions
+                                                rootTag:(ReactTag)rootTag
+{
+  NSMutableArray<RCTMountItemProtocol> *mountItems =
+    [[NSMutableArray<RCTMountItemProtocol> alloc] initWithCapacity:instructions.size() * 2 /* ~ the worst case */];
+
+  for (auto instruction : instructions) {
+    switch (instruction.getType()) {
+      case TreeMutationInstruction::Creation: {
+        NSString *componentName = RCTNSStringFromString(instruction.getNewChildNode()->getComponentName(), NSASCIIStringEncoding);
+        RCTCreateMountItem *mountItem =
+          [[RCTCreateMountItem alloc] initWithComponentName:componentName
+                                                        tag:instruction.getNewChildNode()->getTag()];
+        [mountItems addObject:mountItem];
+        break;
+      }
+
+      case TreeMutationInstruction::Deletion: {
+        NSString *componentName = RCTNSStringFromString(instruction.getOldChildNode()->getComponentName(), NSASCIIStringEncoding);
+        RCTDeleteMountItem *mountItem =
+          [[RCTDeleteMountItem alloc] initWithComponentName:componentName
+                                                        tag:instruction.getOldChildNode()->getTag()];
+        [mountItems addObject:mountItem];
+        break;
+      }
+
+      case TreeMutationInstruction::Insertion: {
+        // Props
+        [mountItems addObject:[[RCTUpdatePropsMountItem alloc] initWithTag:instruction.getNewChildNode()->getTag()
+                                                                  oldProps:nullptr
+                                                                  newProps:instruction.getNewChildNode()->getProps()]];
+
+        // EventEmitter
+        [mountItems addObject:[[RCTUpdateEventEmitterMountItem alloc] initWithTag:instruction.getNewChildNode()->getTag()
+                                                                     eventEmitter:instruction.getNewChildNode()->getEventEmitter()]];
+
+        // LocalData
+        if (instruction.getNewChildNode()->getLocalData()) {
+          [mountItems addObject:[[RCTUpdateLocalDataMountItem alloc] initWithTag:instruction.getNewChildNode()->getTag()
+                                                                    oldLocalData:nullptr
+                                                                    newLocalData:instruction.getNewChildNode()->getLocalData()]];
+        }
+
+        // Layout
+        auto layoutableNewShadowNode =
+          std::dynamic_pointer_cast<const LayoutableShadowNode>(instruction.getNewChildNode());
+
+        if (layoutableNewShadowNode) {
+          [mountItems addObject:[[RCTUpdateLayoutMetricsMountItem alloc] initWithTag:instruction.getNewChildNode()->getTag()
+                                                                    oldLayoutMetrics:{}
+                                                                    newLayoutMetrics:layoutableNewShadowNode->getLayoutMetrics()]];
+        }
+
+        // Insertion
+        RCTInsertMountItem *mountItem =
+        [[RCTInsertMountItem alloc] initWithChildTag:instruction.getNewChildNode()->getTag()
+                                           parentTag:instruction.getParentNode()->getTag()
+                                               index:instruction.getIndex()];
+        [mountItems addObject:mountItem];
+
+        break;
+      }
+
+      case TreeMutationInstruction::Removal: {
+        RCTRemoveMountItem *mountItem =
+          [[RCTRemoveMountItem alloc] initWithChildTag:instruction.getOldChildNode()->getTag()
+                                             parentTag:instruction.getParentNode()->getTag()
+                                                 index:instruction.getIndex()];
+        [mountItems addObject:mountItem];
+        break;
+      }
+
+      case TreeMutationInstruction::Replacement: {
+        SharedShadowNode oldShadowNode = instruction.getOldChildNode();
+        SharedShadowNode newShadowNode = instruction.getNewChildNode();
+
+        // Props
+        if (oldShadowNode->getProps() != newShadowNode->getProps()) {
+          RCTUpdatePropsMountItem *mountItem =
+            [[RCTUpdatePropsMountItem alloc] initWithTag:instruction.getOldChildNode()->getTag()
+                                                oldProps:instruction.getOldChildNode()->getProps()
+                                                newProps:instruction.getNewChildNode()->getProps()];
+          [mountItems addObject:mountItem];
+        }
+
+        // EventEmitter
+        if (oldShadowNode->getEventEmitter() != newShadowNode->getEventEmitter()) {
+          RCTUpdateEventEmitterMountItem *mountItem =
+            [[RCTUpdateEventEmitterMountItem alloc] initWithTag:instruction.getOldChildNode()->getTag()
+                                                   eventEmitter:instruction.getOldChildNode()->getEventEmitter()];
+          [mountItems addObject:mountItem];
+        }
+
+        // LocalData
+        if (oldShadowNode->getLocalData() != newShadowNode->getLocalData()) {
+          RCTUpdateLocalDataMountItem *mountItem =
+            [[RCTUpdateLocalDataMountItem alloc] initWithTag:newShadowNode->getTag()
+                                                oldLocalData:oldShadowNode->getLocalData()
+                                                newLocalData:newShadowNode->getLocalData()];
+          [mountItems addObject:mountItem];
+        }
+
+        // Layout
+        auto layoutableOldShadowNode =
+          std::dynamic_pointer_cast<const LayoutableShadowNode>(oldShadowNode);
+
+        if (layoutableOldShadowNode) {
+          auto layoutableNewShadowNode =
+            std::dynamic_pointer_cast<const LayoutableShadowNode>(newShadowNode);
+
+          if (layoutableOldShadowNode->getLayoutMetrics() != layoutableNewShadowNode->getLayoutMetrics()) {
+            RCTUpdateLayoutMetricsMountItem *mountItem =
+              [[RCTUpdateLayoutMetricsMountItem alloc] initWithTag:instruction.getOldChildNode()->getTag()
+                                                  oldLayoutMetrics:layoutableOldShadowNode->getLayoutMetrics()
+                                                  newLayoutMetrics:layoutableNewShadowNode->getLayoutMetrics()];
+            [mountItems addObject:mountItem];
+          }
+        }
+
+        break;
+      }
+    }
+  }
+
+  RCTExecuteOnMainQueue(^{
+    [self _performMountItems:mountItems rootTag:rootTag];
+  });
+}
+
+- (void)_performMountItems:(NSArray<RCTMountItemProtocol> *)mountItems
+                   rootTag:(ReactTag)rootTag
+{
+  RCTAssertMainQueue();
+
+  [self.delegate mountingManager:self willMountComponentsWithRootTag:rootTag];
+
+  for (id<RCTMountItemProtocol> mountItem in mountItems) {
+    [mountItem executeWithRegistry:_componentViewRegistry];
+  }
+
+  [self.delegate mountingManager:self didMountComponentsWithRootTag:rootTag];
+}
+
+- (void)preliminaryCreateComponentViewWithName:(NSString *)componentName
+{
+  RCTExecuteOnMainQueue(^{
+    [self->_componentViewRegistry preliminaryCreateComponentViewWithName:componentName];
+  });
+}
+
+@end
diff --git a/React/Fabric/Mounting/RCTMountingManagerDelegate.h b/React/Fabric/Mounting/RCTMountingManagerDelegate.h
new file mode 100644
index 00000000000000..90ef6cecfa6ad0
--- /dev/null
+++ b/React/Fabric/Mounting/RCTMountingManagerDelegate.h
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTPrimitives.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@class RCTMountingManager;
+
+/**
+ * MountingManager's delegate.
+ */
+@protocol RCTMountingManagerDelegate <NSObject>
+
+/*
+ * Called right *before* execution of mount items which affect a Surface with
+ * given `rootTag`.
+ * Always called on the main queue.
+ */
+- (void)mountingManager:(RCTMountingManager *)mountingManager willMountComponentsWithRootTag:(ReactTag)MountingManager;
+
+/*
+ * Called right *after* execution of mount items which affect a Surface with
+ * given `rootTag`.
+ * Always called on the main queue.
+ */
+- (void)mountingManager:(RCTMountingManager *)mountingManager didMountComponentsWithRootTag:(ReactTag)rootTag;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/UIView+ComponentViewProtocol.h b/React/Fabric/Mounting/UIView+ComponentViewProtocol.h
new file mode 100644
index 00000000000000..61c981b59563df
--- /dev/null
+++ b/React/Fabric/Mounting/UIView+ComponentViewProtocol.h
@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTComponentViewProtocol.h>
+
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * Default implementation of RCTComponentViewProtocol.
+ */
+@interface UIView (ComponentViewProtocol)
+
+- (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView
+                          index:(NSInteger)index;
+
+- (void)unmountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView
+                            index:(NSInteger)index;
+
+- (void)updateProps:(facebook::react::SharedProps)props
+           oldProps:(facebook::react::SharedProps)oldProps;
+
+- (void)updateEventEmitter:(facebook::react::SharedEventEmitter)eventEmitter;
+
+- (void)updateLocalData:(facebook::react::SharedLocalData)localData
+           oldLocalData:(facebook::react::SharedLocalData)oldLocalData;
+
+- (void)updateLayoutMetrics:(facebook::react::LayoutMetrics)layoutMetrics
+           oldLayoutMetrics:(facebook::react::LayoutMetrics)oldLayoutMetrics;
+
+- (void)prepareForRecycle;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/UIView+ComponentViewProtocol.mm b/React/Fabric/Mounting/UIView+ComponentViewProtocol.mm
new file mode 100644
index 00000000000000..579f4572309ab3
--- /dev/null
+++ b/React/Fabric/Mounting/UIView+ComponentViewProtocol.mm
@@ -0,0 +1,71 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "UIView+ComponentViewProtocol.h"
+
+#import <React/RCTAssert.h>
+#import "RCTConversions.h"
+
+using namespace facebook::react;
+
+@implementation UIView (ComponentViewProtocol)
+
+- (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView
+                          index:(NSInteger)index
+{
+  [self insertSubview:childComponentView atIndex:index];
+}
+
+- (void)unmountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView
+                            index:(NSInteger)index
+{
+  RCTAssert(childComponentView.superview == self, @"Attempt to unmount improperly mounted component view.");
+  [childComponentView removeFromSuperview];
+}
+
+- (void)updateProps:(SharedProps)props
+           oldProps:(SharedProps)oldProps
+{
+  // Default implementation does nothing.
+}
+
+- (void)updateEventEmitter:(SharedEventEmitter)eventEmitter
+{
+  // Default implementation does nothing.
+}
+
+- (void)updateLocalData:(SharedLocalData)localData
+           oldLocalData:(SharedLocalData)oldLocalData
+{
+  // Default implementation does nothing.
+}
+
+- (void)updateLayoutMetrics:(LayoutMetrics)layoutMetrics
+           oldLayoutMetrics:(LayoutMetrics)oldLayoutMetrics
+{
+  if (layoutMetrics.frame != oldLayoutMetrics.frame) {
+    self.frame = RCTCGRectFromRect(layoutMetrics.frame);
+  }
+
+  if (layoutMetrics.layoutDirection != oldLayoutMetrics.layoutDirection) {
+    self.semanticContentAttribute =
+      layoutMetrics.layoutDirection == LayoutDirection::RightToLeft ?
+        UISemanticContentAttributeForceRightToLeft :
+        UISemanticContentAttributeForceLeftToRight;
+  }
+
+  if (layoutMetrics.displayType != oldLayoutMetrics.displayType) {
+    self.hidden = layoutMetrics.displayType == DisplayType::None;
+  }
+}
+
+- (void)prepareForRecycle
+{
+  // Default implementation does nothing.
+}
+
+@end
diff --git a/React/Fabric/RCTConversions.h b/React/Fabric/RCTConversions.h
new file mode 100644
index 00000000000000..e38cd04febf164
--- /dev/null
+++ b/React/Fabric/RCTConversions.h
@@ -0,0 +1,82 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <fabric/components/view/primitives.h>
+#import <fabric/graphics/Color.h>
+#import <fabric/graphics/Geometry.h>
+
+inline NSString *_Nullable RCTNSStringFromString(const std::string &string, const NSStringEncoding &encoding = NSUTF8StringEncoding) {
+  return [NSString stringWithCString:string.c_str() encoding:encoding];
+}
+
+inline std::string RCTStringFromNSString(NSString *string, const NSStringEncoding &encoding = NSUTF8StringEncoding) {
+  return [string cStringUsingEncoding:encoding];
+}
+
+inline UIColor *_Nullable RCTUIColorFromSharedColor(const facebook::react::SharedColor &sharedColor) {
+  return sharedColor ? [UIColor colorWithCGColor:sharedColor.get()] : nil;
+}
+
+inline CGColorRef RCTCGColorRefFromSharedColor(const facebook::react::SharedColor &sharedColor) {
+  return sharedColor ? CGColorCreateCopy(sharedColor.get()) : nil;
+}
+
+inline CGPoint RCTCGPointFromPoint(facebook::react::Point point) {
+  return {point.x, point.y};
+}
+
+inline CGSize RCTCGSizeFromSize(facebook::react::Size size) {
+  return {size.width, size.height};
+}
+
+inline CGRect RCTCGRectFromRect(facebook::react::Rect rect) {
+  return {RCTCGPointFromPoint(rect.origin), RCTCGSizeFromSize(rect.size)};
+}
+
+inline UIEdgeInsets RCTUIEdgeInsetsFromEdgeInsets(facebook::react::EdgeInsets edgeInsets) {
+  return {edgeInsets.top, edgeInsets.left, edgeInsets.bottom, edgeInsets.right};
+}
+
+
+inline CATransform3D RCTCATransform3DFromTransformMatrix(facebook::react::Transform transformMatrix) {
+  return {
+    (CGFloat)transformMatrix.matrix[0],
+    (CGFloat)transformMatrix.matrix[1],
+    (CGFloat)transformMatrix.matrix[2],
+    (CGFloat)transformMatrix.matrix[3],
+    (CGFloat)transformMatrix.matrix[4],
+    (CGFloat)transformMatrix.matrix[5],
+    (CGFloat)transformMatrix.matrix[6],
+    (CGFloat)transformMatrix.matrix[7],
+    (CGFloat)transformMatrix.matrix[8],
+    (CGFloat)transformMatrix.matrix[9],
+    (CGFloat)transformMatrix.matrix[10],
+    (CGFloat)transformMatrix.matrix[11],
+    (CGFloat)transformMatrix.matrix[12],
+    (CGFloat)transformMatrix.matrix[13],
+    (CGFloat)transformMatrix.matrix[14],
+    (CGFloat)transformMatrix.matrix[15]
+  };
+}
+
+inline facebook::react::Point RCTPointFromCGPoint(CGPoint point) {
+  return {point.x, point.y};
+}
+
+inline facebook::react::Size RCTSizeFromCGSize(CGSize size) {
+  return {size.width, size.height};
+}
+
+inline facebook::react::Rect RCTRectFromCGRect(CGRect rect) {
+  return {RCTPointFromCGPoint(rect.origin), RCTSizeFromCGSize(rect.size)};
+}
+
+inline facebook::react::EdgeInsets RCTEdgeInsetsFromUIEdgeInsets(UIEdgeInsets edgeInsets) {
+  return {edgeInsets.top, edgeInsets.left, edgeInsets.bottom, edgeInsets.right};
+}
diff --git a/React/Fabric/RCTFabricPlatformUIOperationManager.h b/React/Fabric/RCTFabricPlatformUIOperationManager.h
deleted file mode 100644
index 2e9df3c770445c..00000000000000
--- a/React/Fabric/RCTFabricPlatformUIOperationManager.h
+++ /dev/null
@@ -1,46 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#import <Foundation/Foundation.h>
-#import <UIKit/UIKit.h>
-
-#import <memory>
-
-#include <fabric/IFabricPlatformUIOperationManager.h>
-
-@class RCTFabricPlatformUIOperationManager;
-
-namespace facebook {
-namespace react {
-
-/**
- * Connector class (from C++ to ObjC++) to allow FabricUIManager to invoke native UI operations/updates.
- * UIKit-related impl doesn't live here, but this class gets passed to the FabricUIManager C++ impl directly.
- */
-class RCTFabricPlatformUIOperationManagerConnector : public IFabricPlatformUIOperationManager {
-public:
-  RCTFabricPlatformUIOperationManagerConnector();
-  ~RCTFabricPlatformUIOperationManagerConnector();
-
-  void performUIOperation();
-
-private:
-  void *self_;
-  RCTFabricPlatformUIOperationManager *manager_;
-};
-
-} // namespace react
-} // namespace facebook
-
-/**
- * Actual ObjC++ implementation of the UI operations.
- */
-@interface RCTFabricPlatformUIOperationManager : NSObject
-
-- (void)performUIOperation;
-
-@end
diff --git a/React/Fabric/RCTFabricPlatformUIOperationManager.mm b/React/Fabric/RCTFabricPlatformUIOperationManager.mm
deleted file mode 100644
index 3bccc58e051645..00000000000000
--- a/React/Fabric/RCTFabricPlatformUIOperationManager.mm
+++ /dev/null
@@ -1,48 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#import "RCTFabricPlatformUIOperationManager.h"
-
-namespace facebook {
-namespace react {
-
-RCTFabricPlatformUIOperationManagerConnector::RCTFabricPlatformUIOperationManagerConnector() {
-  self_ = (__bridge_retained void *)[RCTFabricPlatformUIOperationManager new];
-  manager_ = (__bridge RCTFabricPlatformUIOperationManager *)self_;
-}
-
-RCTFabricPlatformUIOperationManagerConnector::~RCTFabricPlatformUIOperationManagerConnector() {
-  CFRelease(self_);
-  self_ = NULL;
-  manager_ = NULL;
-}
-
-void RCTFabricPlatformUIOperationManagerConnector::performUIOperation() {
-  [manager_ performUIOperation];
-}
-
-} // namespace react
-} // namespace facebook
-
-// -----------------------------------------------------------------------------
-// Start of ObjC++ impl
-// Access UIKit here.
-// -----------------------------------------------------------------------------
-@implementation RCTFabricPlatformUIOperationManager
-
-- (void)dealloc
-{
-  NSLog(@"RCTFabricPlatformUIOperationManager: dealloc()");
-}
-
-- (void)performUIOperation
-{
-  // TODO
-  NSLog(@"RCTFabricPlatformUIOperationManager: performUIOperation()");
-}
-
-@end
diff --git a/React/Fabric/RCTFabricUIManagerWrapper.h b/React/Fabric/RCTFabricUIManagerWrapper.h
deleted file mode 100644
index d40ef78c359cc3..00000000000000
--- a/React/Fabric/RCTFabricUIManagerWrapper.h
+++ /dev/null
@@ -1,44 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#import <UIKit/UIKit.h>
-
-#import <memory>
-
-#import <React/RCTBridge.h>
-#import <React/RCTInvalidating.h>
-#import <React/RCTShadowView.h>
-
-namespace facebook {
-namespace react {
-
-class FabricUIManager;
-
-} // namespace react
-} // namespace facebook
-
-using namespace facebook::react;
-
-/**
- * An ObjC++ wrapper around the C++ FabricUIManager instance, so that the RCTCxxBridge can access it as needed.
- */
-@interface RCTFabricUIManagerWrapper : NSObject <RCTInvalidating>
-
-- (std::shared_ptr<FabricUIManager>)manager;
-
-@end
-
-@interface RCTBridge (RCTFabricUIManagerWrapper)
-
-/**
- * To access via the bridge:
- *
- *   std::shared_ptr<FabricUIManager> fabricUIManager = [_bridge fabricUIManager];
- */
-- (std::shared_ptr<FabricUIManager>)fabricUIManager;
-
-@end
diff --git a/React/Fabric/RCTFabricUIManagerWrapper.mm b/React/Fabric/RCTFabricUIManagerWrapper.mm
deleted file mode 100644
index 892669145d0ae6..00000000000000
--- a/React/Fabric/RCTFabricUIManagerWrapper.mm
+++ /dev/null
@@ -1,53 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#import "RCTFabricUIManagerWrapper.h"
-
-#include <fabric/FabricUIManager.h>
-
-#import "RCTFabricPlatformUIOperationManager.h"
-
-// This file contains experimental placeholders, nothing is finalized.
-@implementation RCTFabricUIManagerWrapper
-{
-  std::shared_ptr<FabricUIManager> _manager;
-  std::shared_ptr<IFabricPlatformUIOperationManager> _platformUIOperationManager;
-}
-
-- (instancetype)init
-{
-  self = [super init];
-  if (self) {
-    _platformUIOperationManager = std::make_shared<RCTFabricPlatformUIOperationManagerConnector>();
-    _manager = std::make_shared<FabricUIManager>(_platformUIOperationManager);
-  }
-  return self;
-}
-
-- (std::shared_ptr<FabricUIManager>)manager
-{
-  return _manager;
-}
-
-- (void)invalidate
-{
-}
-
-@end
-
-@implementation RCTBridge (RCTFabricUIManagerWrapper)
-
-- (std::shared_ptr<FabricUIManager>)fabricUIManager
-{
-  RCTFabricUIManagerWrapper *wrapper = [self jsBoundExtraModuleForClass:[RCTFabricUIManagerWrapper class]];
-  if (wrapper) {
-    return [wrapper manager];
-  }
-  return nullptr;
-}
-
-@end
diff --git a/babel-preset/index.js b/React/Fabric/RCTPrimitives.h
similarity index 74%
rename from babel-preset/index.js
rename to React/Fabric/RCTPrimitives.h
index aaff5ba9f15c05..7712dabc9f1ed4 100644
--- a/babel-preset/index.js
+++ b/React/Fabric/RCTPrimitives.h
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-'use strict';
 
-module.exports = require('./configs/main');
+#import <Foundation/Foundation.h>
+
+typedef NSInteger ReactTag;
diff --git a/React/Fabric/RCTScheduler.h b/React/Fabric/RCTScheduler.h
new file mode 100644
index 00000000000000..6814046871d7e7
--- /dev/null
+++ b/React/Fabric/RCTScheduler.h
@@ -0,0 +1,59 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+#import <memory>
+
+#import <React/RCTPrimitives.h>
+#import <fabric/core/LayoutConstraints.h>
+#import <fabric/core/LayoutContext.h>
+#import <fabric/uimanager/FabricUIManager.h>
+#import <fabric/uimanager/TreeMutationInstruction.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@class RCTMountingManager;
+
+/**
+ * Exactly same semantic as `facebook::react::SchedulerDelegate`.
+ */
+@protocol RCTSchedulerDelegate
+
+- (void)schedulerDidComputeMutationInstructions:(facebook::react::TreeMutationInstructionList)instructions rootTag:(ReactTag)rootTag;
+
+- (void)schedulerDidRequestPreliminaryViewAllocationWithComponentName:(NSString *)componentName;
+
+@end
+
+/**
+ * `facebook::react::Scheduler` as an Objective-C class.
+ */
+@interface RCTScheduler : NSObject
+
+@property (atomic, weak, nullable) id<RCTSchedulerDelegate> delegate;
+
+- (void)registerRootTag:(ReactTag)tag;
+
+- (void)unregisterRootTag:(ReactTag)tag;
+
+- (CGSize)measureWithLayoutConstraints:(facebook::react::LayoutConstraints)layoutConstraints
+                         layoutContext:(facebook::react::LayoutContext)layoutContext
+                               rootTag:(ReactTag)rootTag;
+
+- (void)constraintLayoutWithLayoutConstraints:(facebook::react::LayoutConstraints)layoutConstraints
+                                layoutContext:(facebook::react::LayoutContext)layoutContext
+                                      rootTag:(ReactTag)rootTag;
+
+@end
+
+@interface RCTScheduler (Deprecated)
+
+- (std::shared_ptr<facebook::react::FabricUIManager>)uiManager_DO_NOT_USE;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/RCTScheduler.mm b/React/Fabric/RCTScheduler.mm
new file mode 100644
index 00000000000000..3f441b1c25bb2f
--- /dev/null
+++ b/React/Fabric/RCTScheduler.mm
@@ -0,0 +1,99 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTScheduler.h"
+
+#import <fabric/imagemanager/ImageManager.h>
+#import <fabric/uimanager/ContextContainer.h>
+#import <fabric/uimanager/Scheduler.h>
+#import <fabric/uimanager/SchedulerDelegate.h>
+#import <React/RCTImageLoader.h>
+#import <React/RCTBridge+Private.h>
+
+#import "RCTConversions.h"
+
+using namespace facebook::react;
+
+class SchedulerDelegateProxy: public SchedulerDelegate {
+public:
+  SchedulerDelegateProxy(void *scheduler): scheduler_(scheduler) {}
+
+  void schedulerDidComputeMutationInstructions(Tag rootTag, const TreeMutationInstructionList &instructions) override {
+    RCTScheduler *scheduler = (__bridge RCTScheduler *)scheduler_;
+    [scheduler.delegate schedulerDidComputeMutationInstructions:instructions rootTag:rootTag];
+  }
+
+  void schedulerDidRequestPreliminaryViewAllocation(ComponentName componentName) override {
+    RCTScheduler *scheduler = (__bridge RCTScheduler *)scheduler_;
+    [scheduler.delegate schedulerDidRequestPreliminaryViewAllocationWithComponentName:RCTNSStringFromString(componentName, NSASCIIStringEncoding)];
+  }
+
+private:
+  void *scheduler_;
+};
+
+@implementation RCTScheduler {
+  std::shared_ptr<Scheduler> _scheduler;
+  std::shared_ptr<SchedulerDelegateProxy> _delegateProxy;
+}
+
+- (instancetype)init
+{
+  if (self = [super init]) {
+    _delegateProxy = std::make_shared<SchedulerDelegateProxy>((__bridge void *)self);
+
+    SharedContextContainer contextContainer = std::make_shared<ContextContainer>();
+
+    void *imageLoader = (__bridge void *)[[RCTBridge currentBridge] imageLoader];
+    contextContainer->registerInstance(std::make_shared<ImageManager>(imageLoader));
+
+    _scheduler = std::make_shared<Scheduler>(contextContainer);
+    _scheduler->setDelegate(_delegateProxy.get());
+  }
+
+  return self;
+}
+
+- (void)dealloc
+{
+  _scheduler->setDelegate(nullptr);
+}
+
+- (void)registerRootTag:(ReactTag)tag
+{
+  _scheduler->registerRootTag(tag);
+}
+
+- (void)unregisterRootTag:(ReactTag)tag
+{
+  _scheduler->unregisterRootTag(tag);
+}
+
+- (CGSize)measureWithLayoutConstraints:(LayoutConstraints)layoutConstraints
+                         layoutContext:(LayoutContext)layoutContext
+                               rootTag:(ReactTag)rootTag
+{
+  return RCTCGSizeFromSize(_scheduler->measure(rootTag, layoutConstraints, layoutContext));
+}
+
+- (void)constraintLayoutWithLayoutConstraints:(LayoutConstraints)layoutConstraints
+                                layoutContext:(LayoutContext)layoutContext
+                                      rootTag:(ReactTag)rootTag
+{
+  _scheduler->constraintLayout(rootTag, layoutConstraints, layoutContext);
+}
+
+@end
+
+@implementation RCTScheduler (Deprecated)
+
+- (std::shared_ptr<FabricUIManager>)uiManager_DO_NOT_USE
+{
+  return _scheduler->getUIManager_DO_NOT_USE();
+}
+
+@end
diff --git a/React/Fabric/RCTSurfacePresenter.h b/React/Fabric/RCTSurfacePresenter.h
new file mode 100644
index 00000000000000..65e86b1289d05f
--- /dev/null
+++ b/React/Fabric/RCTSurfacePresenter.h
@@ -0,0 +1,74 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+#import <memory>
+
+#import <React/RCTBridge.h>
+#import <React/RCTPrimitives.h>
+#import <fabric/uimanager/FabricUIManager.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@class RCTFabricSurface;
+@class RCTMountingManager;
+
+/**
+ * Coordinates presenting of React Native Surfaces and represents application
+ * facing interface of running React Native core.
+ * SurfacePresenter incapsulates a bridge object inside and discourage direct
+ * access to it.
+ */
+@interface RCTSurfacePresenter : NSObject
+
+- (instancetype)initWithBridge:(RCTBridge *)bridge;
+
+@end
+
+@interface RCTSurfacePresenter (Surface)
+
+/**
+ * Surface uses those methods to register itself in the Presenter.
+ * Registering initiates running, rendering and mounting processes.
+ */
+- (void)registerSurface:(RCTFabricSurface *)surface;
+- (void)unregisterSurface:(RCTFabricSurface *)surface;
+- (nullable RCTFabricSurface *)surfaceForRootTag:(ReactTag)rootTag;
+
+/**
+ * Measures the Surface with given constraints.
+ */
+- (CGSize)sizeThatFitsMinimumSize:(CGSize)minimumSize
+                      maximumSize:(CGSize)maximumSize
+                          surface:(RCTFabricSurface *)surface;
+
+/**
+ * Sets `minimumSize` and `maximumSize` layout constraints for the Surface.
+ */
+- (void)setMinimumSize:(CGSize)minimumSize
+           maximumSize:(CGSize)maximumSize
+               surface:(RCTFabricSurface *)surface;
+
+@end
+
+@interface RCTSurfacePresenter (Deprecated)
+
+/**
+ * We need to expose `uiManager` for registration
+ * purposes. Eventually, we will move this down to C++ side.
+ */
+- (std::shared_ptr<facebook::react::FabricUIManager>)uiManager_DO_NOT_USE;
+
+@end
+
+@interface RCTBridge (RCTSurfacePresenter)
+
+- (RCTSurfacePresenter *)surfacePresenter;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/RCTSurfacePresenter.mm b/React/Fabric/RCTSurfacePresenter.mm
new file mode 100644
index 00000000000000..e3223804d2c05c
--- /dev/null
+++ b/React/Fabric/RCTSurfacePresenter.mm
@@ -0,0 +1,213 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTSurfacePresenter.h"
+
+#import <React/RCTAssert.h>
+#import <React/RCTBridge+Private.h>
+#import <React/RCTComponentViewRegistry.h>
+#import <React/RCTFabricSurface.h>
+#import <React/RCTMountingManager.h>
+#import <React/RCTMountingManagerDelegate.h>
+#import <React/RCTScheduler.h>
+#import <React/RCTSurfaceRegistry.h>
+#import <React/RCTSurfaceView.h>
+#import <React/RCTSurfaceView+Internal.h>
+#import <React/RCTUtils.h>
+#import <fabric/core/LayoutContext.h>
+#import <fabric/core/LayoutConstraints.h>
+
+#import "RCTConversions.h"
+
+using namespace facebook::react;
+
+@interface RCTSurfacePresenter () <RCTSchedulerDelegate, RCTMountingManagerDelegate>
+@end
+
+@implementation RCTSurfacePresenter {
+  RCTScheduler *_scheduler;
+  RCTMountingManager *_mountingManager;
+  RCTBridge *_bridge;
+  RCTBridge *_batchedBridge;
+  RCTSurfaceRegistry *_surfaceRegistry;
+}
+
+- (instancetype)initWithBridge:(RCTBridge *)bridge
+{
+  if (self = [super init]) {
+    _bridge = bridge;
+    _batchedBridge = [_bridge batchedBridge] ?: _bridge;
+
+    _scheduler = [[RCTScheduler alloc] init];
+    _scheduler.delegate = self;
+
+    _surfaceRegistry = [[RCTSurfaceRegistry alloc] init];
+    _mountingManager = [[RCTMountingManager alloc] init];
+    _mountingManager.delegate = self;
+
+    [[NSNotificationCenter defaultCenter] addObserver:self
+                                             selector:@selector(handleBridgeWillReloadNotification:)
+                                                 name:RCTBridgeWillReloadNotification
+                                               object:_bridge];
+    [[NSNotificationCenter defaultCenter] addObserver:self
+                                             selector:@selector(handleJavaScriptDidLoadNotification:)
+                                                 name:RCTJavaScriptDidLoadNotification
+                                               object:_bridge];
+  }
+
+  return self;
+}
+
+- (void)dealloc
+{
+  [[NSNotificationCenter defaultCenter] removeObserver:self];
+}
+
+#pragma mark - RCTSchedulerDelegate
+
+- (void)schedulerDidComputeMutationInstructions:(facebook::react::TreeMutationInstructionList)instructions
+                                        rootTag:(ReactTag)rootTag
+{
+  [_mountingManager mutateComponentViewTreeWithMutationInstructions:instructions
+                                                            rootTag:rootTag];
+}
+
+- (void)schedulerDidRequestPreliminaryViewAllocationWithComponentName:(NSString *)componentName
+{
+  [_mountingManager preliminaryCreateComponentViewWithName:componentName];
+}
+
+#pragma mark - Internal Surface-dedicated Interface
+
+- (void)registerSurface:(RCTFabricSurface *)surface
+{
+  [_surfaceRegistry registerSurface:surface];
+  [_scheduler registerRootTag:surface.rootTag];
+  [self runSurface:surface];
+
+  // FIXME: Mutation instruction MUST produce instruction for root node.
+  [_mountingManager.componentViewRegistry dequeueComponentViewWithName:@"Root" tag:surface.rootTag];
+}
+
+- (void)unregisterSurface:(RCTFabricSurface *)surface
+{
+  [self stopSurface:surface];
+  [_scheduler unregisterRootTag:surface.rootTag];
+  [_surfaceRegistry unregisterSurface:surface];
+}
+
+- (RCTFabricSurface *)surfaceForRootTag:(ReactTag)rootTag
+{
+  return [_surfaceRegistry surfaceForRootTag:rootTag];
+}
+
+- (CGSize)sizeThatFitsMinimumSize:(CGSize)minimumSize
+                      maximumSize:(CGSize)maximumSize
+                          surface:(RCTFabricSurface *)surface
+{
+  LayoutContext layoutContext;
+  layoutContext.pointScaleFactor = RCTScreenScale();
+  LayoutConstraints layoutConstraints = {};
+  layoutConstraints.minimumSize = RCTSizeFromCGSize(minimumSize);
+  layoutConstraints.maximumSize = RCTSizeFromCGSize(maximumSize);
+
+  return [_scheduler measureWithLayoutConstraints:layoutConstraints
+                                    layoutContext:layoutContext
+                                          rootTag:surface.rootTag];
+}
+
+- (void)setMinimumSize:(CGSize)minimumSize
+           maximumSize:(CGSize)maximumSize
+               surface:(RCTFabricSurface *)surface
+{
+  LayoutContext layoutContext;
+  layoutContext.pointScaleFactor = RCTScreenScale();
+  LayoutConstraints layoutConstraints = {};
+  layoutConstraints.minimumSize = RCTSizeFromCGSize(minimumSize);
+  layoutConstraints.maximumSize = RCTSizeFromCGSize(maximumSize);
+
+  [_scheduler constraintLayoutWithLayoutConstraints:layoutConstraints
+                                      layoutContext:layoutContext
+                                            rootTag:surface.rootTag];
+}
+
+- (void)runSurface:(RCTFabricSurface *)surface
+{
+  NSDictionary *applicationParameters = @{
+    @"rootTag": @(surface.rootTag),
+    @"initialProps": surface.properties,
+  };
+
+  [_batchedBridge enqueueJSCall:@"AppRegistry" method:@"runApplication" args:@[surface.moduleName, applicationParameters] completion:NULL];
+}
+
+- (void)stopSurface:(RCTFabricSurface *)surface
+{
+  [_batchedBridge enqueueJSCall:@"AppRegistry" method:@"unmountApplicationComponentAtRootTag" args:@[@(surface.rootTag)] completion:NULL];
+}
+
+#pragma mark - RCTMountingManagerDelegate
+
+- (void)mountingManager:(RCTMountingManager *)mountingManager willMountComponentsWithRootTag:(ReactTag)rootTag
+{
+  RCTIsMainQueue();
+  // TODO: Propagate state change to Surface.
+}
+
+- (void)mountingManager:(RCTMountingManager *)mountingManager didMountComponentsWithRootTag:(ReactTag)rootTag
+{
+  RCTIsMainQueue();
+  RCTFabricSurface *surface = [_surfaceRegistry surfaceForRootTag:rootTag];
+
+  // FIXME: Implement proper state propagation mechanism.
+  [surface _setStage:RCTSurfaceStageSurfaceDidInitialRendering];
+  [surface _setStage:RCTSurfaceStageSurfaceDidInitialLayout];
+  [surface _setStage:RCTSurfaceStageSurfaceDidInitialMounting];
+
+  UIView *rootComponentView = [_mountingManager.componentViewRegistry componentViewByTag:rootTag];
+
+  surface.view.rootView = (RCTSurfaceRootView *)rootComponentView;
+}
+
+#pragma mark - Bridge events
+
+- (void)handleBridgeWillReloadNotification:(NSNotification *)notification
+{
+  // TODO: Define a lifecycle contract for the pieces involved here including the scheduler, mounting manager, and
+  // the surface registry. For now simply recreate the scheduler on reload.
+  // The goal is to deallocate the Scheduler and its underlying references before the JS runtime is destroyed.
+  _scheduler = [[RCTScheduler alloc] init];
+  _scheduler.delegate = self;
+}
+
+- (void)handleJavaScriptDidLoadNotification:(NSNotification *)notification
+{
+  RCTBridge *bridge = notification.userInfo[@"bridge"];
+  if (bridge != _batchedBridge) {
+    _batchedBridge = bridge;
+  }
+}
+
+@end
+
+@implementation RCTSurfacePresenter (Deprecated)
+
+- (std::shared_ptr<FabricUIManager>)uiManager_DO_NOT_USE
+{
+  return _scheduler.uiManager_DO_NOT_USE;
+}
+
+@end
+
+@implementation RCTBridge (RCTSurfacePresenter)
+
+- (RCTSurfacePresenter *)surfacePresenter
+{
+  return [self jsBoundExtraModuleForClass:[RCTSurfacePresenter class]];
+}
+
+@end
diff --git a/React/Fabric/RCTSurfaceRegistry.h b/React/Fabric/RCTSurfaceRegistry.h
new file mode 100644
index 00000000000000..013d70f4895569
--- /dev/null
+++ b/React/Fabric/RCTSurfaceRegistry.h
@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTPrimitives.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@class RCTFabricSurface;
+
+/**
+ * Registry of Surfaces.
+ * Incapsulates storing Surface objects and quering them by root tag.
+ * All methods of the registry are thread-safe.
+ * The registry stores Surface objects as weak refereces.
+ */
+@interface RCTSurfaceRegistry : NSObject
+
+/**
+ * Adds Surface object into the registry.
+ * The registry does not retain Surface references.
+ */
+- (void)registerSurface:(RCTFabricSurface *)surface;
+
+/**
+ * Removes Surface object from the registry.
+ */
+- (void)unregisterSurface:(RCTFabricSurface *)surface;
+
+/**
+ * Returns stored Surface object by given root tag.
+ * If the registry does not have such Surface registred, returns `nil`.
+ */
+- (nullable RCTFabricSurface *)surfaceForRootTag:(ReactTag)rootTag;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/RCTSurfaceRegistry.mm b/React/Fabric/RCTSurfaceRegistry.mm
new file mode 100644
index 00000000000000..d2aa3bde42d56a
--- /dev/null
+++ b/React/Fabric/RCTSurfaceRegistry.mm
@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTSurfaceRegistry.h"
+
+#import <mutex>
+
+#import <React/RCTFabricSurface.h>
+
+@implementation RCTSurfaceRegistry {
+  std::mutex _mutex;
+  NSMapTable<id, RCTFabricSurface *> *_registry;
+}
+
+- (instancetype)init
+{
+  if (self = [super init]) {
+    _registry = [NSMapTable mapTableWithKeyOptions:NSPointerFunctionsIntegerPersonality | NSPointerFunctionsOpaqueMemory
+                                      valueOptions:NSPointerFunctionsObjectPersonality];
+  }
+
+  return self;
+}
+
+- (void)registerSurface:(RCTFabricSurface *)surface
+{
+  std::lock_guard<std::mutex> lock(_mutex);
+
+  ReactTag rootTag = surface.rootViewTag.integerValue;
+  [_registry setObject:surface forKey:(__bridge id)(void *)rootTag];
+}
+
+- (void)unregisterSurface:(RCTFabricSurface *)surface
+{
+  std::lock_guard<std::mutex> lock(_mutex);
+
+  ReactTag rootTag = surface.rootViewTag.integerValue;
+  [_registry removeObjectForKey:(__bridge id)(void *)rootTag];
+}
+
+- (RCTFabricSurface *)surfaceForRootTag:(ReactTag)rootTag
+{
+  std::lock_guard<std::mutex> lock(_mutex);
+
+  return [_registry objectForKey:(__bridge id)(void *)rootTag];
+}
+
+@end
diff --git a/React/Fabric/RCTSurfaceTouchHandler.h b/React/Fabric/RCTSurfaceTouchHandler.h
new file mode 100644
index 00000000000000..670ef284832ca9
--- /dev/null
+++ b/React/Fabric/RCTSurfaceTouchHandler.h
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface RCTSurfaceTouchHandler : UIGestureRecognizer
+
+- (void)attachToView:(UIView *)view;
+- (void)detachFromView:(UIView *)view;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/RCTSurfaceTouchHandler.mm b/React/Fabric/RCTSurfaceTouchHandler.mm
new file mode 100644
index 00000000000000..5695211236b24e
--- /dev/null
+++ b/React/Fabric/RCTSurfaceTouchHandler.mm
@@ -0,0 +1,360 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTSurfaceTouchHandler.h"
+
+#import <UIKit/UIGestureRecognizerSubclass.h>
+#import <fabric/components/view/ViewEventEmitter.h>
+#import <React/RCTUtils.h>
+#import <React/RCTViewComponentView.h>
+
+#import "RCTConversions.h"
+
+using namespace facebook::react;
+
+template <size_t size>
+class IdentifierPool {
+public:
+
+  void enqueue(int index) {
+    usage[index] = false;
+  }
+
+  int dequeue() {
+    while (true) {
+      if (!usage[lastIndex]) {
+        usage[lastIndex] = true;
+        return lastIndex;
+      }
+      lastIndex = (lastIndex + 1) % size;
+    }
+  }
+
+  void reset() {
+    for (int i = 0; i < size; i++) {
+      usage[i] = false;
+    }
+  }
+
+private:
+
+  bool usage[size];
+  int lastIndex;
+};
+
+@protocol RCTTouchableComponentViewProtocol <NSObject>
+  - (SharedViewEventEmitter)touchEventEmitter;
+@end
+
+typedef NS_ENUM(NSInteger, RCTTouchEventType) {
+  RCTTouchEventTypeTouchStart,
+  RCTTouchEventTypeTouchMove,
+  RCTTouchEventTypeTouchEnd,
+  RCTTouchEventTypeTouchCancel,
+};
+
+struct ActiveTouch {
+  Touch touch;
+  SharedViewEventEmitter eventEmitter;
+
+  struct Hasher {
+    size_t operator()(const ActiveTouch &activeTouch) const {
+      return std::hash<decltype(activeTouch.touch.identifier)>()(activeTouch.touch.identifier);
+    }
+  };
+
+  struct Comparator {
+    bool operator()(const ActiveTouch &lhs, const ActiveTouch &rhs) const {
+      return lhs.touch.identifier == rhs.touch.identifier;
+    }
+  };
+};
+
+static void UpdateActiveTouchWithUITouch(ActiveTouch &activeTouch, UITouch *uiTouch, UIView *rootComponentView) {
+  CGPoint offsetPoint = [uiTouch locationInView:uiTouch.view];
+  CGPoint screenPoint = [uiTouch locationInView:uiTouch.window];
+  CGPoint pagePoint = [uiTouch locationInView:rootComponentView];
+
+  activeTouch.touch.offsetPoint = RCTPointFromCGPoint(offsetPoint);
+  activeTouch.touch.screenPoint = RCTPointFromCGPoint(screenPoint);
+  activeTouch.touch.pagePoint = RCTPointFromCGPoint(pagePoint);
+
+  activeTouch.touch.timestamp = uiTouch.timestamp;
+
+  if (RCTForceTouchAvailable()) {
+    activeTouch.touch.force = uiTouch.force / uiTouch.maximumPossibleForce;
+  }
+}
+
+static ActiveTouch CreateTouchWithUITouch(UITouch *uiTouch, UIView *rootComponentView) {
+  UIView *componentView = uiTouch.view;
+
+  ActiveTouch activeTouch = {};
+
+  if ([componentView respondsToSelector:@selector(touchEventEmitter)]) {
+    activeTouch.eventEmitter = [(id<RCTTouchableComponentViewProtocol>)componentView touchEventEmitter];
+    activeTouch.touch.target = (Tag)componentView.tag;
+  }
+
+  UpdateActiveTouchWithUITouch(activeTouch, uiTouch, rootComponentView);
+  return activeTouch;
+}
+
+static BOOL AllTouchesAreCancelledOrEnded(NSSet<UITouch *> *touches) {
+  for (UITouch *touch in touches) {
+    if (touch.phase == UITouchPhaseBegan ||
+        touch.phase == UITouchPhaseMoved ||
+        touch.phase == UITouchPhaseStationary) {
+      return NO;
+    }
+  }
+  return YES;
+}
+
+static BOOL AnyTouchesChanged(NSSet<UITouch *> *touches) {
+  for (UITouch *touch in touches) {
+    if (touch.phase == UITouchPhaseBegan ||
+        touch.phase == UITouchPhaseMoved) {
+      return YES;
+    }
+  }
+  return NO;
+}
+
+/**
+ * Surprisingly, `__unsafe_unretained id` pointers are not regular pointers
+ * and `std::hash<>` cannot hash them.
+ * This is quite trivial but decent implementation of hasher function
+ * inspired by this research: https://stackoverflow.com/a/21062520/496389.
+ */
+template<typename PointerT>
+struct PointerHasher {
+  constexpr std::size_t operator()(const PointerT &value) const {
+    return reinterpret_cast<size_t>(&value);
+  }
+};
+
+@interface RCTSurfaceTouchHandler () <UIGestureRecognizerDelegate>
+@end
+
+@implementation RCTSurfaceTouchHandler {
+  std::unordered_map<
+    __unsafe_unretained UITouch *,
+    ActiveTouch,
+    PointerHasher<__unsafe_unretained UITouch *>
+  > _activeTouches;
+
+  UIView *_rootComponentView;
+  IdentifierPool<11> _identifierPool;
+}
+
+- (instancetype)init
+{
+  if (self = [super initWithTarget:nil action:nil]) {
+    // `cancelsTouchesInView` and `delaysTouches*` are needed in order
+    // to be used as a top level event delegated recognizer.
+    // Otherwise, lower-level components not built using React Native,
+    // will fail to recognize gestures.
+    self.cancelsTouchesInView = NO;
+    self.delaysTouchesBegan = NO; // This is default value.
+    self.delaysTouchesEnded = NO;
+
+    self.delegate = self;
+  }
+
+  return self;
+}
+
+RCT_NOT_IMPLEMENTED(- (instancetype)initWithTarget:(id)target action:(SEL)action)
+
+- (void)attachToView:(UIView *)view
+{
+  RCTAssert(self.view == nil, @"RCTTouchHandler already has attached view.");
+
+  [view addGestureRecognizer:self];
+  _rootComponentView = view;
+}
+
+- (void)detachFromView:(UIView *)view
+{
+  RCTAssertParam(view);
+  RCTAssert(self.view == view, @"RCTTouchHandler attached to another view.");
+
+  [view removeGestureRecognizer:self];
+  _rootComponentView = nil;
+}
+
+- (void)_registerTouches:(NSSet<UITouch *> *)touches
+{
+  for (UITouch *touch in touches) {
+    auto activeTouch = CreateTouchWithUITouch(touch, _rootComponentView);
+    activeTouch.touch.identifier = _identifierPool.dequeue();
+    _activeTouches.emplace(touch, activeTouch);
+  }
+}
+
+- (void)_updateTouches:(NSSet<UITouch *> *)touches
+{
+  for (UITouch *touch in touches) {
+    UpdateActiveTouchWithUITouch(_activeTouches[touch], touch, _rootComponentView);
+  }
+}
+
+- (void)_unregisterTouches:(NSSet<UITouch *> *)touches
+{
+  for (UITouch *touch in touches) {
+    const auto &activeTouch = _activeTouches[touch];
+    _identifierPool.enqueue(activeTouch.touch.identifier);
+    _activeTouches.erase(touch);
+  }
+}
+
+- (void)_dispatchTouches:(NSSet<UITouch *> *)touches eventType:(RCTTouchEventType)eventType
+{
+  TouchEvent event = {};
+  std::unordered_set<ActiveTouch, ActiveTouch::Hasher, ActiveTouch::Comparator> changedActiveTouches = {};
+  std::unordered_set<SharedViewEventEmitter> uniqueEventEmitter = {};
+  BOOL isEndishEventType = eventType == RCTTouchEventTypeTouchEnd || eventType == RCTTouchEventTypeTouchCancel;
+
+  for (UITouch *touch in touches) {
+    const auto &activeTouch = _activeTouches[touch];
+
+    if (!activeTouch.eventEmitter) {
+      continue;
+    }
+
+    changedActiveTouches.insert(activeTouch);
+    event.changedTouches.insert(activeTouch.touch);
+    uniqueEventEmitter.insert(activeTouch.eventEmitter);
+  }
+
+  for (const auto &pair : _activeTouches) {
+    if (!pair.second.eventEmitter) {
+      continue;
+    }
+
+    if (
+        isEndishEventType &&
+        event.changedTouches.find(pair.second.touch) != event.changedTouches.end()
+    ) {
+      continue;
+    }
+
+    event.touches.insert(pair.second.touch);
+  }
+
+  for (const auto &eventEmitter : uniqueEventEmitter) {
+    event.targetTouches.clear();
+
+    for (const auto &pair : _activeTouches) {
+      if (pair.second.eventEmitter == eventEmitter) {
+        event.targetTouches.insert(pair.second.touch);
+      }
+    }
+
+    switch (eventType) {
+      case RCTTouchEventTypeTouchStart:
+        eventEmitter->onTouchStart(event);
+        break;
+      case RCTTouchEventTypeTouchMove:
+        eventEmitter->onTouchMove(event);
+        break;
+      case RCTTouchEventTypeTouchEnd:
+        eventEmitter->onTouchEnd(event);
+        break;
+      case RCTTouchEventTypeTouchCancel:
+        eventEmitter->onTouchCancel(event);
+        break;
+    }
+  }
+}
+
+#pragma mark - `UIResponder`-ish touch-delivery methods
+
+- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
+{
+  [super touchesBegan:touches withEvent:event];
+
+  [self _registerTouches:touches];
+  [self _dispatchTouches:touches eventType:RCTTouchEventTypeTouchStart];
+
+  if (self.state == UIGestureRecognizerStatePossible) {
+    self.state = UIGestureRecognizerStateBegan;
+  } else if (self.state == UIGestureRecognizerStateBegan) {
+    self.state = UIGestureRecognizerStateChanged;
+  }
+}
+
+- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
+{
+  [super touchesMoved:touches withEvent:event];
+
+  [self _updateTouches:touches];
+  [self _dispatchTouches:touches eventType:RCTTouchEventTypeTouchMove];
+
+  self.state = UIGestureRecognizerStateChanged;
+}
+
+- (void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
+{
+  [super touchesEnded:touches withEvent:event];
+
+  [self _updateTouches:touches];
+  [self _dispatchTouches:touches eventType:RCTTouchEventTypeTouchEnd];
+  [self _unregisterTouches:touches];
+
+  if (AllTouchesAreCancelledOrEnded(event.allTouches)) {
+    self.state = UIGestureRecognizerStateEnded;
+  } else if (AnyTouchesChanged(event.allTouches)) {
+    self.state = UIGestureRecognizerStateChanged;
+  }
+}
+
+- (void)touchesCancelled:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
+{
+  [super touchesCancelled:touches withEvent:event];
+
+  [self _updateTouches:touches];
+  [self _dispatchTouches:touches eventType:RCTTouchEventTypeTouchCancel];
+  [self _unregisterTouches:touches];
+
+  if (AllTouchesAreCancelledOrEnded(event.allTouches)) {
+    self.state = UIGestureRecognizerStateCancelled;
+  } else if (AnyTouchesChanged(event.allTouches)) {
+    self.state = UIGestureRecognizerStateChanged;
+  }
+}
+
+- (void)reset
+{
+  // Technically, `_activeTouches` must be already empty at this point,
+  // but just to be sure, we clear it explicitly.
+  _activeTouches.clear();
+  _identifierPool.reset();
+}
+
+- (BOOL)canPreventGestureRecognizer:(__unused UIGestureRecognizer *)preventedGestureRecognizer
+{
+  return NO;
+}
+
+- (BOOL)canBePreventedByGestureRecognizer:(UIGestureRecognizer *)preventingGestureRecognizer
+{
+  // We fail in favour of other external gesture recognizers.
+  // iOS will ask `delegate`'s opinion about this gesture recognizer little bit later.
+  return ![preventingGestureRecognizer.view isDescendantOfView:self.view];
+}
+
+#pragma mark - UIGestureRecognizerDelegate
+
+- (BOOL)gestureRecognizer:(__unused UIGestureRecognizer *)gestureRecognizer shouldRequireFailureOfGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer
+{
+  // Same condition for `failure of` as for `be prevented by`.
+  return [self canBePreventedByGestureRecognizer:otherGestureRecognizer];
+}
+
+@end
diff --git a/React/Fabric/Surface/RCTFabricSurface.h b/React/Fabric/Surface/RCTFabricSurface.h
index 1672a9a86ac6b9..c0a88c0729a375 100644
--- a/React/Fabric/Surface/RCTFabricSurface.h
+++ b/React/Fabric/Surface/RCTFabricSurface.h
@@ -5,12 +5,133 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import <React/RCTSurface.h>
+#import <React/RCTPrimitives.h>
+#import <React/RCTSurfaceStage.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@class RCTBridge;
+@class RCTSurfaceView;
+@class RCTSurfacePresenter;
+@protocol RCTSurfaceDelegate;
 
 /**
- * Fabric-compatible RCTSurface implementation.
- * It may not continue extending from RCTSurface in the future.
+ * (This is Fabric-compatible RCTSurface implementation.)
+ *
+ * RCTSurface instance represents React Native-powered piece of a user interface
+ * which can be a full-screen app, separate modal view controller,
+ * or even small widget.
+ * It is called "Surface".
+ *
+ * The RCTSurface instance is completely thread-safe by design;
+ * it can be created on any thread, and any its method can be called from
+ * any thread (if the opposite is not mentioned explicitly).
+ *
+ * The primary goals of the RCTSurface are:
+ *  * ability to measure and layout the surface in a thread-safe
+ *    and synchronous manner;
+ *  * ability to create a UIView instance on demand (later);
+ *  * ability to communicate the current stage of the surface granularly.
  */
-@interface RCTFabricSurface : RCTSurface
+@interface RCTFabricSurface : NSObject
+
+@property (atomic, readonly) RCTSurfaceStage stage;
+@property (atomic, readonly) RCTBridge *bridge;
+@property (atomic, readonly) NSString *moduleName;
+@property (atomic, readonly) ReactTag rootTag;
+
+@property (atomic, readwrite, weak, nullable) id<RCTSurfaceDelegate> delegate;
+
+@property (atomic, copy, readwrite) NSDictionary *properties;
+
+- (instancetype)initWithBridge:(RCTBridge *)bridge
+                    moduleName:(NSString *)moduleName
+             initialProperties:(NSDictionary *)initialProperties;
+
+- (instancetype)initWithSurfacePresenter:(RCTSurfacePresenter *)surfacePresenter
+                              moduleName:(NSString *)moduleName
+                       initialProperties:(NSDictionary *)initialProperties;
+
+#pragma mark - Dealing with UIView representation, the Main thread only access
+
+/**
+ * Creates (if needed) and returns `UIView` instance which represents the Surface.
+ * The Surface will cache and *retain* this object.
+ * Returning the UIView instance does not mean that the Surface is ready
+ * to execute and layout. It can be just a handler which Surface will use later
+ * to mount the actual views.
+ * RCTSurface does not control (or influence in any way) the size or origin
+ * of this view. Some superview (or another owner) must use other methods
+ * of this class to setup proper layout and interop interactions with UIKit
+ * or another UI framework.
+ * This method must be called only from the main queue.
+ */
+- (RCTSurfaceView *)view;
+
+#pragma mark - Layout: Setting the size constrains
+
+/**
+ * Sets `minimumSize` and `maximumSize` layout constraints for the Surface.
+ */
+- (void)setMinimumSize:(CGSize)minimumSize
+           maximumSize:(CGSize)maximumSize;
+
+/**
+ * Previously set `minimumSize` layout constraint.
+ * Defaults to `{0, 0}`.
+ */
+@property (atomic, assign, readonly) CGSize minimumSize;
+
+/**
+ * Previously set `maximumSize` layout constraint.
+ * Defaults to `{CGFLOAT_MAX, CGFLOAT_MAX}`.
+ */
+@property (atomic, assign, readonly) CGSize maximumSize;
+
+/**
+ * Simple shortcut to `-[RCTSurface setMinimumSize:size maximumSize:size]`.
+ */
+- (void)setSize:(CGSize)size;
+
+#pragma mark - Layout: Measuring
+
+/**
+ * Measures the Surface with given constraints.
+ * This method does not cause any side effects on the surface object.
+ */
+- (CGSize)sizeThatFitsMinimumSize:(CGSize)minimumSize
+                      maximumSize:(CGSize)maximumSize;
+
+/**
+ * Return the current size of the root view based on (but not clamp by) current
+ * size constraints.
+ */
+@property (atomic, assign, readonly) CGSize intrinsicSize;
+
+#pragma mark - Synchronous waiting
+
+/**
+ * Synchronously blocks the current thread up to given `timeout` until
+ * the Surface reaches `stage`.
+ * NOT SUPPORTED IN FABRIC YET.
+ */
+- (BOOL)synchronouslyWaitForStage:(RCTSurfaceStage)stage timeout:(NSTimeInterval)timeout;
+
+@end
+
+@interface RCTFabricSurface (Internal)
+
+- (void)_setStage:(RCTSurfaceStage)stage;
+
+@end
+
+@interface RCTFabricSurface (Deprecated)
+
+/**
+ * Deprecated. Use `rootTag` instead.
+ */
+@property (atomic, readonly) NSNumber *rootViewTag;
 
 @end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Surface/RCTFabricSurface.mm b/React/Fabric/Surface/RCTFabricSurface.mm
index bcdaac13129e94..d0b93710fd9f4f 100644
--- a/React/Fabric/Surface/RCTFabricSurface.mm
+++ b/React/Fabric/Surface/RCTFabricSurface.mm
@@ -7,16 +7,312 @@
 
 #import "RCTFabricSurface.h"
 
+#import <React/RCTSurfaceView+Internal.h>
+
+#import <mutex>
+#import <stdatomic.h>
+
+#import <React/RCTAssert.h>
 #import <React/RCTBridge.h>
+#import <React/RCTSurfaceDelegate.h>
+#import <React/RCTSurfaceRootView.h>
+#import <React/RCTSurfaceView.h>
+#import <React/RCTSurfaceTouchHandler.h>
+#import <React/RCTUIManagerUtils.h>
+#import <React/RCTUtils.h>
+
+#import "RCTSurfacePresenter.h"
+#import "RCTMountingManager.h"
+
+@implementation RCTFabricSurface {
+  // Immutable
+  RCTSurfacePresenter *_surfacePresenter;
+  NSString *_moduleName;
+
+  // Protected by the `_mutex`
+  std::mutex _mutex;
+  RCTSurfaceStage _stage;
+  NSDictionary *_properties;
+  CGSize _minimumSize;
+  CGSize _maximumSize;
+  CGSize _intrinsicSize;
+
+  // The Main thread only
+  RCTSurfaceView *_Nullable _view;
+  RCTSurfaceTouchHandler *_Nullable _touchHandler;
+}
+
+- (instancetype)initWithBridge:(RCTBridge *)bridge
+                    moduleName:(NSString *)moduleName
+             initialProperties:(NSDictionary *)initialProperties
+{
+  RCTAssert(bridge.valid, @"Valid bridge is required to instanciate `RCTSurface`.");
+
+  self = [self initWithSurfacePresenter:bridge.surfacePresenter
+                             moduleName:moduleName
+                      initialProperties:initialProperties];
+
+  return self;
+}
+
+- (instancetype)initWithSurfacePresenter:(RCTSurfacePresenter *)surfacePresenter
+                              moduleName:(NSString *)moduleName
+                       initialProperties:(NSDictionary *)initialProperties
+{
+  if (self = [super init]) {
+    _surfacePresenter = surfacePresenter;
+    _moduleName = moduleName;
+    _properties = [initialProperties copy];
+    _rootTag = [RCTAllocateRootViewTag() integerValue];
+
+    _minimumSize = CGSizeZero;
+    _maximumSize = CGSizeMake(CGFLOAT_MAX, CGFLOAT_MAX);
+
+    _stage = RCTSurfaceStageSurfaceDidInitialize;
+
+    _touchHandler = [RCTSurfaceTouchHandler new];
+
+    [self _run];
+
+    [[NSNotificationCenter defaultCenter] addObserver:self
+                                             selector:@selector(handleJavaScriptWillStartLoadingNotification:)
+                                                 name:RCTJavaScriptWillStartLoadingNotification
+                                               object:_bridge];
+    [[NSNotificationCenter defaultCenter] addObserver:self
+                                             selector:@selector(handleJavaScriptDidLoadNotification:)
+                                                 name:RCTJavaScriptDidLoadNotification
+                                               object:_bridge];
+  }
+
+  return self;
+}
+
+- (void)dealloc
+{
+  [[NSNotificationCenter defaultCenter] removeObserver:self];
+
+  [self _stop];
+}
+
+#pragma mark - Immutable Properties (no need to enforce synchonization)
+
+- (NSString *)moduleName
+{
+  return _moduleName;
+}
+
+- (NSNumber *)rootViewTag
+{
+  return @(_rootTag);
+}
+
+#pragma mark - Main-Threaded Routines
+
+- (RCTSurfaceView *)view
+{
+  RCTAssertMainQueue();
+
+  if (!_view) {
+    _view = [[RCTSurfaceView alloc] initWithSurface:(RCTSurface *)self];
+    [_touchHandler attachToView:_view];
+  }
+
+  return _view;
+}
+
+#pragma mark - Stage management
+
+- (RCTSurfaceStage)stage
+{
+  std::lock_guard<std::mutex> lock(_mutex);
+  return _stage;
+}
+
+- (void)_setStage:(RCTSurfaceStage)stage
+{
+  RCTSurfaceStage updatedStage;
+  {
+    std::lock_guard<std::mutex> lock(_mutex);
+
+    if (_stage & stage) {
+      return;
+    }
+
+    updatedStage = (RCTSurfaceStage)(_stage | stage);
+    _stage = updatedStage;
+  }
+
+  [self _propagateStageChange:updatedStage];
+}
+
+- (void)_propagateStageChange:(RCTSurfaceStage)stage
+{
+  // Updating the `view`
+  RCTExecuteOnMainQueue(^{
+    self->_view.stage = stage;
+  });
+
+  // Notifying the `delegate`
+  id<RCTSurfaceDelegate> delegate = self.delegate;
+  if ([delegate respondsToSelector:@selector(surface:didChangeStage:)]) {
+    [delegate surface:(RCTSurface *)self didChangeStage:stage];
+  }
+}
+
+#pragma mark - Properties Management
+
+- (NSDictionary *)properties
+{
+  std::lock_guard<std::mutex> lock(_mutex);
+  return _properties;
+}
+
+- (void)setProperties:(NSDictionary *)properties
+{
+  {
+    std::lock_guard<std::mutex> lock(_mutex);
+
+    if ([properties isEqualToDictionary:_properties]) {
+      return;
+    }
+
+    _properties = [properties copy];
+  }
+
+  [self _run];
+}
+
+#pragma mark - Running
+
+- (void)_run
+{
+  [_surfacePresenter registerSurface:self];
+  [self _setStage:RCTSurfaceStageSurfaceDidRun];
+}
+
+- (void)_stop
+{
+  [_surfacePresenter unregisterSurface:self];
+  [self _setStage:RCTSurfaceStageSurfaceDidStop];
+}
+
+#pragma mark - Layout
+
+- (CGSize)sizeThatFitsMinimumSize:(CGSize)minimumSize
+                      maximumSize:(CGSize)maximumSize
+{
+  return [_surfacePresenter sizeThatFitsMinimumSize:minimumSize
+                                        maximumSize:maximumSize
+                                            surface:self];
+}
+
+#pragma mark - Size Constraints
+
+- (void)setSize:(CGSize)size
+{
+  [self setMinimumSize:size maximumSize:size];
+}
+
+- (void)setMinimumSize:(CGSize)minimumSize
+           maximumSize:(CGSize)maximumSize
+{
+  {
+    std::lock_guard<std::mutex> lock(_mutex);
+    if (CGSizeEqualToSize(minimumSize, _minimumSize) &&
+        CGSizeEqualToSize(maximumSize, _maximumSize)) {
+      return;
+    }
+
+    _maximumSize = maximumSize;
+    _minimumSize = minimumSize;
+  }
+
+  return [_surfacePresenter setMinimumSize:minimumSize
+                               maximumSize:maximumSize
+                                   surface:self];
+}
+
+- (CGSize)minimumSize
+{
+  std::lock_guard<std::mutex> lock(_mutex);
+  return _minimumSize;
+}
+
+- (CGSize)maximumSize
+{
+  std::lock_guard<std::mutex> lock(_mutex);
+  return _maximumSize;
+}
 
-@implementation RCTFabricSurface
+#pragma mark - intrinsicSize
 
-- (void)unmountReactComponentWithBridge:(RCTBridge *)bridge rootViewTag:(NSNumber *)rootViewTag
+- (void)setIntrinsicSize:(CGSize)intrinsicSize
 {
-  [bridge enqueueJSCall:@"ReactFabric"
-                 method:@"unmountComponentAtNodeAndRemoveContainer"
-                   args:@[rootViewTag]
-             completion:NULL];
+  {
+    std::lock_guard<std::mutex> lock(_mutex);
+    if (CGSizeEqualToSize(intrinsicSize, _intrinsicSize)) {
+      return;
+    }
+
+    _intrinsicSize = intrinsicSize;
+  }
+
+  // Notifying `delegate`
+  id<RCTSurfaceDelegate> delegate = self.delegate;
+  if ([delegate respondsToSelector:@selector(surface:didChangeIntrinsicSize:)]) {
+    [delegate surface:(RCTSurface *)(id)self didChangeIntrinsicSize:intrinsicSize];
+  }
+}
+
+- (CGSize)intrinsicSize
+{
+  std::lock_guard<std::mutex> lock(_mutex);
+  return _intrinsicSize;
+}
+
+#pragma mark - Synchronous Waiting
+
+- (BOOL)synchronouslyWaitForStage:(RCTSurfaceStage)stage timeout:(NSTimeInterval)timeout
+{
+  // TODO: Not supported yet.
+  return NO;
+}
+
+#pragma mark - Bridge events
+
+- (void)handleJavaScriptWillStartLoadingNotification:(NSNotification *)notification
+{
+  // TODO: Move the bridge lifecycle handling up to the RCTSurfacePresenter.
+
+  RCTAssertMainQueue();
+
+  // Reset states because the bridge is reloading. This is similar to initialization phase.
+  _stage = RCTSurfaceStageSurfaceDidInitialize;
+  _view = nil;
+  _touchHandler = [RCTSurfaceTouchHandler new];
+  [self _setStage:RCTSurfaceStageBridgeDidLoad];
+}
+
+- (void)handleJavaScriptDidLoadNotification:(NSNotification *)notification
+{
+  // TODO: Move the bridge lifecycle handling up to the RCTSurfacePresenter.
+
+  // Note: this covers both JS reloads and initial load after the bridge starts.
+  // When it's not a reload, surface should already be running since we run it immediately in the initializer, so do
+  // nothing.
+  // When it's a reload, we rely on the `RCTJavaScriptWillStartLoadingNotification` notification to reset the stage,
+  // then we need to run the surface and update its size.
+  if (!RCTSurfaceStageIsRunning(_stage)) {
+    [self _setStage:RCTSurfaceStageModuleDidLoad];
+    [self _run];
+
+    // After a reload surfacePresenter needs to know the last min/max size for this surface, because the surface hosting
+    // view was already attached to the ViewController's view.
+    // TODO: Find a better automatic way.
+    [_surfacePresenter setMinimumSize:_minimumSize
+                          maximumSize:_maximumSize
+                              surface:self];
+  }
 }
 
 @end
diff --git a/React/Fabric/Surface/RCTFabricSurfaceHostingProxyRootView.mm b/React/Fabric/Surface/RCTFabricSurfaceHostingProxyRootView.mm
index 159a63c865e444..e2210daf8cd238 100644
--- a/React/Fabric/Surface/RCTFabricSurfaceHostingProxyRootView.mm
+++ b/React/Fabric/Surface/RCTFabricSurfaceHostingProxyRootView.mm
@@ -13,7 +13,7 @@ @implementation RCTFabricSurfaceHostingProxyRootView
 
 - (RCTSurface *)createSurfaceWithBridge:(RCTBridge *)bridge moduleName:(NSString *)moduleName initialProperties:(NSDictionary *)initialProperties
 {
-  return [[RCTFabricSurface alloc] initWithBridge:bridge moduleName:moduleName initialProperties:initialProperties];
+  return (RCTSurface *)[[RCTFabricSurface alloc] initWithBridge:bridge moduleName:moduleName initialProperties:initialProperties];
 }
 
 @end
diff --git a/React/Fabric/Surface/RCTFabricSurfaceHostingView.mm b/React/Fabric/Surface/RCTFabricSurfaceHostingView.mm
index 395d40afb68e21..0157c974b3fd74 100644
--- a/React/Fabric/Surface/RCTFabricSurfaceHostingView.mm
+++ b/React/Fabric/Surface/RCTFabricSurfaceHostingView.mm
@@ -14,11 +14,12 @@ @implementation RCTFabricSurfaceHostingView
 - (instancetype)initWithBridge:(RCTBridge *)bridge
                     moduleName:(NSString *)moduleName
              initialProperties:(NSDictionary *)initialProperties
+               sizeMeasureMode:(RCTSurfaceSizeMeasureMode)sizeMeasureMode
 {
-  RCTFabricSurface *surface = [[RCTFabricSurface alloc] initWithBridge:bridge
-                                                            moduleName:moduleName
-                                                     initialProperties:initialProperties];
-  return [self initWithSurface:surface];
+  RCTSurface *surface = (RCTSurface *)[[RCTFabricSurface alloc] initWithBridge:bridge
+                                                                    moduleName:moduleName
+                                                             initialProperties:initialProperties];
+  return [self initWithSurface:surface sizeMeasureMode:sizeMeasureMode];
 }
 
 @end
diff --git a/React/Fabric/Utils/MainQueueExecutor.h b/React/Fabric/Utils/MainQueueExecutor.h
new file mode 100644
index 00000000000000..b43a6d7cdb4c31
--- /dev/null
+++ b/React/Fabric/Utils/MainQueueExecutor.h
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <folly/Executor.h>
+
+namespace facebook {
+namespace react {
+
+class MainQueueExecutor:
+  public folly::Executor {
+
+public:
+  static MainQueueExecutor &instance();
+
+  void add(folly::Func function) override;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/React/Fabric/Utils/MainQueueExecutor.mm b/React/Fabric/Utils/MainQueueExecutor.mm
new file mode 100644
index 00000000000000..a80d3be1b3e561
--- /dev/null
+++ b/React/Fabric/Utils/MainQueueExecutor.mm
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "MainQueueExecutor.h"
+
+#include <dispatch/dispatch.h>
+#include <folly/Indestructible.h>
+
+namespace facebook {
+namespace react {
+
+MainQueueExecutor &MainQueueExecutor::instance() {
+  static auto instance = folly::Indestructible<MainQueueExecutor>{};
+  return *instance;
+}
+
+void MainQueueExecutor::add(folly::Func function) {
+  __block folly::Func blockFunction = std::move(function);
+  dispatch_async(dispatch_get_main_queue(), ^{
+    blockFunction();
+  });
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/React/Inspector/RCTInspector.h b/React/Inspector/RCTInspector.h
index 41bd146e003192..e653f917886f21 100644
--- a/React/Inspector/RCTInspector.h
+++ b/React/Inspector/RCTInspector.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #import <Foundation/Foundation.h>
 #import <React/RCTDefines.h>
diff --git a/React/Inspector/RCTInspectorPackagerConnection.h b/React/Inspector/RCTInspectorPackagerConnection.h
index 8499ea40632727..ad15e043c30781 100644
--- a/React/Inspector/RCTInspectorPackagerConnection.h
+++ b/React/Inspector/RCTInspectorPackagerConnection.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #import <Foundation/Foundation.h>
 #import <React/RCTDefines.h>
diff --git a/React/Modules/RCTDevSettings.mm b/React/Modules/RCTDevSettings.mm
index db61029d8ae892..684e5d2238f2e0 100644
--- a/React/Modules/RCTDevSettings.mm
+++ b/React/Modules/RCTDevSettings.mm
@@ -18,7 +18,6 @@
 #import "RCTEventDispatcher.h"
 #import "RCTJSCSamplingProfiler.h"
 #import "RCTLog.h"
-#import "RCTPackagerClient.h"
 #import "RCTProfile.h"
 #import "RCTUtils.h"
 
@@ -35,6 +34,7 @@
 static NSString *const kRCTDevSettingsUserDefaultsKey = @"RCTDevMenu";
 
 #if ENABLE_PACKAGER_CONNECTION
+#import "RCTPackagerClient.h"
 #import "RCTPackagerConnection.h"
 #endif
 
@@ -201,6 +201,7 @@ - (void)setBridge:(RCTBridge *)bridge
 #endif
 }
 
+#if ENABLE_PACKAGER_CONNECTION
 static void pokeSamplingProfiler(RCTBridge *const bridge, RCTPackagerClientResponder *const responder)
 {
   if (!bridge) {
@@ -224,6 +225,7 @@ static void pokeSamplingProfiler(RCTBridge *const bridge, RCTPackagerClientRespo
     [responder respondWithResult:results];
   }
 }
+#endif
 
 - (dispatch_queue_t)methodQueue
 {
diff --git a/React/Modules/RCTDeviceInfo.m b/React/Modules/RCTDeviceInfo.m
index 20e53d55af611f..72803f3e121d50 100644
--- a/React/Modules/RCTDeviceInfo.m
+++ b/React/Modules/RCTDeviceInfo.m
@@ -103,7 +103,7 @@ - (void)invalidate
   return @{
     @"Dimensions": RCTExportedDimensions(_bridge),
     // Note:
-    // This prop is deprecated and will be removed right after June 01, 2018.
+    // This prop is deprecated and will be removed in a future release.
     // Please use this only for a quick and temporary solution.
     // Use <SafeAreaView> instead.
     @"isIPhoneX_deprecated": @(RCTIsIPhoneX()),
diff --git a/React/Modules/RCTExceptionsManager.h b/React/Modules/RCTExceptionsManager.h
index 57e81fb9e4905d..950cdaeab29623 100644
--- a/React/Modules/RCTExceptionsManager.h
+++ b/React/Modules/RCTExceptionsManager.h
@@ -23,6 +23,9 @@
 
 - (instancetype)initWithDelegate:(id<RCTExceptionsManagerDelegate>)delegate;
 
+- (void)reportSoftException:(NSString *)message stack:(NSArray<NSDictionary *> *)stack exceptionId:(nonnull NSNumber *)exceptionId;
+- (void)reportFatalException:(NSString *)message stack:(NSArray<NSDictionary *> *)stack exceptionId:(nonnull NSNumber *)exceptionId;
+
 @property (nonatomic, weak) id<RCTExceptionsManagerDelegate> delegate;
 
 @property (nonatomic, assign) NSUInteger maxReloadAttempts;
diff --git a/React/Modules/RCTRedBoxExtraDataViewController.m b/React/Modules/RCTRedBoxExtraDataViewController.m
index 94d371249b9b2e..f4ca54e40813c1 100644
--- a/React/Modules/RCTRedBoxExtraDataViewController.m
+++ b/React/Modules/RCTRedBoxExtraDataViewController.m
@@ -43,7 +43,7 @@ - (instancetype)initWithStyle:(UITableViewCellStyle)style
         self.keyLabel.textColor = [UIColor whiteColor];
         self.keyLabel.numberOfLines = 0;
 #if !TARGET_OS_TV
-        self.keyLabel.lineBreakMode = UILineBreakModeWordWrap;
+        self.keyLabel.lineBreakMode = NSLineBreakByWordWrapping;
         self.keyLabel.font = [UIFont fontWithName:@"Menlo-Regular" size:12.0f];
 #endif
         self.valueLabel = [UILabel new];
@@ -63,7 +63,7 @@ - (instancetype)initWithStyle:(UITableViewCellStyle)style
         self.valueLabel.textColor = [UIColor whiteColor];
         self.valueLabel.numberOfLines = 0;
 #if !TARGET_OS_TV
-        self.valueLabel.lineBreakMode = UILineBreakModeWordWrap;
+        self.valueLabel.lineBreakMode = NSLineBreakByWordWrapping;
         self.valueLabel.font = [UIFont fontWithName:@"Menlo-Regular" size:12.0f];
 #endif
     }
diff --git a/React/Modules/RCTUIManager.m b/React/Modules/RCTUIManager.m
index 5dcce46588ba58..217c43a481b24f 100644
--- a/React/Modules/RCTUIManager.m
+++ b/React/Modules/RCTUIManager.m
@@ -595,6 +595,10 @@ - (RCTViewManagerUIBlock)uiBlockWithLayoutUpdateForRootView:(RCTRootShadowView *
         NSString *property = creatingLayoutAnimation.property;
         if ([property isEqualToString:@"scaleXY"]) {
           view.layer.transform = CATransform3DMakeScale(0, 0, 0);
+        } else if ([property isEqualToString:@"scaleX"]) {
+        view.layer.transform = CATransform3DMakeScale(0, 1, 0);
+        } else if ([property isEqualToString:@"scaleY"]) {
+        view.layer.transform = CATransform3DMakeScale(1, 0, 0);
         } else if ([property isEqualToString:@"opacity"]) {
           view.layer.opacity = 0.0;
         } else {
@@ -603,7 +607,11 @@ - (RCTViewManagerUIBlock)uiBlockWithLayoutUpdateForRootView:(RCTRootShadowView *
         }
 
         [creatingLayoutAnimation performAnimations:^{
-          if ([property isEqualToString:@"scaleXY"]) {
+          if (
+            [property isEqualToString:@"scaleX"] ||
+            [property isEqualToString:@"scaleY"] ||
+            [property isEqualToString:@"scaleXY"]
+          ) {
             view.layer.transform = finalTransform;
           } else if ([property isEqualToString:@"opacity"]) {
             view.layer.opacity = finalOpacity;
@@ -738,6 +746,10 @@ - (void)_removeChildren:(NSArray<UIView *> *)children
     [deletingLayoutAnimation performAnimations:^{
       if ([property isEqualToString:@"scaleXY"]) {
         removedChild.layer.transform = CATransform3DMakeScale(0.001, 0.001, 0.001);
+      } else if ([property isEqualToString:@"scaleX"]) {
+      removedChild.layer.transform = CATransform3DMakeScale(0.001, 1, 0.001);
+      } else if ([property isEqualToString:@"scaleY"]) {
+      removedChild.layer.transform = CATransform3DMakeScale(1, 0.001, 0.001);
       } else if ([property isEqualToString:@"opacity"]) {
         removedChild.layer.opacity = 0.0;
       } else {
@@ -1461,7 +1473,7 @@ static void RCTMeasureLayout(RCTShadowView *view,
   [self addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
     _jsResponder = viewRegistry[reactTag];
     if (!_jsResponder) {
-      RCTLogError(@"Invalid view set to be the JS responder - tag %@", reactTag);
+      RCTLogWarn(@"Invalid view set to be the JS responder - tag %@", reactTag);
     }
   }];
 }
diff --git a/React/React.xcodeproj/project.pbxproj b/React/React.xcodeproj/project.pbxproj
index 1ec79122f44a68..b0b6cc74e33689 100644
--- a/React/React.xcodeproj/project.pbxproj
+++ b/React/React.xcodeproj/project.pbxproj
@@ -51,6 +51,7 @@
 		133957881DF76D3500EC27BE /* YGEnums.h in Headers */ = {isa = PBXBuildFile; fileRef = 130A77031DF767AF001F9587 /* YGEnums.h */; };
 		133957891DF76D3500EC27BE /* YGMacros.h in Headers */ = {isa = PBXBuildFile; fileRef = 130A77041DF767AF001F9587 /* YGMacros.h */; };
 		1339578B1DF76D3500EC27BE /* Yoga.h in Headers */ = {isa = PBXBuildFile; fileRef = 130A77081DF767AF001F9587 /* Yoga.h */; };
+		133EA4E52098F6E30035B1D8 /* ReactMarker.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 13DA8A2F2097A90A00276ED4 /* ReactMarker.h */; };
 		13456E931ADAD2DE009F94A7 /* RCTConvert+CoreLocation.m in Sources */ = {isa = PBXBuildFile; fileRef = 13456E921ADAD2DE009F94A7 /* RCTConvert+CoreLocation.m */; };
 		134D63C31F1FEC4B008872B5 /* RCTCxxBridgeDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 134D63C21F1FEC4B008872B5 /* RCTCxxBridgeDelegate.h */; };
 		134D63C41F1FEC65008872B5 /* RCTCxxBridgeDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 134D63C21F1FEC4B008872B5 /* RCTCxxBridgeDelegate.h */; };
@@ -127,6 +128,10 @@
 		13D033631C1837FE0021DC29 /* RCTClipboard.m in Sources */ = {isa = PBXBuildFile; fileRef = 13D033621C1837FE0021DC29 /* RCTClipboard.m */; };
 		13D9FEEB1CDCCECF00158BD7 /* RCTEventEmitter.m in Sources */ = {isa = PBXBuildFile; fileRef = 13D9FEEA1CDCCECF00158BD7 /* RCTEventEmitter.m */; };
 		13D9FEEE1CDCD93000158BD7 /* RCTKeyboardObserver.m in Sources */ = {isa = PBXBuildFile; fileRef = 13D9FEED1CDCD93000158BD7 /* RCTKeyboardObserver.m */; };
+		13DA8A312097A90B00276ED4 /* ReactMarker.h in Headers */ = {isa = PBXBuildFile; fileRef = 13DA8A2F2097A90A00276ED4 /* ReactMarker.h */; };
+		13DA8A322097A90B00276ED4 /* ReactMarker.h in Headers */ = {isa = PBXBuildFile; fileRef = 13DA8A2F2097A90A00276ED4 /* ReactMarker.h */; };
+		13DA8A332097A90B00276ED4 /* ReactMarker.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 13DA8A302097A90B00276ED4 /* ReactMarker.cpp */; };
+		13DA8A342097A90B00276ED4 /* ReactMarker.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 13DA8A302097A90B00276ED4 /* ReactMarker.cpp */; };
 		13E0674A1A70F434002CDEE1 /* RCTUIManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E067491A70F434002CDEE1 /* RCTUIManager.m */; };
 		13E067561A70F44B002CDEE1 /* RCTViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E0674E1A70F44B002CDEE1 /* RCTViewManager.m */; };
 		13E067571A70F44B002CDEE1 /* RCTView.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E067501A70F44B002CDEE1 /* RCTView.m */; };
@@ -260,7 +265,6 @@
 		2D16E68E1FA4FD3900B85C8A /* RCTTVNavigationEventEmitter.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 3D0B842D1EC0B51200B2BD8E /* RCTTVNavigationEventEmitter.h */; };
 		2D1D83CD1F74E2CE00615550 /* libprivatedata-tvOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9936F32F1F5F2E5B0010BF04 /* libprivatedata-tvOS.a */; };
 		2D1D83CE1F74E2DA00615550 /* libdouble-conversion.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3D383D621EBD27B9005632C8 /* libdouble-conversion.a */; };
-		2D1D83EF1F74E76C00615550 /* RCTModalManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 91076A871F743AB00081B4FA /* RCTModalManager.m */; };
 		2D3B5E931D9B087300451313 /* RCTErrorInfo.m in Sources */ = {isa = PBXBuildFile; fileRef = 3EDCA8A41D3591E700450C31 /* RCTErrorInfo.m */; };
 		2D3B5E941D9B087900451313 /* RCTBundleURLProvider.m in Sources */ = {isa = PBXBuildFile; fileRef = 68EFE4ED1CF6EB3900A1DE13 /* RCTBundleURLProvider.m */; };
 		2D3B5E951D9B087C00451313 /* RCTAssert.m in Sources */ = {isa = PBXBuildFile; fileRef = 83CBBA4B1A601E3B00E9B192 /* RCTAssert.m */; };
@@ -329,7 +333,6 @@
 		2D3B5EF11D9B09E700451313 /* UIView+React.m in Sources */ = {isa = PBXBuildFile; fileRef = 13E067541A70F44B002CDEE1 /* UIView+React.m */; };
 		2D74EAFA1DAE9590003B751B /* RCTMultipartDataTask.m in Sources */ = {isa = PBXBuildFile; fileRef = 006FC4131D9B20820057AAAD /* RCTMultipartDataTask.m */; };
 		2D8C2E331DA40441000EE098 /* RCTMultipartStreamReader.m in Sources */ = {isa = PBXBuildFile; fileRef = 001BFCCF1D8381DE008E587E /* RCTMultipartStreamReader.m */; };
-		2DCCC3151FE48142007C5315 /* RCTRedBoxExtraDataViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = FEFAAC9C1FDB89B40057BBE0 /* RCTRedBoxExtraDataViewController.m */; };
 		2DD0EFE11DA84F2800B0C975 /* RCTStatusBarManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 13723B4F1A82FD3C00F88898 /* RCTStatusBarManager.m */; };
 		352DCFF01D19F4C20056D623 /* RCTI18nUtil.m in Sources */ = {isa = PBXBuildFile; fileRef = 352DCFEF1D19F4C20056D623 /* RCTI18nUtil.m */; };
 		369123E11DDC75850095B341 /* RCTJSCSamplingProfiler.m in Sources */ = {isa = PBXBuildFile; fileRef = 369123E01DDC75850095B341 /* RCTJSCSamplingProfiler.m */; };
@@ -978,6 +981,10 @@
 		53D1239F1FBF1EFB001B8A10 /* Yoga-internal.h in Headers */ = {isa = PBXBuildFile; fileRef = 53CBF1851FB4FE80002CBB31 /* Yoga-internal.h */; };
 		53D123A01FBF1EFF001B8A10 /* Yoga.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 53CBF1871FB4FE80002CBB31 /* Yoga.cpp */; };
 		53D123A11FBF1EFF001B8A10 /* Yoga.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 53CBF1871FB4FE80002CBB31 /* Yoga.cpp */; };
+		53DEF6EA205AE5A0006A3890 /* YGFloatOptional.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 53DEF6E6205AE59B006A3890 /* YGFloatOptional.cpp */; };
+		53DEF6EB205AE5A1006A3890 /* YGFloatOptional.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 53DEF6E6205AE59B006A3890 /* YGFloatOptional.cpp */; };
+		53DEF6EC205AE5A6006A3890 /* YGFloatOptional.h in Headers */ = {isa = PBXBuildFile; fileRef = 53DEF6E7205AE59C006A3890 /* YGFloatOptional.h */; };
+		53DEF6ED205AE5A7006A3890 /* YGFloatOptional.h in Headers */ = {isa = PBXBuildFile; fileRef = 53DEF6E7205AE59C006A3890 /* YGFloatOptional.h */; };
 		53EC85E21FDEC75F0051B2B5 /* YGNode.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 53EC85DF1FDEC75A0051B2B5 /* YGNode.cpp */; };
 		53EC85E31FDEC75F0051B2B5 /* YGNode.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 53EC85DF1FDEC75A0051B2B5 /* YGNode.cpp */; };
 		53EC85E41FDEC7630051B2B5 /* YGNode.h in Headers */ = {isa = PBXBuildFile; fileRef = 53EC85DE1FDEC75A0051B2B5 /* YGNode.h */; };
@@ -1143,6 +1150,8 @@
 		59EDBCC61FDF4E55003573DE /* (null) in Copy Headers */ = {isa = PBXBuildFile; };
 		59EDBCC71FDF4E55003573DE /* RCTScrollView.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 59EDBCA31FDF4E0C003573DE /* RCTScrollView.h */; };
 		59EDBCC81FDF4E55003573DE /* RCTScrollViewManager.h in Copy Headers */ = {isa = PBXBuildFile; fileRef = 59EDBCA51FDF4E0C003573DE /* RCTScrollViewManager.h */; };
+		5CE2080220772F7D009A43B3 /* YGConfig.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 5CE2080020772F7C009A43B3 /* YGConfig.cpp */; };
+		5CE2080320772F7D009A43B3 /* YGConfig.h in Headers */ = {isa = PBXBuildFile; fileRef = 5CE2080120772F7C009A43B3 /* YGConfig.h */; };
 		657734841EE834C900A0E9EA /* RCTInspectorDevServerHelper.h in Headers */ = {isa = PBXBuildFile; fileRef = 657734821EE834C900A0E9EA /* RCTInspectorDevServerHelper.h */; };
 		657734851EE834C900A0E9EA /* RCTInspectorDevServerHelper.mm in Sources */ = {isa = PBXBuildFile; fileRef = 657734831EE834C900A0E9EA /* RCTInspectorDevServerHelper.mm */; };
 		657734861EE834D900A0E9EA /* RCTInspectorDevServerHelper.mm in Sources */ = {isa = PBXBuildFile; fileRef = 657734831EE834C900A0E9EA /* RCTInspectorDevServerHelper.mm */; };
@@ -1209,6 +1218,7 @@
 		CF2731C11E7B8DE40044CA4F /* RCTDeviceInfo.m in Sources */ = {isa = PBXBuildFile; fileRef = CF2731BF1E7B8DE40044CA4F /* RCTDeviceInfo.m */; };
 		CF2731C21E7B8DEF0044CA4F /* RCTDeviceInfo.h in Headers */ = {isa = PBXBuildFile; fileRef = CF2731BE1E7B8DE40044CA4F /* RCTDeviceInfo.h */; };
 		CF2731C31E7B8DF30044CA4F /* RCTDeviceInfo.m in Sources */ = {isa = PBXBuildFile; fileRef = CF2731BF1E7B8DE40044CA4F /* RCTDeviceInfo.m */; };
+		E223624420875A8000108244 /* JSExecutor.cpp in Sources */ = {isa = PBXBuildFile; fileRef = E223624320875A8000108244 /* JSExecutor.cpp */; };
 		E9B20B7B1B500126007A2DA7 /* RCTAccessibilityManager.m in Sources */ = {isa = PBXBuildFile; fileRef = E9B20B7A1B500126007A2DA7 /* RCTAccessibilityManager.m */; };
 		EBF21BBC1FC498270052F4D5 /* InspectorInterfaces.h in Headers */ = {isa = PBXBuildFile; fileRef = EBF21BBA1FC498270052F4D5 /* InspectorInterfaces.h */; };
 		EBF21BBD1FC498270052F4D5 /* InspectorInterfaces.cpp in Sources */ = {isa = PBXBuildFile; fileRef = EBF21BBB1FC498270052F4D5 /* InspectorInterfaces.cpp */; };
@@ -1746,6 +1756,7 @@
 			dstPath = include/cxxreact;
 			dstSubfolderSpec = 16;
 			files = (
+				133EA4E52098F6E30035B1D8 /* ReactMarker.h in Copy Headers */,
 				C669D8981F72E3DE006748EB /* RAMBundleRegistry.h in Copy Headers */,
 				3DA981A01E5B0E34004F2374 /* CxxModule.h in Copy Headers */,
 				3DA981A11E5B0E34004F2374 /* CxxNativeModule.h in Copy Headers */,
@@ -1940,21 +1951,21 @@
 		139D7F141E25DEC900323FB7 /* raw_logging.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = raw_logging.h; sourceTree = "<group>"; };
 		139D7F161E25DEC900323FB7 /* stl_logging.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = stl_logging.h; sourceTree = "<group>"; };
 		139D7F181E25DEC900323FB7 /* vlog_is_on.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = vlog_is_on.h; sourceTree = "<group>"; };
-		139D849C1E273B5600323FB7 /* AtomicIntrusiveLinkedList.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AtomicIntrusiveLinkedList.h; path = "folly-2016.09.26.00/folly/AtomicIntrusiveLinkedList.h"; sourceTree = "<group>"; };
-		139D849D1E273B5600323FB7 /* Bits.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = Bits.cpp; path = "folly-2016.09.26.00/folly/Bits.cpp"; sourceTree = "<group>"; };
-		139D849E1E273B5600323FB7 /* Bits.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = Bits.h; path = "folly-2016.09.26.00/folly/Bits.h"; sourceTree = "<group>"; };
-		139D849F1E273B5600323FB7 /* Conv.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = Conv.cpp; path = "folly-2016.09.26.00/folly/Conv.cpp"; sourceTree = "<group>"; };
-		139D84A01E273B5600323FB7 /* Conv.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = Conv.h; path = "folly-2016.09.26.00/folly/Conv.h"; sourceTree = "<group>"; };
-		139D84A11E273B5600323FB7 /* dynamic-inl.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = "dynamic-inl.h"; path = "folly-2016.09.26.00/folly/dynamic-inl.h"; sourceTree = "<group>"; };
-		139D84A21E273B5600323FB7 /* dynamic.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = dynamic.cpp; path = "folly-2016.09.26.00/folly/dynamic.cpp"; sourceTree = "<group>"; };
-		139D84A31E273B5600323FB7 /* dynamic.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = dynamic.h; path = "folly-2016.09.26.00/folly/dynamic.h"; sourceTree = "<group>"; };
-		139D84A41E273B5600323FB7 /* Exception.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = Exception.h; path = "folly-2016.09.26.00/folly/Exception.h"; sourceTree = "<group>"; };
-		139D84A71E273B5600323FB7 /* json.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = json.cpp; path = "folly-2016.09.26.00/folly/json.cpp"; sourceTree = "<group>"; };
-		139D84A81E273B5600323FB7 /* json.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = json.h; path = "folly-2016.09.26.00/folly/json.h"; sourceTree = "<group>"; };
-		139D84A91E273B5600323FB7 /* Memory.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = Memory.h; path = "folly-2016.09.26.00/folly/Memory.h"; sourceTree = "<group>"; };
-		139D84AA1E273B5600323FB7 /* MoveWrapper.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = MoveWrapper.h; path = "folly-2016.09.26.00/folly/MoveWrapper.h"; sourceTree = "<group>"; };
-		139D84AB1E273B5600323FB7 /* Optional.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = Optional.h; path = "folly-2016.09.26.00/folly/Optional.h"; sourceTree = "<group>"; };
-		139D84AC1E273B5600323FB7 /* ScopeGuard.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = ScopeGuard.h; path = "folly-2016.09.26.00/folly/ScopeGuard.h"; sourceTree = "<group>"; };
+		139D849C1E273B5600323FB7 /* AtomicIntrusiveLinkedList.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AtomicIntrusiveLinkedList.h; path = "folly-2016.10.31.00/folly/AtomicIntrusiveLinkedList.h"; sourceTree = "<group>"; };
+		139D849D1E273B5600323FB7 /* Bits.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = Bits.cpp; path = "folly-2016.10.31.00/folly/Bits.cpp"; sourceTree = "<group>"; };
+		139D849E1E273B5600323FB7 /* Bits.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = Bits.h; path = "folly-2016.10.31.00/folly/Bits.h"; sourceTree = "<group>"; };
+		139D849F1E273B5600323FB7 /* Conv.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = Conv.cpp; path = "folly-2016.10.31.00/folly/Conv.cpp"; sourceTree = "<group>"; };
+		139D84A01E273B5600323FB7 /* Conv.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = Conv.h; path = "folly-2016.10.31.00/folly/Conv.h"; sourceTree = "<group>"; };
+		139D84A11E273B5600323FB7 /* dynamic-inl.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = "dynamic-inl.h"; path = "folly-2016.10.31.00/folly/dynamic-inl.h"; sourceTree = "<group>"; };
+		139D84A21E273B5600323FB7 /* dynamic.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = dynamic.cpp; path = "folly-2016.10.31.00/folly/dynamic.cpp"; sourceTree = "<group>"; };
+		139D84A31E273B5600323FB7 /* dynamic.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = dynamic.h; path = "folly-2016.10.31.00/folly/dynamic.h"; sourceTree = "<group>"; };
+		139D84A41E273B5600323FB7 /* Exception.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = Exception.h; path = "folly-2016.10.31.00/folly/Exception.h"; sourceTree = "<group>"; };
+		139D84A71E273B5600323FB7 /* json.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = json.cpp; path = "folly-2016.10.31.00/folly/json.cpp"; sourceTree = "<group>"; };
+		139D84A81E273B5600323FB7 /* json.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = json.h; path = "folly-2016.10.31.00/folly/json.h"; sourceTree = "<group>"; };
+		139D84A91E273B5600323FB7 /* Memory.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = Memory.h; path = "folly-2016.10.31.00/folly/Memory.h"; sourceTree = "<group>"; };
+		139D84AA1E273B5600323FB7 /* MoveWrapper.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = MoveWrapper.h; path = "folly-2016.10.31.00/folly/MoveWrapper.h"; sourceTree = "<group>"; };
+		139D84AB1E273B5600323FB7 /* Optional.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = Optional.h; path = "folly-2016.10.31.00/folly/Optional.h"; sourceTree = "<group>"; };
+		139D84AC1E273B5600323FB7 /* ScopeGuard.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = ScopeGuard.h; path = "folly-2016.10.31.00/folly/ScopeGuard.h"; sourceTree = "<group>"; };
 		13A0C2851B74F71200B29F6F /* RCTDevLoadingView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTDevLoadingView.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
 		13A0C2861B74F71200B29F6F /* RCTDevLoadingView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTDevLoadingView.m; sourceTree = "<group>"; };
 		13A0C2871B74F71200B29F6F /* RCTDevMenu.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = RCTDevMenu.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
@@ -2007,6 +2018,8 @@
 		13D9FEEA1CDCCECF00158BD7 /* RCTEventEmitter.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTEventEmitter.m; sourceTree = "<group>"; };
 		13D9FEEC1CDCD93000158BD7 /* RCTKeyboardObserver.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTKeyboardObserver.h; sourceTree = "<group>"; };
 		13D9FEED1CDCD93000158BD7 /* RCTKeyboardObserver.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTKeyboardObserver.m; sourceTree = "<group>"; };
+		13DA8A2F2097A90A00276ED4 /* ReactMarker.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ReactMarker.h; sourceTree = "<group>"; };
+		13DA8A302097A90B00276ED4 /* ReactMarker.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = ReactMarker.cpp; sourceTree = "<group>"; };
 		13E067481A70F434002CDEE1 /* RCTUIManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTUIManager.h; sourceTree = "<group>"; };
 		13E067491A70F434002CDEE1 /* RCTUIManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTUIManager.m; sourceTree = "<group>"; };
 		13E0674B1A70F44B002CDEE1 /* RCTShadowView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTShadowView.h; sourceTree = "<group>"; };
@@ -2018,11 +2031,11 @@
 		13E067541A70F44B002CDEE1 /* UIView+React.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = "UIView+React.m"; sourceTree = "<group>"; };
 		13F17A831B8493E5007D4C75 /* RCTRedBox.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTRedBox.h; sourceTree = "<group>"; };
 		13F17A841B8493E5007D4C75 /* RCTRedBox.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTRedBox.m; sourceTree = "<group>"; };
-		13F887521E2971C500C3C7A1 /* Demangle.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = Demangle.cpp; path = "folly-2016.09.26.00/folly/Demangle.cpp"; sourceTree = "<group>"; };
-		13F887531E2971C500C3C7A1 /* StringBase.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = StringBase.cpp; path = "folly-2016.09.26.00/folly/StringBase.cpp"; sourceTree = "<group>"; };
-		13F887541E2971C500C3C7A1 /* Unicode.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = Unicode.cpp; path = "folly-2016.09.26.00/folly/Unicode.cpp"; sourceTree = "<group>"; };
-		13F8879C1E29740700C3C7A1 /* BitsFunctexcept.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = BitsFunctexcept.cpp; path = "folly-2016.09.26.00/folly/portability/BitsFunctexcept.cpp"; sourceTree = "<group>"; };
-		13F887A01E2977D800C3C7A1 /* MallocImpl.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = MallocImpl.cpp; path = "folly-2016.09.26.00/folly/detail/MallocImpl.cpp"; sourceTree = "<group>"; };
+		13F887521E2971C500C3C7A1 /* Demangle.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = Demangle.cpp; path = "folly-2016.10.31.00/folly/Demangle.cpp"; sourceTree = "<group>"; };
+		13F887531E2971C500C3C7A1 /* StringBase.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = StringBase.cpp; path = "folly-2016.10.31.00/folly/StringBase.cpp"; sourceTree = "<group>"; };
+		13F887541E2971C500C3C7A1 /* Unicode.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = Unicode.cpp; path = "folly-2016.10.31.00/folly/Unicode.cpp"; sourceTree = "<group>"; };
+		13F8879C1E29740700C3C7A1 /* BitsFunctexcept.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = BitsFunctexcept.cpp; path = "folly-2016.10.31.00/folly/portability/BitsFunctexcept.cpp"; sourceTree = "<group>"; };
+		13F887A01E2977D800C3C7A1 /* MallocImpl.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = MallocImpl.cpp; path = "folly-2016.10.31.00/folly/detail/MallocImpl.cpp"; sourceTree = "<group>"; };
 		14200DA81AC179B3008EE6BA /* RCTJavaScriptLoader.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTJavaScriptLoader.h; sourceTree = "<group>"; };
 		142014171B32094000CC17BA /* RCTPerformanceLogger.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTPerformanceLogger.m; sourceTree = "<group>"; };
 		142014181B32094000CC17BA /* RCTPerformanceLogger.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTPerformanceLogger.h; sourceTree = "<group>"; };
@@ -2169,6 +2182,8 @@
 		53CBF1861FB4FE80002CBB31 /* YGEnums.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = YGEnums.cpp; sourceTree = "<group>"; };
 		53CBF1871FB4FE80002CBB31 /* Yoga.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = Yoga.cpp; sourceTree = "<group>"; };
 		53D123831FBF1D49001B8A10 /* libyoga.a */ = {isa = PBXFileReference; lastKnownFileType = archive.ar; name = libyoga.a; path = "../../../../../../../../../Library/Developer/Xcode/DerivedData/yoga-hdfifpwsinitsibujacpiefkjfdy/Build/Products/Debug/libyoga.a"; sourceTree = "<group>"; };
+		53DEF6E6205AE59B006A3890 /* YGFloatOptional.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = YGFloatOptional.cpp; sourceTree = "<group>"; };
+		53DEF6E7205AE59C006A3890 /* YGFloatOptional.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = YGFloatOptional.h; sourceTree = "<group>"; };
 		53EC85DE1FDEC75A0051B2B5 /* YGNode.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = YGNode.h; sourceTree = "<group>"; };
 		53EC85DF1FDEC75A0051B2B5 /* YGNode.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = YGNode.cpp; sourceTree = "<group>"; };
 		58114A121AAE854800E7D092 /* RCTPicker.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTPicker.h; sourceTree = "<group>"; };
@@ -2231,6 +2246,8 @@
 		59EDBCA41FDF4E0C003573DE /* RCTScrollView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTScrollView.m; sourceTree = "<group>"; };
 		59EDBCA51FDF4E0C003573DE /* RCTScrollViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTScrollViewManager.h; sourceTree = "<group>"; };
 		59EDBCA61FDF4E0C003573DE /* RCTScrollViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTScrollViewManager.m; sourceTree = "<group>"; };
+		5CE2080020772F7C009A43B3 /* YGConfig.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = YGConfig.cpp; sourceTree = "<group>"; };
+		5CE2080120772F7C009A43B3 /* YGConfig.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = YGConfig.h; sourceTree = "<group>"; };
 		657734821EE834C900A0E9EA /* RCTInspectorDevServerHelper.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTInspectorDevServerHelper.h; sourceTree = "<group>"; };
 		657734831EE834C900A0E9EA /* RCTInspectorDevServerHelper.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = RCTInspectorDevServerHelper.mm; sourceTree = "<group>"; };
 		6577348A1EE8354A00A0E9EA /* RCTInspector.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = RCTInspector.h; path = Inspector/RCTInspector.h; sourceTree = "<group>"; };
@@ -2295,6 +2312,7 @@
 		C6D380191F71D75B00621378 /* RAMBundleRegistry.cpp */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.cpp.cpp; path = RAMBundleRegistry.cpp; sourceTree = "<group>"; };
 		CF2731BE1E7B8DE40044CA4F /* RCTDeviceInfo.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTDeviceInfo.h; sourceTree = "<group>"; };
 		CF2731BF1E7B8DE40044CA4F /* RCTDeviceInfo.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTDeviceInfo.m; sourceTree = "<group>"; };
+		E223624320875A8000108244 /* JSExecutor.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = JSExecutor.cpp; sourceTree = "<group>"; };
 		E3BBC8EB1ADE6F47001BBD81 /* RCTTextDecorationLineType.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = RCTTextDecorationLineType.h; sourceTree = "<group>"; };
 		E9B20B791B500126007A2DA7 /* RCTAccessibilityManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCTAccessibilityManager.h; sourceTree = "<group>"; };
 		E9B20B7A1B500126007A2DA7 /* RCTAccessibilityManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTAccessibilityManager.m; sourceTree = "<group>"; };
@@ -2349,6 +2367,10 @@
 		130A77021DF767AF001F9587 /* yoga */ = {
 			isa = PBXGroup;
 			children = (
+				5CE2080020772F7C009A43B3 /* YGConfig.cpp */,
+				5CE2080120772F7C009A43B3 /* YGConfig.h */,
+				53DEF6E6205AE59B006A3890 /* YGFloatOptional.cpp */,
+				53DEF6E7205AE59C006A3890 /* YGFloatOptional.h */,
 				5343895E203905B6008E0CB3 /* YGLayout.cpp */,
 				5343895F203905B6008E0CB3 /* YGLayout.h */,
 				5352C5722038FF8D00A3B97E /* YGStyle.cpp */,
@@ -3020,6 +3042,9 @@
 		AC70D2EA1DE489FC002E6351 /* cxxreact */ = {
 			isa = PBXGroup;
 			children = (
+				13DA8A302097A90B00276ED4 /* ReactMarker.cpp */,
+				13DA8A2F2097A90A00276ED4 /* ReactMarker.h */,
+				E223624320875A8000108244 /* JSExecutor.cpp */,
 				3D92B0A71E03699D0018521A /* CxxModule.h */,
 				3D92B0A81E03699D0018521A /* CxxNativeModule.cpp */,
 				3D92B0A91E03699D0018521A /* CxxNativeModule.h */,
@@ -3299,6 +3324,7 @@
 				5376C5E71FC6DDC20083513D /* YGNodePrint.h in Headers */,
 				3DFE0D191DF8574D00459392 /* Yoga.h in Headers */,
 				53438965203905C0008E0CB3 /* YGLayout.h in Headers */,
+				53DEF6ED205AE5A7006A3890 /* YGFloatOptional.h in Headers */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -3306,6 +3332,7 @@
 			isa = PBXHeadersBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				13DA8A322097A90B00276ED4 /* ReactMarker.h in Headers */,
 				3D74547E1E54759A00E74ADD /* JSModulesUnbundle.h in Headers */,
 				C6D3801B1F71D76200621378 /* RAMBundleRegistry.h in Headers */,
 				27595AD51E575C7800CCE2B1 /* NativeToJsBridge.h in Headers */,
@@ -3379,6 +3406,7 @@
 				5376C5E61FC6DDC10083513D /* YGNodePrint.h in Headers */,
 				133957891DF76D3500EC27BE /* YGMacros.h in Headers */,
 				53438964203905BF008E0CB3 /* YGLayout.h in Headers */,
+				53DEF6EC205AE5A6006A3890 /* YGFloatOptional.h in Headers */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -3399,6 +3427,7 @@
 			isa = PBXHeadersBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				13DA8A312097A90B00276ED4 /* ReactMarker.h in Headers */,
 				3D74547F1E54759E00E74ADD /* JSModulesUnbundle.h in Headers */,
 				C6D3801A1F71D76100621378 /* RAMBundleRegistry.h in Headers */,
 				27595ABA1E575C7800CCE2B1 /* NativeToJsBridge.h in Headers */,
@@ -3551,6 +3580,7 @@
 				59EDBCAD1FDF4E0C003573DE /* RCTScrollContentView.h in Headers */,
 				59EDBCA71FDF4E0C003573DE /* RCTScrollableProtocol.h in Headers */,
 				591F78DC202ADB22004A668C /* RCTLayout.h in Headers */,
+				5CE2080320772F7D009A43B3 /* YGConfig.h in Headers */,
 				3D80DA631DF820620028D040 /* RCTBorderDrawing.h in Headers */,
 				3D80DA641DF820620028D040 /* RCTBorderStyle.h in Headers */,
 				3D80DA651DF820620028D040 /* RCTComponent.h in Headers */,
@@ -3942,7 +3972,7 @@
 		83CBB9F71A601CBA00E9B192 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0810;
+				LastUpgradeCheck = 0940;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					139D7E871E25C6D100323FB7 = {
@@ -4200,7 +4230,6 @@
 				C606692F1F3CC60500E67165 /* RCTModuleMethod.mm in Sources */,
 				2D3B5E9F1D9B08AF00451313 /* RCTKeyCommands.m in Sources */,
 				2D3B5EA51D9B08C700451313 /* RCTRootView.m in Sources */,
-				2DCCC3151FE48142007C5315 /* RCTRedBoxExtraDataViewController.m in Sources */,
 				13134C871E296B2A00B9F3CB /* RCTCxxBridge.mm in Sources */,
 				CF2731C31E7B8DF30044CA4F /* RCTDeviceInfo.m in Sources */,
 				599FAA3F1FB274980058CCF6 /* RCTSurfaceRootShadowView.m in Sources */,
@@ -4240,7 +4269,6 @@
 				2D3B5EC61D9B095000451313 /* RCTProfileTrampoline-x86_64.S in Sources */,
 				2D3B5EA61D9B08CA00451313 /* RCTTouchEvent.m in Sources */,
 				2D8C2E331DA40441000EE098 /* RCTMultipartStreamReader.m in Sources */,
-				2D1D83EF1F74E76C00615550 /* RCTModalManager.m in Sources */,
 				59EDBCBC1FDF4E0C003573DE /* RCTScrollViewManager.m in Sources */,
 				59EDBCB01FDF4E0C003573DE /* RCTScrollContentView.m in Sources */,
 				2D3B5EF01D9B09E300451313 /* RCTWrapperViewController.m in Sources */,
@@ -4318,6 +4346,7 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				53DEF6EA205AE5A0006A3890 /* YGFloatOptional.cpp in Sources */,
 				53D123A01FBF1EFF001B8A10 /* Yoga.cpp in Sources */,
 				5352C5752038FF9500A3B97E /* YGStyle.cpp in Sources */,
 				53EC85E21FDEC75F0051B2B5 /* YGNode.cpp in Sources */,
@@ -4332,6 +4361,7 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				53DEF6EB205AE5A1006A3890 /* YGFloatOptional.cpp in Sources */,
 				53D123A11FBF1EFF001B8A10 /* Yoga.cpp in Sources */,
 				5352C5762038FF9700A3B97E /* YGStyle.cpp in Sources */,
 				53EC85E31FDEC75F0051B2B5 /* YGNode.cpp in Sources */,
@@ -4377,6 +4407,7 @@
 				13F8876E1E29726200C3C7A1 /* CxxNativeModule.cpp in Sources */,
 				13F887721E29726200C3C7A1 /* JSCExecutor.cpp in Sources */,
 				13F887741E29726200C3C7A1 /* JSCLegacyTracing.cpp in Sources */,
+				13DA8A332097A90B00276ED4 /* ReactMarker.cpp in Sources */,
 				13F887771E29726200C3C7A1 /* JSCPerfStats.cpp in Sources */,
 				13F887711E29726200C3C7A1 /* JSBundleType.cpp in Sources */,
 				13F887791E29726200C3C7A1 /* JSCUtils.cpp in Sources */,
@@ -4402,6 +4433,7 @@
 				13F887851E29726300C3C7A1 /* JSCExecutor.cpp in Sources */,
 				13F887871E29726300C3C7A1 /* JSCLegacyTracing.cpp in Sources */,
 				13F8878A1E29726300C3C7A1 /* JSCPerfStats.cpp in Sources */,
+				13DA8A342097A90B00276ED4 /* ReactMarker.cpp in Sources */,
 				13F887841E29726300C3C7A1 /* Instance.cpp in Sources */,
 				13F8878C1E29726300C3C7A1 /* JSCUtils.cpp in Sources */,
 				13F8878B1E29726300C3C7A1 /* JSCSamplingProfiler.cpp in Sources */,
@@ -4421,6 +4453,7 @@
 			buildActionMask = 2147483647;
 			files = (
 				13134C9A1E296B2A00B9F3CB /* RCTCxxMethod.mm in Sources */,
+				E223624420875A8000108244 /* JSExecutor.cpp in Sources */,
 				59500D451F71C63F00B122B7 /* RCTUIManagerUtils.m in Sources */,
 				597633361F4E021D005BE8A4 /* RCTShadowView+Internal.m in Sources */,
 				13723B501A82FD3C00F88898 /* RCTStatusBarManager.m in Sources */,
@@ -4526,6 +4559,7 @@
 				13A1F71E1A75392D00D3D453 /* RCTKeyCommands.m in Sources */,
 				83CBBA531A601E3B00E9B192 /* RCTUtils.m in Sources */,
 				130443C61E401A8C00D93A67 /* RCTConvert+Transform.m in Sources */,
+				5CE2080220772F7D009A43B3 /* YGConfig.cpp in Sources */,
 				191E3EC11C29DC3800C180A6 /* RCTRefreshControl.m in Sources */,
 				3DCE532B1FEAB23100613583 /* RCTDatePickerManager.m in Sources */,
 				13C156051AB1A2840079392D /* RCTWebView.m in Sources */,
@@ -5071,14 +5105,22 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
 				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
 				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
@@ -5106,7 +5148,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -5127,14 +5169,22 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
 				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
 				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
@@ -5154,7 +5204,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SKIP_INSTALL = YES;
diff --git a/React/Views/RCTFont.h b/React/Views/RCTFont.h
index e812f69df353e5..a8f347a7d52f48 100644
--- a/React/Views/RCTFont.h
+++ b/React/Views/RCTFont.h
@@ -18,7 +18,7 @@ typedef UIFont *(^RCTFontHandler)(CGFloat fontSize, NSString *fontWeightDescript
  * "semibold", "extrabold", "bold", "heavy", or "black".
  */
 RCT_EXTERN void RCTSetDefaultFontHandler(RCTFontHandler handler);
-RCT_EXTERN BOOL RCTHasFontHandlerSet();
+RCT_EXTERN BOOL RCTHasFontHandlerSet(void);
 
 @interface RCTFont : NSObject
 
diff --git a/React/Views/RCTFont.mm b/React/Views/RCTFont.mm
index 3fb3e36177cd19..9cd63ce6ffe188 100644
--- a/React/Views/RCTFont.mm
+++ b/React/Views/RCTFont.mm
@@ -13,25 +13,6 @@
 
 #import <mutex>
 
-#if !defined(__IPHONE_8_2) || __IPHONE_OS_VERSION_MIN_REQUIRED < __IPHONE_8_2
-
-// These constants are defined in iPhone SDK 8.2, but the app cannot run on
-// iOS < 8.2 unless we redefine them here. If you target iOS 8.2 or above
-// as a base target, the standard constants will be used instead.
-// These constants can only be removed when React Native drops iOS8 support.
-
-#define UIFontWeightUltraLight -0.8
-#define UIFontWeightThin -0.6
-#define UIFontWeightLight -0.4
-#define UIFontWeightRegular 0
-#define UIFontWeightMedium 0.23
-#define UIFontWeightSemibold 0.3
-#define UIFontWeightBold 0.4
-#define UIFontWeightHeavy 0.56
-#define UIFontWeightBlack 0.62
-
-#endif
-
 typedef CGFloat RCTFontWeight;
 static RCTFontWeight weightOfFont(UIFont *font)
 {
diff --git a/React/Views/RCTPicker.m b/React/Views/RCTPicker.m
index 3193417bdfdd8c..16f383a8f4def3 100644
--- a/React/Views/RCTPicker.m
+++ b/React/Views/RCTPicker.m
@@ -23,6 +23,7 @@ - (instancetype)initWithFrame:(CGRect)frame
     _selectedIndex = NSNotFound;
     _textAlign = NSTextAlignmentCenter;
     self.delegate = self;
+    [self selectRow:0 inComponent:0 animated:YES]; // Workaround for missing selection indicator lines (see https://stackoverflow.com/questions/39564660/uipickerview-selection-indicator-not-visible-in-ios10)
   }
   return self;
 }
diff --git a/React/Views/RCTShadowView.m b/React/Views/RCTShadowView.m
index f29dbcbbd3631e..fce31af6534a60 100644
--- a/React/Views/RCTShadowView.m
+++ b/React/Views/RCTShadowView.m
@@ -9,6 +9,7 @@
 
 #import "RCTConvert.h"
 #import "RCTI18nUtil.h"
+#import "RCTLayout.h"
 #import "RCTLog.h"
 #import "RCTShadowView+Layout.h"
 #import "RCTUtils.h"
@@ -284,6 +285,8 @@ - (void)layoutWithMinimumSize:(CGSize)minimumSize
     return;
   }
 
+  YGNodeSetHasNewLayout(yogaNode, false);
+
   RCTLayoutMetrics layoutMetrics = RCTLayoutMetricsFromYogaNode(yogaNode);
 
   layoutContext.absolutePosition.x += layoutMetrics.frame.origin.x;
@@ -321,6 +324,8 @@ - (void)layoutSubviewsWithContext:(RCTLayoutContext)layoutContext
       continue;
     }
 
+    YGNodeSetHasNewLayout(childYogaNode, false);
+
     RCTLayoutMetrics childLayoutMetrics = RCTLayoutMetricsFromYogaNode(childYogaNode);
 
     layoutContext.absolutePosition.x += childLayoutMetrics.frame.origin.x;
@@ -336,10 +341,10 @@ - (void)layoutSubviewsWithContext:(RCTLayoutContext)layoutContext
 
 - (CGSize)sizeThatFitsMinimumSize:(CGSize)minimumSize maximumSize:(CGSize)maximumSize
 {
-  YGNodeRef clonnedYogaNode = YGNodeClone(self.yogaNode);
+  YGNodeRef clonedYogaNode = YGNodeClone(self.yogaNode);
   YGNodeRef constraintYogaNode = YGNodeNewWithConfig([[self class] yogaConfig]);
 
-  YGNodeInsertChild(constraintYogaNode, clonnedYogaNode, 0);
+  YGNodeInsertChild(constraintYogaNode, clonedYogaNode, 0);
 
   YGNodeStyleSetMinWidth(constraintYogaNode, RCTYogaFloatFromCoreGraphicsFloat(minimumSize.width));
   YGNodeStyleSetMinHeight(constraintYogaNode, RCTYogaFloatFromCoreGraphicsFloat(minimumSize.height));
@@ -350,7 +355,7 @@ - (CGSize)sizeThatFitsMinimumSize:(CGSize)minimumSize maximumSize:(CGSize)maximu
     constraintYogaNode,
     YGUndefined,
     YGUndefined,
-    self.layoutMetrics.layoutDirection
+    RCTYogaLayoutDirectionFromUIKitLayoutDirection(self.layoutMetrics.layoutDirection)
   );
 
   CGSize measuredSize = (CGSize){
@@ -358,9 +363,9 @@ - (CGSize)sizeThatFitsMinimumSize:(CGSize)minimumSize maximumSize:(CGSize)maximu
     RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetHeight(constraintYogaNode)),
   };
 
-  YGNodeRemoveChild(constraintYogaNode, clonnedYogaNode);
+  YGNodeRemoveChild(constraintYogaNode, clonedYogaNode);
   YGNodeFree(constraintYogaNode);
-  YGNodeFree(clonnedYogaNode);
+  YGNodeFree(clonedYogaNode);
 
   return measuredSize;
 }
diff --git a/React/Views/RCTViewManager.m b/React/Views/RCTViewManager.m
index 626e923d35e5db..c0cba461188389 100644
--- a/React/Views/RCTViewManager.m
+++ b/React/Views/RCTViewManager.m
@@ -33,9 +33,11 @@ @implementation RCTConvert(UIAccessibilityTraits)
   @"header": @(UIAccessibilityTraitHeader),
   @"search": @(UIAccessibilityTraitSearchField),
   @"image": @(UIAccessibilityTraitImage),
+  @"imagebutton": @(UIAccessibilityTraitImage | UIAccessibilityTraitButton),
   @"selected": @(UIAccessibilityTraitSelected),
   @"plays": @(UIAccessibilityTraitPlaysSound),
   @"key": @(UIAccessibilityTraitKeyboardKey),
+  @"keyboardkey": @(UIAccessibilityTraitKeyboardKey),
   @"text": @(UIAccessibilityTraitStaticText),
   @"summary": @(UIAccessibilityTraitSummaryElement),
   @"disabled": @(UIAccessibilityTraitNotEnabled),
@@ -112,6 +114,7 @@ - (RCTShadowView *)shadowView
 RCT_REMAP_VIEW_PROPERTY(accessibilityTraits, reactAccessibilityElement.accessibilityTraits, UIAccessibilityTraits)
 RCT_REMAP_VIEW_PROPERTY(accessibilityViewIsModal, reactAccessibilityElement.accessibilityViewIsModal, BOOL)
 RCT_REMAP_VIEW_PROPERTY(accessibilityElementsHidden, reactAccessibilityElement.accessibilityElementsHidden, BOOL)
+RCT_REMAP_VIEW_PROPERTY(accessibilityIgnoresInvertColors, reactAccessibilityElement.shouldAccessibilityIgnoresInvertColors, BOOL)
 RCT_REMAP_VIEW_PROPERTY(onAccessibilityAction, reactAccessibilityElement.onAccessibilityAction, RCTDirectEventBlock)
 RCT_REMAP_VIEW_PROPERTY(onAccessibilityTap, reactAccessibilityElement.onAccessibilityTap, RCTDirectEventBlock)
 RCT_REMAP_VIEW_PROPERTY(onMagicTap, reactAccessibilityElement.onMagicTap, RCTDirectEventBlock)
@@ -145,6 +148,16 @@ - (RCTShadowView *)shadowView
   view.layer.allowsEdgeAntialiasing = !CATransform3DIsIdentity(view.layer.transform);
 }
 
+RCT_CUSTOM_VIEW_PROPERTY(accessibilityRole, UIAccessibilityTraits, RCTView)
+{
+    view.reactAccessibilityElement.accessibilityTraits |= json ? [RCTConvert UIAccessibilityTraits:json] : defaultView.accessibilityTraits;
+}
+
+RCT_CUSTOM_VIEW_PROPERTY(accessibilityStates, UIAccessibilityTraits, RCTView)
+{
+    view.reactAccessibilityElement.accessibilityTraits |= json ? [RCTConvert UIAccessibilityTraits:json] : defaultView.accessibilityTraits;
+}
+
 RCT_CUSTOM_VIEW_PROPERTY(pointerEvents, RCTPointerEvents, RCTView)
 {
   if ([view respondsToSelector:@selector(setPointerEvents:)]) {
diff --git a/React/Views/ScrollView/RCTScrollView.m b/React/Views/ScrollView/RCTScrollView.m
index 6a8f3353942625..58661fa78488a5 100644
--- a/React/Views/ScrollView/RCTScrollView.m
+++ b/React/Views/ScrollView/RCTScrollView.m
@@ -393,7 +393,9 @@ - (instancetype)initWithEventDispatcher:(RCTEventDispatcher *)eventDispatcher
     // doesn't do weird things to UIScrollView insets automatically
     // and keeps it as an opt-in behavior.
     if ([_scrollView respondsToSelector:@selector(setContentInsetAdjustmentBehavior:)]) {
+      if (@available(iOS 11.0, *)) {
         _scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
+      }
     }
 #endif
 
@@ -443,6 +445,11 @@ - (void)insertReactSubview:(UIView *)view atIndex:(NSInteger)atIndex
 #if !TARGET_OS_TV
   if ([view isKindOfClass:[RCTRefreshControl class]]) {
     [_scrollView setRctRefreshControl:(RCTRefreshControl *)view];
+  }
+  else if ([view conformsToProtocol:@protocol(UIScrollViewDelegate)]) {
+    [self addScrollListener:(UIView<UIScrollViewDelegate> *)view];
+    [_scrollView addSubview:view];
+    [_scrollView sendSubviewToBack:view];
   } else
 #endif
   {
@@ -459,6 +466,9 @@ - (void)removeReactSubview:(UIView *)subview
 #if !TARGET_OS_TV
   if ([subview isKindOfClass:[RCTRefreshControl class]]) {
     [_scrollView setRctRefreshControl:nil];
+  } else if ([subview conformsToProtocol:@protocol(UIScrollViewDelegate)]) {
+    [self removeScrollListener:(UIView<UIScrollViewDelegate> *)subview];
+    [subview removeFromSuperview];
   } else
 #endif
   {
@@ -575,9 +585,6 @@ - (void)scrollToOffset:(CGPoint)offset
 - (void)scrollToOffset:(CGPoint)offset animated:(BOOL)animated
 {
   if (!CGPointEqualToPoint(_scrollView.contentOffset, offset)) {
-    CGFloat maxOffsetX = _scrollView.contentSize.width - _scrollView.bounds.size.width + _scrollView.contentInset.right;
-    CGFloat maxOffsetY = _scrollView.contentSize.height - _scrollView.bounds.size.height + _scrollView.contentInset.bottom;
-    offset = CGPointMake(MAX(0, MIN(maxOffsetX, offset.x)), MAX(0, MIN(maxOffsetY, offset.y)));
     // Ensure at least one scroll event will fire
     _allowNextScrollNoMatterWhat = YES;
     [_scrollView setContentOffset:offset animated:animated];
@@ -1029,7 +1036,9 @@ - (void)setContentInsetAdjustmentBehavior:(UIScrollViewContentInsetAdjustmentBeh
   // `contentInsetAdjustmentBehavior` is available since iOS 11.
   if ([_scrollView respondsToSelector:@selector(setContentInsetAdjustmentBehavior:)]) {
     CGPoint contentOffset = _scrollView.contentOffset;
-    _scrollView.contentInsetAdjustmentBehavior = behavior;
+    if (@available(iOS 11.0, *)) {
+      _scrollView.contentInsetAdjustmentBehavior = behavior;
+    }
     _scrollView.contentOffset = contentOffset;
   }
 }
diff --git a/React/Views/UIView+React.h b/React/Views/UIView+React.h
index 94de7aae753130..3d0ac2c5af7a57 100644
--- a/React/Views/UIView+React.h
+++ b/React/Views/UIView+React.h
@@ -27,6 +27,12 @@
  */
 @property (nonatomic, copy) NSString *nativeID;
 
+/**
+ * Determines whether or not a view should ignore inverted colors or not. Used to set
+ * UIView property accessibilityIgnoresInvertColors in iOS 11+.
+ */
+@property (nonatomic, assign) BOOL shouldAccessibilityIgnoresInvertColors;
+
 /**
  * Layout direction of the view.
  * Internally backed to `semanticContentAttribute` property.
diff --git a/React/Views/UIView+React.m b/React/Views/UIView+React.m
index 22d14f82c4a334..613083b4c44027 100644
--- a/React/Views/UIView+React.m
+++ b/React/Views/UIView+React.m
@@ -35,6 +35,25 @@ - (void)setNativeID:(NSNumber *)nativeID
   objc_setAssociatedObject(self, @selector(nativeID), nativeID, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
 }
 
+- (BOOL)shouldAccessibilityIgnoresInvertColors
+{
+#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 110000 /* __IPHONE_11_0 */
+    if (@available(iOS 11.0, *)) {
+        return self.accessibilityIgnoresInvertColors;
+    }
+#endif
+    return NO;
+}
+
+- (void)setShouldAccessibilityIgnoresInvertColors:(BOOL)shouldAccessibilityIgnoresInvertColors
+{
+#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 110000 /* __IPHONE_11_0 */
+    if (@available(iOS 11.0, *)) {
+        self.accessibilityIgnoresInvertColors = shouldAccessibilityIgnoresInvertColors;
+    }
+#endif
+}
+
 - (BOOL)isReactRootView
 {
   return RCTIsReactRootView(self.reactTag);
diff --git a/React/third-party.xcconfig b/React/third-party.xcconfig
index 37a4baa2979b2d..24bf1727b3848c 100644
--- a/React/third-party.xcconfig
+++ b/React/third-party.xcconfig
@@ -6,5 +6,5 @@
 //  Copyright © 2017 Facebook. All rights reserved.
 //
 
-HEADER_SEARCH_PATHS = $(SRCROOT)/../third-party/boost_1_63_0 $(SRCROOT)/../third-party/folly-2016.09.26.00 $(SRCROOT)/../third-party/glog-0.3.4/src
+HEADER_SEARCH_PATHS = $(SRCROOT)/../third-party/boost_1_63_0 $(SRCROOT)/../third-party/folly-2016.10.31.00 $(SRCROOT)/../third-party/glog-0.3.4/src
 OTHER_CFLAGS = -DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1
diff --git a/ReactAndroid/README.md b/ReactAndroid/README.md
index 1a5587481b94bc..d96e2bf1184d0a 100644
--- a/ReactAndroid/README.md
+++ b/ReactAndroid/README.md
@@ -1,6 +1,6 @@
 # Building React Native for Android
 
-See the [docs on the website](https://facebook.github.io/react-native/docs/android-building-from-source.html).
+See the [docs on the website](https://facebook.github.io/react-native/docs/building-from-source.html#android).
 
 # Running tests
 
diff --git a/ReactAndroid/build.gradle b/ReactAndroid/build.gradle
index fdea9de2db7eb1..dc0734a9534920 100644
--- a/ReactAndroid/build.gradle
+++ b/ReactAndroid/build.gradle
@@ -1,4 +1,7 @@
-// Copyright 2015-present Facebook. All Rights Reserved.
+// Copyright (c) 2015-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 apply plugin: 'com.android.library'
 apply plugin: 'maven'
@@ -13,14 +16,15 @@ import org.apache.tools.ant.filters.ReplaceTokens
 // We then copy both the downloaded code and our custom makefiles and headers into third-party-ndk.
 // After that we build native code from src/main/jni with module path pointing at third-party-ndk.
 
-def downloadsDir = new File("$buildDir/downloads")
+def customDownloadsDir = System.getenv("REACT_NATIVE_DOWNLOADS_DIR")
+def downloadsDir = customDownloadsDir ? new File(customDownloadsDir) : new File("$buildDir/downloads")
 def thirdPartyNdkDir = new File("$buildDir/third-party-ndk")
 
 // You need to have following folders in this directory:
 //   - boost_1_63_0
-//   - double-conversion-1.1.1
+//   - double-conversion-1.1.6
 //   - folly-deprecate-dynamic-initializer
-//   - glog-0.3.3
+//   - glog-0.3.5
 //   - jsc-headers
 def dependenciesPath = System.getenv("REACT_NATIVE_DEPENDENCIES")
 
@@ -53,42 +57,42 @@ task prepareBoost(dependsOn: boostPath ? [] : [downloadBoost], type: Copy) {
 }
 
 task downloadDoubleConversion(dependsOn: createNativeDepsDirectories, type: Download) {
-    src 'https://github.com/google/double-conversion/archive/v1.1.1.tar.gz'
+    src 'https://github.com/google/double-conversion/archive/v1.1.6.tar.gz'
     onlyIfNewer true
     overwrite false
-    dest new File(downloadsDir, 'double-conversion-1.1.1.tar.gz')
+    dest new File(downloadsDir, 'double-conversion-1.1.6.tar.gz')
 }
 
 task prepareDoubleConversion(dependsOn: dependenciesPath ? [] : [downloadDoubleConversion], type: Copy) {
     from dependenciesPath ?: tarTree(downloadDoubleConversion.dest)
     from 'src/main/jni/third-party/double-conversion/Android.mk'
-    include 'double-conversion-1.1.1/src/**/*', 'Android.mk'
+    include 'double-conversion-1.1.6/src/**/*', 'Android.mk'
     filesMatching('*/src/**/*', {fname -> fname.path = "double-conversion/${fname.name}"})
     includeEmptyDirs = false
     into "$thirdPartyNdkDir/double-conversion"
 }
 
 task downloadFolly(dependsOn: createNativeDepsDirectories, type: Download) {
-    src 'https://github.com/facebook/folly/archive/v2016.09.26.00.tar.gz'
+    src 'https://github.com/facebook/folly/archive/v2016.10.31.00.tar.gz'
     onlyIfNewer true
     overwrite false
-    dest new File(downloadsDir, 'folly-2016.09.26.00.tar.gz');
+    dest new File(downloadsDir, 'folly-2016.10.31.00.tar.gz');
 }
 
 task prepareFolly(dependsOn: dependenciesPath ? [] : [downloadFolly], type: Copy) {
     from dependenciesPath ?: tarTree(downloadFolly.dest)
     from 'src/main/jni/third-party/folly/Android.mk'
-    include 'folly-2016.09.26.00/folly/**/*', 'Android.mk'
-    eachFile {fname -> fname.path = (fname.path - "folly-2016.09.26.00/")}
+    include 'folly-2016.10.31.00/folly/**/*', 'Android.mk'
+    eachFile {fname -> fname.path = (fname.path - "folly-2016.10.31.00/")}
     includeEmptyDirs = false
     into "$thirdPartyNdkDir/folly"
 }
 
 task downloadGlog(dependsOn: createNativeDepsDirectories, type: Download) {
-    src 'https://github.com/google/glog/archive/v0.3.3.tar.gz'
+    src 'https://github.com/google/glog/archive/v0.3.5.tar.gz'
     onlyIfNewer true
     overwrite false
-    dest new File(downloadsDir, 'glog-0.3.3.tar.gz')
+    dest new File(downloadsDir, 'glog-0.3.5.tar.gz')
 }
 
 // Prepare glog sources to be compiled, this task will perform steps that normally should've been
@@ -96,7 +100,7 @@ task downloadGlog(dependsOn: createNativeDepsDirectories, type: Download) {
 task prepareGlog(dependsOn: dependenciesPath ? [] : [downloadGlog], type: Copy) {
     from dependenciesPath ?: tarTree(downloadGlog.dest)
     from 'src/main/jni/third-party/glog/'
-    include 'glog-0.3.3/src/**/*', 'Android.mk', 'config.h'
+    include 'glog-0.3.5/src/**/*', 'Android.mk', 'config.h'
     includeEmptyDirs = false
     filesMatching('**/*.h.in') {
         filter(ReplaceTokens, tokens: [
@@ -145,6 +149,16 @@ task prepareJSC(dependsOn: dependenciesPath ? [] : [downloadJSCHeaders]) << {
     }
 }
 
+task downloadNdkBuildDependencies {
+  if (!boostPath) {
+    dependsOn downloadBoost
+  }
+  dependsOn downloadDoubleConversion
+  dependsOn downloadFolly
+  dependsOn downloadGlog
+  dependsOn downloadJSCHeaders
+}
+
 def getNdkBuildName() {
     if (Os.isFamily(Os.FAMILY_WINDOWS)) {
         return "ndk-build.cmd"
@@ -231,15 +245,17 @@ task packageReactNdkLibsForBuck(dependsOn: packageReactNdkLibs, type: Copy) {
 }
 
 android {
-    compileSdkVersion 23
-    buildToolsVersion "23.0.1"
+    compileSdkVersion 26
+    buildToolsVersion "26.0.3"
 
     defaultConfig {
         minSdkVersion 16
-        targetSdkVersion 22
+        targetSdkVersion 26
         versionCode 1
         versionName "1.0"
 
+        consumerProguardFiles 'proguard-rules.pro'
+
         ndk {
             moduleName "reactnativejni"
         }
@@ -279,15 +295,15 @@ android {
 dependencies {
     compile fileTree(dir: 'src/main/third-party/java/infer-annotations/', include: ['*.jar'])
     compile 'javax.inject:javax.inject:1'
-    compile 'com.android.support:appcompat-v7:23.0.1'
+    compile 'com.android.support:appcompat-v7:26.1.0'
     compile 'com.facebook.fbui.textlayoutbuilder:textlayoutbuilder:1.0.0'
-    compile 'com.facebook.fresco:fresco:1.3.0'
-    compile 'com.facebook.fresco:imagepipeline-okhttp3:1.3.0'
-    compile 'com.facebook.soloader:soloader:0.1.0'
+    compile 'com.facebook.fresco:fresco:1.9.0'
+    compile 'com.facebook.fresco:imagepipeline-okhttp3:1.9.0'
+    compile 'com.facebook.soloader:soloader:0.3.0'
     compile 'com.google.code.findbugs:jsr305:3.0.0'
-    compile 'com.squareup.okhttp3:okhttp:3.6.0'
-    compile 'com.squareup.okhttp3:okhttp-urlconnection:3.6.0'
-    compile 'com.squareup.okio:okio:1.13.0'
+    compile 'com.squareup.okhttp3:okhttp:3.10.0'
+    compile 'com.squareup.okhttp3:okhttp-urlconnection:3.10.0'
+    compile 'com.squareup.okio:okio:1.14.0'
     compile 'org.webkit:android-jsc:r174650'
 
     testCompile "junit:junit:${JUNIT_VERSION}"
@@ -297,7 +313,7 @@ dependencies {
     testCompile "org.mockito:mockito-core:${MOCKITO_CORE_VERSION}"
     testCompile "org.easytesting:fest-assert-core:${FEST_ASSERT_CORE_VERSION}"
     testCompile "org.robolectric:robolectric:${ROBOLECTRIC_VERSION}"
-    
+
     androidTestCompile fileTree(dir: 'src/main/third-party/java/buck-android-support/', include: ['*.jar'])
     androidTestCompile 'com.android.support.test:runner:0.3'
     androidTestCompile "org.mockito:mockito-core:${MOCKITO_CORE_VERSION}"
diff --git a/ReactAndroid/libs/BUCK b/ReactAndroid/libs/BUCK
index f25db3234c62fc..018a73b2d7cba1 100644
--- a/ReactAndroid/libs/BUCK
+++ b/ReactAndroid/libs/BUCK
@@ -6,8 +6,8 @@ android_prebuilt_aar(
 
 remote_file(
     name = "appcompat-binary-aar",
-    sha1 = "7d659f671541394a8bc2b9f909950aa2a5ec87ff",
-    url = "mvn:com.android.support:appcompat-v7:aar:23.0.1",
+    sha1 = "da5771a9ac6e8f3a461360eed3c6f921dc7580fd",
+    url = "mvn:com.android.support:appcompat-v7:aar:26.1.0",
 )
 
 android_prebuilt_aar(
diff --git a/ReactAndroid/proguard-rules.pro b/ReactAndroid/proguard-rules.pro
new file mode 100644
index 00000000000000..668d5bd472f8de
--- /dev/null
+++ b/ReactAndroid/proguard-rules.pro
@@ -0,0 +1,71 @@
+# Add project specific ProGuard rules here.
+# By default, the flags in this file are appended to flags specified
+# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
+# You can edit the include path and order by changing the proguardFiles
+# directive in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# Add any project specific keep options here:
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Disabling obfuscation is useful if you collect stack traces from production crashes
+# (unless you are using a system that supports de-obfuscate the stack traces).
+# -dontobfuscate
+
+# React Native
+
+# Keep our interfaces so they can be used by other ProGuard rules.
+# See http://sourceforge.net/p/proguard/bugs/466/
+-keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip
+-keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters
+-keep,allowobfuscation @interface com.facebook.common.internal.DoNotStrip
+
+# Do not strip any method/class that is annotated with @DoNotStrip
+-keep @com.facebook.proguard.annotations.DoNotStrip class *
+-keep @com.facebook.common.internal.DoNotStrip class *
+-keepclassmembers class * {
+    @com.facebook.proguard.annotations.DoNotStrip *;
+    @com.facebook.common.internal.DoNotStrip *;
+}
+
+-keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * {
+  void set*(***);
+  *** get*();
+}
+
+-keep class * extends com.facebook.react.bridge.JavaScriptModule { *; }
+-keep class * extends com.facebook.react.bridge.NativeModule { *; }
+-keepclassmembers,includedescriptorclasses class * { native <methods>; }
+-keepclassmembers class *  { @com.facebook.react.uimanager.UIProp <fields>; }
+-keepclassmembers class *  { @com.facebook.react.uimanager.annotations.ReactProp <methods>; }
+-keepclassmembers class *  { @com.facebook.react.uimanager.annotations.ReactPropGroup <methods>; }
+
+-dontwarn com.facebook.react.**
+-keep,includedescriptorclasses class com.facebook.react.bridge.** { *; }
+
+# TextLayoutBuilder uses a non-public Android constructor within StaticLayout.
+# See libs/proxy/src/main/java/com/facebook/fbui/textlayoutbuilder/proxy for details.
+-dontwarn android.text.StaticLayout
+
+# okhttp
+
+-keepattributes Signature
+-keepattributes *Annotation*
+-keep class okhttp3.** { *; }
+-keep interface okhttp3.** { *; }
+-dontwarn okhttp3.**
+
+# okio
+
+-keep class sun.misc.Unsafe { *; }
+-dontwarn java.nio.file.*
+-dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement
+-dontwarn okio.**
diff --git a/ReactAndroid/release.gradle b/ReactAndroid/release.gradle
index 3e67beb0a3f270..d01daf739de1bf 100644
--- a/ReactAndroid/release.gradle
+++ b/ReactAndroid/release.gradle
@@ -1,4 +1,7 @@
-// Copyright 2015-present Facebook. All Rights Reserved.
+// Copyright (c) 2015-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 apply plugin: 'maven'
 apply plugin: 'signing'
diff --git a/ReactAndroid/src/androidTest/AndroidManifest.xml b/ReactAndroid/src/androidTest/AndroidManifest.xml
index f6ce0fa0511cd0..62c744e8f895bf 100644
--- a/ReactAndroid/src/androidTest/AndroidManifest.xml
+++ b/ReactAndroid/src/androidTest/AndroidManifest.xml
@@ -1,9 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-          package="com.facebook.react.tests.gradle"
-          android:versionCode="1"
-          android:versionName="1.0" >
-  <uses-sdk android:targetSdkVersion="7" />
+          package="com.facebook.react.tests.gradle">
   <supports-screens android:anyDensity="true" />
   <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
   <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
diff --git a/ReactAndroid/src/androidTest/buck-runner/BUCK b/ReactAndroid/src/androidTest/buck-runner/BUCK
index 40b1947b01a9c1..d854a78f7a7a9c 100644
--- a/ReactAndroid/src/androidTest/buck-runner/BUCK
+++ b/ReactAndroid/src/androidTest/buck-runner/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_binary", "react_native_dep", "react_native_integration_tests_target", "react_native_target", "KEYSTORE_TARGET")
+load("//ReactNative:DEFS.bzl", "KEYSTORE_TARGET", "react_native_dep", "react_native_integration_tests_target", "react_native_target", "rn_android_binary")
 
 # We are running instrumentation tests in simple mode: app code and instrumentation are in the same APK
 # Currently you need to run these commands to execute tests:
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/BUCK b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/BUCK
index 9654ee54083e2c..8b61c439ef5276 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/BUCK
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/BUCK
@@ -1,10 +1,10 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_integration_tests_target", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_integration_tests_target", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "testing",
     srcs = glob(
         ["**/*.java"],
-        excludes = [
+        exclude = [
             "idledetection/**/*.java",
             "network/**/*.java",
         ],
@@ -27,6 +27,8 @@ rn_android_library(
         react_native_target("java/com/facebook/react/bridge:bridge"),
         react_native_target("java/com/facebook/react/common:common"),
         react_native_target("java/com/facebook/react/devsupport:interfaces"),
+        react_native_target("java/com/facebook/react/fabric:fabric"),
+        react_native_target("java/com/facebook/react/fabric/jsc:jsc"),
         react_native_target("java/com/facebook/react/module/annotations:annotations"),
         react_native_target("java/com/facebook/react/module/model:model"),
         react_native_target("java/com/facebook/react/modules/core:core"),
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppInstrumentationTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppInstrumentationTestCase.java
index 8b93eeb8b19a87..b01d0542af4b12 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppInstrumentationTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppInstrumentationTestCase.java
@@ -7,19 +7,17 @@
 
 package com.facebook.react.testing;
 
-import javax.annotation.Nullable;
-
-import java.util.concurrent.CountDownLatch;
-import java.util.concurrent.TimeUnit;
-
+import android.content.Intent;
 import android.graphics.Bitmap;
 import android.test.ActivityInstrumentationTestCase2;
 import android.view.View;
 import android.view.ViewGroup;
-
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.testing.idledetection.IdleWaiter;
+import java.util.concurrent.CountDownLatch;
+import java.util.concurrent.TimeUnit;
+import javax.annotation.Nullable;
 
 /**
  * Base class for instrumentation tests that runs React based react application in UI mode
@@ -35,22 +33,14 @@ public ReactAppInstrumentationTestCase() {
   protected void setUp() throws Exception {
     super.setUp();
 
+    Intent intent = new Intent();
+    intent.putExtra(ReactAppTestActivity.EXTRA_IS_FABRIC_TEST, isFabricTest());
+    setActivityIntent(intent);
     final ReactAppTestActivity activity = getActivity();
-    try {
-      runTestOnUiThread(new Runnable() {
-        @Override
-        public void run() {
-          activity.loadApp(
-              getReactApplicationKeyUnderTest(),
-              createReactInstanceSpecForTest(),
-              getEnableDevSupport());
-        }
-      });
-    } catch (Throwable t) {
-      throw new Exception("Unable to load react app", t);
-    }
-    waitForBridgeAndUIIdle();
-    assertTrue("Layout never occurred!", activity.waitForLayout(5000));
+    activity.loadApp(
+        getReactApplicationKeyUnderTest(),
+        createReactInstanceSpecForTest(),
+        getEnableDevSupport());
     waitForBridgeAndUIIdle();
   }
 
@@ -144,6 +134,10 @@ protected boolean getEnableDevSupport() {
     return false;
   }
 
+  protected boolean isFabricTest() {
+    return false;
+  }
+
   /**
    * Override this method to provide extra native modules to be loaded before the app starts
    */
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppTestActivity.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppTestActivity.java
index 96c18030635055..91b2c523dbff83 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppTestActivity.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppTestActivity.java
@@ -1,13 +1,16 @@
 /**
  * Copyright (c) 2014-present, Facebook, Inc.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
+ * directory of this source tree.
  */
-
 package com.facebook.react.testing;
 
+import static com.facebook.react.bridge.UiThreadUtil.runOnUiThread;
+
+import android.content.Intent;
 import android.graphics.Bitmap;
+import android.os.AsyncTask;
 import android.os.Bundle;
 import android.support.v4.app.FragmentActivity;
 import android.view.View;
@@ -17,31 +20,47 @@
 import com.facebook.react.ReactInstanceManager;
 import com.facebook.react.ReactInstanceManagerBuilder;
 import com.facebook.react.ReactRootView;
+import com.facebook.react.bridge.JSIModule;
+import com.facebook.react.bridge.JSIModulePackage;
+import com.facebook.react.bridge.JSIModuleProvider;
+import com.facebook.react.bridge.JSIModuleSpec;
+import com.facebook.react.bridge.JavaScriptContextHolder;
+import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.UIManager;
 import com.facebook.react.common.LifecycleState;
+import com.facebook.react.fabric.FabricUIManager;
+import com.facebook.react.fabric.jsc.FabricJSCBinding;
 import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
 import com.facebook.react.modules.core.PermissionAwareActivity;
 import com.facebook.react.modules.core.PermissionListener;
 import com.facebook.react.shell.MainReactPackage;
 import com.facebook.react.testing.idledetection.ReactBridgeIdleSignaler;
 import com.facebook.react.testing.idledetection.ReactIdleDetectionUtil;
-import com.facebook.react.uimanager.UIImplementationProvider;
+import com.facebook.react.uimanager.UIManagerModule;
+import com.facebook.react.uimanager.ViewManager;
+import com.facebook.react.uimanager.ViewManagerRegistry;
+import com.facebook.react.uimanager.events.EventDispatcher;
+import java.util.Arrays;
+import java.util.List;
 import java.util.concurrent.CountDownLatch;
 import java.util.concurrent.TimeUnit;
 import javax.annotation.Nullable;
 
+
 public class ReactAppTestActivity extends FragmentActivity
     implements DefaultHardwareBackBtnHandler, PermissionAwareActivity {
 
+  public static final String EXTRA_IS_FABRIC_TEST = "is_fabric_test";
+
   private static final String DEFAULT_BUNDLE_NAME = "AndroidTestBundle.js";
   private static final int ROOT_VIEW_ID = 8675309;
   // we need a bigger timeout for CI builds because they run on a slow emulator
   private static final long IDLE_TIMEOUT_MS = 120000;
-
+  private final CountDownLatch mDestroyCountDownLatch = new CountDownLatch(1);
   private CountDownLatch mLayoutEvent = new CountDownLatch(1);
   private @Nullable ReactBridgeIdleSignaler mBridgeIdleSignaler;
   private ScreenshotingFrameLayout mScreenshotingFrameLayout;
-  private final CountDownLatch mDestroyCountDownLatch = new CountDownLatch(1);
   private @Nullable ReactInstanceManager mReactInstanceManager;
   private @Nullable ReactRootView mReactRootView;
   private LifecycleState mLifecycleState = LifecycleState.BEFORE_RESUME;
@@ -62,6 +81,11 @@ protected void onCreate(Bundle savedInstanceState) {
     rootView.addView(mScreenshotingFrameLayout);
 
     mReactRootView = new ReactRootView(this);
+    Intent intent = getIntent();
+    if (intent != null && intent.getBooleanExtra(EXTRA_IS_FABRIC_TEST, false)) {
+      mReactRootView.setIsFabric(true);
+    }
+
     mScreenshotingFrameLayout.addView(mReactRootView);
   }
 
@@ -118,14 +142,6 @@ public void loadApp(String appKey, ReactInstanceSpecForTest spec, String bundleN
     loadApp(appKey, spec, null, bundleName, false /* = useDevSupport */);
   }
 
-  public void loadApp(
-    String appKey,
-    ReactInstanceSpecForTest spec,
-    String bundleName,
-    UIImplementationProvider uiImplementationProvider) {
-    loadApp(appKey, spec, null, bundleName, false /* = useDevSupport */, uiImplementationProvider);
-  }
-
   public void resetRootViewForScreenshotTests() {
     if (mReactInstanceManager != null) {
       mReactInstanceManager.destroy();
@@ -146,21 +162,48 @@ public void loadApp(
       @Nullable Bundle initialProps,
       String bundleName,
       boolean useDevSupport) {
-    loadApp(appKey, spec, initialProps, bundleName, useDevSupport, null);
+    loadBundle(spec, bundleName, useDevSupport);
+    renderComponent(appKey, initialProps);
   }
 
-  public void loadApp(
-    String appKey,
-    ReactInstanceSpecForTest spec,
-    @Nullable Bundle initialProps,
-    String bundleName,
-    boolean useDevSupport,
-    UIImplementationProvider uiImplementationProvider) {
+  public void renderComponent(String appKey) {
+    renderComponent(appKey, null);
+  }
 
+  public void renderComponent(final String appKey, final @Nullable Bundle initialProps) {
     final CountDownLatch currentLayoutEvent = mLayoutEvent = new CountDownLatch(1);
+    runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            Assertions.assertNotNull(mReactRootView)
+                .getViewTreeObserver()
+                .addOnGlobalLayoutListener(
+                    new ViewTreeObserver.OnGlobalLayoutListener() {
+                      @Override
+                      public void onGlobalLayout() {
+                        currentLayoutEvent.countDown();
+                        Assertions.assertNotNull(mReactRootView)
+                            .getViewTreeObserver()
+                            .removeGlobalOnLayoutListener(this);
+                      }
+                    });
+            Assertions.assertNotNull(mReactRootView)
+                .startReactApplication(mReactInstanceManager, appKey, initialProps);
+          }
+        });
+        try {
+          waitForBridgeAndUIIdle();
+          waitForLayout(5000);
+        } catch (InterruptedException e) {
+          throw new RuntimeException("Layout never occurred for component " + appKey, e);}
+  }
+
+  public void loadBundle(ReactInstanceSpecForTest spec, String bundleName, boolean useDevSupport) {
+
     mBridgeIdleSignaler = new ReactBridgeIdleSignaler();
 
-    ReactInstanceManagerBuilder builder =
+    final ReactInstanceManagerBuilder builder =
         ReactTestHelper.getReactTestFactory()
             .getReactInstanceManagerBuilder()
             .setApplication(getApplication())
@@ -175,24 +218,72 @@ public void loadApp(
         // By not setting a JS module name, we force the bundle to be always loaded from
         // assets, not the devserver, even if dev mode is enabled (such as when testing redboxes).
         // This makes sense because we never run the devserver in tests.
-        //.setJSMainModuleName()
+        // .setJSMainModuleName()
         .setUseDeveloperSupport(useDevSupport)
         .setBridgeIdleDebugListener(mBridgeIdleSignaler)
         .setInitialLifecycleState(mLifecycleState)
-        .setUIImplementationProvider(uiImplementationProvider);
-
-    mReactInstanceManager = builder.build();
-    mReactInstanceManager.onHostResume(this, this);
-
-    Assertions.assertNotNull(mReactRootView).getViewTreeObserver().addOnGlobalLayoutListener(
-        new ViewTreeObserver.OnGlobalLayoutListener() {
+        .setJSIModulesPackage(
+            new JSIModulePackage() {
+              @Override
+              public List<JSIModuleSpec> getJSIModules(
+                  final ReactApplicationContext reactApplicationContext,
+                  final JavaScriptContextHolder jsContext) {
+                return Arrays.<JSIModuleSpec>asList(
+                    new JSIModuleSpec() {
+                      @Override
+                      public Class<? extends JSIModule> getJSIModuleClass() {
+                        return UIManager.class;
+                      }
+
+                      @Override
+                      public JSIModuleProvider getJSIModuleProvider() {
+                        return new JSIModuleProvider() {
+                          @Override
+                          public FabricUIManager get() {
+                            List<ViewManager> viewManagers =
+                                mReactInstanceManager.getOrCreateViewManagers(
+                                    reactApplicationContext);
+                            EventDispatcher eventDispatcher =
+                                reactApplicationContext
+                                    .getNativeModule(UIManagerModule.class)
+                                    .getEventDispatcher();
+                            FabricUIManager fabricUIManager =
+                                new FabricUIManager(
+                                    reactApplicationContext,
+                                    new ViewManagerRegistry(viewManagers),
+                                    jsContext,
+                                    eventDispatcher);
+                            new FabricJSCBinding().installFabric(jsContext, fabricUIManager);
+                            return fabricUIManager;
+                          }
+                        };
+                      }
+                    });
+              }
+            });
+
+    final CountDownLatch latch = new CountDownLatch(1);
+    runOnUiThread(
+        new Runnable() {
           @Override
-          public void onGlobalLayout() {
-            currentLayoutEvent.countDown();
+          public void run() {
+            mReactInstanceManager = builder.build();
+            mReactInstanceManager.onHostResume(
+                ReactAppTestActivity.this, ReactAppTestActivity.this);
+            latch.countDown();
           }
         });
-    Assertions.assertNotNull(mReactRootView)
-        .startReactApplication(mReactInstanceManager, appKey, initialProps);
+    try {
+      latch.await(1000, TimeUnit.MILLISECONDS);
+    } catch (InterruptedException e) {
+
+      throw new RuntimeException(
+          "ReactInstanceManager never finished initializing " + bundleName, e);
+    }
+  }
+
+  private ReactInstanceManager getReactInstanceManager() {
+    return mReactInstanceManager;
   }
 
   public boolean waitForLayout(long millis) throws InterruptedException {
@@ -205,9 +296,7 @@ public void waitForBridgeAndUIIdle() {
 
   public void waitForBridgeAndUIIdle(long timeoutMs) {
     ReactIdleDetectionUtil.waitForBridgeAndUIIdle(
-        Assertions.assertNotNull(mBridgeIdleSignaler),
-        getReactContext(),
-        timeoutMs);
+        Assertions.assertNotNull(mBridgeIdleSignaler), getReactContext(), timeoutMs);
   }
 
   public View getRootView() {
@@ -228,7 +317,7 @@ private ReactContext waitForReactContext() {
       while (true) {
         ReactContext reactContext = mReactInstanceManager.getCurrentReactContext();
         if (reactContext != null) {
-           return reactContext;
+          return reactContext;
         }
         Thread.sleep(100);
       }
@@ -242,9 +331,8 @@ public void postDelayed(Runnable r, int delayMS) {
   }
 
   /**
-   * Does not ensure that this is run on the UI thread or that the UI Looper is idle like
-   * {@link ReactAppInstrumentationTestCase#getScreenshot()}. You probably want to use that
-   * instead.
+   * Does not ensure that this is run on the UI thread or that the UI Looper is idle like {@link
+   * ReactAppInstrumentationTestCase#getScreenshot()}. You probably want to use that instead.
    */
   public Bitmap getCurrentScreenshot() {
     return mScreenshotingFrameLayout.getLastDrawnBitmap();
@@ -265,10 +353,7 @@ public void invokeDefaultOnBackPressed() {
 
   @Override
   public void onRequestPermissionsResult(
-      int requestCode,
-      String[] permissions,
-      int[] grantResults) {
-  }
+      int requestCode, String[] permissions, int[] grantResults) {}
 
   @Override
   public void requestPermissions(
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactInstrumentationTest.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactInstrumentationTest.java
new file mode 100644
index 00000000000000..938835f3def79c
--- /dev/null
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactInstrumentationTest.java
@@ -0,0 +1,112 @@
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.testing;
+
+import android.content.Intent;
+import android.test.ActivityInstrumentationTestCase2;
+import android.view.View;
+import android.view.ViewGroup;
+import com.facebook.react.bridge.JavaScriptModule;
+import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.testing.idledetection.IdleWaiter;
+
+/**
+ * Base class for instrumentation tests that runs React based application.
+ *
+ * This is similar to ReactAppInstrumentationTestCase except ReactInstrumentationTest allows
+ * optional rendering of components. A test case can render no components or render multiple
+ * components.
+ */
+public abstract class ReactInstrumentationTest extends
+    ActivityInstrumentationTestCase2<ReactAppTestActivity> implements IdleWaiter {
+
+  protected StringRecordingModule mRecordingModule;
+
+  public ReactInstrumentationTest() {
+    super(ReactAppTestActivity.class);
+  }
+
+  @Override
+  protected void setUp() throws Exception {
+    super.setUp();
+
+    Intent intent = new Intent();
+    intent.putExtra(ReactAppTestActivity.EXTRA_IS_FABRIC_TEST, isFabricTest());
+    setActivityIntent(intent);
+    mRecordingModule = new StringRecordingModule();
+    final ReactAppTestActivity activity = getActivity();
+    activity.loadBundle(
+        createReactInstanceSpecForTest(),
+        getBundleName(),
+        getEnableDevSupport());
+  }
+
+  /**
+   * Renders this component within this test's activity
+   */
+  public void renderComponent(final String componentName) throws Exception {
+    getActivity().renderComponent(componentName, null);
+    waitForBridgeAndUIIdle();
+  }
+
+  @Override
+  protected void tearDown() throws Exception {
+    ReactAppTestActivity activity = getActivity();
+    super.tearDown();
+    activity.waitForDestroy(5000);
+  }
+
+  public ViewGroup getRootView() {
+    return (ViewGroup) getActivity().getRootView();
+  }
+
+  public <T extends View> T getViewByTestId(String testID) {
+    return (T) ReactTestHelper
+        .getViewWithReactTestId((ViewGroup) getRootView().getParent(), testID);
+  }
+
+  public SingleTouchGestureGenerator createGestureGenerator() {
+    return new SingleTouchGestureGenerator(getRootView(), this);
+  }
+
+  public void waitForBridgeAndUIIdle() {
+    getActivity().waitForBridgeAndUIIdle();
+  }
+
+  public void waitForBridgeAndUIIdle(long timeoutMs) {
+    getActivity().waitForBridgeAndUIIdle(timeoutMs);
+  }
+
+  protected boolean getEnableDevSupport() {
+    return false;
+  }
+
+  protected boolean isFabricTest() {
+    return false;
+  }
+
+  protected <T extends JavaScriptModule> T getJSModule(Class<T> jsInterface) {
+    return getReactContext().getJSModule(jsInterface);
+  }
+
+  /**
+   * Override this method to provide extra native modules to be loaded before the app starts
+   */
+  protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
+    return new ReactInstanceSpecForTest().addNativeModule(mRecordingModule);
+  }
+
+  /**
+   * Implement this method to provide the bundle for this test
+   */
+  protected abstract String getBundleName();
+
+  protected ReactContext getReactContext() {
+    return getActivity().getReactContext();
+  }
+}
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestFactory.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestFactory.java
index c15ffc29f2590c..20cbfb938b4018 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestFactory.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestFactory.java
@@ -14,7 +14,7 @@
 import com.facebook.react.bridge.NativeModule;
 
 public interface ReactTestFactory {
-  public static interface ReactInstanceEasyBuilder {
+  interface ReactInstanceEasyBuilder {
     ReactInstanceEasyBuilder setContext(Context context);
     ReactInstanceEasyBuilder addNativeModule(NativeModule module);
     CatalystInstance build();
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/BUCK b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/BUCK
index db6b3a8a654a3b..35312a7305a9b8 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/BUCK
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "idledetection",
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/ReactBridgeIdleSignaler.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/ReactBridgeIdleSignaler.java
index 6509897a3425e8..05b6662493fdae 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/ReactBridgeIdleSignaler.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/ReactBridgeIdleSignaler.java
@@ -30,6 +30,11 @@ public void onTransitionToBridgeIdle() {
     mBridgeIdleSemaphore.release();
   }
 
+  @Override
+  public void onBridgeDestroyed() {
+    // Do nothing
+  }
+
   @Override
   public void onTransitionToBridgeBusy() {
     mIsBridgeIdle = false;
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/network/BUCK b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/network/BUCK
index d44057ef9fc5bc..bcb816f893a824 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/network/BUCK
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/network/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "network",
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/network/NetworkRecordingModuleMock.java b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/network/NetworkRecordingModuleMock.java
index 9a6917078c78b5..0f5c96831099c5 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/network/NetworkRecordingModuleMock.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/network/NetworkRecordingModuleMock.java
@@ -47,7 +47,7 @@ public NetworkRecordingModuleMock(ReactApplicationContext reactContext, boolean
     mCompleteRequest = completeRequest;
   }
 
-  public static interface RequestListener {
+  public interface RequestListener {
     public void onRequest(String method, String url, ReadableArray header, ReadableMap data);
   }
 
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/BUCK b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/BUCK
index 7412d11766883e..e39c0147a7cb75 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/BUCK
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_integration_tests_target", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_integration_tests_target", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "tests",
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJSToJavaParametersTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJSToJavaParametersTestCase.java
index 00dee97df81cce..a2d42bb1a66152 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJSToJavaParametersTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJSToJavaParametersTestCase.java
@@ -29,7 +29,6 @@
 import com.facebook.react.testing.FakeWebSocketModule;
 import com.facebook.react.testing.ReactIntegrationTestCase;
 import com.facebook.react.testing.ReactTestHelper;
-import com.facebook.react.uimanager.UIImplementationProvider;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewManager;
 import com.facebook.react.views.view.ReactViewManager;
@@ -85,7 +84,7 @@ protected void setUp() throws Exception {
     List<ViewManager> viewManagers = Arrays.<ViewManager>asList(
         new ReactViewManager());
     final UIManagerModule mUIManager =
-        new UIManagerModule(getContext(), viewManagers, new UIImplementationProvider(), 0);
+        new UIManagerModule(getContext(), viewManagers, 0);
     UiThreadUtil.runOnUiThread(
         new Runnable() {
           @Override
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSArgumentsTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSArgumentsTestCase.java
index dec91a4ea5449e..3ba5bc1989b08c 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSArgumentsTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSArgumentsTestCase.java
@@ -21,7 +21,6 @@
 import com.facebook.react.testing.FakeWebSocketModule;
 import com.facebook.react.testing.ReactIntegrationTestCase;
 import com.facebook.react.testing.ReactTestHelper;
-import com.facebook.react.uimanager.UIImplementationProvider;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewManager;
 import com.facebook.react.views.view.ReactViewManager;
@@ -62,7 +61,7 @@ protected void setUp() throws Exception {
     List<ViewManager> viewManagers = Arrays.<ViewManager>asList(
         new ReactViewManager());
     final UIManagerModule mUIManager =
-        new UIManagerModule(getContext(), viewManagers, new UIImplementationProvider(), 0);
+        new UIManagerModule(getContext(), viewManagers, 0);
     UiThreadUtil.runOnUiThread(
         new Runnable() {
           @Override
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSReturnValuesTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSReturnValuesTestCase.java
index 0430858c6cf46f..63a2ff0a727838 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSReturnValuesTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSReturnValuesTestCase.java
@@ -22,7 +22,6 @@
 import com.facebook.react.testing.FakeWebSocketModule;
 import com.facebook.react.testing.ReactIntegrationTestCase;
 import com.facebook.react.testing.ReactTestHelper;
-import com.facebook.react.uimanager.UIImplementationProvider;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewManager;
 import java.util.ArrayList;
@@ -112,7 +111,7 @@ protected void setUp() throws Exception {
 
     final UIManagerModule mUIManager =
         new UIManagerModule(
-            getContext(), new ArrayList<ViewManager>(), new UIImplementationProvider(), 0);
+            getContext(), new ArrayList<ViewManager>(), 0);
 
     mAssertModule = new AssertModule();
 
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystUIManagerTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystUIManagerTestCase.java
index 4d58d579139d61..895b1df155098f 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystUIManagerTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystUIManagerTestCase.java
@@ -22,7 +22,6 @@
 import com.facebook.react.testing.ReactIntegrationTestCase;
 import com.facebook.react.testing.ReactTestHelper;
 import com.facebook.react.uimanager.PixelUtil;
-import com.facebook.react.uimanager.UIImplementationProvider;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewManager;
 import com.facebook.react.views.text.ReactRawTextManager;
@@ -77,7 +76,7 @@ protected void setUp() throws Exception {
         new ReactTextViewManager(),
         new ReactRawTextManager());
     uiManager =
-        new UIManagerModule(getContext(), viewManagers, new UIImplementationProvider(), 0);
+        new UIManagerModule(getContext(), viewManagers, 0);
     UiThreadUtil.runOnUiThread(new Runnable() {
       @Override
       public void run() {
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/JSLocaleTest.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/JSLocaleTest.java
index 5e0b9ff62f67c8..e78a25522f1029 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/JSLocaleTest.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/JSLocaleTest.java
@@ -7,22 +7,21 @@
 
 package com.facebook.react.tests;
 
-import java.util.Arrays;
-import java.util.List;
-
-import com.facebook.react.testing.FakeWebSocketModule;
-import com.facebook.react.testing.ReactIntegrationTestCase;
-import com.facebook.react.testing.ReactTestHelper;
-import com.facebook.react.testing.StringRecordingModule;
 import com.facebook.react.bridge.CatalystInstance;
 import com.facebook.react.bridge.JavaScriptModule;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.modules.appstate.AppStateModule;
+import com.facebook.react.modules.core.ReactChoreographer;
 import com.facebook.react.modules.deviceinfo.DeviceInfoModule;
-import com.facebook.react.uimanager.UIImplementationProvider;
+import com.facebook.react.testing.FakeWebSocketModule;
+import com.facebook.react.testing.ReactIntegrationTestCase;
+import com.facebook.react.testing.ReactTestHelper;
+import com.facebook.react.testing.StringRecordingModule;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewManager;
 import com.facebook.react.views.view.ReactViewManager;
+import java.util.Arrays;
+import java.util.List;
 
 /**
  * Test locale-based functionality of JS VM
@@ -47,12 +46,12 @@ protected void setUp() throws Exception {
     final UIManagerModule mUIManager = new UIManagerModule(
         getContext(),
         viewManagers,
-        new UIImplementationProvider(),
         0);
     UiThreadUtil.runOnUiThread(
         new Runnable() {
           @Override
           public void run() {
+            ReactChoreographer.initialize();
             mUIManager.onHostResume();
           }
         });
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ProgressBarTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ProgressBarTestCase.java
index 70dd287164bdc1..eae42334412f0b 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ProgressBarTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ProgressBarTestCase.java
@@ -24,7 +24,6 @@
 import com.facebook.react.testing.FakeWebSocketModule;
 import com.facebook.react.testing.ReactIntegrationTestCase;
 import com.facebook.react.testing.ReactTestHelper;
-import com.facebook.react.uimanager.UIImplementationProvider;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewManager;
 import com.facebook.react.views.progressbar.ReactProgressBarViewManager;
@@ -68,7 +67,7 @@ protected void setUp() throws Exception {
         new ReactViewManager(),
         new ReactProgressBarViewManager());
     mUIManager =
-        new UIManagerModule(getContext(), viewManagers, new UIImplementationProvider(), 0);
+        new UIManagerModule(getContext(), viewManagers, 0);
     UiThreadUtil.runOnUiThread(
         new Runnable() {
           @Override
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ViewRenderingTestCase.java b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ViewRenderingTestCase.java
index 73412bc21239d3..1b28762be5905a 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ViewRenderingTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ViewRenderingTestCase.java
@@ -21,7 +21,6 @@
 import com.facebook.react.testing.ReactIntegrationTestCase;
 import com.facebook.react.testing.ReactTestHelper;
 import com.facebook.react.uimanager.PixelUtil;
-import com.facebook.react.uimanager.UIImplementationProvider;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewManager;
 import com.facebook.react.views.view.ReactViewGroup;
@@ -49,7 +48,7 @@ protected void setUp() throws Exception {
 
     List<ViewManager> viewManagers = Arrays.<ViewManager>asList(new ReactViewManager());
     final UIManagerModule uiManager =
-        new UIManagerModule(getContext(), viewManagers, new UIImplementationProvider(), 0);
+        new UIManagerModule(getContext(), viewManagers, 0);
     UiThreadUtil.runOnUiThread(
         new Runnable() {
           @Override
diff --git a/ReactAndroid/src/androidTest/js/Asserts.js b/ReactAndroid/src/androidTest/js/Asserts.js
index 0cebeea419d20d..467065d0e944ee 100644
--- a/ReactAndroid/src/androidTest/js/Asserts.js
+++ b/ReactAndroid/src/androidTest/js/Asserts.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule Asserts
+ * @format
  */
 
 'use strict';
@@ -16,8 +16,14 @@ var Asserts = {
     if (expected !== actual) {
       Assert.fail(
         msg ||
-        'Expected: ' + expected + ', received: ' + actual + '\n' +
-        'at ' + (new Error()).stack);
+          'Expected: ' +
+            expected +
+            ', received: ' +
+            actual +
+            '\n' +
+            'at ' +
+            new Error().stack,
+      );
     } else {
       Assert.success();
     }
diff --git a/ReactAndroid/src/androidTest/js/CatalystRootViewTestModule.js b/ReactAndroid/src/androidTest/js/CatalystRootViewTestModule.js
index 33f0592a4832ef..497fc48e353075 100644
--- a/ReactAndroid/src/androidTest/js/CatalystRootViewTestModule.js
+++ b/ReactAndroid/src/androidTest/js/CatalystRootViewTestModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule CatalystRootViewTestModule
+ * @format
  */
 
 'use strict';
diff --git a/ReactAndroid/src/androidTest/js/DatePickerDialogTestModule.js b/ReactAndroid/src/androidTest/js/DatePickerDialogTestModule.js
index 0cd5685820cacc..b15808cde63478 100644
--- a/ReactAndroid/src/androidTest/js/DatePickerDialogTestModule.js
+++ b/ReactAndroid/src/androidTest/js/DatePickerDialogTestModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule DatePickerDialogTestModule
+ * @format
  */
 
 'use strict';
@@ -17,7 +17,7 @@ var View = require('View');
 
 class DatePickerDialogTestApp extends React.Component {
   render() {
-    return (<View />);
+    return <View />;
   }
 }
 
@@ -32,14 +32,14 @@ var DatePickerDialogTestModule = {
           RecordingModule.recordDismissed();
         }
       },
-      ({code, message}) => RecordingModule.recordError()
+      ({code, message}) => RecordingModule.recordError(),
     );
   },
 };
 
 BatchedBridge.registerCallableModule(
   'DatePickerDialogTestModule',
-  DatePickerDialogTestModule
+  DatePickerDialogTestModule,
 );
 
 module.exports = DatePickerDialogTestModule;
diff --git a/ReactAndroid/src/androidTest/js/InitialPropsTestApp.js b/ReactAndroid/src/androidTest/js/InitialPropsTestApp.js
index 173ef647f48267..c031fde6046f2e 100644
--- a/ReactAndroid/src/androidTest/js/InitialPropsTestApp.js
+++ b/ReactAndroid/src/androidTest/js/InitialPropsTestApp.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule InitialPropsTestApp
+ * @format
  */
 
 'use strict';
diff --git a/ReactAndroid/src/androidTest/js/JSResponderTestApp.js b/ReactAndroid/src/androidTest/js/JSResponderTestApp.js
index 50612afb9e2e91..ff518018654079 100644
--- a/ReactAndroid/src/androidTest/js/JSResponderTestApp.js
+++ b/ReactAndroid/src/androidTest/js/JSResponderTestApp.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule JSResponderTestApp
+ * @format
  */
+
 'use strict';
 
 var React = require('React');
@@ -57,7 +58,7 @@ var styles = StyleSheet.create({
   },
   row: {
     height: 30,
-  }
+  },
 });
 
 module.exports = JSResponderTestApp;
diff --git a/ReactAndroid/src/androidTest/js/LayoutEventsTestApp.js b/ReactAndroid/src/androidTest/js/LayoutEventsTestApp.js
index d9ecf2ca1b54e7..df25944f11664e 100644
--- a/ReactAndroid/src/androidTest/js/LayoutEventsTestApp.js
+++ b/ReactAndroid/src/androidTest/js/LayoutEventsTestApp.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule LayoutEventsTestApp
+ * @format
  */
 
 'use strict';
@@ -15,14 +15,13 @@ var View = require('View');
 var RecordingModule = require('NativeModules').Recording;
 
 const LAYOUT_SPECS = [
- [10, 10, 100, 100],
- [10, 10, 50, 50],
- [0, 0, 50, 50],
- [0, 0, 50, 50],
+  [10, 10, 100, 100],
+  [10, 10, 50, 50],
+  [0, 0, 50, 50],
+  [0, 0, 50, 50],
 ];
 
 class LayoutEventsTestApp extends React.Component {
-
   constructor() {
     super();
     this.state = {
@@ -31,9 +30,11 @@ class LayoutEventsTestApp extends React.Component {
     this.numParentLayouts = 0;
   }
 
-  handleOnLayout = (e) => {
+  handleOnLayout = e => {
     var layout = e.nativeEvent.layout;
-    RecordingModule.record(layout.x + ',' + layout.y + '-' + layout.width + 'x' + layout.height);
+    RecordingModule.record(
+      layout.x + ',' + layout.y + '-' + layout.width + 'x' + layout.height,
+    );
 
     if (this.state.specNumber >= LAYOUT_SPECS.length) {
       // This will cause the test to fail
@@ -45,7 +46,7 @@ class LayoutEventsTestApp extends React.Component {
     }
   };
 
-  handleParentOnLayout = (e) => {
+  handleParentOnLayout = e => {
     if (this.numParentLayouts > 0) {
       // This will cause the test to fail - the parent's layout doesn't change
       // so we should only get the event once.
@@ -58,13 +59,19 @@ class LayoutEventsTestApp extends React.Component {
     const layout = LAYOUT_SPECS[this.state.specNumber];
     return (
       <View
-          onLayout={this.handleParentOnLayout}
-          testID="parent"
-          style={{left: 0, top: 0, width: 500, height: 500}}>
+        onLayout={this.handleParentOnLayout}
+        testID="parent"
+        style={{left: 0, top: 0, width: 500, height: 500}}>
         <View
-            onLayout={this.handleOnLayout}
-            testID="container"
-            style={{left: layout[0], top: layout[1], width: layout[2], height: layout[3]}}/>
+          onLayout={this.handleOnLayout}
+          testID="container"
+          style={{
+            left: layout[0],
+            top: layout[1],
+            width: layout[2],
+            height: layout[3],
+          }}
+        />
       </View>
     );
   }
diff --git a/ReactAndroid/src/androidTest/js/MeasureLayoutTestModule.js b/ReactAndroid/src/androidTest/js/MeasureLayoutTestModule.js
index 92ac114b6cc7fd..03e156b6f4cf63 100644
--- a/ReactAndroid/src/androidTest/js/MeasureLayoutTestModule.js
+++ b/ReactAndroid/src/androidTest/js/MeasureLayoutTestModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule MeasureLayoutTestModule
+ * @format
  */
 
 'use strict';
@@ -20,29 +20,29 @@ var assertEquals = require('Asserts').assertEquals;
 
 var styles = StyleSheet.create({
   A: {
-    'width': 500,
-    'height': 500,
+    width: 500,
+    height: 500,
   },
   B: {
     backgroundColor: 'rgb(255, 0, 0)',
-    'left': 50,
-    'top': 80,
-    'width': 200,
-    'height': 300,
+    left: 50,
+    top: 80,
+    width: 200,
+    height: 300,
   },
   C: {
     backgroundColor: 'rgb(0, 255, 0)',
-    'left': 100,
-    'top': 70,
-    'width': 50,
-    'height': 150,
+    left: 100,
+    top: 70,
+    width: 50,
+    height: 150,
   },
   D: {
     backgroundColor: 'rgb(0, 0, 255)',
-    'left': 400,
-    'top': 100,
-    'width': 50,
-    'height': 200,
+    left: 400,
+    top: 100,
+    width: 50,
+    height: 200,
   },
 });
 
@@ -91,114 +91,124 @@ var MeasureLayoutTestModule = {
     });
   },
   verifyMeasureLayoutCRelativeToA: function() {
-    UIManager.measureLayout(
-      C,
-      A,
-      shouldNotCallThisCallback,
-      function (x, y, width, height) {
-        assertEquals(50, width);
-        assertEquals(150, height);
-        assertEquals(150, x);
-        assertEquals(150, y);
-      });
+    UIManager.measureLayout(C, A, shouldNotCallThisCallback, function(
+      x,
+      y,
+      width,
+      height,
+    ) {
+      assertEquals(50, width);
+      assertEquals(150, height);
+      assertEquals(150, x);
+      assertEquals(150, y);
+    });
   },
   verifyMeasureLayoutCRelativeToB: function() {
-    UIManager.measureLayout(
-      C,
-      B,
-      shouldNotCallThisCallback,
-      function (x, y, width, height) {
-        assertEquals(50, width);
-        assertEquals(150, height);
-        assertEquals(100, x);
-        assertEquals(70, y);
-      });
+    UIManager.measureLayout(C, B, shouldNotCallThisCallback, function(
+      x,
+      y,
+      width,
+      height,
+    ) {
+      assertEquals(50, width);
+      assertEquals(150, height);
+      assertEquals(100, x);
+      assertEquals(70, y);
+    });
   },
   verifyMeasureLayoutCRelativeToSelf: function() {
-    UIManager.measureLayout(
-      C,
-      C,
-      shouldNotCallThisCallback,
-      function (x, y, width, height) {
-        assertEquals(50, width);
-        assertEquals(150, height);
-        assertEquals(0, x);
-        assertEquals(0, y);
-      });
+    UIManager.measureLayout(C, C, shouldNotCallThisCallback, function(
+      x,
+      y,
+      width,
+      height,
+    ) {
+      assertEquals(50, width);
+      assertEquals(150, height);
+      assertEquals(0, x);
+      assertEquals(0, y);
+    });
   },
   verifyMeasureLayoutRelativeToParentOnViewA: function() {
     UIManager.measureLayoutRelativeToParent(
       A,
       shouldNotCallThisCallback,
-      function (x, y, width, height) {
+      function(x, y, width, height) {
         assertEquals(500, width);
         assertEquals(500, height);
         assertEquals(0, x);
         assertEquals(0, y);
-      });
+      },
+    );
   },
   verifyMeasureLayoutRelativeToParentOnViewB: function() {
     UIManager.measureLayoutRelativeToParent(
       B,
       shouldNotCallThisCallback,
-      function (x, y, width, height) {
+      function(x, y, width, height) {
         assertEquals(200, width);
         assertEquals(300, height);
         assertEquals(50, x);
         assertEquals(80, y);
-      });
+      },
+    );
   },
   verifyMeasureLayoutRelativeToParentOnViewC: function() {
     UIManager.measureLayoutRelativeToParent(
       C,
       shouldNotCallThisCallback,
-      function (x, y, width, height) {
+      function(x, y, width, height) {
         assertEquals(50, width);
         assertEquals(150, height);
         assertEquals(100, x);
         assertEquals(70, y);
-      });
+      },
+    );
   },
   verifyMeasureLayoutDRelativeToB: function() {
     UIManager.measureLayout(
       D,
       B,
-      function () {
+      function() {
         assertEquals(true, true);
       },
-      shouldNotCallThisCallback);
+      shouldNotCallThisCallback,
+    );
   },
   verifyMeasureLayoutNonExistentTag: function() {
     UIManager.measureLayout(
       192,
       A,
-      function () {
+      function() {
         assertEquals(true, true);
       },
-      shouldNotCallThisCallback);
+      shouldNotCallThisCallback,
+    );
   },
   verifyMeasureLayoutNonExistentAncestor: function() {
     UIManager.measureLayout(
       B,
       192,
-      function () {
+      function() {
         assertEquals(true, true);
       },
-      shouldNotCallThisCallback);
+      shouldNotCallThisCallback,
+    );
   },
   verifyMeasureLayoutRelativeToParentNonExistentTag: function() {
     UIManager.measureLayoutRelativeToParent(
       192,
-      function () {
+      function() {
         assertEquals(true, true);
       },
-      shouldNotCallThisCallback);
+      shouldNotCallThisCallback,
+    );
   },
 };
 
 BatchedBridge.registerCallableModule(
   'MeasureLayoutTestModule',
-  MeasureLayoutTestModule
+  MeasureLayoutTestModule,
 );
 
 module.exports = MeasureLayoutTestModule;
diff --git a/ReactAndroid/src/androidTest/js/MultitouchHandlingTestAppModule.js b/ReactAndroid/src/androidTest/js/MultitouchHandlingTestAppModule.js
index 7daa884359fa9a..58f6a460501c06 100644
--- a/ReactAndroid/src/androidTest/js/MultitouchHandlingTestAppModule.js
+++ b/ReactAndroid/src/androidTest/js/MultitouchHandlingTestAppModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule MultitouchHandlingTestAppModule
+ * @format
  */
 
 'use strict';
@@ -16,16 +16,16 @@ var TouchEventUtils = require('fbjs/lib/TouchEventUtils');
 var View = require('View');
 
 class TouchTestApp extends React.Component {
-  handleStartShouldSetResponder = (e) => {
+  handleStartShouldSetResponder = e => {
     return true;
   };
 
-  handleOnResponderMove = (e) => {
+  handleOnResponderMove = e => {
     e = TouchEventUtils.extractSingleTouch(e.nativeEvent);
     Recording.record('move;' + e.touches.length);
   };
 
-  handleResponderStart = (e) => {
+  handleResponderStart = e => {
     e = TouchEventUtils.extractSingleTouch(e.nativeEvent);
     if (e.touches) {
       Recording.record('start;' + e.touches.length);
@@ -34,7 +34,7 @@ class TouchTestApp extends React.Component {
     }
   };
 
-  handleResponderEnd = (e) => {
+  handleResponderEnd = e => {
     e = TouchEventUtils.extractSingleTouch(e.nativeEvent);
     if (e.touches) {
       Recording.record('end;' + e.touches.length);
diff --git a/ReactAndroid/src/androidTest/js/NativeIdTestModule.js b/ReactAndroid/src/androidTest/js/NativeIdTestModule.js
index 2e1acad3422756..eb791c356d1201 100644
--- a/ReactAndroid/src/androidTest/js/NativeIdTestModule.js
+++ b/ReactAndroid/src/androidTest/js/NativeIdTestModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule NativeIdTestModule
+ * @format
  * @flow
  */
 
@@ -29,18 +29,16 @@ const View = require('View');
  */
 class NativeIdTestApp extends React.Component<{}> {
   render() {
-    const uri = 'data:image/gif;base64,' +
-        'R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAwAAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapy' +
-        'uvUUlvONmOZtfzgFzByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSpa/' +
-        'TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinWGdkF8kjdfnycQZXZeYGejmJlZeGl9i2icVqaNVailT6F5' +
-        'iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uisF81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97V' +
-        'riy/Xl4/f1cf5VWzXyym7PHhhx4dbgYKAAA7';
+    const uri =
+      'data:image/gif;base64,' +
+      'R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAwAAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapy' +
+      'uvUUlvONmOZtfzgFzByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSpa/' +
+      'TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinWGdkF8kjdfnycQZXZeYGejmJlZeGl9i2icVqaNVailT6F5' +
+      'iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uisF81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97V' +
+      'riy/Xl4/f1cf5VWzXyym7PHhhx4dbgYKAAA7';
     return (
       <View>
-        <Image
-          nativeID="Image"
-          source={{uri: uri}}
-          style={styles.base} />
+        <Image nativeID="Image" source={{uri: uri}} style={styles.base} />
         <Text nativeID="Text">text</Text>
         <TextInput nativeID="TextInput" value="Text input" />
         <TouchableBounce nativeID="TouchableBounce">
diff --git a/ReactAndroid/src/androidTest/js/PickerAndroidTestModule.js b/ReactAndroid/src/androidTest/js/PickerAndroidTestModule.js
index 0f7255d1564089..97210eccb083e7 100644
--- a/ReactAndroid/src/androidTest/js/PickerAndroidTestModule.js
+++ b/ReactAndroid/src/androidTest/js/PickerAndroidTestModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule PickerAndroidTestModule
+ * @format
  */
 
 'use strict';
@@ -63,7 +63,7 @@ class PickerAndroidTestApp extends React.Component {
     );
   }
 
-  onValueChange = (value) => {
+  onValueChange = value => {
     this.setState({selected: value});
     RecordingModule.recordSelection(value);
   };
@@ -84,7 +84,7 @@ var PickerAndroidTestModule = {
 
 BatchedBridge.registerCallableModule(
   'PickerAndroidTestModule',
-  PickerAndroidTestModule
+  PickerAndroidTestModule,
 );
 
 module.exports = PickerAndroidTestModule;
diff --git a/ReactAndroid/src/androidTest/js/ProgressBarTestModule.js b/ReactAndroid/src/androidTest/js/ProgressBarTestModule.js
index bd466144c522d7..e9b4b563ba82ed 100644
--- a/ReactAndroid/src/androidTest/js/ProgressBarTestModule.js
+++ b/ReactAndroid/src/androidTest/js/ProgressBarTestModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ProgressBarTestModule
+ * @format
  */
 
 'use strict';
@@ -22,14 +22,14 @@ class ProgressBarSampleApp extends React.Component {
   render() {
     return (
       <View>
-        <ProgressBar styleAttr="Horizontal" testID="Horizontal"/>
-        <ProgressBar styleAttr="Small" testID="Small"/>
-        <ProgressBar styleAttr="Large" testID="Large"/>
-        <ProgressBar styleAttr="Normal" testID="Normal"/>
-        <ProgressBar styleAttr="Inverse" testID="Inverse"/>
-        <ProgressBar styleAttr="SmallInverse" testID="SmallInverse"/>
-        <ProgressBar styleAttr="LargeInverse" testID="LargeInverse"/>
-        <View style={{width:200}}>
+        <ProgressBar styleAttr="Horizontal" testID="Horizontal" />
+        <ProgressBar styleAttr="Small" testID="Small" />
+        <ProgressBar styleAttr="Large" testID="Large" />
+        <ProgressBar styleAttr="Normal" testID="Normal" />
+        <ProgressBar styleAttr="Inverse" testID="Inverse" />
+        <ProgressBar styleAttr="SmallInverse" testID="SmallInverse" />
+        <ProgressBar styleAttr="LargeInverse" testID="LargeInverse" />
+        <View style={{width: 200}}>
           <ProgressBar styleAttr="Horizontal" testID="Horizontal200" />
         </View>
       </View>
@@ -45,7 +45,7 @@ var ProgressBarTestModule = {
 
 BatchedBridge.registerCallableModule(
   'ProgressBarTestModule',
-  ProgressBarTestModule
+  ProgressBarTestModule,
 );
 
 module.exports = ProgressBarTestModule;
diff --git a/ReactAndroid/src/androidTest/js/ScrollViewTestModule.js b/ReactAndroid/src/androidTest/js/ScrollViewTestModule.js
index 24371b0f76570c..f6f83beee3109b 100644
--- a/ReactAndroid/src/androidTest/js/ScrollViewTestModule.js
+++ b/ReactAndroid/src/androidTest/js/ScrollViewTestModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ScrollViewTestModule
+ * @format
  */
 
 'use strict';
@@ -48,15 +48,24 @@ var getInitialState = function() {
 };
 
 var onScroll = function(e) {
-  ScrollListener.onScroll(e.nativeEvent.contentOffset.x, e.nativeEvent.contentOffset.y);
+  ScrollListener.onScroll(
+    e.nativeEvent.contentOffset.x,
+    e.nativeEvent.contentOffset.y,
+  );
 };
 
 var onScrollBeginDrag = function(e) {
-  ScrollListener.onScrollBeginDrag(e.nativeEvent.contentOffset.x, e.nativeEvent.contentOffset.y);
+  ScrollListener.onScrollBeginDrag(
+    e.nativeEvent.contentOffset.x,
+    e.nativeEvent.contentOffset.y,
+  );
 };
 
 var onScrollEndDrag = function(e) {
-  ScrollListener.onScrollEndDrag(e.nativeEvent.contentOffset.x, e.nativeEvent.contentOffset.y);
+  ScrollListener.onScrollEndDrag(
+    e.nativeEvent.contentOffset.x,
+    e.nativeEvent.contentOffset.y,
+  );
 };
 
 var onItemPress = function(itemNumber) {
@@ -79,11 +88,17 @@ var ScrollViewTestApp = createReactClass({
     scrollViewApp = this;
     var children = this.state.data.map((item, index) => (
       <Item
-        key={index} text={item.text}
-        onPress={this.onItemPress.bind(this, index)} />
+        key={index}
+        text={item.text}
+        onPress={this.onItemPress.bind(this, index)}
+      />
     ));
     return (
-      <ScrollView onScroll={this.onScroll} onScrollBeginDrag={this.onScrollBeginDrag} onScrollEndDrag={this.onScrollEndDrag} ref="scrollView">
+      <ScrollView
+        onScroll={this.onScroll}
+        onScrollBeginDrag={this.onScrollBeginDrag}
+        onScrollEndDrag={this.onScrollEndDrag}
+        ref="scrollView">
         {children}
       </ScrollView>
     );
@@ -104,8 +119,10 @@ var HorizontalScrollViewTestApp = createReactClass({
     scrollViewApp = this;
     var children = this.state.data.map((item, index) => (
       <Item
-        key={index} text={item.text}
-        onPress={this.onItemPress.bind(this, index)} />
+        key={index}
+        text={item.text}
+        onPress={this.onItemPress.bind(this, index)}
+      />
     ));
     return (
       <ScrollView horizontal={true} onScroll={this.onScroll} ref="scrollView">
@@ -137,7 +154,7 @@ var ScrollViewTestModule = {
 
 BatchedBridge.registerCallableModule(
   'ScrollViewTestModule',
-  ScrollViewTestModule
+  ScrollViewTestModule,
 );
 
 module.exports = ScrollViewTestModule;
diff --git a/ReactAndroid/src/androidTest/js/ShareTestModule.js b/ReactAndroid/src/androidTest/js/ShareTestModule.js
index f7311f656041e9..3c230a3d0147a2 100644
--- a/ReactAndroid/src/androidTest/js/ShareTestModule.js
+++ b/ReactAndroid/src/androidTest/js/ShareTestModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ShareTestModule
+ * @format
  */
 
 'use strict';
@@ -17,7 +17,7 @@ var View = require('View');
 
 class ShareTestApp extends React.Component {
   render() {
-    return (<View />);
+    return <View />;
   }
 }
 
@@ -26,14 +26,11 @@ var ShareTestModule = {
   showShareDialog: function(content, options) {
     Share.share(content, options).then(
       () => RecordingModule.recordOpened(),
-      ({code, message}) => RecordingModule.recordError()
+      ({code, message}) => RecordingModule.recordError(),
     );
   },
 };
 
-BatchedBridge.registerCallableModule(
-  'ShareTestModule',
-  ShareTestModule
-);
+BatchedBridge.registerCallableModule('ShareTestModule', ShareTestModule);
 
 module.exports = ShareTestModule;
diff --git a/ReactAndroid/src/androidTest/js/SubviewsClippingTestModule.js b/ReactAndroid/src/androidTest/js/SubviewsClippingTestModule.js
index 70fa837eed6b7a..312dcb2c5d633b 100644
--- a/ReactAndroid/src/androidTest/js/SubviewsClippingTestModule.js
+++ b/ReactAndroid/src/androidTest/js/SubviewsClippingTestModule.js
@@ -4,33 +4,50 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SubviewsClippingTestModule
+ * @format
  */
 
 'use strict';
 
 var BatchedBridge = require('BatchedBridge');
 var React = require('React');
-var ReactNativeViewAttributes = require('ReactNativeViewAttributes');
 var ScrollView = require('ScrollView');
 var StyleSheet = require('StyleSheet');
 var View = require('View');
 
 var requireNativeComponent = require('requireNativeComponent');
 
-var ClippableView = requireNativeComponent('ClippableView', null);
+var ClippableView = requireNativeComponent('ClippableView');
 
 class ClippingSample1 extends React.Component {
   render() {
     var styles = sample1Styles;
     return (
       <View>
-        <ClippableView clippableViewID="outer" style={styles.outer} removeClippedSubviews={true}>
-          <ClippableView clippableViewID="inner1" style={[styles.inner, styles.inner1]}/>
-          <ClippableView clippableViewID="inner2" style={[styles.inner, styles.inner2]}/>
-          <ClippableView clippableViewID="inner3" style={[styles.inner, styles.inner3]}/>
-          <ClippableView clippableViewID="inner4" style={[styles.inner, styles.inner4]}/>
-          <ClippableView clippableViewID="inner5" style={[styles.inner, styles.inner5]}/>
+        <ClippableView
+          clippableViewID="outer"
+          style={styles.outer}
+          removeClippedSubviews={true}>
+          <ClippableView
+            clippableViewID="inner1"
+            style={[styles.inner, styles.inner1]}
+          />
+          <ClippableView
+            clippableViewID="inner2"
+            style={[styles.inner, styles.inner2]}
+          />
+          <ClippableView
+            clippableViewID="inner3"
+            style={[styles.inner, styles.inner3]}
+          />
+          <ClippableView
+            clippableViewID="inner4"
+            style={[styles.inner, styles.inner4]}
+          />
+          <ClippableView
+            clippableViewID="inner5"
+            style={[styles.inner, styles.inner5]}
+          />
         </ClippableView>
       </View>
     );
@@ -76,15 +93,30 @@ class ClippingSample2 extends React.Component {
     var styles = sample2Styles;
     return (
       <View>
-        <ClippableView clippableViewID="outer" style={styles.outer} removeClippedSubviews={true}>
+        <ClippableView
+          clippableViewID="outer"
+          style={styles.outer}
+          removeClippedSubviews={true}>
           <ClippableView
-              clippableViewID="complexInner"
-              style={styles.complexInner}
-              removeClippedSubviews={true}>
-            <ClippableView clippableViewID="inner1" style={[styles.inner, styles.inner1]}/>
-            <ClippableView clippableViewID="inner2" style={[styles.inner, styles.inner2]}/>
-            <ClippableView clippableViewID="inner3" style={[styles.inner, styles.inner3]}/>
-            <ClippableView clippableViewID="inner4" style={[styles.inner, styles.inner4]}/>
+            clippableViewID="complexInner"
+            style={styles.complexInner}
+            removeClippedSubviews={true}>
+            <ClippableView
+              clippableViewID="inner1"
+              style={[styles.inner, styles.inner1]}
+            />
+            <ClippableView
+              clippableViewID="inner2"
+              style={[styles.inner, styles.inner2]}
+            />
+            <ClippableView
+              clippableViewID="inner3"
+              style={[styles.inner, styles.inner3]}
+            />
+            <ClippableView
+              clippableViewID="inner4"
+              style={[styles.inner, styles.inner4]}
+            />
           </ClippableView>
         </ClippableView>
       </View>
@@ -133,13 +165,19 @@ var sample2Styles = StyleSheet.create({
 class UpdatingSample1 extends React.Component {
   render() {
     var styles = updating1Styles;
-    var inner1Styles = [styles.inner1, {height: this.props.update1 ? 200 : 100}];
+    var inner1Styles = [
+      styles.inner1,
+      {height: this.props.update1 ? 200 : 100},
+    ];
     var inner2Styles = [styles.inner2, {top: this.props.update2 ? 200 : 50}];
     return (
       <View>
-        <ClippableView clippableViewID="outer" style={styles.outer} removeClippedSubviews={true}>
-          <ClippableView clippableViewID="inner1" style={inner1Styles}/>
-          <ClippableView clippableViewID="inner2" style={inner2Styles}/>
+        <ClippableView
+          clippableViewID="outer"
+          style={styles.outer}
+          removeClippedSubviews={true}>
+          <ClippableView clippableViewID="inner1" style={inner1Styles} />
+          <ClippableView clippableViewID="inner2" style={inner2Styles} />
         </ClippableView>
       </View>
     );
@@ -167,7 +205,7 @@ var updating1Styles = StyleSheet.create({
     left: 50,
     top: 50,
     backgroundColor: 'green',
-  }
+  },
 });
 
 class UpdatingSample2 extends React.Component {
@@ -176,8 +214,11 @@ class UpdatingSample2 extends React.Component {
     var outerStyles = [styles.outer, {height: this.props.update ? 200 : 100}];
     return (
       <View>
-        <ClippableView clippableViewID="outer" style={outerStyles} removeClippedSubviews={true}>
-          <ClippableView clippableViewID="inner" style={styles.inner}/>
+        <ClippableView
+          clippableViewID="outer"
+          style={outerStyles}
+          removeClippedSubviews={true}>
+          <ClippableView clippableViewID="inner" style={styles.inner} />
         </ClippableView>
       </View>
     );
@@ -205,25 +246,28 @@ class ScrollViewTest extends React.Component {
     var children = [];
     for (var i = 0; i < 4; i++) {
       children[i] = (
-        <ClippableView key={i} style={styles.row} clippableViewID={'' + i}/>
+        <ClippableView key={i} style={styles.row} clippableViewID={'' + i} />
       );
     }
     for (var i = 4; i < 6; i++) {
       var viewID = 'C' + (i - 4);
       children[i] = (
         <ClippableView
-            key={i}
-            style={styles.complex}
-            clippableViewID={viewID}
-            removeClippedSubviews={true}>
-          <ClippableView style={styles.inner} clippableViewID={viewID + '.1'}/>
-          <ClippableView style={styles.inner} clippableViewID={viewID + '.2'}/>
+          key={i}
+          style={styles.complex}
+          clippableViewID={viewID}
+          removeClippedSubviews={true}>
+          <ClippableView style={styles.inner} clippableViewID={viewID + '.1'} />
+          <ClippableView style={styles.inner} clippableViewID={viewID + '.2'} />
         </ClippableView>
       );
     }
 
     return (
-      <ScrollView removeClippedSubviews={true} style={styles.scrollView} testID="scroll_view">
+      <ScrollView
+        removeClippedSubviews={true}
+        style={styles.scrollView}
+        testID="scroll_view">
         {children}
       </ScrollView>
     );
@@ -259,7 +303,6 @@ var scrollTestStyles = StyleSheet.create({
   },
 });
 
-
 var appInstance = null;
 
 class SubviewsClippingTestApp extends React.Component {
@@ -269,42 +312,40 @@ class SubviewsClippingTestApp extends React.Component {
     appInstance = this;
   }
 
-  setComponent = (component) => {
+  setComponent = component => {
     this.setState({component: component});
   };
 
   render() {
     var component = this.state.component;
-    return (
-      <View>
-        {component}
-      </View>
-    );
+    return <View>{component}</View>;
   }
 }
 
 var SubviewsClippingTestModule = {
   App: SubviewsClippingTestApp,
   renderClippingSample1: function() {
-    appInstance.setComponent(<ClippingSample1/>);
+    appInstance.setComponent(<ClippingSample1 />);
   },
   renderClippingSample2: function() {
-    appInstance.setComponent(<ClippingSample2/>);
+    appInstance.setComponent(<ClippingSample2 />);
   },
   renderUpdatingSample1: function(update1, update2) {
-    appInstance.setComponent(<UpdatingSample1 update1={update1} update2={update2}/>);
+    appInstance.setComponent(
+      <UpdatingSample1 update1={update1} update2={update2} />,
+    );
   },
   renderUpdatingSample2: function(update) {
-    appInstance.setComponent(<UpdatingSample2 update={update}/>);
+    appInstance.setComponent(<UpdatingSample2 update={update} />);
   },
   renderScrollViewTest: function() {
-    appInstance.setComponent(<ScrollViewTest/>);
+    appInstance.setComponent(<ScrollViewTest />);
   },
 };
 
 BatchedBridge.registerCallableModule(
   'SubviewsClippingTestModule',
-  SubviewsClippingTestModule
+  SubviewsClippingTestModule,
 );
 
 module.exports = SubviewsClippingTestModule;
diff --git a/ReactAndroid/src/androidTest/js/SwipeRefreshLayoutTestModule.js b/ReactAndroid/src/androidTest/js/SwipeRefreshLayoutTestModule.js
index 277a768e9430f4..0bd3fabf20080f 100644
--- a/ReactAndroid/src/androidTest/js/SwipeRefreshLayoutTestModule.js
+++ b/ReactAndroid/src/androidTest/js/SwipeRefreshLayoutTestModule.js
@@ -4,14 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule SwipeRefreshLayoutTestModule
+ * @format
  */
 
 'use strict';
 
 var BatchedBridge = require('BatchedBridge');
 var React = require('React');
-var RecordingModule = require('NativeModules').SwipeRefreshLayoutRecordingModule;
+var RecordingModule = require('NativeModules')
+  .SwipeRefreshLayoutRecordingModule;
 var ScrollView = require('ScrollView');
 var RefreshControl = require('RefreshControl');
 var Text = require('Text');
@@ -27,9 +28,7 @@ class Row extends React.Component {
     return (
       <TouchableWithoutFeedback onPress={this._onPress}>
         <View>
-          <Text>
-            {this.state.clicks + ' clicks'}
-          </Text>
+          <Text>{this.state.clicks + ' clicks'}</Text>
         </View>
       </TouchableWithoutFeedback>
     );
@@ -78,12 +77,12 @@ var SwipeRefreshLayoutTestModule = {
     if (app != null) {
       app.setState({rows});
     }
-  }
+  },
 };
 
 BatchedBridge.registerCallableModule(
   'SwipeRefreshLayoutTestModule',
-  SwipeRefreshLayoutTestModule
+  SwipeRefreshLayoutTestModule,
 );
 
 module.exports = SwipeRefreshLayoutTestModule;
diff --git a/ReactAndroid/src/androidTest/js/TestBundle.js b/ReactAndroid/src/androidTest/js/TestBundle.js
index 21fd06247e415f..59da7e6695b842 100644
--- a/ReactAndroid/src/androidTest/js/TestBundle.js
+++ b/ReactAndroid/src/androidTest/js/TestBundle.js
@@ -4,8 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TestBundle
+ * @format
  */
+
 'use strict';
 
 // Disable YellowBox so we do not have to mock its dependencies
@@ -30,86 +31,88 @@ require('SwipeRefreshLayoutTestModule');
 require('TextInputTestModule');
 require('TimePickerDialogTestModule');
 
-
 // Define catalyst test apps used in integration tests
 var AppRegistry = require('AppRegistry');
 
 var apps = [
-{
-  appKey: 'CatalystRootViewTestApp',
-  component: () => require('CatalystRootViewTestModule').CatalystRootViewTestApp
-},
-{
-  appKey: 'DatePickerDialogTestApp',
-  component: () => require('DatePickerDialogTestModule').DatePickerDialogTestApp
-},
-{
-  appKey: 'JSResponderTestApp',
-  component: () => require('JSResponderTestApp'),
-},
-{
-  appKey: 'HorizontalScrollViewTestApp',
-  component: () => require('ScrollViewTestModule').HorizontalScrollViewTestApp,
-},
-{
-  appKey: 'InitialPropsTestApp',
-  component: () => require('InitialPropsTestApp'),
-},
-{
-  appKey: 'LayoutEventsTestApp',
-  component: () => require('LayoutEventsTestApp'),
-},
-{
-  appKey: 'MeasureLayoutTestApp',
-  component: () => require('MeasureLayoutTestModule').MeasureLayoutTestApp
-},
-{
-  appKey: 'MultitouchHandlingTestAppModule',
-  component: () => require('MultitouchHandlingTestAppModule')
-},
-{
-  appKey: 'NativeIdTestApp',
-  component: () => require('NativeIdTestModule').NativeIdTestApp
-},
-{
-  appKey: 'PickerAndroidTestApp',
-  component: () => require('PickerAndroidTestModule').PickerAndroidTestApp,
-},
-{
-  appKey: 'ScrollViewTestApp',
-  component: () => require('ScrollViewTestModule').ScrollViewTestApp,
-},
-{
-  appKey: 'ShareTestApp',
-  component: () => require('ShareTestModule').ShareTestApp,
-},
-{
-  appKey: 'SubviewsClippingTestApp',
-  component: () => require('SubviewsClippingTestModule').App,
-},
-{
-  appKey: 'SwipeRefreshLayoutTestApp',
-  component: () => require('SwipeRefreshLayoutTestModule').SwipeRefreshLayoutTestApp
-},
-{
-  appKey: 'TextInputTestApp',
-  component: () => require('TextInputTestModule').TextInputTestApp
-},
-{
-  appKey: 'TestIdTestApp',
-  component: () => require('TestIdTestModule').TestIdTestApp
-},
-{
-  appKey: 'TimePickerDialogTestApp',
-  component: () => require('TimePickerDialogTestModule').TimePickerDialogTestApp
-},
-{
-  appKey: 'TouchBubblingTestAppModule',
-  component: () => require('TouchBubblingTestAppModule')
-},
-
+  {
+    appKey: 'CatalystRootViewTestApp',
+    component: () =>
+      require('CatalystRootViewTestModule').CatalystRootViewTestApp,
+  },
+  {
+    appKey: 'DatePickerDialogTestApp',
+    component: () =>
+      require('DatePickerDialogTestModule').DatePickerDialogTestApp,
+  },
+  {
+    appKey: 'JSResponderTestApp',
+    component: () => require('JSResponderTestApp'),
+  },
+  {
+    appKey: 'HorizontalScrollViewTestApp',
+    component: () =>
+      require('ScrollViewTestModule').HorizontalScrollViewTestApp,
+  },
+  {
+    appKey: 'InitialPropsTestApp',
+    component: () => require('InitialPropsTestApp'),
+  },
+  {
+    appKey: 'LayoutEventsTestApp',
+    component: () => require('LayoutEventsTestApp'),
+  },
+  {
+    appKey: 'MeasureLayoutTestApp',
+    component: () => require('MeasureLayoutTestModule').MeasureLayoutTestApp,
+  },
+  {
+    appKey: 'MultitouchHandlingTestAppModule',
+    component: () => require('MultitouchHandlingTestAppModule'),
+  },
+  {
+    appKey: 'NativeIdTestApp',
+    component: () => require('NativeIdTestModule').NativeIdTestApp,
+  },
+  {
+    appKey: 'PickerAndroidTestApp',
+    component: () => require('PickerAndroidTestModule').PickerAndroidTestApp,
+  },
+  {
+    appKey: 'ScrollViewTestApp',
+    component: () => require('ScrollViewTestModule').ScrollViewTestApp,
+  },
+  {
+    appKey: 'ShareTestApp',
+    component: () => require('ShareTestModule').ShareTestApp,
+  },
+  {
+    appKey: 'SubviewsClippingTestApp',
+    component: () => require('SubviewsClippingTestModule').App,
+  },
+  {
+    appKey: 'SwipeRefreshLayoutTestApp',
+    component: () =>
+      require('SwipeRefreshLayoutTestModule').SwipeRefreshLayoutTestApp,
+  },
+  {
+    appKey: 'TextInputTestApp',
+    component: () => require('TextInputTestModule').TextInputTestApp,
+  },
+  {
+    appKey: 'TestIdTestApp',
+    component: () => require('TestIdTestModule').TestIdTestApp,
+  },
+  {
+    appKey: 'TimePickerDialogTestApp',
+    component: () =>
+      require('TimePickerDialogTestModule').TimePickerDialogTestApp,
+  },
+  {
+    appKey: 'TouchBubblingTestAppModule',
+    component: () => require('TouchBubblingTestAppModule'),
+  },
 ];
 
-
 module.exports = apps;
 AppRegistry.registerConfig(apps);
diff --git a/ReactAndroid/src/androidTest/js/TestIdTestModule.js b/ReactAndroid/src/androidTest/js/TestIdTestModule.js
index eee76fbc05c00c..5b045d38fbaa43 100644
--- a/ReactAndroid/src/androidTest/js/TestIdTestModule.js
+++ b/ReactAndroid/src/androidTest/js/TestIdTestModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TestIdTestModule
+ * @format
  */
 
 'use strict';
@@ -31,16 +31,19 @@ class TestIdTestApp extends React.Component {
   render() {
     return (
       <View>
-
         <Image
           testID="Image"
-          source={{uri: 'data:image/gif;base64,' +
+          source={{
+            uri:
+              'data:image/gif;base64,' +
               'R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAwAAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapy' +
               'uvUUlvONmOZtfzgFzByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSpa/' +
               'TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinWGdkF8kjdfnycQZXZeYGejmJlZeGl9i2icVqaNVailT6F5' +
               'iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uisF81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97V' +
-              'riy/Xl4/f1cf5VWzXyym7PHhhx4dbgYKAAA7'}}
-          style={styles.base} />
+              'riy/Xl4/f1cf5VWzXyym7PHhhx4dbgYKAAA7',
+          }}
+          style={styles.base}
+        />
 
         <Text testID="Text">text</Text>
 
@@ -65,7 +68,6 @@ class TestIdTestApp extends React.Component {
         </TouchableWithoutFeedback>
 
         <View testID="View" />
-
       </View>
     );
   }
diff --git a/ReactAndroid/src/androidTest/js/TestJSLocaleModule.js b/ReactAndroid/src/androidTest/js/TestJSLocaleModule.js
index be6bfc12a3a208..9a5915396d1f2b 100644
--- a/ReactAndroid/src/androidTest/js/TestJSLocaleModule.js
+++ b/ReactAndroid/src/androidTest/js/TestJSLocaleModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TestJSLocaleModule
+ * @format
  */
 
 'use strict';
@@ -21,9 +21,6 @@ var TestJSLocaleModule = {
   },
 };
 
-BatchedBridge.registerCallableModule(
-  'TestJSLocaleModule',
-  TestJSLocaleModule
-);
+BatchedBridge.registerCallableModule('TestJSLocaleModule', TestJSLocaleModule);
 
 module.exports = TestJSLocaleModule;
diff --git a/ReactAndroid/src/androidTest/js/TestJSToJavaParametersModule.js b/ReactAndroid/src/androidTest/js/TestJSToJavaParametersModule.js
index bc526e7722ba2d..ec31e15cb55f23 100644
--- a/ReactAndroid/src/androidTest/js/TestJSToJavaParametersModule.js
+++ b/ReactAndroid/src/androidTest/js/TestJSToJavaParametersModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TestJSToJavaParametersModule
+ * @format
  */
 
 'use strict';
@@ -50,9 +50,9 @@ var TestJSToJavaParametersModule = {
   },
   returnMapWithArrays: function() {
     Recording.receiveMap({
-      'empty': [],
-      'ints': [43, 44],
-      'mixed': [77, 'string', ['another', 'array']],
+      empty: [],
+      ints: [43, 44],
+      mixed: [77, 'string', ['another', 'array']],
     });
   },
   returnArrayWithStringDoubleIntMapArrayBooleanNull: function() {
@@ -66,7 +66,7 @@ var TestJSToJavaParametersModule = {
       int: -55,
       array: [],
       boolean: true,
-      null: null
+      null: null,
     });
   },
   returnArrayWithLargeInts: function() {
@@ -81,7 +81,7 @@ var TestJSToJavaParametersModule = {
       b: 41,
       c: 'string',
       d: 'other string',
-      e: [1,'foo','bar'],
+      e: [1, 'foo', 'bar'],
       f: null,
     });
   },
@@ -100,7 +100,8 @@ var TestJSToJavaParametersModule = {
       'two-bytes': '\u00A2',
       'three-bytes': '\u20AC',
       'four-bytes': '\uD83D\uDE1C',
-      'mixed': '\u017C\u00F3\u0142\u0107 g\u0119\u015Bl\u0105 \u6211 \uD83D\uDE0E ja\u017A\u0107'
+      mixed:
+        '\u017C\u00F3\u0142\u0107 g\u0119\u015Bl\u0105 \u6211 \uD83D\uDE0E ja\u017A\u0107',
     });
   },
   returnArrayWithMultibyteUTF8CharacterString: function() {
@@ -109,14 +110,14 @@ var TestJSToJavaParametersModule = {
       '\u00A2',
       '\u20AC',
       '\uD83D\uDE1C',
-      '\u017C\u00F3\u0142\u0107 g\u0119\u015Bl\u0105 \u6211 \uD83D\uDE0E ja\u017A\u0107'
+      '\u017C\u00F3\u0142\u0107 g\u0119\u015Bl\u0105 \u6211 \uD83D\uDE0E ja\u017A\u0107',
     ]);
   },
 };
 
 BatchedBridge.registerCallableModule(
   'TestJSToJavaParametersModule',
-  TestJSToJavaParametersModule
+  TestJSToJavaParametersModule,
 );
 
 module.exports = TestJSToJavaParametersModule;
diff --git a/ReactAndroid/src/androidTest/js/TestJavaToJSArgumentsModule.js b/ReactAndroid/src/androidTest/js/TestJavaToJSArgumentsModule.js
index b5abe26a8eeb57..d112ff213d025c 100644
--- a/ReactAndroid/src/androidTest/js/TestJavaToJSArgumentsModule.js
+++ b/ReactAndroid/src/androidTest/js/TestJavaToJSArgumentsModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TestJavaToJSArgumentsModule
+ * @format
  */
 
 'use strict';
@@ -25,9 +25,7 @@ function strictStringCompare(a, b) {
 }
 
 function assertStrictStringEquals(a, b) {
-  assertTrue(
-    strictStringCompare(a,b),
-    'Expected: ' + a + ', received: ' + b);
+  assertTrue(strictStringCompare(a, b), 'Expected: ' + a + ', received: ' + b);
 }
 
 var TestJavaToJSArgumentsModule = {
@@ -93,7 +91,8 @@ var TestJavaToJSArgumentsModule = {
     assertStrictStringEquals('\uD83D\uDE1C', map['four-bytes']);
     assertStrictStringEquals(
       '\u017C\u00F3\u0142\u0107 g\u0119\u015Bl\u0105 \u6211 \uD83D\uDE0E ja\u017A\u0107',
-      map.mixed);
+      map.mixed,
+    );
   },
   receiveArrayWithMultibyteUTF8CharacterString: function(array) {
     assertTrue(true);
@@ -102,13 +101,14 @@ var TestJavaToJSArgumentsModule = {
     assertStrictStringEquals('\uD83D\uDE1C', array[2]);
     assertStrictStringEquals(
       '\u017C\u00F3\u0142\u0107 g\u0119\u015Bl\u0105 \u6211 \uD83D\uDE0E ja\u017A\u0107',
-      array[3]);
+      array[3],
+    );
   },
 };
 
 BatchedBridge.registerCallableModule(
   'TestJavaToJSArgumentsModule',
-  TestJavaToJSArgumentsModule
+  TestJavaToJSArgumentsModule,
 );
 
 module.exports = TestJavaToJSArgumentsModule;
diff --git a/ReactAndroid/src/androidTest/js/TestJavaToJSReturnValuesModule.js b/ReactAndroid/src/androidTest/js/TestJavaToJSReturnValuesModule.js
index 135816a5c9d659..e21f8600cbf45c 100644
--- a/ReactAndroid/src/androidTest/js/TestJavaToJSReturnValuesModule.js
+++ b/ReactAndroid/src/androidTest/js/TestJavaToJSReturnValuesModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TestJavaToJSReturnValuesModule
+ * @format
  */
 
 'use strict';
@@ -27,12 +27,12 @@ var TestJavaToJSReturnValuesModule = {
     } catch (ex) {
       assertTrue(ex.message.indexOf('Exception triggered') !== -1);
     }
-  }
+  },
 };
 
 BatchedBridge.registerCallableModule(
   'TestJavaToJSReturnValuesModule',
-  TestJavaToJSReturnValuesModule
+  TestJavaToJSReturnValuesModule,
 );
 
 module.exports = TestJavaToJSReturnValuesModule;
diff --git a/ReactAndroid/src/androidTest/js/TextInputTestModule.js b/ReactAndroid/src/androidTest/js/TextInputTestModule.js
index 94593a3ab71449..48d29344de316e 100644
--- a/ReactAndroid/src/androidTest/js/TextInputTestModule.js
+++ b/ReactAndroid/src/androidTest/js/TextInputTestModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TextInputTestModule
+ * @format
  */
 
 'use strict';
@@ -26,13 +26,14 @@ class TokenizedTextExample extends React.Component {
     this.state = {text: ''};
   }
   render() {
-
     //define delimiter
     let delimiter = /\s+/;
 
     //split string
     let _text = this.state.text;
-    let token, index, parts = [];
+    let token,
+      index,
+      parts = [];
     while (_text) {
       delimiter.lastIndex = 0;
       token = delimiter.exec(_text);
@@ -51,9 +52,13 @@ class TokenizedTextExample extends React.Component {
     parts.push(_text);
 
     //highlight hashtags
-    parts = parts.map((text) => {
+    parts = parts.map(text => {
       if (/^#/.test(text)) {
-        return <Text key={text} style={styles.hashtag}>{text}</Text>;
+        return (
+          <Text key={text} style={styles.hashtag}>
+            {text}
+          </Text>
+        );
       } else {
         return text;
       }
@@ -66,7 +71,7 @@ class TokenizedTextExample extends React.Component {
           testID="tokenizedInput"
           multiline={true}
           style={styles.multiline}
-          onChangeText={(text) => {
+          onChangeText={text => {
             this.setState({text});
           }}>
           <Text>{parts}</Text>
@@ -81,7 +86,7 @@ class TextInputTestApp extends React.Component {
     app = this;
   }
 
-  handleOnSubmitEditing = (record) => {
+  handleOnSubmitEditing = record => {
     Recording.record(record);
   };
 
@@ -174,7 +179,7 @@ var TextInputTestModule = {
 
 BatchedBridge.registerCallableModule(
   'TextInputTestModule',
-  TextInputTestModule
+  TextInputTestModule,
 );
 
 module.exports = TextInputTestModule;
diff --git a/ReactAndroid/src/androidTest/js/TimePickerDialogTestModule.js b/ReactAndroid/src/androidTest/js/TimePickerDialogTestModule.js
index ebf8cdb4f1271a..5db19b67e45bd5 100644
--- a/ReactAndroid/src/androidTest/js/TimePickerDialogTestModule.js
+++ b/ReactAndroid/src/androidTest/js/TimePickerDialogTestModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TimePickerDialogTestModule
+ * @format
  */
 
 'use strict';
@@ -32,14 +32,14 @@ var TimePickerDialogTestModule = {
           RecordingModule.recordDismissed();
         }
       },
-      ({code, message}) => RecordingModule.recordError()
+      ({code, message}) => RecordingModule.recordError(),
     );
   },
 };
 
 BatchedBridge.registerCallableModule(
   'TimePickerDialogTestModule',
-  TimePickerDialogTestModule
+  TimePickerDialogTestModule,
 );
 
 module.exports = TimePickerDialogTestModule;
diff --git a/ReactAndroid/src/androidTest/js/TouchBubblingTestAppModule.js b/ReactAndroid/src/androidTest/js/TouchBubblingTestAppModule.js
index cd8bcb51c52842..4ae71bf70f2cdb 100644
--- a/ReactAndroid/src/androidTest/js/TouchBubblingTestAppModule.js
+++ b/ReactAndroid/src/androidTest/js/TouchBubblingTestAppModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule TouchBubblingTestAppModule
+ * @format
  */
 
 'use strict';
@@ -17,16 +17,20 @@ var View = require('View');
 var TouchableWithoutFeedback = require('TouchableWithoutFeedback');
 
 class TouchBubblingTestApp extends React.Component {
-  handlePress = (record) => {
+  handlePress = record => {
     Recording.record(record);
   };
 
   render() {
     return (
       <View style={styles.container}>
-        <TouchableWithoutFeedback onPress={this.handlePress.bind(this, 'outer')} testID="D">
+        <TouchableWithoutFeedback
+          onPress={this.handlePress.bind(this, 'outer')}
+          testID="D">
           <View style={styles.outer}>
-            <TouchableWithoutFeedback onPress={this.handlePress.bind(this, 'inner')} testID="B">
+            <TouchableWithoutFeedback
+              onPress={this.handlePress.bind(this, 'inner')}
+              testID="B">
               <View style={styles.inner}>
                 <View style={styles.superinner} testID="A" />
               </View>
@@ -34,7 +38,9 @@ class TouchBubblingTestApp extends React.Component {
             <View style={styles.inner} testID="C" />
           </View>
         </TouchableWithoutFeedback>
-        <TouchableWithoutFeedback onPress={this.handlePress.bind(this, 'outsider')} testID="E">
+        <TouchableWithoutFeedback
+          onPress={this.handlePress.bind(this, 'outsider')}
+          testID="E">
           <View style={styles.element} />
         </TouchableWithoutFeedback>
       </View>
@@ -69,7 +75,7 @@ var styles = StyleSheet.create({
     backgroundColor: '#eeeeee',
     height: 20,
     width: 20,
-  }
+  },
 });
 
 module.exports = TouchBubblingTestApp;
diff --git a/ReactAndroid/src/androidTest/js/UIManagerTestModule.js b/ReactAndroid/src/androidTest/js/UIManagerTestModule.js
index 5c976ce76dc3f9..33d1d3aca1b029 100644
--- a/ReactAndroid/src/androidTest/js/UIManagerTestModule.js
+++ b/ReactAndroid/src/androidTest/js/UIManagerTestModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule UIManagerTestModule
+ * @format
  */
 
 'use strict';
@@ -35,16 +35,25 @@ var FlexTestApp = createReactClass({
       left: 10,
       width: 50,
       height: 60,
-    }
+    },
   }),
   render: function() {
     return (
-      <View style={this._styles.container} testID="container" collapsable={false}>
-        <View style={[this._styles.child, {backgroundColor: '#ff0000'}]} collapsable={false}/>
-        <View style={[this._styles.child, {backgroundColor: '#0000ff'}]} collapsable={false}/>
+      <View
+        style={this._styles.container}
+        testID="container"
+        collapsable={false}>
+        <View
+          style={[this._styles.child, {backgroundColor: '#ff0000'}]}
+          collapsable={false}
+        />
+        <View
+          style={[this._styles.child, {backgroundColor: '#0000ff'}]}
+          collapsable={false}
+        />
       </View>
     );
-  }
+  },
 });
 
 var FlexWithText = createReactClass({
@@ -66,14 +75,17 @@ var FlexWithText = createReactClass({
   }),
   render: function() {
     return (
-      <View style={this._styles.container} testID="container" collapsable={false}>
+      <View
+        style={this._styles.container}
+        testID="container"
+        collapsable={false}>
         <View style={this._styles.row} collapsable={false}>
           <Text style={this._styles.inner}>Hello</Text>
           <Text style={this._styles.inner}>World</Text>
         </View>
       </View>
     );
-  }
+  },
 });
 
 var AbsolutePositionTestApp = createReactClass({
@@ -85,11 +97,17 @@ var AbsolutePositionTestApp = createReactClass({
       left: 10,
       width: 50,
       height: 60,
-    }
+    },
   }),
   render: function() {
-    return <View style={this._styles.absolute} testID="absolute" collapsable={false}/>;
-  }
+    return (
+      <View
+        style={this._styles.absolute}
+        testID="absolute"
+        collapsable={false}
+      />
+    );
+  },
 });
 
 var AbsolutePositionBottomRightTestApp = createReactClass({
@@ -105,15 +123,18 @@ var AbsolutePositionBottomRightTestApp = createReactClass({
       right: 10,
       width: 50,
       height: 60,
-    }
+    },
   }),
   render: function() {
     return (
-      <View style={this._styles.container} testID="container" collapsable={false}>
-        <View style={this._styles.absolute} collapsable={false}/>
+      <View
+        style={this._styles.container}
+        testID="container"
+        collapsable={false}>
+        <View style={this._styles.absolute} collapsable={false} />
       </View>
     );
-  }
+  },
 });
 
 var CenteredTextView = createReactClass({
@@ -135,11 +156,13 @@ var CenteredTextView = createReactClass({
     return (
       <View collapsable={false}>
         <View style={this._styles.parent} collapsable={false}>
-          <Text style={this._styles.text} testID="text">{this.props.text}</Text>
+          <Text style={this._styles.text} testID="text">
+            {this.props.text}
+          </Text>
         </View>
       </View>
     );
-  }
+  },
 });
 
 var flushUpdatePositionInList = null;
@@ -151,11 +174,11 @@ var UpdatePositionInListTestApp = createReactClass({
     },
     active: {
       height: 50,
-    }
+    },
   }),
   getInitialState: function() {
-    flushUpdatePositionInList = () => this.setState({ active: true });
-    return { active: false };
+    flushUpdatePositionInList = () => this.setState({active: true});
+    return {active: false};
   },
   render: function() {
     return (
@@ -168,10 +191,10 @@ var UpdatePositionInListTestApp = createReactClass({
           ]}
           collapsable={false}
         />
-        <View style={this._styles.element} collapsable={false}/>
+        <View style={this._styles.element} collapsable={false} />
       </View>
     );
-  }
+  },
 });
 
 var UIManagerTestModule = {
@@ -195,12 +218,12 @@ var UIManagerTestModule = {
   },
   flushUpdatePositionInList: function() {
     flushUpdatePositionInList();
-  }
+  },
 };
 
 BatchedBridge.registerCallableModule(
   'UIManagerTestModule',
-  UIManagerTestModule
+  UIManagerTestModule,
 );
 
 module.exports = UIManagerTestModule;
diff --git a/ReactAndroid/src/androidTest/js/ViewRenderingTestModule.js b/ReactAndroid/src/androidTest/js/ViewRenderingTestModule.js
index 36d9328c93e209..c2215318a52f41 100644
--- a/ReactAndroid/src/androidTest/js/ViewRenderingTestModule.js
+++ b/ReactAndroid/src/androidTest/js/ViewRenderingTestModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @providesModule ViewRenderingTestModule
+ * @format
  */
 
 'use strict';
@@ -27,9 +27,7 @@ class ViewSampleApp extends React.Component {
   state = {};
 
   render() {
-    return (
-      <View style={styles.view} collapsable={false}/>
-    );
+    return <View style={styles.view} collapsable={false} />;
   }
 }
 
@@ -41,7 +39,10 @@ class MarginSampleApp extends React.Component {
   render() {
     updateMargins = this.setState.bind(this, {margin: 15});
     return (
-      <View style={{margin: this.state.margin, marginLeft: 20}} collapsable={false}/>
+      <View
+        style={{margin: this.state.margin, marginLeft: 20}}
+        collapsable={false}
+      />
     );
   }
 }
@@ -49,8 +50,13 @@ class MarginSampleApp extends React.Component {
 class BorderSampleApp extends React.Component {
   render() {
     return (
-      <View style={{borderLeftWidth: 20, borderWidth: 5, backgroundColor: 'blue'}} collapsable={false}>
-        <View style={{backgroundColor: 'red', width: 20, height: 20}} collapsable={false}/>
+      <View
+        style={{borderLeftWidth: 20, borderWidth: 5, backgroundColor: 'blue'}}
+        collapsable={false}>
+        <View
+          style={{backgroundColor: 'red', width: 20, height: 20}}
+          collapsable={false}
+        />
       </View>
     );
   }
@@ -65,11 +71,9 @@ class TransformSampleApp extends React.Component {
         {rotate: '15deg'},
         {scaleX: 5},
         {scaleY: 10},
-      ]
+      ],
     };
-    return (
-      <View style={style} collapsable={false}/>
-    );
+    return <View style={style} collapsable={false} />;
   }
 }
 
@@ -93,7 +97,7 @@ var ViewRenderingTestModule = {
 
 BatchedBridge.registerCallableModule(
   'ViewRenderingTestModule',
-  ViewRenderingTestModule
+  ViewRenderingTestModule,
 );
 
 module.exports = ViewRenderingTestModule;
diff --git a/ReactAndroid/src/main/android_res/com/facebook/catalyst/appcompat/BUCK b/ReactAndroid/src/main/android_res/com/facebook/catalyst/appcompat/BUCK
index a8bc7113c64231..868485a2b73cdc 100644
--- a/ReactAndroid/src/main/android_res/com/facebook/catalyst/appcompat/BUCK
+++ b/ReactAndroid/src/main/android_res/com/facebook/catalyst/appcompat/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_resource", "react_native_dep")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "rn_android_resource")
 
 # used by ReactToolbarManager because of Gradle
 # TODO t10182713 will be replaced with appcompat-orig when we stop using Gradle
diff --git a/ReactAndroid/src/main/java/com/facebook/BUCK b/ReactAndroid/src/main/java/com/facebook/BUCK
index acf8918c917d11..bc03b864be0f16 100644
--- a/ReactAndroid/src/main/java/com/facebook/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "rn_android_library")
 
 rn_android_library(
     name = "yoga",
diff --git a/ReactAndroid/src/main/java/com/facebook/debug/debugoverlay/model/BUCK b/ReactAndroid/src/main/java/com/facebook/debug/debugoverlay/model/BUCK
index a6bc3c88420867..caed19622ab7db 100644
--- a/ReactAndroid/src/main/java/com/facebook/debug/debugoverlay/model/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/debug/debugoverlay/model/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "rn_android_library")
 
 rn_android_library(
     name = "model",
diff --git a/ReactAndroid/src/main/java/com/facebook/debug/debugoverlay/model/DebugOverlayTag.java b/ReactAndroid/src/main/java/com/facebook/debug/debugoverlay/model/DebugOverlayTag.java
index c0a1790d8868aa..07d2605717a68e 100644
--- a/ReactAndroid/src/main/java/com/facebook/debug/debugoverlay/model/DebugOverlayTag.java
+++ b/ReactAndroid/src/main/java/com/facebook/debug/debugoverlay/model/DebugOverlayTag.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.debug.debugoverlay.model;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/debug/holder/BUCK b/ReactAndroid/src/main/java/com/facebook/debug/holder/BUCK
index 25c98e22107c10..e28e0062d3e466 100644
--- a/ReactAndroid/src/main/java/com/facebook/debug/holder/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/debug/holder/BUCK
@@ -1,15 +1,15 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "rn_android_library")
 
 rn_android_library(
     name = "holder",
     srcs = glob(["*.java"]),
-    exported_deps = [
-        react_native_dep("java/com/facebook/debug/debugoverlay/model:model"),
-    ],
     visibility = [
         "PUBLIC",
     ],
     deps = [
         react_native_dep("third-party/java/jsr-305:jsr-305"),
     ],
+    exported_deps = [
+        react_native_dep("java/com/facebook/debug/debugoverlay/model:model"),
+    ],
 )
diff --git a/ReactAndroid/src/main/java/com/facebook/debug/holder/NoopPrinter.java b/ReactAndroid/src/main/java/com/facebook/debug/holder/NoopPrinter.java
index 6c31109a78f797..a7bba058310597 100644
--- a/ReactAndroid/src/main/java/com/facebook/debug/holder/NoopPrinter.java
+++ b/ReactAndroid/src/main/java/com/facebook/debug/holder/NoopPrinter.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.debug.holder;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/debug/holder/Printer.java b/ReactAndroid/src/main/java/com/facebook/debug/holder/Printer.java
index dffe707da1e663..4fcfc24ca6f172 100644
--- a/ReactAndroid/src/main/java/com/facebook/debug/holder/Printer.java
+++ b/ReactAndroid/src/main/java/com/facebook/debug/holder/Printer.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.debug.holder;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/debug/holder/PrinterHolder.java b/ReactAndroid/src/main/java/com/facebook/debug/holder/PrinterHolder.java
index 3634646333c90c..e0405a4b99c955 100644
--- a/ReactAndroid/src/main/java/com/facebook/debug/holder/PrinterHolder.java
+++ b/ReactAndroid/src/main/java/com/facebook/debug/holder/PrinterHolder.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.debug.holder;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/debug/tags/BUCK b/ReactAndroid/src/main/java/com/facebook/debug/tags/BUCK
index a722e9cde13708..85aaf21d912e88 100644
--- a/ReactAndroid/src/main/java/com/facebook/debug/tags/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/debug/tags/BUCK
@@ -1,15 +1,15 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "rn_android_library")
 
 rn_android_library(
     name = "tags",
     srcs = glob(["*.java"]),
-    exported_deps = [
-        react_native_dep("java/com/facebook/debug/debugoverlay/model:model"),
-    ],
     visibility = [
         "PUBLIC",
     ],
     deps = [
         react_native_dep("third-party/java/jsr-305:jsr-305"),
     ],
+    exported_deps = [
+        react_native_dep("java/com/facebook/debug/debugoverlay/model:model"),
+    ],
 )
diff --git a/ReactAndroid/src/main/java/com/facebook/debug/tags/ReactDebugOverlayTags.java b/ReactAndroid/src/main/java/com/facebook/debug/tags/ReactDebugOverlayTags.java
index 4df1f1aba7974e..879743ce91a0df 100644
--- a/ReactAndroid/src/main/java/com/facebook/debug/tags/ReactDebugOverlayTags.java
+++ b/ReactAndroid/src/main/java/com/facebook/debug/tags/ReactDebugOverlayTags.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.debug.tags;
 
@@ -24,6 +27,16 @@ public class ReactDebugOverlayTags {
           "UI Manager",
           "UI Manager View Operations (requires restart\nwarning: this is spammy)",
           Color.CYAN);
+  public static final DebugOverlayTag FABRIC_UI_MANAGER =
+    new DebugOverlayTag(
+      "FabricUIManager",
+      "Fabric UI Manager View Operations",
+      Color.CYAN);
+  public static final DebugOverlayTag FABRIC_RECONCILER =
+    new DebugOverlayTag(
+      "FabricReconciler",
+      "Reconciler for Fabric",
+      Color.CYAN);
   public static final DebugOverlayTag RELAY =
       new DebugOverlayTag("Relay", "including prefetching", Color.rgb(0xFF, 0x99, 0x00));
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/jni/BUCK b/ReactAndroid/src/main/java/com/facebook/jni/BUCK
index 0660dbe56f118a..b0dee43c7991a2 100644
--- a/ReactAndroid/src/main/java/com/facebook/jni/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/jni/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "rn_android_library")
 
 rn_android_library(
     name = "jni",
diff --git a/ReactAndroid/src/main/java/com/facebook/jni/Countable.java b/ReactAndroid/src/main/java/com/facebook/jni/Countable.java
index a319e187aac35f..342a6f01e28c2f 100644
--- a/ReactAndroid/src/main/java/com/facebook/jni/Countable.java
+++ b/ReactAndroid/src/main/java/com/facebook/jni/Countable.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.jni;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/jni/CpuCapabilitiesJni.java b/ReactAndroid/src/main/java/com/facebook/jni/CpuCapabilitiesJni.java
index f8f3054c885d18..ce3ae8da14b980 100644
--- a/ReactAndroid/src/main/java/com/facebook/jni/CpuCapabilitiesJni.java
+++ b/ReactAndroid/src/main/java/com/facebook/jni/CpuCapabilitiesJni.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.jni;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/jni/DestructorThread.java b/ReactAndroid/src/main/java/com/facebook/jni/DestructorThread.java
index 6b00078f0b1280..3ae10379969d5d 100644
--- a/ReactAndroid/src/main/java/com/facebook/jni/DestructorThread.java
+++ b/ReactAndroid/src/main/java/com/facebook/jni/DestructorThread.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.jni;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/jni/HybridClassBase.java b/ReactAndroid/src/main/java/com/facebook/jni/HybridClassBase.java
index a20b92b8f1b4e9..3e39175c42f6d2 100644
--- a/ReactAndroid/src/main/java/com/facebook/jni/HybridClassBase.java
+++ b/ReactAndroid/src/main/java/com/facebook/jni/HybridClassBase.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.jni;
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/jni/HybridData.java b/ReactAndroid/src/main/java/com/facebook/jni/HybridData.java
index 9ace5f3ddc959e..ad4077e669c9f6 100644
--- a/ReactAndroid/src/main/java/com/facebook/jni/HybridData.java
+++ b/ReactAndroid/src/main/java/com/facebook/jni/HybridData.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.jni;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/jni/JniTerminateHandler.java b/ReactAndroid/src/main/java/com/facebook/jni/JniTerminateHandler.java
index 29f66003aefaaf..eec0fbc1610b49 100644
--- a/ReactAndroid/src/main/java/com/facebook/jni/JniTerminateHandler.java
+++ b/ReactAndroid/src/main/java/com/facebook/jni/JniTerminateHandler.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.jni;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/jni/ThreadScopeSupport.java b/ReactAndroid/src/main/java/com/facebook/jni/ThreadScopeSupport.java
index 89610c43798d66..9490f87062c3dd 100644
--- a/ReactAndroid/src/main/java/com/facebook/jni/ThreadScopeSupport.java
+++ b/ReactAndroid/src/main/java/com/facebook/jni/ThreadScopeSupport.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.jni;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/BUCK b/ReactAndroid/src/main/java/com/facebook/react/BUCK
index 9a33c9af419216..743bb34bb69448 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "react",
@@ -35,4 +35,7 @@ rn_android_library(
         react_native_target("java/com/facebook/react/uimanager:uimanager"),
         react_native_target("java/com/facebook/react/views/imagehelper:imagehelper"),
     ],
+    exported_deps = [
+        react_native_target("java/com/facebook/react/packagerconnection:packagerconnection"),
+    ],
 )
diff --git a/ReactAndroid/src/main/java/com/facebook/react/CompositeReactPackage.java b/ReactAndroid/src/main/java/com/facebook/react/CompositeReactPackage.java
index ab82f0d9643264..7aff02cfccfef3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/CompositeReactPackage.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/CompositeReactPackage.java
@@ -98,14 +98,13 @@ public List<ViewManager> createViewManagers(ReactApplicationContext reactContext
 
   /** {@inheritDoc} */
   @Override
-  public List<String> getViewManagerNames(
-      ReactApplicationContext reactContext, boolean loadClasses) {
+  public List<String> getViewManagerNames(ReactApplicationContext reactContext) {
     Set<String> uniqueNames = new HashSet<>();
     for (ReactPackage reactPackage : mChildReactPackages) {
       if (reactPackage instanceof ViewManagerOnDemandReactPackage) {
         List<String> names =
             ((ViewManagerOnDemandReactPackage) reactPackage)
-                .getViewManagerNames(reactContext, loadClasses);
+                .getViewManagerNames(reactContext);
         if (names != null) {
           uniqueNames.addAll(names);
         }
@@ -116,15 +115,14 @@ public List<String> getViewManagerNames(
 
   /** {@inheritDoc} */
   @Override
-  public @Nullable ViewManager createViewManager(
-      ReactApplicationContext reactContext, String viewManagerName, boolean loadClasses) {
+  public @Nullable ViewManager createViewManager(ReactApplicationContext reactContext, String viewManagerName) {
     ListIterator<ReactPackage> iterator = mChildReactPackages.listIterator(mChildReactPackages.size());
     while (iterator.hasPrevious()) {
       ReactPackage reactPackage = iterator.previous();
       if (reactPackage instanceof ViewManagerOnDemandReactPackage) {
         ViewManager viewManager =
             ((ViewManagerOnDemandReactPackage) reactPackage)
-                .createViewManager(reactContext, viewManagerName, loadClasses);
+                .createViewManager(reactContext, viewManagerName);
         if (viewManager != null) {
           return viewManager;
         }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/CoreModulesPackage.java b/ReactAndroid/src/main/java/com/facebook/react/CoreModulesPackage.java
index c6a778a6745e55..1b3d4c10fa6f32 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/CoreModulesPackage.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/CoreModulesPackage.java
@@ -26,7 +26,6 @@
 import com.facebook.react.modules.debug.SourceCodeModule;
 import com.facebook.react.modules.deviceinfo.DeviceInfoModule;
 import com.facebook.react.modules.systeminfo.AndroidInfoModule;
-import com.facebook.react.uimanager.UIImplementationProvider;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewManager;
 import com.facebook.systrace.Systrace;
@@ -54,19 +53,16 @@
 
   private final ReactInstanceManager mReactInstanceManager;
   private final DefaultHardwareBackBtnHandler mHardwareBackBtnHandler;
-  private final UIImplementationProvider mUIImplementationProvider;
   private final boolean mLazyViewManagersEnabled;
   private final int mMinTimeLeftInFrameForNonBatchedOperationMs;
 
   CoreModulesPackage(
       ReactInstanceManager reactInstanceManager,
       DefaultHardwareBackBtnHandler hardwareBackBtnHandler,
-      UIImplementationProvider uiImplementationProvider,
       boolean lazyViewManagersEnabled,
       int minTimeLeftInFrameForNonBatchedOperationMs) {
     mReactInstanceManager = reactInstanceManager;
     mHardwareBackBtnHandler = hardwareBackBtnHandler;
-    mUIImplementationProvider = uiImplementationProvider;
     mLazyViewManagersEnabled = lazyViewManagersEnabled;
     mMinTimeLeftInFrameForNonBatchedOperationMs = minTimeLeftInFrameForNonBatchedOperationMs;
   }
@@ -165,13 +161,11 @@ public List<String> getViewManagerNames() {
         return new UIManagerModule(
             reactContext,
             resolver,
-            mUIImplementationProvider,
             mMinTimeLeftInFrameForNonBatchedOperationMs);
       } else {
         return new UIManagerModule(
             reactContext,
             mReactInstanceManager.getOrCreateViewManagers(reactContext),
-            mUIImplementationProvider,
             mMinTimeLeftInFrameForNonBatchedOperationMs);
       }
     } finally {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/DebugCorePackage.java b/ReactAndroid/src/main/java/com/facebook/react/DebugCorePackage.java
index 290082e545ba0c..1de05ef8977a2f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/DebugCorePackage.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/DebugCorePackage.java
@@ -48,15 +48,6 @@ public NativeModule get() {
                 return new JSCHeapCapture(reactContext);
               }
             }));
-    moduleSpecList.add(
-      ModuleSpec.nativeModuleSpec(
-        JSDevSupport.class,
-        new Provider<NativeModule>() {
-          @Override
-          public NativeModule get() {
-            return new JSDevSupport(reactContext);
-          }
-        }));
     moduleSpecList.add(
         ModuleSpec.nativeModuleSpec(
             JSCSamplingProfiler.class,
diff --git a/ReactAndroid/src/main/java/com/facebook/react/EagerModuleProvider.java b/ReactAndroid/src/main/java/com/facebook/react/EagerModuleProvider.java
index 3270ca3403828d..9b429baa3a88b4 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/EagerModuleProvider.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/EagerModuleProvider.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/MemoryPressureRouter.java b/ReactAndroid/src/main/java/com/facebook/react/MemoryPressureRouter.java
index e83d53f9a58870..627b962f667517 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/MemoryPressureRouter.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/MemoryPressureRouter.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/NativeModuleRegistryBuilder.java b/ReactAndroid/src/main/java/com/facebook/react/NativeModuleRegistryBuilder.java
index cabe52043d8324..85097e7a6036e3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/NativeModuleRegistryBuilder.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/NativeModuleRegistryBuilder.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react;
 
@@ -77,19 +80,7 @@ public void processPackage(ReactPackage reactPackage) {
         }
 
         String name = moduleHolder.getName();
-        if (namesToType.containsKey(name)) {
-          Class<? extends NativeModule> existingNativeModule = namesToType.get(name);
-          if (!moduleHolder.getCanOverrideExistingModule()) {
-            throw new IllegalStateException("Native module " + type.getSimpleName() +
-              " tried to override " + existingNativeModule.getSimpleName() + " for module name " +
-              name + ". If this was your intention, set canOverrideExistingModule=true");
-          }
-
-          mModules.remove(existingNativeModule);
-        }
-
-        namesToType.put(name, type);
-        mModules.put(type, moduleHolder);
+        putModuleTypeAndHolderToModuleMaps(type, name, moduleHolder);
       }
     } else {
       FLog.d(
@@ -114,19 +105,25 @@ public void processPackage(ReactPackage reactPackage) {
   public void addNativeModule(NativeModule nativeModule) {
     String name = nativeModule.getName();
     Class<? extends NativeModule> type = nativeModule.getClass();
-    if (namesToType.containsKey(name)) {
-      Class<? extends NativeModule> existingModule = namesToType.get(name);
-      if (!nativeModule.canOverrideExistingModule()) {
+    putModuleTypeAndHolderToModuleMaps(type, name, new ModuleHolder(nativeModule));
+  }
+
+  private void putModuleTypeAndHolderToModuleMaps(Class<? extends NativeModule> type, String underName,
+                                                  ModuleHolder moduleHolder) throws IllegalStateException {
+    if (namesToType.containsKey(underName)) {
+      Class<? extends NativeModule> existingNativeModule = namesToType.get(underName);
+      if (!moduleHolder.getCanOverrideExistingModule()) {
         throw new IllegalStateException("Native module " + type.getSimpleName() +
-          " tried to override " + existingModule.getSimpleName() + " for module name " +
-          name + ". If this was your intention, set canOverrideExistingModule=true");
+          " tried to override " + existingNativeModule.getSimpleName() + " for module name " +
+          underName + ". Check the getPackages() method in MainApplication.java, it might be " +
+          "that module is being created twice. " +
+          "If this was your intention, set canOverrideExistingModule=true");
       }
 
-      mModules.remove(existingModule);
+      mModules.remove(existingNativeModule);
     }
 
-    namesToType.put(name, type);
-    ModuleHolder moduleHolder = new ModuleHolder(nativeModule);
+    namesToType.put(underName, type);
     mModules.put(type, moduleHolder);
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactActivityDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/ReactActivityDelegate.java
index 03141fb00b07b2..c0691c748db507 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactActivityDelegate.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactActivityDelegate.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactFragmentActivity.java b/ReactAndroid/src/main/java/com/facebook/react/ReactFragmentActivity.java
index 10bbd9d89639eb..b104b91e4ef521 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactFragmentActivity.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactFragmentActivity.java
@@ -19,9 +19,11 @@
 import com.facebook.react.modules.core.PermissionListener;
 
 /**
- * Base Activity for React Native applications. Like {@link ReactActivity} but extends
- * {@link FragmentActivity} instead of {@link android.app.Activity}.
+ * @deprecated
+ * ReactFragmentActivity will be removed in 0.57 release.
+ * Use {@link ReactActivity} instead.
  */
+@Deprecated
 public abstract class ReactFragmentActivity extends FragmentActivity implements
   DefaultHardwareBackBtnHandler, PermissionAwareActivity {
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManager.java b/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManager.java
index 1d2731a71c856b..075ba03ea260c8 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManager.java
@@ -25,6 +25,7 @@
 import static com.facebook.react.bridge.ReactMarkerConstants.REACT_CONTEXT_THREAD_START;
 import static com.facebook.react.bridge.ReactMarkerConstants.SETUP_REACT_CONTEXT_END;
 import static com.facebook.react.bridge.ReactMarkerConstants.SETUP_REACT_CONTEXT_START;
+import static com.facebook.react.uimanager.common.UIManagerType.FABRIC;
 import static com.facebook.systrace.Systrace.TRACE_TAG_REACT_APPS;
 import static com.facebook.systrace.Systrace.TRACE_TAG_REACT_JAVA_BRIDGE;
 import static com.facebook.systrace.Systrace.TRACE_TAG_REACT_JS_VM_CALLS;
@@ -46,10 +47,11 @@
 import com.facebook.react.bridge.CatalystInstance;
 import com.facebook.react.bridge.CatalystInstanceImpl;
 import com.facebook.react.bridge.JSBundleLoader;
-import com.facebook.react.bridge.JSIModulesProvider;
+import com.facebook.react.bridge.JSIModulePackage;
 import com.facebook.react.bridge.JavaJSExecutor;
 import com.facebook.react.bridge.JavaScriptExecutor;
 import com.facebook.react.bridge.JavaScriptExecutorFactory;
+import com.facebook.react.bridge.NativeDeltaClient;
 import com.facebook.react.bridge.NativeModuleCallExceptionHandler;
 import com.facebook.react.bridge.NativeModuleRegistry;
 import com.facebook.react.bridge.NotThreadSafeBridgeIdleDebugListener;
@@ -76,9 +78,9 @@
 import com.facebook.react.modules.core.ReactChoreographer;
 import com.facebook.react.modules.debug.interfaces.DeveloperSettings;
 import com.facebook.react.modules.fabric.ReactFabric;
+import com.facebook.react.packagerconnection.RequestHandler;
 import com.facebook.react.uimanager.DisplayMetricsHolder;
-import com.facebook.react.uimanager.UIImplementationProvider;
-import com.facebook.react.uimanager.UIManagerModule;
+import com.facebook.react.uimanager.UIManagerHelper;
 import com.facebook.react.uimanager.ViewManager;
 import com.facebook.react.views.imagehelper.ResourceDrawableIdHelper;
 import com.facebook.soloader.SoLoader;
@@ -89,6 +91,7 @@
 import java.util.Collections;
 import java.util.HashSet;
 import java.util.List;
+import java.util.Map;
 import java.util.Set;
 import javax.annotation.Nullable;
 
@@ -156,8 +159,7 @@ public interface ReactInstanceEventListener {
   private final MemoryPressureRouter mMemoryPressureRouter;
   private final @Nullable NativeModuleCallExceptionHandler mNativeModuleCallExceptionHandler;
   private final boolean mLazyNativeModulesEnabled;
-  private final boolean mDelayViewManagerClassLoadsEnabled;
-  private final @Nullable JSIModulesProvider mJSIModulesProvider;
+  private final @Nullable JSIModulePackage mJSIModulePackage;
   private List<ViewManager> mViewManagers;
 
   private class ReactContextInitParams {
@@ -198,16 +200,15 @@ public static ReactInstanceManagerBuilder builder() {
     boolean useDeveloperSupport,
     @Nullable NotThreadSafeBridgeIdleDebugListener bridgeIdleDebugListener,
     LifecycleState initialLifecycleState,
-    UIImplementationProvider uiImplementationProvider,
     NativeModuleCallExceptionHandler nativeModuleCallExceptionHandler,
     @Nullable RedBoxHandler redBoxHandler,
     boolean lazyNativeModulesEnabled,
     boolean lazyViewManagersEnabled,
-    boolean delayViewManagerClassLoadsEnabled,
     @Nullable DevBundleDownloadListener devBundleDownloadListener,
     int minNumShakes,
     int minTimeLeftInFrameForNonBatchedOperationMs,
-    @Nullable JSIModulesProvider jsiModulesProvider) {
+    @Nullable JSIModulePackage jsiModulePackage,
+    @Nullable Map<String, RequestHandler> customPackagerCommandHandlers) {
     Log.d(ReactConstants.TAG, "ReactInstanceManager.ctor()");
     initializeSoLoaderIfNecessary(applicationContext);
 
@@ -229,13 +230,13 @@ public static ReactInstanceManagerBuilder builder() {
             useDeveloperSupport,
             redBoxHandler,
             devBundleDownloadListener,
-            minNumShakes);
+            minNumShakes,
+            customPackagerCommandHandlers);
     mBridgeIdleDebugListener = bridgeIdleDebugListener;
     mLifecycleState = initialLifecycleState;
     mMemoryPressureRouter = new MemoryPressureRouter(applicationContext);
     mNativeModuleCallExceptionHandler = nativeModuleCallExceptionHandler;
     mLazyNativeModulesEnabled = lazyNativeModulesEnabled;
-    mDelayViewManagerClassLoadsEnabled = delayViewManagerClassLoadsEnabled;
     synchronized (mPackages) {
       PrinterHolder.getPrinter()
           .logMessage(ReactDebugOverlayTags.RN_CORE, "RNCore: Use Split Packages");
@@ -248,7 +249,6 @@ public void invokeDefaultOnBackPressed() {
                   ReactInstanceManager.this.invokeDefaultOnBackPressed();
                 }
               },
-              uiImplementationProvider,
               lazyViewManagersEnabled,
               minTimeLeftInFrameForNonBatchedOperationMs));
       if (mUseDeveloperSupport) {
@@ -256,7 +256,7 @@ public void invokeDefaultOnBackPressed() {
       }
       mPackages.addAll(packages);
     }
-    mJSIModulesProvider = jsiModulesProvider;
+    mJSIModulePackage = jsiModulePackage;
 
     // Instantiate ReactChoreographer in UI thread.
     ReactChoreographer.initialize();
@@ -273,8 +273,8 @@ public void onReloadWithJSDebugger(JavaJSExecutor.Factory jsExecutorFactory) {
       }
 
       @Override
-      public void onJSBundleLoadedFromServer() {
-        ReactInstanceManager.this.onJSBundleLoadedFromServer();
+      public void onJSBundleLoadedFromServer(@Nullable NativeDeltaClient nativeDeltaClient) {
+        ReactInstanceManager.this.onJSBundleLoadedFromServer(nativeDeltaClient);
       }
 
       @Override
@@ -363,7 +363,7 @@ private void recreateReactContextInBackgroundInner() {
           !devSettings.isRemoteJSDebugEnabled()) {
         // If there is a up-to-date bundle downloaded from server,
         // with remote JS debugging disabled, always use that.
-        onJSBundleLoadedFromServer();
+        onJSBundleLoadedFromServer(null);
       } else if (mBundleLoader == null) {
         mDevSupportManager.handleReloadJS();
       } else {
@@ -780,7 +780,7 @@ public List<ViewManager> getOrCreateViewManagers(
         if (reactPackage instanceof ViewManagerOnDemandReactPackage) {
           ViewManager viewManager =
               ((ViewManagerOnDemandReactPackage) reactPackage)
-                  .createViewManager(context, viewManagerName, !mDelayViewManagerClassLoadsEnabled);
+                  .createViewManager(context, viewManagerName);
           if (viewManager != null) {
             return viewManager;
           }
@@ -805,7 +805,7 @@ public List<ViewManager> getOrCreateViewManagers(
         if (reactPackage instanceof ViewManagerOnDemandReactPackage) {
           List<String> names =
               ((ViewManagerOnDemandReactPackage) reactPackage)
-                  .getViewManagerNames(context, !mDelayViewManagerClassLoadsEnabled);
+                  .getViewManagerNames(context);
           if (names != null) {
             uniqueNames.addAll(names);
           }
@@ -851,12 +851,17 @@ private void onReloadWithJSDebugger(JavaJSExecutor.Factory jsExecutorFactory) {
   }
 
   @ThreadConfined(UI)
-  private void onJSBundleLoadedFromServer() {
+  private void onJSBundleLoadedFromServer(@Nullable NativeDeltaClient nativeDeltaClient) {
     Log.d(ReactConstants.TAG, "ReactInstanceManager.onJSBundleLoadedFromServer()");
-    recreateReactContextInBackground(
-        mJavaScriptExecutorFactory,
-        JSBundleLoader.createCachedBundleFromNetworkLoader(
-            mDevSupportManager.getSourceUrl(), mDevSupportManager.getDownloadedJSBundleFile()));
+
+    JSBundleLoader bundleLoader = nativeDeltaClient == null
+        ? JSBundleLoader.createCachedBundleFromNetworkLoader(
+            mDevSupportManager.getSourceUrl(),
+            mDevSupportManager.getDownloadedJSBundleFile())
+        : JSBundleLoader.createDeltaFromNetworkLoader(
+            mDevSupportManager.getSourceUrl(), nativeDeltaClient);
+
+    recreateReactContextInBackground(mJavaScriptExecutorFactory, bundleLoader);
   }
 
   @ThreadConfined(UI)
@@ -1008,10 +1013,10 @@ private void attachRootViewToInstance(
       CatalystInstance catalystInstance) {
     Log.d(ReactConstants.TAG, "ReactInstanceManager.attachRootViewToInstance()");
     Systrace.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "attachRootViewToInstance");
-    UIManager uiManagerModule = rootView.isFabric() ? catalystInstance.getJSIModule(UIManager.class) : catalystInstance.getNativeModule(UIManagerModule.class);
+    UIManager uiManagerModule = UIManagerHelper.getUIManager(mCurrentReactContext, rootView.getUIManagerType());
     final int rootTag = uiManagerModule.addRootView(rootView);
     rootView.setRootViewTag(rootTag);
-    rootView.invokeJSEntryPoint();
+    rootView.runApplication();
     Systrace.beginAsyncSection(
       TRACE_TAG_REACT_JAVA_BRIDGE,
       "pre_rootView.onAttachedToReactInstance",
@@ -1034,9 +1039,9 @@ private void detachViewFromInstance(
       CatalystInstance catalystInstance) {
     Log.d(ReactConstants.TAG, "ReactInstanceManager.detachViewFromInstance()");
     UiThreadUtil.assertOnUiThread();
-    if (rootView.isFabric()) {
+    if (rootView.getUIManagerType() == FABRIC) {
       catalystInstance.getJSModule(ReactFabric.class)
-        .unmountComponentAtNodeAndRemoveContainer(rootView.getId());
+        .unmountComponentAtNode(rootView.getId());
     } else {
       catalystInstance.getJSModule(AppRegistry.class)
         .unmountApplicationComponentAtRootTag(rootView.getId());
@@ -1070,18 +1075,16 @@ private ReactApplicationContext createReactContext(
       JavaScriptExecutor jsExecutor,
       JSBundleLoader jsBundleLoader) {
     Log.d(ReactConstants.TAG, "ReactInstanceManager.createReactContext()");
-    ReactMarker.logMarker(CREATE_REACT_CONTEXT_START);
+    ReactMarker.logMarker(CREATE_REACT_CONTEXT_START, jsExecutor.getName());
     final ReactApplicationContext reactContext = new ReactApplicationContext(mApplicationContext);
 
-    if (mUseDeveloperSupport) {
-      reactContext.setNativeModuleCallExceptionHandler(mDevSupportManager);
-    }
+    NativeModuleCallExceptionHandler exceptionHandler = mNativeModuleCallExceptionHandler != null
+        ? mNativeModuleCallExceptionHandler
+        : mDevSupportManager;
+    reactContext.setNativeModuleCallExceptionHandler(exceptionHandler);
 
     NativeModuleRegistry nativeModuleRegistry = processPackages(reactContext, mPackages, false);
 
-    NativeModuleCallExceptionHandler exceptionHandler = mNativeModuleCallExceptionHandler != null
-      ? mNativeModuleCallExceptionHandler
-      : mDevSupportManager;
     CatalystInstanceImpl.Builder catalystInstanceBuilder = new CatalystInstanceImpl.Builder()
       .setReactQueueConfigurationSpec(ReactQueueConfigurationSpec.createDefault())
       .setJSExecutor(jsExecutor)
@@ -1099,8 +1102,8 @@ private ReactApplicationContext createReactContext(
       Systrace.endSection(TRACE_TAG_REACT_JAVA_BRIDGE);
       ReactMarker.logMarker(CREATE_CATALYST_INSTANCE_END);
     }
-    if (mJSIModulesProvider != null) {
-      catalystInstance.addJSIModules(mJSIModulesProvider
+    if (mJSIModulePackage != null) {
+      catalystInstance.addJSIModules(mJSIModulePackage
         .getJSIModules(reactContext, catalystInstance.getJavaScriptContextHolder()));
     }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManagerBuilder.java b/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManagerBuilder.java
index 75792d83db3bea..42a4a7476a4198 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManagerBuilder.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManagerBuilder.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react;
 
@@ -7,9 +10,9 @@
 import android.app.Activity;
 import android.app.Application;
 import com.facebook.infer.annotation.Assertions;
-import com.facebook.react.bridge.JSIModulesProvider;
 import com.facebook.react.bridge.JSBundleLoader;
 import com.facebook.react.bridge.JSCJavaScriptExecutorFactory;
+import com.facebook.react.bridge.JSIModulePackage;
 import com.facebook.react.bridge.JavaScriptExecutorFactory;
 import com.facebook.react.bridge.NativeModuleCallExceptionHandler;
 import com.facebook.react.bridge.NotThreadSafeBridgeIdleDebugListener;
@@ -18,9 +21,10 @@
 import com.facebook.react.devsupport.interfaces.DevBundleDownloadListener;
 import com.facebook.react.devsupport.interfaces.DevSupportManager;
 import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
-import com.facebook.react.uimanager.UIImplementationProvider;
+import com.facebook.react.packagerconnection.RequestHandler;
 import java.util.ArrayList;
 import java.util.List;
+import java.util.Map;
 import javax.annotation.Nullable;
 
 /**
@@ -37,36 +41,25 @@ public class ReactInstanceManagerBuilder {
   private @Nullable Application mApplication;
   private boolean mUseDeveloperSupport;
   private @Nullable LifecycleState mInitialLifecycleState;
-  private @Nullable UIImplementationProvider mUIImplementationProvider;
   private @Nullable NativeModuleCallExceptionHandler mNativeModuleCallExceptionHandler;
   private @Nullable Activity mCurrentActivity;
   private @Nullable DefaultHardwareBackBtnHandler mDefaultHardwareBackBtnHandler;
   private @Nullable RedBoxHandler mRedBoxHandler;
   private boolean mLazyNativeModulesEnabled;
   private boolean mLazyViewManagersEnabled;
-  private boolean mDelayViewManagerClassLoadsEnabled;
   private @Nullable DevBundleDownloadListener mDevBundleDownloadListener;
   private @Nullable JavaScriptExecutorFactory mJavaScriptExecutorFactory;
   private int mMinNumShakes = 1;
   private int mMinTimeLeftInFrameForNonBatchedOperationMs = -1;
-  private @Nullable JSIModulesProvider mJSIModulesProvider;
+  private @Nullable JSIModulePackage mJSIModulesPackage;
+  private @Nullable Map<String, RequestHandler> mCustomPackagerCommandHandlers;
 
   /* package protected */ ReactInstanceManagerBuilder() {
   }
 
-  /**
-   * Sets a provider of {@link UIImplementation}.
-   * Uses default provider if null is passed.
-   */
-  public ReactInstanceManagerBuilder setUIImplementationProvider(
-    @Nullable UIImplementationProvider uiImplementationProvider) {
-    mUIImplementationProvider = uiImplementationProvider;
-    return this;
-  }
-
-  public ReactInstanceManagerBuilder setJSIModulesProvider(
-    @Nullable JSIModulesProvider jsiModulesProvider) {
-    mJSIModulesProvider = jsiModulesProvider;
+  public ReactInstanceManagerBuilder setJSIModulesPackage(
+    @Nullable JSIModulePackage jsiModulePackage) {
+    mJSIModulesPackage = jsiModulePackage;
     return this;
   }
 
@@ -209,12 +202,6 @@ public ReactInstanceManagerBuilder setLazyViewManagersEnabled(boolean lazyViewMa
     return this;
   }
 
-  public ReactInstanceManagerBuilder setDelayViewManagerClassLoadsEnabled(
-      boolean delayViewManagerClassLoadsEnabled) {
-    mDelayViewManagerClassLoadsEnabled = delayViewManagerClassLoadsEnabled;
-    return this;
-  }
-
   public ReactInstanceManagerBuilder setDevBundleDownloadListener(
     @Nullable DevBundleDownloadListener listener) {
     mDevBundleDownloadListener = listener;
@@ -232,6 +219,12 @@ public ReactInstanceManagerBuilder setMinTimeLeftInFrameForNonBatchedOperationMs
     return this;
   }
 
+  public ReactInstanceManagerBuilder setCustomPackagerCommandHandlers(
+      Map<String, RequestHandler> customPackagerCommandHandlers) {
+    mCustomPackagerCommandHandlers = customPackagerCommandHandlers;
+    return this;
+  }
+
   /**
    * Instantiates a new {@link ReactInstanceManager}.
    * Before calling {@code build}, the following must be called:
@@ -255,11 +248,6 @@ public ReactInstanceManager build() {
       mJSMainModulePath != null || mJSBundleAssetUrl != null || mJSBundleLoader != null,
       "Either MainModulePath or JS Bundle File needs to be provided");
 
-    if (mUIImplementationProvider == null) {
-      // create default UIImplementationProvider if the provided one is null.
-      mUIImplementationProvider = new UIImplementationProvider();
-    }
-
     // We use the name of the device and the app for debugging & metrics
     String appName = mApplication.getPackageName();
     String deviceName = getFriendlyDeviceName();
@@ -280,15 +268,14 @@ public ReactInstanceManager build() {
         mUseDeveloperSupport,
         mBridgeIdleDebugListener,
         Assertions.assertNotNull(mInitialLifecycleState, "Initial lifecycle state was not set"),
-        mUIImplementationProvider,
         mNativeModuleCallExceptionHandler,
         mRedBoxHandler,
         mLazyNativeModulesEnabled,
         mLazyViewManagersEnabled,
-        mDelayViewManagerClassLoadsEnabled,
         mDevBundleDownloadListener,
         mMinNumShakes,
         mMinTimeLeftInFrameForNonBatchedOperationMs,
-      mJSIModulesProvider);
+        mJSIModulesPackage,
+        mCustomPackagerCommandHandlers);
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactNativeHost.java b/ReactAndroid/src/main/java/com/facebook/react/ReactNativeHost.java
index e1537d550f36fc..b408d9e2ebafed 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactNativeHost.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactNativeHost.java
@@ -7,21 +7,16 @@
 
 package com.facebook.react;
 
-import com.facebook.react.bridge.JSIModulesProvider;
-import javax.annotation.Nullable;
-
-import java.util.List;
-
 import android.app.Application;
-
 import com.facebook.infer.annotation.Assertions;
-import com.facebook.react.bridge.JSIModulesProvider;
+import com.facebook.react.bridge.JSIModulePackage;
 import com.facebook.react.bridge.JavaScriptExecutorFactory;
 import com.facebook.react.bridge.ReactMarker;
 import com.facebook.react.bridge.ReactMarkerConstants;
 import com.facebook.react.common.LifecycleState;
 import com.facebook.react.devsupport.RedBoxHandler;
-import com.facebook.react.uimanager.UIImplementationProvider;
+import java.util.List;
+import javax.annotation.Nullable;
 
 /**
  * Simple class that holds an instance of {@link ReactInstanceManager}. This can be used in your
@@ -75,8 +70,7 @@ protected ReactInstanceManager createReactInstanceManager() {
       .setUseDeveloperSupport(getUseDeveloperSupport())
       .setRedBoxHandler(getRedBoxHandler())
       .setJavaScriptExecutorFactory(getJavaScriptExecutorFactory())
-      .setUIImplementationProvider(getUIImplementationProvider())
-      .setJSIModulesProvider(getJSIModulesProvider())
+      .setJSIModulesPackage(getJSIModulePackage())
       .setInitialLifecycleState(LifecycleState.BEFORE_CREATE);
 
     for (ReactPackage reactPackage : getPackages()) {
@@ -113,18 +107,8 @@ protected final Application getApplication() {
     return mApplication;
   }
 
-  /**
-   * Get the {@link UIImplementationProvider} to use. Override this method if you want to use a
-   * custom UI implementation.
-   *
-   * Note: this is very advanced functionality, in 99% of cases you don't need to override this.
-   */
-  protected UIImplementationProvider getUIImplementationProvider() {
-    return new UIImplementationProvider();
-  }
-
   protected @Nullable
-  JSIModulesProvider getJSIModulesProvider() {
+  JSIModulePackage getJSIModulePackage() {
     return null;
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactPackageLogger.java b/ReactAndroid/src/main/java/com/facebook/react/ReactPackageLogger.java
index 50a4c05e99f87d..eba45f3be229f3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactPackageLogger.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactPackageLogger.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactRootView.java b/ReactAndroid/src/main/java/com/facebook/react/ReactRootView.java
index 5d4a88bc5025c1..13ed88113ae2cd 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactRootView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactRootView.java
@@ -7,6 +7,8 @@
 
 package com.facebook.react;
 
+import static com.facebook.react.uimanager.common.UIManagerType.DEFAULT;
+import static com.facebook.react.uimanager.common.UIManagerType.FABRIC;
 import static com.facebook.systrace.Systrace.TRACE_TAG_REACT_JAVA_BRIDGE;
 
 import android.content.Context;
@@ -42,11 +44,14 @@
 import com.facebook.react.uimanager.DisplayMetricsHolder;
 import com.facebook.react.uimanager.IllegalViewOperationException;
 import com.facebook.react.uimanager.JSTouchDispatcher;
-import com.facebook.react.uimanager.common.MeasureSpecProvider;
 import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.RootView;
-import com.facebook.react.uimanager.common.SizeMonitoringFrameLayout;
+import com.facebook.react.uimanager.UIManagerHelper;
 import com.facebook.react.uimanager.UIManagerModule;
+import com.facebook.react.uimanager.ViewProps;
+import com.facebook.react.uimanager.common.MeasureSpecProvider;
+import com.facebook.react.uimanager.common.SizeMonitoringFrameLayout;
+import com.facebook.react.uimanager.common.UIManagerType;
 import com.facebook.react.uimanager.events.EventDispatcher;
 import com.facebook.systrace.Systrace;
 import javax.annotation.Nullable;
@@ -84,24 +89,32 @@ public interface ReactRootViewEventListener {
   private int mRootViewTag;
   private boolean mIsAttachedToInstance;
   private boolean mShouldLogContentAppeared;
-  private final JSTouchDispatcher mJSTouchDispatcher = new JSTouchDispatcher(this);
+  private @Nullable JSTouchDispatcher mJSTouchDispatcher;
   private final ReactAndroidHWInputDeviceHelper mAndroidHWInputDeviceHelper = new ReactAndroidHWInputDeviceHelper(this);
   private boolean mWasMeasured = false;
   private int mWidthMeasureSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
   private int mHeightMeasureSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
-  private @Nullable Runnable mJSEntryPoint;
-  private boolean mIsFabric = false;
+  private @UIManagerType int mUIManagerType = DEFAULT;
 
   public ReactRootView(Context context) {
     super(context);
+    init();
   }
 
   public ReactRootView(Context context, AttributeSet attrs) {
     super(context, attrs);
+    init();
   }
 
   public ReactRootView(Context context, AttributeSet attrs, int defStyle) {
     super(context, attrs, defStyle);
+    init();
+  }
+
+  private void init() {
+    if (!ViewProps.sDefaultOverflowHidden) {
+      setClipChildren(false);
+    }
   }
 
   @Override
@@ -147,12 +160,12 @@ protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
       // Check if we were waiting for onMeasure to attach the root view.
       if (mReactInstanceManager != null && !mIsAttachedToInstance) {
         attachToReactInstanceManager();
+        enableLayoutCalculation();
       } else {
+        enableLayoutCalculation();
         updateRootLayoutSpecs(mWidthMeasureSpec, mHeightMeasureSpec);
       }
 
-      enableLayoutCalculation();
-
     } finally {
       Systrace.endSection(TRACE_TAG_REACT_JAVA_BRIDGE);
     }
@@ -183,9 +196,14 @@ public void onChildStartedNativeGesture(MotionEvent androidEvent) {
         "Unable to dispatch touch to JS as the catalyst instance has not been attached");
       return;
     }
+    if (mJSTouchDispatcher == null) {
+      FLog.w(
+        ReactConstants.TAG,
+        "Unable to dispatch touch to JS before the dispatcher is available");
+      return;
+    }
     ReactContext reactContext = mReactInstanceManager.getCurrentReactContext();
-    EventDispatcher eventDispatcher = reactContext.getNativeModule(UIManagerModule.class)
-      .getEventDispatcher();
+    EventDispatcher eventDispatcher = reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
     mJSTouchDispatcher.onChildStartedNativeGesture(androidEvent, eventDispatcher);
   }
 
@@ -264,9 +282,14 @@ private void dispatchJSTouchEvent(MotionEvent event) {
         "Unable to dispatch touch to JS as the catalyst instance has not been attached");
       return;
     }
+    if (mJSTouchDispatcher == null) {
+      FLog.w(
+        ReactConstants.TAG,
+        "Unable to dispatch touch to JS before the dispatcher is available");
+      return;
+    }
     ReactContext reactContext = mReactInstanceManager.getCurrentReactContext();
-    EventDispatcher eventDispatcher = reactContext.getNativeModule(UIManagerModule.class)
-      .getEventDispatcher();
+    EventDispatcher eventDispatcher = reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
     mJSTouchDispatcher.handleTouchEvent(event, eventDispatcher);
   }
 
@@ -390,10 +413,9 @@ private void updateRootLayoutSpecs(final int widthMeasureSpec, final int heightM
           new GuardedRunnable(reactApplicationContext) {
             @Override
             public void runGuarded() {
-              reactApplicationContext
-                  .getCatalystInstance()
-                  .getNativeModule(UIManagerModule.class)
-                  .updateRootLayoutSpecs(getRootViewTag(), widthMeasureSpec, heightMeasureSpec);
+              UIManagerHelper
+                .getUIManager(reactApplicationContext, getUIManagerType())
+                .updateRootLayoutSpecs(getRootViewTag(), widthMeasureSpec, heightMeasureSpec);
             }
           });
     }
@@ -408,12 +430,18 @@ public void runGuarded() {
   public void unmountReactApplication() {
     if (mReactInstanceManager != null && mIsAttachedToInstance) {
       mReactInstanceManager.detachRootView(this);
+      mReactInstanceManager = null;
       mIsAttachedToInstance = false;
     }
     mShouldLogContentAppeared = false;
   }
 
   public void onAttachedToReactInstance() {
+    // Create the touch dispatcher here instead of having it always available, to make sure
+    // that all touch events are only passed to JS after React/JS side is ready to consume
+    // them. Otherwise, these events might break the states expected by JS.
+    // Note that this callback was invoked from within the UI thread.
+    mJSTouchDispatcher = new JSTouchDispatcher(this);
     if (mRootViewEventListener != null) {
       mRootViewEventListener.onAttachedToReactInstance(this);
     }
@@ -435,7 +463,7 @@ public void setAppProperties(@Nullable Bundle appProperties) {
     UiThreadUtil.assertOnUiThread();
     mAppProperties = appProperties;
     if (getRootViewTag() != 0) {
-      invokeJSEntryPoint();
+      runApplication();
     }
   }
 
@@ -443,34 +471,7 @@ public void setAppProperties(@Nullable Bundle appProperties) {
    * Calls into JS to start the React application. Can be called multiple times with the
    * same rootTag, which will re-render the application from the root.
    */
-  /*package */ void invokeJSEntryPoint() {
-    if (mJSEntryPoint == null) {
-      defaultJSEntryPoint();
-    } else {
-      mJSEntryPoint.run();
-    }
-  }
-
-  /**
-   * Set a custom entry point for invoking JS. By default, this is AppRegistry.runApplication
-   * @param jsEntryPoint
-   */
-  public void setJSEntryPoint(Runnable jsEntryPoint) {
-    mJSEntryPoint = jsEntryPoint;
-  }
-
-  public void invokeDefaultJSEntryPoint(@Nullable Bundle appProperties) {
-    UiThreadUtil.assertOnUiThread();
-    if (appProperties != null) {
-      mAppProperties = appProperties;
-    }
-    defaultJSEntryPoint();
-  }
-
-  /**
-   * Calls the default entry point into JS which is AppRegistry.runApplication()
-   */
-  private void defaultJSEntryPoint() {
+  /* package */ void runApplication() {
       Systrace.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "ReactRootView.runApplication");
       try {
         if (mReactInstanceManager == null || !mIsAttachedToInstance) {
@@ -490,6 +491,9 @@ private void defaultJSEntryPoint() {
         if (appProperties != null) {
           appParams.putMap("initialProps", Arguments.fromBundle(appProperties));
         }
+        if (getUIManagerType() == FABRIC) {
+          appParams.putBoolean("fabric", true);
+        }
 
         mShouldLogContentAppeared = true;
 
@@ -507,6 +511,7 @@ private void defaultJSEntryPoint() {
   @VisibleForTesting
   /* package */ void simulateAttachForTesting() {
     mIsAttachedToInstance = true;
+    mJSTouchDispatcher = new JSTouchDispatcher(this);
   }
 
   private CustomGlobalLayoutListener getCustomGlobalLayoutListener() {
@@ -552,34 +557,29 @@ public void setRootViewTag(int rootViewTag) {
   }
 
   @Override
-  public void handleException(Throwable t) {
+  public void handleException(final Throwable t) {
     if (mReactInstanceManager == null
       || mReactInstanceManager.getCurrentReactContext() == null) {
         throw new RuntimeException(t);
     }
 
-    // Adding special exception management for StackOverflowError for logging purposes.
-    // This will be removed in the future.
-    Exception e = (t instanceof StackOverflowError) ?
-      new IllegalViewOperationException("StackOverflowException", this, t) :
-      t instanceof Exception ? (Exception) t : new RuntimeException(t);
-
+    Exception e = new IllegalViewOperationException(t.getMessage(), this, t);
     mReactInstanceManager.getCurrentReactContext().handleException(e);
   }
 
   public void setIsFabric(boolean isFabric) {
-    mIsFabric = isFabric;
+    mUIManagerType = isFabric ? FABRIC : DEFAULT;
   }
 
-  public boolean isFabric() {
-    return mIsFabric;
+  public @UIManagerType int getUIManagerType() {
+    return mUIManagerType;
   }
 
   @Nullable
   public ReactInstanceManager getReactInstanceManager() {
     return mReactInstanceManager;
   }
-  
+
   /* package */ void sendEvent(String eventName, @Nullable WritableMap params) {
     if (mReactInstanceManager != null) {
       mReactInstanceManager.getCurrentReactContext()
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ViewManagerOnDemandReactPackage.java b/ReactAndroid/src/main/java/com/facebook/react/ViewManagerOnDemandReactPackage.java
index 7f17809ffbb19a..c28f91f60ee859 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ViewManagerOnDemandReactPackage.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ViewManagerOnDemandReactPackage.java
@@ -16,17 +16,12 @@ public interface ViewManagerOnDemandReactPackage {
   /**
    * Provides a list of names of ViewManagers with which these modules can be accessed from JS.
    * Typically, this is ViewManager.getName().
-   *
-   * @param loadClasses defines if View Managers classes should be loaded or be avoided.
    */
-  @Nullable List<String> getViewManagerNames(ReactApplicationContext reactContext, boolean loadClasses);
+  @Nullable List<String> getViewManagerNames(ReactApplicationContext reactContext);
   /**
    * Creates and returns a ViewManager with a specific name {@param viewManagerName}. It's up to an
    * implementing package how to interpret the name.
-   *
-   * @param loadClasses defines if View Managers classes should be loaded or be avoided.
    */
   @Nullable
-  ViewManager createViewManager(
-      ReactApplicationContext reactContext, String viewManagerName, boolean loadClasses);
+  ViewManager createViewManager(ReactApplicationContext reactContext, String viewManagerName);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/BUCK b/ReactAndroid/src/main/java/com/facebook/react/animated/BUCK
index 4267abc376b47e..245797afcd291e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "animated",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedNodesManager.java b/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedNodesManager.java
index 1fad4e52d3cd4f..07357fd7eea998 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedNodesManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedNodesManager.java
@@ -93,6 +93,8 @@ public void createAnimatedNode(int tag, ReadableMap config) {
       node = new InterpolationAnimatedNode(config);
     } else if ("addition".equals(type)) {
       node = new AdditionAnimatedNode(config, this);
+    } else if ("subtraction".equals(type)) {
+      node = new SubtractionAnimatedNode(config, this);
     } else if ("division".equals(type)) {
       node = new DivisionAnimatedNode(config, this);
     } else if ("multiplication".equals(type)) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animated/SubtractionAnimatedNode.java b/ReactAndroid/src/main/java/com/facebook/react/animated/SubtractionAnimatedNode.java
new file mode 100644
index 00000000000000..4a8ecd8ce736a7
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/SubtractionAnimatedNode.java
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.animated;
+
+import com.facebook.react.bridge.JSApplicationCausedNativeException;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
+
+/**
+ * Animated node that plays a role of value aggregator. It takes two or more value nodes as an input
+ * and outputs a difference of values outputted by those nodes.
+ */
+/*package*/ class SubtractionAnimatedNode extends ValueAnimatedNode {
+
+  private final NativeAnimatedNodesManager mNativeAnimatedNodesManager;
+  private final int[] mInputNodes;
+
+  public SubtractionAnimatedNode(
+      ReadableMap config,
+      NativeAnimatedNodesManager nativeAnimatedNodesManager) {
+    mNativeAnimatedNodesManager = nativeAnimatedNodesManager;
+    ReadableArray inputNodes = config.getArray("input");
+    mInputNodes = new int[inputNodes.size()];
+    for (int i = 0; i < mInputNodes.length; i++) {
+      mInputNodes[i] = inputNodes.getInt(i);
+    }
+  }
+
+  @Override
+  public void update() {
+    for (int i = 0; i < mInputNodes.length; i++) {
+      AnimatedNode animatedNode = mNativeAnimatedNodesManager.getNodeById(mInputNodes[i]);
+      if (animatedNode != null && animatedNode instanceof ValueAnimatedNode) {
+        double value = ((ValueAnimatedNode) animatedNode).getValue();
+        if (i == 0) {
+          mValue = value;
+          continue;
+        }
+        mValue -= ((ValueAnimatedNode) animatedNode).getValue();
+      } else {
+        throw new JSApplicationCausedNativeException("Illegal node ID set as an input for " +
+          "Animated.subtract node");
+      }
+    }
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/animation/BUCK b/ReactAndroid/src/main/java/com/facebook/react/animation/BUCK
index 5ee48c02e3fd2c..0fa55d8134c0c9 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animation/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/animation/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "animation",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ActivityEventListener.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ActivityEventListener.java
index 834b2267eb2fd5..6642260e68b392 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ActivityEventListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ActivityEventListener.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.bridge;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/BUCK b/ReactAndroid/src/main/java/com/facebook/react/bridge/BUCK
index 69c22f16f8b7b9..d473c9cf2107a0 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/BUCK
@@ -1,13 +1,8 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target", "IS_OSS_BUILD")
+load("//ReactNative:DEFS.bzl", "IS_OSS_BUILD", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "bridge",
     srcs = glob(["**/*.java"]),
-    exported_deps = [
-        react_native_dep("java/com/facebook/jni:jni"),
-        react_native_dep("java/com/facebook/proguard/annotations:annotations"),
-        react_native_dep("third-party/java/jsr-330:jsr-330"),
-    ],
     proguard_config = "reactnative.pro",
     provided_deps = [
         react_native_dep("third-party/android/support/v4:lib-support-v4"),
@@ -29,4 +24,9 @@ rn_android_library(
         react_native_target("java/com/facebook/react/module/model:model"),
         react_native_target("java/com/facebook/react/uimanager/common:common"),
     ] + ([react_native_target("jni/react/jni:jni")] if not IS_OSS_BUILD else []),
+    exported_deps = [
+        react_native_dep("java/com/facebook/jni:jni"),
+        react_native_dep("java/com/facebook/proguard/annotations:annotations"),
+        react_native_dep("third-party/java/jsr-330:jsr-330"),
+    ],
 )
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/BaseActivityEventListener.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/BaseActivityEventListener.java
index a855e21bb440ee..2e9b492e1d592e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/BaseActivityEventListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/BaseActivityEventListener.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.bridge;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstance.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstance.java
index fe6d4611226636..c58e1afe09eb68 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstance.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstance.java
@@ -101,5 +101,5 @@ void callFunction(
    */
   JavaScriptContextHolder getJavaScriptContextHolder();
 
-  void addJSIModules(List<JSIModuleHolder> jsiModules);
+  void addJSIModules(List<JSIModuleSpec> jsiModules);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstanceImpl.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstanceImpl.java
index 7ab1216267db6c..71c6f25baa10c3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstanceImpl.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstanceImpl.java
@@ -221,10 +221,19 @@ public void registerSegment(int segmentId, String path) {
     jniLoadScriptFromFile(fileName, sourceURL, loadSynchronously);
   }
 
+  /* package */ void loadScriptFromDeltaBundle(
+    String sourceURL,
+    NativeDeltaClient deltaClient,
+    boolean loadSynchronously) {
+    mSourceURL = sourceURL;
+    jniLoadScriptFromDeltaBundle(sourceURL, deltaClient, loadSynchronously);
+  }
+
   private native void jniSetSourceURL(String sourceURL);
   private native void jniRegisterSegment(int segmentId, String path);
   private native void jniLoadScriptFromAssets(AssetManager assetManager, String assetURL, boolean loadSynchronously);
   private native void jniLoadScriptFromFile(String fileName, String sourceURL, boolean loadSynchronously);
+  private native void jniLoadScriptFromDeltaBundle(String sourceURL, NativeDeltaClient deltaClient, boolean loadSynchronously);
 
   @Override
   public void runJSBundle() {
@@ -329,10 +338,14 @@ public void destroy() {
           @Override
           public void run() {
             mNativeModuleRegistry.notifyJSInstanceDestroy();
+            mJSIModuleRegistry.notifyJSInstanceDestroy();
             boolean wasIdle = (mPendingJSCalls.getAndSet(0) == 0);
-            if (!wasIdle && !mBridgeIdleListeners.isEmpty()) {
+            if (!mBridgeIdleListeners.isEmpty()) {
               for (NotThreadSafeBridgeIdleDebugListener listener : mBridgeIdleListeners) {
-                listener.onTransitionToBridgeIdle();
+                if (!wasIdle) {
+                  listener.onTransitionToBridgeIdle();
+                }
+                listener.onBridgeDestroyed();
               }
             }
             AsyncTask.execute(
@@ -342,7 +355,8 @@ public void run() {
                     // Kill non-UI threads from neutral third party
                     // potentially expensive, so don't run on UI thread
 
-                    // contextHolder is used as a lock to guard against other users of the JS VM having
+                    // contextHolder is used as a lock to guard against other users of the JS VM
+                    // having
                     // the VM destroyed underneath them, so notify them before we resetNative
                     mJavaScriptContextHolder.clear();
 
@@ -455,7 +469,7 @@ public JavaScriptContextHolder getJavaScriptContextHolder() {
   }
 
   @Override
-  public void addJSIModules(List<JSIModuleHolder> jsiModules) {
+  public void addJSIModules(List<JSIModuleSpec> jsiModules) {
     mJSIModuleRegistry.registerModules(jsiModules);
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxCallbackImpl.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxCallbackImpl.java
index bb774a6afe287c..8d33451f4268ac 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxCallbackImpl.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxCallbackImpl.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.bridge;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapper.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapper.java
index 3b14ec4423b141..b270579443a301 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapper.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.bridge;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapperBase.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapperBase.java
index d10cbb0aa412aa..6b3a9346cf0c51 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapperBase.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapperBase.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.bridge;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedResultAsyncTask.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedResultAsyncTask.java
index db13a71464e4a9..0145c26dfc2aac 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedResultAsyncTask.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedResultAsyncTask.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.bridge;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedRunnable.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedRunnable.java
index 82c4d86ea8e164..e69bc052e5f61c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedRunnable.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/GuardedRunnable.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.bridge;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/Inspector.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/Inspector.java
index 9aebad6c7182ec..2c37980fff5630 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/Inspector.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/Inspector.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.bridge;
 
@@ -83,7 +86,9 @@ private Page(int id, String title, String vm) {
 
   @DoNotStrip
   public interface RemoteConnection {
+    @DoNotStrip
     void onMessage(String message);
+    @DoNotStrip
     void onDisconnect();
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSBundleLoader.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSBundleLoader.java
index 61bc6f01816273..c62b1675aa0fa3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSBundleLoader.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSBundleLoader.java
@@ -8,6 +8,7 @@
 package com.facebook.react.bridge;
 
 import android.content.Context;
+import com.facebook.react.bridge.NativeDeltaClient;
 import com.facebook.react.common.DebugServerException;
 
 /**
@@ -78,6 +79,28 @@ public String loadScript(CatalystInstanceImpl instance) {
     };
   }
 
+  /**
+   * This loader is used to load delta bundles from the dev server. We pass each delta message to
+   * the loader and process it in C++. Passing it as a string leads to inefficiencies due to memory
+   * copies, which will have to be addressed in a follow-up.
+   * @param nativeDeltaClient
+   */
+  public static JSBundleLoader createDeltaFromNetworkLoader(
+    final String sourceURL,
+    final NativeDeltaClient nativeDeltaClient) {
+    return new JSBundleLoader() {
+      @Override
+      public String loadScript(CatalystInstanceImpl instance) {
+        try {
+          instance.loadScriptFromDeltaBundle(sourceURL, nativeDeltaClient, false);
+          return sourceURL;
+        } catch (Exception e) {
+          throw DebugServerException.makeGeneric(e.getMessage(), e);
+        }
+      }
+    };
+  }
+
   /**
    * This loader is used when proxy debugging is enabled. In that case there is no point in fetching
    * the bundle from device as remote executor will have to do it anyway.
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSCJavaScriptExecutor.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSCJavaScriptExecutor.java
index ee77eda70b984c..ead9806f50960b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSCJavaScriptExecutor.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSCJavaScriptExecutor.java
@@ -20,5 +20,11 @@
     super(initHybrid(jscConfig));
   }
 
+  @Override
+  public String getName() {
+    return "JSCJavaScriptExecutor";
+  }
+
+
   private native static HybridData initHybrid(ReadableNativeMap jscConfig);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModule.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModule.java
index 5b9e2495449d57..8ee96fee2181ac 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModule.java
@@ -4,4 +4,16 @@
  * Marker interface used to represent a JSI Module.
  */
 public interface JSIModule {
+
+  /**
+   * This is called at the end of {@link CatalystApplicationFragment#createCatalystInstance()}
+   * after the CatalystInstance has been created, in order to initialize NativeModules that require
+   * the CatalystInstance or JS modules.
+   */
+  void initialize();
+
+  /**
+   * Called before {CatalystInstance#onHostDestroy}
+   */
+  void onCatalystInstanceDestroy();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleHolder.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleHolder.java
index de98ae54b51c8e..14d0f97eba0bf2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleHolder.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleHolder.java
@@ -1,12 +1,30 @@
 package com.facebook.react.bridge;
 
-/**
- * Holder class used to register {@link JSIModule} into JSI Bridge.
- */
-public interface JSIModuleHolder {
+public class JSIModuleHolder {
 
-  Class<? extends JSIModule> getJSIModuleClass();
+  private JSIModule mModule;
+  private final JSIModuleSpec mSpec;
 
-  <T extends JSIModule> T getJSIModule();
+  public JSIModuleHolder(JSIModuleSpec spec) {
+    mSpec = spec;
+  }
 
+  public JSIModule getJSIModule() {
+    if (mModule == null) {
+      synchronized (this) {
+        if (mModule != null) {
+          return mModule;
+        }
+        mModule = mSpec.getJSIModuleProvider().get();
+        mModule.initialize();
+      }
+    }
+    return mModule;
+  }
+
+  public void notifyJSInstanceDestroy() {
+    if (mModule != null) {
+      mModule.onCatalystInstanceDestroy();
+    }
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModulePackage.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModulePackage.java
new file mode 100644
index 00000000000000..9a85f68d69f00f
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModulePackage.java
@@ -0,0 +1,15 @@
+package com.facebook.react.bridge;
+
+import java.util.List;
+
+/**
+ * Interface used to initialize JSI Modules into the JSI Bridge.
+ */
+public interface JSIModulePackage {
+
+  /**
+   * @return a {@link List< JSIModuleSpec >} that contain the list of JSI Modules.
+   */
+  List<JSIModuleSpec> getJSIModules(ReactApplicationContext reactApplicationContext, JavaScriptContextHolder jsContext);
+
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleProvider.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleProvider.java
new file mode 100644
index 00000000000000..a94162f12a06c3
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleProvider.java
@@ -0,0 +1,7 @@
+package com.facebook.react.bridge;
+
+public interface JSIModuleProvider<T extends JSIModule> {
+
+  T get();
+
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleRegistry.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleRegistry.java
index 913aae68bcbfa2..dbca620dcfcc6e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleRegistry.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleRegistry.java
@@ -1,23 +1,33 @@
 package com.facebook.react.bridge;
 
+import com.facebook.infer.annotation.Assertions;
 import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
-import com.facebook.infer.annotation.Assertions;
 
 public class JSIModuleRegistry {
 
-  private final Map<Class, JSIModule> mModules = new HashMap<>();
+  private final Map<Class, JSIModuleHolder> mModules = new HashMap<>();
 
   public JSIModuleRegistry() { }
 
   public <T extends JSIModule> T getModule(Class<T> moduleClass) {
-    return (T) Assertions.assertNotNull(mModules.get(moduleClass));
+    JSIModuleHolder jsiModuleHolder = mModules.get(moduleClass);
+    if (jsiModuleHolder == null) {
+      throw new IllegalArgumentException("Unable to find JSIModule for class " + moduleClass);
+    }
+    return (T) Assertions.assertNotNull(jsiModuleHolder.getJSIModule());
+  }
+
+  public void registerModules(List<JSIModuleSpec> jsiModules) {
+    for (JSIModuleSpec spec : jsiModules) {
+      mModules.put(spec.getJSIModuleClass(), new JSIModuleHolder(spec));
+    }
   }
 
-  public void registerModules(List<JSIModuleHolder> jsiModules) {
-    for (JSIModuleHolder holder : jsiModules) {
-      mModules.put(holder.getJSIModuleClass(), holder.getJSIModule());
+  public void notifyJSInstanceDestroy() {
+    for (JSIModuleHolder moduleHolder : mModules.values()) {
+      moduleHolder.notifyJSInstanceDestroy();
     }
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleSpec.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleSpec.java
new file mode 100644
index 00000000000000..d8c21220049048
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleSpec.java
@@ -0,0 +1,12 @@
+package com.facebook.react.bridge;
+
+/**
+ * Holder class used to register {@link JSIModule} into JSI Bridge.
+ */
+public interface JSIModuleSpec<T extends JSIModule> {
+
+  Class<? extends JSIModule> getJSIModuleClass();
+
+  JSIModuleProvider<T> getJSIModuleProvider();
+
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModulesProvider.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModulesProvider.java
deleted file mode 100644
index 8abaa1ff79e2c2..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModulesProvider.java
+++ /dev/null
@@ -1,15 +0,0 @@
-package com.facebook.react.bridge;
-
-import java.util.List;
-
-/**
- * Interface used to initialize JSI Modules into the JSI Bridge.
- */
-public interface JSIModulesProvider {
-
-  /**
-   * @return a {@link List<JSIModuleHolder>} that contain the list of JSI Modules.
-   */
-  List<JSIModuleHolder> getJSIModules(ReactApplicationContext reactApplicationContext, JavaScriptContextHolder jsContext);
-
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptContextHolder.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptContextHolder.java
index edc3f242193662..fdf5fc8f6c67a8 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptContextHolder.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptContextHolder.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.bridge;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptExecutor.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptExecutor.java
index e4195aff332841..9c72fd1f8e54d0 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptExecutor.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptExecutor.java
@@ -26,4 +26,9 @@ protected JavaScriptExecutor(HybridData hybridData) {
   public void close() {
     mHybridData.resetNative();
   }
+
+  /**
+   * Returns the name of the executor, identifying the underlying runtime.
+   */
+  abstract public String getName();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/MemoryPressure.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/MemoryPressure.java
index 7412204e678baf..f0cd074795c911 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/MemoryPressure.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/MemoryPressure.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.bridge;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/MemoryPressureListener.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/MemoryPressureListener.java
index 41c45d21753200..35e014d5929795 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/MemoryPressureListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/MemoryPressureListener.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.bridge;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ModuleHolder.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ModuleHolder.java
index 25259afaf966d2..e438d06c49d654 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ModuleHolder.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ModuleHolder.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.bridge;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeDeltaClient.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeDeltaClient.java
new file mode 100644
index 00000000000000..6b87c972c275d6
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeDeltaClient.java
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) 2018-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.bridge;
+
+import java.nio.channels.ReadableByteChannel;
+
+import com.facebook.jni.HybridData;
+
+public class NativeDeltaClient {
+  static {
+    ReactBridge.staticInit();
+  }
+
+  // C++ parts
+  private final HybridData mHybridData = initHybrid();
+  private native static HybridData initHybrid();
+
+  public native void reset();
+  public native void processDelta(ReadableByteChannel deltaMessage);
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModuleRegistry.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModuleRegistry.java
index d30b7a5a378890..66c73e6af16890 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModuleRegistry.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModuleRegistry.java
@@ -141,7 +141,8 @@ public <T extends NativeModule> boolean hasModule(Class<T> moduleInterface) {
   }
 
   public <T extends NativeModule> T getModule(Class<T> moduleInterface) {
-    return (T) Assertions.assertNotNull(mModules.get(moduleInterface)).getModule();
+    return (T) Assertions.assertNotNull(
+        mModules.get(moduleInterface), moduleInterface.getSimpleName()).getModule();
   }
 
   public List<NativeModule> getAllModules() {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/NotThreadSafeBridgeIdleDebugListener.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/NotThreadSafeBridgeIdleDebugListener.java
index a10fa295399dc0..2531b9793b5d48 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/NotThreadSafeBridgeIdleDebugListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/NotThreadSafeBridgeIdleDebugListener.java
@@ -28,4 +28,9 @@ public interface NotThreadSafeBridgeIdleDebugListener {
    * Called when the bridge was in an idle state and executes a JS call or callback.
    */
   void onTransitionToBridgeBusy();
+
+  /**
+   * Called when the bridge is destroyed
+   */
+  void onBridgeDestroyed();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/PerformanceCounter.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/PerformanceCounter.java
index b4a075ae6c3491..984eb785904650 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/PerformanceCounter.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/PerformanceCounter.java
@@ -9,5 +9,9 @@
 import java.util.Map;
 
 public interface PerformanceCounter {
-  public Map<String, Long> getPerformanceCounters();
+
+  void profileNextBatch();
+
+  Map<String, Long> getPerformanceCounters();
+
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ProxyJavaScriptExecutor.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ProxyJavaScriptExecutor.java
index db04655d35479c..5442daa3a96c75 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ProxyJavaScriptExecutor.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ProxyJavaScriptExecutor.java
@@ -59,5 +59,10 @@ public void close() {
     }
   }
 
+  @Override
+  public String getName() {
+    return "ProxyJavaScriptExecutor";
+  }
+
   private native static HybridData initHybrid(JavaJSExecutor executor);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContext.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContext.java
index 713f5a7fd8156e..6818d17727fe25 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContext.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContext.java
@@ -349,4 +349,5 @@ public boolean startActivityForResult(Intent intent, int code, Bundle bundle) {
   public JavaScriptContextHolder getJavaScriptContextHolder() {
     return mCatalystInstance.getJavaScriptContextHolder();
   }
+
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarker.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarker.java
index 2ac299ea2906a8..efc480dc47c1a8 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarker.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarker.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.bridge;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarkerConstants.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarkerConstants.java
index 6a818d22e9ed81..c3dffabbaa7aa8 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarkerConstants.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarkerConstants.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.bridge;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableNativeMap.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableNativeMap.java
index 82f7f20a0229dd..40cbe0d8d22fe7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableNativeMap.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReadableNativeMap.java
@@ -11,6 +11,7 @@
 import com.facebook.proguard.annotations.DoNotStrip;
 
 import java.util.HashMap;
+import java.util.Iterator;
 
 import com.facebook.infer.annotation.Assertions;
 import javax.annotation.Nullable;
@@ -120,6 +121,13 @@ private Object getValue(String name) {
     }
     throw new NoSuchKeyException(name);
   }
+
+  private <T> T getValue(String name, Class<T> type) {
+    Object value = getValue(name);
+    checkInstance(name, value, type);
+    return (T) value;
+  }
+
   private @Nullable Object getNullableValue(String name) {
     if (hasKey(name)) {
       return getLocalMap().get(name);
@@ -127,13 +135,27 @@ private Object getValue(String name) {
     throw new NoSuchKeyException(name);
   }
 
+  private @Nullable <T> T getNullableValue(String name, Class<T> type) {
+    Object value = getNullableValue(name);
+    checkInstance(name, value, type);
+    return (T) value;
+  }
+
+  private void checkInstance(String name, Object value, Class type) {
+    if (value != null && !type.isInstance(value)) {
+      throw new ClassCastException(
+        "Value for " + name + " cannot be cast from " +
+          value.getClass().getSimpleName() + " to " + type.getSimpleName());
+    }
+  }
+
   @Override
   public boolean getBoolean(String name) {
     if (mUseNativeAccessor) {
       mJniCallCounter++;
       return getBooleanNative(name);
     }
-    return ((Boolean) getValue(name)).booleanValue();
+    return getValue(name, Boolean.class).booleanValue();
   }
   private native boolean getBooleanNative(String name);
 
@@ -143,7 +165,7 @@ public double getDouble(String name) {
       mJniCallCounter++;
       return getDoubleNative(name);
     }
-    return ((Double) getValue(name)).doubleValue();
+    return getValue(name, Double.class).doubleValue();
   }
   private native double getDoubleNative(String name);
 
@@ -153,8 +175,9 @@ public int getInt(String name) {
       mJniCallCounter++;
       return getIntNative(name);
     }
+
     // All numbers coming out of native are doubles, so cast here then truncate
-    return ((Double) getValue(name)).intValue();
+    return getValue(name, Double.class).intValue();
   }
   private native int getIntNative(String name);
 
@@ -164,7 +187,7 @@ public int getInt(String name) {
       mJniCallCounter++;
       return getStringNative(name);
     }
-    return (String) getNullableValue(name);
+    return getNullableValue(name, String.class);
   }
   private native String getStringNative(String name);
 
@@ -174,7 +197,7 @@ public int getInt(String name) {
       mJniCallCounter++;
       return getArrayNative(name);
     }
-    return (ReadableArray) getNullableValue(name);
+    return getNullableValue(name, ReadableArray.class);
   }
   private native ReadableNativeArray getArrayNative(String name);
 
@@ -184,7 +207,7 @@ public int getInt(String name) {
       mJniCallCounter++;
       return getMapNative(name);
     }
-    return (ReadableNativeMap) getNullableValue(name);
+    return getNullableValue(name, ReadableNativeMap.class);
   }
   private native ReadableNativeMap getMapNative(String name);
 
@@ -248,7 +271,31 @@ public HashMap<String, Object> toHashMap() {
         }
       return hashMap;
     }
-    return getLocalMap();
+
+    // we can almost just return getLocalMap(), but we need to convert nested arrays and maps to the
+    // correct types first
+    HashMap<String, Object> hashMap = new HashMap<>(getLocalMap());
+    Iterator iterator = hashMap.keySet().iterator();
+
+    while (iterator.hasNext()) {
+      String key = (String) iterator.next();
+      switch (getType(key)) {
+        case Null:
+        case Boolean:
+        case Number:
+        case String:
+          break;
+        case Map:
+          hashMap.put(key, Assertions.assertNotNull(getMap(key)).toHashMap());
+          break;
+        case Array:
+          hashMap.put(key, Assertions.assertNotNull(getArray(key)).toArrayList());
+          break;
+        default:
+          throw new IllegalArgumentException("Could not convert object with key: " + key + ".");
+      }
+    }
+    return hashMap;
   }
 
   /**
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/Systrace.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/Systrace.java
index 9f571e8651fa95..cd5c4615a5b813 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/Systrace.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/Systrace.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.bridge;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManager.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManager.java
index 6cbca5de698f86..e08133ded2566f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManager.java
@@ -3,11 +3,33 @@
 import com.facebook.react.uimanager.common.MeasureSpecProvider;
 import com.facebook.react.uimanager.common.SizeMonitoringFrameLayout;
 
-public interface UIManager extends JSIModule {
+import javax.annotation.Nullable;
+
+public interface UIManager extends JSIModule, PerformanceCounter {
 
   /**
    * Registers a new root view.
    */
   <T extends SizeMonitoringFrameLayout & MeasureSpecProvider> int addRootView(final T rootView);
 
+  /**
+   * Updates the layout specs of the RootShadowNode based on the Measure specs received by
+   * parameters.
+   */
+  void updateRootLayoutSpecs(int rootTag, int widthMeasureSpec, int heightMeasureSpec);
+
+  /**
+   * Dispatches the commandId received by parameter to the view associated with the reactTag.
+   * The command will be processed in the UIThread.
+   * 
+   * @param reactTag {@link int} that identifies the view that will receive this command
+   * @param commandId {@link int} command id
+   * @param commandArgs {@link ReadableArray} parameters associated with the command
+   */
+  void dispatchCommand(int reactTag, int commandId, @Nullable ReadableArray commandArgs);
+
+  void setJSResponder(int reactTag, boolean blockNativeResponder);
+
+  void clearJSResponder();
+
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/ArrayUtils.java b/ReactAndroid/src/main/java/com/facebook/react/common/ArrayUtils.java
index 0036e9bac13abb..5b2f32023c1c8f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/ArrayUtils.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/ArrayUtils.java
@@ -1,6 +1,7 @@
 package com.facebook.react.common;
 
 import java.util.Arrays;
+import java.util.List;
 
 public class ArrayUtils {
 
@@ -8,4 +9,11 @@ public static float[] copyArray(float[] array) {
     return array == null ? null : Arrays.copyOf(array, array.length);
   }
 
+  public static int[] copyListToArray(List<Integer> list) {
+    int[] array = new int[list.size()];
+    for (int t = 0; t < list.size(); t++) {
+      array[t] = list.get(t);
+    }
+    return array;
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/BUCK b/ReactAndroid/src/main/java/com/facebook/react/common/BUCK
index 04d4ed2a85718b..829e1069830b5b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "rn_android_build_config", "react_native_dep")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "rn_android_build_config", "rn_android_library")
 
 SUB_PROJECTS = [
     "network/**/*",
@@ -8,11 +8,8 @@ rn_android_library(
     name = "common",
     srcs = glob(
         ["**/*.java"],
-        excludes = SUB_PROJECTS,
+        exclude = SUB_PROJECTS,
     ),
-    exported_deps = [
-        react_native_dep("java/com/facebook/proguard/annotations:annotations"),
-    ],
     provided_deps = [
         react_native_dep("third-party/android/support/v4:lib-support-v4"),
     ],
@@ -26,6 +23,9 @@ rn_android_library(
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
     ],
+    exported_deps = [
+        react_native_dep("java/com/facebook/proguard/annotations:annotations"),
+    ],
 )
 
 rn_android_build_config(
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/ClearableSynchronizedPool.java b/ReactAndroid/src/main/java/com/facebook/react/common/ClearableSynchronizedPool.java
index 783b2035aeab27..5d12c9f16d40c6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/ClearableSynchronizedPool.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/ClearableSynchronizedPool.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.common;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/ShakeDetector.java b/ReactAndroid/src/main/java/com/facebook/react/common/ShakeDetector.java
index 5d14415072fd20..ad45c64d2d5dfd 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/ShakeDetector.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/ShakeDetector.java
@@ -34,7 +34,7 @@ public class ShakeDetector implements SensorEventListener {
 
   private float mAccelerationX, mAccelerationY, mAccelerationZ;
 
-  public static interface ShakeListener {
+  public interface ShakeListener {
     void onShake();
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/common/network/BUCK b/ReactAndroid/src/main/java/com/facebook/react/common/network/BUCK
index be92d2ff22da40..ae1b2ae7f656f9 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/common/network/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/common/network/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "rn_android_library")
 
 rn_android_library(
     name = "network",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/BUCK b/ReactAndroid/src/main/java/com/facebook/react/devsupport/BUCK
index 76c0990a222704..16336b6e1be936 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "devsupport",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/BundleDeltaClient.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/BundleDeltaClient.java
index 68ef0ce138ae51..93fbb49679e753 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/BundleDeltaClient.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/BundleDeltaClient.java
@@ -1,121 +1,197 @@
+/**
+ * Copyright (c) 2018-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 package com.facebook.react.devsupport;
 
-import android.util.JsonReader;
-import android.util.JsonToken;
 import java.io.File;
 import java.io.FileOutputStream;
 import java.io.IOException;
 import java.io.InputStreamReader;
 import java.util.LinkedHashMap;
 import javax.annotation.Nullable;
+
+import android.util.JsonReader;
+import android.util.JsonToken;
+import android.util.Pair;
+import com.facebook.react.bridge.NativeDeltaClient;
+import okhttp3.Headers;
+import okio.Buffer;
 import okio.BufferedSource;
 
-public class BundleDeltaClient {
+public abstract class BundleDeltaClient {
 
-  final LinkedHashMap<Number, byte[]> mPreModules = new LinkedHashMap<Number, byte[]>();
-  final LinkedHashMap<Number, byte[]> mDeltaModules = new LinkedHashMap<Number, byte[]>();
-  final LinkedHashMap<Number, byte[]> mPostModules = new LinkedHashMap<Number, byte[]>();
-  @Nullable String mDeltaId;
+  private static final String METRO_DELTA_ID_HEADER = "X-Metro-Delta-ID";
+  @Nullable private String mDeltaId;
 
-  static boolean isDeltaUrl(String bundleUrl) {
-    return bundleUrl.indexOf(".delta?") != -1;
+  public enum ClientType {
+    NONE,
+    DEV_SUPPORT,
+    NATIVE
   }
 
-  public void reset() {
-    mDeltaId = null;
-    mDeltaModules.clear();
-    mPreModules.clear();
-    mPostModules.clear();
+  static boolean isDeltaUrl(String bundleUrl) {
+    return bundleUrl.indexOf(".delta?") != -1;
   }
 
-  public String toDeltaUrl(String bundleURL) {
-    if (isDeltaUrl(bundleURL) && mDeltaId != null) {
-      return bundleURL + "&deltaBundleId=" + mDeltaId;
+  @Nullable
+  static BundleDeltaClient create(ClientType type) {
+    switch (type) {
+      case DEV_SUPPORT:
+        return new BundleDeltaJavaClient();
+      case NATIVE:
+        return new BundleDeltaNativeClient();
     }
-    return bundleURL;
+    return null;
   }
 
-  public synchronized boolean storeDeltaInFile(BufferedSource body, File outputFile)
-    throws IOException {
+  abstract public boolean canHandle(ClientType type);
 
-    JsonReader jsonReader = new JsonReader(new InputStreamReader(body.inputStream()));
+  abstract protected Pair<Boolean, NativeDeltaClient> processDelta(
+    BufferedSource body,
+    File outputFile) throws IOException;
 
-    jsonReader.beginObject();
+  final public String extendUrlForDelta(String bundleURL) {
+    return mDeltaId != null ? bundleURL + "&deltaBundleId=" + mDeltaId : bundleURL;
+  }
 
-    int numChangedModules = 0;
+  public void reset() {
+    mDeltaId = null;
+  }
 
-    while (jsonReader.hasNext()) {
-      String name = jsonReader.nextName();
-      if (name.equals("id")) {
-        mDeltaId = jsonReader.nextString();
-      } else if (name.equals("pre")) {
-        numChangedModules += patchDelta(jsonReader, mPreModules);
-      } else if (name.equals("post")) {
-        numChangedModules += patchDelta(jsonReader, mPostModules);
-      } else if (name.equals("delta")) {
-        numChangedModules += patchDelta(jsonReader, mDeltaModules);
-      } else {
-        jsonReader.skipValue();
-      }
-    }
+  public Pair<Boolean, NativeDeltaClient> processDelta(
+    Headers headers,
+    BufferedSource body,
+    File outputFile) throws IOException {
+
+    mDeltaId = headers.get(METRO_DELTA_ID_HEADER);
+    return processDelta(body, outputFile);
+  }
 
-    jsonReader.endObject();
-    jsonReader.close();
+  private static class BundleDeltaJavaClient extends BundleDeltaClient {
 
-    if (numChangedModules == 0) {
-      // If we receive an empty delta, we don't need to save the file again (it'll have the
-      // same content).
-      return false;
+    final LinkedHashMap<Number, byte[]> mPreModules = new LinkedHashMap<Number, byte[]>();
+    final LinkedHashMap<Number, byte[]> mDeltaModules = new LinkedHashMap<Number, byte[]>();
+    final LinkedHashMap<Number, byte[]> mPostModules = new LinkedHashMap<Number, byte[]>();
+
+    @Override
+    public boolean canHandle(ClientType type) {
+      return type == ClientType.DEV_SUPPORT;
     }
 
-    FileOutputStream fileOutputStream = new FileOutputStream(outputFile);
+    public void reset() {
+      super.reset();
+      mDeltaModules.clear();
+      mPreModules.clear();
+      mPostModules.clear();
+    }
 
-    try {
-      for (byte[] code : mPreModules.values()) {
-        fileOutputStream.write(code);
-        fileOutputStream.write('\n');
+    @Override
+    public synchronized Pair<Boolean, NativeDeltaClient> processDelta(
+      BufferedSource body,
+      File outputFile) throws IOException {
+
+      JsonReader jsonReader = new JsonReader(new InputStreamReader(body.inputStream()));
+      jsonReader.beginObject();
+      int numChangedModules = 0;
+
+      while (jsonReader.hasNext()) {
+        String name = jsonReader.nextName();
+        if (name.equals("pre")) {
+          numChangedModules += patchDelta(jsonReader, mPreModules);
+        } else if (name.equals("post")) {
+          numChangedModules += patchDelta(jsonReader, mPostModules);
+        } else if (name.equals("delta")) {
+          numChangedModules += patchDelta(jsonReader, mDeltaModules);
+        } else {
+          jsonReader.skipValue();
+        }
       }
 
-      for (byte[] code : mDeltaModules.values()) {
-        fileOutputStream.write(code);
-        fileOutputStream.write('\n');
+      jsonReader.endObject();
+      jsonReader.close();
+
+      if (numChangedModules == 0) {
+        // If we receive an empty delta, we don't need to save the file again (it'll have the
+        // same content).
+        return Pair.create(Boolean.FALSE, null);
       }
 
-      for (byte[] code : mPostModules.values()) {
-        fileOutputStream.write(code);
-        fileOutputStream.write('\n');
+      FileOutputStream fileOutputStream = new FileOutputStream(outputFile);
+
+      try {
+        for (byte[] code : mPreModules.values()) {
+          fileOutputStream.write(code);
+          fileOutputStream.write('\n');
+        }
+
+        for (byte[] code : mDeltaModules.values()) {
+          fileOutputStream.write(code);
+          fileOutputStream.write('\n');
+        }
+
+        for (byte[] code : mPostModules.values()) {
+          fileOutputStream.write(code);
+          fileOutputStream.write('\n');
+        }
+      } finally {
+        fileOutputStream.flush();
+        fileOutputStream.close();
       }
-    } finally {
-      fileOutputStream.flush();
-      fileOutputStream.close();
+
+      return Pair.create(Boolean.TRUE, null);
     }
 
-    return true;
-  }
+    private static int patchDelta(JsonReader jsonReader, LinkedHashMap<Number, byte[]> map)
+      throws IOException {
+      jsonReader.beginArray();
 
-  private static int patchDelta(JsonReader jsonReader, LinkedHashMap<Number, byte[]> map)
-    throws IOException {
-    jsonReader.beginArray();
+      int numModules = 0;
+      while (jsonReader.hasNext()) {
+        jsonReader.beginArray();
 
-    int numModules = 0;
-    while (jsonReader.hasNext()) {
-      jsonReader.beginArray();
+        int moduleId = jsonReader.nextInt();
 
-      int moduleId = jsonReader.nextInt();
+        if (jsonReader.peek() == JsonToken.NULL) {
+          jsonReader.skipValue();
+          map.remove(moduleId);
+        } else {
+          map.put(moduleId, jsonReader.nextString().getBytes());
+        }
 
-      if (jsonReader.peek() == JsonToken.NULL) {
-        jsonReader.skipValue();
-        map.remove(moduleId);
-      } else {
-        map.put(moduleId, jsonReader.nextString().getBytes());
+        jsonReader.endArray();
+        numModules++;
       }
 
       jsonReader.endArray();
-      numModules++;
+
+      return numModules;
+    }
+  }
+
+  private static class BundleDeltaNativeClient extends BundleDeltaClient {
+    private final NativeDeltaClient nativeClient = new NativeDeltaClient();
+
+    @Override
+    public boolean canHandle(ClientType type) {
+      return type == ClientType.NATIVE;
     }
 
-    jsonReader.endArray();
+    @Override
+    protected Pair<Boolean, NativeDeltaClient> processDelta(
+        BufferedSource body,
+        File outputFile) throws IOException {
+      nativeClient.processDelta(body);
+      return Pair.create(Boolean.FALSE, nativeClient);
+    }
 
-    return numModules;
+    @Override
+    public void reset() {
+      super.reset();
+      nativeClient.reset();
+    }
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/BundleDownloader.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/BundleDownloader.java
index b7c7ed7b962a8a..cf35c8a6ce9478 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/BundleDownloader.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/BundleDownloader.java
@@ -8,8 +8,10 @@
 package com.facebook.react.devsupport;
 
 import android.util.Log;
+import android.util.Pair;
 import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
+import com.facebook.react.bridge.NativeDeltaClient;
 import com.facebook.react.common.DebugServerException;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.devsupport.interfaces.DevBundleDownloadListener;
@@ -40,11 +42,12 @@ public class BundleDownloader {
 
   private final OkHttpClient mClient;
 
-  private final BundleDeltaClient mBundleDeltaClient = new BundleDeltaClient();
+  private BundleDeltaClient mBundleDeltaClient;
 
   private @Nullable Call mDownloadBundleFromURLCall;
 
   public static class BundleInfo {
+    private @Nullable String mDeltaClientName;
     private @Nullable String mUrl;
     private int mFilesChangedCount;
 
@@ -57,6 +60,7 @@ public static class BundleInfo {
 
       try {
         JSONObject obj = new JSONObject(jsonStr);
+        info.mDeltaClientName = obj.getString("deltaClient");
         info.mUrl = obj.getString("url");
         info.mFilesChangedCount = obj.getInt("filesChangedCount");
       } catch (JSONException e) {
@@ -71,6 +75,7 @@ public static class BundleInfo {
       JSONObject obj = new JSONObject();
 
       try {
+        obj.put("deltaClient", mDeltaClientName);
         obj.put("url", mUrl);
         obj.put("filesChangedCount", mFilesChangedCount);
       } catch (JSONException e) {
@@ -81,6 +86,10 @@ public static class BundleInfo {
       return obj.toString();
     }
 
+    public @Nullable String getDeltaClient() {
+      return mDeltaClientName;
+    }
+
     public String getUrl() {
       return mUrl != null ? mUrl : "unknown";
     }
@@ -98,11 +107,23 @@ public void downloadBundleFromURL(
       final DevBundleDownloadListener callback,
       final File outputFile,
       final String bundleURL,
-      final @Nullable BundleInfo bundleInfo) {
+      final @Nullable BundleInfo bundleInfo,
+      final BundleDeltaClient.ClientType clientType) {
+    downloadBundleFromURL(
+        callback, outputFile, bundleURL, bundleInfo, clientType, new Request.Builder());
+  }
+
+  public void downloadBundleFromURL(
+      final DevBundleDownloadListener callback,
+      final File outputFile,
+      final String bundleURL,
+      final @Nullable BundleInfo bundleInfo,
+      final BundleDeltaClient.ClientType clientType,
+      Request.Builder requestBuilder) {
 
     final Request request =
-        new Request.Builder()
-            .url(mBundleDeltaClient.toDeltaUrl(bundleURL))
+        requestBuilder
+            .url(formatBundleUrl(bundleURL, clientType))
             // FIXME: there is a bug that makes MultipartStreamReader to never find the end of the
             // multipart message. This temporarily disables the multipart mode to work around it,
             // but
@@ -146,7 +167,7 @@ public void onResponse(Call call, final Response response) throws IOException {
             try (Response r = response) {
               if (match.find()) {
                 processMultipartResponse(
-                  url, r, match.group(1), outputFile, bundleInfo, callback);
+                  url, r, match.group(1), outputFile, bundleInfo, clientType, callback);
               } else {
                 // In case the server doesn't support multipart/mixed responses, fallback to normal
                 // download.
@@ -157,6 +178,7 @@ public void onResponse(Call call, final Response response) throws IOException {
                   Okio.buffer(r.body().source()),
                   outputFile,
                   bundleInfo,
+                  clientType,
                   callback);
               }
             }
@@ -164,12 +186,19 @@ public void onResponse(Call call, final Response response) throws IOException {
         });
   }
 
+  private String formatBundleUrl(String bundleURL, BundleDeltaClient.ClientType clientType) {
+    return BundleDeltaClient.isDeltaUrl(bundleURL) && mBundleDeltaClient != null && mBundleDeltaClient.canHandle(clientType)
+      ? mBundleDeltaClient.extendUrlForDelta(bundleURL)
+      : bundleURL;
+  }
+
   private void processMultipartResponse(
       final String url,
       final Response response,
       String boundary,
       final File outputFile,
       @Nullable final BundleInfo bundleInfo,
+      final BundleDeltaClient.ClientType clientType,
       final DevBundleDownloadListener callback)
       throws IOException {
 
@@ -193,7 +222,7 @@ public void onChunkComplete(
                     status = Integer.parseInt(headers.get("X-Http-Status"));
                   }
                   processBundleResult(
-                      url, status, Headers.of(headers), body, outputFile, bundleInfo, callback);
+                      url, status, Headers.of(headers), body, outputFile, bundleInfo, clientType, callback);
                 } else {
                   if (!headers.containsKey("Content-Type")
                       || !headers.get("Content-Type").equals("application/json")) {
@@ -249,6 +278,7 @@ private void processBundleResult(
       BufferedSource body,
       File outputFile,
       BundleInfo bundleInfo,
+      BundleDeltaClient.ClientType clientType,
       DevBundleDownloadListener callback)
       throws IOException {
     // Check for server errors. If the server error has the expected form, fail with more info.
@@ -269,29 +299,41 @@ private void processBundleResult(
     }
 
     if (bundleInfo != null) {
-      populateBundleInfo(url, headers, bundleInfo);
+      populateBundleInfo(url, headers, clientType, bundleInfo);
     }
 
     File tmpFile = new File(outputFile.getPath() + ".tmp");
 
-    boolean bundleUpdated;
+    boolean bundleWritten;
+    NativeDeltaClient nativeDeltaClient = null;
 
     if (BundleDeltaClient.isDeltaUrl(url)) {
       // If the bundle URL has the delta extension, we need to use the delta patching logic.
-      bundleUpdated = mBundleDeltaClient.storeDeltaInFile(body, tmpFile);
+      BundleDeltaClient deltaClient = getBundleDeltaClient(clientType);
+      Assertions.assertNotNull(deltaClient);
+      Pair<Boolean, NativeDeltaClient> result = deltaClient.processDelta(headers, body, tmpFile);
+      bundleWritten = result.first;
+      nativeDeltaClient = result.second;
     } else {
-      mBundleDeltaClient.reset();
-      bundleUpdated = storePlainJSInFile(body, tmpFile);
+      mBundleDeltaClient = null;
+      bundleWritten = storePlainJSInFile(body, tmpFile);
     }
 
-    if (bundleUpdated) {
+    if (bundleWritten) {
       // If we have received a new bundle from the server, move it to its final destination.
       if (!tmpFile.renameTo(outputFile)) {
         throw new IOException("Couldn't rename " + tmpFile + " to " + outputFile);
       }
     }
 
-    callback.onSuccess();
+    callback.onSuccess(nativeDeltaClient);
+  }
+
+  private BundleDeltaClient getBundleDeltaClient(BundleDeltaClient.ClientType clientType) {
+    if (mBundleDeltaClient == null || !mBundleDeltaClient.canHandle(clientType)) {
+      mBundleDeltaClient = BundleDeltaClient.create(clientType);
+    }
+    return mBundleDeltaClient;
   }
 
   private static boolean storePlainJSInFile(BufferedSource body, File outputFile)
@@ -309,7 +351,8 @@ private static boolean storePlainJSInFile(BufferedSource body, File outputFile)
     return true;
   }
 
-  private static void populateBundleInfo(String url, Headers headers, BundleInfo bundleInfo) {
+  private static void populateBundleInfo(String url, Headers headers, BundleDeltaClient.ClientType clientType, BundleInfo bundleInfo) {
+    bundleInfo.mDeltaClientName = clientType == BundleDeltaClient.ClientType.NONE ? null : clientType.name();
     bundleInfo.mUrl = url;
 
     String filesChangedCountStr = headers.get("X-Metro-Files-Changed-Count");
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DebugOverlayController.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DebugOverlayController.java
index b56cbfc7e8c719..9450e27dc4bb0a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DebugOverlayController.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DebugOverlayController.java
@@ -21,6 +21,7 @@
 
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.common.ReactConstants;
 
 import javax.annotation.Nullable;
@@ -94,25 +95,30 @@ public DebugOverlayController(ReactContext reactContext) {
     mWindowManager = (WindowManager) reactContext.getSystemService(Context.WINDOW_SERVICE);
   }
 
-  public void setFpsDebugViewVisible(boolean fpsDebugViewVisible) {
-    if (fpsDebugViewVisible && mFPSDebugViewContainer == null) {
-      if (!permissionCheck(mReactContext)) {
-        FLog.d(ReactConstants.TAG, "Wait for overlay permission to be set");
-        return;
-      }
-      mFPSDebugViewContainer = new FpsView(mReactContext);
-      WindowManager.LayoutParams params = new WindowManager.LayoutParams(
-          WindowManager.LayoutParams.MATCH_PARENT,
-          WindowManager.LayoutParams.MATCH_PARENT,
-          WindowOverlayCompat.TYPE_SYSTEM_OVERLAY,
-          WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
+  public void setFpsDebugViewVisible(final boolean fpsDebugViewVisible) {
+    UiThreadUtil.runOnUiThread(new Runnable() {
+      @Override
+      public void run() {
+        if (fpsDebugViewVisible && mFPSDebugViewContainer == null) {
+          if (!permissionCheck(mReactContext)) {
+            FLog.d(ReactConstants.TAG, "Wait for overlay permission to be set");
+            return;
+          }
+          mFPSDebugViewContainer = new FpsView(mReactContext);
+          WindowManager.LayoutParams params = new WindowManager.LayoutParams(
+            WindowManager.LayoutParams.MATCH_PARENT,
+            WindowManager.LayoutParams.MATCH_PARENT,
+            WindowOverlayCompat.TYPE_SYSTEM_OVERLAY,
+            WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
               | WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE,
-          PixelFormat.TRANSLUCENT);
-      mWindowManager.addView(mFPSDebugViewContainer, params);
-    } else if (!fpsDebugViewVisible && mFPSDebugViewContainer != null) {
-      mFPSDebugViewContainer.removeAllViews();
-      mWindowManager.removeView(mFPSDebugViewContainer);
-      mFPSDebugViewContainer = null;
-    }
+            PixelFormat.TRANSLUCENT);
+          mWindowManager.addView(mFPSDebugViewContainer, params);
+        } else if (!fpsDebugViewVisible && mFPSDebugViewContainer != null) {
+          mFPSDebugViewContainer.removeAllViews();
+          mWindowManager.removeView(mFPSDebugViewContainer);
+          mFPSDebugViewContainer = null;
+        }
+      }
+    });
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevInternalSettings.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevInternalSettings.java
index e3204e6457bf9f..e9ebe0c2492fb6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevInternalSettings.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevInternalSettings.java
@@ -30,6 +30,7 @@ public class DevInternalSettings implements
   private static final String PREFS_JS_DEV_MODE_DEBUG_KEY = "js_dev_mode_debug";
   private static final String PREFS_JS_MINIFY_DEBUG_KEY = "js_minify_debug";
   private static final String PREFS_JS_BUNDLE_DELTAS_KEY = "js_bundle_deltas";
+  private static final String PREFS_JS_BUNDLE_DELTAS_CPP_KEY = "js_bundle_deltas_cpp";
   private static final String PREFS_ANIMATIONS_DEBUG_KEY = "animations_debug";
   private static final String PREFS_RELOAD_ON_JS_CHANGE_KEY = "reload_on_js_change";
   private static final String PREFS_INSPECTOR_DEBUG_KEY = "inspector_debug";
@@ -39,14 +40,29 @@ public class DevInternalSettings implements
   private final SharedPreferences mPreferences;
   private final Listener mListener;
   private final PackagerConnectionSettings mPackagerConnectionSettings;
+  private final boolean mSupportsNativeDeltaClients;
+
+  public static DevInternalSettings withoutNativeDeltaClient(
+      Context applicationContext,
+      Listener listener) {
+    return new DevInternalSettings(applicationContext, listener, false);
+  }
 
   public DevInternalSettings(
       Context applicationContext,
       Listener listener) {
+    this(applicationContext, listener, true);
+  }
+
+  private DevInternalSettings(
+      Context applicationContext,
+      Listener listener,
+      boolean supportsNativeDeltaClients) {
     mListener = listener;
     mPreferences = PreferenceManager.getDefaultSharedPreferences(applicationContext);
     mPreferences.registerOnSharedPreferenceChangeListener(this);
     mPackagerConnectionSettings = new PackagerConnectionSettings(applicationContext);
+    mSupportsNativeDeltaClients = supportsNativeDeltaClients;
   }
 
   public PackagerConnectionSettings getPackagerConnectionSettings() {
@@ -83,6 +99,7 @@ public void onSharedPreferenceChanged(SharedPreferences sharedPreferences, Strin
           || PREFS_RELOAD_ON_JS_CHANGE_KEY.equals(key)
           || PREFS_JS_DEV_MODE_DEBUG_KEY.equals(key)
           || PREFS_JS_BUNDLE_DELTAS_KEY.equals(key)
+          || PREFS_JS_BUNDLE_DELTAS_CPP_KEY.equals(key)
           || PREFS_JS_MINIFY_DEBUG_KEY.equals(key)) {
         mListener.onInternalSettingsChanged();
       }
@@ -123,6 +140,16 @@ public void setBundleDeltasEnabled(boolean enabled) {
     mPreferences.edit().putBoolean(PREFS_JS_BUNDLE_DELTAS_KEY, enabled).apply();
   }
 
+  @SuppressLint("SharedPreferencesUse")
+  public boolean isBundleDeltasCppEnabled() {
+    return mSupportsNativeDeltaClients && mPreferences.getBoolean(PREFS_JS_BUNDLE_DELTAS_CPP_KEY, false);
+  }
+
+  @SuppressLint("SharedPreferencesUse")
+  public void setBundleDeltasCppEnabled(boolean enabled) {
+    mPreferences.edit().putBoolean(PREFS_JS_BUNDLE_DELTAS_CPP_KEY, enabled).apply();
+  }
+
   @Override
   public boolean isNuclideJSDebugEnabled() {
     return ReactBuildConfig.IS_INTERNAL_BUILD && ReactBuildConfig.DEBUG;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevLoadingViewController.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevLoadingViewController.java
index 7641b25a3d9d07..9d8ed683a85861 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevLoadingViewController.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevLoadingViewController.java
@@ -7,39 +7,35 @@
 
 package com.facebook.react.devsupport;
 
+import static android.view.ViewGroup.LayoutParams.MATCH_PARENT;
+import static android.view.ViewGroup.LayoutParams.WRAP_CONTENT;
+
+import android.annotation.TargetApi;
 import android.app.Activity;
 import android.content.Context;
-import android.graphics.Color;
 import android.graphics.Rect;
 import android.os.Build;
 import android.view.Gravity;
 import android.view.LayoutInflater;
-import android.view.ViewGroup;
-import android.view.Window;
 import android.widget.PopupWindow;
 import android.widget.TextView;
-
 import com.facebook.common.logging.FLog;
 import com.facebook.react.R;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.common.ReactConstants;
-
 import java.net.MalformedURLException;
 import java.net.URL;
 import java.util.Locale;
-
 import javax.annotation.Nullable;
 
 /**
  * Controller to display loading messages on top of the screen. All methods are thread safe.
  */
+@TargetApi(Build.VERSION_CODES.CUPCAKE)
 public class DevLoadingViewController {
-  private static final int COLOR_DARK_GREEN = Color.parseColor("#035900");
-
   private static boolean sEnabled = true;
-  private final Context mContext;
   private final ReactInstanceManagerDevHelper mReactInstanceManagerHelper;
-  private final TextView mDevLoadingView;
+  private @Nullable TextView mDevLoadingView;
   private @Nullable PopupWindow mDevLoadingPopup;
 
   public static void setDevLoadingEnabled(boolean enabled) {
@@ -47,13 +43,10 @@ public static void setDevLoadingEnabled(boolean enabled) {
   }
 
   public DevLoadingViewController(Context context, ReactInstanceManagerDevHelper reactInstanceManagerHelper) {
-    mContext = context;
     mReactInstanceManagerHelper = reactInstanceManagerHelper;
-    LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
-    mDevLoadingView = (TextView) inflater.inflate(R.layout.dev_loading_view, null);
   }
 
-  public void showMessage(final String message, final int color, final int backgroundColor) {
+  public void showMessage(final String message) {
     if (!sEnabled) {
       return;
     }
@@ -61,16 +54,17 @@ public void showMessage(final String message, final int color, final int backgro
     UiThreadUtil.runOnUiThread(new Runnable() {
       @Override
       public void run() {
-        mDevLoadingView.setBackgroundColor(backgroundColor);
-        mDevLoadingView.setText(message);
-        mDevLoadingView.setTextColor(color);
-
-        showInternal();
+        showInternal(message);
       }
     });
   }
 
   public void showForUrl(String url) {
+    Context context = getContext();
+    if (context == null) {
+      return;
+    }
+
     URL parsedURL;
     try {
       parsedURL = new URL(url);
@@ -80,13 +74,17 @@ public void showForUrl(String url) {
     }
 
     showMessage(
-      mContext.getString(R.string.catalyst_loading_from_url, parsedURL.getHost() + ":" + parsedURL.getPort()),
-      Color.WHITE,
-      COLOR_DARK_GREEN);
+        context.getString(R.string.catalyst_loading_from_url,
+        parsedURL.getHost() + ":" + parsedURL.getPort()));
   }
 
   public void showForRemoteJSEnabled() {
-    showMessage(mContext.getString(R.string.catalyst_remotedbg_message), Color.WHITE, COLOR_DARK_GREEN);
+    Context context = getContext();
+    if (context == null) {
+      return;
+    }
+
+    showMessage(context.getString(R.string.catalyst_remotedbg_message));
   }
 
   public void updateProgress(final @Nullable String status, final @Nullable Integer done, final @Nullable Integer total) {
@@ -103,21 +101,9 @@ public void run() {
           message.append(String.format(Locale.getDefault(), " %.1f%% (%d/%d)", (float) done / total * 100, done, total));
         }
         message.append("\u2026"); // `...` character
-
-        mDevLoadingView.setText(message);
-      }
-    });
-  }
-
-  public void show() {
-    if (!sEnabled) {
-      return;
-    }
-
-    UiThreadUtil.runOnUiThread(new Runnable() {
-      @Override
-      public void run() {
-        showInternal();
+        if (mDevLoadingView != null) {
+          mDevLoadingView.setText(message);
+        }
       }
     });
   }
@@ -135,7 +121,7 @@ public void run() {
     });
   }
 
-  private void showInternal() {
+  private void showInternal(String message) {
     if (mDevLoadingPopup != null && mDevLoadingPopup.isShowing()) {
       // already showing
       return;
@@ -148,34 +134,38 @@ private void showInternal() {
       return;
     }
 
-    int topOffset = 0;
-    if (Build.VERSION.SDK_INT <= Build.VERSION_CODES.KITKAT) {
-      // On Android SDK <= 19 PopupWindow#showAtLocation uses absolute screen position. In order for
-      // loading view to be placed below status bar (if the status bar is present) we need to pass
-      // an appropriate Y offset.
-      Rect rectangle = new Rect();
-      currentActivity.getWindow().getDecorView().getWindowVisibleDisplayFrame(rectangle);
-      topOffset = rectangle.top;
-    }
+    // PopupWindow#showAtLocation uses absolute screen position. In order for
+    // loading view to be placed below status bar (if the status bar is present) we need to pass
+    // an appropriate Y offset.
+    Rect rectangle = new Rect();
+    currentActivity.getWindow().getDecorView().getWindowVisibleDisplayFrame(rectangle);
+    int topOffset = rectangle.top;
+
+    LayoutInflater inflater =
+      (LayoutInflater) currentActivity.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
+
+    mDevLoadingView = (TextView) inflater.inflate(R.layout.dev_loading_view, null);
+    mDevLoadingView.setText(message);
 
-    mDevLoadingPopup = new PopupWindow(
-            mDevLoadingView,
-            ViewGroup.LayoutParams.MATCH_PARENT,
-            ViewGroup.LayoutParams.WRAP_CONTENT);
+    mDevLoadingPopup = new PopupWindow(mDevLoadingView, MATCH_PARENT, WRAP_CONTENT);
     mDevLoadingPopup.setTouchable(false);
 
     mDevLoadingPopup.showAtLocation(
-            currentActivity.getWindow().getDecorView(),
-            Gravity.NO_GRAVITY,
-
-            0,
-            topOffset);
+      currentActivity.getWindow().getDecorView(),
+      Gravity.NO_GRAVITY,
+      0,
+      topOffset);
   }
 
   private void hideInternal() {
     if (mDevLoadingPopup != null && mDevLoadingPopup.isShowing()) {
       mDevLoadingPopup.dismiss();
       mDevLoadingPopup = null;
+      mDevLoadingView = null;
     }
   }
+
+  private @Nullable Context getContext() {
+    return mReactInstanceManagerHelper.getCurrentActivity();
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevServerHelper.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevServerHelper.java
index 09d87f28088001..255a895fcb1aa7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevServerHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevServerHelper.java
@@ -81,7 +81,13 @@ public interface PackagerCommandListener {
     void onPackagerReloadCommand();
     void onPackagerDevMenuCommand();
     void onCaptureHeapCommand(final Responder responder);
-    void onPokeSamplingProfilerCommand(final Responder responder);
+
+    // Allow apps to provide listeners for custom packager commands.
+    @Nullable Map<String, RequestHandler> customCommandHandlers();
+  }
+
+  public interface PackagerCustomCommandProvider {
+
   }
 
   public interface SymbolicationListener {
@@ -163,12 +169,10 @@ public void onRequest(@Nullable Object params, Responder responder) {
             commandListener.onCaptureHeapCommand(responder);
           }
         });
-        handlers.put("pokeSamplingProfiler", new RequestOnlyHandler() {
-          @Override
-          public void onRequest(@Nullable Object params, Responder responder) {
-            commandListener.onPokeSamplingProfilerCommand(responder);
-          }
-        });
+        Map<String, RequestHandler> customHandlers = commandListener.customCommandHandlers();
+        if (customHandlers != null) {
+          handlers.putAll(customHandlers);
+        }
         handlers.putAll(new FileIoHandler().handlers());
 
         ConnectionCallback onPackagerConnectedCallback =
@@ -375,7 +379,27 @@ private String getInspectorAttachUrl(String title) {
   public void downloadBundleFromURL(
     DevBundleDownloadListener callback,
     File outputFile, String bundleURL, BundleDownloader.BundleInfo bundleInfo) {
-    mBundleDownloader.downloadBundleFromURL(callback, outputFile, bundleURL, bundleInfo);
+    mBundleDownloader.downloadBundleFromURL(callback, outputFile, bundleURL, bundleInfo, getDeltaClientType());
+  }
+
+  public void downloadBundleFromURL(
+      DevBundleDownloadListener callback,
+      File outputFile,
+      String bundleURL,
+      BundleDownloader.BundleInfo bundleInfo,
+      Request.Builder requestBuilder) {
+    mBundleDownloader.downloadBundleFromURL(
+        callback, outputFile, bundleURL, bundleInfo, getDeltaClientType(), requestBuilder);
+  }
+
+  private BundleDeltaClient.ClientType getDeltaClientType() {
+    if (mSettings.isBundleDeltasCppEnabled()) {
+      return BundleDeltaClient.ClientType.NATIVE;
+    } else if (mSettings.isBundleDeltasEnabled()) {
+      return BundleDeltaClient.ClientType.DEV_SUPPORT;
+    } else {
+      return BundleDeltaClient.ClientType.NONE;
+    }
   }
 
   /**
@@ -479,10 +503,11 @@ public void onResponse(Call call, Response response) throws IOException {
               callback.onPackagerStatusFetched(false);
               return;
             }
-            if (!PACKAGER_OK_STATUS.equals(body.string())) {
+            String bodyString = body.string(); // cannot call body.string() twice, stored it into variable. https://github.com/square/okhttp/issues/1240#issuecomment-68142603
+            if (!PACKAGER_OK_STATUS.equals(bodyString)) {
               FLog.e(
                   ReactConstants.TAG,
-                  "Got unexpected response from packager when requesting status: " + body.string());
+                  "Got unexpected response from packager when requesting status: " + bodyString);
               callback.onPackagerStatusFetched(false);
               return;
             }
@@ -514,7 +539,7 @@ public void startPollingOnChangeEndpoint(
     mOnChangePollingEnabled = true;
     mOnServerContentChangeListener = onServerContentChangeListener;
     mOnChangePollingClient = new OkHttpClient.Builder()
-        .connectionPool(new ConnectionPool(1, LONG_POLL_KEEP_ALIVE_DURATION_MS, TimeUnit.MINUTES))
+        .connectionPool(new ConnectionPool(1, LONG_POLL_KEEP_ALIVE_DURATION_MS, TimeUnit.MILLISECONDS))
         .connectTimeout(HTTP_CONNECT_TIMEOUT_MS, TimeUnit.MILLISECONDS)
         .build();
     enqueueOnChangeEndpointLongPolling();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerFactory.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerFactory.java
index 59cc883375c9e5..590db9362dd970 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerFactory.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerFactory.java
@@ -11,8 +11,10 @@
 
 import com.facebook.react.devsupport.interfaces.DevBundleDownloadListener;
 import com.facebook.react.devsupport.interfaces.DevSupportManager;
+import com.facebook.react.packagerconnection.RequestHandler;
 
 import java.lang.reflect.Constructor;
+import java.util.Map;
 
 import javax.annotation.Nullable;
 
@@ -41,7 +43,8 @@ public static DevSupportManager create(
       enableOnCreate,
       null,
       null,
-      minNumShakes);
+      minNumShakes,
+      null);
   }
 
   public static DevSupportManager create(
@@ -51,7 +54,8 @@ public static DevSupportManager create(
     boolean enableOnCreate,
     @Nullable RedBoxHandler redBoxHandler,
     @Nullable DevBundleDownloadListener devBundleDownloadListener,
-    int minNumShakes) {
+    int minNumShakes,
+    @Nullable Map<String, RequestHandler> customPackagerCommandHandlers) {
     if (!enableOnCreate) {
       return new DisabledDevSupportManager();
     }
@@ -74,7 +78,8 @@ public static DevSupportManager create(
           boolean.class,
           RedBoxHandler.class,
           DevBundleDownloadListener.class,
-          int.class);
+          int.class,
+          Map.class);
       return (DevSupportManager) constructor.newInstance(
         applicationContext,
         reactInstanceManagerHelper,
@@ -82,7 +87,8 @@ public static DevSupportManager create(
         true,
         redBoxHandler,
         devBundleDownloadListener,
-        minNumShakes);
+        minNumShakes,
+        customPackagerCommandHandlers);
     } catch (Exception e) {
       throw new RuntimeException(
         "Requested enabled DevSupportManager, but DevSupportManagerImpl class was not found" +
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerImpl.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerImpl.java
index c04211a98b0942..8764597391f801 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerImpl.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerImpl.java
@@ -22,10 +22,7 @@
 import android.net.Uri;
 import android.os.AsyncTask;
 import android.util.Pair;
-import android.view.View;
-import android.view.ViewGroup;
 import android.widget.Toast;
-
 import com.facebook.common.logging.FLog;
 import com.facebook.debug.holder.PrinterHolder;
 import com.facebook.debug.tags.ReactDebugOverlayTags;
@@ -35,6 +32,7 @@
 import com.facebook.react.bridge.DefaultNativeModuleCallExceptionHandler;
 import com.facebook.react.bridge.JavaJSExecutor;
 import com.facebook.react.bridge.JavaScriptContextHolder;
+import com.facebook.react.bridge.NativeDeltaClient;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReactMarker;
 import com.facebook.react.bridge.ReactMarkerConstants;
@@ -45,7 +43,6 @@
 import com.facebook.react.common.ShakeDetector;
 import com.facebook.react.common.futures.SimpleSettableFuture;
 import com.facebook.react.devsupport.DevServerHelper.PackagerCommandListener;
-import com.facebook.react.devsupport.InspectorPackagerConnection;
 import com.facebook.react.devsupport.interfaces.DevBundleDownloadListener;
 import com.facebook.react.devsupport.interfaces.DevOptionHandler;
 import com.facebook.react.devsupport.interfaces.DevSupportManager;
@@ -55,24 +52,19 @@
 import com.facebook.react.modules.debug.interfaces.DeveloperSettings;
 import com.facebook.react.packagerconnection.RequestHandler;
 import com.facebook.react.packagerconnection.Responder;
-
-import com.facebook.react.uimanager.IllegalViewOperationException;
 import java.io.File;
 import java.io.IOException;
 import java.net.MalformedURLException;
 import java.net.URL;
 import java.util.ArrayList;
 import java.util.LinkedHashMap;
-import java.util.LinkedList;
 import java.util.List;
 import java.util.Locale;
-import java.util.Queue;
+import java.util.Map;
 import java.util.concurrent.ExecutionException;
 import java.util.concurrent.TimeUnit;
 import java.util.concurrent.TimeoutException;
-
 import javax.annotation.Nullable;
-
 import okhttp3.MediaType;
 import okhttp3.OkHttpClient;
 import okhttp3.Request;
@@ -159,6 +151,8 @@ private enum ErrorType {
 
   private InspectorPackagerConnection.BundleStatus mBundleStatus;
 
+  private @Nullable Map<String, RequestHandler> mCustomPackagerCommandHandlers;
+
   private static class JscProfileTask extends AsyncTask<String, Void, Void> {
     private static final MediaType JSON =
       MediaType.parse("application/json; charset=utf-8");
@@ -205,7 +199,8 @@ public DevSupportManagerImpl(
       enableOnCreate,
       null,
       null,
-      minNumShakes);
+      minNumShakes,
+      null);
   }
 
   public DevSupportManagerImpl(
@@ -215,7 +210,8 @@ public DevSupportManagerImpl(
       boolean enableOnCreate,
       @Nullable RedBoxHandler redBoxHandler,
       @Nullable DevBundleDownloadListener devBundleDownloadListener,
-      int minNumShakes) {
+      int minNumShakes,
+      @Nullable Map<String, RequestHandler> customPackagerCommandHandlers) {
     mReactInstanceManagerHelper = reactInstanceManagerHelper;
     mApplicationContext = applicationContext;
     mJSAppBundleName = packagerPathForJSBundleName;
@@ -241,6 +237,8 @@ public void onShake() {
       }
     }, minNumShakes);
 
+    mCustomPackagerCommandHandlers = customPackagerCommandHandlers;
+
     // Prepare reload APP broadcast receiver (will be registered/unregistered from #reload)
     mReloadAppBroadcastReceiver = new BroadcastReceiver() {
       @Override
@@ -274,7 +272,6 @@ public void onReceive(Context context, Intent intent) {
             new DevLoadingViewController(applicationContext, reactInstanceManagerHelper);
 
     mExceptionLoggers.add(new JSExceptionLogger());
-    mExceptionLoggers.add(new StackOverflowExceptionLogger());
   }
 
   @Override
@@ -322,66 +319,6 @@ public void log(Exception e) {
     }
   }
 
-  private class StackOverflowExceptionLogger implements ExceptionLogger {
-
-    @Override
-    public void log(Exception e) {
-      if (e instanceof IllegalViewOperationException
-        && e.getCause() instanceof StackOverflowError) {
-        IllegalViewOperationException ivoe = (IllegalViewOperationException) e;
-        View view = ivoe.getView();
-        if (view != null)
-          logDeepestJSHierarchy(view);
-      }
-    }
-
-    private void logDeepestJSHierarchy(View view) {
-      if (mCurrentContext == null || view == null) return;
-
-      final Pair<View, Integer> deepestPairView = getDeepestNativeView(view);
-
-      View deepestView = deepestPairView.first;
-      Integer tagId = deepestView.getId();
-      final int depth = deepestPairView.second;
-      JSDevSupport JSDevSupport = mCurrentContext.getNativeModule(JSDevSupport.class);
-      JSDevSupport.getJSHierarchy(tagId.toString(), new JSDevSupport.DevSupportCallback() {
-        @Override
-        public void onSuccess(String hierarchy) {
-          FLog.e(ReactConstants.TAG,
-            "StackOverflowError when rendering JS Hierarchy (depth of native hierarchy = " +
-              depth +  "): \n" + hierarchy);
-        }
-
-        @Override
-        public void onFailure(Exception ex) {
-          FLog.e(ReactConstants.TAG, ex,
-            "Error retrieving JS Hierarchy (depth of native hierarchy = " + depth + ").");
-        }
-      });
-    }
-
-    private Pair<View, Integer> getDeepestNativeView(View root) {
-      Queue<Pair<View, Integer>> queue = new LinkedList<>();
-      Pair<View, Integer> maxPair = new Pair<>(root, 1);
-
-      queue.add(maxPair);
-      while (!queue.isEmpty()) {
-        Pair<View, Integer> current = queue.poll();
-        if (current.second > maxPair.second) {
-          maxPair = current;
-        }
-        if (current.first instanceof ViewGroup) {
-          ViewGroup viewGroup = (ViewGroup) current.first;
-          Integer depth = current.second + 1;
-          for (int i = 0 ; i < viewGroup.getChildCount() ; i++) {
-            queue.add(new Pair<>(viewGroup.getChildAt(i), depth));
-          }
-        }
-      }
-      return maxPair;
-    }
-  }
-
   @Override
   public void showNewJavaError(String message, Throwable e) {
     FLog.e(ReactConstants.TAG, "Exception in native call", e);
@@ -912,26 +849,8 @@ public void run() {
   }
 
   @Override
-  public void onPokeSamplingProfilerCommand(final Responder responder) {
-    UiThreadUtil.runOnUiThread(new Runnable() {
-      @Override
-      public void run() {
-        if (mCurrentContext == null) {
-          responder.error("JSCContext is missing, unable to profile");
-          return;
-        }
-        try {
-          JavaScriptContextHolder jsContext = mCurrentContext.getJavaScriptContextHolder();
-          synchronized (jsContext) {
-            Class clazz = Class.forName("com.facebook.react.packagerconnection.SamplingProfilerPackagerMethod");
-            RequestHandler handler = (RequestHandler)clazz.getConstructor(long.class).newInstance(jsContext.get());
-            handler.onRequest(null, responder);
-          }
-        } catch (Exception e) {
-          // Module not present
-        }
-      }
-    });
+  public @Nullable Map<String, RequestHandler> customCommandHandlers() {
+    return mCustomPackagerCommandHandlers;
   }
 
   private void handleCaptureHeap(final Responder responder) {
@@ -1044,7 +963,7 @@ public void reloadJSFromServer(final String bundleURL) {
     mDevServerHelper.downloadBundleFromURL(
         new DevBundleDownloadListener() {
           @Override
-          public void onSuccess() {
+          public void onSuccess(final @Nullable NativeDeltaClient nativeDeltaClient) {
             mDevLoadingViewController.hide();
             mDevLoadingViewVisible = false;
             synchronized (DevSupportManagerImpl.this) {
@@ -1052,14 +971,14 @@ public void onSuccess() {
               mBundleStatus.updateTimestamp = System.currentTimeMillis();
             }
             if (mBundleDownloadListener != null) {
-              mBundleDownloadListener.onSuccess();
+              mBundleDownloadListener.onSuccess(nativeDeltaClient);
             }
             UiThreadUtil.runOnUiThread(
                 new Runnable() {
                   @Override
                   public void run() {
                     ReactMarker.logMarker(ReactMarkerConstants.DOWNLOAD_END, bundleInfo.toJSONString());
-                    mReactInstanceManagerHelper.onJSBundleLoadedFromServer();
+                    mReactInstanceManagerHelper.onJSBundleLoadedFromServer(nativeDeltaClient);
                   }
                 });
           }
@@ -1143,7 +1062,7 @@ private void reload() {
 
       // show the dev loading if it should be
       if (mDevLoadingViewVisible) {
-        mDevLoadingViewController.show();
+        mDevLoadingViewController.showMessage("Reloading...");
       }
 
       mDevServerHelper.openPackagerConnection(this.getClass().getSimpleName(), this);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/InspectorPackagerConnection.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/InspectorPackagerConnection.java
index 8df47d9d3a076d..45b7897f8c0308 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/InspectorPackagerConnection.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/InspectorPackagerConnection.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.devsupport;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSDevSupport.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSDevSupport.java
index b5596d7f365a26..4a84be20254aff 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSDevSupport.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSDevSupport.java
@@ -1,24 +1,35 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.devsupport;
 
+import android.util.Pair;
+import android.view.View;
 import com.facebook.react.bridge.JavaScriptModule;
 import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.module.annotations.ReactModule;
+import java.util.HashMap;
+import java.util.Map;
 import javax.annotation.Nullable;
 
-@ReactModule(name = "JSDevSupport", needsEagerInit = true)
+@ReactModule(name = JSDevSupport.MODULE_NAME)
 public class JSDevSupport extends ReactContextBaseJavaModule {
 
   static final String MODULE_NAME = "JSDevSupport";
 
+  public static final int ERROR_CODE_EXCEPTION = 0;
+  public static final int ERROR_CODE_VIEW_NOT_FOUND = 1;
+
   @Nullable
   private volatile DevSupportCallback mCurrentCallback = null;
 
   public interface JSDevSupportModule extends JavaScriptModule {
-    void getJSHierarchy(String reactTag);
+    void getJSHierarchy(int reactTag);
   }
 
   public JSDevSupport(ReactApplicationContext reactContext) {
@@ -29,19 +40,25 @@ public interface DevSupportCallback {
 
     void onSuccess(String data);
 
-    void onFailure(Exception error);
+    void onFailure(int errorCode, Exception error);
   }
 
-  public synchronized void getJSHierarchy(String reactTag, DevSupportCallback callback) {
-    if (mCurrentCallback != null) {
-      callback.onFailure(new RuntimeException("JS Hierarchy download already in progress."));
-      return;
-    }
+  /**
+   * Notifies the callback with either the JS hierarchy of the deepest leaf from the given root view
+   * or with an error.
+   */
+  public synchronized void computeDeepestJSHierarchy(View root, DevSupportCallback callback) {
+    final Pair<View, Integer> deepestPairView = ViewHierarchyUtil.getDeepestLeaf(root);
+    View deepestView = deepestPairView.first;
+    Integer tagId = deepestView.getId();
+    getJSHierarchy(tagId, callback);
+  }
 
+  public synchronized void getJSHierarchy(int reactTag, DevSupportCallback callback) {
     JSDevSupportModule
         jsDevSupportModule = getReactApplicationContext().getJSModule(JSDevSupportModule.class);
     if (jsDevSupportModule == null) {
-      callback.onFailure(new JSCHeapCapture.CaptureException(MODULE_NAME +
+      callback.onFailure(ERROR_CODE_EXCEPTION, new JSCHeapCapture.CaptureException(MODULE_NAME +
         " module not registered."));
       return;
     }
@@ -51,20 +68,31 @@ public synchronized void getJSHierarchy(String reactTag, DevSupportCallback call
 
   @SuppressWarnings("unused")
   @ReactMethod
-  public synchronized void setResult(String data, String error) {
+  public synchronized void onSuccess(String data) {
     if (mCurrentCallback != null) {
-      if (error == null) {
-        mCurrentCallback.onSuccess(data);
-      } else {
-        mCurrentCallback.onFailure(new RuntimeException(error));
-      }
+      mCurrentCallback.onSuccess(data);
     }
-    mCurrentCallback = null;
+  }
+
+  @SuppressWarnings("unused")
+  @ReactMethod
+  public synchronized void onFailure(int errorCode, String error) {
+    if (mCurrentCallback != null) {
+      mCurrentCallback.onFailure(errorCode, new RuntimeException(error));
+    }
+  }
+
+  @Override
+  public Map<String, Object> getConstants() {
+    HashMap<String, Object> constants = new HashMap<>();
+    constants.put("ERROR_CODE_EXCEPTION", ERROR_CODE_EXCEPTION);
+    constants.put("ERROR_CODE_VIEW_NOT_FOUND", ERROR_CODE_VIEW_NOT_FOUND);
+    return constants;
   }
 
   @Override
   public String getName() {
-    return "JSDevSupport";
+    return MODULE_NAME;
   }
 
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/ReactInstanceManagerDevHelper.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/ReactInstanceManagerDevHelper.java
index 7694c68db9dbca..7033a21fda478f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/ReactInstanceManagerDevHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/ReactInstanceManagerDevHelper.java
@@ -8,9 +8,9 @@
 package com.facebook.react.devsupport;
 
 import android.app.Activity;
-
 import com.facebook.react.bridge.JavaJSExecutor;
 
+import com.facebook.react.bridge.NativeDeltaClient;
 import javax.annotation.Nullable;
 
 /**
@@ -27,7 +27,7 @@ public interface ReactInstanceManagerDevHelper {
   /**
    * Notify react instance manager about new JS bundle version downloaded from the server.
    */
-  void onJSBundleLoadedFromServer();
+  void onJSBundleLoadedFromServer(@Nullable NativeDeltaClient nativeDeltaClient);
 
   /**
    * Request to toggle the react element inspector.
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/StackTraceHelper.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/StackTraceHelper.java
index 75ca90d532911f..3e66d52e61acac 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/StackTraceHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/StackTraceHelper.java
@@ -28,8 +28,10 @@ public class StackTraceHelper {
   public static final java.lang.String COLUMN_KEY = "column";
   public static final java.lang.String LINE_NUMBER_KEY = "lineNumber";
 
-  private static final Pattern STACK_FRAME_PATTERN = Pattern.compile(
+  private static final Pattern STACK_FRAME_PATTERN1 = Pattern.compile(
       "^(?:(.*?)@)?(.*?)\\:([0-9]+)\\:([0-9]+)$");
+  private static final Pattern STACK_FRAME_PATTERN2 = Pattern.compile(
+      "\\s*(?:at)\\s*(.+?)\\s*[@(](.*):([0-9]+):([0-9]+)[)]$");
 
   /**
    * Represents a generic entry in a stack trace, be it originally from JS or Java.
@@ -175,16 +177,22 @@ public static StackFrame[] convertJsStackTrace(String stack) {
     String[] stackTrace = stack.split("\n");
     StackFrame[] result = new StackFrame[stackTrace.length];
     for (int i = 0; i < stackTrace.length; ++i) {
-      Matcher matcher = STACK_FRAME_PATTERN.matcher(stackTrace[i]);
-      if (matcher.find()) {
-        result[i] = new StackFrameImpl(
-          matcher.group(2),
-          matcher.group(1) == null ? "(unknown)" : matcher.group(1),
-          Integer.parseInt(matcher.group(3)),
-          Integer.parseInt(matcher.group(4)));
+      Matcher matcher1 = STACK_FRAME_PATTERN1.matcher(stackTrace[i]);
+      Matcher matcher2 = STACK_FRAME_PATTERN2.matcher(stackTrace[i]);
+      Matcher matcher;
+      if (matcher2.find()) {
+        matcher = matcher2;
+      } else if (matcher1.find()) {
+        matcher = matcher1;
       } else {
         result[i] = new StackFrameImpl(null, stackTrace[i], -1, -1);
+        continue;
       }
+      result[i] = new StackFrameImpl(
+        matcher.group(2),
+        matcher.group(1) == null ? "(unknown)" : matcher.group(1),
+        Integer.parseInt(matcher.group(3)),
+        Integer.parseInt(matcher.group(4)));
     }
     return result;
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/ViewHierarchyUtil.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/ViewHierarchyUtil.java
new file mode 100644
index 00000000000000..1aee0099e5f31f
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/ViewHierarchyUtil.java
@@ -0,0 +1,37 @@
+package com.facebook.react.devsupport;
+
+import android.util.Pair;
+import android.view.View;
+import android.view.ViewGroup;
+import java.util.LinkedList;
+import java.util.Queue;
+
+/**
+ * Helper for computing information about the view hierarchy
+ */
+public class ViewHierarchyUtil {
+
+  /**
+   * Returns the view instance and depth of the deepest leaf view from the given root view.
+   */
+  public static Pair<View, Integer> getDeepestLeaf(View root) {
+    Queue<Pair<View, Integer>> queue = new LinkedList<>();
+    Pair<View, Integer> maxPair = new Pair<>(root, 1);
+
+    queue.add(maxPair);
+    while (!queue.isEmpty()) {
+      Pair<View, Integer> current = queue.poll();
+      if (current.second > maxPair.second) {
+        maxPair = current;
+      }
+      if (current.first instanceof ViewGroup) {
+        ViewGroup viewGroup = (ViewGroup) current.first;
+        Integer depth = current.second + 1;
+        for (int i = 0 ; i < viewGroup.getChildCount() ; i++) {
+          queue.add(new Pair<>(viewGroup.getChildAt(i), depth));
+        }
+      }
+    }
+    return maxPair;
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/DevBundleDownloadListener.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/DevBundleDownloadListener.java
index 661a8cba243613..b08ba97066a341 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/DevBundleDownloadListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/DevBundleDownloadListener.java
@@ -7,10 +7,11 @@
 
 package com.facebook.react.devsupport.interfaces;
 
+import com.facebook.react.bridge.NativeDeltaClient;
 import javax.annotation.Nullable;
 
 public interface DevBundleDownloadListener {
-  void onSuccess();
+  void onSuccess(@Nullable NativeDeltaClient nativeDeltaClient);
   void onProgress(@Nullable String status, @Nullable Integer done, @Nullable Integer total);
   void onFailure(Exception cause);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/BUCK b/ReactAndroid/src/main/java/com/facebook/react/fabric/BUCK
index a5c3d74099be35..ef2e3e18772d62 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/BUCK
@@ -1,8 +1,11 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "fabric",
-    srcs = glob(["*.java"]),
+    srcs = glob([
+        "*.java",
+        "events/*.java",
+    ]),
     provided_deps = [
         react_native_dep("third-party/android/support/v4:lib-support-v4"),
     ],
@@ -11,13 +14,19 @@ rn_android_library(
         "PUBLIC",
     ],
     deps = [
+        YOGA_TARGET,
+        react_native_dep("java/com/facebook/systrace:systrace"),
+        react_native_dep("libraries/fbcore/src/main/java/com/facebook/common/logging:logging"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
         react_native_target("java/com/facebook/react:react"),
+        react_native_target("java/com/facebook/debug/tags:tags"),
+        react_native_target("java/com/facebook/debug/holder:holder"),
         react_native_target("java/com/facebook/react/bridge:bridge"),
         react_native_target("java/com/facebook/react/uimanager:uimanager"),
         react_native_target("java/com/facebook/react/uimanager/annotations:annotations"),
         react_native_target("java/com/facebook/react/module/annotations:annotations"),
+        react_native_target("java/com/facebook/react/common:common"),
         react_native_target("java/com/facebook/react/modules/i18nmanager:i18nmanager"),
     ],
 )
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricBinding.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricBinding.java
index 37a943afac69b7..4db39a42522fe9 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricBinding.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricBinding.java
@@ -1,9 +1,36 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 package com.facebook.react.fabric;
 
 import com.facebook.react.bridge.JavaScriptContextHolder;
+import com.facebook.react.bridge.NativeMap;
 
 public interface FabricBinding {
 
   void installFabric(JavaScriptContextHolder jsContext, FabricUIManager fabricModule);
 
+  void releaseEventTarget(long jsContextNativePointer, long eventTargetPointer);
+
+  void releaseEventHandler(long jsContextNativePointer, long eventHandlerPointer);
+
+  void dispatchEventToEmptyTarget(
+    long jsContextNativePointer,
+    long eventHandlerPointer,
+    String type,
+    NativeMap payload
+  );
+
+  void dispatchEventToTarget(
+    long jsContextNativePointer,
+    long eventHandlerPointer,
+    long eventTargetPointer,
+    String type,
+    NativeMap payload
+  );
+
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricReconciler.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricReconciler.java
new file mode 100644
index 00000000000000..de87cb2c55d4e3
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricReconciler.java
@@ -0,0 +1,158 @@
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.fabric;
+
+import com.facebook.common.logging.FLog;
+import com.facebook.debug.holder.PrinterHolder;
+import com.facebook.debug.tags.ReactDebugOverlayTags;
+import com.facebook.react.common.ArrayUtils;
+import com.facebook.react.common.build.ReactBuildConfig;
+import com.facebook.react.uimanager.ReactShadowNode;
+import com.facebook.react.uimanager.UIViewOperationQueue;
+import com.facebook.react.uimanager.ViewAtIndex;
+import com.facebook.systrace.Systrace;
+import com.facebook.systrace.SystraceMessage;
+import java.util.Arrays;
+import java.util.Collections;
+import java.util.HashSet;
+import java.util.LinkedList;
+import java.util.List;
+import java.util.Set;
+import javax.annotation.Nullable;
+
+public class FabricReconciler {
+
+  private static final String TAG = FabricReconciler.class.getSimpleName();
+    private static final boolean DEBUG = ReactBuildConfig.DEBUG || PrinterHolder
+    .getPrinter().shouldDisplayLogMessage(ReactDebugOverlayTags.FABRIC_RECONCILER);
+
+  private UIViewOperationQueue uiViewOperationQueue;
+
+  public FabricReconciler(UIViewOperationQueue uiViewOperationQueue) {
+    this.uiViewOperationQueue = uiViewOperationQueue;
+  }
+
+  public void manageChildren(ReactShadowNode previousRootShadowNode, ReactShadowNode newRootShadowNode) {
+    SystraceMessage.beginSection(
+      Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
+      "FabricReconciler.manageChildren")
+      .flush();
+
+    try {
+      List<ReactShadowNode> prevList =
+        previousRootShadowNode == null ? null :  previousRootShadowNode.getChildrenList();
+      manageChildren(newRootShadowNode, prevList, newRootShadowNode.getChildrenList());
+    } finally{
+      Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
+    }
+  }
+
+  private void manageChildren(
+    ReactShadowNode parent,
+    @Nullable List<ReactShadowNode> prevList,
+    @Nullable List<ReactShadowNode> newList) {
+    prevList = prevList == null ? Collections.<ReactShadowNode>emptyList() : prevList;
+    newList = newList == null ? Collections.<ReactShadowNode>emptyList() : newList;
+
+    // Iterate through each child list and compare each previous and next child. Same nodes
+    // implies no change is needed. If the nodes are different but are referencing the same view,
+    // the view needs to be updated with new props and children. Otherwise, there has been
+    // a change in the children positions.
+    int sameReactTagIndex = 0;
+    for (; sameReactTagIndex < Math.min(prevList.size(), newList.size()); sameReactTagIndex++) {
+      ReactShadowNode prevNode = prevList.get(sameReactTagIndex);
+      ReactShadowNode newNode = newList.get(sameReactTagIndex);
+      if (prevNode == newNode) {
+        continue;
+      }
+      if (prevNode.getReactTag() != newNode.getReactTag()) {
+        break;
+      }
+      enqueueUpdateProperties(newNode, prevNode);
+      manageChildren(prevNode, prevNode.getChildrenList(), newNode.getChildrenList());
+      newNode.setOriginalReactShadowNode(null);
+    }
+    int firstRemovedOrAddedViewIndex = sameReactTagIndex;
+
+    // Every ReactShadowNode on the newList that is on the right side of
+    // firstRemovedOrAddedViewIndex is defined as an added view.
+    // It is more efficient to reorder removing and adding all the views in the right order, instead
+    // of calculating the minimum amount of reorder operations.
+    Set<Integer> addedTags = new HashSet<>();
+    List<ViewAtIndex> viewsToAdd = new LinkedList<>();
+    for (int k = firstRemovedOrAddedViewIndex; k < newList.size(); k++) {
+      ReactShadowNode newNode = newList.get(k);
+      if (newNode.isVirtual()) continue;
+      enqueueUpdateProperties(newNode, newNode.getOriginalReactShadowNode());
+      viewsToAdd.add(new ViewAtIndex(newNode.getReactTag(), k));
+      List previousChildrenList = newNode.getOriginalReactShadowNode() == null ? null : newNode.getOriginalReactShadowNode().getChildrenList();
+      manageChildren(newNode, previousChildrenList, newNode.getChildrenList());
+      newNode.setOriginalReactShadowNode(null);
+      addedTags.add(newNode.getReactTag());
+    }
+
+    // Every ReactShadowNode on the prevList that is on the right side of
+    // firstRemovedOrAddedViewIndex is defined as a removed view.
+    // It is more efficient to reorder removing and adding all the views in the right order, instead
+    // of calculating the minimum amount of reorder operations.
+    // If a View is not re-ordered, then the ReactTag is deleted (ReactShadowNode and native View
+    // are released from memory)
+    List<Integer> tagsToDelete = new LinkedList<>();
+    List<Integer> indicesToRemove = new LinkedList<>();
+    for (int j = prevList.size() - 1; j >= firstRemovedOrAddedViewIndex; j--) {
+      ReactShadowNode nodeToRemove = prevList.get(j);
+      if (nodeToRemove.isVirtual()) continue;
+      indicesToRemove.add(0, j);
+      if (!addedTags.contains(nodeToRemove.getReactTag())) {
+        tagsToDelete.add(nodeToRemove.getReactTag());
+      }
+    }
+
+    // TODO (t27180994): Mutate views synchronously on main thread
+    if (!(indicesToRemove.isEmpty() && viewsToAdd.isEmpty() && tagsToDelete.isEmpty())) {
+      int[] indicesToRemoveArray = ArrayUtils.copyListToArray(indicesToRemove);
+      ViewAtIndex[] viewsToAddArray = viewsToAdd.toArray(new ViewAtIndex[viewsToAdd.size()]);
+      int[] tagsToDeleteArray = ArrayUtils.copyListToArray(tagsToDelete);
+      if (DEBUG) {
+        FLog.d(
+            TAG,
+            "manageChildren.enqueueManageChildren parent: " + parent.getReactTag() +
+                "\n\tIndices2Remove: " + Arrays.toString(indicesToRemoveArray) +
+                "\n\tViews2Add: " + Arrays.toString(viewsToAddArray) +
+                "\n\tTags2Delete: " + Arrays.toString(tagsToDeleteArray));
+      }
+      uiViewOperationQueue.enqueueManageChildren(
+        parent.getReactTag(), indicesToRemoveArray, viewsToAddArray, tagsToDeleteArray);
+    }
+  }
+
+  private void enqueueUpdateProperties(ReactShadowNode newNode, ReactShadowNode prevNode) {
+    int reactTag = newNode.getReactTag();
+    if (DEBUG) {
+      FLog.d(
+        TAG,
+        "manageChildren.enqueueUpdateProperties " +
+          "\n\ttag: " + reactTag +
+          "\n\tviewClass: " + newNode.getViewClass() +
+          "\n\tinstanceHandle: " + newNode.getInstanceHandle() +
+          "\n\tnewProps: " + newNode.getNewProps());
+    }
+
+    if (prevNode != null) {
+      newNode.updateScreenLayout(prevNode);
+    }
+
+    if (newNode.getNewProps() != null) {
+      uiViewOperationQueue.enqueueUpdateProperties(
+        reactTag, newNode.getViewClass(), newNode.getNewProps());
+    }
+
+    uiViewOperationQueue.enqueueUpdateInstanceHandle(
+      reactTag, newNode.getInstanceHandle());
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricUIManager.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricUIManager.java
index 6fd4c1ae2d69db..87d1850e674226 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricUIManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricUIManager.java
@@ -1,19 +1,36 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 package com.facebook.react.fabric;
 
 import static android.view.View.MeasureSpec.AT_MOST;
 import static android.view.View.MeasureSpec.EXACTLY;
 import static android.view.View.MeasureSpec.UNSPECIFIED;
+import static com.facebook.react.uimanager.common.UIManagerType.FABRIC;
 
-import android.util.Log;
+import android.os.SystemClock;
 import android.view.View;
+import com.facebook.common.logging.FLog;
+import com.facebook.debug.holder.PrinterHolder;
+import com.facebook.debug.tags.ReactDebugOverlayTags;
 import com.facebook.infer.annotation.Assertions;
-import com.facebook.react.bridge.JavaOnlyArray;
+import com.facebook.proguard.annotations.DoNotStrip;
+import com.facebook.react.bridge.JavaScriptContextHolder;
 import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.ReadableNativeMap;
 import com.facebook.react.bridge.UIManager;
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.bridge.WritableNativeMap;
+import com.facebook.react.common.ReactConstants;
+import com.facebook.react.common.annotations.VisibleForTesting;
+import com.facebook.react.common.build.ReactBuildConfig;
+import com.facebook.react.fabric.events.FabricEventEmitter;
 import com.facebook.react.modules.i18nmanager.I18nUtil;
 import com.facebook.react.uimanager.DisplayMetricsHolder;
 import com.facebook.react.uimanager.NativeViewHierarchyManager;
@@ -23,58 +40,94 @@
 import com.facebook.react.uimanager.ReactStylesDiffMap;
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.react.uimanager.UIViewOperationQueue;
-import com.facebook.react.uimanager.ViewAtIndex;
 import com.facebook.react.uimanager.ViewManager;
 import com.facebook.react.uimanager.ViewManagerRegistry;
 import com.facebook.react.uimanager.common.MeasureSpecProvider;
 import com.facebook.react.uimanager.common.SizeMonitoringFrameLayout;
+import com.facebook.react.uimanager.events.EventDispatcher;
+import com.facebook.systrace.Systrace;
+import com.facebook.systrace.SystraceMessage;
+import com.facebook.yoga.YogaDirection;
 import java.util.ArrayList;
+import java.util.LinkedList;
 import java.util.List;
+import java.util.Map;
 import javax.annotation.Nullable;
 
 /**
- * This class is responsible to create, clone and update {@link ReactShadowNode} using the
- * Fabric API.
+ * This class is responsible to create, clone and update {@link ReactShadowNode} using the Fabric
+ * API.
  */
 @SuppressWarnings("unused") // used from JNI
-public class FabricUIManager implements UIManager {
+@DoNotStrip
+public class FabricUIManager implements UIManager, JSHandler {
+
+  private static final String TAG = FabricUIManager.class.getSimpleName();
+  private static final boolean DEBUG = ReactBuildConfig.DEBUG || PrinterHolder.getPrinter().shouldDisplayLogMessage(ReactDebugOverlayTags.FABRIC_UI_MANAGER);
 
-  private static final String TAG = FabricUIManager.class.toString();
   private final RootShadowNodeRegistry mRootShadowNodeRegistry = new RootShadowNodeRegistry();
   private final ReactApplicationContext mReactApplicationContext;
   private final ViewManagerRegistry mViewManagerRegistry;
   private final UIViewOperationQueue mUIViewOperationQueue;
-
-  public FabricUIManager(ReactApplicationContext reactContext,
-    ViewManagerRegistry viewManagerRegistry) {
+  private final NativeViewHierarchyManager mNativeViewHierarchyManager;
+  private final JavaScriptContextHolder mJSContext;
+  private volatile int mCurrentBatch = 0;
+  private final FabricReconciler mFabricReconciler;
+  private final EventDispatcher mEventDispatcher;
+  private FabricBinding mBinding;
+  private final FabricEventEmitter mFabricEventEmitter;
+  private long mEventHandlerPointer;
+  private long mLastCalculateLayoutTime = 0;
+
+  public FabricUIManager(
+      ReactApplicationContext reactContext,
+      ViewManagerRegistry viewManagerRegistry,
+      JavaScriptContextHolder jsContext,
+      EventDispatcher eventDispatcher) {
     DisplayMetricsHolder.initDisplayMetricsIfNotInitialized(reactContext);
     mReactApplicationContext = reactContext;
     mViewManagerRegistry = viewManagerRegistry;
-    mUIViewOperationQueue = new UIViewOperationQueue(reactContext, new NativeViewHierarchyManager(viewManagerRegistry), 0);
+    mNativeViewHierarchyManager = new NativeViewHierarchyManager(viewManagerRegistry);
+    mUIViewOperationQueue =
+        new UIViewOperationQueue(
+            reactContext, mNativeViewHierarchyManager, 0);
+    mFabricReconciler = new FabricReconciler(mUIViewOperationQueue);
+    mFabricEventEmitter =
+      new FabricEventEmitter(mReactApplicationContext, this);
+    mEventDispatcher = eventDispatcher;
+    mJSContext = jsContext;
   }
 
-  /**
-   * Creates a new {@link ReactShadowNode}
-   */
+  public void setBinding(FabricBinding binding) {
+    mBinding = binding;
+  }
+
+  /** Creates a new {@link ReactShadowNode} */
   @Nullable
-  public ReactShadowNode createNode(int reactTag,
-    String viewName,
-    int rootTag,
-    ReadableNativeMap props) {
+  @DoNotStrip
+  public ReactShadowNode createNode(
+      int reactTag, String viewName, int rootTag, ReadableNativeMap props, long eventTarget) {
+    if (DEBUG) {
+      FLog.d(TAG, "createNode \n\ttag: " + reactTag +
+          "\n\tviewName: " + viewName +
+          "\n\trootTag: " + rootTag +
+          "\n\tprops: " + props);
+    }
     try {
       ViewManager viewManager = mViewManagerRegistry.get(viewName);
       ReactShadowNode node = viewManager.createShadowNodeInstance(mReactApplicationContext);
       ReactShadowNode rootNode = getRootNode(rootTag);
-      node.setRootNode(rootNode);
+      node.setRootTag(rootNode.getReactTag());
       node.setViewClassName(viewName);
+      node.setInstanceHandle(eventTarget);
       node.setReactTag(reactTag);
       node.setThemedContext(rootNode.getThemedContext());
 
       ReactStylesDiffMap styles = updateProps(node, props);
 
       if (!node.isVirtual()) {
-        mUIViewOperationQueue
-          .enqueueCreateView(rootNode.getThemedContext(), reactTag, viewName, styles);
+        mUIViewOperationQueue.enqueueCreateView(
+            rootNode.getThemedContext(), reactTag, viewName, styles);
       }
       return node;
     } catch (Throwable t) {
@@ -83,7 +136,8 @@ public ReactShadowNode createNode(int reactTag,
     }
   }
 
-  private ReactShadowNode getRootNode(int rootTag) {
+  @VisibleForTesting
+  ReactShadowNode getRootNode(int rootTag) {
     return mRootShadowNodeRegistry.getNode(rootTag);
   }
 
@@ -98,143 +152,220 @@ private ReactStylesDiffMap updateProps(ReactShadowNode node, @Nullable ReadableN
 
   /**
    * @return a clone of the {@link ReactShadowNode} received by parameter. The cloned
-   * ReactShadowNode will contain a copy of all the internal data of the original node, including
-   * its children set (note that the children nodes will not be cloned).
+   *     ReactShadowNode will contain a copy of all the internal data of the original node,
+   *     including its children set (note that the children nodes will not be cloned).
    */
   @Nullable
+  @DoNotStrip
   public ReactShadowNode cloneNode(ReactShadowNode node) {
+    if (DEBUG) {
+      FLog.d(TAG, "cloneNode \n\tnode: " + node);
+    }
+    SystraceMessage.beginSection(
+      Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
+      "FabricUIManager.cloneNode")
+      .flush();
     try {
-      ReactShadowNode clone = node.mutableCopy();
+      ReactShadowNode clone = node.mutableCopy(node.getInstanceHandle());
       assertReactShadowNodeCopy(node, clone);
       return clone;
     } catch (Throwable t) {
       handleException(node, t);
       return null;
+    } finally{
+      Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
     }
   }
 
   /**
    * @return a clone of the {@link ReactShadowNode} received by parameter. The cloned
-   * ReactShadowNode will contain a copy of all the internal data of the original node, but
-   * its children set will be empty.
+   *     ReactShadowNode will contain a copy of all the internal data of the original node, but its
+   *     children set will be empty.
    */
   @Nullable
+  @DoNotStrip
   public ReactShadowNode cloneNodeWithNewChildren(ReactShadowNode node) {
+    if (DEBUG) {
+      FLog.d(TAG, "cloneNodeWithNewChildren \n\tnode: " + node);
+    }
+    SystraceMessage.beginSection(
+      Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
+      "FabricUIManager.cloneNodeWithNewChildren")
+      .flush();
     try {
-      ReactShadowNode clone = node.mutableCopyWithNewChildren();
+      ReactShadowNode clone = node.mutableCopyWithNewChildren(node.getInstanceHandle());
       assertReactShadowNodeCopy(node, clone);
       return clone;
     } catch (Throwable t) {
       handleException(node, t);
       return null;
+    } finally{
+      Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
     }
   }
 
   /**
    * @return a clone of the {@link ReactShadowNode} received by parameter. The cloned
-   * ReactShadowNode will contain a copy of all the internal data of the original node, but its
-   * props will be overridden with the {@link ReadableMap} received by parameter.
+   *     ReactShadowNode will contain a copy of all the internal data of the original node, but its
+   *     props will be overridden with the {@link ReadableMap} received by parameter.
    */
   @Nullable
+  @DoNotStrip
   public ReactShadowNode cloneNodeWithNewProps(
-      ReactShadowNode node,
-      @Nullable ReadableNativeMap newProps) {
+      ReactShadowNode node, @Nullable ReadableNativeMap newProps) {
+    if (DEBUG) {
+      FLog.d(TAG, "cloneNodeWithNewProps \n\tnode: " + node + "\n\tprops: " + newProps);
+    }
+    SystraceMessage.beginSection(
+      Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
+      "FabricUIManager.cloneNodeWithNewProps")
+      .flush();
     try {
-      ReactShadowNode clone = node.mutableCopyWithNewProps(newProps == null ? null : new ReactStylesDiffMap(newProps));
+      ReactShadowNode clone = node.mutableCopyWithNewProps(node.getInstanceHandle(),
+            newProps == null ? null : new ReactStylesDiffMap(newProps));
       assertReactShadowNodeCopy(node, clone);
       return clone;
     } catch (Throwable t) {
       handleException(node, t);
       return null;
+    } finally{
+      Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
     }
   }
 
   /**
    * @return a clone of the {@link ReactShadowNode} received by parameter. The cloned
-   * ReactShadowNode will contain a copy of all the internal data of the original node, but its
-   * props will be overridden with the {@link ReadableMap} received by parameter and its children
-   * set will be empty.
+   *     ReactShadowNode will contain a copy of all the internal data of the original node, but its
+   *     props will be overridden with the {@link ReadableMap} received by parameter and its
+   *     children set will be empty.
    */
   @Nullable
+  @DoNotStrip
   public ReactShadowNode cloneNodeWithNewChildrenAndProps(
-      ReactShadowNode node,
-      ReadableNativeMap newProps) {
+      ReactShadowNode node, ReadableNativeMap newProps) {
+    if (DEBUG) {
+      FLog.d(TAG, "cloneNodeWithNewChildrenAndProps \n\tnode: " + node + "\n\tnewProps: " + newProps);
+    }
+    SystraceMessage.beginSection(
+      Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
+      "FabricUIManager.cloneNodeWithNewChildrenAndProps")
+      .flush();
     try {
-      ReactShadowNode clone = node.mutableCopyWithNewChildrenAndProps(newProps == null ? null : new ReactStylesDiffMap(newProps));
+      ReactShadowNode clone =
+          node.mutableCopyWithNewChildrenAndProps(node.getInstanceHandle(),
+              newProps == null ? null : new ReactStylesDiffMap(newProps));
       assertReactShadowNodeCopy(node, clone);
       return clone;
     } catch (Throwable t) {
       handleException(node, t);
       return null;
+    } finally{
+      Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
     }
   }
 
   private void assertReactShadowNodeCopy(ReactShadowNode source, ReactShadowNode target) {
-    Assertions.assertCondition(source.getClass().equals(target.getClass()),
-      "Found " + target.getClass() + " class when expecting: " +   source.getClass() +
-        ". Check that " + source.getClass() + " implements the mutableCopy() method correctly.");
+    Assertions.assertCondition(
+        source.getClass().equals(target.getClass()),
+        "Found "
+            + target.getClass()
+            + " class when expecting: "
+            + source.getClass()
+            + ". Check that "
+            + source.getClass()
+            + " implements the copy() method correctly.");
   }
 
   /**
-   * Appends the child {@link ReactShadowNode} to the children set of the parent
-   * {@link ReactShadowNode}.
+   * Appends the child {@link ReactShadowNode} to the children set of the parent {@link
+   * ReactShadowNode}.
    */
   @Nullable
+  @DoNotStrip
   public void appendChild(ReactShadowNode parent, ReactShadowNode child) {
+    if (DEBUG) {
+      FLog.d(TAG, "appendChild \n\tparent: " + parent + "\n\tchild: " + child);
+    }
+    SystraceMessage.beginSection(
+      Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
+      "FabricUIManager.appendChild")
+      .flush();
     try {
-      int childIndex = parent.getChildCount();
-      parent.addChildAt(child, childIndex);
-      ViewAtIndex[] viewsToAdd =
-        new ViewAtIndex[]{new ViewAtIndex(child.getReactTag(), childIndex)};
-      if (!child.isVirtual()) {
-        mUIViewOperationQueue.enqueueManageChildren(
-          parent.getReactTag(),
-          null,
-          viewsToAdd,
-          null
-        );
+      // If the child to append was already committed (child.isSealed()),
+      // then we add a mutation of it. In the future this will be performed by FabricJS / Fiber.
+      //TODO: T27926878 avoid cloning shared child
+      if (child.isSealed()) {
+        child = child.mutableCopy(child.getInstanceHandle());
       }
+      parent.addChildAt(child, parent.getChildCount());
     } catch (Throwable t) {
       handleException(parent, t);
+    } finally{
+      Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
     }
   }
 
   /**
-   * @return an empty {@link List<ReactShadowNode>} that will be used to append the
-   * {@link ReactShadowNode} elements of the root. Typically this List will contain one element.
+   * @return an empty {@link List<ReactShadowNode>} that will be used to append the {@link
+   *     ReactShadowNode} elements of the root. Typically this List will contain one element.
    */
+  @DoNotStrip
   public List<ReactShadowNode> createChildSet(int rootTag) {
+    if (DEBUG) {
+      FLog.d(TAG, "createChildSet rootTag: " + rootTag);
+    }
     return new ArrayList<>(1);
   }
 
   /**
    * Adds the {@link ReactShadowNode} to the {@link List<ReactShadowNode>} received by parameter.
    */
+  @DoNotStrip
   public void appendChildToSet(List<ReactShadowNode> childList, ReactShadowNode child) {
     childList.add(child);
   }
 
-  public void completeRoot(int rootTag, List<ReactShadowNode> childList) {
+  @DoNotStrip
+  public synchronized void completeRoot(int rootTag, @Nullable List<ReactShadowNode> childList) {
+    SystraceMessage.beginSection(
+      Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
+      "FabricUIManager.completeRoot")
+      .flush();
     try {
-      ReactShadowNode rootNode = getRootNode(rootTag);
+      long startTime = SystemClock.uptimeMillis();
+      childList = childList == null ? new LinkedList<ReactShadowNode>() : childList;
+      if (DEBUG) {
+        FLog.d(TAG, "completeRoot rootTag: " + rootTag + ", childList: " + childList);
+      }
+      ReactShadowNode currentRootShadowNode = getRootNode(rootTag);
       Assertions.assertNotNull(
-        rootNode,
-        "Root view with tag " + rootTag + " must be added before completeRoot is called");
-      for (int i = 0; i < childList.size(); i++) {
-        ReactShadowNode child = childList.get(i);
-        appendChild(rootNode, child);
+          currentRootShadowNode,
+          "Root view with tag " + rootTag + " must be added before completeRoot is called");
+
+      currentRootShadowNode = calculateDiffingAndCreateNewRootNode(currentRootShadowNode, childList);
+
+      if (DEBUG) {
+        FLog.d(
+          TAG,
+          "ReactShadowNodeHierarchy after diffing: " + currentRootShadowNode.getHierarchyInfo());
       }
 
-      notifyOnBeforeLayoutRecursive(rootNode);
-      calculateRootLayout(rootNode);
-      applyUpdatesRecursive(rootNode, 0, 0);
-      mUIViewOperationQueue
-        .dispatchViewUpdates(1, System.currentTimeMillis(), System.currentTimeMillis());
+      applyUpdatesRecursive(currentRootShadowNode);
+      mUIViewOperationQueue.dispatchViewUpdates(
+        mCurrentBatch++, startTime, mLastCalculateLayoutTime);
+
+      mRootShadowNodeRegistry.replaceNode(currentRootShadowNode);
     } catch (Exception e) {
       handleException(getRootNode(rootTag), e);
+    } finally{
+      Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
     }
   }
 
+  public void dispatchCommand(int reactTag, int commandId, @Nullable ReadableArray commandArgs) {
+    mUIViewOperationQueue.enqueueDispatchCommand(reactTag, commandId, commandArgs);
+  }
+
   private void notifyOnBeforeLayoutRecursive(ReactShadowNode node) {
     if (!node.hasUpdates()) {
       return;
@@ -245,56 +376,173 @@ private void notifyOnBeforeLayoutRecursive(ReactShadowNode node) {
     node.onBeforeLayout();
   }
 
-  private void calculateRootLayout(ReactShadowNode cssRoot) {
-    cssRoot.calculateLayout();
+  private ReactShadowNode calculateDiffingAndCreateNewRootNode(
+      ReactShadowNode currentRootShadowNode, List<ReactShadowNode> newChildList) {
+    SystraceMessage.beginSection(
+      Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
+      "FabricUIManager.calculateDiffingAndCreateNewRootNode")
+      .flush();
+    try {
+      ReactShadowNode newRootShadowNode = currentRootShadowNode.mutableCopyWithNewChildren(currentRootShadowNode.getInstanceHandle());
+      for (ReactShadowNode child : newChildList) {
+        appendChild(newRootShadowNode, child);
+      }
+
+      if (DEBUG) {
+        FLog.d(
+          TAG,
+          "ReactShadowNodeHierarchy before calculateLayout: " + newRootShadowNode.getHierarchyInfo());
+      }
+
+      notifyOnBeforeLayoutRecursive(newRootShadowNode);
+
+      calculateLayout(newRootShadowNode);
+
+      if (DEBUG) {
+        FLog.d(
+          TAG,
+          "ReactShadowNodeHierarchy after calculateLayout: " + newRootShadowNode.getHierarchyInfo());
+      }
+
+      mFabricReconciler.manageChildren(currentRootShadowNode, newRootShadowNode);
+      return newRootShadowNode;
+    } finally{
+      Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
+    }
+  }
+
+  private void calculateLayout(ReactShadowNode newRootShadowNode) {
+    SystraceMessage.beginSection(
+      Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
+      "FabricUIManager.calculateLayout")
+      .flush();
+    long startTime = SystemClock.uptimeMillis();
+    try {
+      newRootShadowNode.calculateLayout();
+    } finally{
+      mLastCalculateLayoutTime = SystemClock.uptimeMillis() - startTime;
+      Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
+    }
   }
 
-  private void applyUpdatesRecursive(
-    ReactShadowNode cssNode,
-    float absoluteX,
-    float absoluteY) {
+  private void applyUpdatesRecursive(ReactShadowNode node) {
+    SystraceMessage.beginSection(
+            Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "FabricUIManager.applyUpdatesRecursive")
+        .flush();
+    try {
+      applyUpdatesRecursive(node, 0, 0);
+    } finally{
+      SystraceMessage.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
+    }
+  }
 
-    if (!cssNode.hasUpdates()) {
+  private void applyUpdatesRecursive(ReactShadowNode node, float absoluteX, float absoluteY) {
+    if (!node.hasUpdates()) {
       return;
     }
 
-    if (!cssNode.isVirtualAnchor()) {
-      for (int i = 0; i < cssNode.getChildCount(); i++) {
+    if (!node.isVirtualAnchor()) {
+      for (int i = 0; i < node.getChildCount(); i++) {
         applyUpdatesRecursive(
-          cssNode.getChildAt(i),
-          absoluteX + cssNode.getLayoutX(),
-          absoluteY + cssNode.getLayoutY());
+            node.getChildAt(i),
+            absoluteX + node.getLayoutX(),
+            absoluteY + node.getLayoutY());
       }
     }
 
-    int tag = cssNode.getReactTag();
-    if (mRootShadowNodeRegistry.getNode(tag) == null) {
-      boolean frameDidChange = cssNode.dispatchUpdates(
-        absoluteX,
-        absoluteY,
-        mUIViewOperationQueue,
-        null);
+    int tag = node.getReactTag();
+    if (getRootNode(tag) == null) {
+      boolean frameDidChange =
+          node.dispatchUpdates(absoluteX, absoluteY, mUIViewOperationQueue, null);
+      // Notify JS about layout event if requested
+      // and if the position or dimensions actually changed
+      // (consistent with iOS and Android Default implementation).
+      if (frameDidChange && node.shouldNotifyOnLayout()) {
+        mUIViewOperationQueue.enqueueOnLayoutEvent(tag,
+          node.getScreenX(),
+          node.getScreenY(),
+          node.getScreenWidth(),
+          node.getScreenHeight());
+      }
     }
-    cssNode.markUpdateSeen();
+
+    // Set the reference to the OriginalReactShadowNode to NULL, as the tree is already committed
+    // and we do not need to hold references to the previous tree anymore
+    node.setOriginalReactShadowNode(null);
+    node.markUpdateSeen();
+    node.markAsSealed();
   }
 
   @Override
+  @DoNotStrip
   public <T extends SizeMonitoringFrameLayout & MeasureSpecProvider> int addRootView(
-    final T rootView) {
-    int rootTag = ReactRootViewTagGenerator.getNextRootViewTag();
-    ThemedReactContext themedRootContext = new ThemedReactContext(
-      mReactApplicationContext,
-      rootView.getContext());
+      final T rootView) {
+
+    SystraceMessage.beginSection(
+      Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
+      "FabricUIManager.addRootView")
+      .flush();
+    try {
+      final int rootTag = ReactRootViewTagGenerator.getNextRootViewTag();
+      ThemedReactContext themedRootContext =
+          new ThemedReactContext(mReactApplicationContext, rootView.getContext());
+
+      ReactShadowNode rootShadowNode = createRootShadowNode(rootTag, themedRootContext);
+
+      int widthMeasureSpec = rootView.getWidthMeasureSpec();
+      int heightMeasureSpec = rootView.getHeightMeasureSpec();
+      updateRootView(rootShadowNode, widthMeasureSpec, heightMeasureSpec);
+
+      rootView.setOnSizeChangedListener(
+        new SizeMonitoringFrameLayout.OnSizeChangedListener() {
+          @Override
+          public void onSizeChanged(final int width, final int height, int oldW, int oldH) {
+            updateRootSize(rootTag, width, height);
+          }
+        });
+
+      mRootShadowNodeRegistry.registerNode(rootShadowNode);
+      mUIViewOperationQueue.addRootView(rootTag, rootView, themedRootContext);
+      return rootTag;
+    } finally{
+      Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
+    }
+  }
+
+  @Override
+  @DoNotStrip
+  public synchronized void updateRootLayoutSpecs(int rootViewTag, int widthMeasureSpec, int heightMeasureSpec) {
+    ReactShadowNode rootNode = getRootNode(rootViewTag);
+    if (rootNode == null) {
+      FLog.w(ReactConstants.TAG, "Tried to update non-existent root tag: " + rootViewTag);
+      return;
+    }
 
-    ReactShadowNode rootShadowNode = createRootShadowNode(rootTag, themedRootContext);
+    ReactShadowNode newRootNode = rootNode.mutableCopy(rootNode.getInstanceHandle());
+    updateRootView(newRootNode, widthMeasureSpec, heightMeasureSpec);
+    mRootShadowNodeRegistry.replaceNode(newRootNode);
+  }
+
+  /**
+   * Updates the root view size and re-render the RN surface.
+   *
+   * //TODO: change synchronization to integrate with new #render loop.
+   */
+  private synchronized void updateRootSize(int rootTag, int newWidth, int newHeight) {
+    ReactShadowNode rootNode = getRootNode(rootTag);
+    if (rootNode == null) {
+      FLog.w(
+        ReactConstants.TAG,
+        "Tried to update size of non-existent tag: " + rootTag);
+      return;
+    }
 
-    int widthMeasureSpec = rootView.getWidthMeasureSpec();
-    int heightMeasureSpec = rootView.getHeightMeasureSpec();
-    updateRootView(rootShadowNode, widthMeasureSpec, heightMeasureSpec);
+    ReactShadowNode newRootNode = rootNode.mutableCopy(rootNode.getInstanceHandle());
+    int newWidthSpec = View.MeasureSpec.makeMeasureSpec(newWidth, View.MeasureSpec.EXACTLY);
+    int newHeightSpec = View.MeasureSpec.makeMeasureSpec(newHeight, View.MeasureSpec.EXACTLY);
+    updateRootView(newRootNode, newWidthSpec, newHeightSpec);
 
-    mRootShadowNodeRegistry.addNode(rootShadowNode);
-    mUIViewOperationQueue.addRootView(rootTag, rootView, themedRootContext);
-    return rootTag;
+    completeRoot(rootTag, newRootNode.getChildrenList());
   }
 
   public void removeRootView(int rootTag) {
@@ -304,7 +552,9 @@ public void removeRootView(int rootTag) {
   private ReactShadowNode createRootShadowNode(int rootTag, ThemedReactContext themedReactContext) {
     ReactShadowNode rootNode = new ReactShadowNodeImpl();
     I18nUtil sharedI18nUtilInstance = I18nUtil.getInstance();
-    // TODO: setLayoutDirection for the rootNode
+    if (sharedI18nUtilInstance.isRTL(themedReactContext)) {
+      rootNode.setLayoutDirection(YogaDirection.RTL);
+    }
     rootNode.setViewClassName("Root");
     rootNode.setReactTag(rootTag);
     rootNode.setThemedContext(themedReactContext);
@@ -315,19 +565,19 @@ private ReactShadowNode createRootShadowNode(int rootTag, ThemedReactContext the
    * Updates the styles of the {@link ReactShadowNode} based on the Measure specs received by
    * parameters.
    */
-  public void updateRootView(
-    ReactShadowNode rootCSSNode, int widthMeasureSpec, int heightMeasureSpec) {
+  private void updateRootView(
+      ReactShadowNode node, int widthMeasureSpec, int heightMeasureSpec) {
     int widthMode = View.MeasureSpec.getMode(widthMeasureSpec);
     int widthSize = View.MeasureSpec.getSize(widthMeasureSpec);
     switch (widthMode) {
       case EXACTLY:
-        rootCSSNode.setStyleWidth(widthSize);
+        node.setStyleWidth(widthSize);
         break;
       case AT_MOST:
-        rootCSSNode.setStyleMaxWidth(widthSize);
+        node.setStyleMaxWidth(widthSize);
         break;
       case UNSPECIFIED:
-        rootCSSNode.setStyleWidthAuto();
+        node.setStyleWidthAuto();
         break;
     }
 
@@ -335,13 +585,13 @@ public void updateRootView(
     int heightSize = View.MeasureSpec.getSize(heightMeasureSpec);
     switch (heightMode) {
       case EXACTLY:
-        rootCSSNode.setStyleHeight(heightSize);
+        node.setStyleHeight(heightSize);
         break;
       case AT_MOST:
-        rootCSSNode.setStyleMaxHeight(heightSize);
+        node.setStyleMaxHeight(heightSize);
         break;
       case UNSPECIFIED:
-        rootCSSNode.setStyleHeightAuto();
+        node.setStyleHeightAuto();
         break;
     }
   }
@@ -353,9 +603,79 @@ private void handleException(ReactShadowNode node, Throwable t) {
       // a RuntimeException
       context.handleException(new RuntimeException(t));
     } catch (Exception ex) {
-      Log.e(TAG, "Exception while executing a Fabric method", t);
+      FLog.e(TAG, "Exception while executing a Fabric method", t);
       throw new RuntimeException(ex.getMessage(), t);
     }
   }
 
+  @Nullable
+  @DoNotStrip
+  public long getEventTarget(int reactTag) {
+    long instanceHandle = mNativeViewHierarchyManager.getInstanceHandle(reactTag);
+    return instanceHandle;
+  }
+
+  @DoNotStrip
+  public void registerEventHandler(long eventHandlerPointer) {
+    mEventHandlerPointer = eventHandlerPointer;
+  }
+
+  @DoNotStrip
+  public void releaseEventTarget(long eventTargetPointer) {
+    mBinding.releaseEventTarget(mJSContext.get(), eventTargetPointer);
+  }
+
+  @DoNotStrip
+  public void releaseEventHandler(long eventHandlerPointer) {
+    mBinding.releaseEventHandler(mJSContext.get(), eventHandlerPointer);
+  }
+
+  @Override
+  @DoNotStrip
+  public void invoke(long eventTarget, String name, WritableMap params) {
+    if (DEBUG) {
+      FLog.d(
+        TAG,
+        "Dispatching event for target: " + eventTarget);
+    }
+    if (params == null) {
+      params = new WritableNativeMap();
+    }
+    mBinding.dispatchEventToTarget(mJSContext.get(), mEventHandlerPointer, eventTarget, name, (WritableNativeMap) params);
+  }
+
+  @Override
+  public void setJSResponder(int reactTag, boolean blockNativeResponder) {
+    // TODO: Do nothing for now
+  }
+
+  @Override
+  public void clearJSResponder() {
+    // TODO: Do nothing for now
+  }
+
+  @Override
+  public void initialize() {
+    FabricEventEmitter eventEmitter =
+      new FabricEventEmitter(mReactApplicationContext, this);
+    mEventDispatcher.registerEventEmitter(FABRIC, mFabricEventEmitter);
+  }
+
+  @Override
+  public void onCatalystInstanceDestroy() {
+    mBinding.releaseEventHandler(mJSContext.get(), mEventHandlerPointer);
+    mEventDispatcher.unregisterEventEmitter(FABRIC);
+    mFabricEventEmitter.close();
+  }
+
+  @Override
+  public void profileNextBatch() {
+    mUIViewOperationQueue.profileNextBatch();
+  }
+
+  @Override
+  public Map<String, Long> getPerformanceCounters() {
+    // TODO change profiling when enabling multi-thread rendering.
+    return mUIViewOperationQueue.getProfiledBatchPerfCounters();
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/JSHandler.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/JSHandler.java
new file mode 100644
index 00000000000000..471c016a6888d4
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/JSHandler.java
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+package com.facebook.react.fabric;
+
+import com.facebook.react.bridge.WritableMap;
+
+public interface JSHandler {
+
+  void invoke(long instanceHandle, String name, WritableMap params);
+
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/RootShadowNodeRegistry.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/RootShadowNodeRegistry.java
index 95f2c1cedaee02..1d66d4b500e6d3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/RootShadowNodeRegistry.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/RootShadowNodeRegistry.java
@@ -1,29 +1,46 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 package com.facebook.react.fabric;
 
-import android.util.SparseArray;
 import com.facebook.react.uimanager.ReactShadowNode;
+import java.util.concurrent.ConcurrentHashMap;
+import javax.annotation.concurrent.ThreadSafe;
 
 /**
  * Simple container class to keep track of {@link ReactShadowNode}s that represents the Root
- * Shadow Nodes of a {@link FabricUIManager}
+ * Shadow Nodes of a {@link FabricUIManager}.
  */
+@ThreadSafe
 public class RootShadowNodeRegistry {
 
-  private final SparseArray<ReactShadowNode> mTagsToRootNodes;
+  private final ConcurrentHashMap<Integer, ReactShadowNode> mTagsToRootNodes = new ConcurrentHashMap<>();
 
-  public RootShadowNodeRegistry() {
-    mTagsToRootNodes = new SparseArray<>();
+  /**
+   * Registers the {@link ReactShadowNode} received as a parameter as a RootShadowNode.
+   */
+  public synchronized void registerNode(ReactShadowNode node) {
+    mTagsToRootNodes.put(node.getReactTag(), node);
   }
 
-  public void addNode(ReactShadowNode node) {
-    mTagsToRootNodes.put(node.getReactTag(), node);
+  /**
+   * Register the {@link ReactShadowNode} received as a parameter as a RootShadowNode, replacing
+   * the previous RootShadowNode associated for the {@link ReactShadowNode#getReactTag()}
+   */
+  public void replaceNode(ReactShadowNode node) {
+    mTagsToRootNodes.replace(node.getReactTag(), node);
   }
 
-  public void removeNode(int tag) {
+  public void removeNode(Integer tag) {
     mTagsToRootNodes.remove(tag);
   }
 
   public ReactShadowNode getNode(int tag) {
     return mTagsToRootNodes.get(tag);
   }
+
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/Scheduler.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/Scheduler.java
new file mode 100644
index 00000000000000..fb199435f99bb9
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/Scheduler.java
@@ -0,0 +1,95 @@
+package com.facebook.react.fabric;
+
+import com.facebook.common.logging.FLog;
+import com.facebook.react.bridge.ReactContext;
+import java.util.concurrent.ExecutorService;
+import java.util.concurrent.LinkedBlockingDeque;
+import java.util.concurrent.RejectedExecutionException;
+import java.util.concurrent.ThreadPoolExecutor;
+import java.util.concurrent.TimeUnit;
+
+/**
+ * This class allows Native code to schedule work in JS.
+ * Work (following JS naming) represents a task that needs to be executed in JS.
+ *
+ * Four types of work are supported by this class:
+ *
+ * Synchronous:
+ * - Sync work                   -> flushSync()
+ * - Work work                   -> flushSerial()
+ *
+ * Asynchronous:
+ * - Interactive work (serial):  -> scheduleSerial()
+ * - Deferred work:              -> scheduleWork()
+ *
+ */
+public class Scheduler {
+
+  private static final String TAG = Scheduler.class.getSimpleName();
+  // The usage of this executor might change in the near future.
+  private final ExecutorService mExecutor = new ThreadPoolExecutor(1, 1, 0L, TimeUnit.MILLISECONDS, new LinkedBlockingDeque<Runnable>());
+  private final ReactContext mReactContext;
+
+  public Scheduler(ReactContext reactContext) {
+    mReactContext = reactContext;
+  }
+
+  /**
+   * This method schedules work to be executed with the lowest priority in the JS Thread.
+   *
+   * The current implementation queues "work"s in an unbounded queue tight to a SingleThreadExecutor.
+   * Work objects are going to be submitted one-by-one at the end of the JS Queue Thread.
+   *
+   * Notice that the current implementation might experience some delays in JS work execution,
+   * depending on the size of the JS Queue and the time it takes to execute each work in JS.
+   *
+   * TODO: This implementation is very likely to change in the near future.
+   */
+  public void scheduleWork(final Work work) {
+    try {
+      mExecutor.execute(new Runnable() {
+        @Override
+        public void run() {
+          mReactContext.runOnJSQueueThread(new Runnable() {
+            @Override
+            public void run() {
+              try {
+                work.run();
+              } catch (Exception ex) {
+                FLog.w(TAG, "Exception running work in JS.", ex);
+                throw ex;
+              }
+            }
+          });
+        }
+      });
+    } catch (RejectedExecutionException ex) {
+      // This can happen if a Work is scheduled when the Scheduler is being shutdown.
+      // For now, we log and do not take any action.
+      FLog.i(TAG, "Unable to schedule task.");
+    }
+  }
+
+  public void flushSync(Work work) {
+    // TODO T26717866 this method needs to be implemented. The current implementation is just for
+    // testing purpose.
+  }
+
+  public void flushSerial(Work work) {
+    // TODO T26717866 this method needs to be implemented. The current implementation is just for
+    // testing purpose.
+  }
+
+  public void scheduleSerial(Work work) {
+    // TODO T26717866 this method needs to be implemented. The current implementation is just for
+    // testing purpose.
+  }
+
+  /**
+   * Shutdowns the {@link Scheduler}. this operation will attempt to stop all "active executing"
+   * Works items and it will "halts:" all the Works items waiting to be executed.
+   */
+  public void shutdown() {
+    mExecutor.shutdownNow();
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/Work.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/Work.java
new file mode 100644
index 00000000000000..d179b00439dcde
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/Work.java
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.fabric;
+
+/**
+ * Interface that represents a task or piece of code that will be executed by {@link Scheduler}
+ * This follows React API naming for consistency.
+ */
+public interface Work {
+
+  void run();
+
+}
+
+
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/events/FabricEventEmitter.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/events/FabricEventEmitter.java
new file mode 100644
index 00000000000000..2d1c01d8692226
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/events/FabricEventEmitter.java
@@ -0,0 +1,183 @@
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.fabric.events;
+
+import static com.facebook.react.uimanager.events.TouchesHelper.CHANGED_TOUCHES_KEY;
+import static com.facebook.react.uimanager.events.TouchesHelper.TARGET_KEY;
+import static com.facebook.react.uimanager.events.TouchesHelper.TOP_TOUCH_CANCEL_KEY;
+import static com.facebook.react.uimanager.events.TouchesHelper.TOP_TOUCH_END_KEY;
+import static com.facebook.react.uimanager.events.TouchesHelper.TOUCHES_KEY;
+
+import android.annotation.TargetApi;
+import android.os.Build;
+import android.util.Pair;
+import com.facebook.common.logging.FLog;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.WritableArray;
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.bridge.WritableNativeArray;
+import com.facebook.react.bridge.WritableNativeMap;
+import com.facebook.react.fabric.FabricUIManager;
+import com.facebook.react.fabric.Scheduler;
+import com.facebook.react.fabric.Work;
+import com.facebook.react.uimanager.IllegalViewOperationException;
+import com.facebook.react.uimanager.events.RCTEventEmitter;
+import java.io.Closeable;
+import java.util.HashSet;
+import java.util.Set;
+import javax.annotation.Nullable;
+
+@TargetApi(Build.VERSION_CODES.ECLAIR)
+public class FabricEventEmitter implements RCTEventEmitter, Closeable {
+
+  private static final String TAG = FabricEventEmitter.class.getSimpleName();
+
+  private final FabricUIManager mFabricUIManager;
+  private final Scheduler mScheduler;
+
+  public FabricEventEmitter(ReactApplicationContext context, FabricUIManager fabricUIManager) {
+    mScheduler = new Scheduler(context);
+    mFabricUIManager = fabricUIManager;
+  }
+
+  @Override
+  public void receiveEvent(int reactTag, String eventName, @Nullable WritableMap params) {
+    try {
+      long eventTarget = mFabricUIManager.getEventTarget(reactTag);
+      mScheduler.scheduleWork(new FabricUIManagerWork(eventTarget, eventName, params));
+    } catch (IllegalViewOperationException e) {
+      FLog.e(TAG, "Unable to emmit event for tag " + reactTag, e);
+    }
+  }
+
+  @Override
+  public void close() {
+    mScheduler.shutdown();
+  }
+
+  private class FabricUIManagerWork implements Work {
+    private final long mEventTarget;
+    private final String mEventName;
+    private final WritableMap mParams;
+
+    public FabricUIManagerWork(long eventTarget, String eventName, @Nullable WritableMap params) {
+      mEventTarget = eventTarget;
+      mEventName = eventName;
+      mParams = params;
+    }
+
+    @Override
+    public void run() {
+      try {
+        mFabricUIManager.invoke(mEventTarget, mEventName, mParams);
+      } catch (Throwable t) {
+        FLog.e(TAG, "Error sending event " + mEventName, t);
+        //TODO: manage exception properly
+      } finally{
+        // TODO(dvacca): We need to only release this after all shadow nodes
+        // have been released. The easiest way would be to adopt the event
+        // emitter approach from the C++ Fabric. For now, we'll just leak.
+        // mFabricUIManager.releaseEventTarget(mEventTarget);
+      }
+    }
+  }
+
+  @Override
+  public void receiveTouches(String eventTopLevelType, WritableArray touches,
+    WritableArray changedIndices) {
+    Pair<WritableArray, WritableArray> result =
+      TOP_TOUCH_END_KEY.equalsIgnoreCase(eventTopLevelType) ||
+        TOP_TOUCH_CANCEL_KEY.equalsIgnoreCase(eventTopLevelType)
+        ? removeTouchesAtIndices(touches, changedIndices)
+        : touchSubsequence(touches, changedIndices);
+
+    WritableArray changedTouches = result.first;
+    touches = result.second;
+
+    for (int jj = 0; jj < changedTouches.size(); jj++) {
+      WritableMap touch = getWritableMap(changedTouches.getMap(jj));
+      // Touch objects can fulfill the role of `DOM` `Event` objects if we set
+      // the `changedTouches`/`touches`. This saves allocations.
+      touch.putArray(CHANGED_TOUCHES_KEY, changedTouches);
+      touch.putArray(TOUCHES_KEY, touches);
+      WritableMap nativeEvent = touch;
+      int rootNodeID = 0;
+      int target = nativeEvent.getInt(TARGET_KEY);
+      if (target < 1) {
+        FLog.e(TAG,"A view is reporting that a touch occurred on tag zero.");
+      } else {
+        rootNodeID = target;
+      }
+      receiveEvent(rootNodeID, eventTopLevelType, touch);
+    }
+  }
+
+  /**
+   * Destroys `touches` by removing touch objects at indices `indices`. This is
+   * to maintain compatibility with W3C touch "end" events, where the active
+   * touches don't include the set that has just been "ended".
+   *
+   * This method was originally in ReactNativeRenderer.js
+   *
+   * TODO: this method is a copy from ReactNativeRenderer.removeTouchesAtIndices and it needs
+   * to be rewritten in a more efficient way,
+   *
+   * @param touches {@link WritableArray} Deserialized touch objects.
+   * @param indices {WritableArray} Indices to remove from `touches`.
+   * @return {Array<Touch>} Subsequence of removed touch objects.
+   */
+  private Pair<WritableArray, WritableArray> removeTouchesAtIndices(WritableArray touches, WritableArray indices) {
+    WritableArray rippedOut = new WritableNativeArray();
+    // use an unsafe downcast to alias to nullable elements,
+    // so we can delete and then compact.
+    WritableArray tempTouches = new WritableNativeArray();
+    Set<Integer> rippedOutIndices = new HashSet<>();
+    for (int i = 0; i < indices.size(); i++) {
+      int index = indices.getInt(i);
+      rippedOut.pushMap(getWritableMap(touches.getMap(index)));
+      rippedOutIndices.add(index);
+    }
+    for (int j = 0 ; j < touches.size() ; j++) {
+      if (!rippedOutIndices.contains(j)) {
+        tempTouches.pushMap(getWritableMap(touches.getMap(j)));
+      }
+    }
+
+    return new Pair<>(rippedOut, tempTouches);
+  }
+
+  /**
+   * Selects a subsequence of `Touch`es, without destroying `touches`.
+   *
+   * This method was originally in ReactNativeRenderer.js
+   *
+   * @param touches {@link WritableArray} Deserialized touch objects.
+   * @param changedIndices {@link WritableArray} Indices by which to pull subsequence.
+   * @return {Array<Touch>} Subsequence of touch objects.
+   */
+  private Pair<WritableArray, WritableArray> touchSubsequence(WritableArray touches, WritableArray changedIndices) {
+    WritableArray result = new WritableNativeArray();
+    for (int i = 0; i < changedIndices.size(); i++) {
+      result.pushMap(getWritableMap(touches.getMap(i)));
+    }
+    return new Pair<>(result, touches);
+  }
+
+  /**
+   * TODO: this is required because the WritableNativeArray.getMap() returns a ReadableMap instead
+   * of the original writableMap. this will change in the near future.
+   *
+   * @param readableMap {@link ReadableMap} source map
+   */
+  private WritableMap getWritableMap(ReadableMap readableMap) {
+    WritableNativeMap map = new WritableNativeMap();
+    map.merge(readableMap);
+    return map;
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsc/BUCK b/ReactAndroid/src/main/java/com/facebook/react/fabric/jsc/BUCK
new file mode 100644
index 00000000000000..18312ac1c7a179
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/jsc/BUCK
@@ -0,0 +1,24 @@
+load("//ReactNative:DEFS.bzl", "IS_OSS_BUILD", "react_native_dep", "react_native_target", "rn_android_library")
+
+rn_android_library(
+    name = "jsc",
+    srcs = glob(["**/*.java"]),
+    provided_deps = [
+        react_native_dep("third-party/android/support/v4:lib-support-v4"),
+    ],
+    required_for_source_only_abi = True,
+    visibility = [
+        "PUBLIC",
+    ],
+    deps = [
+        react_native_dep("libraries/soloader/java/com/facebook/soloader:soloader"),
+        react_native_dep("third-party/java/infer-annotations:infer-annotations"),
+        react_native_target("java/com/facebook/react/bridge:bridge"),
+        react_native_target("java/com/facebook/react/fabric:fabric"),
+        react_native_target("java/com/facebook/react/fabric/jsc/jni:jni"),
+    ],
+    exported_deps = [
+        react_native_dep("java/com/facebook/jni:jni"),
+        react_native_dep("java/com/facebook/proguard/annotations:annotations"),
+    ],
+)
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsc/FabricJSCBinding.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/jsc/FabricJSCBinding.java
new file mode 100644
index 00000000000000..92e82d41e51ea6
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/jsc/FabricJSCBinding.java
@@ -0,0 +1,65 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.fabric.jsc;
+
+import com.facebook.jni.HybridData;
+import com.facebook.proguard.annotations.DoNotStrip;
+import com.facebook.react.bridge.JavaScriptContextHolder;
+import com.facebook.react.fabric.FabricBinding;
+import com.facebook.react.fabric.FabricUIManager;
+import com.facebook.react.bridge.NativeMap;
+import com.facebook.soloader.SoLoader;
+
+@DoNotStrip
+public class FabricJSCBinding implements FabricBinding {
+
+  static {
+    SoLoader.loadLibrary("fabricjscjni");
+  }
+
+  // used from native
+  @SuppressWarnings("unused")
+  private final HybridData mHybridData;
+
+  private static native HybridData initHybrid();
+
+  @Override
+  public native void releaseEventTarget(long jsContextNativePointer, long eventTargetPointer);
+
+  @Override
+  public native void releaseEventHandler(long jsContextNativePointer, long eventHandlerPointer);
+
+  @Override
+  public native void dispatchEventToEmptyTarget(
+    long jsContextNativePointer,
+    long eventHandlerPointer,
+    String type,
+    NativeMap payload
+  );
+
+  @Override
+  public native void dispatchEventToTarget(
+    long jsContextNativePointer,
+    long eventHandlerPointer,
+    long eventTargetPointer,
+    String type,
+    NativeMap payload
+  );
+
+  private native void installFabric(long jsContextNativePointer, Object fabricModule);
+
+  public FabricJSCBinding() {
+    mHybridData = initHybrid();
+  }
+
+  @Override
+  public void installFabric(JavaScriptContextHolder jsContext, FabricUIManager fabricModule) {
+    fabricModule.setBinding(this);
+    installFabric(jsContext.get(), fabricModule);
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsc/jni/BUCK b/ReactAndroid/src/main/java/com/facebook/react/fabric/jsc/jni/BUCK
new file mode 100644
index 00000000000000..81f476d41d97f2
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/jsc/jni/BUCK
@@ -0,0 +1,21 @@
+load("//ReactNative:DEFS.bzl", "ANDROID", "FBJNI_TARGET", "react_native_target", "react_native_xplat_target", "rn_xplat_cxx_library")
+
+rn_xplat_cxx_library(
+    name = "jni",
+    srcs = glob(["*.cpp"]),
+    headers = glob(["*.h"]),
+    compiler_flags = [
+        "-Wall",
+        "-fexceptions",
+        "-std=gnu++1y",
+    ],
+    platforms = ANDROID,
+    soname = "libfabricjscjni.$(ext)",
+    visibility = ["PUBLIC"],
+    deps = [
+        FBJNI_TARGET,
+        "xplat//folly:molly",
+        react_native_xplat_target("jschelpers:jschelpers"),
+        react_native_target("jni/react/jni:jni"),
+    ],
+)
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsc/jni/FabricJSCBinding.cpp b/ReactAndroid/src/main/java/com/facebook/react/fabric/jsc/jni/FabricJSCBinding.cpp
new file mode 100644
index 00000000000000..5717c930b6821e
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/jsc/jni/FabricJSCBinding.cpp
@@ -0,0 +1,415 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "FabricJSCBinding.h"
+#include <fb/fbjni.h>
+#include <jschelpers/JavaScriptCore.h>
+#include <jschelpers/Unicode.h>
+
+using namespace facebook::jni;
+
+namespace facebook {
+namespace react {
+
+namespace {
+
+bool useCustomJSC = false;
+
+struct JList : public JavaClass<JList> {
+  static constexpr auto kJavaDescriptor = "Ljava/util/List;";
+};
+
+struct JShadowNode : public JavaClass<JShadowNode> {
+  static constexpr auto kJavaDescriptor = "Lcom/facebook/react/uimanager/ReactShadowNode;";
+};
+
+typedef struct FabricJSCUIManager {
+  FabricJSCUIManager(alias_ref<jobject> module, JSClassRef classRef, bool customJSC)
+    : wrapperObjectClassRef(classRef)
+    , useCustomJSC(customJSC) {
+    fabricUiManager = make_global(module);
+    JSC_JSClassRetain(useCustomJSC, wrapperObjectClassRef);
+  }
+  global_ref<jobject> fabricUiManager;
+  JSClassRef wrapperObjectClassRef;
+  bool useCustomJSC;
+
+  ~FabricJSCUIManager() {
+    JSC_JSClassRelease(useCustomJSC, wrapperObjectClassRef);
+  }
+} FabricJSCUIManager;
+
+jobject makePlainGlobalRef(jobject object) {
+  // When storing the global reference we need it to be a plain
+  // pointer. That's why we use plain jni instead of fbjni here.
+  return Environment::current()->NewGlobalRef(object);
+}
+
+local_ref<JString> JSValueToJString(JSContextRef ctx, JSValueRef value) {
+  JSStringRef strRef = JSC_JSValueToStringCopy(ctx, value, NULL);
+  const size_t size = JSStringGetMaximumUTF8CStringSize(strRef);
+  char buffer[size];
+  JSStringGetUTF8CString(strRef, buffer, size);
+  JSC_JSStringRelease(ctx, strRef);
+  return make_jstring(buffer);
+}
+
+local_ref<JShadowNode> JSValueToJShadowNode(JSContextRef ctx, JSValueRef value) {
+  JSObjectRef obj = JSC_JSValueToObject(ctx, value, NULL);
+  auto node = static_cast<JShadowNode::javaobject>(JSC_JSObjectGetPrivate(useCustomJSC, obj));
+  return make_local(node);
+}
+
+local_ref<JList> JSValueToJList(JSContextRef ctx, JSValueRef value) {
+  JSObjectRef obj = JSC_JSValueToObject(ctx, value, NULL);
+  auto node = static_cast<JList::javaobject>(JSC_JSObjectGetPrivate(useCustomJSC, obj));
+  return make_local(node);
+}
+
+local_ref<ReadableNativeMap::jhybridobject> JSValueToReadableMapViaJSON(JSContextRef ctx, JSValueRef value) {
+  JSStringRef jsonRef = JSC_JSValueCreateJSONString(ctx, value, 0, NULL);
+  size_t size = JSC_JSStringGetLength(ctx, jsonRef);
+  const JSChar* utf16 = JSC_JSStringGetCharactersPtr(ctx, jsonRef);
+  std::string json = unicode::utf16toUTF8(utf16, size);
+  JSC_JSStringRelease(ctx, jsonRef);
+  folly::dynamic dynamicValue = folly::parseJson(json);
+  return ReadableNativeMap::newObjectCxxArgs(std::move(dynamicValue));
+}
+
+JSValueRef ReadableMapToJSValueViaJSON(JSContextRef ctx, NativeMap *map) {
+  folly::dynamic dynamicValue = map->consume();
+  auto json = folly::toJson(dynamicValue);
+  JSStringRef jsonRef = JSC_JSStringCreateWithUTF8CString(ctx, json.c_str());
+  auto value = JSC_JSValueMakeFromJSONString(ctx, jsonRef);
+  JSC_JSStringRelease(ctx, jsonRef);
+  return value;
+}
+
+JSValueRef createNode(JSContextRef ctx, JSObjectRef function, JSObjectRef thisObject, size_t argumentCount, const JSValueRef arguments[], JSValueRef *exception) {
+  FabricJSCUIManager *managerWrapper = (FabricJSCUIManager *)JSC_JSObjectGetPrivate(useCustomJSC, function);
+  alias_ref<jobject> manager = managerWrapper->fabricUiManager;
+  JSClassRef classRef = managerWrapper->wrapperObjectClassRef;
+
+  static auto createNode =
+    jni::findClassStatic("com/facebook/react/fabric/FabricUIManager")
+      ->getMethod<alias_ref<JShadowNode>(jint, jstring, jint, ReadableNativeMap::javaobject, jlong)>("createNode");
+
+  int reactTag = (int)JSC_JSValueToNumber(ctx, arguments[0], NULL);
+  auto viewName = JSValueToJString(ctx, arguments[1]);
+  int rootTag = (int)JSC_JSValueToNumber(ctx, arguments[2], NULL);
+  auto props = JSC_JSValueIsNull(ctx, arguments[3]) ? local_ref<ReadableNativeMap::jhybridobject>(nullptr) :
+               JSValueToReadableMapViaJSON(ctx, arguments[3]);;
+  auto eventTarget = (void *)arguments[4];
+
+  auto node = createNode(manager, reactTag, viewName.get(), rootTag, props.get(), (jlong)eventTarget);
+
+  return JSC_JSObjectMake(ctx, classRef, makePlainGlobalRef(node.get()));
+}
+
+JSValueRef cloneNode(JSContextRef ctx, JSObjectRef function, JSObjectRef thisObject, size_t argumentCount, const JSValueRef arguments[], JSValueRef *exception) {
+  FabricJSCUIManager *managerWrapper = (FabricJSCUIManager *)JSC_JSObjectGetPrivate(useCustomJSC, function);
+  alias_ref<jobject> manager = managerWrapper->fabricUiManager;
+  JSClassRef classRef = managerWrapper->wrapperObjectClassRef;
+
+  static auto cloneNode =
+    jni::findClassStatic("com/facebook/react/fabric/FabricUIManager")
+      ->getMethod<alias_ref<JShadowNode>(JShadowNode::javaobject)>("cloneNode");
+
+  auto previousNode = JSValueToJShadowNode(ctx, arguments[0]);
+  auto newNode = cloneNode(manager, previousNode.get());
+
+  return JSC_JSObjectMake(ctx, classRef, makePlainGlobalRef(newNode.get()));
+}
+
+JSValueRef cloneNodeWithNewChildren(JSContextRef ctx, JSObjectRef function, JSObjectRef thisObject, size_t argumentCount, const JSValueRef arguments[], JSValueRef *exception) {
+  FabricJSCUIManager *managerWrapper = (FabricJSCUIManager *)JSC_JSObjectGetPrivate(useCustomJSC, function);
+  alias_ref<jobject> manager = managerWrapper->fabricUiManager;
+  JSClassRef classRef = managerWrapper->wrapperObjectClassRef;
+
+  static auto cloneNodeWithNewChildren =
+    jni::findClassStatic("com/facebook/react/fabric/FabricUIManager")
+      ->getMethod<alias_ref<JShadowNode>(JShadowNode::javaobject)>("cloneNodeWithNewChildren");
+
+  auto previousNode = JSValueToJShadowNode(ctx, arguments[0]);
+  auto newNode = cloneNodeWithNewChildren(manager, previousNode.get());
+
+  return JSC_JSObjectMake(ctx, classRef, makePlainGlobalRef(newNode.get()));
+}
+
+JSValueRef cloneNodeWithNewProps(JSContextRef ctx, JSObjectRef function, JSObjectRef thisObject, size_t argumentCount, const JSValueRef arguments[], JSValueRef *exception) {
+  FabricJSCUIManager *managerWrapper = (FabricJSCUIManager *)JSC_JSObjectGetPrivate(useCustomJSC, function);
+  alias_ref<jobject> manager = managerWrapper->fabricUiManager;
+  JSClassRef classRef = managerWrapper->wrapperObjectClassRef;
+
+  static auto cloneNodeWithNewProps =
+    jni::findClassStatic("com/facebook/react/fabric/FabricUIManager")
+      ->getMethod<alias_ref<JShadowNode>(JShadowNode::javaobject, ReadableNativeMap::javaobject)>("cloneNodeWithNewProps");
+
+  auto previousNode = JSValueToJShadowNode(ctx, arguments[0]);
+  auto props = JSValueToReadableMapViaJSON(ctx, arguments[1]);
+  auto newNode = cloneNodeWithNewProps(manager, previousNode.get(), props.get());
+
+  return JSC_JSObjectMake(ctx, classRef, makePlainGlobalRef(newNode.get()));
+}
+
+JSValueRef cloneNodeWithNewChildrenAndProps(JSContextRef ctx, JSObjectRef function, JSObjectRef thisObject, size_t argumentCount, const JSValueRef arguments[], JSValueRef *exception) {
+  FabricJSCUIManager *managerWrapper = (FabricJSCUIManager *)JSC_JSObjectGetPrivate(useCustomJSC, function);
+  alias_ref<jobject> manager = managerWrapper->fabricUiManager;
+  JSClassRef classRef = managerWrapper->wrapperObjectClassRef;
+
+  static auto cloneNodeWithNewChildrenAndProps =
+    jni::findClassStatic("com/facebook/react/fabric/FabricUIManager")
+      ->getMethod<alias_ref<JShadowNode>(JShadowNode::javaobject, ReadableNativeMap::javaobject)>("cloneNodeWithNewChildrenAndProps");
+
+  auto previousNode = JSValueToJShadowNode(ctx, arguments[0]);
+  auto props = JSValueToReadableMapViaJSON(ctx, arguments[1]);
+  auto newNode = cloneNodeWithNewChildrenAndProps(manager, previousNode.get(), props.get());
+
+  return JSC_JSObjectMake(ctx, classRef, makePlainGlobalRef(newNode.get()));
+}
+
+JSValueRef appendChild(JSContextRef ctx, JSObjectRef function, JSObjectRef thisObject, size_t argumentCount, const JSValueRef arguments[], JSValueRef *exception) {
+  FabricJSCUIManager *managerWrapper = (FabricJSCUIManager *)JSC_JSObjectGetPrivate(useCustomJSC, function);
+  alias_ref<jobject> manager = managerWrapper->fabricUiManager;
+
+  static auto appendChild =
+    jni::findClassStatic("com/facebook/react/fabric/FabricUIManager")
+      ->getMethod<void(JShadowNode::javaobject, JShadowNode::javaobject)>("appendChild");
+
+  auto parentNode = JSValueToJShadowNode(ctx, arguments[0]);
+  auto childNode = JSValueToJShadowNode(ctx, arguments[1]);
+
+  appendChild(manager, parentNode.get(), childNode.get());
+
+  return JSC_JSValueMakeUndefined(ctx);
+}
+
+JSValueRef createChildSet(JSContextRef ctx, JSObjectRef function, JSObjectRef thisObject, size_t argumentCount, const JSValueRef arguments[], JSValueRef *exception) {
+  FabricJSCUIManager *managerWrapper = (FabricJSCUIManager *)JSC_JSObjectGetPrivate(useCustomJSC, function);
+  alias_ref<jobject> manager = managerWrapper->fabricUiManager;
+  JSClassRef classRef = managerWrapper->wrapperObjectClassRef;
+
+  static auto createChildSet =
+    jni::findClassStatic("com/facebook/react/fabric/FabricUIManager")
+      ->getMethod<alias_ref<JList>(jint)>("createChildSet");
+
+  int rootTag = (int)JSC_JSValueToNumber(ctx, arguments[0], NULL);
+  auto childSet = createChildSet(manager, rootTag);
+
+  return JSC_JSObjectMake(ctx, classRef, makePlainGlobalRef(childSet.get()));
+}
+
+JSValueRef appendChildToSet(JSContextRef ctx, JSObjectRef function, JSObjectRef thisObject, size_t argumentCount, const JSValueRef arguments[], JSValueRef *exception) {
+  FabricJSCUIManager *managerWrapper = (FabricJSCUIManager *)JSC_JSObjectGetPrivate(useCustomJSC, function);
+  alias_ref<jobject> manager = managerWrapper->fabricUiManager;
+
+  static auto appendChildToSet =
+    jni::findClassStatic("com/facebook/react/fabric/FabricUIManager")
+      ->getMethod<void(JList::javaobject, JShadowNode::javaobject)>("appendChildToSet");
+
+  auto childSet = JSValueToJList(ctx, arguments[0]);
+  auto childNode = JSValueToJShadowNode(ctx, arguments[1]);
+
+  appendChildToSet(manager, childSet.get(), childNode.get());
+
+  return JSC_JSValueMakeUndefined(ctx);
+}
+
+JSValueRef completeRoot(JSContextRef ctx, JSObjectRef function, JSObjectRef thisObject, size_t argumentCount, const JSValueRef arguments[], JSValueRef *exception) {
+  FabricJSCUIManager *managerWrapper = (FabricJSCUIManager *)JSC_JSObjectGetPrivate(useCustomJSC, function);
+  alias_ref<jobject> manager = managerWrapper->fabricUiManager;
+
+  static auto completeRoot =
+    jni::findClassStatic("com/facebook/react/fabric/FabricUIManager")
+      ->getMethod<void(jint, JList::javaobject)>("completeRoot");
+
+  int rootTag = (int)JSC_JSValueToNumber(ctx, arguments[0], NULL);
+  auto childSet = JSValueToJList(ctx, arguments[1]);
+
+  completeRoot(manager, rootTag, childSet.get());
+
+  return JSC_JSValueMakeUndefined(ctx);
+}
+
+JSValueRef registerEventHandler(JSContextRef ctx, JSObjectRef function, JSObjectRef thisObject, size_t argumentCount, const JSValueRef arguments[], JSValueRef *exception) {
+  FabricJSCUIManager *managerWrapper = (FabricJSCUIManager *)JSC_JSObjectGetPrivate(useCustomJSC, function);
+  alias_ref<jobject> manager = managerWrapper->fabricUiManager;
+
+  static auto registerEventHandler =
+    jni::findClassStatic("com/facebook/react/fabric/FabricUIManager")
+      ->getMethod<void(jlong)>("registerEventHandler");
+
+  auto eventHandler = arguments[0];
+  JSC_JSValueProtect(ctx, eventHandler);
+  registerEventHandler(manager, (jlong)eventHandler);
+
+  return JSC_JSValueMakeUndefined(ctx);
+}
+
+void finalizeJNIObject(JSObjectRef object) {
+  // Release whatever global ref object we're storing here.
+  jobject globalRef = (jobject)JSC_JSObjectGetPrivate(useCustomJSC, object);
+  Environment::current()->DeleteGlobalRef(globalRef);
+}
+
+void finalizeWrapper(JSObjectRef object) {
+  FabricJSCUIManager *managerWrapper = (FabricJSCUIManager *)JSC_JSObjectGetPrivate(useCustomJSC, object);
+  delete managerWrapper;
+}
+
+void addFabricMethod(
+  JSContextRef context,
+  jni::alias_ref<jobject> fabricModule,
+  JSClassRef nodeClassRef,
+  JSObjectRef module,
+  const char *name,
+  JSObjectCallAsFunctionCallback callback
+) {
+  JSClassDefinition definition = kJSClassDefinitionEmpty;
+  definition.callAsFunction = callback;
+  definition.finalize = finalizeWrapper;
+  JSClassRef classRef = JSC_JSClassCreate(useCustomJSC, &definition);
+  FabricJSCUIManager *managerWrapper = new FabricJSCUIManager(fabricModule, nodeClassRef, useCustomJSC);
+  JSObjectRef functionRef = JSC_JSObjectMake(context, classRef, managerWrapper);
+  JSC_JSClassRelease(useCustomJSC, classRef);
+
+  JSStringRef nameStr = JSC_JSStringCreateWithUTF8CString(context, name);
+  JSC_JSObjectSetProperty(context, module, nameStr, functionRef, kJSPropertyAttributeNone, NULL);
+  JSC_JSStringRelease(context, nameStr);
+}
+
+}
+
+jni::local_ref<FabricJSCBinding::jhybriddata> FabricJSCBinding::initHybrid(
+    jni::alias_ref<jclass>) {
+  return makeCxxInstance();
+}
+
+void FabricJSCBinding::releaseEventTarget(
+  jlong jsContextNativePointer,
+  jlong eventTargetPointer
+) {
+  // This is now a noop.
+}
+
+void FabricJSCBinding::releaseEventHandler(
+  jlong jsContextNativePointer,
+  jlong eventHandlerPointer
+) {
+  JSContextRef context = (JSContextRef)jsContextNativePointer;
+  JSValueRef value = (JSValueRef)((void *)eventHandlerPointer);
+  // Release this function.
+  JSC_JSValueUnprotect(context, value);
+}
+
+void FabricJSCBinding::dispatchEventToEmptyTarget(
+  jlong jsContextNativePointer,
+  jlong eventHandlerPointer,
+  std::string type,
+  NativeMap *payloadMap
+) {
+  JSContextRef context = (JSContextRef)jsContextNativePointer;
+  JSObjectRef eventHandler = (JSObjectRef)((void *)eventHandlerPointer);
+  JSValueRef eventTarget = JSC_JSValueMakeNull(context);
+
+  JSObjectRef thisArg = (JSObjectRef)JSC_JSValueMakeUndefined(context);
+  JSStringRef typeStr = JSC_JSStringCreateWithUTF8CString(context, type.c_str());
+  JSValueRef typeRef = JSC_JSValueMakeString(context, typeStr);
+  JSC_JSStringRelease(context, typeStr);
+  JSValueRef payloadRef = ReadableMapToJSValueViaJSON(context, payloadMap);
+  JSValueRef args[] = {eventTarget, typeRef, payloadRef};
+  JSValueRef exn;
+  JSValueRef result = JSC_JSObjectCallAsFunction(
+    context,
+    eventHandler,
+    thisArg,
+    3,
+    args,
+    &exn
+  );
+  if (!result) {
+    // TODO: Handle error in exn
+  }
+}
+
+void FabricJSCBinding::dispatchEventToTarget(
+  jlong jsContextNativePointer,
+  jlong eventHandlerPointer,
+  jlong eventTargetPointer,
+  std::string type,
+  NativeMap *payloadMap
+) {
+  JSContextRef context = (JSContextRef)jsContextNativePointer;
+  JSObjectRef eventHandler = (JSObjectRef)((void *)eventHandlerPointer);
+  JSObjectRef eventTarget = (JSObjectRef)((void *)eventTargetPointer);
+
+  JSObjectRef thisArg = (JSObjectRef)JSC_JSValueMakeUndefined(context);
+  JSStringRef typeStr = JSC_JSStringCreateWithUTF8CString(context, type.c_str());
+  JSValueRef typeRef = JSC_JSValueMakeString(context, typeStr);
+  JSC_JSStringRelease(context, typeStr);
+  JSValueRef payloadRef = ReadableMapToJSValueViaJSON(context, payloadMap);
+  JSValueRef args[] = {eventTarget, typeRef, payloadRef};
+  JSValueRef exn;
+  JSValueRef result = JSC_JSObjectCallAsFunction(
+    context,
+    eventHandler,
+    thisArg,
+    3,
+    args,
+    &exn
+  );
+  if (!result) {
+    // TODO: Handle error in exn
+  }
+}
+
+void FabricJSCBinding::installFabric(jlong jsContextNativePointer,
+    jni::alias_ref<jobject> fabricModule) {
+  JSContextRef context = (JSContextRef)jsContextNativePointer;
+  useCustomJSC = facebook::react::isCustomJSCPtr(context);
+
+  JSObjectRef module = JSC_JSObjectMake(context, NULL, NULL);
+
+  // Class definition for wrapper objects around nodes and sets
+  JSClassDefinition definition = kJSClassDefinitionEmpty;
+  definition.finalize = finalizeJNIObject;
+  JSClassRef classRef = JSC_JSClassCreate(useCustomJSC, &definition);
+
+  addFabricMethod(context, fabricModule, classRef, module, "createNode", createNode);
+  addFabricMethod(context, fabricModule, classRef, module, "cloneNode", cloneNode);
+  addFabricMethod(context, fabricModule, classRef, module, "cloneNodeWithNewChildren", cloneNodeWithNewChildren);
+  addFabricMethod(context, fabricModule, classRef, module, "cloneNodeWithNewProps", cloneNodeWithNewProps);
+  addFabricMethod(context, fabricModule, classRef, module, "cloneNodeWithNewChildrenAndProps", cloneNodeWithNewChildrenAndProps);
+
+  addFabricMethod(context, fabricModule, classRef, module, "appendChild", appendChild);
+  addFabricMethod(context, fabricModule, classRef, module, "createChildSet", createChildSet);
+  addFabricMethod(context, fabricModule, classRef, module, "appendChildToSet", appendChildToSet);
+  addFabricMethod(context, fabricModule, classRef, module, "completeRoot", completeRoot);
+
+  addFabricMethod(context, fabricModule, classRef, module, "registerEventHandler", registerEventHandler);
+
+  JSC_JSClassRelease(useCustomJSC, classRef);
+
+  JSObjectRef globalObject = JSC_JSContextGetGlobalObject(context);
+  JSStringRef globalName = JSC_JSStringCreateWithUTF8CString(context, "nativeFabricUIManager");
+  JSC_JSObjectSetProperty(context, globalObject, globalName, module, kJSPropertyAttributeNone, NULL);
+  JSC_JSStringRelease(context, globalName);
+}
+
+void FabricJSCBinding::registerNatives() {
+  registerHybrid({
+    makeNativeMethod("initHybrid", FabricJSCBinding::initHybrid),
+    makeNativeMethod("installFabric", FabricJSCBinding::installFabric),
+    makeNativeMethod("releaseEventTarget", FabricJSCBinding::releaseEventTarget),
+    makeNativeMethod("releaseEventHandler", FabricJSCBinding::releaseEventHandler),
+    makeNativeMethod("dispatchEventToEmptyTarget", FabricJSCBinding::dispatchEventToEmptyTarget),
+    makeNativeMethod("dispatchEventToTarget", FabricJSCBinding::dispatchEventToTarget),
+  });
+}
+
+}
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsc/jni/FabricJSCBinding.h b/ReactAndroid/src/main/java/com/facebook/react/fabric/jsc/jni/FabricJSCBinding.h
new file mode 100644
index 00000000000000..d47a0bb584d8cb
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/jsc/jni/FabricJSCBinding.h
@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <memory>
+#include <fb/fbjni.h>
+#include <react/jni/ReadableNativeMap.h>
+
+namespace facebook {
+namespace react {
+
+class Instance;
+
+class FabricJSCBinding : public jni::HybridClass<FabricJSCBinding> {
+public:
+  constexpr static const char *const kJavaDescriptor =
+    "Lcom/facebook/react/fabric/jsc/FabricJSCBinding;";
+
+  static void registerNatives();
+
+private:
+
+  static jni::local_ref<jhybriddata> initHybrid(jni::alias_ref<jclass>);
+
+  void releaseEventTarget(jlong jsContextNativePointer, jlong eventTargetPointer);
+
+  void releaseEventHandler(jlong jsContextNativePointer, jlong eventHandlerPointer);
+
+  void dispatchEventToEmptyTarget(
+    jlong jsContextNativePointer,
+    jlong eventHandlerPointer,
+    std::string type,
+    NativeMap *payload
+  );
+
+  void dispatchEventToTarget(
+    jlong jsContextNativePointer,
+    jlong eventHandlerPointer,
+    jlong eventTargetPointer,
+    std::string type,
+    NativeMap *payload
+  );
+
+  void installFabric(jlong jsContextNativePointer, jni::alias_ref<jobject> fabricModule);
+
+};
+
+}
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jsc/jni/OnLoad.cpp b/ReactAndroid/src/main/java/com/facebook/react/fabric/jsc/jni/OnLoad.cpp
new file mode 100644
index 00000000000000..e6b84dd24c9b63
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/jsc/jni/OnLoad.cpp
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <fb/fbjni.h>
+#include <fb/xplat_init.h>
+
+#include "FabricJSCBinding.h"
+
+JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM *vm, void *) {
+  return facebook::xplat::initialize(vm, [] {
+    facebook::react::FabricJSCBinding::registerNatives();
+  });
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/AbstractDrawBorder.java b/ReactAndroid/src/main/java/com/facebook/react/flat/AbstractDrawBorder.java
deleted file mode 100644
index 9ebbf1baabcfe9..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/AbstractDrawBorder.java
+++ /dev/null
@@ -1,130 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import android.graphics.Canvas;
-import android.graphics.Color;
-import android.graphics.Paint;
-import android.graphics.Path;
-import android.graphics.PathEffect;
-import android.graphics.RectF;
-
-/**
- * Base class for border drawing operations (used by DrawImage and DrawBorder). Draws rectangular or
- * rounded border along the rectangle, defined by the bounding box of the AbstractDrawCommand.
- */
-/* package */ abstract class AbstractDrawBorder extends AbstractDrawCommand {
-
-  private static final Paint PAINT = new Paint(Paint.ANTI_ALIAS_FLAG);
-  private static final RectF TMP_RECT = new RectF();
-  private static final int BORDER_PATH_DIRTY = 1 << 0;
-
-  static {
-    PAINT.setStyle(Paint.Style.STROKE);
-  }
-
-  private int mSetPropertiesFlag;
-  private int mBorderColor = Color.BLACK;
-  private float mBorderWidth;
-  private float mBorderRadius;
-  private @Nullable Path mPathForBorderRadius;
-
-  public final void setBorderWidth(float borderWidth) {
-    mBorderWidth = borderWidth;
-    setFlag(BORDER_PATH_DIRTY);
-  }
-
-  public final float getBorderWidth() {
-    return mBorderWidth;
-  }
-
-  public void setBorderRadius(float borderRadius) {
-    mBorderRadius = borderRadius;
-    setFlag(BORDER_PATH_DIRTY);
-  }
-
-  public final float getBorderRadius() {
-    return mBorderRadius;
-  }
-
-  public final void setBorderColor(int borderColor) {
-    mBorderColor = borderColor;
-  }
-
-  public final int getBorderColor() {
-    return mBorderColor;
-  }
-
-  @Override
-  protected void onBoundsChanged() {
-    setFlag(BORDER_PATH_DIRTY);
-  }
-
-  protected final void drawBorders(Canvas canvas) {
-    if (mBorderWidth < 0.5f) {
-      return;
-    }
-
-    if (mBorderColor == 0) {
-      return;
-    }
-
-    PAINT.setColor(mBorderColor);
-    PAINT.setStrokeWidth(mBorderWidth);
-    PAINT.setPathEffect(getPathEffectForBorderStyle());
-    canvas.drawPath(getPathForBorderRadius(), PAINT);
-  }
-
-  protected final void updatePath(Path path, float correction) {
-    path.reset();
-
-    TMP_RECT.set(
-        getLeft() + correction,
-        getTop() + correction,
-        getRight() - correction,
-        getBottom() - correction);
-
-    path.addRoundRect(
-        TMP_RECT,
-        mBorderRadius,
-        mBorderRadius,
-        Path.Direction.CW);
-  }
-
-  protected @Nullable PathEffect getPathEffectForBorderStyle() {
-    return null;
-  }
-
-  protected final boolean isFlagSet(int mask) {
-    return (mSetPropertiesFlag & mask) == mask;
-  }
-
-  protected final void setFlag(int mask) {
-    mSetPropertiesFlag |= mask;
-  }
-
-  protected final void resetFlag(int mask) {
-    mSetPropertiesFlag &= ~mask;
-  }
-
-  protected final Path getPathForBorderRadius() {
-    if (isFlagSet(BORDER_PATH_DIRTY)) {
-      if (mPathForBorderRadius == null) {
-        mPathForBorderRadius = new Path();
-      }
-
-      updatePath(mPathForBorderRadius, mBorderWidth * 0.5f);
-
-      resetFlag(BORDER_PATH_DIRTY);
-    }
-
-    return mPathForBorderRadius;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/AbstractDrawCommand.java b/ReactAndroid/src/main/java/com/facebook/react/flat/AbstractDrawCommand.java
deleted file mode 100644
index fd924b8d110445..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/AbstractDrawCommand.java
+++ /dev/null
@@ -1,299 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import android.graphics.Canvas;
-import android.graphics.Color;
-import android.graphics.Paint;
-import android.graphics.Typeface;
-
-/**
- * Base class for all DrawCommands. Becomes immutable once it has its bounds set. Until then, a
- * subclass is able to mutate any of its properties (e.g. updating Layout in DrawTextLayout).
- *
- * The idea is to be able to reuse unmodified objects when we build up DrawCommands before we ship
- * them to UI thread, but we can only do that if DrawCommands are immutable.
- */
-/* package */ abstract class AbstractDrawCommand extends DrawCommand implements Cloneable {
-
-  private float mLeft;
-  private float mTop;
-  private float mRight;
-  private float mBottom;
-  private boolean mFrozen;
-
-  protected boolean mNeedsClipping;
-  private float mClipLeft;
-  private float mClipTop;
-  private float mClipRight;
-  private float mClipBottom;
-
-  // Used to draw highlights in debug draw.
-  private static Paint sDebugHighlightRed;
-  private static Paint sDebugHighlightYellow;
-  private static Paint sDebugHighlightOverlayText;
-
-  public final boolean clipBoundsMatch(
-      float clipLeft,
-      float clipTop,
-      float clipRight,
-      float clipBottom) {
-    return mClipLeft == clipLeft && mClipTop == clipTop
-        && mClipRight == clipRight && mClipBottom == clipBottom;
-  }
-
-  protected final void setClipBounds(
-      float clipLeft,
-      float clipTop,
-      float clipRight,
-      float clipBottom) {
-    mClipLeft = clipLeft;
-    mClipTop = clipTop;
-    mClipRight = clipRight;
-    mClipBottom = clipBottom;
-    // We put this check here to not clip when we have the default [-infinity, infinity] bounds,
-    // since clipRect in those cases is essentially no-op anyway. This is needed to fix a bug that
-    // shows up during screenshot testing. Note that checking one side is enough, since if one side
-    // is infinite, all sides will be infinite, since we only set infinite for all sides at the
-    // same time - conversely, if one side is finite, all sides will be finite.
-    mNeedsClipping = mClipLeft != Float.NEGATIVE_INFINITY;
-  }
-
-  public final float getClipLeft() {
-    return mClipLeft;
-  }
-
-  public final float getClipTop() {
-    return mClipTop;
-  }
-
-  public final float getClipRight() {
-    return mClipRight;
-  }
-
-  public final float getClipBottom() {
-    return mClipBottom;
-  }
-
-  protected void applyClipping(Canvas canvas) {
-    canvas.clipRect(mClipLeft, mClipTop, mClipRight, mClipBottom);
-  }
-
-  /**
-   * Don't override this unless you need to do custom clipping in a draw command.  Otherwise just
-   * override onPreDraw and onDraw.
-   */
-  @Override
-  public void draw(FlatViewGroup parent, Canvas canvas) {
-    onPreDraw(parent, canvas);
-    if (mNeedsClipping && shouldClip()) {
-      canvas.save(Canvas.CLIP_SAVE_FLAG);
-      applyClipping(canvas);
-      onDraw(canvas);
-      canvas.restore();
-    } else {
-      onDraw(canvas);
-    }
-  }
-
-  protected static int getDebugBorderColor() {
-    return Color.CYAN;
-  }
-
-  protected String getDebugName() {
-    return getClass().getSimpleName().substring(4);
-  }
-
-  private void initDebugHighlightResources(FlatViewGroup parent) {
-    if (sDebugHighlightRed == null) {
-      sDebugHighlightRed = new Paint();
-      sDebugHighlightRed.setARGB(75, 255, 0, 0);
-    }
-    if (sDebugHighlightYellow == null) {
-      sDebugHighlightYellow = new Paint();
-      sDebugHighlightYellow.setARGB(100, 255, 204, 0);
-    }
-    if (sDebugHighlightOverlayText == null) {
-      sDebugHighlightOverlayText = new Paint();
-      sDebugHighlightOverlayText.setAntiAlias(true);
-      sDebugHighlightOverlayText.setARGB(200, 50, 50, 50);
-      sDebugHighlightOverlayText.setTextAlign(Paint.Align.RIGHT);
-      sDebugHighlightOverlayText.setTypeface(Typeface.MONOSPACE);
-      sDebugHighlightOverlayText.setTextSize(parent.dipsToPixels(9));
-    }
-  }
-
-  private void debugDrawHighlightRect(Canvas canvas, Paint paint, String text) {
-    canvas.drawRect(getLeft(), getTop(), getRight(), getBottom(), paint);
-    canvas.drawText(text, getRight() - 5, getBottom() - 5, sDebugHighlightOverlayText);
-  }
-
-  protected void debugDrawWarningHighlight(Canvas canvas, String text) {
-    debugDrawHighlightRect(canvas, sDebugHighlightRed, text);
-  }
-
-  protected void debugDrawCautionHighlight(Canvas canvas, String text) {
-    debugDrawHighlightRect(canvas, sDebugHighlightYellow, text);
-  }
-
-  @Override
-  public final void debugDraw(FlatViewGroup parent, Canvas canvas) {
-    onDebugDraw(parent, canvas);
-    if (FlatViewGroup.DEBUG_HIGHLIGHT_PERFORMANCE_ISSUES) {
-      initDebugHighlightResources(parent);
-      onDebugDrawHighlight(canvas);
-    }
-  }
-
-  protected void onDebugDraw(FlatViewGroup parent, Canvas canvas) {
-    parent.debugDrawNamedRect(
-        canvas,
-        getDebugBorderColor(),
-        getDebugName(),
-        mLeft,
-        mTop,
-        mRight,
-        mBottom);
-  }
-
-  protected void onDebugDrawHighlight(Canvas canvas) {
-  }
-
-  protected void onPreDraw(FlatViewGroup parent, Canvas canvas) {
-  }
-
-  /**
-   * Updates boundaries of the AbstractDrawCommand and freezes it.
-   * Will return a frozen copy if the current AbstractDrawCommand cannot be mutated.
-   *
-   * This should not be called on a DrawView, as the DrawView is modified on UI thread.  Use
-   * DrawView.collectDrawView instead to avoid race conditions.
-   */
-  public AbstractDrawCommand updateBoundsAndFreeze(
-      float left,
-      float top,
-      float right,
-      float bottom,
-      float clipLeft,
-      float clipTop,
-      float clipRight,
-      float clipBottom) {
-    if (mFrozen) {
-      // see if we can reuse it
-      boolean boundsMatch = boundsMatch(left, top, right, bottom);
-      boolean clipBoundsMatch = clipBoundsMatch(clipLeft, clipTop, clipRight, clipBottom);
-      if (boundsMatch && clipBoundsMatch) {
-        return this;
-      }
-
-      try {
-        AbstractDrawCommand copy = (AbstractDrawCommand) clone();
-        if (!boundsMatch) {
-          copy.setBounds(left, top, right, bottom);
-        }
-        if (!clipBoundsMatch) {
-          copy.setClipBounds(clipLeft, clipTop, clipRight, clipBottom);
-        }
-        return copy;
-      } catch (CloneNotSupportedException e) {
-        // This should not happen since AbstractDrawCommand implements Cloneable
-        throw new RuntimeException(e);
-      }
-    }
-
-    setBounds(left, top, right, bottom);
-    setClipBounds(clipLeft, clipTop, clipRight, clipBottom);
-    mFrozen = true;
-    return this;
-  }
-
-  /**
-   * Returns a non-frozen shallow copy of AbstractDrawCommand as defined by {@link Object#clone()}.
-   */
-  public final AbstractDrawCommand mutableCopy() {
-    try {
-      AbstractDrawCommand copy = (AbstractDrawCommand) super.clone();
-      copy.mFrozen = false;
-      return copy;
-    } catch (CloneNotSupportedException e) {
-      // should not happen since we implement Cloneable
-      throw new RuntimeException(e);
-    }
-  }
-
-  /**
-   * Returns whether this object was frozen and thus cannot be mutated.
-   */
-  public final boolean isFrozen() {
-    return mFrozen;
-  }
-
-  /**
-   * Mark this object as frozen, indicating that it should not be mutated.
-   */
-  public final void freeze() {
-    mFrozen = true;
-  }
-
-  /**
-   * Left position of this DrawCommand relative to the hosting View.
-   */
-  public final float getLeft() {
-    return mLeft;
-  }
-
-  /**
-   * Top position of this DrawCommand relative to the hosting View.
-   */
-  public final float getTop() {
-    return mTop;
-  }
-
-  /**
-   * Right position of this DrawCommand relative to the hosting View.
-   */
-  public final float getRight() {
-    return mRight;
-  }
-
-  /**
-   * Bottom position of this DrawCommand relative to the hosting View.
-   */
-  public final float getBottom() {
-    return mBottom;
-  }
-
-  protected abstract void onDraw(Canvas canvas);
-
-  protected boolean shouldClip() {
-    return mLeft < getClipLeft() || mTop < getClipTop() ||
-        mRight > getClipRight() || mBottom > getClipBottom();
-  }
-
-  protected void onBoundsChanged() {
-  }
-
-  /**
-   * Updates boundaries of this DrawCommand.
-   */
-  protected final void setBounds(float left, float top, float right, float bottom) {
-    mLeft = left;
-    mTop = top;
-    mRight = right;
-    mBottom = bottom;
-
-    onBoundsChanged();
-  }
-
-  /**
-   * Returns true if boundaries match and don't need to be updated. False otherwise.
-   */
-  protected final boolean boundsMatch(float left, float top, float right, float bottom) {
-    return mLeft == left && mTop == top && mRight == right && mBottom == bottom;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/AndroidView.java b/ReactAndroid/src/main/java/com/facebook/react/flat/AndroidView.java
deleted file mode 100644
index 9658620aced638..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/AndroidView.java
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-interface AndroidView {
-
-  /**
-   * Whether or not custom layout is needed for the children
-   * @return a boolean representing whether custom layout is needed
-   */
-  boolean needsCustomLayoutForChildren();
-
-  /**
-   * Did the padding change
-   * @return a boolean representing whether the padding changed
-   */
-  boolean isPaddingChanged();
-
-  /**
-   * Reset the padding changed internal state
-   */
-  void resetPaddingChanged();
-
-  /**
-   * Get the padding for a certain spacingType defined in com.facebook.yoga.Spacing
-   */
-  float getPadding(int spacingType);
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/AttachDetachListener.java b/ReactAndroid/src/main/java/com/facebook/react/flat/AttachDetachListener.java
deleted file mode 100644
index 1498380f3edb0d..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/AttachDetachListener.java
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-/**
- * An interface that DrawCommands need to implement into order to receive
- * {@link android.view.View#onAttachedToWindow()} and
- * {@link android.view.View#onDetachedFromWindow()} events.
- */
-/* package */ interface AttachDetachListener {
-  public static final AttachDetachListener[] EMPTY_ARRAY = new AttachDetachListener[0];
-
-  /**
-   * Called when a DrawCommand is being attached to a visible View hierarchy.
-   * @param callback a WeakReference to a View that provides invalidate() helper method.
-   */
-  public void onAttached(FlatViewGroup.InvalidateCallback callback);
-
-  /**
-   * Called when a DrawCommand is being detached from a visible View hierarchy.
-   */
-  public void onDetached();
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/BUCK b/ReactAndroid/src/main/java/com/facebook/react/flat/BUCK
deleted file mode 100644
index ec7cf4c57ca816..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/BUCK
+++ /dev/null
@@ -1,38 +0,0 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "YOGA_TARGET", "react_native_dep", "react_native_target")
-
-rn_android_library(
-    name = "flat",
-    srcs = glob(["*.java"]),
-    provided_deps = [
-        react_native_dep("third-party/android/support/v4:lib-support-v4"),
-    ],
-    visibility = [
-        "PUBLIC",
-    ],
-    deps = [
-        YOGA_TARGET,
-        react_native_dep("libraries/fbcore/src/main/java/com/facebook/common/logging:logging"),
-        react_native_dep("libraries/fresco/fresco-react-native:fbcore"),
-        react_native_dep("libraries/fresco/fresco-react-native:fresco-drawee"),
-        react_native_dep("libraries/fresco/fresco-react-native:fresco-react-native"),
-        react_native_dep("libraries/fresco/fresco-react-native:imagepipeline"),
-        react_native_dep("libraries/textlayoutbuilder:textlayoutbuilder"),
-        react_native_dep("third-party/java/infer-annotations:infer-annotations"),
-        react_native_dep("third-party/java/jsr-305:jsr-305"),
-        react_native_target("java/com/facebook/react/bridge:bridge"),
-        react_native_target("java/com/facebook/react/common:common"),
-        react_native_target("java/com/facebook/react/modules/fresco:fresco"),
-        react_native_target("java/com/facebook/react/modules/i18nmanager:i18nmanager"),
-        react_native_target("java/com/facebook/react/touch:touch"),
-        react_native_target("java/com/facebook/react/uimanager:uimanager"),
-        react_native_target("java/com/facebook/react/uimanager/annotations:annotations"),
-        react_native_target("java/com/facebook/react/views/art:art"),
-        react_native_target("java/com/facebook/react/views/image:image"),
-        react_native_target("java/com/facebook/react/views/imagehelper:withmultisource"),
-        react_native_target("java/com/facebook/react/views/modal:modal"),
-        react_native_target("java/com/facebook/react/views/text:text"),
-        react_native_target("java/com/facebook/react/views/textinput:textinput"),
-        react_native_target("java/com/facebook/react/views/view:view"),
-        react_native_target("java/com/facebook/react/views/viewpager:viewpager"),
-    ],
-)
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/BitmapUpdateListener.java b/ReactAndroid/src/main/java/com/facebook/react/flat/BitmapUpdateListener.java
deleted file mode 100644
index 3eeb4888d3e3e7..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/BitmapUpdateListener.java
+++ /dev/null
@@ -1,16 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import android.graphics.Bitmap;
-
-/* package */ interface BitmapUpdateListener {
-  public void onSecondaryAttach(Bitmap bitmap);
-  public void onBitmapReady(Bitmap bitmap);
-  public void onImageLoadEvent(int imageLoadEvent);
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/ClippingDrawCommandManager.java b/ReactAndroid/src/main/java/com/facebook/react/flat/ClippingDrawCommandManager.java
deleted file mode 100644
index 390f8f9225e8b2..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/ClippingDrawCommandManager.java
+++ /dev/null
@@ -1,650 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import java.util.ArrayList;
-import java.util.Arrays;
-
-import android.graphics.Canvas;
-import android.graphics.Rect;
-import android.util.SparseArray;
-import android.util.SparseIntArray;
-import android.view.View;
-import android.view.animation.Animation;
-
-import com.facebook.common.logging.FLog;
-import com.facebook.infer.annotation.Assertions;
-import com.facebook.react.uimanager.ReactClippingViewGroup;
-import com.facebook.react.uimanager.ReactClippingViewGroupHelper;
-
-/**
- * Abstract class for a {@link DrawCommandManager} with directional clipping.  Allows support for
- * vertical and horizontal clipping by implementing abstract methods.
- *
- * Uses two dynamic programming arrays to efficiently update which views and commands are onscreen,
- * while not having to sort the incoming draw commands.  The draw commands are loosely sorted, as
- * they represent a flattening of the normal view hierarchy, and we use that information to quickly
- * find children that should be considered onscreen.  One array keeps track of, for each index, the
- * maximum bottom position that occurs at or before that index; the other keeps track of the
- * minimum top position that occurs at or after that index. Given the following children:
- *
- *       +---------------------------------+    0 (Y coordinate)
- *       | 0                               |
- *       |  +-----------+                  |   10
- *       |  | 1         |                  |
- *       |  |           | +--------------+ |   20
- *       |  |           | | 3            | |
- *       |  +-----------+ |              | |   30
- *       |                |              | |
- *       |  +-----------+ |              | |   40
- *       |  | 2         | |              | |
- *       |  |           | +--------------+ |   50
- *       |  |           |                  |
- *       |  +-----------+                  |   60
- *       |                                 |
- *       +---------------------------------+   70
- *
- *          +-----------+                      80
- *          | 4         |
- *          |           | +--------------+     90
- *          |           | | 6            |
- *          +-----------+ |              |    100
- *                        |              |
- *          +-----------+ |              |    110
- *          | 5         | |              |
- *          |           | +--------------+    120
- *          |           |
- *          +-----------+                     130
- *
- * The two arrays are:
- *                 0   1   2   3    4    5    6
- *   Max Bottom: [70, 70, 70, 70, 100, 130, 130]
- *   Min Top:    [ 0,  0,  0,  0,  80,  90,  90]
- *
- * We can then binary search for the first max bottom that is above our rect, and the first min top
- * that is below our rect.
- *
- * If the top and bottom of the rect are 55 and 85, respectively, we will start drawing at index 0
- * and stop at index 4.
- *
- *       +---------------------------------+    0 (Y coordinate)
- *       | 0                               |
- *       |  +-----------+                  |   10
- *       |  | 1         |                  |
- *       |  |           | +--------------+ |   20
- *       |  |           | | 3            | |
- *       |  +-----------+ |              | |   30
- *       |                |              | |
- *       |  +-----------+ |              | |   40
- *       |  | 2         | |              | |
- *       |  |           | +--------------+ |   50
- *   -  -| -| -  -  -  -| -  -  -  -  -  - |-  -  -
- *       |  +-----------+                  |   60
- *       |                                 |
- *       +---------------------------------+   70
- *
- *          +-----------+                      80
- *   -  -  -| 4 -  -  - | -  -  -  -  -  -  -  -  -
- *          |           | +--------------+     90
- *          |           | | 6            |
- *          +-----------+ |              |    100
- *                        |              |
- *          +-----------+ |              |    110
- *          | 5         | |              |
- *          |           | +--------------+    120
- *          |           |
- *          +-----------+                     130
- *
- * If the top and bottom are 75 and 105 respectively, we will start drawing at index 4 and stop at
- * index 6.
- *
- *       +---------------------------------+    0 (Y coordinate)
- *       | 0                               |
- *       |  +-----------+                  |   10
- *       |  | 1         |                  |
- *       |  |           | +--------------+ |   20
- *       |  |           | | 3            | |
- *       |  +-----------+ |              | |   30
- *       |                |              | |
- *       |  +-----------+ |              | |   40
- *       |  | 2         | |              | |
- *       |  |           | +--------------+ |   50
- *       |  |           |                  |
- *       |  +-----------+                  |   60
- *       |                                 |
- *       +---------------------------------+   70
- *   -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
- *          +-----------+                      80
- *          | 4         |
- *          |           | +--------------+     90
- *          |           | | 6            |
- *          +-----------+ |              |    100
- *   -  -  -  -  -  -  -  |-  -  -  -  - |  -  -  -
- *          +-----------+ |              |    110
- *          | 5         | |              |
- *          |           | +--------------+    120
- *          |           |
- *          +-----------+                     130
- *
- * While this doesn't map exactly to all of the commands that could be clipped, it means that
- * children which contain other children (a pretty common case when flattening views) are clipped
- * or unclipped as one logical unit.  This has the side effect of minimizing the amount of
- * invalidates coming from minor clipping rect adjustments.  The underlying dynamic programming
- * arrays can be calculated off the UI thread in O(n) time, requiring just two passes through the
- * command array.
- *
- * We do a similar optimization when searching for matching node regions, as node regions are
- * loosely sorted as well when clipping.
- */
-/* package */ abstract class ClippingDrawCommandManager extends DrawCommandManager {
-
-  private static final String TAG = ClippingDrawCommandManager.class.getSimpleName();
-
-  private final FlatViewGroup mFlatViewGroup;
-  private DrawCommand[] mDrawCommands = DrawCommand.EMPTY_ARRAY;
-  protected float[] mCommandMaxBottom = StateBuilder.EMPTY_FLOAT_ARRAY;
-  protected float[] mCommandMinTop = StateBuilder.EMPTY_FLOAT_ARRAY;
-
-  private NodeRegion[] mNodeRegions = NodeRegion.EMPTY_ARRAY;
-  protected float[] mRegionMaxBottom = StateBuilder.EMPTY_FLOAT_ARRAY;
-  protected float[] mRegionMinTop = StateBuilder.EMPTY_FLOAT_ARRAY;
-
-  // Onscreen bounds of draw command array.
-  private int mStart;
-  private int mStop;
-
-  // Mapping of ids to index position within the draw command array.  O(log n) lookups should be
-  // less in our case because of the large constant overhead and auto boxing of the map.
-  private SparseIntArray mDrawViewIndexMap = StateBuilder.EMPTY_SPARSE_INT;
-  // Map of views that are currently clipped.
-  private final SparseArray<View> mClippedSubviews = new SparseArray<>();
-
-  protected final Rect mClippingRect = new Rect();
-
-  // Used in updating the clipping rect, as sometimes we want to detach all views, which means we
-  // need to temporarily store the views we are detaching and removing.  These are always of size
-  // 0, except when used in update clipping rect.
-  private final SparseArray<View> mViewsToRemove = new SparseArray<>();
-  private final ArrayList<View> mViewsToKeep = new ArrayList<>();
-
-  // Currently clipping ViewGroups
-  private final ArrayList<ReactClippingViewGroup> mClippingViewGroups = new ArrayList<>();
-
-  ClippingDrawCommandManager(FlatViewGroup flatViewGroup, DrawCommand[] drawCommands) {
-    mFlatViewGroup = flatViewGroup;
-    initialSetup(drawCommands);
-  }
-
-  /**
-   * Initially setup this instance.  Makes sure the draw commands are mounted, and that our
-   * clipping rect reflects our current bounds.
-   *
-   * @param drawCommands The list of current draw commands.  In current implementations, this will
-   *   always be DrawCommand.EMPTY_ARRAY
-   */
-  private void initialSetup(DrawCommand[] drawCommands) {
-    mountDrawCommands(
-        drawCommands,
-        mDrawViewIndexMap,
-        mCommandMaxBottom,
-        mCommandMinTop,
-        true);
-    updateClippingRect();
-  }
-
-  /**
-   * @return index of the first command that could be on the screen.
-   */
-  abstract int commandStartIndex();
-
-  /**
-   * @return index of the first command that is guaranteed to be off the screen, starting from the
-   *   given start.
-   */
-  abstract int commandStopIndex(int start);
-
-  /**
-   * @return index of the first region that is guaranteed to be outside of the bounds for touch.
-   */
-  abstract int regionStopIndex(float touchX, float touchY);
-
-  /**
-   * Whether an index and all indices before it are guaranteed to be out of bounds for the current
-   * touch.
-   *
-   * @param index The region index to check.
-   * @param touchX X coordinate.
-   * @param touchY Y coordinate.
-   * @return true if the index and all before it are out of bounds.
-   */
-  abstract boolean regionAboveTouch(int index, float touchX, float touchY);
-
-  @Override
-  public void mountDrawCommands(
-      DrawCommand[] drawCommands,
-      SparseIntArray drawViewIndexMap,
-      float[] maxBottom,
-      float[] minTop,
-      boolean willMountViews) {
-    mDrawCommands = drawCommands;
-    mCommandMaxBottom = maxBottom;
-    mCommandMinTop = minTop;
-    mDrawViewIndexMap = drawViewIndexMap;
-    if (mClippingRect.bottom != mClippingRect.top) {
-      mStart = commandStartIndex();
-      mStop = commandStopIndex(mStart);
-      if (!willMountViews) {
-        // If we are not mounting views, we still need to update view indices and positions.  It is
-        // possible that a child changed size and we still need new clipping even though we are not
-        // mounting views.
-        updateClippingToCurrentRect();
-      }
-    }
-  }
-
-  @Override
-  public void mountNodeRegions(NodeRegion[] nodeRegions, float[] maxBottom, float[] minTop) {
-    mNodeRegions = nodeRegions;
-    mRegionMaxBottom = maxBottom;
-    mRegionMinTop = minTop;
-  }
-
-  @Override
-  public @Nullable NodeRegion virtualNodeRegionWithinBounds(float touchX, float touchY) {
-    int i = regionStopIndex(touchX, touchY);
-    while (i-- > 0) {
-      NodeRegion nodeRegion = mNodeRegions[i];
-      if (!nodeRegion.mIsVirtual) {
-        // only interested in virtual nodes
-        continue;
-      }
-      if (regionAboveTouch(i, touchX, touchY)) {
-        break;
-      }
-      if (nodeRegion.withinBounds(touchX, touchY)) {
-        return nodeRegion;
-      }
-    }
-
-    return null;
-  }
-
-  @Override
-  public @Nullable NodeRegion anyNodeRegionWithinBounds(float touchX, float touchY) {
-    int i = regionStopIndex(touchX, touchY);
-    while (i-- > 0) {
-      NodeRegion nodeRegion = mNodeRegions[i];
-      if (regionAboveTouch(i, touchX, touchY)) {
-        break;
-      }
-      if (nodeRegion.withinBounds(touchX, touchY)) {
-        return nodeRegion;
-      }
-    }
-
-    return null;
-  }
-
-  private void clip(int id, View view) {
-    mClippedSubviews.put(id, view);
-  }
-
-  private void unclip(int id) {
-    mClippedSubviews.remove(id);
-  }
-
-  private boolean isClipped(int id) {
-    return mClippedSubviews.get(id) != null;
-  }
-
-  private boolean isNotClipped(int id) {
-    return mClippedSubviews.get(id) == null;
-  }
-
-  @Override
-  void onClippedViewDropped(View view) {
-    unclip(view.getId());
-    mFlatViewGroup.removeDetachedView(view);
-  }
-
-  @Override
-  public void mountViews(ViewResolver viewResolver, int[] viewsToAdd, int[] viewsToDetach) {
-    mClippingViewGroups.clear();
-    for (int viewToAdd : viewsToAdd) {
-      // Views that are just temporarily detached are marked with a negative value.
-      boolean newView = viewToAdd > 0;
-      if (!newView) {
-        viewToAdd = -viewToAdd;
-      }
-
-      int commandArrayIndex = mDrawViewIndexMap.get(viewToAdd);
-      DrawView drawView = (DrawView) mDrawCommands[commandArrayIndex];
-      View view = viewResolver.getView(drawView.reactTag);
-      ensureViewHasNoParent(view);
-
-      // these views need to support recursive clipping of subviews
-      if (view instanceof ReactClippingViewGroup &&
-          ((ReactClippingViewGroup) view).getRemoveClippedSubviews()) {
-        mClippingViewGroups.add((ReactClippingViewGroup) view);
-      }
-
-      if (newView) {
-        // This view was not previously attached to this parent.
-        drawView.mWasMounted = true;
-        if (animating(view) || withinBounds(commandArrayIndex)) {
-          // View should be drawn.  This view can't currently be clipped because it wasn't
-          // previously attached to this parent.
-          mFlatViewGroup.addViewInLayout(view);
-        } else {
-          clip(drawView.reactTag, view);
-        }
-      } else {
-        // This view was previously attached, and just temporarily detached.
-        if (drawView.mWasMounted) {
-          // The DrawView has been mounted before.
-          if (isNotClipped(drawView.reactTag)) {
-            // The DrawView is not clipped.  Attach it.
-            mFlatViewGroup.attachViewToParent(view);
-          }
-          // else The DrawView has been previously mounted and is clipped, so don't attach it.
-        } else {
-          // We are mounting it, so lets get this part out of the way.
-          drawView.mWasMounted = true;
-          // The DrawView has not been mounted before, which means the bounds changed and triggered
-          // a new DrawView when it was collected from the shadow node.  We have a view with the
-          // same id temporarily detached, but its bounds have changed.
-          if (animating(view) || withinBounds(commandArrayIndex)) {
-            // View should be drawn.
-            if (isClipped(drawView.reactTag)) {
-              // View was clipped, so add it.
-              mFlatViewGroup.addViewInLayout(view);
-              unclip(drawView.reactTag);
-            } else {
-              // View was just temporarily removed, so attach it.  We already know it isn't clipped,
-              // so no need to unclip it.
-              mFlatViewGroup.attachViewToParent(view);
-            }
-          } else {
-            // View should be clipped.
-            if (isNotClipped(drawView.reactTag)) {
-              // View was onscreen.
-              mFlatViewGroup.removeDetachedView(view);
-              clip(drawView.reactTag, view);
-            }
-            // else view is already clipped and not within bounds.
-          }
-        }
-      }
-    }
-
-    for (int viewToDetach : viewsToDetach) {
-      View view = viewResolver.getView(viewToDetach);
-      if (view.getParent() != null) {
-        throw new RuntimeException("Trying to remove view not owned by FlatViewGroup");
-      } else {
-        mFlatViewGroup.removeDetachedView(view);
-      }
-      // The view isn't clipped anymore, but gone entirely.
-      unclip(viewToDetach);
-    }
-  }
-
-  /**
-   * Returns true if a view is currently animating.
-   */
-  private static boolean animating(View view) {
-    Animation animation = view.getAnimation();
-    return animation != null && !animation.hasEnded();
-  }
-
-  /**
-   * Returns true if a command index is currently onscreen.
-   */
-  private boolean withinBounds(int i) {
-    return mStart <= i && i < mStop;
-  }
-
-  @Override
-  public boolean updateClippingRect() {
-    ReactClippingViewGroupHelper.calculateClippingRect(mFlatViewGroup, mClippingRect);
-    if (mFlatViewGroup.getParent() == null || mClippingRect.top == mClippingRect.bottom) {
-      // If we are unparented or are clipping to an empty rect, no op.  Return false so we don't
-      // invalidate.
-      return false;
-    }
-
-    int start = commandStartIndex();
-    int stop = commandStopIndex(start);
-    if (mStart <= start && stop <= mStop) {
-      // We would only be removing children, don't invalidate and don't bother changing the
-      // attached children.
-      updateClippingRecursively();
-      return false;
-    }
-
-    mStart = start;
-    mStop = stop;
-
-    updateClippingToCurrentRect();
-    updateClippingRecursively();
-    return true;
-  }
-
-  private void updateClippingRecursively() {
-    for (int i = 0, children = mClippingViewGroups.size(); i < children; i++) {
-      ReactClippingViewGroup view = mClippingViewGroups.get(i);
-      if (isNotClipped(((View) view).getId())) {
-        view.updateClippingRect();
-      }
-    }
-  }
-
-  /**
-   * Used either after we have updated the current rect, or when we have mounted new commands and
-   * the rect hasn't changed.  Updates the clipping after mStart and mStop have been set to the
-   * correct values.  For draw commands, this is all it takes to update the command mounting, as
-   * draw commands are only attached in a conceptual sense, and don't rely on the android view
-   * hierarchy.
-   *
-   * For native children, we have to walk through our current views and remove any that are no
-   * longer on screen, and add those that are newly on screen.  As an optimization for fling, if we
-   * are removing two or more native views we instead detachAllViews from the {@link FlatViewGroup}
-   * and re-attach or add as needed.
-   *
-   * This approximation is roughly correct, as we tend to add and remove the same amount of views,
-   * and each add and remove pair is O(n); detachAllViews and re-attach requires two passes, so
-   * using this once we are removing more than two native views is a good breakpoint.
-   */
-  private void updateClippingToCurrentRect() {
-    for (int i = 0, size = mFlatViewGroup.getChildCount(); i < size; i++) {
-      View view = mFlatViewGroup.getChildAt(i);
-      int index = mDrawViewIndexMap.get(view.getId());
-      if (withinBounds(index) || animating(view)) {
-        mViewsToKeep.add(view);
-      } else {
-        mViewsToRemove.append(i, view);
-        clip(view.getId(), view);
-      }
-    }
-
-    int removeSize = mViewsToRemove.size();
-    boolean removeAll = removeSize > 2;
-
-    if (removeAll) {
-      // Detach all, as we are changing quite a few views, whether flinging or otherwise.
-      mFlatViewGroup.detachAllViewsFromParent();
-
-      for (int i = 0; i < removeSize; i++) {
-        mFlatViewGroup.removeDetachedView(mViewsToRemove.valueAt(i));
-      }
-    } else {
-      // Simple clipping sweep, as we are changing relatively few views.
-      while (removeSize-- > 0) {
-        mFlatViewGroup.removeViewsInLayout(mViewsToRemove.keyAt(removeSize), 1);
-      }
-    }
-    mViewsToRemove.clear();
-
-    int current = mStart;
-    int childIndex = 0;
-
-    for (int i = 0, size = mViewsToKeep.size(); i < size; i++) {
-      View view = mViewsToKeep.get(i);
-      int commandIndex = mDrawViewIndexMap.get(view.getId());
-      if (current <= commandIndex) {
-        while (current != commandIndex) {
-          if (mDrawCommands[current] instanceof DrawView) {
-            DrawView drawView = (DrawView) mDrawCommands[current];
-            mFlatViewGroup.addViewInLayout(
-                Assertions.assumeNotNull(mClippedSubviews.get(drawView.reactTag)),
-                childIndex++);
-            unclip(drawView.reactTag);
-          }
-          current++;
-        }
-        // We are currently at the command index, but we want to increment beyond it.
-        current++;
-      }
-      if (removeAll) {
-        mFlatViewGroup.attachViewToParent(view, childIndex);
-      }
-      // We want to make sure we increment the child index even if we didn't detach it to maintain
-      // order.
-      childIndex++;
-    }
-    mViewsToKeep.clear();
-
-    while (current < mStop) {
-      if (mDrawCommands[current] instanceof DrawView) {
-        DrawView drawView = (DrawView) mDrawCommands[current];
-        mFlatViewGroup.addViewInLayout(
-            Assertions.assumeNotNull(mClippedSubviews.get(drawView.reactTag)),
-            childIndex++);
-        unclip(drawView.reactTag);
-      }
-      current++;
-    }
-  }
-
-  @Override
-  public void getClippingRect(Rect outClippingRect) {
-    outClippingRect.set(mClippingRect);
-  }
-
-  @Override
-  public SparseArray<View> getDetachedViews() {
-    return mClippedSubviews;
-  }
-
-  /**
-   * Draws the unclipped commands on the given canvas.  This would be much simpler if we didn't
-   * have to worry about animating views, as we could simply:
-   *
-   *   for (int i = start; i < stop; i++) {
-   *     drawCommands[i].draw(...);
-   *   }
-   *
-   * This is complicated however by animating views, which may occur before or after the current
-   * clipping rect.  Consider the following array:
-   *
-   *   +--------------+
-   *   |  DrawView    | 0
-   *   | *animating*  |
-   *   +--------------+
-   *   | DrawCommmand | 1
-   *   |  *clipped*   |
-   *   +--------------+
-   *   | DrawCommand  | 2 start
-   *   |              |
-   *   +--------------+
-   *   | DrawCommand  | 3
-   *   |              |
-   *   +--------------+
-   *   |  DrawView    | 4
-   *   |              |
-   *   +--------------+
-   *   |  DrawView    | 5 stop
-   *   |  *clipped*   |
-   *   +--------------+
-   *   |  DrawView    | 6
-   *   | *animating*  |
-   *   +--------------+
-   *
-   * 2, 3, and 4 are onscreen according to bounds, while 0 and 6 are onscreen according to
-   * animation.  We have to walk through the attached children making sure to draw any draw
-   * commands that should be drawn before that draw view, as well as making sure not to draw any
-   * draw commands that are out of bounds.
-   *
-   * @param canvas The canvas to draw on.
-   */
-  @Override
-  public void draw(Canvas canvas) {
-    int commandIndex = mStart;
-    int size = mFlatViewGroup.getChildCount();
-
-    // Iterate through the children, making sure that we draw any draw commands we haven't drawn
-    // that should happen before the next draw view.
-    for (int i = 0; i < size; i++) {
-      // This is the command index of the next view that we need to draw.  Since a view might be
-      // animating, this view is either before all the commands onscreen, onscreen, or after the
-      // onscreen commands.
-      int viewIndex = mDrawViewIndexMap.get(mFlatViewGroup.getChildAt(i).getId());
-      if (mStop < viewIndex) {
-        // The current view is outside of the viewport bounds.  We want to draw all the commands
-        // up to the stop, then draw all the views outside the viewport bounds.
-        while (commandIndex < mStop) {
-          mDrawCommands[commandIndex++].draw(mFlatViewGroup, canvas);
-        }
-        // We are now out of commands to draw, so we could just draw the remaining attached
-        // children, but the for loop logic will draw the rest anyway.
-      } else if (commandIndex <= viewIndex) {
-        // The viewIndex is within our onscreen bounds (or == stop).  We want to draw all the
-        // commands from the current position to the current view, inclusive.
-        while (commandIndex < viewIndex) {
-          mDrawCommands[commandIndex++].draw(mFlatViewGroup, canvas);
-        }
-        // Command index now == viewIndex, so increment beyond it.
-        commandIndex++;
-      }
-      mDrawCommands[viewIndex].draw(mFlatViewGroup, canvas);
-    }
-
-    // If we get here, it means we have drawn all the views, now just draw the remaining draw
-    // commands.
-    while (commandIndex < mStop) {
-      DrawCommand command = mDrawCommands[commandIndex++];
-      if (command instanceof DrawView) {
-        // We should never have more DrawView commands at this point. But in case we do, fail safely
-        // by ignoring the DrawView command
-        FLog.w(
-            TAG,
-            "Unexpected DrawView command at index " + (commandIndex-1) + " with mStop=" +
-              mStop + ". " + Arrays.toString(mDrawCommands));
-        continue;
-      }
-      command.draw(mFlatViewGroup, canvas);
-    }
-  }
-
-  @Override
-  void debugDraw(Canvas canvas) {
-    // Draws clipped draw commands, but does not draw clipped views.
-    for (DrawCommand drawCommand : mDrawCommands) {
-      if (drawCommand instanceof DrawView) {
-        if (isNotClipped(((DrawView) drawCommand).reactTag)) {
-          drawCommand.debugDraw(mFlatViewGroup, canvas);
-        }
-        // else, don't draw, and don't increment index
-      } else {
-        drawCommand.debugDraw(mFlatViewGroup, canvas);
-      }
-    }
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/DrawBackgroundColor.java b/ReactAndroid/src/main/java/com/facebook/react/flat/DrawBackgroundColor.java
deleted file mode 100644
index ec9291180d7b40..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/DrawBackgroundColor.java
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import android.graphics.Canvas;
-import android.graphics.Paint;
-
-/**
- * Draws background for a FlatShadowNode as a solid rectangle.
- */
-/* package */ final class DrawBackgroundColor extends AbstractDrawCommand {
-
-  private static final Paint PAINT = new Paint();
-
-  private final int mBackgroundColor;
-
-  /* package */ DrawBackgroundColor(int backgroundColor) {
-    mBackgroundColor = backgroundColor;
-  }
-
-  @Override
-  public void onDraw(Canvas canvas) {
-    PAINT.setColor(mBackgroundColor);
-    canvas.drawRect(getLeft(), getTop(), getRight(), getBottom(), PAINT);
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/DrawBorder.java b/ReactAndroid/src/main/java/com/facebook/react/flat/DrawBorder.java
deleted file mode 100644
index d48b3d326c2a9c..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/DrawBorder.java
+++ /dev/null
@@ -1,458 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import android.graphics.Canvas;
-import android.graphics.Color;
-import android.graphics.DashPathEffect;
-import android.graphics.Paint;
-import android.graphics.Path;
-
-import com.facebook.react.uimanager.Spacing;
-
-/* package */ final class DrawBorder extends AbstractDrawBorder {
-
-  private static final Paint PAINT = new Paint(Paint.ANTI_ALIAS_FLAG);
-  private static final float[] TMP_FLOAT_ARRAY = new float[4];
-
-  private static final int BORDER_STYLE_SOLID = 0;
-  private static final int BORDER_STYLE_DOTTED = 1;
-  private static final int BORDER_STYLE_DASHED = 2;
-
-  private static final int BORDER_LEFT_COLOR_SET = 1 << 1;
-  private static final int BORDER_TOP_COLOR_SET = 1 << 2;
-  private static final int BORDER_RIGHT_COLOR_SET = 1 << 3;
-  private static final int BORDER_BOTTOM_COLOR_SET = 1 << 4;
-  private static final int BORDER_PATH_EFFECT_DIRTY = 1 << 5;
-
-  // ~0 == 0xFFFFFFFF, all bits set to 1.
-  private static final int ALL_BITS_SET = ~0;
-  // 0 == 0x00000000, all bits set to 0.
-  private static final int ALL_BITS_UNSET = 0;
-
-  private float mBorderLeftWidth;
-  private float mBorderTopWidth;
-  private float mBorderRightWidth;
-  private float mBorderBottomWidth;
-
-  private int mBorderLeftColor;
-  private int mBorderTopColor;
-  private int mBorderRightColor;
-  private int mBorderBottomColor;
-
-  private int mBorderStyle = BORDER_STYLE_SOLID;
-
-  private int mBackgroundColor;
-
-  private @Nullable DashPathEffect mPathEffectForBorderStyle;
-  private @Nullable Path mPathForBorder;
-
-  public void setBorderWidth(int position, float borderWidth) {
-    switch (position) {
-      case Spacing.LEFT:
-        mBorderLeftWidth = borderWidth;
-        break;
-      case Spacing.TOP:
-        mBorderTopWidth = borderWidth;
-        break;
-      case Spacing.RIGHT:
-        mBorderRightWidth = borderWidth;
-        break;
-      case Spacing.BOTTOM:
-        mBorderBottomWidth = borderWidth;
-        break;
-      case Spacing.ALL:
-        setBorderWidth(borderWidth);
-        break;
-    }
-  }
-
-  public float getBorderWidth(int position) {
-    switch (position) {
-      case Spacing.LEFT:
-        return mBorderLeftWidth;
-      case Spacing.TOP:
-        return mBorderTopWidth;
-      case Spacing.RIGHT:
-        return mBorderRightWidth;
-      case Spacing.BOTTOM:
-        return mBorderBottomWidth;
-      case Spacing.ALL:
-        return getBorderWidth();
-    }
-
-    return 0.0f;
-  }
-
-  public void setBorderStyle(@Nullable String style) {
-    if ("dotted".equals(style)) {
-      mBorderStyle = BORDER_STYLE_DOTTED;
-    } else if ("dashed".equals(style)) {
-      mBorderStyle = BORDER_STYLE_DASHED;
-    } else {
-      mBorderStyle = BORDER_STYLE_SOLID;
-    }
-
-    setFlag(BORDER_PATH_EFFECT_DIRTY);
-  }
-
-  public void resetBorderColor(int position) {
-    switch (position) {
-      case Spacing.LEFT:
-        resetFlag(BORDER_LEFT_COLOR_SET);
-        break;
-      case Spacing.TOP:
-        resetFlag(BORDER_TOP_COLOR_SET);
-        break;
-      case Spacing.RIGHT:
-        resetFlag(BORDER_RIGHT_COLOR_SET);
-        break;
-      case Spacing.BOTTOM:
-        resetFlag(BORDER_BOTTOM_COLOR_SET);
-        break;
-      case Spacing.ALL:
-        setBorderColor(Color.BLACK);
-        break;
-    }
-  }
-
-  public void setBorderColor(int position, int borderColor) {
-    switch (position) {
-      case Spacing.LEFT:
-        mBorderLeftColor = borderColor;
-        setFlag(BORDER_LEFT_COLOR_SET);
-        break;
-      case Spacing.TOP:
-        mBorderTopColor = borderColor;
-        setFlag(BORDER_TOP_COLOR_SET);
-        break;
-      case Spacing.RIGHT:
-        mBorderRightColor = borderColor;
-        setFlag(BORDER_RIGHT_COLOR_SET);
-        break;
-      case Spacing.BOTTOM:
-        mBorderBottomColor = borderColor;
-        setFlag(BORDER_BOTTOM_COLOR_SET);
-        break;
-      case Spacing.ALL:
-        setBorderColor(borderColor);
-        break;
-    }
-  }
-
-  public int getBorderColor(int position) {
-    int defaultColor = getBorderColor();
-    switch (position) {
-      case Spacing.LEFT:
-        return resolveBorderColor(BORDER_LEFT_COLOR_SET, mBorderLeftColor, defaultColor);
-      case Spacing.TOP:
-        return resolveBorderColor(BORDER_TOP_COLOR_SET, mBorderTopColor, defaultColor);
-      case Spacing.RIGHT:
-        return resolveBorderColor(BORDER_RIGHT_COLOR_SET, mBorderRightColor, defaultColor);
-      case Spacing.BOTTOM:
-        return resolveBorderColor(BORDER_BOTTOM_COLOR_SET, mBorderBottomColor, defaultColor);
-      case Spacing.ALL:
-        return defaultColor;
-    }
-
-    return defaultColor;
-  }
-
-  public void setBackgroundColor(int backgroundColor) {
-    mBackgroundColor = backgroundColor;
-  }
-
-  public int getBackgroundColor() {
-    return mBackgroundColor;
-  }
-
-  @Override
-  protected void onDraw(Canvas canvas) {
-    if (getBorderRadius() >= 0.5f || getPathEffectForBorderStyle() != null) {
-      drawRoundedBorders(canvas);
-    } else {
-      drawRectangularBorders(canvas);
-    }
-  }
-
-  @Override
-  protected @Nullable DashPathEffect getPathEffectForBorderStyle() {
-    if (isFlagSet(BORDER_PATH_EFFECT_DIRTY)) {
-      switch (mBorderStyle) {
-        case BORDER_STYLE_DOTTED:
-          mPathEffectForBorderStyle = createDashPathEffect(getBorderWidth());
-          break;
-
-        case BORDER_STYLE_DASHED:
-          mPathEffectForBorderStyle = createDashPathEffect(getBorderWidth() * 3);
-          break;
-
-        default:
-          mPathEffectForBorderStyle = null;
-          break;
-      }
-
-      resetFlag(BORDER_PATH_EFFECT_DIRTY);
-    }
-
-    return mPathEffectForBorderStyle;
-  }
-
-  private void drawRoundedBorders(Canvas canvas) {
-    if (mBackgroundColor != 0) {
-      PAINT.setColor(mBackgroundColor);
-      canvas.drawPath(getPathForBorderRadius(), PAINT);
-    }
-
-    drawBorders(canvas);
-  }
-
-  /**
-   * Quickly determine if all the set border colors are equal.  Bitwise AND all the set colors
-   * together, then OR them all together.  If the AND and the OR are the same, then the colors
-   * are compatible, so return this color.
-   *
-   * Used to avoid expensive path creation and expensive calls to canvas.drawPath
-   *
-   * @return A compatible border color, or zero if the border colors are not compatible.
-   */
-  private static int fastBorderCompatibleColorOrZero(
-      float borderLeft,
-      float borderTop,
-      float borderRight,
-      float borderBottom,
-      int colorLeft,
-      int colorTop,
-      int colorRight,
-      int colorBottom) {
-    int andSmear = (borderLeft > 0 ? colorLeft : ALL_BITS_SET) &
-        (borderTop > 0 ? colorTop : ALL_BITS_SET) &
-        (borderRight > 0 ? colorRight : ALL_BITS_SET) &
-        (borderBottom > 0 ? colorBottom : ALL_BITS_SET);
-    int orSmear = (borderLeft > 0 ? colorLeft : ALL_BITS_UNSET) |
-        (borderTop > 0 ? colorTop : ALL_BITS_UNSET) |
-        (borderRight > 0 ? colorRight : ALL_BITS_UNSET) |
-        (borderBottom > 0 ? colorBottom : ALL_BITS_UNSET);
-    return andSmear == orSmear ? andSmear : 0;
-  }
-
-  private void drawRectangularBorders(Canvas canvas) {
-    int defaultColor = getBorderColor();
-    float defaultWidth = getBorderWidth();
-
-    float top = getTop();
-    float borderTop = resolveWidth(mBorderTopWidth, defaultWidth);
-    float topInset = top + borderTop;
-    int topColor = resolveBorderColor(BORDER_TOP_COLOR_SET, mBorderTopColor, defaultColor);
-
-    float bottom = getBottom();
-    float borderBottom = resolveWidth(mBorderBottomWidth, defaultWidth);
-    float bottomInset = bottom - borderBottom;
-    int bottomColor = resolveBorderColor(BORDER_BOTTOM_COLOR_SET, mBorderBottomColor, defaultColor);
-
-    float left = getLeft();
-    float borderLeft = resolveWidth(mBorderLeftWidth, defaultWidth);
-    float leftInset = left + borderLeft;
-    int leftColor = resolveBorderColor(BORDER_LEFT_COLOR_SET, mBorderLeftColor, defaultColor);
-
-    float right = getRight();
-    float borderRight = resolveWidth(mBorderRightWidth, defaultWidth);
-    float rightInset = right - borderRight;
-    int rightColor = resolveBorderColor(BORDER_RIGHT_COLOR_SET, mBorderRightColor, defaultColor);
-
-    // Check for fast path to border drawing.
-    int fastBorderColor = fastBorderCompatibleColorOrZero(
-        borderLeft,
-        borderTop,
-        borderRight,
-        borderBottom,
-        leftColor,
-        topColor,
-        rightColor,
-        bottomColor);
-    if (fastBorderColor != 0) {
-      // Fast border color draw.
-      if (Color.alpha(fastBorderColor) != 0) {
-        // Border color is not transparent.
-
-        // Draw center.
-        if (Color.alpha(mBackgroundColor) != 0) {
-          PAINT.setColor(mBackgroundColor);
-          if (Color.alpha(fastBorderColor) == 255) {
-            // The border will draw over the edges, so only draw the inset background.
-            canvas.drawRect(leftInset, topInset, rightInset, bottomInset, PAINT);
-          } else {
-            // The border is opaque, so we have to draw the entire background color.
-            canvas.drawRect(left, top, right, bottom, PAINT);
-          }
-        }
-
-        PAINT.setColor(fastBorderColor);
-        if (borderLeft > 0) {
-          canvas.drawRect(left, top, leftInset, bottom - borderBottom, PAINT);
-        }
-        if (borderTop > 0) {
-          canvas.drawRect(left + borderLeft, top, right, topInset, PAINT);
-        }
-        if (borderRight > 0) {
-          canvas.drawRect(rightInset, top + borderTop, right, bottom, PAINT);
-        }
-        if (borderBottom > 0) {
-          canvas.drawRect(left, bottomInset, right - borderRight, bottom, PAINT);
-        }
-      }
-    } else {
-      if (mPathForBorder == null) {
-        mPathForBorder = new Path();
-      }
-
-      // Draw center.  Any of the borders might be opaque or transparent, so we need to draw this.
-      if (Color.alpha(mBackgroundColor) != 0) {
-        PAINT.setColor(mBackgroundColor);
-        canvas.drawRect(left, top, right, bottom, PAINT);
-      }
-
-      // Draw top.
-      if (borderTop != 0 && Color.alpha(topColor) != 0) {
-        PAINT.setColor(topColor);
-        updatePathForTopBorder(
-            mPathForBorder,
-            top,
-            topInset,
-            left,
-            leftInset,
-            right,
-            rightInset);
-        canvas.drawPath(mPathForBorder, PAINT);
-      }
-
-      // Draw bottom.
-      if (borderBottom != 0 && Color.alpha(bottomColor) != 0) {
-        PAINT.setColor(bottomColor);
-        updatePathForBottomBorder(
-            mPathForBorder,
-            bottom,
-            bottomInset,
-            left,
-            leftInset,
-            right,
-            rightInset);
-        canvas.drawPath(mPathForBorder, PAINT);
-      }
-
-      // Draw left.
-      if (borderLeft != 0 && Color.alpha(leftColor) != 0) {
-        PAINT.setColor(leftColor);
-        updatePathForLeftBorder(
-            mPathForBorder,
-            top,
-            topInset,
-            bottom,
-            bottomInset,
-            left,
-            leftInset);
-        canvas.drawPath(mPathForBorder, PAINT);
-      }
-
-      // Draw right.
-      if (borderRight != 0 && Color.alpha(rightColor) != 0) {
-        PAINT.setColor(rightColor);
-        updatePathForRightBorder(
-            mPathForBorder,
-            top,
-            topInset,
-            bottom,
-            bottomInset,
-            right,
-            rightInset);
-        canvas.drawPath(mPathForBorder, PAINT);
-      }
-    }
-  }
-
-  private static void updatePathForTopBorder(
-      Path path,
-      float top,
-      float topInset,
-      float left,
-      float leftInset,
-      float right,
-      float rightInset) {
-    path.reset();
-    path.moveTo(left, top);
-    path.lineTo(leftInset, topInset);
-    path.lineTo(rightInset, topInset);
-    path.lineTo(right, top);
-    path.lineTo(left, top);
-  }
-
-  private static void updatePathForBottomBorder(
-      Path path,
-      float bottom,
-      float bottomInset,
-      float left,
-      float leftInset,
-      float right,
-      float rightInset) {
-    path.reset();
-    path.moveTo(left, bottom);
-    path.lineTo(right, bottom);
-    path.lineTo(rightInset, bottomInset);
-    path.lineTo(leftInset, bottomInset);
-    path.lineTo(left, bottom);
-  }
-
-  private static void updatePathForLeftBorder(
-      Path path,
-      float top,
-      float topInset,
-      float bottom,
-      float bottomInset,
-      float left,
-      float leftInset) {
-    path.reset();
-    path.moveTo(left, top);
-    path.lineTo(leftInset, topInset);
-    path.lineTo(leftInset, bottomInset);
-    path.lineTo(left, bottom);
-    path.lineTo(left, top);
-  }
-
-  private static void updatePathForRightBorder(
-      Path path,
-      float top,
-      float topInset,
-      float bottom,
-      float bottomInset,
-      float right,
-      float rightInset) {
-    path.reset();
-    path.moveTo(right, top);
-    path.lineTo(right, bottom);
-    path.lineTo(rightInset, bottomInset);
-    path.lineTo(rightInset, topInset);
-    path.lineTo(right, top);
-  }
-
-  private int resolveBorderColor(int flag, int color, int defaultColor) {
-    return isFlagSet(flag) ? color : defaultColor;
-  }
-
-  private static float resolveWidth(float width, float defaultWidth) {
-    return (width == 0 || /* check for NaN */ width != width) ? defaultWidth : width;
-  }
-
-  private static DashPathEffect createDashPathEffect(float borderWidth) {
-    for (int i = 0; i < 4; ++i) {
-      TMP_FLOAT_ARRAY[i] = borderWidth;
-    }
-    return new DashPathEffect(TMP_FLOAT_ARRAY, 0);
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/DrawCommand.java b/ReactAndroid/src/main/java/com/facebook/react/flat/DrawCommand.java
deleted file mode 100644
index b7f2d5f41f903f..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/DrawCommand.java
+++ /dev/null
@@ -1,44 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import android.graphics.Canvas;
-
-/**
- * DrawCommand is an interface that shadow nodes need to implement to do the drawing.
- * Instances of DrawCommand are created in background thread and passed to UI thread.
- * Once a DrawCommand is shared with UI thread, it can no longer be mutated in background thread.
- */
-public abstract class DrawCommand {
-  // used by StateBuilder, FlatViewGroup and FlatShadowNode
-  /* package */ static final DrawCommand[] EMPTY_ARRAY = new DrawCommand[0];
-
-  /**
-   * Performs drawing into the given canvas.
-   *
-   * @param parent The parent to get child information from, if needed
-   * @param canvas The canvas to draw into
-   */
-  abstract void draw(FlatViewGroup parent, Canvas canvas);
-
-  /**
-   * Performs debug bounds drawing into the given canvas.
-   *
-   * @param parent The parent to get child information from, if needed
-   * @param canvas The canvas to draw into
-   */
-  abstract void debugDraw(FlatViewGroup parent, Canvas canvas);
-
-  abstract float getLeft();
-
-  abstract float getTop();
-
-  abstract float getRight();
-
-  abstract float getBottom();
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/DrawCommandManager.java b/ReactAndroid/src/main/java/com/facebook/react/flat/DrawCommandManager.java
deleted file mode 100644
index bdab8db25e8639..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/DrawCommandManager.java
+++ /dev/null
@@ -1,156 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import android.graphics.Canvas;
-import android.graphics.Rect;
-import android.util.SparseArray;
-import android.util.SparseIntArray;
-import android.view.View;
-import android.view.ViewParent;
-
-/**
- * Underlying logic which handles draw commands, views and node regions when clipping in a
- * {@link FlatViewGroup}.
- */
-/* package */ abstract class DrawCommandManager {
-
-  /**
-   * Mount a set of draw commands to this manager.  The order the commands are given is the order in
-   * which they should be drawn.  If any of the commands are new DrawViews, then mountViews will be
-   * called after by the UIManager.
-   *
-   * @param drawCommands The draw commands to mount.
-   * @param drawViewIndexMap Mapping of ids to index position within the draw command array.
-   * @param maxBottom At each index i, the maximum bottom value (or right value in the case of
-   *   horizontal clipping) value of all draw commands at or below i.
-   * @param minTop At each index i, the minimum top value (or left value in the case of horizontal
-   *   clipping) value of all draw commands at or below i.
-   * @param willMountViews Whether we are going to also receive a mountViews command in this state
-   *   cycle.
-   */
-  abstract void mountDrawCommands(
-      DrawCommand[] drawCommands,
-      SparseIntArray drawViewIndexMap,
-      float[] maxBottom,
-      float[] minTop,
-      boolean willMountViews);
-
-  /**
-   * Add and detach a set of views.  The views added here will already have a DrawView passed in
-   * mountDrawCommands.
-   *
-   * @param viewResolver
-   * @param viewsToAdd The views to add, by tag.  If this is a new view, this will be reactTag,
-   *     otherwise it will be -reactTag.  This allows to optimize when we have already attached
-   *     views.
-   * @param viewsToDetach The views to detach, by tag.  These will all be positive.
-   */
-  abstract void mountViews(ViewResolver viewResolver, int[] viewsToAdd, int[] viewsToDetach);
-
-  /**
-   * Get the current clipping rect and adjust clipping so that when draw is dispatched we do as
-   * little work as possible.
-   *
-   * @return true if the FlatViewGroup should invalidate.
-   */
-  abstract boolean updateClippingRect();
-
-  /**
-   * Sets an input rect to match the bounds of our current clipping rect.
-   *
-   * @param outClippingRect Set the out
-   */
-  abstract void getClippingRect(Rect outClippingRect);
-
-  /**
-   * Return the views that are currently detached, so they can be cleaned up when we are.
-   *
-   * @return A collection of the currently detached views.
-   */
-  abstract SparseArray<View> getDetachedViews();
-
-  /**
-   * Draw the relevant items.  This should do as little work as possible.
-   *
-   * @param canvas The canvas to draw on.
-   */
-  abstract void draw(Canvas canvas);
-
-  /**
-   * Draws layout bounds for debug.
-   *
-   * @param canvas The canvas to draw on.
-   */
-  abstract void debugDraw(Canvas canvas);
-
-  /**
-   * Mount node regions, which are the hit boxes of the shadow node children of this FlatViewGroup,
-   * though some may not have a corresponding draw command.
-   *
-   * @param nodeRegions Array of node regions to mount.
-   * @param maxBottom At each index i, the maximum bottom value (or right value in the case of
-   *   horizontal clipping) value of all node regions at or below i.
-   * @param minTop At each index i, the minimum top value (or left value in the case of horizontal
-   *   clipping) value of all draw commands at or below i.
-   */
-  abstract void mountNodeRegions(NodeRegion[] nodeRegions, float[] maxBottom, float[] minTop);
-
-  /**
-   * Find a matching node region for a touch.
-   *
-   * @param touchX X coordinate of touch.
-   * @param touchY Y coordinate of touch.
-   * @return Matching node region, or null if none are found.
-   */
-  abstract @Nullable NodeRegion anyNodeRegionWithinBounds(float touchX, float touchY);
-
-  /**
-   * Find a matching virtual node region for a touch.
-   *
-   * @param touchX X coordinate of touch.
-   * @param touchY Y coordinate of touch.
-   * @return Matching node region, or null if none are found.
-   */
-  abstract @Nullable NodeRegion virtualNodeRegionWithinBounds(float touchX, float touchY);
-
-  /**
-   * Event that is fired when a clipped view is dropped.
-   *
-   * @param view the view that is dropped
-   */
-  abstract void onClippedViewDropped(View view);
-
-  /**
-   * Throw a runtime exception if a view we are trying to attach is already parented.
-   *
-   * @param view The view to check.
-   */
-  protected static void ensureViewHasNoParent(View view) {
-    ViewParent oldParent = view.getParent();
-    if (oldParent != null) {
-      throw new RuntimeException(
-          "Cannot add view " + view + " to DrawCommandManager while it has a parent " + oldParent);
-    }
-  }
-
-  /**
-   * Get a draw command manager that will clip vertically (The view scrolls up and down).
-   *
-   * @param flatViewGroup FlatViewGroup to use for drawing.
-   * @param drawCommands List of commands to mount.
-   * @return Vertically clipping draw command manager.
-   */
-  static DrawCommandManager getVerticalClippingInstance(
-      FlatViewGroup flatViewGroup,
-      DrawCommand[] drawCommands) {
-    return new VerticalDrawCommandManager(flatViewGroup, drawCommands);
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/DrawImage.java b/ReactAndroid/src/main/java/com/facebook/react/flat/DrawImage.java
deleted file mode 100644
index 05b9503d0edea4..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/DrawImage.java
+++ /dev/null
@@ -1,67 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import android.content.Context;
-
-import com.facebook.drawee.drawable.ScalingUtils.ScaleType;
-import com.facebook.react.bridge.ReadableArray;
-
-/**
- * Common interface for DrawImageWithDrawee.
- */
-/* package */ interface DrawImage extends AttachDetachListener {
-  /**
-   * Returns true if an image source was assigned to the DrawImage.
-   * A DrawImage with no source will not draw anything.
-   */
-  boolean hasImageRequest();
-
-  /**
-   * Assigns a new image source to the DrawImage, or null to clear the image request.
-   */
-  void setSource(Context context, @Nullable ReadableArray sources);
-
-  /**
-   * Assigns a tint color to apply to the image drawn.
-   */
-  void setTintColor(int tintColor);
-
-  /**
-   * Assigns a scale type to draw to the image with.
-   */
-  void setScaleType(ScaleType scaleType);
-
-  /**
-   * Returns a scale type to draw to the image with.
-   */
-  ScaleType getScaleType();
-
-  /**
-   * React tag used for dispatching ImageLoadEvents, or 0 to ignore events.
-   */
-  void setReactTag(int reactTag);
-
-  void setBorderWidth(float borderWidth);
-
-  float getBorderWidth();
-
-  void setBorderRadius(float borderRadius);
-
-  float getBorderRadius();
-
-  void setBorderColor(int borderColor);
-
-  int getBorderColor();
-
-  void setFadeDuration(int fadeDuration);
-
-  void setProgressiveRenderingEnabled(boolean enabled);
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/DrawImageWithDrawee.java b/ReactAndroid/src/main/java/com/facebook/react/flat/DrawImageWithDrawee.java
deleted file mode 100644
index 8797cce68e83ad..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/DrawImageWithDrawee.java
+++ /dev/null
@@ -1,315 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import android.content.Context;
-import android.graphics.Canvas;
-import android.graphics.PorterDuff;
-import android.graphics.PorterDuffColorFilter;
-import android.graphics.drawable.Animatable;
-import android.net.Uri;
-import com.facebook.drawee.controller.ControllerListener;
-import com.facebook.drawee.drawable.ScalingUtils.ScaleType;
-import com.facebook.drawee.generic.GenericDraweeHierarchy;
-import com.facebook.drawee.generic.RoundingParams;
-import com.facebook.imagepipeline.common.ResizeOptions;
-import com.facebook.imagepipeline.request.ImageRequest;
-import com.facebook.imagepipeline.request.ImageRequestBuilder;
-import com.facebook.infer.annotation.Assertions;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.views.image.GlobalImageLoadListener;
-import com.facebook.react.views.image.ImageLoadEvent;
-import com.facebook.react.views.image.ImageResizeMode;
-import com.facebook.react.views.image.ReactImageView;
-import com.facebook.react.views.imagehelper.ImageSource;
-import com.facebook.react.views.imagehelper.MultiSourceHelper;
-import com.facebook.react.views.imagehelper.MultiSourceHelper.MultiSourceResult;
-import java.util.LinkedList;
-import java.util.List;
-import javax.annotation.Nullable;
-
-/**
- * DrawImageWithDrawee is a DrawCommand that can draw a local or remote image.
- * It uses DraweeRequestHelper internally to fetch and cache the images.
- */
-/* package */ final class DrawImageWithDrawee extends AbstractDrawCommand
-    implements DrawImage, ControllerListener {
-  private static final String LOCAL_FILE_SCHEME = "file";
-  private static final String LOCAL_CONTENT_SCHEME = "content";
-
-  private final List<ImageSource> mSources = new LinkedList<>();
-  private final @Nullable GlobalImageLoadListener mGlobalImageLoadListener;
-  private @Nullable DraweeRequestHelper mRequestHelper;
-  private @Nullable PorterDuffColorFilter mColorFilter;
-  private ScaleType mScaleType = ImageResizeMode.defaultValue();
-  private float mBorderWidth;
-  private float mBorderRadius;
-  private int mBorderColor;
-  private int mReactTag;
-  private boolean mProgressiveRenderingEnabled;
-  private int mFadeDuration = ReactImageView.REMOTE_IMAGE_FADE_DURATION_MS;
-  private @Nullable FlatViewGroup.InvalidateCallback mCallback;
-
-  public DrawImageWithDrawee(@Nullable GlobalImageLoadListener globalImageLoadListener) {
-    mGlobalImageLoadListener = globalImageLoadListener;
-  }
-
-  @Override
-  public boolean hasImageRequest() {
-    return !mSources.isEmpty();
-  }
-
-  @Override
-  public void setSource(Context context, @Nullable ReadableArray sources) {
-    mSources.clear();
-    if (sources != null && sources.size() != 0) {
-      // Optimize for the case where we have just one uri, case in which we don't need the sizes
-      if (sources.size() == 1) {
-        ReadableMap source = sources.getMap(0);
-        mSources.add(new ImageSource(context, source.getString("uri")));
-      } else {
-        for (int idx = 0; idx < sources.size(); idx++) {
-          ReadableMap source = sources.getMap(idx);
-          mSources.add(new ImageSource(
-              context,
-              source.getString("uri"),
-              source.getDouble("width"),
-              source.getDouble("height")));
-        }
-      }
-    }
-  }
-
-  @Override
-  public void setTintColor(int tintColor) {
-    if (tintColor == 0) {
-      mColorFilter = null;
-    } else {
-      mColorFilter = new PorterDuffColorFilter(tintColor, PorterDuff.Mode.SRC_ATOP);
-    }
-  }
-
-  @Override
-  public void setScaleType(ScaleType scaleType) {
-    mScaleType = scaleType;
-  }
-
-  @Override
-  public ScaleType getScaleType() {
-    return mScaleType;
-  }
-
-  @Override
-  public void setBorderWidth(float borderWidth) {
-    mBorderWidth = borderWidth;
-  }
-
-  @Override
-  public float getBorderWidth() {
-    return mBorderWidth;
-  }
-
-  @Override
-  public void setBorderRadius(float borderRadius) {
-    mBorderRadius = borderRadius;
-  }
-
-  @Override
-  public float getBorderRadius() {
-    return mBorderRadius;
-  }
-
-  @Override
-  public void setBorderColor(int borderColor) {
-    mBorderColor = borderColor;
-  }
-
-  @Override
-  public int getBorderColor() {
-    return mBorderColor;
-  }
-
-  @Override
-  public void setFadeDuration(int fadeDuration) {
-    mFadeDuration = fadeDuration;
-  }
-
-  @Override
-  public void setProgressiveRenderingEnabled(boolean enabled) {
-    mProgressiveRenderingEnabled = enabled;
-  }
-
-  @Override
-  public void setReactTag(int reactTag) {
-    mReactTag = reactTag;
-  }
-
-  @Override
-  public void onDraw(Canvas canvas) {
-    if (mRequestHelper != null) {
-      mRequestHelper.getDrawable().draw(canvas);
-    }
-  }
-
-  @Override
-  public void onAttached(FlatViewGroup.InvalidateCallback callback) {
-    mCallback = callback;
-
-    if (mRequestHelper == null) {
-      // this is here to help us debug t12048319, in which we have a null request helper on attach
-      throw new RuntimeException(
-          "No DraweeRequestHelper - width: " +
-              (getRight() - getLeft()) +
-              " - height: " + (getBottom() - getTop() +
-              " - number of sources: " + mSources.size()));
-    }
-
-    GenericDraweeHierarchy hierarchy = mRequestHelper.getHierarchy();
-
-    RoundingParams roundingParams = hierarchy.getRoundingParams();
-    if (shouldDisplayBorder()) {
-      if (roundingParams == null) {
-        roundingParams = new RoundingParams();
-      }
-
-      roundingParams.setBorder(mBorderColor, mBorderWidth);
-      roundingParams.setCornersRadius(mBorderRadius);
-
-      // changes won't take effect until we re-apply rounding params, so do it now.
-      hierarchy.setRoundingParams(roundingParams);
-    } else if (roundingParams != null) {
-      // clear rounding params
-      hierarchy.setRoundingParams(null);
-    }
-
-    hierarchy.setActualImageScaleType(mScaleType);
-    hierarchy.setActualImageColorFilter(mColorFilter);
-    hierarchy.setFadeDuration(mFadeDuration);
-
-    hierarchy.getTopLevelDrawable().setBounds(
-        Math.round(getLeft()),
-        Math.round(getTop()),
-        Math.round(getRight()),
-        Math.round(getBottom()));
-
-    mRequestHelper.attach(callback);
-  }
-
-  @Override
-  public void onDetached() {
-    if (mRequestHelper != null) {
-      mRequestHelper.detach();
-    }
-  }
-
-  @Override
-  public void onSubmit(String id, Object callerContext) {
-    if (mCallback != null && mReactTag != 0) {
-      mCallback.dispatchImageLoadEvent(mReactTag, ImageLoadEvent.ON_LOAD_START);
-    }
-  }
-
-  @Override
-  public void onFinalImageSet(
-      String id,
-      @Nullable Object imageInfo,
-      @Nullable Animatable animatable) {
-    if (mCallback != null && mReactTag != 0) {
-      mCallback.dispatchImageLoadEvent(mReactTag, ImageLoadEvent.ON_LOAD);
-      mCallback.dispatchImageLoadEvent(mReactTag, ImageLoadEvent.ON_LOAD_END);
-    }
-  }
-
-  @Override
-  public void onIntermediateImageSet(String id, @Nullable Object imageInfo) {
-  }
-
-  @Override
-  public void onIntermediateImageFailed(String id, Throwable throwable) {
-  }
-
-  @Override
-  public void onFailure(String id, Throwable throwable) {
-    if (mCallback != null && mReactTag != 0) {
-      mCallback.dispatchImageLoadEvent(mReactTag, ImageLoadEvent.ON_ERROR);
-      mCallback.dispatchImageLoadEvent(mReactTag, ImageLoadEvent.ON_LOAD_END);
-    }
-  }
-
-  @Override
-  public void onRelease(String id) {
-  }
-
-  @Override
-  protected void onBoundsChanged() {
-    super.onBoundsChanged();
-    computeRequestHelper();
-  }
-
-  private void computeRequestHelper() {
-    MultiSourceResult multiSource = MultiSourceHelper.getBestSourceForSize(
-        Math.round(getRight() - getLeft()),
-        Math.round(getBottom() - getTop()),
-        mSources);
-    ImageSource source = multiSource.getBestResult();
-    ImageSource cachedSource = multiSource.getBestResultInCache();
-    if (source == null) {
-      mRequestHelper = null;
-      return;
-    }
-
-    ResizeOptions resizeOptions = null;
-    if (shouldResize(source)) {
-      final int width = (int) (getRight() - getLeft());
-      final int height = (int) (getBottom() - getTop());
-      resizeOptions = new ResizeOptions(width, height);
-    }
-
-    ImageRequest imageRequest = ImageRequestBuilder.newBuilderWithSource(source.getUri())
-        .setResizeOptions(resizeOptions)
-        .setProgressiveRenderingEnabled(mProgressiveRenderingEnabled)
-        .build();
-    if (mGlobalImageLoadListener != null) {
-      mGlobalImageLoadListener.onLoadAttempt(source.getUri());
-    }
-
-    ImageRequest cachedImageRequest = null;
-    if (cachedSource != null) {
-      cachedImageRequest = ImageRequestBuilder.newBuilderWithSource(cachedSource.getUri())
-          .setResizeOptions(resizeOptions)
-          .setProgressiveRenderingEnabled(mProgressiveRenderingEnabled)
-          .build();
-    }
-    mRequestHelper = new
-      DraweeRequestHelper(Assertions.assertNotNull(imageRequest), cachedImageRequest, this);
-  }
-
-  private boolean shouldDisplayBorder() {
-    return mBorderColor != 0 || mBorderRadius >= 0.5f;
-  }
-
-  private static boolean shouldResize(ImageSource imageSource) {
-    // Resizing is inferior to scaling. See http://frescolib.org/docs/resizing-rotating.html
-    // We resize here only for images likely to be from the device's camera, where the app developer
-    // has no control over the original size
-    Uri uri = imageSource.getUri();
-    String type = uri == null ? null : uri.getScheme();
-    // one day, we can replace this with what non-Nodes does, which is:
-    // UriUtil.isLocalContentUri || UriUtil.isLocalFileUri
-    // not doing this just to save including eyt another BUCK dependency
-    return LOCAL_FILE_SCHEME.equals(type) || LOCAL_CONTENT_SCHEME.equals(type);
-  }
-
-  @Override
-  protected void onDebugDrawHighlight(Canvas canvas) {
-    if (mCallback != null) {
-      debugDrawCautionHighlight(canvas, "Invalidate Drawee");
-    }
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/DrawTextLayout.java b/ReactAndroid/src/main/java/com/facebook/react/flat/DrawTextLayout.java
deleted file mode 100644
index 495a53e0d06843..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/DrawTextLayout.java
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import android.graphics.Canvas;
-import android.text.Layout;
-
-import com.facebook.fbui.textlayoutbuilder.util.LayoutMeasureUtil;
-
-/**
- * DrawTextLayout is a DrawCommand that draw {@link Layout}.
- */
-/* package */ final class DrawTextLayout extends AbstractDrawCommand {
-
-  private Layout mLayout;
-  private float mLayoutWidth;
-  private float mLayoutHeight;
-
-  /* package */ DrawTextLayout(Layout layout) {
-    setLayout(layout);
-  }
-
-  /**
-   * Assigns a new {@link Layout} to draw.
-   */
-  public void setLayout(Layout layout) {
-    mLayout = layout;
-    mLayoutWidth = layout.getWidth();
-    mLayoutHeight = LayoutMeasureUtil.getHeight(layout);
-  }
-
-  public Layout getLayout() {
-    return mLayout;
-  }
-
-  public float getLayoutWidth() {
-    // mLayout.getWidth() doesn't return correct width of the text Layout
-    return mLayoutWidth;
-  }
-
-  public float getLayoutHeight() {
-    return mLayoutHeight;
-  }
-
-  @Override
-  protected void onDraw(Canvas canvas) {
-    float left = getLeft();
-    float top = getTop();
-
-    canvas.translate(left, top);
-    mLayout.draw(canvas);
-    canvas.translate(-left, -top);
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/DrawView.java b/ReactAndroid/src/main/java/com/facebook/react/flat/DrawView.java
deleted file mode 100644
index e2bdce5fb95201..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/DrawView.java
+++ /dev/null
@@ -1,233 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import android.graphics.Canvas;
-import android.graphics.Path;
-import android.graphics.RectF;
-
-/* package */ final class DrawView extends AbstractDrawCommand {
-  public static final DrawView[] EMPTY_ARRAY = new DrawView[0];
-  // the minimum rounded clipping value before we actually do rounded clipping
-  /* package */ static final float MINIMUM_ROUNDED_CLIPPING_VALUE = 0.5f;
-  private final RectF TMP_RECT = new RectF();
-
-  /* package */ final int reactTag;
-  // Indicates whether this DrawView has been previously mounted to a clipping FlatViewGroup.  This
-  // lets us know that the bounds haven't changed, as a bounds change would trigger a new DrawView,
-  // which will set this to false for the new DrawView.  This is safe, despite the dual access with
-  // FlatViewGroup, because the FlatViewGroup copy is only ever modified by the FlatViewGroup.
-  // Changing how this boolean is used should be handled with caution, as race conditions are the
-  // quickest way to create unreproducible super bugs.
-  /* package */ boolean mWasMounted;
-
-  // the clipping radius - if this is greater than MINIMUM_ROUNDED_CLIPPING_VALUE, we clip using
-  // a rounded path, otherwise we clip in a rectangular fashion.
-  private float mClipRadius;
-
-  // the path to clip against if we're doing path clipping for rounded borders.
-  @Nullable private Path mPath;
-
-  // These should only ever be set from within the DrawView, they serve to provide clipping bounds
-  // for FlatViewGroups, which have strange clipping when it comes to overflow: visible.  They are
-  // left package protected to speed up direct access.  For overflow visible, these are the adjusted
-  // bounds while taking overflowing elements into account, other wise they are just the regular
-  // bounds of the view.
-  /* package */ float mLogicalLeft;
-  /* package */ float mLogicalTop;
-  /* package */ float mLogicalRight;
-  /* package */ float mLogicalBottom;
-
-  public DrawView(int reactTag) {
-    this.reactTag = reactTag;
-  }
-
-  /**
-   * Similar to updateBoundsAndFreeze, but thread safe as the mounting flag is modified on the UI
-   * thread.
-   *
-   * @return A DrawView with the passed bounds and clipping bounds.  If we can use the same
-   *     DrawView, it will just be this, otherwise it will be a frozen copy.
-   */
-  public DrawView collectDrawView(
-      float left,
-      float top,
-      float right,
-      float bottom,
-      float logicalLeft,
-      float logicalTop,
-      float logicalRight,
-      float logicalBottom,
-      float clipLeft,
-      float clipTop,
-      float clipRight,
-      float clipBottom,
-      float clipRadius) {
-    if (!isFrozen()) {
-      // We haven't collected this draw view yet, so we can just set everything.
-      setBounds(left, top, right, bottom);
-      setClipBounds(clipLeft, clipTop, clipRight, clipBottom);
-      setClipRadius(clipRadius);
-      setLogicalBounds(logicalLeft, logicalTop, logicalRight, logicalBottom);
-      freeze();
-      return this;
-    }
-
-    boolean boundsMatch = boundsMatch(left, top, right, bottom);
-    boolean clipBoundsMatch = clipBoundsMatch(clipLeft, clipTop, clipRight, clipBottom);
-    boolean clipRadiusMatch = mClipRadius == clipRadius;
-    boolean logicalBoundsMatch =
-        logicalBoundsMatch(logicalLeft, logicalTop, logicalRight, logicalBottom);
-
-    // See if we can reuse the draw view.
-    if (boundsMatch && clipBoundsMatch && clipRadiusMatch && logicalBoundsMatch) {
-      return this;
-    }
-
-    DrawView drawView = (DrawView) mutableCopy();
-
-    if (!boundsMatch) {
-      drawView.setBounds(left, top, right, bottom);
-    }
-
-    if (!clipBoundsMatch) {
-      drawView.setClipBounds(clipLeft, clipTop, clipRight, clipBottom);
-    }
-
-    if (!logicalBoundsMatch) {
-      drawView.setLogicalBounds(logicalLeft, logicalTop, logicalRight, logicalBottom);
-    }
-
-    if (!clipRadiusMatch || !boundsMatch) {
-      // If the bounds change, we need to update the clip path.
-      drawView.setClipRadius(clipRadius);
-    }
-
-    // It is very important that we unset this, as our spec is that newly created DrawViews
-    // are handled differently by the FlatViewGroup.  This is needed because clone() maintains
-    // the previous state.
-    drawView.mWasMounted = false;
-
-    drawView.freeze();
-
-    return drawView;
-  }
-
-  private boolean logicalBoundsMatch(float left, float top, float right, float bottom) {
-    return left == mLogicalLeft && top == mLogicalTop &&
-        right == mLogicalRight && bottom == mLogicalBottom;
-  }
-
-  private void setLogicalBounds(float left, float top, float right, float bottom) {
-    // Do rounding up front and off of the UI thread.
-    mLogicalLeft = left;
-    mLogicalTop = top;
-    mLogicalRight = right;
-    mLogicalBottom = bottom;
-  }
-
-  @Override
-  public void draw(FlatViewGroup parent, Canvas canvas) {
-    onPreDraw(parent, canvas);
-    if (mNeedsClipping || mClipRadius > MINIMUM_ROUNDED_CLIPPING_VALUE) {
-      canvas.save(Canvas.CLIP_SAVE_FLAG);
-      applyClipping(canvas);
-      parent.drawNextChild(canvas);
-      canvas.restore();
-    } else {
-      parent.drawNextChild(canvas);
-    }
-  }
-
-  /**
-   * Set the clip radius.  Should only be called when the clip radius is first set or when it
-   * changes, in order to avoid extra work.
-   *
-   * @param clipRadius The new clip radius.
-   */
-  void setClipRadius(float clipRadius) {
-    mClipRadius = clipRadius;
-    if (clipRadius > MINIMUM_ROUNDED_CLIPPING_VALUE) {
-      // update the path that we'll clip based on
-      updateClipPath();
-    } else {
-      mPath = null;
-    }
-  }
-
-  /**
-   * Update the path with which we'll clip this view
-   */
-  private void updateClipPath() {
-    mPath = new Path();
-
-    TMP_RECT.set(
-        getLeft(),
-        getTop(),
-        getRight(),
-        getBottom());
-
-    // set the path
-    mPath.addRoundRect(
-        TMP_RECT,
-        mClipRadius,
-        mClipRadius,
-        Path.Direction.CW);
-  }
-
-  @Override
-  protected void applyClipping(Canvas canvas) {
-    // only clip using a path if our radius is greater than some minimum threshold, because
-    // clipPath is more expensive than clipRect.
-    if (mClipRadius > MINIMUM_ROUNDED_CLIPPING_VALUE) {
-      canvas.clipPath(mPath);
-    } else {
-      super.applyClipping(canvas);
-    }
-  }
-
-  @Override
-  protected void onDraw(Canvas canvas) {
-    // no op as we override draw.
-  }
-
-  @Override
-  protected void onDebugDraw(FlatViewGroup parent, Canvas canvas) {
-    parent.debugDrawNextChild(canvas);
-  }
-
-  @Override
-  protected void onDebugDrawHighlight(Canvas canvas) {
-    if (mPath != null) {
-      debugDrawWarningHighlight(canvas, "borderRadius: " + mClipRadius);
-    } else if (!boundsMatch(mLogicalLeft, mLogicalTop, mLogicalRight, mLogicalBottom)) {
-      StringBuilder warn = new StringBuilder("Overflow: { ");
-      String[] names = { "left: ", "top: ", "right: ", "bottom: "};
-      int i = 0;
-      float[] offsets = new float[4];
-      offsets[i++] = getLeft() - mLogicalLeft;
-      offsets[i++] = getTop() - mLogicalTop;
-      offsets[i++] = mLogicalRight - getRight();
-      offsets[i++] = mLogicalBottom - getBottom();
-
-      for (i = 0; i < 4; i++) {
-        if (offsets[i] != 0f) {
-          warn.append(names[i]);
-          warn.append(offsets[i]);
-          warn.append(", ");
-        }
-      }
-
-      warn.append("}");
-
-      debugDrawCautionHighlight(canvas, warn.toString());
-    }
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/DraweeRequestHelper.java b/ReactAndroid/src/main/java/com/facebook/react/flat/DraweeRequestHelper.java
deleted file mode 100644
index bf32f740395e30..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/DraweeRequestHelper.java
+++ /dev/null
@@ -1,80 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import android.content.res.Resources;
-import android.graphics.drawable.Drawable;
-
-import com.facebook.drawee.controller.AbstractDraweeControllerBuilder;
-import com.facebook.drawee.controller.ControllerListener;
-import com.facebook.drawee.generic.GenericDraweeHierarchy;
-import com.facebook.drawee.generic.GenericDraweeHierarchyBuilder;
-import com.facebook.drawee.interfaces.DraweeController;
-import com.facebook.imagepipeline.request.ImageRequest;
-import com.facebook.infer.annotation.Assertions;
-
-/* package */ final class DraweeRequestHelper {
-
-  private static GenericDraweeHierarchyBuilder sHierarchyBuilder;
-  private static AbstractDraweeControllerBuilder sControllerBuilder;
-
-  /* package */ static void setResources(Resources resources) {
-    sHierarchyBuilder = new GenericDraweeHierarchyBuilder(resources);
-  }
-
-  /* package */ static void setDraweeControllerBuilder(AbstractDraweeControllerBuilder builder) {
-    sControllerBuilder = builder;
-  }
-
-  private final DraweeController mDraweeController;
-  private int mAttachCounter;
-
-  /* package */ DraweeRequestHelper(
-      ImageRequest imageRequest,
-      @Nullable ImageRequest cachedImageRequest,
-      ControllerListener listener) {
-    AbstractDraweeControllerBuilder controllerBuilder = sControllerBuilder
-        .setImageRequest(imageRequest)
-        .setCallerContext(RCTImageView.getCallerContext())
-        .setControllerListener(listener);
-
-    if (cachedImageRequest != null) {
-      controllerBuilder.setLowResImageRequest(cachedImageRequest);
-    }
-    DraweeController controller = controllerBuilder.build();
-
-    controller.setHierarchy(sHierarchyBuilder.build());
-
-    mDraweeController = controller;
-  }
-
-  /* package */ void attach(FlatViewGroup.InvalidateCallback callback) {
-    ++mAttachCounter;
-    if (mAttachCounter == 1) {
-      getDrawable().setCallback(callback.get());
-      mDraweeController.onAttach();
-    }
-  }
-
-  /* package */ void detach() {
-    --mAttachCounter;
-    if (mAttachCounter == 0) {
-      mDraweeController.onDetach();
-    }
-  }
-
-  /* package */ GenericDraweeHierarchy getHierarchy() {
-    return (GenericDraweeHierarchy) Assertions.assumeNotNull(mDraweeController.getHierarchy());
-  }
-
-  /* package */ Drawable getDrawable() {
-    return getHierarchy().getTopLevelDrawable();
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/ElementsList.java b/ReactAndroid/src/main/java/com/facebook/react/flat/ElementsList.java
deleted file mode 100644
index e741cde43306ca..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/ElementsList.java
+++ /dev/null
@@ -1,198 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import java.util.ArrayDeque;
-import java.util.ArrayList;
-import java.lang.reflect.Array;
-
-/**
- * Diffing scope stack class that supports 3 main operations: start(), add() an element and
- * finish().
- *
- * When started, it takes a baseline array to compare to. When adding a new element, it checks
- * whether a corresponding element in baseline array is the same. On finish(), it will return null
- * if baseline array contains exactly the same elements that were added with a sequence of add()
- * calls, or a new array of the recorded elements:
- *
- * Example 1:
- * -----
- *   start([A])
- *   add(A)
- *   finish() -> null (because [A] == [A])
- *
- * Example 2:
- * ----
- *   start([A])
- *   add(B)
- *   finish() -> [B] (because [A] != [B])
- *
- * Example 3:
- * ----
- *   start([A])
- *   add(B)
- *   add(A)
- *   finish() -> [B, A] (because [B, A] != [A])
- *
- * Example 4:
- * ----
- *   start([A, B])
- *   add(B)
- *   add(A)
- *   finish() -> [B, A] (because [B, A] != [A, B])
- *
- * It is important that start/finish can be nested:
- * ----
- *   start([A])
- *   add(A)
- *     start([B])
- *     add(B)
- *     finish() -> null
- *   add(C)
- *   finish() -> [A, C]
- *
- * StateBuilder is using this class to check if e.g. a DrawCommand list for a given View needs to be
- * updated.
- */
-/* package */ final class ElementsList<E> {
-
-  private static final class Scope {
-    Object[] elements;
-    int index;
-    int size;
-  }
-
-  // List of scopes.  These are never cleared, but instead recycled when a new scope is needed at
-  // a given depth.
-  private final ArrayList<Scope> mScopesStack = new ArrayList<>();
-  // Working list of all new elements we are gathering across scopes.  Whenever we get a call to
-  // finish() we pop the new elements off the collection, either discarding them if there was no
-  // change from the base or accumulating and returning them as a list of new elements.
-  private final ArrayDeque<E> mElements = new ArrayDeque<>();
-  private final E[] mEmptyArray;
-  private Scope mCurrentScope = null;
-  private int mScopeIndex = 0;
-
-  public ElementsList(E[] emptyArray) {
-    mEmptyArray = emptyArray;
-    mScopesStack.add(mCurrentScope);
-  }
-
-  /**
-   * Starts a new scope.
-   */
-  public void start(Object[] elements) {
-    pushScope();
-
-    Scope scope = getCurrentScope();
-    scope.elements = elements;
-    scope.index = 0;
-    scope.size = mElements.size();
-  }
-
-  /**
-   * Finish current scope, returning null if there were no changes recorded, or a new array
-   * containing all the newly recorded elements otherwise.
-   */
-  public E[] finish() {
-    Scope scope = getCurrentScope();
-    popScope();
-
-    E[] result = null;
-    int size = mElements.size() - scope.size;
-    if (scope.index != scope.elements.length) {
-      result = extractElements(size);
-    } else {
-      // downsize
-      for (int i = 0; i < size; ++i) {
-        mElements.pollLast();
-      }
-    }
-
-    // To prevent resource leaks.
-    scope.elements = null;
-
-    return result;
-  }
-
-  /**
-   * Adds a new element to the list.  This method can be optimized to avoid inserts on same
-   * elements, but would involve copying from scope.elements when we extract elements.
-   */
-  public void add(E element) {
-    Scope scope = getCurrentScope();
-
-    if (scope.index < scope.elements.length &&
-        scope.elements[scope.index] == element) {
-      ++scope.index;
-    } else {
-      scope.index = Integer.MAX_VALUE;
-    }
-
-    mElements.add(element);
-  }
-
-  /**
-   * Resets all references to elements in our new stack to null to avoid memory leaks.
-   */
-  public void clear() {
-    if (getCurrentScope() != null) {
-      throw new RuntimeException("Must call finish() for every start() call being made.");
-    }
-    mElements.clear();
-  }
-
-  /**
-   * Extracts last size elements into an array.  Used to extract our new array of items from our
-   * stack when the new items != old items.
-   */
-  private E[] extractElements(int size) {
-    if (size == 0) {
-      // avoid allocating empty array
-      return mEmptyArray;
-    }
-
-    E[] elements = (E[]) Array.newInstance(mEmptyArray.getClass().getComponentType(), size);
-    for (int i = size - 1; i >= 0; --i) {
-      elements[i] = mElements.pollLast();
-    }
-
-    return elements;
-  }
-
-  /**
-   * Saves current scope in a stack.
-   */
-  private void pushScope() {
-    ++mScopeIndex;
-    if (mScopeIndex == mScopesStack.size()) {
-      // We reached a new deepest scope, we need to create a scope for this depth.
-      mCurrentScope = new Scope();
-      mScopesStack.add(mCurrentScope);
-    } else {
-      // We have had a scope at this depth before, lets recycle it.
-      mCurrentScope = mScopesStack.get(mScopeIndex);
-    }
-  }
-
-  /**
-   * Restores last saved current scope.  Doesn't actually remove the scope, as scopes are
-   * recycled.
-   */
-  private void popScope() {
-    --mScopeIndex;
-    mCurrentScope = mScopesStack.get(mScopeIndex);
-  }
-
-  /**
-   * Returns current scope.
-   */
-  private Scope getCurrentScope() {
-    return mCurrentScope;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatARTSurfaceViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/flat/FlatARTSurfaceViewManager.java
deleted file mode 100644
index f6382b80befccb..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatARTSurfaceViewManager.java
+++ /dev/null
@@ -1,60 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import com.facebook.react.uimanager.BaseViewManager;
-import com.facebook.react.uimanager.ThemedReactContext;
-import com.facebook.react.views.art.ARTSurfaceView;
-import com.facebook.yoga.YogaMeasureFunction;
-import com.facebook.yoga.YogaMeasureMode;
-import com.facebook.yoga.YogaNode;
-
-public class FlatARTSurfaceViewManager extends
-  BaseViewManager<ARTSurfaceView, FlatARTSurfaceViewShadowNode> {
-
-  /* package */ static final String REACT_CLASS = "ARTSurfaceView";
-
-  private static final YogaMeasureFunction MEASURE_FUNCTION = new YogaMeasureFunction() {
-    @Override
-    public long measure(
-      YogaNode node,
-      float width,
-      YogaMeasureMode widthMode,
-      float height,
-      YogaMeasureMode heightMode) {
-      throw new IllegalStateException("SurfaceView should have explicit width and height set");
-    }
-  };
-
-  @Override
-  public String getName() {
-    return REACT_CLASS;
-  }
-
-  @Override
-  public FlatARTSurfaceViewShadowNode createShadowNodeInstance() {
-    FlatARTSurfaceViewShadowNode node = new FlatARTSurfaceViewShadowNode();
-    node.setMeasureFunction(MEASURE_FUNCTION);
-    return node;
-  }
-
-  @Override
-  public Class<FlatARTSurfaceViewShadowNode> getShadowNodeClass() {
-    return FlatARTSurfaceViewShadowNode.class;
-  }
-
-  @Override
-  protected ARTSurfaceView createViewInstance(ThemedReactContext reactContext) {
-    return new ARTSurfaceView(reactContext);
-  }
-
-  @Override
-  public void updateExtraData(ARTSurfaceView root, Object extraData) {
-    root.setSurfaceTextureListener((FlatARTSurfaceViewShadowNode) extraData);
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatARTSurfaceViewShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/flat/FlatARTSurfaceViewShadowNode.java
deleted file mode 100644
index 09fa6a42a42969..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatARTSurfaceViewShadowNode.java
+++ /dev/null
@@ -1,143 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import android.graphics.Canvas;
-import android.graphics.Color;
-import android.graphics.Paint;
-import android.graphics.PorterDuff;
-import android.graphics.SurfaceTexture;
-import android.util.Log;
-import android.view.Surface;
-import android.view.TextureView;
-
-import com.facebook.react.common.ReactConstants;
-import com.facebook.react.uimanager.ReactShadowNode;
-import com.facebook.react.uimanager.UIViewOperationQueue;
-import com.facebook.react.views.art.ARTVirtualNode;
-import com.facebook.yoga.YogaValue;
-import com.facebook.yoga.YogaUnit;
-
-/* package */ class FlatARTSurfaceViewShadowNode extends FlatShadowNode
-    implements AndroidView, TextureView.SurfaceTextureListener {
-  private boolean mPaddingChanged = false;
-  private @Nullable Surface mSurface;
-
-  /* package */ FlatARTSurfaceViewShadowNode() {
-    forceMountToView();
-    forceMountChildrenToView();
-  }
-
-  @Override
-  public boolean isVirtual() {
-    return false;
-  }
-
-  @Override
-  public boolean isVirtualAnchor() {
-    return true;
-  }
-
-  @Override
-  public void onCollectExtraUpdates(UIViewOperationQueue uiUpdater) {
-    super.onCollectExtraUpdates(uiUpdater);
-    drawOutput();
-    uiUpdater.enqueueUpdateExtraData(getReactTag(), this);
-  }
-
-  private void drawOutput() {
-    if (mSurface == null || !mSurface.isValid()) {
-      markChildrenUpdatesSeen(this);
-      return;
-    }
-
-    try {
-      Canvas canvas = mSurface.lockCanvas(null);
-      canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);
-
-      Paint paint = new Paint();
-      for (int i = 0; i < getChildCount(); i++) {
-        ARTVirtualNode child = (ARTVirtualNode) getChildAt(i);
-        child.draw(canvas, paint, 1f);
-        child.markUpdateSeen();
-      }
-
-      if (mSurface == null) {
-        return;
-      }
-
-      mSurface.unlockCanvasAndPost(canvas);
-    } catch (IllegalArgumentException | IllegalStateException e) {
-      Log.e(ReactConstants.TAG, e.getClass().getSimpleName() + " in Surface.unlockCanvasAndPost");
-    }
-  }
-
-  private void markChildrenUpdatesSeen(ReactShadowNode shadowNode) {
-    for (int i = 0; i < shadowNode.getChildCount(); i++) {
-      ReactShadowNode child = shadowNode.getChildAt(i);
-      child.markUpdateSeen();
-      markChildrenUpdatesSeen(child);
-    }
-  }
-
-  @Override
-  public boolean needsCustomLayoutForChildren() {
-    return false;
-  }
-
-  @Override
-  public boolean isPaddingChanged() {
-    return mPaddingChanged;
-  }
-
-  @Override
-  public void resetPaddingChanged() {
-    mPaddingChanged = false;
-  }
-
-  @Override
-  public void setPadding(int spacingType, float padding) {
-    YogaValue current = getStylePadding(spacingType);
-    if (current.unit != YogaUnit.POINT || current.value != padding) {
-      super.setPadding(spacingType, padding);
-      mPaddingChanged = true;
-      markUpdated();
-    }
-  }
-
-  @Override
-  public void setPaddingPercent(int spacingType, float percent) {
-    YogaValue current = getStylePadding(spacingType);
-    if (current.unit != YogaUnit.PERCENT || current.value != percent) {
-      super.setPadding(spacingType, percent);
-      mPaddingChanged = true;
-      markUpdated();
-    }
-  }
-
-  @Override
-  public void onSurfaceTextureAvailable(SurfaceTexture surface, int width, int height) {
-    mSurface = new Surface(surface);
-    drawOutput();
-  }
-
-  @Override
-  public boolean onSurfaceTextureDestroyed(SurfaceTexture surface) {
-    surface.release();
-    mSurface = null;
-    return true;
-  }
-
-  @Override
-  public void onSurfaceTextureSizeChanged(SurfaceTexture surface, int width, int height) {}
-
-  @Override
-  public void onSurfaceTextureUpdated(SurfaceTexture surface) {}
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatMeasuredViewGroup.java b/ReactAndroid/src/main/java/com/facebook/react/flat/FlatMeasuredViewGroup.java
deleted file mode 100644
index 7e7ee2e46ac427..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatMeasuredViewGroup.java
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import android.graphics.Rect;
-
-/**
- * Helper interface to provide measuring of FlatViewGroup when needed.  We don't override onMeasure
- * for FlatViewGroup, which means that draw commands don't contributed to the measured width and
- * height.  This allows us to expose our calculated dimensions taking into account draw commands,
- * without changing the visibility of the FlatViewGroup.
- */
-public interface FlatMeasuredViewGroup {
-  /**
-   * @return A rect consisting of the left, top, right, and bottommost edge among all children,
-   *   including draw commands.
-   */
-  Rect measureWithCommands();
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatNativeViewHierarchyManager.java b/ReactAndroid/src/main/java/com/facebook/react/flat/FlatNativeViewHierarchyManager.java
deleted file mode 100644
index ac1e0aadde92a5..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatNativeViewHierarchyManager.java
+++ /dev/null
@@ -1,261 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import java.util.ArrayList;
-import java.util.List;
-
-import android.util.SparseArray;
-import android.util.SparseIntArray;
-import android.view.View;
-import android.view.View.MeasureSpec;
-import android.view.ViewGroup;
-
-import com.facebook.react.uimanager.NativeViewHierarchyManager;
-import com.facebook.react.uimanager.common.SizeMonitoringFrameLayout;
-import com.facebook.react.uimanager.ThemedReactContext;
-import com.facebook.react.uimanager.ViewGroupManager;
-import com.facebook.react.uimanager.ViewManagerRegistry;
-
-/**
- * FlatNativeViewHierarchyManager is the only class that performs View manipulations. All of this
- * class methods can only be called from UI thread by {@link FlatUIViewOperationQueue}.
- */
-/* package */ final class FlatNativeViewHierarchyManager extends NativeViewHierarchyManager
-    implements ViewResolver {
-
-  /* package */ FlatNativeViewHierarchyManager(ViewManagerRegistry viewManagers) {
-    super(viewManagers, new FlatRootViewManager());
-  }
-
-  @Override
-  public View getView(int reactTag) {
-    return super.resolveView(reactTag);
-  }
-
-  @Override
-  public void addRootView(
-      int tag,
-      SizeMonitoringFrameLayout view,
-      ThemedReactContext themedContext) {
-    FlatViewGroup root = new FlatViewGroup(themedContext);
-    view.addView(root);
-
-    // When unmounting, ReactInstanceManager.detachViewFromInstance() will check id of the
-    // top-level View (SizeMonitoringFrameLayout) and pass it back to JS. We want that View's id to
-    // be set, otherwise NativeViewHierarchyManager will not be able to cleanup properly.
-    view.setId(tag);
-
-    addRootViewGroup(tag, root, themedContext);
-  }
-
-  /**
-   * Updates DrawCommands and AttachDetachListeners of a FlatViewGroup specified by a reactTag.
-   *
-   * @param reactTag reactTag to lookup FlatViewGroup by
-   * @param drawCommands if non-null, new draw commands to execute during the drawing.
-   * @param listeners if non-null, new attach-detach listeners.
-   */
-  /* package */ void updateMountState(
-      int reactTag,
-      @Nullable DrawCommand[] drawCommands,
-      @Nullable AttachDetachListener[] listeners,
-      @Nullable NodeRegion[] nodeRegions) {
-    FlatViewGroup view = (FlatViewGroup) resolveView(reactTag);
-    if (drawCommands != null) {
-      view.mountDrawCommands(drawCommands);
-    }
-    if (listeners != null) {
-      view.mountAttachDetachListeners(listeners);
-    }
-    if (nodeRegions != null) {
-      view.mountNodeRegions(nodeRegions);
-    }
-  }
-
-  /**
-   * Updates DrawCommands and AttachDetachListeners of a clipping FlatViewGroup specified by a
-   * reactTag.
-   *
-   * @param reactTag The react tag to lookup FlatViewGroup by.
-   * @param drawCommands If non-null, new draw commands to execute during the drawing.
-   * @param drawViewIndexMap Mapping of react tags to the index of the corresponding DrawView
-   *   command in the draw command array.
-   * @param commandMaxBot At each index i, the maximum bottom value (or right value in the case of
-   *   horizontal clipping) value of all draw commands at or below i.
-   * @param commandMinTop At each index i, the minimum top value (or left value in the case of
-   *   horizontal clipping) value of all draw commands at or below i.
-   * @param listeners If non-null, new attach-detach listeners.
-   * @param nodeRegions Node regions to mount.
-   * @param regionMaxBot At each index i, the maximum bottom value (or right value in the case of
-   *   horizontal clipping) value of all node regions at or below i.
-   * @param regionMinTop At each index i, the minimum top value (or left value in the case of
-   *   horizontal clipping) value of all draw commands at or below i.
-   * @param willMountViews Whether we are going to also send a mountViews command in this state
-   *   cycle.
-   */
-  /* package */ void updateClippingMountState(
-      int reactTag,
-      @Nullable DrawCommand[] drawCommands,
-      SparseIntArray drawViewIndexMap,
-      float[] commandMaxBot,
-      float[] commandMinTop,
-      @Nullable AttachDetachListener[] listeners,
-      @Nullable NodeRegion[] nodeRegions,
-      float[] regionMaxBot,
-      float[] regionMinTop,
-      boolean willMountViews) {
-    FlatViewGroup view = (FlatViewGroup) resolveView(reactTag);
-    if (drawCommands != null) {
-      view.mountClippingDrawCommands(
-          drawCommands,
-          drawViewIndexMap,
-          commandMaxBot,
-          commandMinTop,
-          willMountViews);
-    }
-    if (listeners != null) {
-      view.mountAttachDetachListeners(listeners);
-    }
-    if (nodeRegions != null) {
-      view.mountClippingNodeRegions(nodeRegions, regionMaxBot, regionMinTop);
-    }
-  }
-
-  /* package */ void updateViewGroup(int reactTag, int[] viewsToAdd, int[] viewsToDetach) {
-    View view = resolveView(reactTag);
-    if (view instanceof FlatViewGroup) {
-      ((FlatViewGroup) view).mountViews(this, viewsToAdd, viewsToDetach);
-      return;
-    }
-
-    ViewGroup viewGroup = (ViewGroup) view;
-    ViewGroupManager viewManager = (ViewGroupManager) resolveViewManager(reactTag);
-    List<View> listOfViews = new ArrayList<>(viewsToAdd.length);
-
-    // batch the set of additions - some view managers can take advantage of the batching to
-    // decrease operations, etc.
-    for (int viewIdToAdd : viewsToAdd) {
-      int tag = Math.abs(viewIdToAdd);
-      listOfViews.add(resolveView(tag));
-    }
-    viewManager.addViews(viewGroup, listOfViews);
-  }
-
-  /**
-   * Updates View bounds, possibly re-measuring and re-layouting it if the size changed.
-   *
-   * @param reactTag reactTag to lookup a View by
-   * @param left left coordinate relative to parent
-   * @param top top coordinate relative to parent
-   * @param right right coordinate relative to parent
-   * @param bottom bottom coordinate relative to parent
-   */
-  /* package */ void updateViewBounds(int reactTag, int left, int top, int right, int bottom) {
-    View view = resolveView(reactTag);
-    int width = right - left;
-    int height = bottom - top;
-    if (view.getWidth() != width || view.getHeight() != height) {
-      // size changed, we need to measure and layout the View
-      view.measure(
-          MeasureSpec.makeMeasureSpec(width, MeasureSpec.EXACTLY),
-          MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY));
-      view.layout(left, top, right, bottom);
-    } else {
-      // same size, only location changed, there is a faster route.
-      view.offsetLeftAndRight(left - view.getLeft());
-      view.offsetTopAndBottom(top - view.getTop());
-    }
-  }
-
-  /* package */ void setPadding(
-      int reactTag,
-      int paddingLeft,
-      int paddingTop,
-      int paddingRight,
-      int paddingBottom) {
-    resolveView(reactTag).setPadding(paddingLeft, paddingTop, paddingRight, paddingBottom);
-  }
-
-  /* package */ void dropViews(SparseIntArray viewsToDrop) {
-    for (int i = 0, count = viewsToDrop.size(); i < count; i++) {
-      int viewToDrop = viewsToDrop.keyAt(i);
-      View view = null;
-      if (viewToDrop > 0) {
-        try {
-          view = resolveView(viewToDrop);
-          dropView(view);
-        } catch (Exception e) {
-          // the view is already dropped, nothing we can do
-        }
-      } else {
-        // Root views are noted with a negative tag from StateBuilder.
-        removeRootView(-viewToDrop);
-      }
-
-      int parentTag = viewsToDrop.valueAt(i);
-      // this only happens for clipped, non-root views - clipped because there is no parent, and
-      // not a root view (because we explicitly pass -1 for root views).
-      if (parentTag > 0 && view != null && view.getParent() == null) {
-        // this can only happen if the parent exists (if the parent were removed first, it'd also
-        // remove the child, so trying to explicitly remove the child afterwards would crash at
-        // the resolveView call above) - we also explicitly check for a null parent, implying that
-        // we are either clipped (or that we already removed the child from its parent, in which
-        // case this will essentially be a no-op).
-        View parent = resolveView(parentTag);
-        if (parent instanceof FlatViewGroup) {
-          ((FlatViewGroup) parent).onViewDropped(view);
-        }
-      }
-    }
-  }
-
-  @Override
-  protected void dropView(View view) {
-    super.dropView(view);
-
-    // As a result of removeClippedSubviews, some views have strong references but are not attached
-    // to a parent. consequently, when the parent gets removed, these Views don't get cleaned up,
-    // because they aren't children (they also aren't removed from mTagsToViews, thus causing a
-    // leak). To solve this, we ask for said detached views and explicitly drop them.
-    if (view instanceof FlatViewGroup) {
-      FlatViewGroup flatViewGroup = (FlatViewGroup) view;
-      if (flatViewGroup.getRemoveClippedSubviews()) {
-        SparseArray<View> detachedViews = flatViewGroup.getDetachedViews();
-        for (int i = 0, size = detachedViews.size(); i < size; i++) {
-          View detachedChild = detachedViews.valueAt(i);
-          try {
-             dropView(detachedChild);
-          } catch (Exception e) {
-             // if the view is already dropped, ignore any exceptions
-             // in reality, we should find out the edge cases that cause
-             // this to happen and properly fix them.
-          }
-          // trigger onDetachedFromWindow and clean up this detached/clipped view
-          flatViewGroup.removeDetachedView(detachedChild);
-        }
-      }
-    }
-  }
-
-  /* package */ void detachAllChildrenFromViews(int[] viewsToDetachAllChildrenFrom) {
-    for (int viewTag : viewsToDetachAllChildrenFrom) {
-      View view = resolveView(viewTag);
-      if (view instanceof FlatViewGroup) {
-        ((FlatViewGroup) view).detachAllViewsFromParent();
-        continue;
-      }
-
-      ViewGroup viewGroup = (ViewGroup) view;
-      ViewGroupManager viewManager = (ViewGroupManager) resolveViewManager(viewTag);
-      viewManager.removeAllViews(viewGroup);
-    }
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatReactModalShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/flat/FlatReactModalShadowNode.java
deleted file mode 100644
index 01191247c84edc..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatReactModalShadowNode.java
+++ /dev/null
@@ -1,105 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import android.annotation.TargetApi;
-import android.content.Context;
-import android.graphics.Point;
-import android.view.Display;
-import android.view.Surface;
-import android.view.WindowManager;
-import com.facebook.react.uimanager.ReactShadowNodeImpl;
-import com.facebook.yoga.YogaUnit;
-import com.facebook.yoga.YogaValue;
-
-/**
- * FlatReactModalShadowNode
- *
- * This is a Nodes specific shadow node for modals. This is required because we wrap any
- * non-FlatShadowNode node in a NativeViewWrapper. In the case of a modal shadow node, we need
- * to treat it as its own node so that we can add the custom measurement behavior that is there
- * in the non-Nodes version when we add a child.
- *
- * {@see {@link com.facebook.react.views.modal.ModalHostShadowNode}}
- */
-class FlatReactModalShadowNode extends FlatShadowNode implements AndroidView {
-
-  private final Point mMinPoint = new Point();
-  private final Point mMaxPoint = new Point();
-  private boolean mPaddingChanged;
-
-  FlatReactModalShadowNode() {
-    forceMountToView();
-    forceMountChildrenToView();
-  }
-
-  /**
-   * We need to set the styleWidth and styleHeight of the one child (represented by the <View/>
-   * within the <RCTModalHostView/> in Modal.js. This needs to fill the entire window.
-   */
-  @Override
-  @TargetApi(16)
-  public void addChildAt(ReactShadowNodeImpl child, int i) {
-    super.addChildAt(child, i);
-
-    Context context = getThemedContext();
-    WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
-    Display display = wm.getDefaultDisplay();
-    // getCurrentSizeRange will return the min and max width and height that the window can be
-    display.getCurrentSizeRange(mMinPoint, mMaxPoint);
-
-    int width, height;
-    int rotation = display.getRotation();
-    if (rotation == Surface.ROTATION_0 || rotation == Surface.ROTATION_180) {
-      // If we are vertical the width value comes from min width and height comes from max height
-      width = mMinPoint.x;
-      height = mMaxPoint.y;
-    } else {
-      // If we are horizontal the width value comes from max width and height comes from min height
-      width = mMaxPoint.x;
-      height = mMinPoint.y;
-    }
-    child.setStyleWidth(width);
-    child.setStyleHeight(height);
-  }
-
-  @Override
-  public boolean needsCustomLayoutForChildren() {
-    return false;
-  }
-
-  @Override
-  public boolean isPaddingChanged() {
-    return mPaddingChanged;
-  }
-
-  @Override
-  public void resetPaddingChanged() {
-    mPaddingChanged = false;
-  }
-
-  @Override
-  public void setPadding(int spacingType, float padding) {
-    YogaValue current = getStylePadding(spacingType);
-    if (current.unit != YogaUnit.POINT || current.value != padding) {
-      super.setPadding(spacingType, padding);
-      mPaddingChanged = true;
-      markUpdated();
-    }
-  }
-
-  @Override
-  public void setPaddingPercent(int spacingType, float percent) {
-    YogaValue current = getStylePadding(spacingType);
-    if (current.unit != YogaUnit.PERCENT || current.value != percent) {
-      super.setPadding(spacingType, percent);
-      mPaddingChanged = true;
-      markUpdated();
-    }
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatRootShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/flat/FlatRootShadowNode.java
deleted file mode 100644
index b60ab205b7a406..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatRootShadowNode.java
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-/**
- * Root node of the shadow node hierarchy. Currently, the only node that can actually map to a View.
- */
-/* package */ final class FlatRootShadowNode extends FlatShadowNode {
-
-  /* package */ FlatRootShadowNode() {
-    forceMountToView();
-    signalBackingViewIsCreated();
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatRootViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/flat/FlatRootViewManager.java
deleted file mode 100644
index 929c8ce81836aa..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatRootViewManager.java
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import android.view.ViewGroup;
-
-import com.facebook.react.uimanager.RootViewManager;
-
-/* package */ class FlatRootViewManager extends RootViewManager {
-
-  @Override
-  public void removeAllViews(ViewGroup parent) {
-    parent.removeAllViewsInLayout();
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/flat/FlatShadowNode.java
deleted file mode 100644
index 9f96433b8094f0..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatShadowNode.java
+++ /dev/null
@@ -1,570 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import android.graphics.Rect;
-import com.facebook.infer.annotation.Assertions;
-import com.facebook.react.uimanager.LayoutShadowNode;
-import com.facebook.react.uimanager.OnLayoutEvent;
-import com.facebook.react.uimanager.ReactClippingViewGroupHelper;
-import com.facebook.react.uimanager.ReactShadowNode;
-import com.facebook.react.uimanager.ReactShadowNodeImpl;
-import com.facebook.react.uimanager.ReactStylesDiffMap;
-import com.facebook.react.uimanager.ViewProps;
-import com.facebook.react.uimanager.annotations.ReactProp;
-import javax.annotation.Nullable;
-
-/**
- * FlatShadowNode is a base class for all shadow node used in FlatUIImplementation. It extends
- * {@link LayoutShadowNode} by adding an ability to prepare DrawCommands off the UI thread.
- */
-/* package */ class FlatShadowNode extends LayoutShadowNode {
-
-  /* package */ static final FlatShadowNode[] EMPTY_ARRAY = new FlatShadowNode[0];
-
-  private static final String PROP_OPACITY = "opacity";
-  private static final String PROP_RENDER_TO_HARDWARE_TEXTURE = "renderToHardwareTextureAndroid";
-  private static final String PROP_ACCESSIBILITY_LABEL = "accessibilityLabel";
-  private static final String PROP_ACCESSIBILITY_COMPONENT_TYPE = "accessibilityComponentType";
-  private static final String PROP_ACCESSIBILITY_LIVE_REGION = "accessibilityLiveRegion";
-  private static final String PROP_IMPORTANT_FOR_ACCESSIBILITY = "importantForAccessibility";
-  private static final String PROP_TEST_ID = "testID";
-  private static final String PROP_TRANSFORM = "transform";
-  protected static final String PROP_REMOVE_CLIPPED_SUBVIEWS =
-      ReactClippingViewGroupHelper.PROP_REMOVE_CLIPPED_SUBVIEWS;
-  protected static final String PROP_HORIZONTAL = "horizontal";
-  private static final Rect LOGICAL_OFFSET_EMPTY = new Rect();
-  // When we first initialize a backing view, we create a view we are going to throw away anyway,
-  // so instead initialize with a shared view.
-  private static final DrawView EMPTY_DRAW_VIEW = new DrawView(0);
-
-  private DrawCommand[] mDrawCommands = DrawCommand.EMPTY_ARRAY;
-  private AttachDetachListener[] mAttachDetachListeners = AttachDetachListener.EMPTY_ARRAY;
-  private NodeRegion[] mNodeRegions = NodeRegion.EMPTY_ARRAY;
-  private FlatShadowNode[] mNativeChildren = FlatShadowNode.EMPTY_ARRAY;
-  private NodeRegion mNodeRegion = NodeRegion.EMPTY;
-  private int mNativeParentTag;
-  private int mViewLeft;
-  private int mViewTop;
-  private int mViewRight;
-  private int mViewBottom;
-  private boolean mBackingViewIsCreated;
-  private @Nullable DrawView mDrawView;
-  private @Nullable DrawBackgroundColor mDrawBackground;
-  private boolean mIsUpdated = true;
-  private boolean mForceMountChildrenToView;
-  private float mClipLeft;
-  private float mClipTop;
-  private float mClipRight;
-  private float mClipBottom;
-
-  // Used to track whether any of the NodeRegions overflow this Node. This is used to determine
-  // whether or not we can detach this Node in the context of a container with
-  // setRemoveClippedSubviews enabled.
-  private boolean mOverflowsContainer;
-  // this Rect contains the offset to get the "logical bounds" (i.e. bounds that include taking
-  // into account overflow visible).
-  private Rect mLogicalOffset = LOGICAL_OFFSET_EMPTY;
-
-  // last OnLayoutEvent info, only used when shouldNotifyOnLayout() is true.
-  private int mLayoutX;
-  private int mLayoutY;
-  private int mLayoutWidth;
-  private int mLayoutHeight;
-
-  // clip radius
-  float mClipRadius;
-  boolean mClipToBounds = false;
-
-  /* package */ void handleUpdateProperties(ReactStylesDiffMap styles) {
-    if (!mountsToView()) {
-      // Make sure we mount this FlatShadowNode to a View if any of these properties are present.
-      if (styles.hasKey(PROP_OPACITY) ||
-          styles.hasKey(PROP_RENDER_TO_HARDWARE_TEXTURE) ||
-          styles.hasKey(PROP_TEST_ID) ||
-          styles.hasKey(PROP_ACCESSIBILITY_LABEL) ||
-          styles.hasKey(PROP_ACCESSIBILITY_COMPONENT_TYPE) ||
-          styles.hasKey(PROP_ACCESSIBILITY_LIVE_REGION) ||
-          styles.hasKey(PROP_TRANSFORM) ||
-          styles.hasKey(PROP_IMPORTANT_FOR_ACCESSIBILITY) ||
-          styles.hasKey(PROP_REMOVE_CLIPPED_SUBVIEWS)) {
-        forceMountToView();
-      }
-    }
-  }
-
-  /* package */ final void forceMountChildrenToView() {
-    if (mForceMountChildrenToView) {
-      return;
-    }
-
-    mForceMountChildrenToView = true;
-    for (int i = 0, childCount = getChildCount(); i != childCount; ++i) {
-      ReactShadowNode child = getChildAt(i);
-      if (child instanceof FlatShadowNode) {
-        ((FlatShadowNode) child).forceMountToView();
-      }
-    }
-  }
-
-  /**
-   * Collects DrawCommands produced by this FlatShadowNode.
-   */
-  protected void collectState(
-      StateBuilder stateBuilder,
-      float left,
-      float top,
-      float right,
-      float bottom,
-      float clipLeft,
-      float clipTop,
-      float clipRight,
-      float clipBottom) {
-    if (mDrawBackground != null) {
-      mDrawBackground = (DrawBackgroundColor) mDrawBackground.updateBoundsAndFreeze(
-          left,
-          top,
-          right,
-          bottom,
-          clipLeft,
-          clipTop,
-          clipRight,
-          clipBottom);
-      stateBuilder.addDrawCommand(mDrawBackground);
-    }
-  }
-
-  /**
-   * Return whether or not this node draws anything
-   *
-   * This is used to decide whether or not to collect the NodeRegion for this node. This ensures
-   * that any FlatShadowNode that does not emit any DrawCommands should not bother handling touch
-   * (i.e. if it draws absolutely nothing, it is, for all intents and purposes, a layout only node).
-   *
-   * @return whether or not this is node draws anything
-   */
-  boolean doesDraw() {
-    // if it mounts to view or draws a background, we can collect it - otherwise, no, unless a
-    // child suggests some alternative behavior
-    return mDrawView != null || mDrawBackground != null;
-  }
-
-  @ReactProp(name = ViewProps.BACKGROUND_COLOR)
-  public void setBackgroundColor(int backgroundColor) {
-    mDrawBackground = (backgroundColor == 0) ? null : new DrawBackgroundColor(backgroundColor);
-    invalidate();
-  }
-
-  @Override
-  public void setOverflow(String overflow) {
-    super.setOverflow(overflow);
-    mClipToBounds = "hidden".equals(overflow);
-    if (mClipToBounds) {
-      mOverflowsContainer = false;
-      if (mClipRadius > DrawView.MINIMUM_ROUNDED_CLIPPING_VALUE) {
-        // mount to a view if we are overflow: hidden and are clipping, so that we can do one
-        // clipPath to clip all the children of this node (both DrawCommands and Views).
-        forceMountToView();
-      }
-    } else {
-      updateOverflowsContainer();
-    }
-    invalidate();
-  }
-
-  public final boolean clipToBounds() {
-    return mClipToBounds;
-  }
-
-  @Override
-  public final int getScreenX() {
-    return mViewLeft;
-  }
-
-  @Override
-  public final int getScreenY() {
-    return mViewTop;
-  }
-
-  @Override
-  public final int getScreenWidth() {
-    if (mountsToView()) {
-      return mViewRight - mViewLeft;
-    } else {
-      return Math.round(mNodeRegion.getRight() - mNodeRegion.getLeft());
-    }
-  }
-
-  @Override
-  public final int getScreenHeight() {
-    if (mountsToView()) {
-      return mViewBottom - mViewTop;
-    } else {
-      return Math.round(mNodeRegion.getBottom() - mNodeRegion.getTop());
-    }
-  }
-
-  @Override
-  public void addChildAt(ReactShadowNodeImpl child, int i) {
-    super.addChildAt(child, i);
-    if (mForceMountChildrenToView && child instanceof FlatShadowNode) {
-      ((FlatShadowNode) child).forceMountToView();
-    }
-  }
-
-  /**
-   * Marks root node as updated to trigger a StateBuilder pass to collect DrawCommands for the node
-   * tree. Use it when FlatShadowNode is updated but doesn't require a layout pass (e.g. background
-   * color is changed).
-   */
-  protected final void invalidate() {
-    FlatShadowNode node = this;
-
-    while (true) {
-      if (node.mountsToView()) {
-        if (node.mIsUpdated) {
-          // already updated
-          return;
-        }
-
-        node.mIsUpdated = true;
-      }
-
-      ReactShadowNode parent = node.getParent();
-      if (parent == null) {
-        // not attached to a hierarchy yet
-        return;
-      }
-
-      node = (FlatShadowNode) parent;
-    }
-  }
-
-  @Override
-  public void markUpdated() {
-    super.markUpdated();
-    mIsUpdated = true;
-    invalidate();
-  }
-
-  /* package */ final boolean isUpdated() {
-    return mIsUpdated;
-  }
-
-  /* package */ final void resetUpdated() {
-    mIsUpdated = false;
-  }
-
-  /* package */ final boolean clipBoundsChanged(
-      float clipLeft,
-      float clipTop,
-      float clipRight,
-      float clipBottom) {
-    return mClipLeft != clipLeft || mClipTop != clipTop ||
-        mClipRight != clipRight || mClipBottom != clipBottom;
-  }
-
-  /* package */ final void setClipBounds(
-      float clipLeft,
-      float clipTop,
-      float clipRight,
-      float clipBottom) {
-    mClipLeft = clipLeft;
-    mClipTop = clipTop;
-    mClipRight = clipRight;
-    mClipBottom = clipBottom;
-  }
-
-  /**
-   * Returns an array of DrawCommands to perform during the View's draw pass.
-   */
-  /* package */ final DrawCommand[] getDrawCommands() {
-    return mDrawCommands;
-  }
-
-  /**
-   * Sets an array of DrawCommands to perform during the View's draw pass. StateBuilder uses old
-   * draw commands to compare to new draw commands and see if the View needs to be redrawn.
-   */
-  /* package */ final void setDrawCommands(DrawCommand[] drawCommands) {
-    mDrawCommands = drawCommands;
-  }
-
-  /**
-   * Sets an array of AttachDetachListeners to call onAttach/onDetach when they are attached to or
-   * detached from a View that this shadow node maps to.
-   */
-  /* package */ final void setAttachDetachListeners(AttachDetachListener[] listeners) {
-    mAttachDetachListeners = listeners;
-  }
-
-  /**
-   * Returns an array of AttachDetachListeners associated with this shadow node.
-   */
-  /* package */ final AttachDetachListener[] getAttachDetachListeners() {
-    return mAttachDetachListeners;
-  }
-
-  /* package */ final FlatShadowNode[] getNativeChildren() {
-    return mNativeChildren;
-  }
-
-  /* package */ final void setNativeChildren(FlatShadowNode[] nativeChildren) {
-    mNativeChildren = nativeChildren;
-  }
-
-  /* package */ final int getNativeParentTag() {
-    return mNativeParentTag;
-  }
-
-  /* package */ final void setNativeParentTag(int nativeParentTag) {
-    mNativeParentTag = nativeParentTag;
-  }
-
-  /* package */ final NodeRegion[] getNodeRegions() {
-    return mNodeRegions;
-  }
-
-  /* package */ final void setNodeRegions(NodeRegion[] nodeRegion) {
-    mNodeRegions = nodeRegion;
-    updateOverflowsContainer();
-  }
-
-  /* package */ final void updateOverflowsContainer() {
-    boolean overflowsContainer = false;
-    int width = (int) (mNodeRegion.getRight() - mNodeRegion.getLeft());
-    int height = (int) (mNodeRegion.getBottom() - mNodeRegion.getTop());
-
-    float leftBound = 0;
-    float rightBound = width;
-    float topBound = 0;
-    float bottomBound = height;
-    Rect logicalOffset = null;
-
-    // when we are overflow:visible, we try to figure out if any of the children are outside
-    // of the bounds of this view. since NodeRegion bounds are relative to their parent (i.e.
-    // 0, 0 is always the start), we see how much outside of the bounds we are (negative left
-    // or top, or bottom that's more than height or right that's more than width). we set these
-    // offsets in mLogicalOffset for being able to more intelligently determine whether or not
-    // to clip certain subviews.
-    if (!mClipToBounds && height > 0 && width > 0) {
-      for (NodeRegion region : mNodeRegions) {
-        if (region.getLeft() < leftBound) {
-          leftBound = region.getLeft();
-          overflowsContainer = true;
-        }
-
-        if (region.getRight() > rightBound) {
-          rightBound = region.getRight();
-          overflowsContainer = true;
-        }
-
-        if (region.getTop() < topBound) {
-          topBound = region.getTop();
-          overflowsContainer = true;
-        }
-
-        if (region.getBottom() > bottomBound) {
-          bottomBound = region.getBottom();
-          overflowsContainer = true;
-        }
-      }
-
-      if (overflowsContainer) {
-        logicalOffset = new Rect(
-            (int) leftBound,
-            (int) topBound,
-            (int) (rightBound - width),
-            (int) (bottomBound - height));
-      }
-    }
-
-    // if we don't overflow, let's check if any of the immediate children overflow.
-    // this is "indirectly recursive," since this method is called when setNodeRegions is called,
-    // and the children call setNodeRegions before their parent. consequently, when a node deep
-    // inside the tree overflows, its immediate parent has mOverflowsContainer set to true, and,
-    // by extension, so do all of its ancestors, sufficing here to only check the immediate
-    // child's mOverflowsContainer value instead of recursively asking if each child overflows its
-    // container.
-    if (!overflowsContainer && mNodeRegion != NodeRegion.EMPTY) {
-      int children = getChildCount();
-      for (int i = 0; i < children; i++) {
-        ReactShadowNode node = getChildAt(i);
-        if (node instanceof FlatShadowNode && ((FlatShadowNode) node).mOverflowsContainer) {
-          Rect childLogicalOffset = ((FlatShadowNode) node).mLogicalOffset;
-          if (logicalOffset == null) {
-            logicalOffset = new Rect();
-          }
-          // TODO: t11674025 - improve this - a grandparent may end up having smaller logical
-          // bounds than its children (because the grandparent's size may be larger than that of
-          // its child, so the grandchild overflows its parent but not its grandparent). currently,
-          // if a 100x100 view has a 5x5 view, and inside it has a 10x10 view, the inner most view
-          // overflows its parent but not its grandparent - the logical bounds on the grandparent
-          // will still be 5x5 (because they're inherited from the child's logical bounds). this
-          // has the effect of causing us to clip 5px later than we really have to.
-          logicalOffset.union(childLogicalOffset);
-          overflowsContainer = true;
-        }
-      }
-    }
-
-    // if things changed, notify the parent(s) about said changes - while in many cases, this will
-    // be extra work (since we process this for the parents after the children), in some cases,
-    // we may have no new node regions in the parent, but have a new node region in the child, and,
-    // as a result, the parent may not get the correct value for overflows container.
-    if (mOverflowsContainer != overflowsContainer) {
-      mOverflowsContainer = overflowsContainer;
-      mLogicalOffset = logicalOffset == null ? LOGICAL_OFFSET_EMPTY : logicalOffset;
-    }
-  }
-
-  /* package */ void updateNodeRegion(
-      float left,
-      float top,
-      float right,
-      float bottom,
-      boolean isVirtual) {
-    if (!mNodeRegion.matches(left, top, right, bottom, isVirtual)) {
-      setNodeRegion(new NodeRegion(left, top, right, bottom, getReactTag(), isVirtual));
-    }
-  }
-
-  protected final void setNodeRegion(NodeRegion nodeRegion) {
-    mNodeRegion = nodeRegion;
-    updateOverflowsContainer();
-  }
-
-  /* package */ final NodeRegion getNodeRegion() {
-    return mNodeRegion;
-  }
-
-  /**
-   * Sets boundaries of the View that this node maps to relative to the parent left/top coordinate.
-   */
-  /* package */ final void setViewBounds(int left, int top, int right, int bottom) {
-    mViewLeft = left;
-    mViewTop = top;
-    mViewRight = right;
-    mViewBottom = bottom;
-  }
-
-  /**
-   * Left position of the View this node maps to relative to the parent View.
-   */
-  /* package */ final int getViewLeft() {
-    return mViewLeft;
-  }
-
-  /**
-   * Top position of the View this node maps to relative to the parent View.
-   */
-  /* package */ final int getViewTop() {
-    return mViewTop;
-  }
-
-  /**
-   * Right position of the View this node maps to relative to the parent View.
-   */
-  /* package */ final int getViewRight() {
-    return mViewRight;
-  }
-
-  /**
-   * Bottom position of the View this node maps to relative to the parent View.
-   */
-  /* package */ final int getViewBottom() {
-    return mViewBottom;
-  }
-
-  /* package */ final void forceMountToView() {
-    if (isVirtual()) {
-      return;
-    }
-
-    if (mDrawView == null) {
-      // Create a new DrawView, but we might not know our react tag yet, so set it to 0 in the
-      // meantime.
-      mDrawView = EMPTY_DRAW_VIEW;
-      invalidate();
-
-      // reset NodeRegion to allow it getting garbage-collected
-      mNodeRegion = NodeRegion.EMPTY;
-    }
-  }
-
-  /* package */ final DrawView collectDrawView(
-      float left,
-      float top,
-      float right,
-      float bottom,
-      float clipLeft,
-      float clipTop,
-      float clipRight,
-      float clipBottom) {
-    Assertions.assumeNotNull(mDrawView);
-    if (mDrawView == EMPTY_DRAW_VIEW) {
-      // This is the first time we have collected this DrawView, but we have to create a new
-      // DrawView anyway, as reactTag is final, and our DrawView instance is the static copy.
-      mDrawView = new DrawView(getReactTag());
-    }
-
-    // avoid path clipping if overflow: visible
-    float clipRadius = mClipToBounds ? mClipRadius : 0.0f;
-    // We have the correct react tag, but we may need a new copy with updated bounds.  If the bounds
-    // match or were never set, the same view is returned.
-    mDrawView = mDrawView.collectDrawView(
-        left,
-        top,
-        right,
-        bottom,
-        left + mLogicalOffset.left,
-        top + mLogicalOffset.top,
-        right + mLogicalOffset.right,
-        bottom + mLogicalOffset.bottom,
-        clipLeft,
-        clipTop,
-        clipRight,
-        clipBottom,
-        clipRadius);
-    return mDrawView;
-  }
-
-  @Nullable
-  /* package */ final OnLayoutEvent obtainLayoutEvent(int x, int y, int width, int height) {
-    if (mLayoutX == x && mLayoutY == y && mLayoutWidth == width && mLayoutHeight == height) {
-      return null;
-    }
-
-    mLayoutX = x;
-    mLayoutY = y;
-    mLayoutWidth = width;
-    mLayoutHeight = height;
-
-    return OnLayoutEvent.obtain(getReactTag(), x, y, width, height);
-  }
-
-  /* package */ final boolean mountsToView() {
-    return mDrawView != null;
-  }
-
-  /* package */ final boolean isBackingViewCreated() {
-    return mBackingViewIsCreated;
-  }
-
-  /* package */ final void signalBackingViewIsCreated() {
-    mBackingViewIsCreated = true;
-  }
-
-  public boolean clipsSubviews() {
-    return false;
-  }
-
-  public boolean isHorizontal() {
-    return false;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatTextShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/flat/FlatTextShadowNode.java
deleted file mode 100644
index 90a349d2e573ba..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatTextShadowNode.java
+++ /dev/null
@@ -1,81 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import android.text.SpannableStringBuilder;
-
-import com.facebook.react.uimanager.ReactShadowNode;
-
-/**
- * Base class for RCTVirtualText and RCTRawText.
- */
-/* package */ abstract class FlatTextShadowNode extends FlatShadowNode {
-
-  // these 2 are only used between collectText() and applySpans() calls.
-  private int mTextBegin;
-  private int mTextEnd;
-
-  /**
-   * Propagates changes up to RCTText without dirtying current node.
-   */
-  protected void notifyChanged(boolean shouldRemeasure) {
-    ReactShadowNode parent = getParent();
-    if (parent instanceof FlatTextShadowNode) {
-      ((FlatTextShadowNode) parent).notifyChanged(shouldRemeasure);
-    }
-  }
-
-  @Override
-  public boolean isVirtual() {
-    return true;
-  }
-
-  /**
-   * Recursively visits FlatTextShadowNode and its children,
-   * appending text to SpannableStringBuilder.
-   */
-  /* package */ final void collectText(SpannableStringBuilder builder) {
-    mTextBegin = builder.length();
-    performCollectText(builder);
-    mTextEnd = builder.length();
-  }
-
-  /**
-   * Whether or not to allow empty spans to be set
-   * This is used to bypass an optimization in {@code applySpans} that skips applying spans if
-   * there is no text (since, for TextInput, for example, we want to apply the span even if there
-   * is no text so that newly typed text gets styled properly).
-   *
-   * @return a boolean representing whether or not we should allow empty spans
-   */
-  /* package */ boolean shouldAllowEmptySpans() {
-    return false;
-  }
-
-  /* package */ boolean isEditable() {
-    return false;
-  }
-
-  /**
-   * Recursively visits FlatTextShadowNode and its children,
-   * applying spans to SpannableStringBuilder.
-   */
-  /* package */ final void applySpans(SpannableStringBuilder builder, boolean isEditable) {
-    if (mTextBegin != mTextEnd || shouldAllowEmptySpans()) {
-      performApplySpans(builder, mTextBegin, mTextEnd, isEditable);
-    }
-  }
-
-  protected abstract void performCollectText(SpannableStringBuilder builder);
-  protected abstract void performApplySpans(
-      SpannableStringBuilder builder,
-      int begin,
-      int end,
-      boolean isEditable);
-  protected abstract void performCollectAttachDetachListeners(StateBuilder stateBuilder);
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatUIImplementation.java b/ReactAndroid/src/main/java/com/facebook/react/flat/FlatUIImplementation.java
deleted file mode 100644
index 74174d2b6ab50a..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatUIImplementation.java
+++ /dev/null
@@ -1,608 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import com.facebook.infer.annotation.Assertions;
-import com.facebook.react.bridge.Callback;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.modules.fresco.FrescoModule;
-import com.facebook.react.modules.i18nmanager.I18nUtil;
-import com.facebook.react.uimanager.ReactShadowNode;
-import com.facebook.react.uimanager.ReactStylesDiffMap;
-import com.facebook.react.uimanager.UIImplementation;
-import com.facebook.react.uimanager.ViewManager;
-import com.facebook.react.uimanager.ViewManagerRegistry;
-import com.facebook.react.uimanager.events.EventDispatcher;
-import com.facebook.yoga.YogaDirection;
-import java.util.Arrays;
-import java.util.HashMap;
-import java.util.List;
-import java.util.Map;
-import javax.annotation.Nullable;
-
-/**
- * FlatUIImplementation builds on top of UIImplementation and allows pre-creating everything
- * required for drawing (DrawCommands) and touching (NodeRegions) views in background thread
- * for faster drawing and interactions.
- */
-public class FlatUIImplementation extends UIImplementation {
-
-  private static final Map<String, Class<? extends ViewManager>> flatManagerClassMap;
-
-  static {
-    flatManagerClassMap = new HashMap<>();
-    flatManagerClassMap.put(RCTViewManager.REACT_CLASS, RCTViewManager.class);
-    flatManagerClassMap.put(RCTTextManager.REACT_CLASS, RCTTextManager.class);
-    flatManagerClassMap.put(RCTRawTextManager.REACT_CLASS, RCTRawTextManager.class);
-    flatManagerClassMap.put(RCTVirtualTextManager.REACT_CLASS, RCTVirtualTextManager.class);
-    flatManagerClassMap.put(RCTTextInlineImageManager.REACT_CLASS, RCTTextInlineImageManager.class);
-    flatManagerClassMap.put(RCTImageViewManager.REACT_CLASS, RCTImageViewManager.class);
-    flatManagerClassMap.put(RCTTextInputManager.REACT_CLASS, RCTTextInputManager.class);
-    flatManagerClassMap.put(RCTViewPagerManager.REACT_CLASS, RCTViewPagerManager.class);
-    flatManagerClassMap.put(FlatARTSurfaceViewManager.REACT_CLASS, FlatARTSurfaceViewManager.class);
-    flatManagerClassMap.put(RCTModalHostManager.REACT_CLASS, RCTModalHostManager.class);
-  }
-
-  /**
-   * Build the map of view managers, checking that the managers FlatUI requires are correctly
-   * overridden.
-   */
-  private static Map<String, ViewManager> buildViewManagerMap(List<ViewManager> viewManagers) {
-    Map<String, ViewManager> viewManagerMap = new HashMap<>();
-    for (ViewManager viewManager : viewManagers) {
-      viewManagerMap.put(viewManager.getName(), viewManager);
-    }
-    for (Map.Entry<String, Class<? extends ViewManager>> entry : flatManagerClassMap.entrySet()) {
-      String name = entry.getKey();
-      ViewManager maybeFlatViewManager = viewManagerMap.get(name);
-      if (maybeFlatViewManager == null) {
-        // We don't have a view manager for this name in the package, no need to add one.
-        continue;
-      }
-
-      Class<? extends ViewManager> flatClazz = entry.getValue();
-      if (maybeFlatViewManager.getClass() != flatClazz) {
-        // If we have instances that have flat equivalents, override them.
-        try {
-          viewManagerMap.put(name, flatClazz.newInstance());
-        } catch (IllegalAccessException e) {
-          throw new RuntimeException("Unable to access flat class for " + name, e);
-        } catch (InstantiationException e) {
-          throw new RuntimeException("Unable to instantiate flat class for " + name, e);
-        }
-      }
-    }
-    return viewManagerMap;
-  }
-
-  public static FlatUIImplementation createInstance(
-      ReactApplicationContext reactContext,
-      List<ViewManager> viewManagers,
-      EventDispatcher eventDispatcher,
-      boolean memoryImprovementEnabled,
-      int minTimeLeftInFrameForNonBatchedOperationMs) {
-
-    Map<String, ViewManager> viewManagerMap = buildViewManagerMap(viewManagers);
-
-    RCTImageViewManager imageViewManager =
-      (RCTImageViewManager) viewManagerMap.get(RCTImageViewManager.REACT_CLASS);
-    if (imageViewManager != null) {
-      Object callerContext = imageViewManager.getCallerContext();
-      if (callerContext != null) {
-        RCTImageView.setCallerContext(callerContext);
-      }
-    }
-    DraweeRequestHelper.setResources(reactContext.getResources());
-
-    TypefaceCache.setAssetManager(reactContext.getAssets());
-
-    ViewManagerRegistry viewManagerRegistry = new ViewManagerRegistry(viewManagerMap);
-    FlatNativeViewHierarchyManager nativeViewHierarchyManager = new FlatNativeViewHierarchyManager(
-      viewManagerRegistry);
-    FlatUIViewOperationQueue operationsQueue =
-        new FlatUIViewOperationQueue(
-            reactContext, nativeViewHierarchyManager, minTimeLeftInFrameForNonBatchedOperationMs);
-    return new FlatUIImplementation(
-      reactContext,
-      imageViewManager,
-      viewManagerRegistry,
-      operationsQueue,
-      eventDispatcher,
-      memoryImprovementEnabled
-    );
-  }
-
-  /**
-   * Helper class that sorts moveTo/moveFrom arrays passed to #manageChildren().
-   * Not used outside of the said method.
-   */
-  private final MoveProxy mMoveProxy = new MoveProxy();
-  private final ReactApplicationContext mReactContext;
-  private @Nullable RCTImageViewManager mRCTImageViewManager;
-  private final StateBuilder mStateBuilder;
-  private final boolean mMemoryImprovementEnabled;
-
-  private FlatUIImplementation(
-      ReactApplicationContext reactContext,
-      @Nullable RCTImageViewManager rctImageViewManager,
-      ViewManagerRegistry viewManagers,
-      FlatUIViewOperationQueue operationsQueue,
-      EventDispatcher eventDispatcher,
-      boolean memoryImprovementEnabled) {
-    super(reactContext, viewManagers, operationsQueue, eventDispatcher);
-    mReactContext = reactContext;
-    mRCTImageViewManager = rctImageViewManager;
-    mStateBuilder = new StateBuilder(operationsQueue);
-    mMemoryImprovementEnabled = memoryImprovementEnabled;
-  }
-
-  @Override
-  protected ReactShadowNode createRootShadowNode() {
-    if (mRCTImageViewManager != null) {
-      // This is not the best place to initialize DraweeRequestHelper, but order of module
-      // initialization is undefined, and this is pretty much the earliest when we are guarantied
-      // that Fresco is initialized and DraweeControllerBuilder can be queried. This also happens
-      // relatively rarely to have any performance considerations.
-      mReactContext.getNativeModule(FrescoModule.class); // initialize Fresco
-      DraweeRequestHelper.setDraweeControllerBuilder(
-        mRCTImageViewManager.getDraweeControllerBuilder());
-      mRCTImageViewManager = null;
-    }
-
-    ReactShadowNode node = new FlatRootShadowNode();
-    I18nUtil sharedI18nUtilInstance = I18nUtil.getInstance();
-    if (sharedI18nUtilInstance.isRTL(mReactContext)) {
-      node.setLayoutDirection(YogaDirection.RTL);
-    }
-    return node;
-  }
-
-  @Override
-  protected ReactShadowNode createShadowNode(String className) {
-    ReactShadowNode cssNode = super.createShadowNode(className);
-    if (cssNode instanceof FlatShadowNode || cssNode.isVirtual()) {
-      return cssNode;
-    }
-
-    ViewManager viewManager = resolveViewManager(className);
-    return new NativeViewWrapper(viewManager);
-  }
-
-  @Override
-  protected void handleCreateView(
-    ReactShadowNode cssNode,
-    int rootViewTag,
-    @Nullable ReactStylesDiffMap styles) {
-    if (cssNode instanceof FlatShadowNode) {
-      FlatShadowNode node = (FlatShadowNode) cssNode;
-
-      if (styles != null) {
-        node.handleUpdateProperties(styles);
-      }
-
-      if (node.mountsToView()) {
-        mStateBuilder.enqueueCreateOrUpdateView(node, styles);
-      }
-    } else {
-      super.handleCreateView(cssNode, rootViewTag, styles);
-    }
-  }
-
-  @Override
-  protected void handleUpdateView(
-    ReactShadowNode cssNode,
-    String className,
-    ReactStylesDiffMap styles) {
-    if (cssNode instanceof FlatShadowNode) {
-      FlatShadowNode node = (FlatShadowNode) cssNode;
-
-      node.handleUpdateProperties(styles);
-
-      if (node.mountsToView()) {
-        mStateBuilder.enqueueCreateOrUpdateView(node, styles);
-      }
-    } else {
-      super.handleUpdateView(cssNode, className, styles);
-    }
-  }
-
-  @Override
-  public void manageChildren(
-    int viewTag,
-    @Nullable ReadableArray moveFrom,
-    @Nullable ReadableArray moveTo,
-    @Nullable ReadableArray addChildTags,
-    @Nullable ReadableArray addAtIndices,
-    @Nullable ReadableArray removeFrom) {
-
-    ReactShadowNode parentNode = resolveShadowNode(viewTag);
-
-    // moveFrom and removeFrom are defined in original order before any mutations.
-    removeChildren(parentNode, moveFrom, moveTo, removeFrom);
-
-    // moveTo and addAtIndices are defined in final order after all the mutations applied.
-    addChildren(parentNode, addChildTags, addAtIndices);
-  }
-
-  @Override
-  public void setChildren(
-    int viewTag,
-    ReadableArray children) {
-
-    ReactShadowNode parentNode = resolveShadowNode(viewTag);
-
-    for (int i = 0; i < children.size(); i++) {
-      ReactShadowNode addToChild = resolveShadowNode(children.getInt(i));
-      addChildAt(parentNode, addToChild, i, i - 1);
-    }
-  }
-
-  @Override
-  public void measure(int reactTag, Callback callback) {
-    measureHelper(reactTag, false, callback);
-  }
-
-  private void measureHelper(int reactTag, boolean relativeToWindow, Callback callback) {
-    FlatShadowNode node = (FlatShadowNode) resolveShadowNode(reactTag);
-    if (node.mountsToView()) {
-      mStateBuilder.ensureBackingViewIsCreated(node);
-      if (relativeToWindow) {
-        super.measureInWindow(reactTag, callback);
-      } else {
-        super.measure(reactTag, callback);
-      }
-      return;
-    }
-
-    // virtual nodes do not have values for width and height, so get these values
-    // from the first non-virtual parent node
-    while (node != null && node.isVirtual()) {
-      node = (FlatShadowNode) node.getParent();
-    }
-
-    if (node == null) {
-      // everything is virtual, this shouldn't happen so just silently return
-      return;
-    }
-
-    float width = node.getLayoutWidth();
-    float height = node.getLayoutHeight();
-
-    boolean nodeMountsToView = node.mountsToView();
-    // this is to avoid double-counting xInParent and yInParent when we visit
-    // the while loop, below.
-    float xInParent = nodeMountsToView ? node.getLayoutX() : 0;
-    float yInParent = nodeMountsToView ? node.getLayoutY() : 0;
-
-    while (!node.mountsToView()) {
-      if (!node.isVirtual()) {
-        xInParent += node.getLayoutX();
-        yInParent += node.getLayoutY();
-      }
-
-      node = Assertions.assumeNotNull((FlatShadowNode) node.getParent());
-    }
-
-    float parentWidth = node.getLayoutWidth();
-    float parentHeight = node.getLayoutHeight();
-
-    FlatUIViewOperationQueue operationsQueue = mStateBuilder.getOperationsQueue();
-    operationsQueue.enqueueMeasureVirtualView(
-      node.getReactTag(),
-      xInParent / parentWidth,
-      yInParent / parentHeight,
-      width / parentWidth,
-      height / parentHeight,
-      relativeToWindow,
-      callback);
-  }
-
-  private void ensureMountsToViewAndBackingViewIsCreated(int reactTag) {
-    FlatShadowNode node = (FlatShadowNode) resolveShadowNode(reactTag);
-    if (node.isBackingViewCreated()) {
-      return;
-    }
-    node.forceMountToView();
-    mStateBuilder.ensureBackingViewIsCreated(node);
-  }
-
-  @Override
-  public void findSubviewIn(int reactTag, float targetX, float targetY, Callback callback) {
-    ensureMountsToViewAndBackingViewIsCreated(reactTag);
-    super.findSubviewIn(reactTag, targetX, targetY, callback);
-  }
-
-  @Override
-  public void measureInWindow(int reactTag, Callback callback) {
-    measureHelper(reactTag, true, callback);
-  }
-
-  @Override
-  public void addAnimation(int reactTag, int animationID, Callback onSuccess) {
-    ensureMountsToViewAndBackingViewIsCreated(reactTag);
-    super.addAnimation(reactTag, animationID, onSuccess);
-  }
-
-  @Override
-  public void dispatchViewManagerCommand(int reactTag, int commandId, ReadableArray commandArgs) {
-    // Make sure that our target view is actually a view, then delay command dispatch until after
-    // we have updated the view hierarchy.
-    ensureMountsToViewAndBackingViewIsCreated(reactTag);
-    mStateBuilder.enqueueViewManagerCommand(reactTag, commandId, commandArgs);
-  }
-
-  @Override
-  public void showPopupMenu(int reactTag, ReadableArray items, Callback error, Callback success) {
-    ensureMountsToViewAndBackingViewIsCreated(reactTag);
-    super.showPopupMenu(reactTag, items, error, success);
-  }
-
-  @Override
-  public void sendAccessibilityEvent(int reactTag, int eventType) {
-    ensureMountsToViewAndBackingViewIsCreated(reactTag);
-    super.sendAccessibilityEvent(reactTag, eventType);
-  }
-
-  /**
-   * Removes all children defined by moveFrom and removeFrom from a given parent,
-   * preparing elements in moveFrom to be re-added at proper index.
-   */
-  private void removeChildren(
-    ReactShadowNode parentNode,
-    @Nullable ReadableArray moveFrom,
-    @Nullable ReadableArray moveTo,
-    @Nullable ReadableArray removeFrom) {
-
-    int prevIndex = Integer.MAX_VALUE;
-
-    mMoveProxy.setup(moveFrom, moveTo);
-
-    int moveFromIndex = mMoveProxy.size() - 1;
-    int moveFromChildIndex = (moveFromIndex == -1) ? -1 : mMoveProxy.getMoveFrom(moveFromIndex);
-
-    int numToRemove = removeFrom == null ? 0 : removeFrom.size();
-    int[] indicesToRemove = new int[numToRemove];
-    if (numToRemove > 0) {
-      Assertions.assertNotNull(removeFrom);
-      for (int i = 0; i < numToRemove; i++) {
-        int indexToRemove = removeFrom.getInt(i);
-        indicesToRemove[i] = indexToRemove;
-      }
-    }
-
-    // this isn't guaranteed to be sorted actually
-    Arrays.sort(indicesToRemove);
-
-    int removeFromIndex;
-    int removeFromChildIndex;
-    if (removeFrom == null) {
-      removeFromIndex = -1;
-      removeFromChildIndex = -1;
-    } else {
-      removeFromIndex = indicesToRemove.length - 1;
-      removeFromChildIndex = indicesToRemove[removeFromIndex];
-    }
-
-    // both moveFrom and removeFrom are already sorted, but combined order is not sorted. Use
-    // a merge step from mergesort to walk over both arrays and extract elements in sorted order.
-
-    while (true) {
-      if (moveFromChildIndex > removeFromChildIndex) {
-        moveChild(removeChildAt(parentNode, moveFromChildIndex, prevIndex), moveFromIndex);
-        prevIndex = moveFromChildIndex;
-
-        --moveFromIndex;
-        moveFromChildIndex = (moveFromIndex == -1) ? -1 : mMoveProxy.getMoveFrom(moveFromIndex);
-      } else if (removeFromChildIndex > moveFromChildIndex) {
-        removeChild(removeChildAt(parentNode, removeFromChildIndex, prevIndex), parentNode);
-        prevIndex = removeFromChildIndex;
-
-        --removeFromIndex;
-        removeFromChildIndex = (removeFromIndex == -1) ? -1 : indicesToRemove[removeFromIndex];
-      } else {
-        // moveFromChildIndex == removeFromChildIndex can only be if both are equal to -1
-        // which means that we exhausted both arrays, and all children are removed.
-        break;
-      }
-    }
-  }
-
-  /**
-   * Unregisters given element and all of its children from ShadowNodeRegistry,
-   * and drops all Views used by it and its children.
-   */
-  private void removeChild(ReactShadowNode child, ReactShadowNode parentNode) {
-    dropNativeViews(child, parentNode);
-    removeShadowNode(child);
-  }
-
-  private void dropNativeViews(ReactShadowNode child, ReactShadowNode parentNode) {
-    if (child instanceof FlatShadowNode) {
-      FlatShadowNode node = (FlatShadowNode) child;
-      if (node.mountsToView() && node.isBackingViewCreated()) {
-        int tag = -1;
-
-        // this tag is used to remove the reference to this dropping view if it it's clipped.
-        // we need to figure out the correct "view parent" tag to do this. note that this is
-        // not necessarily getParent().getReactTag(), since getParent() may represent something
-        // that's not a View - we need to find the first View (what would represent
-        // view.getParent() on the ui thread), which is what this code is finding.
-        ReactShadowNode tmpNode = parentNode;
-        while (tmpNode != null) {
-          if (tmpNode instanceof FlatShadowNode) {
-            FlatShadowNode flatTmpNode = (FlatShadowNode) tmpNode;
-            if (flatTmpNode.mountsToView() && flatTmpNode.isBackingViewCreated() &&
-              flatTmpNode.getParent() != null) {
-              tag = flatTmpNode.getReactTag();
-              break;
-            }
-          }
-          tmpNode = tmpNode.getParent();
-        }
-
-        // this will recursively drop all subviews
-        mStateBuilder.dropView(node, tag);
-        return;
-      }
-    }
-
-    for (int i = 0, childCount = child.getChildCount(); i != childCount; ++i) {
-      dropNativeViews(child.getChildAt(i), child);
-    }
-  }
-
-  /**
-   * Prepares a given element to be moved to a new position.
-   */
-  private void moveChild(ReactShadowNode child, int moveFromIndex) {
-    mMoveProxy.setChildMoveFrom(moveFromIndex, child);
-  }
-
-  /**
-   * Adds all children from addChildTags and moveFrom/moveTo.
-   */
-  private void addChildren(
-    ReactShadowNode parentNode,
-    @Nullable ReadableArray addChildTags,
-    @Nullable ReadableArray addAtIndices) {
-
-    int prevIndex = -1;
-
-    int moveToIndex;
-    int moveToChildIndex;
-    if (mMoveProxy.size() == 0) {
-      moveToIndex = Integer.MAX_VALUE;
-      moveToChildIndex = Integer.MAX_VALUE;
-    } else {
-      moveToIndex = 0;
-      moveToChildIndex = mMoveProxy.getMoveTo(0);
-    }
-
-    int numNodesToAdd;
-    int addToIndex;
-    int addToChildIndex;
-    if (addAtIndices == null) {
-      numNodesToAdd = 0;
-      addToIndex = Integer.MAX_VALUE;
-      addToChildIndex = Integer.MAX_VALUE;
-    } else {
-      numNodesToAdd = addAtIndices.size();
-      addToIndex = 0;
-      addToChildIndex = addAtIndices.getInt(0);
-    }
-
-    // both mMoveProxy and addChildTags are already sorted, but combined order is not sorted. Use
-    // a merge step from mergesort to walk over both arrays and extract elements in sorted order.
-
-    while (true) {
-      if (addToChildIndex < moveToChildIndex) {
-        ReactShadowNode addToChild = resolveShadowNode(addChildTags.getInt(addToIndex));
-        addChildAt(parentNode, addToChild, addToChildIndex, prevIndex);
-        prevIndex = addToChildIndex;
-
-        ++addToIndex;
-        if (addToIndex == numNodesToAdd) {
-          addToChildIndex = Integer.MAX_VALUE;
-        } else {
-          addToChildIndex = addAtIndices.getInt(addToIndex);
-        }
-      } else if (moveToChildIndex < addToChildIndex) {
-        ReactShadowNode moveToChild = mMoveProxy.getChildMoveTo(moveToIndex);
-        addChildAt(parentNode, moveToChild, moveToChildIndex, prevIndex);
-        prevIndex = moveToChildIndex;
-
-        ++moveToIndex;
-        if (moveToIndex == mMoveProxy.size()) {
-          moveToChildIndex = Integer.MAX_VALUE;
-        } else {
-          moveToChildIndex = mMoveProxy.getMoveTo(moveToIndex);
-        }
-      } else {
-        // moveToChildIndex == addToChildIndex can only be if both are equal to Integer.MAX_VALUE
-        // which means that we exhausted both arrays, and all children are added.
-        break;
-      }
-    }
-  }
-
-  /**
-   * Removes a child from parent, verifying that we are removing in descending order.
-   */
-  private static ReactShadowNode removeChildAt(
-    ReactShadowNode parentNode,
-    int index,
-    int prevIndex) {
-    if (index >= prevIndex) {
-      throw new RuntimeException(
-        "Invariant failure, needs sorting! " + index + " >= " + prevIndex);
-    }
-
-    return parentNode.removeChildAt(index);
-  }
-
-  /**
-   * Adds a child to parent, verifying that we are adding in ascending order.
-   */
-  private static void addChildAt(
-    ReactShadowNode parentNode,
-    ReactShadowNode childNode,
-    int index,
-    int prevIndex) {
-    if (index <= prevIndex) {
-      throw new RuntimeException(
-        "Invariant failure, needs sorting! " + index + " <= " + prevIndex);
-    }
-
-    parentNode.addChildAt(childNode, index);
-  }
-
-  @Override
-  protected void updateViewHierarchy() {
-    super.updateViewHierarchy();
-    mStateBuilder.afterUpdateViewHierarchy(mEventDispatcher);
-  }
-
-  @Override
-  protected void applyUpdatesRecursive(
-    ReactShadowNode cssNode,
-    float absoluteX,
-    float absoluteY) {
-    mStateBuilder.applyUpdates((FlatRootShadowNode) cssNode);
-  }
-
-  @Override
-  public void removeRootView(int rootViewTag) {
-    if (mMemoryImprovementEnabled) {
-      removeRootShadowNode(rootViewTag);
-    }
-    mStateBuilder.removeRootView(rootViewTag);
-  }
-
-  @Override
-  public void setJSResponder(int possiblyVirtualReactTag, boolean blockNativeResponder) {
-    ReactShadowNode node = resolveShadowNode(possiblyVirtualReactTag);
-    while (node.isVirtual()) {
-      node = node.getParent();
-    }
-    int tag = node.getReactTag();
-
-    // if the node in question doesn't mount to a View, find the first parent that does mount to
-    // a View. without this, we'll crash when we try to set the JSResponder, since part of that
-    // is to find the parent view and ask it to not intercept touch events.
-    while (node instanceof FlatShadowNode && !((FlatShadowNode) node).mountsToView()) {
-      node = node.getParent();
-    }
-
-    FlatUIViewOperationQueue operationsQueue = mStateBuilder.getOperationsQueue();
-    operationsQueue.enqueueSetJSResponder(
-      node == null ? tag : node.getReactTag(),
-      possiblyVirtualReactTag,
-      blockNativeResponder);
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatUIViewOperationQueue.java b/ReactAndroid/src/main/java/com/facebook/react/flat/FlatUIViewOperationQueue.java
deleted file mode 100644
index 3806e2ebc602ab..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatUIViewOperationQueue.java
+++ /dev/null
@@ -1,527 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import com.facebook.react.uimanager.UIViewOperationQueue;
-import android.util.SparseIntArray;
-import android.view.View;
-import android.view.ViewGroup;
-import com.facebook.react.bridge.Callback;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.uimanager.IllegalViewOperationException;
-import com.facebook.react.uimanager.NoSuchNativeViewException;
-import com.facebook.react.uimanager.PixelUtil;
-import com.facebook.react.uimanager.TouchTargetHelper;
-import com.facebook.react.uimanager.UIViewOperationQueue;
-import java.util.ArrayList;
-import javax.annotation.Nullable;
-
-/**
- * FlatUIViewOperationQueue extends {@link UIViewOperationQueue} to add
- * FlatUIImplementation-specific methods that need to run in UI thread.
- */
-/* package */ final class FlatUIViewOperationQueue extends UIViewOperationQueue {
-
-  private static final int[] MEASURE_BUFFER = new int[4];
-
-  private final FlatNativeViewHierarchyManager mNativeViewHierarchyManager;
-  private final ProcessLayoutRequests mProcessLayoutRequests = new ProcessLayoutRequests();
-
-  private final class ProcessLayoutRequests implements UIViewOperationQueue.UIOperation {
-    @Override
-    public void execute() {
-      FlatViewGroup.processLayoutRequests();
-    }
-  }
-
-  /**
-   * UIOperation that updates DrawCommands for a View defined by reactTag.
-   */
-  private final class UpdateMountState implements UIViewOperationQueue.UIOperation {
-
-    private final int mReactTag;
-    private final @Nullable DrawCommand[] mDrawCommands;
-    private final @Nullable AttachDetachListener[] mAttachDetachListeners;
-    private final @Nullable NodeRegion[] mNodeRegions;
-
-    private UpdateMountState(
-        int reactTag,
-        @Nullable DrawCommand[] drawCommands,
-        @Nullable AttachDetachListener[] listeners,
-        @Nullable NodeRegion[] nodeRegions) {
-      mReactTag = reactTag;
-      mDrawCommands = drawCommands;
-      mAttachDetachListeners = listeners;
-      mNodeRegions = nodeRegions;
-    }
-
-    @Override
-    public void execute() {
-      mNativeViewHierarchyManager.updateMountState(
-          mReactTag,
-          mDrawCommands,
-          mAttachDetachListeners,
-          mNodeRegions);
-    }
-  }
-
-  /**
-   * UIOperation that updates DrawCommands for a View defined by reactTag.
-   */
-  private final class UpdateClippingMountState implements UIViewOperationQueue.UIOperation {
-
-    private final int mReactTag;
-    private final @Nullable DrawCommand[] mDrawCommands;
-    private final SparseIntArray mDrawViewIndexMap;
-    private final float[] mCommandMaxBot;
-    private final float[] mCommandMinTop;
-    private final @Nullable AttachDetachListener[] mAttachDetachListeners;
-    private final @Nullable NodeRegion[] mNodeRegions;
-    private final float[] mRegionMaxBot;
-    private final float[] mRegionMinTop;
-    private final boolean mWillMountViews;
-
-    private UpdateClippingMountState(
-        int reactTag,
-        @Nullable DrawCommand[] drawCommands,
-        SparseIntArray drawViewIndexMap,
-        float[] commandMaxBot,
-        float[] commandMinTop,
-        @Nullable AttachDetachListener[] listeners,
-        @Nullable NodeRegion[] nodeRegions,
-        float[] regionMaxBot,
-        float[] regionMinTop,
-        boolean willMountViews) {
-      mReactTag = reactTag;
-      mDrawCommands = drawCommands;
-      mDrawViewIndexMap = drawViewIndexMap;
-      mCommandMaxBot = commandMaxBot;
-      mCommandMinTop = commandMinTop;
-      mAttachDetachListeners = listeners;
-      mNodeRegions = nodeRegions;
-      mRegionMaxBot = regionMaxBot;
-      mRegionMinTop = regionMinTop;
-      mWillMountViews = willMountViews;
-    }
-
-    @Override
-    public void execute() {
-      mNativeViewHierarchyManager.updateClippingMountState(
-          mReactTag,
-          mDrawCommands,
-          mDrawViewIndexMap,
-          mCommandMaxBot,
-          mCommandMinTop,
-          mAttachDetachListeners,
-          mNodeRegions,
-          mRegionMaxBot,
-          mRegionMinTop,
-          mWillMountViews);
-    }
-  }
-
-  private final class UpdateViewGroup implements UIViewOperationQueue.UIOperation {
-
-    private final int mReactTag;
-    private final int[] mViewsToAdd;
-    private final int[] mViewsToDetach;
-
-    private UpdateViewGroup(int reactTag, int[] viewsToAdd, int[] viewsToDetach) {
-      mReactTag = reactTag;
-      mViewsToAdd = viewsToAdd;
-      mViewsToDetach = viewsToDetach;
-    }
-
-    @Override
-    public void execute() {
-      mNativeViewHierarchyManager.updateViewGroup(mReactTag, mViewsToAdd, mViewsToDetach);
-    }
-  }
-
-  /**
-   * UIOperation that updates View bounds for a View defined by reactTag.
-   */
-  public final class UpdateViewBounds implements UIViewOperationQueue.UIOperation {
-
-    private final int mReactTag;
-    private final int mLeft;
-    private final int mTop;
-    private final int mRight;
-    private final int mBottom;
-
-    private UpdateViewBounds(int reactTag, int left, int top, int right, int bottom) {
-      mReactTag = reactTag;
-      mLeft = left;
-      mTop = top;
-      mRight = right;
-      mBottom = bottom;
-    }
-
-    @Override
-    public void execute() {
-      mNativeViewHierarchyManager.updateViewBounds(mReactTag, mLeft, mTop, mRight, mBottom);
-    }
-  }
-
-  private final class SetPadding implements UIViewOperationQueue.UIOperation {
-
-    private final int mReactTag;
-    private final int mPaddingLeft;
-    private final int mPaddingTop;
-    private final int mPaddingRight;
-    private final int mPaddingBottom;
-
-    private SetPadding(
-        int reactTag,
-        int paddingLeft,
-        int paddingTop,
-        int paddingRight,
-        int paddingBottom) {
-      mReactTag = reactTag;
-      mPaddingLeft = paddingLeft;
-      mPaddingTop = paddingTop;
-      mPaddingRight = paddingRight;
-      mPaddingBottom = paddingBottom;
-    }
-
-    @Override
-    public void execute() {
-      mNativeViewHierarchyManager.setPadding(
-          mReactTag,
-          mPaddingLeft,
-          mPaddingTop,
-          mPaddingRight,
-          mPaddingBottom);
-    }
-  }
-
-  private final class DropViews implements UIViewOperationQueue.UIOperation {
-
-    private final SparseIntArray mViewsToDrop;
-
-    private DropViews(ArrayList<Integer> viewsToDrop, ArrayList<Integer> parentsForViewsToDrop) {
-      SparseIntArray sparseIntArray = new SparseIntArray();
-      for (int i = 0, count = viewsToDrop.size(); i < count; i++) {
-        sparseIntArray.put(viewsToDrop.get(i), parentsForViewsToDrop.get(i));
-      }
-      mViewsToDrop = sparseIntArray;
-    }
-
-    @Override
-    public void execute() {
-      mNativeViewHierarchyManager.dropViews(mViewsToDrop);
-    }
-  }
-
-  private final class MeasureVirtualView implements UIViewOperationQueue.UIOperation {
-
-    private final int mReactTag;
-    private final float mScaledX;
-    private final float mScaledY;
-    private final float mScaledWidth;
-    private final float mScaledHeight;
-    private final Callback mCallback;
-    private final boolean mRelativeToWindow;
-
-    private MeasureVirtualView(
-        int reactTag,
-        float scaledX,
-        float scaledY,
-        float scaledWidth,
-        float scaledHeight,
-        boolean relativeToWindow,
-        Callback callback) {
-      mReactTag = reactTag;
-      mScaledX = scaledX;
-      mScaledY = scaledY;
-      mScaledWidth = scaledWidth;
-      mScaledHeight = scaledHeight;
-      mCallback = callback;
-      mRelativeToWindow = relativeToWindow;
-    }
-
-    @Override
-    public void execute() {
-      try {
-        // Measure native View
-        if (mRelativeToWindow) {
-          // relative to the window
-          mNativeViewHierarchyManager.measureInWindow(mReactTag, MEASURE_BUFFER);
-        } else {
-          // relative to the root view
-          mNativeViewHierarchyManager.measure(mReactTag, MEASURE_BUFFER);
-        }
-      } catch (NoSuchNativeViewException noSuchNativeViewException) {
-        // Invoke with no args to signal failure and to allow JS to clean up the callback
-        // handle.
-        mCallback.invoke();
-        return;
-      }
-
-      float nativeViewX = MEASURE_BUFFER[0];
-      float nativeViewY = MEASURE_BUFFER[1];
-      float nativeViewWidth = MEASURE_BUFFER[2];
-      float nativeViewHeight = MEASURE_BUFFER[3];
-
-      // Calculate size of the virtual child inside native View.
-      float x = PixelUtil.toDIPFromPixel(mScaledX * nativeViewWidth + nativeViewX);
-      float y = PixelUtil.toDIPFromPixel(mScaledY * nativeViewHeight + nativeViewY);
-      float width = PixelUtil.toDIPFromPixel(mScaledWidth * nativeViewWidth);
-      float height = PixelUtil.toDIPFromPixel(mScaledHeight * nativeViewHeight);
-
-      if (mRelativeToWindow) {
-        mCallback.invoke(x, y, width, height);
-      } else {
-        mCallback.invoke(0, 0, width, height, x, y);
-      }
-    }
-  }
-
-  public final class DetachAllChildrenFromViews implements UIViewOperationQueue.UIOperation {
-    private @Nullable int[] mViewsToDetachAllChildrenFrom;
-
-    public void setViewsToDetachAllChildrenFrom(int[] viewsToDetachAllChildrenFrom) {
-      mViewsToDetachAllChildrenFrom = viewsToDetachAllChildrenFrom;
-    }
-
-    @Override
-    public void execute() {
-      mNativeViewHierarchyManager.detachAllChildrenFromViews(mViewsToDetachAllChildrenFrom);
-    }
-  }
-
-  private final class FindTargetForTouchOperation implements UIViewOperationQueue.UIOperation {
-
-    private final int mReactTag;
-    private final float mTargetX;
-    private final float mTargetY;
-    private final Callback mCallback;
-    private final int[] NATIVE_VIEW_BUFFER = new int[1];
-
-    private FindTargetForTouchOperation(
-        final int reactTag,
-        final float targetX,
-        final float targetY,
-        final Callback callback) {
-      super();
-      mReactTag = reactTag;
-      mTargetX = targetX;
-      mTargetY = targetY;
-      mCallback = callback;
-    }
-
-    @Override
-    public void execute() {
-      try {
-        mNativeViewHierarchyManager.measure(mReactTag, MEASURE_BUFFER);
-      } catch (IllegalViewOperationException e) {
-        mCallback.invoke();
-        return;
-      }
-
-      // Because React coordinates are relative to root container, and measure() operates
-      // on screen coordinates, we need to offset values using root container location.
-      final float containerX = (float) MEASURE_BUFFER[0];
-      final float containerY = (float) MEASURE_BUFFER[1];
-
-      View view = mNativeViewHierarchyManager.getView(mReactTag);
-      final int touchTargetReactTag = TouchTargetHelper.findTargetTagForTouch(
-          mTargetX,
-          mTargetY,
-          (ViewGroup) view,
-          NATIVE_VIEW_BUFFER);
-
-      try {
-        mNativeViewHierarchyManager.measure(
-            NATIVE_VIEW_BUFFER[0],
-            MEASURE_BUFFER);
-      } catch (IllegalViewOperationException e) {
-        mCallback.invoke();
-        return;
-      }
-
-      NodeRegion region = NodeRegion.EMPTY;
-      boolean isNativeView = NATIVE_VIEW_BUFFER[0] == touchTargetReactTag;
-      if (!isNativeView) {
-        // NATIVE_VIEW_BUFFER[0] is a FlatViewGroup, touchTargetReactTag is the touch target and
-        // isn't an Android View - try to get its NodeRegion
-        view = mNativeViewHierarchyManager.getView(NATIVE_VIEW_BUFFER[0]);
-        if (view instanceof FlatViewGroup) {
-          region = ((FlatViewGroup) view).getNodeRegionForTag(mReactTag);
-        }
-      }
-
-      int resultTag = region == NodeRegion.EMPTY ? touchTargetReactTag : region.mTag;
-      float x = PixelUtil.toDIPFromPixel(region.getLeft() + MEASURE_BUFFER[0] - containerX);
-      float y = PixelUtil.toDIPFromPixel(region.getTop() + MEASURE_BUFFER[1] - containerY);
-      float width = PixelUtil.toDIPFromPixel(isNativeView ?
-          MEASURE_BUFFER[2] : region.getRight() - region.getLeft());
-      float height = PixelUtil.toDIPFromPixel(isNativeView ?
-          MEASURE_BUFFER[3] : region.getBottom() - region.getTop());
-      mCallback.invoke(resultTag, x, y, width, height);
-    }
-  }
-
-  /**
-   * Used to delay view manager command dispatch until after the view hierarchy is updated.
-   * Mirrors command operation dispatch, but is only used in Nodes for view manager commands.
-   */
-  public final class ViewManagerCommand implements UIViewOperationQueue.UIOperation {
-
-    private final int mReactTag;
-    private final int mCommand;
-    private final @Nullable ReadableArray mArgs;
-
-    public ViewManagerCommand(
-        int reactTag,
-        int command,
-        @Nullable ReadableArray args) {
-      mReactTag = reactTag;
-      mCommand = command;
-      mArgs = args;
-    }
-
-    @Override
-    public void execute() {
-      mNativeViewHierarchyManager.dispatchCommand(mReactTag, mCommand, mArgs);
-    }
-  }
-
-  public FlatUIViewOperationQueue(
-      ReactApplicationContext reactContext,
-      FlatNativeViewHierarchyManager nativeViewHierarchyManager,
-      int minTimeLeftInFrameForNonBatchedOperationMs) {
-    super(reactContext, nativeViewHierarchyManager, minTimeLeftInFrameForNonBatchedOperationMs);
-
-    mNativeViewHierarchyManager = nativeViewHierarchyManager;
-  }
-
-  /**
-   * Enqueues a new UIOperation that will update DrawCommands for a View defined by reactTag.
-   */
-  public void enqueueUpdateMountState(
-      int reactTag,
-      @Nullable DrawCommand[] drawCommands,
-      @Nullable AttachDetachListener[] listeners,
-      @Nullable NodeRegion[] nodeRegions) {
-    enqueueUIOperation(new UpdateMountState(
-        reactTag,
-        drawCommands,
-        listeners,
-        nodeRegions));
-  }
-
-  /**
-   * Enqueues a new UIOperation that will update DrawCommands for a View defined by reactTag.
-   */
-  public void enqueueUpdateClippingMountState(
-      int reactTag,
-      @Nullable DrawCommand[] drawCommands,
-      SparseIntArray drawViewIndexMap,
-      float[] commandMaxBot,
-      float[] commandMinTop,
-      @Nullable AttachDetachListener[] listeners,
-      @Nullable NodeRegion[] nodeRegions,
-      float[] regionMaxBot,
-      float[] regionMinTop,
-      boolean willMountViews) {
-    enqueueUIOperation(new UpdateClippingMountState(
-        reactTag,
-        drawCommands,
-        drawViewIndexMap,
-        commandMaxBot,
-        commandMinTop,
-        listeners,
-        nodeRegions,
-        regionMaxBot,
-        regionMinTop,
-        willMountViews));
-  }
-
-  public void enqueueUpdateViewGroup(int reactTag, int[] viewsToAdd, int[] viewsToDetach) {
-    enqueueUIOperation(new UpdateViewGroup(reactTag, viewsToAdd, viewsToDetach));
-  }
-
-  /**
-   * Creates a new UIOperation that will update View bounds for a View defined by reactTag.
-   */
-  public UpdateViewBounds createUpdateViewBounds(
-      int reactTag,
-      int left,
-      int top,
-      int right,
-      int bottom) {
-    return new UpdateViewBounds(reactTag, left, top, right, bottom);
-  }
-
-  public ViewManagerCommand createViewManagerCommand(
-      int reactTag,
-      int command,
-      @Nullable ReadableArray args) {
-    return new ViewManagerCommand(reactTag, command, args);
-  }
-
-  /* package */ void enqueueFlatUIOperation(UIViewOperationQueue.UIOperation operation) {
-    enqueueUIOperation(operation);
-  }
-
-  public void enqueueSetPadding(
-      int reactTag,
-      int paddingLeft,
-      int paddingTop,
-      int paddingRight,
-      int paddingBottom) {
-    enqueueUIOperation(
-        new SetPadding(reactTag, paddingLeft, paddingTop, paddingRight, paddingBottom));
-  }
-
-  public void enqueueDropViews(
-      ArrayList<Integer> viewsToDrop,
-      ArrayList<Integer> parentsOfViewsToDrop) {
-    enqueueUIOperation(new DropViews(viewsToDrop, parentsOfViewsToDrop));
-  }
-
-  public void enqueueMeasureVirtualView(
-      int reactTag,
-      float scaledX,
-      float scaledY,
-      float scaledWidth,
-      float scaledHeight,
-      boolean relativeToWindow,
-      Callback callback) {
-    enqueueUIOperation(new MeasureVirtualView(
-        reactTag,
-        scaledX,
-        scaledY,
-        scaledWidth,
-        scaledHeight,
-        relativeToWindow,
-        callback));
-  }
-
-  public void enqueueProcessLayoutRequests() {
-    enqueueUIOperation(mProcessLayoutRequests);
-  }
-
-  public DetachAllChildrenFromViews enqueueDetachAllChildrenFromViews() {
-    DetachAllChildrenFromViews op = new DetachAllChildrenFromViews();
-    enqueueUIOperation(op);
-    return op;
-  }
-
-  @Override
-  public void enqueueFindTargetForTouch(
-      final int reactTag,
-      final float targetX,
-      final float targetY,
-      final Callback callback) {
-    enqueueUIOperation(
-        new FindTargetForTouchOperation(reactTag, targetX, targetY, callback));
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatViewGroup.java b/ReactAndroid/src/main/java/com/facebook/react/flat/FlatViewGroup.java
deleted file mode 100644
index ae94b744b9fdfa..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatViewGroup.java
+++ /dev/null
@@ -1,1200 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import java.lang.ref.WeakReference;
-import java.util.ArrayList;
-
-import android.annotation.SuppressLint;
-import android.content.Context;
-import android.graphics.Canvas;
-import android.graphics.Color;
-import android.graphics.Paint;
-import android.graphics.Rect;
-import android.graphics.Typeface;
-import android.graphics.drawable.Drawable;
-import android.util.SparseArray;
-import android.util.SparseIntArray;
-import android.view.MotionEvent;
-import android.view.View;
-import android.view.ViewGroup;
-import android.view.ViewParent;
-
-import com.facebook.infer.annotation.Assertions;
-import com.facebook.react.bridge.ReactContext;
-import com.facebook.react.bridge.SoftAssertions;
-import com.facebook.react.touch.OnInterceptTouchEventListener;
-import com.facebook.react.touch.ReactHitSlopView;
-import com.facebook.react.touch.ReactInterceptingViewGroup;
-import com.facebook.react.uimanager.PointerEvents;
-import com.facebook.react.uimanager.ReactCompoundViewGroup;
-import com.facebook.react.uimanager.ReactPointerEventsView;
-import com.facebook.react.uimanager.UIManagerModule;
-import com.facebook.react.views.image.ImageLoadEvent;
-import com.facebook.react.uimanager.ReactClippingViewGroup;
-
-/**
- * A view that the {@link FlatShadowNode} hierarchy maps to.  Can mount and draw native views as
- * well as draw commands.  We reuse some of Android's ViewGroup logic, but in Nodes we try to
- * minimize the amount of shadow nodes that map to native children, so we have a lot of logic
- * specific to draw commands.
- *
- * In a very simple case with no Android children, the FlatViewGroup will receive:
- *
- *   flatViewGroup.mountDrawCommands(...);
- *   flatViewGroup.dispatchDraw(...);
- *
- * The draw commands are mounted, then draw iterates through and draws them one by one.
- *
- * In a simple case where there are native children:
- *
- *   flatViewGroup.mountDrawCommands(...);
- *   flatViewGroup.detachAllViewsFromParent(...);
- *   flatViewGroup.mountViews(...);
- *   flatViewGroup.dispatchDraw(...);
- *
- * Draw commands are mounted, with a draw view command for each mounted view.  As an optimization
- * we then detach all views from the FlatViewGroup, then allow mountViews to selectively reattach
- * and add views in order.  We do this as adding a single view is a O(n) operation (On average you
- * have to move all the views in the array to the right one position), as is dropping and re-adding
- * all views (One pass to clear the array and one pass to re-attach detached children and add new
- * children).
- *
- * FlatViewGroups also have arrays of node regions, which are little more than a rects that
- * represents a touch target.  Native views contain their own touch logic, but not all react tags
- * map to native views.  We use node regions to find touch targets among commands as well as nodes
- * which map to native views.
- *
- * In the case of clipping, much of the underlying logic for is handled by
- * {@link DrawCommandManager}.  This lets us separate logic, while also allowing us to save on
- * memory for data structures only used in clipping.  In a case of a clipping FlatViewGroup which
- * is scrolling:
- *
- *   flatViewGroup.setRemoveClippedSubviews(true);
- *   flatViewGroup.mountClippingDrawCommands(...);
- *   flatViewGroup.detachAllViewsFromParent(...);
- *   flatViewGroup.mountViews(...);
- *   flatViewGroup.updateClippingRect(...);
- *   flatViewGroup.dispatchDraw(...);
- *   flatViewGroup.updateClippingRect(...);
- *   flatViewGroup.dispatchDraw(...);
- *   flatViewGroup.updateClippingRect(...);
- *   flatViewGroup.dispatchDraw(...);
- *
- * Setting remove clipped subviews creates a {@link DrawCommandManager} to handle clipping, which
- * allows the rest of the methods to simply call in to draw command manager to handle the clipping
- * logic.
- */
-/* package */ final class FlatViewGroup extends ViewGroup
-    implements ReactInterceptingViewGroup, ReactClippingViewGroup,
-    ReactCompoundViewGroup, ReactHitSlopView, ReactPointerEventsView, FlatMeasuredViewGroup {
-  /**
-   * Helper class that allows our AttachDetachListeners to invalidate the hosting View.  When a
-   * listener gets an attach it is passed an invalidate callback for the FlatViewGroup it is being
-   * attached to.
-   */
-  static final class InvalidateCallback extends WeakReference<FlatViewGroup> {
-
-    private InvalidateCallback(FlatViewGroup view) {
-      super(view);
-    }
-
-    /**
-     * Propagates invalidate() call up to the hosting View (if it's still alive)
-     */
-    public void invalidate() {
-      FlatViewGroup view = get();
-      if (view != null) {
-        view.invalidate();
-      }
-    }
-
-    /**
-     * Propagates image load events to javascript if the hosting view is still alive.
-     *
-     * @param reactTag The view id.
-     * @param imageLoadEvent The event type.
-     */
-    public void dispatchImageLoadEvent(int reactTag, int imageLoadEvent) {
-      FlatViewGroup view = get();
-      if (view == null) {
-        return;
-      }
-
-      ReactContext reactContext = ((ReactContext) view.getContext());
-      UIManagerModule uiManagerModule = reactContext.getNativeModule(UIManagerModule.class);
-      uiManagerModule.getEventDispatcher().dispatchEvent(
-          new ImageLoadEvent(reactTag, imageLoadEvent));
-    }
-  }
-
-  // Draws the name of the draw commands at the bottom right corner of it's bounds.
-  private static final boolean DEBUG_DRAW_TEXT = false;
-  // Draws colored rectangles over known performance issues.
-  /* package */ static final boolean DEBUG_HIGHLIGHT_PERFORMANCE_ISSUES = false;
-  // Force layout bounds drawing.  This can also be enabled by turning on layout bounds in Android.
-  private static final boolean DEBUG_DRAW = DEBUG_DRAW_TEXT || DEBUG_HIGHLIGHT_PERFORMANCE_ISSUES;
-  // Resources for debug drawing.
-  private boolean mAndroidDebugDraw;
-  private static Paint sDebugTextPaint;
-  private static Paint sDebugTextBackgroundPaint;
-  private static Paint sDebugRectPaint;
-  private static Paint sDebugCornerPaint;
-  private static Rect sDebugRect;
-
-  private static final ArrayList<FlatViewGroup> LAYOUT_REQUESTS = new ArrayList<>();
-  private static final Rect VIEW_BOUNDS = new Rect();
-
-  // An invalidate callback singleton for this FlatViewGroup.
-  private @Nullable InvalidateCallback mInvalidateCallback;
-  private DrawCommand[] mDrawCommands = DrawCommand.EMPTY_ARRAY;
-  private AttachDetachListener[] mAttachDetachListeners = AttachDetachListener.EMPTY_ARRAY;
-  private NodeRegion[] mNodeRegions = NodeRegion.EMPTY_ARRAY;
-
-  // The index of the next native child to draw.  This is used in dispatchDraw to check that we are
-  // actually drawing all of our attached children, then is reset to 0.
-  private int mDrawChildIndex = 0;
-  private boolean mIsAttached = false;
-  private boolean mIsLayoutRequested = false;
-  private boolean mNeedsOffscreenAlphaCompositing = false;
-  private Drawable mHotspot;
-  private PointerEvents mPointerEvents = PointerEvents.AUTO;
-  private long mLastTouchDownTime;
-  private @Nullable OnInterceptTouchEventListener mOnInterceptTouchEventListener;
-
-  private static final SparseArray<View> EMPTY_DETACHED_VIEWS = new SparseArray<>(0);
-  // Provides clipping, drawing and node region finding logic if subview clipping is enabled.
-  private @Nullable DrawCommandManager mDrawCommandManager;
-
-  private @Nullable Rect mHitSlopRect;
-
-  /* package */ FlatViewGroup(Context context) {
-    super(context);
-    setClipChildren(false);
-  }
-
-  @Override
-  protected void detachAllViewsFromParent() {
-    super.detachAllViewsFromParent();
-  }
-
-  @Override
-  @SuppressLint("MissingSuperCall")
-  public void requestLayout() {
-    if (mIsLayoutRequested) {
-      return;
-    }
-
-    mIsLayoutRequested = true;
-    LAYOUT_REQUESTS.add(this);
-  }
-
-  @Override
-  public int reactTagForTouch(float touchX, float touchY) {
-    /*
-     * Make sure we don't find any children if the pointer events are set to BOX_ONLY.
-     * There is no need to special-case any other modes, because if PointerEvents are set to:
-     * a) PointerEvents.AUTO - all children are included, nothing to exclude
-     * b) PointerEvents.NONE - this method will NOT be executed, because the View will be filtered
-     *    out by TouchTargetHelper.
-     * c) PointerEvents.BOX_NONE - TouchTargetHelper will make sure that {@link #reactTagForTouch()}
-     *     doesn't return getId().
-     */
-    SoftAssertions.assertCondition(
-        mPointerEvents != PointerEvents.NONE,
-        "TouchTargetHelper should not allow calling this method when pointer events are NONE");
-
-    if (mPointerEvents != PointerEvents.BOX_ONLY) {
-      NodeRegion nodeRegion = virtualNodeRegionWithinBounds(touchX, touchY);
-      if (nodeRegion != null) {
-        return nodeRegion.getReactTag(touchX, touchY);
-      }
-    }
-
-    // no children found
-    return getId();
-  }
-
-  @Override
-  public boolean interceptsTouchEvent(float touchX, float touchY) {
-    NodeRegion nodeRegion = anyNodeRegionWithinBounds(touchX, touchY);
-    return nodeRegion != null && nodeRegion.mIsVirtual;
-  }
-
-  /**
-   * Secretly Overrides the hidden ViewGroup.onDebugDraw method.  This is hidden in the Android
-   * ViewGroup, but still gets called in super.dispatchDraw.  Overriding here allows us to draw
-   * layout bounds for Nodes when android is drawing layout bounds.
-   */
-  protected void onDebugDraw(Canvas canvas) {
-    // Android is drawing layout bounds, so we should as well.
-    mAndroidDebugDraw = true;
-  }
-
-  /**
-   * Draw FlatViewGroup on a canvas.  Also checks that all children are drawn, as a draw view calls
-   * back to the FlatViewGroup to draw each child.
-   *
-   * @param canvas The canvas to draw on.
-   */
-  @Override
-  public void dispatchDraw(Canvas canvas) {
-    mAndroidDebugDraw = false;
-    super.dispatchDraw(canvas);
-
-    if (mDrawCommandManager != null) {
-      mDrawCommandManager.draw(canvas);
-    } else {
-      for (DrawCommand drawCommand : mDrawCommands) {
-        drawCommand.draw(this, canvas);
-      }
-    }
-
-    if (mDrawChildIndex != getChildCount()) {
-      throw new RuntimeException(
-          "Did not draw all children: " + mDrawChildIndex + " / " + getChildCount());
-    }
-    mDrawChildIndex = 0;
-
-    if (DEBUG_DRAW || mAndroidDebugDraw) {
-      initDebugDrawResources();
-      debugDraw(canvas);
-    }
-
-    if (mHotspot != null) {
-      mHotspot.draw(canvas);
-    }
-  }
-
-  /**
-   * Draws layout bounds for debug.  Optionally can draw the name of the DrawCommand so you can
-   * distinguish commands easier.
-   *
-   * @param canvas The canvas to draw on.
-   */
-  private void debugDraw(Canvas canvas) {
-    if (mDrawCommandManager != null) {
-      mDrawCommandManager.debugDraw(canvas);
-    } else {
-      for (DrawCommand drawCommand : mDrawCommands) {
-        drawCommand.debugDraw(this, canvas);
-      }
-    }
-    mDrawChildIndex = 0;
-  }
-
-  /**
-   * This override exists to suppress the default drawing behaviour of the ViewGroup.  dispatchDraw
-   * calls super.dispatchDraw, which lets Android perform some of our child management logic.
-   * super.dispatchDraw then calls our drawChild, which is suppressed.
-   *
-   * dispatchDraw within the FlatViewGroup then calls super.drawChild, which actually draws the
-   * child.
-   *
-   *   // Pseudocode example.
-   *   Class FlatViewGroup {
-   *     void dispatchDraw() {
-   *       super.dispatchDraw(); // Eventually calls our drawChild, which is a no op.
-   *       super.drawChild();    // Calls the actual drawChild.
-   *     }
-   *
-   *     boolean drawChild(...) {
-   *       // No op.
-   *     }
-   *   }
-   *
-   *   Class ViewGroup {
-   *     void dispatchDraw() {
-   *       drawChild(); // No op.
-   *     }
-   *
-   *     boolean drawChild(...) {
-   *       getChildAt(...).draw();
-   *     }
-   *   }
-   *
-   * @return false, as we are suppressing drawChild.
-   */
-  @Override
-  protected boolean drawChild(Canvas canvas, View child, long drawingTime) {
-    // suppress
-    // no drawing -> no invalidate -> return false
-    return false;
-  }
-
-  /**
-   * Draw layout bounds for the next child.
-   *
-   * @param canvas The canvas to draw on.
-   */
-  /* package */ void debugDrawNextChild(Canvas canvas) {
-    View child = getChildAt(mDrawChildIndex);
-    // Draw FlatViewGroups a different color than regular child views.
-    int color = child instanceof FlatViewGroup ? Color.DKGRAY : Color.RED;
-    debugDrawRect(
-        canvas,
-        color,
-        child.getLeft(),
-        child.getTop(),
-        child.getRight(),
-        child.getBottom());
-    ++mDrawChildIndex;
-  }
-
-  // Used in debug drawing.
-  /* package */ int dipsToPixels(int dips) {
-    float scale = getResources().getDisplayMetrics().density;
-    return (int) (dips * scale + 0.5f);
-  }
-
-  // Used in debug drawing.
-  private static void fillRect(Canvas canvas, Paint paint, float x1, float y1, float x2, float y2) {
-    if (x1 != x2 && y1 != y2) {
-      if (x1 > x2) {
-        float tmp = x1; x1 = x2; x2 = tmp;
-      }
-      if (y1 > y2) {
-        float tmp = y1; y1 = y2; y2 = tmp;
-      }
-      canvas.drawRect(x1, y1, x2, y2, paint);
-    }
-  }
-
-  // Used in debug drawing.
-  private static int sign(float x) {
-    return (x >= 0) ? 1 : -1;
-  }
-
-  // Used in debug drawing.
-  private static void drawCorner(
-      Canvas c,
-      Paint paint,
-      float x1,
-      float y1,
-      float dx,
-      float dy,
-      float lw) {
-    fillRect(c, paint, x1, y1, x1 + dx, y1 + lw * sign(dy));
-    fillRect(c, paint, x1, y1, x1 + lw * sign(dx), y1 + dy);
-  }
-
-  // Used in debug drawing.
-  private static void drawRectCorners(
-      Canvas canvas,
-      float x1,
-      float y1,
-      float x2,
-      float y2,
-      Paint paint,
-      int lineLength,
-      int lineWidth) {
-    drawCorner(canvas, paint, x1, y1, lineLength, lineLength, lineWidth);
-    drawCorner(canvas, paint, x1, y2, lineLength, -lineLength, lineWidth);
-    drawCorner(canvas, paint, x2, y1, -lineLength, lineLength, lineWidth);
-    drawCorner(canvas, paint, x2, y2, -lineLength, -lineLength, lineWidth);
-  }
-
-  /**
-   * Makes sure that we only initialize one instance of each of our layout bounds drawing
-   * resources.
-   */
-  private void initDebugDrawResources() {
-    if (sDebugTextPaint == null) {
-      sDebugTextPaint = new Paint();
-      sDebugTextPaint.setTextAlign(Paint.Align.RIGHT);
-      sDebugTextPaint.setTextSize(dipsToPixels(9));
-      sDebugTextPaint.setTypeface(Typeface.MONOSPACE);
-      sDebugTextPaint.setAntiAlias(true);
-      sDebugTextPaint.setColor(Color.RED);
-    }
-    if (sDebugTextBackgroundPaint == null) {
-      sDebugTextBackgroundPaint = new Paint();
-      sDebugTextBackgroundPaint.setColor(Color.WHITE);
-      sDebugTextBackgroundPaint.setAlpha(200);
-      sDebugTextBackgroundPaint.setStyle(Paint.Style.FILL);
-    }
-    if (sDebugRectPaint == null) {
-      sDebugRectPaint = new Paint();
-      sDebugRectPaint.setAlpha(100);
-      sDebugRectPaint.setStyle(Paint.Style.STROKE);
-    }
-    if (sDebugCornerPaint == null) {
-      sDebugCornerPaint = new Paint();
-      sDebugCornerPaint.setAlpha(200);
-      sDebugCornerPaint.setColor(Color.rgb(63, 127, 255));
-      sDebugCornerPaint.setStyle(Paint.Style.FILL);
-    }
-    if (sDebugRect == null) {
-      sDebugRect = new Rect();
-    }
-  }
-
-  /**
-   * Used in drawing layout bounds, draws a layout bounds rectangle similar to the Android default
-   * implementation, with a specifiable border color.
-   *
-   * @param canvas The canvas to draw on.
-   * @param color The border color of the layout bounds.
-   * @param left Left bound of the rectangle.
-   * @param top Top bound of the rectangle.
-   * @param right Right bound of the rectangle.
-   * @param bottom Bottom bound of the rectangle.
-   */
-  private void debugDrawRect(
-      Canvas canvas,
-      int color,
-      float left,
-      float top,
-      float right,
-      float bottom) {
-    debugDrawNamedRect(canvas, color, "", left, top, right, bottom);
-  }
-
-  /**
-   * Used in drawing layout bounds, draws a layout bounds rectangle similar to the Android default
-   * implementation, with a specifiable border color.  Also draws a name text in the bottom right
-   * corner of the rectangle if DEBUG_DRAW_TEXT is set.
-   *
-   * @param canvas The canvas to draw on.
-   * @param color The border color of the layout bounds.
-   * @param name Name to be drawn on top of the rectangle if DEBUG_DRAW_TEXT is set.
-   * @param left Left bound of the rectangle.
-   * @param top Top bound of the rectangle.
-   * @param right Right bound of the rectangle.
-   * @param bottom Bottom bound of the rectangle.
-   */
-  /* package */ void debugDrawNamedRect(
-      Canvas canvas,
-      int color,
-      String name,
-      float left,
-      float top,
-      float right,
-      float bottom) {
-    if (DEBUG_DRAW_TEXT && !name.isEmpty()) {
-      sDebugTextPaint.getTextBounds(name, 0, name.length(), sDebugRect);
-      int inset = dipsToPixels(2);
-      float textRight = right - inset - 1;
-      float textBottom = bottom - inset - 1;
-      canvas.drawRect(
-          textRight - sDebugRect.right - inset,
-          textBottom + sDebugRect.top - inset,
-          textRight + inset,
-          textBottom + inset,
-          sDebugTextBackgroundPaint);
-      canvas.drawText(name, textRight, textBottom, sDebugTextPaint);
-    }
-    // Retain the alpha component.
-    sDebugRectPaint.setColor((sDebugRectPaint.getColor() & 0xFF000000) | (color & 0x00FFFFFF));
-    sDebugRectPaint.setAlpha(100);
-    canvas.drawRect(
-        left,
-        top,
-        right - 1,
-        bottom - 1,
-        sDebugRectPaint);
-    drawRectCorners(
-        canvas,
-        left,
-        top,
-        right,
-        bottom,
-        sDebugCornerPaint,
-        dipsToPixels(8),
-        dipsToPixels(1));
-  }
-
-  @Override
-  protected void onLayout(boolean changed, int l, int t, int r, int b) {
-    // nothing to do here
-  }
-
-  @Override
-  @SuppressLint("MissingSuperCall")
-  protected boolean verifyDrawable(Drawable who) {
-    return true;
-  }
-
-  @Override
-  protected void onAttachedToWindow() {
-    if (mIsAttached) {
-      // This is possible, unfortunately.
-      return;
-    }
-
-    mIsAttached = true;
-
-    super.onAttachedToWindow();
-    dispatchOnAttached(mAttachDetachListeners);
-
-    // This is a no op if we aren't clipping, so let updateClippingRect handle the check for us.
-    updateClippingRect();
-  }
-
-  @Override
-  protected void onDetachedFromWindow() {
-    if (!mIsAttached) {
-      throw new RuntimeException("Double detach");
-    }
-
-    mIsAttached = false;
-
-    super.onDetachedFromWindow();
-    dispatchOnDetached(mAttachDetachListeners);
-  }
-
-  @Override
-  protected void onSizeChanged(int w, int h, int oldw, int oldh) {
-    if (mHotspot != null) {
-      mHotspot.setBounds(0, 0, w, h);
-      invalidate();
-    }
-
-    // This is a no op if we aren't clipping, so let updateClippingRect handle the check for us.
-    updateClippingRect();
-  }
-
-  @Override
-  public void dispatchDrawableHotspotChanged(float x, float y) {
-    if (mHotspot != null) {
-      mHotspot.setHotspot(x, y);
-      invalidate();
-    }
-  }
-
-  @Override
-  protected void drawableStateChanged() {
-    super.drawableStateChanged();
-
-    if (mHotspot != null && mHotspot.isStateful()) {
-        mHotspot.setState(getDrawableState());
-    }
-  }
-
-  @Override
-  public void jumpDrawablesToCurrentState() {
-    super.jumpDrawablesToCurrentState();
-    if (mHotspot != null) {
-        mHotspot.jumpToCurrentState();
-    }
-  }
-
-  @Override
-  public void invalidate() {
-    // By default, invalidate() only invalidates the View's boundaries, which works great in most
-    // cases but may fail with overflow: visible (i.e. View clipping disabled) when View width or
-    // height is 0. This is because invalidate() has an optimization where it will not invalidate
-    // empty Views at all. A quick fix is to invalidate a slightly larger region to make sure we
-    // never hit that optimization.
-    //
-    // Another thing to note is that this may not work correctly with software rendering because
-    // in software, Android tracks dirty regions to redraw. We would need to collect information
-    // about all children boundaries (recursively) to track dirty region precisely.
-    invalidate(0, 0, getWidth() + 1, getHeight() + 1);
-  }
-
-  /**
-   * We override this to allow developers to determine whether they need offscreen alpha compositing
-   * or not. See the documentation of needsOffscreenAlphaCompositing in View.js.
-   */
-  @Override
-  public boolean hasOverlappingRendering() {
-    return mNeedsOffscreenAlphaCompositing;
-  }
-
-  @Override
-  public void setOnInterceptTouchEventListener(OnInterceptTouchEventListener listener) {
-    mOnInterceptTouchEventListener = listener;
-  }
-
-  @Override
-  public boolean onInterceptTouchEvent(MotionEvent ev) {
-    final long downTime = ev.getDownTime();
-    if (downTime != mLastTouchDownTime) {
-      mLastTouchDownTime = downTime;
-      if (interceptsTouchEvent(ev.getX(), ev.getY())) {
-        return true;
-      }
-    }
-
-    if (mOnInterceptTouchEventListener != null &&
-        mOnInterceptTouchEventListener.onInterceptTouchEvent(this, ev)) {
-      return true;
-    }
-    // We intercept the touch event if the children are not supposed to receive it.
-    if (mPointerEvents == PointerEvents.NONE || mPointerEvents == PointerEvents.BOX_ONLY) {
-      return true;
-    }
-    return super.onInterceptTouchEvent(ev);
-  }
-
-  @Override
-  public boolean onTouchEvent(MotionEvent ev) {
-    // We do not accept the touch event if this view is not supposed to receive it.
-    if (mPointerEvents == PointerEvents.NONE) {
-      return false;
-    }
-
-    if (mPointerEvents == PointerEvents.BOX_NONE) {
-      // We cannot always return false here because some child nodes could be flatten into this View
-      NodeRegion nodeRegion = virtualNodeRegionWithinBounds(ev.getX(), ev.getY());
-      if (nodeRegion == null) {
-        // no child to handle this touch event, bailing out.
-        return false;
-      }
-    }
-
-    // The root view always assumes any view that was tapped wants the touch
-    // and sends the event to JS as such.
-    // We don't need to do bubbling in native (it's already happening in JS).
-    // For an explanation of bubbling and capturing, see
-    // http://javascript.info/tutorial/bubbling-and-capturing#capturing
-    return true;
-  }
-
-  @Override
-  public PointerEvents getPointerEvents() {
-    return mPointerEvents;
-  }
-
-  /*package*/ void setPointerEvents(PointerEvents pointerEvents) {
-    mPointerEvents = pointerEvents;
-  }
-
-  /**
-   * See the documentation of needsOffscreenAlphaCompositing in View.js.
-   */
-  /* package */ void setNeedsOffscreenAlphaCompositing(boolean needsOffscreenAlphaCompositing) {
-    mNeedsOffscreenAlphaCompositing = needsOffscreenAlphaCompositing;
-  }
-
-  /* package */ void setHotspot(Drawable hotspot) {
-    if (mHotspot != null) {
-      mHotspot.setCallback(null);
-      unscheduleDrawable(mHotspot);
-    }
-
-    if (hotspot != null) {
-      hotspot.setCallback(this);
-      if (hotspot.isStateful()) {
-        hotspot.setState(getDrawableState());
-      }
-    }
-
-    mHotspot = hotspot;
-    invalidate();
-  }
-
-  /**
-   * Draws the next child of the FlatViewGroup.  Each draw view calls FlatViewGroup.drawNextChild,
-   * which keeps track of the current child index to draw.
-   *
-   * @param canvas The canvas to draw on.
-   */
-  /* package */ void drawNextChild(Canvas canvas) {
-    View child = getChildAt(mDrawChildIndex);
-    if (child instanceof FlatViewGroup) {
-      super.drawChild(canvas, child, getDrawingTime());
-    } else {
-      // Make sure non-React Views clip properly.
-      canvas.save(Canvas.CLIP_SAVE_FLAG);
-      child.getHitRect(VIEW_BOUNDS);
-      canvas.clipRect(VIEW_BOUNDS);
-      super.drawChild(canvas, child, getDrawingTime());
-      canvas.restore();
-    }
-
-    ++mDrawChildIndex;
-  }
-
-  /**
-   * Mount a list of draw commands to this FlatViewGroup.  Draw commands sometimes map to a view,
-   * as in the case of {@link DrawView}, and sometimes to a simple canvas operation.  We only
-   * receive a call to mount draw commands when our commands have changed, so we always invalidate.
-   *
-   * A call to mount draw commands will only be followed by a call to mount views if the draw view
-   * commands within the draw command array have changed since last mount.
-   *
-   * @param drawCommands The draw commands to mount.
-   */
-  /* package */ void mountDrawCommands(DrawCommand[] drawCommands) {
-    mDrawCommands = drawCommands;
-    invalidate();
-  }
-
-  /**
-   * Mount a list of draw commands to this FlatViewGroup, which is clipping subviews.  Clipping
-   * logic is handled by a {@link DrawCommandManager}, which provides a better explanation of
-   * these arguments and logic.
-   *
-   * A call to mount draw commands will only be followed by a call to mount views if the draw view
-   * commands within the draw command array have changed since last mount, which is indicated here
-   * by willMountViews.
-   *
-   * @param drawCommands The draw commands to mount.
-   * @param drawViewIndexMap See {@link DrawCommandManager}.
-   * @param maxBottom See {@link DrawCommandManager}.
-   * @param minTop See {@link DrawCommandManager}.
-   * @param willMountViews True if we will also receive a mountViews call.  If we are going to
-   *   receive a call to mount views, that will take care of updating the commands that are
-   *   currently onscreen, otherwise we need to update the onscreen commands.
-   */
-  /* package */ void mountClippingDrawCommands(
-      DrawCommand[] drawCommands,
-      SparseIntArray drawViewIndexMap,
-      float[] maxBottom,
-      float[] minTop,
-      boolean willMountViews) {
-    Assertions.assertNotNull(mDrawCommandManager).mountDrawCommands(
-        drawCommands,
-        drawViewIndexMap,
-        maxBottom,
-        minTop,
-        willMountViews);
-    invalidate();
-  }
-
-  /**
-   * Handle a subview being dropped
-   * In most cases, we are informed about a subview being dropped via mountViews, but in some
-   * cases (such as when both the child and parent get explicit removes in the same frame),
-   * we may not find out, so this is called when the child is dropped so the parent can clean up
-   * strong references to the child.
-   *
-   * @param view the view being dropped
-   */
-  void onViewDropped(View view) {
-    if (mDrawCommandManager != null) {
-      // for now, we only care about clearing clipped subview references
-      mDrawCommandManager.onClippedViewDropped(view);
-    }
-  }
-
-  /**
-   * Return the NodeRegion which matches a reactTag, or EMPTY if none match.
-   *
-   * @param reactTag The reactTag to look for
-   * @return The matching NodeRegion, or NodeRegion.EMPTY if none match.
-   */
-  /* package */ NodeRegion getNodeRegionForTag(int reactTag) {
-    for (NodeRegion region : mNodeRegions) {
-      if (region.matchesTag(reactTag)) {
-        return region;
-      }
-    }
-    return NodeRegion.EMPTY;
-  }
-
-  /**
-   * Return a list of FlatViewGroups that are detached (due to being clipped) but that we have a
-   * strong reference to. This is used by the FlatNativeViewHierarchyManager to explicitly clean up
-   * those views when removing this parent.
-   *
-   * @return A Collection of Views to clean up.
-   */
-  /* package */ SparseArray<View> getDetachedViews() {
-    if (mDrawCommandManager == null) {
-      return EMPTY_DETACHED_VIEWS;
-    }
-    return mDrawCommandManager.getDetachedViews();
-  }
-
-  /**
-   * Remove the detached view from the parent
-   * This is used in the DrawCommandManagers and during cleanup to trigger onDetachedFromWindow on
-   * any views that were in a temporary detached state due to them being clipped. This is called
-   * for cleanup of said views by FlatNativeViewHierarchyManager.
-   *
-   * @param view the detached View to remove
-   */
-  void removeDetachedView(View view) {
-    removeDetachedView(view, false);
-  }
-
-  @Override
-  public void removeAllViewsInLayout() {
-    // whenever we want to remove all views in a layout, we also want to remove all the
-    // DrawCommands, otherwise, we can have a mismatch between the DrawView DrawCommands
-    // and the Views to draw (note that because removeAllViewsInLayout doesn't call invalidate,
-    // we don't actually need to modify mDrawCommands, but we do it just in case).
-    mDrawCommands = DrawCommand.EMPTY_ARRAY;
-    super.removeAllViewsInLayout();
-  }
-
-  /**
-   * Mounts attach detach listeners to a FlatViewGroup.  The Nodes spec states that children and
-   * commands deal gracefully with multiple attaches and detaches, and as long as:
-   *
-   *   attachCount - detachCount > 0
-   *
-   * Then children still consider themselves as attached.
-   *
-   * @param listeners The listeners to mount.
-   */
-  /* package */ void mountAttachDetachListeners(AttachDetachListener[] listeners) {
-    if (mIsAttached) {
-      // Ordering of the following 2 statements is very important. While logically it makes sense to
-      // detach old listeners first, and only then attach new listeners, this is not very efficient,
-      // because a listener can be in both lists. In this case, it will be detached first and then
-      // re-attached immediately. This is undesirable for a couple of reasons:
-      // 1) performance. Detaching is slow because it may cancel an ongoing network request
-      // 2) it may cause flicker: an image that was already loaded may get unloaded.
-      //
-      // For this reason, we are attaching new listeners first. What this means is that listeners
-      // that are in both lists need to gracefully handle a secondary attach and detach events,
-      // (i.e. onAttach() being called when already attached, followed by a detach that should be
-      // ignored) turning them into no-ops. This will result in no performance loss and no flicker,
-      // because ongoing network requests don't get cancelled.
-      dispatchOnAttached(listeners);
-      dispatchOnDetached(mAttachDetachListeners);
-    }
-    mAttachDetachListeners = listeners;
-  }
-
-  /**
-   * Mount node regions to a FlatViewGroup.  A node region is a touch target for a react tag.  As
-   * not all react tags map to a view, we use node regions to determine whether a non-native region
-   * should receive a touch.
-   *
-   * @param nodeRegions The node regions to mount.
-   */
-  /* package */ void mountNodeRegions(NodeRegion[] nodeRegions) {
-    mNodeRegions = nodeRegions;
-  }
-
-  /**
-   * Mount node regions in clipping.  See {@link DrawCommandManager} for more complete
-   * documentation.
-   *
-   * @param nodeRegions The node regions to mount.
-   * @param maxBottom See {@link DrawCommandManager}.
-   * @param minTop See {@link DrawCommandManager}.
-   */
-  /* package */ void mountClippingNodeRegions(
-      NodeRegion[] nodeRegions,
-      float[] maxBottom,
-      float[] minTop) {
-    mNodeRegions = nodeRegions;
-    Assertions.assertNotNull(mDrawCommandManager).mountNodeRegions(nodeRegions, maxBottom, minTop);
-  }
-
-  /**
-   * Mount a list of views to add, and dismount a list of views to detach.  Ids will not appear in
-   * both lists, aka:
-   *   Set(viewsToAdd + viewsToDetach).size() == viewsToAdd.length + viewsToDetach.length
-   *
-   * Every time we get any change in the views in a FlatViewGroup, we detach all views first, then
-   * reattach / remove them as needed.  viewsToAdd is odd in that the ids also specify whether
-   * the view is new to us, or if we were already the parent.  If it is new to us, then the id has
-   * a positive value, otherwise we are already the parent, but it was previously detached, since
-   * we detach everything when anything changes.
-   *
-   * The reason we detach everything is that a single detach is on the order of O(n), as in the
-   * average case we have to move half of the views one position to the right, and a single add is
-   * the same.  Removing all views is also on the order of O(n), as you delete everything backward
-   * from the end, while adding a new set of views is also on the order of O(n), as you just add
-   * them all back in order.  ArrayLists are weird.
-   *
-   * @param viewResolver Resolves the views from their id.
-   * @param viewsToAdd id of views to add if they weren't just attached to us, or -id if they are
-   *     just being reattached.
-   * @param viewsToDetach id of views that we don't own anymore.  They either moved to a new parent,
-   *     or are being removed entirely.
-   */
-  /* package */ void mountViews(ViewResolver viewResolver, int[] viewsToAdd, int[] viewsToDetach) {
-    if (mDrawCommandManager != null) {
-      mDrawCommandManager.mountViews(viewResolver, viewsToAdd, viewsToDetach);
-    } else {
-      for (int viewToAdd : viewsToAdd) {
-        if (viewToAdd > 0) {
-          View view = viewResolver.getView(viewToAdd);
-          ensureViewHasNoParent(view);
-          addViewInLayout(view);
-        } else {
-          View view = viewResolver.getView(-viewToAdd);
-          ensureViewHasNoParent(view);
-          // We aren't clipping, so attach all the things, clipping is handled by the draw command
-          // manager, if we have one.
-          attachViewToParent(view);
-        }
-      }
-
-      for (int viewToDetach : viewsToDetach) {
-        View view = viewResolver.getView(viewToDetach);
-        if (view.getParent() != null) {
-          throw new RuntimeException("Trying to remove view not owned by FlatViewGroup");
-        } else {
-          removeDetachedView(view, false);
-        }
-      }
-    }
-
-    invalidate();
-  }
-
-  /**
-   * Exposes the protected addViewInLayout call for the {@link DrawCommandManager}.
-   *
-   * @param view The view to add.
-   */
-  /* package */ void addViewInLayout(View view) {
-    addViewInLayout(view, -1, ensureLayoutParams(view.getLayoutParams()), true);
-  }
-
-  /**
-   * Exposes the protected addViewInLayout call for the {@link DrawCommandManager}.
-   *
-   * @param view The view to add.
-   * @param index The index position at which to add this child.
-   */
-  /* package */ void addViewInLayout(View view, int index) {
-    addViewInLayout(view, index, ensureLayoutParams(view.getLayoutParams()), true);
-  }
-
-  /**
-   * Exposes the protected attachViewToParent call for the {@link DrawCommandManager}.
-   *
-   * @param view The view to attach.
-   */
-  /* package */ void attachViewToParent(View view) {
-    attachViewToParent(view, -1, ensureLayoutParams(view.getLayoutParams()));
-  }
-
-  /**
-   * Exposes the protected attachViewToParent call for the {@link DrawCommandManager}.
-   *
-   * @param view The view to attach.
-   * @param index The index position at which to attach this child.
-   */
-  /* package */ void attachViewToParent(View view, int index) {
-    attachViewToParent(view, index, ensureLayoutParams(view.getLayoutParams()));
-  }
-
-  private void processLayoutRequest() {
-    mIsLayoutRequested = false;
-    for (int i = 0, childCount = getChildCount(); i != childCount; ++i) {
-      View child = getChildAt(i);
-      if (!child.isLayoutRequested()) {
-        continue;
-      }
-
-      child.measure(
-        MeasureSpec.makeMeasureSpec(child.getWidth(), MeasureSpec.EXACTLY),
-        MeasureSpec.makeMeasureSpec(child.getHeight(), MeasureSpec.EXACTLY));
-      child.layout(child.getLeft(), child.getTop(), child.getRight(), child.getBottom());
-    }
-  }
-
-  /**
-   * Called after the view hierarchy is updated in {@link StateBuilder}, to process all the
-   * FlatViewGroups that have requested layout.
-   */
-  /* package */ static void processLayoutRequests() {
-    for (int i = 0, numLayoutRequests = LAYOUT_REQUESTS.size(); i != numLayoutRequests; ++i) {
-      FlatViewGroup flatViewGroup = LAYOUT_REQUESTS.get(i);
-      flatViewGroup.processLayoutRequest();
-    }
-    LAYOUT_REQUESTS.clear();
-  }
-
-  // Helper method for measure functionality provided by MeasuredViewGroup.
-  @Override
-  public Rect measureWithCommands() {
-    int childCount = getChildCount();
-    if (childCount == 0 && mDrawCommands.length == 0) {
-      return new Rect(0, 0, 0, 0);
-    }
-    int left = Integer.MAX_VALUE;
-    int top = Integer.MAX_VALUE;
-    int right = Integer.MIN_VALUE;
-    int bottom = Integer.MIN_VALUE;
-    for (int i = 0; i < childCount; i++) {
-      // This is technically a dupe, since the DrawView has its bounds, but leaving in to handle if
-      // the View is animating or rebelling against the DrawView bounds for some reason.
-      View child = getChildAt(i);
-      left = Math.min(left, child.getLeft());
-      top = Math.min(top, child.getTop());
-      right = Math.max(right, child.getRight());
-      bottom = Math.max(bottom, child.getBottom());
-    }
-
-    for (DrawCommand mDrawCommand : mDrawCommands) {
-      if (!(mDrawCommand instanceof AbstractDrawCommand)) {
-        continue;
-      }
-      AbstractDrawCommand drawCommand = (AbstractDrawCommand) mDrawCommand;
-      left = Math.min(left, Math.round(drawCommand.getLeft()));
-      top = Math.min(top, Math.round(drawCommand.getTop()));
-      right = Math.max(right, Math.round(drawCommand.getRight()));
-      bottom = Math.max(bottom, Math.round(drawCommand.getBottom()));
-    }
-    return new Rect(left, top, right, bottom);
-  }
-
-  /**
-   * Searches for a virtual node region matching the specified x and y touch.  Virtual in this case
-   * means simply that the node region represents a command, rather than a native view.
-   *
-   * @param touchX The touch x coordinate.
-   * @param touchY The touch y coordinate.
-   * @return A virtual node region matching the specified touch, or null if no regions match.
-   */
-  private @Nullable NodeRegion virtualNodeRegionWithinBounds(float touchX, float touchY) {
-    if (mDrawCommandManager != null) {
-      return mDrawCommandManager.virtualNodeRegionWithinBounds(touchX, touchY);
-    }
-    for (int i = mNodeRegions.length - 1; i >= 0; --i) {
-      NodeRegion nodeRegion = mNodeRegions[i];
-      if (!nodeRegion.mIsVirtual) {
-        // only interested in virtual nodes
-        continue;
-      }
-      if (nodeRegion.withinBounds(touchX, touchY)) {
-        return nodeRegion;
-      }
-    }
-
-    return null;
-  }
-
-  /**
-   * Searches for a node region matching the specified x and y touch.  Will search regions which
-   * representing both commands and native views.
-   *
-   * @param touchX The touch x coordinate.
-   * @param touchY The touch y coordinate.
-   * @return A node region matching the specified touch, or null if no regions match.
-   */
-  private @Nullable NodeRegion anyNodeRegionWithinBounds(float touchX, float touchY) {
-    if (mDrawCommandManager != null) {
-      return mDrawCommandManager.anyNodeRegionWithinBounds(touchX, touchY);
-    }
-    for (int i = mNodeRegions.length - 1; i >= 0; --i) {
-      NodeRegion nodeRegion = mNodeRegions[i];
-      if (nodeRegion.withinBounds(touchX, touchY)) {
-        return nodeRegion;
-      }
-    }
-
-    return null;
-  }
-
-  private static void ensureViewHasNoParent(View view) {
-    ViewParent oldParent = view.getParent();
-    if (oldParent != null) {
-      throw new RuntimeException(
-          "Cannot add view " + view + " to FlatViewGroup while it has a parent " + oldParent);
-    }
-  }
-
-  /**
-   * Propagate attach to a list of listeners, passing a callback by which they can invalidate.
-   *
-   * @param listeners List of listeners to attach.
-   */
-  private void dispatchOnAttached(AttachDetachListener[] listeners) {
-    int numListeners = listeners.length;
-    if (numListeners == 0) {
-      return;
-    }
-
-    InvalidateCallback callback = getInvalidateCallback();
-    for (AttachDetachListener listener : listeners) {
-      listener.onAttached(callback);
-    }
-  }
-
-  /**
-   * Get an invalidate callback singleton for this view instance.
-   *
-   * @return Invalidate callback singleton.
-   */
-  private InvalidateCallback getInvalidateCallback() {
-    if (mInvalidateCallback == null) {
-      mInvalidateCallback = new InvalidateCallback(this);
-    }
-    return mInvalidateCallback;
-  }
-
-  /**
-   * Propagate detach to a list of listeners.
-   *
-   * @param listeners List of listeners to detach.
-   */
-  private static void dispatchOnDetached(AttachDetachListener[] listeners) {
-    for (AttachDetachListener listener : listeners) {
-      listener.onDetached();
-    }
-  }
-
-  private ViewGroup.LayoutParams ensureLayoutParams(ViewGroup.LayoutParams lp) {
-    if (checkLayoutParams(lp)) {
-      return lp;
-    }
-    return generateDefaultLayoutParams();
-  }
-
-  @Override
-  public void updateClippingRect() {
-    if (mDrawCommandManager == null) {
-      // Don't update the clipping rect if we aren't clipping.
-      return;
-    }
-    if (mDrawCommandManager.updateClippingRect()) {
-      // Manager says something changed.
-      invalidate();
-    }
-  }
-
-  @Override
-  public void getClippingRect(Rect outClippingRect) {
-    if (mDrawCommandManager == null) {
-      // We could call outClippingRect.set(null) here, but throw in case the underlying React Native
-      // behaviour changes without us knowing.
-      throw new RuntimeException(
-          "Trying to get the clipping rect for a non-clipping FlatViewGroup");
-    }
-     mDrawCommandManager.getClippingRect(outClippingRect);
-  }
-
-  @Override
-  public void setRemoveClippedSubviews(boolean removeClippedSubviews) {
-    boolean currentlyClipping = getRemoveClippedSubviews();
-    if (removeClippedSubviews == currentlyClipping) {
-      // We aren't changing state, so don't do anything.
-      return;
-    }
-    if (currentlyClipping) {
-      // Trying to go from a clipping to a non-clipping state, not currently supported by Nodes.
-      // If this is an issue, let us know, but currently there does not seem to be a good case for
-      // supporting this.
-      throw new RuntimeException(
-          "Trying to transition FlatViewGroup from clipping to non-clipping state");
-    }
-    mDrawCommandManager = DrawCommandManager.getVerticalClippingInstance(this, mDrawCommands);
-    mDrawCommands = DrawCommand.EMPTY_ARRAY;
-    // We don't need an invalidate here because this can't cause new views to come onscreen, since
-    // everything was unclipped.
-  }
-
-  @Override
-  public boolean getRemoveClippedSubviews() {
-    return mDrawCommandManager != null;
-  }
-
-  @Override
-  public @Nullable Rect getHitSlopRect() {
-    return mHitSlopRect;
-  }
-
-  /* package */ void setHitSlopRect(@Nullable Rect rect) {
-    mHitSlopRect = rect;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/flat/FlatViewManager.java
deleted file mode 100644
index 8969b67243b80b..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/FlatViewManager.java
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import com.facebook.react.uimanager.ThemedReactContext;
-import com.facebook.react.uimanager.ViewGroupManager;
-
-abstract class FlatViewManager extends ViewGroupManager<FlatViewGroup> {
-
-  @Override
-  protected FlatViewGroup createViewInstance(ThemedReactContext reactContext) {
-    return new FlatViewGroup(reactContext);
-  }
-
-  @Override
-  public void setBackgroundColor(FlatViewGroup view, int backgroundColor) {
-    // suppress
-  }
-
-  @Override
-  public void removeAllViews(FlatViewGroup parent) {
-    parent.removeAllViewsInLayout();
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/FontStylingSpan.java b/ReactAndroid/src/main/java/com/facebook/react/flat/FontStylingSpan.java
deleted file mode 100644
index d7490984da726a..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/FontStylingSpan.java
+++ /dev/null
@@ -1,207 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import android.graphics.Color;
-import android.graphics.Typeface;
-import android.text.TextPaint;
-import android.text.style.MetricAffectingSpan;
-
-/* package */ final class FontStylingSpan extends MetricAffectingSpan {
-
-  /* package */ static final FontStylingSpan INSTANCE = new FontStylingSpan(
-      Color.BLACK /* mTextColor */,
-      0 /* mBackgroundColor */,
-      -1 /* mFontSize */,
-      -1 /* mFontStyle */,
-      -1 /* mFontWeight */,
-      false /* mHasUnderline */,
-      false /* mHasStrikeThrough */,
-      null /* mFontFamily */,
-      true /* mFrozen */);
-
-  // text property
-  private double mTextColor;
-  private int mBackgroundColor;
-  private boolean mHasUnderline;
-  private boolean mHasStrikeThrough;
-
-  // font properties
-  private int mFontSize;
-  private int mFontStyle;
-  private int mFontWeight;
-  private @Nullable String mFontFamily;
-
-  // whether or not mutation is allowed.
-  private boolean mFrozen;
-
-  FontStylingSpan() {
-  }
-
-  private FontStylingSpan(
-      double textColor,
-      int backgroundColor,
-      int fontSize,
-      int fontStyle,
-      int fontWeight,
-      boolean hasUnderline,
-      boolean hasStrikeThrough,
-      @Nullable String fontFamily,
-      boolean frozen) {
-    mTextColor = textColor;
-    mBackgroundColor = backgroundColor;
-    mFontSize = fontSize;
-    mFontStyle = fontStyle;
-    mFontWeight = fontWeight;
-    mHasUnderline = hasUnderline;
-    mHasStrikeThrough = hasStrikeThrough;
-    mFontFamily = fontFamily;
-    mFrozen = frozen;
-  }
-
-  /* package */ FontStylingSpan mutableCopy() {
-    return new FontStylingSpan(
-        mTextColor,
-        mBackgroundColor,
-        mFontSize,
-        mFontStyle,
-        mFontWeight,
-        mHasUnderline,
-        mHasStrikeThrough,
-        mFontFamily,
-        false);
-  }
-
-  /* package */ boolean isFrozen() {
-    return mFrozen;
-  }
-
-  /* package */ void freeze() {
-    mFrozen = true;
-  }
-
-  /* package */ double getTextColor() {
-    return mTextColor;
-  }
-
-  /* package */ void setTextColor(double textColor) {
-    mTextColor = textColor;
-  }
-
-  /* package */ int getBackgroundColor() {
-    return mBackgroundColor;
-  }
-
-  /* package */ void setBackgroundColor(int backgroundColor) {
-    mBackgroundColor = backgroundColor;
-  }
-
-  /* package */ int getFontSize() {
-    return mFontSize;
-  }
-
-  /* package */ void setFontSize(int fontSize) {
-    mFontSize = fontSize;
-  }
-
-  /* package */ int getFontStyle() {
-    return mFontStyle;
-  }
-
-  /* package */ void setFontStyle(int fontStyle) {
-    mFontStyle = fontStyle;
-  }
-
-  /* package */ int getFontWeight() {
-    return mFontWeight;
-  }
-
-  /* package */ void setFontWeight(int fontWeight) {
-    mFontWeight = fontWeight;
-  }
-
-  /* package */ @Nullable String getFontFamily() {
-    return mFontFamily;
-  }
-
-  /* package */ void setFontFamily(@Nullable String fontFamily) {
-    mFontFamily = fontFamily;
-  }
-
-  /* package */ boolean hasUnderline() {
-    return mHasUnderline;
-  }
-
-  /* package */ void setHasUnderline(boolean hasUnderline) {
-    mHasUnderline = hasUnderline;
-  }
-
-  /* package */ boolean hasStrikeThrough() {
-    return mHasStrikeThrough;
-  }
-
-  /* package */ void setHasStrikeThrough(boolean hasStrikeThrough) {
-    mHasStrikeThrough = hasStrikeThrough;
-  }
-
-  @Override
-  public void updateDrawState(TextPaint ds) {
-    if (!Double.isNaN(mTextColor)) {
-      ds.setColor((int) mTextColor);
-    }
-
-    ds.bgColor = mBackgroundColor;
-    ds.setUnderlineText(mHasUnderline);
-    ds.setStrikeThruText(mHasStrikeThrough);
-    updateMeasureState(ds);
-  }
-
-  @Override
-  public void updateMeasureState(TextPaint ds) {
-    if (mFontSize != -1) {
-      ds.setTextSize(mFontSize);
-    }
-
-    updateTypeface(ds);
-  }
-
-  private int getNewStyle(int oldStyle) {
-    int newStyle = oldStyle;
-    if (mFontStyle != -1) {
-      newStyle = (newStyle & ~Typeface.ITALIC) | mFontStyle;
-    }
-
-    if (mFontWeight != -1) {
-      newStyle = (newStyle & ~Typeface.BOLD) | mFontWeight;
-    }
-
-    return newStyle;
-  }
-
-  private void updateTypeface(TextPaint ds) {
-    Typeface typeface = ds.getTypeface();
-
-    int oldStyle = (typeface == null) ? 0 : typeface.getStyle();
-    int newStyle = getNewStyle(oldStyle);
-
-    if (oldStyle == newStyle && mFontFamily == null) {
-      // nothing to do
-      return;
-    }
-
-    if (mFontFamily != null) {
-      typeface = TypefaceCache.getTypeface(mFontFamily, newStyle);
-    } else {
-      typeface = TypefaceCache.getTypeface(typeface, newStyle);
-    }
-
-    ds.setTypeface(typeface);
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/HitSlopNodeRegion.java b/ReactAndroid/src/main/java/com/facebook/react/flat/HitSlopNodeRegion.java
deleted file mode 100644
index 09bb2f90cb52fb..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/HitSlopNodeRegion.java
+++ /dev/null
@@ -1,56 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import android.graphics.Rect;
-
-/**
- * NodeRegion that has a hit slop.
- */
-/* package */ final class HitSlopNodeRegion extends NodeRegion {
-
-  private final Rect mHitSlop;
-
-  HitSlopNodeRegion(
-      Rect hitSlop,
-      float left,
-      float top,
-      float right,
-      float bottom,
-      int tag,
-      boolean isVirtual) {
-    super(left, top, right, bottom, tag, isVirtual);
-    mHitSlop = hitSlop;
-  }
-
-  @Override
-  /* package */ float getTouchableLeft() {
-    return getLeft() - mHitSlop.left;
-  }
-
-  @Override
-  /* package */ float getTouchableTop() {
-    return getTop() - mHitSlop.top;
-  }
-
-  @Override
-  /* package */ float getTouchableRight() {
-    return getRight() + mHitSlop.right;
-  }
-
-  @Override
-  /* package */ float getTouchableBottom() {
-    return getBottom() + mHitSlop.bottom;
-  }
-
-  @Override
-  /* package */ boolean withinBounds(float touchX, float touchY) {
-    return getTouchableLeft() <= touchX && touchX < getTouchableRight() &&
-        getTouchableTop() <= touchY && touchY < getTouchableBottom();
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/HorizontalDrawCommandManager.java b/ReactAndroid/src/main/java/com/facebook/react/flat/HorizontalDrawCommandManager.java
deleted file mode 100644
index 9621c9b3ebeb03..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/HorizontalDrawCommandManager.java
+++ /dev/null
@@ -1,124 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import java.util.Arrays;
-
-import android.util.SparseIntArray;
-
-/**
- * {@link DrawCommandManager} with horizontal clipping (The view scrolls left and right).
- */
-/* package */ final class HorizontalDrawCommandManager extends ClippingDrawCommandManager {
-
-  /* package */ HorizontalDrawCommandManager(
-      FlatViewGroup flatViewGroup,
-      DrawCommand[] drawCommands) {
-    super(flatViewGroup, drawCommands);
-  }
-
-  @Override
-  int commandStartIndex() {
-    int start = Arrays.binarySearch(mCommandMaxBottom, mClippingRect.left);
-    // We don't care whether we matched or not, but positive indices are helpful. The binary search
-    // returns ~index in the case that it isn't a match, so reverse that here.
-    return start < 0 ? ~start : start;
-  }
-
-  @Override
-  int commandStopIndex(int start) {
-    int stop = Arrays.binarySearch(
-        mCommandMinTop,
-        start,
-        mCommandMinTop.length,
-        mClippingRect.right);
-    // We don't care whether we matched or not, but positive indices are helpful. The binary search
-    // returns ~index in the case that it isn't a match, so reverse that here.
-    return stop < 0 ? ~stop : stop;
-  }
-
-  @Override
-  int regionStopIndex(float touchX, float touchY) {
-    int stop = Arrays.binarySearch(mRegionMinTop, touchX + 0.0001f);
-    // We don't care whether we matched or not, but positive indices are helpful. The binary search
-    // returns ~index in the case that it isn't a match, so reverse that here.
-    return stop < 0 ? ~stop : stop;
-  }
-
-  @Override
-  boolean regionAboveTouch(int index, float touchX, float touchY) {
-    return mRegionMaxBottom[index] < touchX;
-  }
-
-  /**
-   * Populates the max and min arrays for a given set of node regions.
-   *
-   * This should never be called from the UI thread, as the reason it exists is to do work off the
-   * UI thread.
-   *
-   * @param regions The regions that will eventually be mounted.
-   * @param maxRight  At each index i, the maximum right value of all regions at or below i.
-   * @param minLeft  At each index i, the minimum left value of all regions at or below i.
-   */
-  public static void fillMaxMinArrays(NodeRegion[] regions, float[] maxRight, float[] minLeft) {
-    float last = 0;
-    for (int i = 0; i < regions.length; i++) {
-      last = Math.max(last, regions[i].getTouchableRight());
-      maxRight[i] = last;
-    }
-    for (int i = regions.length - 1; i >= 0; i--) {
-      last = Math.min(last, regions[i].getTouchableLeft());
-      minLeft[i] = last;
-    }
-  }
-
-  /**
-   * Populates the max and min arrays for a given set of draw commands.  Also populates a mapping of
-   * react tags to their index position in the command array.
-   *
-   * This should never be called from the UI thread, as the reason it exists is to do work off the
-   * UI thread.
-   *
-   * @param commands The draw commands that will eventually be mounted.
-   * @param maxRight At each index i, the maximum right value of all draw commands at or below i.
-   * @param minLeft At each index i, the minimum left value of all draw commands at or below i.
-   * @param drawViewIndexMap Mapping of ids to index position within the draw command array.
-   */
-  public static void fillMaxMinArrays(
-      DrawCommand[] commands,
-      float[] maxRight,
-      float[] minLeft,
-      SparseIntArray drawViewIndexMap) {
-    float last = 0;
-    // Loop through the DrawCommands, keeping track of the maximum we've seen if we only iterated
-    // through items up to this position.
-    for (int i = 0; i < commands.length; i++) {
-      if (commands[i] instanceof DrawView) {
-        DrawView drawView = (DrawView) commands[i];
-        // These will generally be roughly sorted by id, so try to insert at the end if possible.
-        drawViewIndexMap.append(drawView.reactTag, i);
-        last = Math.max(last, drawView.mLogicalRight);
-      } else {
-        last = Math.max(last, commands[i].getRight());
-      }
-      maxRight[i] = last;
-    }
-    // Intentionally leave last as it was, since it's at the maximum bottom position we've seen so
-    // far, we can use it again.
-
-    // Loop through backwards, keeping track of the minimum we've seen at this position.
-    for (int i = commands.length - 1; i >= 0; i--) {
-      if (commands[i] instanceof DrawView) {
-        last = Math.min(last, ((DrawView) commands[i]).mLogicalLeft);
-      } else {
-        last = Math.min(last, commands[i].getLeft());
-      }
-      minLeft[i] = last;
-    }
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/InlineImageSpanWithPipeline.java b/ReactAndroid/src/main/java/com/facebook/react/flat/InlineImageSpanWithPipeline.java
deleted file mode 100644
index 9f7aca9a72019a..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/InlineImageSpanWithPipeline.java
+++ /dev/null
@@ -1,164 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import android.graphics.Bitmap;
-import android.graphics.Canvas;
-import android.graphics.Paint;
-import android.graphics.RectF;
-import android.text.style.ReplacementSpan;
-
-import com.facebook.imagepipeline.request.ImageRequest;
-import com.facebook.infer.annotation.Assertions;
-
-/* package */ final class InlineImageSpanWithPipeline extends ReplacementSpan
-    implements AttachDetachListener, BitmapUpdateListener {
-
-  private static final RectF TMP_RECT = new RectF();
-
-  private @Nullable PipelineRequestHelper mRequestHelper;
-  private @Nullable FlatViewGroup.InvalidateCallback mCallback;
-  private float mWidth;
-  private float mHeight;
-  private boolean mFrozen;
-
-  /* package */ InlineImageSpanWithPipeline() {
-    this(null, Float.NaN, Float.NaN);
-  }
-
-  private InlineImageSpanWithPipeline(
-      @Nullable PipelineRequestHelper requestHelper,
-      float width,
-      float height) {
-    mRequestHelper = requestHelper;
-    mWidth = width;
-    mHeight = height;
-  }
-
-  /* package */ InlineImageSpanWithPipeline mutableCopy() {
-    return new InlineImageSpanWithPipeline(mRequestHelper, mWidth, mHeight);
-  }
-
-  /* package */ boolean hasImageRequest() {
-    return mRequestHelper != null;
-  }
-
-  /**
-   * Assigns a new image request to the DrawImage, or null to clear the image request.
-   */
-  /* package */ void setImageRequest(@Nullable ImageRequest imageRequest) {
-    if (imageRequest == null) {
-      mRequestHelper = null;
-    } else {
-      mRequestHelper = new PipelineRequestHelper(imageRequest);
-    }
-  }
-
-  /* package */ float getWidth() {
-    return mWidth;
-  }
-
-  /* package */ void setWidth(float width) {
-    mWidth = width;
-  }
-
-  /* package */ float getHeight() {
-    return mHeight;
-  }
-
-  /* package */ void setHeight(float height) {
-    mHeight = height;
-  }
-
-  /* package */ void freeze() {
-    mFrozen = true;
-  }
-
-  /* package */ boolean isFrozen() {
-    return mFrozen;
-  }
-
-  @Override
-  public void onSecondaryAttach(Bitmap bitmap) {
-    // We don't know if width or height changed, so invalidate just in case.
-    Assertions.assumeNotNull(mCallback).invalidate();
-  }
-
-  @Override
-  public void onBitmapReady(Bitmap bitmap) {
-    // Bitmap is now ready, draw it.
-    Assertions.assumeNotNull(mCallback).invalidate();
-  }
-
-  @Override
-  public void onImageLoadEvent(int imageLoadEvent) {
-    // ignore
-  }
-
-  @Override
-  public void onAttached(FlatViewGroup.InvalidateCallback callback) {
-    mCallback = callback;
-
-    if (mRequestHelper != null) {
-      mRequestHelper.attach(this);
-    }
-  }
-
-  @Override
-  public void onDetached() {
-    if (mRequestHelper != null) {
-      mRequestHelper.detach();
-
-      if (mRequestHelper.isDetached()) {
-        // optional
-        mCallback = null;
-      }
-    }
-  }
-
-  @Override
-  public int getSize(Paint paint, CharSequence text, int start, int end, Paint.FontMetricsInt fm) {
-    if (fm != null) {
-      fm.ascent = -Math.round(mHeight);
-      fm.descent = 0;
-
-      fm.top = fm.ascent;
-      fm.bottom = 0;
-    }
-
-    return Math.round(mWidth);
-  }
-
-  @Override
-  public void draw(
-      Canvas canvas,
-      CharSequence text,
-      int start,
-      int end,
-      float x,
-      int top,
-      int y,
-      int bottom,
-      Paint paint) {
-    if (mRequestHelper == null) {
-      return;
-    }
-
-    Bitmap bitmap = mRequestHelper.getBitmap();
-    if (bitmap == null) {
-      return;
-    }
-
-    float bottomFloat = (float) bottom - paint.getFontMetricsInt().descent;
-    TMP_RECT.set(x, bottomFloat - mHeight, x + mWidth, bottomFloat);
-
-    canvas.drawBitmap(bitmap, null, TMP_RECT, paint);
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/MoveProxy.java b/ReactAndroid/src/main/java/com/facebook/react/flat/MoveProxy.java
deleted file mode 100644
index 6f786b80f85459..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/MoveProxy.java
+++ /dev/null
@@ -1,168 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import com.facebook.infer.annotation.Assertions;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.uimanager.ReactShadowNode;
-import com.facebook.react.uimanager.ReactShadowNodeImpl;
-import javax.annotation.Nullable;
-
-/**
- * Helper class that sorts moveFrom/moveTo arrays in lockstep.
- */
-/* package */ final class MoveProxy {
-
-  private @Nullable ReadableArray mMoveTo;
-  private int mSize;
-  private int[] mMapping = new int[8];
-  private ReactShadowNode[] mChildren = new ReactShadowNodeImpl[4];
-
-  /**
-   * Returns size of underlying moveTo/moveFrom arrays
-   */
-  public int size() {
-    return mSize;
-  }
-
-  /**
-   * Assigns ith child that we want to move if moveFrom was sorted.
-   */
-  public void setChildMoveFrom(int moveFromIndex, ReactShadowNode node) {
-    mChildren[moveFromToIndex(moveFromIndex)] = node;
-  }
-
-  /**
-   * Returns ith child that we want to move if moveTo was sorted.
-   */
-  public ReactShadowNode getChildMoveTo(int moveToIndex) {
-    return mChildren[moveToToIndex(moveToIndex)];
-  }
-
-  /**
-   * Returns index of the ith child that we want to move if moveFrom was sorted
-   */
-  public int getMoveFrom(int moveFromIndex) {
-    return moveFromToValue(moveFromIndex);
-  }
-
-  /**
-   * Returns index of the ith child that we want to move to if moveTo was sorted
-   */
-  public int getMoveTo(int moveToIndex) {
-    return moveToToValue(moveToIndex);
-  }
-
-  /**
-   * Initialize MoveProxy with given moveFrom and moveTo arrays.
-   */
-  public void setup(ReadableArray moveFrom, ReadableArray moveTo) {
-    mMoveTo = moveTo;
-
-    if (moveFrom == null) {
-      setSize(0);
-      return;
-    }
-
-    int size = moveFrom.size();
-    int requiredSpace = size + size;
-    if (mMapping.length < requiredSpace) {
-      mMapping = new int[requiredSpace];
-      mChildren = new FlatShadowNode[size];
-    }
-
-    setSize(size);
-
-    // Array contains data in the following way:
-    // [ k0, v0, k1, v1, k2, v2, ... ]
-    //
-    // where vi = moveFrom.getInt(ki)
-
-    // We don't technically *need* to store vi, but they are accessed so often that it makes sense
-    // to cache it instead of calling ReadableArray.getInt() all the time.
-
-    // Sorting algorithm will reorder ki/vi pairs in such a way that vi < v(i+1)
-
-    // Code below is an insertion sort, adapted from DualPivotQuicksort.doSort()
-
-    // At each step i, we got the following data:
-
-    // [k0, v0, k1, v2, .. k(i-1), v(i-1), unused...]
-    // where v0 < v1 < v2 ... < v(i-1)
-    //
-    // This holds true for step i = 0 (array of size one is sorted)
-    // Again, k0 = 0, v0 = moveFrom.getInt(k0)
-    setKeyValue(0, 0, moveFrom.getInt(0));
-
-    // At each of the next steps, we grab a new key and walk back until we find first key that is
-    // less than current, shifting key/value pairs if they are larger than current key.
-    for (int i = 1; i < size; i++) {
-      // this is our next key
-      int current = moveFrom.getInt(i);
-
-      // this loop will find correct position for it
-      int j;
-
-      // At this point, array is like this: [ k0, v0, k1, v1, k2, v2, ..., k(i-1), v(i-1), ... ]
-      for (j = i - 1; j >= 0; j--) {
-        if (moveFromToValue(j) < current) {
-          break;
-        }
-
-        // value at index j is < current value, shift that value and its key
-        setKeyValue(j + 1, moveFromToIndex(j), moveFromToValue(j));
-      }
-
-      setKeyValue(j + 1, i, current);
-    }
-  }
-
-  /**
-   * Returns index of ith key in array.
-   */
-  private static int k(int i) {
-    return i * 2;
-  }
-
-  /**
-   * Returns index of ith value in array.
-   */
-  private static int v(int i) {
-    return i * 2 + 1;
-  }
-
-  private void setKeyValue(int index, int key, int value) {
-    mMapping[k(index)] = key;
-    mMapping[v(index)] = value;
-  }
-
-  private int moveFromToIndex(int index) {
-    return mMapping[k(index)];
-  }
-
-  private int moveFromToValue(int index) {
-    return mMapping[v(index)];
-  }
-
-  private static int moveToToIndex(int index) {
-    return index;
-  }
-
-  private int moveToToValue(int index) {
-    return Assertions.assumeNotNull(mMoveTo).getInt(index);
-  }
-
-  private void setSize(int newSize) {
-    // reset references to null when shrinking to avoid memory leaks
-    for (int i = newSize; i < mSize; ++i) {
-      mChildren[i] = null;
-    }
-
-    mSize = newSize;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/NativeViewWrapper.java b/ReactAndroid/src/main/java/com/facebook/react/flat/NativeViewWrapper.java
deleted file mode 100644
index a930f7504daa6f..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/NativeViewWrapper.java
+++ /dev/null
@@ -1,130 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import com.facebook.react.uimanager.ReactShadowNode;
-import com.facebook.react.uimanager.ReactShadowNodeImpl;
-import com.facebook.react.uimanager.ReactStylesDiffMap;
-import com.facebook.react.uimanager.ThemedReactContext;
-import com.facebook.react.uimanager.UIViewOperationQueue;
-import com.facebook.react.uimanager.ViewGroupManager;
-import com.facebook.react.uimanager.ViewManager;
-import com.facebook.yoga.YogaMeasureFunction;
-import com.facebook.yoga.YogaUnit;
-import com.facebook.yoga.YogaValue;
-import javax.annotation.Nullable;
-
-/* package */ final class NativeViewWrapper extends FlatShadowNode implements AndroidView {
-
-  @Nullable
-  private final ReactShadowNode mReactShadowNode;
-  private final boolean mNeedsCustomLayoutForChildren;
-  private boolean mPaddingChanged = false;
-  private boolean mForceMountGrandChildrenToView;
-
-  /* package */ NativeViewWrapper(ViewManager viewManager) {
-    ReactShadowNode reactShadowNode = viewManager.createShadowNodeInstance();
-    if (reactShadowNode instanceof YogaMeasureFunction) {
-      mReactShadowNode = reactShadowNode;
-      setMeasureFunction((YogaMeasureFunction) reactShadowNode);
-    } else {
-      mReactShadowNode = null;
-    }
-
-    if (viewManager instanceof ViewGroupManager) {
-      ViewGroupManager viewGroupManager = (ViewGroupManager) viewManager;
-      mNeedsCustomLayoutForChildren = viewGroupManager.needsCustomLayoutForChildren();
-      mForceMountGrandChildrenToView = viewGroupManager.shouldPromoteGrandchildren();
-    } else {
-      mNeedsCustomLayoutForChildren = false;
-    }
-
-    forceMountToView();
-    forceMountChildrenToView();
-  }
-
-  @Override
-  public boolean needsCustomLayoutForChildren() {
-    return mNeedsCustomLayoutForChildren;
-  }
-
-  @Override
-  public boolean isPaddingChanged() {
-    return mPaddingChanged;
-  }
-
-  @Override
-  public void resetPaddingChanged() {
-    mPaddingChanged = false;
-  }
-
-  @Override
-  public void setBackgroundColor(int backgroundColor) {
-    // suppress, this is handled by a ViewManager
-  }
-
-  @Override
-  public void setReactTag(int reactTag) {
-    super.setReactTag(reactTag);
-    if (mReactShadowNode != null) {
-      mReactShadowNode.setReactTag(reactTag);
-    }
-  }
-
-  @Override
-  public void setThemedContext(ThemedReactContext themedContext) {
-    super.setThemedContext(themedContext);
-
-    if (mReactShadowNode != null) {
-      mReactShadowNode.setThemedContext(themedContext);
-    }
-  }
-
-  @Override
-  /* package*/ void handleUpdateProperties(ReactStylesDiffMap styles) {
-    if (mReactShadowNode != null) {
-      mReactShadowNode.updateProperties(styles);
-    }
-  }
-
-  @Override
-  public void addChildAt(ReactShadowNodeImpl child, int i) {
-    super.addChildAt(child, i);
-    if (mForceMountGrandChildrenToView && child instanceof FlatShadowNode) {
-      ((FlatShadowNode) child).forceMountChildrenToView();
-    }
-  }
-
-  @Override
-  public void setPadding(int spacingType, float padding) {
-    YogaValue current = getStylePadding(spacingType);
-    if (current.unit != YogaUnit.POINT || current.value != padding) {
-      super.setPadding(spacingType, padding);
-      mPaddingChanged = true;
-      markUpdated();
-    }
-  }
-
-  @Override
-  public void setPaddingPercent(int spacingType, float percent) {
-    YogaValue current = getStylePadding(spacingType);
-    if (current.unit != YogaUnit.PERCENT || current.value != percent) {
-      super.setPadding(spacingType, percent);
-      mPaddingChanged = true;
-      markUpdated();
-    }
-  }
-
-  @Override
-  public void onCollectExtraUpdates(UIViewOperationQueue uiViewOperationQueue) {
-    if (mReactShadowNode != null && mReactShadowNode.hasUnseenUpdates()) {
-      mReactShadowNode.onCollectExtraUpdates(uiViewOperationQueue);
-      markUpdateSeen();
-    }
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/NodeRegion.java b/ReactAndroid/src/main/java/com/facebook/react/flat/NodeRegion.java
deleted file mode 100644
index 41169f7f2de481..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/NodeRegion.java
+++ /dev/null
@@ -1,133 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-/* package */ class NodeRegion {
-  /* package */ static final NodeRegion[] EMPTY_ARRAY = new NodeRegion[0];
-  /* package */ static final NodeRegion EMPTY = new NodeRegion(0, 0, 0, 0, -1, false);
-
-  private final float mLeft;
-  private final float mTop;
-  private final float mRight;
-  private final float mBottom;
-  /* package */ final int mTag;
-  /* package */ final boolean mIsVirtual;
-
-  /* package */ NodeRegion(
-      float left,
-      float top,
-      float right,
-      float bottom,
-      int tag,
-      boolean isVirtual) {
-    mLeft = left;
-    mTop = top;
-    mRight = right;
-    mBottom = bottom;
-    mTag = tag;
-    mIsVirtual = isVirtual;
-  }
-
-  /* package */ final boolean matches(
-      float left,
-      float top,
-      float right,
-      float bottom,
-      boolean isVirtual) {
-    return left == mLeft && top == mTop && right == mRight && bottom == mBottom &&
-        isVirtual == mIsVirtual;
-  }
-
-  /**
-   * The left bound of the underlying node.
-   *
-   * @return The node bound.
-   */
-  /* package */ final float getLeft() {
-    return mLeft;
-  }
-
-  /**
-   * The top bound of the underlying node.
-   *
-   * @return The node bound.
-   */
-  /* package */ final float getTop() {
-    return mTop;
-  }
-
-  /**
-   * The right bound of the underlying node.
-   *
-   * @return The node bound.
-   */
-  /* package */ final float getRight() {
-    return mRight;
-  }
-
-  /**
-   * The bottom bound of the underlying node.
-   *
-   * @return The node bound.
-   */
-  /* package */ final float getBottom() {
-    return mBottom;
-  }
-
-  /**
-   * The left bound of the region for the purpose of touch.  This is usually the bound of the
-   * underlying node, except in the case of hit slop.
-   *
-   * @return The touch bound.
-   */
-  /* package */ float getTouchableLeft() {
-    return getLeft();
-  }
-
-  /**
-   * The top bound of the region for the purpose of touch.  This is usually the bound of the
-   * underlying node, except in the case of hit slop.
-   *
-   * @return The touch bound.
-   */
-  /* package */ float getTouchableTop() {
-    return getTop();
-  }
-
-  /**
-   * The right bound of the region for the purpose of touch.  This is usually the bound of the
-   * underlying node, except in the case of hit slop.
-   *
-   * @return The touch bound.
-   */
-  /* package */ float getTouchableRight() {
-    return getRight();
-  }
-
-  /**
-   * The bottom bound of the region for the purpose of touch.  This is usually the bound of the
-   * underlying node, except in the case of hit slop.
-   *
-   * @return The touch bound.
-   */
-  /* package */ float getTouchableBottom() {
-    return getBottom();
-  }
-
-  /* package */ boolean withinBounds(float touchX, float touchY) {
-    return mLeft <= touchX && touchX < mRight && mTop <= touchY && touchY < mBottom;
-  }
-
-  /* package */ int getReactTag(float touchX, float touchY) {
-    return mTag;
-  }
-
-  /* package */ boolean matchesTag(int tag) {
-    return mTag == tag;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/PipelineRequestHelper.java b/ReactAndroid/src/main/java/com/facebook/react/flat/PipelineRequestHelper.java
deleted file mode 100644
index 77b4fb0dcd9d99..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/PipelineRequestHelper.java
+++ /dev/null
@@ -1,186 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import android.graphics.Bitmap;
-
-import com.facebook.common.executors.UiThreadImmediateExecutorService;
-import com.facebook.common.references.CloseableReference;
-import com.facebook.datasource.DataSource;
-import com.facebook.datasource.DataSubscriber;
-import com.facebook.imagepipeline.core.ImagePipeline;
-import com.facebook.imagepipeline.core.ImagePipelineFactory;
-import com.facebook.imagepipeline.image.CloseableBitmap;
-import com.facebook.imagepipeline.image.CloseableImage;
-import com.facebook.imagepipeline.request.ImageRequest;
-import com.facebook.infer.annotation.Assertions;
-import com.facebook.react.views.image.ImageLoadEvent;
-
-/**
- * Helper class for DrawImage that helps manage fetch requests through ImagePipeline.
- *
- * Request states this class can be in:
- * 1) mDataSource == null, mImageRef == null : request has not be started, was canceled or failed.
- * 2) mDataSource != null, mImageRef == null : request is in progress.
- * 3) mDataSource == null, mImageRef != null : request successfully finished.
- * 4) mDataSource != null, mImageRef != null : invalid state (should never happen)
- */
-/* package */ final class PipelineRequestHelper
-    implements DataSubscriber<CloseableReference<CloseableImage>> {
-
-  private final ImageRequest mImageRequest;
-  private @Nullable BitmapUpdateListener mBitmapUpdateListener;
-  private @Nullable DataSource<CloseableReference<CloseableImage>> mDataSource;
-  private @Nullable CloseableReference<CloseableImage> mImageRef;
-  private int mAttachCounter;
-
-  /* package */ PipelineRequestHelper(ImageRequest imageRequest) {
-    mImageRequest = imageRequest;
-  }
-
-  /* package */ void attach(BitmapUpdateListener listener) {
-    mBitmapUpdateListener = listener;
-
-    mAttachCounter++;
-    if (mAttachCounter != 1) {
-      // this is a secondary attach, ignore it, only updating Bitmap boundaries if needed.
-      Bitmap bitmap = getBitmap();
-      if (bitmap != null) {
-        listener.onSecondaryAttach(bitmap);
-      }
-      return;
-    }
-
-    listener.onImageLoadEvent(ImageLoadEvent.ON_LOAD_START);
-
-    Assertions.assertCondition(mDataSource == null);
-    Assertions.assertCondition(mImageRef == null);
-
-    // Submit the request
-    ImagePipeline imagePipeline = ImagePipelineFactory.getInstance().getImagePipeline();
-    mDataSource = imagePipeline.fetchDecodedImage(mImageRequest, RCTImageView.getCallerContext());
-    mDataSource.subscribe(this, UiThreadImmediateExecutorService.getInstance());
-  }
-
-  /**
-   * Returns whether detach() was primary, false otherwise.
-   */
-  /* package */ void detach() {
-    --mAttachCounter;
-    if (mAttachCounter != 0) {
-      // this is a secondary detach, ignore it
-      return;
-    }
-
-    if (mDataSource != null) {
-      mDataSource.close();
-      mDataSource = null;
-    }
-
-    if (mImageRef != null) {
-      mImageRef.close();
-      mImageRef = null;
-    }
-
-    mBitmapUpdateListener = null;
-  }
-
-  /**
-   * Returns an unsafe bitmap reference. Do not assign the result of this method to anything other
-   * than a local variable, or it will no longer work with the reference count goes to zero.
-   */
-  /* package */ @Nullable Bitmap getBitmap() {
-    if (mImageRef == null) {
-      return null;
-    }
-
-    CloseableImage closeableImage = mImageRef.get();
-    if (!(closeableImage instanceof CloseableBitmap)) {
-      mImageRef.close();
-      mImageRef = null;
-      return null;
-    }
-
-    return ((CloseableBitmap) closeableImage).getUnderlyingBitmap();
-  }
-
-  /* package */ boolean isDetached() {
-    return mAttachCounter == 0;
-  }
-
-  @Override
-  public void onNewResult(DataSource<CloseableReference<CloseableImage>> dataSource) {
-    if (!dataSource.isFinished()) {
-      // only interested in final image, no need to close the dataSource
-      return;
-    }
-
-    try {
-      if (mDataSource != dataSource) {
-        // Shouldn't ever happen, but let's be safe (dataSource got closed by callback still fired?)
-        return;
-      }
-
-      mDataSource = null;
-
-      CloseableReference<CloseableImage> imageReference = dataSource.getResult();
-      if (imageReference == null) {
-        // Shouldn't ever happen, but let's be safe (dataSource got closed by callback still fired?)
-        return;
-      }
-
-      CloseableImage image = imageReference.get();
-      if (!(image instanceof CloseableBitmap)) {
-        // only bitmaps are supported
-        imageReference.close();
-        return;
-      }
-
-      mImageRef = imageReference;
-
-      Bitmap bitmap = getBitmap();
-      if (bitmap == null) {
-        // Shouldn't ever happen, but let's be safe.
-        return;
-      }
-
-      BitmapUpdateListener listener = Assertions.assumeNotNull(mBitmapUpdateListener);
-      listener.onBitmapReady(bitmap);
-      listener.onImageLoadEvent(ImageLoadEvent.ON_LOAD);
-      listener.onImageLoadEvent(ImageLoadEvent.ON_LOAD_END);
-    } finally {
-      dataSource.close();
-    }
-  }
-
-  @Override
-  public void onFailure(DataSource<CloseableReference<CloseableImage>> dataSource) {
-    if (mDataSource == dataSource) {
-      Assertions.assumeNotNull(mBitmapUpdateListener).onImageLoadEvent(ImageLoadEvent.ON_ERROR);
-      Assertions.assumeNotNull(mBitmapUpdateListener).onImageLoadEvent(ImageLoadEvent.ON_LOAD_END);
-      mDataSource = null;
-    }
-
-    dataSource.close();
-  }
-
-  @Override
-  public void onCancellation(DataSource<CloseableReference<CloseableImage>> dataSource) {
-    if (mDataSource == dataSource) {
-      mDataSource = null;
-    }
-
-    dataSource.close();
-  }
-
-  @Override
-  public void onProgressUpdate(DataSource<CloseableReference<CloseableImage>> dataSource) {
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTImageView.java b/ReactAndroid/src/main/java/com/facebook/react/flat/RCTImageView.java
deleted file mode 100644
index 7b74a130b4964c..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTImageView.java
+++ /dev/null
@@ -1,151 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import com.facebook.drawee.drawable.ScalingUtils.ScaleType;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.uimanager.PixelUtil;
-import com.facebook.react.uimanager.Spacing;
-import com.facebook.react.uimanager.ViewProps;
-import com.facebook.react.uimanager.annotations.ReactProp;
-import com.facebook.react.views.image.ImageResizeMode;
-
-/**
- * RCTImageView is a top-level node for Image. It can display either a remote image
- * (source must start with http:// or https://) or a local resource (a BitmapDrawable).
- */
-/* package */ class RCTImageView<T extends AbstractDrawCommand & DrawImage> extends FlatShadowNode {
-
-  static Object sCallerContext = RCTImageView.class;
-
-  /**
-   * Assigns a CallerContext to execute network requests with.
-   */
-  /* package */ static void setCallerContext(Object callerContext) {
-    sCallerContext = callerContext;
-  }
-
-  /* package */ static Object getCallerContext() {
-    return sCallerContext;
-  }
-
-  private T mDrawImage;
-
-  /* package */ RCTImageView(T drawImage) {
-    mDrawImage = drawImage;
-  }
-
-  @Override
-  protected void collectState(
-      StateBuilder stateBuilder,
-      float left,
-      float top,
-      float right,
-      float bottom,
-      float clipLeft,
-      float clipTop,
-      float clipRight,
-      float clipBottom) {
-    super.collectState(
-        stateBuilder,
-        left,
-        top,
-        right,
-        bottom,
-        clipLeft,
-        clipTop,
-        clipRight,
-        clipBottom);
-
-    if (mDrawImage.hasImageRequest()) {
-      mDrawImage = (T) mDrawImage.updateBoundsAndFreeze(
-          left,
-          top,
-          right,
-          bottom,
-          clipLeft,
-          clipTop,
-          clipRight,
-          clipBottom);
-      stateBuilder.addDrawCommand(mDrawImage);
-      stateBuilder.addAttachDetachListener(mDrawImage);
-    }
-  }
-
-  @Override
-  boolean doesDraw() {
-    return mDrawImage.hasImageRequest() || super.doesDraw();
-  }
-
-  @ReactProp(name = "shouldNotifyLoadEvents")
-  public void setShouldNotifyLoadEvents(boolean shouldNotifyLoadEvents) {
-    getMutableDrawImage().setReactTag(shouldNotifyLoadEvents ? getReactTag() : 0);
-  }
-
-  @ReactProp(name = "src")
-  public void setSource(@Nullable ReadableArray sources) {
-    getMutableDrawImage().setSource(getThemedContext(), sources);
-  }
-
-  @ReactProp(name = "tintColor")
-  public void setTintColor(int tintColor) {
-    getMutableDrawImage().setTintColor(tintColor);
-  }
-
-  @ReactProp(name = ViewProps.RESIZE_MODE)
-  public void setResizeMode(@Nullable String resizeMode) {
-    ScaleType scaleType = ImageResizeMode.toScaleType(resizeMode);
-    if (mDrawImage.getScaleType() != scaleType) {
-      getMutableDrawImage().setScaleType(scaleType);
-    }
-  }
-
-  @ReactProp(name = "borderColor", customType = "Color")
-  public void setBorderColor(int borderColor) {
-    if (mDrawImage.getBorderColor() != borderColor) {
-      getMutableDrawImage().setBorderColor(borderColor);
-    }
-  }
-
-  @Override
-  public void setBorder(int spacingType, float borderWidth) {
-    super.setBorder(spacingType, borderWidth);
-
-    if (spacingType == Spacing.ALL && mDrawImage.getBorderWidth() != borderWidth) {
-      getMutableDrawImage().setBorderWidth(borderWidth);
-    }
-  }
-
-  @ReactProp(name = "borderRadius")
-  public void setBorderRadius(float borderRadius) {
-    if (mDrawImage.getBorderRadius() != borderRadius) {
-      getMutableDrawImage().setBorderRadius(PixelUtil.toPixelFromDIP(borderRadius));
-    }
-  }
-
-  @ReactProp(name = "fadeDuration")
-  public void setFadeDuration(int durationMs) {
-    getMutableDrawImage().setFadeDuration(durationMs);
-  }
-
-  @ReactProp(name = "progressiveRenderingEnabled")
-  public void setProgressiveRenderingEnabled(boolean enabled) {
-    getMutableDrawImage().setProgressiveRenderingEnabled(enabled);
-  }
-
-  private T getMutableDrawImage() {
-    if (mDrawImage.isFrozen()) {
-      mDrawImage = (T) mDrawImage.mutableCopy();
-      invalidate();
-    }
-
-    return mDrawImage;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTImageViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/flat/RCTImageViewManager.java
deleted file mode 100644
index 6d7dcd494e8bcd..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTImageViewManager.java
+++ /dev/null
@@ -1,67 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import com.facebook.drawee.backends.pipeline.Fresco;
-import com.facebook.drawee.controller.AbstractDraweeControllerBuilder;
-import com.facebook.react.views.image.GlobalImageLoadListener;
-import javax.annotation.Nullable;
-
-public final class RCTImageViewManager extends FlatViewManager {
-
-  /* package */ static final String REACT_CLASS = "RCTImageView";
-
-  private @Nullable AbstractDraweeControllerBuilder mDraweeControllerBuilder;
-  private @Nullable GlobalImageLoadListener mGlobalImageLoadListener;
-  private final @Nullable Object mCallerContext;
-
-  public RCTImageViewManager() {
-    this(null, null);
-  }
-
-  public RCTImageViewManager(
-    AbstractDraweeControllerBuilder draweeControllerBuilder,
-    Object callerContext) {
-    this(draweeControllerBuilder, null, callerContext);
-  }
-
-  public RCTImageViewManager(
-      AbstractDraweeControllerBuilder draweeControllerBuilder,
-      @Nullable GlobalImageLoadListener globalImageLoadListener,
-      Object callerContext) {
-    mDraweeControllerBuilder = draweeControllerBuilder;
-    mGlobalImageLoadListener = globalImageLoadListener;
-    mCallerContext = callerContext;
-  }
-
-  @Override
-  public String getName() {
-    return REACT_CLASS;
-  }
-
-  @Override
-  public RCTImageView createShadowNodeInstance() {
-    return new RCTImageView(new DrawImageWithDrawee(mGlobalImageLoadListener));
-  }
-
-  @Override
-  public Class<RCTImageView> getShadowNodeClass() {
-    return RCTImageView.class;
-  }
-
-  public AbstractDraweeControllerBuilder getDraweeControllerBuilder() {
-    if (mDraweeControllerBuilder == null) {
-      mDraweeControllerBuilder = Fresco.newDraweeControllerBuilder();
-    }
-    return mDraweeControllerBuilder;
-  }
-
-  public Object getCallerContext() {
-    return mCallerContext;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTModalHostManager.java b/ReactAndroid/src/main/java/com/facebook/react/flat/RCTModalHostManager.java
deleted file mode 100644
index 1b49f57534dbb8..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTModalHostManager.java
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import com.facebook.react.uimanager.LayoutShadowNode;
-import com.facebook.react.views.modal.ReactModalHostManager;
-
-public class RCTModalHostManager extends ReactModalHostManager {
-
-  /* package */ static final String REACT_CLASS = ReactModalHostManager.REACT_CLASS;
-
-  @Override
-  public LayoutShadowNode createShadowNodeInstance() {
-    return new FlatReactModalShadowNode();
-  }
-
-  @Override
-  public Class<? extends LayoutShadowNode> getShadowNodeClass() {
-    return FlatReactModalShadowNode.class;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTRawText.java b/ReactAndroid/src/main/java/com/facebook/react/flat/RCTRawText.java
deleted file mode 100644
index f0a8d1d33861b6..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTRawText.java
+++ /dev/null
@@ -1,54 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import android.text.Spannable;
-import android.text.SpannableStringBuilder;
-
-import com.facebook.react.uimanager.annotations.ReactProp;
-
-/**
- * RCTRawText is a FlatTextShadowNode that can only contain raw text (but not styling).
- */
-/* package */ final class RCTRawText extends FlatTextShadowNode {
-
-  private @Nullable String mText;
-
-  @Override
-  protected void performCollectText(SpannableStringBuilder builder) {
-    if (mText != null) {
-      builder.append(mText);
-    }
-  }
-
-  @Override
-  protected void performApplySpans(
-      SpannableStringBuilder builder,
-      int begin,
-      int end,
-      boolean isEditable) {
-    builder.setSpan(
-        this,
-        begin,
-        end,
-        Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
-  }
-
-  @Override
-  protected void performCollectAttachDetachListeners(StateBuilder stateBuilder) {
-    // nothing to do
-  }
-
-  @ReactProp(name = "text")
-  public void setText(@Nullable String text) {
-    mText = text;
-    notifyChanged(true);
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTRawTextManager.java b/ReactAndroid/src/main/java/com/facebook/react/flat/RCTRawTextManager.java
deleted file mode 100644
index c1695c507489be..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTRawTextManager.java
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-/**
- * ViewManager that creates instances of RCTRawText.
- */
-public final class RCTRawTextManager extends VirtualViewManager<RCTRawText> {
-
-  /* package */ static final String REACT_CLASS = "RCTRawText";
-
-  @Override
-  public String getName() {
-    return REACT_CLASS;
-  }
-
-  @Override
-  public RCTRawText createShadowNodeInstance() {
-    return new RCTRawText();
-  }
-
-  @Override
-  public Class<RCTRawText> getShadowNodeClass() {
-    return RCTRawText.class;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTText.java b/ReactAndroid/src/main/java/com/facebook/react/flat/RCTText.java
deleted file mode 100644
index 683aabf6d6f7d8..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTText.java
+++ /dev/null
@@ -1,360 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import android.support.v4.text.TextDirectionHeuristicsCompat;
-import android.text.Layout;
-import android.text.TextUtils;
-import android.view.Gravity;
-
-import com.facebook.yoga.YogaDirection;
-import com.facebook.yoga.YogaMeasureMode;
-import com.facebook.yoga.YogaMeasureFunction;
-import com.facebook.yoga.YogaNode;
-import com.facebook.yoga.YogaMeasureOutput;
-import com.facebook.fbui.textlayoutbuilder.TextLayoutBuilder;
-import com.facebook.fbui.textlayoutbuilder.glyphwarmer.GlyphWarmerImpl;
-import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
-import com.facebook.react.uimanager.PixelUtil;
-import com.facebook.react.uimanager.Spacing;
-import com.facebook.react.uimanager.ViewDefaults;
-import com.facebook.react.uimanager.ViewProps;
-import com.facebook.react.uimanager.annotations.ReactProp;
-
-/**
- * RCTText is a top-level node for text. It extends {@link RCTVirtualText} because it can contain
- * styling information, but has the following differences:
- *
- * a) RCTText is not a virtual node, and can be measured and laid out.
- * b) when no font size is specified, a font size of ViewDefaults#FONT_SIZE_SP is assumed.
- */
-/* package */ final class RCTText extends RCTVirtualText implements YogaMeasureFunction {
-
-  // index of left and right in the Layout.Alignment enum since the base values are @hide
-  private static final int ALIGNMENT_LEFT = 3;
-  private static final int ALIGNMENT_RIGHT = 4;
-
-  // We set every value we use every time we use the layout builder, so we can get away with only
-  // using a single instance.
-  private static final TextLayoutBuilder sTextLayoutBuilder =
-      new TextLayoutBuilder()
-          .setShouldCacheLayout(false)
-          .setShouldWarmText(true)
-          .setGlyphWarmer(new GlyphWarmerImpl());
-
-  private @Nullable CharSequence mText;
-  private @Nullable DrawTextLayout mDrawCommand;
-  private float mSpacingMult = 1.0f;
-  private float mSpacingAdd = 0.0f;
-  private int mNumberOfLines = Integer.MAX_VALUE;
-  private int mAlignment = Gravity.NO_GRAVITY;
-  private boolean mIncludeFontPadding = true;
-
-  public RCTText() {
-    setMeasureFunction(this);
-    getSpan().setFontSize(getDefaultFontSize());
-  }
-
-  @Override
-  public boolean isVirtual() {
-    return false;
-  }
-
-  @Override
-  public boolean isVirtualAnchor() {
-    return true;
-  }
-
-  @Override
-  public long measure(
-      YogaNode node,
-      float width,
-      YogaMeasureMode widthMode,
-      float height,
-      YogaMeasureMode heightMode) {
-
-    CharSequence text = getText();
-    if (TextUtils.isEmpty(text)) {
-      // to indicate that we don't have anything to display
-      mText = null;
-      return YogaMeasureOutput.make(0, 0);
-    } else {
-      mText = text;
-    }
-
-    Layout layout = createTextLayout(
-        (int) Math.ceil(width),
-        widthMode,
-        TextUtils.TruncateAt.END,
-        mIncludeFontPadding,
-        mNumberOfLines,
-        mNumberOfLines == 1,
-        text,
-        getFontSize(),
-        mSpacingAdd,
-        mSpacingMult,
-        getFontStyle(),
-        getAlignment());
-
-    if (mDrawCommand != null && !mDrawCommand.isFrozen()) {
-      mDrawCommand.setLayout(layout);
-    } else {
-      mDrawCommand = new DrawTextLayout(layout);
-    }
-
-    return YogaMeasureOutput.make(mDrawCommand.getLayoutWidth(), mDrawCommand.getLayoutHeight());
-  }
-
-  @Override
-  protected void collectState(
-      StateBuilder stateBuilder,
-      float left,
-      float top,
-      float right,
-      float bottom,
-      float clipLeft,
-      float clipTop,
-      float clipRight,
-      float clipBottom) {
-
-    super.collectState(
-        stateBuilder,
-        left,
-        top,
-        right,
-        bottom,
-        clipLeft,
-        clipTop,
-        clipRight,
-        clipBottom);
-
-    if (mText == null) {
-      // as an optimization, LayoutEngine may not call measure in certain cases, such as when the
-      // dimensions are already defined. in these cases, we should still draw the text.
-      if (bottom - top > 0 && right - left > 0) {
-        CharSequence text = getText();
-        if (!TextUtils.isEmpty(text)) {
-          mText = text;
-        }
-      }
-
-      if (mText == null) {
-        // nothing to draw (empty text).
-        return;
-      }
-    }
-
-    boolean updateNodeRegion = false;
-    if (mDrawCommand == null) {
-      mDrawCommand = new DrawTextLayout(createTextLayout(
-          (int) Math.ceil(right - left),
-          YogaMeasureMode.EXACTLY,
-          TextUtils.TruncateAt.END,
-          mIncludeFontPadding,
-          mNumberOfLines,
-          mNumberOfLines == 1,
-          mText,
-          getFontSize(),
-          mSpacingAdd,
-          mSpacingMult,
-          getFontStyle(),
-          getAlignment()));
-      updateNodeRegion = true;
-    }
-
-    left += getPadding(Spacing.LEFT);
-    top += getPadding(Spacing.TOP);
-
-    // these are actual right/bottom coordinates where this DrawCommand will draw.
-    right = left + mDrawCommand.getLayoutWidth();
-    bottom = top + mDrawCommand.getLayoutHeight();
-
-    mDrawCommand = (DrawTextLayout) mDrawCommand.updateBoundsAndFreeze(
-        left,
-        top,
-        right,
-        bottom,
-        clipLeft,
-        clipTop,
-        clipRight,
-        clipBottom);
-    stateBuilder.addDrawCommand(mDrawCommand);
-
-    if (updateNodeRegion) {
-      NodeRegion nodeRegion = getNodeRegion();
-      if (nodeRegion instanceof TextNodeRegion) {
-        ((TextNodeRegion) nodeRegion).setLayout(mDrawCommand.getLayout());
-      }
-    }
-
-    performCollectAttachDetachListeners(stateBuilder);
-  }
-
-  @Override
-  boolean doesDraw() {
-    // assume text always draws - this is a performance optimization to avoid having to
-    // getText() when layout was skipped and when collectState wasn't yet called
-    return true;
-  }
-
-  @ReactProp(name = ViewProps.LINE_HEIGHT, defaultDouble = Double.NaN)
-  public void setLineHeight(double lineHeight) {
-    if (Double.isNaN(lineHeight)) {
-      mSpacingMult = 1.0f;
-      mSpacingAdd = 0.0f;
-    } else {
-      mSpacingMult = 0.0f;
-      mSpacingAdd = PixelUtil.toPixelFromSP((float) lineHeight);
-    }
-    notifyChanged(true);
-  }
-
-  @ReactProp(name = ViewProps.NUMBER_OF_LINES, defaultInt = Integer.MAX_VALUE)
-  public void setNumberOfLines(int numberOfLines) {
-    mNumberOfLines = numberOfLines;
-    notifyChanged(true);
-  }
-
-  @ReactProp(name = ViewProps.INCLUDE_FONT_PADDING, defaultBoolean = true)
-  public void setIncludeFontPadding(boolean includepad) {
-    mIncludeFontPadding = includepad;
-  }
-
-  @Override
-  /* package */ void updateNodeRegion(
-      float left,
-      float top,
-      float right,
-      float bottom,
-      boolean isVirtual) {
-
-    NodeRegion nodeRegion = getNodeRegion();
-    if (mDrawCommand == null) {
-      if (!nodeRegion.matches(left, top, right, bottom, isVirtual)) {
-        setNodeRegion(new TextNodeRegion(left, top, right, bottom, getReactTag(), isVirtual, null));
-      }
-      return;
-    }
-
-    Layout layout = null;
-
-    if (nodeRegion instanceof TextNodeRegion) {
-      layout = ((TextNodeRegion) nodeRegion).getLayout();
-    }
-
-    Layout newLayout = mDrawCommand.getLayout();
-    if (!nodeRegion.matches(left, top, right, bottom, isVirtual) || layout != newLayout) {
-      setNodeRegion(
-          new TextNodeRegion(left, top, right, bottom, getReactTag(), isVirtual, newLayout));
-    }
-  }
-
-  @Override
-  protected int getDefaultFontSize() {
-    // top-level <Text /> should always specify font size.
-    return fontSizeFromSp(ViewDefaults.FONT_SIZE_SP);
-  }
-
-  @Override
-  protected void notifyChanged(boolean shouldRemeasure) {
-    // Future patch: should only recreate Layout if shouldRemeasure is false
-    dirty();
-  }
-
-  @ReactProp(name = ViewProps.TEXT_ALIGN)
-  public void setTextAlign(@Nullable String textAlign) {
-    if (textAlign == null || "auto".equals(textAlign)) {
-      mAlignment = Gravity.NO_GRAVITY;
-    } else if ("left".equals(textAlign)) {
-      // left and right may yield potentially different results (relative to non-nodes) in cases
-      // when supportsRTL="true" in the manifest.
-      mAlignment = Gravity.LEFT;
-    } else if ("right".equals(textAlign)) {
-      mAlignment = Gravity.RIGHT;
-    } else if ("center".equals(textAlign)) {
-      mAlignment = Gravity.CENTER;
-    } else {
-      throw new JSApplicationIllegalArgumentException("Invalid textAlign: " + textAlign);
-    }
-
-    notifyChanged(false);
-  }
-
-  public Layout.Alignment getAlignment() {
-    boolean isRtl = getLayoutDirection() == YogaDirection.RTL;
-    switch (mAlignment) {
-      // Layout.Alignment.RIGHT and Layout.Alignment.LEFT are @hide :(
-      case Gravity.LEFT:
-        int index = isRtl ? ALIGNMENT_RIGHT : ALIGNMENT_LEFT;
-        return Layout.Alignment.values()[index];
-      case Gravity.RIGHT:
-        index = isRtl ? ALIGNMENT_LEFT : ALIGNMENT_RIGHT;
-        return Layout.Alignment.values()[index];
-      case Gravity.CENTER:
-        return Layout.Alignment.ALIGN_CENTER;
-      case Gravity.NO_GRAVITY:
-      default:
-        return Layout.Alignment.ALIGN_NORMAL;
-    }
-  }
-
-  private static Layout createTextLayout(
-      int width,
-      YogaMeasureMode widthMode,
-      TextUtils.TruncateAt ellipsize,
-      boolean shouldIncludeFontPadding,
-      int maxLines,
-      boolean isSingleLine,
-      CharSequence text,
-      int textSize,
-      float extraSpacing,
-      float spacingMultiplier,
-      int textStyle,
-      Layout.Alignment textAlignment) {
-    Layout newLayout;
-
-    final @TextLayoutBuilder.MeasureMode int textMeasureMode;
-    switch (widthMode) {
-      case UNDEFINED:
-        textMeasureMode = TextLayoutBuilder.MEASURE_MODE_UNSPECIFIED;
-        break;
-      case EXACTLY:
-        textMeasureMode = TextLayoutBuilder.MEASURE_MODE_EXACTLY;
-        break;
-      case AT_MOST:
-        textMeasureMode = TextLayoutBuilder.MEASURE_MODE_AT_MOST;
-        break;
-      default:
-        throw new IllegalStateException("Unexpected size mode: " + widthMode);
-    }
-
-    sTextLayoutBuilder
-        .setEllipsize(ellipsize)
-        .setMaxLines(maxLines)
-        .setSingleLine(isSingleLine)
-        .setText(text)
-        .setTextSize(textSize)
-        .setWidth(width, textMeasureMode);
-
-    sTextLayoutBuilder.setTextStyle(textStyle);
-
-    sTextLayoutBuilder.setTextDirection(TextDirectionHeuristicsCompat.FIRSTSTRONG_LTR);
-    sTextLayoutBuilder.setIncludeFontPadding(shouldIncludeFontPadding);
-    sTextLayoutBuilder.setTextSpacingExtra(extraSpacing);
-    sTextLayoutBuilder.setTextSpacingMultiplier(spacingMultiplier);
-    sTextLayoutBuilder.setAlignment(textAlignment);
-
-    newLayout = sTextLayoutBuilder.build();
-
-    sTextLayoutBuilder.setText(null);
-
-    return newLayout;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTTextInlineImage.java b/ReactAndroid/src/main/java/com/facebook/react/flat/RCTTextInlineImage.java
deleted file mode 100644
index 728df41d51d4bd..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTTextInlineImage.java
+++ /dev/null
@@ -1,88 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import android.text.SpannableStringBuilder;
-import android.text.Spanned;
-
-import com.facebook.imagepipeline.request.ImageRequestBuilder;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.uimanager.annotations.ReactProp;
-import com.facebook.react.views.imagehelper.ImageSource;
-
-/**
- * RCTTextInlineImage
- */
-/* package */ class RCTTextInlineImage extends FlatTextShadowNode {
-
-  private InlineImageSpanWithPipeline mInlineImageSpan = new InlineImageSpanWithPipeline();
-
-  @Override
-  public void setStyleWidth(float width) {
-    super.setStyleWidth(width);
-
-    if (mInlineImageSpan.getWidth() != width) {
-      getMutableSpan().setWidth(width);
-      notifyChanged(true);
-    }
-  }
-
-  @Override
-  public void setStyleHeight(float height) {
-    super.setStyleHeight(height);
-
-    if (mInlineImageSpan.getHeight() != height) {
-      getMutableSpan().setHeight(height);
-      notifyChanged(true);
-    }
-  }
-
-  @Override
-  protected void performCollectText(SpannableStringBuilder builder) {
-    builder.append("I");
-  }
-
-  @Override
-  protected void performApplySpans(
-      SpannableStringBuilder builder,
-      int begin,
-      int end,
-      boolean isEditable) {
-    mInlineImageSpan.freeze();
-    builder.setSpan(
-        mInlineImageSpan,
-        begin,
-        end,
-        Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
-  }
-
-  @Override
-  protected void performCollectAttachDetachListeners(StateBuilder stateBuilder) {
-    // mInlineImageSpan should already be frozen so no need to freeze it again
-    stateBuilder.addAttachDetachListener(mInlineImageSpan);
-  }
-
-  @ReactProp(name = "src")
-  public void setSource(@Nullable ReadableArray sources) {
-    final String source =
-        (sources == null || sources.size() == 0) ? null : sources.getMap(0).getString("uri");
-    final ImageSource imageSource = source == null ? null :
-        new ImageSource(getThemedContext(), source);
-    getMutableSpan().setImageRequest(imageSource == null ? null :
-        ImageRequestBuilder.newBuilderWithSource(imageSource.getUri()).build());
-  }
-
-  private InlineImageSpanWithPipeline getMutableSpan() {
-    if (mInlineImageSpan.isFrozen()) {
-      mInlineImageSpan = mInlineImageSpan.mutableCopy();
-    }
-    return mInlineImageSpan;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTTextInlineImageManager.java b/ReactAndroid/src/main/java/com/facebook/react/flat/RCTTextInlineImageManager.java
deleted file mode 100644
index f670378585e5f0..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTTextInlineImageManager.java
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-/**
- * ViewManager that creates instances of RCTTextInlineImage.
- */
-public final class RCTTextInlineImageManager extends VirtualViewManager<RCTTextInlineImage> {
-
-  /* package */ static final String REACT_CLASS = "RCTTextInlineImage";
-
-  @Override
-  public String getName() {
-    return REACT_CLASS;
-  }
-
-  @Override
-  public RCTTextInlineImage createShadowNodeInstance() {
-    return new RCTTextInlineImage();
-  }
-
-  @Override
-  public Class<RCTTextInlineImage> getShadowNodeClass() {
-    return RCTTextInlineImage.class;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTTextInput.java b/ReactAndroid/src/main/java/com/facebook/react/flat/RCTTextInput.java
deleted file mode 100644
index 77d3cd9a33b3f2..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTTextInput.java
+++ /dev/null
@@ -1,191 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import static com.facebook.react.views.text.ReactRawTextShadowNode.PROP_TEXT;
-import static com.facebook.react.views.text.ReactTextShadowNode.UNSET;
-
-import android.annotation.TargetApi;
-import android.os.Build;
-import android.text.SpannableStringBuilder;
-import android.util.TypedValue;
-import android.view.ViewGroup;
-import android.widget.EditText;
-import com.facebook.infer.annotation.Assertions;
-import com.facebook.react.uimanager.PixelUtil;
-import com.facebook.react.uimanager.Spacing;
-import com.facebook.react.uimanager.ThemedReactContext;
-import com.facebook.react.uimanager.UIViewOperationQueue;
-import com.facebook.react.uimanager.ViewDefaults;
-import com.facebook.react.uimanager.ViewProps;
-import com.facebook.react.uimanager.annotations.ReactProp;
-import com.facebook.react.views.text.ReactTextUpdate;
-import com.facebook.react.views.view.MeasureUtil;
-import com.facebook.yoga.YogaMeasureFunction;
-import com.facebook.yoga.YogaMeasureMode;
-import com.facebook.yoga.YogaMeasureOutput;
-import com.facebook.yoga.YogaNode;
-import javax.annotation.Nullable;
-
-public class RCTTextInput extends RCTVirtualText implements AndroidView, YogaMeasureFunction {
-
-  @Nullable private String mText;
-  private int mJsEventCount = UNSET;
-  private boolean mPaddingChanged = false;
-  private int mNumberOfLines = UNSET;
-  private @Nullable EditText mEditText;
-
-  public RCTTextInput() {
-    forceMountToView();
-    setMeasureFunction(this);
-  }
-
-  @Override
-  protected void notifyChanged(boolean shouldRemeasure) {
-    super.notifyChanged(shouldRemeasure);
-    // needed to trigger onCollectExtraUpdates
-    markUpdated();
-  }
-
-  @TargetApi(Build.VERSION_CODES.JELLY_BEAN_MR1)
-  @Override
-  public void setThemedContext(ThemedReactContext themedContext) {
-    super.setThemedContext(themedContext);
-
-    mEditText = new EditText(themedContext);
-    // This is needed to fix an android bug since 4.4.3 which will throw an NPE in measure,
-    // setting the layoutParams fixes it: https://code.google.com/p/android/issues/detail?id=75877
-    mEditText.setLayoutParams(
-        new ViewGroup.LayoutParams(
-            ViewGroup.LayoutParams.WRAP_CONTENT,
-            ViewGroup.LayoutParams.WRAP_CONTENT));
-
-    setDefaultPadding(Spacing.START, mEditText.getPaddingStart());
-    setDefaultPadding(Spacing.TOP, mEditText.getPaddingTop());
-    setDefaultPadding(Spacing.END, mEditText.getPaddingEnd());
-    setDefaultPadding(Spacing.BOTTOM, mEditText.getPaddingBottom());
-    mEditText.setPadding(0, 0, 0, 0);
-  }
-
-  @Override
-  public long measure(
-      YogaNode node,
-      float width,
-      YogaMeasureMode widthMode,
-      float height,
-      YogaMeasureMode heightMode) {
-    // measure() should never be called before setThemedContext()
-    EditText editText = Assertions.assertNotNull(mEditText);
-
-    int fontSize = getFontSize();
-    editText.setTextSize(
-        TypedValue.COMPLEX_UNIT_PX,
-        fontSize == UNSET ?
-            (int) Math.ceil(PixelUtil.toPixelFromSP(ViewDefaults.FONT_SIZE_SP)) : fontSize);
-
-    if (mNumberOfLines != UNSET) {
-      editText.setLines(mNumberOfLines);
-    }
-
-    editText.measure(
-        MeasureUtil.getMeasureSpec(width, widthMode),
-        MeasureUtil.getMeasureSpec(height, heightMode));
-    return YogaMeasureOutput.make(editText.getMeasuredWidth(), editText.getMeasuredHeight());
-  }
-
-  @Override
-  public boolean isVirtual() {
-    return false;
-  }
-
-  @Override
-  public boolean isVirtualAnchor() {
-    return true;
-  }
-
-  @Override
-  public void setBackgroundColor(int backgroundColor) {
-    // suppress, this is handled by a ViewManager
-  }
-
-  @Override
-  public void onCollectExtraUpdates(UIViewOperationQueue uiViewOperationQueue) {
-    super.onCollectExtraUpdates(uiViewOperationQueue);
-    if (mJsEventCount != UNSET) {
-      ReactTextUpdate reactTextUpdate =
-          new ReactTextUpdate(
-              getText(),
-              mJsEventCount,
-              false,
-              getPadding(Spacing.START),
-              getPadding(Spacing.TOP),
-              getPadding(Spacing.END),
-              getPadding(Spacing.BOTTOM),
-              UNSET);
-      // TODO: the Float.NaN should be replaced with the real line height see D3592781
-      uiViewOperationQueue.enqueueUpdateExtraData(getReactTag(), reactTextUpdate);
-    }
-  }
-
-  @ReactProp(name = "mostRecentEventCount")
-  public void setMostRecentEventCount(int mostRecentEventCount) {
-    mJsEventCount = mostRecentEventCount;
-  }
-
-  @ReactProp(name = ViewProps.NUMBER_OF_LINES, defaultInt = Integer.MAX_VALUE)
-  public void setNumberOfLines(int numberOfLines) {
-    mNumberOfLines = numberOfLines;
-    notifyChanged(true);
-  }
-
-  @ReactProp(name = PROP_TEXT)
-  public void setText(@Nullable String text) {
-    mText = text;
-    notifyChanged(true);
-  }
-
-  @Override
-  public void setPadding(int spacingType, float padding) {
-    super.setPadding(spacingType, padding);
-    mPaddingChanged = true;
-    dirty();
-  }
-
-  @Override
-  public boolean isPaddingChanged() {
-    return mPaddingChanged;
-  }
-
-  @Override
-  public void resetPaddingChanged() {
-    mPaddingChanged = false;
-  }
-
-  @Override
-  boolean shouldAllowEmptySpans() {
-    return true;
-  }
-
-  @Override
-  boolean isEditable() {
-    return true;
-  }
-
-  @Override
-  protected void performCollectText(SpannableStringBuilder builder) {
-    if (mText != null) {
-      builder.append(mText);
-    }
-    super.performCollectText(builder);
-  }
-
-  @Override
-  public boolean needsCustomLayoutForChildren() {
-    return false;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTTextInputManager.java b/ReactAndroid/src/main/java/com/facebook/react/flat/RCTTextInputManager.java
deleted file mode 100644
index 62fe19960cba5e..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTTextInputManager.java
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import com.facebook.react.views.textinput.ReactTextInputManager;
-
-public class RCTTextInputManager extends ReactTextInputManager {
-
-  /* package */ static final String REACT_CLASS = ReactTextInputManager.REACT_CLASS;
-
-  @Override
-  public RCTTextInput createShadowNodeInstance() {
-    return new RCTTextInput();
-  }
-
-  @Override
-  public Class<RCTTextInput> getShadowNodeClass() {
-    return RCTTextInput.class;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTTextManager.java b/ReactAndroid/src/main/java/com/facebook/react/flat/RCTTextManager.java
deleted file mode 100644
index 77ec1fb256e285..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTTextManager.java
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-/**
- * ViewManager that creates instances of RCTText.
- */
-public final class RCTTextManager extends FlatViewManager {
-
-  /* package */ static final String REACT_CLASS = "RCTText";
-
-  @Override
-  public String getName() {
-    return REACT_CLASS;
-  }
-
-  @Override
-  public RCTText createShadowNodeInstance() {
-    return new RCTText();
-  }
-
-  @Override
-  public Class<RCTText> getShadowNodeClass() {
-    return RCTText.class;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTView.java b/ReactAndroid/src/main/java/com/facebook/react/flat/RCTView.java
deleted file mode 100644
index 2beaa2230ce624..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTView.java
+++ /dev/null
@@ -1,185 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import android.graphics.Rect;
-
-import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.uimanager.PixelUtil;
-import com.facebook.react.uimanager.Spacing;
-import com.facebook.react.uimanager.ReactStylesDiffMap;
-import com.facebook.react.uimanager.annotations.ReactProp;
-import com.facebook.react.uimanager.annotations.ReactPropGroup;
-
-/**
- * Node for a react View.
- */
-/* package */ final class RCTView extends FlatShadowNode {
-  private static final int[] SPACING_TYPES = {
-      Spacing.ALL, Spacing.LEFT, Spacing.RIGHT, Spacing.TOP, Spacing.BOTTOM,
-  };
-
-  private @Nullable DrawBorder mDrawBorder;
-
-  boolean mRemoveClippedSubviews;
-  boolean mHorizontal;
-
-  private @Nullable Rect mHitSlop;
-
-  @Override
-  /* package */ void handleUpdateProperties(ReactStylesDiffMap styles) {
-    mRemoveClippedSubviews = mRemoveClippedSubviews ||
-        (styles.hasKey(PROP_REMOVE_CLIPPED_SUBVIEWS) &&
-            styles.getBoolean(PROP_REMOVE_CLIPPED_SUBVIEWS, false));
-
-    if (mRemoveClippedSubviews) {
-      mHorizontal = mHorizontal ||
-          (styles.hasKey(PROP_HORIZONTAL) && styles.getBoolean(PROP_HORIZONTAL, false));
-    }
-
-    super.handleUpdateProperties(styles);
-  }
-
-  @Override
-  protected void collectState(
-      StateBuilder stateBuilder,
-      float left,
-      float top,
-      float right,
-      float bottom,
-      float clipLeft,
-      float clipTop,
-      float clipRight,
-      float clipBottom) {
-    super.collectState(
-        stateBuilder,
-        left,
-        top,
-        right,
-        bottom,
-        clipLeft,
-        clipTop,
-        clipRight,
-        clipBottom);
-
-    if (mDrawBorder != null) {
-      mDrawBorder = (DrawBorder) mDrawBorder.updateBoundsAndFreeze(
-          left,
-          top,
-          right,
-          bottom,
-          clipLeft,
-          clipTop,
-          clipRight,
-          clipBottom);
-      stateBuilder.addDrawCommand(mDrawBorder);
-    }
-  }
-
-  @Override
-  boolean doesDraw() {
-    return mDrawBorder != null || super.doesDraw();
-  }
-
-  @Override
-  public void setBackgroundColor(int backgroundColor) {
-    getMutableBorder().setBackgroundColor(backgroundColor);
-  }
-
-  @Override
-  public void setBorderWidths(int index, float borderWidth) {
-    super.setBorderWidths(index, borderWidth);
-
-    int type = SPACING_TYPES[index];
-    getMutableBorder().setBorderWidth(type, PixelUtil.toPixelFromDIP(borderWidth));
-  }
-
-  @ReactProp(name = "nativeBackgroundAndroid")
-  public void setHotspot(@Nullable ReadableMap bg) {
-    if (bg != null) {
-      forceMountToView();
-    }
-  }
-
-  @ReactPropGroup(names = {
-      "borderColor", "borderLeftColor", "borderRightColor", "borderTopColor", "borderBottomColor"
-  }, customType = "Color", defaultDouble = Double.NaN)
-  public void setBorderColor(int index, double color) {
-    int type = SPACING_TYPES[index];
-    if (Double.isNaN(color)) {
-      getMutableBorder().resetBorderColor(type);
-    } else {
-      getMutableBorder().setBorderColor(type, (int) color);
-    }
-  }
-
-  @ReactProp(name = "borderRadius")
-  public void setBorderRadius(float borderRadius) {
-    mClipRadius = borderRadius;
-    if (mClipToBounds && borderRadius > DrawView.MINIMUM_ROUNDED_CLIPPING_VALUE) {
-      // mount to a view if we are overflow: hidden and are clipping, so that we can do one
-      // clipPath to clip all the children of this node (both DrawCommands and Views).
-      forceMountToView();
-    }
-    getMutableBorder().setBorderRadius(PixelUtil.toPixelFromDIP(borderRadius));
-  }
-
-  @ReactProp(name = "borderStyle")
-  public void setBorderStyle(@Nullable String borderStyle) {
-    getMutableBorder().setBorderStyle(borderStyle);
-  }
-
-  @ReactProp(name = "hitSlop")
-  public void setHitSlop(@Nullable ReadableMap hitSlop) {
-    if (hitSlop == null) {
-      mHitSlop = null;
-    } else {
-      mHitSlop = new Rect(
-          (int) PixelUtil.toPixelFromDIP(hitSlop.getDouble("left")),
-          (int) PixelUtil.toPixelFromDIP(hitSlop.getDouble("top")),
-          (int) PixelUtil.toPixelFromDIP(hitSlop.getDouble("right")),
-          (int) PixelUtil.toPixelFromDIP(hitSlop.getDouble("bottom")));
-    }
-  }
-
-  @ReactProp(name = "pointerEvents")
-  public void setPointerEvents(@Nullable String pointerEventsStr) {
-    forceMountToView();
-  }
-
-  @Override
-  /* package */ void updateNodeRegion(
-      float left,
-      float top,
-      float right,
-      float bottom,
-      boolean isVirtual) {
-    if (!getNodeRegion().matches(left, top, right, bottom, isVirtual)) {
-      setNodeRegion(mHitSlop == null ?
-          new NodeRegion(left, top, right, bottom, getReactTag(), isVirtual) :
-          new HitSlopNodeRegion(mHitSlop, left, top, right, bottom, getReactTag(), isVirtual));
-    }
-  }
-
-  private DrawBorder getMutableBorder() {
-    if (mDrawBorder == null) {
-      mDrawBorder = new DrawBorder();
-    } else if (mDrawBorder.isFrozen()) {
-      mDrawBorder = (DrawBorder) mDrawBorder.mutableCopy();
-    }
-    invalidate();
-    return mDrawBorder;
-  }
-
-  @Override
-  public boolean clipsSubviews() {
-    return mRemoveClippedSubviews;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/flat/RCTViewManager.java
deleted file mode 100644
index 2e08dde5d2116a..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTViewManager.java
+++ /dev/null
@@ -1,140 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import android.graphics.Rect;
-import android.os.Build;
-import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.common.MapBuilder;
-import com.facebook.react.uimanager.PixelUtil;
-import com.facebook.react.uimanager.PointerEvents;
-import com.facebook.react.uimanager.ReactClippingViewGroupHelper;
-import com.facebook.react.uimanager.ViewProps;
-import com.facebook.react.uimanager.annotations.ReactProp;
-import com.facebook.react.views.view.ReactDrawableHelper;
-
-import javax.annotation.Nullable;
-import java.util.Map;
-
-/**
- * ViewManager that creates instances of RCTView.
- */
-public final class RCTViewManager extends FlatViewManager {
-
-  /* package */ static final String REACT_CLASS = ViewProps.VIEW_CLASS_NAME;
-
-  private static final int[] TMP_INT_ARRAY = new int[2];
-
-  private static final int CMD_HOTSPOT_UPDATE = 1;
-  private static final int CMD_SET_PRESSED = 2;
-
-  @Override
-  public String getName() {
-    return REACT_CLASS;
-  }
-
-  public Map<String, Integer> getCommandsMap() {
-    return MapBuilder.of("hotspotUpdate", CMD_HOTSPOT_UPDATE, "setPressed", CMD_SET_PRESSED);
-  }
-
-  @Override
-  public RCTView createShadowNodeInstance() {
-    return new RCTView();
-  }
-
-  @Override
-  public Class<RCTView> getShadowNodeClass() {
-    return RCTView.class;
-  }
-
-  @ReactProp(name = "nativeBackgroundAndroid")
-  public void setHotspot(FlatViewGroup view, @Nullable ReadableMap bg) {
-    view.setHotspot(bg == null ?
-      null : ReactDrawableHelper.createDrawableFromJSDescription(view.getContext(), bg));
-  }
-
-  @Override
-  public void receiveCommand(
-    FlatViewGroup view,
-    int commandId,
-    @Nullable ReadableArray args) {
-    switch (commandId) {
-      case CMD_HOTSPOT_UPDATE: {
-        if (args == null || args.size() != 2) {
-          throw new JSApplicationIllegalArgumentException(
-            "Illegal number of arguments for 'updateHotspot' command");
-        }
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
-          view.getLocationOnScreen(TMP_INT_ARRAY);
-          float x = PixelUtil.toPixelFromDIP(args.getDouble(0)) - TMP_INT_ARRAY[0];
-          float y = PixelUtil.toPixelFromDIP(args.getDouble(1)) - TMP_INT_ARRAY[1];
-          view.drawableHotspotChanged(x, y);
-        }
-        break;
-      }
-      case CMD_SET_PRESSED: {
-        if (args == null || args.size() != 1) {
-          throw new JSApplicationIllegalArgumentException(
-            "Illegal number of arguments for 'setPressed' command");
-        }
-        view.setPressed(args.getBoolean(0));
-        break;
-      }
-    }
-  }
-
-  @ReactProp(name = ViewProps.NEEDS_OFFSCREEN_ALPHA_COMPOSITING)
-  public void setNeedsOffscreenAlphaCompositing(
-    FlatViewGroup view,
-    boolean needsOffscreenAlphaCompositing) {
-    view.setNeedsOffscreenAlphaCompositing(needsOffscreenAlphaCompositing);
-  }
-
-  @ReactProp(name = "pointerEvents")
-  public void setPointerEvents(FlatViewGroup view, @Nullable String pointerEventsStr) {
-    view.setPointerEvents(parsePointerEvents(pointerEventsStr));
-  }
-
-  @ReactProp(name = ReactClippingViewGroupHelper.PROP_REMOVE_CLIPPED_SUBVIEWS)
-  public void setRemoveClippedSubviews(FlatViewGroup view, boolean removeClippedSubviews) {
-    view.setRemoveClippedSubviews(removeClippedSubviews);
-  }
-
-  private static PointerEvents parsePointerEvents(@Nullable String pointerEventsStr) {
-    if (pointerEventsStr != null) {
-      switch (pointerEventsStr) {
-        case "none":
-          return PointerEvents.NONE;
-        case "auto":
-          return PointerEvents.AUTO;
-        case "box-none":
-          return PointerEvents.BOX_NONE;
-        case "box-only":
-          return PointerEvents.BOX_ONLY;
-      }
-    }
-    // default or invalid
-    return PointerEvents.AUTO;
-  }
-
-  @ReactProp(name = "hitSlop")
-  public void setHitSlop(FlatViewGroup view, @Nullable ReadableMap hitSlop) {
-    if (hitSlop == null) {
-      view.setHitSlopRect(null);
-    } else {
-      view.setHitSlopRect(new Rect(
-        (int) PixelUtil.toPixelFromDIP(hitSlop.getDouble("left")),
-        (int) PixelUtil.toPixelFromDIP(hitSlop.getDouble("top")),
-        (int) PixelUtil.toPixelFromDIP(hitSlop.getDouble("right")),
-        (int) PixelUtil.toPixelFromDIP(hitSlop.getDouble("bottom"))
-      ));
-    }
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTViewPagerManager.java b/ReactAndroid/src/main/java/com/facebook/react/flat/RCTViewPagerManager.java
deleted file mode 100644
index 23b00fe198431c..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTViewPagerManager.java
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import android.view.View;
-import com.facebook.react.views.viewpager.ReactViewPager;
-import com.facebook.react.views.viewpager.ReactViewPagerManager;
-
-import java.util.List;
-
-public class RCTViewPagerManager extends ReactViewPagerManager {
-
-  /* package */ static final String REACT_CLASS = ReactViewPagerManager.REACT_CLASS;
-
-  @Override
-  public void addViews(ReactViewPager parent, List<View> views) {
-    parent.setViews(views);
-  }
-
-  @Override
-  public void removeAllViews(ReactViewPager parent) {
-    parent.removeAllViewsFromAdapter();
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTVirtualText.java b/ReactAndroid/src/main/java/com/facebook/react/flat/RCTVirtualText.java
deleted file mode 100644
index 1c0bcee7913a58..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTVirtualText.java
+++ /dev/null
@@ -1,307 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import android.graphics.Typeface;
-import android.text.Spannable;
-import android.text.SpannableStringBuilder;
-import android.text.TextUtils;
-import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.uimanager.PixelUtil;
-import com.facebook.react.uimanager.ReactShadowNodeImpl;
-import com.facebook.react.uimanager.ViewProps;
-import com.facebook.react.uimanager.annotations.ReactProp;
-import javax.annotation.Nullable;
-
-/**
- * RCTVirtualText is a {@link FlatTextShadowNode} that can contain font styling information.
- */
-/* package */ class RCTVirtualText extends FlatTextShadowNode {
-
-  private static final String BOLD = "bold";
-  private static final String ITALIC = "italic";
-  private static final String NORMAL = "normal";
-
-  private static final String PROP_SHADOW_OFFSET = "textShadowOffset";
-  private static final String PROP_SHADOW_RADIUS = "textShadowRadius";
-  private static final String PROP_SHADOW_COLOR = "textShadowColor";
-  private static final int DEFAULT_TEXT_SHADOW_COLOR = 0x55000000;
-
-  private FontStylingSpan mFontStylingSpan = FontStylingSpan.INSTANCE;
-  private ShadowStyleSpan mShadowStyleSpan = ShadowStyleSpan.INSTANCE;
-
-  @Override
-  public void addChildAt(ReactShadowNodeImpl child, int i) {
-    super.addChildAt(child, i);
-    notifyChanged(true);
-  }
-
-  @Override
-  protected void performCollectText(SpannableStringBuilder builder) {
-    for (int i = 0, childCount = getChildCount(); i < childCount; ++i) {
-      FlatTextShadowNode child = (FlatTextShadowNode) getChildAt(i);
-      child.collectText(builder);
-    }
-  }
-
-  @Override
-  protected void performApplySpans(SpannableStringBuilder builder, int begin, int end, boolean isEditable) {
-    mFontStylingSpan.freeze();
-
-    // All spans will automatically extend to the right of the text, but not the left - except
-    // for spans that start at the beginning of the text.
-    final int flag;
-    if (isEditable) {
-      flag = Spannable.SPAN_EXCLUSIVE_EXCLUSIVE;
-    } else {
-      flag = begin == 0 ?
-          Spannable.SPAN_INCLUSIVE_INCLUSIVE :
-          Spannable.SPAN_EXCLUSIVE_INCLUSIVE;
-    }
-
-    builder.setSpan(
-        mFontStylingSpan,
-        begin,
-        end,
-        flag);
-
-    if (mShadowStyleSpan.getColor() != 0 && mShadowStyleSpan.getRadius() != 0) {
-      mShadowStyleSpan.freeze();
-
-      builder.setSpan(
-          mShadowStyleSpan,
-          begin,
-          end,
-          flag);
-    }
-
-    for (int i = 0, childCount = getChildCount(); i < childCount; ++i) {
-      FlatTextShadowNode child = (FlatTextShadowNode) getChildAt(i);
-      child.applySpans(builder, isEditable);
-    }
-  }
-
-  @Override
-  protected void performCollectAttachDetachListeners(StateBuilder stateBuilder) {
-    for (int i = 0, childCount = getChildCount(); i < childCount; ++i) {
-      FlatTextShadowNode child = (FlatTextShadowNode) getChildAt(i);
-      child.performCollectAttachDetachListeners(stateBuilder);
-    }
-  }
-
-  @ReactProp(name = ViewProps.FONT_SIZE, defaultFloat = Float.NaN)
-  public void setFontSize(float fontSizeSp) {
-    final int fontSize;
-    if (Float.isNaN(fontSizeSp)) {
-      fontSize = getDefaultFontSize();
-    } else {
-      fontSize = fontSizeFromSp(fontSizeSp);
-    }
-
-    if (mFontStylingSpan.getFontSize() != fontSize) {
-      getSpan().setFontSize(fontSize);
-      notifyChanged(true);
-    }
-  }
-
-  @ReactProp(name = ViewProps.COLOR, defaultDouble = Double.NaN)
-  public void setColor(double textColor) {
-    if (mFontStylingSpan.getTextColor() != textColor) {
-      getSpan().setTextColor(textColor);
-      notifyChanged(false);
-    }
-  }
-
-  @Override
-  public void setBackgroundColor(int backgroundColor) {
-    if (isVirtual()) {
-      // for nested Text elements, we want to apply background color to the text only
-      // e.g. Hello <style backgroundColor=red>World</style>, "World" will have red background color
-      if (mFontStylingSpan.getBackgroundColor() != backgroundColor) {
-        getSpan().setBackgroundColor(backgroundColor);
-        notifyChanged(false);
-      }
-    } else {
-      // for top-level Text element, background needs to be applied for the entire shadow node
-      //
-      // For example: <Text style={flex:1}>Hello World</Text>
-      // "Hello World" may only occupy e.g. 200 pixels, but the node may be measured at e.g. 500px.
-      // In this case, we want background to be 500px wide as well, and this is exactly what
-      // FlatShadowNode does.
-      super.setBackgroundColor(backgroundColor);
-    }
-  }
-
-  @ReactProp(name = ViewProps.FONT_FAMILY)
-  public void setFontFamily(@Nullable String fontFamily) {
-    if (!TextUtils.equals(mFontStylingSpan.getFontFamily(), fontFamily)) {
-      getSpan().setFontFamily(fontFamily);
-      notifyChanged(true);
-    }
-  }
-
-  @ReactProp(name = ViewProps.FONT_WEIGHT)
-  public void setFontWeight(@Nullable String fontWeightString) {
-    final int fontWeight;
-    if (fontWeightString == null) {
-      fontWeight = -1;
-    } else if (BOLD.equals(fontWeightString)) {
-      fontWeight = Typeface.BOLD;
-    } else if (NORMAL.equals(fontWeightString)) {
-      fontWeight = Typeface.NORMAL;
-    } else {
-      int fontWeightNumeric = parseNumericFontWeight(fontWeightString);
-      if (fontWeightNumeric == -1) {
-        throw new RuntimeException("invalid font weight " + fontWeightString);
-      }
-      fontWeight = fontWeightNumeric >= 500 ? Typeface.BOLD : Typeface.NORMAL;
-    }
-
-    if (mFontStylingSpan.getFontWeight() != fontWeight) {
-      getSpan().setFontWeight(fontWeight);
-      notifyChanged(true);
-    }
-  }
-
-  @ReactProp(name = ViewProps.TEXT_DECORATION_LINE)
-  public void setTextDecorationLine(@Nullable String textDecorationLineString) {
-    boolean isUnderlineTextDecorationSet = false;
-    boolean isLineThroughTextDecorationSet = false;
-    if (textDecorationLineString != null) {
-      for (String textDecorationLineSubString : textDecorationLineString.split(" ")) {
-        if ("underline".equals(textDecorationLineSubString)) {
-          isUnderlineTextDecorationSet = true;
-        } else if ("line-through".equals(textDecorationLineSubString)) {
-          isLineThroughTextDecorationSet = true;
-        }
-      }
-    }
-
-    if (isUnderlineTextDecorationSet != mFontStylingSpan.hasUnderline() ||
-        isLineThroughTextDecorationSet != mFontStylingSpan.hasStrikeThrough()) {
-      FontStylingSpan span = getSpan();
-      span.setHasUnderline(isUnderlineTextDecorationSet);
-      span.setHasStrikeThrough(isLineThroughTextDecorationSet);
-      notifyChanged(true);
-    }
-  }
-
-  @ReactProp(name = ViewProps.FONT_STYLE)
-  public void setFontStyle(@Nullable String fontStyleString) {
-    final int fontStyle;
-    if (fontStyleString == null) {
-      fontStyle = -1;
-    } else if (ITALIC.equals(fontStyleString)) {
-      fontStyle = Typeface.ITALIC;
-    } else if (NORMAL.equals(fontStyleString)) {
-      fontStyle = Typeface.NORMAL;
-    } else {
-      throw new RuntimeException("invalid font style " + fontStyleString);
-    }
-
-    if (mFontStylingSpan.getFontStyle() != fontStyle) {
-      getSpan().setFontStyle(fontStyle);
-      notifyChanged(true);
-    }
-  }
-
-  @ReactProp(name = PROP_SHADOW_OFFSET)
-  public void setTextShadowOffset(@Nullable ReadableMap offsetMap) {
-    float dx = 0;
-    float dy = 0;
-    if (offsetMap != null) {
-      if (offsetMap.hasKey("width")) {
-        dx = PixelUtil.toPixelFromDIP(offsetMap.getDouble("width"));
-      }
-      if (offsetMap.hasKey("height")) {
-        dy = PixelUtil.toPixelFromDIP(offsetMap.getDouble("height"));
-      }
-    }
-
-    if (!mShadowStyleSpan.offsetMatches(dx, dy)) {
-      getShadowSpan().setOffset(dx, dy);
-      notifyChanged(false);
-    }
-  }
-
-  @ReactProp(name = PROP_SHADOW_RADIUS)
-  public void setTextShadowRadius(float textShadowRadius) {
-    textShadowRadius = PixelUtil.toPixelFromDIP(textShadowRadius);
-    if (mShadowStyleSpan.getRadius() != textShadowRadius) {
-      getShadowSpan().setRadius(textShadowRadius);
-      notifyChanged(false);
-    }
-  }
-
-  @ReactProp(name = PROP_SHADOW_COLOR, defaultInt = DEFAULT_TEXT_SHADOW_COLOR, customType = "Color")
-  public void setTextShadowColor(int textShadowColor) {
-    if (mShadowStyleSpan.getColor() != textShadowColor) {
-      getShadowSpan().setColor(textShadowColor);
-      notifyChanged(false);
-    }
-  }
-
-  /**
-   * Returns font size for this node.
-   * When called on RCTText, this value is never -1 (unset).
-   */
-  protected final int getFontSize() {
-    return mFontStylingSpan.getFontSize();
-  }
-  /**
-   * Returns font style for this node.
-   */
-  protected final int getFontStyle() {
-    int style = mFontStylingSpan.getFontStyle();
-    return style >= 0 ? style : Typeface.NORMAL;
-  }
-
-  protected int getDefaultFontSize() {
-    return -1;
-  }
-
-  /* package */ static int fontSizeFromSp(float sp) {
-    return (int) Math.ceil(PixelUtil.toPixelFromSP(sp));
-  }
-
-  protected final FontStylingSpan getSpan() {
-    if (mFontStylingSpan.isFrozen()) {
-      mFontStylingSpan = mFontStylingSpan.mutableCopy();
-    }
-    return mFontStylingSpan;
-  }
-
-  /**
-   * Returns a new SpannableStringBuilder that includes all the text and styling information to
-   * create the Layout.
-   */
-  /* package */ final SpannableStringBuilder getText() {
-    SpannableStringBuilder sb = new SpannableStringBuilder();
-    collectText(sb);
-    applySpans(sb, isEditable());
-    return sb;
-  }
-
-  private final ShadowStyleSpan getShadowSpan() {
-    if (mShadowStyleSpan.isFrozen()) {
-      mShadowStyleSpan = mShadowStyleSpan.mutableCopy();
-    }
-    return mShadowStyleSpan;
-  }
-
-  /**
-   * Return -1 if the input string is not a valid numeric fontWeight (100, 200, ..., 900), otherwise
-   * return the weight.
-   */
-  private static int parseNumericFontWeight(String fontWeightString) {
-    // This should be much faster than using regex to verify input and Integer.parseInt
-    return fontWeightString.length() == 3 && fontWeightString.endsWith("00")
-        && fontWeightString.charAt(0) <= '9' && fontWeightString.charAt(0) >= '1' ?
-        100 * (fontWeightString.charAt(0) - '0') : -1;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTVirtualTextManager.java b/ReactAndroid/src/main/java/com/facebook/react/flat/RCTVirtualTextManager.java
deleted file mode 100644
index 0c1ff3fd97863b..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/RCTVirtualTextManager.java
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-/**
- * ViewManager that creates instances of RCTVirtualText.
- */
-public final class RCTVirtualTextManager extends VirtualViewManager<RCTVirtualText> {
-
-  /* package */ static final String REACT_CLASS = "RCTVirtualText";
-
-  @Override
-  public String getName() {
-    return REACT_CLASS;
-  }
-
-  @Override
-  public RCTVirtualText createShadowNodeInstance() {
-    return new RCTVirtualText();
-  }
-
-  @Override
-  public Class<RCTVirtualText> getShadowNodeClass() {
-    return RCTVirtualText.class;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/README.md b/ReactAndroid/src/main/java/com/facebook/react/flat/README.md
deleted file mode 100644
index f9fc580c0212b0..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/README.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Nodes
-
-Nodes is an experimental, alternate version of
-[UIImplementation](https://github.com/facebook/react-native/blob/master/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementation.java) for ReactNative on Android. It has two main advantages over the existing `UIImplementation`:
-
-1. Support for `overflow:visible` on Android.
-2. More efficient generation of view hierarchies.
-
-The intention is to ultimately replace the existing `UIImplementation` on
-Android with Nodes (after all the issues are ironed out).
-
-## How to test
-
-In a subclass of `ReactNativeHost`, add this:
-
-```java
-@Override
-protected UIImplementationProvider getUIImplementationProvider() {
-  return new FlatUIImplementationProvider();
-}
-```
-
-## How it Works
-
-The existing
-[UIImplementation](https://github.com/facebook/react-native/blob/master/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementation.java) maps all non-layout tags to `View`s (resulting in an almost 1:1 mapping of tags
-to Views, with the exception of some optimizations for layout only tags that
-don't draw content). Nodes, on the other hand, maps react tags to a set of
-`DrawCommand`s. In other words, an `<image>` tag will often be mapped to a
-`Drawable` instead of an `ImageView` and a `<text>` tag will be mapped to a
-`Layout` instead of a `TextView`. This helps flatten the resulting `View`
-hierarchy.
-
-There are situations where `DrawCommand`s are promoted to `View`s:
-
-1. Existing Android components that are wrapped by React Native (for example, 
-`ViewPager`, `ScrollView`, etc).
-2. When using a `View` is more optimal (for example, `opacity`, to avoid
-unnecessary invalidations).
-3. To facilitate the implementation of certain features (accessibility,
-transforms, etc).
-
-This means that existing custom `ViewManager`s should continue to work as they
-did with the existing `UIImplementation`.
-
-## Limitations and Known Issues
-
-- `LayoutAnimation`s are not yet supported
-- `zIndex` is not yet supported
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/ShadowStyleSpan.java b/ReactAndroid/src/main/java/com/facebook/react/flat/ShadowStyleSpan.java
deleted file mode 100644
index a0435b409ba834..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/ShadowStyleSpan.java
+++ /dev/null
@@ -1,72 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import android.text.TextPaint;
-import android.text.style.CharacterStyle;
-
-/* package */ final class ShadowStyleSpan extends CharacterStyle {
-
-  /* package */ static final ShadowStyleSpan INSTANCE = new ShadowStyleSpan(0, 0, 0, 0, true);
-
-  private float mDx;
-  private float mDy;
-  private float mRadius;
-  private int mColor;
-  private boolean mFrozen;
-
-  private ShadowStyleSpan(float dx, float dy, float radius, int color, boolean frozen) {
-    mDx = dx;
-    mDy = dy;
-    mRadius = radius;
-    mColor = color;
-    mFrozen = frozen;
-  }
-
-  public boolean offsetMatches(float dx, float dy) {
-    return mDx == dx && mDy == dy;
-  }
-
-  public void setOffset(float dx, float dy) {
-    mDx = dx;
-    mDy = dy;
-  }
-
-  public float getRadius() {
-    return mRadius;
-  }
-
-  public void setRadius(float radius) {
-    mRadius = radius;
-  }
-
-  public int getColor() {
-    return mColor;
-  }
-
-  public void setColor(int color) {
-    mColor = color;
-  }
-
-  /* package */ ShadowStyleSpan mutableCopy() {
-    return new ShadowStyleSpan(mDx, mDy, mRadius, mColor, false);
-  }
-
-  /* package */ boolean isFrozen() {
-    return mFrozen;
-  }
-
-  /* package */ void freeze() {
-    mFrozen = true;
-  }
-
-  @Override
-  public void updateDrawState(TextPaint textPaint) {
-    textPaint.setShadowLayer(mRadius, mDx, mDy, mColor);
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/StateBuilder.java b/ReactAndroid/src/main/java/com/facebook/react/flat/StateBuilder.java
deleted file mode 100644
index 301a488581c817..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/StateBuilder.java
+++ /dev/null
@@ -1,729 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import java.util.ArrayList;
-
-import android.util.SparseIntArray;
-
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.uimanager.OnLayoutEvent;
-import com.facebook.react.uimanager.Spacing;
-import com.facebook.react.uimanager.ReactShadowNode;
-import com.facebook.react.uimanager.ReactStylesDiffMap;
-import com.facebook.react.uimanager.UIViewOperationQueue;
-import com.facebook.react.uimanager.events.EventDispatcher;
-
-/**
- * Shadow node hierarchy by itself cannot display UI, it is only a representation of what UI should
- * be from JavaScript perspective. StateBuilder is a helper class that walks the shadow node tree
- * and collects information into an operation queue that is run on the UI thread and applied to the
- * non-shadow hierarchy of Views that Android can finally display.
- */
-/* package */ final class StateBuilder {
-  /* package */ static final float[] EMPTY_FLOAT_ARRAY = new float[0];
-  /* package */ static final SparseIntArray EMPTY_SPARSE_INT = new SparseIntArray();
-
-  private static final boolean SKIP_UP_TO_DATE_NODES = true;
-
-  // Optimization to avoid re-allocating zero length arrays.
-  private static final int[] EMPTY_INT_ARRAY = new int[0];
-
-  private final FlatUIViewOperationQueue mOperationsQueue;
-
-  private final ElementsList<DrawCommand> mDrawCommands =
-      new ElementsList<>(DrawCommand.EMPTY_ARRAY);
-  private final ElementsList<AttachDetachListener> mAttachDetachListeners =
-      new ElementsList<>(AttachDetachListener.EMPTY_ARRAY);
-  private final ElementsList<NodeRegion> mNodeRegions =
-      new ElementsList<>(NodeRegion.EMPTY_ARRAY);
-  private final ElementsList<FlatShadowNode> mNativeChildren =
-      new ElementsList<>(FlatShadowNode.EMPTY_ARRAY);
-
-  private final ArrayList<FlatShadowNode> mViewsToDetachAllChildrenFrom = new ArrayList<>();
-  private final ArrayList<FlatShadowNode> mViewsToDetach = new ArrayList<>();
-  private final ArrayList<Integer> mViewsToDrop = new ArrayList<>();
-  private final ArrayList<Integer> mParentsForViewsToDrop = new ArrayList<>();
-  private final ArrayList<OnLayoutEvent> mOnLayoutEvents = new ArrayList<>();
-  private final ArrayList<UIViewOperationQueue.UIOperation> mUpdateViewBoundsOperations =
-      new ArrayList<>();
-  private final ArrayList<UIViewOperationQueue.UIOperation> mViewManagerCommands =
-      new ArrayList<>();
-
-  private @Nullable FlatUIViewOperationQueue.DetachAllChildrenFromViews mDetachAllChildrenFromViews;
-
-  /* package */ StateBuilder(FlatUIViewOperationQueue operationsQueue) {
-    mOperationsQueue = operationsQueue;
-  }
-
-  /* package */ FlatUIViewOperationQueue getOperationsQueue() {
-    return mOperationsQueue;
-  }
-
-  /**
-   * Given a root of the laid-out shadow node hierarchy, walks the tree and generates arrays from
-   * element lists that are mounted in the UI thread to FlatViewGroups to handle drawing, touch,
-   * and other logic.
-   */
-  /* package */ void applyUpdates(FlatShadowNode node) {
-    float width = node.getLayoutWidth();
-    float height = node.getLayoutHeight();
-    float left = node.getLayoutX();
-    float top = node.getLayoutY();
-    float right = left + width;
-    float bottom = top + height;
-
-    collectStateForMountableNode(
-        node,
-        left,
-        top,
-        right,
-        bottom,
-        Float.NEGATIVE_INFINITY,
-        Float.NEGATIVE_INFINITY,
-        Float.POSITIVE_INFINITY,
-        Float.POSITIVE_INFINITY);
-
-    updateViewBounds(node, left, top, right, bottom);
-  }
-
-  /**
-   * Run after the shadow node hierarchy is updated.  Detaches all children from Views that are
-   * changing their native children, updates views, and dispatches commands before discarding any
-   * dropped views.
-   *
-   * @param eventDispatcher Dispatcher for onLayout events.
-   */
-  void afterUpdateViewHierarchy(EventDispatcher eventDispatcher) {
-    if (mDetachAllChildrenFromViews != null) {
-      int[] viewsToDetachAllChildrenFrom = collectViewTags(mViewsToDetachAllChildrenFrom);
-      mViewsToDetachAllChildrenFrom.clear();
-
-      mDetachAllChildrenFromViews.setViewsToDetachAllChildrenFrom(viewsToDetachAllChildrenFrom);
-      mDetachAllChildrenFromViews = null;
-    }
-
-    for (int i = 0, size = mUpdateViewBoundsOperations.size(); i != size; ++i) {
-      mOperationsQueue.enqueueFlatUIOperation(mUpdateViewBoundsOperations.get(i));
-    }
-    mUpdateViewBoundsOperations.clear();
-
-    // Process view manager commands after bounds operations, so that any UI operations have already
-    // happened before we actually dispatch the view manager command.  This prevents things like
-    // commands going to empty parents and views not yet being created.
-    for (int i = 0, size = mViewManagerCommands.size(); i != size; i++) {
-      mOperationsQueue.enqueueFlatUIOperation(mViewManagerCommands.get(i));
-    }
-    mViewManagerCommands.clear();
-
-    // This could be more efficient if EventDispatcher had a batch mode
-    // to avoid multiple synchronized calls.
-    for (int i = 0, size = mOnLayoutEvents.size(); i != size; ++i) {
-      eventDispatcher.dispatchEvent(mOnLayoutEvents.get(i));
-    }
-    mOnLayoutEvents.clear();
-
-    if (mViewsToDrop.size() > 0) {
-      mOperationsQueue.enqueueDropViews(mViewsToDrop, mParentsForViewsToDrop);
-      mViewsToDrop.clear();
-      mParentsForViewsToDrop.clear();
-    }
-
-    mOperationsQueue.enqueueProcessLayoutRequests();
-  }
-
-  /* package */ void removeRootView(int rootViewTag) {
-    // Note root view tags with a negative value.
-    mViewsToDrop.add(-rootViewTag);
-    mParentsForViewsToDrop.add(-1);
-  }
-
-  /**
-   * Adds a draw command to the element list for the current scope.  Allows collectState within the
-   * shadow node to add commands.
-   *
-   * @param drawCommand The draw command to add.
-   */
-  /* package */ void addDrawCommand(AbstractDrawCommand drawCommand) {
-    mDrawCommands.add(drawCommand);
-  }
-
-  /**
-   * Adds a listener to the element list for the current scope.  Allows collectState within the
-   * shadow node to add listeners.
-   *
-   * @param listener The listener to add
-   */
-  /* package */ void addAttachDetachListener(AttachDetachListener listener) {
-    mAttachDetachListeners.add(listener);
-  }
-
-  /**
-   * Adds a command for a view manager to the queue.  We have to delay adding it to the operations
-   * queue until we have added our view moves, creations and updates.
-   *
-   * @param reactTag The react tag of the command target.
-   * @param commandId ID of the command.
-   * @param commandArgs Arguments for the command.
-   */
-  /* package */ void enqueueViewManagerCommand(
-      int reactTag,
-      int commandId,
-      ReadableArray commandArgs) {
-    mViewManagerCommands.add(
-        mOperationsQueue.createViewManagerCommand(reactTag, commandId, commandArgs));
-  }
-
-  /**
-   * Create a backing view for a node, or update the backing view if it has already been created.
-   *
-   * @param node The node to create the backing view for.
-   * @param styles Styles for the view.
-   */
-  /* package */ void enqueueCreateOrUpdateView(
-      FlatShadowNode node,
-      @Nullable ReactStylesDiffMap styles) {
-    if (node.isBackingViewCreated()) {
-      // If the View is already created, make sure to propagate the new styles.
-      mOperationsQueue.enqueueUpdateProperties(
-          node.getReactTag(),
-          node.getViewClass(),
-          styles);
-    } else {
-      mOperationsQueue.enqueueCreateView(
-          node.getThemedContext(),
-          node.getReactTag(),
-          node.getViewClass(),
-          styles);
-
-      node.signalBackingViewIsCreated();
-    }
-  }
-
-  /**
-   * Create a backing view for a node if not already created.
-   *
-   * @param node The node to create the backing view for.
-   */
-  /* package */ void ensureBackingViewIsCreated(FlatShadowNode node) {
-    if (node.isBackingViewCreated()) {
-      return;
-    }
-
-    int tag = node.getReactTag();
-    mOperationsQueue.enqueueCreateView(node.getThemedContext(), tag, node.getViewClass(), null);
-
-    node.signalBackingViewIsCreated();
-  }
-
-  /**
-   * Enqueue dropping of the view for a node that has a backing view.  Used in conjunction with
-   * remove the node from the shadow hierarchy.
-   *
-   * @param node The node to drop the backing view for.
-   */
-  /* package */ void dropView(FlatShadowNode node, int parentReactTag) {
-    mViewsToDrop.add(node.getReactTag());
-    mParentsForViewsToDrop.add(parentReactTag);
-  }
-
-  /**
-   * Adds a node region to the element list for the current scope.  Allows collectState to add
-   * regions.
-   *
-   * @param node The node to add a region for.
-   * @param left Bound of the region.
-   * @param top Bound of the region.
-   * @param right Bound of the region.
-   * @param bottom Bound of the region.
-   * @param isVirtual True if the region does not map to a native view.  Used to determine touch
-   *   targets.
-   */
-  private void addNodeRegion(
-      FlatShadowNode node,
-      float left,
-      float top,
-      float right,
-      float bottom,
-      boolean isVirtual) {
-    if (left == right || top == bottom) {
-      // no point in adding an empty NodeRegion
-      return;
-    }
-
-    node.updateNodeRegion(left, top, right, bottom, isVirtual);
-    if (node.doesDraw()) {
-      mNodeRegions.add(node.getNodeRegion());
-    }
-  }
-
-  /**
-   * Adds a native child to the element list for the current scope.  Allows collectState to add
-   * native children.
-   *
-   * @param nativeChild The view-backed native child to add.
-   */
-  private void addNativeChild(FlatShadowNode nativeChild) {
-    mNativeChildren.add(nativeChild);
-  }
-
-  /**
-   * Updates boundaries of a View that a give nodes maps to.
-   */
-  private void updateViewBounds(
-      FlatShadowNode node,
-      float left,
-      float top,
-      float right,
-      float bottom) {
-    int viewLeft = Math.round(left);
-    int viewTop = Math.round(top);
-    int viewRight = Math.round(right);
-    int viewBottom = Math.round(bottom);
-    if (node.getViewLeft() == viewLeft && node.getViewTop() == viewTop &&
-        node.getViewRight() == viewRight && node.getViewBottom() == viewBottom) {
-      // nothing changed.
-      return;
-    }
-
-    // this will optionally measure and layout the View this node maps to.
-    node.setViewBounds(viewLeft, viewTop, viewRight, viewBottom);
-    int tag = node.getReactTag();
-
-    mUpdateViewBoundsOperations.add(
-        mOperationsQueue.createUpdateViewBounds(tag, viewLeft, viewTop, viewRight, viewBottom));
-  }
-
-  /**
-   * Collects state (Draw commands, listeners, regions, native children) for a given node that will
-   * mount to a View. Returns true if this node or any of its descendants that mount to View
-   * generated any updates.
-   */
-  private boolean collectStateForMountableNode(
-      FlatShadowNode node,
-      float left,
-      float top,
-      float right,
-      float bottom,
-      float clipLeft,
-      float clipTop,
-      float clipRight,
-      float clipBottom) {
-    boolean hasUpdates = node.hasNewLayout();
-
-    boolean expectingUpdate = hasUpdates || node.isUpdated() || node.hasUnseenUpdates() ||
-        node.clipBoundsChanged(clipLeft, clipTop, clipRight, clipBottom);
-    if (SKIP_UP_TO_DATE_NODES && !expectingUpdate) {
-      return false;
-    }
-
-    node.setClipBounds(clipLeft, clipTop, clipRight, clipBottom);
-
-    mDrawCommands.start(node.getDrawCommands());
-    mAttachDetachListeners.start(node.getAttachDetachListeners());
-    mNodeRegions.start(node.getNodeRegions());
-    mNativeChildren.start(node.getNativeChildren());
-
-    boolean isAndroidView = false;
-    boolean needsCustomLayoutForChildren = false;
-    if (node instanceof AndroidView) {
-      AndroidView androidView = (AndroidView) node;
-      updateViewPadding(androidView, node.getReactTag());
-
-      isAndroidView = true;
-      needsCustomLayoutForChildren = androidView.needsCustomLayoutForChildren();
-
-      // AndroidView might scroll (e.g. ScrollView) so we need to reset clip bounds here
-      // Otherwise, we might scroll clipped content. If AndroidView doesn't scroll, this is still
-      // harmless, because AndroidView will do its own clipping anyway.
-      clipLeft = Float.NEGATIVE_INFINITY;
-      clipTop = Float.NEGATIVE_INFINITY;
-      clipRight = Float.POSITIVE_INFINITY;
-      clipBottom = Float.POSITIVE_INFINITY;
-    }
-
-    if (!isAndroidView && node.isVirtualAnchor()) {
-      // If RCTText is mounted to View, virtual children will not receive any touch events
-      // because they don't get added to nodeRegions, so nodeRegions will be empty and
-      // FlatViewGroup.reactTagForTouch() will always return RCTText's id. To fix the issue,
-      // manually add nodeRegion so it will have exactly one NodeRegion, and virtual nodes will
-      // be able to receive touch events.
-      addNodeRegion(node, left, top, right, bottom, true);
-    }
-
-    boolean descendantUpdated = collectStateRecursively(
-        node,
-        left,
-        top,
-        right,
-        bottom,
-        clipLeft,
-        clipTop,
-        clipRight,
-        clipBottom,
-        isAndroidView,
-        needsCustomLayoutForChildren);
-
-    boolean shouldUpdateMountState = false;
-    final DrawCommand[] drawCommands = mDrawCommands.finish();
-    if (drawCommands != null) {
-      shouldUpdateMountState = true;
-      node.setDrawCommands(drawCommands);
-    }
-
-    final AttachDetachListener[] listeners = mAttachDetachListeners.finish();
-    if (listeners != null) {
-      shouldUpdateMountState = true;
-      node.setAttachDetachListeners(listeners);
-    }
-
-    final NodeRegion[] nodeRegions = mNodeRegions.finish();
-    if (nodeRegions != null) {
-      shouldUpdateMountState = true;
-      node.setNodeRegions(nodeRegions);
-    } else if (descendantUpdated) {
-      // one of the descendant's value for overflows container may have changed, so
-      // we still need to update ours.
-      node.updateOverflowsContainer();
-    }
-
-    // We need to finish the native children so that we can process clipping FlatViewGroup.
-    final FlatShadowNode[] nativeChildren = mNativeChildren.finish();
-    if (shouldUpdateMountState) {
-      if (node.clipsSubviews()) {
-        // Node is a clipping FlatViewGroup, so lets do some calculations off the UI thread.
-        // DrawCommandManager has a better explanation of the data incoming from these calculations,
-        // and is where they are actually used.
-        float[] commandMaxBottom = EMPTY_FLOAT_ARRAY;
-        float[] commandMinTop = EMPTY_FLOAT_ARRAY;
-        SparseIntArray drawViewIndexMap = EMPTY_SPARSE_INT;
-        if (drawCommands != null) {
-          drawViewIndexMap = new SparseIntArray();
-
-          commandMaxBottom = new float[drawCommands.length];
-          commandMinTop = new float[drawCommands.length];
-
-          if (node.isHorizontal()) {
-            HorizontalDrawCommandManager
-                .fillMaxMinArrays(drawCommands, commandMaxBottom, commandMinTop, drawViewIndexMap);
-          } else {
-            VerticalDrawCommandManager
-                .fillMaxMinArrays(drawCommands, commandMaxBottom, commandMinTop, drawViewIndexMap);
-          }
-        }
-        float[] regionMaxBottom = EMPTY_FLOAT_ARRAY;
-        float[] regionMinTop = EMPTY_FLOAT_ARRAY;
-        if (nodeRegions != null) {
-          regionMaxBottom = new float[nodeRegions.length];
-          regionMinTop = new float[nodeRegions.length];
-
-          if (node.isHorizontal()) {
-            HorizontalDrawCommandManager
-                .fillMaxMinArrays(nodeRegions, regionMaxBottom, regionMinTop);
-          } else {
-            VerticalDrawCommandManager
-                .fillMaxMinArrays(nodeRegions, regionMaxBottom, regionMinTop);
-          }
-        }
-
-        boolean willMountViews = nativeChildren != null;
-        mOperationsQueue.enqueueUpdateClippingMountState(
-            node.getReactTag(),
-            drawCommands,
-            drawViewIndexMap,
-            commandMaxBottom,
-            commandMinTop,
-            listeners,
-            nodeRegions,
-            regionMaxBottom,
-            regionMinTop,
-            willMountViews);
-      } else {
-        mOperationsQueue.enqueueUpdateMountState(
-            node.getReactTag(),
-            drawCommands,
-            listeners,
-            nodeRegions);
-      }
-    }
-
-    if (node.hasUnseenUpdates()) {
-      node.onCollectExtraUpdates(mOperationsQueue);
-      node.markUpdateSeen();
-    }
-
-    if (nativeChildren != null) {
-      updateNativeChildren(node, node.getNativeChildren(), nativeChildren);
-    }
-
-    boolean updated = shouldUpdateMountState || nativeChildren != null || descendantUpdated;
-
-    if (!expectingUpdate && updated) {
-      throw new RuntimeException("Node " + node.getReactTag() + " updated unexpectedly.");
-    }
-
-    return updated;
-  }
-
-  /**
-   * Handles updating the children of a node when they change.  Updates the shadow node and
-   * enqueues state updates that will eventually be run on the UI thread.
-   *
-   * @param node The node to update native children for.
-   * @param oldNativeChildren The previously mounted native children.
-   * @param newNativeChildren The newly mounted native children.
-   */
-  private void updateNativeChildren(
-      FlatShadowNode node,
-      FlatShadowNode[] oldNativeChildren,
-      FlatShadowNode[] newNativeChildren) {
-
-    node.setNativeChildren(newNativeChildren);
-
-    if (mDetachAllChildrenFromViews == null) {
-      mDetachAllChildrenFromViews = mOperationsQueue.enqueueDetachAllChildrenFromViews();
-    }
-
-    if (oldNativeChildren.length != 0) {
-      mViewsToDetachAllChildrenFrom.add(node);
-    }
-
-    int tag = node.getReactTag();
-    int numViewsToAdd = newNativeChildren.length;
-    final int[] viewsToAdd;
-    if (numViewsToAdd == 0) {
-      viewsToAdd = EMPTY_INT_ARRAY;
-    } else {
-      viewsToAdd = new int[numViewsToAdd];
-      int i = 0;
-      for (FlatShadowNode child : newNativeChildren) {
-        if (child.getNativeParentTag() == tag) {
-          viewsToAdd[i] = -child.getReactTag();
-        } else {
-          viewsToAdd[i] = child.getReactTag();
-        }
-        // all views we add are first start detached
-        child.setNativeParentTag(-1);
-        ++i;
-      }
-    }
-
-    // Populate an array of views to detach.
-    // These views still have their native parent set as opposed to being reset to -1
-    for (FlatShadowNode child : oldNativeChildren) {
-      if (child.getNativeParentTag() == tag) {
-        // View is attached to old parent and needs to be removed.
-        mViewsToDetach.add(child);
-        child.setNativeParentTag(-1);
-      }
-    }
-
-    final int[] viewsToDetach = collectViewTags(mViewsToDetach);
-    mViewsToDetach.clear();
-
-    // restore correct parent tag
-    for (FlatShadowNode child : newNativeChildren) {
-      child.setNativeParentTag(tag);
-    }
-
-    mOperationsQueue.enqueueUpdateViewGroup(tag, viewsToAdd, viewsToDetach);
-  }
-
-  /**
-   * Recursively walks node tree from a given node and collects draw commands, listeners, node
-   * regions and native children.  Calls collect state on the node, then processNodeAndCollectState
-   * for the recursion.
-   */
-  private boolean collectStateRecursively(
-      FlatShadowNode node,
-      float left,
-      float top,
-      float right,
-      float bottom,
-      float clipLeft,
-      float clipTop,
-      float clipRight,
-      float clipBottom,
-      boolean isAndroidView,
-      boolean needsCustomLayoutForChildren) {
-    if (node.hasNewLayout()) {
-      node.markLayoutSeen();
-    }
-
-    float roundedLeft = roundToPixel(left);
-    float roundedTop = roundToPixel(top);
-    float roundedRight = roundToPixel(right);
-    float roundedBottom = roundToPixel(bottom);
-
-    // notify JS about layout event if requested
-    if (node.shouldNotifyOnLayout()) {
-      OnLayoutEvent layoutEvent = node.obtainLayoutEvent(
-          Math.round(node.getLayoutX()),
-          Math.round(node.getLayoutY()),
-          (int) (roundedRight - roundedLeft),
-          (int) (roundedBottom - roundedTop));
-      if (layoutEvent != null) {
-        mOnLayoutEvents.add(layoutEvent);
-      }
-    }
-
-    if (node.clipToBounds()) {
-      clipLeft = Math.max(left, clipLeft);
-      clipTop = Math.max(top, clipTop);
-      clipRight = Math.min(right, clipRight);
-      clipBottom = Math.min(bottom, clipBottom);
-    }
-
-    node.collectState(
-        this,
-        roundedLeft,
-        roundedTop,
-        roundedRight,
-        roundedBottom,
-        roundToPixel(clipLeft),
-        roundToPixel(clipTop),
-        roundToPixel(clipRight),
-        clipBottom);
-
-    boolean updated = false;
-    for (int i = 0, childCount = node.getChildCount(); i != childCount; ++i) {
-      ReactShadowNode child = node.getChildAt(i);
-      if (child.isVirtual()) {
-        continue;
-      }
-
-      updated |= processNodeAndCollectState(
-          (FlatShadowNode) child,
-          left,
-          top,
-          clipLeft,
-          clipTop,
-          clipRight,
-          clipBottom,
-          isAndroidView,
-          needsCustomLayoutForChildren);
-    }
-
-    node.resetUpdated();
-
-    return updated;
-  }
-
-  /**
-   * Collects state and enqueues View boundary updates for a given node tree.  Returns true if
-   * this node or any of its descendants that mount to View generated any updates.
-   */
-  private boolean processNodeAndCollectState(
-      FlatShadowNode node,
-      float parentLeft,
-      float parentTop,
-      float parentClipLeft,
-      float parentClipTop,
-      float parentClipRight,
-      float parentClipBottom,
-      boolean parentIsAndroidView,
-      boolean needsCustomLayout) {
-    float width = node.getLayoutWidth();
-    float height = node.getLayoutHeight();
-
-    float left = parentLeft + node.getLayoutX();
-    float top = parentTop + node.getLayoutY();
-    float right = left + width;
-    float bottom = top + height;
-
-    boolean mountsToView = node.mountsToView();
-
-    final boolean updated;
-
-    if (!parentIsAndroidView) {
-      addNodeRegion(node, left, top, right, bottom, !mountsToView);
-    }
-
-    if (mountsToView) {
-      ensureBackingViewIsCreated(node);
-
-      addNativeChild(node);
-      updated = collectStateForMountableNode(
-          node,
-          0, // left - left
-          0, // top - top
-          right - left,
-          bottom - top,
-          parentClipLeft - left,
-          parentClipTop - top,
-          parentClipRight - left,
-          parentClipBottom - top);
-
-      if (!parentIsAndroidView) {
-        mDrawCommands.add(node.collectDrawView(
-            left,
-            top,
-            right,
-            bottom,
-            parentClipLeft,
-            parentClipTop,
-            parentClipRight,
-            parentClipBottom));
-      }
-
-      if (!needsCustomLayout) {
-        updateViewBounds(node, left, top, right, bottom);
-      }
-    } else {
-      updated = collectStateRecursively(
-          node,
-          left,
-          top,
-          right,
-          bottom,
-          parentClipLeft,
-          parentClipTop,
-          parentClipRight,
-          parentClipBottom,
-          false,
-          false);
-    }
-
-    return updated;
-  }
-
-  private void updateViewPadding(AndroidView androidView, int reactTag) {
-    if (androidView.isPaddingChanged()) {
-      mOperationsQueue.enqueueSetPadding(
-          reactTag,
-          Math.round(androidView.getPadding(Spacing.LEFT)),
-          Math.round(androidView.getPadding(Spacing.TOP)),
-          Math.round(androidView.getPadding(Spacing.RIGHT)),
-          Math.round(androidView.getPadding(Spacing.BOTTOM)));
-      androidView.resetPaddingChanged();
-    }
-  }
-
-  private static int[] collectViewTags(ArrayList<FlatShadowNode> views) {
-    int numViews = views.size();
-    if (numViews == 0) {
-      return EMPTY_INT_ARRAY;
-    }
-
-    int[] viewTags = new int[numViews];
-    for (int i = 0; i < numViews; ++i) {
-      viewTags[i] = views.get(i).getReactTag();
-    }
-
-    return viewTags;
-  }
-
-  /**
-   * This is what Math.round() does, except it returns float.
-   */
-  private static float roundToPixel(float pos) {
-    return (float) Math.floor(pos + 0.5f);
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/TextNodeRegion.java b/ReactAndroid/src/main/java/com/facebook/react/flat/TextNodeRegion.java
deleted file mode 100644
index 9440ebc0835156..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/TextNodeRegion.java
+++ /dev/null
@@ -1,84 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import android.text.Layout;
-import android.text.Spanned;
-
-/* package */ final class TextNodeRegion extends NodeRegion {
-  private @Nullable Layout mLayout;
-
-  /* package */ TextNodeRegion(
-      float left,
-      float top,
-      float right,
-      float bottom,
-      int tag,
-      boolean isVirtual,
-      @Nullable Layout layout) {
-    super(left, top, right, bottom, tag, isVirtual);
-    mLayout = layout;
-  }
-
-  public void setLayout(Layout layout) {
-    mLayout = layout;
-  }
-
-  /* package */ @Nullable Layout getLayout() {
-    return mLayout;
-  }
-
-  /* package */ int getReactTag(float touchX, float touchY) {
-    if (mLayout != null) {
-      CharSequence text = mLayout.getText();
-      if (text instanceof Spanned) {
-        int y = Math.round(touchY - getTop());
-        if (y >= mLayout.getLineTop(0) && y < mLayout.getLineBottom(mLayout.getLineCount() - 1)) {
-          float x = Math.round(touchX - getLeft());
-          int line = mLayout.getLineForVertical(y);
-
-          if (mLayout.getLineLeft(line) <= x && x <= mLayout.getLineRight(line)) {
-            int off = mLayout.getOffsetForHorizontal(line, x);
-
-            Spanned spanned = (Spanned) text;
-            RCTRawText[] link = spanned.getSpans(off, off, RCTRawText.class);
-
-            if (link.length != 0) {
-              return link[0].getReactTag();
-            }
-          }
-        }
-      }
-    }
-
-    return super.getReactTag(touchX, touchY);
-  }
-
-  @Override
-  boolean matchesTag(int tag) {
-    if (super.matchesTag(tag)) {
-      return true;
-    }
-
-    if (mLayout != null) {
-      CharSequence text = mLayout.getText();
-      if (text instanceof Spanned) {
-        Spanned spannedText = (Spanned) text;
-        RCTRawText[] spans = spannedText.getSpans(0, text.length(), RCTRawText.class);
-        for (RCTRawText span : spans) {
-          if (span.getReactTag() == tag) {
-            return true;
-          }
-        }
-      }
-    }
-    return false;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/TypefaceCache.java b/ReactAndroid/src/main/java/com/facebook/react/flat/TypefaceCache.java
deleted file mode 100644
index c684af4adaaa92..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/TypefaceCache.java
+++ /dev/null
@@ -1,115 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import javax.annotation.Nullable;
-
-import java.util.HashMap;
-
-import android.content.res.AssetManager;
-import android.graphics.Typeface;
-
-import com.facebook.infer.annotation.Assertions;
-
-/**
- * TypefaceCache provides methods to resolve typeface from font family, or existing typeface
- * with a different style.
- */
-/* package */ final class TypefaceCache {
-
-  private static final int MAX_STYLES = 4; // NORMAL = 0, BOLD = 1, ITALIC = 2, BOLD_ITALIC = 3
-
-  private static final HashMap<String, Typeface[]> FONTFAMILY_CACHE = new HashMap<>();
-  private static final HashMap<Typeface, Typeface[]> TYPEFACE_CACHE = new HashMap<>();
-
-  private static final String[] EXTENSIONS = {
-      "",
-      "_bold",
-      "_italic",
-      "_bold_italic"};
-  private static final String[] FILE_EXTENSIONS = {".ttf", ".otf"};
-  private static final String FONTS_ASSET_PATH = "fonts/";
-
-  @Nullable private static AssetManager sAssetManager = null;
-
-  public static void setAssetManager(AssetManager assetManager) {
-    sAssetManager = assetManager;
-  }
-
-  /**
-   * Returns a Typeface for a given a FontFamily and style.
-   */
-  public static Typeface getTypeface(String fontFamily, int style) {
-    Typeface[] cache = FONTFAMILY_CACHE.get(fontFamily);
-    if (cache == null) {
-      // cache is empty, create one.
-      cache = new Typeface[MAX_STYLES];
-      FONTFAMILY_CACHE.put(fontFamily, cache);
-    } else if (cache[style] != null) {
-      // return cached value.
-      return cache[style];
-    }
-
-    Typeface typeface = createTypeface(fontFamily, style);
-    cache[style] = typeface;
-    TYPEFACE_CACHE.put(typeface, cache);
-    return typeface;
-  }
-
-  private static Typeface createTypeface(String fontFamilyName, int style) {
-    String extension = EXTENSIONS[style];
-    StringBuilder fileNameBuffer = new StringBuilder(32)
-        .append(FONTS_ASSET_PATH)
-        .append(fontFamilyName)
-        .append(extension);
-    int length = fileNameBuffer.length();
-    for (String fileExtension : FILE_EXTENSIONS) {
-      String fileName = fileNameBuffer.append(fileExtension).toString();
-      try {
-        return Typeface.createFromAsset(sAssetManager, fileName);
-      } catch (RuntimeException e) {
-        // unfortunately Typeface.createFromAsset throws an exception instead of returning null
-        // if the typeface doesn't exist
-        fileNameBuffer.setLength(length);
-      }
-    }
-    return Assertions.assumeNotNull(Typeface.create(fontFamilyName, style));
-  }
-
-  /**
-   * Returns a derivative of a given Typeface with a different style.
-   */
-  public static Typeface getTypeface(Typeface typeface, int style) {
-    if (typeface == null) {
-      return Typeface.defaultFromStyle(style);
-    }
-
-    Typeface[] cache = TYPEFACE_CACHE.get(typeface);
-    if (cache == null) {
-      // This should not happen because all Typefaces are coming from TypefaceCache,
-      // and thus should be registered in TYPEFACE_CACHE.
-      // If we get here, it's a bug and one of the 2 scenarios happened:
-      // a) TypefaceCache created a Typeface and didn't put it into TYPEFACE_CACHE.
-      // b) someone else created a Typeface bypassing TypefaceCache so it's not registered here.
-      //
-      // If it's not registered, we can just register it manually for consistency, and so that
-      // next time someone requests a un unknown Typeface, it's already cached and we don't create
-      // extra copies.
-      cache = new Typeface[MAX_STYLES];
-      cache[typeface.getStyle()] = typeface;
-    } else if (cache[style] != null) {
-      // return cached value.
-      return cache[style];
-    }
-
-    typeface = Typeface.create(typeface, style);
-    cache[style] = typeface;
-    TYPEFACE_CACHE.put(typeface, cache);
-    return typeface;
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/VerticalDrawCommandManager.java b/ReactAndroid/src/main/java/com/facebook/react/flat/VerticalDrawCommandManager.java
deleted file mode 100644
index 9cf730fcbc4425..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/VerticalDrawCommandManager.java
+++ /dev/null
@@ -1,124 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import java.util.Arrays;
-
-import android.util.SparseIntArray;
-
-/**
- * {@link DrawCommandManager} with vertical clipping (The view scrolls up and down).
- */
-/* package */ final class VerticalDrawCommandManager extends ClippingDrawCommandManager {
-
-  /* package */ VerticalDrawCommandManager(
-      FlatViewGroup flatViewGroup,
-      DrawCommand[] drawCommands) {
-    super(flatViewGroup, drawCommands);
-  }
-
-  @Override
-  int commandStartIndex() {
-    int start = Arrays.binarySearch(mCommandMaxBottom, mClippingRect.top);
-    // We don't care whether we matched or not, but positive indices are helpful. The binary search
-    // returns ~index in the case that it isn't a match, so reverse that here.
-    return start < 0 ? ~start : start;
-  }
-
-  @Override
-  int commandStopIndex(int start) {
-    int stop = Arrays.binarySearch(
-        mCommandMinTop,
-        start,
-        mCommandMinTop.length,
-        mClippingRect.bottom);
-    // We don't care whether we matched or not, but positive indices are helpful. The binary search
-    // returns ~index in the case that it isn't a match, so reverse that here.
-    return stop < 0 ? ~stop : stop;
-  }
-
-  @Override
-  int regionStopIndex(float touchX, float touchY) {
-    int stop = Arrays.binarySearch(mRegionMinTop, touchY + 0.0001f);
-    // We don't care whether we matched or not, but positive indices are helpful. The binary search
-    // returns ~index in the case that it isn't a match, so reverse that here.
-    return stop < 0 ? ~stop : stop;
-  }
-
-  @Override
-  boolean regionAboveTouch(int index, float touchX, float touchY) {
-    return mRegionMaxBottom[index] < touchY;
-  }
-
-  /**
-   * Populates the max and min arrays for a given set of node regions.
-   *
-   * This should never be called from the UI thread, as the reason it exists is to do work off the
-   * UI thread.
-   *
-   * @param regions The regions that will eventually be mounted.
-   * @param maxBottom  At each index i, the maximum bottom value of all regions at or below i.
-   * @param minTop  At each index i, the minimum top value of all regions at or below i.
-   */
-  public static void fillMaxMinArrays(NodeRegion[] regions, float[] maxBottom, float[] minTop) {
-    float last = 0;
-    for (int i = 0; i < regions.length; i++) {
-      last = Math.max(last, regions[i].getTouchableBottom());
-      maxBottom[i] = last;
-    }
-    for (int i = regions.length - 1; i >= 0; i--) {
-      last = Math.min(last, regions[i].getTouchableTop());
-      minTop[i] = last;
-    }
-  }
-
-  /**
-   * Populates the max and min arrays for a given set of draw commands.  Also populates a mapping of
-   * react tags to their index position in the command array.
-   *
-   * This should never be called from the UI thread, as the reason it exists is to do work off the
-   * UI thread.
-   *
-   * @param commands The draw commands that will eventually be mounted.
-   * @param maxBottom At each index i, the maximum bottom value of all draw commands at or below i.
-   * @param minTop At each index i, the minimum top value of all draw commands at or below i.
-   * @param drawViewIndexMap Mapping of ids to index position within the draw command array.
-   */
-  public static void fillMaxMinArrays(
-      DrawCommand[] commands,
-      float[] maxBottom,
-      float[] minTop,
-      SparseIntArray drawViewIndexMap) {
-    float last = 0;
-    // Loop through the DrawCommands, keeping track of the maximum we've seen if we only iterated
-    // through items up to this position.
-    for (int i = 0; i < commands.length; i++) {
-      if (commands[i] instanceof DrawView) {
-        DrawView drawView = (DrawView) commands[i];
-        // These will generally be roughly sorted by id, so try to insert at the end if possible.
-        drawViewIndexMap.append(drawView.reactTag, i);
-        last = Math.max(last, drawView.mLogicalBottom);
-      } else {
-        last = Math.max(last, commands[i].getBottom());
-      }
-      maxBottom[i] = last;
-    }
-    // Intentionally leave last as it was, since it's at the maximum bottom position we've seen so
-    // far, we can use it again.
-
-    // Loop through backwards, keeping track of the minimum we've seen at this position.
-    for (int i = commands.length - 1; i >= 0; i--) {
-      if (commands[i] instanceof DrawView) {
-        last = Math.min(last, ((DrawView) commands[i]).mLogicalTop);
-      } else {
-        last = Math.min(last, commands[i].getTop());
-      }
-      minTop[i] = last;
-    }
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/VirtualViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/flat/VirtualViewManager.java
deleted file mode 100644
index dc382fea10f9aa..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/VirtualViewManager.java
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flat;
-
-import android.view.View;
-
-import com.facebook.react.uimanager.ThemedReactContext;
-import com.facebook.react.uimanager.ViewManager;
-
-/**
- * Base class to ViewManagers that don't map to a View.
- */
-abstract class VirtualViewManager<C extends FlatShadowNode> extends ViewManager<View, C> {
-  @Override
-  protected View createViewInstance(ThemedReactContext reactContext) {
-    throw new RuntimeException(getName() + " doesn't map to a View");
-  }
-
-  @Override
-  public void updateExtraData(View root, Object extraData) {
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/jstasks/BUCK b/ReactAndroid/src/main/java/com/facebook/react/jstasks/BUCK
index a8c84b11d5c5c1..55fea181c649a5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/jstasks/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/jstasks/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "jstasks",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskConfig.java b/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskConfig.java
index 747d0132eac49d..5a9136fb908c23 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskConfig.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskConfig.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.jstasks;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskContext.java b/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskContext.java
index ea092e6de8130e..86196f0db99706 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskContext.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/jstasks/HeadlessJsTaskContext.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.jstasks;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/module/annotations/BUCK b/ReactAndroid/src/main/java/com/facebook/react/module/annotations/BUCK
index 7fb76e25cba6d4..5fb4c959ecf4c7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/module/annotations/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/module/annotations/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "annotations",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/module/annotations/ReactModuleList.java b/ReactAndroid/src/main/java/com/facebook/react/module/annotations/ReactModuleList.java
index fc47945ac9be8d..a2b13a407018ae 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/module/annotations/ReactModuleList.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/module/annotations/ReactModuleList.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.module.annotations;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/module/model/BUCK b/ReactAndroid/src/main/java/com/facebook/react/module/model/BUCK
index cab3d3e90e9400..85da7f8a66a823 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/module/model/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/module/model/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "rn_android_library")
 
 rn_android_library(
     name = "model",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfo.java b/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfo.java
index 2b0b324728f753..b980df1f46004d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfo.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfo.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.module.model;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfoProvider.java b/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfoProvider.java
index 8c30f955e759de..24d2c80aff115c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfoProvider.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfoProvider.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.module.model;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/module/processing/BUCK b/ReactAndroid/src/main/java/com/facebook/react/module/processing/BUCK
index dc145a71229f26..c8ebf04bc92ded 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/module/processing/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/module/processing/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_java_annotation_processor", "rn_java_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_java_annotation_processor", "rn_java_library")
 
 rn_java_annotation_processor(
     name = "processing",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/module/processing/ReactModuleSpecProcessor.java b/ReactAndroid/src/main/java/com/facebook/react/module/processing/ReactModuleSpecProcessor.java
index 31128454268c9f..9f269ef6ebf0c5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/module/processing/ReactModuleSpecProcessor.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/module/processing/ReactModuleSpecProcessor.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.module.processing;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/AccessibilityInfoModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/AccessibilityInfoModule.java
index 257cb0d5167469..e4e2b4eadf095f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/AccessibilityInfoModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/AccessibilityInfoModule.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.modules.accessibilityinfo;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/BUCK
index ff8cd1d87b2e6e..2c9fcb5f44251a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "accessibilityinfo",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/appregistry/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/appregistry/BUCK
index 901da39678089a..34947b84a03c32 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/appregistry/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/appregistry/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "appregistry",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/appstate/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/appstate/BUCK
index 2df792602ffc69..86d7baccaa09bb 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/appstate/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/appstate/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "appstate",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BUCK
index 2cdd8327688c3c..2674bdc7fde4e2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "blob",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BlobModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BlobModule.java
index 0c2adc91d43fb7..379a5735ebd42c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BlobModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BlobModule.java
@@ -79,9 +79,9 @@ public void onMessage(ByteString bytes, WritableMap params) {
       @Override
       public boolean supports(Uri uri, String responseType) {
         String scheme = uri.getScheme();
-        boolean isRemote = scheme.equals("http") || scheme.equals("https");
+        boolean isRemote = "http".equals(scheme) || "https".equals(scheme);
 
-        return (!isRemote && responseType.equals("blob"));
+        return (!isRemote && "blob".equals(responseType));
       }
 
       @Override
@@ -133,7 +133,7 @@ public RequestBody toRequestBody(ReadableMap data, String contentType) {
     new NetworkingModule.ResponseHandler() {
       @Override
       public boolean supports(String responseType) {
-        return responseType.equals("blob");
+        return "blob".equals(responseType);
       }
 
       @Override
@@ -236,7 +236,7 @@ private byte[] getBytesFromUri(Uri contentUri) throws IOException {
   }
 
   private String getNameFromUri(Uri contentUri) {
-    if (contentUri.getScheme().equals("file")) {
+    if ("file".equals(contentUri.getScheme())) {
       return contentUri.getLastPathSegment();
     }
     String[] projection = {MediaStore.MediaColumns.DISPLAY_NAME};
@@ -256,7 +256,7 @@ private String getNameFromUri(Uri contentUri) {
   }
 
   private long getLastModifiedFromUri(Uri contentUri) {
-    if (contentUri.getScheme().equals("file")) {
+    if ("file".equals(contentUri.getScheme())) {
       return new File(contentUri.toString()).lastModified();
     }
     return 0;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/camera/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/camera/BUCK
index 158e5719b5dae4..34cbb9cbbae8a2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/camera/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/camera/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "camera",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/clipboard/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/clipboard/BUCK
index bf37d42d9ba2d2..246e8fb17b1170 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/clipboard/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/clipboard/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "clipboard",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/common/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/common/BUCK
index 21958467b86188..265fcc86a56bce 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/common/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/common/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "common",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/core/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/core/BUCK
index c46015e345a54f..eb5205a4c1f3cd 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/core/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/core/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "core",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/BUCK
index 769966093ae270..c8017cafb89ea2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/datepicker/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "datepicker",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/debug/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/debug/BUCK
index eede98dfd68f5c..8f301cc1f2d007 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/debug/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/debug/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "debug",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/debug/DidJSUpdateUiDuringFrameDetector.java b/ReactAndroid/src/main/java/com/facebook/react/modules/debug/DidJSUpdateUiDuringFrameDetector.java
index 37bf6596f6da76..f0a65ff1c77335 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/debug/DidJSUpdateUiDuringFrameDetector.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/debug/DidJSUpdateUiDuringFrameDetector.java
@@ -42,6 +42,11 @@ public synchronized void onTransitionToBridgeBusy() {
     mTransitionToBusyEvents.add(System.nanoTime());
   }
 
+  @Override
+  public synchronized void onBridgeDestroyed() {
+    // do nothing
+  }
+
   @Override
   public synchronized void onViewHierarchyUpdateEnqueued() {
     mViewHierarchyUpdateEnqueuedEvents.add(System.nanoTime());
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/deviceinfo/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/deviceinfo/BUCK
index ad1855e030324f..0b6a9250a7b381 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/deviceinfo/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/deviceinfo/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "deviceinfo",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/deviceinfo/DeviceInfoModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/deviceinfo/DeviceInfoModule.java
index ea2f46948121ff..0b9e95b2401408 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/deviceinfo/DeviceInfoModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/deviceinfo/DeviceInfoModule.java
@@ -13,13 +13,10 @@
 import java.util.Map;
 
 import android.content.Context;
-import android.util.DisplayMetrics;
 
-import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.BaseJavaModule;
 import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.modules.core.DeviceEventManagerModule;
 import com.facebook.react.uimanager.DisplayMetricsHolder;
@@ -27,10 +24,12 @@
 /**
  * Module that exposes Android Constants to JS.
  */
-@ReactModule(name = "DeviceInfo")
+@ReactModule(name = DeviceInfoModule.sModuleName)
 public class DeviceInfoModule extends BaseJavaModule implements
     LifecycleEventListener {
 
+  static final String sModuleName = "DeviceInfo";
+
   private @Nullable ReactApplicationContext mReactApplicationContext;
   private float mFontScale;
 
@@ -48,7 +47,7 @@ public DeviceInfoModule(Context context) {
 
   @Override
   public String getName() {
-    return "DeviceInfo";
+    return sModuleName;
   }
 
   @Override
@@ -88,6 +87,6 @@ public void emitUpdateDimensionsEvent() {
 
     mReactApplicationContext
         .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
-        .emit("didUpdateDimensions", DisplayMetricsHolder.getDisplayMetricsMap(mFontScale));
+        .emit("didUpdateDimensions", DisplayMetricsHolder.getDisplayMetricsNativeMap(mFontScale));
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/AlertFragment.java b/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/AlertFragment.java
index a233b9130fc0c7..ecb0229e32b15d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/AlertFragment.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/AlertFragment.java
@@ -9,6 +9,7 @@
 
 import javax.annotation.Nullable;
 
+import android.annotation.SuppressLint;
 import android.app.AlertDialog;
 import android.app.Dialog;
 import android.app.DialogFragment;
@@ -34,6 +35,7 @@ public AlertFragment() {
       mListener = null;
   }
 
+  @SuppressLint("ValidFragment")
   public AlertFragment(@Nullable DialogModule.AlertFragmentListener listener, Bundle arguments) {
     mListener = listener;
     setArguments(arguments);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/BUCK
index e7cf90ed284648..6f0bb554ba19f6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "dialog",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/SupportAlertFragment.java b/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/SupportAlertFragment.java
index dea3c71a6f60fe..0b360683d4dc45 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/SupportAlertFragment.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/dialog/SupportAlertFragment.java
@@ -9,6 +9,7 @@
 
 import javax.annotation.Nullable;
 
+import android.annotation.SuppressLint;
 import android.app.Dialog;
 import android.content.DialogInterface;
 import android.os.Bundle;
@@ -27,6 +28,7 @@ public SupportAlertFragment() {
       mListener = null;
   }
 
+  @SuppressLint("ValidFragment")
   public SupportAlertFragment(@Nullable DialogModule.AlertFragmentListener listener, Bundle arguments) {
     mListener = listener;
     setArguments(arguments);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/fabric/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/fabric/BUCK
index e7b5d9a72c26cf..3286d603995e7f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/fabric/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/fabric/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "fabric",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/fabric/ReactFabric.java b/ReactAndroid/src/main/java/com/facebook/react/modules/fabric/ReactFabric.java
index 888e9bafda3e62..fd0896bdd6fd8a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/fabric/ReactFabric.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/fabric/ReactFabric.java
@@ -13,6 +13,6 @@ public interface ReactFabric extends JavaScriptModule {
    * JS method used to unmount Fabric surfaces.
    * @param rootTag {@link int} react tag of Root {@link com.facebook.react.uimanager.ReactShadowNode}
    */
-  void unmountComponentAtNodeAndRemoveContainer(int rootTag);
+  void unmountComponentAtNode(int rootTag);
 
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/BUCK
index f0b8f7d0b99386..168d551e5de779 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "fresco",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/SystraceRequestListener.java b/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/SystraceRequestListener.java
index 253a361f658e93..6cdcb5d7545d91 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/SystraceRequestListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/SystraceRequestListener.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.modules.fresco;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/i18nmanager/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/i18nmanager/BUCK
index 6d2128673d39a6..3478c1e10e0ce4 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/i18nmanager/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/i18nmanager/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "i18nmanager",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/image/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/image/BUCK
index 2aa7fd46a53170..efb0c040eea635 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/image/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/image/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "image",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/intent/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/intent/BUCK
index 3fbd36b19f518e..43083558b371ac 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/intent/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/intent/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "intent",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/location/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/location/BUCK
index cffe25702aca62..360d381076b084 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/location/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/location/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "location",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/location/PositionError.java b/ReactAndroid/src/main/java/com/facebook/react/modules/location/PositionError.java
index 82f7d0dc801544..f8dffa5850ae07 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/location/PositionError.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/location/PositionError.java
@@ -35,9 +35,17 @@ public class PositionError {
   public static WritableMap buildError(int code, String message) {
     WritableMap error = Arguments.createMap();
     error.putInt("code", code);
+
     if (message != null) {
       error.putString("message", message);
     }
+    
+    /**
+    * Provide error types in error message. Feature parity with iOS
+    */
+    error.putInt("PERMISSION_DENIED", PERMISSION_DENIED);
+    error.putInt("POSITION_UNAVAILABLE", POSITION_UNAVAILABLE);
+    error.putInt("TIMEOUT", TIMEOUT);
     return error;
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/netinfo/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/netinfo/BUCK
index c29122b2af4be9..81b4e1f788e911 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/netinfo/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/netinfo/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "netinfo",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/network/BUCK
index ad3d4a799b61ff..76a899eb4b8097 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "network",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ForwardingCookieHandler.java b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ForwardingCookieHandler.java
index d24540ceaa4d4a..65a33066741ad7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ForwardingCookieHandler.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ForwardingCookieHandler.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.modules.network;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressResponseBody.java b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressResponseBody.java
index 4ec808caa07d46..66c439820ddddf 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressResponseBody.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressResponseBody.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.modules.network;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ReactCookieJarContainer.java b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ReactCookieJarContainer.java
index a8436c21875ebc..370586fa50ca9c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/network/ReactCookieJarContainer.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/network/ReactCookieJarContainer.java
@@ -1,5 +1,6 @@
 package com.facebook.react.modules.network;
 
+import java.util.ArrayList;
 import java.util.Collections;
 import java.util.List;
 
@@ -7,6 +8,7 @@
 
 import okhttp3.Cookie;
 import okhttp3.CookieJar;
+import okhttp3.Headers;
 import okhttp3.HttpUrl;
 
 /**
@@ -37,7 +39,17 @@ public void saveFromResponse(HttpUrl url, List<Cookie> cookies) {
   @Override
   public List<Cookie> loadForRequest(HttpUrl url) {
     if (cookieJar != null) {
-      return cookieJar.loadForRequest(url);
+      List<Cookie> cookies = cookieJar.loadForRequest(url);
+      ArrayList<Cookie> validatedCookies = new ArrayList<>();
+      for (Cookie cookie : cookies) {
+        try {
+          Headers.Builder cookieChecker = new Headers.Builder();
+          cookieChecker.add(cookie.name(), cookie.value());
+          validatedCookies.add(cookie);
+        } catch (IllegalArgumentException ignored) {
+        }
+      }
+      return validatedCookies;
     }
     return Collections.emptyList();
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/permissions/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/permissions/BUCK
index 468ffbf41bfc5d..42266b65e8d778 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/permissions/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/permissions/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "permissions",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/permissions/PermissionsModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/permissions/PermissionsModule.java
index 0b943bc6c08e7d..26701edd94cda7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/permissions/PermissionsModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/permissions/PermissionsModule.java
@@ -86,9 +86,9 @@ public void shouldShowRequestPermissionRationale(final String permission, final
   }
 
   /**
-   * Request the given permission. successCallback is called with true if the permission had been
-   * granted, false otherwise. For devices before Android M, this instead checks if the user has
-   * the permission given or not.
+   * Request the given permission. successCallback is called with GRANTED if the permission had been
+   * granted, DENIED or NEVER_ASK_AGAIN otherwise. For devices before Android M, this checks if the user has
+   * the permission given or not and resolves with GRANTED or DENIED.
    * See {@link Activity#checkSelfPermission}.
    */
   @ReactMethod
@@ -96,7 +96,7 @@ public void requestPermission(final String permission, final Promise promise) {
     Context context = getReactApplicationContext().getBaseContext();
     if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
       promise.resolve(context.checkPermission(permission, Process.myPid(), Process.myUid()) ==
-              PackageManager.PERMISSION_GRANTED);
+              PackageManager.PERMISSION_GRANTED ? GRANTED : DENIED);
       return;
     }
     if (context.checkSelfPermission(permission) == PackageManager.PERMISSION_GRANTED) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/share/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/share/BUCK
index 70ee6a732ec6c9..13ca4479af5296 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/share/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/share/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "share",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/statusbar/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/statusbar/BUCK
index e4f39dc0c11c01..525ff3d930ad2b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/statusbar/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/statusbar/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "statusbar",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/storage/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/storage/BUCK
index 8806ad4532fa9a..be8391c2ad21d5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/storage/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/storage/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "storage",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/AndroidInfoHelpers.java b/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/AndroidInfoHelpers.java
index bbe0c07695d05a..da1e3fad8946be 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/AndroidInfoHelpers.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/AndroidInfoHelpers.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.modules.systeminfo;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/BUCK
index 7bfe35055a3d4c..cd24044b70b8ac 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "systeminfo",
@@ -6,9 +6,6 @@ rn_android_library(
         "AndroidInfoModule.java",
         "ReactNativeVersion.java",
     ],
-    exported_deps = [
-        ":systeminfo-moduleless",
-    ],
     visibility = [
         "PUBLIC",
     ],
@@ -18,6 +15,9 @@ rn_android_library(
         react_native_target("java/com/facebook/react/common:common"),
         react_native_target("java/com/facebook/react/module/annotations:annotations"),
     ],
+    exported_deps = [
+        ":systeminfo-moduleless",
+    ],
 )
 
 rn_android_library(
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/BUCK
index b4e26f64a5e132..5b51a3ef489e2c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/timepicker/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "timepicker",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/toast/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/toast/BUCK
index 7c1622c190ccc2..83e213e1ea8d3f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/toast/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/toast/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "toast",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/vibration/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/vibration/BUCK
index 4b540aa8aa1ae9..43ce290d72fb55 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/vibration/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/vibration/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "vibration",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/websocket/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/websocket/BUCK
index c9624857c4b020..989d4ce0e8e3dd 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/websocket/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/websocket/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "websocket",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/BUCK b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/BUCK
index 540e9b3496c43f..e0aa169fd21e9e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/BUCK
@@ -1,10 +1,9 @@
-load("//ReactNative:DEFS.bzl", "IS_OSS_BUILD", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "IS_OSS_BUILD", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "packagerconnection",
     srcs = glob(
         ["**/*.java"],
-        excludes = ["SamplingProfilerPackagerMethod.java"] if IS_OSS_BUILD else [],
     ),
     visibility = [
         "PUBLIC",
@@ -19,5 +18,5 @@ rn_android_library(
         react_native_dep("third-party/java/okhttp:okhttp3"),
         react_native_dep("third-party/java/okio:okio"),
         react_native_target("java/com/facebook/react/modules/systeminfo:systeminfo-moduleless"),
-    ] + ([react_native_target("jni/packagerconnection:jni")] if not IS_OSS_BUILD else []),
+    ],
 )
diff --git a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/SamplingProfilerPackagerMethod.java b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/SamplingProfilerPackagerMethod.java
deleted file mode 100644
index f1de5e198efe87..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/SamplingProfilerPackagerMethod.java
+++ /dev/null
@@ -1,53 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.packagerconnection;
-
-import javax.annotation.Nullable;
-
-import android.os.Looper;
-
-import com.facebook.jni.HybridData;
-import com.facebook.proguard.annotations.DoNotStrip;
-import com.facebook.soloader.SoLoader;
-
-public class SamplingProfilerPackagerMethod extends RequestOnlyHandler {
-  static {
-    SoLoader.loadLibrary("packagerconnectionjnifb");
-  }
-
-  final private static class SamplingProfilerJniMethod {
-
-    @DoNotStrip
-    private final HybridData mHybridData;
-
-    public SamplingProfilerJniMethod(long javaScriptContext) {
-      if (Looper.myLooper() == null) {
-        Looper.prepare();
-      }
-
-      mHybridData = initHybrid(javaScriptContext);
-    }
-
-    @DoNotStrip
-    private native void poke(Responder responder);
-
-    @DoNotStrip
-    private static native HybridData initHybrid(long javaScriptContext);
-  }
-
-  private SamplingProfilerJniMethod mJniMethod;
-
-  public SamplingProfilerPackagerMethod(long javaScriptContext) {
-    mJniMethod = new SamplingProfilerJniMethod(javaScriptContext);
-  }
-
-  @Override
-  public void onRequest(@Nullable Object params, Responder responder) {
-    mJniMethod.poke(responder);
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/processing/BUCK b/ReactAndroid/src/main/java/com/facebook/react/processing/BUCK
index f6f1683f87a8c3..e61d20f8cb625b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/processing/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/processing/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_java_annotation_processor", "rn_java_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_java_annotation_processor", "rn_java_library")
 
 rn_java_annotation_processor(
     name = "processing",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/processing/ReactPropertyProcessor.java b/ReactAndroid/src/main/java/com/facebook/react/processing/ReactPropertyProcessor.java
index a78daa34bb8b44..9b9b94607c81e1 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/processing/ReactPropertyProcessor.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/processing/ReactPropertyProcessor.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.processing;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/shell/BUCK b/ReactAndroid/src/main/java/com/facebook/react/shell/BUCK
index 685b90f75fd6ba..c7293b6cd4001b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/shell/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/shell/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "shell",
@@ -19,7 +19,6 @@ rn_android_library(
         react_native_target("java/com/facebook/react/bridge:bridge"),
         react_native_target("java/com/facebook/react/common:common"),
         react_native_target("java/com/facebook/react/devsupport:devsupport"),
-        react_native_target("java/com/facebook/react/flat:flat"),
         react_native_target("java/com/facebook/react/module/model:model"),
         react_native_target("java/com/facebook/react/modules/accessibilityinfo:accessibilityinfo"),
         react_native_target("java/com/facebook/react/modules/appstate:appstate"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/shell/MainReactPackage.java b/ReactAndroid/src/main/java/com/facebook/react/shell/MainReactPackage.java
index aa8193d08e4def..5e1ebd5c33a960 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/shell/MainReactPackage.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/shell/MainReactPackage.java
@@ -7,23 +7,11 @@
 
 package com.facebook.react.shell;
 
-import android.content.SharedPreferences;
-import android.preference.PreferenceManager;
 import com.facebook.react.LazyReactPackage;
 import com.facebook.react.animated.NativeAnimatedModule;
 import com.facebook.react.bridge.ModuleSpec;
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.flat.FlatARTSurfaceViewManager;
-import com.facebook.react.flat.RCTImageViewManager;
-import com.facebook.react.flat.RCTModalHostManager;
-import com.facebook.react.flat.RCTRawTextManager;
-import com.facebook.react.flat.RCTTextInlineImageManager;
-import com.facebook.react.flat.RCTTextInputManager;
-import com.facebook.react.flat.RCTTextManager;
-import com.facebook.react.flat.RCTViewManager;
-import com.facebook.react.flat.RCTViewPagerManager;
-import com.facebook.react.flat.RCTVirtualTextManager;
 import com.facebook.react.module.model.ReactModuleInfoProvider;
 import com.facebook.react.modules.accessibilityinfo.AccessibilityInfoModule;
 import com.facebook.react.modules.appstate.AppStateModule;
@@ -332,33 +320,17 @@ public List<ViewManager> createViewManagers(ReactApplicationContext reactContext
     viewManagers.add(new ReactWebViewManager());
     viewManagers.add(new SwipeRefreshLayoutManager());
 
-    SharedPreferences preferences = PreferenceManager.getDefaultSharedPreferences(reactContext);
-    boolean useFlatUi = preferences.getBoolean("flat_uiimplementation", false);
-    if (useFlatUi) {
-      // Flat managers
-      viewManagers.add(new FlatARTSurfaceViewManager());
-      viewManagers.add(new RCTTextInlineImageManager());
-      viewManagers.add(new RCTImageViewManager());
-      viewManagers.add(new RCTModalHostManager());
-      viewManagers.add(new RCTRawTextManager());
-      viewManagers.add(new RCTTextInputManager());
-      viewManagers.add(new RCTTextManager());
-      viewManagers.add(new RCTViewManager());
-      viewManagers.add(new RCTViewPagerManager());
-      viewManagers.add(new RCTVirtualTextManager());
-    } else {
-      // Native equivalents
-      viewManagers.add(new ARTSurfaceViewManager());
-      viewManagers.add(new FrescoBasedReactTextInlineImageViewManager());
-      viewManagers.add(new ReactImageManager());
-      viewManagers.add(new ReactModalHostManager());
-      viewManagers.add(new ReactRawTextManager());
-      viewManagers.add(new ReactTextInputManager());
-      viewManagers.add(new ReactTextViewManager());
-      viewManagers.add(new ReactViewManager());
-      viewManagers.add(new ReactViewPagerManager());
-      viewManagers.add(new ReactVirtualTextViewManager());
-    }
+    // Native equivalents
+    viewManagers.add(new ARTSurfaceViewManager());
+    viewManagers.add(new FrescoBasedReactTextInlineImageViewManager());
+    viewManagers.add(new ReactImageManager());
+    viewManagers.add(new ReactModalHostManager());
+    viewManagers.add(new ReactRawTextManager());
+    viewManagers.add(new ReactTextInputManager());
+    viewManagers.add(new ReactTextViewManager());
+    viewManagers.add(new ReactViewManager());
+    viewManagers.add(new ReactViewPagerManager());
+    viewManagers.add(new ReactVirtualTextViewManager());
 
     return viewManagers;
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/touch/BUCK b/ReactAndroid/src/main/java/com/facebook/react/touch/BUCK
index 5b7dbdc25544e3..c4b885f791b661 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/touch/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/touch/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "rn_android_library")
 
 rn_android_library(
     name = "touch",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/AccessibilityRoleUtil.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/AccessibilityRoleUtil.java
new file mode 100644
index 00000000000000..b7cbf95bd7f5e2
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/AccessibilityRoleUtil.java
@@ -0,0 +1,120 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+package com.facebook.react.uimanager;
+
+import android.annotation.TargetApi;
+import android.os.Build;
+import android.support.v4.view.AccessibilityDelegateCompat;
+import android.support.v4.view.ViewCompat;
+import android.support.v4.view.accessibility.AccessibilityNodeInfoCompat;
+import android.view.View;
+import android.view.accessibility.AccessibilityNodeInfo;
+import com.facebook.react.bridge.ReadableArray;
+import javax.annotation.Nullable;
+
+/**
+ * Utility class that handles the addition of a "role" for accessibility to either a View or
+ * AccessibilityNodeInfo.
+ */
+
+public class AccessibilityRoleUtil {
+
+  /**
+   * These roles are defined by Google's TalkBack screen reader, and this list should be kept up to
+   * date with their implementation. Details can be seen in their source code here:
+   *
+   * <p>https://github.com/google/talkback/blob/master/utils/src/main/java/Role.java
+   */
+
+  public enum AccessibilityRole {
+    NONE(null),
+    BUTTON("android.widget.Button"),
+    LINK("android.widget.Button"),
+    SEARCH("android.widget.EditText"),
+    IMAGE("android.widget.ImageView"),
+    IMAGEBUTTON("android.widget.ImageView"),
+    KEYBOARDKEY("android.inputmethodservice.Keyboard$Key"),
+    TEXT("android.widget.ViewGroup"),
+    ADJUSTABLE("android.widget.SeekBar");
+
+    @Nullable private final String mValue;
+
+    AccessibilityRole(String type) {
+      mValue = type;
+    }
+
+    @Nullable
+    public String getValue() {
+      return mValue;
+    }
+
+    public static AccessibilityRole fromValue(String value) {
+      for (AccessibilityRole role : AccessibilityRole.values()) {
+        if (role.getValue() != null && role.getValue().equals(value)) {
+          return role;
+        }
+      }
+      return AccessibilityRole.NONE;
+    }
+  }
+
+  private AccessibilityRoleUtil() {
+    // No instances
+  }
+
+  public static void setRole(View view, final AccessibilityRole role) {
+    // if a view already has an accessibility delegate, replacing it could cause problems,
+    // so leave it alone.
+    if (!ViewCompat.hasAccessibilityDelegate(view)) {
+      ViewCompat.setAccessibilityDelegate(
+        view,
+        new AccessibilityDelegateCompat() {
+          @Override
+          public void onInitializeAccessibilityNodeInfo(
+            View host, AccessibilityNodeInfoCompat info) {
+            super.onInitializeAccessibilityNodeInfo(host, info);
+            setRole(info, role);
+          }
+        });
+    }
+  }
+
+  public static void setRole(AccessibilityNodeInfoCompat nodeInfo, final AccessibilityRole role) {
+    nodeInfo.setClassName(role.getValue());
+    if (role.equals(AccessibilityRole.LINK)) {
+      nodeInfo.setRoleDescription("Link");
+    }
+    if (role.equals(AccessibilityRole.SEARCH)) {
+      nodeInfo.setRoleDescription("Search Field");
+    }
+    if (role.equals(AccessibilityRole.IMAGE)) {
+      nodeInfo.setRoleDescription("Image");
+    }
+    if (role.equals(AccessibilityRole.IMAGEBUTTON)) {
+      nodeInfo.setRoleDescription("Button Image");
+      nodeInfo.setClickable(true);
+    }
+    if (role.equals(AccessibilityRole.ADJUSTABLE)) {
+      nodeInfo.setRoleDescription("Adjustable");
+    }
+  }
+  
+  /**
+   * Method for setting accessibilityRole on view properties.
+   */
+  public static void updateAccessibilityRole(View view, String role) {
+    if (role == null) {
+      view.setAccessibilityDelegate(null);
+    }
+    try {
+      setRole(view, AccessibilityRole.valueOf(role.toUpperCase()));
+    } catch (NullPointerException e) {
+      view.setAccessibilityDelegate(null);
+    } catch (IllegalArgumentException e) {
+      view.setAccessibilityDelegate(null);
+    }
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/BUCK b/ReactAndroid/src/main/java/com/facebook/react/uimanager/BUCK
index 50a22dfcb0463a..1090e3ce6b0cc3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "YOGA_TARGET", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "uimanager",
@@ -9,13 +9,8 @@ rn_android_library(
             "events/*.java",
             "layoutanimation/*.java",
         ],
-        excludes = ["DisplayMetricsHolder.java"],
+        exclude = ["DisplayMetricsHolder.java"],
     ),
-    exported_deps = [
-        ":DisplayMetrics",
-        react_native_dep("third-party/java/jsr-305:jsr-305"),
-        react_native_target("java/com/facebook/react/uimanager/common:common"),
-    ],
     provided_deps = [
         react_native_dep("third-party/android/support/v4:lib-support-v4"),
         react_native_dep("third-party/android/support-annotations:android-support-annotations"),
@@ -35,6 +30,7 @@ rn_android_library(
         react_native_target("java/com/facebook/react/animation:animation"),
         react_native_target("java/com/facebook/react/bridge:bridge"),
         react_native_target("java/com/facebook/react/common:common"),
+        react_native_target("java/com/facebook/react/common:common"),
         react_native_target("java/com/facebook/react/module/annotations:annotations"),
         react_native_target("java/com/facebook/react/modules/core:core"),
         react_native_target("java/com/facebook/react/modules/i18nmanager:i18nmanager"),
@@ -44,6 +40,11 @@ rn_android_library(
         react_native_target("java/com/facebook/react/uimanager/common:common"),
         react_native_target("res:uimanager"),
     ],
+    exported_deps = [
+        ":DisplayMetrics",
+        react_native_dep("third-party/java/jsr-305:jsr-305"),
+        react_native_target("java/com/facebook/react/uimanager/common:common"),
+    ],
 )
 
 rn_android_library(
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManager.java
index f1d1413d079246..fe13dd51f911dd 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManager.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager;
 
@@ -26,6 +29,8 @@ public abstract class BaseViewManager<T extends View, C extends LayoutShadowNode
   private static final String PROP_ACCESSIBILITY_LABEL = "accessibilityLabel";
   private static final String PROP_ACCESSIBILITY_COMPONENT_TYPE = "accessibilityComponentType";
   private static final String PROP_ACCESSIBILITY_LIVE_REGION = "accessibilityLiveRegion";
+  private static final String PROP_ACCESSIBILITY_ROLE = "accessibilityRole";
+  private static final String PROP_ACCESSIBILITY_STATES = "accessibilityStates";
   private static final String PROP_IMPORTANT_FOR_ACCESSIBILITY = "importantForAccessibility";
 
   // DEPRECATED
@@ -114,6 +119,25 @@ public void setAccessibilityComponentType(T view, String accessibilityComponentT
     AccessibilityHelper.updateAccessibilityComponentType(view, accessibilityComponentType);
   }
 
+  @ReactProp(name = PROP_ACCESSIBILITY_ROLE)
+  public void setAccessibilityRole(T view, String accessibilityRole) {
+    AccessibilityRoleUtil.updateAccessibilityRole(view, accessibilityRole);
+  }
+
+  @ReactProp(name = PROP_ACCESSIBILITY_STATES)
+  public void setViewStates(T view, ReadableArray accessibilityStates) {
+    view.setSelected(false);
+    view.setEnabled(true);
+    for (int i = 0; i < accessibilityStates.size(); i++) {
+      String state = accessibilityStates.getString(i);
+      if (state.equals("selected")) {
+        view.setSelected(true);
+      } else if (state.equals("disabled")) {
+        view.setEnabled(false);
+      }
+    }
+  }
+
   @ReactProp(name = PROP_IMPORTANT_FOR_ACCESSIBILITY)
   public void setImportantForAccessibility(T view, String importantForAccessibility) {
     if (importantForAccessibility == null || importantForAccessibility.equals("auto")) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/DisplayMetricsHolder.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/DisplayMetricsHolder.java
index 4d2ad3b55d2d43..502242591f24ba 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/DisplayMetricsHolder.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/DisplayMetricsHolder.java
@@ -11,6 +11,8 @@
 
 import java.lang.reflect.InvocationTargetException;
 import java.lang.reflect.Method;
+import java.util.HashMap;
+import java.util.Map;
 
 import android.content.Context;
 import android.os.Build;
@@ -104,18 +106,37 @@ public static DisplayMetrics getScreenDisplayMetrics() {
     return sScreenDisplayMetrics;
   }
 
-  public static WritableNativeMap getDisplayMetricsMap(double fontScale) {
+  public static Map<String, Map<String, Object>> getDisplayMetricsMap(double fontScale) {
+    Assertions.assertNotNull(
+        sWindowDisplayMetrics != null || sScreenDisplayMetrics != null,
+        "DisplayMetricsHolder must be initialized with initDisplayMetricsIfNotInitialized or initDisplayMetrics");
+    final Map<String, Map<String, Object>> result = new HashMap<>();
+    result.put("windowPhysicalPixels", getPhysicalPixelsMap(sWindowDisplayMetrics, fontScale));
+    result.put("screenPhysicalPixels", getPhysicalPixelsMap(sScreenDisplayMetrics, fontScale));
+    return result;
+  }
+
+  public static WritableNativeMap getDisplayMetricsNativeMap(double fontScale) {
     Assertions.assertNotNull(
         sWindowDisplayMetrics != null || sScreenDisplayMetrics != null,
         "DisplayMetricsHolder must be initialized with initDisplayMetricsIfNotInitialized or initDisplayMetrics");
     final WritableNativeMap result = new WritableNativeMap();
-    result.putMap("windowPhysicalPixels", getPhysicalPixelsMap(sWindowDisplayMetrics, fontScale));
-    result.putMap("screenPhysicalPixels", getPhysicalPixelsMap(sScreenDisplayMetrics, fontScale));
+    result.putMap("windowPhysicalPixels", getPhysicalPixelsNativeMap(sWindowDisplayMetrics, fontScale));
+    result.putMap("screenPhysicalPixels", getPhysicalPixelsNativeMap(sScreenDisplayMetrics, fontScale));
+    return result;
+  }
 
+  private static Map<String, Object> getPhysicalPixelsMap(DisplayMetrics displayMetrics, double fontScale) {
+    final Map<String, Object> result = new HashMap<>();
+    result.put("width", displayMetrics.widthPixels);
+    result.put("height", displayMetrics.heightPixels);
+    result.put("scale", displayMetrics.density);
+    result.put("fontScale", fontScale);
+    result.put("densityDpi", displayMetrics.densityDpi);
     return result;
   }
 
-  private static WritableNativeMap getPhysicalPixelsMap(DisplayMetrics displayMetrics, double fontScale) {
+  private static WritableNativeMap getPhysicalPixelsNativeMap(DisplayMetrics displayMetrics, double fontScale) {
     final WritableNativeMap result = new WritableNativeMap();
     result.putInt("width", displayMetrics.widthPixels);
     result.putInt("height", displayMetrics.heightPixels);
@@ -124,5 +145,4 @@ private static WritableNativeMap getPhysicalPixelsMap(DisplayMetrics displayMetr
     result.putDouble("densityDpi", displayMetrics.densityDpi);
     return result;
   }
-
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/LayoutShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/LayoutShadowNode.java
index b941c21672a4ae..2bbe858f014a2a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/LayoutShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/LayoutShadowNode.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager;
 
@@ -78,7 +81,7 @@ protected LayoutShadowNode(LayoutShadowNode node) {
   }
 
   @Override
-  public LayoutShadowNode mutableCopy() {
+  protected LayoutShadowNode copy() {
     return new LayoutShadowNode(this);
   }
 
@@ -315,6 +318,10 @@ public void setFlexWrap(@Nullable String flexWrap) {
         setFlexWrap(YogaWrap.WRAP);
         break;
       }
+      case "wrap-reverse": {
+        setFlexWrap(YogaWrap.WRAP_REVERSE);
+        break;
+      }
       default: {
         throw new JSApplicationIllegalArgumentException(
             "invalid value for flexWrap: " + flexWrap);
@@ -523,7 +530,6 @@ public void setOverflow(@Nullable String overflow) {
     if (isVirtual()) {
       return;
     }
-
     if (overflow == null) {
       setOverflow(YogaOverflow.VISIBLE);
       return;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyManager.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyManager.java
index 2b259c6806ff6c..3e7d56a5e29f30 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyManager.java
@@ -7,8 +7,10 @@
 
 package com.facebook.react.uimanager;
 
+import android.annotation.TargetApi;
 import android.content.res.Resources;
-import android.util.Log;
+import android.os.Build;
+import com.facebook.common.logging.FLog;
 import android.util.SparseArray;
 import android.util.SparseBooleanArray;
 import android.view.Menu;
@@ -17,6 +19,7 @@
 import android.view.ViewGroup;
 import android.view.ViewParent;
 import android.widget.PopupMenu;
+import com.facebook.react.R;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.animation.Animation;
 import com.facebook.react.animation.AnimationListener;
@@ -74,6 +77,7 @@ public class NativeViewHierarchyManager {
   private final LayoutAnimationController mLayoutAnimator = new LayoutAnimationController();
 
   private boolean mLayoutAnimationEnabled;
+  private PopupMenu mPopupMenu;
 
   public NativeViewHierarchyManager(ViewManagerRegistry viewManagers) {
     this(viewManagers, new RootViewManager());
@@ -113,15 +117,28 @@ public void setLayoutAnimationEnabled(boolean enabled) {
     mLayoutAnimationEnabled = enabled;
   }
 
+  public synchronized void updateInstanceHandle(int tag, long instanceHandle) {
+    UiThreadUtil.assertOnUiThread();
+
+    try {
+      updateInstanceHandle(resolveView(tag), instanceHandle);
+    } catch (IllegalViewOperationException e) {
+      FLog.e(TAG, "Unable to update properties for view tag " + tag, e);
+    }
+  }
+
   public synchronized void updateProperties(int tag, ReactStylesDiffMap props) {
     UiThreadUtil.assertOnUiThread();
 
     try {
       ViewManager viewManager = resolveViewManager(tag);
       View viewToUpdate = resolveView(tag);
-      viewManager.updateProperties(viewToUpdate, props);
+
+      if (props != null) {
+        viewManager.updateProperties(viewToUpdate, props);
+      }
     } catch (IllegalViewOperationException e) {
-      Log.e(TAG, "Unable to update properties for view tag " + tag, e);
+      FLog.e(TAG, "Unable to update properties for view tag " + tag, e);
     }
   }
 
@@ -196,6 +213,26 @@ public synchronized void updateLayout(
     }
   }
 
+  @TargetApi(Build.VERSION_CODES.DONUT)
+  private void updateInstanceHandle(View viewToUpdate, long instanceHandle) {
+    UiThreadUtil.assertOnUiThread();
+    viewToUpdate.setTag(R.id.view_tag_instance_handle, instanceHandle);
+  }
+
+  @Nullable
+  @TargetApi(Build.VERSION_CODES.DONUT)
+  public long getInstanceHandle(int reactTag) {
+    View view = mTagsToViews.get(reactTag);
+    if (view == null) {
+      throw new IllegalViewOperationException("Unable to find view for tag: " + reactTag);
+    }
+    Long instanceHandle = (Long) view.getTag(R.id.view_tag_instance_handle);
+    if (instanceHandle == null) {
+      throw new IllegalViewOperationException("Unable to find instanceHandle for tag: " + reactTag);
+    }
+    return instanceHandle;
+  }
+
   private void updateLayout(View viewToUpdate, int x, int y, int width, int height) {
     if (mLayoutAnimationEnabled &&
         mLayoutAnimator.shouldAnimateLayout(viewToUpdate)) {
@@ -731,18 +768,27 @@ public synchronized void showPopupMenu(int reactTag, ReadableArray items, Callba
       error.invoke("Can't display popup. Could not find view with tag " + reactTag);
       return;
     }
-    PopupMenu popupMenu = new PopupMenu(getReactContextForView(reactTag), anchor);
+    mPopupMenu = new PopupMenu(getReactContextForView(reactTag), anchor);
 
-    Menu menu = popupMenu.getMenu();
+    Menu menu = mPopupMenu.getMenu();
     for (int i = 0; i < items.size(); i++) {
       menu.add(Menu.NONE, Menu.NONE, i, items.getString(i));
     }
 
     PopupMenuCallbackHandler handler = new PopupMenuCallbackHandler(success);
-    popupMenu.setOnMenuItemClickListener(handler);
-    popupMenu.setOnDismissListener(handler);
+    mPopupMenu.setOnMenuItemClickListener(handler);
+    mPopupMenu.setOnDismissListener(handler);
 
-    popupMenu.show();
+    mPopupMenu.show();
+  }
+
+  /**
+   * Dismiss the last opened PopupMenu {@link PopupMenu}.
+   */
+  public void dismissPopupMenu() {
+    if (mPopupMenu != null) {
+      mPopupMenu.dismiss();
+    }
   }
 
   private static class PopupMenuCallbackHandler implements PopupMenu.OnMenuItemClickListener,
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyOptimizer.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyOptimizer.java
index de23eeaa1cce25..b6562779875f19 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyOptimizer.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyOptimizer.java
@@ -407,7 +407,7 @@ private void transitionLayoutOnlyViewToNativeView(
 
     // Create the view since it doesn't exist in the native hierarchy yet
     mUIViewOperationQueue.enqueueCreateView(
-        node.getRootNode().getThemedContext(),
+        node.getThemedContext(),
         node.getReactTag(),
         node.getViewClass(),
         props);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactRootViewTagGenerator.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactRootViewTagGenerator.java
index 6483d3490ca227..47d1daa54a0699 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactRootViewTagGenerator.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactRootViewTagGenerator.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNode.java
index ab8e2692533ab8..ac5780df2ec9de 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNode.java
@@ -18,6 +18,7 @@
 import com.facebook.yoga.YogaPositionType;
 import com.facebook.yoga.YogaValue;
 import com.facebook.yoga.YogaWrap;
+import java.util.List;
 import javax.annotation.Nullable;
 
 /**
@@ -70,13 +71,13 @@ public interface ReactShadowNode<T extends ReactShadowNode> {
   /**
    * @return a mutable copy of the {@link ReactShadowNode}
    */
-  T mutableCopy();
+  T mutableCopy(long instanceHandle);
 
-  T mutableCopyWithNewProps(@Nullable ReactStylesDiffMap newProps);
+  T mutableCopyWithNewProps(long instanceHandle, @Nullable ReactStylesDiffMap newProps);
 
-  T mutableCopyWithNewChildren();
+  T mutableCopyWithNewChildren(long instanceHandle);
 
-  T mutableCopyWithNewChildrenAndProps(@Nullable ReactStylesDiffMap newProps);
+  T mutableCopyWithNewChildrenAndProps(long instanceHandle, @Nullable ReactStylesDiffMap newProps);
 
   String getViewClass();
 
@@ -138,9 +139,9 @@ public interface ReactShadowNode<T extends ReactShadowNode> {
 
   void setReactTag(int reactTag);
 
-  T getRootNode();
+  int getRootTag();
 
-  void setRootNode(T rootNode);
+  void setRootTag(int rootTag);
 
   void setViewClassName(String viewClassName);
 
@@ -358,4 +359,35 @@ public interface ReactShadowNode<T extends ReactShadowNode> {
   boolean isMeasureDefined();
 
   void dispose();
+
+  /**
+   * @return an immutable {@link List<ReactShadowNode>} containing the children of this
+   * {@link ReactShadowNode}.
+   */
+  List<ReactShadowNode> getChildrenList();
+
+  /**
+   * @return the {@link ReactShadowNode} that was used during the cloning mechanism to create
+   * this {@link ReactShadowNode} or null if this object was not created using a clone operation.
+   */
+  @Nullable ReactShadowNode getOriginalReactShadowNode();
+
+  void setOriginalReactShadowNode(@Nullable ReactShadowNode node);
+
+  long getInstanceHandle();
+
+  void setInstanceHandle(long instanceHandle);
+
+  /**
+   * Mark this {@link ReactShadowNode} as sealed. This means that the node was already committed
+   * and it should not be updated anymore.
+   */
+  void markAsSealed();
+
+  /**
+   * @return a {@link boolean} that represents if the {@link ReactShadowNode} is sealed.
+   */
+  boolean isSealed();
+
+  void updateScreenLayout(ReactShadowNode prevNode);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNodeImpl.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNodeImpl.java
index 664dd09729af13..706e005d0eee43 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNodeImpl.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNodeImpl.java
@@ -8,8 +8,14 @@
 
 import static java.lang.System.arraycopy;
 
+import com.facebook.common.logging.FLog;
+import com.facebook.debug.holder.PrinterHolder;
+import com.facebook.debug.tags.ReactDebugOverlayTags;
 import com.facebook.infer.annotation.Assertions;
+import com.facebook.react.common.build.ReactBuildConfig;
 import com.facebook.react.uimanager.annotations.ReactPropertyHolder;
+import com.facebook.systrace.Systrace;
+import com.facebook.systrace.SystraceMessage;
 import com.facebook.yoga.YogaAlign;
 import com.facebook.yoga.YogaBaselineFunction;
 import com.facebook.yoga.YogaConfig;
@@ -21,13 +27,15 @@
 import com.facebook.yoga.YogaJustify;
 import com.facebook.yoga.YogaMeasureFunction;
 import com.facebook.yoga.YogaNode;
-import com.facebook.yoga.YogaNodeClonedFunction;
+import com.facebook.yoga.YogaNodeCloneFunction;
 import com.facebook.yoga.YogaOverflow;
 import com.facebook.yoga.YogaPositionType;
 import com.facebook.yoga.YogaValue;
 import com.facebook.yoga.YogaWrap;
 import java.util.ArrayList;
 import java.util.Arrays;
+import java.util.Collections;
+import java.util.List;
 import javax.annotation.Nullable;
 
 /**
@@ -56,27 +64,45 @@
 @ReactPropertyHolder
 public class ReactShadowNodeImpl implements ReactShadowNode<ReactShadowNodeImpl> {
 
+  private static final boolean DEBUG = ReactBuildConfig.DEBUG || PrinterHolder.getPrinter().shouldDisplayLogMessage(ReactDebugOverlayTags.FABRIC_UI_MANAGER);
+  private static final String TAG = ReactShadowNodeImpl.class.getSimpleName();
   private static final YogaConfig sYogaConfig;
   static {
     sYogaConfig = ReactYogaConfigProvider.get();
-    sYogaConfig.setOnNodeCloned(new YogaNodeClonedFunction() {
+    sYogaConfig.setOnCloneNode(new YogaNodeCloneFunction() {
       @Override
-      public void onNodeCloned(YogaNode oldYogaNode,
-          YogaNode newYogaNode,
+      public YogaNode cloneNode(YogaNode oldYogaNode,
           YogaNode parent,
           int childIndex) {
-        ReactShadowNode parentReactShadowNode = (ReactShadowNode) parent.getData();
-        Assertions.assertNotNull(parentReactShadowNode);
-
-        ReactShadowNode newReactShadowNode = (ReactShadowNode) newYogaNode.getData();
-        Assertions.assertNotNull(newReactShadowNode);
+        SystraceMessage.beginSection(
+          Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
+          "FabricReconciler.YogaNodeCloneFunction")
+          .flush();
+        try {
+          ReactShadowNodeImpl parentReactShadowNode = (ReactShadowNodeImpl) parent.getData();
+          Assertions.assertNotNull(parentReactShadowNode);
+          ReactShadowNodeImpl oldReactShadowNode = (ReactShadowNodeImpl) oldYogaNode.getData();
+          Assertions.assertNotNull(oldReactShadowNode);
+
+          if (DEBUG) {
+            FLog.d(
+              TAG,
+              "YogaNode started cloning: oldYogaNode: " + oldReactShadowNode + " - parent: "
+                + parentReactShadowNode + " index: " + childIndex);
+          }
+
+          ReactShadowNodeImpl newNode = oldReactShadowNode.mutableCopy(oldReactShadowNode.getInstanceHandle());
+          parentReactShadowNode.replaceChild(newNode, childIndex);
+          return newNode.mYogaNode;
+        } finally{
+          Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
+        }
       }
     });
   }
 
   private int mReactTag;
   private @Nullable String mViewClassName;
-  private @Nullable ReactShadowNodeImpl mRootNode;
   private int mRootTag;
   private @Nullable ThemedReactContext mThemedContext;
   private boolean mShouldNotifyOnLayout;
@@ -93,14 +119,19 @@ public void onNodeCloned(YogaNode oldYogaNode,
   private int mScreenY;
   private int mScreenWidth;
   private int mScreenHeight;
-  private final Spacing mDefaultPadding = new Spacing(0);
+  private final Spacing mDefaultPadding;
   private final float[] mPadding = new float[Spacing.ALL + 1];
   private final boolean[] mPaddingIsPercent = new boolean[Spacing.ALL + 1];
-  private final YogaNode mYogaNode;
+  private YogaNode mYogaNode;
+  private int mGenerationDebugInformation = 1;
+  private ReactShadowNode mOriginalReactShadowNode = null;
 
   private @Nullable ReactStylesDiffMap mNewProps;
+  private long mInstanceHandle;
+  private boolean mIsSealed = false;
 
   public ReactShadowNodeImpl() {
+    mDefaultPadding = new Spacing(0);
     if (!isVirtual()) {
       YogaNode node = YogaNodePool.get().acquire();
       mYogaNode = node == null ? new YogaNode(sYogaConfig) : node;
@@ -111,53 +142,101 @@ public ReactShadowNodeImpl() {
     }
   }
 
-  public ReactShadowNodeImpl(ReactShadowNodeImpl original) {
-    try {
-      mReactTag = original.mReactTag;
-      mRootTag = original.mRootTag;
-      mViewClassName = original.mViewClassName;
-      mRootNode = original.mRootNode;
-      mThemedContext = original.mThemedContext;
-      mShouldNotifyOnLayout = original.mShouldNotifyOnLayout;
-      mNodeUpdated = original.mNodeUpdated;
-      mChildren = original.mChildren == null ? null : new ArrayList<>(original.mChildren);
-      mIsLayoutOnly = original.mIsLayoutOnly;
-      mTotalNativeChildren = original.mTotalNativeChildren;
-      mNativeParent = original.mNativeParent;
-      mNativeChildren = original.mNativeChildren == null ? null : new ArrayList<>(original.mNativeChildren);
-      mNativeParent = original.mNativeParent;
-      mScreenX = original.mScreenX;
-      mScreenY = original.mScreenY;
-      mScreenWidth = original.mScreenWidth;
-      mScreenHeight = original.mScreenHeight;
-      arraycopy(original.mPadding, 0, mPadding, 0, original.mPadding.length);
-      arraycopy(original.mPaddingIsPercent, 0, mPaddingIsPercent, 0, original.mPaddingIsPercent.length);
-      mYogaNode = original.mYogaNode.clone();
-      mYogaNode.setData(this);
-      mParent = null;
-      mNewProps = null;
-    } catch (CloneNotSupportedException e) {
-      // it should never happen
-      throw new IllegalArgumentException();
-    }
+  protected ReactShadowNodeImpl(ReactShadowNodeImpl original) {
+    mReactTag = original.mReactTag;
+    mRootTag = original.mRootTag;
+    mViewClassName = original.mViewClassName;
+    mThemedContext = original.mThemedContext;
+    mShouldNotifyOnLayout = original.mShouldNotifyOnLayout;
+    mIsLayoutOnly = original.mIsLayoutOnly;
+    mNativeParent = original.mNativeParent;
+    mDefaultPadding = new Spacing(original.mDefaultPadding);
+    // Cloned nodes should be always updated.
+    mNodeUpdated = true;
+    // "cached" screen coordinates are not cloned because FabricJS not always clone the last
+    // ReactShadowNode that was rendered in the screen.
+    mScreenX = 0;
+    mScreenY = 0;
+    mScreenWidth = 0;
+    mScreenHeight = 0;
+    mGenerationDebugInformation = original.mGenerationDebugInformation + 1;
+    arraycopy(original.mPadding, 0, mPadding, 0, original.mPadding.length);
+    arraycopy(original.mPaddingIsPercent, 0, mPaddingIsPercent, 0, original.mPaddingIsPercent.length);
+    mNewProps = null;
+    mParent = null;
+    mOriginalReactShadowNode = original;
+    mIsSealed = false;
+  }
+
+  private void replaceChild(ReactShadowNodeImpl newNode, int childIndex) {
+    mChildren.remove(childIndex);
+    mChildren.add(childIndex, newNode);
+    newNode.mParent = this;
   }
 
-  @Override
-  public ReactShadowNodeImpl mutableCopy() {
+  /**
+   * @return a copy of this object (no including copy of its children or the underlying yogaNode).
+   */
+  protected ReactShadowNodeImpl copy() {
     return new ReactShadowNodeImpl(this);
   }
 
   @Override
-  public ReactShadowNodeImpl mutableCopyWithNewChildren() {
-    ReactShadowNodeImpl copy = mutableCopy();
+  public ReactShadowNodeImpl mutableCopy(long instanceHandle) {
+    ReactShadowNodeImpl copy = copy();
+    Assertions.assertCondition(
+        getClass() == copy.getClass(),
+        "Copied shadow node must use the same class");
+    copy.mInstanceHandle = instanceHandle;
+    if (mYogaNode != null) {
+      copy.mYogaNode = mYogaNode.clone();
+      copy.mYogaNode.setData(copy);
+    } else {
+      // Virtual ReactShadowNode do not have a YogaNode associated
+      copy.mYogaNode = null;
+    }
+    copy.mTotalNativeChildren = mTotalNativeChildren;
+    copy.mNativeChildren = copyChildren(mNativeChildren);
+    copy.mChildren = copyChildren(mChildren);
+
+    return copy;
+  }
+
+  @Nullable
+  private ArrayList<ReactShadowNodeImpl> copyChildren(@Nullable List<ReactShadowNodeImpl> list){
+    ArrayList<ReactShadowNodeImpl> result = list == null ? null : new ArrayList<>(list);
+    if (result != null) {
+      for (ReactShadowNodeImpl child : result) {
+        child.mParent = null;
+      }
+    }
+    return result;
+  }
+
+  @Override
+  public ReactShadowNodeImpl mutableCopyWithNewChildren(long instanceHandle) {
+    ReactShadowNodeImpl copy = copy();
+    copy.mInstanceHandle = instanceHandle;
+    Assertions.assertCondition(
+        getClass() == copy.getClass(),
+        "Copied shadow node must use the same class");
+    if (mYogaNode != null) {
+      copy.mYogaNode = mYogaNode.cloneWithNewChildren();
+      copy.mYogaNode.setData(copy);
+    } else {
+      // Virtual ReactShadowNode do not have a YogaNode associated
+      copy.mYogaNode = null;
+    }
     copy.mNativeChildren = null;
     copy.mChildren = null;
+    copy.mTotalNativeChildren = 0;
     return copy;
   }
 
   @Override
-  public ReactShadowNodeImpl mutableCopyWithNewProps(@Nullable ReactStylesDiffMap newProps) {
-    ReactShadowNodeImpl copy = mutableCopy();
+  public ReactShadowNodeImpl mutableCopyWithNewProps(long instanceHandle,
+      @Nullable ReactStylesDiffMap newProps) {
+    ReactShadowNodeImpl copy = mutableCopy(instanceHandle);
     if (newProps != null) {
       copy.updateProperties(newProps);
       copy.mNewProps = newProps;
@@ -166,8 +245,9 @@ public ReactShadowNodeImpl mutableCopyWithNewProps(@Nullable ReactStylesDiffMap
   }
 
   @Override
-  public ReactShadowNodeImpl mutableCopyWithNewChildrenAndProps(@Nullable ReactStylesDiffMap newProps) {
-    ReactShadowNodeImpl copy = mutableCopyWithNewChildren();
+  public ReactShadowNodeImpl mutableCopyWithNewChildrenAndProps(long instanceHandle,
+      @Nullable ReactStylesDiffMap newProps) {
+    ReactShadowNodeImpl copy = mutableCopyWithNewChildren(instanceHandle);
     if (newProps != null) {
       copy.updateProperties(newProps);
       copy.mNewProps = newProps;
@@ -219,6 +299,7 @@ public final boolean hasUpdates() {
 
   @Override
   public final void markUpdateSeen() {
+    assertNotSealed();
     mNodeUpdated = false;
     if (hasNewLayout()) {
       markLayoutSeen();
@@ -244,6 +325,7 @@ public final boolean hasUnseenUpdates() {
 
   @Override
   public void dirty() {
+    assertNotSealed();
     if (!isVirtual()) {
       mYogaNode.dirty();
     }
@@ -256,10 +338,7 @@ public final boolean isDirty() {
 
   @Override
   public void addChildAt(ReactShadowNodeImpl child, int i) {
-    if (child.getParent() != null) {
-      throw new IllegalViewOperationException(
-        "Tried to add child that already has a parent! Remove it from its parent first.");
-    }
+    assertNotSealed();
     if (mChildren == null) {
       mChildren = new ArrayList<>(4);
     }
@@ -291,6 +370,7 @@ public void addChildAt(ReactShadowNodeImpl child, int i) {
 
   @Override
   public ReactShadowNodeImpl removeChildAt(int i) {
+    assertNotSealed();
     if (mChildren == null) {
       throw new ArrayIndexOutOfBoundsException(
         "Index " + i + " out of bounds: node has no children");
@@ -463,21 +543,25 @@ public final int getReactTag() {
 
   @Override
   public void setReactTag(int reactTag) {
+    assertNotSealed();
     mReactTag = reactTag;
   }
 
   @Override
-  public final ReactShadowNodeImpl getRootNode() {
-    return Assertions.assertNotNull(mRootNode);
+  public final int getRootTag() {
+    Assertions.assertCondition(mRootTag != 0);
+    return mRootTag;
   }
 
   @Override
-  public final void setRootNode(ReactShadowNodeImpl rootNode) {
-    mRootNode = rootNode;
+  public final void setRootTag(int rootTag) {
+    assertNotSealed();
+    mRootTag = rootTag;
   }
 
   @Override
   public final void setViewClassName(String viewClassName) {
+    assertNotSealed();
     mViewClassName = viewClassName;
   }
 
@@ -519,6 +603,7 @@ public final boolean hasNewLayout() {
 
   @Override
   public final void markLayoutSeen() {
+    assertNotSealed();
     if (mYogaNode != null) {
       mYogaNode.markLayoutSeen();
     }
@@ -530,6 +615,7 @@ public final void markLayoutSeen() {
    */
   @Override
   public final void addNativeChildAt(ReactShadowNodeImpl child, int nativeIndex) {
+    assertNotSealed();
     Assertions.assertCondition(!mIsLayoutOnly);
     Assertions.assertCondition(!child.mIsLayoutOnly);
 
@@ -581,6 +667,7 @@ public final int indexOfNativeChild(ReactShadowNodeImpl nativeChild) {
    */
   @Override
   public final void setIsLayoutOnly(boolean isLayoutOnly) {
+    assertNotSealed();
     Assertions.assertCondition(getParent() == null, "Must remove from no opt parent first");
     Assertions.assertCondition(mNativeParent == null, "Must remove from native parent first");
     Assertions.assertCondition(getNativeChildCount() == 0, "Must remove all native children first");
@@ -617,7 +704,7 @@ public boolean isDescendantOf(ReactShadowNodeImpl ancestorNode) {
 
   @Override
   public String toString() {
-    return mViewClassName;
+    return "[" + mViewClassName + " " + getReactTag() + "]";
   }
 
   /*
@@ -729,6 +816,7 @@ public final YogaDirection getLayoutDirection() {
 
   @Override
   public void setLayoutDirection(YogaDirection direction) {
+    assertNotSealed();
     mYogaNode.setDirection(direction);
   }
 
@@ -739,36 +827,43 @@ public final YogaValue getStyleWidth() {
 
   @Override
   public void setStyleWidth(float widthPx) {
+    assertNotSealed();
     mYogaNode.setWidth(widthPx);
   }
 
   @Override
   public void setStyleWidthPercent(float percent) {
+    assertNotSealed();
     mYogaNode.setWidthPercent(percent);
   }
 
   @Override
   public void setStyleWidthAuto() {
+    assertNotSealed();
     mYogaNode.setWidthAuto();
   }
 
   @Override
   public void setStyleMinWidth(float widthPx) {
+    assertNotSealed();
     mYogaNode.setMinWidth(widthPx);
   }
 
   @Override
   public void setStyleMinWidthPercent(float percent) {
+    assertNotSealed();
     mYogaNode.setMinWidthPercent(percent);
   }
 
   @Override
   public void setStyleMaxWidth(float widthPx) {
+    assertNotSealed();
     mYogaNode.setMaxWidth(widthPx);
   }
 
   @Override
   public void setStyleMaxWidthPercent(float percent) {
+    assertNotSealed();
     mYogaNode.setMaxWidthPercent(percent);
   }
 
@@ -779,126 +874,151 @@ public final YogaValue getStyleHeight() {
 
   @Override
   public void setStyleHeight(float heightPx) {
+    assertNotSealed();
     mYogaNode.setHeight(heightPx);
   }
 
   @Override
   public void setStyleHeightPercent(float percent) {
+    assertNotSealed();
     mYogaNode.setHeightPercent(percent);
   }
 
   @Override
   public void setStyleHeightAuto() {
+    assertNotSealed();
     mYogaNode.setHeightAuto();
   }
 
   @Override
   public void setStyleMinHeight(float widthPx) {
+    assertNotSealed();
     mYogaNode.setMinHeight(widthPx);
   }
 
   @Override
   public void setStyleMinHeightPercent(float percent) {
+    assertNotSealed();
     mYogaNode.setMinHeightPercent(percent);
   }
 
   @Override
   public void setStyleMaxHeight(float widthPx) {
+    assertNotSealed();
     mYogaNode.setMaxHeight(widthPx);
   }
 
   @Override
   public void setStyleMaxHeightPercent(float percent) {
+    assertNotSealed();
     mYogaNode.setMaxHeightPercent(percent);
   }
 
   @Override
   public void setFlex(float flex) {
+    assertNotSealed();
     mYogaNode.setFlex(flex);
   }
 
   @Override
   public void setFlexGrow(float flexGrow) {
+    assertNotSealed();
     mYogaNode.setFlexGrow(flexGrow);
   }
 
   @Override
   public void setFlexShrink(float flexShrink) {
+    assertNotSealed();
     mYogaNode.setFlexShrink(flexShrink);
   }
 
   @Override
   public void setFlexBasis(float flexBasis) {
+    assertNotSealed();
     mYogaNode.setFlexBasis(flexBasis);
   }
 
   @Override
   public void setFlexBasisAuto() {
+    assertNotSealed();
     mYogaNode.setFlexBasisAuto();
   }
 
   @Override
   public void setFlexBasisPercent(float percent) {
+    assertNotSealed();
     mYogaNode.setFlexBasisPercent(percent);
   }
 
   @Override
   public void setStyleAspectRatio(float aspectRatio) {
+    assertNotSealed();
     mYogaNode.setAspectRatio(aspectRatio);
   }
 
   @Override
   public void setFlexDirection(YogaFlexDirection flexDirection) {
+    assertNotSealed();
     mYogaNode.setFlexDirection(flexDirection);
   }
 
   @Override
   public void setFlexWrap(YogaWrap wrap) {
+    assertNotSealed();
     mYogaNode.setWrap(wrap);
   }
 
   @Override
   public void setAlignSelf(YogaAlign alignSelf) {
+    assertNotSealed();
     mYogaNode.setAlignSelf(alignSelf);
   }
 
   @Override
   public void setAlignItems(YogaAlign alignItems) {
+    assertNotSealed();
     mYogaNode.setAlignItems(alignItems);
   }
 
   @Override
   public void setAlignContent(YogaAlign alignContent) {
+    assertNotSealed();
     mYogaNode.setAlignContent(alignContent);
   }
 
   @Override
   public void setJustifyContent(YogaJustify justifyContent) {
+    assertNotSealed();
     mYogaNode.setJustifyContent(justifyContent);
   }
 
   @Override
   public void setOverflow(YogaOverflow overflow) {
+    assertNotSealed();
     mYogaNode.setOverflow(overflow);
   }
 
   @Override
   public void setDisplay(YogaDisplay display) {
+    assertNotSealed();
     mYogaNode.setDisplay(display);
   }
 
   @Override
   public void setMargin(int spacingType, float margin) {
+    assertNotSealed();
     mYogaNode.setMargin(YogaEdge.fromInt(spacingType), margin);
   }
 
   @Override
   public void setMarginPercent(int spacingType, float percent) {
+    assertNotSealed();
     mYogaNode.setMarginPercent(YogaEdge.fromInt(spacingType), percent);
   }
 
   @Override
   public void setMarginAuto(int spacingType) {
+    assertNotSealed();
     mYogaNode.setMarginAuto(YogaEdge.fromInt(spacingType));
   }
 
@@ -914,12 +1034,14 @@ public final YogaValue getStylePadding(int spacingType) {
 
   @Override
   public void setDefaultPadding(int spacingType, float padding) {
+    assertNotSealed();
     mDefaultPadding.set(spacingType, padding);
     updatePadding();
   }
 
   @Override
   public void setPadding(int spacingType, float padding) {
+    assertNotSealed();
     mPadding[spacingType] = padding;
     mPaddingIsPercent[spacingType] = false;
     updatePadding();
@@ -927,12 +1049,14 @@ public void setPadding(int spacingType, float padding) {
 
   @Override
   public void setPaddingPercent(int spacingType, float percent) {
+    assertNotSealed();
     mPadding[spacingType] = percent;
     mPaddingIsPercent[spacingType] = !YogaConstants.isUndefined(percent);
     updatePadding();
   }
 
   private void updatePadding() {
+    assertNotSealed();
     for (int spacingType = Spacing.LEFT; spacingType <= Spacing.ALL; spacingType++) {
       if (spacingType == Spacing.LEFT
           || spacingType == Spacing.RIGHT
@@ -968,41 +1092,43 @@ private void updatePadding() {
 
   @Override
   public void setBorder(int spacingType, float borderWidth) {
+    assertNotSealed();
     mYogaNode.setBorder(YogaEdge.fromInt(spacingType), borderWidth);
   }
 
   @Override
   public void setPosition(int spacingType, float position) {
+    assertNotSealed();
     mYogaNode.setPosition(YogaEdge.fromInt(spacingType), position);
   }
 
   @Override
   public void setPositionPercent(int spacingType, float percent) {
+    assertNotSealed();
     mYogaNode.setPositionPercent(YogaEdge.fromInt(spacingType), percent);
   }
 
   @Override
   public void setPositionType(YogaPositionType positionType) {
+    assertNotSealed();
     mYogaNode.setPositionType(positionType);
   }
 
   @Override
   public void setShouldNotifyOnLayout(boolean shouldNotifyOnLayout) {
+    assertNotSealed();
     mShouldNotifyOnLayout = shouldNotifyOnLayout;
   }
 
   @Override
   public void setBaselineFunction(YogaBaselineFunction baselineFunction) {
+    assertNotSealed();
     mYogaNode.setBaselineFunction(baselineFunction);
   }
 
   @Override
   public void setMeasureFunction(YogaMeasureFunction measureFunction) {
-    if ((measureFunction == null ^ mYogaNode.isMeasureDefined()) && getChildCount() != 0) {
-      throw new RuntimeException(
-          "Since a node with a measure function does not add any native yoga children, it's "
-              + "not safe to transition to/from having a measure function unless a node has no children");
-    }
+    assertNotSealed();
     mYogaNode.setMeasureFunction(measureFunction);
   }
 
@@ -1021,17 +1147,19 @@ public String getHierarchyInfo() {
   private void getHierarchyInfoWithIndentation(StringBuilder result, int level) {
     // Spaces and tabs are dropped by IntelliJ logcat integration, so rely on __ instead.
     for (int i = 0; i < level; ++i) {
-      result.append("__");
+      result.append("  ");
     }
 
-    result.append(getClass().getSimpleName()).append(" ").append(getReactTag()).append(" ");
+    result.append("<").append(getClass().getSimpleName()).append(" view='").append(getViewClass())
+      .append("' tag=").append(getReactTag()).append(" gen=").append(mGenerationDebugInformation);
     if (mYogaNode != null) {
-      result.append(getScreenX()).append(";").append(getScreenY()).append(";")
-        .append(getLayoutWidth()).append(";").append(getLayoutHeight());
+      result.append(" layout='x:").append(getScreenX())
+        .append(" y:").append(getScreenY()).append(" w:").append(getLayoutWidth()).append(" h:")
+        .append(getLayoutHeight()).append("'");
     } else {
       result.append("(virtual node)");
     }
-    result.append("\n");
+    result.append(">\n");
 
     if (getChildCount() == 0) {
       return;
@@ -1049,4 +1177,55 @@ public void dispose() {
       YogaNodePool.get().release(mYogaNode);
     }
   }
+
+  @Nullable
+  @Override
+  public List<ReactShadowNode> getChildrenList() {
+    return mChildren == null ? null : Collections.<ReactShadowNode>unmodifiableList(mChildren);
+  }
+
+  @Override
+  public ReactShadowNode getOriginalReactShadowNode() {
+    return mOriginalReactShadowNode;
+  }
+
+  @Override
+  public void setOriginalReactShadowNode(ReactShadowNode node) {
+    mOriginalReactShadowNode = node;
+  }
+
+  @Override
+  public long getInstanceHandle() {
+    return mInstanceHandle;
+  }
+
+  @Override
+  public void setInstanceHandle(long instanceHandle) {
+    assertNotSealed();
+    mInstanceHandle = instanceHandle;
+  }
+
+  @Override
+  public void markAsSealed() {
+    mIsSealed = true;
+  }
+
+  @Override
+  public boolean isSealed() {
+    return mIsSealed;
+  }
+
+  private void assertNotSealed() {
+    if (mIsSealed) {
+      throw new IllegalStateException("Can not modify sealed node " + toString());
+    }
+  }
+
+  @Override
+  public void updateScreenLayout(ReactShadowNode prevNode) {
+    mScreenHeight = prevNode.getScreenHeight();
+    mScreenWidth = prevNode.getScreenWidth();
+    mScreenX = prevNode.getScreenX();
+    mScreenY = prevNode.getScreenY();
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactZIndexedViewGroup.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactZIndexedViewGroup.java
index 1e7725badc4722..a170ed75fb9030 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactZIndexedViewGroup.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactZIndexedViewGroup.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ShadowNodeRegistry.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ShadowNodeRegistry.java
index 1b3cebc1fb2495..bc68ab32607933 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ShadowNodeRegistry.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ShadowNodeRegistry.java
@@ -28,9 +28,7 @@ public ShadowNodeRegistry() {
   }
 
   public void addRootNode(ReactShadowNode node) {
-    // TODO(6242243): This should be asserted... but UIManagerModule is
-    // thread-unsafe and calls this on the wrong thread.
-    //mThreadAsserter.assertNow();
+    mThreadAsserter.assertNow();
     int tag = node.getReactTag();
     mTagsToCSSNodes.put(tag, node);
     mRootTags.put(tag, true);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/Spacing.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/Spacing.java
index 53bea8824d7607..e386db4db66420 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/Spacing.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/Spacing.java
@@ -68,9 +68,9 @@ public class Spacing {
     256, /*ALL*/
   };
 
-  private final float[] mSpacing = newFullSpacingArray();
+  private final float[] mSpacing;
   private int mValueFlags = 0;
-  private float mDefaultValue;
+  private final float mDefaultValue;
   private boolean mHasAliasesSet;
 
   public Spacing() {
@@ -79,6 +79,14 @@ public Spacing() {
 
   public Spacing(float defaultValue) {
     mDefaultValue = defaultValue;
+    mSpacing = newFullSpacingArray();
+  }
+
+  public Spacing(Spacing original) {
+    mDefaultValue = original.mDefaultValue;
+    mSpacing = Arrays.copyOf(original.mSpacing, original.mSpacing.length);
+    mValueFlags = original.mValueFlags;
+    mHasAliasesSet = original.mHasAliasesSet;
   }
 
   /**
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ThemedReactContext.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ThemedReactContext.java
index 375df0d05ff884..69dec9309e5c53 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ThemedReactContext.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ThemedReactContext.java
@@ -16,8 +16,6 @@
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.LifecycleEventListener;
 
-//
-
 /**
  * Wraps {@link ReactContext} with the base {@link Context} passed into the constructor.
  * It provides also a way to start activities using the viewContext to which RN native views belong.
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementation.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementation.java
index c312ff763b0691..2baee93cee9438 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementation.java
@@ -205,7 +205,12 @@ public <T extends SizeMonitoringFrameLayout & MeasureSpecProvider> void register
     int heightMeasureSpec = rootView.getHeightMeasureSpec();
     updateRootView(rootCSSNode, widthMeasureSpec, heightMeasureSpec);
 
-    mShadowNodeRegistry.addRootNode(rootCSSNode);
+    context.runOnNativeModulesQueueThread(new Runnable() {
+      @Override
+      public void run() {
+        mShadowNodeRegistry.addRootNode(rootCSSNode);
+      }
+    });
 
     // register it within NativeViewHierarchyManager
     mOperationsQueue.addRootView(tag, rootView, context);
@@ -276,9 +281,10 @@ public Map<String, Long> getProfiledBatchPerfCounters() {
   public void createView(int tag, String className, int rootViewTag, ReadableMap props) {
     ReactShadowNode cssNode = createShadowNode(className);
     ReactShadowNode rootNode = mShadowNodeRegistry.getNode(rootViewTag);
+    Assertions.assertNotNull(rootNode, "Root node with tag " + rootViewTag + " doesn't exist");
     cssNode.setReactTag(tag);
     cssNode.setViewClassName(className);
-    cssNode.setRootNode(rootNode);
+    cssNode.setRootTag(rootNode.getReactTag());
     cssNode.setThemedContext(rootNode.getThemedContext());
 
     mShadowNodeRegistry.addNode(cssNode);
@@ -770,8 +776,14 @@ public void configureNextLayoutAnimation(
   }
 
   public void setJSResponder(int reactTag, boolean blockNativeResponder) {
-    assertViewExists(reactTag, "setJSResponder");
     ReactShadowNode node = mShadowNodeRegistry.getNode(reactTag);
+
+    if (node == null) {
+      //TODO: this should only happen when using Fabric renderer. This is a temporary approach
+      //and it will be refactored when fabric supports JS Responder.
+      return;
+    }
+
     while (node.isVirtual() || node.isLayoutOnly()) {
       node = node.getParent();
     }
@@ -782,7 +794,7 @@ public void clearJSResponder() {
     mOperationsQueue.enqueueClearJSResponder();
   }
 
-  public void dispatchViewManagerCommand(int reactTag, int commandId, ReadableArray commandArgs) {
+  public void dispatchViewManagerCommand(int reactTag, int commandId, @Nullable ReadableArray commandArgs) {
     assertViewExists(reactTag, "dispatchViewManagerCommand");
     mOperationsQueue.enqueueDispatchCommand(reactTag, commandId, commandArgs);
   }
@@ -802,6 +814,10 @@ public void showPopupMenu(int reactTag, ReadableArray items, Callback error, Cal
     mOperationsQueue.enqueueShowPopupMenu(reactTag, items, error, success);
   }
 
+  public void dismissPopupMenu() {
+    mOperationsQueue.enqueueDismissPopupMenu();
+  }
+
   public void sendAccessibilityEvent(int tag, int eventType) {
     mOperationsQueue.enqueueSendAccessibilityEvent(tag, eventType);
   }
@@ -1003,7 +1019,7 @@ public int resolveRootTagFromReactTag(int reactTag) {
     ReactShadowNode node = resolveShadowNode(reactTag);
     int rootTag = 0;
     if (node != null) {
-      rootTag = node.getRootNode().getReactTag();
+      rootTag = node.getRootTag();
     } else {
       FLog.w(
         ReactConstants.TAG,
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementationProvider.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementationProvider.java
deleted file mode 100644
index 51e0d66e93b915..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementationProvider.java
+++ /dev/null
@@ -1,40 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-package com.facebook.react.uimanager;
-
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.uimanager.events.EventDispatcher;
-import java.util.List;
-
-/**
- * Provides UIImplementation to use in {@link UIManagerModule}.
- */
-public class UIImplementationProvider {
-  public UIImplementation createUIImplementation(
-      ReactApplicationContext reactContext,
-      UIManagerModule.ViewManagerResolver viewManagerResolver,
-      EventDispatcher eventDispatcher,
-      int minTimeLeftInFrameForNonBatchedOperationMs) {
-    return new UIImplementation(
-        reactContext,
-        viewManagerResolver,
-        eventDispatcher,
-        minTimeLeftInFrameForNonBatchedOperationMs);
-  }
-  
-  public UIImplementation createUIImplementation(
-      ReactApplicationContext reactContext,
-      List<ViewManager> viewManagerList,
-      EventDispatcher eventDispatcher,
-      int minTimeLeftInFrameForNonBatchedOperationMs) {
-    return new UIImplementation(
-        reactContext,
-        viewManagerList,
-        eventDispatcher,
-        minTimeLeftInFrameForNonBatchedOperationMs);
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerHelper.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerHelper.java
new file mode 100644
index 00000000000000..fa2ac80a572a9f
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerHelper.java
@@ -0,0 +1,34 @@
+package com.facebook.react.uimanager;
+
+import static com.facebook.react.uimanager.common.UIManagerType.FABRIC;
+import static com.facebook.react.uimanager.common.UIManagerType.DEFAULT;
+import static com.facebook.react.uimanager.common.ViewUtil.getUIManagerType;
+
+import com.facebook.react.bridge.CatalystInstance;
+import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.UIManager;
+import com.facebook.react.uimanager.common.UIManagerType;
+
+/**
+ * Helper class for {@link UIManager}.
+ */
+public class UIManagerHelper {
+
+  /**
+   * @return a {@link UIManager} that can handle the react tag received by parameter.
+   */
+  public static UIManager getUIManagerForReactTag(ReactContext context, int reactTag) {
+    return getUIManager(context, getUIManagerType(reactTag));
+  }
+
+  /**
+   * @return a {@link UIManager} that can handle the react tag received by parameter.
+   */
+  public static UIManager getUIManager(ReactContext context, @UIManagerType int uiManagerType) {
+    CatalystInstance catalystInstance = context.getCatalystInstance();
+    return uiManagerType == FABRIC ?
+      catalystInstance.getJSIModule(UIManager.class) :
+      catalystInstance.getNativeModule(UIManagerModule.class);
+  }
+
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModule.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModule.java
index 282c92ca3814a8..6be73b4e981bb7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModule.java
@@ -9,9 +9,12 @@
 
 import static com.facebook.react.bridge.ReactMarkerConstants.CREATE_UI_MANAGER_MODULE_CONSTANTS_END;
 import static com.facebook.react.bridge.ReactMarkerConstants.CREATE_UI_MANAGER_MODULE_CONSTANTS_START;
+import static com.facebook.react.uimanager.common.UIManagerType.DEFAULT;
 
 import android.content.ComponentCallbacks2;
+import android.content.Context;
 import android.content.res.Configuration;
+import android.media.AudioManager;
 import com.facebook.common.logging.FLog;
 import com.facebook.debug.holder.PrinterHolder;
 import com.facebook.debug.tags.ReactDebugOverlayTags;
@@ -21,7 +24,6 @@
 import com.facebook.react.bridge.GuardedRunnable;
 import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.OnBatchCompleteListener;
-import com.facebook.react.bridge.PerformanceCounter;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMarker;
@@ -35,8 +37,10 @@
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.common.MeasureSpecProvider;
 import com.facebook.react.uimanager.common.SizeMonitoringFrameLayout;
+import com.facebook.react.uimanager.common.ViewUtil;
 import com.facebook.react.uimanager.debug.NotThreadSafeViewHierarchyUpdateDebugListener;
 import com.facebook.react.uimanager.events.EventDispatcher;
+import com.facebook.react.uimanager.events.RCTEventEmitter;
 import com.facebook.systrace.Systrace;
 import com.facebook.systrace.SystraceMessage;
 import java.util.ArrayList;
@@ -75,7 +79,7 @@
  */
 @ReactModule(name = UIManagerModule.NAME)
 public class UIManagerModule extends ReactContextBaseJavaModule implements
-    OnBatchCompleteListener, LifecycleEventListener, PerformanceCounter, UIManager {
+    OnBatchCompleteListener, LifecycleEventListener, UIManager {
 
   /**
    * Enables lazy discovery of a specific {@link ViewManager} by its name.
@@ -120,7 +124,6 @@ public interface CustomEventNamesResolver {
   public UIManagerModule(
       ReactApplicationContext reactContext,
       ViewManagerResolver viewManagerResolver,
-      UIImplementationProvider uiImplementationProvider,
       int minTimeLeftInFrameForNonBatchedOperationMs) {
     super(reactContext);
     DisplayMetricsHolder.initDisplayMetricsIfNotInitialized(reactContext);
@@ -128,7 +131,7 @@ public UIManagerModule(
     mModuleConstants = createConstants(viewManagerResolver);
     mCustomDirectEvents = UIManagerModuleConstants.getDirectEventTypeConstants();
     mUIImplementation =
-        uiImplementationProvider.createUIImplementation(
+        new UIImplementation(
             reactContext,
             viewManagerResolver,
             mEventDispatcher,
@@ -140,7 +143,6 @@ public UIManagerModule(
   public UIManagerModule(
       ReactApplicationContext reactContext,
       List<ViewManager> viewManagersList,
-      UIImplementationProvider uiImplementationProvider,
       int minTimeLeftInFrameForNonBatchedOperationMs) {
     super(reactContext);
     DisplayMetricsHolder.initDisplayMetricsIfNotInitialized(reactContext);
@@ -148,7 +150,7 @@ public UIManagerModule(
     mCustomDirectEvents = MapBuilder.newHashMap();
     mModuleConstants = createConstants(viewManagersList, null, mCustomDirectEvents);
     mUIImplementation =
-        uiImplementationProvider.createUIImplementation(
+        new UIImplementation(
             reactContext,
             viewManagersList,
             mEventDispatcher,
@@ -177,10 +179,14 @@ public Map<String, Object> getConstants() {
   @Override
   public void initialize() {
     getReactApplicationContext().registerComponentCallbacks(mMemoryTrimCallback);
+    mEventDispatcher.registerEventEmitter(
+      DEFAULT,
+      getReactApplicationContext().getJSModule(RCTEventEmitter.class));
   }
 
   @Override
   public void onHostResume() {
+
     mUIImplementation.onHostResume();
   }
 
@@ -276,6 +282,11 @@ public CustomEventNamesResolver getDirectEventNamesResolver() {
     };
   }
 
+  @Override
+  public void profileNextBatch() {
+    mUIImplementation.profileNextBatch();
+  }
+
   @Override
   public Map<String, Long> getPerformanceCounters() {
     return mUIImplementation.getProfiledBatchPerfCounters();
@@ -570,21 +581,39 @@ public void removeAnimation(int reactTag, int animationID) {
     mUIImplementation.removeAnimation(reactTag, animationID);
   }
 
+  @Override
   @ReactMethod
   public void setJSResponder(int reactTag, boolean blockNativeResponder) {
     mUIImplementation.setJSResponder(reactTag, blockNativeResponder);
   }
 
+  @Override
   @ReactMethod
   public void clearJSResponder() {
     mUIImplementation.clearJSResponder();
   }
 
   @ReactMethod
-  public void dispatchViewManagerCommand(int reactTag, int commandId, ReadableArray commandArgs) {
+  public void dispatchViewManagerCommand(int reactTag, int commandId, @Nullable ReadableArray commandArgs) {
+    //TODO: this is a temporary approach to support ViewManagerCommands in Fabric until
+    // the dispatchViewManagerCommand() method is supported by Fabric JS API.
+    UIManagerHelper.getUIManager(getReactApplicationContext(), ViewUtil.getUIManagerType(reactTag))
+      .dispatchCommand(reactTag, commandId, commandArgs);
+  }
+
+  @Override
+  public void dispatchCommand(int reactTag, int commandId, @Nullable ReadableArray commandArgs) {
     mUIImplementation.dispatchViewManagerCommand(reactTag, commandId, commandArgs);
   }
 
+  @ReactMethod
+  public void playTouchSound() {
+    AudioManager audioManager = (AudioManager) getReactApplicationContext().getSystemService(Context.AUDIO_SERVICE);
+    if (audioManager != null) {
+      audioManager.playSoundEffect(AudioManager.FX_KEY_CLICK);
+    }
+  }
+
   /**
    * Show a PopupMenu.
    *
@@ -600,6 +629,11 @@ public void showPopupMenu(int reactTag, ReadableArray items, Callback error, Cal
     mUIImplementation.showPopupMenu(reactTag, items, error, success);
   }
 
+  @ReactMethod
+  public void dismissPopupMenu() {
+    mUIImplementation.dismissPopupMenu();
+  }
+
   /**
    * LayoutAnimation API on Android is currently experimental. Therefore, it needs to be enabled
    * explicitly in order to avoid regression in existing application written for iOS using this API.
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleConstants.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleConstants.java
index 1eea5018a8dfc5..eb740fd081bd3d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleConstants.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleConstants.java
@@ -134,6 +134,8 @@ public static Map<String, Object> getConstants() {
       MapBuilder.of(
           "typeWindowStateChanged",
           AccessibilityEvent.TYPE_WINDOW_STATE_CHANGED,
+          "typeViewFocused",
+          AccessibilityEvent.TYPE_VIEW_FOCUSED,
           "typeViewClicked",
           AccessibilityEvent.TYPE_VIEW_CLICKED));
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIViewOperationQueue.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIViewOperationQueue.java
index 1f2135db86523e..783110b96af626 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIViewOperationQueue.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIViewOperationQueue.java
@@ -96,6 +96,54 @@ public void execute() {
     }
   }
 
+  private final class EmitOnLayoutEventOperation extends ViewOperation {
+
+    private final int mScreenX;
+    private final int mScreenY;
+    private final int mScreenWidth;
+    private final int mScreenHeight;
+
+    public EmitOnLayoutEventOperation(
+        int tag,
+        int screenX,
+        int screenY,
+        int screenWidth,
+        int screenHeight) {
+      super(tag);
+      mScreenX = screenX;
+      mScreenY = screenY;
+      mScreenWidth = screenWidth;
+      mScreenHeight = screenHeight;
+    }
+
+    @Override
+    public void execute() {
+      mReactApplicationContext.getNativeModule(UIManagerModule.class)
+        .getEventDispatcher()
+        .dispatchEvent(OnLayoutEvent.obtain(
+          mTag,
+          mScreenX,
+          mScreenY,
+          mScreenWidth,
+          mScreenHeight));
+    }
+  }
+
+  private final class UpdateInstanceHandleOperation extends ViewOperation {
+
+    private final long mInstanceHandle;
+
+    private UpdateInstanceHandleOperation(int tag, long instanceHandle) {
+      super(tag);
+      mInstanceHandle = instanceHandle;
+    }
+
+    @Override
+    public void execute() {
+      mNativeViewHierarchyManager.updateInstanceHandle(mTag, mInstanceHandle);
+    }
+  }
+
   /**
    * Operation for updating native view's position and size. The operation is not created directly
    * by a {@link UIManagerModule} call from JS. Instead it gets inflated using computed position
@@ -285,6 +333,13 @@ public void execute() {
     }
   }
 
+  private final class DismissPopupMenuOperation implements UIOperation {
+    @Override
+    public void execute() {
+      mNativeViewHierarchyManager.dismissPopupMenu();
+    }
+  }
+
   /**
    * A spec for animation operations (add/remove)
    */
@@ -640,7 +695,7 @@ public void enqueueClearJSResponder() {
   public void enqueueDispatchCommand(
       int reactTag,
       int commandId,
-      ReadableArray commandArgs) {
+      @Nullable ReadableArray commandArgs) {
     mOperations.add(new DispatchCommandOperation(reactTag, commandId, commandArgs));
   }
 
@@ -656,6 +711,10 @@ public void enqueueShowPopupMenu(
     mOperations.add(new ShowPopupMenuOperation(reactTag, items, error, success));
   }
 
+  public void enqueueDismissPopupMenu() {
+    mOperations.add(new DismissPopupMenuOperation());
+  }
+
   public void enqueueCreateView(
       ThemedReactContext themedContext,
       int viewReactTag,
@@ -671,10 +730,24 @@ public void enqueueCreateView(
     }
   }
 
+  public void enqueueUpdateInstanceHandle(int reactTag, long instanceHandle) {
+    mOperations.add(new UpdateInstanceHandleOperation(reactTag, instanceHandle));
+  }
+
   public void enqueueUpdateProperties(int reactTag, String className, ReactStylesDiffMap props) {
     mOperations.add(new UpdatePropertiesOperation(reactTag, props));
   }
 
+  public void enqueueOnLayoutEvent(
+    int tag,
+    int screenX,
+    int screenY,
+    int screenWidth,
+    int screenHeight) {
+    mOperations.add(new EmitOnLayoutEventOperation(tag, screenX, screenY, screenWidth, screenHeight));
+  }
+
+
   public void enqueueUpdateLayout(
       int parentTag,
       int reactTag,
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewAtIndex.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewAtIndex.java
index 6000e0554c854f..c242d7c310ddf5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewAtIndex.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewAtIndex.java
@@ -28,4 +28,18 @@ public ViewAtIndex(int tag, int index) {
     mTag = tag;
     mIndex = index;
   }
+
+  @Override
+  public boolean equals(Object obj) {
+    if (obj == null || obj.getClass() != getClass()) {
+      return false;
+    }
+    ViewAtIndex other = (ViewAtIndex) obj;
+    return mIndex == other.mIndex && mTag == other.mTag;
+  }
+
+  @Override
+  public String toString() {
+    return "[" + mTag + ", " + mIndex + "]";
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerPropertyUpdater.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerPropertyUpdater.java
index 47d9ecf1cd078d..b64606acd4d870 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerPropertyUpdater.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerPropertyUpdater.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagersPropertyCache.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagersPropertyCache.java
index 9a3a798ea5d608..2c4098b0d71a74 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagersPropertyCache.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagersPropertyCache.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewProps.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewProps.java
index aee1a0c7d9a7ab..3ad6f640d1cbb3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewProps.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewProps.java
@@ -17,6 +17,11 @@
  */
 public class ViewProps {
 
+  /**
+   * Kill switch to make overflow hidden by default. This flag will eventually be removed.
+   */
+  public static boolean sDefaultOverflowHidden;
+
   public static final String VIEW_CLASS_NAME = "RCTView";
 
   // Layout only (only affect positions of children, causes no drawing)
@@ -24,7 +29,6 @@ public class ViewProps {
   public static final String ALIGN_ITEMS = "alignItems";
   public static final String ALIGN_SELF = "alignSelf";
   public static final String ALIGN_CONTENT = "alignContent";
-  public static final String OVERFLOW = "overflow";
   public static final String DISPLAY = "display";
   public static final String BOTTOM = "bottom";
   public static final String COLLAPSABLE = "collapsable";
@@ -100,6 +104,11 @@ public class ViewProps {
   public static final String TEXT_DECORATION_LINE = "textDecorationLine";
   public static final String TEXT_BREAK_STRATEGY = "textBreakStrategy";
   public static final String OPACITY = "opacity";
+  public static final String OVERFLOW = "overflow";
+
+  public static final String HIDDEN = "hidden";
+  public static final String SCROLL = "scroll";
+  public static final String VISIBLE = "visible";
 
   public static final String ALLOW_FONT_SCALING = "allowFontScaling";
   public static final String INCLUDE_FONT_PADDING = "includeFontPadding";
@@ -166,7 +175,6 @@ public class ViewProps {
               FLEX_SHRINK,
               FLEX_WRAP,
               JUSTIFY_CONTENT,
-              OVERFLOW,
               ALIGN_CONTENT,
               DISPLAY,
 
@@ -209,8 +217,6 @@ public class ViewProps {
               PADDING_START,
               PADDING_END));
 
-  public static boolean sIsOptimizationsEnabled;
-
   public static boolean isLayoutOnly(ReadableMap map, String prop) {
     if (LAYOUT_ONLY_PROPS.contains(prop)) {
       return true;
@@ -219,49 +225,43 @@ public static boolean isLayoutOnly(ReadableMap map, String prop) {
       return AUTO.equals(value) || BOX_NONE.equals(value);
     }
 
-
-    if (sIsOptimizationsEnabled) {
-      switch (prop) {
-        case OPACITY:
-          // null opacity behaves like opacity = 1
-          // Ignore if explicitly set to default opacity.
-          return map.isNull(OPACITY) || map.getDouble(OPACITY) == 1d;
-        case BORDER_RADIUS: // Without a background color or border width set, a border won't show.
-          if (map.hasKey(BACKGROUND_COLOR) && map.getInt(BACKGROUND_COLOR) != Color.TRANSPARENT) {
-            return false;
-          }
-          if (map.hasKey(BORDER_WIDTH)
-            && !map.isNull(BORDER_WIDTH)
-            && map.getDouble(BORDER_WIDTH) != 0d) {
-            return false;
-          }
-          return true;
-        case BORDER_LEFT_COLOR:
-          return map.getInt(BORDER_LEFT_COLOR) == Color.TRANSPARENT;
-        case BORDER_RIGHT_COLOR:
-          return map.getInt(BORDER_RIGHT_COLOR) == Color.TRANSPARENT;
-        case BORDER_TOP_COLOR:
-          return map.getInt(BORDER_TOP_COLOR) == Color.TRANSPARENT;
-        case BORDER_BOTTOM_COLOR:
-          return map.getInt(BORDER_BOTTOM_COLOR) == Color.TRANSPARENT;
-        case BORDER_WIDTH:
-          return map.isNull(BORDER_WIDTH) || map.getDouble(BORDER_WIDTH) == 0d;
-        case BORDER_LEFT_WIDTH:
-          return map.isNull(BORDER_LEFT_WIDTH) || map.getDouble(BORDER_LEFT_WIDTH) == 0d;
-        case BORDER_TOP_WIDTH:
-          return map.isNull(BORDER_TOP_WIDTH) || map.getDouble(BORDER_TOP_WIDTH) == 0d;
-        case BORDER_RIGHT_WIDTH:
-          return map.isNull(BORDER_RIGHT_WIDTH) || map.getDouble(BORDER_RIGHT_WIDTH) == 0d;
-        case BORDER_BOTTOM_WIDTH:
-          return map.isNull(BORDER_BOTTOM_WIDTH) || map.getDouble(BORDER_BOTTOM_WIDTH) == 0d;
-        case ON_LAYOUT:
-          return true;
-        case OVERFLOW: // We do nothing with this right now.
-          return true;
-        default:
+    switch (prop) {
+      case OPACITY:
+        // null opacity behaves like opacity = 1
+        // Ignore if explicitly set to default opacity.
+        return map.isNull(OPACITY) || map.getDouble(OPACITY) == 1d;
+      case BORDER_RADIUS: // Without a background color or border width set, a border won't show.
+        if (map.hasKey(BACKGROUND_COLOR) && map.getInt(BACKGROUND_COLOR) != Color.TRANSPARENT) {
           return false;
+        }
+        if (map.hasKey(BORDER_WIDTH)
+          && !map.isNull(BORDER_WIDTH)
+          && map.getDouble(BORDER_WIDTH) != 0d) {
+          return false;
+        }
+        return true;
+      case BORDER_LEFT_COLOR:
+        return map.getInt(BORDER_LEFT_COLOR) == Color.TRANSPARENT;
+      case BORDER_RIGHT_COLOR:
+        return map.getInt(BORDER_RIGHT_COLOR) == Color.TRANSPARENT;
+      case BORDER_TOP_COLOR:
+        return map.getInt(BORDER_TOP_COLOR) == Color.TRANSPARENT;
+      case BORDER_BOTTOM_COLOR:
+        return map.getInt(BORDER_BOTTOM_COLOR) == Color.TRANSPARENT;
+      case BORDER_WIDTH:
+        return map.isNull(BORDER_WIDTH) || map.getDouble(BORDER_WIDTH) == 0d;
+      case BORDER_LEFT_WIDTH:
+        return map.isNull(BORDER_LEFT_WIDTH) || map.getDouble(BORDER_LEFT_WIDTH) == 0d;
+      case BORDER_TOP_WIDTH:
+        return map.isNull(BORDER_TOP_WIDTH) || map.getDouble(BORDER_TOP_WIDTH) == 0d;
+      case BORDER_RIGHT_WIDTH:
+        return map.isNull(BORDER_RIGHT_WIDTH) || map.getDouble(BORDER_RIGHT_WIDTH) == 0d;
+      case BORDER_BOTTOM_WIDTH:
+        return map.isNull(BORDER_BOTTOM_WIDTH) || map.getDouble(BORDER_BOTTOM_WIDTH) == 0d;
+      case OVERFLOW:
+        return map.isNull(OVERFLOW) || VISIBLE.equals(map.getString(OVERFLOW));
+      default:
+        return false;
       }
-    }
-    return false;
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/YogaNodePool.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/YogaNodePool.java
index ac6f5b380b3b33..e4c259197ff21f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/YogaNodePool.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/YogaNodePool.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/BUCK b/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/BUCK
index 727d8c04dbf307..435a4533962fca 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "rn_android_library")
 
 rn_android_library(
     name = "annotations",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactProp.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactProp.java
index f5bfacdf8ad861..15ac3306534a00 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactProp.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactProp.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager.annotations;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropGroup.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropGroup.java
index fa9e0d9948ea0c..ff1689840bac2d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropGroup.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropGroup.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager.annotations;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropertyHolder.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropertyHolder.java
index f676e7e0c69cca..cfe591a9dc5335 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropertyHolder.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropertyHolder.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager.annotations;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/BUCK b/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/BUCK
index 5c4a5b26df6114..2e8df3aca77ea3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/BUCK
@@ -1,8 +1,12 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "common",
     srcs = glob(["*.java"]),
+    provided_deps = [
+        react_native_dep("third-party/android/support/v4:lib-support-v4"),
+        react_native_dep("third-party/android/support-annotations:android-support-annotations"),
+    ],
     visibility = [
         "PUBLIC",
     ],
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/MeasureSpecProvider.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/MeasureSpecProvider.java
index 7cc657470d1b20..69fef4693d2e15 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/MeasureSpecProvider.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/MeasureSpecProvider.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager.common;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/SizeMonitoringFrameLayout.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/SizeMonitoringFrameLayout.java
index 19af1031a8e804..f7dd744c4b11b2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/SizeMonitoringFrameLayout.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/SizeMonitoringFrameLayout.java
@@ -20,7 +20,7 @@
  */
 public class SizeMonitoringFrameLayout extends FrameLayout {
 
-  public static interface OnSizeChangedListener {
+  public interface OnSizeChangedListener {
     void onSizeChanged(int width, int height, int oldWidth, int oldHeight);
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/UIManagerType.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/UIManagerType.java
new file mode 100644
index 00000000000000..44a2e8b8f62a5a
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/UIManagerType.java
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+package com.facebook.react.uimanager.common;
+
+import static com.facebook.react.uimanager.common.UIManagerType.FABRIC;
+import static com.facebook.react.uimanager.common.UIManagerType.DEFAULT;
+import static java.lang.annotation.RetentionPolicy.SOURCE;
+
+import java.lang.annotation.Retention;
+import android.support.annotation.IntDef;
+
+@Retention(SOURCE)
+@IntDef({DEFAULT, FABRIC})
+public @interface UIManagerType {
+  int DEFAULT = 1;
+  int FABRIC = 2;
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/ViewUtil.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/ViewUtil.java
new file mode 100644
index 00000000000000..ef679635efbbc1
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/ViewUtil.java
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.uimanager.common;
+
+import static com.facebook.react.uimanager.common.UIManagerType.FABRIC;
+import static com.facebook.react.uimanager.common.UIManagerType.DEFAULT;
+
+public class ViewUtil {
+
+  /**
+   * Counter for uniquely identifying views.
+   * - % 2 === 0 means it is a Fabric tag.
+   * See https://github.com/facebook/react/pull/12587
+   *
+   * @param reactTag {@link }
+   */
+  @UIManagerType
+  public static int getUIManagerType(int reactTag) {
+    if (reactTag % 2 == 0) return FABRIC;
+    return DEFAULT;
+  }
+
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ContentSizeChangeEvent.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ContentSizeChangeEvent.java
index 03cc05a25c1980..2b7600f00a98fb 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ContentSizeChangeEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ContentSizeChangeEvent.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager.events;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcher.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcher.java
index c53a9f3dec5fb0..37fcadda30ad1b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcher.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcher.java
@@ -7,16 +7,7 @@
 
 package com.facebook.react.uimanager.events;
 
-import javax.annotation.Nullable;
-
-import java.util.ArrayList;
-import java.util.Arrays;
-import java.util.Comparator;
-import java.util.Map;
-import java.util.concurrent.atomic.AtomicInteger;
-
 import android.util.LongSparseArray;
-
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.ReactApplicationContext;
@@ -24,7 +15,14 @@
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.modules.core.ChoreographerCompat;
 import com.facebook.react.modules.core.ReactChoreographer;
+import com.facebook.react.uimanager.common.UIManagerType;
 import com.facebook.systrace.Systrace;
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.Comparator;
+import java.util.Map;
+import java.util.concurrent.atomic.AtomicInteger;
+import javax.annotation.Nullable;
 
 /**
  * Class responsible for dispatching UI events to JS. The main purpose of this class is to act as an
@@ -98,13 +96,14 @@ public int compare(Event lhs, Event rhs) {
 
   private Event[] mEventsToDispatch = new Event[16];
   private int mEventsToDispatchSize = 0;
-  private volatile @Nullable RCTEventEmitter mRCTEventEmitter;
+  private volatile ReactEventEmitter mReactEventEmitter;
   private short mNextEventTypeId = 0;
   private volatile boolean mHasDispatchScheduled = false;
 
   public EventDispatcher(ReactApplicationContext reactContext) {
     mReactContext = reactContext;
     mReactContext.addLifecycleEventListener(this);
+    mReactEventEmitter = new ReactEventEmitter(mReactContext);
   }
 
   /**
@@ -116,7 +115,7 @@ public void dispatchEvent(Event event) {
     for (EventDispatcherListener listener : mListeners) {
       listener.onEventDispatch(event);
     }
-
+    
     synchronized (mEventsStagingLock) {
       mEventStaging.add(event);
       Systrace.startAsyncFlow(
@@ -124,7 +123,7 @@ public void dispatchEvent(Event event) {
           event.getEventName(),
           event.getUniqueID());
     }
-    if (mRCTEventEmitter != null) {
+    if (mReactEventEmitter != null) {
       // If the host activity is paused, the frame callback may not be currently
       // posted. Ensure that it is so that this event gets delivered promptly.
       mCurrentFrameCallback.maybePostFromNonUI();
@@ -152,9 +151,6 @@ public void removeListener(EventDispatcherListener listener) {
 
   @Override
   public void onHostResume() {
-    if (mRCTEventEmitter == null) {
-      mRCTEventEmitter = mReactContext.getJSModule(RCTEventEmitter.class);
-    }
     mCurrentFrameCallback.maybePostFromNonUI();
   }
 
@@ -254,6 +250,14 @@ private static long getEventCookie(int viewTag, short eventTypeId, short coalesc
         (((long) coalescingKey) & 0xffff) << 48;
   }
 
+  public void registerEventEmitter(@UIManagerType int uiManagerType, RCTEventEmitter eventEmitter) {
+    mReactEventEmitter.register(uiManagerType, eventEmitter);
+  }
+
+  public void unregisterEventEmitter(@UIManagerType int uiManagerType) {
+    mReactEventEmitter.unregister(uiManagerType);
+  }
+
   private class ScheduleDispatchFrameCallback extends ChoreographerCompat.FrameCallback {
     private volatile boolean mIsPosted = false;
     private boolean mShouldStop = false;
@@ -331,7 +335,7 @@ public void run() {
             "ScheduleDispatchFrameCallback",
             mHasDispatchScheduledCount.getAndIncrement());
         mHasDispatchScheduled = false;
-        Assertions.assertNotNull(mRCTEventEmitter);
+        Assertions.assertNotNull(mReactEventEmitter);
         synchronized (mEventsToDispatchLock) {
           // We avoid allocating an array and iterator, and "sorting" if we don't need to.
           // This occurs when the size of mEventsToDispatch is zero or one.
@@ -348,7 +352,7 @@ public void run() {
                 Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
                 event.getEventName(),
                 event.getUniqueID());
-            event.dispatch(mRCTEventEmitter);
+            event.dispatch(mReactEventEmitter);
             event.dispose();
           }
           clearEventsToDispatch();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcherListener.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcherListener.java
index a3e3298eef5943..acf018bec5d78f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcherListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcherListener.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager.events;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/RCTEventEmitter.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/RCTEventEmitter.java
index b964186059f372..a46d0b3ea8988d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/RCTEventEmitter.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/RCTEventEmitter.java
@@ -14,8 +14,8 @@
 import com.facebook.react.bridge.WritableMap;
 
 public interface RCTEventEmitter extends JavaScriptModule {
-  public void receiveEvent(int targetTag, String eventName, @Nullable WritableMap event);
-  public void receiveTouches(
+  void receiveEvent(int targetTag, String eventName, @Nullable WritableMap event);
+  void receiveTouches(
       String eventName,
       WritableArray touches,
       WritableArray changedIndices);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ReactEventEmitter.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ReactEventEmitter.java
new file mode 100644
index 00000000000000..64aac3f795fcc4
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ReactEventEmitter.java
@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.uimanager.events;
+
+import static com.facebook.react.uimanager.events.TouchesHelper.TARGET_KEY;
+
+import android.util.Log;
+import android.util.SparseArray;
+import com.facebook.infer.annotation.Assertions;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.WritableArray;
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.uimanager.common.UIManagerType;
+import com.facebook.react.uimanager.common.ViewUtil;
+import java.io.Closeable;
+import java.io.IOException;
+import javax.annotation.Nullable;
+
+public class ReactEventEmitter implements RCTEventEmitter {
+
+  private static final String TAG = ReactEventEmitter.class.getSimpleName();
+  private final SparseArray<RCTEventEmitter> mEventEmitters = new SparseArray<>();
+  private final ReactApplicationContext mReactContext;
+
+  public ReactEventEmitter(ReactApplicationContext reactContext) {
+    mReactContext = reactContext;
+  }
+
+  public void register(@UIManagerType int uiManagerType, RCTEventEmitter eventEmitter) {
+    mEventEmitters.put(uiManagerType, eventEmitter);
+  }
+
+  public void unregister(@UIManagerType int uiManagerType) {
+    mEventEmitters.remove(uiManagerType);
+  }
+
+  @Override
+  public void receiveEvent(int targetReactTag, String eventName, @Nullable WritableMap event) {
+    getEventEmitter(targetReactTag).receiveEvent(targetReactTag, eventName, event);
+  }
+
+  @Override
+  public void receiveTouches(
+    String eventName,
+    WritableArray touches,
+    WritableArray changedIndices) {
+
+    Assertions.assertCondition(touches.size() > 0);
+
+    int reactTag = touches.getMap(0).getInt(TARGET_KEY);
+    getEventEmitter(reactTag).receiveTouches(eventName, touches, changedIndices);
+  }
+
+  private RCTEventEmitter getEventEmitter(int reactTag) {
+    int type = ViewUtil.getUIManagerType(reactTag);
+    RCTEventEmitter eventEmitter = mEventEmitters.get(type);
+    if (eventEmitter == null) {
+      eventEmitter = mReactContext.getJSModule(RCTEventEmitter.class);
+    }
+    return eventEmitter;
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchesHelper.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchesHelper.java
index cf435590f70275..59212aa830d361 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchesHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchesHelper.java
@@ -17,11 +17,15 @@
 /**
  * Class responsible for generating catalyst touch events based on android {@link MotionEvent}.
  */
-/*package*/ class TouchesHelper {
+public class TouchesHelper {
 
+  public static final String TARGET_KEY = "target";
+  public static final String CHANGED_TOUCHES_KEY = "changedTouches";
+  public static final String TOUCHES_KEY = "touches";
+  public static final String TOP_TOUCH_END_KEY = "topTouchEnd";
+  public static final String TOP_TOUCH_CANCEL_KEY = "topTouchCancel";
   private static final String PAGE_X_KEY = "pageX";
   private static final String PAGE_Y_KEY = "pageY";
-  private static final String TARGET_KEY = "target";
   private static final String TIMESTAMP_KEY = "timestamp";
   private static final String POINTER_IDENTIFIER_KEY = "identifier";
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AbstractLayoutAnimation.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AbstractLayoutAnimation.java
index 4fbd6938a9c574..499057316069ba 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AbstractLayoutAnimation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AbstractLayoutAnimation.java
@@ -1,22 +1,23 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
 
-package com.facebook.react.uimanager.layoutanimation;
-
-import javax.annotation.Nullable;
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
-import java.util.Map;
+package com.facebook.react.uimanager.layoutanimation;
 
 import android.view.View;
 import android.view.animation.AccelerateDecelerateInterpolator;
 import android.view.animation.AccelerateInterpolator;
 import android.view.animation.Animation;
+import android.view.animation.BaseInterpolator;
 import android.view.animation.DecelerateInterpolator;
 import android.view.animation.Interpolator;
 import android.view.animation.LinearInterpolator;
-
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.uimanager.IllegalViewOperationException;
+import java.util.Map;
+import javax.annotation.Nullable;
 
 /**
  * Class responsible for parsing and converting layout animation data into native {@link Animation}
@@ -36,12 +37,11 @@
    */
   abstract @Nullable Animation createAnimationImpl(View view, int x, int y, int width, int height);
 
-  private static final Map<InterpolatorType, Interpolator> INTERPOLATOR = MapBuilder.of(
+  private static final Map<InterpolatorType, BaseInterpolator> INTERPOLATOR = MapBuilder.of(
       InterpolatorType.LINEAR, new LinearInterpolator(),
       InterpolatorType.EASE_IN, new AccelerateInterpolator(),
       InterpolatorType.EASE_OUT, new DecelerateInterpolator(),
-      InterpolatorType.EASE_IN_EASE_OUT, new AccelerateDecelerateInterpolator(),
-      InterpolatorType.SPRING, new SimpleSpringInterpolator());
+      InterpolatorType.EASE_IN_EASE_OUT, new AccelerateDecelerateInterpolator());
 
   private @Nullable Interpolator mInterpolator;
   private int mDelayMs;
@@ -64,7 +64,7 @@ public void initializeFromConfig(ReadableMap data, int globalDuration) {
     if (!data.hasKey("type")) {
       throw new IllegalArgumentException("Missing interpolation type.");
     }
-    mInterpolator = getInterpolator(InterpolatorType.fromString(data.getString("type")));
+    mInterpolator = getInterpolator(InterpolatorType.fromString(data.getString("type")), data);
 
     if (!isValid()) {
       throw new IllegalViewOperationException("Invalid layout animation : " + data);
@@ -100,8 +100,13 @@ public void initializeFromConfig(ReadableMap data, int globalDuration) {
     return animation;
   }
 
-  private static Interpolator getInterpolator(InterpolatorType type) {
-    Interpolator interpolator = INTERPOLATOR.get(type);
+  private static Interpolator getInterpolator(InterpolatorType type, ReadableMap params) {
+     Interpolator interpolator;
+     if (type.equals(InterpolatorType.SPRING)) {
+       interpolator = new SimpleSpringInterpolator(SimpleSpringInterpolator.getSpringDamping(params));
+     } else {
+       interpolator = INTERPOLATOR.get(type);
+     }
     if (interpolator == null) {
       throw new IllegalArgumentException("Missing interpolator for type : " + type);
     }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AnimatedPropertyType.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AnimatedPropertyType.java
index 51a9d246c061bb..78e6a2b01fc039 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AnimatedPropertyType.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AnimatedPropertyType.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager.layoutanimation;
 
@@ -8,6 +11,8 @@
  */
 /* package */ enum AnimatedPropertyType {
   OPACITY("opacity"),
+  SCALE_X("scaleX"),
+  SCALE_Y("scaleY"),
   SCALE_XY("scaleXY");
 
   private final String mName;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/BaseLayoutAnimation.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/BaseLayoutAnimation.java
index f4fa2ea5cd4254..32c2c48fd7f6d7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/BaseLayoutAnimation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/BaseLayoutAnimation.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager.layoutanimation;
 
@@ -42,6 +45,32 @@ Animation createAnimationImpl(View view, int x, int y, int width, int height) {
               Animation.RELATIVE_TO_SELF,
               .5f);
         }
+        case SCALE_X: {
+          float fromValue = isReverse() ? 1.0f : 0.0f;
+          float toValue = isReverse() ? 0.0f : 1.0f;
+          return new ScaleAnimation(
+              fromValue,
+              toValue,
+              1f,
+              1f,
+              Animation.RELATIVE_TO_SELF,
+              .5f,
+              Animation.RELATIVE_TO_SELF,
+              0f);
+        }
+        case SCALE_Y: {
+          float fromValue = isReverse() ? 1.0f : 0.0f;
+          float toValue = isReverse() ? 0.0f : 1.0f;
+          return new ScaleAnimation(
+              1f,
+              1f,
+              fromValue,
+              toValue,
+              Animation.RELATIVE_TO_SELF,
+              0f,
+              Animation.RELATIVE_TO_SELF,
+              .5f);
+        }
         default:
           throw new IllegalViewOperationException(
               "Missing animation for property : " + mAnimatedProperty);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/HandlesLayout.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/HandlesLayout.java
deleted file mode 100644
index 9f3c907e97d079..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/HandlesLayout.java
+++ /dev/null
@@ -1,10 +0,0 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
-
-package com.facebook.react.uimanager.layoutanimation;
-
-/**
- * Marker interface to indicate a given animation type takes care of updating the view layout.
- */
-/* package */ interface HandleLayout {
-
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/InterpolatorType.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/InterpolatorType.java
index f59675a8fbe128..2f4d54b16d7d3b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/InterpolatorType.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/InterpolatorType.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager.layoutanimation;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationController.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationController.java
index d5a08e6b264ac5..62568dcc4fbbec 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationController.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationController.java
@@ -1,10 +1,14 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager.layoutanimation;
 
 import javax.annotation.Nullable;
 import javax.annotation.concurrent.NotThreadSafe;
 
+import android.util.SparseArray;
 import android.view.View;
 import android.view.ViewGroup;
 import android.view.animation.Animation;
@@ -27,6 +31,7 @@ public class LayoutAnimationController {
   private final AbstractLayoutAnimation mLayoutCreateAnimation = new LayoutCreateAnimation();
   private final AbstractLayoutAnimation mLayoutUpdateAnimation = new LayoutUpdateAnimation();
   private final AbstractLayoutAnimation mLayoutDeleteAnimation = new LayoutDeleteAnimation();
+  private final SparseArray<LayoutHandlingAnimation> mLayoutHandlers = new SparseArray<>(0);
   private boolean mShouldAnimateLayout;
 
   public void initializeFromConfig(final @Nullable ReadableMap config) {
@@ -68,7 +73,10 @@ public void reset() {
   public boolean shouldAnimateLayout(View viewToAnimate) {
     // if view parent is null, skip animation: view have been clipped, we don't want animation to
     // resume when view is re-attached to parent, which is the standard android animation behavior.
-    return mShouldAnimateLayout && viewToAnimate.getParent() != null;
+    // If there's a layout handling animation going on, it should be animated nonetheless since the
+    // ongoing animation needs to be updated.
+    return (mShouldAnimateLayout && viewToAnimate.getParent() != null)
+      || mLayoutHandlers.get(viewToAnimate.getId()) != null;
   }
 
   /**
@@ -85,6 +93,16 @@ public boolean shouldAnimateLayout(View viewToAnimate) {
   public void applyLayoutUpdate(View view, int x, int y, int width, int height) {
     UiThreadUtil.assertOnUiThread();
 
+    final int reactTag = view.getId();
+    LayoutHandlingAnimation existingAnimation = mLayoutHandlers.get(reactTag);
+
+    // Update an ongoing animation if possible, otherwise the layout update would be ignored as
+    // the existing animation would still animate to the old layout.
+    if (existingAnimation != null) {
+      existingAnimation.onLayoutUpdate(x, y, width, height);
+      return;
+    }
+
     // Determine which animation to use : if view is initially invisible, use create animation,
     // otherwise use update animation. This approach is easier than maintaining a list of tags
     // for recently created views.
@@ -93,9 +111,26 @@ public void applyLayoutUpdate(View view, int x, int y, int width, int height) {
         mLayoutUpdateAnimation;
 
     Animation animation = layoutAnimation.createAnimation(view, x, y, width, height);
-    if (animation == null || !(animation instanceof HandleLayout)) {
+
+    if (animation instanceof LayoutHandlingAnimation) {
+      animation.setAnimationListener(new Animation.AnimationListener() {
+        @Override
+        public void onAnimationStart(Animation animation) {
+          mLayoutHandlers.put(reactTag, (LayoutHandlingAnimation) animation);
+        }
+
+        @Override
+        public void onAnimationEnd(Animation animation) {
+          mLayoutHandlers.remove(reactTag);
+        }
+
+        @Override
+        public void onAnimationRepeat(Animation animation) {}
+      });
+    } else {
       view.layout(x, y, x + width, y + height);
     }
+
     if (animation != null) {
       view.startAnimation(animation);
     }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationListener.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationListener.java
index 7edd4251d4cb46..be181bbc55cc82 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationListener.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager.layoutanimation;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationType.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationType.java
index a21c0d49cd137e..23f325226f576a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationType.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationType.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager.layoutanimation;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutCreateAnimation.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutCreateAnimation.java
index a989e625c675cb..07040597f6f4d5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutCreateAnimation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutCreateAnimation.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager.layoutanimation;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutDeleteAnimation.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutDeleteAnimation.java
index f2c3ccb2c2e387..5d507c3dedb948 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutDeleteAnimation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutDeleteAnimation.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager.layoutanimation;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutHandlingAnimation.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutHandlingAnimation.java
new file mode 100644
index 00000000000000..53a8863059e802
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutHandlingAnimation.java
@@ -0,0 +1,23 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+package com.facebook.react.uimanager.layoutanimation;
+
+/**
+ * Interface for an animation type that takes care of updating the view layout.
+ */
+/* package */ interface LayoutHandlingAnimation {
+    /**
+     * Notifies the animation of a layout update in case one occurs during the animation. This
+     * avoids animating the view to the old layout since it's no longer correct; instead the
+     * animation should update and do whatever it can so that the final layout is correct.
+     *
+     * @param x the new X position for the view
+     * @param y the new Y position for the view
+     * @param width the new width value for the view
+     * @param height the new height value for the view
+     */
+    void onLayoutUpdate(int x, int y, int width, int height);
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutUpdateAnimation.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutUpdateAnimation.java
index 8189716f729da5..0c8477270c78c7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutUpdateAnimation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutUpdateAnimation.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager.layoutanimation;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/OpacityAnimation.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/OpacityAnimation.java
index 033b6a4ae15ff7..71d5aa7b5d9bd0 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/OpacityAnimation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/OpacityAnimation.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager.layoutanimation;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/PositionAndSizeAnimation.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/PositionAndSizeAnimation.java
index 1cb3e83ac6f858..1f742f2a012645 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/PositionAndSizeAnimation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/PositionAndSizeAnimation.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager.layoutanimation;
 
@@ -12,24 +15,15 @@
  * layout passes occurring on every frame.
  * What we might want to try to do instead is use a combined ScaleAnimation and TranslateAnimation.
  */
-/* package */ class PositionAndSizeAnimation extends Animation implements HandleLayout {
+/* package */ class PositionAndSizeAnimation extends Animation implements LayoutHandlingAnimation {
 
   private final View mView;
-  private final float mStartX, mStartY, mDeltaX, mDeltaY;
-  private final int mStartWidth, mStartHeight, mDeltaWidth, mDeltaHeight;
+  private float mStartX, mStartY, mDeltaX, mDeltaY;
+  private int mStartWidth, mStartHeight, mDeltaWidth, mDeltaHeight;
 
   public PositionAndSizeAnimation(View view, int x, int y, int width, int height) {
     mView = view;
-
-    mStartX = view.getX() - view.getTranslationX();
-    mStartY = view.getY() - view.getTranslationY();
-    mStartWidth = view.getWidth();
-    mStartHeight = view.getHeight();
-
-    mDeltaX = x - mStartX;
-    mDeltaY = y - mStartY;
-    mDeltaWidth = width - mStartWidth;
-    mDeltaHeight = height - mStartHeight;
+    calculateAnimation(x, y, width, height);
   }
 
   @Override
@@ -45,8 +39,27 @@ protected void applyTransformation(float interpolatedTime, Transformation t) {
         Math.round(newY + newHeight));
   }
 
+  @Override
+  public void onLayoutUpdate(int x, int y, int width, int height) {
+    // Layout changed during the animation, we should update our values so that the final layout
+    // is correct.
+    calculateAnimation(x, y, width, height);
+  }
+
   @Override
   public boolean willChangeBounds() {
     return true;
   }
+
+  private void calculateAnimation(int x, int y, int width, int height) {
+    mStartX = mView.getX() - mView.getTranslationX();
+    mStartY = mView.getY() - mView.getTranslationY();
+    mStartWidth = mView.getWidth();
+    mStartHeight = mView.getHeight();
+
+    mDeltaX = x - mStartX;
+    mDeltaY = y - mStartY;
+    mDeltaWidth = width - mStartWidth;
+    mDeltaHeight = height - mStartHeight;
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/SimpleSpringInterpolator.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/SimpleSpringInterpolator.java
index 9696fe90a1a3ad..4340625b5b4881 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/SimpleSpringInterpolator.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/SimpleSpringInterpolator.java
@@ -1,8 +1,13 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager.layoutanimation;
 
 import android.view.animation.Interpolator;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.ReadableType;
 
 /**
  * Simple spring interpolator
@@ -11,10 +16,30 @@
 /* package */  class SimpleSpringInterpolator implements Interpolator {
 
   private static final float FACTOR = 0.5f;
+  public static final String PARAM_SPRING_DAMPING = "springDamping";
+  private final float mSpringDamping;
+
+  public static float getSpringDamping(ReadableMap params){
+    if (params.getType(PARAM_SPRING_DAMPING).equals(ReadableType.Number)){
+      return (float) params.getDouble(PARAM_SPRING_DAMPING);
+    } else {
+      return FACTOR;
+    }
+  }
+
+  public SimpleSpringInterpolator() {
+    mSpringDamping = FACTOR;
+  }
+
+  public SimpleSpringInterpolator(float springDamping){
+    mSpringDamping = springDamping;
+  }
 
   @Override
   public float getInterpolation(float input) {
+    // Using mSpringDamping in this equation is not really the exact mathematical springDamping, but a good approximation
+    // We need to replace this equation with the right Factor that accounts for damping and friction
     return (float)
-        (1 + Math.pow(2, -10 * input) * Math.sin((input - FACTOR / 4) * Math.PI * 2 / FACTOR));
+        (1 + Math.pow(2, -10 * input) * Math.sin((input - mSpringDamping / 4) * Math.PI * 2 / mSpringDamping));
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/BUCK b/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/BUCK
index 9b9393650382af..72c763fb906554 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "util",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/ReactFindViewUtil.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/ReactFindViewUtil.java
index 1d0d41d82c8379..c1e10388223f17 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/ReactFindViewUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/ReactFindViewUtil.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.uimanager.util;
 
@@ -129,19 +132,11 @@ public static void notifyViewRendered(View view) {
       }
     }
 
-    Iterator<Map.Entry<OnMultipleViewsFoundListener, Set<String>>>
-        viewIterator = mOnMultipleViewsFoundListener.entrySet().iterator();
-    while (viewIterator.hasNext()) {
-      Map.Entry<OnMultipleViewsFoundListener, Set<String>> entry =
-          viewIterator.next();
-      Set<String> nativeIds = entry.getValue();
-      if (nativeIds.contains(nativeId)) {
-        entry.getKey().onViewFound(view, nativeId);
-        nativeIds.remove(nativeId); // remove it from list of NativeIds to search for.
-      }
-      if (nativeIds.isEmpty()) {
-        viewIterator.remove();
-      }
+    for (Map.Entry<OnMultipleViewsFoundListener, Set<String>> entry : mOnMultipleViewsFoundListener.entrySet()) {
+       Set<String> nativeIds = entry.getValue();
+       if (nativeIds != null && nativeIds.contains(nativeId)) {
+            entry.getKey().onViewFound(view, nativeId);
+       }
     }
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/util/BUCK b/ReactAndroid/src/main/java/com/facebook/react/util/BUCK
index abbf34f4ab6933..73bc3fe411b366 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/util/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/util/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "util",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTGroupShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTGroupShadowNode.java
index 35cf8169ca18fe..fdb9f53b301869 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTGroupShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTGroupShadowNode.java
@@ -43,7 +43,7 @@ public void setClipping(@Nullable ReadableArray clippingDims) {
   }
 
   @Override
-  public ReactShadowNodeImpl mutableCopy() {
+  protected ReactShadowNodeImpl copy() {
     return new ARTGroupShadowNode(this);
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTGroupViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTGroupViewManager.java
index 06f46bf00e4a31..c164ebda5c128d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTGroupViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTGroupViewManager.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.views.art;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTShapeShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTShapeShadowNode.java
index e60ad880397b89..d4bc72e284f425 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTShapeShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTShapeShadowNode.java
@@ -72,7 +72,7 @@ public ARTShapeShadowNode(ARTShapeShadowNode node) {
   }
 
   @Override
-  public ARTShapeShadowNode mutableCopy() {
+  protected ARTShapeShadowNode copy() {
     return new ARTShapeShadowNode(this);
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTShapeViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTShapeViewManager.java
index a6343046d23d7d..5c2c8a938a6b4a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTShapeViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTShapeViewManager.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.views.art;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTTextShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTTextShadowNode.java
index 4a52e7a28a06c1..accb79e4ef8323 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTTextShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTTextShadowNode.java
@@ -49,7 +49,7 @@ public ARTTextShadowNode(ARTTextShadowNode node) {
   }
 
   @Override
-  public ARTShapeShadowNode mutableCopy() {
+  protected ARTShapeShadowNode copy() {
     return new ARTTextShadowNode(this);
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTTextViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTTextViewManager.java
index 44d6245df922b5..a697c31ae6fc1f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTTextViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/ARTTextViewManager.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.views.art;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/art/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/art/BUCK
index 754a1f27addd9f..dcdd2f51cc84d5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/art/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/art/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "YOGA_TARGET", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "art",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/BUCK
index 31c186d716907b..7bf08765acca49 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/BUCK
@@ -1,10 +1,11 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "checkbox",
     srcs = glob(["*.java"]),
     provided_deps = [
         react_native_dep("third-party/android/support/v4:lib-support-v4"),
+        react_native_dep("third-party/android/support/v7/appcompat-orig:appcompat"),
     ],
     visibility = [
         "PUBLIC",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBox.java b/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBox.java
index 324a9b2c7869ff..98c0b67aa42400 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBox.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBox.java
@@ -7,10 +7,10 @@
 package com.facebook.react.views.checkbox;
 
 import android.content.Context;
-import android.widget.CheckBox;
+import android.support.v7.widget.AppCompatCheckBox;
 
 /** CheckBox that has its value controlled by JS. */
-/*package*/ class ReactCheckBox extends CheckBox {
+/*package*/ class ReactCheckBox extends AppCompatCheckBox {
 
   private boolean mAllowChange;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBoxManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBoxManager.java
index e71c601f4e7b74..c520f2fc8f5aee 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBoxManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/checkbox/ReactCheckBoxManager.java
@@ -13,6 +13,7 @@
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewProps;
 import com.facebook.react.uimanager.annotations.ReactProp;
+import com.facebook.react.uimanager.events.EventDispatcher;
 
 /** View manager for {@link ReactCheckBox} components. */
 public class ReactCheckBoxManager extends SimpleViewManager<ReactCheckBox> {
@@ -25,8 +26,7 @@ public class ReactCheckBoxManager extends SimpleViewManager<ReactCheckBox> {
         public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
           ReactContext reactContext = (ReactContext) buttonView.getContext();
           reactContext
-              .getNativeModule(UIManagerModule.class)
-              .getEventDispatcher()
+              .getNativeModule(UIManagerModule.class).getEventDispatcher()
               .dispatchEvent(new ReactCheckBoxEvent(buttonView.getId(), isChecked));
         }
       };
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/common/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/common/BUCK
index 059301402c8e68..223f3cb2f00584 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/common/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/common/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "rn_android_library")
 
 rn_android_library(
     name = "common",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/common/ViewHelper.java b/ReactAndroid/src/main/java/com/facebook/react/views/common/ViewHelper.java
index a560cafcb88cf4..0c5bf42e1bede6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/common/ViewHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/common/ViewHelper.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.views.common;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/drawer/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/drawer/BUCK
index 70a65ded008680..18b5c8d3febbc8 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/drawer/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/drawer/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "YOGA_TARGET", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "drawer",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayoutManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayoutManager.java
index 1620d637a9d977..61139f8a01d24b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayoutManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayoutManager.java
@@ -7,16 +7,10 @@
 
 package com.facebook.react.views.drawer;
 
-import javax.annotation.Nullable;
-
-import java.lang.reflect.Method;
-import java.util.Map;
-
 import android.os.Build;
 import android.support.v4.widget.DrawerLayout;
 import android.view.Gravity;
 import android.view.View;
-
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReadableArray;
@@ -33,6 +27,9 @@
 import com.facebook.react.views.drawer.events.DrawerOpenedEvent;
 import com.facebook.react.views.drawer.events.DrawerSlideEvent;
 import com.facebook.react.views.drawer.events.DrawerStateChangedEvent;
+import java.lang.reflect.Method;
+import java.util.Map;
+import javax.annotation.Nullable;
 
 /**
  * View Manager for {@link ReactDrawerLayout} components.
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/image/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/image/BUCK
index 9646bbddfff08e..f3b7d905472b4e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/image/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/image/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target", "YOGA_TARGET")
+load("//ReactNative:DEFS.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "rn_android_library")
 
 IMAGE_EVENT_FILES = [
     "ImageLoadEvent.java",
@@ -24,11 +24,8 @@ rn_android_library(
     name = "image",
     srcs = glob(
         ["*.java"],
-        excludes = IMAGE_EVENT_FILES,
+        exclude = IMAGE_EVENT_FILES,
     ),
-    exported_deps = [
-        ":imageevents",
-    ],
     provided_deps = [
         react_native_dep("third-party/android/support-annotations:android-support-annotations"),
         react_native_dep("third-party/android/support/v4:lib-support-v4"),
@@ -52,4 +49,7 @@ rn_android_library(
         react_native_target("java/com/facebook/react/uimanager/annotations:annotations"),
         react_native_target("java/com/facebook/react/views/imagehelper:withmultisource"),
     ],
+    exported_deps = [
+        ":imageevents",
+    ],
 )
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/image/GlobalImageLoadListener.java b/ReactAndroid/src/main/java/com/facebook/react/views/image/GlobalImageLoadListener.java
index f8df20157317c7..842bb60da66bcd 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/image/GlobalImageLoadListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/image/GlobalImageLoadListener.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.views.image;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageLoadEvent.java b/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageLoadEvent.java
index d21984a3f306e0..2c85c4ad7abb2b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageLoadEvent.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageLoadEvent.java
@@ -7,17 +7,14 @@
 
 package com.facebook.react.views.image;
 
-import javax.annotation.Nullable;
-
 import android.support.annotation.IntDef;
-
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.uimanager.events.Event;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
-
 import java.lang.annotation.Retention;
 import java.lang.annotation.RetentionPolicy;
+import javax.annotation.Nullable;
 
 public class ImageLoadEvent extends Event<ImageLoadEvent> {
   @IntDef({ON_ERROR, ON_LOAD, ON_LOAD_END, ON_LOAD_START, ON_PROGRESS})
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMode.java b/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMode.java
index 3cff8b9667a292..3f98058feedd0c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMode.java
@@ -9,6 +9,7 @@
 
 import javax.annotation.Nullable;
 
+import android.graphics.Shader;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.drawee.drawable.ScalingUtils;
 
@@ -34,6 +35,10 @@ public static ScalingUtils.ScaleType toScaleType(@Nullable String resizeModeValu
     if ("center".equals(resizeModeValue)) {
       return ScalingUtils.ScaleType.CENTER_INSIDE;
     }
+    if ("repeat".equals(resizeModeValue)) {
+      // Handled via a combination of ScaleType and TileMode
+      return ScaleTypeStartInside.INSTANCE;
+    }
     if (resizeModeValue == null) {
       // Use the default. Never use null.
       return defaultValue();
@@ -42,6 +47,29 @@ public static ScalingUtils.ScaleType toScaleType(@Nullable String resizeModeValu
         "Invalid resize mode: '" + resizeModeValue + "'");
   }
 
+  /**
+   * Converts JS resize modes into {@code Shader.TileMode}.
+   * See {@code ImageResizeMode.js}.
+   */
+  public static Shader.TileMode toTileMode(@Nullable String resizeModeValue) {
+    if ("contain".equals(resizeModeValue)
+        || "cover".equals(resizeModeValue)
+        || "stretch".equals(resizeModeValue)
+        || "center".equals(resizeModeValue)) {
+      return Shader.TileMode.CLAMP;
+    }
+    if ("repeat".equals(resizeModeValue)) {
+      // Handled via a combination of ScaleType and TileMode
+      return Shader.TileMode.REPEAT;
+    }
+    if (resizeModeValue == null) {
+      // Use the default. Never use null.
+      return defaultTileMode();
+    }
+    throw new JSApplicationIllegalArgumentException(
+        "Invalid resize mode: '" + resizeModeValue + "'");
+  }
+
   /**
    * This is the default as per web and iOS.
    * We want to be consistent across platforms.
@@ -49,4 +77,8 @@ public static ScalingUtils.ScaleType toScaleType(@Nullable String resizeModeValu
   public static ScalingUtils.ScaleType defaultValue() {
     return ScalingUtils.ScaleType.CENTER_CROP;
   }
+
+  public static Shader.TileMode defaultTileMode() {
+    return Shader.TileMode.CLAMP;
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/image/MultiPostprocessor.java b/ReactAndroid/src/main/java/com/facebook/react/views/image/MultiPostprocessor.java
new file mode 100644
index 00000000000000..03ad027c2618b2
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/image/MultiPostprocessor.java
@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) 2017-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.views.image;
+
+import android.graphics.Bitmap;
+
+import com.facebook.cache.common.CacheKey;
+import com.facebook.cache.common.MultiCacheKey;
+import com.facebook.common.references.CloseableReference;
+import com.facebook.imagepipeline.bitmaps.PlatformBitmapFactory;
+import com.facebook.imagepipeline.request.Postprocessor;
+
+import java.util.LinkedList;
+import java.util.List;
+
+public class MultiPostprocessor implements Postprocessor {
+  private final List<Postprocessor> mPostprocessors;
+
+  public static Postprocessor from(List<Postprocessor> postprocessors) {
+    switch (postprocessors.size()) {
+      case 0:
+        return null;
+      case 1:
+        return postprocessors.get(0);
+      default:
+        return new MultiPostprocessor(postprocessors);
+    }
+  }
+
+  private MultiPostprocessor(List<Postprocessor> postprocessors) {
+     mPostprocessors = new LinkedList<>(postprocessors);
+  }
+
+  @Override
+  public String getName () {
+    StringBuilder name = new StringBuilder();
+    for (Postprocessor p: mPostprocessors) {
+      if (name.length() > 0) {
+        name.append(",");
+      }
+      name.append(p.getName());
+    }
+    name.insert(0, "MultiPostProcessor (");
+    name.append(")");
+    return name.toString();
+  }
+
+  @Override
+  public CacheKey getPostprocessorCacheKey () {
+    LinkedList<CacheKey> keys = new LinkedList<>();
+    for (Postprocessor p: mPostprocessors) {
+      keys.push(p.getPostprocessorCacheKey());
+    }
+    return new MultiCacheKey(keys);
+  }
+
+  @Override
+  public CloseableReference<Bitmap>	process(Bitmap sourceBitmap, PlatformBitmapFactory bitmapFactory) {
+    CloseableReference<Bitmap> prevBitmap = null, nextBitmap = null;
+
+    try {
+      for (Postprocessor p : mPostprocessors) {
+        nextBitmap = p.process(prevBitmap != null ? prevBitmap.get() : sourceBitmap, bitmapFactory);
+        CloseableReference.closeSafely(prevBitmap);
+        prevBitmap = nextBitmap.clone();
+      }
+      return nextBitmap.clone();
+    } finally {
+      CloseableReference.closeSafely(nextBitmap);
+    }
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageManager.java
index 21014c5c7b0fd5..2565e2294ef1c6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageManager.java
@@ -88,6 +88,12 @@ public void setBlurRadius(ReactImageView view, float blurRadius) {
     view.setBlurRadius(blurRadius);
   }
 
+  // In JS this is Image.props.defaultSource
+  @ReactProp(name = "defaultSrc")
+  public void setDefaultSource(ReactImageView view, @Nullable String source) {
+    view.setDefaultSource(source);
+  }
+
   // In JS this is Image.props.loadingIndicatorSource.uri
   @ReactProp(name = "loadingIndicatorSrc")
   public void setLoadingIndicatorSource(ReactImageView view, @Nullable String source) {
@@ -139,6 +145,7 @@ public void setBorderRadius(ReactImageView view, int index, float borderRadius)
   @ReactProp(name = ViewProps.RESIZE_MODE)
   public void setResizeMode(ReactImageView view, @Nullable String resizeMode) {
     view.setScaleType(ImageResizeMode.toScaleType(resizeMode));
+    view.setTileMode(ImageResizeMode.toTileMode(resizeMode));
   }
 
   @ReactProp(name = ViewProps.RESIZE_METHOD)
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageView.java b/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageView.java
index 3fa2e66eb82e6d..91817b955b21ea 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageView.java
@@ -1,3 +1,4 @@
+
 /**
  * Copyright (c) 2015-present, Facebook, Inc.
  *
@@ -22,17 +23,20 @@
 import android.graphics.drawable.Drawable;
 import android.net.Uri;
 import android.widget.Toast;
+import com.facebook.common.references.CloseableReference;
 import com.facebook.common.util.UriUtil;
 import com.facebook.drawee.controller.AbstractDraweeControllerBuilder;
 import com.facebook.drawee.controller.BaseControllerListener;
 import com.facebook.drawee.controller.ControllerListener;
 import com.facebook.drawee.controller.ForwardingControllerListener;
 import com.facebook.drawee.drawable.AutoRotateDrawable;
+import com.facebook.drawee.drawable.RoundedColorDrawable;
 import com.facebook.drawee.drawable.ScalingUtils;
 import com.facebook.drawee.generic.GenericDraweeHierarchy;
 import com.facebook.drawee.generic.GenericDraweeHierarchyBuilder;
 import com.facebook.drawee.generic.RoundingParams;
 import com.facebook.drawee.view.GenericDraweeView;
+import com.facebook.imagepipeline.bitmaps.PlatformBitmapFactory;
 import com.facebook.imagepipeline.common.ResizeOptions;
 import com.facebook.imagepipeline.image.ImageInfo;
 import com.facebook.imagepipeline.postprocessors.IterativeBoxBlurPostProcessor;
@@ -88,25 +92,25 @@ private class RoundedCornerPostprocessor extends BasePostprocessor {
 
     void getRadii(Bitmap source, float[] computedCornerRadii, float[] mappedRadii) {
       mScaleType.getTransform(
-            sMatrix,
-            new Rect(0, 0, source.getWidth(), source.getHeight()),
-            source.getWidth(),
-            source.getHeight(),
-            0.0f,
-            0.0f);
-        sMatrix.invert(sInverse);
+        sMatrix,
+        new Rect(0, 0, source.getWidth(), source.getHeight()),
+        source.getWidth(),
+        source.getHeight(),
+        0.0f,
+        0.0f);
+      sMatrix.invert(sInverse);
 
-        mappedRadii[0] = sInverse.mapRadius(computedCornerRadii[0]);
-        mappedRadii[1] = mappedRadii[0];
+      mappedRadii[0] = sInverse.mapRadius(computedCornerRadii[0]);
+      mappedRadii[1] = mappedRadii[0];
 
-        mappedRadii[2] = sInverse.mapRadius(computedCornerRadii[1]);
-        mappedRadii[3] = mappedRadii[2];
+      mappedRadii[2] = sInverse.mapRadius(computedCornerRadii[1]);
+      mappedRadii[3] = mappedRadii[2];
 
-        mappedRadii[4] = sInverse.mapRadius(computedCornerRadii[2]);
-        mappedRadii[5] = mappedRadii[4];
+      mappedRadii[4] = sInverse.mapRadius(computedCornerRadii[2]);
+      mappedRadii[5] = mappedRadii[4];
 
-        mappedRadii[6] = sInverse.mapRadius(computedCornerRadii[3]);
-        mappedRadii[7] = mappedRadii[6];
+      mappedRadii[6] = sInverse.mapRadius(computedCornerRadii[3]);
+      mappedRadii[7] = mappedRadii[6];
     }
 
     @Override
@@ -115,9 +119,9 @@ public void process(Bitmap output, Bitmap source) {
 
       output.setHasAlpha(true);
       if (FloatUtil.floatsEqual(sComputedCornerRadii[0], 0f) &&
-          FloatUtil.floatsEqual(sComputedCornerRadii[1], 0f) &&
-          FloatUtil.floatsEqual(sComputedCornerRadii[2], 0f) &&
-          FloatUtil.floatsEqual(sComputedCornerRadii[3], 0f)) {
+        FloatUtil.floatsEqual(sComputedCornerRadii[1], 0f) &&
+        FloatUtil.floatsEqual(sComputedCornerRadii[2], 0f) &&
+        FloatUtil.floatsEqual(sComputedCornerRadii[3], 0f)) {
         super.process(output, source);
         return;
       }
@@ -133,28 +137,67 @@ public void process(Bitmap output, Bitmap source) {
       Path pathForBorderRadius = new Path();
 
       pathForBorderRadius.addRoundRect(
-          new RectF(0, 0, source.getWidth(), source.getHeight()),
-          radii,
-          Path.Direction.CW);
+        new RectF(0, 0, source.getWidth(), source.getHeight()),
+        radii,
+        Path.Direction.CW);
 
       canvas.drawPath(pathForBorderRadius, paint);
     }
   }
 
+  // Fresco lacks support for repeating images, see https://github.com/facebook/fresco/issues/1575
+  // We implement it here as a postprocessing step.
+  private static final Matrix sTileMatrix = new Matrix();
+
+  private class TilePostprocessor extends BasePostprocessor {
+    @Override
+    public CloseableReference<Bitmap> process(Bitmap source, PlatformBitmapFactory bitmapFactory) {
+      final Rect destRect = new Rect(0, 0, getWidth(), getHeight());
+
+      mScaleType.getTransform(
+        sTileMatrix,
+        destRect,
+        source.getWidth(),
+        source.getHeight(),
+        0.0f,
+        0.0f);
+
+      Paint paint = new Paint();
+      paint.setAntiAlias(true);
+      Shader shader = new BitmapShader(source, mTileMode, mTileMode);
+      shader.setLocalMatrix(sTileMatrix);
+      paint.setShader(shader);
+
+      CloseableReference<Bitmap> output = bitmapFactory.createBitmap(getWidth(), getHeight());
+      try {
+        Canvas canvas = new Canvas(output.get());
+        canvas.drawRect(destRect, paint);
+        return output.clone();
+      } finally {
+        CloseableReference.closeSafely(output);
+      }
+    }
+  }
+
   private final List<ImageSource> mSources;
 
   private @Nullable ImageSource mImageSource;
   private @Nullable ImageSource mCachedImageSource;
+  private @Nullable Drawable mDefaultImageDrawable;
   private @Nullable Drawable mLoadingImageDrawable;
+  private @Nullable RoundedColorDrawable mBackgroundImageDrawable;
+  private int mBackgroundColor = 0x00000000;
   private int mBorderColor;
   private int mOverlayColor;
   private float mBorderWidth;
   private float mBorderRadius = YogaConstants.UNDEFINED;
   private @Nullable float[] mBorderCornerRadii;
   private ScalingUtils.ScaleType mScaleType;
+  private Shader.TileMode mTileMode = ImageResizeMode.defaultTileMode();
   private boolean mIsDirty;
   private final AbstractDraweeControllerBuilder mDraweeControllerBuilder;
   private final RoundedCornerPostprocessor mRoundedCornerPostprocessor;
+  private final TilePostprocessor mTilePostprocessor;
   private @Nullable IterativeBoxBlurPostProcessor mIterativeBoxBlurPostProcessor;
   private @Nullable ControllerListener mControllerListener;
   private @Nullable ControllerListener mControllerForTesting;
@@ -167,19 +210,20 @@ public void process(Bitmap output, Bitmap source) {
   // We can't specify rounding in XML, so have to do so here
   private static GenericDraweeHierarchy buildHierarchy(Context context) {
     return new GenericDraweeHierarchyBuilder(context.getResources())
-        .setRoundingParams(RoundingParams.fromCornersRadius(0))
-        .build();
+      .setRoundingParams(RoundingParams.fromCornersRadius(0))
+      .build();
   }
 
   public ReactImageView(
-      Context context,
-      AbstractDraweeControllerBuilder draweeControllerBuilder,
-      @Nullable GlobalImageLoadListener globalImageLoadListener,
-      @Nullable Object callerContext) {
+    Context context,
+    AbstractDraweeControllerBuilder draweeControllerBuilder,
+    @Nullable GlobalImageLoadListener globalImageLoadListener,
+    @Nullable Object callerContext) {
     super(context, buildHierarchy(context));
     mScaleType = ImageResizeMode.defaultValue();
     mDraweeControllerBuilder = draweeControllerBuilder;
     mRoundedCornerPostprocessor = new RoundedCornerPostprocessor();
+    mTilePostprocessor = new TilePostprocessor();
     mGlobalImageLoadListener = globalImageLoadListener;
     mCallerContext = callerContext;
     mSources = new LinkedList<>();
@@ -189,21 +233,20 @@ public void setShouldNotifyLoadEvents(boolean shouldNotify) {
     if (!shouldNotify) {
       mControllerListener = null;
     } else {
-      final EventDispatcher mEventDispatcher = ((ReactContext) getContext()).
-          getNativeModule(UIManagerModule.class).getEventDispatcher();
+      final EventDispatcher mEventDispatcher = ((ReactContext) getContext()).getNativeModule(UIManagerModule.class).getEventDispatcher();
 
       mControllerListener = new BaseControllerListener<ImageInfo>() {
         @Override
         public void onSubmit(String id, Object callerContext) {
           mEventDispatcher.dispatchEvent(
-              new ImageLoadEvent(getId(), ImageLoadEvent.ON_LOAD_START));
+            new ImageLoadEvent(getId(), ImageLoadEvent.ON_LOAD_START));
         }
 
         @Override
         public void onFinalImageSet(
-            String id,
-            @Nullable final ImageInfo imageInfo,
-            @Nullable Animatable animatable) {
+          String id,
+          @Nullable final ImageInfo imageInfo,
+          @Nullable Animatable animatable) {
           if (imageInfo != null) {
             mEventDispatcher.dispatchEvent(
               new ImageLoadEvent(getId(), ImageLoadEvent.ON_LOAD,
@@ -236,6 +279,15 @@ public void setBlurRadius(float blurRadius) {
     mIsDirty = true;
   }
 
+  @Override
+  public void setBackgroundColor(int backgroundColor) {
+    if(mBackgroundColor != backgroundColor) {
+      mBackgroundColor = backgroundColor;
+      mBackgroundImageDrawable = new RoundedColorDrawable(backgroundColor);
+      mIsDirty = true;
+    }
+  }
+
   public void setBorderColor(int borderColor) {
     mBorderColor = borderColor;
     mIsDirty = true;
@@ -275,6 +327,11 @@ public void setScaleType(ScalingUtils.ScaleType scaleType) {
     mIsDirty = true;
   }
 
+  public void setTileMode(Shader.TileMode tileMode) {
+    mTileMode = tileMode;
+    mIsDirty = true;
+  }
+
   public void setResizeMethod(ImageResizeMethod resizeMethod) {
     mResizeMethod = resizeMethod;
     mIsDirty = true;
@@ -297,10 +354,10 @@ public void setSource(@Nullable ReadableArray sources) {
           ReadableMap source = sources.getMap(idx);
           String uri = source.getString("uri");
           ImageSource imageSource = new ImageSource(
-              getContext(),
-              uri,
-              source.getDouble("width"),
-              source.getDouble("height"));
+            getContext(),
+            uri,
+            source.getDouble("width"),
+            source.getDouble("height"));
           mSources.add(imageSource);
           if (Uri.EMPTY.equals(imageSource.getUri())) {
             warnImageSource(uri);
@@ -311,10 +368,15 @@ public void setSource(@Nullable ReadableArray sources) {
     mIsDirty = true;
   }
 
+  public void setDefaultSource(@Nullable String name) {
+    mDefaultImageDrawable = ResourceDrawableIdHelper.getInstance().getResourceDrawable(getContext(), name);
+    mIsDirty = true;
+  }
+
   public void setLoadingIndicatorSource(@Nullable String name) {
     Drawable drawable = ResourceDrawableIdHelper.getInstance().getResourceDrawable(getContext(), name);
     mLoadingImageDrawable =
-        drawable != null ? (Drawable) new AutoRotateDrawable(drawable, 1000) : null;
+      drawable != null ? (Drawable) new AutoRotateDrawable(drawable, 1000) : null;
     mIsDirty = true;
   }
 
@@ -362,55 +424,74 @@ public void maybeUpdateView() {
       return;
     }
 
+    if (isTiled() && (getWidth() <= 0 || getHeight() <= 0)) {
+      // If need to tile and the size is not yet set, wait until the layout pass provides one
+      return;
+    }
+
     GenericDraweeHierarchy hierarchy = getHierarchy();
     hierarchy.setActualImageScaleType(mScaleType);
 
+    if (mDefaultImageDrawable != null) {
+      hierarchy.setPlaceholderImage(mDefaultImageDrawable, ScalingUtils.ScaleType.CENTER);
+    }
+
     if (mLoadingImageDrawable != null) {
       hierarchy.setPlaceholderImage(mLoadingImageDrawable, ScalingUtils.ScaleType.CENTER);
     }
 
     boolean usePostprocessorScaling =
-        mScaleType != ScalingUtils.ScaleType.CENTER_CROP &&
+      mScaleType != ScalingUtils.ScaleType.CENTER_CROP &&
         mScaleType != ScalingUtils.ScaleType.FOCUS_CROP;
 
     RoundingParams roundingParams = hierarchy.getRoundingParams();
 
+    cornerRadii(sComputedCornerRadii);
+
+    roundingParams.setCornersRadii(sComputedCornerRadii[0], sComputedCornerRadii[1], sComputedCornerRadii[2], sComputedCornerRadii[3]);
+
+    if (mBackgroundImageDrawable != null) {
+      mBackgroundImageDrawable.setBorder(mBorderColor, mBorderWidth);
+      mBackgroundImageDrawable.setRadii(roundingParams.getCornersRadii());
+      hierarchy.setBackgroundImage(mBackgroundImageDrawable);
+    }
+
     if (usePostprocessorScaling) {
       roundingParams.setCornersRadius(0);
-    } else {
-      cornerRadii(sComputedCornerRadii);
-
-      roundingParams.setCornersRadii(sComputedCornerRadii[0], sComputedCornerRadii[1], sComputedCornerRadii[2], sComputedCornerRadii[3]);
     }
 
     roundingParams.setBorder(mBorderColor, mBorderWidth);
     if (mOverlayColor != Color.TRANSPARENT) {
-        roundingParams.setOverlayColor(mOverlayColor);
+      roundingParams.setOverlayColor(mOverlayColor);
     } else {
-        // make sure the default rounding method is used.
-        roundingParams.setRoundingMethod(RoundingParams.RoundingMethod.BITMAP_ONLY);
+      // make sure the default rounding method is used.
+      roundingParams.setRoundingMethod(RoundingParams.RoundingMethod.BITMAP_ONLY);
     }
     hierarchy.setRoundingParams(roundingParams);
     hierarchy.setFadeDuration(
-        mFadeDurationMs >= 0
-            ? mFadeDurationMs
-            : mImageSource.isResource() ? 0 : REMOTE_IMAGE_FADE_DURATION_MS);
+      mFadeDurationMs >= 0
+        ? mFadeDurationMs
+        : mImageSource.isResource() ? 0 : REMOTE_IMAGE_FADE_DURATION_MS);
 
-    // TODO: t13601664 Support multiple PostProcessors
-    Postprocessor postprocessor = null;
+    List<Postprocessor> postprocessors = new LinkedList<>();
     if (usePostprocessorScaling) {
-      postprocessor = mRoundedCornerPostprocessor;
-    } else if (mIterativeBoxBlurPostProcessor != null) {
-      postprocessor = mIterativeBoxBlurPostProcessor;
+      postprocessors.add(mRoundedCornerPostprocessor);
     }
+    if (mIterativeBoxBlurPostProcessor != null) {
+      postprocessors.add(mIterativeBoxBlurPostProcessor);
+    }
+    if (isTiled()) {
+      postprocessors.add(mTilePostprocessor);
+    }
+    Postprocessor postprocessor = MultiPostprocessor.from(postprocessors);
 
     ResizeOptions resizeOptions = doResize ? new ResizeOptions(getWidth(), getHeight()) : null;
 
     ImageRequestBuilder imageRequestBuilder = ImageRequestBuilder.newBuilderWithSource(mImageSource.getUri())
-        .setPostprocessor(postprocessor)
-        .setResizeOptions(resizeOptions)
-        .setAutoRotateEnabled(true)
-        .setProgressiveRenderingEnabled(mProgressiveRenderingEnabled);
+      .setPostprocessor(postprocessor)
+      .setResizeOptions(resizeOptions)
+      .setAutoRotateEnabled(true)
+      .setProgressiveRenderingEnabled(mProgressiveRenderingEnabled);
 
     ImageRequest imageRequest = ReactNetworkImageRequest.fromBuilderWithHeaders(imageRequestBuilder, mHeaders);
 
@@ -422,10 +503,10 @@ public void maybeUpdateView() {
     mDraweeControllerBuilder.reset();
 
     mDraweeControllerBuilder
-        .setAutoPlayAnimations(true)
-        .setCallerContext(mCallerContext)
-        .setOldController(getController())
-        .setImageRequest(imageRequest);
+      .setAutoPlayAnimations(true)
+      .setCallerContext(mCallerContext)
+      .setOldController(getController())
+      .setImageRequest(imageRequest);
 
     if (mCachedImageSource != null) {
       ImageRequest cachedImageRequest =
@@ -468,7 +549,7 @@ public void setControllerListener(ControllerListener controllerListener) {
   protected void onSizeChanged(int w, int h, int oldw, int oldh) {
     super.onSizeChanged(w, h, oldw, oldh);
     if (w > 0 && h > 0) {
-      mIsDirty = mIsDirty || hasMultipleSources();
+      mIsDirty = mIsDirty || hasMultipleSources() || isTiled();
       maybeUpdateView();
     }
   }
@@ -485,6 +566,10 @@ private boolean hasMultipleSources() {
     return mSources.size() > 1;
   }
 
+  private boolean isTiled() {
+    return mTileMode != Shader.TileMode.CLAMP;
+  }
+
   private void setSourceImage() {
     mImageSource = null;
     if (mSources.isEmpty()) {
@@ -508,7 +593,7 @@ private boolean shouldResize(ImageSource imageSource) {
     if (mResizeMethod == ImageResizeMethod.AUTO) {
       return
         UriUtil.isLocalContentUri(imageSource.getUri()) ||
-        UriUtil.isLocalFileUri(imageSource.getUri());
+          UriUtil.isLocalFileUri(imageSource.getUri());
     } else if (mResizeMethod == ImageResizeMethod.RESIZE) {
       return true;
     } else {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/image/ScaleTypeStartInside.java b/ReactAndroid/src/main/java/com/facebook/react/views/image/ScaleTypeStartInside.java
new file mode 100644
index 00000000000000..96640d044d5a14
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/image/ScaleTypeStartInside.java
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) 2017-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.views.image;
+
+import android.graphics.Matrix;
+import android.graphics.Rect;
+import com.facebook.drawee.drawable.ScalingUtils;
+
+public class ScaleTypeStartInside extends ScalingUtils.AbstractScaleType {
+  public static final ScalingUtils.ScaleType INSTANCE = new ScaleTypeStartInside();
+
+  @Override
+  public void getTransformImpl(
+      Matrix outTransform,
+      Rect parentRect,
+      int childWidth,
+      int childHeight,
+      float focusX,
+      float focusY,
+      float scaleX,
+      float scaleY) {
+    float scale = Math.min(Math.min(scaleX, scaleY), 1.0f);
+    float dx = parentRect.left;
+    float dy = parentRect.top;
+    outTransform.setScale(scale, scale);
+    outTransform.postTranslate((int) (dx + 0.5f), (int) (dy + 0.5f));
+  }
+
+  @Override
+  public String toString() {
+    return "start_inside";
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/BUCK
index 75f0cd973eb345..98227e605a5a32 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/BUCK
@@ -1,10 +1,10 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "rn_android_library")
 
 rn_android_library(
     name = "imagehelper",
     srcs = glob(
         ["*.java"],
-        excludes = ["MultiSourceHelper.java"],
+        exclude = ["MultiSourceHelper.java"],
     ),
     visibility = [
         "PUBLIC",
@@ -18,9 +18,6 @@ rn_android_library(
 rn_android_library(
     name = "withmultisource",
     srcs = ["MultiSourceHelper.java"],
-    exported_deps = [
-        ":imagehelper",
-    ],
     visibility = [
         "PUBLIC",
     ],
@@ -29,4 +26,7 @@ rn_android_library(
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
     ],
+    exported_deps = [
+        ":imagehelper",
+    ],
 )
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/modal/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/modal/BUCK
index 50de0adde787f8..8765148822cfc7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/modal/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/modal/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "YOGA_TARGET", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "modal",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostHelper.java b/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostHelper.java
index d63643266db40f..cecde6218046c0 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostHelper.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.views.modal;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostShadowNode.java
index 5e429ac67bb2c6..5b63f107dd6b0e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostShadowNode.java
@@ -28,7 +28,7 @@ private ModalHostShadowNode(ModalHostShadowNode node) {
   }
 
   @Override
-  public ModalHostShadowNode mutableCopy() {
+  protected ModalHostShadowNode copy() {
     return new ModalHostShadowNode(this);
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostManager.java
index 0f67e9c9e0bb13..16df07953b8c2b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostManager.java
@@ -7,10 +7,7 @@
 
 package com.facebook.react.views.modal;
 
-import java.util.Map;
-
 import android.content.DialogInterface;
-
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.LayoutShadowNode;
@@ -19,6 +16,7 @@
 import com.facebook.react.uimanager.ViewGroupManager;
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.uimanager.events.EventDispatcher;
+import java.util.Map;
 
 /**
  * View manager for {@link ReactModalHostView} components.
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostView.java b/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostView.java
index 1d64cb83f8f018..ab0491fe4619fd 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostView.java
@@ -250,7 +250,7 @@ public boolean onKey(DialogInterface dialog, int keyCode, KeyEvent event) {
     if (mHardwareAccelerated) {
       mDialog.getWindow().addFlags(WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED);
     }
-    if (currentActivity == null || !currentActivity.isFinishing()) {
+    if (currentActivity != null && !currentActivity.isFinishing()) {
       mDialog.show();
     }
   }
@@ -276,6 +276,17 @@ private View getContentView() {
   private void updateProperties() {
     Assertions.assertNotNull(mDialog, "mDialog must exist when we call updateProperties");
 
+    Activity currentActivity = getCurrentActivity();
+    if (currentActivity != null) {
+      int activityWindowFlags = currentActivity.getWindow().getAttributes().flags;
+      if ((activityWindowFlags
+          & WindowManager.LayoutParams.FLAG_FULLSCREEN) != 0) {
+        mDialog.getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
+      } else {
+        mDialog.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
+      }
+    }
+
     if (mTransparent) {
       mDialog.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND);
     } else {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/picker/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/picker/BUCK
index aca48169427385..a558b5f5101cc6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/picker/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/picker/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "picker",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPickerManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPickerManager.java
index 59f5461ab60795..a8b3fa7d118929 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPickerManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPickerManager.java
@@ -7,8 +7,6 @@
 
 package com.facebook.react.views.picker;
 
-import javax.annotation.Nullable;
-
 import android.content.Context;
 import android.view.LayoutInflater;
 import android.view.View;
@@ -16,7 +14,6 @@
 import android.widget.ArrayAdapter;
 import android.widget.Spinner;
 import android.widget.TextView;
-
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
@@ -27,6 +24,7 @@
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.uimanager.events.EventDispatcher;
 import com.facebook.react.views.picker.events.PickerItemSelectEvent;
+import javax.annotation.Nullable;
 
 /**
  * {@link ViewManager} for the {@link ReactPicker} view. This is abstract because the
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/BUCK
index bf73d0c46eac53..83b2f43751daeb 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "YOGA_TARGET", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "progressbar",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarContainerView.java b/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarContainerView.java
index 9e29777d243d04..e1d8f6fe0b58e6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarContainerView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarContainerView.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.views.progressbar;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarShadowNode.java
index 5e44b62135e278..d18466e58af9c7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarShadowNode.java
@@ -7,6 +7,7 @@
 
 package com.facebook.react.views.progressbar;
 
+import com.facebook.react.uimanager.ReactShadowNodeImpl;
 import javax.annotation.Nullable;
 
 import java.util.HashSet;
@@ -41,7 +42,7 @@ public ProgressBarShadowNode() {
     mHeight = new SparseIntArray();
     mWidth = new SparseIntArray();
     mMeasured = new HashSet<>();
-    setMeasureFunction(this);
+    initMeasureFunction();
   }
 
   public ProgressBarShadowNode(ProgressBarShadowNode node) {
@@ -49,11 +50,28 @@ public ProgressBarShadowNode(ProgressBarShadowNode node) {
     mWidth = node.mWidth.clone();
     mHeight = node.mHeight.clone();
     mMeasured = new HashSet<>(node.mMeasured);
+  }
+
+  @Override
+  public ReactShadowNodeImpl mutableCopyWithNewChildren(long instanceHandle) {
+    ProgressBarShadowNode node = (ProgressBarShadowNode) super.mutableCopyWithNewChildren(instanceHandle);
+    node.initMeasureFunction();
+    return node;
+  }
+
+  private void initMeasureFunction() {
     setMeasureFunction(this);
   }
 
   @Override
-  public ProgressBarShadowNode mutableCopy() {
+  public ReactShadowNodeImpl mutableCopy(long instanceHandle) {
+    ProgressBarShadowNode node = (ProgressBarShadowNode) super.mutableCopy(instanceHandle);
+    node.initMeasureFunction();
+    return node;
+  }
+
+  @Override
+  public ProgressBarShadowNode copy() {
     return new ProgressBarShadowNode(this);
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/BUCK
index e2c20c51f02844..247fa4a207e9b7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "YOGA_TARGET", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "scroll",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerView.java b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerView.java
index 9dc4a2821c1c5f..e23e53305a90ab 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerView.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.views.scroll;
 
@@ -11,11 +14,13 @@
 public class ReactHorizontalScrollContainerView extends ViewGroup {
 
   private int mLayoutDirection;
+  private int mCurrentWidth;
 
   public ReactHorizontalScrollContainerView(Context context) {
     super(context);
     mLayoutDirection =
         I18nUtil.getInstance().isRTL(context) ? LAYOUT_DIRECTION_RTL : LAYOUT_DIRECTION_LTR;
+    mCurrentWidth = 0;
   }
 
   @Override
@@ -29,12 +34,12 @@ protected void onLayout(boolean changed, int left, int top, int right, int botto
       setLeft(newLeft);
       setRight(newRight);
 
-      // Fix the ScrollX position when using RTL language
-      int offsetX = computeHorizontalScrollRange() - getScrollX();
-
       // Call with the present values in order to re-layout if necessary
       HorizontalScrollView parent = (HorizontalScrollView) getParent();
+      // Fix the ScrollX position when using RTL language
+      int offsetX = parent.getScrollX() + getWidth() - mCurrentWidth;
       parent.scrollTo(offsetX, parent.getScrollY());
     }
+    mCurrentWidth = getWidth();
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerViewManager.java
index f84f72aa5dfc12..284f41451f5fae 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerViewManager.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.views.scroll;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollView.java b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollView.java
index 90b9d1fc4d3a9c..ba6ff876c2b7dd 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollView.java
@@ -38,6 +38,7 @@ public class ReactHorizontalScrollView extends HorizontalScrollView implements
 
   private final OnScrollDispatchHelper mOnScrollDispatchHelper = new OnScrollDispatchHelper();
   private final VelocityHelper mVelocityHelper = new VelocityHelper();
+  private final Rect mRect = new Rect();
 
   private boolean mActivelyScrolling;
   private @Nullable Rect mClippingRect;
@@ -102,6 +103,13 @@ public void flashScrollIndicators() {
     awakenScrollBars();
   }
 
+  @Override
+  protected void onDraw(Canvas canvas) {
+    getDrawingRect(mRect);
+    canvas.clipRect(mRect);
+    super.onDraw(canvas);
+  }
+
   @Override
   protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
     MeasureSpecAssertions.assertExplicitMeasureSpec(widthMeasureSpec, heightMeasureSpec);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollViewManager.java
index f0d9a6011684fc..e6536a6e53eb76 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollViewManager.java
@@ -8,7 +8,9 @@
 package com.facebook.react.views.scroll;
 
 import android.graphics.Color;
+import android.support.v4.view.ViewCompat;
 import android.util.DisplayMetrics;
+
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.DisplayMetricsHolder;
@@ -21,6 +23,7 @@
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.uimanager.annotations.ReactPropGroup;
 import com.facebook.yoga.YogaConstants;
+
 import javax.annotation.Nullable;
 
 /**
@@ -120,6 +123,11 @@ public void setOverScrollMode(ReactHorizontalScrollView view, String value) {
     view.setOverScrollMode(ReactScrollViewHelper.parseOverScrollMode(value));
   }
 
+  @ReactProp(name = "nestedScrollEnabled")
+  public void setNestedScrollEnabled(ReactHorizontalScrollView view, boolean value) {
+    ViewCompat.setNestedScrollingEnabled(view, value);
+  }
+
   @Override
   public void receiveCommand(
       ReactHorizontalScrollView scrollView,
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollView.java b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollView.java
index acf3458ef5f023..57b401cd6fbf5c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollView.java
@@ -47,6 +47,7 @@ public class ReactScrollView extends ScrollView implements ReactClippingViewGrou
   private final OnScrollDispatchHelper mOnScrollDispatchHelper = new OnScrollDispatchHelper();
   private final @Nullable OverScroller mScroller;
   private final VelocityHelper mVelocityHelper = new VelocityHelper();
+  private final Rect mRect = new Rect(); // for reuse to avoid allocation
 
   private @Nullable Rect mClippingRect;
   private boolean mDoneFlinging;
@@ -351,6 +352,8 @@ public void draw(Canvas canvas) {
         mEndBackground.draw(canvas);
       }
     }
+    getDrawingRect(mRect);
+    canvas.clipRect(mRect);
     super.draw(canvas);
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewHelper.java b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewHelper.java
index a034694b4bd9d7..9d6f51d058c9c4 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewHelper.java
@@ -9,10 +9,10 @@
 
 import android.view.View;
 import android.view.ViewGroup;
-
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.uimanager.UIManagerModule;
+import com.facebook.react.uimanager.events.EventDispatcher;
 
 /**
  * Helper class that deals with emitting Scroll Events.
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewManager.java
index ecab38a6d16e9d..df520b5e4669f4 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewManager.java
@@ -9,6 +9,8 @@
 
 import android.annotation.TargetApi;
 import android.graphics.Color;
+import android.support.v4.view.ViewCompat;
+
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.module.annotations.ReactModule;
@@ -21,8 +23,9 @@
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.uimanager.annotations.ReactPropGroup;
 import com.facebook.yoga.YogaConstants;
-import java.util.Map;
+
 import javax.annotation.Nullable;
+import java.util.Map;
 
 /**
  * View manager for {@link ReactScrollView} components.
@@ -121,6 +124,11 @@ public void setOverScrollMode(ReactScrollView view, String value) {
     view.setOverScrollMode(ReactScrollViewHelper.parseOverScrollMode(value));
   }
 
+  @ReactProp(name = "nestedScrollEnabled")
+  public void setNestedScrollEnabled(ReactScrollView view, boolean value) {
+    ViewCompat.setNestedScrollingEnabled(view, value);
+  }
+
   @Override
   public @Nullable Map<String, Integer> getCommandsMap() {
     return ReactScrollViewCommandHelper.getCommandsMap();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/slider/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/slider/BUCK
index 04d91b9bf4b5fb..a034f695b5d64d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/slider/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/slider/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "YOGA_TARGET", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "slider",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSliderManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSliderManager.java
index 9ab464ad0e19d6..4111ce3b2ea61c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSliderManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSliderManager.java
@@ -13,20 +13,20 @@
 import android.view.View;
 import android.view.ViewGroup;
 import android.widget.SeekBar;
-
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.uimanager.LayoutShadowNode;
+import com.facebook.react.uimanager.ReactShadowNodeImpl;
 import com.facebook.react.uimanager.SimpleViewManager;
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewProps;
 import com.facebook.react.uimanager.annotations.ReactProp;
+import com.facebook.react.uimanager.events.EventDispatcher;
 import com.facebook.yoga.YogaMeasureFunction;
 import com.facebook.yoga.YogaMeasureMode;
 import com.facebook.yoga.YogaMeasureOutput;
 import com.facebook.yoga.YogaNode;
-
 import java.util.Map;
 
 /**
@@ -56,7 +56,6 @@ private ReactSliderShadowNode(ReactSliderShadowNode node) {
       mWidth = node.mWidth;
       mHeight = node.mHeight;
       mMeasured = node.mMeasured;
-      initMeasureFunction();
     }
 
     private void initMeasureFunction() {
@@ -64,7 +63,21 @@ private void initMeasureFunction() {
     }
 
     @Override
-    public ReactSliderShadowNode mutableCopy() {
+    public ReactShadowNodeImpl mutableCopy(long instanceHandle) {
+      ReactSliderShadowNode reactShadowNode = (ReactSliderShadowNode) super.mutableCopy(instanceHandle);
+      reactShadowNode.initMeasureFunction();
+      return reactShadowNode;
+    }
+
+    @Override
+    public ReactShadowNodeImpl mutableCopyWithNewChildren(long instanceHandle) {
+      ReactSliderShadowNode reactShadowNode = (ReactSliderShadowNode) super.mutableCopyWithNewChildren(instanceHandle);
+      reactShadowNode.initMeasureFunction();
+      return reactShadowNode;
+    }
+
+    @Override
+    protected ReactSliderShadowNode copy() {
       return new ReactSliderShadowNode(this);
     }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/BUCK
index b60b696d794935..af67f891b3a49a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "swiperefresh",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout.java b/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout.java
index 3ffa43dfde936e..2512b2b21c415e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout.java
@@ -89,6 +89,14 @@ public void requestDisallowInterceptTouchEvent(boolean disallowIntercept) {
   public boolean onInterceptTouchEvent(MotionEvent ev) {
     if (shouldInterceptTouchEvent(ev) && super.onInterceptTouchEvent(ev)) {
       NativeGestureUtil.notifyNativeGestureStarted(this, ev);
+
+      // If the pull-to-refresh gesture is interrupted by a parent with its own
+      // onInterceptTouchEvent then the refresh indicator gets stuck on-screen
+      // so we ask the parent to not intercept this touch event after it started
+      if (getParent() != null) {
+        getParent().requestDisallowInterceptTouchEvent(true);
+      }
+
       return true;
     }
     return false;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/SwipeRefreshLayoutManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/SwipeRefreshLayoutManager.java
index 4988129234edd5..ab551d9436cc58 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/SwipeRefreshLayoutManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/SwipeRefreshLayoutManager.java
@@ -7,14 +7,11 @@
 
 package com.facebook.react.views.swiperefresh;
 
-import javax.annotation.Nullable;
-
-import java.util.Map;
+import static com.facebook.react.views.swiperefresh.SwipeRefreshLayoutManager.REACT_CLASS;
 
 import android.graphics.Color;
 import android.support.v4.widget.SwipeRefreshLayout;
 import android.support.v4.widget.SwipeRefreshLayout.OnRefreshListener;
-
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.module.annotations.ReactModule;
@@ -23,8 +20,9 @@
 import com.facebook.react.uimanager.ViewGroupManager;
 import com.facebook.react.uimanager.ViewProps;
 import com.facebook.react.uimanager.annotations.ReactProp;
-
-import static com.facebook.react.views.swiperefresh.SwipeRefreshLayoutManager.REACT_CLASS;
+import com.facebook.react.uimanager.events.EventDispatcher;
+import java.util.Map;
+import javax.annotation.Nullable;
 
 /**
  * ViewManager for {@link ReactSwipeRefreshLayout} which allows the user to "pull to refresh" a
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/switchview/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/switchview/BUCK
index 90811afcf8e172..1bafa2f20020a7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/switchview/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/switchview/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "YOGA_TARGET", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "switchview",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitchManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitchManager.java
index 62a3ad3f41fac3..0d802c13c45bcf 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitchManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitchManager.java
@@ -12,18 +12,19 @@
 import android.view.View;
 import android.view.ViewGroup;
 import android.widget.CompoundButton;
-
-import com.facebook.yoga.YogaMeasureMode;
-import com.facebook.yoga.YogaMeasureFunction;
-import com.facebook.yoga.YogaNode;
-import com.facebook.yoga.YogaMeasureOutput;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.uimanager.LayoutShadowNode;
+import com.facebook.react.uimanager.ReactShadowNodeImpl;
 import com.facebook.react.uimanager.SimpleViewManager;
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewProps;
 import com.facebook.react.uimanager.annotations.ReactProp;
+import com.facebook.react.uimanager.events.EventDispatcher;
+import com.facebook.yoga.YogaMeasureFunction;
+import com.facebook.yoga.YogaMeasureMode;
+import com.facebook.yoga.YogaMeasureOutput;
+import com.facebook.yoga.YogaNode;
 
 /**
  * View manager for {@link ReactSwitch} components.
@@ -48,7 +49,6 @@ private ReactSwitchShadowNode(ReactSwitchShadowNode node) {
       mWidth = node.mWidth;
       mHeight = node.mHeight;
       mMeasured = node.mMeasured;
-      initMeasureFunction();
     }
 
     private void initMeasureFunction() {
@@ -56,7 +56,21 @@ private void initMeasureFunction() {
     }
 
     @Override
-    public ReactSwitchShadowNode mutableCopy() {
+    public ReactShadowNodeImpl mutableCopy(long instanceHandle) {
+      ReactSwitchShadowNode reactShadowNode = (ReactSwitchShadowNode) super.mutableCopy(instanceHandle);
+      reactShadowNode.initMeasureFunction();
+      return reactShadowNode;
+    }
+
+    @Override
+    public ReactShadowNodeImpl mutableCopyWithNewChildren(long instanceHandle) {
+      ReactSwitchShadowNode reactShadowNode = (ReactSwitchShadowNode) super.mutableCopyWithNewChildren(instanceHandle);
+      reactShadowNode.initMeasureFunction();
+      return reactShadowNode;
+    }
+
+    @Override
+    protected ReactSwitchShadowNode copy() {
       return new ReactSwitchShadowNode(this);
     }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/text/BUCK
index 4ed92a824f9352..1b5c6c6fff7d3f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "YOGA_TARGET", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "text",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBaseTextShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBaseTextShadowNode.java
index 075c5be23edf3c..f6a8885d12f204 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBaseTextShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBaseTextShadowNode.java
@@ -119,7 +119,7 @@ private static void buildSpannedFromShadowNode(
                 start, end, new BackgroundColorSpan(textShadowNode.mBackgroundColor)));
       }
       if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
-        if (textShadowNode.mLetterSpacing != Float.NaN) {
+        if (!Float.isNaN(textShadowNode.mLetterSpacing)) {
           ops.add(new SetSpanOperation(
             start,
             end,
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactRawTextShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactRawTextShadowNode.java
index 87f6d53692c59f..488abfe84c0651 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactRawTextShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactRawTextShadowNode.java
@@ -30,7 +30,7 @@ private ReactRawTextShadowNode(ReactRawTextShadowNode node) {
   }
 
   @Override
-  public ReactShadowNodeImpl mutableCopy() {
+  protected ReactShadowNodeImpl copy() {
     return new ReactRawTextShadowNode(this);
   }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextAnchorViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextAnchorViewManager.java
index 71ba5eef46095f..776bce7ccdc565 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextAnchorViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextAnchorViewManager.java
@@ -52,6 +52,8 @@ public void setEllipsizeMode(ReactTextView view, @Nullable String ellipsizeMode)
       view.setEllipsizeLocation(TextUtils.TruncateAt.START);
     } else if (ellipsizeMode.equals("middle")) {
       view.setEllipsizeLocation(TextUtils.TruncateAt.MIDDLE);
+    } else if (ellipsizeMode.equals("clip")) {
+      view.setEllipsizeLocation(null);
     } else {
       throw new JSApplicationIllegalArgumentException("Invalid ellipsizeMode: " + ellipsizeMode);
     }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextShadowNode.java
index 72e044ee8b047a..1f4f52fd7bf85b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextShadowNode.java
@@ -18,6 +18,7 @@
 import android.widget.TextView;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.uimanager.LayoutShadowNode;
+import com.facebook.react.uimanager.ReactShadowNodeImpl;
 import com.facebook.react.uimanager.Spacing;
 import com.facebook.react.uimanager.UIViewOperationQueue;
 import com.facebook.yoga.YogaConstants;
@@ -144,7 +145,6 @@ public ReactTextShadowNode() {
   private ReactTextShadowNode(ReactTextShadowNode node) {
     super(node);
     this.mPreparedSpannableText = node.mPreparedSpannableText;
-    initMeasureFunction();
   }
 
   private void initMeasureFunction() {
@@ -154,10 +154,24 @@ private void initMeasureFunction() {
   }
 
   @Override
-  public LayoutShadowNode mutableCopy() {
+  protected LayoutShadowNode copy() {
     return new ReactTextShadowNode(this);
   }
 
+  @Override
+  public ReactShadowNodeImpl mutableCopy(long instanceHandle) {
+    ReactTextShadowNode copy = (ReactTextShadowNode) super.mutableCopy(instanceHandle);
+    copy.initMeasureFunction();
+    return copy;
+  }
+
+  @Override
+  public ReactShadowNodeImpl mutableCopyWithNewChildren(long instanceHandle) {
+    ReactTextShadowNode copy = (ReactTextShadowNode) super.mutableCopyWithNewChildren(instanceHandle);
+    copy.initMeasureFunction();
+    return copy;
+  }
+
   // Return text alignment according to LTR or RTL style
   private int getTextAlign() {
     int textAlign = mTextAlign;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactVirtualTextShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactVirtualTextShadowNode.java
index 6506e9697abb4a..cfd6009b070892 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactVirtualTextShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactVirtualTextShadowNode.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.views.text;
 
@@ -19,7 +22,7 @@ private ReactVirtualTextShadowNode(ReactVirtualTextShadowNode node) {
   }
 
   @Override
-  public ReactVirtualTextShadowNode mutableCopy() {
+  protected ReactVirtualTextShadowNode copy() {
     return new ReactVirtualTextShadowNode(this);
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/BUCK
index cb24e878a784fa..a070c342416453 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "YOGA_TARGET", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "frescosupport",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageShadowNode.java
index 56298de90205f3..301174772eac6f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageShadowNode.java
@@ -41,6 +41,7 @@ public class FrescoBasedReactTextInlineImageShadowNode extends ReactTextInlineIm
   private final @Nullable Object mCallerContext;
   private float mWidth = YogaConstants.UNDEFINED;
   private float mHeight = YogaConstants.UNDEFINED;
+  private int mTintColor = 0;
 
   public FrescoBasedReactTextInlineImageShadowNode(
     AbstractDraweeControllerBuilder draweeControllerBuilder,
@@ -54,13 +55,14 @@ private FrescoBasedReactTextInlineImageShadowNode(FrescoBasedReactTextInlineImag
     mHeaders = node.mHeaders; // mHeaders is immutable
     mWidth = node.mWidth;
     mHeight = node.mHeight;
+    mTintColor = node.mTintColor;
     mDraweeControllerBuilder = node.mDraweeControllerBuilder;
     mCallerContext = node.mCallerContext;
     mUri = node.mUri;
   }
 
   @Override
-  public FrescoBasedReactTextInlineImageShadowNode mutableCopy() {
+  protected FrescoBasedReactTextInlineImageShadowNode copy() {
     return new FrescoBasedReactTextInlineImageShadowNode(this);
   }
 
@@ -94,6 +96,11 @@ public void setHeaders(ReadableMap headers) {
     mHeaders = headers;
   }
 
+  @ReactProp(name = "tintColor")
+  public void setTintColor(int tintColor) {
+    mTintColor = tintColor;
+  }
+
   /**
    * Besides width/height, all other layout props on inline images are ignored
    */
@@ -116,7 +123,7 @@ public void setHeight(Dynamic height) {
           "Inline images must not have percentage based height");
     }
   }
-
+  
   public @Nullable Uri getUri() {
     return mUri;
   }
@@ -155,6 +162,7 @@ public TextInlineImageSpan buildInlineImageSpan() {
       resources,
       height,
       width,
+      mTintColor,
       getUri(),
       getHeaders(),
       getDraweeControllerBuilder(),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageSpan.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageSpan.java
index da53a968703fa8..08d3ed9d2f7692 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageSpan.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageSpan.java
@@ -7,6 +7,9 @@
 
 package com.facebook.react.views.text.frescosupport;
 
+import android.graphics.Color;
+import android.graphics.PorterDuff;
+import com.facebook.react.uimanager.PixelUtil;
 import javax.annotation.Nullable;
 
 import android.content.res.Resources;
@@ -46,6 +49,7 @@ public class FrescoBasedReactTextInlineImageSpan extends TextInlineImageSpan {
   private final @Nullable Object mCallerContext;
 
   private int mHeight;
+  private int mTintColor;
   private Uri mUri;
   private int mWidth;
   private ReadableMap mHeaders;
@@ -56,6 +60,7 @@ public FrescoBasedReactTextInlineImageSpan(
       Resources resources,
       int height,
       int width,
+      int tintColor,
       @Nullable Uri uri,
       ReadableMap headers,
       AbstractDraweeControllerBuilder draweeControllerBuilder,
@@ -66,11 +71,12 @@ public FrescoBasedReactTextInlineImageSpan(
     );
     mDraweeControllerBuilder = draweeControllerBuilder;
     mCallerContext = callerContext;
-
-    mHeight = height;
-    mWidth = width;
+    mTintColor = tintColor;
     mUri = (uri != null) ? uri : Uri.EMPTY;
     mHeaders = headers;
+    mWidth = (int)(PixelUtil.toPixelFromDIP(width));
+    mHeight = (int)(PixelUtil.toPixelFromDIP(height));
+
   }
 
   /**
@@ -143,15 +149,21 @@ public void draw(
 
       mDrawable = mDraweeHolder.getTopLevelDrawable();
       mDrawable.setBounds(0, 0, mWidth, mHeight);
+      if(mTintColor != 0) {
+        mDrawable.setColorFilter(mTintColor, PorterDuff.Mode.SRC_IN);
+      }
       mDrawable.setCallback(mTextView);
+
     }
 
     // NOTE: This drawing code is copied from DynamicDrawableSpan
 
     canvas.save();
 
-    // Align to baseline by default
-    int transY = y - mDrawable.getBounds().bottom;
+    // Align to center
+    int fontHeight = (int)(paint.descent() - paint.ascent());
+    int centerY = y + (int)paint.descent() - fontHeight / 2;
+    int transY = centerY - (mDrawable.getBounds().bottom - mDrawable.getBounds().top) / 2;
 
     canvas.translate(x, transY);
     mDrawable.draw(canvas);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/BUCK
index 60e261c2a202cc..bd919beae90211 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "YOGA_TARGET", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "textinput",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditText.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditText.java
index 7a9f34e2a6a0dd..fb4a4d9cfc174e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditText.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditText.java
@@ -81,6 +81,7 @@ public class ReactEditText extends EditText {
   private @Nullable ScrollWatcher mScrollWatcher;
   private final InternalKeyListener mKeyListener;
   private boolean mDetectScrollMovement = false;
+  private boolean mOnKeyPress = false;
   private float mLetterSpacingPt = 0;
 
   private ReactViewBackgroundManager mReactBackgroundManager;
@@ -175,7 +176,7 @@ protected void onScrollChanged(int horiz, int vert, int oldHoriz, int oldVert) {
   public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
     ReactContext reactContext = (ReactContext) getContext();
     InputConnection inputConnection = super.onCreateInputConnection(outAttrs);
-    if (inputConnection != null) {
+    if (inputConnection != null && mOnKeyPress) {
       inputConnection = new ReactEditTextInputConnectionWrapper(inputConnection, reactContext, this);
     }
 
@@ -274,6 +275,10 @@ public void setBlurOnSubmit(@Nullable Boolean blurOnSubmit) {
     mBlurOnSubmit = blurOnSubmit;
   }
 
+  public void setOnKeyPress(boolean onKeyPress) {
+    mOnKeyPress = onKeyPress;
+  }
+
   public boolean getBlurOnSubmit() {
     if (mBlurOnSubmit == null) {
       // Default blurOnSubmit
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditTextInputConnectionWrapper.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditTextInputConnectionWrapper.java
index cc2976efdf8679..26bead54761d65 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditTextInputConnectionWrapper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditTextInputConnectionWrapper.java
@@ -7,8 +7,6 @@
 
 package com.facebook.react.views.textinput;
 
-import javax.annotation.Nullable;
-
 import android.view.KeyEvent;
 import android.view.inputmethod.EditorInfo;
 import android.view.inputmethod.InputConnection;
@@ -16,6 +14,7 @@
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.events.EventDispatcher;
+import javax.annotation.Nullable;
 
 /**
  * A class to implement the TextInput 'onKeyPress' API on android for soft keyboards.
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputLocalData.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputLocalData.java
index 3940e4f7c62043..a91d72f42b7298 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputLocalData.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputLocalData.java
@@ -21,13 +21,21 @@ public final class ReactTextInputLocalData {
   private final int mMaxLines;
   private final int mInputType;
   private final int mBreakStrategy;
+  private final  CharSequence mPlaceholder;
 
   public ReactTextInputLocalData(EditText editText) {
     mText = new SpannableStringBuilder(editText.getText());
     mTextSize = editText.getTextSize();
-    mMinLines = editText.getMinLines();
-    mMaxLines = editText.getMaxLines();
     mInputType = editText.getInputType();
+    mPlaceholder = editText.getHint();
+
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
+      mMinLines = editText.getMinLines();
+      mMaxLines = editText.getMaxLines();
+    } else {
+      mMinLines = 1;
+      mMaxLines = 1;
+    }
 
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
       mBreakStrategy = editText.getBreakStrategy();
@@ -42,8 +50,9 @@ public void apply(EditText editText) {
     editText.setMinLines(mMinLines);
     editText.setMaxLines(mMaxLines);
     editText.setInputType(mInputType);
+    editText.setHint(mPlaceholder);
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
       editText.setBreakStrategy(mBreakStrategy);
     }
   }
-}
+}
\ No newline at end of file
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputManager.java
index 637027140ec010..3ee99b6c84c64e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputManager.java
@@ -27,6 +27,7 @@
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.UIManager;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.BaseViewManager;
@@ -68,8 +69,10 @@ public class ReactTextInputManager extends BaseViewManager<ReactEditText, Layout
   private static final int FOCUS_TEXT_INPUT = 1;
   private static final int BLUR_TEXT_INPUT = 2;
 
-  private static final int INPUT_TYPE_KEYBOARD_NUMBERED =
-      InputType.TYPE_CLASS_NUMBER | InputType.TYPE_NUMBER_FLAG_DECIMAL |
+  private static final int INPUT_TYPE_KEYBOARD_NUMBER_PAD = InputType.TYPE_CLASS_NUMBER; 
+  private static final int INPUT_TYPE_KEYBOARD_DECIMAL_PAD = INPUT_TYPE_KEYBOARD_NUMBER_PAD |
+          InputType.TYPE_NUMBER_FLAG_DECIMAL;
+  private static final int INPUT_TYPE_KEYBOARD_NUMBERED = INPUT_TYPE_KEYBOARD_DECIMAL_PAD |
           InputType.TYPE_NUMBER_FLAG_SIGNED;
   private static final int PASSWORD_VISIBILITY_FLAG = InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD &
         ~InputType.TYPE_TEXT_VARIATION_PASSWORD;
@@ -80,6 +83,8 @@ public class ReactTextInputManager extends BaseViewManager<ReactEditText, Layout
 
   private static final String KEYBOARD_TYPE_EMAIL_ADDRESS = "email-address";
   private static final String KEYBOARD_TYPE_NUMERIC = "numeric";
+  private static final String KEYBOARD_TYPE_DECIMAL_PAD = "decimal-pad";
+  private static final String KEYBOARD_TYPE_NUMBER_PAD = "number-pad";
   private static final String KEYBOARD_TYPE_PHONE_PAD = "phone-pad";
   private static final String KEYBOARD_TYPE_VISIBLE_PASSWORD = "visible-password";
   private static final InputFilter[] EMPTY_FILTERS = new InputFilter[0];
@@ -306,6 +311,11 @@ public void setOnScroll(final ReactEditText view, boolean onScroll) {
     }
   }
 
+  @ReactProp(name = "onKeyPress", defaultBoolean = false)
+  public void setOnKeyPress(final ReactEditText view, boolean onKeyPress) {
+    view.setOnKeyPress(onKeyPress);
+  }
+
   // Sets the letter spacing as an absolute point size.
   // This extra handling, on top of what ReactBaseTextShadowNode already does, is required for the
   // correct display of spacing in placeholder (hint) text.
@@ -557,6 +567,10 @@ public void setKeyboardType(ReactEditText view, @Nullable String keyboardType) {
     int flagsToSet = InputType.TYPE_CLASS_TEXT;
     if (KEYBOARD_TYPE_NUMERIC.equalsIgnoreCase(keyboardType)) {
       flagsToSet = INPUT_TYPE_KEYBOARD_NUMBERED;
+    } else if (KEYBOARD_TYPE_NUMBER_PAD.equalsIgnoreCase(keyboardType)) {
+      flagsToSet = INPUT_TYPE_KEYBOARD_NUMBER_PAD;
+    } else if (KEYBOARD_TYPE_DECIMAL_PAD.equalsIgnoreCase(keyboardType)) {
+      flagsToSet = INPUT_TYPE_KEYBOARD_DECIMAL_PAD;
     } else if (KEYBOARD_TYPE_EMAIL_ADDRESS.equalsIgnoreCase(keyboardType)) {
       flagsToSet = InputType.TYPE_TEXT_VARIATION_EMAIL_ADDRESS | InputType.TYPE_CLASS_TEXT;
     } else if (KEYBOARD_TYPE_PHONE_PAD.equalsIgnoreCase(keyboardType)) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputShadowNode.java
index 375c02a6285711..20807f81fbc518 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputShadowNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputShadowNode.java
@@ -9,15 +9,19 @@
 
 import android.os.Build;
 import android.text.Layout;
+import android.util.TypedValue;
 import android.view.ViewGroup;
 import android.widget.EditText;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.common.annotations.VisibleForTesting;
 import com.facebook.react.uimanager.LayoutShadowNode;
+import com.facebook.react.uimanager.PixelUtil;
+import com.facebook.react.uimanager.ReactShadowNodeImpl;
 import com.facebook.react.uimanager.Spacing;
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.react.uimanager.UIViewOperationQueue;
+import com.facebook.react.uimanager.ViewDefaults;
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.views.text.ReactBaseTextShadowNode;
 import com.facebook.react.views.text.ReactTextUpdate;
@@ -37,15 +41,17 @@ public class ReactTextInputShadowNode extends ReactBaseTextShadowNode
   private @Nullable ReactTextInputLocalData mLocalData;
 
   @VisibleForTesting public static final String PROP_TEXT = "text";
+  @VisibleForTesting public static final String PROP_PLACEHOLDER = "placeholder";
 
   // Represents the {@code text} property only, not possible nested content.
   private @Nullable String mText = null;
+  private @Nullable String mPlaceholder = null;
 
   public ReactTextInputShadowNode() {
     mTextBreakStrategy = (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) ?
         0 : Layout.BREAK_STRATEGY_SIMPLE;
 
-    setMeasureFunction(this);
+    initMeasureFunction();
   }
 
   private ReactTextInputShadowNode(ReactTextInputShadowNode node) {
@@ -53,16 +59,37 @@ private ReactTextInputShadowNode(ReactTextInputShadowNode node) {
     mMostRecentEventCount = node.mMostRecentEventCount;
     mText = node.mText;
     mLocalData = node.mLocalData;
-    setMeasureFunction(this);
+  }
+
+  @Override
+  protected ReactTextInputShadowNode copy() {
+    return new ReactTextInputShadowNode(this);
+  }
+
+  @Override
+  public ReactTextInputShadowNode mutableCopy(long instanceHandle) {
+    ReactTextInputShadowNode node = (ReactTextInputShadowNode) super.mutableCopy(instanceHandle);
+    node.initMeasureFunction();
     ThemedReactContext themedContext = getThemedContext();
     if (themedContext != null) {
-      setThemedContext(themedContext);
+      node.setThemedContext(themedContext);
     }
+    return node;
+  }
+
+  private void initMeasureFunction() {
+    setMeasureFunction(this);
   }
 
   @Override
-  public ReactTextInputShadowNode mutableCopy() {
-    return new ReactTextInputShadowNode(this);
+  public ReactTextInputShadowNode mutableCopyWithNewChildren(long instanceHandle) {
+    ReactTextInputShadowNode node = (ReactTextInputShadowNode) super.mutableCopyWithNewChildren(instanceHandle);
+    node.initMeasureFunction();
+    ThemedReactContext themedContext = getThemedContext();
+    if (themedContext != null) {
+      node.setThemedContext(themedContext);
+    }
+    return node;
   }
 
   @Override
@@ -105,14 +132,27 @@ public long measure(
     // measure() should never be called before setThemedContext()
     EditText editText = Assertions.assertNotNull(mDummyEditText);
 
-    if (mLocalData == null) {
-      // No local data, no intrinsic size.
-      return YogaMeasureOutput.make(0, 0);
+    if (mLocalData != null) {
+      mLocalData.apply(editText);
+    } else {
+      editText.setTextSize(
+          TypedValue.COMPLEX_UNIT_PX,
+          mFontSize == UNSET ?
+              (int) Math.ceil(PixelUtil.toPixelFromSP(ViewDefaults.FONT_SIZE_SP)) : mFontSize);
+
+      if (mNumberOfLines != UNSET) {
+        editText.setLines(mNumberOfLines);
+      }
+
+      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M &&
+          editText.getBreakStrategy() != mTextBreakStrategy) {
+        editText.setBreakStrategy(mTextBreakStrategy);
+      }
     }
 
-    mLocalData.apply(editText);
-
-    editText.measure(
+     // make sure the placeholder content is also being measured
+     editText.setHint(getPlaceholder());
+     editText.measure(
         MeasureUtil.getMeasureSpec(width, widthMode),
         MeasureUtil.getMeasureSpec(height, heightMode));
 
@@ -156,6 +196,16 @@ public void setText(@Nullable String text) {
     return mText;
   }
 
+  @ReactProp(name = PROP_PLACEHOLDER)
+  public void setPlaceholder(@Nullable String placeholder) {
+    mPlaceholder = placeholder;
+    markUpdated();
+  }
+
+  public @Nullable String getPlaceholder() {
+    return mPlaceholder;
+  }
+
   @Override
   public void setTextBreakStrategy(@Nullable String textBreakStrategy) {
     if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/BUCK
index a3c96aab6dc4d2..4cc9bccd712546 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "YOGA_TARGET", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "toolbar",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/ReactToolbarManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/ReactToolbarManager.java
index be9377047a90c8..99cca31692fcdc 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/ReactToolbarManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/toolbar/ReactToolbarManager.java
@@ -33,6 +33,7 @@
 public class ReactToolbarManager extends ViewGroupManager<ReactToolbar> {
 
   private static final String REACT_CLASS = "ToolbarAndroid";
+  private static final int COMMAND_DISMISS_POPUP_MENUS = 1;
 
   @Override
   public String getName() {
@@ -117,8 +118,7 @@ public void setActions(ReactToolbar view, @Nullable ReadableArray actions) {
 
   @Override
   protected void addEventEmitters(final ThemedReactContext reactContext, final ReactToolbar view) {
-    final EventDispatcher mEventDispatcher = reactContext.getNativeModule(UIManagerModule.class)
-        .getEventDispatcher();
+    final EventDispatcher mEventDispatcher = reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
     view.setNavigationOnClickListener(
         new View.OnClickListener() {
           @Override
@@ -157,6 +157,27 @@ public boolean needsCustomLayoutForChildren() {
     return true;
   }
 
+  @Nullable
+  @Override
+  public Map<String, Integer> getCommandsMap() {
+    return MapBuilder.of("dismissPopupMenus", COMMAND_DISMISS_POPUP_MENUS);
+  }
+
+  @Override
+  public void receiveCommand(ReactToolbar view, int commandType, @Nullable ReadableArray args) {
+    switch (commandType) {
+      case COMMAND_DISMISS_POPUP_MENUS: {
+        view.dismissPopupMenus();
+        return;
+      }
+      default:
+        throw new IllegalArgumentException(String.format(
+          "Unsupported command %d received by %s.",
+          commandType,
+          getClass().getSimpleName()));
+    }
+  }
+
   private int[] getDefaultContentInsets(Context context) {
     Resources.Theme theme = context.getTheme();
     TypedArray toolbarStyle = null;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/view/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/view/BUCK
index 4f0d4baeea03e4..601614384b9636 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/view/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/view/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "YOGA_TARGET", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "view",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/view/MeasureUtil.java b/ReactAndroid/src/main/java/com/facebook/react/views/view/MeasureUtil.java
index 338428f0e73c10..6f764282e7e16c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/view/MeasureUtil.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/view/MeasureUtil.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.views.view;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundDrawable.java b/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundDrawable.java
index 9e374b4c502ecb..1a31a0cc38bd37 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundDrawable.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundDrawable.java
@@ -90,9 +90,11 @@ private static enum BorderStyle {
   private @Nullable Path mOuterClipPathForBorderRadius;
   private @Nullable Path mPathForBorderRadiusOutline;
   private @Nullable Path mPathForBorder;
+  private @Nullable Path mCenterDrawPath;
   private @Nullable RectF mInnerClipTempRectForBorderRadius;
   private @Nullable RectF mOuterClipTempRectForBorderRadius;
   private @Nullable RectF mTempRectForBorderRadiusOutline;
+  private @Nullable RectF mTempRectForCenterDrawPath;
   private @Nullable PointF mInnerTopLeftCorner;
   private @Nullable PointF mInnerTopRightCorner;
   private @Nullable PointF mInnerBottomRightCorner;
@@ -343,110 +345,130 @@ private void drawRoundedBackgroundWithBorders(Canvas canvas) {
         || borderWidth.bottom > 0
         || borderWidth.left > 0
         || borderWidth.right > 0) {
-      mPaint.setStyle(Paint.Style.FILL);
 
-      // Draw border
-      canvas.clipPath(mOuterClipPathForBorderRadius, Region.Op.INTERSECT);
-      canvas.clipPath(mInnerClipPathForBorderRadius, Region.Op.DIFFERENCE);
+      //If it's a full and even border draw inner rect path with stroke
+      final float fullBorderWidth = getFullBorderWidth();
+      if (borderWidth.top == fullBorderWidth &&
+        borderWidth.bottom == fullBorderWidth &&
+        borderWidth.left == fullBorderWidth &&
+        borderWidth.right == fullBorderWidth) {
+        if (fullBorderWidth > 0) {
+          int borderColor = getBorderColor(Spacing.ALL);
+          mPaint.setColor(ColorUtil.multiplyColorAlpha(borderColor, mAlpha));
+          mPaint.setStyle(Paint.Style.STROKE);
+          mPaint.setStrokeWidth(fullBorderWidth);
+          canvas.drawPath(mCenterDrawPath, mPaint);
+        }
+      }
+      //In the case of uneven border widths/colors draw quadrilateral in each direction
+      else {
+        mPaint.setStyle(Paint.Style.FILL);
 
-      int colorLeft = getBorderColor(Spacing.LEFT);
-      int colorTop = getBorderColor(Spacing.TOP);
-      int colorRight = getBorderColor(Spacing.RIGHT);
-      int colorBottom = getBorderColor(Spacing.BOTTOM);
+        // Draw border
+        canvas.clipPath(mOuterClipPathForBorderRadius, Region.Op.INTERSECT);
+        canvas.clipPath(mInnerClipPathForBorderRadius, Region.Op.DIFFERENCE);
 
-      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
-        final boolean isRTL = getResolvedLayoutDirection() == View.LAYOUT_DIRECTION_RTL;
-        int colorStart = getBorderColor(Spacing.START);
-        int colorEnd = getBorderColor(Spacing.END);
+        int colorLeft = getBorderColor(Spacing.LEFT);
+        int colorTop = getBorderColor(Spacing.TOP);
+        int colorRight = getBorderColor(Spacing.RIGHT);
+        int colorBottom = getBorderColor(Spacing.BOTTOM);
 
-        if (I18nUtil.getInstance().doLeftAndRightSwapInRTL(mContext)) {
-          if (!isBorderColorDefined(Spacing.START)) {
-            colorStart = colorLeft;
-          }
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
+          final boolean isRTL = getResolvedLayoutDirection() == View.LAYOUT_DIRECTION_RTL;
+          int colorStart = getBorderColor(Spacing.START);
+          int colorEnd = getBorderColor(Spacing.END);
 
-          if (!isBorderColorDefined(Spacing.END)) {
-            colorEnd = colorRight;
-          }
+          if (I18nUtil.getInstance().doLeftAndRightSwapInRTL(mContext)) {
+            if (!isBorderColorDefined(Spacing.START)) {
+              colorStart = colorLeft;
+            }
 
-          final int directionAwareColorLeft = isRTL ? colorEnd : colorStart;
-          final int directionAwareColorRight = isRTL ? colorStart : colorEnd;
+            if (!isBorderColorDefined(Spacing.END)) {
+              colorEnd = colorRight;
+            }
 
-          colorLeft = directionAwareColorLeft;
-          colorRight = directionAwareColorRight;
-        } else {
-          final int directionAwareColorLeft = isRTL ? colorEnd : colorStart;
-          final int directionAwareColorRight = isRTL ? colorStart : colorEnd;
+            final int directionAwareColorLeft = isRTL ? colorEnd : colorStart;
+            final int directionAwareColorRight = isRTL ? colorStart : colorEnd;
 
-          final boolean isColorStartDefined = isBorderColorDefined(Spacing.START);
-          final boolean isColorEndDefined = isBorderColorDefined(Spacing.END);
-          final boolean isDirectionAwareColorLeftDefined = isRTL ? isColorEndDefined : isColorStartDefined;
-          final boolean isDirectionAwareColorRightDefined = isRTL ? isColorStartDefined : isColorEndDefined;
-
-          if (isDirectionAwareColorLeftDefined) {
             colorLeft = directionAwareColorLeft;
-          }
-
-          if (isDirectionAwareColorRightDefined) {
             colorRight = directionAwareColorRight;
+          } else {
+            final int directionAwareColorLeft = isRTL ? colorEnd : colorStart;
+            final int directionAwareColorRight = isRTL ? colorStart : colorEnd;
+
+            final boolean isColorStartDefined = isBorderColorDefined(Spacing.START);
+            final boolean isColorEndDefined = isBorderColorDefined(Spacing.END);
+            final boolean isDirectionAwareColorLeftDefined =
+              isRTL ? isColorEndDefined : isColorStartDefined;
+            final boolean isDirectionAwareColorRightDefined =
+              isRTL ? isColorStartDefined : isColorEndDefined;
+
+            if (isDirectionAwareColorLeftDefined) {
+              colorLeft = directionAwareColorLeft;
+            }
+
+            if (isDirectionAwareColorRightDefined) {
+              colorRight = directionAwareColorRight;
+            }
           }
         }
-      }
 
-      final float left = mOuterClipTempRectForBorderRadius.left;
-      final float right = mOuterClipTempRectForBorderRadius.right;
-      final float top = mOuterClipTempRectForBorderRadius.top;
-      final float bottom = mOuterClipTempRectForBorderRadius.bottom;
-
-      if (borderWidth.left > 0) {
-        final float x1 = left;
-        final float y1 = top;
-        final float x2 = mInnerTopLeftCorner.x;
-        final float y2 = mInnerTopLeftCorner.y;
-        final float x3 = mInnerBottomLeftCorner.x;
-        final float y3 = mInnerBottomLeftCorner.y;
-        final float x4 = left;
-        final float y4 = bottom;
-
-        drawQuadrilateral(canvas, colorLeft, x1, y1, x2, y2, x3, y3, x4, y4);
-      }
+        final float left = mOuterClipTempRectForBorderRadius.left;
+        final float right = mOuterClipTempRectForBorderRadius.right;
+        final float top = mOuterClipTempRectForBorderRadius.top;
+        final float bottom = mOuterClipTempRectForBorderRadius.bottom;
 
-      if (borderWidth.top > 0) {
-        final float x1 = left;
-        final float y1 = top;
-        final float x2 = mInnerTopLeftCorner.x;
-        final float y2 = mInnerTopLeftCorner.y;
-        final float x3 = mInnerTopRightCorner.x;
-        final float y3 = mInnerTopRightCorner.y;
-        final float x4 = right;
-        final float y4 = top;
-
-        drawQuadrilateral(canvas, colorTop, x1, y1, x2, y2, x3, y3, x4, y4);
-      }
+        if (borderWidth.left > 0) {
+          final float x1 = left;
+          final float y1 = top;
+          final float x2 = mInnerTopLeftCorner.x;
+          final float y2 = mInnerTopLeftCorner.y;
+          final float x3 = mInnerBottomLeftCorner.x;
+          final float y3 = mInnerBottomLeftCorner.y;
+          final float x4 = left;
+          final float y4 = bottom;
 
-      if (borderWidth.right > 0) {
-        final float x1 = right;
-        final float y1 = top;
-        final float x2 = mInnerTopRightCorner.x;
-        final float y2 = mInnerTopRightCorner.y;
-        final float x3 = mInnerBottomRightCorner.x;
-        final float y3 = mInnerBottomRightCorner.y;
-        final float x4 = right;
-        final float y4 = bottom;
-
-        drawQuadrilateral(canvas, colorRight, x1, y1, x2, y2, x3, y3, x4, y4);
-      }
+          drawQuadrilateral(canvas, colorLeft, x1, y1, x2, y2, x3, y3, x4, y4);
+        }
+
+        if (borderWidth.top > 0) {
+          final float x1 = left;
+          final float y1 = top;
+          final float x2 = mInnerTopLeftCorner.x;
+          final float y2 = mInnerTopLeftCorner.y;
+          final float x3 = mInnerTopRightCorner.x;
+          final float y3 = mInnerTopRightCorner.y;
+          final float x4 = right;
+          final float y4 = top;
+
+          drawQuadrilateral(canvas, colorTop, x1, y1, x2, y2, x3, y3, x4, y4);
+        }
+
+        if (borderWidth.right > 0) {
+          final float x1 = right;
+          final float y1 = top;
+          final float x2 = mInnerTopRightCorner.x;
+          final float y2 = mInnerTopRightCorner.y;
+          final float x3 = mInnerBottomRightCorner.x;
+          final float y3 = mInnerBottomRightCorner.y;
+          final float x4 = right;
+          final float y4 = bottom;
 
-      if (borderWidth.bottom > 0) {
-        final float x1 = left;
-        final float y1 = bottom;
-        final float x2 = mInnerBottomLeftCorner.x;
-        final float y2 = mInnerBottomLeftCorner.y;
-        final float x3 = mInnerBottomRightCorner.x;
-        final float y3 = mInnerBottomRightCorner.y;
-        final float x4 = right;
-        final float y4 = bottom;
-
-        drawQuadrilateral(canvas, colorBottom, x1, y1, x2, y2, x3, y3, x4, y4);
+          drawQuadrilateral(canvas, colorRight, x1, y1, x2, y2, x3, y3, x4, y4);
+        }
+
+        if (borderWidth.bottom > 0) {
+          final float x1 = left;
+          final float y1 = bottom;
+          final float x2 = mInnerBottomLeftCorner.x;
+          final float y2 = mInnerBottomLeftCorner.y;
+          final float x3 = mInnerBottomRightCorner.x;
+          final float y3 = mInnerBottomRightCorner.y;
+          final float x4 = right;
+          final float y4 = bottom;
+
+          drawQuadrilateral(canvas, colorBottom, x1, y1, x2, y2, x3, y3, x4, y4);
+        }
       }
     }
 
@@ -472,6 +494,10 @@ private void updatePath() {
       mPathForBorderRadiusOutline = new Path();
     }
 
+    if (mCenterDrawPath == null) {
+      mCenterDrawPath = new Path();
+    }
+
     if (mInnerClipTempRectForBorderRadius == null) {
       mInnerClipTempRectForBorderRadius = new RectF();
     }
@@ -484,13 +510,24 @@ private void updatePath() {
       mTempRectForBorderRadiusOutline = new RectF();
     }
 
+    if (mTempRectForCenterDrawPath == null) {
+      mTempRectForCenterDrawPath = new RectF();
+    }
+
     mInnerClipPathForBorderRadius.reset();
     mOuterClipPathForBorderRadius.reset();
     mPathForBorderRadiusOutline.reset();
+    mCenterDrawPath.reset();
 
     mInnerClipTempRectForBorderRadius.set(getBounds());
     mOuterClipTempRectForBorderRadius.set(getBounds());
     mTempRectForBorderRadiusOutline.set(getBounds());
+    mTempRectForCenterDrawPath.set(getBounds());
+
+    float fullBorderWidth = getFullBorderWidth();
+    if (fullBorderWidth > 0) {
+      mTempRectForCenterDrawPath.inset(fullBorderWidth * 0.5f, fullBorderWidth * 0.5f);
+    }
 
     final RectF borderWidth = getDirectionAwareBorderInsets();
 
@@ -623,6 +660,20 @@ private void updatePath() {
       },
       Path.Direction.CW);
 
+    mCenterDrawPath.addRoundRect(
+      mTempRectForCenterDrawPath,
+      new float[] {
+        innerTopLeftRadiusX + extraRadiusForOutline,
+        innerTopLeftRadiusY + extraRadiusForOutline,
+        innerTopRightRadiusX + extraRadiusForOutline,
+        innerTopRightRadiusY + extraRadiusForOutline,
+        innerBottomRightRadiusX + extraRadiusForOutline,
+        innerBottomRightRadiusY + extraRadiusForOutline,
+        innerBottomLeftRadiusX + extraRadiusForOutline,
+        innerBottomLeftRadiusY + extraRadiusForOutline
+      },
+      Path.Direction.CW);
+
     /**
      * Rounded Multi-Colored Border Algorithm:
      *
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundManager.java
index 0248b93c61a068..95fe29f7970bb2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundManager.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.react.views.view;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewGroup.java b/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewGroup.java
index 3641d120dab333..ce2fa952859249 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewGroup.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewGroup.java
@@ -21,6 +21,7 @@
 import android.view.ViewGroup;
 import android.view.animation.Animation;
 import com.facebook.infer.annotation.Assertions;
+import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.common.annotations.VisibleForTesting;
 import com.facebook.react.modules.i18nmanager.I18nUtil;
 import com.facebook.react.touch.OnInterceptTouchEventListener;
@@ -36,6 +37,7 @@
 import com.facebook.react.uimanager.RootView;
 import com.facebook.react.uimanager.RootViewUtil;
 import com.facebook.react.uimanager.ViewGroupDrawingOrderHelper;
+import com.facebook.react.uimanager.ViewProps;
 import com.facebook.yoga.YogaConstants;
 import javax.annotation.Nullable;
 
@@ -111,6 +113,10 @@ public void onLayoutChange(
 
   public ReactViewGroup(Context context) {
     super(context);
+    // TODO: Remove this check after a couple public releases.
+    if (!ViewProps.sDefaultOverflowHidden) {
+      setClipChildren(false);
+    }
     mDrawingOrderHelper = new ViewGroupDrawingOrderHelper(this);
   }
 
@@ -668,7 +674,12 @@ protected void dispatchDraw(Canvas canvas) {
       if (rootView != null) {
         rootView.handleException(e);
       } else {
-        throw e;
+        if (getContext() instanceof  ReactContext) {
+          ReactContext reactContext = (ReactContext) getContext();
+          reactContext.handleException(new IllegalViewOperationException("StackOverflowException", this, e));
+        } else {
+          throw e;
+        }
       }
     }
   }
@@ -676,18 +687,20 @@ protected void dispatchDraw(Canvas canvas) {
   private void dispatchOverflowDraw(Canvas canvas) {
     if (mOverflow != null) {
       switch (mOverflow) {
-        case "visible":
+        case ViewProps.VISIBLE:
           if (mPath != null) {
             mPath.rewind();
           }
           break;
-        case "hidden":
-          if (mReactBackgroundDrawable != null) {
-            float left = 0f;
-            float top = 0f;
-            float right = getWidth();
-            float bottom = getHeight();
+        case ViewProps.HIDDEN:
+          float left = 0f;
+          float top = 0f;
+          float right = getWidth();
+          float bottom = getHeight();
+
+          boolean hasClipPath = false;
 
+          if (mReactBackgroundDrawable != null) {
             final RectF borderWidth = mReactBackgroundDrawable.getDirectionAwareBorderInsets();
 
             if (borderWidth.top > 0
@@ -810,10 +823,13 @@ private void dispatchOverflowDraw(Canvas canvas) {
                 },
                 Path.Direction.CW);
               canvas.clipPath(mPath);
-            } else {
-              canvas.clipRect(new RectF(left, top, right, bottom));
+              hasClipPath = true;
             }
           }
+
+          if (!hasClipPath) {
+            canvas.clipRect(new RectF(left, top, right, bottom));
+          }
           break;
         default:
           break;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/BUCK
index 45ed3f183395e9..829b41901e0a91 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/viewpager/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "viewpager",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/webview/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/webview/BUCK
index b55bad969c290e..e2f8331fb95073 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/webview/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/webview/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_android_library")
 
 rn_android_library(
     name = "webview",
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/webview/ReactWebViewManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/webview/ReactWebViewManager.java
index 3097beea5aadd6..6bcc4e1857fc09 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/webview/ReactWebViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/webview/ReactWebViewManager.java
@@ -7,6 +7,12 @@
 
 package com.facebook.react.views.webview;
 
+import android.annotation.TargetApi;
+import android.content.Context;
+import com.facebook.react.uimanager.UIManagerModule;
+import java.util.LinkedList;
+import java.util.List;
+import java.util.regex.Pattern;
 import javax.annotation.Nullable;
 
 import java.io.UnsupportedEncodingException;
@@ -24,17 +30,15 @@
 import android.text.TextUtils;
 import android.view.ViewGroup.LayoutParams;
 import android.webkit.ConsoleMessage;
+import android.webkit.CookieManager;
 import android.webkit.GeolocationPermissions;
-import android.webkit.WebChromeClient;
-import android.webkit.WebView;
-import android.webkit.WebViewClient;
 import android.webkit.JavascriptInterface;
 import android.webkit.ValueCallback;
+import android.webkit.WebChromeClient;
 import android.webkit.WebSettings;
-import android.webkit.CookieManager;
-
+import android.webkit.WebView;
+import android.webkit.WebViewClient;
 import com.facebook.common.logging.FLog;
-import com.facebook.react.common.ReactConstants;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.ReactContext;
@@ -43,11 +47,11 @@
 import com.facebook.react.bridge.ReadableMapKeySetIterator;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.common.MapBuilder;
+import com.facebook.react.common.ReactConstants;
 import com.facebook.react.common.build.ReactBuildConfig;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.SimpleViewManager;
 import com.facebook.react.uimanager.ThemedReactContext;
-import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.uimanager.events.ContentSizeChangeEvent;
 import com.facebook.react.uimanager.events.Event;
@@ -56,9 +60,14 @@
 import com.facebook.react.views.webview.events.TopLoadingFinishEvent;
 import com.facebook.react.views.webview.events.TopLoadingStartEvent;
 import com.facebook.react.views.webview.events.TopMessageEvent;
-
-import org.json.JSONObject;
+import java.io.UnsupportedEncodingException;
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.Locale;
+import java.util.Map;
+import javax.annotation.Nullable;
 import org.json.JSONException;
+import org.json.JSONObject;
 
 /**
  * Manages instances of {@link WebView}
@@ -110,6 +119,7 @@ protected static class ReactWebViewClient extends WebViewClient {
 
     protected boolean mLastLoadFailed = false;
     protected @Nullable ReadableArray mUrlPrefixesForDefaultIntent;
+    protected @Nullable List<Pattern> mOriginWhitelist;
 
     @Override
     public void onPageFinished(WebView webView, String url) {
@@ -137,32 +147,50 @@ public void onPageStarted(WebView webView, String url, Bitmap favicon) {
 
     @Override
     public boolean shouldOverrideUrlLoading(WebView view, String url) {
-        boolean useDefaultIntent = false;
-        if (mUrlPrefixesForDefaultIntent != null && mUrlPrefixesForDefaultIntent.size() > 0) {
-          ArrayList<Object> urlPrefixesForDefaultIntent =
-              mUrlPrefixesForDefaultIntent.toArrayList();
-          for (Object urlPrefix : urlPrefixesForDefaultIntent) {
-            if (url.startsWith((String) urlPrefix)) {
-              useDefaultIntent = true;
-              break;
-            }
+      if (url.equals(BLANK_URL)) return false;
+
+      // url blacklisting
+      if (mUrlPrefixesForDefaultIntent != null && mUrlPrefixesForDefaultIntent.size() > 0) {
+        ArrayList<Object> urlPrefixesForDefaultIntent =
+            mUrlPrefixesForDefaultIntent.toArrayList();
+        for (Object urlPrefix : urlPrefixesForDefaultIntent) {
+          if (url.startsWith((String) urlPrefix)) {
+            launchIntent(view.getContext(), url);
+            return true;
           }
         }
+      }
 
-        if (!useDefaultIntent &&
-            (url.startsWith("http://") || url.startsWith("https://") ||
-            url.startsWith("file://") || url.equals("about:blank"))) {
-          return false;
-        } else {
-          try {
-            Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
-            intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
-            view.getContext().startActivity(intent);
-          } catch (ActivityNotFoundException e) {
-            FLog.w(ReactConstants.TAG, "activity not found to handle uri scheme for: " + url, e);
-          }
+      if (mOriginWhitelist != null && shouldHandleURL(mOriginWhitelist, url)) {
+        return false;
+      }
+
+      launchIntent(view.getContext(), url);
+      return true;
+    }
+
+    private void launchIntent(Context context, String url) {
+      try {
+        Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
+        intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
+        intent.addCategory(Intent.CATEGORY_BROWSABLE);
+        context.startActivity(intent);
+      } catch (ActivityNotFoundException e) {
+        FLog.w(ReactConstants.TAG, "activity not found to handle uri scheme for: " + url, e);
+      }
+    }
+
+    private boolean shouldHandleURL(List<Pattern> originWhitelist, String url) {
+      Uri uri = Uri.parse(url);
+      String scheme = uri.getScheme() != null ? uri.getScheme() : "";
+      String authority = uri.getAuthority() != null ? uri.getAuthority() : "";
+      String urlToCheck = scheme + "://" + authority;
+      for (Pattern pattern : originWhitelist) {
+        if (pattern.matcher(urlToCheck).matches()) {
           return true;
         }
+      }
+      return false;
     }
 
     @Override
@@ -211,6 +239,10 @@ protected WritableMap createWebViewEvent(WebView webView, String url) {
     public void setUrlPrefixesForDefaultIntent(ReadableArray specialUrls) {
       mUrlPrefixesForDefaultIntent = specialUrls;
     }
+
+    public void setOriginWhitelist(List<Pattern> originWhitelist) {
+      mOriginWhitelist = originWhitelist;
+    }
   }
 
   /**
@@ -356,6 +388,7 @@ protected ReactWebView createReactWebViewInstance(ThemedReactContext reactContex
   }
 
   @Override
+  @TargetApi(Build.VERSION_CODES.LOLLIPOP)
   protected WebView createViewInstance(ThemedReactContext reactContext) {
     ReactWebView webView = createReactWebViewInstance(reactContext);
     webView.setWebChromeClient(new WebChromeClient() {
@@ -375,15 +408,25 @@ public void onGeolocationPermissionsShowPrompt(String origin, GeolocationPermiss
     });
     reactContext.addLifecycleEventListener(webView);
     mWebViewConfig.configWebView(webView);
-    webView.getSettings().setBuiltInZoomControls(true);
-    webView.getSettings().setDisplayZoomControls(false);
-    webView.getSettings().setDomStorageEnabled(true);
+    WebSettings settings = webView.getSettings();
+    settings.setBuiltInZoomControls(true);
+    settings.setDisplayZoomControls(false);
+    settings.setDomStorageEnabled(true);
+
+    settings.setAllowFileAccess(false);
+    settings.setAllowContentAccess(false);
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
+      settings.setAllowFileAccessFromFileURLs(false);
+      setAllowUniversalAccessFromFileURLs(webView, false);
+    }
+    setMixedContentMode(webView, "never");
 
     // Fixes broken full-screen modals/galleries due to body height being 0.
     webView.setLayoutParams(
             new LayoutParams(LayoutParams.MATCH_PARENT,
                 LayoutParams.MATCH_PARENT));
 
+    setGeolocationEnabled(webView, false);
     if (ReactBuildConfig.DEBUG && Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
       WebView.setWebContentsDebuggingEnabled(true);
     }
@@ -538,6 +581,27 @@ public void setUrlPrefixesForDefaultIntent(
     }
   }
 
+  @ReactProp(name = "geolocationEnabled")
+  public void setGeolocationEnabled(
+    WebView view,
+    @Nullable Boolean isGeolocationEnabled) {
+    view.getSettings().setGeolocationEnabled(isGeolocationEnabled != null && isGeolocationEnabled);
+  }
+
+  @ReactProp(name = "originWhitelist")
+  public void setOriginWhitelist(
+    WebView view,
+    @Nullable ReadableArray originWhitelist) {
+    ReactWebViewClient client = ((ReactWebView) view).getReactWebViewClient();
+    if (client != null && originWhitelist != null) {
+      List<Pattern> whiteList = new LinkedList<>();
+      for (int i = 0 ; i < originWhitelist.size() ; i++) {
+        whiteList.add(Pattern.compile(originWhitelist.getString(i)));
+      }
+      client.setOriginWhitelist(whiteList);
+    }
+  }
+
   @Override
   protected void addEventEmitters(ThemedReactContext reactContext, WebView view) {
     // Do not register default touch emitter and let WebView implementation handle touches
diff --git a/ReactAndroid/src/main/java/com/facebook/systrace/TraceListener.java b/ReactAndroid/src/main/java/com/facebook/systrace/TraceListener.java
index d9f650d2dc804a..27fe3441b5ed96 100644
--- a/ReactAndroid/src/main/java/com/facebook/systrace/TraceListener.java
+++ b/ReactAndroid/src/main/java/com/facebook/systrace/TraceListener.java
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 package com.facebook.systrace;
 
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaAlign.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaAlign.java
index bea5aebda8ea88..5687ab9d0a0279 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaAlign.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaAlign.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaBaselineFunction.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaBaselineFunction.java
index 9ec41e7eae440a..20feae330e7013 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaBaselineFunction.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaBaselineFunction.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaConfig.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaConfig.java
index e68c512140f015..128f532850894f 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaConfig.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaConfig.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
@@ -16,16 +16,12 @@ public class YogaConfig {
   public static int SPACING_TYPE = 1;
 
   static {
-    if (YogaConstants.shouldUseFastMath) {
-      SoLoader.loadLibrary("yogafastmath");
-    } else {
       SoLoader.loadLibrary("yoga");
-    }
   }
 
   long mNativePointer;
   private YogaLogger mLogger;
-  private YogaNodeClonedFunction mNodeClonedFunction;
+  private YogaNodeCloneFunction mYogaNodeCloneFunction;
 
   private native long jni_YGConfigNew();
   public YogaConfig() {
@@ -74,6 +70,19 @@ public void setUseLegacyStretchBehaviour(boolean useLegacyStretchBehaviour) {
     jni_YGConfigSetUseLegacyStretchBehaviour(mNativePointer, useLegacyStretchBehaviour);
   }
 
+  private native void jni_YGConfigSetShouldDiffLayoutWithoutLegacyStretchBehaviour(
+      long nativePointer, boolean shouldDiffLayoutWithoutLegacyStretchBehaviour);
+  /**
+   * If this flag is set then yoga would diff the layout without legacy flag and would set a bool in
+   * YogaNode(mDoesLegacyStretchFlagAffectsLayout) with true if the layouts were different and false
+   * if not
+   */
+  public void setShouldDiffLayoutWithoutLegacyStretchBehaviour(
+      boolean shouldDiffLayoutWithoutLegacyStretchBehaviour) {
+    jni_YGConfigSetShouldDiffLayoutWithoutLegacyStretchBehaviour(
+        mNativePointer, shouldDiffLayoutWithoutLegacyStretchBehaviour);
+  }
+
   private native void jni_YGConfigSetLogger(long nativePointer, Object logger);
   public void setLogger(YogaLogger logger) {
     mLogger = logger;
@@ -84,16 +93,15 @@ public YogaLogger getLogger() {
     return mLogger;
   }
 
-  private native void jni_YGConfigSetHasNodeClonedFunc(long nativePointer, boolean hasClonedFunc);
+  private native void jni_YGConfigSetHasCloneNodeFunc(long nativePointer, boolean hasClonedFunc);
 
-  public void setOnNodeCloned(YogaNodeClonedFunction nodeClonedFunction) {
-    mNodeClonedFunction = nodeClonedFunction;
-    jni_YGConfigSetHasNodeClonedFunc(mNativePointer, nodeClonedFunction != null);
+  public void setOnCloneNode(YogaNodeCloneFunction cloneYogaNodeFunction) {
+    mYogaNodeCloneFunction = cloneYogaNodeFunction;
+    jni_YGConfigSetHasCloneNodeFunc(mNativePointer, cloneYogaNodeFunction != null);
   }
 
   @DoNotStrip
-  public final void onNodeCloned(
-      YogaNode oldNode, YogaNode newNode, YogaNode parent, int childIndex) {
-    mNodeClonedFunction.onNodeCloned(oldNode, newNode, parent, childIndex);
+  private final YogaNode cloneNode(YogaNode oldNode, YogaNode parent, int childIndex) {
+    return mYogaNodeCloneFunction.cloneNode(oldNode, parent, childIndex);
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaConstants.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaConstants.java
index f235cfdeef6a7c..68c5c982069b41 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaConstants.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaConstants.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 public class YogaConstants {
@@ -18,8 +18,6 @@ public class YogaConstants {
    */
   public static final float UNDEFINED = (float) (10E20);
 
-  public static boolean shouldUseFastMath = false;
-
   public static boolean isUndefined(float value) {
     // Value of a float in the case of it being not defined is 10.1E20. Earlier it used to be NAN,
     // the benefit of which
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaDimension.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaDimension.java
index b0d89226d28665..3a950e014dbc3f 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaDimension.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaDimension.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaDirection.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaDirection.java
index dd6444e12ea792..ccd46e84a62112 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaDirection.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaDirection.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaDisplay.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaDisplay.java
index e6e52aadef9acb..75c2b687d93f52 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaDisplay.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaDisplay.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaEdge.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaEdge.java
index 053490dabfb014..36a893f66cb68c 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaEdge.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaEdge.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaExperimentalFeature.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaExperimentalFeature.java
index a8a4be1432a514..790bd0566e6ec1 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaExperimentalFeature.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaExperimentalFeature.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaFlexDirection.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaFlexDirection.java
index cf192d6c07ac31..5c66d92fc4fc49 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaFlexDirection.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaFlexDirection.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaJustify.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaJustify.java
index 9e15dc4a95286d..13d3a0014574c7 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaJustify.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaJustify.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaLogLevel.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaLogLevel.java
index 458e1b950ebb88..0cf7f70c37f248 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaLogLevel.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaLogLevel.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaLogger.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaLogger.java
index 66f62c89d7172a..6d1a6a1e9dc472 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaLogger.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaLogger.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaMeasureFunction.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaMeasureFunction.java
index 2d2b304d3f967d..cc54caeca7fce2 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaMeasureFunction.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaMeasureFunction.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaMeasureMode.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaMeasureMode.java
index 9719377630fa85..5cfc24a4b3220e 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaMeasureMode.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaMeasureMode.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaMeasureOutput.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaMeasureOutput.java
index 1d2141d12a05ac..e68af410dd58eb 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaMeasureOutput.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaMeasureOutput.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 /**
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNode.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNode.java
index df5fae91712879..1565d4bbdd35d0 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNode.java
@@ -1,8 +1,9 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
 
 package com.facebook.yoga;
@@ -17,11 +18,7 @@
 public class YogaNode implements Cloneable {
 
   static {
-    if (YogaConstants.shouldUseFastMath) {
-      SoLoader.loadLibrary("yogafastmath");
-    } else {
       SoLoader.loadLibrary("yoga");
-    }
   }
 
   /**
@@ -29,8 +26,8 @@ public class YogaNode implements Cloneable {
    */
   static native int jni_YGNodeGetInstanceCount();
 
-  private YogaNode mParent;
-  private List<YogaNode> mChildren;
+  private YogaNode mOwner;
+  @Nullable private List<YogaNode> mChildren;
   private YogaMeasureFunction mMeasureFunction;
   private YogaBaselineFunction mBaselineFunction;
   private long mNativePointer;
@@ -82,6 +79,7 @@ public class YogaNode implements Cloneable {
   private int mLayoutDirection = 0;
   @DoNotStrip
   private boolean mHasNewLayout = true;
+  @DoNotStrip private boolean mDoesLegacyStretchFlagAffectsLayout = false;
 
   private native long jni_YGNodeNew();
   public YogaNode() {
@@ -136,6 +134,7 @@ public void reset() {
     mMeasureFunction = null;
     mBaselineFunction = null;
     mData = null;
+    mDoesLegacyStretchFlagAffectsLayout = false;
 
     jni_YGNodeReset(mNativePointer);
   }
@@ -145,12 +144,15 @@ public int getChildCount() {
   }
 
   public YogaNode getChildAt(int i) {
+    if (mChildren == null) {
+      throw new IllegalStateException("YogaNode does not have children");
+    }
     return mChildren.get(i);
   }
 
   private native void jni_YGNodeInsertChild(long nativePointer, long childPointer, int index);
   public void addChildAt(YogaNode child, int i) {
-    if (child.mParent != null) {
+    if (child.mOwner != null) {
       throw new IllegalStateException("Child already has a parent, it must be removed first.");
     }
 
@@ -158,35 +160,105 @@ public void addChildAt(YogaNode child, int i) {
       mChildren = new ArrayList<>(4);
     }
     mChildren.add(i, child);
-    child.mParent = this;
+    child.mOwner = this;
     jni_YGNodeInsertChild(mNativePointer, child.mNativePointer, i);
   }
 
+  private native void jni_YGNodeInsertSharedChild(long nativePointer, long childPointer, int index);
+
+  public void addSharedChildAt(YogaNode child, int i) {
+    if (mChildren == null) {
+      mChildren = new ArrayList<>(4);
+    }
+    mChildren.add(i, child);
+    child.mOwner = null;
+    jni_YGNodeInsertSharedChild(mNativePointer, child.mNativePointer, i);
+  }
+
+  private native void jni_YGNodeSetOwner(long nativePointer, long newOwnerNativePointer);
+
   private native long jni_YGNodeClone(long nativePointer, Object newNode);
 
   @Override
-  public YogaNode clone() throws CloneNotSupportedException {
-    YogaNode clonedYogaNode = (YogaNode) super.clone();
-    long clonedNativePointer = jni_YGNodeClone(mNativePointer, clonedYogaNode);
-    clonedYogaNode.mNativePointer = clonedNativePointer;
-    clonedYogaNode.mChildren =
-        mChildren != null ? (List<YogaNode>) ((ArrayList) mChildren).clone() : null;
-    return clonedYogaNode;
+  public YogaNode clone() {
+    try {
+      YogaNode clonedYogaNode = (YogaNode) super.clone();
+      long clonedNativePointer = jni_YGNodeClone(mNativePointer, clonedYogaNode);
+
+      if (mChildren != null) {
+        for (YogaNode child : mChildren) {
+          child.jni_YGNodeSetOwner(child.mNativePointer, 0);
+          child.mOwner = null;
+        }
+      }
+
+      clonedYogaNode.mNativePointer = clonedNativePointer;
+      clonedYogaNode.mOwner = null;
+      clonedYogaNode.mChildren =
+          mChildren != null ? (List<YogaNode>) ((ArrayList) mChildren).clone() : null;
+      if (clonedYogaNode.mChildren != null) {
+        for (YogaNode child : clonedYogaNode.mChildren) {
+          child.mOwner = null;
+        }
+      }
+      return clonedYogaNode;
+    } catch (CloneNotSupportedException ex) {
+      // This class implements Cloneable, this should not happen
+      throw new RuntimeException(ex);
+    }
+  }
+
+  public YogaNode cloneWithNewChildren() {
+    try {
+      YogaNode clonedYogaNode = (YogaNode) super.clone();
+      long clonedNativePointer = jni_YGNodeClone(mNativePointer, clonedYogaNode);
+      clonedYogaNode.mOwner = null;
+      clonedYogaNode.mNativePointer = clonedNativePointer;
+      clonedYogaNode.clearChildren();
+      return clonedYogaNode;
+    } catch (CloneNotSupportedException ex) {
+      // This class implements Cloneable, this should not happen
+      throw new RuntimeException(ex);
+    }
+  }
+
+  private native void jni_YGNodeClearChildren(long nativePointer);
+
+  private void clearChildren() {
+    mChildren = null;
+    jni_YGNodeClearChildren(mNativePointer);
   }
 
   private native void jni_YGNodeRemoveChild(long nativePointer, long childPointer);
   public YogaNode removeChildAt(int i) {
-
+    if (mChildren == null) {
+      throw new IllegalStateException(
+          "Trying to remove a child of a YogaNode that does not have children");
+    }
     final YogaNode child = mChildren.remove(i);
-    child.mParent = null;
+    child.mOwner = null;
     jni_YGNodeRemoveChild(mNativePointer, child.mNativePointer);
     return child;
   }
 
+  /**
+   * @returns the {@link YogaNode} that owns this {@link YogaNode}.
+   * The owner is used to identify the YogaTree that a {@link YogaNode} belongs
+   * to.
+   * This method will return the parent of the {@link YogaNode} when the
+   * {@link YogaNode} only belongs to one YogaTree or null when the
+   * {@link YogaNode} is shared between two or more YogaTrees.
+   */
+  @Nullable
+  public YogaNode getOwner() {
+    return mOwner;
+  }
+
+  /** @deprecated Use #getOwner() instead. This will be removed in the next version. */
+  @Deprecated
   @Nullable
-  public
-  YogaNode getParent() {
-    return mParent;
+  public YogaNode getParent() {
+    return getOwner();
   }
 
   public int indexOf(YogaNode child) {
@@ -573,6 +645,10 @@ public float getLayoutHeight() {
     return mHeight;
   }
 
+  public boolean getDoesLegacyStretchFlagAffectsLayout() {
+    return mDoesLegacyStretchFlagAffectsLayout;
+  }
+
   public float getLayoutMargin(YogaEdge edge) {
     switch (edge) {
       case LEFT:
@@ -691,4 +767,22 @@ public Object getData() {
   public void print() {
     jni_YGNodePrint(mNativePointer);
   }
+
+  /**
+   * This method replaces the child at childIndex position with the newNode received by parameter.
+   * This is different than calling removeChildAt and addChildAt because this method ONLY replaces
+   * the child in the mChildren datastructure. @DoNotStrip: called from JNI
+   *
+   * @return the nativePointer of the newNode {@linl YogaNode}
+   */
+  @DoNotStrip
+  private final long replaceChild(YogaNode newNode, int childIndex) {
+    if (mChildren == null) {
+      throw new IllegalStateException("Cannot replace child. YogaNode does not have children");
+    }
+    mChildren.remove(childIndex);
+    mChildren.add(childIndex, newNode);
+    newNode.mOwner = this;
+    return newNode.mNativePointer;
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeCloneFunction.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeCloneFunction.java
new file mode 100644
index 00000000000000..ccf7f5c5c6590a
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeCloneFunction.java
@@ -0,0 +1,17 @@
+/*
+ *  Copyright (c) 2017-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
+ *
+ */
+package com.facebook.yoga;
+
+import com.facebook.proguard.annotations.DoNotStrip;
+
+@DoNotStrip
+public interface YogaNodeCloneFunction {
+
+  @DoNotStrip
+  YogaNode cloneNode(YogaNode oldNode, YogaNode parent, int childIndex);
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeClonedFunction.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeClonedFunction.java
deleted file mode 100644
index f469546495f855..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeClonedFunction.java
+++ /dev/null
@@ -1,17 +0,0 @@
-/*
- * Copyright (c) 2017-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.yoga;
-
-import com.facebook.proguard.annotations.DoNotStrip;
-
-@DoNotStrip
-public interface YogaNodeClonedFunction {
-
-  @DoNotStrip
-  void onNodeCloned(YogaNode oldNode, YogaNode newNode, YogaNode parent, int childIndex);
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeProperties.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeProperties.java
new file mode 100644
index 00000000000000..fbad2ea26e522f
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeProperties.java
@@ -0,0 +1,167 @@
+/*
+ *  Copyright (c) 2018-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
+ *
+ */
+package com.facebook.yoga;
+
+public interface YogaNodeProperties {
+
+  YogaNodeProperties clone(YogaNode node);
+
+  long getNativePointer();
+
+  void onAfterCalculateLayout();
+
+  void reset();
+
+  boolean hasNewLayout();
+
+  boolean isDirty();
+
+  void markLayoutSeen();
+
+  YogaDirection getStyleDirection();
+
+  void setDirection(YogaDirection direction);
+
+  YogaFlexDirection getFlexDirection();
+
+  void setFlexDirection(YogaFlexDirection flexDirection);
+
+  YogaJustify getJustifyContent();
+
+  void setJustifyContent(YogaJustify justifyContent);
+
+  YogaAlign getAlignItems();
+
+  void setAlignItems(YogaAlign alignItems);
+
+  YogaAlign getAlignSelf();
+
+  void setAlignSelf(YogaAlign alignSelf);
+
+  YogaAlign getAlignContent();
+
+  void setAlignContent(YogaAlign alignContent);
+
+  YogaPositionType getPositionType();
+
+  void setPositionType(YogaPositionType positionType);
+
+  void setWrap(YogaWrap flexWrap);
+
+  YogaOverflow getOverflow();
+
+  void setOverflow(YogaOverflow overflow);
+
+  YogaDisplay getDisplay();
+
+  void setDisplay(YogaDisplay display);
+
+  void setFlex(float flex);
+
+  float getFlexGrow();
+
+  void setFlexGrow(float flexGrow);
+
+  float getFlexShrink();
+
+  void setFlexShrink(float flexShrink);
+
+  YogaValue getFlexBasis();
+
+  void setFlexBasis(float flexBasis);
+
+  void setFlexBasisPercent(float percent);
+
+  void setFlexBasisAuto();
+
+  YogaValue getMargin(YogaEdge edge);
+
+  void setMargin(YogaEdge edge, float margin);
+
+  void setMarginPercent(YogaEdge edge, float percent);
+
+  void setMarginAuto(YogaEdge edge);
+
+  YogaValue getPadding(YogaEdge edge);
+
+  void setPadding(YogaEdge edge, float padding);
+
+  void setPaddingPercent(YogaEdge edge, float percent);
+
+  float getBorder(YogaEdge edge);
+
+  void setBorder(YogaEdge edge, float border);
+
+  YogaValue getPosition(YogaEdge edge);
+
+  void setPosition(YogaEdge edge, float position);
+
+  void setPositionPercent(YogaEdge edge, float percent);
+
+  YogaValue getWidth();
+
+  void setWidth(float width);
+
+  void setWidthPercent(float percent);
+
+  void setWidthAuto();
+
+  YogaValue getHeight();
+
+  void setHeight(float height);
+
+  void setHeightPercent(float percent);
+
+  void setHeightAuto();
+
+  YogaValue getMinWidth();
+
+  void setMinWidth(float minWidth);
+
+  void setMinWidthPercent(float percent);
+
+  YogaValue getMinHeight();
+
+  void setMinHeight(float minHeight);
+
+  void setMinHeightPercent(float percent);
+
+  YogaValue getMaxWidth();
+
+  void setMaxWidth(float maxWidth);
+
+  void setMaxWidthPercent(float percent);
+
+  YogaValue getMaxHeight();
+
+  void setMaxHeight(float maxheight);
+
+  void setMaxHeightPercent(float percent);
+
+  float getAspectRatio();
+
+  void setAspectRatio(float aspectRatio);
+
+  float getLayoutX();
+
+  float getLayoutY();
+
+  float getLayoutWidth();
+
+  float getLayoutHeight();
+
+  boolean getDoesLegacyStretchFlagAffectsLayout();
+
+  float getLayoutMargin(YogaEdge edge);
+
+  float getLayoutPadding(YogaEdge edge);
+
+  float getLayoutBorder(YogaEdge edge);
+
+  YogaDirection getLayoutDirection();
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeType.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeType.java
index fb767b0587eee8..7eb7246c5bac12 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeType.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeType.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaOverflow.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaOverflow.java
index 9563d3036410ee..85bc8b20a79ad4 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaOverflow.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaOverflow.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaPositionType.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaPositionType.java
index be42a999231a93..17073f47154483 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaPositionType.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaPositionType.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaPrintOptions.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaPrintOptions.java
index 5a804adf4552c4..3b59960dfcc089 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaPrintOptions.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaPrintOptions.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaUnit.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaUnit.java
index 8eb2b31680a534..e4002dd09ab6fb 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaUnit.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaUnit.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaValue.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaValue.java
index a99d564189058b..c0bb6e224aeb13 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaValue.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaValue.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaWrap.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaWrap.java
index 1eaa9f7ad6f220..3c10dd3aed6a4f 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaWrap.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaWrap.java
@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2014-present, Facebook, Inc.
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 package com.facebook.yoga;
 
 import com.facebook.proguard.annotations.DoNotStrip;
diff --git a/ReactAndroid/src/main/jni/Application.mk b/ReactAndroid/src/main/jni/Application.mk
index 2a1e94dc049479..4f1b600b595b2e 100644
--- a/ReactAndroid/src/main/jni/Application.mk
+++ b/ReactAndroid/src/main/jni/Application.mk
@@ -1,7 +1,7 @@
 APP_BUILD_SCRIPT := Android.mk
 
 APP_ABI := armeabi-v7a x86
-APP_PLATFORM := android-9
+APP_PLATFORM := android-16
 
 APP_MK_DIR := $(dir $(lastword $(MAKEFILE_LIST)))
 
diff --git a/ReactAndroid/src/main/jni/first-party/fb/Android.mk b/ReactAndroid/src/main/jni/first-party/fb/Android.mk
index aaf198bce73ff1..4540eef1d60210 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/Android.mk
+++ b/ReactAndroid/src/main/jni/first-party/fb/Android.mk
@@ -13,6 +13,7 @@ LOCAL_SRC_FILES:= \
        jni/jni_helpers.cpp \
        jni/LocalString.cpp \
        jni/OnLoad.cpp \
+       jni/ReadableByteChannel.cpp \
        jni/References.cpp \
        jni/WeakReference.cpp \
        log.cpp \
diff --git a/ReactAndroid/src/main/jni/first-party/fb/BUCK b/ReactAndroid/src/main/jni/first-party/fb/BUCK
index a372f747440f0c..a5c9dc0ab6cfb8 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/BUCK
+++ b/ReactAndroid/src/main/jni/first-party/fb/BUCK
@@ -1,27 +1,30 @@
-load("//ReactNative:DEFS.bzl", "IS_OSS_BUILD", "cxx_library", "JNI_TARGET")
+load("//ReactNative:DEFS.bzl", "JNI_TARGET", "subdir_glob", "oss_cxx_library")
 
 # This target is only used in open source
-if IS_OSS_BUILD:
-    cxx_library(
-        name = 'jni',
-        soname = 'libfb.$(ext)',
-        srcs = glob(['*.cpp', 'jni/*.cpp', 'lyra/*.cpp']),
-        header_namespace = '',
-        compiler_flags = [
-            '-fno-omit-frame-pointer',
-            '-fexceptions',
-            '-Wall',
-            '-Werror',
-            '-std=c++11',
-            '-DDISABLE_CPUCAP',
-            '-DDISABLE_XPLAT',
-        ],
-        exported_headers = subdir_glob([
-            ('include', 'fb/**/*.h'),
-            ('include', 'jni/*.h'),
-        ]),
-        deps = [
-            JNI_TARGET,
-        ],
-        visibility = ['PUBLIC'],
-    )
+oss_cxx_library(
+    name = "jni",
+    srcs = glob([
+        "*.cpp",
+        "jni/*.cpp",
+        "lyra/*.cpp",
+    ]),
+    header_namespace = "",
+    exported_headers = subdir_glob([
+        ("include", "fb/**/*.h"),
+        ("include", "jni/*.h"),
+    ]),
+    compiler_flags = [
+        "-fno-omit-frame-pointer",
+        "-fexceptions",
+        "-Wall",
+        "-Werror",
+        "-std=c++11",
+        "-DDISABLE_CPUCAP",
+        "-DDISABLE_XPLAT",
+    ],
+    soname = "libfb.$(ext)",
+    visibility = ["PUBLIC"],
+    deps = [
+        JNI_TARGET,
+    ],
+)
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/Build.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/Build.h
index 98ad557467df06..394f9d6e134635 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/include/fb/Build.h
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/Build.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/ByteBuffer.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/ByteBuffer.h
index 21d17a27ad8e33..2f160839f5b44b 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/ByteBuffer.h
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/ByteBuffer.h
@@ -15,9 +15,16 @@
 namespace facebook {
 namespace jni {
 
+class JBuffer : public JavaClass<JBuffer> {
+public:
+  static constexpr const char* kJavaDescriptor = "Ljava/nio/Buffer;";
+
+  void rewind() const;
+};
+
 // JNI's NIO support has some awkward preconditions and error reporting. This
 // class provides much more user-friendly access.
-class FBEXPORT JByteBuffer : public JavaClass<JByteBuffer> {
+class FBEXPORT JByteBuffer : public JavaClass<JByteBuffer, JBuffer> {
  public:
   static constexpr const char* kJavaDescriptor = "Ljava/nio/ByteBuffer;";
 
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/JWeakReference.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/JWeakReference.h
index aca55f2034a6ca..941bc3b0d428ca 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/JWeakReference.h
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/JWeakReference.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/MetaConvert.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/MetaConvert.h
index 69d1babb5fc740..7750304bd65685 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/MetaConvert.h
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/MetaConvert.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/ReadableByteChannel.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/ReadableByteChannel.h
new file mode 100644
index 00000000000000..f895a3e6ff6573
--- /dev/null
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/fbjni/ReadableByteChannel.h
@@ -0,0 +1,23 @@
+/*
+ * Copyright (c) 2016-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fb/fbjni.h>
+#include <fb/fbjni/ByteBuffer.h>
+
+namespace facebook {
+namespace jni {
+
+class JReadableByteChannel : public JavaClass<JReadableByteChannel> {
+public:
+  static constexpr const char* kJavaDescriptor = "Ljava/nio/channels/ReadableByteChannel;";
+
+  int read(alias_ref<JByteBuffer> dest) const;
+};
+
+}}
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/lyra.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/lyra.h
index c60ff27b615259..38bca5ef7f8eec 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/include/fb/lyra.h
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/lyra.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/first-party/fb/jni/ByteBuffer.cpp b/ReactAndroid/src/main/jni/first-party/fb/jni/ByteBuffer.cpp
index 5a5317f9f2b15c..8060930275c5d8 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/jni/ByteBuffer.cpp
+++ b/ReactAndroid/src/main/jni/first-party/fb/jni/ByteBuffer.cpp
@@ -22,6 +22,11 @@ local_ref<JByteBuffer> createEmpty() {
 }
 }
 
+void JBuffer::rewind() const {
+  static auto meth = javaClassStatic()->getMethod<alias_ref<JBuffer>()>("rewind");
+  meth(self());
+}
+
 local_ref<JByteBuffer> JByteBuffer::wrapBytes(uint8_t* data, size_t size) {
   // env->NewDirectByteBuffer requires that size is positive. Android's
   // dalvik returns an invalid result and Android's art aborts if size == 0.
diff --git a/ReactAndroid/src/main/jni/first-party/fb/jni/ReadableByteChannel.cpp b/ReactAndroid/src/main/jni/first-party/fb/jni/ReadableByteChannel.cpp
new file mode 100644
index 00000000000000..9c67df3fa923a3
--- /dev/null
+++ b/ReactAndroid/src/main/jni/first-party/fb/jni/ReadableByteChannel.cpp
@@ -0,0 +1,21 @@
+/*
+ * Copyright (c) 2016-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <fb/fbjni/ReadableByteChannel.h>
+
+namespace facebook {
+namespace jni {
+
+int JReadableByteChannel::read(alias_ref<JByteBuffer> dest) const {
+  if (!self()) {
+    throwNewJavaException("java/lang/NullPointerException", "java.lang.NullPointerException");
+  }
+  static auto method = javaClassStatic()->getMethod<jint(alias_ref<JByteBuffer>)>("read");
+  return method(self(), dest);
+}
+
+}}
diff --git a/ReactAndroid/src/main/jni/first-party/fb/jni/android/CpuCapabilities.cpp b/ReactAndroid/src/main/jni/first-party/fb/jni/android/CpuCapabilities.cpp
index f16fbeef6d9345..18974660f699e2 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/jni/android/CpuCapabilities.cpp
+++ b/ReactAndroid/src/main/jni/first-party/fb/jni/android/CpuCapabilities.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include <fb/CpuCapabilities.h>
 #include <cpu-features.h>
diff --git a/ReactAndroid/src/main/jni/first-party/fb/jni/java/BUCK b/ReactAndroid/src/main/jni/first-party/fb/jni/java/BUCK
index afec30c511f956..8b2cb7b5941abe 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/jni/java/BUCK
+++ b/ReactAndroid/src/main/jni/first-party/fb/jni/java/BUCK
@@ -1,6 +1,6 @@
-load("//ReactNative:DEFS.bzl", "react_native_dep")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "rn_java_library")
 
-java_library(
+rn_java_library(
     name = "java",
     srcs = glob(["**/*.java"]),
     visibility = ["PUBLIC"],
diff --git a/ReactAndroid/src/main/jni/first-party/fb/lyra/lyra.cpp b/ReactAndroid/src/main/jni/first-party/fb/lyra/lyra.cpp
index f915ecef29d606..4e1f2e9240aa4a 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/lyra/lyra.cpp
+++ b/ReactAndroid/src/main/jni/first-party/fb/lyra/lyra.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include <fb/lyra.h>
 
diff --git a/ReactAndroid/src/main/jni/first-party/fbgloginit/BUCK b/ReactAndroid/src/main/jni/first-party/fbgloginit/BUCK
index fc54ae9909d289..b38194f8d0963b 100644
--- a/ReactAndroid/src/main/jni/first-party/fbgloginit/BUCK
+++ b/ReactAndroid/src/main/jni/first-party/fbgloginit/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "cxx_library", "GLOG_DEP")
+load("//ReactNative:DEFS.bzl", "GLOG_DEP", "cxx_library")
 
 cxx_library(
     name = "fbgloginit",
diff --git a/ReactAndroid/src/main/jni/first-party/fbgloginit/fb/glog_init.h b/ReactAndroid/src/main/jni/first-party/fbgloginit/fb/glog_init.h
index 311f703500ae10..18d591ee49aecf 100644
--- a/ReactAndroid/src/main/jni/first-party/fbgloginit/fb/glog_init.h
+++ b/ReactAndroid/src/main/jni/first-party/fbgloginit/fb/glog_init.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/first-party/fbgloginit/glog_init.cpp b/ReactAndroid/src/main/jni/first-party/fbgloginit/glog_init.cpp
index e9688372c6921f..614cc881d7a970 100644
--- a/ReactAndroid/src/main/jni/first-party/fbgloginit/glog_init.cpp
+++ b/ReactAndroid/src/main/jni/first-party/fbgloginit/glog_init.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "fb/glog_init.h"
 
diff --git a/ReactAndroid/src/main/jni/first-party/yogajni/BUCK b/ReactAndroid/src/main/jni/first-party/yogajni/BUCK
index d9b12dae41c8e6..0297303fb1a118 100644
--- a/ReactAndroid/src/main/jni/first-party/yogajni/BUCK
+++ b/ReactAndroid/src/main/jni/first-party/yogajni/BUCK
@@ -1,23 +1,22 @@
-load("//ReactNative:DEFS.bzl", "IS_OSS_BUILD", "cxx_library", "FBJNI_TARGET")
+load("//ReactNative:DEFS.bzl", "FBJNI_TARGET", "oss_cxx_library")
 
 # This target is only used in open source
-if IS_OSS_BUILD:
-    cxx_library(
-        name = 'jni',
-        soname = 'libyoga.$(ext)',
-        srcs = glob(['jni/*.cpp']),
-        header_namespace = '',
-        compiler_flags = [
-            '-fno-omit-frame-pointer',
-            '-fexceptions',
-            '-Wall',
-            '-Werror',
-            '-O3',
-            '-std=c++11',
-        ],
-        deps = [
-            '//ReactCommon/yoga:yoga',
-            FBJNI_TARGET,
-        ],
-        visibility = ['PUBLIC'],
-    )
+oss_cxx_library(
+    name = "jni",
+    srcs = glob(["jni/*.cpp"]),
+    header_namespace = "",
+    compiler_flags = [
+        "-fno-omit-frame-pointer",
+        "-fexceptions",
+        "-Wall",
+        "-Werror",
+        "-O3",
+        "-std=c++11",
+    ],
+    soname = "libyoga.$(ext)",
+    visibility = ["PUBLIC"],
+    deps = [
+        "//ReactCommon/yoga:yoga",
+        FBJNI_TARGET,
+    ],
+)
diff --git a/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJNI.cpp b/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJNI.cpp
index 46d73b44b4d7ff..0b5520558a188c 100644
--- a/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJNI.cpp
+++ b/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJNI.cpp
@@ -1,10 +1,10 @@
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
+/*
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 #include <fb/fbjni.h>
 #include <yoga/YGNode.h>
 #include <yoga/Yoga.h>
@@ -33,84 +33,121 @@ struct YGConfigContext {
   }
 };
 
-static inline weak_ref<JYogaNode> *YGNodeJobject(YGNodeRef node) {
+static inline weak_ref<JYogaNode>* YGNodeJobject(YGNodeRef node) {
   return reinterpret_cast<weak_ref<JYogaNode>*>(node->getContext());
 }
 
-static void YGTransferLayoutDirection(YGNodeRef node, alias_ref<jobject> javaNode) {
-  static auto layoutDirectionField = javaNode->getClass()->getField<jint>("mLayoutDirection");
-  javaNode->setFieldValue(layoutDirectionField, static_cast<jint>(YGNodeLayoutGetDirection(node)));
+static void YGTransferLayoutDirection(
+    YGNodeRef node,
+    alias_ref<jobject> javaNode) {
+  static auto layoutDirectionField =
+      javaNode->getClass()->getField<jint>("mLayoutDirection");
+  javaNode->setFieldValue(
+      layoutDirectionField, static_cast<jint>(YGNodeLayoutGetDirection(node)));
 }
 
 static void YGTransferLayoutOutputsRecursive(YGNodeRef root) {
-  if (root->getHasNewLayout()) {
-    if (auto obj = YGNodeJobject(root)->lockLocal()) {
-      static auto widthField = obj->getClass()->getField<jfloat>("mWidth");
-      static auto heightField = obj->getClass()->getField<jfloat>("mHeight");
-      static auto leftField = obj->getClass()->getField<jfloat>("mLeft");
-      static auto topField = obj->getClass()->getField<jfloat>("mTop");
-
-      static auto marginLeftField = obj->getClass()->getField<jfloat>("mMarginLeft");
-      static auto marginTopField = obj->getClass()->getField<jfloat>("mMarginTop");
-      static auto marginRightField = obj->getClass()->getField<jfloat>("mMarginRight");
-      static auto marginBottomField = obj->getClass()->getField<jfloat>("mMarginBottom");
-
-      static auto paddingLeftField = obj->getClass()->getField<jfloat>("mPaddingLeft");
-      static auto paddingTopField = obj->getClass()->getField<jfloat>("mPaddingTop");
-      static auto paddingRightField = obj->getClass()->getField<jfloat>("mPaddingRight");
-      static auto paddingBottomField = obj->getClass()->getField<jfloat>("mPaddingBottom");
-
-      static auto borderLeftField = obj->getClass()->getField<jfloat>("mBorderLeft");
-      static auto borderTopField = obj->getClass()->getField<jfloat>("mBorderTop");
-      static auto borderRightField = obj->getClass()->getField<jfloat>("mBorderRight");
-      static auto borderBottomField = obj->getClass()->getField<jfloat>("mBorderBottom");
-
-      static auto edgeSetFlagField = obj->getClass()->getField<jint>("mEdgeSetFlag");
-      static auto hasNewLayoutField = obj->getClass()->getField<jboolean>("mHasNewLayout");
-
-      /* Those flags needs be in sync with YogaNode.java */
-      const int MARGIN = 1;
-      const int PADDING = 2;
-      const int BORDER = 4;
-
-      int hasEdgeSetFlag = (int) obj->getFieldValue(edgeSetFlagField);
-
-      obj->setFieldValue(widthField, YGNodeLayoutGetWidth(root));
-      obj->setFieldValue(heightField, YGNodeLayoutGetHeight(root));
-      obj->setFieldValue(leftField, YGNodeLayoutGetLeft(root));
-      obj->setFieldValue(topField, YGNodeLayoutGetTop(root));
-
-      if ((hasEdgeSetFlag & MARGIN) == MARGIN) {
-        obj->setFieldValue(marginLeftField, YGNodeLayoutGetMargin(root, YGEdgeLeft));
-        obj->setFieldValue(marginTopField, YGNodeLayoutGetMargin(root, YGEdgeTop));
-        obj->setFieldValue(marginRightField, YGNodeLayoutGetMargin(root, YGEdgeRight));
-        obj->setFieldValue(marginBottomField, YGNodeLayoutGetMargin(root, YGEdgeBottom));
-      }
-
-      if ((hasEdgeSetFlag & PADDING) == PADDING) {
-        obj->setFieldValue(paddingLeftField, YGNodeLayoutGetPadding(root, YGEdgeLeft));
-        obj->setFieldValue(paddingTopField, YGNodeLayoutGetPadding(root, YGEdgeTop));
-        obj->setFieldValue(paddingRightField, YGNodeLayoutGetPadding(root, YGEdgeRight));
-        obj->setFieldValue(paddingBottomField, YGNodeLayoutGetPadding(root, YGEdgeBottom));
-      }
-
-      if ((hasEdgeSetFlag & BORDER) == BORDER) {
-        obj->setFieldValue(borderLeftField, YGNodeLayoutGetBorder(root, YGEdgeLeft));
-        obj->setFieldValue(borderTopField, YGNodeLayoutGetBorder(root, YGEdgeTop));
-        obj->setFieldValue(borderRightField, YGNodeLayoutGetBorder(root, YGEdgeRight));
-        obj->setFieldValue(borderBottomField, YGNodeLayoutGetBorder(root, YGEdgeBottom));
-      }
-
-      obj->setFieldValue<jboolean>(hasNewLayoutField, true);
-      YGTransferLayoutDirection(root, obj);
-      root->setHasNewLayout(false);
-
-      for (uint32_t i = 0; i < YGNodeGetChildCount(root); i++) {
-        YGTransferLayoutOutputsRecursive(YGNodeGetChild(root, i));
-      }
-    } else {
-      YGLog(root, YGLogLevelError, "Java YGNode was GCed during layout calculation\n");
-    }
+  if (!root->getHasNewLayout()) {
+    return;
+  }
+  auto obj = YGNodeJobject(root)->lockLocal();
+  if (!obj) {
+    YGLog(
+        root,
+        YGLogLevelError,
+        "Java YGNode was GCed during layout calculation\n");
+    return;
+  }
+
+  static auto widthField = obj->getClass()->getField<jfloat>("mWidth");
+  static auto heightField = obj->getClass()->getField<jfloat>("mHeight");
+  static auto leftField = obj->getClass()->getField<jfloat>("mLeft");
+  static auto topField = obj->getClass()->getField<jfloat>("mTop");
+
+  static auto marginLeftField =
+      obj->getClass()->getField<jfloat>("mMarginLeft");
+  static auto marginTopField = obj->getClass()->getField<jfloat>("mMarginTop");
+  static auto marginRightField =
+      obj->getClass()->getField<jfloat>("mMarginRight");
+  static auto marginBottomField =
+      obj->getClass()->getField<jfloat>("mMarginBottom");
+
+  static auto paddingLeftField =
+      obj->getClass()->getField<jfloat>("mPaddingLeft");
+  static auto paddingTopField =
+      obj->getClass()->getField<jfloat>("mPaddingTop");
+  static auto paddingRightField =
+      obj->getClass()->getField<jfloat>("mPaddingRight");
+  static auto paddingBottomField =
+      obj->getClass()->getField<jfloat>("mPaddingBottom");
+
+  static auto borderLeftField =
+      obj->getClass()->getField<jfloat>("mBorderLeft");
+  static auto borderTopField = obj->getClass()->getField<jfloat>("mBorderTop");
+  static auto borderRightField =
+      obj->getClass()->getField<jfloat>("mBorderRight");
+  static auto borderBottomField =
+      obj->getClass()->getField<jfloat>("mBorderBottom");
+
+  static auto edgeSetFlagField =
+      obj->getClass()->getField<jint>("mEdgeSetFlag");
+  static auto hasNewLayoutField =
+      obj->getClass()->getField<jboolean>("mHasNewLayout");
+  static auto doesLegacyStretchBehaviour = obj->getClass()->getField<jboolean>(
+      "mDoesLegacyStretchFlagAffectsLayout");
+
+  /* Those flags needs be in sync with YogaNode.java */
+  const int MARGIN = 1;
+  const int PADDING = 2;
+  const int BORDER = 4;
+
+  int hasEdgeSetFlag = (int)obj->getFieldValue(edgeSetFlagField);
+
+  obj->setFieldValue(widthField, YGNodeLayoutGetWidth(root));
+  obj->setFieldValue(heightField, YGNodeLayoutGetHeight(root));
+  obj->setFieldValue(leftField, YGNodeLayoutGetLeft(root));
+  obj->setFieldValue(topField, YGNodeLayoutGetTop(root));
+  obj->setFieldValue<jboolean>(
+      doesLegacyStretchBehaviour,
+      YGNodeLayoutGetDidLegacyStretchFlagAffectLayout(root));
+
+  if ((hasEdgeSetFlag & MARGIN) == MARGIN) {
+    obj->setFieldValue(
+        marginLeftField, YGNodeLayoutGetMargin(root, YGEdgeLeft));
+    obj->setFieldValue(marginTopField, YGNodeLayoutGetMargin(root, YGEdgeTop));
+    obj->setFieldValue(
+        marginRightField, YGNodeLayoutGetMargin(root, YGEdgeRight));
+    obj->setFieldValue(
+        marginBottomField, YGNodeLayoutGetMargin(root, YGEdgeBottom));
+  }
+
+  if ((hasEdgeSetFlag & PADDING) == PADDING) {
+    obj->setFieldValue(
+        paddingLeftField, YGNodeLayoutGetPadding(root, YGEdgeLeft));
+    obj->setFieldValue(
+        paddingTopField, YGNodeLayoutGetPadding(root, YGEdgeTop));
+    obj->setFieldValue(
+        paddingRightField, YGNodeLayoutGetPadding(root, YGEdgeRight));
+    obj->setFieldValue(
+        paddingBottomField, YGNodeLayoutGetPadding(root, YGEdgeBottom));
+  }
+
+  if ((hasEdgeSetFlag & BORDER) == BORDER) {
+    obj->setFieldValue(
+        borderLeftField, YGNodeLayoutGetBorder(root, YGEdgeLeft));
+    obj->setFieldValue(borderTopField, YGNodeLayoutGetBorder(root, YGEdgeTop));
+    obj->setFieldValue(
+        borderRightField, YGNodeLayoutGetBorder(root, YGEdgeRight));
+    obj->setFieldValue(
+        borderBottomField, YGNodeLayoutGetBorder(root, YGEdgeBottom));
+  }
+
+  obj->setFieldValue<jboolean>(hasNewLayoutField, true);
+  YGTransferLayoutDirection(root, obj);
+  root->setHasNewLayout(false);
+
+  for (uint32_t i = 0; i < YGNodeGetChildCount(root); i++) {
+    YGTransferLayoutOutputsRecursive(YGNodeGetChild(root, i));
   }
 }
 
@@ -118,45 +155,61 @@ static void YGPrint(YGNodeRef node) {
   if (auto obj = YGNodeJobject(node)->lockLocal()) {
     cout << obj->toString() << endl;
   } else {
-    YGLog(node, YGLogLevelError, "Java YGNode was GCed during layout calculation\n");
+    YGLog(
+        node,
+        YGLogLevelError,
+        "Java YGNode was GCed during layout calculation\n");
   }
 }
 
 static float YGJNIBaselineFunc(YGNodeRef node, float width, float height) {
   if (auto obj = YGNodeJobject(node)->lockLocal()) {
-    static auto baselineFunc = findClassStatic("com/facebook/yoga/YogaNode")
-                                   ->getMethod<jfloat(jfloat, jfloat)>("baseline");
+    static auto baselineFunc =
+        findClassStatic("com/facebook/yoga/YogaNode")
+            ->getMethod<jfloat(jfloat, jfloat)>("baseline");
     return baselineFunc(obj, width, height);
   } else {
     return height;
   }
 }
 
-static void YGJNIOnNodeClonedFunc(
-    YGNodeRef oldNode,
-    YGNodeRef newNode,
-    YGNodeRef parent,
-    int childIndex) {
+static inline YGNodeRef _jlong2YGNodeRef(jlong addr) {
+  return reinterpret_cast<YGNodeRef>(static_cast<intptr_t>(addr));
+}
+
+static inline YGConfigRef _jlong2YGConfigRef(jlong addr) {
+  return reinterpret_cast<YGConfigRef>(static_cast<intptr_t>(addr));
+}
+
+static YGNodeRef
+YGJNIOnNodeClonedFunc(YGNodeRef oldNode, YGNodeRef owner, int childIndex) {
   auto config = oldNode->getConfig();
   if (!config) {
-    return;
+    return nullptr;
   }
-  static auto onNodeClonedFunc = findClassStatic("com/facebook/yoga/YogaConfig")
-                                     ->getMethod<void(
-                                         local_ref<JYogaNode>,
-                                         local_ref<JYogaNode>,
-                                         local_ref<JYogaNode>,
-                                         jint)>("onNodeCloned");
+
+  static auto onNodeClonedFunc =
+      findClassStatic("com/facebook/yoga/YogaConfig")
+          ->getMethod<alias_ref<JYogaNode>(
+              local_ref<JYogaNode>, local_ref<JYogaNode>, jint)>("cloneNode");
 
   auto context = reinterpret_cast<YGConfigContext*>(YGConfigGetContext(config));
   auto javaConfig = context->config;
 
-  onNodeClonedFunc(
+  auto newNode = onNodeClonedFunc(
       javaConfig->get(),
       YGNodeJobject(oldNode)->lockLocal(),
-      YGNodeJobject(newNode)->lockLocal(),
-      YGNodeJobject(parent)->lockLocal(),
+      YGNodeJobject(owner)->lockLocal(),
       childIndex);
+
+  static auto replaceChild =
+      findClassStatic("com/facebook/yoga/YogaNode")
+          ->getMethod<jlong(local_ref<JYogaNode>, jint)>("replaceChild");
+
+  jlong newNodeNativePointer =
+      replaceChild(YGNodeJobject(owner)->lockLocal(), newNode, childIndex);
+
+  return _jlong2YGNodeRef(newNodeNativePointer);
 }
 
 static YGSize YGJNIMeasureFunc(
@@ -166,24 +219,30 @@ static YGSize YGJNIMeasureFunc(
     float height,
     YGMeasureMode heightMode) {
   if (auto obj = YGNodeJobject(node)->lockLocal()) {
-    static auto measureFunc = findClassStatic("com/facebook/yoga/YogaNode")
-                                  ->getMethod<jlong(jfloat, jint, jfloat, jint)>("measure");
+    static auto measureFunc =
+        findClassStatic("com/facebook/yoga/YogaNode")
+            ->getMethod<jlong(jfloat, jint, jfloat, jint)>("measure");
 
     YGTransferLayoutDirection(node, obj);
-    const auto measureResult = measureFunc(obj, width, widthMode, height, heightMode);
+    const auto measureResult =
+        measureFunc(obj, width, widthMode, height, heightMode);
 
-    static_assert(sizeof(measureResult) == 8,
-                  "Expected measureResult to be 8 bytes, or two 32 bit ints");
+    static_assert(
+        sizeof(measureResult) == 8,
+        "Expected measureResult to be 8 bytes, or two 32 bit ints");
 
     int32_t wBits = 0xFFFFFFFF & (measureResult >> 32);
     int32_t hBits = 0xFFFFFFFF & measureResult;
 
-    const float *measuredWidth = reinterpret_cast<float *>(&wBits);
-    const float *measuredHeight = reinterpret_cast<float *>(&hBits);
+    const float* measuredWidth = reinterpret_cast<float*>(&wBits);
+    const float* measuredHeight = reinterpret_cast<float*>(&hBits);
 
     return YGSize{*measuredWidth, *measuredHeight};
   } else {
-    YGLog(node, YGLogLevelError, "Java YGNode was GCed during layout calculation\n");
+    YGLog(
+        node,
+        YGLogLevelError,
+        "Java YGNode was GCed during layout calculation\n");
     return YGSize{
         widthMode == YGMeasureModeUndefined ? 0 : width,
         heightMode == YGMeasureModeUndefined ? 0 : height,
@@ -195,24 +254,28 @@ struct JYogaLogLevel : public JavaClass<JYogaLogLevel> {
   static constexpr auto kJavaDescriptor = "Lcom/facebook/yoga/YogaLogLevel;";
 };
 
-static int YGJNILogFunc(const YGConfigRef config,
-                        const YGNodeRef node,
-                        YGLogLevel level,
-                        const char *format,
-                        va_list args) {
+static int YGJNILogFunc(
+    const YGConfigRef config,
+    const YGNodeRef node,
+    YGLogLevel level,
+    const char* format,
+    va_list args) {
   int result = vsnprintf(NULL, 0, format, args);
   std::vector<char> buffer(1 + result);
   vsnprintf(buffer.data(), buffer.size(), format, args);
 
   static auto logFunc =
       findClassStatic("com/facebook/yoga/YogaLogger")
-          ->getMethod<void(local_ref<JYogaNode>, local_ref<JYogaLogLevel>, jstring)>("log");
+          ->getMethod<void(
+              local_ref<JYogaNode>, local_ref<JYogaLogLevel>, jstring)>("log");
 
   static auto logLevelFromInt =
-      JYogaLogLevel::javaClassStatic()->getStaticMethod<JYogaLogLevel::javaobject(jint)>("fromInt");
+      JYogaLogLevel::javaClassStatic()
+          ->getStaticMethod<JYogaLogLevel::javaobject(jint)>("fromInt");
 
   if (auto obj = YGNodeJobject(node)->lockLocal()) {
-    auto jlogger = reinterpret_cast<global_ref<jobject> *>(YGConfigGetContext(config));
+    auto jlogger =
+        reinterpret_cast<global_ref<jobject>*>(YGConfigGetContext(config));
     logFunc(
         jlogger->get(),
         obj,
@@ -224,14 +287,6 @@ static int YGJNILogFunc(const YGConfigRef config,
   return result;
 }
 
-static inline YGNodeRef _jlong2YGNodeRef(jlong addr) {
-  return reinterpret_cast<YGNodeRef>(static_cast<intptr_t>(addr));
-}
-
-static inline YGConfigRef _jlong2YGConfigRef(jlong addr) {
-  return reinterpret_cast<YGConfigRef>(static_cast<intptr_t>(addr));
-}
-
 jlong jni_YGNodeNew(alias_ref<jobject> thiz) {
   const YGNodeRef node = YGNodeNew();
   node->setContext(new weak_ref<jobject>(make_weak(thiz)));
@@ -248,6 +303,16 @@ jlong jni_YGNodeNewWithConfig(alias_ref<jobject> thiz, jlong configPointer) {
   return reinterpret_cast<jlong>(node);
 }
 
+void jni_YGNodeSetOwner(
+    alias_ref<jobject> thiz,
+    jlong nativePointer,
+    jlong newOwnerNativePointer) {
+  const YGNodeRef node = _jlong2YGNodeRef(nativePointer);
+  const YGNodeRef newOwnerNode = _jlong2YGNodeRef(newOwnerNativePointer);
+
+  node->setOwner(newOwnerNode);
+}
+
 jlong jni_YGNodeClone(
     alias_ref<jobject> thiz,
     jlong nativePointer,
@@ -264,6 +329,11 @@ void jni_YGNodeFree(alias_ref<jobject> thiz, jlong nativePointer) {
   YGNodeFree(node);
 }
 
+void jni_YGNodeClearChildren(alias_ref<jobject> thiz, jlong nativePointer) {
+  const YGNodeRef node = _jlong2YGNodeRef(nativePointer);
+  node->clearChildren();
+}
+
 void jni_YGNodeReset(alias_ref<jobject> thiz, jlong nativePointer) {
   const YGNodeRef node = _jlong2YGNodeRef(nativePointer);
   void* context = node->getContext();
@@ -274,28 +344,49 @@ void jni_YGNodeReset(alias_ref<jobject> thiz, jlong nativePointer) {
 
 void jni_YGNodePrint(alias_ref<jobject> thiz, jlong nativePointer) {
   const YGNodeRef node = _jlong2YGNodeRef(nativePointer);
-  YGNodePrint(node,
-              (YGPrintOptions)(YGPrintOptionsStyle | YGPrintOptionsLayout |
-                               YGPrintOptionsChildren));
+  YGNodePrint(
+      node,
+      (YGPrintOptions)(
+          YGPrintOptionsStyle | YGPrintOptionsLayout | YGPrintOptionsChildren));
+}
+
+void jni_YGNodeInsertChild(
+    alias_ref<jobject>,
+    jlong nativePointer,
+    jlong childPointer,
+    jint index) {
+  YGNodeInsertChild(
+      _jlong2YGNodeRef(nativePointer), _jlong2YGNodeRef(childPointer), index);
 }
 
-void jni_YGNodeInsertChild(alias_ref<jobject>, jlong nativePointer, jlong childPointer, jint index) {
-  YGNodeInsertChild(_jlong2YGNodeRef(nativePointer), _jlong2YGNodeRef(childPointer), index);
+void jni_YGNodeInsertSharedChild(
+    alias_ref<jobject>,
+    jlong nativePointer,
+    jlong childPointer,
+    jint index) {
+  YGNodeInsertSharedChild(
+      _jlong2YGNodeRef(nativePointer), _jlong2YGNodeRef(childPointer), index);
 }
 
-void jni_YGNodeRemoveChild(alias_ref<jobject>, jlong nativePointer, jlong childPointer) {
-  YGNodeRemoveChild(_jlong2YGNodeRef(nativePointer), _jlong2YGNodeRef(childPointer));
+void jni_YGNodeRemoveChild(
+    alias_ref<jobject>,
+    jlong nativePointer,
+    jlong childPointer) {
+  YGNodeRemoveChild(
+      _jlong2YGNodeRef(nativePointer), _jlong2YGNodeRef(childPointer));
 }
 
-void jni_YGNodeCalculateLayout(alias_ref<jobject>,
-                               jlong nativePointer,
-                               jfloat width,
-                               jfloat height) {
+void jni_YGNodeCalculateLayout(
+    alias_ref<jobject>,
+    jlong nativePointer,
+    jfloat width,
+    jfloat height) {
   const YGNodeRef root = _jlong2YGNodeRef(nativePointer);
-  YGNodeCalculateLayout(root,
-                        static_cast<float>(width),
-                        static_cast<float>(height),
-                        YGNodeStyleGetDirection(_jlong2YGNodeRef(nativePointer)));
+  YGNodeCalculateLayout(
+      root,
+      static_cast<float>(width),
+      static_cast<float>(height),
+      YGNodeStyleGetDirection(_jlong2YGNodeRef(nativePointer)));
   YGTransferLayoutOutputsRecursive(root);
 }
 
@@ -313,20 +404,28 @@ jboolean jni_YGNodeIsDirty(alias_ref<jobject>, jlong nativePointer) {
   return (jboolean)_jlong2YGNodeRef(nativePointer)->isDirty();
 }
 
-void jni_YGNodeSetHasMeasureFunc(alias_ref<jobject>, jlong nativePointer, jboolean hasMeasureFunc) {
+void jni_YGNodeSetHasMeasureFunc(
+    alias_ref<jobject>,
+    jlong nativePointer,
+    jboolean hasMeasureFunc) {
   _jlong2YGNodeRef(nativePointer)
       ->setMeasureFunc(hasMeasureFunc ? YGJNIMeasureFunc : nullptr);
 }
 
-void jni_YGNodeSetHasBaselineFunc(alias_ref<jobject>,
-                                  jlong nativePointer,
-                                  jboolean hasBaselineFunc) {
+void jni_YGNodeSetHasBaselineFunc(
+    alias_ref<jobject>,
+    jlong nativePointer,
+    jboolean hasBaselineFunc) {
   _jlong2YGNodeRef(nativePointer)
       ->setBaseLineFunc(hasBaselineFunc ? YGJNIBaselineFunc : nullptr);
 }
 
-void jni_YGNodeCopyStyle(alias_ref<jobject>, jlong dstNativePointer, jlong srcNativePointer) {
-  YGNodeCopyStyle(_jlong2YGNodeRef(dstNativePointer), _jlong2YGNodeRef(srcNativePointer));
+void jni_YGNodeCopyStyle(
+    alias_ref<jobject>,
+    jlong dstNativePointer,
+    jlong srcNativePointer) {
+  YGNodeCopyStyle(
+      _jlong2YGNodeRef(dstNativePointer), _jlong2YGNodeRef(srcNativePointer));
 }
 
 struct JYogaValue : public JavaClass<JYogaValue> {
@@ -348,67 +447,76 @@ struct JYogaValue : public JavaClass<JYogaValue> {
         _jlong2YGNodeRef(nativePointer), static_cast<type>(value));            \
   }
 
-#define YG_NODE_JNI_STYLE_UNIT_PROP(name)                                                         \
-  local_ref<jobject> jni_YGNodeStyleGet##name(alias_ref<jobject>, jlong nativePointer) {          \
-    return JYogaValue::create(YGNodeStyleGet##name(_jlong2YGNodeRef(nativePointer)));             \
-  }                                                                                               \
-                                                                                                  \
-  void jni_YGNodeStyleSet##name(alias_ref<jobject>, jlong nativePointer, jfloat value) {          \
-    YGNodeStyleSet##name(_jlong2YGNodeRef(nativePointer), static_cast<float>(value));             \
-  }                                                                                               \
-                                                                                                  \
-  void jni_YGNodeStyleSet##name##Percent(alias_ref<jobject>, jlong nativePointer, jfloat value) { \
-    YGNodeStyleSet##name##Percent(_jlong2YGNodeRef(nativePointer), static_cast<float>(value));    \
+#define YG_NODE_JNI_STYLE_UNIT_PROP(name)                            \
+  local_ref<jobject> jni_YGNodeStyleGet##name(                       \
+      alias_ref<jobject>, jlong nativePointer) {                     \
+    return JYogaValue::create(                                       \
+        YGNodeStyleGet##name(_jlong2YGNodeRef(nativePointer)));      \
+  }                                                                  \
+                                                                     \
+  void jni_YGNodeStyleSet##name(                                     \
+      alias_ref<jobject>, jlong nativePointer, jfloat value) {       \
+    YGNodeStyleSet##name(                                            \
+        _jlong2YGNodeRef(nativePointer), static_cast<float>(value)); \
+  }                                                                  \
+                                                                     \
+  void jni_YGNodeStyleSet##name##Percent(                            \
+      alias_ref<jobject>, jlong nativePointer, jfloat value) {       \
+    YGNodeStyleSet##name##Percent(                                   \
+        _jlong2YGNodeRef(nativePointer), static_cast<float>(value)); \
   }
 
-#define YG_NODE_JNI_STYLE_UNIT_PROP_AUTO(name)                                   \
-  YG_NODE_JNI_STYLE_UNIT_PROP(name)                                              \
-  void jni_YGNodeStyleSet##name##Auto(alias_ref<jobject>, jlong nativePointer) { \
-    YGNodeStyleSet##name##Auto(_jlong2YGNodeRef(nativePointer));                 \
+#define YG_NODE_JNI_STYLE_UNIT_PROP_AUTO(name)                   \
+  YG_NODE_JNI_STYLE_UNIT_PROP(name)                              \
+  void jni_YGNodeStyleSet##name##Auto(                           \
+      alias_ref<jobject>, jlong nativePointer) {                 \
+    YGNodeStyleSet##name##Auto(_jlong2YGNodeRef(nativePointer)); \
   }
 
-#define YG_NODE_JNI_STYLE_EDGE_PROP(javatype, type, name)                                 \
-  javatype jni_YGNodeStyleGet##name(alias_ref<jobject>, jlong nativePointer, jint edge) { \
-    return (javatype) YGNodeStyleGet##name(_jlong2YGNodeRef(nativePointer),               \
-                                           static_cast<YGEdge>(edge));                    \
-  }                                                                                       \
-                                                                                          \
-  void jni_YGNodeStyleSet##name(alias_ref<jobject>,                                       \
-                                jlong nativePointer,                                      \
-                                jint edge,                                                \
-                                javatype value) {                                         \
-    YGNodeStyleSet##name(_jlong2YGNodeRef(nativePointer),                                 \
-                         static_cast<YGEdge>(edge),                                       \
-                         static_cast<type>(value));                                       \
+#define YG_NODE_JNI_STYLE_EDGE_PROP(javatype, type, name)                   \
+  javatype jni_YGNodeStyleGet##name(                                        \
+      alias_ref<jobject>, jlong nativePointer, jint edge) {                 \
+    return (javatype)YGNodeStyleGet##name(                                  \
+        _jlong2YGNodeRef(nativePointer), static_cast<YGEdge>(edge));        \
+  }                                                                         \
+                                                                            \
+  void jni_YGNodeStyleSet##name(                                            \
+      alias_ref<jobject>, jlong nativePointer, jint edge, javatype value) { \
+    YGNodeStyleSet##name(                                                   \
+        _jlong2YGNodeRef(nativePointer),                                    \
+        static_cast<YGEdge>(edge),                                          \
+        static_cast<type>(value));                                          \
   }
 
-#define YG_NODE_JNI_STYLE_EDGE_UNIT_PROP(name)                                                      \
-  local_ref<jobject> jni_YGNodeStyleGet##name(alias_ref<jobject>,                                   \
-                                              jlong nativePointer,                                  \
-                                              jint edge) {                                          \
-    return JYogaValue::create(                                                                      \
-        YGNodeStyleGet##name(_jlong2YGNodeRef(nativePointer), static_cast<YGEdge>(edge)));          \
-  }                                                                                                 \
-                                                                                                    \
-  void jni_YGNodeStyleSet##name(alias_ref<jobject>, jlong nativePointer, jint edge, jfloat value) { \
-    YGNodeStyleSet##name(_jlong2YGNodeRef(nativePointer),                                           \
-                         static_cast<YGEdge>(edge),                                                 \
-                         static_cast<float>(value));                                                \
-  }                                                                                                 \
-                                                                                                    \
-  void jni_YGNodeStyleSet##name##Percent(alias_ref<jobject>,                                        \
-                                         jlong nativePointer,                                       \
-                                         jint edge,                                                 \
-                                         jfloat value) {                                            \
-    YGNodeStyleSet##name##Percent(_jlong2YGNodeRef(nativePointer),                                  \
-                                  static_cast<YGEdge>(edge),                                        \
-                                  static_cast<float>(value));                                       \
+#define YG_NODE_JNI_STYLE_EDGE_UNIT_PROP(name)                            \
+  local_ref<jobject> jni_YGNodeStyleGet##name(                            \
+      alias_ref<jobject>, jlong nativePointer, jint edge) {               \
+    return JYogaValue::create(YGNodeStyleGet##name(                       \
+        _jlong2YGNodeRef(nativePointer), static_cast<YGEdge>(edge)));     \
+  }                                                                       \
+                                                                          \
+  void jni_YGNodeStyleSet##name(                                          \
+      alias_ref<jobject>, jlong nativePointer, jint edge, jfloat value) { \
+    YGNodeStyleSet##name(                                                 \
+        _jlong2YGNodeRef(nativePointer),                                  \
+        static_cast<YGEdge>(edge),                                        \
+        static_cast<float>(value));                                       \
+  }                                                                       \
+                                                                          \
+  void jni_YGNodeStyleSet##name##Percent(                                 \
+      alias_ref<jobject>, jlong nativePointer, jint edge, jfloat value) { \
+    YGNodeStyleSet##name##Percent(                                        \
+        _jlong2YGNodeRef(nativePointer),                                  \
+        static_cast<YGEdge>(edge),                                        \
+        static_cast<float>(value));                                       \
   }
 
-#define YG_NODE_JNI_STYLE_EDGE_UNIT_PROP_AUTO(name)                                         \
-  YG_NODE_JNI_STYLE_EDGE_UNIT_PROP(name)                                                    \
-  void jni_YGNodeStyleSet##name##Auto(alias_ref<jobject>, jlong nativePointer, jint edge) { \
-    YGNodeStyleSet##name##Auto(_jlong2YGNodeRef(nativePointer), static_cast<YGEdge>(edge)); \
+#define YG_NODE_JNI_STYLE_EDGE_UNIT_PROP_AUTO(name)                  \
+  YG_NODE_JNI_STYLE_EDGE_UNIT_PROP(name)                             \
+  void jni_YGNodeStyleSet##name##Auto(                               \
+      alias_ref<jobject>, jlong nativePointer, jint edge) {          \
+    YGNodeStyleSet##name##Auto(                                      \
+        _jlong2YGNodeRef(nativePointer), static_cast<YGEdge>(edge)); \
   }
 
 YG_NODE_JNI_STYLE_PROP(jint, YGDirection, Direction);
@@ -422,8 +530,12 @@ YG_NODE_JNI_STYLE_PROP(jint, YGWrap, FlexWrap);
 YG_NODE_JNI_STYLE_PROP(jint, YGOverflow, Overflow);
 YG_NODE_JNI_STYLE_PROP(jint, YGDisplay, Display);
 
-void jni_YGNodeStyleSetFlex(alias_ref<jobject>, jlong nativePointer, jfloat value) {
-  YGNodeStyleSetFlex(_jlong2YGNodeRef(nativePointer), static_cast<float>(value));
+void jni_YGNodeStyleSetFlex(
+    alias_ref<jobject>,
+    jlong nativePointer,
+    jfloat value) {
+  YGNodeStyleSetFlex(
+      _jlong2YGNodeRef(nativePointer), static_cast<float>(value));
 }
 YG_NODE_JNI_STYLE_PROP(jfloat, float, FlexGrow);
 YG_NODE_JNI_STYLE_PROP(jfloat, float, FlexShrink);
@@ -457,41 +569,52 @@ void jni_YGConfigFree(alias_ref<jobject>, jlong nativePointer) {
   YGConfigFree(config);
 }
 
-void jni_YGConfigSetExperimentalFeatureEnabled(alias_ref<jobject>,
-                                               jlong nativePointer,
-                                               jint feature,
-                                               jboolean enabled) {
+void jni_YGConfigSetExperimentalFeatureEnabled(
+    alias_ref<jobject>,
+    jlong nativePointer,
+    jint feature,
+    jboolean enabled) {
   const YGConfigRef config = _jlong2YGConfigRef(nativePointer);
-  YGConfigSetExperimentalFeatureEnabled(config,
-                                        static_cast<YGExperimentalFeature>(feature),
-                                        enabled);
+  YGConfigSetExperimentalFeatureEnabled(
+      config, static_cast<YGExperimentalFeature>(feature), enabled);
 }
 
-void jni_YGConfigSetUseWebDefaults(alias_ref<jobject>,
-                                   jlong nativePointer,
-                                   jboolean useWebDefaults) {
+void jni_YGConfigSetShouldDiffLayoutWithoutLegacyStretchBehaviour(
+    alias_ref<jobject>,
+    jlong nativePointer,
+    jboolean enabled) {
+  const YGConfigRef config = _jlong2YGConfigRef(nativePointer);
+  YGConfigSetShouldDiffLayoutWithoutLegacyStretchBehaviour(config, enabled);
+}
+
+void jni_YGConfigSetUseWebDefaults(
+    alias_ref<jobject>,
+    jlong nativePointer,
+    jboolean useWebDefaults) {
   const YGConfigRef config = _jlong2YGConfigRef(nativePointer);
   YGConfigSetUseWebDefaults(config, useWebDefaults);
 }
 
-void jni_YGConfigSetPointScaleFactor(alias_ref<jobject>,
-                                     jlong nativePointer,
-                                     jfloat pixelsInPoint) {
+void jni_YGConfigSetPointScaleFactor(
+    alias_ref<jobject>,
+    jlong nativePointer,
+    jfloat pixelsInPoint) {
   const YGConfigRef config = _jlong2YGConfigRef(nativePointer);
   YGConfigSetPointScaleFactor(config, pixelsInPoint);
 }
 
-void jni_YGConfigSetUseLegacyStretchBehaviour(alias_ref<jobject>,
-                                              jlong nativePointer,
-                                              jboolean useLegacyStretchBehaviour) {
+void jni_YGConfigSetUseLegacyStretchBehaviour(
+    alias_ref<jobject>,
+    jlong nativePointer,
+    jboolean useLegacyStretchBehaviour) {
   const YGConfigRef config = _jlong2YGConfigRef(nativePointer);
   YGConfigSetUseLegacyStretchBehaviour(config, useLegacyStretchBehaviour);
 }
 
-void jni_YGConfigSetHasNodeClonedFunc(
+void jni_YGConfigSetHasCloneNodeFunc(
     alias_ref<jobject> thiz,
     jlong nativePointer,
-    jboolean hasNodeClonedFunc) {
+    jboolean hasCloneNodeFunc) {
   const YGConfigRef config = _jlong2YGConfigRef(nativePointer);
   auto context = reinterpret_cast<YGConfigContext*>(YGConfigGetContext(config));
   if (context && context->config) {
@@ -499,15 +622,15 @@ void jni_YGConfigSetHasNodeClonedFunc(
     context->config = nullptr;
   }
 
-  if (hasNodeClonedFunc) {
+  if (hasCloneNodeFunc) {
     if (!context) {
       context = new YGConfigContext();
       YGConfigSetContext(config, context);
     }
     context->config = new global_ref<jobject>(make_global(thiz));
-    YGConfigSetNodeClonedFunc(config, YGJNIOnNodeClonedFunc);
+    YGConfigSetCloneNodeFunc(config, YGJNIOnNodeClonedFunc);
   } else {
-    YGConfigSetNodeClonedFunc(config, nullptr);
+    YGConfigSetCloneNodeFunc(config, nullptr);
   }
 }
 
@@ -540,7 +663,7 @@ jint jni_YGNodeGetInstanceCount(alias_ref<jclass> clazz) {
 
 #define YGMakeNativeMethod(name) makeNativeMethod(#name, name)
 
-jint JNI_OnLoad(JavaVM *vm, void *) {
+jint JNI_OnLoad(JavaVM* vm, void*) {
   return initialize(vm, [] {
     registerNatives(
         "com/facebook/yoga/YogaNode",
@@ -549,7 +672,9 @@ jint JNI_OnLoad(JavaVM *vm, void *) {
             YGMakeNativeMethod(jni_YGNodeNewWithConfig),
             YGMakeNativeMethod(jni_YGNodeFree),
             YGMakeNativeMethod(jni_YGNodeReset),
+            YGMakeNativeMethod(jni_YGNodeClearChildren),
             YGMakeNativeMethod(jni_YGNodeInsertChild),
+            YGMakeNativeMethod(jni_YGNodeInsertSharedChild),
             YGMakeNativeMethod(jni_YGNodeRemoveChild),
             YGMakeNativeMethod(jni_YGNodeCalculateLayout),
             YGMakeNativeMethod(jni_YGNodeMarkDirty),
@@ -623,17 +748,21 @@ jint JNI_OnLoad(JavaVM *vm, void *) {
             YGMakeNativeMethod(jni_YGNodeGetInstanceCount),
             YGMakeNativeMethod(jni_YGNodePrint),
             YGMakeNativeMethod(jni_YGNodeClone),
+            YGMakeNativeMethod(jni_YGNodeSetOwner),
+        });
+    registerNatives(
+        "com/facebook/yoga/YogaConfig",
+        {
+            YGMakeNativeMethod(jni_YGConfigNew),
+            YGMakeNativeMethod(jni_YGConfigFree),
+            YGMakeNativeMethod(jni_YGConfigSetExperimentalFeatureEnabled),
+            YGMakeNativeMethod(jni_YGConfigSetUseWebDefaults),
+            YGMakeNativeMethod(jni_YGConfigSetPointScaleFactor),
+            YGMakeNativeMethod(jni_YGConfigSetUseLegacyStretchBehaviour),
+            YGMakeNativeMethod(jni_YGConfigSetLogger),
+            YGMakeNativeMethod(jni_YGConfigSetHasCloneNodeFunc),
+            YGMakeNativeMethod(
+                jni_YGConfigSetShouldDiffLayoutWithoutLegacyStretchBehaviour),
         });
-    registerNatives("com/facebook/yoga/YogaConfig",
-                    {
-                        YGMakeNativeMethod(jni_YGConfigNew),
-                        YGMakeNativeMethod(jni_YGConfigFree),
-                        YGMakeNativeMethod(jni_YGConfigSetExperimentalFeatureEnabled),
-                        YGMakeNativeMethod(jni_YGConfigSetUseWebDefaults),
-                        YGMakeNativeMethod(jni_YGConfigSetPointScaleFactor),
-                        YGMakeNativeMethod(jni_YGConfigSetUseLegacyStretchBehaviour),
-                        YGMakeNativeMethod(jni_YGConfigSetLogger),
-                        YGMakeNativeMethod(jni_YGConfigSetHasNodeClonedFunc),
-                    });
   });
 }
diff --git a/ReactAndroid/src/main/jni/packagerconnection/Android.mk b/ReactAndroid/src/main/jni/packagerconnection/Android.mk
deleted file mode 100644
index ba09a7e689d447..00000000000000
--- a/ReactAndroid/src/main/jni/packagerconnection/Android.mk
+++ /dev/null
@@ -1,29 +0,0 @@
-LOCAL_PATH := $(call my-dir)
-
-include $(CLEAR_VARS)
-
-LOCAL_MODULE := packagerconnectionjnifb
-
-LOCAL_SRC_FILES := \
-  JSPackagerClientResponder.h \
-  SamplingProfilerPackagerMethod.cpp \
-
-LOCAL_C_INCLUDES := $(LOCAL_PATH)
-LOCAL_C_INCLUDES := $(LOCAL_PATH)/../../
-
-LOCAL_CFLAGS += -Wall -Werror -fvisibility=hidden -fexceptions -frtti
-CXX11_FLAGS := -std=c++11
-LOCAL_CFLAGS += $(CXX11_FLAGS)
-LOCAL_EXPORT_CPPFLAGS := $(CXX11_FLAGS)
-
-LOCAL_LDLIBS += -landroid
-LOCAL_SHARED_LIBRARIES := libfolly_json libfbjni libjsc libglog_init
-
-include $(BUILD_SHARED_LIBRARY)
-
-$(call import-module,fb)
-$(call import-module,jsc)
-$(call import-module,folly)
-$(call import-module,fbgloginit)
-$(call import-module,jni)
-$(call import-module,jscwrapper)
diff --git a/ReactAndroid/src/main/jni/packagerconnection/BUCK b/ReactAndroid/src/main/jni/packagerconnection/BUCK
deleted file mode 100644
index caede999292be2..00000000000000
--- a/ReactAndroid/src/main/jni/packagerconnection/BUCK
+++ /dev/null
@@ -1,35 +0,0 @@
-load("//ReactNative:DEFS.bzl", "rn_xplat_cxx_library", "FBJNI_TARGET", "ANDROID_JSC_DEPS", "APPLE_JSC_DEPS", "ANDROID", "IS_OSS_BUILD", "react_native_xplat_target")
-
-rn_xplat_cxx_library(
-    name = "jni",
-    srcs = glob(["*.cpp"]),
-    headers = glob(
-        ["*.h"],
-    ),
-    header_namespace = "",
-    compiler_flags = [
-        "-Wall",
-        "-Werror",
-        "-fexceptions",
-        "-std=c++1y",
-        "-frtti",
-    ],
-    fbandroid_deps = ANDROID_JSC_DEPS,
-    fbobjc_deps = APPLE_JSC_DEPS,
-    platforms = ANDROID,
-    preprocessor_flags = [
-        "-DLOG_TAG=\"PackagerConnectionJNI\"",
-        "-DWITH_FBSYSTRACE=1",
-        "-DWITH_INSPECTOR=1",
-    ],
-    soname = "libpackagerconnectionjnifb.$(ext)",
-    visibility = [
-        "PUBLIC",
-    ],
-    deps = ([
-        FBJNI_TARGET,
-        "xplat//folly:molly",
-        react_native_xplat_target("jschelpers:jschelpers"),
-        react_native_xplat_target("jsinspector:jsinspector"),
-    ]) if not IS_OSS_BUILD else [],
-)
diff --git a/ReactAndroid/src/main/jni/packagerconnection/JSPackagerClientResponder.cpp b/ReactAndroid/src/main/jni/packagerconnection/JSPackagerClientResponder.cpp
deleted file mode 100644
index 786af299cc751a..00000000000000
--- a/ReactAndroid/src/main/jni/packagerconnection/JSPackagerClientResponder.cpp
+++ /dev/null
@@ -1,32 +0,0 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
-
-#include "JSPackagerClientResponder.h"
-
-#include <jni/LocalString.h>
-
-using namespace facebook::jni;
-
-namespace facebook {
-namespace react {
-
-void JSPackagerClientResponder::respond(alias_ref<jobject> result) {
-  static auto method =
-      javaClassStatic()->getMethod<void(alias_ref<jobject>)>("respond");
-  method(self(), result);
-}
-
-void JSPackagerClientResponder::respond(const std::string &result) {
-  respond(LocalString(result).string());
-}
-
-void JSPackagerClientResponder::error(alias_ref<jobject> result) {
-  static auto method =
-      javaClassStatic()->getMethod<void(alias_ref<jobject>)>("error");
-  method(self(), result);
-}
-
-void JSPackagerClientResponder::error(const std::string &result) {
-  error(LocalString(result).string());
-}
-}
-}
diff --git a/ReactAndroid/src/main/jni/packagerconnection/JSPackagerClientResponder.h b/ReactAndroid/src/main/jni/packagerconnection/JSPackagerClientResponder.h
deleted file mode 100644
index 243a409c78c0c1..00000000000000
--- a/ReactAndroid/src/main/jni/packagerconnection/JSPackagerClientResponder.h
+++ /dev/null
@@ -1,22 +0,0 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
-
-#include <fb/fbjni.h>
-
-namespace facebook {
-namespace react {
-
-class JSPackagerClientResponder
-    : public jni::JavaClass<JSPackagerClientResponder> {
-public:
-  static constexpr auto kJavaDescriptor =
-    "Lcom/facebook/react/packagerconnection/Responder;";
-
-  void respond(jni::alias_ref<jobject> result);
-  void respond(const std::string& result);
-
-  void error(jni::alias_ref<jobject> result);
-  void error(const std::string& result);
-};
-
-}
-}
diff --git a/ReactAndroid/src/main/jni/packagerconnection/OnLoad.cpp b/ReactAndroid/src/main/jni/packagerconnection/OnLoad.cpp
deleted file mode 100644
index d9b6b8cad443ce..00000000000000
--- a/ReactAndroid/src/main/jni/packagerconnection/OnLoad.cpp
+++ /dev/null
@@ -1,17 +0,0 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
-
-#include <fb/fbjni.h>
-#include <jni.h>
-
-#include "SamplingProfilerJniMethod.h"
-
-using namespace facebook::jni;
-
-namespace facebook {
-namespace react {
-
-extern "C" JNIEXPORT jint JNI_OnLoad(JavaVM *vm, void *reserved) {
-  return initialize(vm, [] { SamplingProfilerJniMethod::registerNatives(); });
-}
-}
-}
diff --git a/ReactAndroid/src/main/jni/packagerconnection/SamplingProfilerJniMethod.cpp b/ReactAndroid/src/main/jni/packagerconnection/SamplingProfilerJniMethod.cpp
deleted file mode 100644
index 738d3e4fafefd4..00000000000000
--- a/ReactAndroid/src/main/jni/packagerconnection/SamplingProfilerJniMethod.cpp
+++ /dev/null
@@ -1,53 +0,0 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
-
-#include "SamplingProfilerJniMethod.h"
-
-#include <JavaScriptCore/JSProfilerPrivate.h>
-
-#include <jschelpers/JSCHelpers.h>
-#include <jni.h>
-#include <string>
-
-using namespace facebook::jni;
-
-namespace facebook {
-namespace react {
-
-/* static */ jni::local_ref<SamplingProfilerJniMethod::jhybriddata>
-SamplingProfilerJniMethod::initHybrid(jni::alias_ref<jclass>,
-                                      jlong javaScriptContext) {
-  return makeCxxInstance(javaScriptContext);
-}
-
-/* static */ void SamplingProfilerJniMethod::registerNatives() {
-  registerHybrid(
-      {makeNativeMethod("initHybrid", SamplingProfilerJniMethod::initHybrid),
-       makeNativeMethod("poke", SamplingProfilerJniMethod::poke)});
-}
-
-SamplingProfilerJniMethod::SamplingProfilerJniMethod(jlong javaScriptContext) {
-  context_ = reinterpret_cast<JSGlobalContextRef>(javaScriptContext);
-}
-
-void SamplingProfilerJniMethod::poke(
-    jni::alias_ref<JSPackagerClientResponder::javaobject> responder) {
-  if (!JSC_JSSamplingProfilerEnabled(context_)) {
-    responder->error("The JSSamplingProfiler is disabled. See this "
-                     "https://fburl.com/u4lw7xeq for some help");
-    return;
-  }
-
-  JSValueRef jsResult = JSC_JSPokeSamplingProfiler(context_);
-  if (JSC_JSValueGetType(context_, jsResult) == kJSTypeNull) {
-    responder->respond("started");
-  } else {
-    JSStringRef resultStrRef = JSValueToStringCopy(context_, jsResult, nullptr);
-    size_t length = JSStringGetLength(resultStrRef);
-    char buffer[length + 1];
-    JSStringGetUTF8CString(resultStrRef, buffer, length + 1);
-    JSStringRelease(resultStrRef);
-    responder->respond(buffer);
-  }
-}
-}
-}
diff --git a/ReactAndroid/src/main/jni/packagerconnection/SamplingProfilerJniMethod.h b/ReactAndroid/src/main/jni/packagerconnection/SamplingProfilerJniMethod.h
deleted file mode 100644
index da83ec4cf5a7b2..00000000000000
--- a/ReactAndroid/src/main/jni/packagerconnection/SamplingProfilerJniMethod.h
+++ /dev/null
@@ -1,33 +0,0 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
-
-#include <fb/fbjni.h>
-#include <JavaScriptCore/JSValueRef.h>
-
-#include "JSPackagerClientResponder.h"
-
-namespace facebook {
-namespace react {
-
-class SamplingProfilerJniMethod
-    : public jni::HybridClass<SamplingProfilerJniMethod> {
-public:
-  static constexpr auto kJavaDescriptor =
-      "Lcom/facebook/react/packagerconnection/"
-      "SamplingProfilerPackagerMethod$SamplingProfilerJniMethod;";
-
-  static jni::local_ref<jhybriddata> initHybrid(jni::alias_ref<jclass> jthis,
-                                                jlong javaScriptContext);
-
-  static void registerNatives();
-
-private:
-  friend HybridBase;
-
-  explicit SamplingProfilerJniMethod(jlong javaScriptContext);
-
-  void poke(jni::alias_ref<JSPackagerClientResponder::javaobject> responder);
-
-  JSGlobalContextRef context_;
-};
-}
-}
diff --git a/ReactAndroid/src/main/jni/prebuilt/BUCK b/ReactAndroid/src/main/jni/prebuilt/BUCK
index 7279eea7900f92..c35807a9513ad1 100644
--- a/ReactAndroid/src/main/jni/prebuilt/BUCK
+++ b/ReactAndroid/src/main/jni/prebuilt/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_prebuilt_native_library", "rn_android_prebuilt_aar")
+load("//ReactNative:DEFS.bzl", "rn_android_prebuilt_aar", "rn_prebuilt_native_library")
 # Temp workaround to get the build working e2e, Gradle builds them for us
 
 rn_prebuilt_native_library(
diff --git a/ReactAndroid/src/main/jni/react/jni/Android.mk b/ReactAndroid/src/main/jni/react/jni/Android.mk
index 8d8b992d52432e..9e7dcb7a39b8d5 100644
--- a/ReactAndroid/src/main/jni/react/jni/Android.mk
+++ b/ReactAndroid/src/main/jni/react/jni/Android.mk
@@ -9,6 +9,7 @@ LOCAL_SRC_FILES := \
   CatalystInstanceImpl.cpp \
   CxxModuleWrapper.cpp \
   JavaModuleWrapper.cpp \
+  JReactMarker.cpp \
   JMessageQueueThread.cpp \
   JSCPerfLogging.cpp \
   JSLoader.cpp \
@@ -18,10 +19,10 @@ LOCAL_SRC_FILES := \
   ModuleRegistryBuilder.cpp \
   NativeArray.cpp \
   NativeCommon.cpp \
+  NativeDeltaClient.cpp \
   NativeMap.cpp \
   OnLoad.cpp \
   ProxyExecutor.cpp \
-  ReactMarker.cpp \
   ReadableNativeArray.cpp \
   ReadableNativeMap.cpp \
   WritableNativeArray.cpp \
@@ -36,7 +37,7 @@ LOCAL_CFLAGS += $(CXX11_FLAGS)
 LOCAL_EXPORT_CPPFLAGS := $(CXX11_FLAGS)
 
 LOCAL_LDLIBS += -landroid
-LOCAL_SHARED_LIBRARIES := libfolly_json libfbjni libjsc libglog_init libyoga libprivatedata
+LOCAL_SHARED_LIBRARIES := libfolly_json libfb libjsc libglog_init libyoga libprivatedata
 LOCAL_STATIC_LIBRARIES := libreactnative
 
 include $(BUILD_SHARED_LIBRARY)
diff --git a/ReactAndroid/src/main/jni/react/jni/AndroidJSCFactory.cpp b/ReactAndroid/src/main/jni/react/jni/AndroidJSCFactory.cpp
index ed551a61a2b590..7b20f4caab3296 100644
--- a/ReactAndroid/src/main/jni/react/jni/AndroidJSCFactory.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/AndroidJSCFactory.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include <cxxreact/JSCExecutor.h>
 
@@ -13,7 +16,7 @@
 
 #include "JSCPerfLogging.h"
 #include "JSLogging.h"
-#include "ReactMarker.h"
+#include "JReactMarker.h"
 
 using namespace facebook::jni;
 
@@ -74,6 +77,29 @@ JSValueRef nativePerformanceNow(
   return Value::makeNumber(ctx, (nano / (double)NANOSECONDS_IN_MILLISECOND));
 }
 
+JSValueRef nativeLoggingHook(
+  JSContextRef ctx,
+  JSObjectRef function,
+  JSObjectRef thisObject,
+  size_t argumentCount,
+  const JSValueRef arguments[],
+  JSValueRef* exception) {
+  android_LogPriority logLevel = ANDROID_LOG_DEBUG;
+  if (argumentCount > 1) {
+    int level = (int)Value(ctx, arguments[1]).asNumber();
+    // The lowest log level we get from JS is 0. We shift and cap it to be
+    // in the range the Android logging method expects.
+    logLevel = std::min(
+      static_cast<android_LogPriority>(level + ANDROID_LOG_DEBUG),
+      ANDROID_LOG_FATAL);
+  }
+  if (argumentCount > 0) {
+    String message = Value(ctx, arguments[0]).toString();
+    reactAndroidLoggingHook(message.str(), logLevel);
+  }
+  return Value::makeUndefined(ctx);
+}
+
 }
 
 namespace detail {
@@ -90,9 +116,9 @@ void injectJSCExecutorAndroidPlatform() {
 }
 
 std::unique_ptr<JSExecutorFactory> makeAndroidJSCExecutorFactory(
-    const folly::dynamic& jscConfig, std::function<folly::dynamic(const std::string&)> nativeExtensionsProvider) {
+    const folly::dynamic& jscConfig) {
   detail::injectJSCExecutorAndroidPlatform();
-  return folly::make_unique<JSCExecutorFactory>(std::move(jscConfig), std::move(nativeExtensionsProvider));
+  return folly::make_unique<JSCExecutorFactory>(std::move(jscConfig));
 }
 
 }
diff --git a/ReactAndroid/src/main/jni/react/jni/AndroidJSCFactory.h b/ReactAndroid/src/main/jni/react/jni/AndroidJSCFactory.h
index e1e782145c91e8..0e6a34b96e2827 100644
--- a/ReactAndroid/src/main/jni/react/jni/AndroidJSCFactory.h
+++ b/ReactAndroid/src/main/jni/react/jni/AndroidJSCFactory.h
@@ -1,8 +1,12 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
 #include <memory>
+#include <cxxreact/JSExecutor.h>
 
 namespace folly {
 
@@ -23,7 +27,7 @@ void injectJSCExecutorAndroidPlatform();
 }
 
 std::unique_ptr<JSExecutorFactory> makeAndroidJSCExecutorFactory(
-    const folly::dynamic& jscConfig, std::function<folly::dynamic(const std::string&)> nativeExtensionsProvider);
+    const folly::dynamic& jscConfig);
 
 }
 }
diff --git a/ReactAndroid/src/main/jni/react/jni/BUCK b/ReactAndroid/src/main/jni/react/jni/BUCK
index 7673ad3bdfd348..affc4b4e3c8eeb 100644
--- a/ReactAndroid/src/main/jni/react/jni/BUCK
+++ b/ReactAndroid/src/main/jni/react/jni/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_xplat_cxx_library", "react_native_xplat_target", "FBJNI_TARGET", "ANDROID_JSC_DEPS", "APPLE_JSC_DEPS", "ANDROID", "IS_OSS_BUILD")
+load("//ReactNative:DEFS.bzl", "ANDROID", "ANDROID_JSC_DEPS", "APPLE_JSC_DEPS", "FBJNI_TARGET", "IS_OSS_BUILD", "react_native_xplat_target", "rn_xplat_cxx_library")
 
 EXPORTED_HEADERS = [
     "AndroidJSCFactory.h",
@@ -7,13 +7,14 @@ EXPORTED_HEADERS = [
     "CxxSharedModuleWrapper.h",
     "JavaModuleWrapper.h",
     "JavaScriptExecutorHolder.h",
+    "JReactMarker.h",
     "JSLoader.h",
+    "JSLogging.h",
     "MethodInvoker.h",
     "ModuleRegistryBuilder.h",
     "NativeArray.h",
     "NativeCommon.h",
     "NativeMap.h",
-    "ReactMarker.h",
     "ReadableNativeArray.h",
     "ReadableNativeMap.h",
     "WritableNativeArray.h",
@@ -25,7 +26,7 @@ rn_xplat_cxx_library(
     srcs = glob(["*.cpp"]),
     headers = glob(
         ["*.h"],
-        excludes = EXPORTED_HEADERS,
+        exclude = EXPORTED_HEADERS,
     ),
     header_namespace = "react/jni",
     exported_headers = EXPORTED_HEADERS,
@@ -46,7 +47,6 @@ rn_xplat_cxx_library(
         "-DLOG_TAG=\"ReactNativeJNI\"",
         "-DWITH_FBSYSTRACE=1",
         "-DWITH_INSPECTOR=1",
-        "-DWITH_JSC_MEMORY_PRESSURE=1",
     ],
     soname = "libreactnativejni.$(ext)",
     visibility = [
diff --git a/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.cpp b/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.cpp
index 7b136f0d0cdf14..fdb0f5544a3eec 100644
--- a/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.cpp
@@ -1,20 +1,27 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "CatalystInstanceImpl.h"
 
 #include <mutex>
 #include <condition_variable>
+#include <sstream>
+#include <vector>
 
 #include <cxxreact/CxxNativeModule.h>
 #include <cxxreact/Instance.h>
 #include <cxxreact/JSBigString.h>
 #include <cxxreact/JSBundleType.h>
+#include <cxxreact/JSDeltaBundleClient.h>
 #include <cxxreact/JSIndexedRAMBundle.h>
 #include <cxxreact/MethodCall.h>
 #include <cxxreact/ModuleRegistry.h>
 #include <cxxreact/RecoverableError.h>
 #include <cxxreact/RAMBundleRegistry.h>
 #include <fb/log.h>
+#include <fb/fbjni/ByteBuffer.h>
 #include <folly/dynamic.h>
 #include <folly/Memory.h>
 #include <jni/Countable.h>
@@ -35,7 +42,6 @@ namespace {
 
 class Exception : public jni::JavaClass<Exception> {
  public:
-  static auto constexpr kJavaDescriptor = "Ljava/lang/Exception;";
 };
 
 class JInstanceCallback : public InstanceCallback {
@@ -100,6 +106,7 @@ void CatalystInstanceImpl::registerNatives() {
     makeNativeMethod("jniRegisterSegment", CatalystInstanceImpl::jniRegisterSegment),
     makeNativeMethod("jniLoadScriptFromAssets", CatalystInstanceImpl::jniLoadScriptFromAssets),
     makeNativeMethod("jniLoadScriptFromFile", CatalystInstanceImpl::jniLoadScriptFromFile),
+    makeNativeMethod("jniLoadScriptFromDeltaBundle", CatalystInstanceImpl::jniLoadScriptFromDeltaBundle),
     makeNativeMethod("jniCallJSFunction", CatalystInstanceImpl::jniCallJSFunction),
     makeNativeMethod("jniCallJSCallback", CatalystInstanceImpl::jniCallJSCallback),
     makeNativeMethod("setGlobalVariable", CatalystInstanceImpl::setGlobalVariable),
@@ -210,6 +217,19 @@ void CatalystInstanceImpl::jniLoadScriptFromFile(const std::string& fileName,
   }
 }
 
+void CatalystInstanceImpl::jniLoadScriptFromDeltaBundle(
+    const std::string& sourceURL,
+    jni::alias_ref<NativeDeltaClient::jhybridobject> jDeltaClient,
+    bool loadSynchronously) {
+
+  auto deltaClient = jDeltaClient->cthis()->getDeltaClient();
+  auto registry = RAMBundleRegistry::singleBundleRegistry(
+    folly::make_unique<JSDeltaBundleClientRAMBundle>(deltaClient));
+
+  instance_->loadRAMBundle(
+    std::move(registry), deltaClient->getStartupCode(), sourceURL, loadSynchronously);
+}
+
 void CatalystInstanceImpl::jniCallJSFunction(std::string module, std::string method, NativeArray* arguments) {
   // We want to share the C++ code, and on iOS, modules pass module/method
   // names as strings all the way through to JS, and there's no way to do
@@ -241,9 +261,7 @@ jlong CatalystInstanceImpl::getJavaScriptContext() {
 }
 
 void CatalystInstanceImpl::handleMemoryPressure(int pressureLevel) {
-  #ifdef WITH_JSC_MEMORY_PRESSURE
   instance_->handleMemoryPressure(pressureLevel);
-  #endif
 }
 
 }}
diff --git a/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.h b/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.h
index 5f7b1be15157e6..fcd7aef70209f9 100644
--- a/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.h
+++ b/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include <string>
 
@@ -10,6 +13,7 @@
 #include "JMessageQueueThread.h"
 #include "JSLoader.h"
 #include "ModuleRegistryBuilder.h"
+#include "NativeDeltaClient.h"
 
 namespace facebook {
 namespace react {
@@ -66,6 +70,7 @@ class CatalystInstanceImpl : public jni::HybridClass<CatalystInstanceImpl> {
 
   void jniLoadScriptFromAssets(jni::alias_ref<JAssetManager::javaobject> assetManager, const std::string& assetURL, bool loadSynchronously);
   void jniLoadScriptFromFile(const std::string& fileName, const std::string& sourceURL, bool loadSynchronously);
+  void jniLoadScriptFromDeltaBundle(const std::string& sourceURL, jni::alias_ref<NativeDeltaClient::jhybridobject> deltaClient, bool loadSynchronously);
   void jniCallJSFunction(std::string module, std::string method, NativeArray* arguments);
   void jniCallJSCallback(jint callbackId, NativeArray* arguments);
   void setGlobalVariable(std::string propName,
diff --git a/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.cpp b/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.cpp
index 8f0ec406449b4d..b9205cc6ae5f40 100644
--- a/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "CxxModuleWrapper.h"
 
diff --git a/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.h b/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.h
index 74d51563fae9b8..0055965c6cb4b4 100644
--- a/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.h
+++ b/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapperBase.h b/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapperBase.h
index c184464f162a0b..128135453595f2 100644
--- a/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapperBase.h
+++ b/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapperBase.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/jni/CxxSharedModuleWrapper.h b/ReactAndroid/src/main/jni/react/jni/CxxSharedModuleWrapper.h
index 81ca0a200193df..53f8b653c2d4c1 100644
--- a/ReactAndroid/src/main/jni/react/jni/CxxSharedModuleWrapper.h
+++ b/ReactAndroid/src/main/jni/react/jni/CxxSharedModuleWrapper.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/jni/JCallback.h b/ReactAndroid/src/main/jni/react/jni/JCallback.h
index b4b68d1f84790a..00502ab56b0beb 100644
--- a/ReactAndroid/src/main/jni/react/jni/JCallback.h
+++ b/ReactAndroid/src/main/jni/react/jni/JCallback.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/jni/JInspector.cpp b/ReactAndroid/src/main/jni/react/jni/JInspector.cpp
index 47000279487ed7..0f1b5593ad2cd4 100644
--- a/ReactAndroid/src/main/jni/react/jni/JInspector.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/JInspector.cpp
@@ -1,7 +1,9 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "JInspector.h"
-#include <jschelpers/JavaScriptCore.h>
 
 #ifdef WITH_INSPECTOR
 
diff --git a/ReactAndroid/src/main/jni/react/jni/JInspector.h b/ReactAndroid/src/main/jni/react/jni/JInspector.h
index 9e089687eb87e4..a199989c998dfc 100644
--- a/ReactAndroid/src/main/jni/react/jni/JInspector.h
+++ b/ReactAndroid/src/main/jni/react/jni/JInspector.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/jni/JMessageQueueThread.cpp b/ReactAndroid/src/main/jni/react/jni/JMessageQueueThread.cpp
index b881b611594366..614f2fc95f8a2c 100644
--- a/ReactAndroid/src/main/jni/react/jni/JMessageQueueThread.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/JMessageQueueThread.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "JMessageQueueThread.h"
 
diff --git a/ReactAndroid/src/main/jni/react/jni/JMessageQueueThread.h b/ReactAndroid/src/main/jni/react/jni/JMessageQueueThread.h
index 944854ea82fab7..604429671c0b03 100644
--- a/ReactAndroid/src/main/jni/react/jni/JMessageQueueThread.h
+++ b/ReactAndroid/src/main/jni/react/jni/JMessageQueueThread.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/jni/JNativeRunnable.h b/ReactAndroid/src/main/jni/react/jni/JNativeRunnable.h
index 5550af34299b16..53a973e85a61bb 100644
--- a/ReactAndroid/src/main/jni/react/jni/JNativeRunnable.h
+++ b/ReactAndroid/src/main/jni/react/jni/JNativeRunnable.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/jni/ReactMarker.cpp b/ReactAndroid/src/main/jni/react/jni/JReactMarker.cpp
similarity index 88%
rename from ReactAndroid/src/main/jni/react/jni/ReactMarker.cpp
rename to ReactAndroid/src/main/jni/react/jni/JReactMarker.cpp
index c4680eedff2495..ead1c689d121ef 100644
--- a/ReactAndroid/src/main/jni/react/jni/ReactMarker.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/JReactMarker.cpp
@@ -1,9 +1,11 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
 
-#include "ReactMarker.h"
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#include "JReactMarker.h"
 #include <mutex>
-#include <cxxreact/Platform.h>
-#include <jschelpers/JSCHelpers.h>
+#include <cxxreact/ReactMarker.h>
 #include <fb/fbjni.h>
 
 namespace facebook {
diff --git a/ReactAndroid/src/main/jni/react/jni/ReactMarker.h b/ReactAndroid/src/main/jni/react/jni/JReactMarker.h
similarity index 72%
rename from ReactAndroid/src/main/jni/react/jni/ReactMarker.h
rename to ReactAndroid/src/main/jni/react/jni/JReactMarker.h
index 7f918c77cbcf1d..f9e6d27d168519 100644
--- a/ReactAndroid/src/main/jni/react/jni/ReactMarker.h
+++ b/ReactAndroid/src/main/jni/react/jni/JReactMarker.h
@@ -1,10 +1,14 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
 #include <string>
 #include <fb/fbjni.h>
-#include <cxxreact/Platform.h>
+
+#include <cxxreact/ReactMarker.h>
 
 namespace facebook {
 namespace react {
diff --git a/ReactAndroid/src/main/jni/react/jni/JSCPerfLogging.cpp b/ReactAndroid/src/main/jni/react/jni/JSCPerfLogging.cpp
index d2c9973ecb9e00..6516932e196163 100644
--- a/ReactAndroid/src/main/jni/react/jni/JSCPerfLogging.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/JSCPerfLogging.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "JSCPerfLogging.h"
 
@@ -59,6 +62,12 @@ struct JQuickPerformanceLogger : JavaClass<JQuickPerformanceLogger> {
       javaClassStatic()->getMethod<jlong()>("currentMonotonicTimestamp");
     return currentTimestampMethod(self());
   }
+
+  void markerPoint(int markerId, alias_ref<jstring> name, int instanceKey) {
+    static auto markerPointMethod =
+      javaClassStatic()->getMethod<void(jint, jint, alias_ref<jstring>)>("markerPoint");
+    markerPointMethod(self(), markerId, instanceKey, name);
+  }
 };
 
 struct JQuickPerformanceLoggerProvider : JavaClass<JQuickPerformanceLoggerProvider> {
@@ -103,6 +112,14 @@ static bool isNan(double value) {
   return (value != value);
 }
 
+static double grabDouble(
+    JSContextRef ctx,
+    const JSValueRef arguments[],
+    size_t argumentIndex,
+    JSValueRef* exception) {
+  return JSValueToNumber(ctx, arguments[argumentIndex], exception);
+}
+
 // Safely translates JSValues to an array of doubles.
 static bool grabDoubles(
     size_t targetsCount,
@@ -115,7 +132,7 @@ static bool grabDoubles(
     return false;
   }
   for (size_t i = 0 ; i < targetsCount ; i++) {
-    targets[i] = JSValueToNumber(ctx, arguments[i], exception);
+    targets[i] = grabDouble(ctx, arguments, i, exception);
     if (isNan(targets[i])) {
       return false;
     }
@@ -251,6 +268,30 @@ static JSValueRef nativeQPLTimestamp(
   return JSValueMakeNumber(ctx, timestamp);
 }
 
+static JSValueRef nativeQPLMarkerPoint(
+    JSContextRef ctx,
+    JSObjectRef function,
+    JSObjectRef thisObject,
+    size_t argumentCount,
+    const JSValueRef arguments[],
+    JSValueRef* exception) {
+  if (isReady() && argumentCount == 4) {
+    double markerIdArgument = grabDouble(ctx, arguments, 0, exception);
+    double instanceKeyArgument = grabDouble(ctx, arguments, 2, exception);
+    if (isNan(markerIdArgument) || isNan(instanceKeyArgument)) {
+      return JSValueMakeUndefined(ctx);
+    }
+
+    int32_t markerId = (int32_t) markerIdArgument;
+    local_ref<jstring> name = getJStringFromJSValueRef(ctx, arguments[1]);
+    int32_t instanceKey = (int32_t) instanceKeyArgument;
+    // timestamp is not used as QuickPerformanceLogger::markerPoint with all
+    // params is missing
+    JQuickPerformanceLoggerProvider::get()->markerPoint(markerId, name, instanceKey);
+  }
+  return JSValueMakeUndefined(ctx);
+}
+
 void addNativePerfLoggingHooks(JSGlobalContextRef ctx) {
   installGlobalFunction(ctx, "nativeQPLMarkerStart", nativeQPLMarkerStart);
   installGlobalFunction(ctx, "nativeQPLMarkerEnd", nativeQPLMarkerEnd);
@@ -259,6 +300,7 @@ void addNativePerfLoggingHooks(JSGlobalContextRef ctx) {
   installGlobalFunction(ctx, "nativeQPLMarkerNote", nativeQPLMarkerNote);
   installGlobalFunction(ctx, "nativeQPLMarkerCancel", nativeQPLMarkerCancel);
   installGlobalFunction(ctx, "nativeQPLTimestamp", nativeQPLTimestamp);
+  installGlobalFunction(ctx, "nativeQPLMarkerPoint", nativeQPLMarkerPoint);
 }
 
 } }
diff --git a/ReactAndroid/src/main/jni/react/jni/JSCPerfLogging.h b/ReactAndroid/src/main/jni/react/jni/JSCPerfLogging.h
index 241e716b8fbd69..43805243af2c59 100644
--- a/ReactAndroid/src/main/jni/react/jni/JSCPerfLogging.h
+++ b/ReactAndroid/src/main/jni/react/jni/JSCPerfLogging.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/jni/JSLoader.cpp b/ReactAndroid/src/main/jni/react/jni/JSLoader.cpp
index 187f96fb791a51..2f435dfda93242 100644
--- a/ReactAndroid/src/main/jni/react/jni/JSLoader.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/JSLoader.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "JSLoader.h"
 
diff --git a/ReactAndroid/src/main/jni/react/jni/JSLoader.h b/ReactAndroid/src/main/jni/react/jni/JSLoader.h
index d6ea1fbe6d55f0..543534a9707b33 100644
--- a/ReactAndroid/src/main/jni/react/jni/JSLoader.h
+++ b/ReactAndroid/src/main/jni/react/jni/JSLoader.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/jni/JSLogging.cpp b/ReactAndroid/src/main/jni/react/jni/JSLogging.cpp
index 5fdc9a8b273dea..bb3762bf06c142 100644
--- a/ReactAndroid/src/main/jni/react/jni/JSLogging.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/JSLogging.cpp
@@ -1,36 +1,27 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "JSLogging.h"
 
-#include <android/log.h>
-#include <algorithm>
 #include <fb/log.h>
 
-#include <jschelpers/Value.h>
-
 namespace facebook {
 namespace react {
 
-JSValueRef nativeLoggingHook(
-    JSContextRef ctx,
-    JSObjectRef function,
-    JSObjectRef thisObject,
-    size_t argumentCount,
-    const JSValueRef arguments[], JSValueRef *exception) {
-  android_LogPriority logLevel = ANDROID_LOG_DEBUG;
-  if (argumentCount > 1) {
-    int level = (int)Value(ctx, arguments[1]).asNumber();
-    // The lowest log level we get from JS is 0. We shift and cap it to be
-    // in the range the Android logging method expects.
-    logLevel = std::min(
-        static_cast<android_LogPriority>(level + ANDROID_LOG_DEBUG),
-        ANDROID_LOG_FATAL);
-  }
-  if (argumentCount > 0) {
-    String message = Value(ctx, arguments[0]).toString();
-    FBLOG_PRI(logLevel, "ReactNativeJS", "%s", message.str().c_str());
-  }
-  return Value::makeUndefined(ctx);
+void reactAndroidLoggingHook(
+    const std::string& message,
+    android_LogPriority logLevel) {
+  FBLOG_PRI(logLevel, "ReactNativeJS", "%s", message.c_str());
+}
+
+void reactAndroidLoggingHook(
+    const std::string& message,
+    unsigned int logLevel) {
+  reactAndroidLoggingHook(
+      message, static_cast<android_LogPriority>(logLevel + ANDROID_LOG_DEBUG));
 }
 
-}};
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/react/jni/JSLogging.h b/ReactAndroid/src/main/jni/react/jni/JSLogging.h
index 2a38aaf3137cb9..173b4745ccd55b 100644
--- a/ReactAndroid/src/main/jni/react/jni/JSLogging.h
+++ b/ReactAndroid/src/main/jni/react/jni/JSLogging.h
@@ -1,17 +1,22 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
-#include <JavaScriptCore/JSContextRef.h>
+#include <android/log.h>
+#include <string>
 
 namespace facebook {
 namespace react {
 
-JSValueRef nativeLoggingHook(
-    JSContextRef ctx,
-    JSObjectRef function,
-    JSObjectRef thisObject,
-    size_t argumentCount,
-    const JSValueRef arguments[], JSValueRef *exception);
+void reactAndroidLoggingHook(
+    const std::string& message,
+    android_LogPriority logLevel);
+void reactAndroidLoggingHook(
+    const std::string& message,
+    unsigned int logLevel);
 
-}}
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/react/jni/JavaModuleWrapper.cpp b/ReactAndroid/src/main/jni/react/jni/JavaModuleWrapper.cpp
index 9f667f23aa90fb..4d7e52e4945cf9 100644
--- a/ReactAndroid/src/main/jni/react/jni/JavaModuleWrapper.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/JavaModuleWrapper.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "JavaModuleWrapper.h"
 
diff --git a/ReactAndroid/src/main/jni/react/jni/JavaModuleWrapper.h b/ReactAndroid/src/main/jni/react/jni/JavaModuleWrapper.h
index 6bc4f6b75692c6..cdd081b69d4f01 100644
--- a/ReactAndroid/src/main/jni/react/jni/JavaModuleWrapper.h
+++ b/ReactAndroid/src/main/jni/react/jni/JavaModuleWrapper.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/jni/JavaScriptExecutorHolder.h b/ReactAndroid/src/main/jni/react/jni/JavaScriptExecutorHolder.h
index b23cc9e370df19..7f7141716ede6d 100644
--- a/ReactAndroid/src/main/jni/react/jni/JavaScriptExecutorHolder.h
+++ b/ReactAndroid/src/main/jni/react/jni/JavaScriptExecutorHolder.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include <memory>
 
diff --git a/ReactAndroid/src/main/jni/react/jni/JniJSModulesUnbundle.cpp b/ReactAndroid/src/main/jni/react/jni/JniJSModulesUnbundle.cpp
index be00bfdcbee268..643ef80d2f6125 100644
--- a/ReactAndroid/src/main/jni/react/jni/JniJSModulesUnbundle.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/JniJSModulesUnbundle.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "JniJSModulesUnbundle.h"
 
@@ -82,7 +85,7 @@ JSModulesUnbundle::Module JniJSModulesUnbundle::getModule(uint32_t moduleId) con
     buffer = static_cast<const char *>(AAsset_getBuffer(asset.get()));
   }
   if (buffer == nullptr) {
-    throw ModuleNotFound("Module not found: " + sourceUrl);
+    throw ModuleNotFound(moduleId);
   }
   return {sourceUrl, std::string(buffer, AAsset_getLength(asset.get()))};
 }
diff --git a/ReactAndroid/src/main/jni/react/jni/JniJSModulesUnbundle.h b/ReactAndroid/src/main/jni/react/jni/JniJSModulesUnbundle.h
index 8ca93b3ed88f10..17fcd2d6742ed1 100644
--- a/ReactAndroid/src/main/jni/react/jni/JniJSModulesUnbundle.h
+++ b/ReactAndroid/src/main/jni/react/jni/JniJSModulesUnbundle.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/jni/MethodInvoker.cpp b/ReactAndroid/src/main/jni/react/jni/MethodInvoker.cpp
index deb289714ce7ac..4abba9308cf7e3 100644
--- a/ReactAndroid/src/main/jni/react/jni/MethodInvoker.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/MethodInvoker.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "MethodInvoker.h"
 
diff --git a/ReactAndroid/src/main/jni/react/jni/MethodInvoker.h b/ReactAndroid/src/main/jni/react/jni/MethodInvoker.h
index 288c0b875c2969..e86ebe1be77db5 100644
--- a/ReactAndroid/src/main/jni/react/jni/MethodInvoker.h
+++ b/ReactAndroid/src/main/jni/react/jni/MethodInvoker.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.cpp b/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.cpp
index eb204dd3ee91b3..e902f603729232 100644
--- a/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "ModuleRegistryBuilder.h"
 
diff --git a/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.h b/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.h
index 3a8cc09258e00f..b179c5ba44e3e4 100644
--- a/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.h
+++ b/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include <string>
 
diff --git a/ReactAndroid/src/main/jni/react/jni/NativeArray.cpp b/ReactAndroid/src/main/jni/react/jni/NativeArray.cpp
index 09026055bf42fa..2c6bc8f1d56be3 100644
--- a/ReactAndroid/src/main/jni/react/jni/NativeArray.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/NativeArray.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "NativeArray.h"
 
diff --git a/ReactAndroid/src/main/jni/react/jni/NativeArray.h b/ReactAndroid/src/main/jni/react/jni/NativeArray.h
index 3b48928356b536..54efd849ec0a95 100644
--- a/ReactAndroid/src/main/jni/react/jni/NativeArray.h
+++ b/ReactAndroid/src/main/jni/react/jni/NativeArray.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/jni/NativeCommon.cpp b/ReactAndroid/src/main/jni/react/jni/NativeCommon.cpp
index 633792a7d2e53c..fd46ea949ee57b 100644
--- a/ReactAndroid/src/main/jni/react/jni/NativeCommon.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/NativeCommon.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "NativeCommon.h"
 
diff --git a/ReactAndroid/src/main/jni/react/jni/NativeCommon.h b/ReactAndroid/src/main/jni/react/jni/NativeCommon.h
index 1f4a926fd18bdd..738edb0975476c 100644
--- a/ReactAndroid/src/main/jni/react/jni/NativeCommon.h
+++ b/ReactAndroid/src/main/jni/react/jni/NativeCommon.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/jni/NativeDeltaClient.cpp b/ReactAndroid/src/main/jni/react/jni/NativeDeltaClient.cpp
new file mode 100644
index 00000000000000..cb7d10fafda477
--- /dev/null
+++ b/ReactAndroid/src/main/jni/react/jni/NativeDeltaClient.cpp
@@ -0,0 +1,57 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#include "NativeDeltaClient.h"
+
+#include <sstream>
+#include <fb/fbjni/ByteBuffer.h>
+#include <folly/json.h>
+
+namespace facebook {
+namespace react {
+
+jni::local_ref<NativeDeltaClient::jhybriddata> NativeDeltaClient::initHybrid(
+    jni::alias_ref<jclass>) {
+  return makeCxxInstance();
+}
+
+void NativeDeltaClient::registerNatives() {
+  registerHybrid({
+    makeNativeMethod("initHybrid", NativeDeltaClient::initHybrid),
+    makeNativeMethod("processDelta", NativeDeltaClient::jniProcessDelta),
+    makeNativeMethod("reset", NativeDeltaClient::jniReset),
+  });
+}
+
+void NativeDeltaClient::jniProcessDelta(
+    jni::alias_ref<jni::JReadableByteChannel> delta) {
+
+  std::ostringstream deltaMessage;
+  std::vector<uint8_t> buffer(8192);
+  auto byteBuffer = jni::JByteBuffer::wrapBytes(buffer.data(), buffer.size());
+
+  size_t pos = 0;
+  int read = 0;
+  do {
+    read = delta->read(byteBuffer);
+    if (read < 1) {
+      deltaMessage.write(reinterpret_cast<const char *>(buffer.data()), pos);
+      byteBuffer->rewind();
+      pos = 0;
+    } else {
+      pos += read;
+    }
+  } while (read != -1);
+
+
+  deltaClient_->patch(folly::parseJson(deltaMessage.str()));
+}
+
+void NativeDeltaClient::jniReset() {
+  deltaClient_->clear();
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/react/jni/NativeDeltaClient.h b/ReactAndroid/src/main/jni/react/jni/NativeDeltaClient.h
new file mode 100644
index 00000000000000..957465d7fdb1ff
--- /dev/null
+++ b/ReactAndroid/src/main/jni/react/jni/NativeDeltaClient.h
@@ -0,0 +1,41 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#pragma once
+
+#include <memory>
+
+#include <cxxreact/JSDeltaBundleClient.h>
+#include <fb/fbjni.h>
+#include <fb/fbjni/Hybrid.h>
+#include <fb/fbjni/ReadableByteChannel.h>
+
+namespace facebook {
+namespace react {
+
+class NativeDeltaClient : public jni::HybridClass<NativeDeltaClient> {
+
+public:
+  static constexpr auto kJavaDescriptor =
+    "Lcom/facebook/react/bridge/NativeDeltaClient;";
+  static jni::local_ref<jhybriddata> initHybrid(jni::alias_ref<jclass>);
+  static void registerNatives();
+
+  ~NativeDeltaClient() override = default;
+
+  std::shared_ptr<const JSDeltaBundleClient> getDeltaClient() {
+    return deltaClient_;
+  }
+
+private:
+  friend HybridBase;
+  void jniProcessDelta(jni::alias_ref<jni::JReadableByteChannel> delta);
+  void jniReset();
+  const std::shared_ptr<JSDeltaBundleClient> deltaClient_ =
+    std::make_shared<JSDeltaBundleClient>();
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/react/jni/NativeMap.cpp b/ReactAndroid/src/main/jni/react/jni/NativeMap.cpp
index ebc7fa88bdb719..c8c948cd440efa 100644
--- a/ReactAndroid/src/main/jni/react/jni/NativeMap.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/NativeMap.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "NativeMap.h"
 
diff --git a/ReactAndroid/src/main/jni/react/jni/NativeMap.h b/ReactAndroid/src/main/jni/react/jni/NativeMap.h
index 3baf03242a445a..7089b6d9fbe520 100644
--- a/ReactAndroid/src/main/jni/react/jni/NativeMap.h
+++ b/ReactAndroid/src/main/jni/react/jni/NativeMap.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/jni/OnLoad.cpp b/ReactAndroid/src/main/jni/react/jni/OnLoad.cpp
index ec97e56e5b1d02..75f1300f921f4c 100644
--- a/ReactAndroid/src/main/jni/react/jni/OnLoad.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/OnLoad.cpp
@@ -1,21 +1,20 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include <string>
 
-#include <jschelpers/JSCHelpers.h>
-#include <cxxreact/JSCExecutor.h>
-#include <cxxreact/Platform.h>
 #include <fb/fbjni.h>
 #include <fb/glog_init.h>
 #include <fb/log.h>
-#include <folly/dynamic.h>
-#include <jschelpers/Value.h>
 
 #include "AndroidJSCFactory.h"
 #include "CatalystInstanceImpl.h"
 #include "CxxModuleWrapper.h"
 #include "JavaScriptExecutorHolder.h"
 #include "JCallback.h"
+#include "NativeDeltaClient.h"
 #include "ProxyExecutor.h"
 #include "WritableNativeArray.h"
 #include "WritableNativeMap.h"
@@ -38,7 +37,7 @@ class JSCJavaScriptExecutorHolder : public HybridClass<JSCJavaScriptExecutorHold
   static constexpr auto kJavaDescriptor = "Lcom/facebook/react/bridge/JSCJavaScriptExecutor;";
 
   static local_ref<jhybriddata> initHybrid(alias_ref<jclass>, ReadableNativeMap* jscConfig) {
-    return makeCxxInstance(makeAndroidJSCExecutorFactory(jscConfig->consume(), nullptr));
+    return makeCxxInstance(makeAndroidJSCExecutorFactory(jscConfig->consume()));
   }
 
   static void registerNatives() {
@@ -91,6 +90,7 @@ extern "C" JNIEXPORT jint JNI_OnLoad(JavaVM* vm, void* reserved) {
     CxxModuleWrapper::registerNatives();
     JCxxCallbackImpl::registerNatives();
     NativeArray::registerNatives();
+    NativeDeltaClient::registerNatives();
     ReadableNativeArray::registerNatives();
     WritableNativeArray::registerNatives();
     NativeMap::registerNatives();
diff --git a/ReactAndroid/src/main/jni/react/jni/OnLoad.h b/ReactAndroid/src/main/jni/react/jni/OnLoad.h
index 9da83c447b96ed..18682b92560467 100644
--- a/ReactAndroid/src/main/jni/react/jni/OnLoad.h
+++ b/ReactAndroid/src/main/jni/react/jni/OnLoad.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.cpp b/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.cpp
index 1b9395ceae4c9f..1a030f5d4d24b2 100644
--- a/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "ProxyExecutor.h"
 
diff --git a/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.h b/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.h
index b77d35f63745cd..5e1b1b786876c7 100644
--- a/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.h
+++ b/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/jni/ReadableNativeArray.cpp b/ReactAndroid/src/main/jni/react/jni/ReadableNativeArray.cpp
index 2ea8742fae5a16..008738f6af2a67 100644
--- a/ReactAndroid/src/main/jni/react/jni/ReadableNativeArray.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/ReadableNativeArray.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "ReadableNativeArray.h"
 
diff --git a/ReactAndroid/src/main/jni/react/jni/ReadableNativeMap.cpp b/ReactAndroid/src/main/jni/react/jni/ReadableNativeMap.cpp
index 1a7aa3d8af56ac..5c91620ac55051 100644
--- a/ReactAndroid/src/main/jni/react/jni/ReadableNativeMap.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/ReadableNativeMap.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "ReadableNativeMap.h"
 
diff --git a/ReactAndroid/src/main/jni/react/jni/ReadableNativeMap.h b/ReactAndroid/src/main/jni/react/jni/ReadableNativeMap.h
index de06d69753abb1..7258adaaeace8b 100644
--- a/ReactAndroid/src/main/jni/react/jni/ReadableNativeMap.h
+++ b/ReactAndroid/src/main/jni/react/jni/ReadableNativeMap.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/jni/WritableNativeArray.cpp b/ReactAndroid/src/main/jni/react/jni/WritableNativeArray.cpp
index 77de9ff2203721..20510758b8a4b3 100644
--- a/ReactAndroid/src/main/jni/react/jni/WritableNativeArray.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/WritableNativeArray.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "WritableNativeArray.h"
 
diff --git a/ReactAndroid/src/main/jni/react/jni/WritableNativeArray.h b/ReactAndroid/src/main/jni/react/jni/WritableNativeArray.h
index e47769517f005e..23dea3eb9fe419 100644
--- a/ReactAndroid/src/main/jni/react/jni/WritableNativeArray.h
+++ b/ReactAndroid/src/main/jni/react/jni/WritableNativeArray.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/jni/WritableNativeMap.cpp b/ReactAndroid/src/main/jni/react/jni/WritableNativeMap.cpp
index 3460f581047851..f33dcd131796ca 100644
--- a/ReactAndroid/src/main/jni/react/jni/WritableNativeMap.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/WritableNativeMap.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "WritableNativeMap.h"
 
diff --git a/ReactAndroid/src/main/jni/react/jni/WritableNativeMap.h b/ReactAndroid/src/main/jni/react/jni/WritableNativeMap.h
index d577f0dffbdded..3373350266e644 100644
--- a/ReactAndroid/src/main/jni/react/jni/WritableNativeMap.h
+++ b/ReactAndroid/src/main/jni/react/jni/WritableNativeMap.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactAndroid/src/main/jni/react/perftests/BUCK b/ReactAndroid/src/main/jni/react/perftests/BUCK
index 6baeaf89834a06..35b3b1970f51dd 100644
--- a/ReactAndroid/src/main/jni/react/perftests/BUCK
+++ b/ReactAndroid/src/main/jni/react/perftests/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_xplat_cxx_library", "react_native_xplat_target", "ANDROID")
+load("//ReactNative:DEFS.bzl", "ANDROID", "react_native_xplat_target", "rn_xplat_cxx_library")
 
 rn_xplat_cxx_library(
     name = "perftests",
diff --git a/ReactAndroid/src/main/jni/react/perftests/OnLoad.cpp b/ReactAndroid/src/main/jni/react/perftests/OnLoad.cpp
index 89610b203be033..b4d5f7d028b396 100644
--- a/ReactAndroid/src/main/jni/react/perftests/OnLoad.cpp
+++ b/ReactAndroid/src/main/jni/react/perftests/OnLoad.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include <fb/log.h>
 #include <fb/fbjni.h>
diff --git a/ReactAndroid/src/main/jni/third-party/android-ndk/BUCK b/ReactAndroid/src/main/jni/third-party/android-ndk/BUCK
deleted file mode 100644
index 294dfed941afa6..00000000000000
--- a/ReactAndroid/src/main/jni/third-party/android-ndk/BUCK
+++ /dev/null
@@ -1,24 +0,0 @@
-# NOTE(agallagher): The platform should really be responsible for providing
-# this type of implicit dependency.  As it is now, we need to setup a dummy
-# rules to model the Android NDK's built in libraries.
-
-LIBS = (
-    "android",
-    "EGL",
-    "GLESv2",
-    "jnigraphics",
-    "log",
-    "z",
-)
-
-for lib in LIBS:
-  prebuilt_cxx_library(
-    name = lib,
-    header_only = True,
-    exported_platform_linker_flags = [
-      ('android.*', ['-l' + lib]),
-    ],
-    visibility = [
-      'PUBLIC',
-    ],
-  )
diff --git a/ReactAndroid/src/main/jni/third-party/glog/Android.mk b/ReactAndroid/src/main/jni/third-party/glog/Android.mk
index 96478acbe922a5..01a14538c03843 100644
--- a/ReactAndroid/src/main/jni/third-party/glog/Android.mk
+++ b/ReactAndroid/src/main/jni/third-party/glog/Android.mk
@@ -3,17 +3,17 @@ LOCAL_PATH:= $(call my-dir)
 include $(CLEAR_VARS)
 
 LOCAL_SRC_FILES := \
-  glog-0.3.3/src/demangle.cc \
-  glog-0.3.3/src/logging.cc \
-  glog-0.3.3/src/raw_logging.cc \
-  glog-0.3.3/src/signalhandler.cc \
-  glog-0.3.3/src/symbolize.cc \
-  glog-0.3.3/src/utilities.cc \
-  glog-0.3.3/src/vlog_is_on.cc
+  glog-0.3.5/src/demangle.cc \
+  glog-0.3.5/src/logging.cc \
+  glog-0.3.5/src/raw_logging.cc \
+  glog-0.3.5/src/signalhandler.cc \
+  glog-0.3.5/src/symbolize.cc \
+  glog-0.3.5/src/utilities.cc \
+  glog-0.3.5/src/vlog_is_on.cc
 
-LOCAL_C_INCLUDES += $(LOCAL_PATH) $(LOCAL_PATH)/.. $(LOCAL_PATH)/glog-0.3.3/src/
+LOCAL_C_INCLUDES += $(LOCAL_PATH) $(LOCAL_PATH)/.. $(LOCAL_PATH)/glog-0.3.5/src/
 
-LOCAL_EXPORT_C_INCLUDES := $(LOCAL_PATH)/.. $(LOCAL_PATH)/glog-0.3.3/src/
+LOCAL_EXPORT_C_INCLUDES := $(LOCAL_PATH)/.. $(LOCAL_PATH)/glog-0.3.5/src/
 
 LOCAL_CFLAGS += \
   -Wall \
diff --git a/ReactAndroid/src/main/jni/third-party/glog/config.h b/ReactAndroid/src/main/jni/third-party/glog/config.h
index 1e20b0da7a570f..ab05c5a7e192e3 100644
--- a/ReactAndroid/src/main/jni/third-party/glog/config.h
+++ b/ReactAndroid/src/main/jni/third-party/glog/config.h
@@ -49,6 +49,9 @@
 /* define if the compiler implements namespaces */
 #define HAVE_NAMESPACES 1
 
+/* NDK android-16 provides ssize_t pread(int, void*, size_t, off_t) */
+#define HAVE_PREAD 1
+
 /* Define if you have POSIX threads libraries and header files. */
 #define HAVE_PTHREAD 1
 
@@ -132,7 +135,7 @@
 #define PACKAGE_NAME "glog"
 
 /* Define to the full name and version of this package. */
-#define PACKAGE_STRING "glog 0.3.3"
+#define PACKAGE_STRING "glog 0.3.5"
 
 /* Define to the one symbol short name of this package. */
 #define PACKAGE_TARNAME "glog"
@@ -141,7 +144,7 @@
 #define PACKAGE_URL ""
 
 /* Define to the version of this package. */
-#define PACKAGE_VERSION "0.3.3"
+#define PACKAGE_VERSION "0.3.5"
 
 /* How to access the PC from a struct ucontext */
 /* #undef PC_FROM_UCONTEXT */
@@ -163,7 +166,7 @@
 #define TEST_SRC_DIR "."
 
 /* Version number of package */
-#define VERSION "0.3.3"
+#define VERSION "0.3.5"
 
 /* Stops putting the code inside the Google namespace */
 #define _END_GOOGLE_NAMESPACE_ }
diff --git a/ReactAndroid/src/main/libraries/fbcore/src/main/java/com/facebook/common/logging/BUCK b/ReactAndroid/src/main/libraries/fbcore/src/main/java/com/facebook/common/logging/BUCK
index fddec2c42f3703..98e1cdf542da68 100644
--- a/ReactAndroid/src/main/libraries/fbcore/src/main/java/com/facebook/common/logging/BUCK
+++ b/ReactAndroid/src/main/libraries/fbcore/src/main/java/com/facebook/common/logging/BUCK
@@ -1,9 +1,9 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "rn_android_library")
 
 rn_android_library(
     name = "logging",
+    visibility = ["//ReactAndroid/..."],
     exported_deps = [
         react_native_dep("libraries/fresco/fresco-react-native:fbcore"),
     ],
-    visibility = ["//ReactAndroid/..."],
 )
diff --git a/ReactAndroid/src/main/libraries/fbcore/src/test/java/com/facebook/powermock/BUCK b/ReactAndroid/src/main/libraries/fbcore/src/test/java/com/facebook/powermock/BUCK
index a34d1224a165f9..768455a121428b 100644
--- a/ReactAndroid/src/main/libraries/fbcore/src/test/java/com/facebook/powermock/BUCK
+++ b/ReactAndroid/src/main/libraries/fbcore/src/test/java/com/facebook/powermock/BUCK
@@ -2,6 +2,7 @@ load("//ReactNative:DEFS.bzl", "rn_android_library", "rn_prebuilt_jar")
 
 rn_android_library(
     name = "powermock",
+    visibility = ["//ReactAndroid/..."],
     exported_deps = [
         ":javassist",
         ":mockito-all",
@@ -16,149 +17,148 @@ rn_android_library(
         ":xpp3",
         ":xstream",
     ],
-    visibility = ["//ReactAndroid/..."],
 )
 
 rn_prebuilt_jar(
     name = "powermock-core",
-    binary_jar = ":download-powermock-core",
+    binary_jar = ":download-powermock-core.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-powermock-core",
+    name = "download-powermock-core.jar",
     sha1 = "ea04e79244e19dcf0c3ccf6863c5b028b4b58c9c",
     url = "mvn:org.powermock:powermock-core:jar:1.6.2",
 )
 
 rn_prebuilt_jar(
     name = "powermock-api-mockito",
-    binary_jar = ":download-powermock-api-mockito",
+    binary_jar = ":download-powermock-api-mockito.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-powermock-api-mockito",
+    name = "download-powermock-api-mockito.jar",
     sha1 = "c213230ae20a7b422f3d622a261d0e3427d2464c",
     url = "mvn:org.powermock:powermock-api-mockito:jar:1.6.2",
 )
 
 rn_prebuilt_jar(
     name = "powermock-api-support",
-    binary_jar = ":download-powermock-api-support",
+    binary_jar = ":download-powermock-api-support.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-powermock-api-support",
+    name = "download-powermock-api-support.jar",
     sha1 = "93b21413b4ee99b7bc0dd34e1416fdca96866aaf",
     url = "mvn:org.powermock:powermock-api-support:jar:1.6.2",
 )
 
 rn_prebuilt_jar(
     name = "powermock-module-junit4-rule",
-    binary_jar = ":download-powermock-module-junit4-rule",
+    binary_jar = ":download-powermock-module-junit4-rule.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-powermock-module-junit4-rule",
+    name = "download-powermock-module-junit4-rule.jar",
     sha1 = "4847638c5729b9f203e21144b0bdb5d34d888473",
     url = "mvn:org.powermock:powermock-module-junit4-rule:jar:1.6.2",
 )
 
 rn_prebuilt_jar(
     name = "powermock-classloading-xstream",
-    binary_jar = ":download-powermock-classloading-xstream",
+    binary_jar = ":download-powermock-classloading-xstream.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-powermock-classloading-xstream",
+    name = "download-powermock-classloading-xstream.jar",
     sha1 = "3ced31cd7024fe365b9f3c8082d22c02434577da",
     url = "mvn:org.powermock:powermock-classloading-xstream:jar:1.6.2",
 )
 
 rn_prebuilt_jar(
     name = "powermock-classloading-base",
-    binary_jar = ":download-powermock-classloading-base",
+    binary_jar = ":download-powermock-classloading-base.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-powermock-classloading-base",
+    name = "download-powermock-classloading-base.jar",
     sha1 = "c8bfc10731a02d3b241892cf2c334a754d473ca7",
     url = "mvn:org.powermock:powermock-classloading-base:jar:1.6.2",
 )
 
 rn_prebuilt_jar(
     name = "xstream",
-    binary_jar = ":download-xstream",
+    binary_jar = ":download-xstream.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-xstream",
+    name = "download-xstream.jar",
     sha1 = "97e5013f391487cce4de6b0eebcde21549e91872",
     url = "mvn:com.thoughtworks.xstream:xstream:jar:1.4.2",
 )
 
 rn_prebuilt_jar(
     name = "powermock-reflect",
-    binary_jar = ":download-powermock-reflect",
+    binary_jar = ":download-powermock-reflect.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-powermock-reflect",
+    name = "download-powermock-reflect.jar",
     sha1 = "1af1bbd1207c3ecdcf64973e6f9d57dcd17cc145",
     url = "mvn:org.powermock:powermock-reflect:jar:1.6.2",
 )
 
 rn_prebuilt_jar(
     name = "javassist",
-    binary_jar = ":download-javassist",
+    binary_jar = ":download-javassist.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-javassist",
+    name = "download-javassist.jar",
     sha1 = "a9cbcdfb7e9f86fbc74d3afae65f2248bfbf82a0",
     url = "mvn:org.javassist:javassist:jar:3.20.0-GA",
 )
 
 rn_prebuilt_jar(
     name = "mockito-all",
-    binary_jar = ":download-mockito-all",
+    binary_jar = ":download-mockito-all.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-mockito-all",
+    name = "download-mockito-all.jar",
     sha1 = "539df70269cc254a58cccc5d8e43286b4a73bf30",
     url = "mvn:org.mockito:mockito-all:jar:1.10.19",
 )
 
 rn_prebuilt_jar(
     name = "xmlpull",
-    binary_jar = ":download-xmlpull",
+    binary_jar = ":download-xmlpull.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-xmlpull",
+    name = "download-xmlpull.jar",
     sha1 = "2b8e230d2ab644e4ecaa94db7cdedbc40c805dfa",
     url = "mvn:xmlpull:xmlpull:jar:1.1.3.1",
 )
 
 rn_prebuilt_jar(
     name = "xpp3",
-    binary_jar = ":download-xpp3",
+    binary_jar = ":download-xpp3.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-xpp3",
+    name = "download-xpp3.jar",
     sha1 = "19d4e90b43059058f6e056f794f0ea4030d60b86",
     url = "mvn:xpp3:xpp3_min:jar:1.1.4c",
 )
diff --git a/ReactAndroid/src/main/libraries/fresco/fresco-react-native/BUCK b/ReactAndroid/src/main/libraries/fresco/fresco-react-native/BUCK
index 06dca9bcc73f75..e81c585b889ea4 100644
--- a/ReactAndroid/src/main/libraries/fresco/fresco-react-native/BUCK
+++ b/ReactAndroid/src/main/libraries/fresco/fresco-react-native/BUCK
@@ -8,8 +8,8 @@ rn_android_prebuilt_aar(
 
 remote_file(
     name = "fresco-binary-aar",
-    sha1 = "b6271dc58383b4ce119ecc05e2bcaedde0e74ad9",
-    url = "mvn:com.facebook.fresco:fresco:aar:1.3.0",
+    sha1 = "f4415e8676eef4d12fdc8ddbd784bb752cf0c5e3",
+    url = "mvn:com.facebook.fresco:fresco:aar:1.9.0",
 )
 
 android_prebuilt_aar(
@@ -20,18 +20,18 @@ android_prebuilt_aar(
 
 remote_file(
     name = "drawee-binary-aar",
-    sha1 = "c88fb84ed4ae8a4e0efe6fd3cad1a1d20c19ea69",
-    url = "mvn:com.facebook.fresco:drawee:aar:1.3.0",
+    sha1 = "e0c3b0fa64fc7525f05a852476bc8723ae6ddc90",
+    url = "mvn:com.facebook.fresco:drawee:aar:1.9.0",
 )
 
 rn_android_library(
     name = "imagepipeline",
+    visibility = ["//ReactAndroid/..."],
     exported_deps = [
         ":bolts",
         ":imagepipeline-base",
         ":imagepipeline-core",
     ],
-    visibility = ["//ReactAndroid/..."],
 )
 
 rn_android_prebuilt_aar(
@@ -42,8 +42,8 @@ rn_android_prebuilt_aar(
 
 remote_file(
     name = "imagepipeline-base-aar",
-    sha1 = "a43f1043fc684d2794438544f73f1968ec9cf21a",
-    url = "mvn:com.facebook.fresco:imagepipeline-base:aar:1.3.0",
+    sha1 = "8034e5c8a75385bd20e72ff51489b0673029fcf7",
+    url = "mvn:com.facebook.fresco:imagepipeline-base:aar:1.9.0",
 )
 
 rn_android_prebuilt_aar(
@@ -54,18 +54,18 @@ rn_android_prebuilt_aar(
 
 remote_file(
     name = "imagepipeline-aar",
-    sha1 = "32c08122d47210d437f34eba5472e880b0f1e8b8",
-    url = "mvn:com.facebook.fresco:imagepipeline:aar:1.3.0",
+    sha1 = "8043733b1bf3713d3a3c7fc7896205c96c050fd7",
+    url = "mvn:com.facebook.fresco:imagepipeline:aar:1.9.0",
 )
 
 rn_prebuilt_jar(
     name = "bolts",
-    binary_jar = ":download-bolts",
+    binary_jar = ":download-bolts.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-bolts",
+    name = "download-bolts.jar",
     sha1 = "d85884acf6810a3bbbecb587f239005cbc846dc4",
     url = "mvn:com.parse.bolts:bolts-tasks:jar:1.4.0",
 )
@@ -78,8 +78,8 @@ android_prebuilt_aar(
 
 remote_file(
     name = "fbcore-aar",
-    sha1 = "3b941157dd0c36fca9a19c22cae578f37deb97e5",
-    url = "mvn:com.facebook.fresco:fbcore:aar:1.3.0",
+    sha1 = "fc3703511dc7b135bcd0e76d8015cdaf247b1760",
+    url = "mvn:com.facebook.fresco:fbcore:aar:1.9.0",
 )
 
 android_prebuilt_aar(
@@ -90,6 +90,6 @@ android_prebuilt_aar(
 
 remote_file(
     name = "imagepipeline-okhttp3-binary-aar",
-    sha1 = "ac9b1a7c9906ed6be41c8df923a59f6952fce94c",
-    url = "mvn:com.facebook.fresco:imagepipeline-okhttp3:aar:1.3.0",
+    sha1 = "4ac95941c1761a1ba5647ed551f7e47a5c417c7b",
+    url = "mvn:com.facebook.fresco:imagepipeline-okhttp3:aar:1.9.0",
 )
diff --git a/ReactAndroid/src/main/libraries/soloader/java/com/facebook/soloader/BUCK b/ReactAndroid/src/main/libraries/soloader/java/com/facebook/soloader/BUCK
index c91ded296895dc..3008da960a2329 100644
--- a/ReactAndroid/src/main/libraries/soloader/java/com/facebook/soloader/BUCK
+++ b/ReactAndroid/src/main/libraries/soloader/java/com/facebook/soloader/BUCK
@@ -6,6 +6,6 @@ android_prebuilt_aar(
 
 remote_file(
     name = "soloader-binary-aar",
-    sha1 = "918573465c94c6bc9bad48ef259f1e0cd6543c1b",
-    url = "mvn:com.facebook.soloader:soloader:aar:0.1.0",
+    sha1 = "5f4b28f3c401f3d9bb2d081af08f6ce784a02da5",
+    url = "mvn:com.facebook.soloader:soloader:aar:0.3.0",
 )
diff --git a/ReactAndroid/src/main/libraries/textlayoutbuilder/BUCK b/ReactAndroid/src/main/libraries/textlayoutbuilder/BUCK
index 68ef47370f5d30..60baf8edc408e8 100644
--- a/ReactAndroid/src/main/libraries/textlayoutbuilder/BUCK
+++ b/ReactAndroid/src/main/libraries/textlayoutbuilder/BUCK
@@ -2,11 +2,11 @@ load("//ReactNative:DEFS.bzl", "rn_android_library", "rn_android_prebuilt_aar",
 
 rn_android_library(
     name = "textlayoutbuilder",
+    visibility = ["//ReactAndroid/..."],
     exported_deps = [
         ":staticlayoutproxy",
         ":textlayoutbuilder-base",
     ],
-    visibility = ["//ReactAndroid/..."],
 )
 
 rn_android_prebuilt_aar(
@@ -23,12 +23,12 @@ remote_file(
 
 rn_prebuilt_jar(
     name = "staticlayoutproxy",
-    binary_jar = ":staticlayoutproxy-jar",
+    binary_jar = ":staticlayoutproxy.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "staticlayoutproxy-jar",
+    name = "staticlayoutproxy.jar",
     sha1 = "f162442a19fff13995fbd51ba414d9ee05579080",
     url = "mvn:com.facebook.fbui.textlayoutbuilder:staticlayout-proxy:jar:1.0",
 )
diff --git a/ReactAndroid/src/main/res/BUCK b/ReactAndroid/src/main/res/BUCK
index 75fd8aa656a560..00aac50e581045 100644
--- a/ReactAndroid/src/main/res/BUCK
+++ b/ReactAndroid/src/main/res/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_resource", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_target", "rn_android_resource")
 
 rn_android_resource(
     name = "devsupport",
diff --git a/ReactAndroid/src/main/res/devsupport/layout/dev_loading_view.xml b/ReactAndroid/src/main/res/devsupport/layout/dev_loading_view.xml
index c503c9c7d01e5e..9bf8bca6aabdaf 100644
--- a/ReactAndroid/src/main/res/devsupport/layout/dev_loading_view.xml
+++ b/ReactAndroid/src/main/res/devsupport/layout/dev_loading_view.xml
@@ -4,11 +4,14 @@
   xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
+  android:background="#035900"
+  android:ellipsize="end"
+  android:gravity="center"
   android:paddingTop="5dp"
   android:paddingBottom="5dp"
   android:paddingStart="8dp"
   android:paddingEnd="8dp"
-  android:textSize="12sp"
   android:maxLines="1"
-  android:ellipsize="end"
-  android:gravity="center"/>
+  android:textColor="@android:color/white"
+  android:textSize="12sp"
+  />
diff --git a/ReactAndroid/src/main/res/devsupport/xml/preferences.xml b/ReactAndroid/src/main/res/devsupport/xml/preferences.xml
index 7ce20de3fa5bc2..bb98248b93f0da 100644
--- a/ReactAndroid/src/main/res/devsupport/xml/preferences.xml
+++ b/ReactAndroid/src/main/res/devsupport/xml/preferences.xml
@@ -25,6 +25,13 @@
       android:summary="Request delta bundles from metro to get faster reloads (Experimental)"
       android:defaultValue="true"
       />
+    <CheckBoxPreference
+      android:key="js_bundle_deltas_cpp"
+      android:title="Native Delta Handling"
+      android:summary="Handles delta bundles in native code without writing code to disk (Experimental)."
+      android:defaultValue="false"
+      android:dependency="js_bundle_deltas"
+      />
     <CheckBoxPreference
         android:key="animations_debug"
         android:title="Animations FPS Summaries"
diff --git a/ReactAndroid/src/main/res/views/uimanager/values/ids.xml b/ReactAndroid/src/main/res/views/uimanager/values/ids.xml
index 75ac81d1710607..8ccd44d4b61302 100644
--- a/ReactAndroid/src/main/res/views/uimanager/values/ids.xml
+++ b/ReactAndroid/src/main/res/views/uimanager/values/ids.xml
@@ -5,4 +5,7 @@
 
   <!-- tag is used to store the nativeID tag -->
   <item type="id" name="view_tag_native_id"/>
+
+  <!-- tag is used to store the nativeID tag -->
+  <item type="id" name="view_tag_instance_handle"/>
 </resources>
diff --git a/ReactAndroid/src/main/third-party/android/support-annotations/BUCK b/ReactAndroid/src/main/third-party/android/support-annotations/BUCK
index bc18a5b2726b48..cad12896cee525 100644
--- a/ReactAndroid/src/main/third-party/android/support-annotations/BUCK
+++ b/ReactAndroid/src/main/third-party/android/support-annotations/BUCK
@@ -1,11 +1,11 @@
 prebuilt_jar(
     name = "android-support-annotations",
-    binary_jar = ":support-annotations-binary-aar",
+    binary_jar = ":support-annotations-binary.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "support-annotations-binary-aar",
-    sha1 = "1fce89a6428c51467090d7f424e4c9c3dbd55f7e",
-    url = "mvn:com.android.support:support-annotations:jar:23.0.1",
+    name = "support-annotations-binary.jar",
+    sha1 = "0814258103cf26a15fcc26ecce35f5b7d24b73f8",
+    url = "mvn:com.android.support:support-annotations:jar:26.1.0",
 )
diff --git a/ReactAndroid/src/main/third-party/android/support/v4/BUCK b/ReactAndroid/src/main/third-party/android/support/v4/BUCK
index 92f5422141cbe1..e816510b9a807f 100644
--- a/ReactAndroid/src/main/third-party/android/support/v4/BUCK
+++ b/ReactAndroid/src/main/third-party/android/support/v4/BUCK
@@ -1,11 +1,102 @@
-android_prebuilt_aar(
+android_library(
     name = "lib-support-v4",
-    aar = ":lib-support-v4-binary-aar",
     visibility = ["PUBLIC"],
+    exported_deps = [
+        ":android-lifecycle-common",
+        ":android-lifecycle-core",
+        ":android-lifecycle-runtime",
+        ":lib-support-v4-support-compat",
+        ":lib-support-v4-support-core-ui",
+        ":lib-support-v4-support-core-utils",
+        ":lib-support-v4-support-fragment",
+        ":lib-support-v4-support-media-compat",
+    ],
+)
+
+prebuilt_jar(
+    name = "android-lifecycle-common",
+    binary_jar = ":android-lifecycle-common.jar",
+)
+
+prebuilt_jar(
+    name = "android-lifecycle-core",
+    binary_jar = ":android-lifecycle-core.jar",
+)
+
+android_prebuilt_aar(
+    name = "android-lifecycle-runtime",
+    aar = ":android-lifecycle-runtime-aar",
+)
+
+android_prebuilt_aar(
+    name = "lib-support-v4-support-compat",
+    aar = ":lib-support-v4-support-compat-aar",
+)
+
+android_prebuilt_aar(
+    name = "lib-support-v4-support-core-utils",
+    aar = ":lib-support-v4-support-core-utils-aar",
+)
+
+android_prebuilt_aar(
+    name = "lib-support-v4-support-core-ui",
+    aar = ":lib-support-v4-support-core-ui-aar",
+)
+
+android_prebuilt_aar(
+    name = "lib-support-v4-support-media-compat",
+    aar = ":lib-support-v4-support-media-compat-aar",
+)
+
+android_prebuilt_aar(
+    name = "lib-support-v4-support-fragment",
+    aar = ":lib-support-v4-support-fragment-aar",
+)
+
+remote_file(
+    name = "android-lifecycle-runtime-aar",
+    sha1 = "30c60a8a357ee1321ffd0c9f08ef54b24045cd10",
+    url = "mvn:android.arch.lifecycle:runtime:aar:1.0.0",
+)
+
+remote_file(
+    name = "android-lifecycle-common.jar",
+    sha1 = "e414a4cb28434e25c4f6aa71426eb20cf4874ae9",
+    url = "mvn:android.arch.lifecycle:common:jar:1.0.0",
+)
+
+remote_file(
+    name = "android-lifecycle-core.jar",
+    sha1 = "a2d487452376193fc8c103dd2b9bd5f2b1b44563",
+    url = "mvn:android.arch.core:common:jar:1.0.0",
+)
+
+remote_file(
+    name = "lib-support-v4-support-compat-aar",
+    sha1 = "1e1c8ffc01d277d8f01dfd11d5d2ce3a2af4b98c",
+    url = "mvn:com.android.support:support-compat:aar:26.1.0",
+)
+
+remote_file(
+    name = "lib-support-v4-support-core-utils-aar",
+    sha1 = "1bfaae21c4d5c5532c5e732071e9ce234cd58cff",
+    url = "mvn:com.android.support:support-core-utils:aar:26.1.0",
+)
+
+remote_file(
+    name = "lib-support-v4-support-core-ui-aar",
+    sha1 = "e306308d54052a1ded7bf9c2f5c2fdf5152a1f22",
+    url = "mvn:com.android.support:support-core-ui:aar:26.1.0",
+)
+
+remote_file(
+    name = "lib-support-v4-support-media-compat-aar",
+    sha1 = "09fb587f27cde19aa8f2e50c5c9ee645d9aec44d",
+    url = "mvn:com.android.support:support-media-compat:aar:26.1.0",
 )
 
 remote_file(
-    name = "lib-support-v4-binary-aar",
-    sha1 = "9e8da0e4ecf9f63258c7fbd273889252cba2d0c3",
-    url = "mvn:com.android.support:support-v4:aar:23.0.1",
+    name = "lib-support-v4-support-fragment-aar",
+    sha1 = "ddacf369bb98dd6558606558de8ddcd53895cf91",
+    url = "mvn:com.android.support:support-fragment:aar:26.1.0",
 )
diff --git a/ReactAndroid/src/main/third-party/android/support/v7/appcompat-orig/BUCK b/ReactAndroid/src/main/third-party/android/support/v7/appcompat-orig/BUCK
index af13e77e107c2d..1dda81db73235d 100644
--- a/ReactAndroid/src/main/third-party/android/support/v7/appcompat-orig/BUCK
+++ b/ReactAndroid/src/main/third-party/android/support/v7/appcompat-orig/BUCK
@@ -11,15 +11,15 @@ load("//ReactNative:DEFS.bzl", "rn_android_library", "rn_android_resource", "rn_
 
 rn_android_library(
     name = "appcompat",
-    exported_deps = [
-        ":classes-for-react-native",
-    ],
     visibility = [
         "PUBLIC",
     ],
     deps = [
         ":res-for-appcompat",
     ],
+    exported_deps = [
+        ":classes-for-react-native",
+    ],
 )
 
 # still used by appcompat library internally, so we need both during the build
@@ -56,6 +56,6 @@ python_binary(
 
 remote_file(
     name = "appcompat-binary-aar",
-    sha1 = "7d659f671541394a8bc2b9f909950aa2a5ec87ff",
-    url = "mvn:com.android.support:appcompat-v7:aar:23.0.1",
+    sha1 = "da5771a9ac6e8f3a461360eed3c6f921dc7580fd",
+    url = "mvn:com.android.support:appcompat-v7:aar:26.1.0",
 )
diff --git a/ReactAndroid/src/main/third-party/java/asm/BUCK b/ReactAndroid/src/main/third-party/java/asm/BUCK
index c88207bc204440..ab6a14a06d6c84 100644
--- a/ReactAndroid/src/main/third-party/java/asm/BUCK
+++ b/ReactAndroid/src/main/third-party/java/asm/BUCK
@@ -2,6 +2,7 @@ load("//ReactNative:DEFS.bzl", "rn_android_library", "rn_prebuilt_jar")
 
 rn_android_library(
     name = "asm",
+    visibility = ["//ReactAndroid/..."],
     exported_deps = [
         ":asm-analysis",
         ":asm-commons",
@@ -9,65 +10,64 @@ rn_android_library(
         ":asm-tree",
         ":asm-util",
     ],
-    visibility = ["//ReactAndroid/..."],
 )
 
 rn_prebuilt_jar(
     name = "asm-core",
-    binary_jar = ":download-asm",
+    binary_jar = ":download-asm.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-asm",
+    name = "download-asm.jar",
     sha1 = "2fd56467a018aafe6ec6a73ccba520be4a7e1565",
     url = "mvn:org.ow2.asm:asm:jar:5.0.1",
 )
 
 rn_prebuilt_jar(
     name = "asm-commons",
-    binary_jar = ":download-asm-commons",
+    binary_jar = ":download-asm-commons.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-asm-commons",
+    name = "download-asm-commons.jar",
     sha1 = "7b7147a390a93a14d2edfdcf3f7b0e87a0939c3e",
     url = "mvn:org.ow2.asm:asm-commons:jar:5.0.1",
 )
 
 rn_prebuilt_jar(
     name = "asm-tree",
-    binary_jar = ":download-asm-tree",
+    binary_jar = ":download-asm-tree.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-asm-tree",
+    name = "download-asm-tree.jar",
     sha1 = "1b1e6e9d869acd704056d0a4223071a511c619e6",
     url = "mvn:org.ow2.asm:asm-tree:jar:5.0.1",
 )
 
 rn_prebuilt_jar(
     name = "asm-util",
-    binary_jar = ":download-asm-util",
+    binary_jar = ":download-asm-util.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-asm-util",
+    name = "download-asm-util.jar",
     sha1 = "7c8caddfbd0b2d7b844f8fcc75175b9cb9cf4724",
     url = "mvn:org.ow2.asm:asm-util:jar:5.0.1",
 )
 
 rn_prebuilt_jar(
     name = "asm-analysis",
-    binary_jar = ":download-asm-analysis",
+    binary_jar = ":download-asm-analysis.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-asm-analysis",
+    name = "download-asm-analysis.jar",
     sha1 = "e286fbee48efacb4e7c175f7948d9d8b2ab52352",
     url = "mvn:org.ow2.asm:asm-analysis:jar:5.0.1",
 )
diff --git a/ReactAndroid/src/main/third-party/java/fest/BUCK b/ReactAndroid/src/main/third-party/java/fest/BUCK
index 6c87cbafd5cda5..49161934e04f77 100644
--- a/ReactAndroid/src/main/third-party/java/fest/BUCK
+++ b/ReactAndroid/src/main/third-party/java/fest/BUCK
@@ -2,33 +2,33 @@ load("//ReactNative:DEFS.bzl", "rn_android_library", "rn_prebuilt_jar")
 
 rn_android_library(
     name = "fest",
+    visibility = ["//ReactAndroid/..."],
     exported_deps = [
         ":fest-core",
         ":fest-util",
     ],
-    visibility = ["//ReactAndroid/..."],
 )
 
 rn_prebuilt_jar(
     name = "fest-core",
-    binary_jar = ":fest-binary-jar",
+    binary_jar = ":fest-binary.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "fest-binary-jar",
+    name = "fest-binary.jar",
     sha1 = "cb7c91cf614901928ae405f19d9bcdedf82781db",
     url = "mvn:org.easytesting:fest-assert-core:jar:2.0M10",
 )
 
 rn_prebuilt_jar(
     name = "fest-util",
-    binary_jar = ":fest-util-binary-jar",
+    binary_jar = ":fest-util-binary.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "fest-util-binary-jar",
+    name = "fest-util-binary.jar",
     sha1 = "c4a8d7305b23b8d043be12c979813b096df11f44",
     url = "mvn:org.easytesting:fest-util:jar:1.2.5",
 )
diff --git a/ReactAndroid/src/main/third-party/java/javapoet/BUCK b/ReactAndroid/src/main/third-party/java/javapoet/BUCK
index 00541500c3c720..769b174f34e5d3 100644
--- a/ReactAndroid/src/main/third-party/java/javapoet/BUCK
+++ b/ReactAndroid/src/main/third-party/java/javapoet/BUCK
@@ -1,11 +1,11 @@
 prebuilt_jar(
     name = "javapoet",
-    binary_jar = ":jsr305-binary-jar",
+    binary_jar = ":jsr305-binary.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "jsr305-binary-jar",
+    name = "jsr305-binary.jar",
     sha1 = "ad3ba65c1788f4d814a4da056323e2b84412fb3c",
     url = "mvn:com.squareup:javapoet:jar:1.2.0",
 )
diff --git a/ReactAndroid/src/main/third-party/java/jsr-305/BUCK b/ReactAndroid/src/main/third-party/java/jsr-305/BUCK
index f6a5d730f66411..4db6df5554c255 100644
--- a/ReactAndroid/src/main/third-party/java/jsr-305/BUCK
+++ b/ReactAndroid/src/main/third-party/java/jsr-305/BUCK
@@ -1,11 +1,11 @@
 prebuilt_jar(
     name = "jsr-305",
-    binary_jar = ":jsr305-binary-jar",
+    binary_jar = ":jsr305-binary.jar",
     visibility = ["PUBLIC"],
 )
 
 remote_file(
-    name = "jsr305-binary-jar",
+    name = "jsr305-binary.jar",
     sha1 = "5871fb60dc68d67da54a663c3fd636a10a532948",
     url = "mvn:com.google.code.findbugs:jsr305:jar:3.0.0",
 )
diff --git a/ReactAndroid/src/main/third-party/java/jsr-330/BUCK b/ReactAndroid/src/main/third-party/java/jsr-330/BUCK
index 79a1f76bec925c..def136484a7574 100644
--- a/ReactAndroid/src/main/third-party/java/jsr-330/BUCK
+++ b/ReactAndroid/src/main/third-party/java/jsr-330/BUCK
@@ -1,11 +1,11 @@
 prebuilt_jar(
     name = "jsr-330",
-    binary_jar = ":jsr330-binary-jar",
+    binary_jar = ":jsr330-binary.jar",
     visibility = ["PUBLIC"],
 )
 
 remote_file(
-    name = "jsr330-binary-jar",
+    name = "jsr330-binary.jar",
     sha1 = "6975da39a7040257bd51d21a231b76c915872d38",
     url = "mvn:javax.inject:javax.inject:jar:1",
 )
diff --git a/ReactAndroid/src/main/third-party/java/junit/BUCK b/ReactAndroid/src/main/third-party/java/junit/BUCK
index 923f3b75f553b9..f2f71cd046448f 100644
--- a/ReactAndroid/src/main/third-party/java/junit/BUCK
+++ b/ReactAndroid/src/main/third-party/java/junit/BUCK
@@ -2,33 +2,33 @@ load("//ReactNative:DEFS.bzl", "rn_android_library", "rn_prebuilt_jar")
 
 rn_android_library(
     name = "junit",
+    visibility = ["//ReactAndroid/..."],
     exported_deps = [
         ":hamcrest",
         ":junit-core",
     ],
-    visibility = ["//ReactAndroid/..."],
 )
 
 rn_prebuilt_jar(
     name = "junit-core",
-    binary_jar = ":download-junit",
+    binary_jar = ":download-junit.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-junit",
+    name = "download-junit.jar",
     sha1 = "2973d150c0dc1fefe998f834810d68f278ea58ec",
     url = "mvn:junit:junit:jar:4.12",
 )
 
 rn_prebuilt_jar(
     name = "hamcrest",
-    binary_jar = ":download-hamcrest",
+    binary_jar = ":download-hamcrest.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-hamcrest",
+    name = "download-hamcrest.jar",
     sha1 = "63a21ebc981131004ad02e0434e799fd7f3a8d5a",
     url = "mvn:org.hamcrest:hamcrest-all:jar:1.3",
 )
diff --git a/ReactAndroid/src/main/third-party/java/mockito/BUCK b/ReactAndroid/src/main/third-party/java/mockito/BUCK
index 65627a724c1ef3..06e0686fa0a03e 100644
--- a/ReactAndroid/src/main/third-party/java/mockito/BUCK
+++ b/ReactAndroid/src/main/third-party/java/mockito/BUCK
@@ -2,33 +2,33 @@ load("//ReactNative:DEFS.bzl", "rn_android_library", "rn_prebuilt_jar")
 
 rn_android_library(
     name = "mockito",
+    visibility = ["//ReactAndroid/..."],
     exported_deps = [
         ":mockito-core",
         ":objenesis",
     ],
-    visibility = ["//ReactAndroid/..."],
 )
 
 rn_prebuilt_jar(
     name = "mockito-core",
-    binary_jar = ":mockito-binary-jar",
+    binary_jar = ":mockito-binary.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "mockito-binary-jar",
+    name = "mockito-binary.jar",
     sha1 = "e8546f5bef4e061d8dd73895b4e8f40e3fe6effe",
     url = "mvn:org.mockito:mockito-core:jar:1.10.19",
 )
 
 rn_prebuilt_jar(
     name = "objenesis",
-    binary_jar = ":objenesis-binary-jar",
+    binary_jar = ":objenesis-binary.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "objenesis-binary-jar",
+    name = "objenesis-binary.jar",
     sha1 = "87c0ea803b69252868d09308b4618f766f135a96",
     url = "mvn:org.objenesis:objenesis:jar:2.1",
 )
diff --git a/ReactAndroid/src/main/third-party/java/okhttp/BUCK b/ReactAndroid/src/main/third-party/java/okhttp/BUCK
index b02f1486168b7c..64dc55f36c99d2 100644
--- a/ReactAndroid/src/main/third-party/java/okhttp/BUCK
+++ b/ReactAndroid/src/main/third-party/java/okhttp/BUCK
@@ -1,23 +1,23 @@
 prebuilt_jar(
     name = "okhttp3",
-    binary_jar = ":okhttp3-binary-jar",
+    binary_jar = ":okhttp3-binary.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "okhttp3-binary-jar",
-    sha1 = "69edde9fc4b01c9fd51d25b83428837478c27254",
-    url = "mvn:com.squareup.okhttp3:okhttp:jar:3.6.0",
+    name = "okhttp3-binary.jar",
+    sha1 = "7ef0f1d95bf4c0b3ba30bbae25e0e562b05cf75e",
+    url = "mvn:com.squareup.okhttp3:okhttp:jar:3.10.0",
 )
 
 prebuilt_jar(
     name = "okhttp3-urlconnection",
-    binary_jar = ":okhttp3-urlconnection-binary-jar",
+    binary_jar = ":okhttp3-urlconnection-binary.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "okhttp3-urlconnection-binary-jar",
-    sha1 = "3f9b16b774f2c36cfd86dd2053d0b3059531dacc",
-    url = "mvn:com.squareup.okhttp3:okhttp-urlconnection:jar:3.6.0",
+    name = "okhttp3-urlconnection-binary.jar",
+    sha1 = "ec614c05825ddd2267677a99f585d3913474b125",
+    url = "mvn:com.squareup.okhttp3:okhttp-urlconnection:jar:3.10.0",
 )
diff --git a/ReactAndroid/src/main/third-party/java/okio/BUCK b/ReactAndroid/src/main/third-party/java/okio/BUCK
index 45955117a0379c..1219ad4697cfe8 100644
--- a/ReactAndroid/src/main/third-party/java/okio/BUCK
+++ b/ReactAndroid/src/main/third-party/java/okio/BUCK
@@ -1,11 +1,11 @@
 prebuilt_jar(
     name = "okio",
-    binary_jar = ":okio-binary-jar",
+    binary_jar = ":okio-binary.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "okio-binary-jar",
-    sha1 = "a9283170b7305c8d92d25aff02a6ab7e45d06cbe",
-    url = "mvn:com.squareup.okio:okio:jar:1.13.0",
+    name = "okio-binary.jar",
+    sha1 = "102d7be47241d781ef95f1581d414b0943053130",
+    url = "mvn:com.squareup.okio:okio:jar:1.14.0",
 )
diff --git a/ReactAndroid/src/main/third-party/java/robolectric3/robolectric/BUCK b/ReactAndroid/src/main/third-party/java/robolectric3/robolectric/BUCK
index 00ee6d55a8745f..1df19014bcd283 100644
--- a/ReactAndroid/src/main/third-party/java/robolectric3/robolectric/BUCK
+++ b/ReactAndroid/src/main/third-party/java/robolectric3/robolectric/BUCK
@@ -1,7 +1,8 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "rn_prebuilt_jar")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "rn_android_library", "rn_prebuilt_jar")
 
 rn_android_library(
     name = "robolectric",
+    visibility = ["//ReactAndroid/..."],
     exported_deps = [
         ":android-all-4.1.2_r1-robolectric-0",
         ":bouncycastle",
@@ -17,163 +18,162 @@ rn_android_library(
         react_native_dep("third-party/java/asm:asm"),
         react_native_dep("third-party/java/sqlite:sqlite"),
     ],
-    visibility = ["//ReactAndroid/..."],
 )
 
 rn_prebuilt_jar(
     name = "robolectric-core",
-    binary_jar = ":robolectric-binary-jar",
+    binary_jar = ":robolectric-binary.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "robolectric-binary-jar",
+    name = "robolectric-binary.jar",
     sha1 = "f888cea3bc1a24110e315eb9827ab593610ea62f",
     url = "mvn:org.robolectric:robolectric:jar:3.0",
 )
 
 rn_prebuilt_jar(
     name = "robolectric-resources",
-    binary_jar = ":robolectric-resources-binary-jar",
+    binary_jar = ":robolectric-resources-binary.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "robolectric-resources-binary-jar",
+    name = "robolectric-resources-binary.jar",
     sha1 = "1ab609054aab67cd13a434567467f4b4774f2465",
     url = "mvn:org.robolectric:robolectric-resources:jar:3.0",
 )
 
 rn_prebuilt_jar(
     name = "robolectric-annotations",
-    binary_jar = ":robolectric-annotations-binary-jar",
+    binary_jar = ":robolectric-annotations-binary.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "robolectric-annotations-binary-jar",
+    name = "robolectric-annotations-binary.jar",
     sha1 = "2a6cfc072d7680694c1ff893c5dc8fec33163110",
     url = "mvn:org.robolectric:robolectric-annotations:jar:3.0",
 )
 
 rn_prebuilt_jar(
     name = "robolectric-utils",
-    binary_jar = ":robolectric-utils-binary-jar",
+    binary_jar = ":robolectric-utils-binary.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "robolectric-utils-binary-jar",
+    name = "robolectric-utils-binary.jar",
     sha1 = "4bcecd8115fe7296088bb1636e6cbd7ae8927392",
     url = "mvn:org.robolectric:robolectric-utils:jar:3.0",
 )
 
 rn_prebuilt_jar(
     name = "bouncycastle",
-    binary_jar = ":bouncycastle-binary-jar",
+    binary_jar = ":bouncycastle-binary.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "bouncycastle-binary-jar",
+    name = "bouncycastle-binary.jar",
     sha1 = "ce091790943599535cbb4de8ede84535b0c1260c",
     url = "mvn:org.bouncycastle:bcprov-jdk16:jar:1.46",
 )
 
 rn_prebuilt_jar(
     name = "vtd-xml",
-    binary_jar = ":vtd-xml-binary-jar",
+    binary_jar = ":vtd-xml-binary.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "vtd-xml-binary-jar",
+    name = "vtd-xml-binary.jar",
     sha1 = "ee5bcf62c1acf76434ee9f1c67a840bafef72a6d",
     url = "mvn:com.ximpleware:vtd-xml:jar:2.11",
 )
 
 rn_prebuilt_jar(
     name = "icu",
-    binary_jar = ":icu-binary-jar",
+    binary_jar = ":icu-binary.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "icu-binary-jar",
+    name = "icu-binary.jar",
     sha1 = "786d9055d4ca8c1aab4a7d4ac8283f973fd7e41f",
     url = "mvn:com.ibm.icu:icu4j:jar:53.1",
 )
 
 rn_prebuilt_jar(
     name = "android-all-4.1.2_r1-robolectric-0",  # name defines filename used by robolectric in runtime
-    binary_jar = ":robolectric-android-all-binary-jar",
+    binary_jar = ":robolectric-android-all-binary.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 # This new rule will make the .jar file appear in the "right" location,
 # though that may change in the future
 export_file(
-    name = "robolectric-android-all-binary-jar",
-    src = ":robolectric-android-all-binary-remote-jar",
+    name = "robolectric-android-all-binary.jar",
+    src = ":robolectric-android-all-binary-remote.jar",
     out = "../android-all-4.1.2_r1-robolectric-0.jar",  # name defines filename used by robolectric in runtime
 )
 
 remote_file(
-    name = "robolectric-android-all-binary-remote-jar",
+    name = "robolectric-android-all-binary-remote.jar",
     sha1 = "aecc8ce5119a25fcea1cdf8285469c9d1261a352",
     url = "mvn:org.robolectric:android-all:jar:4.1.2_r1-robolectric-0",
 )
 
 rn_prebuilt_jar(
     name = "json-20080701",  # name defines filename used by robolectric in runtime
-    binary_jar = ":json-jar",
+    binary_jar = ":json.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 export_file(
-    name = "json-jar",
-    src = ":json-remote-jar",
+    name = "json.jar",
+    src = ":json-remote.jar",
     out = "../json-20080701.jar",  # name defines filename used by robolectric in runtime
 )
 
 remote_file(
-    name = "json-remote-jar",
+    name = "json-remote.jar",
     sha1 = "d652f102185530c93b66158b1859f35d45687258",
     url = "mvn:org.json:json:jar:20080701",
 )
 
 rn_prebuilt_jar(
     name = "tagsoup-1.2",  # name defines filename used by robolectric in runtime
-    binary_jar = ":tagsoup-jar",
+    binary_jar = ":tagsoup.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 export_file(
-    name = "tagsoup-jar",
-    src = ":tagsoup-remote-jar",
+    name = "tagsoup.jar",
+    src = ":tagsoup-remote.jar",
     out = "../tagsoup-1.2.jar",  # name defines filename used by robolectric in runtime
 )
 
 remote_file(
-    name = "tagsoup-remote-jar",
+    name = "tagsoup-remote.jar",
     sha1 = "639fd364750d7363c85797dc944b4a80f78fa684",
     url = "mvn:org.ccil.cowan.tagsoup:tagsoup:jar:1.2",
 )
 
 rn_prebuilt_jar(
     name = "shadows-core-3.0-16",  # name defines filename used by robolectric in runtime
-    binary_jar = ":robolectric-shadows-binary-jar",
+    binary_jar = ":robolectric-shadows-binary.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 export_file(
-    name = "robolectric-shadows-binary-jar",
-    src = ":robolectric-shadows-binary-remote-jar",
+    name = "robolectric-shadows-binary.jar",
+    src = ":robolectric-shadows-binary-remote.jar",
     out = "../shadows-core-3.0-16.jar",  # name defines filename used by robolectric in runtime
 )
 
 remote_file(
-    name = "robolectric-shadows-binary-remote-jar",
+    name = "robolectric-shadows-binary-remote.jar",
     sha1 = "39d7a856bf91640b1a6d044333336a2b3f3c198f",
     url = "https://repo1.maven.org/maven2/org/robolectric/shadows-core/3.0/shadows-core-3.0-16.jar",
 )
diff --git a/ReactAndroid/src/main/third-party/java/sqlite/BUCK b/ReactAndroid/src/main/third-party/java/sqlite/BUCK
index f7889715101a94..a739fae9f85a05 100644
--- a/ReactAndroid/src/main/third-party/java/sqlite/BUCK
+++ b/ReactAndroid/src/main/third-party/java/sqlite/BUCK
@@ -2,20 +2,20 @@ load("//ReactNative:DEFS.bzl", "rn_android_library", "rn_prebuilt_jar")
 
 rn_android_library(
     name = "sqlite",
+    visibility = ["//ReactAndroid/..."],
     exported_deps = [
         ":sqlite4java",
     ],
-    visibility = ["//ReactAndroid/..."],
 )
 
 rn_prebuilt_jar(
     name = "sqlite4java",
-    binary_jar = ":download-sqlite4java",
+    binary_jar = ":download-sqlite4java.jar",
     visibility = ["//ReactAndroid/..."],
 )
 
 remote_file(
-    name = "download-sqlite4java",
+    name = "download-sqlite4java.jar",
     sha1 = "745a7e2f35fdbe6336922e0d492c979dbbfa74fb",
     url = "mvn:com.almworks.sqlite4java:sqlite4java:jar:0.282",
 )
diff --git a/ReactAndroid/src/test/java/com/facebook/common/logging/BUCK b/ReactAndroid/src/test/java/com/facebook/common/logging/BUCK
index 2592f15dea4327..4fd90a102b3720 100644
--- a/ReactAndroid/src/test/java/com/facebook/common/logging/BUCK
+++ b/ReactAndroid/src/test/java/com/facebook/common/logging/BUCK
@@ -1,15 +1,15 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "rn_android_library")
 
 rn_android_library(
     name = "logging",
     srcs = glob(["**/*.java"]),
-    exported_deps = [
-        react_native_dep("libraries/fbcore/src/main/java/com/facebook/common/logging:logging"),
-    ],
     visibility = [
         "PUBLIC",
     ],
     deps = [
         react_native_dep("third-party/java/jsr-305:jsr-305"),
     ],
+    exported_deps = [
+        react_native_dep("libraries/fbcore/src/main/java/com/facebook/common/logging:logging"),
+    ],
 )
diff --git a/ReactAndroid/src/test/java/com/facebook/react/BUCK b/ReactAndroid/src/test/java/com/facebook/react/BUCK
index 250a4c23a205d6..3551cdbeb10804 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/BUCK
+++ b/ReactAndroid/src/test/java/com/facebook/react/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_robolectric_test", "YOGA_TARGET", "react_native_dep", "react_native_target", "react_native_tests_target")
+load("//ReactNative:DEFS.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "react_native_tests_target", "rn_robolectric_test")
 
 rn_robolectric_test(
     name = "react",
diff --git a/ReactAndroid/src/test/java/com/facebook/react/RootViewTest.java b/ReactAndroid/src/test/java/com/facebook/react/RootViewTest.java
index c293858b4b6ade..d706b9c79e647d 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/RootViewTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/RootViewTest.java
@@ -195,4 +195,15 @@ public void testTouchEmitter() {
         MotionEvent.obtain(50, new Date().getTime(), MotionEvent.ACTION_HOVER_MOVE, 0, 0, 0));
     verifyNoMoreInteractions(eventDispatcher);
   }
+
+  @Test
+  public void testRemountApplication() {
+    ReactInstanceManager instanceManager = mock(ReactInstanceManager.class);
+
+    ReactRootView rootView = new ReactRootView(mReactContext);
+
+    rootView.startReactApplication(instanceManager, "");
+    rootView.unmountReactApplication();
+    rootView.startReactApplication(instanceManager, "");
+  }
 }
diff --git a/ReactAndroid/src/test/java/com/facebook/react/animated/BUCK b/ReactAndroid/src/test/java/com/facebook/react/animated/BUCK
index 8922cab95b6605..4849a1659049ba 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/animated/BUCK
+++ b/ReactAndroid/src/test/java/com/facebook/react/animated/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_robolectric_test", "react_native_dep", "react_native_target", "react_native_tests_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "react_native_tests_target", "rn_robolectric_test")
 
 rn_robolectric_test(
     name = "animated",
diff --git a/ReactAndroid/src/test/java/com/facebook/react/bridge/BUCK b/ReactAndroid/src/test/java/com/facebook/react/bridge/BUCK
index 13c4aaa7672a60..7a5779042234d9 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/bridge/BUCK
+++ b/ReactAndroid/src/test/java/com/facebook/react/bridge/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep", "react_native_target", "rn_robolectric_test", "react_native_tests_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "react_native_tests_target", "rn_android_library", "rn_robolectric_test")
 
 STANDARD_TEST_SRCS = [
     "*Test.java",
@@ -8,7 +8,7 @@ rn_android_library(
     name = "testhelpers",
     srcs = glob(
         ["*.java"],
-        excludes = STANDARD_TEST_SRCS,
+        exclude = STANDARD_TEST_SRCS,
     ),
     visibility = [
         "PUBLIC",
diff --git a/ReactAndroid/src/test/java/com/facebook/react/bridge/InstanceHandleHelper.java b/ReactAndroid/src/test/java/com/facebook/react/bridge/InstanceHandleHelper.java
new file mode 100644
index 00000000000000..bb47fd0dac3213
--- /dev/null
+++ b/ReactAndroid/src/test/java/com/facebook/react/bridge/InstanceHandleHelper.java
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.bridge;
+
+
+import java.util.Random;
+
+public class InstanceHandleHelper {
+
+  private static final Random random = new Random();
+
+  public static long randomInstanceHandle() {
+    return random.nextLong();
+  }
+}
diff --git a/ReactAndroid/src/test/java/com/facebook/react/devsupport/BUCK b/ReactAndroid/src/test/java/com/facebook/react/devsupport/BUCK
index de5c73bae022c6..0b3fd967a29102 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/devsupport/BUCK
+++ b/ReactAndroid/src/test/java/com/facebook/react/devsupport/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_robolectric_test", "react_native_dep", "react_native_target", "react_native_tests_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "react_native_tests_target", "rn_robolectric_test")
 
 rn_robolectric_test(
     name = "devsupport",
diff --git a/ReactAndroid/src/test/java/com/facebook/react/devsupport/StackTraceHelperTest.java b/ReactAndroid/src/test/java/com/facebook/react/devsupport/StackTraceHelperTest.java
index b348bd14995dc3..70b64184bcb504 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/devsupport/StackTraceHelperTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/devsupport/StackTraceHelperTest.java
@@ -17,6 +17,16 @@
 @RunWith(RobolectricTestRunner.class)
 public class StackTraceHelperTest {
 
+  @Test
+  public void testParseAlternateFormatStackFrameWithMethod() {
+    final StackFrame frame = StackTraceHelper.convertJsStackTrace(
+        "at func1 (/path/to/file.js:2:18)")[0];
+    assertThat(frame.getMethod()).isEqualTo("func1");
+    assertThat(frame.getFileName()).isEqualTo("file.js");
+    assertThat(frame.getLine()).isEqualTo(2);
+    assertThat(frame.getColumn()).isEqualTo(18);
+  }
+
   @Test
   public void testParseStackFrameWithMethod() {
     final StackFrame frame = StackTraceHelper.convertJsStackTrace(
diff --git a/ReactAndroid/src/test/java/com/facebook/react/fabric/BUCK b/ReactAndroid/src/test/java/com/facebook/react/fabric/BUCK
new file mode 100644
index 00000000000000..688ffe6726ae9d
--- /dev/null
+++ b/ReactAndroid/src/test/java/com/facebook/react/fabric/BUCK
@@ -0,0 +1,40 @@
+load("//ReactNative:DEFS.bzl", "IS_OSS_BUILD", "YOGA_TARGET", "react_native_dep", "react_native_target", "react_native_tests_target", "rn_robolectric_test")
+
+rn_robolectric_test(
+    name = "fabric",
+    srcs = glob(["**/*.java"]),
+    contacts = ["oncall+fbandroid_sheriff@xmail.facebook.com"],
+    resources = glob([
+        "**/*.txt",
+        "**/*.json",
+    ]),
+    visibility = [
+        "PUBLIC",
+    ],
+    deps = [
+        "xplat//yoga/java:java",
+        react_native_dep("third-party/java/assertj:assertj-core"),
+        react_native_dep("third-party/java/fest:fest"),
+        react_native_dep("third-party/java/fest:fest_android"),
+        react_native_dep("third-party/java/guava:guava"),
+        react_native_dep("third-party/java/jackson:jackson"),
+        react_native_dep("third-party/java/jsr-305:jsr-305"),
+        react_native_dep("third-party/java/jsr-330:jsr-330"),
+        react_native_dep("third-party/java/junit:junit"),
+        react_native_dep("third-party/java/mockito:mockito"),
+        react_native_dep("third-party/java/robolectric3/robolectric:robolectric"),
+        react_native_dep("libraries/fbcore/src/test/java/com/facebook/powermock:powermock"),
+        react_native_dep("libraries/soloader/java/com/facebook/soloader:soloader"),
+        react_native_dep("third-party/android/support/v4:lib-support-v4"),
+        react_native_target("java/com/facebook/react:react"),
+        react_native_target("java/com/facebook/react/bridge:bridge"),
+        react_native_target("java/com/facebook/react/common:common"),
+        react_native_target("java/com/facebook/react/fabric:fabric"),
+        react_native_target("java/com/facebook/react/modules/core:core"),
+        react_native_target("java/com/facebook/react/uimanager:uimanager"),
+        react_native_target("java/com/facebook/react/views/text:text"),
+        react_native_target("java/com/facebook/react/views/view:view"),
+        react_native_target("java/com/facebook/react/views/progressbar:progressbar"),
+        react_native_tests_target("java/com/facebook/react/bridge:testhelpers"),
+    ],
+) if not IS_OSS_BUILD else None
diff --git a/ReactAndroid/src/test/java/com/facebook/react/fabric/FabricReconcilerTest.java b/ReactAndroid/src/test/java/com/facebook/react/fabric/FabricReconcilerTest.java
new file mode 100644
index 00000000000000..b627df9af6bcd9
--- /dev/null
+++ b/ReactAndroid/src/test/java/com/facebook/react/fabric/FabricReconcilerTest.java
@@ -0,0 +1,205 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+package com.facebook.react.fabric;
+
+import static org.fest.assertions.api.Assertions.assertThat;
+import static org.mockito.Mockito.mock;
+
+import com.facebook.react.bridge.CatalystInstance;
+import com.facebook.react.bridge.JavaScriptContextHolder;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactTestHelper;
+import com.facebook.react.uimanager.events.EventDispatcher;
+import com.facebook.react.uimanager.NativeViewHierarchyManager;
+import com.facebook.react.uimanager.ReactShadowNode;
+import com.facebook.react.uimanager.ReactShadowNodeImpl;
+import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.UIViewOperationQueue;
+import com.facebook.react.uimanager.ViewAtIndex;
+import com.facebook.react.uimanager.ViewManager;
+import com.facebook.react.uimanager.ViewManagerRegistry;
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.Collections;
+import java.util.List;
+import org.junit.Before;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import org.robolectric.RobolectricTestRunner;
+import org.robolectric.RuntimeEnvironment;
+
+/** Tests {@link FabricReconciler} */
+@RunWith(RobolectricTestRunner.class)
+public class FabricReconcilerTest {
+
+  private FabricReconciler mFabricReconciler;
+  private FabricUIManager mFabricUIManager;
+  private MockUIViewOperationQueue mMockUIViewOperationQueue;
+
+  @Before
+  public void setUp() {
+    CatalystInstance catalystInstance = ReactTestHelper.createMockCatalystInstance();
+    ReactApplicationContext reactContext =
+        new ReactApplicationContext(RuntimeEnvironment.application);
+    reactContext.initializeWithInstance(catalystInstance);
+    List<ViewManager> viewManagers = new ArrayList<>();
+    ViewManagerRegistry viewManagerRegistry = new ViewManagerRegistry(viewManagers);
+    JavaScriptContextHolder jsContext = mock(JavaScriptContextHolder.class);
+    EventDispatcher eventDispatcher = mock(EventDispatcher.class);
+    mFabricUIManager = new FabricUIManager(reactContext, viewManagerRegistry, jsContext, eventDispatcher);
+    mMockUIViewOperationQueue = new MockUIViewOperationQueue(reactContext);
+    mFabricReconciler = new FabricReconciler(mMockUIViewOperationQueue);
+  }
+
+  @Test
+  public void testSimpleHierarchy() {
+    ReactShadowNode parent = createNode(0);
+    ReactShadowNode child1 = createNode(1);
+    ReactShadowNode child2 = createNode(2);
+    addChildren(parent, child1, child2);
+
+    ReactShadowNode parentCloned = createNode(0);
+    ReactShadowNode child3 = createNode(3);
+    addChildren(parentCloned, child3, child2);
+
+    mFabricReconciler.manageChildren(parent, parentCloned);
+
+    List<ManageChildrenOperation> expectedOperations = new ArrayList<>();
+    expectedOperations.add(
+        new ManageChildrenOperation(
+            0,
+            new int[] {0, 1},
+            new ViewAtIndex[] {new ViewAtIndex(3, 0), new ViewAtIndex(2, 1)},
+            new int[] {1}));
+    assertThat(mMockUIViewOperationQueue.getOperations()).isEqualTo(expectedOperations);
+  }
+
+  @Test
+  public void testVirtualNodes() {
+    ReactShadowNode parent = createNode(0);
+    ReactShadowNode child1 = createVirtualNode(1);
+    ReactShadowNode child2 = createVirtualNode(2);
+    ReactShadowNode child3 = createVirtualNode(3);
+    addChildren(parent, child1, child2, child3);
+
+    ReactShadowNode parentCloned = createNode(0);
+    ReactShadowNode child4 = createVirtualNode(4);
+    addChildren(parentCloned, child1, child4, child3);
+
+    mFabricReconciler.manageChildren(parent, parentCloned);
+
+    List<ManageChildrenOperation> expectedOperations = new ArrayList<>();
+    assertThat(mMockUIViewOperationQueue.getOperations()).isEqualTo(expectedOperations);
+  }
+
+  private void addChildren(ReactShadowNode parent, ReactShadowNode... children) {
+    for (ReactShadowNode child : children) {
+      mFabricUIManager.appendChild(parent, child);
+    }
+  }
+
+  private static ReactShadowNode createNode(int tag) {
+    return createNode(tag, false);
+  }
+
+  private static ReactShadowNode createVirtualNode(int tag) {
+    return createNode(tag, true);
+  }
+
+  private static ReactShadowNode createNode(int tag, boolean virtual) {
+    ReactShadowNode node;
+    if (virtual) {
+      node = new VirtualReactShadowNode();
+    } else {
+      node = new ReactShadowNodeImpl();
+    }
+    node.setReactTag(tag);
+    node.setViewClassName("View");
+    node.setThemedContext(mock(ThemedReactContext.class));
+    return node;
+  }
+
+  private static class VirtualReactShadowNode extends ReactShadowNodeImpl {
+
+    VirtualReactShadowNode() {}
+
+    VirtualReactShadowNode(VirtualReactShadowNode original) {
+      super(original);
+    }
+
+    @Override
+    public boolean isVirtual() {
+      return true;
+    }
+
+    @Override
+    public ReactShadowNodeImpl copy() {
+      return new VirtualReactShadowNode(this);
+    }
+  }
+
+  private static class ManageChildrenOperation {
+    private int mTag;
+    private int[] mIndicesToRemove;
+    private ViewAtIndex[] mViewsToAdd;
+    private int[] mTagsToRemove;
+
+    private ManageChildrenOperation(
+        int tag, int[] indicesToRemove, ViewAtIndex[] viewsToAdd, int[] tagsToRemove) {
+      mTag = tag;
+      mIndicesToRemove = indicesToRemove;
+      mViewsToAdd = viewsToAdd;
+      mTagsToRemove = tagsToRemove;
+    }
+
+    @Override
+    public boolean equals(Object obj) {
+      if (obj == null || obj.getClass() != getClass()) {
+        return false;
+      }
+      ManageChildrenOperation op = (ManageChildrenOperation) obj;
+      return mTag == op.mTag
+          && Arrays.equals(mIndicesToRemove, op.mIndicesToRemove)
+          && Arrays.equals(mViewsToAdd, op.mViewsToAdd)
+          && Arrays.equals(mTagsToRemove, op.mTagsToRemove);
+    }
+
+    @Override
+    public int hashCode() {
+      return Arrays.deepHashCode(new Object[] {mTag, mIndicesToRemove, mViewsToAdd, mTagsToRemove});
+    }
+
+    @Override
+    public String toString() {
+      return "ManageChildrenOperation \n\tindicesToRemove: "
+          + Arrays.toString(mIndicesToRemove)
+          + "\n\tviewsToAdd: "
+          + Arrays.toString(mViewsToAdd)
+          + "\n\ttagsToRemove: "
+          + Arrays.toString(mTagsToRemove);
+    }
+  }
+
+  private static class MockUIViewOperationQueue extends UIViewOperationQueue {
+
+    private List<ManageChildrenOperation> mOperations;
+
+    private MockUIViewOperationQueue(ReactApplicationContext context) {
+      super(context, mock(NativeViewHierarchyManager.class), 0);
+      mOperations = new ArrayList<>();
+    }
+
+    @Override
+    public void enqueueManageChildren(
+        int reactTag, int[] indicesToRemove, ViewAtIndex[] viewsToAdd, int[] tagsToDelete) {
+      mOperations.add(
+          new ManageChildrenOperation(reactTag, indicesToRemove, viewsToAdd, tagsToDelete));
+    }
+
+    public List<ManageChildrenOperation> getOperations() {
+      return Collections.unmodifiableList(mOperations);
+    }
+  }
+}
diff --git a/ReactAndroid/src/test/java/com/facebook/react/fabric/FabricUIManagerTest.java b/ReactAndroid/src/test/java/com/facebook/react/fabric/FabricUIManagerTest.java
new file mode 100644
index 00000000000000..93f601c5ffafbe
--- /dev/null
+++ b/ReactAndroid/src/test/java/com/facebook/react/fabric/FabricUIManagerTest.java
@@ -0,0 +1,336 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+package com.facebook.react.fabric;
+
+import static org.fest.assertions.api.Assertions.assertThat;
+import static com.facebook.react.bridge.InstanceHandleHelper.randomInstanceHandle;
+import static org.mockito.Mockito.mock;
+
+import com.facebook.react.ReactRootView;
+import com.facebook.react.bridge.JavaScriptContextHolder;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactTestHelper;
+import com.facebook.react.bridge.ReadableNativeMap;
+import com.facebook.react.uimanager.events.EventDispatcher;
+import com.facebook.react.uimanager.ReactShadowNode;
+import com.facebook.react.uimanager.ReactShadowNodeImpl;
+import com.facebook.react.uimanager.Spacing;
+import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.ViewManager;
+import com.facebook.react.uimanager.ViewManagerRegistry;
+import com.facebook.react.views.progressbar.ProgressBarShadowNode;
+import com.facebook.react.views.text.ReactRawTextManager;
+import com.facebook.react.views.text.ReactRawTextShadowNode;
+import com.facebook.react.views.text.ReactTextViewManager;
+import com.facebook.react.views.view.ReactViewManager;
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.List;
+import org.fest.assertions.data.Offset;
+import org.junit.Before;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import org.robolectric.RobolectricTestRunner;
+import org.robolectric.RuntimeEnvironment;
+
+
+/** Tests {@link FabricUIManager} */
+@RunWith(RobolectricTestRunner.class)
+public class FabricUIManagerTest {
+
+  private FabricUIManager mFabricUIManager;
+  private ThemedReactContext mThemedReactContext;
+  private int mNextReactTag;
+
+  @Before
+  public void setUp() throws Exception {
+    mNextReactTag = 2;
+    ReactApplicationContext reactContext = new ReactApplicationContext(RuntimeEnvironment.application);
+    reactContext.initializeWithInstance(ReactTestHelper.createMockCatalystInstance());
+    mThemedReactContext = new ThemedReactContext(reactContext, reactContext);
+
+    List<ViewManager> viewManagers =
+        Arrays.<ViewManager>asList(
+            new ReactViewManager(), new ReactTextViewManager(), new ReactRawTextManager());
+    ViewManagerRegistry viewManagerRegistry = new ViewManagerRegistry(viewManagers);
+    JavaScriptContextHolder jsContext = mock(JavaScriptContextHolder.class);
+    EventDispatcher eventDispatcher = mock(EventDispatcher.class);
+    mFabricUIManager = new FabricUIManager(reactContext, viewManagerRegistry, jsContext, eventDispatcher);
+  }
+
+  @Test
+  public void testCreateNode() {
+    ReactRootView rootView =
+        new ReactRootView(RuntimeEnvironment.application.getApplicationContext());
+    int rootTag = mFabricUIManager.addRootView(rootView);
+    int reactTag = mNextReactTag++;
+    String viewClass = ReactViewManager.REACT_CLASS;
+    ReactShadowNode node =
+        mFabricUIManager.createNode(reactTag, viewClass, rootTag, null, randomInstanceHandle());
+
+    assertThat(reactTag).isEqualTo(node.getReactTag());
+    assertThat(viewClass).isEqualTo(node.getViewClass());
+    assertThat(rootTag).isEqualTo(rootTag);
+  }
+
+  @Test
+  public void testCreateMultpleRootViews() {
+    createAndRenderRootView();
+    createAndRenderRootView();
+  }
+
+  private int createAndRenderRootView() {
+    ReactRootView rootView =
+        new ReactRootView(RuntimeEnvironment.application.getApplicationContext());
+    int rootTag = mFabricUIManager.addRootView(rootView);
+    int reactTag = mNextReactTag++;
+    String viewClass = ReactViewManager.REACT_CLASS;
+    ReactShadowNode node =
+        mFabricUIManager.createNode(reactTag, viewClass, rootTag, null, randomInstanceHandle());
+
+    List<ReactShadowNode> childSet = mFabricUIManager.createChildSet(rootTag);
+    mFabricUIManager.appendChildToSet(childSet, node);
+    mFabricUIManager.completeRoot(rootTag, childSet);
+
+    return rootTag;
+  }
+
+  @Test
+  public void testCloneNode() {
+    ReactShadowNode node = createViewNode();
+    ReactShadowNode child = createViewNode();
+    node.addChildAt(child, 0);
+
+    ReactShadowNode clonedNode = mFabricUIManager.cloneNode(node);
+
+    assertThat(clonedNode).isNotSameAs(node);
+    assertThat(clonedNode.getOriginalReactShadowNode()).isSameAs(node);
+    assertSameFields(clonedNode, node);
+    assertSameChildren(clonedNode, node);
+    assertThat(clonedNode.getChildAt(0)).isEqualTo(child);
+  }
+
+  @Test
+  public void testDefaultSpacingCloning() {
+    ReactShadowNode node = createViewNode();
+    node.setDefaultPadding(Spacing.LEFT, 10);
+
+    ReactShadowNode clonedNode = mFabricUIManager.cloneNode(node);
+
+    node.setDefaultPadding(Spacing.LEFT, 20);
+    assertThat(clonedNode.getStylePadding(Spacing.LEFT).value).isEqualTo(10f, Offset.offset(0.01f));
+    assertThat(node.getStylePadding(Spacing.LEFT).value).isEqualTo(20f, Offset.offset(0.01f));
+  }
+
+  @Test
+  public void testCloneVirtualNode() {
+    ReactRawTextShadowNode node = new ReactRawTextShadowNode();
+    node.setText("test");
+    assertThat(node.isVirtual()).isTrue();
+
+    ReactRawTextShadowNode clonedNode = (ReactRawTextShadowNode) node.mutableCopy(randomInstanceHandle());
+
+    assertThat(clonedNode.getText()).isEqualTo("test");
+    assertThat(clonedNode).isNotEqualTo(node);
+  }
+
+  @Test
+  public void testLayoutProgressBarAfterClonning() {
+    ProgressBarShadowNode node = new ProgressBarShadowNode();
+    node.setThemedContext(mThemedReactContext);
+    ProgressBarShadowNode clone = (ProgressBarShadowNode) node.mutableCopy(randomInstanceHandle());
+    clone.calculateLayout();
+  }
+
+  @Test
+  public void testCloneNodeWithNewChildren() {
+    ReactShadowNode node = createViewNode();
+    ReactShadowNode child = createViewNode();
+    node.addChildAt(child, 0);
+
+    ReactShadowNode clonedNode = mFabricUIManager.cloneNodeWithNewChildren(node);
+
+    assertThat(clonedNode.getChildCount()).isZero();
+    assertSameFields(clonedNode, node);
+  }
+
+  @Test
+  public void testCloneNodeWithNewProps() {
+    ReactShadowNode node = createViewNode();
+    ReadableNativeMap props = null; // TODO(ayc): Figure out how to create a Native map from tests.
+
+    ReactShadowNode clonedNode = mFabricUIManager.cloneNodeWithNewProps(node, props);
+  }
+
+  @Test
+  public void testCloneNodeWithNewChildrenAndProps() {
+    ReactShadowNode node = createViewNode();
+    ReadableNativeMap props = null;
+
+    ReactShadowNode clonedNode = mFabricUIManager.cloneNodeWithNewChildrenAndProps(node, props);
+
+    assertThat(clonedNode.getChildCount()).isZero();
+  }
+
+  @Test
+  public void testAppendChild() {
+    ReactShadowNode node = createViewNode();
+    ReactShadowNode child = createViewNode();
+
+    mFabricUIManager.appendChild(node, child);
+
+    assertThat(node.getChildCount()).isEqualTo(1);
+    assertThat(node.getChildAt(0)).isEqualTo(child);
+  }
+
+  @Test
+  public void testCreateChildSet() {
+    List<ReactShadowNode> childSet = mFabricUIManager.createChildSet(0);
+
+    assertThat(childSet).isEmpty();
+  }
+
+  @Test
+  public void testAppendChildToSet() {
+    ReactShadowNode node = createViewNode();
+    List<ReactShadowNode> childSet = mFabricUIManager.createChildSet(0);
+
+    mFabricUIManager.appendChildToSet(childSet, node);
+
+    assertThat(childSet).hasSize(1);
+    assertThat(childSet).contains(node);
+  }
+
+  @Test(expected = AssertionError.class)
+  public void testCompleteRootBeforeAddRoot() {
+    mFabricUIManager.completeRoot(0, new ArrayList<ReactShadowNode>());
+  }
+
+  @Test
+  public void testCompleteRoot() {
+    ReactRootView rootView =
+        new ReactRootView(RuntimeEnvironment.application.getApplicationContext());
+    int rootTag = mFabricUIManager.addRootView(rootView);
+    List<ReactShadowNode> children = mFabricUIManager.createChildSet(rootTag);
+
+    mFabricUIManager.completeRoot(rootTag, children);
+  }
+
+  @Test
+  public void testSealReactShadowNode() {
+    ReactRootView rootView =
+      new ReactRootView(RuntimeEnvironment.application.getApplicationContext());
+    int rootTag = mFabricUIManager.addRootView(rootView);
+    String viewClass = ReactViewManager.REACT_CLASS;
+
+    ReactShadowNode container = mFabricUIManager.createNode(6, viewClass, rootTag, null, randomInstanceHandle());
+    List<ReactShadowNode> childSet = mFabricUIManager.createChildSet(rootTag);
+    mFabricUIManager.appendChildToSet(childSet, container);
+
+    assertThat(container.isSealed()).isFalse();
+
+    mFabricUIManager.completeRoot(rootTag, childSet);
+
+    assertThat(container.isSealed()).isTrue();
+  }
+
+  /**
+   * Tests that cloned text nodes will not share measure functions
+   */
+  @Test
+  public void testTextMutableClone() {
+    ReactRootView rootView =
+        new ReactRootView(RuntimeEnvironment.application.getApplicationContext());
+    int rootTag = mFabricUIManager.addRootView(rootView);
+    ReactShadowNode text =
+        mFabricUIManager.createNode(0, ReactTextViewManager.REACT_CLASS, rootTag, null, randomInstanceHandle());
+    assertThat(text.isMeasureDefined()).isTrue();
+
+    ReactShadowNode textCopy = text.mutableCopy(randomInstanceHandle());
+    assertThat(textCopy.isMeasureDefined()).isTrue();
+
+    textCopy.setStyleWidth(200);
+    text.onBeforeLayout();
+    text.calculateLayout();
+    textCopy.onBeforeLayout();
+    textCopy.calculateLayout();
+
+    assertThat(text.getLayoutWidth()).isNotEqualTo(textCopy.getLayoutWidth());
+  }
+
+  /**
+   * Verifies that the reconciliation phase will always set the originalNode field of every node in
+   * the tree to null once completeRoot has finished to prevent memory leaks.
+   */
+  @Test
+  public void testRemoveOriginalNodeReferences() {
+    ReactRootView rootView =
+        new ReactRootView(RuntimeEnvironment.application.getApplicationContext());
+    int rootTag = mFabricUIManager.addRootView(rootView);
+    String viewClass = ReactViewManager.REACT_CLASS;
+
+    ReactShadowNode aa = mFabricUIManager.createNode(2, viewClass, rootTag, null, randomInstanceHandle());
+    ReactShadowNode a = mFabricUIManager.createNode(3, viewClass, rootTag, null, randomInstanceHandle());
+    mFabricUIManager.appendChild(a, aa);
+    ReactShadowNode bb = mFabricUIManager.createNode(4, viewClass, rootTag, null, randomInstanceHandle());
+    ReactShadowNode b = mFabricUIManager.createNode(5, viewClass, rootTag, null, randomInstanceHandle());
+    mFabricUIManager.appendChild(b, bb);
+    ReactShadowNode container = mFabricUIManager.createNode(6, viewClass, rootTag, null, randomInstanceHandle());
+    mFabricUIManager.appendChild(container, a);
+    mFabricUIManager.appendChild(container, b);
+    List<ReactShadowNode> childSet = mFabricUIManager.createChildSet(rootTag);
+    mFabricUIManager.appendChildToSet(childSet, container);
+    mFabricUIManager.completeRoot(rootTag, childSet);
+
+    ReactShadowNode aaClone = mFabricUIManager.cloneNodeWithNewProps(aa, null);
+    ReactShadowNode aClone = mFabricUIManager.cloneNodeWithNewChildren(a);
+    mFabricUIManager.appendChild(aClone, aaClone);
+    ReactShadowNode containerClone = mFabricUIManager.cloneNodeWithNewChildren(container);
+    mFabricUIManager.appendChild(containerClone, b);
+    mFabricUIManager.appendChild(containerClone, aClone);
+    List<ReactShadowNode> childSet2 = mFabricUIManager.createChildSet(rootTag);
+    mFabricUIManager.appendChildToSet(childSet2, containerClone);
+    mFabricUIManager.completeRoot(rootTag, childSet2);
+
+    ReactShadowNode[] nodes =
+        new ReactShadowNode[] {aa, a, bb, b, container, aaClone, aClone, containerClone};
+
+    for (ReactShadowNode node : nodes) {
+      assertThat(node.getOriginalReactShadowNode()).isNull();
+    }
+  }
+
+  private void assertSameChildren(ReactShadowNode node1, ReactShadowNode node2) {
+    assertThat(node1.getChildCount()).isEqualTo(node2.getChildCount());
+    for (int i = 0; i < node1.getChildCount(); i++) {
+      assertThat(node1.getChildAt(i)).isEqualTo(node2.getChildAt(i));
+    }
+  }
+
+  private void assertSameFields(ReactShadowNode node1, ReactShadowNode node2) {
+    assertThat(node1.getReactTag()).isEqualTo(node2.getReactTag());
+    assertThat(node1.getViewClass()).isEqualTo(node2.getViewClass());
+    assertThat(node2.getParent()).isNull();
+    assertThat(node1.getThemedContext()).isEqualTo(node2.getThemedContext());
+    assertThat(node1.isVirtual()).isEqualTo(node2.isVirtual());
+    assertThat(node1.getLayoutDirection()).isEqualTo(node2.getLayoutDirection());
+    assertThat(node1.getLayoutHeight()).isEqualTo(node2.getLayoutHeight());
+    assertThat(node1.getLayoutWidth()).isEqualTo(node2.getLayoutWidth());
+    assertThat(node1.getLayoutX()).isEqualTo(node2.getLayoutX());
+    assertThat(node1.getLayoutY()).isEqualTo(node2.getLayoutY());
+    for (int spacingType = Spacing.LEFT; spacingType <= Spacing.ALL; spacingType++) {
+      assertThat(node1.getStylePadding(spacingType)).isEqualTo(node2.getStylePadding(spacingType));
+    }
+    assertThat(node1.getStyleWidth()).isEqualTo(node2.getStyleWidth());
+    assertThat(node1.getStyleHeight()).isEqualTo(node2.getStyleHeight());
+  }
+
+  private ReactShadowNode createViewNode() {
+    ReactShadowNode node = new ReactShadowNodeImpl();
+    node.setViewClassName(ReactViewManager.REACT_CLASS);
+    node.setThemedContext(mThemedReactContext);
+    return node;
+  }
+}
diff --git a/ReactAndroid/src/test/java/com/facebook/react/fabric/ReactShadowNodeTest.java b/ReactAndroid/src/test/java/com/facebook/react/fabric/ReactShadowNodeTest.java
new file mode 100644
index 00000000000000..68881c7f445323
--- /dev/null
+++ b/ReactAndroid/src/test/java/com/facebook/react/fabric/ReactShadowNodeTest.java
@@ -0,0 +1,23 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+package com.facebook.react.fabric;
+
+import com.facebook.react.uimanager.ReactShadowNodeImpl;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import org.robolectric.RobolectricTestRunner;
+
+/** Tests {@link ReactShadowNode} */
+@RunWith(RobolectricTestRunner.class)
+public class ReactShadowNodeTest {
+
+  @Test(expected = AssertionError.class)
+  public void testClonedInstance() {
+    TestReactShadowNode node = new TestReactShadowNode();
+    node.mutableCopy(node.getInstanceHandle());
+  }
+
+  private static class TestReactShadowNode extends ReactShadowNodeImpl {}
+}
diff --git a/ReactAndroid/src/test/java/com/facebook/react/modules/BUCK b/ReactAndroid/src/test/java/com/facebook/react/modules/BUCK
index 860bbf7bf69fe7..e894c42db496c9 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/modules/BUCK
+++ b/ReactAndroid/src/test/java/com/facebook/react/modules/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_robolectric_test", "YOGA_TARGET", "react_native_dep", "react_native_target", "react_native_tests_target")
+load("//ReactNative:DEFS.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "react_native_tests_target", "rn_robolectric_test")
 
 rn_robolectric_test(
     name = "modules",
diff --git a/ReactAndroid/src/test/java/com/facebook/react/modules/network/ReactCookieJarContainerTest.java b/ReactAndroid/src/test/java/com/facebook/react/modules/network/ReactCookieJarContainerTest.java
new file mode 100644
index 00000000000000..b08e514e853d37
--- /dev/null
+++ b/ReactAndroid/src/test/java/com/facebook/react/modules/network/ReactCookieJarContainerTest.java
@@ -0,0 +1,85 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.modules.network;
+
+import com.facebook.react.modules.network.ReactCookieJarContainer;
+import okhttp3.Cookie;
+import okhttp3.CookieJar;
+import okhttp3.HttpUrl;
+import java.util.List;
+import java.util.ArrayList;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import org.powermock.core.classloader.annotations.PowerMockIgnore;
+import org.powermock.core.classloader.annotations.PrepareForTest;
+import org.robolectric.RobolectricTestRunner;
+
+import static org.fest.assertions.api.Assertions.assertThat;
+import static org.mockito.Mockito.any;
+import static org.mockito.Mockito.mock;
+import static org.mockito.Mockito.verify;
+import static org.mockito.Mockito.when;
+
+/**
+ * Tests for {@link NetworkingModule}.
+ */
+@PrepareForTest({
+  ReactCookieJarContainer.class
+})
+@RunWith(RobolectricTestRunner.class)
+@PowerMockIgnore({"org.mockito.*", "org.robolectric.*", "android.*"})
+
+public class ReactCookieJarContainerTest {
+
+  @Test
+  public void testMissingJar() throws Exception {
+    ReactCookieJarContainer jarContainer = mock(ReactCookieJarContainer.class);
+    assertThat(jarContainer.loadForRequest(any(HttpUrl.class)).size()).isEqualTo(0);
+  }
+
+  @Test
+  public void testEmptyCookies() throws Exception {
+    ReactCookieJarContainer jarContainer = mock(ReactCookieJarContainer.class);
+    List<Cookie> cookies = new ArrayList<>();
+    when(jarContainer.loadForRequest(any(HttpUrl.class))).thenReturn(cookies);
+    assertThat(jarContainer.loadForRequest(any(HttpUrl.class)).size()).isEqualTo(0);
+  }
+
+  @Test
+  public void testValidCookies() throws Exception {
+    ReactCookieJarContainer jarContainer = new ReactCookieJarContainer();
+    CookieJar cookieJar = mock(CookieJar.class);
+    jarContainer.setCookieJar(cookieJar);
+    List<Cookie> cookies = new ArrayList<>();
+    cookies.add(new Cookie.Builder()
+      .name("valid")
+      .value("valid value")
+      .domain("domain")
+      .build()
+    );
+    when(cookieJar.loadForRequest(any(HttpUrl.class))).thenReturn(cookies);
+    assertThat(jarContainer.loadForRequest(any(HttpUrl.class)).size()).isEqualTo(1);
+  }
+
+  @Test
+  public void testInvalidCookies() throws Exception {
+    ReactCookieJarContainer jarContainer = new ReactCookieJarContainer();
+    CookieJar cookieJar = mock(CookieJar.class);
+    jarContainer.setCookieJar(cookieJar);
+    List<Cookie> cookies = new ArrayList<>();
+    cookies.add(new Cookie.Builder()
+      .name("valid")
+      .value("înválíd välūė")
+      .domain("domain")
+      .build()
+    );
+    when(cookieJar.loadForRequest(any(HttpUrl.class))).thenReturn(cookies);
+    assertThat(jarContainer.loadForRequest(any(HttpUrl.class)).size()).isEqualTo(0);
+  }
+}
diff --git a/ReactAndroid/src/test/java/com/facebook/react/packagerconnection/BUCK b/ReactAndroid/src/test/java/com/facebook/react/packagerconnection/BUCK
index 12ef1f5fa30d40..686a8ecf6c8016 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/packagerconnection/BUCK
+++ b/ReactAndroid/src/test/java/com/facebook/react/packagerconnection/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_robolectric_test", "react_native_dep", "react_native_target")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_robolectric_test")
 
 rn_robolectric_test(
     name = "packagerconnection",
diff --git a/ReactAndroid/src/test/java/com/facebook/react/uimanager/BUCK b/ReactAndroid/src/test/java/com/facebook/react/uimanager/BUCK
index 385a2d6609b134..608ba5605db235 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/uimanager/BUCK
+++ b/ReactAndroid/src/test/java/com/facebook/react/uimanager/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_robolectric_test", "YOGA_TARGET", "react_native_dep", "react_native_target", "react_native_tests_target")
+load("//ReactNative:DEFS.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "react_native_tests_target", "rn_robolectric_test")
 
 rn_robolectric_test(
     name = "uimanager",
diff --git a/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropConstantsTest.java b/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropConstantsTest.java
index a4ee1a39056db8..1b84c06d9f0418 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropConstantsTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropConstantsTest.java
@@ -141,7 +141,7 @@ public void testNativePropsIncludeCorrectTypes() {
     List<ViewManager> viewManagers = Arrays.<ViewManager>asList(new ViewManagerUnderTest());
     ReactApplicationContext reactContext = new ReactApplicationContext(RuntimeEnvironment.application);
     UIManagerModule uiManagerModule =
-        new UIManagerModule(reactContext, viewManagers, new UIImplementationProvider(), 0);
+        new UIManagerModule(reactContext, viewManagers, 0);
     Map<String, String> constants =
         (Map) valueAtPath(uiManagerModule.getConstants(), "SomeView", "NativeProps");
     assertThat(constants).isEqualTo(
diff --git a/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleConstantsTest.java b/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleConstantsTest.java
index 40a8c68b46697f..1435875650b0db 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleConstantsTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleConstantsTest.java
@@ -8,14 +8,11 @@
 package com.facebook.react.uimanager;
 
 import static org.fest.assertions.api.Assertions.assertThat;
-import static org.mockito.Matchers.any;
-import static org.mockito.Matchers.anyInt;
 import static org.mockito.Mockito.mock;
 import static org.mockito.Mockito.when;
 
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.common.MapBuilder;
-import com.facebook.react.uimanager.events.EventDispatcher;
 import java.util.Arrays;
 import java.util.List;
 import java.util.Map;
@@ -49,25 +46,17 @@ public class UIManagerModuleConstantsTest {
   private static final Map TWIRL_DIRECT_EVENT_MAP = MapBuilder.of("registrationName", "onTwirl");
 
   private ReactApplicationContext mReactContext;
-  private UIImplementationProvider mUIImplementationProvider;
 
   @Before
   public void setUp() {
     mReactContext = new ReactApplicationContext(RuntimeEnvironment.application);
-    mUIImplementationProvider = mock(UIImplementationProvider.class);
-    when(mUIImplementationProvider.createUIImplementation(
-            any(ReactApplicationContext.class),
-            any(List.class),
-            any(EventDispatcher.class),
-            anyInt()))
-        .thenReturn(mock(UIImplementation.class));
   }
 
   @Test
   public void testNoCustomConstants() {
     List<ViewManager> viewManagers = Arrays.asList(mock(ViewManager.class));
     UIManagerModule uiManagerModule =
-        new UIManagerModule(mReactContext, viewManagers, mUIImplementationProvider, 0);
+        new UIManagerModule(mReactContext, viewManagers, 0);
     Map<String, Object> constants = uiManagerModule.getConstants();
     assertThat(constants)
         .containsKey(CUSTOM_BUBBLING_EVENT_TYPES)
@@ -82,7 +71,7 @@ public void testCustomBubblingEvents() {
     when(mockViewManager.getExportedCustomBubblingEventTypeConstants())
         .thenReturn(MapBuilder.of("onTwirl", TWIRL_BUBBLING_EVENT_MAP));
     UIManagerModule uiManagerModule =
-        new UIManagerModule(mReactContext, viewManagers, mUIImplementationProvider, 0);
+        new UIManagerModule(mReactContext, viewManagers, 0);
     Map<String, Object> constants = uiManagerModule.getConstants();
     assertThat((Map) constants.get(CUSTOM_BUBBLING_EVENT_TYPES))
         .contains(MapEntry.entry("onTwirl", TWIRL_BUBBLING_EVENT_MAP))
@@ -96,7 +85,7 @@ public void testCustomDirectEvents() {
     when(mockViewManager.getExportedCustomDirectEventTypeConstants())
         .thenReturn(MapBuilder.of("onTwirl", TWIRL_DIRECT_EVENT_MAP));
     UIManagerModule uiManagerModule =
-        new UIManagerModule(mReactContext, viewManagers, mUIImplementationProvider, 0);
+        new UIManagerModule(mReactContext, viewManagers, 0);
     Map<String, Object> constants = uiManagerModule.getConstants();
     assertThat((Map) constants.get(CUSTOM_DIRECT_EVENT_TYPES))
         .contains(MapEntry.entry("onTwirl", TWIRL_DIRECT_EVENT_MAP))
@@ -111,7 +100,7 @@ public void testCustomViewConstants() {
     when(mockViewManager.getExportedViewConstants())
         .thenReturn(MapBuilder.of("PhotoSizeType", MapBuilder.of("Small", 1, "Large", 2)));
     UIManagerModule uiManagerModule =
-        new UIManagerModule(mReactContext, viewManagers, mUIImplementationProvider, 0);
+        new UIManagerModule(mReactContext, viewManagers, 0);
     Map<String, Object> constants = uiManagerModule.getConstants();
     assertThat(constants).containsKey("RedPandaPhotoOfTheDayView");
     assertThat((Map) constants.get("RedPandaPhotoOfTheDayView")).containsKey("Constants");
@@ -127,7 +116,7 @@ public void testNativeProps() {
     when(mockViewManager.getNativeProps())
         .thenReturn(MapBuilder.of("fooProp", "number"));
     UIManagerModule uiManagerModule =
-        new UIManagerModule(mReactContext, viewManagers, mUIImplementationProvider, 0);
+        new UIManagerModule(mReactContext, viewManagers, 0);
     Map<String, Object> constants = uiManagerModule.getConstants();
     assertThat((String) valueAtPath(constants, "SomeView", "NativeProps", "fooProp"))
         .isEqualTo("number");
@@ -159,7 +148,7 @@ public void testMergeConstants() {
 
     List<ViewManager> viewManagers = Arrays.asList(managerX, managerY);
     UIManagerModule uiManagerModule =
-        new UIManagerModule(mReactContext, viewManagers, mUIImplementationProvider, 0);
+        new UIManagerModule(mReactContext, viewManagers, 0);
     Map<String, Object> constants = uiManagerModule.getConstants();
     assertThat((Map) constants.get(CUSTOM_DIRECT_EVENT_TYPES)).containsKey("onTwirl");
 
diff --git a/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleTest.java b/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleTest.java
index 6a90e84b628cd1..b38ca784d90114 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleTest.java
@@ -814,7 +814,7 @@ private UIManagerModule getUIManagerModule() {
         new ReactTextViewManager(),
         new ReactRawTextManager());
     UIManagerModule uiManagerModule =
-        new UIManagerModule(mReactContext, viewManagers, new UIImplementationProvider(), 0);
+        new UIManagerModule(mReactContext, viewManagers, 0);
     uiManagerModule.onHostResume();
     return uiManagerModule;
   }
diff --git a/ReactAndroid/src/test/java/com/facebook/react/views/BUCK b/ReactAndroid/src/test/java/com/facebook/react/views/BUCK
index 50df82ab6a6c94..c50da6f542f4f8 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/views/BUCK
+++ b/ReactAndroid/src/test/java/com/facebook/react/views/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_robolectric_test", "YOGA_TARGET", "react_native_dep", "react_native_target", "react_native_tests_target")
+load("//ReactNative:DEFS.bzl", "YOGA_TARGET", "react_native_dep", "react_native_target", "react_native_tests_target", "rn_robolectric_test")
 
 rn_robolectric_test(
     name = "views",
@@ -13,6 +13,7 @@ rn_robolectric_test(
         react_native_dep("libraries/fresco/fresco-react-native:fresco-drawee"),
         react_native_dep("libraries/fresco/fresco-react-native:fresco-react-native"),
         react_native_dep("libraries/fresco/fresco-react-native:imagepipeline"),
+        react_native_dep("libraries/soloader/java/com/facebook/soloader:soloader"),
         react_native_dep("third-party/java/fest:fest"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
         react_native_dep("third-party/java/junit:junit"),
diff --git a/ReactAndroid/src/test/java/com/facebook/react/views/image/ReactImagePropertyTest.java b/ReactAndroid/src/test/java/com/facebook/react/views/image/ReactImagePropertyTest.java
index 93dc7845007e09..2a1ee5755f813b 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/views/image/ReactImagePropertyTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/views/image/ReactImagePropertyTest.java
@@ -20,6 +20,7 @@
 import com.facebook.react.uimanager.ReactStylesDiffMap;
 import com.facebook.react.uimanager.DisplayMetricsHolder;
 import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.soloader.SoLoader;
 
 import org.junit.After;
 import org.junit.Before;
@@ -53,6 +54,7 @@ public class ReactImagePropertyTest {
 
   @Before
   public void setup() {
+    SoLoader.setInTestMode();
     mContext = new ReactApplicationContext(RuntimeEnvironment.application);
     mCatalystInstanceMock = ReactTestHelper.createMockCatalystInstance();
     mContext.initializeWithInstance(mCatalystInstanceMock);
diff --git a/ReactAndroid/src/test/java/com/facebook/react/views/text/ReactTextTest.java b/ReactAndroid/src/test/java/com/facebook/react/views/text/ReactTextTest.java
index 2c14111e4acd8f..cb113637326ada 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/views/text/ReactTextTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/views/text/ReactTextTest.java
@@ -31,7 +31,6 @@
 import com.facebook.react.bridge.ReactTestHelper;
 import com.facebook.react.modules.core.ChoreographerCompat;
 import com.facebook.react.modules.core.ReactChoreographer;
-import com.facebook.react.uimanager.UIImplementationProvider;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewManager;
 import com.facebook.react.uimanager.ViewProps;
@@ -428,7 +427,7 @@ public UIManagerModule getUIManagerModule() {
             new ReactRawTextManager(),
         });
     UIManagerModule uiManagerModule =
-        new UIManagerModule(reactContext, viewManagers, new UIImplementationProvider(), 0);
+        new UIManagerModule(reactContext, viewManagers, 0);
     uiManagerModule.onHostResume();
     return uiManagerModule;
   }
diff --git a/ReactAndroid/src/test/java/com/facebook/react/views/textinput/ReactTextInputPropertyTest.java b/ReactAndroid/src/test/java/com/facebook/react/views/textinput/ReactTextInputPropertyTest.java
index 89e9b0a5bdfe43..dc6a8dc10abddc 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/views/textinput/ReactTextInputPropertyTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/views/textinput/ReactTextInputPropertyTest.java
@@ -231,6 +231,8 @@ public void testNumLines() {
   @Test
   public void testKeyboardType() {
     ReactEditText view = mManager.createViewInstance(mThemedContext);
+    int numberPadTypeFlags = InputType.TYPE_CLASS_NUMBER;
+    int decimalPadTypeFlags = InputType.TYPE_CLASS_NUMBER | InputType.TYPE_NUMBER_FLAG_DECIMAL;
     int numericTypeFlags =
         InputType.TYPE_CLASS_NUMBER | InputType.TYPE_NUMBER_FLAG_DECIMAL |
         InputType.TYPE_NUMBER_FLAG_SIGNED;
@@ -249,6 +251,12 @@ public void testKeyboardType() {
     mManager.updateProperties(view, buildStyles("keyboardType", "text"));
     assertThat(view.getInputType() & generalKeyboardTypeFlags).isEqualTo(InputType.TYPE_CLASS_TEXT);
 
+    mManager.updateProperties(view, buildStyles("keyboardType", "number-pad"));
+    assertThat(view.getInputType() & generalKeyboardTypeFlags).isEqualTo(numberPadTypeFlags);
+
+    mManager.updateProperties(view, buildStyles("keyboardType", "decimal-pad"));
+    assertThat(view.getInputType() & generalKeyboardTypeFlags).isEqualTo(decimalPadTypeFlags);
+
     mManager.updateProperties(view, buildStyles("keyboardType", "numeric"));
     assertThat(view.getInputType() & generalKeyboardTypeFlags).isEqualTo(numericTypeFlags);
 
diff --git a/ReactAndroid/src/test/java/com/facebook/react/views/textinput/TextInputTest.java b/ReactAndroid/src/test/java/com/facebook/react/views/textinput/TextInputTest.java
index 988482eeabdeeb..c9794d7d00cfaf 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/views/textinput/TextInputTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/views/textinput/TextInputTest.java
@@ -21,7 +21,6 @@
 import com.facebook.react.bridge.ReactTestHelper;
 import com.facebook.react.modules.core.ChoreographerCompat;
 import com.facebook.react.modules.core.ReactChoreographer;
-import com.facebook.react.uimanager.UIImplementationProvider;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewManager;
 import com.facebook.react.uimanager.ViewProps;
@@ -178,7 +177,7 @@ public UIManagerModule getUIManagerModule() {
             new ReactTextInputManager(),
         });
     UIManagerModule uiManagerModule =
-        new UIManagerModule(reactContext, viewManagers, new UIImplementationProvider(), 0);
+        new UIManagerModule(reactContext, viewManagers, 0);
     uiManagerModule.onHostResume();
     return uiManagerModule;
   }
diff --git a/ReactAndroid/src/test/java/org/mockito/configuration/BUCK b/ReactAndroid/src/test/java/org/mockito/configuration/BUCK
index 3f6f74e291843f..62bf397823503a 100644
--- a/ReactAndroid/src/test/java/org/mockito/configuration/BUCK
+++ b/ReactAndroid/src/test/java/org/mockito/configuration/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "react_native_dep")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "rn_android_library")
 
 rn_android_library(
     name = "configuration",
diff --git a/ReactCommon/cxxreact/Android.mk b/ReactCommon/cxxreact/Android.mk
index 56ffdb1b3c5298..d4b294fc17fef8 100644
--- a/ReactCommon/cxxreact/Android.mk
+++ b/ReactCommon/cxxreact/Android.mk
@@ -17,12 +17,15 @@ LOCAL_SRC_FILES := \
   JSCSamplingProfiler.cpp \
   JSCTracing.cpp \
   JSCUtils.cpp \
+  JSDeltaBundleClient.cpp \
+	JSExecutor.cpp \
   JSIndexedRAMBundle.cpp \
   MethodCall.cpp \
   ModuleRegistry.cpp \
   NativeToJsBridge.cpp \
   Platform.cpp \
-	RAMBundleRegistry.cpp \
+  RAMBundleRegistry.cpp \
+  ReactMarker.cpp \
 
 LOCAL_C_INCLUDES := $(LOCAL_PATH)/..
 LOCAL_EXPORT_C_INCLUDES := $(LOCAL_C_INCLUDES)
diff --git a/ReactCommon/cxxreact/BUCK b/ReactCommon/cxxreact/BUCK
index 5f84b3fd5a241b..b24c56a3c8f1be 100644
--- a/ReactCommon/cxxreact/BUCK
+++ b/ReactCommon/cxxreact/BUCK
@@ -1,17 +1,11 @@
-load("@xplat//configurations/buck/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
-load("//ReactNative:DEFS.bzl", "IS_OSS_BUILD", "rn_xplat_cxx_library", "ANDROID_INSPECTOR_FLAGS", "APPLE_INSPECTOR_FLAGS", "ANDROID_JSC_DEPS", "APPLE_JSC_DEPS", "react_native_xplat_target")
+load("@xplat//tools/build_defs:glob_defs.bzl", "subdir_glob")
+load("//ReactNative:DEFS.bzl", "ANDROID", "ANDROID_JSC_DEPS", "APPLE", "get_apple_compiler_flags", "APPLE_JSC_DEPS", "get_debug_preprocessor_flags", "IS_OSS_BUILD", "get_android_inspector_flags", "get_apple_inspector_flags", "react_native_xplat_target", "rn_xplat_cxx_library")
 
 CXX_LIBRARY_COMPILER_FLAGS = [
     "-std=c++14",
     "-Wall",
 ]
 
-APPLE_COMPILER_FLAGS = []
-
-if not IS_OSS_BUILD:
-    load("@xplat//configurations/buck/apple:flag_defs.bzl", "get_static_library_ios_flags", "flags")
-    APPLE_COMPILER_FLAGS = flags.get_flag_value(get_static_library_ios_flags(), 'compiler_flags')
-
 rn_xplat_cxx_library(
     name = "module",
     header_namespace = "",
@@ -24,7 +18,7 @@ rn_xplat_cxx_library(
         prefix = "cxxreact",
     ),
     compiler_flags = CXX_LIBRARY_COMPILER_FLAGS,
-    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_compiler_flags = get_apple_compiler_flags(),
     force_static = True,
     visibility = [
         "PUBLIC",
@@ -48,7 +42,7 @@ rn_xplat_cxx_library(
         "-fexceptions",
         "-frtti",
     ],
-    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_compiler_flags = get_apple_compiler_flags(),
     force_static = True,
     visibility = [
         "PUBLIC",
@@ -69,7 +63,7 @@ rn_xplat_cxx_library(
         "-fno-omit-frame-pointer",
         "-fexceptions",
     ],
-    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_compiler_flags = get_apple_compiler_flags(),
     soname = "libxplat_react_module_samplemodule.$(ext)",
     visibility = [
         "PUBLIC",
@@ -89,6 +83,8 @@ CXXREACT_PUBLIC_HEADERS = [
     "JSExecutor.h",
     "JSCExecutor.h",
     "JSCNativeModules.h",
+    "JSCUtils.h",
+    "JSDeltaBundleClient.h",
     "JSIndexedRAMBundle.h",
     "JSModulesUnbundle.h",
     "MessageQueueThread.h",
@@ -98,6 +94,7 @@ CXXREACT_PUBLIC_HEADERS = [
     "NativeToJsBridge.h",
     "Platform.h",
     "RAMBundleRegistry.h",
+    "ReactMarker.h",
     "RecoverableError.h",
     "SharedProxyCxxModule.h",
     "SystraceSection.h",
@@ -107,14 +104,14 @@ rn_xplat_cxx_library(
     name = "bridge",
     srcs = glob(
         ["*.cpp"],
-        excludes = [
+        exclude = [
             "JSBigString.cpp",
             "SampleCxxModule.cpp",
         ],
     ),
     headers = glob(
         ["*.h"],
-        excludes = CXXREACT_PUBLIC_HEADERS,
+        exclude = CXXREACT_PUBLIC_HEADERS,
     ),
     header_namespace = "",
     exported_headers = dict([
@@ -129,18 +126,21 @@ rn_xplat_cxx_library(
         "-frtti",
     ],
     fbandroid_deps = ANDROID_JSC_DEPS,
-    fbandroid_preprocessor_flags = ANDROID_INSPECTOR_FLAGS + [
+    fbandroid_preprocessor_flags = get_android_inspector_flags() + [
         "-DWITH_JSC_EXTRA_TRACING=1",
         "-DWITH_JSC_MEMORY_PRESSURE=1",
         "-DWITH_FB_MEMORY_PROFILING=1",
     ],
-    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_compiler_flags = get_apple_compiler_flags(),
     fbobjc_deps = APPLE_JSC_DEPS,
+    fbobjc_force_static = True,
     fbobjc_frameworks = [
         "$SDKROOT/System/Library/Frameworks/JavaScriptCore.framework",
     ],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + APPLE_INSPECTOR_FLAGS,
+    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
     force_static = True,
+    macosx_tests_override = [],
+    platforms = (ANDROID, APPLE),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         "-DWITH_FBSYSTRACE=1",
diff --git a/ReactCommon/cxxreact/CxxModule.h b/ReactCommon/cxxreact/CxxModule.h
index 73587a4e5c3deb..f31b20642590fe 100644
--- a/ReactCommon/cxxreact/CxxModule.h
+++ b/ReactCommon/cxxreact/CxxModule.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/CxxNativeModule.cpp b/ReactCommon/cxxreact/CxxNativeModule.cpp
index 4b71e3bef2e034..757098e535e231 100644
--- a/ReactCommon/cxxreact/CxxNativeModule.cpp
+++ b/ReactCommon/cxxreact/CxxNativeModule.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "CxxNativeModule.h"
 #include "Instance.h"
diff --git a/ReactCommon/cxxreact/CxxNativeModule.h b/ReactCommon/cxxreact/CxxNativeModule.h
index 9d60ee17df8c43..b02dec1ce5deac 100644
--- a/ReactCommon/cxxreact/CxxNativeModule.h
+++ b/ReactCommon/cxxreact/CxxNativeModule.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/Instance.cpp b/ReactCommon/cxxreact/Instance.cpp
index c3fd8cf607dd27..cc951813e716e7 100644
--- a/ReactCommon/cxxreact/Instance.cpp
+++ b/ReactCommon/cxxreact/Instance.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "Instance.h"
 
@@ -170,11 +173,9 @@ const ModuleRegistry &Instance::getModuleRegistry() const {
 
 ModuleRegistry &Instance::getModuleRegistry() { return *moduleRegistry_; }
 
-#ifdef WITH_JSC_MEMORY_PRESSURE
 void Instance::handleMemoryPressure(int pressureLevel) {
   nativeToJsBridge_->handleMemoryPressure(pressureLevel);
 }
-#endif
 
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/cxxreact/Instance.h b/ReactCommon/cxxreact/Instance.h
index e35ce4bbe2ac3e..95f4b905a60b33 100644
--- a/ReactCommon/cxxreact/Instance.h
+++ b/ReactCommon/cxxreact/Instance.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
@@ -6,7 +9,6 @@
 #include <memory>
 
 #include <cxxreact/NativeToJsBridge.h>
-#include <jschelpers/Value.h>
 
 #ifndef RN_EXPORT
 #define RN_EXPORT __attribute__((visibility("default")))
@@ -66,9 +68,7 @@ class RN_EXPORT Instance {
   const ModuleRegistry &getModuleRegistry() const;
   ModuleRegistry &getModuleRegistry();
 
-#ifdef WITH_JSC_MEMORY_PRESSURE
   void handleMemoryPressure(int pressureLevel);
-#endif
 
 private:
   void callNativeModules(folly::dynamic &&calls, bool isEndOfBatch);
diff --git a/ReactCommon/cxxreact/JSBigString.cpp b/ReactCommon/cxxreact/JSBigString.cpp
index 2bd444800405a8..dda34f084c20b4 100644
--- a/ReactCommon/cxxreact/JSBigString.cpp
+++ b/ReactCommon/cxxreact/JSBigString.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "JSBigString.h"
 
diff --git a/ReactCommon/cxxreact/JSBigString.h b/ReactCommon/cxxreact/JSBigString.h
index 6f9667e3f6f832..bac6fc03774cd1 100644
--- a/ReactCommon/cxxreact/JSBigString.h
+++ b/ReactCommon/cxxreact/JSBigString.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/JSBundleType.cpp b/ReactCommon/cxxreact/JSBundleType.cpp
index 72c60ebf656341..f74fa7d46fca74 100644
--- a/ReactCommon/cxxreact/JSBundleType.cpp
+++ b/ReactCommon/cxxreact/JSBundleType.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "JSBundleType.h"
 
diff --git a/ReactCommon/cxxreact/JSBundleType.h b/ReactCommon/cxxreact/JSBundleType.h
index 3e8627f9300e20..b6ed106ce2d17c 100644
--- a/ReactCommon/cxxreact/JSBundleType.h
+++ b/ReactCommon/cxxreact/JSBundleType.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/JSCExecutor.cpp b/ReactCommon/cxxreact/JSCExecutor.cpp
index 81e71eddbaa5e9..65ee3bdd80255a 100644
--- a/ReactCommon/cxxreact/JSCExecutor.cpp
+++ b/ReactCommon/cxxreact/JSCExecutor.cpp
@@ -1,23 +1,26 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "JSCExecutor.h"
 
+#include <fcntl.h>
+#include <sys/socket.h>
+#include <sys/time.h>
 #include <algorithm>
 #include <condition_variable>
-#include <fcntl.h>
 #include <mutex>
 #include <sstream>
 #include <string>
-#include <sys/time.h>
-#include <sys/socket.h>
 #include <system_error>
 
 #include <arpa/inet.h>
 #include <folly/Conv.h>
 #include <folly/Exception.h>
-#include <folly/json.h>
 #include <folly/Memory.h>
 #include <folly/String.h>
+#include <folly/json.h>
 #include <glog/logging.h>
 #include <jschelpers/JSCHelpers.h>
 #include <jschelpers/Value.h>
@@ -27,12 +30,12 @@
 #include "JSBundleType.h"
 #include "JSCLegacyTracing.h"
 #include "JSCMemory.h"
-#include "JSCNativeModules.h"
 #include "JSCPerfStats.h"
 #include "JSCSamplingProfiler.h"
 #include "JSCTracing.h"
 #include "JSCUtils.h"
 #include "JSModulesUnbundle.h"
+#include "MessageQueueThread.h"
 #include "ModuleRegistry.h"
 #include "Platform.h"
 #include "RAMBundleRegistry.h"
@@ -44,677 +47,740 @@
 #endif
 
 namespace facebook {
-  namespace react {
-
-    namespace {
-
-      template<JSValueRef (JSCExecutor::*method)(size_t, const JSValueRef[])>
-      inline JSObjectCallAsFunctionCallback exceptionWrapMethod() {
-        struct funcWrapper {
-          static JSValueRef call(
-                                 JSContextRef ctx,
-                                 JSObjectRef function,
-                                 JSObjectRef thisObject,
-                                 size_t argumentCount,
-                                 const JSValueRef arguments[],
-                                 JSValueRef *exception) {
-            try {
-              auto executor = Object::getGlobalObject(ctx).getPrivate<JSCExecutor>();
-              if (executor && executor->getJavaScriptContext()) { // Executor not invalidated
-                return (executor->*method)(argumentCount, arguments);
-              }
-            } catch (...) {
-              *exception = translatePendingCppExceptionToJSError(ctx, function);
-            }
-            return Value::makeUndefined(ctx);
-          }
-        };
-
-        return &funcWrapper::call;
-      }
-
-      template<JSValueRef (JSCExecutor::*method)(JSObjectRef object, JSStringRef propertyName)>
-      inline JSObjectGetPropertyCallback exceptionWrapMethod() {
-        struct funcWrapper {
-          static JSValueRef call(
-                                 JSContextRef ctx,
-                                 JSObjectRef object,
-                                 JSStringRef propertyName,
-                                 JSValueRef *exception) {
-            try {
-              auto executor = Object::getGlobalObject(ctx).getPrivate<JSCExecutor>();
-              if (executor && executor->getJavaScriptContext()) { // Executor not invalidated
-                return (executor->*method)(object, propertyName);
-              }
-            } catch (...) {
-              *exception = translatePendingCppExceptionToJSError(ctx, object);
-            }
-            return Value::makeUndefined(ctx);
-          }
-        };
-
-        return &funcWrapper::call;
+namespace react {
+
+namespace {
+
+template <JSValueRef (JSCExecutor::*method)(size_t, const JSValueRef[])>
+inline JSObjectCallAsFunctionCallback exceptionWrapMethod() {
+  struct funcWrapper {
+    static JSValueRef call(
+        JSContextRef ctx,
+        JSObjectRef function,
+        JSObjectRef thisObject,
+        size_t argumentCount,
+        const JSValueRef arguments[],
+        JSValueRef* exception) {
+      try {
+        auto executor = Object::getGlobalObject(ctx).getPrivate<JSCExecutor>();
+        if (executor &&
+            executor->getJavaScriptContext()) { // Executor not invalidated
+          return (executor->*method)(argumentCount, arguments);
+        }
+      } catch (...) {
+        *exception = translatePendingCppExceptionToJSError(ctx, function);
       }
-
-    }
-
-#if DEBUG
-    static JSValueRef nativeInjectHMRUpdate(
-                                            JSContextRef ctx,
-                                            JSObjectRef function,
-                                            JSObjectRef thisObject,
-                                            size_t argumentCount,
-                                            const JSValueRef arguments[],
-                                            JSValueRef *exception) {
-      String execJSString = Value(ctx, arguments[0]).toString();
-      String jsURL = Value(ctx, arguments[1]).toString();
-      evaluateScript(ctx, execJSString, jsURL);
       return Value::makeUndefined(ctx);
     }
-#endif
+  };
 
-    std::unique_ptr<JSExecutor> JSCExecutorFactory::createJSExecutor(
-                                                                     std::shared_ptr<ExecutorDelegate> delegate, std::shared_ptr<MessageQueueThread> jsQueue) {
-      return folly::make_unique<JSCExecutor>(delegate, jsQueue, m_jscConfig, m_nativeExtensionsProvider);
-    }
+  return &funcWrapper::call;
+}
 
-    JSCExecutor::JSCExecutor(std::shared_ptr<ExecutorDelegate> delegate,
-                             std::shared_ptr<MessageQueueThread> messageQueueThread,
-                             const folly::dynamic& jscConfig,
-                             std::function<folly::dynamic(const std::string &)> nativeExtensionsProvider) throw(JSException) :
-    m_delegate(delegate),
-    m_messageQueueThread(messageQueueThread),
-    m_nativeModules(delegate ? delegate->getModuleRegistry() : nullptr),
-    m_jscConfig(jscConfig),
-    m_nativeExtensionsProvider(nativeExtensionsProvider) {
-      initOnJSVMThread();
-
-      {
-        SystraceSection s("nativeModuleProxy object");
-        installGlobalProxy(m_context, "nativeModuleProxy",
-                           exceptionWrapMethod<&JSCExecutor::getNativeModule>());
+template <JSValueRef (
+    JSCExecutor::*method)(JSObjectRef object, JSStringRef propertyName)>
+inline JSObjectGetPropertyCallback exceptionWrapMethod() {
+  struct funcWrapper {
+    static JSValueRef call(
+        JSContextRef ctx,
+        JSObjectRef object,
+        JSStringRef propertyName,
+        JSValueRef* exception) {
+      try {
+        auto executor = Object::getGlobalObject(ctx).getPrivate<JSCExecutor>();
+        if (executor &&
+            executor->getJavaScriptContext()) { // Executor not invalidated
+          return (executor->*method)(object, propertyName);
+        }
+      } catch (...) {
+        *exception = translatePendingCppExceptionToJSError(ctx, object);
       }
-      installGlobalProxy(m_context, "nativeExtensions",
-                         exceptionWrapMethod<&JSCExecutor::getNativeExtension>());
+      return Value::makeUndefined(ctx);
     }
+  };
 
-    JSCExecutor::~JSCExecutor() {
-      CHECK(*m_isDestroyed) << "JSCExecutor::destroy() must be called before its destructor!";
-    }
+  return &funcWrapper::call;
+}
 
-    void JSCExecutor::destroy() {
-      *m_isDestroyed = true;
-      if (m_messageQueueThread.get()) {
-        m_messageQueueThread->runOnQueueSync([this] () {
-          terminateOnJSVMThread();
-        });
-      } else {
-        terminateOnJSVMThread();
-      }
-    }
+} // namespace
 
-    void JSCExecutor::setContextName(const std::string& name) {
-      String jsName = String(m_context, name.c_str());
-      JSC_JSGlobalContextSetName(m_context, jsName);
-    }
+#if DEBUG
+static JSValueRef nativeInjectHMRUpdate(
+    JSContextRef ctx,
+    JSObjectRef function,
+    JSObjectRef thisObject,
+    size_t argumentCount,
+    const JSValueRef arguments[],
+    JSValueRef* exception) {
+  String execJSString = Value(ctx, arguments[0]).toString();
+  String jsURL = Value(ctx, arguments[1]).toString();
+  evaluateScript(ctx, execJSString, jsURL);
+  return Value::makeUndefined(ctx);
+}
+#endif
 
-    static bool canUseInspector(JSContextRef context) {
+std::unique_ptr<JSExecutor> JSCExecutorFactory::createJSExecutor(
+    std::shared_ptr<ExecutorDelegate> delegate,
+    std::shared_ptr<MessageQueueThread> jsQueue) {
+  return folly::make_unique<JSCExecutor>(
+      delegate, jsQueue, m_jscConfig);
+}
+
+JSCExecutor::JSCExecutor(
+    std::shared_ptr<ExecutorDelegate> delegate,
+    std::shared_ptr<MessageQueueThread> messageQueueThread,
+    const folly::dynamic& jscConfig) throw(JSException)
+    : m_delegate(delegate),
+      m_messageQueueThread(messageQueueThread),
+      m_nativeModules(delegate ? delegate->getModuleRegistry() : nullptr),
+      m_jscConfig(jscConfig) {
+  initOnJSVMThread();
+
+  {
+    SystraceSection s("nativeModuleProxy object");
+    installGlobalProxy(
+        m_context,
+        "nativeModuleProxy",
+        exceptionWrapMethod<&JSCExecutor::getNativeModule>());
+  }
+}
+
+JSCExecutor::~JSCExecutor() {
+  CHECK(*m_isDestroyed)
+      << "JSCExecutor::destroy() must be called before its destructor!";
+}
+
+void JSCExecutor::destroy() {
+  *m_isDestroyed = true;
+  if (m_messageQueueThread.get()) {
+    m_messageQueueThread->runOnQueueSync([this]() { terminateOnJSVMThread(); });
+  } else {
+    terminateOnJSVMThread();
+  }
+}
+
+void JSCExecutor::setContextName(const std::string& name) {
+  String jsName = String(m_context, name.c_str());
+  JSC_JSGlobalContextSetName(m_context, jsName);
+}
+
+static bool canUseInspector(JSContextRef context) {
 #ifdef WITH_INSPECTOR
 #if defined(__APPLE__)
-      return isCustomJSCPtr(context); // WITH_INSPECTOR && Apple
+  return isCustomJSCPtr(context); // WITH_INSPECTOR && Apple
 #else
-      return true; // WITH_INSPECTOR && Android
+  return true; // WITH_INSPECTOR && Android
 #endif
 #else
-      return false; // !WITH_INSPECTOR
+  return false; // !WITH_INSPECTOR
 #endif
-    }
+}
 
-    static bool canUseSamplingProfiler(JSContextRef context) {
+static bool canUseSamplingProfiler(JSContextRef context) {
 #if defined(__APPLE__) || defined(WITH_JSC_EXTRA_TRACING)
-      return JSC_JSSamplingProfilerEnabled(context);
+  return JSC_JSSamplingProfilerEnabled(context);
 #else
-      return false;
+  return false;
 #endif
-    }
+}
 
-    void JSCExecutor::initOnJSVMThread() throw(JSException) {
-      SystraceSection s("JSCExecutor::initOnJSVMThread");
+void JSCExecutor::initOnJSVMThread() throw(JSException) {
+  SystraceSection s("JSCExecutor::initOnJSVMThread");
 
 #if defined(__APPLE__)
-      const bool useCustomJSC = m_jscConfig.getDefault("UseCustomJSC", false).getBool();
-      if (useCustomJSC) {
-        JSC_configureJSCForIOS(true, toJson(m_jscConfig));
-      }
+  const bool useCustomJSC =
+      m_jscConfig.getDefault("UseCustomJSC", false).getBool();
+  if (useCustomJSC) {
+    JSC_configureJSCForIOS(true, toJson(m_jscConfig));
+  }
 #else
-      const bool useCustomJSC = false;
+  const bool useCustomJSC = false;
 #endif
 
 #if defined(WITH_FB_JSC_TUNING) && defined(__ANDROID__)
-      configureJSCForAndroid(m_jscConfig);
+  configureJSCForAndroid(m_jscConfig);
 #endif
 
-      // Create a custom global class, so we can store data in it later using JSObjectSetPrivate
-      JSClassRef globalClass = nullptr;
-      {
-        SystraceSection s_("JSClassCreate");
-        JSClassDefinition definition = kJSClassDefinitionEmpty;
-        definition.attributes |= kJSClassAttributeNoAutomaticPrototype;
-        globalClass = JSC_JSClassCreate(useCustomJSC, &definition);
-      }
-      {
-        SystraceSection s_("JSGlobalContextCreateInGroup");
-        m_context = JSC_JSGlobalContextCreateInGroup(useCustomJSC, nullptr, globalClass);
-      }
-      JSC_JSClassRelease(useCustomJSC, globalClass);
-
-      // Add a pointer to ourselves so we can retrieve it later in our hooks
-      Object::getGlobalObject(m_context).setPrivate(this);
-
-      if (canUseInspector(m_context)) {
-        const std::string ownerId = m_jscConfig.getDefault("OwnerIdentity", "unknown").getString();
-        const std::string appId = m_jscConfig.getDefault("AppIdentity", "unknown").getString();
-        const std::string deviceId = m_jscConfig.getDefault("DeviceIdentity", "unknown").getString();
-        auto checkIsInspectedRemote = [ownerId, appId, deviceId]() {
-          return isNetworkInspected(ownerId, appId, deviceId);
-        };
-
-        auto& globalInspector = facebook::react::getInspectorInstance();
-        JSC_JSGlobalContextEnableDebugger(m_context, globalInspector, ownerId.c_str(), checkIsInspectedRemote);
-      }
-
-      installNativeHook<&JSCExecutor::nativeFlushQueueImmediate>("nativeFlushQueueImmediate");
-      installNativeHook<&JSCExecutor::nativeCallSyncHook>("nativeCallSyncHook");
-
-      installGlobalFunction(m_context, "nativeLoggingHook", JSCNativeHooks::loggingHook);
-      installGlobalFunction(m_context, "nativePerformanceNow", JSCNativeHooks::nowHook);
+  // Create a custom global class, so we can store data in it later using
+  // JSObjectSetPrivate
+  JSClassRef globalClass = nullptr;
+  {
+    SystraceSection s_("JSClassCreate");
+    JSClassDefinition definition = kJSClassDefinitionEmpty;
+    definition.attributes |= kJSClassAttributeNoAutomaticPrototype;
+    globalClass = JSC_JSClassCreate(useCustomJSC, &definition);
+  }
+  {
+    SystraceSection s_("JSGlobalContextCreateInGroup");
+    m_context =
+        JSC_JSGlobalContextCreateInGroup(useCustomJSC, nullptr, globalClass);
+  }
+  JSC_JSClassRelease(useCustomJSC, globalClass);
+
+  // Add a pointer to ourselves so we can retrieve it later in our hooks
+  Object::getGlobalObject(m_context).setPrivate(this);
+
+  if (canUseInspector(m_context)) {
+    const std::string ownerId =
+        m_jscConfig.getDefault("OwnerIdentity", "unknown").getString();
+    const std::string appId =
+        m_jscConfig.getDefault("AppIdentity", "unknown").getString();
+    const std::string deviceId =
+        m_jscConfig.getDefault("DeviceIdentity", "unknown").getString();
+    auto checkIsInspectedRemote = [ownerId, appId, deviceId]() {
+      return isNetworkInspected(ownerId, appId, deviceId);
+    };
+
+    auto& globalInspector = facebook::react::getInspectorInstance();
+    JSC_JSGlobalContextEnableDebugger(
+        m_context, globalInspector, ownerId.c_str(), checkIsInspectedRemote);
+  }
+
+  installNativeHook<&JSCExecutor::nativeFlushQueueImmediate>(
+      "nativeFlushQueueImmediate");
+  installNativeHook<&JSCExecutor::nativeCallSyncHook>("nativeCallSyncHook");
+
+  installGlobalFunction(
+      m_context, "nativeLoggingHook", JSCNativeHooks::loggingHook);
+  installGlobalFunction(
+      m_context, "nativePerformanceNow", JSCNativeHooks::nowHook);
 
 #if DEBUG
-      installGlobalFunction(m_context, "nativeInjectHMRUpdate", nativeInjectHMRUpdate);
+  installGlobalFunction(
+      m_context, "nativeInjectHMRUpdate", nativeInjectHMRUpdate);
 #endif
 
-      addNativeTracingHooks(m_context);
-      addNativeTracingLegacyHooks(m_context);
-      addJSCMemoryHooks(m_context);
-      addJSCPerfStatsHooks(m_context);
+  addNativeTracingHooks(m_context);
+  addNativeTracingLegacyHooks(m_context);
+  addJSCMemoryHooks(m_context);
+  addJSCPerfStatsHooks(m_context);
 
-      JSCNativeHooks::installPerfHooks(m_context);
+  JSCNativeHooks::installPerfHooks(m_context);
 
-      if (canUseSamplingProfiler(m_context)) {
-        initSamplingProfilerOnMainJSCThread(m_context);
-      }
-    }
+  if (canUseSamplingProfiler(m_context)) {
+    initSamplingProfilerOnMainJSCThread(m_context);
+  }
+}
 
-    bool JSCExecutor::isNetworkInspected(const std::string &owner, const std::string &app, const std::string &device) {
+bool JSCExecutor::isNetworkInspected(
+    const std::string& owner,
+    const std::string& app,
+    const std::string& device) {
 #ifdef WITH_FB_DBG_ATTACH_BEFORE_EXEC
-      auto connect_socket = [](int socket_desc, std::string address, int port) {
-        if (socket_desc < 0) {
-          ::close(socket_desc);
-          return false;
-        }
-
-        struct timeval tv;
-        tv.tv_sec = 1;
-        tv.tv_usec = 0;
-        auto sock_opt_rcv_resp = setsockopt(socket_desc, SOL_SOCKET, SO_RCVTIMEO, (const char*)&tv, sizeof(struct timeval));
-        if (sock_opt_rcv_resp < 0) {
-          ::close(socket_desc);
-          return false;
-        }
-
-        auto sock_opt_snd_resp = setsockopt(socket_desc, SOL_SOCKET, SO_SNDTIMEO, (const char*)&tv, sizeof(struct timeval));
-        if (sock_opt_snd_resp < 0) {
-          ::close(socket_desc);
-          return false;
-        }
-
-        struct sockaddr_in server;
-        server.sin_addr.s_addr = inet_addr(address.c_str());
-        server.sin_family = AF_INET;
-        server.sin_port = htons(port);
-        auto connect_resp = ::connect(socket_desc, (struct sockaddr *)&server, sizeof(server));
-        if (connect_resp < 0) {
-          ::close(socket_desc);
-          return false;
-        }
-
-        return true;
-      };
-
-      int socket_desc = socket(AF_INET, SOCK_STREAM, 0);
-
-      if (!connect_socket(socket_desc, "127.0.0.1", 8082)) {
-#if defined(__ANDROID__)
-        socket_desc = socket(AF_INET, SOCK_STREAM, 0);
-        if (!connect_socket(socket_desc, "10.0.2.2", 8082) /* emulator */) {
-          socket_desc = socket(AF_INET, SOCK_STREAM, 0);
-          if (!connect_socket(socket_desc, "10.0.3.2", 8082) /* genymotion */) {
-            return false;
-          }
-        }
-#else //!defined(__ANDROID__)
-        return false;
-#endif //defined(__ANDROID__)
-      }
+  auto connect_socket = [](int socket_desc, std::string address, int port) {
+    if (socket_desc < 0) {
+      ::close(socket_desc);
+      return false;
+    }
 
-      std::string escapedOwner = folly::uriEscape<std::string>(owner, folly::UriEscapeMode::QUERY);
-      std::string escapedApp = folly::uriEscape<std::string>(app, folly::UriEscapeMode::QUERY);
-      std::string escapedDevice = folly::uriEscape<std::string>(device, folly::UriEscapeMode::QUERY);
-      std::string msg = folly::to<std::string>(
-        "GET /autoattach?title=", escapedOwner,
-        "&app=" , escapedApp,
-        "&device=" , escapedDevice,
-        " HTTP/1.1\r\n\r\n");
-      auto send_resp = ::send(socket_desc, msg.c_str(), msg.length(), 0);
-      if (send_resp < 0) {
-        ::close(socket_desc);
-        return false;
-      }
+    struct timeval tv;
+    tv.tv_sec = 1;
+    tv.tv_usec = 0;
+    auto sock_opt_rcv_resp = setsockopt(
+        socket_desc,
+        SOL_SOCKET,
+        SO_RCVTIMEO,
+        (const char*)&tv,
+        sizeof(struct timeval));
+    if (sock_opt_rcv_resp < 0) {
+      ::close(socket_desc);
+      return false;
+    }
 
-      char server_reply[200];
-      server_reply[199] = '\0';
-      auto recv_resp = ::recv(socket_desc, server_reply,
-                              sizeof(server_reply) - 1, 0);
-      if (recv_resp < 0) {
-        ::close(socket_desc);
-        return false;
-      }
+    auto sock_opt_snd_resp = setsockopt(
+        socket_desc,
+        SOL_SOCKET,
+        SO_SNDTIMEO,
+        (const char*)&tv,
+        sizeof(struct timeval));
+    if (sock_opt_snd_resp < 0) {
+      ::close(socket_desc);
+      return false;
+    }
 
-      std::string response(server_reply);
-      if (response.size() < 25) {
-        ::close(socket_desc);
-        return false;
-      }
-      auto responseCandidate = response.substr(response.size() - 25);
-      auto found = responseCandidate.find("{\"autoattach\":true}") != std::string::npos;
+    struct sockaddr_in server;
+    server.sin_addr.s_addr = inet_addr(address.c_str());
+    server.sin_family = AF_INET;
+    server.sin_port = htons(port);
+    auto connect_resp =
+        ::connect(socket_desc, (struct sockaddr*)&server, sizeof(server));
+    if (connect_resp < 0) {
       ::close(socket_desc);
-      return found;
-#else //!WITH_FB_DBG_ATTACH_BEFORE_EXEC
       return false;
-#endif //WITH_FB_DBG_ATTACH_BEFORE_EXEC
     }
 
-    void JSCExecutor::terminateOnJSVMThread() {
-      JSGlobalContextRef context = m_context;
-      m_context = nullptr;
-      Object::getGlobalObject(context).setPrivate(nullptr);
-      m_nativeModules.reset();
+    return true;
+  };
 
-      if (canUseInspector(context)) {
-        auto &globalInspector = facebook::react::getInspectorInstance();
-        JSC_JSGlobalContextDisableDebugger(context, globalInspector);
-      }
+  int socket_desc = socket(AF_INET, SOCK_STREAM, 0);
 
-      JSC_JSGlobalContextRelease(context);
+  if (!connect_socket(socket_desc, "127.0.0.1", 8082)) {
+#if defined(__ANDROID__)
+    socket_desc = socket(AF_INET, SOCK_STREAM, 0);
+    if (!connect_socket(socket_desc, "10.0.2.2", 8082) /* emulator */) {
+      socket_desc = socket(AF_INET, SOCK_STREAM, 0);
+      if (!connect_socket(socket_desc, "10.0.3.2", 8082) /* genymotion */) {
+        return false;
+      }
     }
+#else //! defined(__ANDROID__)
+    return false;
+#endif // defined(__ANDROID__)
+  }
+
+  std::string escapedOwner =
+      folly::uriEscape<std::string>(owner, folly::UriEscapeMode::QUERY);
+  std::string escapedApp =
+      folly::uriEscape<std::string>(app, folly::UriEscapeMode::QUERY);
+  std::string escapedDevice =
+      folly::uriEscape<std::string>(device, folly::UriEscapeMode::QUERY);
+  std::string msg = folly::to<std::string>(
+      "GET /autoattach?title=",
+      escapedOwner,
+      "&app=",
+      escapedApp,
+      "&device=",
+      escapedDevice,
+      " HTTP/1.1\r\n\r\n");
+  auto send_resp = ::send(socket_desc, msg.c_str(), msg.length(), 0);
+  if (send_resp < 0) {
+    ::close(socket_desc);
+    return false;
+  }
+
+  char server_reply[200];
+  server_reply[199] = '\0';
+  auto recv_resp =
+      ::recv(socket_desc, server_reply, sizeof(server_reply) - 1, 0);
+  if (recv_resp < 0) {
+    ::close(socket_desc);
+    return false;
+  }
+
+  std::string response(server_reply);
+  if (response.size() < 25) {
+    ::close(socket_desc);
+    return false;
+  }
+  auto responseCandidate = response.substr(response.size() - 25);
+  auto found =
+      responseCandidate.find("{\"autoattach\":true}") != std::string::npos;
+  ::close(socket_desc);
+  return found;
+#else //! WITH_FB_DBG_ATTACH_BEFORE_EXEC
+  return false;
+#endif // WITH_FB_DBG_ATTACH_BEFORE_EXEC
+}
+
+void JSCExecutor::terminateOnJSVMThread() {
+  JSGlobalContextRef context = m_context;
+  m_context = nullptr;
+  Object::getGlobalObject(context).setPrivate(nullptr);
+  m_nativeModules.reset();
+
+  if (canUseInspector(context)) {
+    auto& globalInspector = facebook::react::getInspectorInstance();
+    JSC_JSGlobalContextDisableDebugger(context, globalInspector);
+  }
+
+  JSC_JSGlobalContextRelease(context);
+}
 
 #ifdef WITH_FBJSCEXTENSIONS
-    static const char* explainLoadSourceStatus(JSLoadSourceStatus status) {
-      switch (status) {
-        case JSLoadSourceIsCompiled:
-          return "No error encountered during source load";
+static const char* explainLoadSourceStatus(JSLoadSourceStatus status) {
+  switch (status) {
+    case JSLoadSourceIsCompiled:
+      return "No error encountered during source load";
 
-        case JSLoadSourceErrorOnRead:
-          return "Error reading source";
+    case JSLoadSourceErrorOnRead:
+      return "Error reading source";
 
-        case JSLoadSourceIsNotCompiled:
-          return "Source is not compiled";
+    case JSLoadSourceIsNotCompiled:
+      return "Source is not compiled";
 
-        case JSLoadSourceErrorVersionMismatch:
-          return "Source version not supported";
+    case JSLoadSourceErrorVersionMismatch:
+      return "Source version not supported";
 
-        default:
-          return "Bad error code";
-      }
-    }
+    default:
+      return "Bad error code";
+  }
+}
 #endif
 
-    // basename_r isn't in all iOS SDKs, so use this simple version instead.
-    static std::string simpleBasename(const std::string &path) {
-      size_t pos = path.rfind("/");
-      return (pos != std::string::npos) ? path.substr(pos) : path;
-    }
+// basename_r isn't in all iOS SDKs, so use this simple version instead.
+static std::string simpleBasename(const std::string& path) {
+  size_t pos = path.rfind("/");
+  return (pos != std::string::npos) ? path.substr(pos) : path;
+}
 
-    void JSCExecutor::loadApplicationScript(std::unique_ptr<const JSBigString> script, std::string sourceURL) {
-      SystraceSection s("JSCExecutor::loadApplicationScript",
-                        "sourceURL", sourceURL);
+void JSCExecutor::loadApplicationScript(
+    std::unique_ptr<const JSBigString> script,
+    std::string sourceURL) {
+  SystraceSection s(
+      "JSCExecutor::loadApplicationScript", "sourceURL", sourceURL);
 
-      std::string scriptName = simpleBasename(sourceURL);
-      ReactMarker::logTaggedMarker(ReactMarker::RUN_JS_BUNDLE_START, scriptName.c_str());
-      String jsSourceURL(m_context, sourceURL.c_str());
+  std::string scriptName = simpleBasename(sourceURL);
+  ReactMarker::logTaggedMarker(
+      ReactMarker::RUN_JS_BUNDLE_START, scriptName.c_str());
+  String jsSourceURL(m_context, sourceURL.c_str());
 
-      // TODO t15069155: reduce the number of overrides here
+// TODO t15069155: reduce the number of overrides here
 #ifdef WITH_FBJSCEXTENSIONS
-      if (auto fileStr = dynamic_cast<const JSBigFileString *>(script.get())) {
-        JSContextLock lock(m_context);
-        JSLoadSourceStatus jsStatus;
-        auto bcSourceCode = JSCreateSourceCodeFromFile(fileStr->fd(), jsSourceURL, nullptr, &jsStatus);
-
-        switch (jsStatus) {
-          case JSLoadSourceIsCompiled:
-            if (!bcSourceCode) {
-              throw std::runtime_error("Unexpected error opening compiled bundle");
-            }
-            evaluateSourceCode(m_context, bcSourceCode, jsSourceURL);
-
-            flush();
-
-            ReactMarker::logMarker(ReactMarker::CREATE_REACT_CONTEXT_STOP);
-            ReactMarker::logTaggedMarker(ReactMarker::RUN_JS_BUNDLE_STOP, scriptName.c_str());
-            return;
-
-          case JSLoadSourceErrorVersionMismatch:
-            throw RecoverableError(explainLoadSourceStatus(jsStatus));
-
-          case JSLoadSourceErrorOnRead:
-          case JSLoadSourceIsNotCompiled:
-            // Not bytecode, fall through.
-            break;
-        }
-      }
-#elif defined(__APPLE__)
-      BundleHeader header;
-      memcpy(&header, script->c_str(), std::min(script->size(), sizeof(BundleHeader)));
-      auto scriptTag = parseTypeFromHeader(header);
-
-      if (scriptTag == ScriptTag::BCBundle) {
-        using file_ptr = std::unique_ptr<FILE, decltype(&fclose)>;
-        file_ptr source(fopen(sourceURL.c_str(), "r"), fclose);
-        int sourceFD = fileno(source.get());
-
-        JSValueRef jsError;
-        JSValueRef result = JSC_JSEvaluateBytecodeBundle(m_context, NULL, sourceFD, jsSourceURL, &jsError);
-        if (result == nullptr) {
-          throw JSException(m_context, jsError, jsSourceURL);
-        }
-      } else
-#endif
-      {
-        String jsScript;
-        JSContextLock lock(m_context);
-        {
-          SystraceSection s_("JSCExecutor::loadApplicationScript-createExpectingAscii");
-          ReactMarker::logMarker(ReactMarker::JS_BUNDLE_STRING_CONVERT_START);
-          jsScript = adoptString(std::move(script));
-          ReactMarker::logMarker(ReactMarker::JS_BUNDLE_STRING_CONVERT_STOP);
+  if (auto fileStr = dynamic_cast<const JSBigFileString*>(script.get())) {
+    JSContextLock lock(m_context);
+    JSLoadSourceStatus jsStatus;
+    auto bcSourceCode = JSCreateSourceCodeFromFile(
+        fileStr->fd(), jsSourceURL, nullptr, &jsStatus);
+
+    switch (jsStatus) {
+      case JSLoadSourceIsCompiled:
+        if (!bcSourceCode) {
+          throw std::runtime_error("Unexpected error opening compiled bundle");
         }
+        evaluateSourceCode(m_context, bcSourceCode, jsSourceURL);
 
-        SystraceSection s_("JSCExecutor::loadApplicationScript-evaluateScript");
-        evaluateScript(m_context, jsScript, jsSourceURL);
-      }
+        flush();
 
-      flush();
+        ReactMarker::logMarker(ReactMarker::CREATE_REACT_CONTEXT_STOP);
+        ReactMarker::logTaggedMarker(
+            ReactMarker::RUN_JS_BUNDLE_STOP, scriptName.c_str());
+        return;
 
-      ReactMarker::logMarker(ReactMarker::CREATE_REACT_CONTEXT_STOP);
-      ReactMarker::logTaggedMarker(ReactMarker::RUN_JS_BUNDLE_STOP, scriptName.c_str());
-    }
+      case JSLoadSourceErrorVersionMismatch:
+        throw RecoverableError(explainLoadSourceStatus(jsStatus));
 
-    void JSCExecutor::setBundleRegistry(std::unique_ptr<RAMBundleRegistry> bundleRegistry) {
-      if (!m_bundleRegistry) {
-        installNativeHook<&JSCExecutor::nativeRequire>("nativeRequire");
-      }
-      m_bundleRegistry = std::move(bundleRegistry);
+      case JSLoadSourceErrorOnRead:
+      case JSLoadSourceIsNotCompiled:
+        // Not bytecode, fall through.
+        break;
     }
-
-    void JSCExecutor::registerBundle(uint32_t bundleId, const std::string& bundlePath) {
-      if (m_bundleRegistry) {
-        m_bundleRegistry->registerBundle(bundleId, bundlePath);
-      } else {
-        auto sourceUrl = String(m_context, bundlePath.c_str());
-        auto source = adoptString(JSBigFileString::fromPath(bundlePath));
-        evaluateScript(m_context, source, sourceUrl);
+  }
+#elif defined(__APPLE__)
+  BundleHeader header;
+  memcpy(
+      &header, script->c_str(), std::min(script->size(), sizeof(BundleHeader)));
+  auto scriptTag = parseTypeFromHeader(header);
+
+  if (scriptTag == ScriptTag::BCBundle) {
+    using file_ptr = std::unique_ptr<FILE, decltype(&fclose)>;
+    file_ptr source(fopen(sourceURL.c_str(), "r"), fclose);
+    int sourceFD = fileno(source.get());
+
+    JSValueRef jsError;
+    JSValueRef result = JSC_JSEvaluateBytecodeBundle(
+        m_context, NULL, sourceFD, jsSourceURL, &jsError);
+    if (result == nullptr) {
+      throw JSException(m_context, jsError, jsSourceURL);
+    }
+  } else
+#endif
+  {
+    String jsScript;
+    JSContextLock lock(m_context);
+    {
+      SystraceSection s_(
+          "JSCExecutor::loadApplicationScript-createExpectingAscii");
+      ReactMarker::logMarker(ReactMarker::JS_BUNDLE_STRING_CONVERT_START);
+      jsScript = adoptString(std::move(script));
+      ReactMarker::logMarker(ReactMarker::JS_BUNDLE_STRING_CONVERT_STOP);
+    }
+
+    SystraceSection s_("JSCExecutor::loadApplicationScript-evaluateScript");
+    evaluateScript(m_context, jsScript, jsSourceURL);
+  }
+
+  flush();
+
+  ReactMarker::logMarker(ReactMarker::CREATE_REACT_CONTEXT_STOP);
+  ReactMarker::logTaggedMarker(
+      ReactMarker::RUN_JS_BUNDLE_STOP, scriptName.c_str());
+}
+
+void JSCExecutor::setBundleRegistry(
+    std::unique_ptr<RAMBundleRegistry> bundleRegistry) {
+  if (!m_bundleRegistry) {
+    installNativeHook<&JSCExecutor::nativeRequire>("nativeRequire");
+  }
+  m_bundleRegistry = std::move(bundleRegistry);
+}
+
+void JSCExecutor::registerBundle(
+    uint32_t bundleId,
+    const std::string& bundlePath) {
+  if (m_bundleRegistry) {
+    m_bundleRegistry->registerBundle(bundleId, bundlePath);
+  } else {
+    auto stPath = JSCExecutor::getSyntheticBundlePath(bundleId, bundlePath);
+    auto sourceUrlStr = String(m_context, stPath.c_str());
+    auto source = adoptString(JSBigFileString::fromPath(bundlePath));
+    evaluateScript(m_context, source, sourceUrlStr);
+  }
+}
+
+void JSCExecutor::bindBridge() throw(JSException) {
+  SystraceSection s("JSCExecutor::bindBridge");
+  std::call_once(m_bindFlag, [this] {
+    auto global = Object::getGlobalObject(m_context);
+    auto batchedBridgeValue = global.getProperty("__fbBatchedBridge");
+    if (batchedBridgeValue.isUndefined()) {
+      auto requireBatchedBridge =
+          global.getProperty("__fbRequireBatchedBridge");
+      if (!requireBatchedBridge.isUndefined()) {
+        batchedBridgeValue = requireBatchedBridge.asObject().callAsFunction({});
       }
-    }
-
-    void JSCExecutor::bindBridge() throw(JSException) {
-      SystraceSection s("JSCExecutor::bindBridge");
-      std::call_once(m_bindFlag, [this] {
-        auto global = Object::getGlobalObject(m_context);
-        auto batchedBridgeValue = global.getProperty("__fbBatchedBridge");
-        if (batchedBridgeValue.isUndefined()) {
-          auto requireBatchedBridge = global.getProperty("__fbRequireBatchedBridge");
-          if (!requireBatchedBridge.isUndefined()) {
-            batchedBridgeValue = requireBatchedBridge.asObject().callAsFunction({});
-          }
-          if (batchedBridgeValue.isUndefined()) {
-            throw JSException("Could not get BatchedBridge, make sure your bundle is packaged correctly");
-          }
-        }
-
-        auto batchedBridge = batchedBridgeValue.asObject();
-        m_callFunctionReturnFlushedQueueJS = batchedBridge.getProperty("callFunctionReturnFlushedQueue").asObject();
-        m_invokeCallbackAndReturnFlushedQueueJS = batchedBridge.getProperty("invokeCallbackAndReturnFlushedQueue").asObject();
-        m_flushedQueueJS = batchedBridge.getProperty("flushedQueue").asObject();
-        m_callFunctionReturnResultAndFlushedQueueJS = batchedBridge.getProperty("callFunctionReturnResultAndFlushedQueue").asObject();
-      });
-    }
-
-    void JSCExecutor::callNativeModules(Value&& value) {
-      SystraceSection s("JSCExecutor::callNativeModules");
-      // If this fails, you need to pass a fully functional delegate with a
-      // module registry to the factory/ctor.
-      CHECK(m_delegate) << "Attempting to use native modules without a delegate";
-      try {
-        auto calls = value.toJSONString();
-        m_delegate->callNativeModules(*this, folly::parseJson(calls), true);
-      } catch (...) {
-        std::string message = "Error in callNativeModules()";
-        try {
-          message += ":" + value.toString().str();
-        } catch (...) {
-          // ignored
-        }
-        std::throw_with_nested(std::runtime_error(message));
+      if (batchedBridgeValue.isUndefined()) {
+        throw JSException(
+            "Could not get BatchedBridge, make sure your bundle is packaged correctly");
       }
     }
 
-    void JSCExecutor::flush() {
-      SystraceSection s("JSCExecutor::flush");
-
-      if (m_flushedQueueJS) {
-        callNativeModules(m_flushedQueueJS->callAsFunction({}));
-        return;
-      }
-
-      // When a native module is called from JS, BatchedBridge.enqueueNativeCall()
-      // is invoked.  For that to work, require('BatchedBridge') has to be called,
-      // and when that happens, __fbBatchedBridge is set as a side effect.
-      auto global = Object::getGlobalObject(m_context);
-      auto batchedBridgeValue = global.getProperty("__fbBatchedBridge");
-      // So here, if __fbBatchedBridge doesn't exist, then we know no native calls
-      // have happened, and we were able to determine this without forcing
-      // BatchedBridge to be loaded as a side effect.
-      if (!batchedBridgeValue.isUndefined()) {
-        // If calls were made, we bind to the JS bridge methods, and use them to
-        // get the pending queue of native calls.
+    auto batchedBridge = batchedBridgeValue.asObject();
+    m_callFunctionReturnFlushedQueueJS =
+        batchedBridge.getProperty("callFunctionReturnFlushedQueue").asObject();
+    m_invokeCallbackAndReturnFlushedQueueJS =
+        batchedBridge.getProperty("invokeCallbackAndReturnFlushedQueue")
+            .asObject();
+    m_flushedQueueJS = batchedBridge.getProperty("flushedQueue").asObject();
+    m_callFunctionReturnResultAndFlushedQueueJS =
+        batchedBridge.getProperty("callFunctionReturnResultAndFlushedQueue")
+            .asObject();
+  });
+}
+
+void JSCExecutor::callNativeModules(Value&& value) {
+  SystraceSection s("JSCExecutor::callNativeModules");
+  // If this fails, you need to pass a fully functional delegate with a
+  // module registry to the factory/ctor.
+  CHECK(m_delegate) << "Attempting to use native modules without a delegate";
+  try {
+    auto calls = value.toJSONString();
+    m_delegate->callNativeModules(*this, folly::parseJson(calls), true);
+  } catch (...) {
+    std::string message = "Error in callNativeModules()";
+    try {
+      message += ":" + value.toString().str();
+    } catch (...) {
+      // ignored
+    }
+    std::throw_with_nested(std::runtime_error(message));
+  }
+}
+
+void JSCExecutor::flush() {
+  SystraceSection s("JSCExecutor::flush");
+
+  if (m_flushedQueueJS) {
+    callNativeModules(m_flushedQueueJS->callAsFunction({}));
+    return;
+  }
+
+  // When a native module is called from JS, BatchedBridge.enqueueNativeCall()
+  // is invoked.  For that to work, require('BatchedBridge') has to be called,
+  // and when that happens, __fbBatchedBridge is set as a side effect.
+  auto global = Object::getGlobalObject(m_context);
+  auto batchedBridgeValue = global.getProperty("__fbBatchedBridge");
+  // So here, if __fbBatchedBridge doesn't exist, then we know no native calls
+  // have happened, and we were able to determine this without forcing
+  // BatchedBridge to be loaded as a side effect.
+  if (!batchedBridgeValue.isUndefined()) {
+    // If calls were made, we bind to the JS bridge methods, and use them to
+    // get the pending queue of native calls.
+    bindBridge();
+    callNativeModules(m_flushedQueueJS->callAsFunction({}));
+  } else if (m_delegate) {
+    // If we have a delegate, we need to call it; we pass a null list to
+    // callNativeModules, since we know there are no native calls, without
+    // calling into JS again.  If no calls were made and there's no delegate,
+    // nothing happens, which is correct.
+    callNativeModules(Value::makeNull(m_context));
+  }
+}
+
+void JSCExecutor::callFunction(
+    const std::string& moduleId,
+    const std::string& methodId,
+    const folly::dynamic& arguments) {
+  SystraceSection s("JSCExecutor::callFunction");
+  // This weird pattern is because Value is not default constructible.
+  // The lambda is inlined, so there's no overhead.
+  auto result = [&] {
+    JSContextLock lock(m_context);
+    try {
+      if (!m_callFunctionReturnResultAndFlushedQueueJS) {
         bindBridge();
-        callNativeModules(m_flushedQueueJS->callAsFunction({}));
-      } else if (m_delegate) {
-        // If we have a delegate, we need to call it; we pass a null list to
-        // callNativeModules, since we know there are no native calls, without
-        // calling into JS again.  If no calls were made and there's no delegate,
-        // nothing happens, which is correct.
-        callNativeModules(Value::makeNull(m_context));
       }
-    }
-
-    void JSCExecutor::callFunction(const std::string& moduleId, const std::string& methodId, const folly::dynamic& arguments) {
-      SystraceSection s("JSCExecutor::callFunction");
-      // This weird pattern is because Value is not default constructible.
-      // The lambda is inlined, so there's no overhead.
-      auto result = [&] {
-        JSContextLock lock(m_context);
-        try {
-          if (!m_callFunctionReturnResultAndFlushedQueueJS) {
-            bindBridge();
-          }
-          return m_callFunctionReturnFlushedQueueJS->callAsFunction({
-            Value(m_context, String::createExpectingAscii(m_context, moduleId)),
-            Value(m_context, String::createExpectingAscii(m_context, methodId)),
-            Value::fromDynamic(m_context, std::move(arguments))
-          });
-        } catch (...) {
-          std::throw_with_nested(
-                                 std::runtime_error("Error calling " + moduleId + "." + methodId));
-        }
-      }();
-      callNativeModules(std::move(result));
-    }
-
-    void JSCExecutor::invokeCallback(const double callbackId, const folly::dynamic& arguments) {
-      SystraceSection s("JSCExecutor::invokeCallback");
-      auto result = [&] {
-        JSContextLock lock(m_context);
-        try {
-          if (!m_invokeCallbackAndReturnFlushedQueueJS) {
-            bindBridge();
-          }
-          return m_invokeCallbackAndReturnFlushedQueueJS->callAsFunction({
-            Value::makeNumber(m_context, callbackId),
-            Value::fromDynamic(m_context, std::move(arguments))
-          });
-        } catch (...) {
-          std::throw_with_nested(
-                                 std::runtime_error(folly::to<std::string>("Error invoking callback ", callbackId)));
-        }
-      }();
-      callNativeModules(std::move(result));
-    }
-
-    void JSCExecutor::setGlobalVariable(std::string propName, std::unique_ptr<const JSBigString> jsonValue) {
-      try {
-        SystraceSection s("JSCExecutor::setGlobalVariable", "propName", propName);
-        auto valueToInject = Value::fromJSON(adoptString(std::move(jsonValue)));
-        Object::getGlobalObject(m_context).setProperty(propName.c_str(), valueToInject);
-      } catch (...) {
-        std::throw_with_nested(std::runtime_error("Error setting global variable: " + propName));
+      return m_callFunctionReturnFlushedQueueJS->callAsFunction(
+          {Value(m_context, String::createExpectingAscii(m_context, moduleId)),
+           Value(m_context, String::createExpectingAscii(m_context, methodId)),
+           Value::fromDynamic(m_context, std::move(arguments))});
+    } catch (...) {
+      std::throw_with_nested(
+          std::runtime_error("Error calling " + moduleId + "." + methodId));
+    }
+  }();
+  callNativeModules(std::move(result));
+}
+
+void JSCExecutor::invokeCallback(
+    const double callbackId,
+    const folly::dynamic& arguments) {
+  SystraceSection s("JSCExecutor::invokeCallback");
+  auto result = [&] {
+    JSContextLock lock(m_context);
+    try {
+      if (!m_invokeCallbackAndReturnFlushedQueueJS) {
+        bindBridge();
       }
-    }
-
-    std::string JSCExecutor::getDescription() {
+      return m_invokeCallbackAndReturnFlushedQueueJS->callAsFunction(
+          {Value::makeNumber(m_context, callbackId),
+           Value::fromDynamic(m_context, std::move(arguments))});
+    } catch (...) {
+      std::throw_with_nested(std::runtime_error(
+          folly::to<std::string>("Error invoking callback ", callbackId)));
+    }
+  }();
+  callNativeModules(std::move(result));
+}
+
+void JSCExecutor::setGlobalVariable(
+    std::string propName,
+    std::unique_ptr<const JSBigString> jsonValue) {
+  try {
+    SystraceSection s("JSCExecutor::setGlobalVariable", "propName", propName);
+    auto valueToInject = Value::fromJSON(adoptString(std::move(jsonValue)));
+    Object::getGlobalObject(m_context).setProperty(
+        propName.c_str(), valueToInject);
+  } catch (...) {
+    std::throw_with_nested(
+        std::runtime_error("Error setting global variable: " + propName));
+  }
+}
+
+std::string JSCExecutor::getDescription() {
 #if defined(__APPLE__)
-      if (isCustomJSCPtr(m_context)) {
-        return "Custom JSC";
-      } else {
-        return "System JSC";
-      }
+  if (isCustomJSCPtr(m_context)) {
+    return "Custom JSC";
+  } else {
+    return "System JSC";
+  }
 #else
-      return "JSC";
+  return "JSC";
 #endif
-    }
+}
 
-    String JSCExecutor::adoptString(std::unique_ptr<const JSBigString> script) {
+String JSCExecutor::adoptString(std::unique_ptr<const JSBigString> script) {
 #if defined(WITH_FBJSCEXTENSIONS)
-      const JSBigString* string = script.release();
-      auto jsString = JSStringCreateAdoptingExternal(string->c_str(), string->size(), (void*)string, [](void* s) {
+  const JSBigString* string = script.release();
+  auto jsString = JSStringCreateAdoptingExternal(
+      string->c_str(), string->size(), (void*)string, [](void* s) {
         delete static_cast<JSBigString*>(s);
       });
-      return String::adopt(m_context, jsString);
+  return String::adopt(m_context, jsString);
 #else
-      return script->isAscii()
-          ? String::createExpectingAscii(m_context, script->c_str(), script->size())
-          : String(m_context, script->c_str());
+  return script->isAscii()
+      ? String::createExpectingAscii(m_context, script->c_str(), script->size())
+      : String(m_context, script->c_str());
 #endif
-    }
+}
 
-    void* JSCExecutor::getJavaScriptContext() {
-      return m_context;
-    }
+void* JSCExecutor::getJavaScriptContext() {
+  return m_context;
+}
 
-    bool JSCExecutor::isInspectable() {
-      return canUseInspector(m_context);
-    }
+bool JSCExecutor::isInspectable() {
+  return canUseInspector(m_context);
+}
 
+void JSCExecutor::handleMemoryPressure(int pressureLevel) {
 #ifdef WITH_JSC_MEMORY_PRESSURE
-    void JSCExecutor::handleMemoryPressure(int pressureLevel) {
-      JSHandleMemoryPressure(this, m_context, static_cast<JSMemoryPressure>(pressureLevel));
-    }
+  JSHandleMemoryPressure(
+      this, m_context, static_cast<JSMemoryPressure>(pressureLevel));
 #endif
-
-    void JSCExecutor::flushQueueImmediate(Value&& queue) {
-      auto queueStr = queue.toJSONString();
-      m_delegate->callNativeModules(*this, folly::parseJson(queueStr), false);
-    }
-
-    void JSCExecutor::loadModule(uint32_t bundleId, uint32_t moduleId) {
-      auto module = m_bundleRegistry->getModule(bundleId, moduleId);
-      auto sourceUrl = String::createExpectingAscii(m_context, module.name);
-      auto source = adoptString(std::unique_ptr<JSBigString>(new JSBigStdString(module.code)));
-      evaluateScript(m_context, source, sourceUrl);
-    }
-
-    // Native JS hooks
-    template<JSValueRef (JSCExecutor::*method)(size_t, const JSValueRef[])>
-    void JSCExecutor::installNativeHook(const char* name) {
-      installGlobalFunction(m_context, name, exceptionWrapMethod<method>());
-    }
-
-    JSValueRef JSCExecutor::getNativeModule(JSObjectRef object, JSStringRef propertyName) {
-      if (JSC_JSStringIsEqualToUTF8CString(m_context, propertyName, "name")) {
-        return Value(m_context, String(m_context, "NativeModules"));
-      }
-
-      return m_nativeModules.getModule(m_context, propertyName);
-    }
-
-    JSValueRef JSCExecutor::getNativeExtension(JSObjectRef object, JSStringRef propertyName) {
-      if (m_nativeExtensionsProvider) {
-        folly::dynamic value = m_nativeExtensionsProvider(String::ref(m_context, propertyName).str());
-        return Value::fromDynamic(m_context, std::move(value));
-      }
-      return JSC_JSValueMakeUndefined(m_context);
-    }
-
-    JSValueRef JSCExecutor::nativeRequire(size_t count, const JSValueRef arguments[]) {
-      if (count > 2 || count == 0) {
-        throw std::invalid_argument("Got wrong number of args");
-      }
-
-      uint32_t moduleId = folly::to<uint32_t>(Value(m_context, arguments[0]).getNumberOrThrow());
-      uint32_t bundleId = count == 2 ? folly::to<uint32_t>(Value(m_context, arguments[1]).getNumberOrThrow()) : 0;
-
-      ReactMarker::logMarker(ReactMarker::NATIVE_REQUIRE_START);
-      loadModule(bundleId, moduleId);
-      ReactMarker::logMarker(ReactMarker::NATIVE_REQUIRE_STOP);
-      return Value::makeUndefined(m_context);
-    }
-
-    JSValueRef JSCExecutor::nativeFlushQueueImmediate(
-                                                      size_t argumentCount,
-                                                      const JSValueRef arguments[]) {
-      if (argumentCount != 1) {
-        throw std::invalid_argument("Got wrong number of args");
-      }
-
-      flushQueueImmediate(Value(m_context, arguments[0]));
-      return Value::makeUndefined(m_context);
-    }
-
-    JSValueRef JSCExecutor::nativeCallSyncHook(
-                                               size_t argumentCount,
-                                               const JSValueRef arguments[]) {
-      if (argumentCount != 3) {
-        throw std::invalid_argument("Got wrong number of args");
-      }
-
-      unsigned int moduleId = Value(m_context, arguments[0]).asUnsignedInteger();
-      unsigned int methodId = Value(m_context, arguments[1]).asUnsignedInteger();
-      folly::dynamic args = folly::parseJson(Value(m_context, arguments[2]).toJSONString());
-
-      if (!args.isArray()) {
-        throw std::invalid_argument(
-                                    folly::to<std::string>("method parameters should be array, but are ", args.typeName()));
-      }
-
-      MethodCallResult result = m_delegate->callSerializableNativeHook(
-                                                                       *this,
-                                                                       moduleId,
-                                                                       methodId,
-                                                                       std::move(args));
-      if (!result.hasValue()) {
-        return Value::makeUndefined(m_context);
-      }
-      return Value::fromDynamic(m_context, result.value());
-    }
-
-  } }
+}
+
+void JSCExecutor::flushQueueImmediate(Value&& queue) {
+  auto queueStr = queue.toJSONString();
+  m_delegate->callNativeModules(*this, folly::parseJson(queueStr), false);
+}
+
+void JSCExecutor::loadModule(uint32_t bundleId, uint32_t moduleId) {
+  auto module = m_bundleRegistry->getModule(bundleId, moduleId);
+  auto sourceUrl = String::createExpectingAscii(m_context, module.name);
+  auto source = adoptString(
+      std::unique_ptr<JSBigString>(new JSBigStdString(module.code)));
+  evaluateScript(m_context, source, sourceUrl);
+}
+
+// Native JS hooks
+template <JSValueRef (JSCExecutor::*method)(size_t, const JSValueRef[])>
+void JSCExecutor::installNativeHook(const char* name) {
+  installGlobalFunction(m_context, name, exceptionWrapMethod<method>());
+}
+
+JSValueRef JSCExecutor::getNativeModule(
+    JSObjectRef object,
+    JSStringRef propertyName) {
+  if (JSC_JSStringIsEqualToUTF8CString(m_context, propertyName, "name")) {
+    return Value(m_context, String(m_context, "NativeModules"));
+  }
+
+  return m_nativeModules.getModule(m_context, propertyName);
+}
+
+JSValueRef JSCExecutor::nativeRequire(
+    size_t count,
+    const JSValueRef arguments[]) {
+  if (count > 2 || count == 0) {
+    throw std::invalid_argument("Got wrong number of args");
+  }
+
+  uint32_t moduleId =
+      folly::to<uint32_t>(Value(m_context, arguments[0]).getNumberOrThrow());
+  uint32_t bundleId = count == 2
+      ? folly::to<uint32_t>(Value(m_context, arguments[1]).getNumberOrThrow())
+      : 0;
+
+  ReactMarker::logMarker(ReactMarker::NATIVE_REQUIRE_START);
+  loadModule(bundleId, moduleId);
+  ReactMarker::logMarker(ReactMarker::NATIVE_REQUIRE_STOP);
+  return Value::makeUndefined(m_context);
+}
+
+JSValueRef JSCExecutor::nativeFlushQueueImmediate(
+    size_t argumentCount,
+    const JSValueRef arguments[]) {
+  if (argumentCount != 1) {
+    throw std::invalid_argument("Got wrong number of args");
+  }
+
+  flushQueueImmediate(Value(m_context, arguments[0]));
+  return Value::makeUndefined(m_context);
+}
+
+JSValueRef JSCExecutor::nativeCallSyncHook(
+    size_t argumentCount,
+    const JSValueRef arguments[]) {
+  if (argumentCount != 3) {
+    throw std::invalid_argument("Got wrong number of args");
+  }
+
+  unsigned int moduleId = Value(m_context, arguments[0]).asUnsignedInteger();
+  unsigned int methodId = Value(m_context, arguments[1]).asUnsignedInteger();
+  folly::dynamic args =
+      folly::parseJson(Value(m_context, arguments[2]).toJSONString());
+
+  if (!args.isArray()) {
+    throw std::invalid_argument(folly::to<std::string>(
+        "method parameters should be array, but are ", args.typeName()));
+  }
+
+  MethodCallResult result = m_delegate->callSerializableNativeHook(
+      *this, moduleId, methodId, std::move(args));
+  if (!result.hasValue()) {
+    return Value::makeUndefined(m_context);
+  }
+  return Value::fromDynamic(m_context, result.value());
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/JSCExecutor.h b/ReactCommon/cxxreact/JSCExecutor.h
index 5acc967722e5ca..a52842b386d7be 100644
--- a/ReactCommon/cxxreact/JSCExecutor.h
+++ b/ReactCommon/cxxreact/JSCExecutor.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
@@ -27,15 +30,14 @@ class RAMBundleRegistry;
 
 class RN_EXPORT JSCExecutorFactory : public JSExecutorFactory {
 public:
-  JSCExecutorFactory(const folly::dynamic& jscConfig, std::function<folly::dynamic(const std::string &)> provider) :
-    m_jscConfig(jscConfig), m_nativeExtensionsProvider(provider) {}
+  JSCExecutorFactory(const folly::dynamic& jscConfig) :
+    m_jscConfig(jscConfig) {}
   std::unique_ptr<JSExecutor> createJSExecutor(
     std::shared_ptr<ExecutorDelegate> delegate,
     std::shared_ptr<MessageQueueThread> jsQueue) override;
 private:
   std::string m_cacheDir;
   folly::dynamic m_jscConfig;
-  std::function<folly::dynamic(const std::string &)> m_nativeExtensionsProvider;
 };
 
 template<typename T>
@@ -59,8 +61,7 @@ class RN_EXPORT JSCExecutor : public JSExecutor, public PrivateDataBase {
    */
   explicit JSCExecutor(std::shared_ptr<ExecutorDelegate> delegate,
                        std::shared_ptr<MessageQueueThread> messageQueueThread,
-                       const folly::dynamic& jscConfig,
-                       std::function<folly::dynamic(const std::string &)> nativeExtensionsProvider) throw(JSException);
+                       const folly::dynamic& jscConfig) throw(JSException);
   ~JSCExecutor() override;
 
   virtual void loadApplicationScript(
@@ -89,9 +90,7 @@ class RN_EXPORT JSCExecutor : public JSExecutor, public PrivateDataBase {
 
   virtual bool isInspectable() override;
 
-#ifdef WITH_JSC_MEMORY_PRESSURE
   virtual void handleMemoryPressure(int pressureLevel) override;
-#endif
 
   virtual void destroy() override;
 
@@ -106,7 +105,6 @@ class RN_EXPORT JSCExecutor : public JSExecutor, public PrivateDataBase {
   JSCNativeModules m_nativeModules;
   folly::dynamic m_jscConfig;
   std::once_flag m_bindFlag;
-  std::function<folly::dynamic(const std::string &)> m_nativeExtensionsProvider;
 
   folly::Optional<Object> m_invokeCallbackAndReturnFlushedQueueJS;
   folly::Optional<Object> m_callFunctionReturnFlushedQueueJS;
@@ -128,7 +126,6 @@ class RN_EXPORT JSCExecutor : public JSExecutor, public PrivateDataBase {
   void installNativeHook(const char* name);
 
   JSValueRef getNativeModule(JSObjectRef object, JSStringRef propertyName);
-  JSValueRef getNativeExtension(JSObjectRef object, JSStringRef propertyName);
 
   JSValueRef nativeRequire(
       size_t argumentCount,
diff --git a/ReactCommon/cxxreact/JSCLegacyTracing.cpp b/ReactCommon/cxxreact/JSCLegacyTracing.cpp
index e2783055c4e999..64d5803fb877c7 100644
--- a/ReactCommon/cxxreact/JSCLegacyTracing.cpp
+++ b/ReactCommon/cxxreact/JSCLegacyTracing.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "JSCLegacyTracing.h"
 
diff --git a/ReactCommon/cxxreact/JSCLegacyTracing.h b/ReactCommon/cxxreact/JSCLegacyTracing.h
index 2803c4302b3251..e0f1b7bf520435 100644
--- a/ReactCommon/cxxreact/JSCLegacyTracing.h
+++ b/ReactCommon/cxxreact/JSCLegacyTracing.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/JSCMemory.cpp b/ReactCommon/cxxreact/JSCMemory.cpp
index 976c98114a5eea..38a4590850a955 100644
--- a/ReactCommon/cxxreact/JSCMemory.cpp
+++ b/ReactCommon/cxxreact/JSCMemory.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "JSCMemory.h"
 
diff --git a/ReactCommon/cxxreact/JSCMemory.h b/ReactCommon/cxxreact/JSCMemory.h
index 899bba82b09b54..d8e797aab2d4ad 100644
--- a/ReactCommon/cxxreact/JSCMemory.h
+++ b/ReactCommon/cxxreact/JSCMemory.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/JSCNativeModules.cpp b/ReactCommon/cxxreact/JSCNativeModules.cpp
index 63380dfa68066a..50d199a25ef60b 100644
--- a/ReactCommon/cxxreact/JSCNativeModules.cpp
+++ b/ReactCommon/cxxreact/JSCNativeModules.cpp
@@ -1,10 +1,14 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "JSCNativeModules.h"
 
 #include <string>
 
-#include "Platform.h"
+#include "ModuleRegistry.h"
+#include "ReactMarker.h"
 
 namespace facebook {
 namespace react {
diff --git a/ReactCommon/cxxreact/JSCNativeModules.h b/ReactCommon/cxxreact/JSCNativeModules.h
index 38b2c1d30d9036..40f0fd69f55297 100644
--- a/ReactCommon/cxxreact/JSCNativeModules.h
+++ b/ReactCommon/cxxreact/JSCNativeModules.h
@@ -1,17 +1,21 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
 #include <memory>
 #include <string>
 
-#include <cxxreact/ModuleRegistry.h>
 #include <folly/Optional.h>
 #include <jschelpers/Value.h>
 
 namespace facebook {
 namespace react {
 
+class ModuleRegistry;
+
 /**
  * Holds and creates JS representations of the modules in ModuleRegistry
  */
diff --git a/ReactCommon/cxxreact/JSCPerfStats.cpp b/ReactCommon/cxxreact/JSCPerfStats.cpp
index f1f487569f7de0..0373d6ad5e80b4 100644
--- a/ReactCommon/cxxreact/JSCPerfStats.cpp
+++ b/ReactCommon/cxxreact/JSCPerfStats.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "JSCPerfStats.h"
 
diff --git a/ReactCommon/cxxreact/JSCPerfStats.h b/ReactCommon/cxxreact/JSCPerfStats.h
index 9dab4b9c2a677c..1ecf70bf14bc5d 100644
--- a/ReactCommon/cxxreact/JSCPerfStats.h
+++ b/ReactCommon/cxxreact/JSCPerfStats.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/JSCSamplingProfiler.cpp b/ReactCommon/cxxreact/JSCSamplingProfiler.cpp
index 813a19c6865787..425e4e69e1ab88 100644
--- a/ReactCommon/cxxreact/JSCSamplingProfiler.cpp
+++ b/ReactCommon/cxxreact/JSCSamplingProfiler.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "JSCSamplingProfiler.h"
 
diff --git a/ReactCommon/cxxreact/JSCSamplingProfiler.h b/ReactCommon/cxxreact/JSCSamplingProfiler.h
index bed56cbc2ec09d..b252db61f57e02 100644
--- a/ReactCommon/cxxreact/JSCSamplingProfiler.h
+++ b/ReactCommon/cxxreact/JSCSamplingProfiler.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/JSCTracing.cpp b/ReactCommon/cxxreact/JSCTracing.cpp
index ca11a8e72109a8..ca870f544be8b7 100644
--- a/ReactCommon/cxxreact/JSCTracing.cpp
+++ b/ReactCommon/cxxreact/JSCTracing.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "JSCTracing.h"
 
diff --git a/ReactCommon/cxxreact/JSCTracing.h b/ReactCommon/cxxreact/JSCTracing.h
index 63af9aa9d0aff4..0a0b1b39a75670 100644
--- a/ReactCommon/cxxreact/JSCTracing.h
+++ b/ReactCommon/cxxreact/JSCTracing.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/JSCUtils.cpp b/ReactCommon/cxxreact/JSCUtils.cpp
index 8681faa443f418..25e4da18540714 100644
--- a/ReactCommon/cxxreact/JSCUtils.cpp
+++ b/ReactCommon/cxxreact/JSCUtils.cpp
@@ -1,7 +1,12 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "JSCUtils.h"
 
+#include "RAMBundleRegistry.h"
+
 #include <folly/Conv.h>
 
 namespace facebook {
diff --git a/ReactCommon/cxxreact/JSCUtils.h b/ReactCommon/cxxreact/JSCUtils.h
index dfa1df71594548..feeae32c7a9368 100644
--- a/ReactCommon/cxxreact/JSCUtils.h
+++ b/ReactCommon/cxxreact/JSCUtils.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/JSDeltaBundleClient.cpp b/ReactCommon/cxxreact/JSDeltaBundleClient.cpp
new file mode 100644
index 00000000000000..8c082d04c8fb10
--- /dev/null
+++ b/ReactCommon/cxxreact/JSDeltaBundleClient.cpp
@@ -0,0 +1,72 @@
+#include "JSDeltaBundleClient.h"
+
+#include <sstream>
+
+#include <folly/Memory.h>
+
+namespace facebook {
+namespace react {
+
+namespace {
+  std::string startupCode(const folly::dynamic *pre, const folly::dynamic *post) {
+    std::ostringstream startupCode;
+
+    for (auto section : {pre, post}) {
+      if (section != nullptr) {
+        for (folly::dynamic pair : *section) {
+          startupCode << pair[1].getString() << '\n';
+        }
+      }
+    }
+
+    return startupCode.str();
+  }
+} // namespace
+
+void JSDeltaBundleClient::patch(const folly::dynamic& delta) {
+  auto const reset = delta.get_ptr("reset");
+  if (reset != nullptr && reset->asBool()) {
+    clear();
+  }
+
+  auto const pre = delta.get_ptr("pre");
+  auto const post = delta.get_ptr("post");
+
+  if ((pre != nullptr && pre->size() > 0) || (post != nullptr && post->size() > 0)) {
+    startupCode_ = startupCode(pre, post);
+  }
+
+  const folly::dynamic *modules = delta.get_ptr("delta");
+  if (modules != nullptr) {
+    for (const folly::dynamic pair : *modules) {
+      auto id = pair[0].getInt();
+      auto module = pair[1];
+      if (module.isNull()) {
+        modules_.erase(id);
+      } else {
+        modules_.emplace(id, module.getString());
+      }
+    }
+  }
+}
+
+JSModulesUnbundle::Module JSDeltaBundleClient::getModule(uint32_t moduleId) const {
+  auto search = modules_.find(moduleId);
+  if (search != modules_.end()) {
+    return {folly::to<std::string>(search->first, ".js"), search->second};
+  }
+
+  throw JSModulesUnbundle::ModuleNotFound(moduleId);
+}
+
+std::unique_ptr<const JSBigString> JSDeltaBundleClient::getStartupCode() const {
+  return folly::make_unique<JSBigStdString>(startupCode_);
+}
+
+void JSDeltaBundleClient::clear() {
+  modules_.clear();
+  startupCode_.clear();
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/JSDeltaBundleClient.h b/ReactCommon/cxxreact/JSDeltaBundleClient.h
new file mode 100644
index 00000000000000..021ae6c622cf89
--- /dev/null
+++ b/ReactCommon/cxxreact/JSDeltaBundleClient.h
@@ -0,0 +1,45 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#pragma once
+
+#include <cstdint>
+#include <memory>
+#include <string>
+#include <unordered_map>
+
+#include <cxxreact/JSBigString.h>
+#include <cxxreact/JSModulesUnbundle.h>
+#include <folly/dynamic.h>
+
+namespace facebook {
+namespace react {
+
+class JSDeltaBundleClient {
+public:
+  void patch(const folly::dynamic& delta);
+  JSModulesUnbundle::Module getModule(uint32_t moduleId) const;
+  std::unique_ptr<const JSBigString> getStartupCode() const;
+  void clear();
+
+private:
+  std::unordered_map<uint32_t, std::string> modules_;
+  std::string startupCode_;
+};
+
+class JSDeltaBundleClientRAMBundle : public JSModulesUnbundle {
+public:
+  JSDeltaBundleClientRAMBundle(
+    std::shared_ptr<const JSDeltaBundleClient> client) : client_(client) {}
+
+  Module getModule(uint32_t moduleId) const override {
+    return client_->getModule(moduleId);
+  }
+private:
+  const std::shared_ptr<const JSDeltaBundleClient> client_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/JSExecutor.cpp b/ReactCommon/cxxreact/JSExecutor.cpp
new file mode 100644
index 00000000000000..846273ab37f702
--- /dev/null
+++ b/ReactCommon/cxxreact/JSExecutor.cpp
@@ -0,0 +1,25 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#include "JSExecutor.h"
+
+#include "RAMBundleRegistry.h"
+
+#include <folly/Conv.h>
+
+namespace facebook {
+namespace react {
+
+std::string JSExecutor::getSyntheticBundlePath(
+    uint32_t bundleId,
+    const std::string& bundlePath) {
+  if (bundleId == RAMBundleRegistry::MAIN_BUNDLE_ID) {
+    return bundlePath;
+  }
+  return folly::to<std::string>("seg-", bundleId, ".js");
+}
+
+}
+}
diff --git a/ReactCommon/cxxreact/JSExecutor.h b/ReactCommon/cxxreact/JSExecutor.h
index 91bc070c493789..6627304abbe6af 100644
--- a/ReactCommon/cxxreact/JSExecutor.h
+++ b/ReactCommon/cxxreact/JSExecutor.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
@@ -8,6 +11,10 @@
 #include <cxxreact/NativeModule.h>
 #include <folly/dynamic.h>
 
+#ifndef RN_EXPORT
+#define RN_EXPORT __attribute__((visibility("default")))
+#endif
+
 namespace facebook {
 namespace react {
 
@@ -32,6 +39,8 @@ class ExecutorDelegate {
     JSExecutor& executor, unsigned int moduleId, unsigned int methodId, folly::dynamic&& args) = 0;
 };
 
+using NativeExtensionsProvider = std::function<folly::dynamic(const std::string&)>;
+
 class JSExecutorFactory {
 public:
   virtual std::unique_ptr<JSExecutor> createJSExecutor(
@@ -40,7 +49,7 @@ class JSExecutorFactory {
   virtual ~JSExecutorFactory() {}
 };
 
-class JSExecutor {
+class RN_EXPORT JSExecutor {
 public:
   /**
    * Execute an application script bundle in the JS context.
@@ -99,6 +108,10 @@ class JSExecutor {
 
   virtual void destroy() {}
   virtual ~JSExecutor() {}
+
+  static std::string getSyntheticBundlePath(
+      uint32_t bundleId,
+      const std::string& bundlePath);
 };
 
 } }
diff --git a/ReactCommon/cxxreact/JSIndexedRAMBundle.cpp b/ReactCommon/cxxreact/JSIndexedRAMBundle.cpp
index 57d2a4afeb7dac..cca4ab20338fd0 100644
--- a/ReactCommon/cxxreact/JSIndexedRAMBundle.cpp
+++ b/ReactCommon/cxxreact/JSIndexedRAMBundle.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "JSIndexedRAMBundle.h"
 
diff --git a/ReactCommon/cxxreact/JSIndexedRAMBundle.h b/ReactCommon/cxxreact/JSIndexedRAMBundle.h
index 6467977279fa53..e91ed076813dd2 100644
--- a/ReactCommon/cxxreact/JSIndexedRAMBundle.h
+++ b/ReactCommon/cxxreact/JSIndexedRAMBundle.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/JSModulesUnbundle.h b/ReactCommon/cxxreact/JSModulesUnbundle.h
index a04d5808ccd70b..f1662776c312ed 100644
--- a/ReactCommon/cxxreact/JSModulesUnbundle.h
+++ b/ReactCommon/cxxreact/JSModulesUnbundle.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
@@ -6,12 +9,12 @@
 #include <string>
 #include <stdexcept>
 
-#include <jschelpers/noncopyable.h>
+#include <folly/Conv.h>
 
 namespace facebook {
 namespace react {
 
-class JSModulesUnbundle : noncopyable {
+class JSModulesUnbundle {
   /**
    * Represents the set of JavaScript modules that the application consists of.
    * The source code of each module can be retrieved by module ID.
@@ -21,14 +24,21 @@ class JSModulesUnbundle : noncopyable {
    */
 public:
   class ModuleNotFound : public std::out_of_range {
+  public:
     using std::out_of_range::out_of_range;
+    ModuleNotFound(uint32_t moduleId) : std::out_of_range::out_of_range(
+      folly::to<std::string>("Module not found: ", moduleId)) {}
   };
   struct Module {
     std::string name;
     std::string code;
   };
+  JSModulesUnbundle() {}
   virtual ~JSModulesUnbundle() {}
   virtual Module getModule(uint32_t moduleId) const = 0;
+
+private:
+  JSModulesUnbundle(const JSModulesUnbundle&) = delete;
 };
 
 }
diff --git a/ReactCommon/cxxreact/JsArgumentHelpers-inl.h b/ReactCommon/cxxreact/JsArgumentHelpers-inl.h
index ce8de89364b5d0..63ce70cf060fb9 100644
--- a/ReactCommon/cxxreact/JsArgumentHelpers-inl.h
+++ b/ReactCommon/cxxreact/JsArgumentHelpers-inl.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/JsArgumentHelpers.h b/ReactCommon/cxxreact/JsArgumentHelpers.h
index a66c4016711755..ba6cd62af898d8 100644
--- a/ReactCommon/cxxreact/JsArgumentHelpers.h
+++ b/ReactCommon/cxxreact/JsArgumentHelpers.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/MessageQueueThread.h b/ReactCommon/cxxreact/MessageQueueThread.h
index 72d13749f9d1ac..5158646281ab14 100644
--- a/ReactCommon/cxxreact/MessageQueueThread.h
+++ b/ReactCommon/cxxreact/MessageQueueThread.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/MethodCall.cpp b/ReactCommon/cxxreact/MethodCall.cpp
index c125c4bd959cdf..70abb42503059f 100644
--- a/ReactCommon/cxxreact/MethodCall.cpp
+++ b/ReactCommon/cxxreact/MethodCall.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "MethodCall.h"
 
diff --git a/ReactCommon/cxxreact/MethodCall.h b/ReactCommon/cxxreact/MethodCall.h
index 38a288ed507e3c..ec6bc334e6a09a 100644
--- a/ReactCommon/cxxreact/MethodCall.h
+++ b/ReactCommon/cxxreact/MethodCall.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/ModuleRegistry.cpp b/ReactCommon/cxxreact/ModuleRegistry.cpp
index 8779e7e943991f..17f17746984809 100644
--- a/ReactCommon/cxxreact/ModuleRegistry.cpp
+++ b/ReactCommon/cxxreact/ModuleRegistry.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "ModuleRegistry.h"
 
diff --git a/ReactCommon/cxxreact/ModuleRegistry.h b/ReactCommon/cxxreact/ModuleRegistry.h
index 8df870e88c5c17..183996dc7b80b9 100644
--- a/ReactCommon/cxxreact/ModuleRegistry.h
+++ b/ReactCommon/cxxreact/ModuleRegistry.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/NativeModule.h b/ReactCommon/cxxreact/NativeModule.h
index afde69d8517cec..a7229b24aa7da8 100644
--- a/ReactCommon/cxxreact/NativeModule.h
+++ b/ReactCommon/cxxreact/NativeModule.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/NativeToJsBridge.cpp b/ReactCommon/cxxreact/NativeToJsBridge.cpp
index f8ae2856e602de..32cb06b9c4fd08 100644
--- a/ReactCommon/cxxreact/NativeToJsBridge.cpp
+++ b/ReactCommon/cxxreact/NativeToJsBridge.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "NativeToJsBridge.h"
 
@@ -11,6 +14,7 @@
 #include "SystraceSection.h"
 #include "MethodCall.h"
 #include "MessageQueueThread.h"
+#include "ModuleRegistry.h"
 #include "RAMBundleRegistry.h"
 
 #ifdef WITH_FBSYSTRACE
@@ -194,13 +198,11 @@ bool NativeToJsBridge::isInspectable() {
   return m_executor->isInspectable();
 }
 
-#ifdef WITH_JSC_MEMORY_PRESSURE
 void NativeToJsBridge::handleMemoryPressure(int pressureLevel) {
   runOnExecutorQueue([=] (JSExecutor* executor) {
     executor->handleMemoryPressure(pressureLevel);
   });
 }
-#endif
 
 void NativeToJsBridge::destroy() {
   // All calls made through runOnExecutorQueue have an early exit if
diff --git a/ReactCommon/cxxreact/NativeToJsBridge.h b/ReactCommon/cxxreact/NativeToJsBridge.h
index 78d960a08a4529..0a6110f67e43ab 100644
--- a/ReactCommon/cxxreact/NativeToJsBridge.h
+++ b/ReactCommon/cxxreact/NativeToJsBridge.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
@@ -7,7 +10,6 @@
 #include <map>
 #include <vector>
 
-#include <cxxreact/JSCExecutor.h>
 #include <cxxreact/JSExecutor.h>
 
 namespace folly {
@@ -74,9 +76,7 @@ class NativeToJsBridge {
   void* getJavaScriptContext();
   bool isInspectable();
 
-  #ifdef WITH_JSC_MEMORY_PRESSURE
   void handleMemoryPressure(int pressureLevel);
-  #endif
 
   /**
    * Synchronously tears down the bridge and the main executor.
diff --git a/ReactCommon/cxxreact/Platform.cpp b/ReactCommon/cxxreact/Platform.cpp
index b1a069d489c257..d9835ea94dd2a5 100644
--- a/ReactCommon/cxxreact/Platform.cpp
+++ b/ReactCommon/cxxreact/Platform.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "Platform.h"
 
@@ -10,15 +13,6 @@ namespace react {
 #pragma clang diagnostic ignored "-Wglobal-constructors"
 #endif
 
-namespace ReactMarker {
-
-LogTaggedMarker logTaggedMarker = nullptr;
-void logMarker(const ReactMarkerId markerId) {
-  logTaggedMarker(markerId, nullptr);
-}
-
-}
-
 namespace JSCNativeHooks {
 
 Hook loggingHook = nullptr;
diff --git a/ReactCommon/cxxreact/Platform.h b/ReactCommon/cxxreact/Platform.h
index c8a63c746bca99..59f49222ceac4a 100644
--- a/ReactCommon/cxxreact/Platform.h
+++ b/ReactCommon/cxxreact/Platform.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
@@ -6,8 +9,7 @@
 #include <memory>
 #include <string>
 
-#include <cxxreact/JSExecutor.h>
-#include <cxxreact/MessageQueueThread.h>
+#include <cxxreact/ReactMarker.h>
 #include <jschelpers/JavaScriptCore.h>
 
 #ifndef RN_EXPORT
@@ -17,31 +19,6 @@
 namespace facebook {
 namespace react {
 
-namespace ReactMarker {
-
-enum ReactMarkerId {
-  NATIVE_REQUIRE_START,
-  NATIVE_REQUIRE_STOP,
-  RUN_JS_BUNDLE_START,
-  RUN_JS_BUNDLE_STOP,
-  CREATE_REACT_CONTEXT_STOP,
-  JS_BUNDLE_STRING_CONVERT_START,
-  JS_BUNDLE_STRING_CONVERT_STOP,
-  NATIVE_MODULE_SETUP_START,
-  NATIVE_MODULE_SETUP_STOP,
-};
-
-#ifdef __APPLE__
-using LogTaggedMarker = std::function<void(const ReactMarkerId, const char* tag)>;
-#else
-typedef void(*LogTaggedMarker)(const ReactMarkerId, const char* tag);
-#endif
-extern RN_EXPORT LogTaggedMarker logTaggedMarker;
-
-extern void logMarker(const ReactMarkerId markerId);
-
-}
-
 namespace JSCNativeHooks {
 
 using Hook = JSValueRef(*)(
diff --git a/ReactCommon/cxxreact/RAMBundleRegistry.cpp b/ReactCommon/cxxreact/RAMBundleRegistry.cpp
index 635875b3b79cbe..d1030897542693 100644
--- a/ReactCommon/cxxreact/RAMBundleRegistry.cpp
+++ b/ReactCommon/cxxreact/RAMBundleRegistry.cpp
@@ -1,8 +1,12 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "RAMBundleRegistry.h"
 
 #include <folly/Memory.h>
+#include <folly/String.h>
 
 #include <libgen.h>
 
@@ -11,41 +15,61 @@ namespace react {
 
 constexpr uint32_t RAMBundleRegistry::MAIN_BUNDLE_ID;
 
-std::unique_ptr<RAMBundleRegistry> RAMBundleRegistry::singleBundleRegistry(std::unique_ptr<JSModulesUnbundle> mainBundle) {
-  RAMBundleRegistry *registry = new RAMBundleRegistry(std::move(mainBundle));
-  return std::unique_ptr<RAMBundleRegistry>(registry);
+std::unique_ptr<RAMBundleRegistry> RAMBundleRegistry::singleBundleRegistry(
+    std::unique_ptr<JSModulesUnbundle> mainBundle) {
+  return folly::make_unique<RAMBundleRegistry>(std::move(mainBundle));
 }
 
-std::unique_ptr<RAMBundleRegistry> RAMBundleRegistry::multipleBundlesRegistry(std::unique_ptr<JSModulesUnbundle> mainBundle, std::function<std::unique_ptr<JSModulesUnbundle>(std::string)> factory) {
-  RAMBundleRegistry *registry = new RAMBundleRegistry(std::move(mainBundle), std::move(factory));
-  return std::unique_ptr<RAMBundleRegistry>(registry);
+std::unique_ptr<RAMBundleRegistry> RAMBundleRegistry::multipleBundlesRegistry(
+    std::unique_ptr<JSModulesUnbundle> mainBundle,
+    std::function<std::unique_ptr<JSModulesUnbundle>(std::string)> factory) {
+  return folly::make_unique<RAMBundleRegistry>(
+      std::move(mainBundle), std::move(factory));
 }
 
-RAMBundleRegistry::RAMBundleRegistry(std::unique_ptr<JSModulesUnbundle> mainBundle, std::function<std::unique_ptr<JSModulesUnbundle>(std::string)> factory): m_factory(factory) {
+RAMBundleRegistry::RAMBundleRegistry(
+    std::unique_ptr<JSModulesUnbundle> mainBundle,
+    std::function<std::unique_ptr<JSModulesUnbundle>(std::string)> factory):
+      m_factory(std::move(factory)) {
   m_bundles.emplace(MAIN_BUNDLE_ID, std::move(mainBundle));
 }
 
-void RAMBundleRegistry::registerBundle(uint32_t bundleId, std::string bundlePath) {
-  m_bundlePaths.emplace(bundleId, bundlePath);
+void RAMBundleRegistry::registerBundle(
+    uint32_t bundleId, std::string bundlePath) {
+  m_bundlePaths.emplace(bundleId, std::move(bundlePath));
 }
 
-JSModulesUnbundle::Module RAMBundleRegistry::getModule(uint32_t bundleId, uint32_t moduleId) {
+JSModulesUnbundle::Module RAMBundleRegistry::getModule(
+    uint32_t bundleId, uint32_t moduleId) {
   if (m_bundles.find(bundleId) == m_bundles.end()) {
     if (!m_factory) {
-      throw std::runtime_error("You need to register factory function in order to support multiple RAM bundles.");
+      throw std::runtime_error(
+        "You need to register factory function in order to "
+        "support multiple RAM bundles."
+      );
     }
 
     auto bundlePath = m_bundlePaths.find(bundleId);
     if (bundlePath == m_bundlePaths.end()) {
-      throw std::runtime_error("In order to fetch RAM bundle from the registry, its file path needs to be registered first.");
+      throw std::runtime_error(
+        "In order to fetch RAM bundle from the registry, its file "
+        "path needs to be registered first."
+      );
     }
     m_bundles.emplace(bundleId, m_factory(bundlePath->second));
   }
 
-  return getBundle(bundleId)->getModule(moduleId);
+  auto module = getBundle(bundleId)->getModule(moduleId);
+  if (bundleId == MAIN_BUNDLE_ID) {
+    return module;
+  }
+  return {
+    folly::to<std::string>("seg-", bundleId, '_', std::move(module.name)),
+    std::move(module.code),
+  };
 }
 
-JSModulesUnbundle *RAMBundleRegistry::getBundle(uint32_t bundleId) const {
+JSModulesUnbundle* RAMBundleRegistry::getBundle(uint32_t bundleId) const {
   return m_bundles.at(bundleId).get();
 }
 
diff --git a/ReactCommon/cxxreact/RAMBundleRegistry.h b/ReactCommon/cxxreact/RAMBundleRegistry.h
index 2d628f22c35d7c..7670b90b53ded7 100644
--- a/ReactCommon/cxxreact/RAMBundleRegistry.h
+++ b/ReactCommon/cxxreact/RAMBundleRegistry.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
@@ -9,7 +12,6 @@
 #include <utility>
 
 #include <cxxreact/JSModulesUnbundle.h>
-#include <jschelpers/noncopyable.h>
 
 #ifndef RN_EXPORT
 #define RN_EXPORT __attribute__((visibility("default")))
@@ -18,28 +20,33 @@
 namespace facebook {
 namespace react {
 
-class RN_EXPORT RAMBundleRegistry : noncopyable {
+class RN_EXPORT RAMBundleRegistry {
 public:
-  using unique_ram_bundle = std::unique_ptr<JSModulesUnbundle>;
-  using bundle_path = std::string;
   constexpr static uint32_t MAIN_BUNDLE_ID = 0;
 
-  static std::unique_ptr<RAMBundleRegistry> singleBundleRegistry(unique_ram_bundle mainBundle);
-  static std::unique_ptr<RAMBundleRegistry> multipleBundlesRegistry(unique_ram_bundle mainBundle, std::function<unique_ram_bundle(bundle_path)> factory);
+  static std::unique_ptr<RAMBundleRegistry> singleBundleRegistry(
+      std::unique_ptr<JSModulesUnbundle> mainBundle);
+  static std::unique_ptr<RAMBundleRegistry> multipleBundlesRegistry(
+      std::unique_ptr<JSModulesUnbundle> mainBundle,
+      std::function<std::unique_ptr<JSModulesUnbundle>(std::string)> factory);
+
+  explicit RAMBundleRegistry(
+      std::unique_ptr<JSModulesUnbundle> mainBundle,
+      std::function<
+        std::unique_ptr<JSModulesUnbundle>(std::string)> factory = nullptr);
 
   RAMBundleRegistry(RAMBundleRegistry&&) = default;
   RAMBundleRegistry& operator=(RAMBundleRegistry&&) = default;
 
-  void registerBundle(uint32_t bundleId, bundle_path bundlePath);
+  void registerBundle(uint32_t bundleId, std::string bundlePath);
   JSModulesUnbundle::Module getModule(uint32_t bundleId, uint32_t moduleId);
   virtual ~RAMBundleRegistry() {};
 private:
-  explicit RAMBundleRegistry(unique_ram_bundle mainBundle, std::function<unique_ram_bundle(bundle_path)> factory = {});
-  JSModulesUnbundle *getBundle(uint32_t bundleId) const;
+  JSModulesUnbundle* getBundle(uint32_t bundleId) const;
 
-  std::function<unique_ram_bundle(bundle_path)> m_factory;
-  std::unordered_map<uint32_t, bundle_path> m_bundlePaths;
-  std::unordered_map<uint32_t, unique_ram_bundle> m_bundles;
+  std::function<std::unique_ptr<JSModulesUnbundle>(std::string)> m_factory;
+  std::unordered_map<uint32_t, std::string> m_bundlePaths;
+  std::unordered_map<uint32_t, std::unique_ptr<JSModulesUnbundle>> m_bundles;
 };
 
 }  // namespace react
diff --git a/ReactCommon/cxxreact/ReactMarker.cpp b/ReactCommon/cxxreact/ReactMarker.cpp
new file mode 100644
index 00000000000000..ae1a502efeb80a
--- /dev/null
+++ b/ReactCommon/cxxreact/ReactMarker.cpp
@@ -0,0 +1,29 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#include "ReactMarker.h"
+
+namespace facebook {
+namespace react {
+namespace ReactMarker {
+
+#if __clang__
+#pragma clang diagnostic push
+#pragma clang diagnostic ignored "-Wglobal-constructors"
+#endif
+
+LogTaggedMarker logTaggedMarker = nullptr;
+
+#if __clang__
+#pragma clang diagnostic pop
+#endif
+
+void logMarker(const ReactMarkerId markerId) {
+  logTaggedMarker(markerId, nullptr);
+}
+
+}
+}
+}
diff --git a/ReactCommon/cxxreact/ReactMarker.h b/ReactCommon/cxxreact/ReactMarker.h
new file mode 100644
index 00000000000000..3a71579ab8f0d3
--- /dev/null
+++ b/ReactCommon/cxxreact/ReactMarker.h
@@ -0,0 +1,44 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#pragma once
+
+#ifdef __APPLE__
+#include <functional>
+#endif
+
+namespace facebook {
+namespace react {
+namespace ReactMarker {
+
+enum ReactMarkerId {
+  NATIVE_REQUIRE_START,
+  NATIVE_REQUIRE_STOP,
+  RUN_JS_BUNDLE_START,
+  RUN_JS_BUNDLE_STOP,
+  CREATE_REACT_CONTEXT_STOP,
+  JS_BUNDLE_STRING_CONVERT_START,
+  JS_BUNDLE_STRING_CONVERT_STOP,
+  NATIVE_MODULE_SETUP_START,
+  NATIVE_MODULE_SETUP_STOP,
+};
+
+#ifdef __APPLE__
+using LogTaggedMarker = std::function<void(const ReactMarkerId, const char* tag)>;
+#else
+typedef void(*LogTaggedMarker)(const ReactMarkerId, const char* tag);
+#endif
+
+#ifndef RN_EXPORT
+#define RN_EXPORT __attribute__((visibility("default")))
+#endif
+
+extern RN_EXPORT LogTaggedMarker logTaggedMarker;
+
+extern RN_EXPORT void logMarker(const ReactMarkerId markerId);
+
+}
+}
+}
diff --git a/ReactCommon/cxxreact/RecoverableError.h b/ReactCommon/cxxreact/RecoverableError.h
index d71e1c95aa0d83..ab62e9a98d089d 100644
--- a/ReactCommon/cxxreact/RecoverableError.h
+++ b/ReactCommon/cxxreact/RecoverableError.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/SampleCxxModule.cpp b/ReactCommon/cxxreact/SampleCxxModule.cpp
index 89b5c5279dda45..358350eeaf2c6f 100644
--- a/ReactCommon/cxxreact/SampleCxxModule.cpp
+++ b/ReactCommon/cxxreact/SampleCxxModule.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "SampleCxxModule.h"
 #include <cxxreact/JsArgumentHelpers.h>
diff --git a/ReactCommon/cxxreact/SampleCxxModule.h b/ReactCommon/cxxreact/SampleCxxModule.h
index ded0b43613d387..6a7ba9bcec72e4 100644
--- a/ReactCommon/cxxreact/SampleCxxModule.h
+++ b/ReactCommon/cxxreact/SampleCxxModule.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/SharedProxyCxxModule.h b/ReactCommon/cxxreact/SharedProxyCxxModule.h
index b8c9769a697281..18a66ebccf7efb 100644
--- a/ReactCommon/cxxreact/SharedProxyCxxModule.h
+++ b/ReactCommon/cxxreact/SharedProxyCxxModule.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include <memory>
 
diff --git a/ReactCommon/cxxreact/SystraceSection.h b/ReactCommon/cxxreact/SystraceSection.h
index ea73046e8a469e..5c504185468353 100644
--- a/ReactCommon/cxxreact/SystraceSection.h
+++ b/ReactCommon/cxxreact/SystraceSection.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/cxxreact/tests/BUCK b/ReactCommon/cxxreact/tests/BUCK
index 010e7c8e50d069..24acdd3ad4c54f 100644
--- a/ReactCommon/cxxreact/tests/BUCK
+++ b/ReactCommon/cxxreact/tests/BUCK
@@ -1,4 +1,12 @@
-load("//ReactNative:DEFS.bzl", "IS_OSS_BUILD", "react_native_xplat_target")
+load(
+    "//ReactNative:DEFS.bzl",
+    "ANDROID_JSC_DEPS",
+    "APPLE",
+    "APPLE_JSC_DEPS",
+    "react_native_xplat_target",
+    "jni_instrumentation_test_lib",
+    "fb_xplat_cxx_test",
+)
 
 TEST_SRCS = [
     "RecoverableErrorTest.cpp",
@@ -10,45 +18,41 @@ TEST_SRCS = [
     "value.cpp",
 ]
 
-if not IS_OSS_BUILD:
-    load("@xplat//build_defs:fb_xplat_cxx.bzl", "cxx_test")
-    load("@xplat//configurations/buck/android:jni_instrumentation_test", "jni_instrumentation_test_lib")
-    load("@xplat//configurations/buck:default_platform_defs.bzl", "APPLE")
-    jni_instrumentation_test_lib(
-        name = 'tests',
-        class_under_test = 'com/facebook/react/XplatBridgeTest',
-        soname = 'libxplat-bridge.so',
-        srcs = TEST_SRCS,
-        compiler_flags = [
-            '-fexceptions',
-            '-frtti',
-            '-std=c++14',
-        ],
-        deps = [
-            'xplat//third-party/linker_lib:android',
-            'xplat//third-party/gmock:gtest',
-            react_native_xplat_target('cxxreact:bridge'),
-        ],
-        visibility = [
-            'fbandroid//instrumentation_tests/...'
-        ],
-    )
+jni_instrumentation_test_lib(
+    name = "tests",
+    srcs = TEST_SRCS,
+    class_under_test = "com/facebook/react/XplatBridgeTest",
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+    ],
+    soname = "libxplat-bridge.so",
+    visibility = [
+        "fbandroid//instrumentation_tests/...",
+    ],
+    deps = [
+        "xplat//third-party/linker_lib:android",
+        "xplat//third-party/gmock:gtest",
+        react_native_xplat_target("cxxreact:bridge"),
+    ] + ANDROID_JSC_DEPS,
+)
 
-    cxx_test(
-        name = 'tests',
-        srcs = TEST_SRCS,
-        compiler_flags = [
-            '-fexceptions',
-            '-frtti',
-        ],
-        platforms = APPLE,
-        deps = [
-            'xplat//folly:molly',
-            'xplat//third-party/gmock:gtest',
-            react_native_xplat_target('cxxreact:bridge'),
-            react_native_xplat_target('jschelpers:jschelpers'),
-        ],
-        visibility = [
-            react_native_xplat_target('cxxreact/...'),
-        ],
-    )
+fb_xplat_cxx_test(
+    name = "tests",
+    srcs = TEST_SRCS,
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+    ],
+    platforms = APPLE,
+    visibility = [
+        react_native_xplat_target("cxxreact/..."),
+    ],
+    deps = [
+        "xplat//folly:molly",
+        "xplat//third-party/gmock:gtest",
+        react_native_xplat_target("cxxreact:bridge"),
+        react_native_xplat_target("jschelpers:jschelpers"),
+    ] + APPLE_JSC_DEPS,
+)
diff --git a/ReactCommon/cxxreact/tests/RecoverableErrorTest.cpp b/ReactCommon/cxxreact/tests/RecoverableErrorTest.cpp
index 8b2f39f6b12177..d598d8318960af 100644
--- a/ReactCommon/cxxreact/tests/RecoverableErrorTest.cpp
+++ b/ReactCommon/cxxreact/tests/RecoverableErrorTest.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include <gtest/gtest.h>
 
diff --git a/ReactCommon/cxxreact/tests/jsarg_helpers.cpp b/ReactCommon/cxxreact/tests/jsarg_helpers.cpp
index 8f246bc1ec587c..7e23dcd26c52de 100644
--- a/ReactCommon/cxxreact/tests/jsarg_helpers.cpp
+++ b/ReactCommon/cxxreact/tests/jsarg_helpers.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include <cxxreact/JsArgumentHelpers.h>
 
diff --git a/ReactCommon/cxxreact/tests/jsbigstring.cpp b/ReactCommon/cxxreact/tests/jsbigstring.cpp
index 21bd22cc29ae35..f0081c889b6664 100644
--- a/ReactCommon/cxxreact/tests/jsbigstring.cpp
+++ b/ReactCommon/cxxreact/tests/jsbigstring.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 #include <sys/mman.h>
 #include <fcntl.h>
 
diff --git a/ReactCommon/cxxreact/tests/jscexecutor.cpp b/ReactCommon/cxxreact/tests/jscexecutor.cpp
index eb1382e8dce2dd..867d68cd7f9d7e 100644
--- a/ReactCommon/cxxreact/tests/jscexecutor.cpp
+++ b/ReactCommon/cxxreact/tests/jscexecutor.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include <gtest/gtest.h>
 #include <cxxreact/JSCExecutor.h>
diff --git a/ReactCommon/cxxreact/tests/jsclogging.cpp b/ReactCommon/cxxreact/tests/jsclogging.cpp
index ca325b44212ffc..5f4fb0a66ad3a2 100644
--- a/ReactCommon/cxxreact/tests/jsclogging.cpp
+++ b/ReactCommon/cxxreact/tests/jsclogging.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include <gtest/gtest.h>
 #include <cxxreact/JSCExecutor.h>
diff --git a/ReactCommon/cxxreact/tests/methodcall.cpp b/ReactCommon/cxxreact/tests/methodcall.cpp
index fdd1f9a08e0197..395a81b4984ea9 100644
--- a/ReactCommon/cxxreact/tests/methodcall.cpp
+++ b/ReactCommon/cxxreact/tests/methodcall.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include <cxxreact/MethodCall.h>
 
diff --git a/ReactCommon/cxxreact/tests/value.cpp b/ReactCommon/cxxreact/tests/value.cpp
index 4ce30f94bc61b9..f7c4b6fd2771b4 100644
--- a/ReactCommon/cxxreact/tests/value.cpp
+++ b/ReactCommon/cxxreact/tests/value.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 #include <string>
 #include <gtest/gtest.h>
 #include <folly/json.h>
diff --git a/ReactCommon/fabric/BUCK b/ReactCommon/fabric/BUCK
deleted file mode 100644
index 6788c76801c954..00000000000000
--- a/ReactCommon/fabric/BUCK
+++ /dev/null
@@ -1,44 +0,0 @@
-load("@xplat//configurations/buck/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
-load("//ReactNative:DEFS.bzl", "IS_OSS_BUILD", "react_native_xplat_target", "rn_xplat_cxx_library", "APPLE_INSPECTOR_FLAGS")
-
-APPLE_COMPILER_FLAGS = []
-
-if not IS_OSS_BUILD:
-    load("@xplat//configurations/buck/apple:flag_defs.bzl", "get_static_library_ios_flags", "flags")
-    APPLE_COMPILER_FLAGS = flags.get_flag_value(get_static_library_ios_flags(), 'compiler_flags')
-
-rn_xplat_cxx_library(
-    name = "fabric",
-    srcs = glob(["*.cpp"]),
-    header_namespace = "",
-    exported_headers = subdir_glob(
-        [
-            ("", "*.h"),
-        ],
-        prefix = "fabric",
-    ),
-    compiler_flags = [
-        "-fexceptions",
-        "-frtti",
-        "-std=c++14",
-        "-Wall",
-    ],
-    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + APPLE_INSPECTOR_FLAGS,
-    force_static = True,
-    preprocessor_flags = [
-        "-DLOG_TAG=\"ReactNative\"",
-        "-DWITH_FBSYSTRACE=1",
-    ],
-    visibility = [
-        "PUBLIC",
-    ],
-    deps = [
-        "xplat//fbsystrace:fbsystrace",
-        "xplat//folly:headers_only",
-        "xplat//folly:memory",
-        "xplat//folly:molly",
-        "xplat//third-party/glog:glog",
-        react_native_xplat_target("fabric/core:core"),
-    ],
-)
diff --git a/ReactCommon/fabric/FabricUIManager.cpp b/ReactCommon/fabric/FabricUIManager.cpp
deleted file mode 100644
index 54262fc9edbf2e..00000000000000
--- a/ReactCommon/fabric/FabricUIManager.cpp
+++ /dev/null
@@ -1,54 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "FabricUIManager.h"
-
-#include "IFabricPlatformUIOperationManager.h"
-#include "ShadowNode.h"
-
-namespace facebook {
-namespace react {
-
-FabricUIManager::FabricUIManager(const std::shared_ptr<IFabricPlatformUIOperationManager> &platformUIOperationManager) :
-  platformUIOperationManager_(platformUIOperationManager) {};
-
-ShadowNodeRef FabricUIManager::createNode(int reactTag, std::string viewName, int rootTag, folly::dynamic props, void *instanceHandle) {
-  platformUIOperationManager_->performUIOperation();
-  return std::make_shared<ShadowNode>(reactTag, viewName, rootTag, props, instanceHandle);
-}
-
-ShadowNodeRef FabricUIManager::cloneNode(const ShadowNodeRef &node) {
-  return nullptr;
-}
-
-ShadowNodeRef FabricUIManager::cloneNodeWithNewChildren(const ShadowNodeRef &node) {
-  return nullptr;
-}
-
-ShadowNodeRef FabricUIManager::cloneNodeWithNewProps(const ShadowNodeRef &node, folly::dynamic props) {
-  return nullptr;
-}
-
-ShadowNodeRef FabricUIManager::cloneNodeWithNewChildrenAndProps(const ShadowNodeRef &node, folly::dynamic newProps) {
-  return nullptr;
-}
-
-void FabricUIManager::appendChild(const ShadowNodeRef &parentNode, const ShadowNodeRef &childNode) {
-}
-
-ShadowNodeSetRef FabricUIManager::createChildSet(int rootTag) {
-  return nullptr;
-}
-
-void FabricUIManager::appendChildToSet(const ShadowNodeSetRef &childSet, const ShadowNodeRef &childNode) {
-}
-
-void FabricUIManager::completeRoot(int rootTag, const ShadowNodeSetRef &childSet) {
-}
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/fabric/FabricUIManager.h b/ReactCommon/fabric/FabricUIManager.h
deleted file mode 100644
index 06ee2a94f70e80..00000000000000
--- a/ReactCommon/fabric/FabricUIManager.h
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <folly/dynamic.h>
-#include <folly/FBVector.h>
-#include <memory>
-
-namespace facebook {
-namespace react {
-
-class ShadowNode;
-class IFabricPlatformUIOperationManager;
-
-typedef std::shared_ptr<const ShadowNode> ShadowNodeRef;
-typedef folly::fbvector<const ShadowNodeRef> ShadowNodeSet;
-typedef std::shared_ptr<const ShadowNodeSet> ShadowNodeSetRef;
-
-class FabricUIManager {
-public:
-  FabricUIManager(const std::shared_ptr<IFabricPlatformUIOperationManager> &platformUIOperationManager);
-
-  ShadowNodeRef createNode(int reactTag, std::string viewName, int rootTag, folly::dynamic props, void *instanceHandle);
-  ShadowNodeRef cloneNode(const ShadowNodeRef &node);
-  ShadowNodeRef cloneNodeWithNewChildren(const ShadowNodeRef &node);
-  ShadowNodeRef cloneNodeWithNewProps(const ShadowNodeRef &node, folly::dynamic props);
-  ShadowNodeRef cloneNodeWithNewChildrenAndProps(const ShadowNodeRef &node, folly::dynamic newProps);
-  void appendChild(const ShadowNodeRef &parentNode, const ShadowNodeRef &childNode);
-  ShadowNodeSetRef createChildSet(int rootTag);
-  void appendChildToSet(const ShadowNodeSetRef &childSet, const ShadowNodeRef &childNode);
-  void completeRoot(int rootTag, const ShadowNodeSetRef &childSet);
-
-private:
-  std::shared_ptr<IFabricPlatformUIOperationManager> platformUIOperationManager_;
-};
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/fabric/ShadowNode.cpp b/ReactCommon/fabric/ShadowNode.cpp
deleted file mode 100644
index 9f675572bc81c3..00000000000000
--- a/ReactCommon/fabric/ShadowNode.cpp
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "ShadowNode.h"
-
-namespace facebook {
-namespace react {
-
-ShadowNode::ShadowNode(int reactTag, std::string viewName, int rootTag, folly::dynamic props, void *instanceHandle) :
-  reactTag_(reactTag),
-  viewName_(viewName),
-  rootTag_(rootTag),
-  props_(props),
-  instanceHandle_(instanceHandle) {}
-
-}}
diff --git a/ReactCommon/fabric/attributedstring/AttributedString.cpp b/ReactCommon/fabric/attributedstring/AttributedString.cpp
new file mode 100644
index 00000000000000..094b28ed074fe4
--- /dev/null
+++ b/ReactCommon/fabric/attributedstring/AttributedString.cpp
@@ -0,0 +1,76 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "AttributedString.h"
+
+#include <fabric/debug/DebugStringConvertibleItem.h>
+
+namespace facebook {
+namespace react {
+
+using Fragment = AttributedString::Fragment;
+using Fragments = AttributedString::Fragments;
+
+void AttributedString::appendFragment(const Fragment &fragment) {
+  ensureUnsealed();
+  fragments_.push_back(fragment);
+}
+
+void AttributedString::prependFragment(const Fragment &fragment) {
+  ensureUnsealed();
+  fragments_.insert(fragments_.begin(), fragment);
+}
+
+void AttributedString::appendAttributedString(const AttributedString &attributedString) {
+  ensureUnsealed();
+  fragments_.insert(fragments_.end(), attributedString.fragments_.begin(), attributedString.fragments_.end());
+}
+
+void AttributedString::prependAttributedString(const AttributedString &attributedString) {
+  ensureUnsealed();
+  fragments_.insert(fragments_.begin(), attributedString.fragments_.begin(), attributedString.fragments_.end());
+}
+
+const std::vector<Fragment> &AttributedString::getFragments() const {
+  return fragments_;
+}
+
+std::string AttributedString::getString() const {
+  std::string string;
+  for (const auto &fragment : fragments_) {
+    string += fragment.string;
+  }
+  return string;
+}
+
+#pragma mark - DebugStringConvertible
+
+SharedDebugStringConvertibleList AttributedString::getDebugChildren() const {
+  SharedDebugStringConvertibleList list = {};
+
+  for (auto &&fragment : fragments_) {
+    auto propsList = fragment.textAttributes.DebugStringConvertible::getDebugProps();
+
+    if (fragment.shadowNode) {
+      propsList.push_back(std::make_shared<DebugStringConvertibleItem>("shadowNode", fragment.shadowNode->getDebugDescription()));
+    }
+
+    list.push_back(
+      std::make_shared<DebugStringConvertibleItem>(
+        "Fragment",
+        fragment.string,
+        SharedDebugStringConvertibleList(),
+        propsList
+      )
+    );
+  }
+
+  return list;
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/attributedstring/AttributedString.h b/ReactCommon/fabric/attributedstring/AttributedString.h
new file mode 100644
index 00000000000000..560560cebbcfcb
--- /dev/null
+++ b/ReactCommon/fabric/attributedstring/AttributedString.h
@@ -0,0 +1,79 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <memory>
+
+#include <fabric/attributedstring/TextAttributes.h>
+#include <fabric/core/Sealable.h>
+#include <fabric/core/ShadowNode.h>
+#include <fabric/debug/DebugStringConvertible.h>
+#include <folly/Optional.h>
+
+namespace facebook {
+namespace react {
+
+class AttributedString;
+
+using SharedAttributedString = std::shared_ptr<const AttributedString>;
+
+/*
+ * Simple, cross-platfrom, React-specific implementation of attributed string
+ * (aka spanned string).
+ * `AttributedString` is basically a list of `Fragments` which have `string` and
+ * `textAttributes` + `shadowNode` associated with the `string`.
+ */
+class AttributedString:
+  public Sealable,
+  public DebugStringConvertible {
+
+public:
+
+  class Fragment {
+  public:
+    std::string string;
+    TextAttributes textAttributes;
+    SharedShadowNode shadowNode;
+  };
+
+  using Fragments = std::vector<Fragment>;
+
+  /*
+   * Appends and prepends a `fragment` to the string.
+   */
+  void appendFragment(const Fragment &fragment);
+  void prependFragment(const Fragment &fragment);
+
+  /*
+   * Appends and prepends an `attributedString` (all its fragments) to
+   * the string.
+   */
+  void appendAttributedString(const AttributedString &attributedString);
+  void prependAttributedString(const AttributedString &attributedString);
+
+  /*
+   * Returns read-only reference to a list of fragments.
+   */
+  const Fragments &getFragments() const;
+
+  /*
+   * Returns a string constructed from all strings in all fragments.
+   */
+  std::string getString() const;
+
+#pragma mark - DebugStringConvertible
+
+  SharedDebugStringConvertibleList getDebugChildren() const override;
+
+private:
+
+  Fragments fragments_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/attributedstring/BUCK b/ReactCommon/fabric/attributedstring/BUCK
new file mode 100644
index 00000000000000..0be5eb78c18cbb
--- /dev/null
+++ b/ReactCommon/fabric/attributedstring/BUCK
@@ -0,0 +1,82 @@
+load("//configurations/buck/apple:flag_defs.bzl", "OBJC_ARC_PREPROCESSOR_FLAGS", "get_application_ios_flags", "get_debug_preprocessor_flags")
+load(
+    "//ReactNative:DEFS.bzl",
+    "ANDROID",
+    "APPLE",
+    "get_apple_inspector_flags",
+    "react_native_xplat_target",
+    "get_apple_compiler_flags",
+    "subdir_glob",
+    "fb_xplat_cxx_test",
+    "rn_xplat_cxx_library",
+)
+
+APPLE_COMPILER_FLAGS = get_apple_compiler_flags()
+
+rn_xplat_cxx_library(
+    name = "attributedstring",
+    srcs = glob(
+        ["**/*.cpp"],
+        exclude = glob(["tests/**/*.cpp"]),
+    ),
+    headers = glob(
+        ["**/*.h"],
+        exclude = glob(["tests/**/*.h"]),
+    ),
+    header_namespace = "",
+    exported_headers = subdir_glob(
+        [
+            ("", "*.h"),
+        ],
+        prefix = "fabric/attributedstring",
+    ),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_tests = [
+        ":tests",
+    ],
+    force_static = True,
+    macosx_tests_override = [],
+    platforms = (ANDROID, APPLE),
+    preprocessor_flags = [
+        "-DLOG_TAG=\"ReactNative\"",
+        "-DWITH_FBSYSTRACE=1",
+    ],
+    tests = [],
+    visibility = ["PUBLIC"],
+    deps = [
+        "xplat//fbsystrace:fbsystrace",
+        "xplat//folly:headers_only",
+        "xplat//folly:memory",
+        "xplat//folly:molly",
+        "xplat//third-party/glog:glog",
+        react_native_xplat_target("fabric/debug:debug"),
+        react_native_xplat_target("fabric/core:core"),
+        react_native_xplat_target("fabric/graphics:graphics"),
+    ],
+)
+
+fb_xplat_cxx_test(
+    name = "tests",
+    srcs = glob(["tests/**/*.cpp"]),
+    headers = glob(["tests/**/*.h"]),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    platforms = APPLE,
+    deps = [
+        "xplat//folly:molly",
+        "xplat//third-party/gmock:gtest",
+        ":attributedstring",
+    ],
+)
diff --git a/ReactCommon/fabric/attributedstring/ParagraphAttributes.cpp b/ReactCommon/fabric/attributedstring/ParagraphAttributes.cpp
new file mode 100644
index 00000000000000..53550b6db4e0f4
--- /dev/null
+++ b/ReactCommon/fabric/attributedstring/ParagraphAttributes.cpp
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ParagraphAttributes.h"
+
+#include <fabric/attributedstring/conversions.h>
+#include <fabric/graphics/conversions.h>
+#include <fabric/debug/debugStringConvertibleUtils.h>
+
+namespace facebook {
+namespace react {
+
+#pragma mark - DebugStringConvertible
+
+SharedDebugStringConvertibleList ParagraphAttributes::getDebugProps() const {
+  return {
+    debugStringConvertibleItem("maximumNumberOfLines", maximumNumberOfLines),
+    debugStringConvertibleItem("ellipsizeMode", ellipsizeMode),
+    debugStringConvertibleItem("adjustsFontSizeToFit", adjustsFontSizeToFit),
+    debugStringConvertibleItem("minimumFontSize", minimumFontSize),
+    debugStringConvertibleItem("maximumFontSize", maximumFontSize)
+  };
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/attributedstring/ParagraphAttributes.h b/ReactCommon/fabric/attributedstring/ParagraphAttributes.h
new file mode 100644
index 00000000000000..9feaea20b50c26
--- /dev/null
+++ b/ReactCommon/fabric/attributedstring/ParagraphAttributes.h
@@ -0,0 +1,65 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <limits>
+
+#include <fabric/attributedstring/primitives.h>
+#include <fabric/debug/DebugStringConvertible.h>
+#include <fabric/graphics/Geometry.h>
+
+namespace facebook {
+namespace react {
+
+class ParagraphAttributes;
+
+using SharedParagraphAttributes = std::shared_ptr<const ParagraphAttributes>;
+
+/*
+ * Represents all visual attributes of a paragraph of text.
+ * Two data structures, ParagraphAttributes and AttributedText, should be
+ * enough to define visual representation of a piece of text on the screen.
+ */
+class ParagraphAttributes:
+  public DebugStringConvertible {
+
+public:
+
+#pragma mark - Fields
+
+  /*
+   * Maximum number of lines which paragraph can take.
+   * Zero value represents "no limit".
+   */
+  int maximumNumberOfLines {};
+
+  /*
+   * In case if a text cannot fit given boundaries, defines a place where
+   * an ellipsize should be placed.
+   */
+  EllipsizeMode ellipsizeMode {};
+
+  /*
+   * Enables font size adjustment to fit constrained boundaries.
+   */
+  bool adjustsFontSizeToFit {};
+
+  /*
+   * In case of font size adjustment enabled, defines minimum and maximum
+   * font sizes.
+   */
+  Float minimumFontSize {std::numeric_limits<Float>::quiet_NaN()};
+  Float maximumFontSize {std::numeric_limits<Float>::quiet_NaN()};
+
+#pragma mark - DebugStringConvertible
+
+  SharedDebugStringConvertibleList getDebugProps() const override;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/attributedstring/TextAttributes.cpp b/ReactCommon/fabric/attributedstring/TextAttributes.cpp
new file mode 100644
index 00000000000000..1a5528182ec799
--- /dev/null
+++ b/ReactCommon/fabric/attributedstring/TextAttributes.cpp
@@ -0,0 +1,98 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "TextAttributes.h"
+
+#include <fabric/attributedstring/conversions.h>
+#include <fabric/core/conversions.h>
+#include <fabric/graphics/conversions.h>
+
+#include <fabric/debug/debugStringConvertibleUtils.h>
+
+namespace facebook {
+namespace react {
+
+void TextAttributes::apply(TextAttributes textAttributes) {
+  // Color
+  foregroundColor = textAttributes.foregroundColor ? textAttributes.foregroundColor : foregroundColor;
+  backgroundColor = textAttributes.backgroundColor ? textAttributes.backgroundColor : backgroundColor;
+  opacity = !isnan(textAttributes.opacity) ? textAttributes.opacity : opacity;
+
+  // Font
+  fontFamily = !textAttributes.fontFamily.empty() ? textAttributes.fontFamily : fontFamily;
+  fontSize = !isnan(textAttributes.fontSize) ? textAttributes.fontSize : fontSize;
+  fontSizeMultiplier = !isnan(textAttributes.fontSizeMultiplier) ? textAttributes.fontSizeMultiplier : fontSizeMultiplier;
+  fontWeight = textAttributes.fontWeight.hasValue() ? textAttributes.fontWeight : fontWeight;
+  fontStyle = textAttributes.fontStyle.hasValue() ? textAttributes.fontStyle : fontStyle;
+  fontVariant = textAttributes.fontVariant.hasValue() ? textAttributes.fontVariant : fontVariant;
+  allowFontScaling = textAttributes.allowFontScaling.hasValue() ? textAttributes.allowFontScaling : allowFontScaling;
+  letterSpacing = !isnan(textAttributes.letterSpacing) ? textAttributes.letterSpacing : letterSpacing;
+
+  // Paragraph Styles
+  lineHeight = !isnan(textAttributes.lineHeight) ? textAttributes.lineHeight : lineHeight;
+  alignment = textAttributes.alignment.hasValue() ? textAttributes.alignment : alignment;
+  baseWritingDirection = textAttributes.baseWritingDirection.hasValue() ? textAttributes.baseWritingDirection : baseWritingDirection;
+
+  // Decoration
+  textDecorationColor = textAttributes.textDecorationColor ? textAttributes.textDecorationColor : textDecorationColor;
+  textDecorationLineType = textAttributes.textDecorationLineType.hasValue() ? textAttributes.textDecorationLineType : textDecorationLineType;
+  textDecorationLineStyle = textAttributes.textDecorationLineStyle.hasValue() ? textAttributes.textDecorationLineStyle : textDecorationLineStyle;
+  textDecorationLinePattern = textAttributes.textDecorationLinePattern.hasValue() ? textAttributes.textDecorationLinePattern : textDecorationLinePattern;
+
+  // Shadow
+  textShadowOffset = textAttributes.textShadowOffset.hasValue() ? textAttributes.textShadowOffset.value() : textShadowOffset;
+  textShadowRadius = !isnan(textAttributes.textShadowRadius) ? textAttributes.textShadowRadius : textShadowRadius;
+  textShadowColor = textAttributes.textShadowColor ? textAttributes.textShadowColor : textShadowColor;
+
+  // Special
+  isHighlighted = textAttributes.isHighlighted.hasValue() ? textAttributes.isHighlighted : isHighlighted;
+  layoutDirection = textAttributes.layoutDirection.hasValue() ? textAttributes.layoutDirection : layoutDirection;
+}
+
+#pragma mark - DebugStringConvertible
+
+SharedDebugStringConvertibleList TextAttributes::getDebugProps() const {
+  return {
+    // Color
+    debugStringConvertibleItem("backgroundColor", backgroundColor),
+    debugStringConvertibleItem("foregroundColor", foregroundColor),
+    debugStringConvertibleItem("opacity", opacity),
+
+    // Font
+    debugStringConvertibleItem("fontFamily", fontFamily),
+    debugStringConvertibleItem("fontSize", fontSize),
+    debugStringConvertibleItem("fontSizeMultiplier", fontSizeMultiplier),
+    debugStringConvertibleItem("fontWeight", fontWeight),
+    debugStringConvertibleItem("fontStyle", fontStyle),
+    debugStringConvertibleItem("fontVariant", fontVariant),
+    debugStringConvertibleItem("allowFontScaling", allowFontScaling),
+    debugStringConvertibleItem("letterSpacing", letterSpacing),
+
+    // Paragraph Styles
+    debugStringConvertibleItem("lineHeight", lineHeight),
+    debugStringConvertibleItem("alignment", alignment),
+    debugStringConvertibleItem("baseWritingDirection", baseWritingDirection),
+
+    // Decoration
+    debugStringConvertibleItem("textDecorationColor", textDecorationColor),
+    debugStringConvertibleItem("textDecorationLineType", textDecorationLineType),
+    debugStringConvertibleItem("textDecorationLineStyle", textDecorationLineStyle),
+    debugStringConvertibleItem("textDecorationLinePattern", textDecorationLinePattern),
+
+    // Shadow
+    debugStringConvertibleItem("textShadowOffset", textShadowOffset),
+    debugStringConvertibleItem("textShadowRadius", textShadowRadius),
+    debugStringConvertibleItem("textShadowColor", textShadowColor),
+
+    // Special
+    debugStringConvertibleItem("isHighlighted", isHighlighted),
+    debugStringConvertibleItem("layoutDirection", layoutDirection),
+  };
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/attributedstring/TextAttributes.h b/ReactCommon/fabric/attributedstring/TextAttributes.h
new file mode 100644
index 00000000000000..2b8c049821975f
--- /dev/null
+++ b/ReactCommon/fabric/attributedstring/TextAttributes.h
@@ -0,0 +1,80 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <limits>
+
+#include <fabric/attributedstring/primitives.h>
+#include <fabric/core/LayoutPrimitives.h>
+#include <fabric/core/ReactPrimitives.h>
+#include <fabric/debug/DebugStringConvertible.h>
+#include <fabric/graphics/Color.h>
+#include <fabric/graphics/Geometry.h>
+#include <folly/Optional.h>
+
+namespace facebook {
+namespace react {
+
+class TextAttributes;
+
+using SharedTextAttributes = std::shared_ptr<const TextAttributes>;
+
+class TextAttributes:
+  public DebugStringConvertible {
+public:
+
+#pragma mark - Fields
+
+  // Color
+  SharedColor foregroundColor {};
+  SharedColor backgroundColor {};
+  Float opacity {std::numeric_limits<Float>::quiet_NaN()};
+
+  // Font
+  std::string fontFamily {""};
+  Float fontSize {std::numeric_limits<Float>::quiet_NaN()};
+  Float fontSizeMultiplier {std::numeric_limits<Float>::quiet_NaN()};
+  folly::Optional<FontWeight> fontWeight {};
+  folly::Optional<FontStyle> fontStyle {};
+  folly::Optional<FontVariant> fontVariant {};
+  folly::Optional<bool> allowFontScaling {};
+  Float letterSpacing {std::numeric_limits<Float>::quiet_NaN()};
+
+  // Paragraph Styles
+  Float lineHeight {std::numeric_limits<Float>::quiet_NaN()};
+  folly::Optional<TextAlignment> alignment {};
+  folly::Optional<WritingDirection> baseWritingDirection {};
+
+  // Decoration
+  SharedColor textDecorationColor {};
+  folly::Optional<TextDecorationLineType> textDecorationLineType {};
+  folly::Optional<TextDecorationLineStyle> textDecorationLineStyle {};
+  folly::Optional<TextDecorationLinePattern> textDecorationLinePattern {};
+
+  // Shadow
+  // TODO: Use `Point` type instead of `Size` for `textShadowOffset` attribute.
+  folly::Optional<Size> textShadowOffset {};
+  Float textShadowRadius {std::numeric_limits<Float>::quiet_NaN()};
+  SharedColor textShadowColor {};
+
+  // Special
+  folly::Optional<bool> isHighlighted {};
+  folly::Optional<LayoutDirection> layoutDirection {};
+
+#pragma mark - Operations
+
+  void apply(TextAttributes textAttributes);
+
+#pragma mark - DebugStringConvertible
+
+  SharedDebugStringConvertibleList getDebugProps() const override;
+};
+
+} // namespace react
+} // namespace facebook
+
diff --git a/ReactCommon/fabric/attributedstring/conversions.h b/ReactCommon/fabric/attributedstring/conversions.h
new file mode 100644
index 00000000000000..7e63dc1a431c0f
--- /dev/null
+++ b/ReactCommon/fabric/attributedstring/conversions.h
@@ -0,0 +1,192 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/attributedstring/primitives.h>
+#include <fabric/graphics/Geometry.h>
+#include <folly/dynamic.h>
+
+namespace facebook {
+namespace react {
+
+inline std::string toString(const EllipsizeMode &ellipsisMode) {
+  switch (ellipsisMode) {
+    case EllipsizeMode::Clip: return "clip";
+    case EllipsizeMode::Head: return "head";
+    case EllipsizeMode::Tail: return "tail";
+    case EllipsizeMode::Middle: return "middle";
+  }
+}
+
+inline void fromDynamic(const folly::dynamic &value, EllipsizeMode &result) {
+  auto string = value.getString();
+  if (string == "clip") { result = EllipsizeMode::Clip; return; }
+  if (string == "head") { result = EllipsizeMode::Head; return; }
+  if (string == "tail") { result = EllipsizeMode::Tail; return; }
+  if (string == "middle") { result = EllipsizeMode::Middle; return; }
+  abort();
+}
+
+inline void fromDynamic(const folly::dynamic &value, FontWeight &result) {
+  auto string = value.asString();
+  if (string == "normal") { result = FontWeight::Regular; return; }
+  if (string == "regular") { result = FontWeight::Regular; return; }
+  if (string == "bold") { result = FontWeight::Bold; return; }
+  if (string == "100") { result = FontWeight::Weight100; return; }
+  if (string == "200") { result = FontWeight::Weight200; return; }
+  if (string == "300") { result = FontWeight::Weight300; return; }
+  if (string == "400") { result = FontWeight::Weight400; return; }
+  if (string == "500") { result = FontWeight::Weight500; return; }
+  if (string == "600") { result = FontWeight::Weight600; return; }
+  if (string == "700") { result = FontWeight::Weight700; return; }
+  if (string == "800") { result = FontWeight::Weight800; return; }
+  if (string == "900") { result = FontWeight::Weight900; return; }
+  abort();
+}
+
+inline std::string toString(const FontWeight &fontWeight) {
+  return folly::to<std::string>((int)fontWeight);
+}
+
+inline void fromDynamic(const folly::dynamic &value, FontStyle &result) {
+  auto string = value.asString();
+  if (string == "normal") { result = FontStyle::Normal; return; }
+  if (string == "italic") { result = FontStyle::Italic; return; }
+  if (string == "oblique") { result = FontStyle::Oblique; return; }
+  abort();
+}
+
+inline std::string toString(const FontStyle &fontStyle) {
+  switch (fontStyle) {
+    case FontStyle::Normal: return "normal";
+    case FontStyle::Italic: return "italic";
+    case FontStyle::Oblique: return "oblique";
+  }
+}
+
+inline void fromDynamic(const folly::dynamic &value, FontVariant &result) {
+  assert(value.isArray());
+  result = FontVariant::Default;
+  for (auto &&item : value) {
+    auto string = item.asString();
+    if (string == "small-caps") { result = (FontVariant)((int)result | (int)FontVariant::SmallCaps); continue; }
+    if (string == "oldstyle-nums") { result = (FontVariant)((int)result | (int)FontVariant::OldstyleNums); continue; }
+    if (string == "lining-nums") { result = (FontVariant)((int)result | (int)FontVariant::LiningNums); continue; }
+    if (string == "tabular-nums") { result = (FontVariant)((int)result | (int)FontVariant::TabularNums); continue; }
+    if (string == "proportional-nums") { result = (FontVariant)((int)result | (int)FontVariant::ProportionalNums); continue; }
+  }
+}
+
+inline std::string toString(const FontVariant &fontVariant) {
+  std::string result;
+  std::string separator = ", ";
+  if ((int)fontVariant & (int)FontVariant::SmallCaps) { result += "small-caps" + separator; }
+  if ((int)fontVariant & (int)FontVariant::OldstyleNums) { result += "oldstyle-nums" + separator; }
+  if ((int)fontVariant & (int)FontVariant::LiningNums) { result += "lining-nums" + separator; }
+  if ((int)fontVariant & (int)FontVariant::TabularNums) { result += "tabular-nums" + separator; }
+  if ((int)fontVariant & (int)FontVariant::ProportionalNums) { result += "proportional-nums" + separator; }
+
+  if (!result.empty()) {
+    result.erase(result.length() - separator.length());
+  }
+
+  return result;
+}
+
+inline void fromDynamic(const folly::dynamic &value, TextAlignment &result) {
+  auto string = value.asString();
+  if (string == "natural") { result = TextAlignment::Natural; return; }
+  if (string == "left") { result = TextAlignment::Left; return; }
+  if (string == "center") { result = TextAlignment::Center; return; }
+  if (string == "right") { result = TextAlignment::Right; return; }
+  if (string == "justified") { result = TextAlignment::Justified; return; }
+  abort();
+}
+
+inline std::string toString(const TextAlignment &textAlignment) {
+  switch (textAlignment) {
+    case TextAlignment::Natural: return "natural";
+    case TextAlignment::Left: return "left";
+    case TextAlignment::Center: return "center";
+    case TextAlignment::Right: return "right";
+    case TextAlignment::Justified: return "justified";
+  }
+}
+
+inline void fromDynamic(const folly::dynamic &value, WritingDirection &result) {
+  auto string = value.asString();
+  if (string == "natural") { result = WritingDirection::Natural; return; }
+  if (string == "ltr") { result = WritingDirection::LeftToRight; return; }
+  if (string == "rtl") { result = WritingDirection::RightToLeft; return; }
+  abort();
+}
+
+inline std::string toString(const WritingDirection &writingDirection) {
+  switch (writingDirection) {
+    case WritingDirection::Natural: return "natural";
+    case WritingDirection::LeftToRight: return "ltr";
+    case WritingDirection::RightToLeft: return "rtl";
+  }
+}
+
+inline void fromDynamic(const folly::dynamic &value, TextDecorationLineType &result) {
+  auto string = value.asString();
+  if (string == "none") { result = TextDecorationLineType::None; return; }
+  if (string == "underline") { result = TextDecorationLineType::Underline; return; }
+  if (string == "strikethrough") { result = TextDecorationLineType::Strikethrough; return; }
+  if (string == "underline-strikethrough") { result = TextDecorationLineType::UnderlineStrikethrough; return; }
+  abort();
+}
+
+inline std::string toString(const TextDecorationLineType &textDecorationLineType) {
+  switch (textDecorationLineType) {
+    case TextDecorationLineType::None: return "none";
+    case TextDecorationLineType::Underline: return "underline";
+    case TextDecorationLineType::Strikethrough: return "strikethrough";
+    case TextDecorationLineType::UnderlineStrikethrough: return "underline-strikethrough";
+  }
+}
+
+inline void fromDynamic(const folly::dynamic &value, TextDecorationLineStyle &result) {
+  auto string = value.asString();
+  if (string == "single") { result = TextDecorationLineStyle::Single; return; }
+  if (string == "thick") { result = TextDecorationLineStyle::Thick; return; }
+  if (string == "double") { result = TextDecorationLineStyle::Double; return; }
+  abort();
+}
+
+inline std::string toString(const TextDecorationLineStyle &textDecorationLineStyle) {
+  switch (textDecorationLineStyle) {
+    case TextDecorationLineStyle::Single: return "single";
+    case TextDecorationLineStyle::Thick: return "thick";
+    case TextDecorationLineStyle::Double: return "double";
+  }
+}
+
+inline void fromDynamic(const folly::dynamic &value, TextDecorationLinePattern &result) {
+  auto string = value.asString();
+  if (string == "solid") { result = TextDecorationLinePattern::Solid; return; }
+  if (string == "dot") { result = TextDecorationLinePattern::Dot; return; }
+  if (string == "dash") { result = TextDecorationLinePattern::Dash; return; }
+  if (string == "dash-dot") { result = TextDecorationLinePattern::DashDot; return; }
+  if (string == "dash-dot-dot") { result = TextDecorationLinePattern::DashDotDot; return; }
+  abort();
+}
+
+inline std::string toString(const TextDecorationLinePattern &textDecorationLinePattern) {
+  switch (textDecorationLinePattern) {
+    case TextDecorationLinePattern::Solid: return "solid";
+    case TextDecorationLinePattern::Dot: return "dot";
+    case TextDecorationLinePattern::Dash: return "dash";
+    case TextDecorationLinePattern::DashDot: return "dash-dot";
+    case TextDecorationLinePattern::DashDotDot: return "dash-dot-dot";
+  }
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/attributedstring/primitives.h b/ReactCommon/fabric/attributedstring/primitives.h
new file mode 100644
index 00000000000000..7d6d0a79b7cc3b
--- /dev/null
+++ b/ReactCommon/fabric/attributedstring/primitives.h
@@ -0,0 +1,94 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+namespace facebook {
+namespace react {
+
+enum class FontStyle {
+  Normal,
+  Italic,
+  Oblique
+};
+
+enum class FontWeight: int {
+  Weight100 = 100,
+  UltraLight = 100,
+  Weight200 = 200,
+  Thin = 200,
+  Weight300 = 300,
+  Light = 300,
+  Weight400 = 400,
+  Regular = 400,
+  Weight500 = 500,
+  Medium = 500,
+  Weight600 = 600,
+  Semibold = 600,
+  Demibold = 600,
+  Weight700 = 700,
+  Bold = 700,
+  Weight800 = 800,
+  Heavy = 800,
+  Weight900 = 900,
+  Black = 900
+};
+
+enum class FontVariant: int {
+  Default = 0,
+  SmallCaps = 1 << 1,
+  OldstyleNums = 1 << 2,
+  LiningNums = 1 << 3,
+  TabularNums = 1 << 4,
+  ProportionalNums = 1 << 5
+};
+
+enum class EllipsizeMode {
+  Clip,  // Do not add ellipsize, simply clip.
+  Head,  // Truncate at head of line: "...wxyz".
+  Tail,  // Truncate at tail of line: "abcd...".
+  Middle // Truncate middle of line: "ab...yz".
+};
+
+enum class TextAlignment {
+  Natural,  // Indicates the default alignment for script.
+  Left,     // Visually left aligned.
+  Center,   // Visually centered.
+  Right,    // Visually right aligned.
+  Justified // Fully-justified. The last line in a paragraph is natural-aligned.
+};
+
+enum class WritingDirection {
+  Natural,     // Determines direction using the Unicode Bidi Algorithm rules P2 and P3.
+  LeftToRight, // Left to right writing direction.
+  RightToLeft  // Right to left writing direction.
+};
+
+enum class TextDecorationLineType {
+  None,
+  Underline,
+  Strikethrough,
+  UnderlineStrikethrough
+};
+
+enum class TextDecorationLineStyle {
+  Single,
+  Thick,
+  Double
+};
+
+enum class TextDecorationLinePattern {
+  Solid,
+  Dot,
+  Dash,
+  DashDot,
+  DashDotDot,
+};
+
+} // namespace react
+} // namespace facebook
+
diff --git a/ReactAndroid/src/main/java/com/facebook/react/flat/ViewResolver.java b/ReactCommon/fabric/attributedstring/tests/AttributedStringTest.cpp
similarity index 60%
rename from ReactAndroid/src/main/java/com/facebook/react/flat/ViewResolver.java
rename to ReactCommon/fabric/attributedstring/tests/AttributedStringTest.cpp
index 1d742ec8f1eefa..a04597a74552b9 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/flat/ViewResolver.java
+++ b/ReactCommon/fabric/attributedstring/tests/AttributedStringTest.cpp
@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.flat;
+#include <memory>
 
-import android.view.View;
+#include <gtest/gtest.h>
 
-public interface ViewResolver {
-  public View getView(int tag);
+TEST(AttributedStringTest, testSomething) {
+  // TODO
 }
diff --git a/ReactCommon/fabric/components/activityindicator/ActivityIndicatorViewComponentDescriptor.h b/ReactCommon/fabric/components/activityindicator/ActivityIndicatorViewComponentDescriptor.h
new file mode 100644
index 00000000000000..81ce66cacda6fd
--- /dev/null
+++ b/ReactCommon/fabric/components/activityindicator/ActivityIndicatorViewComponentDescriptor.h
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/activityindicator/ActivityIndicatorViewShadowNode.h>
+#include <fabric/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+using ActivityIndicatorViewComponentDescriptor = ConcreteComponentDescriptor<ActivityIndicatorViewShadowNode>;
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/activityindicator/ActivityIndicatorViewProps.cpp b/ReactCommon/fabric/components/activityindicator/ActivityIndicatorViewProps.cpp
new file mode 100644
index 00000000000000..5f0441f3bee2a1
--- /dev/null
+++ b/ReactCommon/fabric/components/activityindicator/ActivityIndicatorViewProps.cpp
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <fabric/components/activityindicator/ActivityIndicatorViewProps.h>
+#include <fabric/components/activityindicator/conversions.h>
+#include <fabric/core/propsConversions.h>
+
+namespace facebook {
+namespace react {
+
+ActivityIndicatorViewProps::ActivityIndicatorViewProps(const ActivityIndicatorViewProps &sourceProps, const RawProps &rawProps):
+  ViewProps(sourceProps, rawProps),
+  animating(convertRawProp(rawProps, "animating", sourceProps.animating)),
+  color(convertRawProp(rawProps, "color", sourceProps.color)),
+  hidesWhenStopped(convertRawProp(rawProps, "hidesWhenStopped", sourceProps.hidesWhenStopped)),
+  size(convertRawProp(rawProps, "size", sourceProps.size)) {}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/activityindicator/ActivityIndicatorViewProps.h b/ReactCommon/fabric/components/activityindicator/ActivityIndicatorViewProps.h
new file mode 100644
index 00000000000000..5a960642e82eb3
--- /dev/null
+++ b/ReactCommon/fabric/components/activityindicator/ActivityIndicatorViewProps.h
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <fabric/components/activityindicator/primitives.h>
+#include <fabric/components/view/ViewProps.h>
+#include <fabric/graphics/Color.h>
+
+namespace facebook {
+namespace react {
+
+// TODO (T28334063): Consider for codegen.
+class ActivityIndicatorViewProps final:
+  public ViewProps {
+
+public:
+  ActivityIndicatorViewProps() = default;
+  ActivityIndicatorViewProps(const ActivityIndicatorViewProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  const bool animating {true};
+  const SharedColor color {colorFromComponents({153/255.0, 153/255.0, 153/255.0, 1.0})}; // #999999
+  const bool hidesWhenStopped {true};
+  const ActivityIndicatorViewSize size {ActivityIndicatorViewSize::Small};
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/activityindicator/ActivityIndicatorViewShadowNode.cpp b/ReactCommon/fabric/components/activityindicator/ActivityIndicatorViewShadowNode.cpp
new file mode 100644
index 00000000000000..a19b2f717cfd85
--- /dev/null
+++ b/ReactCommon/fabric/components/activityindicator/ActivityIndicatorViewShadowNode.cpp
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <fabric/components/activityindicator/ActivityIndicatorViewShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+ComponentName ActivityIndicatorViewShadowNode::getComponentName() const {
+  return ComponentName("ActivityIndicatorView");
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/activityindicator/ActivityIndicatorViewShadowNode.h b/ReactCommon/fabric/components/activityindicator/ActivityIndicatorViewShadowNode.h
new file mode 100644
index 00000000000000..c93462d8403c4b
--- /dev/null
+++ b/ReactCommon/fabric/components/activityindicator/ActivityIndicatorViewShadowNode.h
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/activityindicator/ActivityIndicatorViewProps.h>
+#include <fabric/components/view/ConcreteViewShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * `ShadowNode` for <ActivityIndicatorView> component.
+ */
+class ActivityIndicatorViewShadowNode final:
+  public ConcreteViewShadowNode<ActivityIndicatorViewProps> {
+
+public:
+
+  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+  ComponentName getComponentName() const override;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/activityindicator/BUCK b/ReactCommon/fabric/components/activityindicator/BUCK
new file mode 100644
index 00000000000000..279f207d8014c6
--- /dev/null
+++ b/ReactCommon/fabric/components/activityindicator/BUCK
@@ -0,0 +1,69 @@
+load("//configurations/buck/apple:flag_defs.bzl", "OBJC_ARC_PREPROCESSOR_FLAGS", "get_application_ios_flags", "get_debug_preprocessor_flags")
+load("//ReactNative:DEFS.bzl", "ANDROID", "APPLE", "IS_OSS_BUILD", "subdir_glob", "fb_xplat_cxx_test", "get_apple_compiler_flags", "get_apple_inspector_flags", "react_native_xplat_target", "rn_xplat_cxx_library")
+
+APPLE_COMPILER_FLAGS = get_apple_compiler_flags()
+
+rn_xplat_cxx_library(
+    name = "activityindicator",
+    srcs = glob(
+        ["**/*.cpp"],
+        exclude = glob(["tests/**/*.cpp"]),
+    ),
+    headers = [],
+    header_namespace = "",
+    exported_headers = subdir_glob(
+        [
+            ("", "*.h"),
+        ],
+        prefix = "fabric/components/activityindicator",
+    ),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_tests = [
+        ":tests",
+    ],
+    macosx_tests_override = [],
+    platforms = (ANDROID, APPLE),
+    preprocessor_flags = [
+        "-DLOG_TAG=\"ReactNative\"",
+        "-DWITH_FBSYSTRACE=1",
+    ],
+    tests = [],
+    visibility = ["PUBLIC"],
+    deps = [
+        "xplat//fbsystrace:fbsystrace",
+        "xplat//folly:headers_only",
+        "xplat//folly:memory",
+        "xplat//folly:molly",
+        "xplat//third-party/glog:glog",
+        "xplat//yoga:yoga",
+        react_native_xplat_target("fabric/debug:debug"),
+        react_native_xplat_target("fabric/core:core"),
+        react_native_xplat_target("fabric/graphics:graphics"),
+        react_native_xplat_target("fabric/components/view:view"),
+    ],
+)
+
+fb_xplat_cxx_test(
+    name = "tests",
+    srcs = glob(["tests/**/*.cpp"]),
+    headers = glob(["tests/**/*.h"]),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    platforms = APPLE,
+    deps = [
+        "xplat//folly:molly",
+        "xplat//third-party/gmock:gtest",
+        ":activityindicator",
+    ],
+)
diff --git a/ReactCommon/fabric/components/activityindicator/conversions.h b/ReactCommon/fabric/components/activityindicator/conversions.h
new file mode 100644
index 00000000000000..6d04cca3196b44
--- /dev/null
+++ b/ReactCommon/fabric/components/activityindicator/conversions.h
@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/activityindicator/primitives.h>
+#include <folly/dynamic.h>
+
+namespace facebook {
+namespace react {
+
+inline void fromDynamic(const folly::dynamic &value, ActivityIndicatorViewSize &result) {
+  auto string = value.asString();
+  if (string == "large") { result = ActivityIndicatorViewSize::Large; return; }
+  if (string == "small") { result = ActivityIndicatorViewSize::Small; return; }
+  abort();
+}
+
+inline std::string toString(const ActivityIndicatorViewSize &value) {
+  switch (value) {
+    case ActivityIndicatorViewSize::Large: return "large";
+    case ActivityIndicatorViewSize::Small: return "small";
+  }
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/activityindicator/primitives.h b/ReactCommon/fabric/components/activityindicator/primitives.h
new file mode 100644
index 00000000000000..4d727793be587d
--- /dev/null
+++ b/ReactCommon/fabric/components/activityindicator/primitives.h
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+namespace facebook {
+namespace react {
+
+enum class ActivityIndicatorViewSize {
+  Large,
+  Small,
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/activityindicator/tests/ActivityIndicatorViewTest.cpp b/ReactCommon/fabric/components/activityindicator/tests/ActivityIndicatorViewTest.cpp
new file mode 100644
index 00000000000000..5a168cf958e9dc
--- /dev/null
+++ b/ReactCommon/fabric/components/activityindicator/tests/ActivityIndicatorViewTest.cpp
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <memory>
+
+#include <gtest/gtest.h>
+
+TEST(ActivityIndicatorViewTest, testSomething) {
+  // TODO
+}
diff --git a/ReactCommon/fabric/components/image/BUCK b/ReactCommon/fabric/components/image/BUCK
new file mode 100644
index 00000000000000..51b83be2f897cb
--- /dev/null
+++ b/ReactCommon/fabric/components/image/BUCK
@@ -0,0 +1,82 @@
+load("//configurations/buck/apple:flag_defs.bzl", "OBJC_ARC_PREPROCESSOR_FLAGS", "get_application_ios_flags", "get_debug_preprocessor_flags")
+load(
+    "//ReactNative:DEFS.bzl",
+    "ANDROID",
+    "APPLE",
+    "fb_xplat_cxx_test",
+    "get_apple_compiler_flags",
+    "get_apple_inspector_flags",
+    "react_native_xplat_target",
+    "rn_xplat_cxx_library",
+    "subdir_glob",
+)
+
+APPLE_COMPILER_FLAGS = get_apple_compiler_flags()
+
+rn_xplat_cxx_library(
+    name = "image",
+    srcs = glob(
+        ["**/*.cpp"],
+        exclude = glob(["tests/**/*.cpp"]),
+    ),
+    headers = [],
+    header_namespace = "",
+    exported_headers = subdir_glob(
+        [
+            ("", "*.h"),
+        ],
+        prefix = "fabric/components/image",
+    ),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_tests = [
+        ":tests",
+    ],
+    macosx_tests_override = [],
+    platforms = (ANDROID, APPLE),
+    preprocessor_flags = [
+        "-DLOG_TAG=\"ReactNative\"",
+        "-DWITH_FBSYSTRACE=1",
+    ],
+    tests = [],
+    visibility = ["PUBLIC"],
+    deps = [
+        "xplat//fbsystrace:fbsystrace",
+        "xplat//folly:futures",
+        "xplat//folly:headers_only",
+        "xplat//folly:memory",
+        "xplat//folly:molly",
+        "xplat//third-party/glog:glog",
+        "xplat//yoga:yoga",
+        react_native_xplat_target("fabric/debug:debug"),
+        react_native_xplat_target("fabric/core:core"),
+        react_native_xplat_target("fabric/graphics:graphics"),
+        react_native_xplat_target("fabric/imagemanager:imagemanager"),
+        react_native_xplat_target("fabric/components/view:view"),
+    ],
+)
+
+fb_xplat_cxx_test(
+    name = "tests",
+    srcs = glob(["tests/**/*.cpp"]),
+    headers = glob(["tests/**/*.h"]),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    platforms = APPLE,
+    deps = [
+        "xplat//folly:molly",
+        "xplat//third-party/gmock:gtest",
+        ":image",
+    ],
+)
diff --git a/ReactCommon/fabric/components/image/ImageComponentDescriptor.h b/ReactCommon/fabric/components/image/ImageComponentDescriptor.h
new file mode 100644
index 00000000000000..d62104c8c21c47
--- /dev/null
+++ b/ReactCommon/fabric/components/image/ImageComponentDescriptor.h
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/image/ImageShadowNode.h>
+#include <fabric/core/ConcreteComponentDescriptor.h>
+#include <fabric/imagemanager/ImageManager.h>
+#include <fabric/uimanager/ContextContainer.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Descriptor for <Image> component.
+ */
+class ImageComponentDescriptor final:
+  public ConcreteComponentDescriptor<ImageShadowNode> {
+
+public:
+  ImageComponentDescriptor(SharedEventDispatcher eventDispatcher, const SharedContextContainer &contextContainer):
+    ConcreteComponentDescriptor(eventDispatcher),
+    imageManager_(contextContainer->getInstance<SharedImageManager>()) {}
+
+  void adopt(UnsharedShadowNode shadowNode) const override {
+    ConcreteComponentDescriptor::adopt(shadowNode);
+
+    assert(std::dynamic_pointer_cast<ImageShadowNode>(shadowNode));
+    auto imageShadowNode = std::static_pointer_cast<ImageShadowNode>(shadowNode);
+
+    // `ImageShadowNode` uses `ImageManager` to initiate image loading and
+    // communicate the loading state and results to mounting layer.
+    imageShadowNode->setImageManager(imageManager_);
+  }
+
+private:
+  const SharedImageManager imageManager_;
+};
+
+} // namespace react
+} // namespace facebook
+
diff --git a/ReactCommon/fabric/components/image/ImageEventEmitter.cpp b/ReactCommon/fabric/components/image/ImageEventEmitter.cpp
new file mode 100644
index 00000000000000..85ba6114ebc22a
--- /dev/null
+++ b/ReactCommon/fabric/components/image/ImageEventEmitter.cpp
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ImageEventEmitter.h"
+
+namespace facebook {
+namespace react {
+
+void ImageEventEmitter::onLoadStart() const {
+  dispatchEvent("loadStart");
+}
+
+void ImageEventEmitter::onLoad() const {
+  dispatchEvent("load");
+}
+
+void ImageEventEmitter::onLoadEnd() const {
+  dispatchEvent("loadEnd");
+}
+
+void ImageEventEmitter::onProgress() const {
+  dispatchEvent("progress");
+}
+
+void ImageEventEmitter::onError() const {
+  dispatchEvent("error");
+}
+
+void ImageEventEmitter::onPartialLoad() const {
+  dispatchEvent("partialLoad");
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/image/ImageEventEmitter.h b/ReactCommon/fabric/components/image/ImageEventEmitter.h
new file mode 100644
index 00000000000000..4cb2625aebd29e
--- /dev/null
+++ b/ReactCommon/fabric/components/image/ImageEventEmitter.h
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+#pragma once
+
+#include <fabric/components/view/ViewEventEmitter.h>
+
+namespace facebook {
+namespace react {
+
+class ImageEventEmitter:
+  public ViewEventEmitter {
+
+public:
+  using ViewEventEmitter::ViewEventEmitter;
+
+  void onLoadStart() const;
+  void onLoad() const;
+  void onLoadEnd() const;
+  void onProgress() const;
+  void onError() const;
+  void onPartialLoad() const;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/image/ImageLocalData.cpp b/ReactCommon/fabric/components/image/ImageLocalData.cpp
new file mode 100644
index 00000000000000..7ce5429da5f4ec
--- /dev/null
+++ b/ReactCommon/fabric/components/image/ImageLocalData.cpp
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ImageLocalData.h"
+
+#include <fabric/components/image/conversions.h>
+#include <fabric/debug/debugStringConvertibleUtils.h>
+
+namespace facebook {
+namespace react {
+
+ImageSource ImageLocalData::getImageSource() const {
+  return imageSource_;
+}
+
+const ImageRequest &ImageLocalData::getImageRequest() const {
+  return imageRequest_;
+}
+
+#pragma mark - DebugStringConvertible
+
+std::string ImageLocalData::getDebugName() const {
+  return "ImageLocalData";
+}
+
+SharedDebugStringConvertibleList ImageLocalData::getDebugProps() const {
+  return {
+    debugStringConvertibleItem("imageSource", imageSource_)
+  };
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/image/ImageLocalData.h b/ReactCommon/fabric/components/image/ImageLocalData.h
new file mode 100644
index 00000000000000..5a3d1a75dfaa5a
--- /dev/null
+++ b/ReactCommon/fabric/components/image/ImageLocalData.h
@@ -0,0 +1,57 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/core/LocalData.h>
+#include <fabric/imagemanager/primitives.h>
+#include <fabric/imagemanager/ImageRequest.h>
+
+namespace facebook {
+namespace react {
+
+class ImageLocalData;
+
+using SharedImageLocalData = std::shared_ptr<const ImageLocalData>;
+
+/*
+ * LocalData for <Image> component.
+ * Represents the image request state and (possible) retrieved image bitmap.
+ */
+class ImageLocalData:
+  public LocalData {
+
+public:
+
+  ImageLocalData(const ImageSource &imageSource, ImageRequest imageRequest):
+    imageSource_(imageSource),
+    imageRequest_(std::move(imageRequest)) {};
+
+  /*
+   * Returns stored ImageSource object.
+   */
+  ImageSource getImageSource() const;
+
+  /*
+   * Exposes for reading stored `ImageRequest` object.
+   * `ImageRequest` object cannot be copied or moved from `ImageLocalData`.
+   */
+  const ImageRequest &getImageRequest() const;
+
+#pragma mark - DebugStringConvertible
+
+  std::string getDebugName() const override;
+  SharedDebugStringConvertibleList getDebugProps() const override;
+
+private:
+
+  ImageSource imageSource_;
+  ImageRequest imageRequest_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/image/ImageProps.cpp b/ReactCommon/fabric/components/image/ImageProps.cpp
new file mode 100644
index 00000000000000..8e09e551710bb7
--- /dev/null
+++ b/ReactCommon/fabric/components/image/ImageProps.cpp
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <fabric/components/image/conversions.h>
+#include <fabric/components/image/ImageProps.h>
+#include <fabric/core/propsConversions.h>
+
+namespace facebook {
+namespace react {
+
+ImageProps::ImageProps(const ImageProps &sourceProps, const RawProps &rawProps):
+  ViewProps(sourceProps, rawProps),
+  sources(convertRawProp(rawProps, "source", sourceProps.sources)),
+  defaultSources(convertRawProp(rawProps, "defaultSource", sourceProps.defaultSources)),
+  resizeMode(convertRawProp(rawProps, "resizeMode", sourceProps.resizeMode, ImageResizeMode::Stretch)),
+  blurRadius(convertRawProp(rawProps, "blurRadius", sourceProps.blurRadius)),
+  capInsets(convertRawProp(rawProps, "capInsets", sourceProps.capInsets)),
+  tintColor(convertRawProp(rawProps, "tintColor", sourceProps.tintColor)) {}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/image/ImageProps.h b/ReactCommon/fabric/components/image/ImageProps.h
new file mode 100644
index 00000000000000..fb17248179e304
--- /dev/null
+++ b/ReactCommon/fabric/components/image/ImageProps.h
@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <fabric/components/view/ViewProps.h>
+#include <fabric/graphics/Color.h>
+#include <fabric/imagemanager/primitives.h>
+
+namespace facebook {
+namespace react {
+
+// TODO (T28334063): Consider for codegen.
+class ImageProps final:
+  public ViewProps {
+
+public:
+  ImageProps() = default;
+  ImageProps(const ImageProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  const ImageSources sources {};
+  const ImageSources defaultSources {};
+  const ImageResizeMode resizeMode {ImageResizeMode::Stretch};
+  const Float blurRadius {};
+  const EdgeInsets capInsets {};
+  const SharedColor tintColor {};
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/image/ImageShadowNode.cpp b/ReactCommon/fabric/components/image/ImageShadowNode.cpp
new file mode 100644
index 00000000000000..c9849fb347e73b
--- /dev/null
+++ b/ReactCommon/fabric/components/image/ImageShadowNode.cpp
@@ -0,0 +1,91 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <cstdlib>
+
+#include <fabric/components/image/ImageShadowNode.h>
+#include <fabric/components/image/ImageLocalData.h>
+#include <fabric/core/LayoutContext.h>
+
+namespace facebook {
+namespace react {
+
+ComponentName ImageShadowNode::getComponentName() const {
+  return ComponentName("Image");
+}
+
+void ImageShadowNode::setImageManager(const SharedImageManager &imageManager) {
+  ensureUnsealed();
+  imageManager_ = imageManager;
+}
+
+void ImageShadowNode::updateLocalData() {
+  const auto &imageSource = getImageSource();
+  const auto &currentLocalData = getLocalData();
+  if (currentLocalData) {
+    assert(std::dynamic_pointer_cast<const ImageLocalData>(currentLocalData));
+    auto currentImageLocalData = std::static_pointer_cast<const ImageLocalData>(currentLocalData);
+    if (currentImageLocalData->getImageSource() == imageSource) {
+      // Same `imageSource` is already in `localData`,
+      // no need to (re)request an image resource.
+      return;
+    }
+  }
+
+  // Now we are about to mutate the Shadow Node.
+  ensureUnsealed();
+
+  auto imageRequest = imageManager_->requestImage(imageSource);
+  auto imageLocalData = std::make_shared<ImageLocalData>(imageSource, std::move(imageRequest));
+  setLocalData(imageLocalData);
+}
+
+ImageSource ImageShadowNode::getImageSource() const {
+  auto sources = getProps()->sources;
+
+  if (sources.size() == 0) {
+    return {.type = ImageSource::Type::Invalid};
+  }
+
+  if (sources.size() == 1) {
+    return sources[0];
+  }
+
+  auto layoutMetrics = getLayoutMetrics();
+  auto size = layoutMetrics.getContentFrame().size;
+  auto scale = layoutMetrics.pointScaleFactor;
+  auto targetImageArea = size.width * size.height * scale * scale;
+  auto bestFit = kFloatMax;
+
+  ImageSource bestSource;
+
+  for (const auto &source : sources) {
+    auto sourceSize = source.size;
+    auto sourceScale = source.scale == 0 ? scale : source.scale;
+    auto sourceArea =
+      sourceSize.width * sourceSize.height * sourceScale * sourceScale;
+
+    auto fit = std::abs(1 - (sourceArea / targetImageArea));
+
+    if (fit < bestFit) {
+      bestFit = fit;
+      bestSource = source;
+    }
+  }
+
+  return bestSource;
+}
+
+#pragma mark - LayoutableShadowNode
+
+void ImageShadowNode::layout(LayoutContext layoutContext) {
+  updateLocalData();
+  ConcreteViewShadowNode::layout(layoutContext);
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/image/ImageShadowNode.h b/ReactCommon/fabric/components/image/ImageShadowNode.h
new file mode 100644
index 00000000000000..f8148c94dc6271
--- /dev/null
+++ b/ReactCommon/fabric/components/image/ImageShadowNode.h
@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/image/ImageEventEmitter.h>
+#include <fabric/components/image/ImageProps.h>
+#include <fabric/components/view/ConcreteViewShadowNode.h>
+#include <fabric/imagemanager/ImageManager.h>
+#include <fabric/imagemanager/primitives.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * `ShadowNode` for <Image> component.
+ */
+class ImageShadowNode final:
+  public ConcreteViewShadowNode<ImageProps, ImageEventEmitter> {
+
+public:
+
+  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+  ComponentName getComponentName() const override;
+
+  /*
+   * Associates a shared `ImageManager` with the node.
+   */
+  void setImageManager(const SharedImageManager &imageManager);
+
+#pragma mark - LayoutableShadowNode
+
+  void layout(LayoutContext layoutContext) override;
+
+private:
+
+  /*
+   * (Re)Creates a `LocalData` object (with `ImageRequest`) if needed.
+   */
+  void updateLocalData();
+
+  ImageSource getImageSource() const;
+
+  SharedImageManager imageManager_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/image/conversions.h b/ReactCommon/fabric/components/image/conversions.h
new file mode 100644
index 00000000000000..3ec3674efd5cb2
--- /dev/null
+++ b/ReactCommon/fabric/components/image/conversions.h
@@ -0,0 +1,90 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/imagemanager/primitives.h>
+#include <fabric/graphics/conversions.h>
+#include <folly/dynamic.h>
+
+namespace facebook {
+namespace react {
+
+inline void fromDynamic(const folly::dynamic &value, ImageSource &result) {
+  if (value.isString()) {
+    result = {
+      .type = ImageSource::Type::Remote,
+      .uri = value.asString()
+    };
+    return;
+  }
+
+  if (value.isObject()) {
+    result = {};
+
+    result.type = ImageSource::Type::Remote;
+
+    if (value.count("__packager_asset")) {
+      result.type = ImageSource::Type::Local;
+    }
+
+    if (value.count("width") && value.count("height")) {
+      fromDynamic(value, result.size);
+    }
+
+    if (value.count("scale")) {
+      result.scale = (Float)value["scale"].asDouble();
+    } else {
+      result.scale = value.count("deprecated") ? 0.0 : 1.0;
+    }
+
+    if (value.count("url")) {
+      result.uri = value["url"].asString();
+    }
+
+    if (value.count("uri")) {
+      result.uri = value["uri"].asString();
+    }
+
+    if (value.count("bundle")) {
+      result.bundle = value["bundle"].asString();
+      result.type = ImageSource::Type::Local;
+    }
+
+    return;
+  }
+
+  abort();
+}
+
+inline std::string toString(const ImageSource &value) {
+  return "{uri: " + value.uri + "}";
+}
+
+inline void fromDynamic(const folly::dynamic &value, ImageResizeMode &result) {
+  assert(value.isString());
+  auto stringValue = value.asString();
+  if (stringValue == "cover") { result = ImageResizeMode::Cover; return; }
+  if (stringValue == "contain") { result = ImageResizeMode::Contain; return; }
+  if (stringValue == "stretch") { result = ImageResizeMode::Stretch; return; }
+  if (stringValue == "center") { result = ImageResizeMode::Center; return; }
+  if (stringValue == "repeat") { result = ImageResizeMode::Repeat; return; }
+  abort();
+}
+
+inline std::string toString(const ImageResizeMode &value) {
+  switch (value) {
+    case ImageResizeMode::Cover: return "cover";
+    case ImageResizeMode::Contain: return "contain";
+    case ImageResizeMode::Stretch: return "stretch";
+    case ImageResizeMode::Center: return "center";
+    case ImageResizeMode::Repeat: return "repeat";
+  }
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/image/tests/ImageTest.cpp b/ReactCommon/fabric/components/image/tests/ImageTest.cpp
new file mode 100644
index 00000000000000..a55a5783d83c10
--- /dev/null
+++ b/ReactCommon/fabric/components/image/tests/ImageTest.cpp
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <memory>
+
+#include <gtest/gtest.h>
+
+TEST(SwitchTest, testSomething) {
+  // TODO
+}
diff --git a/ReactCommon/fabric/components/root/BUCK b/ReactCommon/fabric/components/root/BUCK
new file mode 100644
index 00000000000000..0b022a649151a4
--- /dev/null
+++ b/ReactCommon/fabric/components/root/BUCK
@@ -0,0 +1,80 @@
+load("//configurations/buck/apple:flag_defs.bzl", "OBJC_ARC_PREPROCESSOR_FLAGS", "get_application_ios_flags", "get_debug_preprocessor_flags")
+load(
+    "//ReactNative:DEFS.bzl",
+    "ANDROID",
+    "APPLE",
+    "subdir_glob",
+    "fb_xplat_cxx_test",
+    "get_apple_compiler_flags",
+    "get_apple_inspector_flags",
+    "react_native_xplat_target",
+    "rn_xplat_cxx_library",
+)
+
+APPLE_COMPILER_FLAGS = get_apple_compiler_flags()
+
+rn_xplat_cxx_library(
+    name = "root",
+    srcs = glob(
+        ["**/*.cpp"],
+        exclude = glob(["tests/**/*.cpp"]),
+    ),
+    headers = [],
+    header_namespace = "",
+    exported_headers = subdir_glob(
+        [
+            ("", "*.h"),
+        ],
+        prefix = "fabric/components/root",
+    ),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_tests = [
+        ":tests",
+    ],
+    macosx_tests_override = [],
+    platforms = (ANDROID, APPLE),
+    preprocessor_flags = [
+        "-DLOG_TAG=\"ReactNative\"",
+        "-DWITH_FBSYSTRACE=1",
+    ],
+    tests = [],
+    visibility = ["PUBLIC"],
+    deps = [
+        "xplat//fbsystrace:fbsystrace",
+        "xplat//folly:headers_only",
+        "xplat//folly:memory",
+        "xplat//folly:molly",
+        "xplat//third-party/glog:glog",
+        "xplat//yoga:yoga",
+        react_native_xplat_target("fabric/debug:debug"),
+        react_native_xplat_target("fabric/core:core"),
+        react_native_xplat_target("fabric/graphics:graphics"),
+        react_native_xplat_target("fabric/components/view:view"),
+    ],
+)
+
+fb_xplat_cxx_test(
+    name = "tests",
+    srcs = glob(["tests/**/*.cpp"]),
+    headers = glob(["tests/**/*.h"]),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    platforms = APPLE,
+    deps = [
+        "xplat//folly:molly",
+        "xplat//third-party/gmock:gtest",
+        ":root",
+    ],
+)
diff --git a/ReactCommon/fabric/components/root/RootProps.cpp b/ReactCommon/fabric/components/root/RootProps.cpp
new file mode 100644
index 00000000000000..f3c65e38db8cc5
--- /dev/null
+++ b/ReactCommon/fabric/components/root/RootProps.cpp
@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "RootProps.h"
+
+#include <fabric/components/view/conversions.h>
+#include <fabric/components/view/YogaLayoutableShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+static YGStyle yogaStyleFromLayoutConstraints(const LayoutConstraints &layoutConstraints) {
+  YGStyle yogaStyle;
+  yogaStyle.minDimensions[YGDimensionWidth] =
+    yogaStyleValueFromFloat(layoutConstraints.minimumSize.width);
+  yogaStyle.minDimensions[YGDimensionHeight] =
+    yogaStyleValueFromFloat(layoutConstraints.minimumSize.height);
+
+  yogaStyle.maxDimensions[YGDimensionWidth] =
+    yogaStyleValueFromFloat(layoutConstraints.maximumSize.width);
+  yogaStyle.maxDimensions[YGDimensionHeight] =
+    yogaStyleValueFromFloat(layoutConstraints.maximumSize.height);
+
+  return yogaStyle;
+}
+
+RootProps::RootProps(
+  const RootProps &sourceProps,
+  const LayoutConstraints &layoutConstraints,
+  const LayoutContext &layoutContext
+):
+  ViewProps(yogaStyleFromLayoutConstraints(layoutConstraints)),
+  layoutConstraints(layoutConstraints),
+  layoutContext(layoutContext) {};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/root/RootProps.h b/ReactCommon/fabric/components/root/RootProps.h
new file mode 100644
index 00000000000000..b6c4a2ae58f464
--- /dev/null
+++ b/ReactCommon/fabric/components/root/RootProps.h
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <memory>
+
+#include <fabric/components/view/ViewProps.h>
+#include <fabric/core/LayoutConstraints.h>
+#include <fabric/core/LayoutContext.h>
+
+namespace facebook {
+namespace react {
+
+class RootProps;
+
+using SharedRootProps = std::shared_ptr<const RootProps>;
+
+class RootProps final:
+  public ViewProps {
+
+public:
+
+  RootProps() = default;
+  RootProps(
+    const RootProps &sourceProps,
+    const LayoutConstraints &layoutConstraints,
+    const LayoutContext &layoutContext
+  );
+
+#pragma mark - Props
+
+  const LayoutConstraints layoutConstraints {};
+  const LayoutContext layoutContext {};
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/root/RootShadowNode.cpp b/ReactCommon/fabric/components/root/RootShadowNode.cpp
new file mode 100644
index 00000000000000..045be456914a5d
--- /dev/null
+++ b/ReactCommon/fabric/components/root/RootShadowNode.cpp
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "RootShadowNode.h"
+
+#include <fabric/components/view/conversions.h>
+
+namespace facebook {
+namespace react {
+
+ComponentName RootShadowNode::getComponentName() const {
+  return ComponentName("RootView");
+}
+
+void RootShadowNode::layout() {
+  ensureUnsealed();
+  layout(getProps()->layoutContext);
+
+  // This is the rare place where shadow node must layout (set `layoutMetrics`)
+  // itself because there is no a parent node which usually should do it.
+  setLayoutMetrics(layoutMetricsFromYogaNode(yogaNode_));
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/root/RootShadowNode.h b/ReactCommon/fabric/components/root/RootShadowNode.h
new file mode 100644
index 00000000000000..b6d96db38da1dd
--- /dev/null
+++ b/ReactCommon/fabric/components/root/RootShadowNode.h
@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <memory>
+
+#include <fabric/components/root/RootProps.h>
+#include <fabric/components/view/ConcreteViewShadowNode.h>
+#include <fabric/core/LayoutContext.h>
+
+namespace facebook {
+namespace react {
+
+class RootShadowNode;
+
+using SharedRootShadowNode = std::shared_ptr<const RootShadowNode>;
+using UnsharedRootShadowNode = std::shared_ptr<RootShadowNode>;
+
+/*
+ * `ShadowNode` for the root component.
+ * Besides all functionality of the `View` component, `RootShadowNode` contains
+ * props which represent external layout constraints and context of the
+ * shadow tree.
+ */
+class RootShadowNode final:
+  public ConcreteViewShadowNode<RootProps> {
+
+public:
+
+  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+  ComponentName getComponentName() const override;
+
+  /*
+   * Layouts the shadow tree.
+   */
+  void layout();
+
+private:
+
+  using YogaLayoutableShadowNode::layout;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/root/tests/RootShadowNodeTest.cpp b/ReactCommon/fabric/components/root/tests/RootShadowNodeTest.cpp
new file mode 100644
index 00000000000000..776da172dc0f60
--- /dev/null
+++ b/ReactCommon/fabric/components/root/tests/RootShadowNodeTest.cpp
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <memory>
+
+#include <gtest/gtest.h>
+
+TEST(RootShadowNodeTest, testSomething) {
+  // TODO
+}
diff --git a/ReactCommon/fabric/components/scrollview/BUCK b/ReactCommon/fabric/components/scrollview/BUCK
new file mode 100644
index 00000000000000..e340c29453486d
--- /dev/null
+++ b/ReactCommon/fabric/components/scrollview/BUCK
@@ -0,0 +1,84 @@
+load("//configurations/buck/apple:flag_defs.bzl", "OBJC_ARC_PREPROCESSOR_FLAGS", "get_application_ios_flags", "get_debug_preprocessor_flags")
+load(
+    "//ReactNative:DEFS.bzl",
+    "ANDROID",
+    "APPLE",
+    "fb_xplat_cxx_test",
+    "get_apple_compiler_flags",
+    "get_apple_inspector_flags",
+    "react_native_xplat_target",
+    "rn_xplat_cxx_library",
+    "subdir_glob",
+)
+
+APPLE_COMPILER_FLAGS = get_apple_compiler_flags()
+
+rn_xplat_cxx_library(
+    name = "scrollview",
+    srcs = glob(
+        ["**/*.cpp"],
+        exclude = glob(["tests/**/*.cpp"]),
+    ),
+    headers = glob(
+        ["**/*.h"],
+        exclude = glob(["tests/**/*.h"]),
+    ),
+    header_namespace = "",
+    exported_headers = subdir_glob(
+        [
+            ("", "*.h"),
+        ],
+        prefix = "fabric/components/scrollview",
+    ),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_tests = [
+        ":tests",
+    ],
+    force_static = True,
+    macosx_tests_override = [],
+    platforms = (ANDROID, APPLE),
+    preprocessor_flags = [
+        "-DLOG_TAG=\"ReactNative\"",
+        "-DWITH_FBSYSTRACE=1",
+    ],
+    tests = [],
+    visibility = ["PUBLIC"],
+    deps = [
+        "xplat//fbsystrace:fbsystrace",
+        "xplat//folly:headers_only",
+        "xplat//folly:memory",
+        "xplat//folly:molly",
+        "xplat//third-party/glog:glog",
+        "xplat//yoga:yoga",
+        react_native_xplat_target("fabric/debug:debug"),
+        react_native_xplat_target("fabric/core:core"),
+        react_native_xplat_target("fabric/graphics:graphics"),
+        react_native_xplat_target("fabric/components/view:view"),
+    ],
+)
+
+fb_xplat_cxx_test(
+    name = "tests",
+    srcs = glob(["tests/**/*.cpp"]),
+    headers = glob(["tests/**/*.h"]),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    platforms = APPLE,
+    deps = [
+        "xplat//folly:molly",
+        "xplat//third-party/gmock:gtest",
+        ":scrollview",
+    ],
+)
diff --git a/ReactCommon/fabric/components/scrollview/ScrollViewComponentDescriptor.h b/ReactCommon/fabric/components/scrollview/ScrollViewComponentDescriptor.h
new file mode 100644
index 00000000000000..9b7b3737735c48
--- /dev/null
+++ b/ReactCommon/fabric/components/scrollview/ScrollViewComponentDescriptor.h
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/scrollview/ScrollViewShadowNode.h>
+#include <fabric/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+using ScrollViewComponentDescriptor = ConcreteComponentDescriptor<ScrollViewShadowNode>;
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/scrollview/ScrollViewEventEmitter.cpp b/ReactCommon/fabric/components/scrollview/ScrollViewEventEmitter.cpp
new file mode 100644
index 00000000000000..c416b98b4dde37
--- /dev/null
+++ b/ReactCommon/fabric/components/scrollview/ScrollViewEventEmitter.cpp
@@ -0,0 +1,64 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ScrollViewEventEmitter.h"
+
+namespace facebook {
+namespace react {
+
+void ScrollViewEventEmitter::onScroll(const ScrollViewMetrics &scrollViewMetrics) const {
+  dispatchScrollViewEvent("scroll", scrollViewMetrics);
+}
+
+void ScrollViewEventEmitter::onScrollBeginDrag(const ScrollViewMetrics &scrollViewMetrics) const {
+  dispatchScrollViewEvent("scrollBeginDrag", scrollViewMetrics);
+}
+
+void ScrollViewEventEmitter::onScrollEndDrag(const ScrollViewMetrics &scrollViewMetrics) const {
+  dispatchScrollViewEvent("scrollEndDrag", scrollViewMetrics);
+}
+
+void ScrollViewEventEmitter::onMomentumScrollBegin(const ScrollViewMetrics &scrollViewMetrics) const {
+  dispatchScrollViewEvent("momentumScrollBegin", scrollViewMetrics);
+}
+
+void ScrollViewEventEmitter::onMomentumScrollEnd(const ScrollViewMetrics &scrollViewMetrics) const {
+  dispatchScrollViewEvent("momentumScrollEnd", scrollViewMetrics);
+}
+
+void ScrollViewEventEmitter::dispatchScrollViewEvent(const std::string &name, const ScrollViewMetrics &scrollViewMetrics, const folly::dynamic &payload) const {
+  folly::dynamic compoundPayload = folly::dynamic::object();
+
+  compoundPayload["contentOffset"] = folly::dynamic::object
+    ("x", scrollViewMetrics.contentOffset.x)
+    ("y", scrollViewMetrics.contentOffset.y);
+
+  compoundPayload["contentInset"] = folly::dynamic::object
+    ("top", scrollViewMetrics.contentInset.top)
+    ("left", scrollViewMetrics.contentInset.left)
+    ("bottom", scrollViewMetrics.contentInset.bottom)
+    ("right", scrollViewMetrics.contentInset.right);
+
+  compoundPayload["contentSize"] = folly::dynamic::object
+    ("width", scrollViewMetrics.contentSize.width)
+    ("height", scrollViewMetrics.contentSize.height);
+
+  compoundPayload["layoutMeasurement"] = folly::dynamic::object
+    ("width", scrollViewMetrics.containerSize.width)
+    ("height", scrollViewMetrics.containerSize.height);
+
+  compoundPayload["zoomScale"] = scrollViewMetrics.zoomScale;
+
+  if (!payload.isNull()) {
+    compoundPayload.merge_patch(payload);
+  }
+
+  dispatchEvent(name, compoundPayload);
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/scrollview/ScrollViewEventEmitter.h b/ReactCommon/fabric/components/scrollview/ScrollViewEventEmitter.h
new file mode 100644
index 00000000000000..2c662703a7266b
--- /dev/null
+++ b/ReactCommon/fabric/components/scrollview/ScrollViewEventEmitter.h
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+#pragma once
+
+#include <memory>
+
+#include <fabric/components/view/ViewEventEmitter.h>
+#include <fabric/events/EventEmitter.h>
+#include <fabric/graphics/Geometry.h>
+#include <folly/dynamic.h>
+
+namespace facebook {
+namespace react {
+
+class ScrollViewMetrics {
+public:
+  Size contentSize;
+  Point contentOffset;
+  EdgeInsets contentInset;
+  Size containerSize;
+  Float zoomScale;
+};
+
+class ScrollViewEventEmitter;
+
+using SharedScrollViewEventEmitter = std::shared_ptr<const ScrollViewEventEmitter>;
+
+class ScrollViewEventEmitter:
+  public ViewEventEmitter {
+
+public:
+
+  using ViewEventEmitter::ViewEventEmitter;
+
+  void onScroll(const ScrollViewMetrics &scrollViewMetrics) const;
+  void onScrollBeginDrag(const ScrollViewMetrics &scrollViewMetrics) const;
+  void onScrollEndDrag(const ScrollViewMetrics &scrollViewMetrics) const;
+  void onMomentumScrollBegin(const ScrollViewMetrics &scrollViewMetrics) const;
+  void onMomentumScrollEnd(const ScrollViewMetrics &scrollViewMetrics) const;
+
+private:
+
+  void dispatchScrollViewEvent(const std::string &name, const ScrollViewMetrics &scrollViewMetrics, const folly::dynamic &payload = {}) const;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/scrollview/ScrollViewLocalData.cpp b/ReactCommon/fabric/components/scrollview/ScrollViewLocalData.cpp
new file mode 100644
index 00000000000000..a4424f81f97b7d
--- /dev/null
+++ b/ReactCommon/fabric/components/scrollview/ScrollViewLocalData.cpp
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ScrollViewLocalData.h"
+
+#include <fabric/debug/debugStringConvertibleUtils.h>
+#include <fabric/graphics/conversions.h>
+
+namespace facebook {
+namespace react {
+
+ScrollViewLocalData::ScrollViewLocalData(Rect contentBoundingRect):
+  contentBoundingRect(contentBoundingRect) {}
+
+Size ScrollViewLocalData::getContentSize() const {
+  return Size {contentBoundingRect.getMaxX(), contentBoundingRect.getMaxY()};
+}
+
+#pragma mark - DebugStringConvertible
+
+std::string ScrollViewLocalData::getDebugName() const {
+  return "ScrollViewLocalData";
+}
+
+SharedDebugStringConvertibleList ScrollViewLocalData::getDebugProps() const {
+  return {
+    debugStringConvertibleItem("contentBoundingRect", contentBoundingRect)
+  };
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/scrollview/ScrollViewLocalData.h b/ReactCommon/fabric/components/scrollview/ScrollViewLocalData.h
new file mode 100644
index 00000000000000..8ed967d6232880
--- /dev/null
+++ b/ReactCommon/fabric/components/scrollview/ScrollViewLocalData.h
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/core/LocalData.h>
+#include <fabric/graphics/Geometry.h>
+
+namespace facebook {
+namespace react {
+
+class ScrollViewLocalData;
+
+using SharedScrollViewLocalData = std::shared_ptr<const ScrollViewLocalData>;
+
+/*
+ * LocalData for <ScrollView> component.
+ */
+class ScrollViewLocalData:
+  public LocalData {
+
+public:
+  ScrollViewLocalData(Rect contentBoundingRect);
+
+  /*
+   * Compound size of all nested (first level only) components;
+   * is used for computing `contentSize`.
+   */
+  const Rect contentBoundingRect;
+
+#pragma mark - Getters
+
+  Size getContentSize() const;
+
+#pragma mark - DebugStringConvertible
+
+  std::string getDebugName() const override;
+  SharedDebugStringConvertibleList getDebugProps() const override;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/scrollview/ScrollViewProps.cpp b/ReactCommon/fabric/components/scrollview/ScrollViewProps.cpp
new file mode 100644
index 00000000000000..cdee74966e67bc
--- /dev/null
+++ b/ReactCommon/fabric/components/scrollview/ScrollViewProps.cpp
@@ -0,0 +1,84 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ScrollViewProps.h"
+
+#include <fabric/components/scrollview/conversions.h>
+#include <fabric/debug/debugStringConvertibleUtils.h>
+#include <fabric/graphics/conversions.h>
+
+#include <fabric/core/propsConversions.h>
+
+namespace facebook {
+namespace react {
+
+ScrollViewProps::ScrollViewProps(const ScrollViewProps &sourceProps, const RawProps &rawProps):
+  ViewProps(sourceProps, rawProps),
+  alwaysBounceHorizontal(convertRawProp(rawProps, "alwaysBounceHorizontal", sourceProps.alwaysBounceHorizontal, true)),
+  alwaysBounceVertical(convertRawProp(rawProps, "alwaysBounceVertical", sourceProps.alwaysBounceVertical, true)),
+  bounces(convertRawProp(rawProps, "bounces", sourceProps.bounces, true)),
+  bouncesZoom(convertRawProp(rawProps, "bouncesZoom", sourceProps.bouncesZoom, true)),
+  canCancelContentTouches(convertRawProp(rawProps, "canCancelContentTouches", sourceProps.canCancelContentTouches)),
+  centerContent(convertRawProp(rawProps, "centerContent", sourceProps.centerContent)),
+  automaticallyAdjustContentInsets(convertRawProp(rawProps, "automaticallyAdjustContentInsets", sourceProps.automaticallyAdjustContentInsets)),
+  decelerationRate(convertRawProp(rawProps, "decelerationRate", sourceProps.decelerationRate, (Float)0.998)),
+  directionalLockEnabled(convertRawProp(rawProps, "directionalLockEnabled", sourceProps.directionalLockEnabled)),
+  indicatorStyle(convertRawProp(rawProps, "indicatorStyle", sourceProps.indicatorStyle)),
+  keyboardDismissMode(convertRawProp(rawProps, "keyboardDismissMode", sourceProps.keyboardDismissMode)),
+  maximumZoomScale(convertRawProp(rawProps, "maximumZoomScale", sourceProps.maximumZoomScale, (Float)1.0)),
+  minimumZoomScale(convertRawProp(rawProps, "minimumZoomScale", sourceProps.minimumZoomScale, (Float)1.0)),
+  scrollEnabled(convertRawProp(rawProps, "scrollEnabled", sourceProps.scrollEnabled, true)),
+  pagingEnabled(convertRawProp(rawProps, "pagingEnabled", sourceProps.pagingEnabled)),
+  pinchGestureEnabled(convertRawProp(rawProps, "pinchGestureEnabled", sourceProps.pinchGestureEnabled, true)),
+  scrollsToTop(convertRawProp(rawProps, "scrollsToTop", sourceProps.scrollsToTop, true)),
+  showsHorizontalScrollIndicator(convertRawProp(rawProps, "showsHorizontalScrollIndicator", sourceProps.showsHorizontalScrollIndicator, true)),
+  showsVerticalScrollIndicator(convertRawProp(rawProps, "showsVerticalScrollIndicator", sourceProps.showsVerticalScrollIndicator, true)),
+  scrollEventThrottle(convertRawProp(rawProps, "scrollEventThrottle", sourceProps.scrollEventThrottle)),
+  zoomScale(convertRawProp(rawProps, "zoomScale", sourceProps.zoomScale, (Float)1.0)),
+  contentInset(convertRawProp(rawProps, "contentInset", sourceProps.contentInset)),
+  scrollIndicatorInsets(convertRawProp(rawProps, "scrollIndicatorInsets", sourceProps.scrollIndicatorInsets)),
+  snapToInterval(convertRawProp(rawProps, "snapToInterval", sourceProps.snapToInterval)),
+  snapToAlignment(convertRawProp(rawProps, "snapToAlignment", sourceProps.snapToAlignment)) {}
+
+#pragma mark - DebugStringConvertible
+
+SharedDebugStringConvertibleList ScrollViewProps::getDebugProps() const {
+  ScrollViewProps defaultScrollViewProps;
+
+  return
+    ViewProps::getDebugProps() +
+    SharedDebugStringConvertibleList {
+      debugStringConvertibleItem("alwaysBounceHorizontal", alwaysBounceHorizontal, defaultScrollViewProps.alwaysBounceHorizontal),
+      debugStringConvertibleItem("alwaysBounceVertical", alwaysBounceVertical, defaultScrollViewProps.alwaysBounceVertical),
+      debugStringConvertibleItem("bounces", bounces, defaultScrollViewProps.bounces),
+      debugStringConvertibleItem("bouncesZoom", bouncesZoom, defaultScrollViewProps.bouncesZoom),
+      debugStringConvertibleItem("canCancelContentTouches", canCancelContentTouches, defaultScrollViewProps.canCancelContentTouches),
+      debugStringConvertibleItem("centerContent", centerContent, defaultScrollViewProps.centerContent),
+      debugStringConvertibleItem("automaticallyAdjustContentInsets", automaticallyAdjustContentInsets, defaultScrollViewProps.automaticallyAdjustContentInsets),
+      debugStringConvertibleItem("decelerationRate", decelerationRate, defaultScrollViewProps.decelerationRate),
+      debugStringConvertibleItem("directionalLockEnabled", directionalLockEnabled, defaultScrollViewProps.directionalLockEnabled),
+      debugStringConvertibleItem("indicatorStyle", indicatorStyle, defaultScrollViewProps.indicatorStyle),
+      debugStringConvertibleItem("keyboardDismissMode", keyboardDismissMode, defaultScrollViewProps.keyboardDismissMode),
+      debugStringConvertibleItem("maximumZoomScale", maximumZoomScale, defaultScrollViewProps.maximumZoomScale),
+      debugStringConvertibleItem("minimumZoomScale", minimumZoomScale, defaultScrollViewProps.minimumZoomScale),
+      debugStringConvertibleItem("scrollEnabled", scrollEnabled, defaultScrollViewProps.scrollEnabled),
+      debugStringConvertibleItem("pagingEnabled", pagingEnabled, defaultScrollViewProps.pagingEnabled),
+      debugStringConvertibleItem("pinchGestureEnabled", pinchGestureEnabled, defaultScrollViewProps.pinchGestureEnabled),
+      debugStringConvertibleItem("scrollsToTop", scrollsToTop, defaultScrollViewProps.scrollsToTop),
+      debugStringConvertibleItem("showsHorizontalScrollIndicator", showsHorizontalScrollIndicator, defaultScrollViewProps.showsHorizontalScrollIndicator),
+      debugStringConvertibleItem("showsVerticalScrollIndicator", showsVerticalScrollIndicator, defaultScrollViewProps.showsVerticalScrollIndicator),
+      debugStringConvertibleItem("scrollEventThrottle", scrollEventThrottle, defaultScrollViewProps.scrollEventThrottle),
+      debugStringConvertibleItem("zoomScale", zoomScale, defaultScrollViewProps.zoomScale),
+      debugStringConvertibleItem("contentInset", contentInset, defaultScrollViewProps.contentInset),
+      debugStringConvertibleItem("scrollIndicatorInsets", scrollIndicatorInsets, defaultScrollViewProps.scrollIndicatorInsets),
+      debugStringConvertibleItem("snapToInterval", snapToInterval, defaultScrollViewProps.snapToInterval),
+      debugStringConvertibleItem("snapToAlignment", snapToAlignment, defaultScrollViewProps.snapToAlignment),
+    };
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/scrollview/ScrollViewProps.h b/ReactCommon/fabric/components/scrollview/ScrollViewProps.h
new file mode 100644
index 00000000000000..5ad6d08b9c9cae
--- /dev/null
+++ b/ReactCommon/fabric/components/scrollview/ScrollViewProps.h
@@ -0,0 +1,59 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/scrollview/primitives.h>
+#include <fabric/components/view/ViewProps.h>
+
+namespace facebook {
+namespace react {
+
+// TODO (T28334063): Consider for codegen.
+class ScrollViewProps final:
+  public ViewProps {
+
+public:
+  ScrollViewProps() = default;
+  ScrollViewProps(const ScrollViewProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  const bool alwaysBounceHorizontal {true};
+  const bool alwaysBounceVertical {true};
+  const bool bounces {true};
+  const bool bouncesZoom {true};
+  const bool canCancelContentTouches {true};
+  const bool centerContent {};
+  const bool automaticallyAdjustContentInsets  {};
+  const Float decelerationRate {0.998};
+  const bool directionalLockEnabled {};
+  const ScrollViewIndicatorStyle indicatorStyle {};
+  const ScrollViewKeyboardDismissMode keyboardDismissMode {};
+  const Float maximumZoomScale {1.0};
+  const Float minimumZoomScale {1.0};
+  const bool scrollEnabled {true};
+  const bool pagingEnabled {};
+  const bool pinchGestureEnabled {true};
+  const bool scrollsToTop {true};
+  const bool showsHorizontalScrollIndicator {true};
+  const bool showsVerticalScrollIndicator {true};
+  const Float scrollEventThrottle {};
+  const Float zoomScale {1.0};
+  const EdgeInsets contentInset {};
+  const EdgeInsets scrollIndicatorInsets {};
+  const int snapToInterval {};
+  const ScrollViewSnapToAlignment snapToAlignment {};
+
+#pragma mark - DebugStringConvertible
+
+  SharedDebugStringConvertibleList getDebugProps() const override;
+};
+
+} // namespace react
+} // namespace facebook
+
diff --git a/ReactCommon/fabric/components/scrollview/ScrollViewShadowNode.cpp b/ReactCommon/fabric/components/scrollview/ScrollViewShadowNode.cpp
new file mode 100644
index 00000000000000..5662889f2e8b2a
--- /dev/null
+++ b/ReactCommon/fabric/components/scrollview/ScrollViewShadowNode.cpp
@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ScrollViewShadowNode.h"
+
+#include <fabric/core/LayoutMetrics.h>
+
+#include "ScrollViewLocalData.h"
+
+namespace facebook {
+namespace react {
+
+ComponentName ScrollViewShadowNode::getComponentName() const {
+  return ComponentName("ScrollView");
+}
+
+void ScrollViewShadowNode::updateLocalData() {
+  ensureUnsealed();
+
+  Rect contentBoundingRect;
+  for (const auto &childNode : getLayoutableChildNodes()) {
+    contentBoundingRect.unionInPlace(childNode->getLayoutMetrics().frame);
+  }
+
+  const auto &localData = std::make_shared<const ScrollViewLocalData>(contentBoundingRect);
+  setLocalData(localData);
+}
+
+#pragma mark - LayoutableShadowNode
+
+void ScrollViewShadowNode::layout(LayoutContext layoutContext) {
+  ConcreteViewShadowNode::layout(layoutContext);
+  updateLocalData();
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/scrollview/ScrollViewShadowNode.h b/ReactCommon/fabric/components/scrollview/ScrollViewShadowNode.h
new file mode 100644
index 00000000000000..aa4ed58df208fd
--- /dev/null
+++ b/ReactCommon/fabric/components/scrollview/ScrollViewShadowNode.h
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <memory>
+
+#include <fabric/components/scrollview/ScrollViewEventEmitter.h>
+#include <fabric/components/scrollview/ScrollViewProps.h>
+#include <fabric/components/view/ConcreteViewShadowNode.h>
+#include <fabric/core/LayoutContext.h>
+
+namespace facebook {
+namespace react {
+
+class ScrollViewShadowNode;
+
+using SharedScrollViewShadowNode = std::shared_ptr<const ScrollViewShadowNode>;
+
+/*
+ * `ShadowNode` for <ScrollView> component.
+ */
+class ScrollViewShadowNode final:
+  public ConcreteViewShadowNode<ScrollViewProps, ScrollViewEventEmitter> {
+
+public:
+
+  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+  ComponentName getComponentName() const override;
+
+#pragma mark - LayoutableShadowNode
+
+  void layout(LayoutContext layoutContext) override;
+
+private:
+
+  void updateLocalData();
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/scrollview/conversions.h b/ReactCommon/fabric/components/scrollview/conversions.h
new file mode 100644
index 00000000000000..e7f6ba0f4ea7bf
--- /dev/null
+++ b/ReactCommon/fabric/components/scrollview/conversions.h
@@ -0,0 +1,65 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/scrollview/primitives.h>
+#include <folly/dynamic.h>
+
+namespace facebook {
+namespace react {
+
+inline void fromDynamic(const folly::dynamic &value, ScrollViewSnapToAlignment &result) {
+  auto string = value.asString();
+  if (string == "start") { result = ScrollViewSnapToAlignment::Start; return; }
+  if (string == "center") { result = ScrollViewSnapToAlignment::Center; return; }
+  if (string == "end") { result = ScrollViewSnapToAlignment::End; return; }
+  abort();
+}
+
+inline void fromDynamic(const folly::dynamic &value, ScrollViewIndicatorStyle &result) {
+  auto string = value.asString();
+  if (string == "default") { result = ScrollViewIndicatorStyle::Default; return; }
+  if (string == "black") { result = ScrollViewIndicatorStyle::Black; return; }
+  if (string == "white") { result = ScrollViewIndicatorStyle::White; return; }
+  abort();
+}
+
+inline void fromDynamic(const folly::dynamic &value, ScrollViewKeyboardDismissMode &result) {
+  auto string = value.asString();
+  if (string == "none") { result = ScrollViewKeyboardDismissMode::None; return; }
+  if (string == "on-drag") { result = ScrollViewKeyboardDismissMode::OnDrag; return; }
+  if (string == "interactive") { result = ScrollViewKeyboardDismissMode::Interactive; return; }
+  abort();
+}
+
+inline std::string toString(const ScrollViewSnapToAlignment &value) {
+  switch (value) {
+    case ScrollViewSnapToAlignment::Start: return "start";
+    case ScrollViewSnapToAlignment::Center: return "center";
+    case ScrollViewSnapToAlignment::End: return "end";
+  }
+}
+
+inline std::string toString(const ScrollViewIndicatorStyle &value) {
+  switch (value) {
+    case ScrollViewIndicatorStyle::Default: return "default";
+    case ScrollViewIndicatorStyle::Black: return "black";
+    case ScrollViewIndicatorStyle::White: return "white";
+  }
+}
+
+inline std::string toString(const ScrollViewKeyboardDismissMode &value) {
+  switch (value) {
+    case ScrollViewKeyboardDismissMode::None: return "none";
+    case ScrollViewKeyboardDismissMode::OnDrag: return "on-drag";
+    case ScrollViewKeyboardDismissMode::Interactive: return "interactive";
+  }
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/scrollview/primitives.h b/ReactCommon/fabric/components/scrollview/primitives.h
new file mode 100644
index 00000000000000..73d1aa210f5012
--- /dev/null
+++ b/ReactCommon/fabric/components/scrollview/primitives.h
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+namespace facebook {
+namespace react {
+
+enum class ScrollViewSnapToAlignment {
+  Start,
+  Center,
+  End
+};
+
+enum class ScrollViewIndicatorStyle {
+  Default,
+  Black,
+  White
+};
+
+enum class ScrollViewKeyboardDismissMode {
+  None,
+  OnDrag,
+  Interactive
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/scrollview/tests/ScrollViewTest.cpp b/ReactCommon/fabric/components/scrollview/tests/ScrollViewTest.cpp
new file mode 100644
index 00000000000000..7b7e23fea4102e
--- /dev/null
+++ b/ReactCommon/fabric/components/scrollview/tests/ScrollViewTest.cpp
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <memory>
+
+#include <gtest/gtest.h>
+
+TEST(ScrollViewTest, testSomething) {
+  // TODO
+}
diff --git a/ReactCommon/fabric/components/switch/BUCK b/ReactCommon/fabric/components/switch/BUCK
new file mode 100644
index 00000000000000..52d146dc4cf294
--- /dev/null
+++ b/ReactCommon/fabric/components/switch/BUCK
@@ -0,0 +1,80 @@
+load("//configurations/buck/apple:flag_defs.bzl", "OBJC_ARC_PREPROCESSOR_FLAGS", "get_application_ios_flags", "get_debug_preprocessor_flags")
+load(
+    "//ReactNative:DEFS.bzl",
+    "ANDROID",
+    "APPLE",
+    "get_apple_compiler_flags",
+    "subdir_glob",
+    "get_apple_inspector_flags",
+    "react_native_xplat_target",
+    "fb_xplat_cxx_test",
+    "rn_xplat_cxx_library",
+)
+
+APPLE_COMPILER_FLAGS = get_apple_compiler_flags()
+
+rn_xplat_cxx_library(
+    name = "switch",
+    srcs = glob(
+        ["**/*.cpp"],
+        exclude = glob(["tests/**/*.cpp"]),
+    ),
+    headers = [],
+    header_namespace = "",
+    exported_headers = subdir_glob(
+        [
+            ("", "*.h"),
+        ],
+        prefix = "fabric/components/switch",
+    ),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_tests = [
+        ":tests",
+    ],
+    macosx_tests_override = [],
+    platforms = (ANDROID, APPLE),
+    preprocessor_flags = [
+        "-DLOG_TAG=\"ReactNative\"",
+        "-DWITH_FBSYSTRACE=1",
+    ],
+    tests = [],
+    visibility = ["PUBLIC"],
+    deps = [
+        "xplat//fbsystrace:fbsystrace",
+        "xplat//folly:headers_only",
+        "xplat//folly:memory",
+        "xplat//folly:molly",
+        "xplat//third-party/glog:glog",
+        "xplat//yoga:yoga",
+        react_native_xplat_target("fabric/debug:debug"),
+        react_native_xplat_target("fabric/core:core"),
+        react_native_xplat_target("fabric/graphics:graphics"),
+        react_native_xplat_target("fabric/components/view:view"),
+    ],
+)
+
+fb_xplat_cxx_test(
+    name = "tests",
+    srcs = glob(["tests/**/*.cpp"]),
+    headers = glob(["tests/**/*.h"]),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    platforms = APPLE,
+    deps = [
+        "xplat//folly:molly",
+        "xplat//third-party/gmock:gtest",
+        ":switch",
+    ],
+)
diff --git a/ReactCommon/fabric/components/switch/SwitchComponentDescriptor.h b/ReactCommon/fabric/components/switch/SwitchComponentDescriptor.h
new file mode 100644
index 00000000000000..1ea9e4582c2b86
--- /dev/null
+++ b/ReactCommon/fabric/components/switch/SwitchComponentDescriptor.h
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/switch/SwitchShadowNode.h>
+#include <fabric/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+using SwitchComponentDescriptor = ConcreteComponentDescriptor<SwitchShadowNode>;
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/switch/SwitchEventEmitter.cpp b/ReactCommon/fabric/components/switch/SwitchEventEmitter.cpp
new file mode 100644
index 00000000000000..680f1dbd5e3d81
--- /dev/null
+++ b/ReactCommon/fabric/components/switch/SwitchEventEmitter.cpp
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "SwitchEventEmitter.h"
+
+namespace facebook {
+namespace react {
+
+void SwitchEventEmitter::onChange(const bool &value) const {
+  dispatchEvent("change", folly::dynamic::object("value", value));
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/IFabricPlatformUIOperationManager.h b/ReactCommon/fabric/components/switch/SwitchEventEmitter.h
similarity index 54%
rename from ReactCommon/fabric/IFabricPlatformUIOperationManager.h
rename to ReactCommon/fabric/components/switch/SwitchEventEmitter.h
index ff1434c7520d9f..6e2a0c68d17217 100644
--- a/ReactCommon/fabric/IFabricPlatformUIOperationManager.h
+++ b/ReactCommon/fabric/components/switch/SwitchEventEmitter.h
@@ -4,19 +4,21 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
 #pragma once
 
+#include <fabric/components/view/ViewEventEmitter.h>
+
 namespace facebook {
 namespace react {
 
-/**
- * An interface for FabricUIManager to perform platform-specific UI operations, like updating native UIView's in iOS.
- */
-class IFabricPlatformUIOperationManager {
+class SwitchEventEmitter:
+  public ViewEventEmitter {
+
 public:
-  // TODO: add meaningful methods
-  virtual void performUIOperation() = 0;
+
+  using ViewEventEmitter::ViewEventEmitter;
+
+  void onChange(const bool &value) const;
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/switch/SwitchProps.cpp b/ReactCommon/fabric/components/switch/SwitchProps.cpp
new file mode 100644
index 00000000000000..9f80943c6fa9cc
--- /dev/null
+++ b/ReactCommon/fabric/components/switch/SwitchProps.cpp
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <fabric/components/switch/SwitchProps.h>
+#include <fabric/core/propsConversions.h>
+
+namespace facebook {
+namespace react {
+
+SwitchProps::SwitchProps(const SwitchProps &sourceProps, const RawProps &rawProps):
+  ViewProps(sourceProps, rawProps),
+  value(convertRawProp(rawProps, "value", sourceProps.value, value)),
+  disabled(convertRawProp(rawProps, "disabled", sourceProps.disabled, disabled)),
+  tintColor(convertRawProp(rawProps, "tintColor", sourceProps.tintColor, tintColor)),
+  onTintColor(convertRawProp(rawProps, "onTintColor", sourceProps.onTintColor, onTintColor)),
+  thumbTintColor(convertRawProp(rawProps, "thumbTintColor", sourceProps.thumbTintColor, thumbTintColor)) {}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/switch/SwitchProps.h b/ReactCommon/fabric/components/switch/SwitchProps.h
new file mode 100644
index 00000000000000..83f4aa21266c3b
--- /dev/null
+++ b/ReactCommon/fabric/components/switch/SwitchProps.h
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <fabric/components/view/ViewProps.h>
+#include <fabric/graphics/Color.h>
+
+namespace facebook {
+namespace react {
+
+// TODO (T28334063): Consider for codegen.
+class SwitchProps final:
+  public ViewProps {
+
+public:
+  SwitchProps() = default;
+  SwitchProps(const SwitchProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  const bool value {false};
+  const bool disabled {false};
+  const SharedColor tintColor {};
+  const SharedColor onTintColor {};
+  const SharedColor thumbTintColor {};
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/switch/SwitchShadowNode.cpp b/ReactCommon/fabric/components/switch/SwitchShadowNode.cpp
new file mode 100644
index 00000000000000..87896d0c69150d
--- /dev/null
+++ b/ReactCommon/fabric/components/switch/SwitchShadowNode.cpp
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <fabric/components/switch/SwitchShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+ComponentName SwitchShadowNode::getComponentName() const {
+  return ComponentName("Switch");
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/switch/SwitchShadowNode.h b/ReactCommon/fabric/components/switch/SwitchShadowNode.h
new file mode 100644
index 00000000000000..be4d6f5e751f39
--- /dev/null
+++ b/ReactCommon/fabric/components/switch/SwitchShadowNode.h
@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/switch/SwitchEventEmitter.h>
+#include <fabric/components/switch/SwitchProps.h>
+#include <fabric/components/view/ConcreteViewShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * `ShadowNode` for <Switch> component.
+ */
+class SwitchShadowNode final:
+  public ConcreteViewShadowNode<SwitchProps, SwitchEventEmitter> {
+
+public:
+
+  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+  ComponentName getComponentName() const override;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/switch/tests/SwitchTest.cpp b/ReactCommon/fabric/components/switch/tests/SwitchTest.cpp
new file mode 100644
index 00000000000000..a55a5783d83c10
--- /dev/null
+++ b/ReactCommon/fabric/components/switch/tests/SwitchTest.cpp
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <memory>
+
+#include <gtest/gtest.h>
+
+TEST(SwitchTest, testSomething) {
+  // TODO
+}
diff --git a/ReactCommon/fabric/components/text/BUCK b/ReactCommon/fabric/components/text/BUCK
new file mode 100644
index 00000000000000..fdba22d649a52a
--- /dev/null
+++ b/ReactCommon/fabric/components/text/BUCK
@@ -0,0 +1,90 @@
+load("//configurations/buck/apple:flag_defs.bzl", "OBJC_ARC_PREPROCESSOR_FLAGS", "get_application_ios_flags", "get_debug_preprocessor_flags")
+load(
+    "//ReactNative:DEFS.bzl",
+    "ANDROID",
+    "APPLE",
+    "fb_xplat_cxx_test",
+    "get_apple_compiler_flags",
+    "get_apple_inspector_flags",
+    "react_native_xplat_target",
+    "rn_xplat_cxx_library",
+    "subdir_glob",
+)
+
+APPLE_COMPILER_FLAGS = get_apple_compiler_flags()
+
+rn_xplat_cxx_library(
+    name = "text",
+    srcs = glob(
+        ["**/*.cpp"],
+        exclude = glob(["tests/**/*.cpp"]),
+    ),
+    headers = glob(
+        ["**/*.h"],
+        exclude = glob(["tests/**/*.h"]),
+    ),
+    header_namespace = "",
+    exported_headers = subdir_glob(
+        [
+            ("", "*.h"),
+            ("basetext", "*.h"),
+            ("paragraph", "*.h"),
+            ("text", "*.h"),
+            ("rawtext", "*.h"),
+        ],
+        prefix = "fabric/components/text",
+    ),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_tests = [
+        ":tests",
+    ],
+    force_static = True,
+    macosx_tests_override = [],
+    platforms = (ANDROID, APPLE),
+    preprocessor_flags = [
+        "-DLOG_TAG=\"ReactNative\"",
+        "-DWITH_FBSYSTRACE=1",
+    ],
+    tests = [],
+    visibility = ["PUBLIC"],
+    deps = [
+        "xplat//fbsystrace:fbsystrace",
+        "xplat//folly:headers_only",
+        "xplat//folly:memory",
+        "xplat//folly:molly",
+        "xplat//third-party/glog:glog",
+        "xplat//yoga:yoga",
+        react_native_xplat_target("fabric/attributedstring:attributedstring"),
+        react_native_xplat_target("fabric/core:core"),
+        react_native_xplat_target("fabric/debug:debug"),
+        react_native_xplat_target("fabric/graphics:graphics"),
+        react_native_xplat_target("fabric/textlayoutmanager:textlayoutmanager"),
+        react_native_xplat_target("fabric/components/view:view"),
+    ],
+)
+
+fb_xplat_cxx_test(
+    name = "tests",
+    srcs = glob(["tests/**/*.cpp"]),
+    headers = glob(["tests/**/*.h"]),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    platforms = APPLE,
+    deps = [
+        "xplat//folly:molly",
+        "xplat//third-party/gmock:gtest",
+        ":text",
+    ],
+)
diff --git a/ReactCommon/fabric/components/text/basetext/BaseTextProps.cpp b/ReactCommon/fabric/components/text/basetext/BaseTextProps.cpp
new file mode 100644
index 00000000000000..2b3a1e9c79b182
--- /dev/null
+++ b/ReactCommon/fabric/components/text/basetext/BaseTextProps.cpp
@@ -0,0 +1,68 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "BaseTextProps.h"
+
+#include <fabric/attributedstring/conversions.h>
+#include <fabric/core/propsConversions.h>
+#include <fabric/debug/DebugStringConvertibleItem.h>
+#include <fabric/graphics/conversions.h>
+
+namespace facebook {
+namespace react {
+
+static TextAttributes convertRawProp(const RawProps &rawProps, const TextAttributes defaultTextAttributes) {
+  TextAttributes textAttributes;
+
+  // Color
+  textAttributes.foregroundColor = convertRawProp(rawProps, "color", defaultTextAttributes.foregroundColor);
+  textAttributes.backgroundColor = convertRawProp(rawProps, "backgroundColor", defaultTextAttributes.backgroundColor);
+  textAttributes.opacity = convertRawProp(rawProps, "opacity", defaultTextAttributes.opacity);
+
+  // Font
+  textAttributes.fontFamily = convertRawProp(rawProps, "fontFamily", defaultTextAttributes.fontFamily);
+  textAttributes.fontSize = convertRawProp(rawProps, "fontSize", defaultTextAttributes.fontSize);
+  textAttributes.fontSizeMultiplier = convertRawProp(rawProps, "fontSizeMultiplier", defaultTextAttributes.fontSizeMultiplier);
+  textAttributes.fontWeight = convertRawProp(rawProps, "fontWeight", defaultTextAttributes.fontWeight);
+  textAttributes.fontStyle = convertRawProp(rawProps, "fontStyle", defaultTextAttributes.fontStyle);
+  textAttributes.fontVariant = convertRawProp(rawProps, "fontVariant", defaultTextAttributes.fontVariant);
+  textAttributes.allowFontScaling = convertRawProp(rawProps, "allowFontScaling", defaultTextAttributes.allowFontScaling);
+  textAttributes.letterSpacing = convertRawProp(rawProps, "letterSpacing", defaultTextAttributes.letterSpacing);
+
+  // Paragraph
+  textAttributes.lineHeight = convertRawProp(rawProps, "lineHeight", defaultTextAttributes.lineHeight);
+  textAttributes.alignment = convertRawProp(rawProps, "alignment", defaultTextAttributes.alignment);
+  textAttributes.baseWritingDirection = convertRawProp(rawProps, "baseWritingDirection", defaultTextAttributes.baseWritingDirection);
+
+  // Decoration
+  textAttributes.textDecorationColor = convertRawProp(rawProps, "textDecorationColor", defaultTextAttributes.textDecorationColor);
+  textAttributes.textDecorationLineType = convertRawProp(rawProps, "textDecorationLineType", defaultTextAttributes.textDecorationLineType);
+  textAttributes.textDecorationLineStyle = convertRawProp(rawProps, "textDecorationLineStyle", defaultTextAttributes.textDecorationLineStyle);
+  textAttributes.textDecorationLinePattern = convertRawProp(rawProps, "textDecorationLinePattern", defaultTextAttributes.textDecorationLinePattern);
+
+  // Shadow
+  textAttributes.textShadowOffset = convertRawProp(rawProps, "textShadowOffset", defaultTextAttributes.textShadowOffset);
+  textAttributes.textShadowRadius = convertRawProp(rawProps, "textShadowRadius", defaultTextAttributes.textShadowRadius);
+  textAttributes.textShadowColor = convertRawProp(rawProps, "textShadowColor", defaultTextAttributes.textShadowColor);
+
+  // Special
+  textAttributes.isHighlighted = convertRawProp(rawProps, "isHighlighted", defaultTextAttributes.isHighlighted);
+
+  return textAttributes;
+}
+
+BaseTextProps::BaseTextProps(const BaseTextProps &sourceProps, const RawProps &rawProps):
+  textAttributes(convertRawProp(rawProps, sourceProps.textAttributes)) {};
+
+#pragma mark - DebugStringConvertible
+
+SharedDebugStringConvertibleList BaseTextProps::getDebugProps() const {
+  return textAttributes.getDebugProps();
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/basetext/BaseTextProps.h b/ReactCommon/fabric/components/text/basetext/BaseTextProps.h
new file mode 100644
index 00000000000000..6e5026a594db9b
--- /dev/null
+++ b/ReactCommon/fabric/components/text/basetext/BaseTextProps.h
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/attributedstring/TextAttributes.h>
+#include <fabric/core/Props.h>
+#include <fabric/graphics/Color.h>
+#include <fabric/graphics/Geometry.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * `Props`-like class which is used as a base class for all Props classes
+ * that can have text attributes (such as Text and Paragraph).
+ */
+class BaseTextProps {
+public:
+
+  BaseTextProps() = default;
+  BaseTextProps(const BaseTextProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  const TextAttributes textAttributes {};
+
+#pragma mark - DebugStringConvertible (partially)
+
+  SharedDebugStringConvertibleList getDebugProps() const;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/basetext/BaseTextShadowNode.cpp b/ReactCommon/fabric/components/text/basetext/BaseTextShadowNode.cpp
new file mode 100644
index 00000000000000..6f7c0333b14833
--- /dev/null
+++ b/ReactCommon/fabric/components/text/basetext/BaseTextShadowNode.cpp
@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "BaseTextShadowNode.h"
+
+#include <fabric/components/text/RawTextShadowNode.h>
+#include <fabric/components/text/RawTextProps.h>
+#include <fabric/components/text/TextShadowNode.h>
+#include <fabric/components/text/TextProps.h>
+#include <fabric/debug/DebugStringConvertibleItem.h>
+
+namespace facebook {
+namespace react {
+
+AttributedString BaseTextShadowNode::getAttributedString(
+  const TextAttributes &textAttributes,
+  const SharedShadowNodeSharedList &childNodes
+) const {
+  AttributedString attributedString;
+
+  for (const auto &childNode : *childNodes) {
+    // RawShadowNode
+    SharedRawTextShadowNode rawTextShadowNode = std::dynamic_pointer_cast<const RawTextShadowNode>(childNode);
+    if (rawTextShadowNode) {
+      AttributedString::Fragment fragment;
+      fragment.string = rawTextShadowNode->getProps()->text;
+      fragment.textAttributes = textAttributes;
+      attributedString.appendFragment(fragment);
+      continue;
+    }
+
+    // TextShadowNode
+    SharedTextShadowNode textShadowNode = std::dynamic_pointer_cast<const TextShadowNode>(childNode);
+    if (textShadowNode) {
+      TextAttributes localTextAttributes = textAttributes;
+      localTextAttributes.apply(textShadowNode->getProps()->textAttributes);
+      attributedString.appendAttributedString(textShadowNode->getAttributedString(localTextAttributes, textShadowNode->getChildren()));
+      continue;
+    }
+
+    // Any other kind of ShadowNode
+    AttributedString::Fragment fragment;
+    fragment.shadowNode = childNode;
+    fragment.textAttributes = textAttributes;
+    attributedString.appendFragment(fragment);
+  }
+
+  return attributedString;
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/basetext/BaseTextShadowNode.h b/ReactCommon/fabric/components/text/basetext/BaseTextShadowNode.h
new file mode 100644
index 00000000000000..9d52b9c5ebe921
--- /dev/null
+++ b/ReactCommon/fabric/components/text/basetext/BaseTextShadowNode.h
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/attributedstring/AttributedString.h>
+#include <fabric/attributedstring/TextAttributes.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Base class (one of) for shadow nodes that represents attributed text,
+ * such as Text and Paragraph (but not RawText).
+ */
+class BaseTextShadowNode {
+public:
+
+  /*
+   * Returns a `AttributedString` which represents text content of the node.
+   */
+  AttributedString getAttributedString(
+    const TextAttributes &baseTextAttributes,
+    const SharedShadowNodeSharedList &childNodes
+  ) const;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphComponentDescriptor.h b/ReactCommon/fabric/components/text/paragraph/ParagraphComponentDescriptor.h
new file mode 100644
index 00000000000000..3d9074cbcade24
--- /dev/null
+++ b/ReactCommon/fabric/components/text/paragraph/ParagraphComponentDescriptor.h
@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/text/ParagraphShadowNode.h>
+#include <fabric/core/ConcreteComponentDescriptor.h>
+#include <fabric/textlayoutmanager/TextLayoutManager.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Descriptor for <Paragraph> component.
+ */
+class ParagraphComponentDescriptor final:
+  public ConcreteComponentDescriptor<ParagraphShadowNode> {
+
+public:
+
+  ParagraphComponentDescriptor(SharedEventDispatcher eventDispatcher):
+    ConcreteComponentDescriptor<ParagraphShadowNode>(eventDispatcher) {
+    // Every single `ParagraphShadowNode` will have a reference to
+    // a shared `TextLayoutManager`.
+    textLayoutManager_ = std::make_shared<TextLayoutManager>();
+  }
+
+  void adopt(UnsharedShadowNode shadowNode) const override {
+    ConcreteComponentDescriptor<ParagraphShadowNode>::adopt(shadowNode);
+
+    assert(std::dynamic_pointer_cast<ParagraphShadowNode>(shadowNode));
+    auto paragraphShadowNode = std::static_pointer_cast<ParagraphShadowNode>(shadowNode);
+
+    // `ParagraphShadowNode` uses `TextLayoutManager` to measure text content
+    // and communicate text rendering metrics to mounting layer.
+    paragraphShadowNode->setTextLayoutManager(textLayoutManager_);
+
+    // All `ParagraphShadowNode`s must have leaf Yoga nodes with properly
+    // setup measure function.
+    paragraphShadowNode->enableMeasurement();
+  }
+
+private:
+
+  SharedTextLayoutManager textLayoutManager_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphLocalData.cpp b/ReactCommon/fabric/components/text/paragraph/ParagraphLocalData.cpp
new file mode 100644
index 00000000000000..30fc681fd041a2
--- /dev/null
+++ b/ReactCommon/fabric/components/text/paragraph/ParagraphLocalData.cpp
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ParagraphLocalData.h"
+
+#include <fabric/debug/debugStringConvertibleUtils.h>
+
+namespace facebook {
+namespace react {
+
+AttributedString ParagraphLocalData::getAttributedString() const {
+  return attributedString_;
+}
+
+void ParagraphLocalData::setAttributedString(AttributedString attributedString) {
+  ensureUnsealed();
+  attributedString_ = attributedString;
+}
+
+SharedTextLayoutManager ParagraphLocalData::getTextLayoutManager() const {
+  return textLayoutManager_;
+}
+
+void ParagraphLocalData::setTextLayoutManager(SharedTextLayoutManager textLayoutManager) {
+  ensureUnsealed();
+  textLayoutManager_ = textLayoutManager;
+}
+
+#pragma mark - DebugStringConvertible
+
+std::string ParagraphLocalData::getDebugName() const {
+  return "ParagraphLocalData";
+}
+
+SharedDebugStringConvertibleList ParagraphLocalData::getDebugProps() const {
+  return {
+    debugStringConvertibleItem("attributedString", attributedString_, "")
+  };
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphLocalData.h b/ReactCommon/fabric/components/text/paragraph/ParagraphLocalData.h
new file mode 100644
index 00000000000000..7f3ad4007a3399
--- /dev/null
+++ b/ReactCommon/fabric/components/text/paragraph/ParagraphLocalData.h
@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/attributedstring/AttributedString.h>
+#include <fabric/core/LocalData.h>
+#include <fabric/textlayoutmanager/TextLayoutManager.h>
+
+namespace facebook {
+namespace react {
+
+class ParagraphLocalData;
+
+using SharedParagraphLocalData = std::shared_ptr<const ParagraphLocalData>;
+
+/*
+ * LocalData for <Paragraph> component.
+ * Represents what to render and how to render.
+ */
+class ParagraphLocalData:
+  public LocalData {
+
+public:
+
+  /*
+   * All content of <Paragraph> component represented as an `AttributedString`.
+   */
+  AttributedString getAttributedString() const;
+  void setAttributedString(AttributedString attributedString);
+
+  /*
+   * `TextLayoutManager` provides a connection to platform-specific
+   * text rendering infrastructure which is capable to render the
+   * `AttributedString`.
+   */
+  SharedTextLayoutManager getTextLayoutManager() const;
+  void setTextLayoutManager(SharedTextLayoutManager textLayoutManager);
+
+#pragma mark - DebugStringConvertible
+
+  std::string getDebugName() const override;
+  SharedDebugStringConvertibleList getDebugProps() const override;
+
+private:
+
+  AttributedString attributedString_;
+  SharedTextLayoutManager textLayoutManager_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphProps.cpp b/ReactCommon/fabric/components/text/paragraph/ParagraphProps.cpp
new file mode 100644
index 00000000000000..ca4ff847c05ea3
--- /dev/null
+++ b/ReactCommon/fabric/components/text/paragraph/ParagraphProps.cpp
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ParagraphProps.h"
+
+#include <fabric/attributedstring/conversions.h>
+#include <fabric/core/propsConversions.h>
+#include <fabric/debug/debugStringConvertibleUtils.h>
+
+namespace facebook {
+namespace react {
+
+static ParagraphAttributes convertRawProp(const RawProps &rawProps, const ParagraphAttributes &defaultParagraphAttributes) {
+  ParagraphAttributes paragraphAttributes;
+
+  paragraphAttributes.maximumNumberOfLines = convertRawProp(rawProps, "numberOfLines", defaultParagraphAttributes.maximumNumberOfLines);
+  paragraphAttributes.ellipsizeMode = convertRawProp(rawProps, "ellipsizeMode", defaultParagraphAttributes.ellipsizeMode);
+  paragraphAttributes.adjustsFontSizeToFit = convertRawProp(rawProps, "adjustsFontSizeToFit", defaultParagraphAttributes.adjustsFontSizeToFit);
+  paragraphAttributes.minimumFontSize = convertRawProp(rawProps, "minimumFontSize", defaultParagraphAttributes.minimumFontSize, std::numeric_limits<Float>::quiet_NaN());
+  paragraphAttributes.maximumFontSize = convertRawProp(rawProps, "maximumFontSize", defaultParagraphAttributes.maximumFontSize, std::numeric_limits<Float>::quiet_NaN());
+
+  return paragraphAttributes;
+}
+
+ParagraphProps::ParagraphProps(const ParagraphProps &sourceProps, const RawProps &rawProps):
+  ViewProps(sourceProps, rawProps),
+  BaseTextProps(sourceProps, rawProps),
+  paragraphAttributes(convertRawProp(rawProps, sourceProps.paragraphAttributes)),
+  isSelectable(convertRawProp(rawProps, "selectable", sourceProps.isSelectable)) {};
+
+#pragma mark - DebugStringConvertible
+
+SharedDebugStringConvertibleList ParagraphProps::getDebugProps() const {
+  return
+    ViewProps::getDebugProps() +
+    BaseTextProps::getDebugProps() +
+    paragraphAttributes.getDebugProps() +
+    SharedDebugStringConvertibleList {
+      debugStringConvertibleItem("isSelectable", isSelectable)
+    };
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphProps.h b/ReactCommon/fabric/components/text/paragraph/ParagraphProps.h
new file mode 100644
index 00000000000000..f7e533d2095f4c
--- /dev/null
+++ b/ReactCommon/fabric/components/text/paragraph/ParagraphProps.h
@@ -0,0 +1,57 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <limits>
+#include <memory>
+
+#include <fabric/attributedstring/ParagraphAttributes.h>
+#include <fabric/components/text/BaseTextProps.h>
+#include <fabric/components/view/ViewProps.h>
+#include <fabric/core/Props.h>
+
+namespace facebook {
+namespace react {
+
+class ParagraphProps;
+
+using SharedParagraphProps = std::shared_ptr<const ParagraphProps>;
+
+/*
+ * Props of <Paragraph> component.
+ * Most of the props are directly stored in composed `ParagraphAttributes`
+ * object.
+ */
+class ParagraphProps:
+  public ViewProps,
+  public BaseTextProps {
+
+public:
+  ParagraphProps() = default;
+  ParagraphProps(const ParagraphProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  /*
+   * Contains all prop values that affect visual representation of the paragraph.
+   */
+  const ParagraphAttributes paragraphAttributes {};
+
+  /*
+   * Defines can the text be selected (and copied) or not.
+   */
+  const bool isSelectable {};
+
+#pragma mark - DebugStringConvertible
+
+  SharedDebugStringConvertibleList getDebugProps() const override;
+
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.cpp b/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.cpp
new file mode 100644
index 00000000000000..99222fc317fde0
--- /dev/null
+++ b/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.cpp
@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ParagraphShadowNode.h"
+
+#include <fabric/debug/DebugStringConvertibleItem.h>
+
+#import "ParagraphLocalData.h"
+
+namespace facebook {
+namespace react {
+
+ComponentName ParagraphShadowNode::getComponentName() const {
+  return ComponentName("Paragraph");
+}
+
+AttributedString ParagraphShadowNode::getAttributedString() const {
+  if (!cachedAttributedString_.has_value()) {
+    cachedAttributedString_ =
+      BaseTextShadowNode::getAttributedString(getProps()->textAttributes, getChildren());
+  }
+
+  return cachedAttributedString_.value();
+}
+
+void ParagraphShadowNode::setTextLayoutManager(SharedTextLayoutManager textLayoutManager) {
+  ensureUnsealed();
+  textLayoutManager_ = textLayoutManager;
+}
+
+void ParagraphShadowNode::updateLocalData() {
+  ensureUnsealed();
+
+  auto localData = std::make_shared<ParagraphLocalData>();
+  localData->setAttributedString(getAttributedString());
+  localData->setTextLayoutManager(textLayoutManager_);
+  setLocalData(localData);
+}
+
+#pragma mark - LayoutableShadowNode
+
+Size ParagraphShadowNode::measure(LayoutConstraints layoutConstraints) const {
+  return textLayoutManager_->measure(
+    getAttributedString(),
+    getProps()->paragraphAttributes,
+    layoutConstraints
+  );
+}
+
+void ParagraphShadowNode::layout(LayoutContext layoutContext) {
+  updateLocalData();
+  ConcreteViewShadowNode<ParagraphProps>::layout(layoutContext);
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.h b/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.h
new file mode 100644
index 00000000000000..bb81b91755a929
--- /dev/null
+++ b/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.h
@@ -0,0 +1,76 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/text/ParagraphProps.h>
+#include <fabric/components/text/TextShadowNode.h>
+#include <fabric/components/view/ConcreteViewShadowNode.h>
+#include <fabric/core/ConcreteShadowNode.h>
+#include <fabric/core/ShadowNode.h>
+#include <fabric/core/LayoutContext.h>
+#include <fabric/textlayoutmanager/TextLayoutManager.h>
+#include <folly/Optional.h>
+
+namespace facebook {
+namespace react {
+
+class ParagraphShadowNode;
+
+using SharedParagraphShadowNode = std::shared_ptr<const ParagraphShadowNode>;
+
+/*
+ * `ShadowNode` for <Paragraph> component, represents <View>-like component
+ * containing and displaying text. Text content is represented as nested <Text>
+ * and <RawText> components.
+ */
+class ParagraphShadowNode:
+  public ConcreteViewShadowNode<ParagraphProps>,
+  public BaseTextShadowNode {
+
+public:
+
+  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+  ComponentName getComponentName() const override;
+
+  /*
+   * Returns a `AttributedString` which represents text content of the node.
+   */
+  AttributedString getAttributedString() const;
+
+  /*
+   * Associates a shared TextLayoutManager with the node.
+   * `ParagraphShadowNode` uses the manager to measure text content
+   * and construct `ParagraphLocalData` objects.
+   */
+  void setTextLayoutManager(SharedTextLayoutManager textLayoutManager);
+
+#pragma mark - LayoutableShadowNode
+
+  void layout(LayoutContext layoutContext) override;
+  Size measure(LayoutConstraints layoutConstraints) const override;
+
+private:
+
+  /*
+   * Creates a `LocalData` object (with `AttributedText` and
+   * `TextLayoutManager`) if needed.
+   */
+  void updateLocalData();
+
+  SharedTextLayoutManager textLayoutManager_;
+
+  /*
+   * Cached attributed string that represents the content of the subtree started
+   * from the node.
+   */
+  mutable folly::Optional<AttributedString> cachedAttributedString_ {};
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/rawtext/RawTextComponentDescriptor.h b/ReactCommon/fabric/components/text/rawtext/RawTextComponentDescriptor.h
new file mode 100644
index 00000000000000..4d53805a3c170b
--- /dev/null
+++ b/ReactCommon/fabric/components/text/rawtext/RawTextComponentDescriptor.h
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/text/RawTextShadowNode.h>
+#include <fabric/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+using RawTextComponentDescriptor = ConcreteComponentDescriptor<RawTextShadowNode>;
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/rawtext/RawTextProps.cpp b/ReactCommon/fabric/components/text/rawtext/RawTextProps.cpp
new file mode 100644
index 00000000000000..f3945701befcd3
--- /dev/null
+++ b/ReactCommon/fabric/components/text/rawtext/RawTextProps.cpp
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "RawTextProps.h"
+
+#include <fabric/core/propsConversions.h>
+#include <fabric/debug/debugStringConvertibleUtils.h>
+
+namespace facebook {
+namespace react {
+
+RawTextProps::RawTextProps(const RawTextProps &sourceProps, const RawProps &rawProps):
+  Props(sourceProps, rawProps),
+  text(convertRawProp(rawProps, "text", sourceProps.text)) {};
+
+#pragma mark - DebugStringConvertible
+
+SharedDebugStringConvertibleList RawTextProps::getDebugProps() const {
+  return {
+    debugStringConvertibleItem("text", text)
+  };
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/rawtext/RawTextProps.h b/ReactCommon/fabric/components/text/rawtext/RawTextProps.h
new file mode 100644
index 00000000000000..45f1f3d01dee60
--- /dev/null
+++ b/ReactCommon/fabric/components/text/rawtext/RawTextProps.h
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <memory>
+
+#include <fabric/core/Props.h>
+#include <fabric/debug/DebugStringConvertible.h>
+
+namespace facebook {
+namespace react {
+
+class RawTextProps;
+
+using SharedRawTextProps = std::shared_ptr<const RawTextProps>;
+
+class RawTextProps:
+  public Props {
+
+public:
+
+  RawTextProps() = default;
+  RawTextProps(const RawTextProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  const std::string text {};
+
+#pragma mark - DebugStringConvertible
+
+  SharedDebugStringConvertibleList getDebugProps() const override;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/rawtext/RawTextShadowNode.cpp b/ReactCommon/fabric/components/text/rawtext/RawTextShadowNode.cpp
new file mode 100644
index 00000000000000..730e4aabb26460
--- /dev/null
+++ b/ReactCommon/fabric/components/text/rawtext/RawTextShadowNode.cpp
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "RawTextShadowNode.h"
+
+#include <fabric/debug/DebugStringConvertibleItem.h>
+
+namespace facebook {
+namespace react {
+
+ComponentName RawTextShadowNode::getComponentName() const {
+  return ComponentName("RawText");
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/rawtext/RawTextShadowNode.h b/ReactCommon/fabric/components/text/rawtext/RawTextShadowNode.h
new file mode 100644
index 00000000000000..5d37e86e911a86
--- /dev/null
+++ b/ReactCommon/fabric/components/text/rawtext/RawTextShadowNode.h
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <memory>
+
+#include <fabric/components/text/RawTextProps.h>
+#include <fabric/core/ConcreteShadowNode.h>
+#include <fabric/core/ShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+class RawTextShadowNode;
+
+using SharedRawTextShadowNode = std::shared_ptr<const RawTextShadowNode>;
+
+/*
+ * `ShadowNode` for <RawText> component, represents a purely regular string
+ * object in React. In a code fragment `<Text>Hello!</Text>`, "Hello!" part
+ * is represented as `<RawText text="Hello!"/>`.
+ * <RawText> component must not have any children.
+ */
+class RawTextShadowNode:
+  public ConcreteShadowNode<RawTextProps> {
+
+public:
+  using ConcreteShadowNode::ConcreteShadowNode;
+
+  ComponentName getComponentName() const override;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/tests/TextTest.cpp b/ReactCommon/fabric/components/text/tests/TextTest.cpp
new file mode 100644
index 00000000000000..6b995ae90d7b0f
--- /dev/null
+++ b/ReactCommon/fabric/components/text/tests/TextTest.cpp
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <memory>
+
+#include <gtest/gtest.h>
+
+TEST(TextTest, testSomething) {
+  // TODO:
+}
diff --git a/ReactCommon/fabric/components/text/text/TextComponentDescriptor.h b/ReactCommon/fabric/components/text/text/TextComponentDescriptor.h
new file mode 100644
index 00000000000000..af8d9f12c543ad
--- /dev/null
+++ b/ReactCommon/fabric/components/text/text/TextComponentDescriptor.h
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/text/TextShadowNode.h>
+#include <fabric/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+using TextComponentDescriptor = ConcreteComponentDescriptor<TextShadowNode>;
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/text/TextProps.cpp b/ReactCommon/fabric/components/text/text/TextProps.cpp
new file mode 100644
index 00000000000000..443fe48c045122
--- /dev/null
+++ b/ReactCommon/fabric/components/text/text/TextProps.cpp
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "TextProps.h"
+
+namespace facebook {
+namespace react {
+
+TextProps::TextProps(const TextProps &sourceProps, const RawProps &rawProps):
+  BaseTextProps::BaseTextProps(sourceProps, rawProps) {};
+
+#pragma mark - DebugStringConvertible
+
+SharedDebugStringConvertibleList TextProps::getDebugProps() const {
+  return BaseTextProps::getDebugProps();
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/text/TextProps.h b/ReactCommon/fabric/components/text/text/TextProps.h
new file mode 100644
index 00000000000000..9213b0dfc13922
--- /dev/null
+++ b/ReactCommon/fabric/components/text/text/TextProps.h
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/attributedstring/TextAttributes.h>
+#include <fabric/components/text/BaseTextProps.h>
+#include <fabric/core/Props.h>
+#include <fabric/graphics/Color.h>
+#include <fabric/graphics/Geometry.h>
+
+namespace facebook {
+namespace react {
+
+class TextProps;
+
+using SharedTextProps = std::shared_ptr<const TextProps>;
+
+class TextProps:
+  public Props,
+  public BaseTextProps {
+
+public:
+
+  TextProps() = default;
+  TextProps(const TextProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - DebugStringConvertible
+
+  SharedDebugStringConvertibleList getDebugProps() const override;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/text/TextShadowNode.cpp b/ReactCommon/fabric/components/text/text/TextShadowNode.cpp
new file mode 100644
index 00000000000000..c49c8bfd243c18
--- /dev/null
+++ b/ReactCommon/fabric/components/text/text/TextShadowNode.cpp
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "TextShadowNode.h"
+
+#include <fabric/debug/DebugStringConvertibleItem.h>
+
+namespace facebook {
+namespace react {
+
+ComponentName TextShadowNode::getComponentName() const {
+  return ComponentName("Text");
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/text/text/TextShadowNode.h b/ReactCommon/fabric/components/text/text/TextShadowNode.h
new file mode 100644
index 00000000000000..f9e584f51f9509
--- /dev/null
+++ b/ReactCommon/fabric/components/text/text/TextShadowNode.h
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/attributedstring/AttributedString.h>
+#include <fabric/attributedstring/TextAttributes.h>
+#include <fabric/components/text/BaseTextShadowNode.h>
+#include <fabric/components/text/TextProps.h>
+#include <fabric/components/text/TextShadowNode.h>
+#include <fabric/core/ConcreteShadowNode.h>
+#include <fabric/core/ShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+class TextShadowNode;
+
+using SharedTextShadowNode = std::shared_ptr<const TextShadowNode>;
+
+class TextShadowNode:
+  public ConcreteShadowNode<TextProps>,
+  public BaseTextShadowNode {
+
+public:
+
+  using ConcreteShadowNode::ConcreteShadowNode;
+
+  ComponentName getComponentName() const override;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/BUCK b/ReactCommon/fabric/components/view/BUCK
new file mode 100644
index 00000000000000..0aa0b6b3c7f551
--- /dev/null
+++ b/ReactCommon/fabric/components/view/BUCK
@@ -0,0 +1,86 @@
+load("//configurations/buck/apple:flag_defs.bzl", "OBJC_ARC_PREPROCESSOR_FLAGS", "get_application_ios_flags", "get_debug_preprocessor_flags")
+load(
+    "//ReactNative:DEFS.bzl",
+    "ANDROID",
+    "APPLE",
+    "fb_xplat_cxx_test",
+    "get_apple_compiler_flags",
+    "get_apple_inspector_flags",
+    "react_native_xplat_target",
+    "rn_xplat_cxx_library",
+    "subdir_glob",
+)
+
+APPLE_COMPILER_FLAGS = get_apple_compiler_flags()
+
+rn_xplat_cxx_library(
+    name = "view",
+    srcs = glob(
+        ["**/*.cpp"],
+        exclude = glob(["tests/**/*.cpp"]),
+    ),
+    headers = glob(
+        ["**/*.h"],
+        exclude = glob(["tests/**/*.h"]),
+    ),
+    header_namespace = "",
+    exported_headers = subdir_glob(
+        [
+            ("", "*.h"),
+            ("accessibility", "*.h"),
+            ("root", "*.h"),
+            ("yoga", "*.h"),
+        ],
+        prefix = "fabric/components/view",
+    ),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_tests = [
+        ":tests",
+    ],
+    force_static = True,
+    macosx_tests_override = [],
+    platforms = (ANDROID, APPLE),
+    preprocessor_flags = [
+        "-DLOG_TAG=\"ReactNative\"",
+        "-DWITH_FBSYSTRACE=1",
+    ],
+    tests = [],
+    visibility = ["PUBLIC"],
+    deps = [
+        "xplat//fbsystrace:fbsystrace",
+        "xplat//folly:headers_only",
+        "xplat//folly:memory",
+        "xplat//folly:molly",
+        "xplat//third-party/glog:glog",
+        "xplat//yoga:yoga",
+        react_native_xplat_target("fabric/core:core"),
+        react_native_xplat_target("fabric/debug:debug"),
+        react_native_xplat_target("fabric/graphics:graphics"),
+    ],
+)
+
+fb_xplat_cxx_test(
+    name = "tests",
+    srcs = glob(["tests/**/*.cpp"]),
+    headers = glob(["tests/**/*.h"]),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    platforms = APPLE,
+    deps = [
+        "xplat//folly:molly",
+        "xplat//third-party/gmock:gtest",
+        ":view",
+    ],
+)
diff --git a/ReactCommon/fabric/components/view/ConcreteViewShadowNode.h b/ReactCommon/fabric/components/view/ConcreteViewShadowNode.h
new file mode 100644
index 00000000000000..0bddc1a7e73992
--- /dev/null
+++ b/ReactCommon/fabric/components/view/ConcreteViewShadowNode.h
@@ -0,0 +1,146 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/view/AccessibleShadowNode.h>
+#include <fabric/components/view/ViewEventEmitter.h>
+#include <fabric/components/view/ViewProps.h>
+#include <fabric/components/view/YogaLayoutableShadowNode.h>
+#include <fabric/core/ConcreteShadowNode.h>
+#include <fabric/core/LayoutableShadowNode.h>
+#include <fabric/core/ShadowNode.h>
+#include <fabric/debug/DebugStringConvertibleItem.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Template for all <View>-like classes (classes which have all same props
+ * as <View> and similar basic behaviour).
+ * For example: <Paragraph>, <Image>, but not <Text>, <RawText>.
+ */
+template <typename ViewPropsT = ViewProps, typename ViewEventEmitterT = ViewEventEmitter>
+class ConcreteViewShadowNode:
+  public ConcreteShadowNode<ViewPropsT, ViewEventEmitterT>,
+  public AccessibleShadowNode,
+  public YogaLayoutableShadowNode {
+
+  static_assert(std::is_base_of<ViewProps, ViewPropsT>::value, "ViewPropsT must be a descendant of ViewProps");
+  static_assert(std::is_base_of<YogaStylableProps, ViewPropsT>::value, "ViewPropsT must be a descendant of YogaStylableProps");
+  static_assert(std::is_base_of<AccessibilityProps, ViewPropsT>::value, "ViewPropsT must be a descendant of AccessibilityProps");
+
+public:
+
+  using ConcreteViewProps = ViewPropsT;
+  using SharedConcreteViewProps = std::shared_ptr<const ViewPropsT>;
+  using ConcreteViewEventEmitter = ViewEventEmitterT;
+  using SharedConcreteViewEventEmitter = std::shared_ptr<const ViewEventEmitterT>;
+  using SharedConcreteViewShadowNode = std::shared_ptr<const ConcreteViewShadowNode>;
+
+  ConcreteViewShadowNode(
+    const Tag &tag,
+    const Tag &rootTag,
+    const SharedConcreteViewProps &props,
+    const SharedConcreteViewEventEmitter &eventEmitter,
+    const SharedShadowNodeSharedList &children,
+    const ShadowNodeCloneFunction &cloneFunction
+  ):
+    ConcreteShadowNode<ViewPropsT, ViewEventEmitterT>(
+      tag,
+      rootTag,
+      props,
+      eventEmitter,
+      children,
+      cloneFunction
+    ),
+    AccessibleShadowNode(
+      props
+    ),
+    YogaLayoutableShadowNode() {
+
+    YogaLayoutableShadowNode::setProps(*props);
+    YogaLayoutableShadowNode::setChildren(ConcreteShadowNode<ViewPropsT, ViewEventEmitterT>::template getChildrenSlice<YogaLayoutableShadowNode>());
+  };
+
+  ConcreteViewShadowNode(
+    const SharedConcreteViewShadowNode &shadowNode,
+    const SharedConcreteViewProps &props,
+    const SharedConcreteViewEventEmitter &eventEmitter,
+    const SharedShadowNodeSharedList &children
+  ):
+    ConcreteShadowNode<ViewPropsT, ViewEventEmitterT>(
+      shadowNode,
+      props,
+      eventEmitter,
+      children
+    ),
+    AccessibleShadowNode(
+      shadowNode,
+      props
+    ),
+    YogaLayoutableShadowNode(
+      *shadowNode
+    ) {
+
+    if (props) {
+      YogaLayoutableShadowNode::setProps(*props);
+    }
+
+    if (children) {
+      YogaLayoutableShadowNode::setChildren(ConcreteShadowNode<ViewPropsT, ViewEventEmitterT>::template getChildrenSlice<YogaLayoutableShadowNode>());
+    }
+  };
+
+  void appendChild(const SharedShadowNode &child) {
+    ensureUnsealed();
+
+    ShadowNode::appendChild(child);
+
+    auto nonConstChild = const_cast<ShadowNode *>(child.get());
+    auto yogaLayoutableChild = dynamic_cast<YogaLayoutableShadowNode *>(nonConstChild);
+    if (yogaLayoutableChild) {
+      YogaLayoutableShadowNode::appendChild(yogaLayoutableChild);
+    }
+  }
+
+  LayoutableShadowNode *cloneAndReplaceChild(LayoutableShadowNode *child, int suggestedIndex = -1) override {
+    ensureUnsealed();
+    auto childShadowNode = static_cast<const ConcreteViewShadowNode *>(child);
+    auto clonedChildShadowNode = std::static_pointer_cast<ConcreteViewShadowNode>(childShadowNode->clone());
+    ShadowNode::replaceChild(childShadowNode->shared_from_this(), clonedChildShadowNode, suggestedIndex);
+    return clonedChildShadowNode.get();
+  }
+
+#pragma mark - Equality
+
+  bool operator==(const ShadowNode& rhs) const override {
+    if (!ShadowNode::operator==(rhs)) {
+      return false;
+    }
+
+    const auto &other = static_cast<const ConcreteViewShadowNode&>(rhs);
+    return getLayoutMetrics() == other.getLayoutMetrics();
+  }
+
+#pragma mark - DebugStringConvertible
+
+  SharedDebugStringConvertibleList getDebugProps() const override {
+    SharedDebugStringConvertibleList list = {};
+
+    auto basePropsList = ShadowNode::getDebugProps();
+    std::move(basePropsList.begin(), basePropsList.end(), std::back_inserter(list));
+
+    list.push_back(std::make_shared<DebugStringConvertibleItem>("layout", "", LayoutableShadowNode::getDebugProps()));
+
+    return list;
+  }
+
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/ViewComponentDescriptor.h b/ReactCommon/fabric/components/view/ViewComponentDescriptor.h
new file mode 100644
index 00000000000000..47cbe2e575c03f
--- /dev/null
+++ b/ReactCommon/fabric/components/view/ViewComponentDescriptor.h
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/view/ViewShadowNode.h>
+#include <fabric/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+using ViewComponentDescriptor = ConcreteComponentDescriptor<ViewShadowNode>;
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/ViewEventEmitter.cpp b/ReactCommon/fabric/components/view/ViewEventEmitter.cpp
new file mode 100644
index 00000000000000..643b0b017847e1
--- /dev/null
+++ b/ReactCommon/fabric/components/view/ViewEventEmitter.cpp
@@ -0,0 +1,91 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ViewEventEmitter.h"
+
+namespace facebook {
+namespace react {
+
+#pragma mark - Accessibility
+
+void ViewEventEmitter::onAccessibilityAction(const std::string &name) const {
+  dispatchEvent("accessibilityAction", folly::dynamic::object("action", name));
+}
+
+void ViewEventEmitter::onAccessibilityTap() const {
+  dispatchEvent("accessibilityTap");
+}
+
+void ViewEventEmitter::onAccessibilityMagicTap() const {
+  dispatchEvent("magicTap");
+}
+
+#pragma mark - Layout
+
+void ViewEventEmitter::onLayout(const LayoutMetrics &layoutMetrics) const {
+  folly::dynamic payload = folly::dynamic::object();
+  const auto &frame = layoutMetrics.frame;
+  payload["layout"] = folly::dynamic::object
+    ("x", frame.origin.x)
+    ("y", frame.origin.y)
+    ("width", frame.size.width)
+    ("height", frame.size.height);
+
+  dispatchEvent("layout", payload);
+}
+
+#pragma mark - Touches
+
+static folly::dynamic touchPayload(const Touch &touch) {
+  folly::dynamic object = folly::dynamic::object();
+  object["locationX"] = touch.offsetPoint.x;
+  object["locationY"] = touch.offsetPoint.x;
+  object["pageX"] = touch.pagePoint.x;
+  object["pageY"] = touch.pagePoint.x;
+  object["screenX"] = touch.screenPoint.x;
+  object["screenY"] = touch.screenPoint.x;
+  object["identifier"] = touch.identifier;
+  object["target"] = touch.target;
+  object["timestamp"] = touch.timestamp * 1000;
+  object["force"] = touch.force;
+  return object;
+}
+
+static folly::dynamic touchesPayload(const Touches &touches) {
+  folly::dynamic array = folly::dynamic::array();
+  for (const auto &touch : touches) {
+    array.push_back(touchPayload(touch));
+  }
+  return array;
+}
+
+static folly::dynamic touchEventPayload(const TouchEvent &event) {
+  folly::dynamic object = folly::dynamic::object();
+  object["touches"] = touchesPayload(event.touches);
+  object["changedTouches"] = touchesPayload(event.changedTouches);
+  object["targetTouches"] = touchesPayload(event.targetTouches);
+  return object;
+}
+
+void ViewEventEmitter::onTouchStart(const TouchEvent &event) const {
+  dispatchEvent("touchStart", touchEventPayload(event));
+}
+
+void ViewEventEmitter::onTouchMove(const TouchEvent &event) const {
+  dispatchEvent("touchMove", touchEventPayload(event));
+}
+
+void ViewEventEmitter::onTouchEnd(const TouchEvent &event) const {
+  dispatchEvent("touchEnd", touchEventPayload(event));
+}
+
+void ViewEventEmitter::onTouchCancel(const TouchEvent &event) const {
+  dispatchEvent("touchCancel", touchEventPayload(event));
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/ViewEventEmitter.h b/ReactCommon/fabric/components/view/ViewEventEmitter.h
new file mode 100644
index 00000000000000..97704014341e99
--- /dev/null
+++ b/ReactCommon/fabric/components/view/ViewEventEmitter.h
@@ -0,0 +1,130 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+#pragma once
+
+#include <memory>
+
+#include <fabric/core/LayoutMetrics.h>
+#include <fabric/core/ReactPrimitives.h>
+#include <fabric/events/EventEmitter.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Describes an individual touch point for a touch event.
+ * See https://www.w3.org/TR/touch-events/ for more details.
+ */
+struct Touch {
+  /*
+   * The coordinate of point relative to the root component in points.
+   */
+  Point pagePoint;
+
+  /*
+   * The coordinate of point relative to the target component in points.
+   */
+  Point offsetPoint;
+
+  /*
+   * The coordinate of point relative to the screen component in points.
+   */
+  Point screenPoint;
+
+  /*
+   * An identification number for each touch point.
+   */
+  int identifier;
+
+  /*
+   * The tag of a component on which the touch point started when it was first placed on the surface,
+   * even if the touch point has since moved outside the interactive area of that element.
+   */
+  Tag target;
+
+  /*
+   * The force of the touch.
+   */
+  Float force;
+
+  /*
+   * The time in seconds when the touch occurred or when it was last mutated.
+   */
+  Float timestamp;
+
+  /*
+   * The particular implementation of `Hasher` and (especially) `Comparator`
+   * make sense only when `Touch` object is used as a *key* in indexed collections.
+   * Because of that they are expressed as separate classes.
+   */
+  struct Hasher {
+    size_t operator()(const Touch &touch) const {
+      return std::hash<decltype(touch.identifier)>()(touch.identifier);
+    }
+  };
+
+  struct Comparator {
+    bool operator()(const Touch &lhs, const Touch &rhs) const {
+      return lhs.identifier == rhs.identifier;
+    }
+  };
+};
+
+using Touches = std::unordered_set<Touch, Touch::Hasher, Touch::Comparator>;
+
+/*
+ * Defines the `touchstart`, `touchend`, `touchmove`, and `touchcancel` event types.
+ */
+struct TouchEvent {
+  /*
+   * A list of Touches for every point of contact currently touching the surface.
+   */
+  Touches touches;
+
+  /*
+   * A list of Touches for every point of contact which contributed to the event.
+   */
+  Touches changedTouches;
+
+  /*
+   * A list of Touches for every point of contact that is touching the surface
+   * and started on the element that is the target of the current event.
+   */
+  Touches targetTouches;
+};
+
+class ViewEventEmitter;
+
+using SharedViewEventEmitter = std::shared_ptr<const ViewEventEmitter>;
+
+class ViewEventEmitter:
+  public EventEmitter {
+
+public:
+
+  using EventEmitter::EventEmitter;
+
+#pragma mark - Accessibility
+
+  void onAccessibilityAction(const std::string &name) const;
+  void onAccessibilityTap() const;
+  void onAccessibilityMagicTap() const;
+
+#pragma mark - Layout
+
+  void onLayout(const LayoutMetrics &layoutMetrics) const;
+
+#pragma mark - Touches
+
+  void onTouchStart(const TouchEvent &event) const;
+  void onTouchMove(const TouchEvent &event) const;
+  void onTouchEnd(const TouchEvent &event) const;
+  void onTouchCancel(const TouchEvent &event) const;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/ViewProps.cpp b/ReactCommon/fabric/components/view/ViewProps.cpp
new file mode 100644
index 00000000000000..72af1c675c038b
--- /dev/null
+++ b/ReactCommon/fabric/components/view/ViewProps.cpp
@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ViewProps.h"
+
+#include <fabric/components/view/conversions.h>
+#include <fabric/core/propsConversions.h>
+#include <fabric/debug/debugStringConvertibleUtils.h>
+#include <fabric/graphics/conversions.h>
+
+namespace facebook {
+namespace react {
+
+ViewProps::ViewProps(const YGStyle &yogaStyle):
+  YogaStylableProps(yogaStyle) {}
+
+ViewProps::ViewProps(const ViewProps &sourceProps, const RawProps &rawProps):
+  Props(sourceProps, rawProps),
+  YogaStylableProps(sourceProps, rawProps),
+  opacity(convertRawProp(rawProps, "opacity", sourceProps.opacity, (Float)1.0)),
+  foregroundColor(convertRawProp(rawProps, "foregroundColor", sourceProps.foregroundColor)),
+  backgroundColor(convertRawProp(rawProps, "backgroundColor", sourceProps.backgroundColor)),
+  borderWidth(convertRawProp(rawProps, "borderWidth", sourceProps.borderWidth)),
+  borderRadius(convertRawProp(rawProps, "borderRadius", sourceProps.borderRadius)),
+  borderColor(convertRawProp(rawProps, "borderColor", sourceProps.borderColor)),
+  borderStyle(convertRawProp(rawProps, "borderStyle", sourceProps.borderStyle)),
+  shadowColor(convertRawProp(rawProps, "shadowColor", sourceProps.shadowColor)),
+  shadowOffset(convertRawProp(rawProps, "shadowOffset", sourceProps.shadowOffset)),
+  shadowOpacity(convertRawProp(rawProps, "shadowOpacity", sourceProps.shadowOpacity)),
+  shadowRadius(convertRawProp(rawProps, "shadowRadius", sourceProps.shadowRadius)),
+  transform(convertRawProp(rawProps, "transform", sourceProps.transform)),
+  backfaceVisibility(convertRawProp(rawProps, "backfaceVisibility", sourceProps.backfaceVisibility)),
+  shouldRasterize(convertRawProp(rawProps, "shouldRasterize", sourceProps.shouldRasterize)),
+  zIndex(convertRawProp(rawProps, "zIndex", sourceProps.zIndex)),
+  pointerEvents(convertRawProp(rawProps, "pointerEvents", sourceProps.pointerEvents)),
+  hitSlop(convertRawProp(rawProps, "hitSlop", sourceProps.hitSlop)),
+  onLayout(convertRawProp(rawProps, "onLayout", sourceProps.onLayout)) {};
+
+#pragma mark - DebugStringConvertible
+
+SharedDebugStringConvertibleList ViewProps::getDebugProps() const {
+  const auto &defaultViewProps = ViewProps();
+
+  return
+    AccessibilityProps::getDebugProps() +
+    YogaStylableProps::getDebugProps() +
+    SharedDebugStringConvertibleList {
+      debugStringConvertibleItem("zIndex", zIndex, defaultViewProps.zIndex),
+      debugStringConvertibleItem("opacity", opacity, defaultViewProps.opacity),
+      debugStringConvertibleItem("foregroundColor", foregroundColor, defaultViewProps.foregroundColor),
+      debugStringConvertibleItem("backgroundColor", backgroundColor, defaultViewProps.backgroundColor),
+    };
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/ViewProps.h b/ReactCommon/fabric/components/view/ViewProps.h
new file mode 100644
index 00000000000000..d9d9e6143b28c5
--- /dev/null
+++ b/ReactCommon/fabric/components/view/ViewProps.h
@@ -0,0 +1,71 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/view/AccessibilityProps.h>
+#include <fabric/components/view/primitives.h>
+#include <fabric/components/view/YogaStylableProps.h>
+#include <fabric/core/Props.h>
+#include <fabric/graphics/Geometry.h>
+#include <fabric/graphics/Color.h>
+
+namespace facebook {
+namespace react {
+
+class ViewProps;
+
+using SharedViewProps = std::shared_ptr<const ViewProps>;
+
+class ViewProps:
+  public Props,
+  public YogaStylableProps,
+  public AccessibilityProps {
+
+public:
+
+  ViewProps() = default;
+  ViewProps(const YGStyle &yogaStyle);
+  ViewProps(const ViewProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  // Color
+  const Float opacity {1.0};
+  const SharedColor foregroundColor {};
+  const SharedColor backgroundColor {};
+
+  // Borders
+  const EdgeInsets borderWidth {};
+  const CornerInsets borderRadius {};
+  const SharedColor borderColor {};
+  const BorderStyle borderStyle {};
+
+  // Shadow
+  const SharedColor shadowColor {};
+  const Size shadowOffset {};
+  const Float shadowOpacity {};
+  const Float shadowRadius {};
+
+  // Transform
+  const Transform transform {};
+  const bool backfaceVisibility {};
+  const bool shouldRasterize {};
+  const int zIndex {};
+
+  // Events
+  const PointerEventsMode pointerEvents {};
+  const EdgeInsets hitSlop {};
+  const bool onLayout {};
+
+#pragma mark - DebugStringConvertible
+
+  SharedDebugStringConvertibleList getDebugProps() const override;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/ViewShadowNode.cpp b/ReactCommon/fabric/components/view/ViewShadowNode.cpp
new file mode 100644
index 00000000000000..2bf7f30d76aeea
--- /dev/null
+++ b/ReactCommon/fabric/components/view/ViewShadowNode.cpp
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ViewShadowNode.h"
+
+namespace facebook {
+namespace react {
+
+ComponentName ViewShadowNode::getComponentName() const {
+  return ComponentName("View");
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/ViewShadowNode.h b/ReactCommon/fabric/components/view/ViewShadowNode.h
new file mode 100644
index 00000000000000..8fa20ebad8258a
--- /dev/null
+++ b/ReactCommon/fabric/components/view/ViewShadowNode.h
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <memory>
+
+#include <fabric/components/view/ViewProps.h>
+#include <fabric/components/view/ConcreteViewShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+class ViewShadowNode;
+
+using SharedViewShadowNode = std::shared_ptr<const ViewShadowNode>;
+
+class ViewShadowNode final:
+  public ConcreteViewShadowNode<ViewProps, ViewEventEmitter> {
+
+public:
+
+  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+  ComponentName getComponentName() const override;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/accessibility/AccessibilityPrimitives.h b/ReactCommon/fabric/components/view/accessibility/AccessibilityPrimitives.h
new file mode 100644
index 00000000000000..01ddabb9ea7eed
--- /dev/null
+++ b/ReactCommon/fabric/components/view/accessibility/AccessibilityPrimitives.h
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <cinttypes>
+
+namespace facebook {
+namespace react {
+
+enum class AccessibilityTraits: uint32_t {
+  None = 0,
+  Button = (1 << 0),
+  Link = (1 << 1),
+  Image = (1 << 2),
+  Selected = (1 << 3),
+  PlaysSound = (1 << 4),
+  KeyboardKey = (1 << 5),
+  StaticText = (1 << 6),
+  SummaryElement = (1 << 7),
+  NotEnabled = (1 << 8),
+  UpdatesFrequently = (1 << 9),
+  SearchField = (1 << 10),
+  StartsMediaSession = (1 << 11),
+  Adjustable = (1 << 12),
+  DirectInteraction = (1 << 13),
+  CausesPageTurn = (1 << 14),
+  Header = (1 << 15),
+};
+
+constexpr enum AccessibilityTraits operator |(const enum AccessibilityTraits lhs, const enum AccessibilityTraits rhs) {
+  return (enum AccessibilityTraits)((uint32_t)lhs | (uint32_t)rhs);
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.cpp b/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.cpp
new file mode 100644
index 00000000000000..f8833ac7d9284a
--- /dev/null
+++ b/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.cpp
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "AccessibilityProps.h"
+
+#include "accessibilityValuesConversions.h"
+
+namespace facebook {
+namespace react {
+
+AccessibilityProps::AccessibilityProps(const AccessibilityProps &sourceProps, const RawProps &rawProps) {}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.h b/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.h
new file mode 100644
index 00000000000000..d1682c68716889
--- /dev/null
+++ b/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.h
@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/view/AccessibilityPrimitives.h>
+#include <fabric/core/Props.h>
+#include <fabric/core/ReactPrimitives.h>
+#include <fabric/debug/DebugStringConvertible.h>
+
+namespace facebook {
+namespace react {
+
+class AccessibilityProps;
+
+typedef std::shared_ptr<const AccessibilityProps> SharedAccessibilityProps;
+
+class AccessibilityProps:
+  public virtual DebugStringConvertible {
+
+public:
+
+  AccessibilityProps() = default;
+  AccessibilityProps(const AccessibilityProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  const bool accessible {true};
+  const std::vector<std::string> accessibilityActions {};
+  const std::string accessibilityLabel {""};
+  const AccessibilityTraits accessibilityTraits {AccessibilityTraits::None};
+  const bool accessibilityViewIsModal {false};
+  const bool accessibilityElementsHidden {false};
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/accessibility/AccessibleShadowNode.cpp b/ReactCommon/fabric/components/view/accessibility/AccessibleShadowNode.cpp
new file mode 100644
index 00000000000000..4941cd49e2852f
--- /dev/null
+++ b/ReactCommon/fabric/components/view/accessibility/AccessibleShadowNode.cpp
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "AccessibleShadowNode.h"
+
+#include <memory>
+
+namespace facebook {
+namespace react {
+
+AccessibleShadowNode::AccessibleShadowNode(
+  const SharedAccessibilityProps &props
+) {
+  assert(props);
+}
+
+AccessibleShadowNode::AccessibleShadowNode(
+  const SharedAccessibleShadowNode &shadowNode,
+  const SharedAccessibilityProps &props
+) {
+  assert(shadowNode);
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/accessibility/AccessibleShadowNode.h b/ReactCommon/fabric/components/view/accessibility/AccessibleShadowNode.h
new file mode 100644
index 00000000000000..f893b0dcdca4ee
--- /dev/null
+++ b/ReactCommon/fabric/components/view/accessibility/AccessibleShadowNode.h
@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <memory>
+
+#include <fabric/components/view/AccessibilityProps.h>
+#include <fabric/core/ShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+class AccessibleShadowNode;
+
+typedef std::shared_ptr<const AccessibleShadowNode> SharedAccessibleShadowNode;
+
+class AccessibleShadowNode {
+
+public:
+
+#pragma mark - Constructors
+
+  AccessibleShadowNode() = default;
+
+  AccessibleShadowNode(
+    const SharedAccessibilityProps &props
+  );
+
+  AccessibleShadowNode(
+    const SharedAccessibleShadowNode &shadowNode,
+    const SharedAccessibilityProps &props = nullptr
+  );
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/accessibility/accessibilityValuesConversions.cpp b/ReactCommon/fabric/components/view/accessibility/accessibilityValuesConversions.cpp
new file mode 100644
index 00000000000000..1e97d64e265095
--- /dev/null
+++ b/ReactCommon/fabric/components/view/accessibility/accessibilityValuesConversions.cpp
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "accessibilityValuesConversions.h"
+
+#include <folly/Conv.h>
+
+namespace facebook {
+namespace react {
+
+AccessibilityTraits accessibilityTraitsFromDynamic(const folly::dynamic &value) {
+  assert(value.isString());
+
+  // FIXME: Not clear yet.
+  abort();
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/ShadowNode.h b/ReactCommon/fabric/components/view/accessibility/accessibilityValuesConversions.h
similarity index 50%
rename from ReactCommon/fabric/ShadowNode.h
rename to ReactCommon/fabric/components/view/accessibility/accessibilityValuesConversions.h
index 257b7c19e940c9..97913d3e2663c3 100644
--- a/ReactCommon/fabric/ShadowNode.h
+++ b/ReactCommon/fabric/components/view/accessibility/accessibilityValuesConversions.h
@@ -7,21 +7,13 @@
 
 #pragma once
 
+#include <fabric/components/view/AccessibilityPrimitives.h>
 #include <folly/dynamic.h>
-#include <memory>
 
 namespace facebook {
 namespace react {
 
-class ShadowNode {
-public:
-  int reactTag_;
-  std::string viewName_;
-  int rootTag_;
-  folly::dynamic props_;
-  void *instanceHandle_;
+AccessibilityTraits accessibilityTraitsFromDynamic(const folly::dynamic &value);
 
-  ShadowNode(int reactTag, std::string viewName, int rootTag, folly::dynamic props, void *instanceHandle);
-};
-
-}}
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/conversions.h b/ReactCommon/fabric/components/view/conversions.h
new file mode 100644
index 00000000000000..e34b65f1c3ea20
--- /dev/null
+++ b/ReactCommon/fabric/components/view/conversions.h
@@ -0,0 +1,430 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/view/primitives.h>
+#include <fabric/core/LayoutMetrics.h>
+#include <fabric/graphics/Geometry.h>
+#include <folly/dynamic.h>
+#include <folly/Conv.h>
+#include <yoga/Yoga.h>
+#include <yoga/YGNode.h>
+
+// Yoga does not have this as part of the library, so we have to implement it
+// here ouside of `facebook::react::` namespace.
+inline bool operator==(const YGValue &lhs, const YGValue &rhs) {
+  if (
+    (lhs.unit == YGUnitUndefined && rhs.unit == YGUnitUndefined) ||
+    (lhs.unit == YGUnitAuto && rhs.unit == YGUnitAuto)
+  ) {
+    return true;
+  }
+
+  return
+    lhs.unit == rhs.unit &&
+    ((isnan(lhs.value) && isnan(rhs.value)) || (lhs.value == rhs.value));
+}
+
+namespace facebook {
+namespace react {
+
+inline Float fabricFloatFromYogaFloat(float value) {
+  if (value == YGUndefined) {
+    return kFloatUndefined;
+  }
+
+  return (Float)value;
+}
+
+inline float yogaFloatFromFabricFloat(Float value) {
+  if (value == kFloatUndefined) {
+    return YGUndefined;
+  }
+
+  return (float)value;
+}
+
+inline Float fabricFloatFromYogaOptionalFloat(YGFloatOptional value) {
+  if (value.isUndefined()) {
+    return kFloatUndefined;
+  }
+
+  return fabricFloatFromYogaFloat(value.getValue());
+}
+
+inline YGFloatOptional yogaOptionalFloatFromFabricFloat(Float value) {
+  if (value == kFloatUndefined) {
+    return YGFloatOptional();
+  }
+
+  return YGFloatOptional(yogaFloatFromFabricFloat(value));
+}
+
+inline YGValue yogaStyleValueFromFloat(const Float &value) {
+  if (isnan(value) || value == kFloatUndefined) {
+    return YGValueUndefined;
+  }
+
+  return {(float)value, YGUnitPoint};
+}
+
+inline LayoutMetrics layoutMetricsFromYogaNode(YGNode &yogaNode) {
+  LayoutMetrics layoutMetrics;
+
+  YGLayout layout = yogaNode.getLayout();
+
+  layoutMetrics.frame = Rect {
+    Point {
+      fabricFloatFromYogaFloat(layout.position[YGEdgeLeft]),
+      fabricFloatFromYogaFloat(layout.position[YGEdgeTop])
+    },
+    Size {
+      fabricFloatFromYogaFloat(layout.dimensions[YGDimensionWidth]),
+      fabricFloatFromYogaFloat(layout.dimensions[YGDimensionHeight])
+    }
+  };
+
+  layoutMetrics.borderWidth = EdgeInsets {
+    fabricFloatFromYogaFloat(layout.border[YGEdgeLeft]),
+    fabricFloatFromYogaFloat(layout.border[YGEdgeTop]),
+    fabricFloatFromYogaFloat(layout.border[YGEdgeRight]),
+    fabricFloatFromYogaFloat(layout.border[YGEdgeBottom])
+  };
+
+  layoutMetrics.contentInsets = EdgeInsets {
+    fabricFloatFromYogaFloat(layout.border[YGEdgeLeft] + layout.padding[YGEdgeLeft]),
+    fabricFloatFromYogaFloat(layout.border[YGEdgeTop] + layout.padding[YGEdgeTop]),
+    fabricFloatFromYogaFloat(layout.border[YGEdgeRight] + layout.padding[YGEdgeRight]),
+    fabricFloatFromYogaFloat(layout.border[YGEdgeBottom] + layout.padding[YGEdgeBottom])
+  };
+
+  layoutMetrics.displayType =
+    yogaNode.getStyle().display == YGDisplayNone ? DisplayType::None : DisplayType::Flex;
+
+  layoutMetrics.layoutDirection =
+    layout.direction == YGDirectionRTL ? LayoutDirection::RightToLeft : LayoutDirection::LeftToRight;
+
+  return layoutMetrics;
+}
+
+inline void fromDynamic(const folly::dynamic &value, YGDirection &result) {
+  assert(value.isString());
+  auto stringValue = value.asString();
+  if (stringValue == "inherit") { result = YGDirectionInherit; return; }
+  if (stringValue == "ltr") { result = YGDirectionLTR; return; }
+  if (stringValue == "rtl") { result = YGDirectionRTL; return; }
+  abort();
+}
+
+inline void fromDynamic(const folly::dynamic &value, YGFlexDirection &result) {
+  assert(value.isString());
+  auto stringValue = value.asString();
+  if (stringValue == "column") { result = YGFlexDirectionColumn; return; }
+  if (stringValue == "column-reverse") { result = YGFlexDirectionColumnReverse; return; }
+  if (stringValue == "row") { result = YGFlexDirectionRow; return; }
+  if (stringValue == "row-reverse") { result = YGFlexDirectionRowReverse; return; }
+  abort();
+}
+
+inline void fromDynamic(const folly::dynamic &value, YGJustify &result) {
+  assert(value.isString());
+  auto stringValue = value.asString();
+  if (stringValue == "flex-start") { result = YGJustifyFlexStart; return; }
+  if (stringValue == "center") { result = YGJustifyCenter; return; }
+  if (stringValue == "flex-end") { result = YGJustifyFlexEnd; return; }
+  if (stringValue == "space-between") { result = YGJustifySpaceBetween; return; }
+  if (stringValue == "space-around") { result = YGJustifySpaceAround; return; }
+  if (stringValue == "space-evenly") { result = YGJustifySpaceEvenly; return; }
+  abort();
+}
+
+inline void fromDynamic(const folly::dynamic &value, YGAlign &result) {
+  assert(value.isString());
+  auto stringValue = value.asString();
+  if (stringValue == "auto") { result = YGAlignAuto; return; }
+  if (stringValue == "flex-start") { result = YGAlignFlexStart; return; }
+  if (stringValue == "center") { result = YGAlignCenter; return; }
+  if (stringValue == "flex-end") { result = YGAlignFlexEnd; return; }
+  if (stringValue == "stretch") { result = YGAlignStretch; return; }
+  if (stringValue == "baseline") { result = YGAlignBaseline; return; }
+  if (stringValue == "between") { result = YGAlignSpaceBetween; return; }
+  if (stringValue == "space-around") { result = YGAlignSpaceAround; return; }
+  abort();
+}
+
+inline void fromDynamic(const folly::dynamic &value, YGPositionType &result) {
+  assert(value.isString());
+  auto stringValue = value.asString();
+  if (stringValue == "relative") { result = YGPositionTypeRelative; return; }
+  if (stringValue == "absolute") { result = YGPositionTypeAbsolute; return; }
+  abort();
+}
+
+inline void fromDynamic(const folly::dynamic &value, YGWrap &result) {
+  assert(value.isString());
+  auto stringValue = value.asString();
+  if (stringValue == "no-wrap") { result = YGWrapNoWrap; return; }
+  if (stringValue == "wrap") { result = YGWrapWrap; return; }
+  if (stringValue == "wrap-reverse") { result = YGWrapWrapReverse; return; }
+  abort();
+}
+
+inline void fromDynamic(const folly::dynamic &value, YGOverflow &result) {
+  assert(value.isString());
+  auto stringValue = value.asString();
+  if (stringValue == "visible") { result = YGOverflowVisible; return; }
+  if (stringValue == "hidden") { result = YGOverflowHidden; return; }
+  if (stringValue == "scroll") { result = YGOverflowScroll; return; }
+  abort();
+}
+
+inline void fromDynamic(const folly::dynamic &value, YGDisplay &result) {
+  assert(value.isString());
+  auto stringValue = value.asString();
+  if (stringValue == "flex") { result = YGDisplayFlex; return; }
+  if (stringValue == "none") { result = YGDisplayNone; return; }
+  abort();
+}
+
+inline void fromDynamic(const folly::dynamic &value, YGValue &result) {
+  if (value.isNumber()) {
+    result = yogaStyleValueFromFloat(value.asDouble());
+    return;
+  } else if (value.isString()) {
+    const auto stringValue = value.asString();
+    if (stringValue == "auto") {
+      result = YGValueUndefined;
+      return;
+    } else {
+      if (stringValue.back() == '%') {
+        result = { folly::to<float>(stringValue.substr(0, stringValue.length() - 1)), YGUnitPercent };
+        return;
+      } else {
+        result = { folly::to<float>(stringValue), YGUnitPoint };
+        return;
+      }
+    }
+  }
+  result = YGValueUndefined;
+}
+
+inline void fromDynamic(const folly::dynamic &value, YGFloatOptional &result) {
+  if (value.isNumber()) {
+    result = YGFloatOptional(value.asDouble());
+    return;
+  } else if (value.isString()) {
+    const auto stringValue = value.asString();
+    if (stringValue == "auto") {
+      result = YGFloatOptional();
+      return;
+    }
+  }
+  abort();
+}
+
+inline void fromDynamic(const folly::dynamic &value, Transform &result) {
+  assert(value.isArray());
+  Transform transformMatrix;
+  for (const auto &tranformConfiguration : value) {
+    assert(tranformConfiguration.isObject());
+    auto pair = *tranformConfiguration.items().begin();
+    const auto &operation = pair.first.asString();
+    const auto &parameters = pair.second;
+
+    if (operation == "matrix") {
+      assert(parameters.isArray());
+      assert(parameters.size() == transformMatrix.matrix.size());
+      int i = 0;
+      for (auto item : parameters) {
+        transformMatrix.matrix[i++] = (Float)item.asDouble();
+      }
+    } else if (operation == "perspective") {
+      transformMatrix = transformMatrix * Transform::Perspective((Float)parameters.asDouble());
+    } else if (operation == "rotateX") {
+      transformMatrix = transformMatrix * Transform::Rotate((Float)parameters.asDouble(), 0, 0);
+    } else if (operation == "rotateY") {
+      transformMatrix = transformMatrix * Transform::Rotate(0, (Float)parameters.asDouble(), 0);
+    } else if (operation == "rotateZ") {
+      transformMatrix = transformMatrix * Transform::Rotate(0, 0, (Float)parameters.asDouble());
+    } else if (operation == "scale") {
+      transformMatrix = transformMatrix * Transform::Scale((Float)parameters.asDouble(), (Float)parameters.asDouble(), (Float)parameters.asDouble());
+    } else if (operation == "scaleX") {
+      transformMatrix = transformMatrix * Transform::Scale((Float)parameters.asDouble(), 0, 0);
+    } else if (operation == "scaleY") {
+      transformMatrix = transformMatrix * Transform::Scale(0, (Float)parameters.asDouble(), 0);
+    } else if (operation == "scaleZ") {
+      transformMatrix = transformMatrix * Transform::Scale(0, 0, (Float)parameters.asDouble());
+    } else if (operation == "translate") {
+      transformMatrix = transformMatrix * Transform::Translate(parameters[0].asDouble(), parameters[1].asDouble(), 0);
+    } else if (operation == "translateX") {
+      transformMatrix = transformMatrix * Transform::Translate(parameters.asDouble(), 0, 0);
+    } else if (operation == "translateY") {
+      transformMatrix = transformMatrix * Transform::Translate(0, parameters.asDouble(), 0);
+    } else if (operation == "skewX") {
+      transformMatrix = transformMatrix * Transform::Skew(parameters.asDouble(), 0);
+    } else if (operation == "skewY") {
+      transformMatrix = transformMatrix * Transform::Skew(0, parameters.asDouble());
+    }
+  }
+
+  result = transformMatrix;
+}
+
+inline void fromDynamic(const folly::dynamic &value, PointerEventsMode &result) {
+  assert(value.isString());
+  auto stringValue = value.asString();
+  if (stringValue == "auto") { result = PointerEventsMode::Auto; return; }
+  if (stringValue == "none") { result = PointerEventsMode::None; return; }
+  if (stringValue == "box-none") { result = PointerEventsMode::BoxNone; return; }
+  if (stringValue == "box-only") { result = PointerEventsMode::BoxOnly; return; }
+  abort();
+}
+
+inline void fromDynamic(const folly::dynamic &value, BorderStyle &result) {
+  assert(value.isString());
+  auto stringValue = value.asString();
+  if (stringValue == "solid") { result = BorderStyle::Solid; return; }
+  if (stringValue == "dotted") { result = BorderStyle::Dotted; return; }
+  if (stringValue == "dashed") { result = BorderStyle::Dashed; return; }
+  abort();
+}
+
+inline std::string toString(const std::array<float, YGDimensionCount> &dimensions) {
+  return "{" + folly::to<std::string>(dimensions[0]) + ", " + folly::to<std::string>(dimensions[1]) + "}";
+}
+
+inline std::string toString(const std::array<float, 4> &position) {
+  return "{" + folly::to<std::string>(position[0]) + ", " + folly::to<std::string>(position[1]) + "}";
+}
+
+inline std::string toString(const std::array<float, YGEdgeCount> &edges) {
+  return "{" +
+    folly::to<std::string>(edges[0]) + ", " +
+    folly::to<std::string>(edges[1]) + ", " +
+    folly::to<std::string>(edges[2]) + ", " +
+    folly::to<std::string>(edges[3]) + "}";
+}
+
+inline std::string toString(const YGDirection &value) {
+  switch (value) {
+    case YGDirectionInherit: return "inherit";
+    case YGDirectionLTR: return "ltr";
+    case YGDirectionRTL: return "rtl";
+  }
+}
+
+inline std::string toString(const YGFlexDirection &value) {
+  switch (value) {
+    case YGFlexDirectionColumn: return "column";
+    case YGFlexDirectionColumnReverse: return "column-reverse";
+    case YGFlexDirectionRow: return "row";
+    case YGFlexDirectionRowReverse: return "row-reverse";
+  }
+}
+
+inline std::string toString(const YGJustify &value) {
+  switch (value) {
+    case YGJustifyFlexStart: return "flex-start";
+    case YGJustifyCenter: return "center";
+    case YGJustifyFlexEnd: return "flex-end";
+    case YGJustifySpaceBetween: return "space-between";
+    case YGJustifySpaceAround: return "space-around";
+    case YGJustifySpaceEvenly: return "space-evenly";
+  }
+}
+
+inline std::string toString(const YGAlign &value) {
+  switch (value) {
+    case YGAlignAuto: return "auto";
+    case YGAlignFlexStart: return "flex-start";
+    case YGAlignCenter: return "center";
+    case YGAlignFlexEnd: return "flex-end";
+    case YGAlignStretch: return "stretch";
+    case YGAlignBaseline: return "baseline";
+    case YGAlignSpaceBetween: return "space-between";
+    case YGAlignSpaceAround: return "space-around";
+  }
+}
+
+inline std::string toString(const YGPositionType &value) {
+  switch (value) {
+    case YGPositionTypeRelative: return "relative";
+    case YGPositionTypeAbsolute: return "absolute";
+  }
+}
+
+inline std::string toString(const YGWrap &value) {
+  switch (value) {
+    case YGWrapNoWrap: return "no-wrap";
+    case YGWrapWrap: return "wrap";
+    case YGWrapWrapReverse: return "wrap-reverse";
+  }
+}
+
+inline std::string toString(const YGOverflow &value) {
+  switch (value) {
+    case YGOverflowVisible: return "visible";
+    case YGOverflowScroll: return "scroll";
+    case YGOverflowHidden: return "hidden";
+  }
+}
+
+inline std::string toString(const YGDisplay &value) {
+  switch (value) {
+    case YGDisplayFlex: return "flex";
+    case YGDisplayNone: return "none";
+  }
+}
+
+inline std::string toString(const YGValue &value) {
+  switch (value.unit) {
+    case YGUnitUndefined: return "undefined";
+    case YGUnitPoint: return folly::to<std::string>(value.value);
+    case YGUnitPercent: return folly::to<std::string>(value.value) + "%";
+    case YGUnitAuto: return "auto";
+  }
+}
+
+inline std::string toString(const YGFloatOptional &value) {
+  if (value.isUndefined()) {
+    return "undefined";
+  }
+
+  return folly::to<std::string>(fabricFloatFromYogaFloat(value.getValue()));
+}
+
+inline std::string toString(const std::array<YGValue, YGDimensionCount> &value) {
+  return "{" +
+    toString(value[0]) + ", " +
+    toString(value[1]) + "}";
+}
+
+inline std::string toString(const std::array<YGValue, YGEdgeCount> &value) {
+  static std::array<std::string, YGEdgeCount> names = {
+    {"left", "top", "right", "bottom", "start", "end", "horizontal", "vertical", "all"}
+  };
+
+  std::string result;
+  std::string separator = ", ";
+
+  for (int i = 0; i < YGEdgeCount; i++) {
+    if (value[i].unit == YGUnitUndefined) {
+      continue;
+    }
+    result += names[i] + ": " + toString(value[i]) + separator;
+  }
+
+  if (!result.empty()) {
+    result.erase(result.length() - separator.length());
+  }
+
+  return "{" + result + "}";
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/primitives.h b/ReactCommon/fabric/components/view/primitives.h
new file mode 100644
index 00000000000000..c7239ec3e9c91f
--- /dev/null
+++ b/ReactCommon/fabric/components/view/primitives.h
@@ -0,0 +1,161 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <cmath>
+#include <fabric/graphics/Geometry.h>
+
+namespace facebook {
+namespace react {
+
+struct Transform {
+  std::array<Float, 16> matrix {{
+    1, 0, 0, 0,
+    0, 1, 0, 0,
+    0, 0, 1, 0,
+    0, 0, 0, 1
+  }};
+
+  static Transform Identity() {
+    Transform transform;
+    return transform;
+  }
+
+  static Transform Perspective(const Float &perspective) {
+    Transform transform;
+    transform.matrix[11] = -1.0 / perspective;
+    return transform;
+  }
+
+  static Transform Scale(const Float &factorX, const Float &factorY, const Float &factorZ) {
+    Transform transform;
+    transform.matrix[0] = factorX;
+    transform.matrix[5] = factorY;
+    transform.matrix[10] = factorZ;
+    return transform;
+  }
+
+  static Transform Translate(const Float &x, const Float &y, const Float &z) {
+    Transform transform;
+    transform.matrix[12] = x;
+    transform.matrix[13] = y;
+    transform.matrix[14] = z;
+    return transform;
+  }
+
+  static Transform Skew(const Float &x, const Float &y) {
+    Transform transform;
+    transform.matrix[4] = std::tan(x);
+    transform.matrix[1] = std::tan(y);
+    return transform;
+  }
+
+  static Transform RotateX(const Float &radians) {
+    Transform transform;
+    transform.matrix[5] = std::cos(radians);
+    transform.matrix[6] = std::sin(radians);
+    transform.matrix[9] = -std::sin(radians);
+    transform.matrix[10] = std::cos(radians);
+    return transform;
+  }
+
+  static Transform RotateY(const Float &radians) {
+    Transform transform;
+    transform.matrix[0] = std::cos(radians);
+    transform.matrix[2] = -std::sin(radians);
+    transform.matrix[8] = std::sin(radians);
+    transform.matrix[10] = std::cos(radians);
+    return transform;
+  }
+
+  static Transform RotateZ(const Float &radians) {
+    Transform transform;
+    transform.matrix[0] = std::cos(radians);
+    transform.matrix[1] = std::sin(radians);
+    transform.matrix[4] = -std::sin(radians);
+    transform.matrix[5] = std::cos(radians);
+    return transform;
+  }
+
+  static Transform Rotate(const Float &x, const Float &y, const Float &z) {
+    Transform transform;
+    if (x != 0) { transform = transform * Transform::RotateX(x); }
+    if (y != 0) { transform = transform * Transform::RotateY(y); }
+    if (z != 0) { transform = transform * Transform::RotateZ(z); }
+    return transform;
+  }
+
+  bool operator ==(const Transform& rhs) const {
+    for (int i = 0; i < 16; i++) {
+      if (matrix[i] != rhs.matrix[i]) {
+        return false;
+      }
+    }
+    return true;
+  }
+
+  bool operator !=(const Transform& rhs) const {
+    return !(*this == rhs);
+  }
+
+  Transform operator *(const Transform& rhs) const {
+    if (*this == Transform::Identity()) {
+      return rhs;
+    }
+
+    const Transform &lhs = *this;
+    Transform result;
+
+    Float lhs00 = lhs.matrix[0], lhs01 = lhs.matrix[1], lhs02 = lhs.matrix[2], lhs03 = lhs.matrix[3],
+    lhs10 = lhs.matrix[4], lhs11 = lhs.matrix[5], lhs12 = lhs.matrix[6], lhs13 = lhs.matrix[7],
+    lhs20 = lhs.matrix[8], lhs21 = lhs.matrix[9], lhs22 = lhs.matrix[10], lhs23 = lhs.matrix[11],
+    lhs30 = lhs.matrix[12], lhs31 = lhs.matrix[13], lhs32 = lhs.matrix[14], lhs33 = lhs.matrix[15];
+
+    Float rhs0 = rhs.matrix[0], rhs1 = rhs.matrix[1], rhs2 = rhs.matrix[2], rhs3 = rhs.matrix[3];
+    result.matrix[0] = rhs0 * lhs00 + rhs1 * lhs10 + rhs2 * lhs20 + rhs3 * lhs30;
+    result.matrix[1] = rhs0 * lhs01 + rhs1 * lhs11 + rhs2 * lhs21 + rhs3 * lhs31;
+    result.matrix[2] = rhs0 * lhs02 + rhs1 * lhs12 + rhs2 * lhs22 + rhs3 * lhs32;
+    result.matrix[3] = rhs0 * lhs03 + rhs1 * lhs13 + rhs2 * lhs23 + rhs3 * lhs33;
+
+    rhs0 = rhs.matrix[4]; rhs1 = rhs.matrix[5]; rhs2 = rhs.matrix[6]; rhs3 = rhs.matrix[7];
+    result.matrix[4] = rhs0 * lhs00 + rhs1 * lhs10 + rhs2 * lhs20 + rhs3 * lhs30;
+    result.matrix[5] = rhs0 * lhs01 + rhs1 * lhs11 + rhs2 * lhs21 + rhs3 * lhs31;
+    result.matrix[6] = rhs0 * lhs02 + rhs1 * lhs12 + rhs2 * lhs22 + rhs3 * lhs32;
+    result.matrix[7] = rhs0 * lhs03 + rhs1 * lhs13 + rhs2 * lhs23 + rhs3 * lhs33;
+
+    rhs0 = rhs.matrix[8]; rhs1 = rhs.matrix[9]; rhs2 = rhs.matrix[10]; rhs3 = rhs.matrix[11];
+    result.matrix[8] = rhs0 * lhs00 + rhs1 * lhs10 + rhs2 * lhs20 + rhs3 * lhs30;
+    result.matrix[9] = rhs0 * lhs01 + rhs1 * lhs11 + rhs2 * lhs21 + rhs3 * lhs31;
+    result.matrix[10] = rhs0 * lhs02 + rhs1 * lhs12 + rhs2 * lhs22 + rhs3 * lhs32;
+    result.matrix[11] = rhs0 * lhs03 + rhs1 * lhs13 + rhs2 * lhs23 + rhs3 * lhs33;
+
+    rhs0 = rhs.matrix[12]; rhs1 = rhs.matrix[13]; rhs2 = rhs.matrix[14]; rhs3 = rhs.matrix[15];
+    result.matrix[12] = rhs0 * lhs00 + rhs1 * lhs10 + rhs2 * lhs20 + rhs3 * lhs30;
+    result.matrix[13] = rhs0 * lhs01 + rhs1 * lhs11 + rhs2 * lhs21 + rhs3 * lhs31;
+    result.matrix[14] = rhs0 * lhs02 + rhs1 * lhs12 + rhs2 * lhs22 + rhs3 * lhs32;
+    result.matrix[15] = rhs0 * lhs03 + rhs1 * lhs13 + rhs2 * lhs23 + rhs3 * lhs33;
+
+    return result;
+  }
+};
+
+enum class PointerEventsMode {
+  Auto,
+  None,
+  BoxNone,
+  BoxOnly
+};
+
+enum class BorderStyle {
+  Solid,
+  Dotted,
+  Dashed
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/propsConversions.h b/ReactCommon/fabric/components/view/propsConversions.h
new file mode 100644
index 00000000000000..80146b59fe8cdf
--- /dev/null
+++ b/ReactCommon/fabric/components/view/propsConversions.h
@@ -0,0 +1,76 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/components/view/conversions.h>
+#include <fabric/core/propsConversions.h>
+
+namespace facebook {
+namespace react {
+
+static std::array<YGValue, 2> convertRawProp(const RawProps &rawProps, const std::string &widthName, const std::string &heightName, const std::array<YGValue, 2> &defaultValue) {
+  std::array<YGValue, 2> dimentions;
+  dimentions[YGDimensionWidth] = convertRawProp(rawProps, widthName, defaultValue[YGDimensionWidth]);
+  dimentions[YGDimensionHeight] = convertRawProp(rawProps, heightName, defaultValue[YGDimensionHeight]);
+  return dimentions;
+}
+
+static std::array<YGValue, YGEdgeCount> convertRawProp(const RawProps &rawProps, const std::string &prefix, const std::array<YGValue, YGEdgeCount> &defaultValue) {
+  std::array<YGValue, YGEdgeCount> result = defaultValue;
+  result[YGEdgeLeft] = convertRawProp(rawProps, prefix + "Left", defaultValue[YGEdgeLeft]);
+  result[YGEdgeTop] = convertRawProp(rawProps, prefix + "Top", defaultValue[YGEdgeTop]);
+  result[YGEdgeRight] = convertRawProp(rawProps, prefix + "Right", defaultValue[YGEdgeRight]);
+  result[YGEdgeBottom] = convertRawProp(rawProps, prefix + "Bottom", defaultValue[YGEdgeBottom]);
+  result[YGEdgeStart] = convertRawProp(rawProps, prefix + "Start", defaultValue[YGEdgeStart]);
+  result[YGEdgeEnd] = convertRawProp(rawProps, prefix + "End", defaultValue[YGEdgeEnd]);
+  result[YGEdgeHorizontal] = convertRawProp(rawProps, prefix + "Horizontal", defaultValue[YGEdgeHorizontal]);
+  result[YGEdgeVertical] = convertRawProp(rawProps, prefix + "Vertical", defaultValue[YGEdgeVertical]);
+  result[YGEdgeAll] = convertRawProp(rawProps, prefix, defaultValue[YGEdgeAll]);
+  return result;
+}
+
+static std::array<YGValue, YGEdgeCount> convertRawProp(const RawProps &rawProps, const std::array<YGValue, YGEdgeCount> &defaultValue) {
+  std::array<YGValue, YGEdgeCount> result = defaultValue;
+  result[YGEdgeLeft] = convertRawProp(rawProps, "left", defaultValue[YGEdgeLeft]);
+  result[YGEdgeTop] = convertRawProp(rawProps, "top", defaultValue[YGEdgeTop]);
+  result[YGEdgeRight] = convertRawProp(rawProps, "right", defaultValue[YGEdgeRight]);
+  result[YGEdgeBottom] = convertRawProp(rawProps, "bottom", defaultValue[YGEdgeBottom]);
+  result[YGEdgeStart] = convertRawProp(rawProps, "start", defaultValue[YGEdgeStart]);
+  result[YGEdgeEnd] = convertRawProp(rawProps, "end", defaultValue[YGEdgeEnd]);
+  return result;
+}
+
+static YGStyle convertRawProp(const RawProps &rawProps, const YGStyle &defaultValue) {
+  YGStyle yogaStyle;
+  yogaStyle.direction = convertRawProp(rawProps, "direction", defaultValue.direction);
+  yogaStyle.flexDirection = convertRawProp(rawProps, "flexDirection", defaultValue.flexDirection);
+  yogaStyle.justifyContent = convertRawProp(rawProps, "justifyContent", defaultValue.justifyContent);
+  yogaStyle.alignContent = convertRawProp(rawProps, "alignContent", defaultValue.alignContent);
+  yogaStyle.alignItems = convertRawProp(rawProps, "alignItems", defaultValue.alignItems);
+  yogaStyle.alignSelf = convertRawProp(rawProps, "alignSelf", defaultValue.alignSelf);
+  yogaStyle.positionType = convertRawProp(rawProps, "position", defaultValue.positionType);
+  yogaStyle.flexWrap = convertRawProp(rawProps, "flexWrap", defaultValue.flexWrap);
+  yogaStyle.overflow = convertRawProp(rawProps, "overflow", defaultValue.overflow);
+  yogaStyle.display = convertRawProp(rawProps, "display", defaultValue.display);
+  yogaStyle.flex = convertRawProp(rawProps, "flex", defaultValue.flex);
+  yogaStyle.flexGrow = convertRawProp(rawProps, "flexGrow", defaultValue.flexGrow);
+  yogaStyle.flexShrink = convertRawProp(rawProps, "flexShrink", defaultValue.flexShrink);
+  yogaStyle.flexBasis = convertRawProp(rawProps, "flexBasis", defaultValue.flexBasis);
+  yogaStyle.margin = convertRawProp(rawProps, "margin", defaultValue.margin);
+  yogaStyle.position = convertRawProp(rawProps, defaultValue.position);
+  yogaStyle.padding = convertRawProp(rawProps, "padding", defaultValue.padding);
+  yogaStyle.border = convertRawProp(rawProps, "border", defaultValue.border);
+  yogaStyle.dimensions = convertRawProp(rawProps, "width", "height", defaultValue.dimensions);
+  yogaStyle.minDimensions = convertRawProp(rawProps, "minWidth", "minHeight", defaultValue.minDimensions);
+  yogaStyle.maxDimensions = convertRawProp(rawProps, "maxWidth", "maxHeight", defaultValue.maxDimensions);
+  yogaStyle.aspectRatio = convertRawProp(rawProps, "aspectRatio", defaultValue.aspectRatio);
+  return yogaStyle;
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/tests/ViewTest.cpp b/ReactCommon/fabric/components/view/tests/ViewTest.cpp
new file mode 100644
index 00000000000000..af1468dc62344b
--- /dev/null
+++ b/ReactCommon/fabric/components/view/tests/ViewTest.cpp
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <memory>
+
+#include <fabric/components/view/ViewComponentDescriptor.h>
+#include <gtest/gtest.h>
+
+using namespace facebook::react;
+
+TEST(ViewTest, testSomething) {
+  // TODO
+}
diff --git a/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.cpp b/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.cpp
new file mode 100644
index 00000000000000..ddfc55180b6b03
--- /dev/null
+++ b/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.cpp
@@ -0,0 +1,204 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "YogaLayoutableShadowNode.h"
+
+#include <algorithm>
+#include <memory>
+
+#include <fabric/components/view/conversions.h>
+#include <fabric/core/LayoutContext.h>
+#include <fabric/core/LayoutConstraints.h>
+#include <fabric/debug/DebugStringConvertibleItem.h>
+#include <yoga/Yoga.h>
+
+namespace facebook {
+namespace react {
+
+YogaLayoutableShadowNode::YogaLayoutableShadowNode():
+  yogaNode_({}),
+  yogaConfig_(nullptr) {
+
+  initializeYogaConfig(yogaConfig_);
+
+  yogaNode_.setConfig(&yogaConfig_);
+  yogaNode_.setContext(this);
+  yogaNode_.setDirty(true);
+}
+
+YogaLayoutableShadowNode::YogaLayoutableShadowNode(
+  const YogaLayoutableShadowNode &layoutableShadowNode
+):
+  yogaNode_(layoutableShadowNode.yogaNode_),
+  yogaConfig_(nullptr) {
+
+  initializeYogaConfig(yogaConfig_);
+
+  yogaNode_.setConfig(&yogaConfig_);
+  yogaNode_.setContext(this);
+  yogaNode_.setOwner(nullptr);
+  yogaNode_.setDirty(true);
+}
+
+void YogaLayoutableShadowNode::cleanLayout() {
+  yogaNode_.setDirty(false);
+}
+
+void YogaLayoutableShadowNode::dirtyLayout() {
+  yogaNode_.markDirtyAndPropogate();
+}
+
+bool YogaLayoutableShadowNode::getIsLayoutClean() const {
+  return !yogaNode_.isDirty();
+}
+
+bool YogaLayoutableShadowNode::getHasNewLayout() const {
+  return yogaNode_.getHasNewLayout();
+}
+
+void YogaLayoutableShadowNode::setHasNewLayout(bool hasNewLayout) {
+  yogaNode_.setHasNewLayout(hasNewLayout);
+}
+
+#pragma mark - Mutating Methods
+
+void YogaLayoutableShadowNode::enableMeasurement() {
+  ensureUnsealed();
+
+  yogaNode_.setMeasureFunc(YogaLayoutableShadowNode::yogaNodeMeasureCallbackConnector);
+}
+
+void YogaLayoutableShadowNode::appendChild(YogaLayoutableShadowNode *child) {
+  ensureUnsealed();
+
+  auto yogaNodeRawPtr = &yogaNode_;
+  auto childYogaNodeRawPtr = &child->yogaNode_;
+
+  if (childYogaNodeRawPtr->getOwner() != nullptr) {
+    child = static_cast<YogaLayoutableShadowNode *>(cloneAndReplaceChild(child, yogaNode_.getChildren().size()));
+    childYogaNodeRawPtr = &child->yogaNode_;
+    assert(childYogaNodeRawPtr->getOwner() == nullptr);
+  }
+
+  child->ensureUnsealed();
+  childYogaNodeRawPtr->setOwner(yogaNodeRawPtr);
+
+  yogaNodeRawPtr->insertChild(childYogaNodeRawPtr, yogaNodeRawPtr->getChildren().size());
+}
+
+void YogaLayoutableShadowNode::setChildren(std::vector<YogaLayoutableShadowNode *> children) {
+  yogaNode_.setChildren({});
+  for (const auto &child : children) {
+    appendChild(child);
+  }
+}
+
+void YogaLayoutableShadowNode::setProps(const YogaStylableProps &props) {
+  yogaNode_.setStyle(props.yogaStyle);
+}
+
+void YogaLayoutableShadowNode::layout(LayoutContext layoutContext) {
+  if (!getIsLayoutClean()) {
+    ensureUnsealed();
+
+    /*
+     * In Yoga, every single Yoga Node has to have a (non-null) pointer to
+     * Yoga Config (this config can be shared between many nodes),
+     * so every node can be individually configured. This does *not* mean
+     * however that Yoga consults with every single Yoga Node Config for every
+     * config parameter. Especially in case of `pointScaleFactor`,
+     * the only value in the config of the root node is taken into account
+     * (and this is by design).
+     */
+    yogaConfig_.pointScaleFactor = layoutContext.pointScaleFactor;
+    YGNodeCalculateLayout(&yogaNode_, YGUndefined, YGUndefined, YGDirectionInherit);
+  }
+
+  LayoutableShadowNode::layout(layoutContext);
+}
+
+void YogaLayoutableShadowNode::layoutChildren(LayoutContext layoutContext) {
+  for (const auto &childYogaNode : yogaNode_.getChildren()) {
+    auto childNode =
+      static_cast<YogaLayoutableShadowNode *>(childYogaNode->getContext());
+
+    LayoutMetrics childLayoutMetrics = layoutMetricsFromYogaNode(childNode->yogaNode_);
+    childLayoutMetrics.pointScaleFactor = layoutContext.pointScaleFactor;
+    childNode->setLayoutMetrics(childLayoutMetrics);
+  }
+}
+
+std::vector<LayoutableShadowNode *> YogaLayoutableShadowNode::getLayoutableChildNodes() const {
+  std::vector<LayoutableShadowNode *> yogaLayoutableChildNodes;
+  yogaLayoutableChildNodes.reserve(yogaNode_.getChildren().size());
+
+  for (const auto &childYogaNode : yogaNode_.getChildren()) {
+    auto childNode =
+      static_cast<YogaLayoutableShadowNode *>(childYogaNode->getContext());
+    yogaLayoutableChildNodes.push_back(childNode);
+  }
+
+  return yogaLayoutableChildNodes;
+}
+
+#pragma mark - Yoga Connectors
+
+YGNode *YogaLayoutableShadowNode::yogaNodeCloneCallbackConnector(YGNode *oldYogaNode, YGNode *parentYogaNode, int childIndex) {
+  // At this point it is garanteed that all shadow nodes associated with yoga nodes are `YogaLayoutableShadowNode` subclasses.
+  auto parentNode =
+    static_cast<YogaLayoutableShadowNode *>(parentYogaNode->getContext());
+  auto oldNode =
+    static_cast<YogaLayoutableShadowNode *>(oldYogaNode->getContext());
+  auto clonedNode =
+    static_cast<YogaLayoutableShadowNode *>(parentNode->cloneAndReplaceChild(oldNode, childIndex));
+  return &clonedNode->yogaNode_;
+}
+
+YGSize YogaLayoutableShadowNode::yogaNodeMeasureCallbackConnector(YGNode *yogaNode, float width, YGMeasureMode widthMode, float height, YGMeasureMode heightMode) {
+  auto shadowNodeRawPtr = static_cast<YogaLayoutableShadowNode *>(yogaNode->getContext());
+
+  auto minimumSize = Size {0, 0};
+  auto maximumSize = Size {kFloatMax, kFloatMax};
+
+  switch (widthMode) {
+    case YGMeasureModeUndefined:
+      break;
+    case YGMeasureModeExactly:
+      minimumSize.width = fabricFloatFromYogaFloat(width);
+      maximumSize.width = fabricFloatFromYogaFloat(width);
+      break;
+    case YGMeasureModeAtMost:
+      maximumSize.width = fabricFloatFromYogaFloat(width);
+      break;
+  }
+
+  switch (heightMode) {
+    case YGMeasureModeUndefined:
+      break;
+    case YGMeasureModeExactly:
+      minimumSize.height = fabricFloatFromYogaFloat(height);
+      maximumSize.height = fabricFloatFromYogaFloat(height);
+      break;
+    case YGMeasureModeAtMost:
+      maximumSize.height = fabricFloatFromYogaFloat(height);
+      break;
+  }
+
+  auto size = shadowNodeRawPtr->measure({minimumSize, maximumSize});
+
+  return YGSize {
+    yogaFloatFromFabricFloat(size.width),
+    yogaFloatFromFabricFloat(size.height)
+  };
+}
+
+void YogaLayoutableShadowNode::initializeYogaConfig(YGConfig &config) {
+  config.cloneNodeCallback = YogaLayoutableShadowNode::yogaNodeCloneCallbackConnector;
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.h b/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.h
new file mode 100644
index 00000000000000..573f3c9640dcd2
--- /dev/null
+++ b/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.h
@@ -0,0 +1,100 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <memory>
+#include <vector>
+
+#include <yoga/YGNode.h>
+
+#include <fabric/components/view/YogaStylableProps.h>
+#include <fabric/core/LayoutableShadowNode.h>
+#include <fabric/core/Sealable.h>
+#include <fabric/debug/DebugStringConvertible.h>
+
+namespace facebook {
+namespace react {
+
+class YogaLayoutableShadowNode:
+  public LayoutableShadowNode,
+  public virtual DebugStringConvertible,
+  public virtual Sealable {
+
+public:
+
+#pragma mark - Constructors
+
+  YogaLayoutableShadowNode();
+
+  YogaLayoutableShadowNode(const YogaLayoutableShadowNode &layoutableShadowNode);
+
+#pragma mark - Mutating Methods
+
+  /*
+   * Connects `measureFunc` function of Yoga node with
+   * `LayoutableShadowNode::measure()` method.
+   */
+  void enableMeasurement();
+
+  /*
+   * Appends `child`'s Yoga node to the own Yoga node.
+   * Complements `ShadowNode::appendChild(...)` functionality from Yoga perspective.
+   */
+  void appendChild(YogaLayoutableShadowNode *child);
+
+  /*
+   * Sets Yoga children based on collection of `YogaLayoutableShadowNode` instances.
+   * Complements `ShadowNode::setChildren(...)` functionality from Yoga perspective.
+   */
+  void setChildren(std::vector<YogaLayoutableShadowNode *> children);
+
+  /*
+   * Sets Yoga styles based on given `YogaStylableProps`.
+   */
+  void setProps(const YogaStylableProps &props);
+
+#pragma mark - LayoutableShadowNode
+
+  void cleanLayout() override;
+  void dirtyLayout() override;
+  bool getIsLayoutClean() const override;
+
+  void setHasNewLayout(bool hasNewLayout) override;
+  bool getHasNewLayout() const override;
+
+  /*
+   * Computes layout using Yoga layout engine.
+   * See `LayoutableShadowNode` for more details.
+   */
+  void layout(LayoutContext layoutContext) override;
+  
+  void layoutChildren(LayoutContext layoutContext) override;
+
+  std::vector<LayoutableShadowNode *> getLayoutableChildNodes() const override;
+
+protected:
+  /*
+   * All Yoga functions only accept non-const arguments, so we have to mark
+   * Yoga node as `mutable` here to avoid `static_cast`ing the pointer to this
+   * all the time.
+   */
+  mutable YGNode yogaNode_;
+
+  /*
+   * Yoga config associated (only) with this particular node.
+   */
+  YGConfig yogaConfig_;
+
+private:
+  static void initializeYogaConfig(YGConfig &config);
+  static YGNode *yogaNodeCloneCallbackConnector(YGNode *oldYogaNode, YGNode *parentYogaNode, int childIndex);
+  static YGSize yogaNodeMeasureCallbackConnector(YGNode *yogaNode, float width, YGMeasureMode widthMode, float height, YGMeasureMode heightMode);
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/yoga/YogaStylableProps.cpp b/ReactCommon/fabric/components/view/yoga/YogaStylableProps.cpp
new file mode 100644
index 00000000000000..165c7195cbe0cb
--- /dev/null
+++ b/ReactCommon/fabric/components/view/yoga/YogaStylableProps.cpp
@@ -0,0 +1,59 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "YogaStylableProps.h"
+
+#include <fabric/components/view/conversions.h>
+#include <fabric/core/propsConversions.h>
+#include <fabric/components/view/propsConversions.h>
+#include <fabric/debug/debugStringConvertibleUtils.h>
+#include <yoga/YGNode.h>
+#include <yoga/Yoga.h>
+
+#include "conversions.h"
+
+namespace facebook {
+namespace react {
+
+YogaStylableProps::YogaStylableProps(const YGStyle &yogaStyle):
+  yogaStyle(yogaStyle) {}
+
+YogaStylableProps::YogaStylableProps(const YogaStylableProps &sourceProps, const RawProps &rawProps):
+  yogaStyle(convertRawProp(rawProps, sourceProps.yogaStyle)) {};
+
+#pragma mark - DebugStringConvertible
+
+SharedDebugStringConvertibleList YogaStylableProps::getDebugProps() const {
+  YGStyle defaultYogaStyle;
+  return {
+    debugStringConvertibleItem("direction", yogaStyle.direction, defaultYogaStyle.direction),
+    debugStringConvertibleItem("flexDirection", yogaStyle.flexDirection, defaultYogaStyle.flexDirection),
+    debugStringConvertibleItem("justifyContent", yogaStyle.justifyContent, defaultYogaStyle.justifyContent),
+    debugStringConvertibleItem("alignContent", yogaStyle.alignContent, defaultYogaStyle.alignContent),
+    debugStringConvertibleItem("alignItems", yogaStyle.alignItems, defaultYogaStyle.alignItems),
+    debugStringConvertibleItem("alignSelf", yogaStyle.alignSelf, defaultYogaStyle.alignSelf),
+    debugStringConvertibleItem("positionType", yogaStyle.positionType, defaultYogaStyle.positionType),
+    debugStringConvertibleItem("flexWrap", yogaStyle.flexWrap, defaultYogaStyle.flexWrap),
+    debugStringConvertibleItem("overflow", yogaStyle.overflow, defaultYogaStyle.overflow),
+    debugStringConvertibleItem("display", yogaStyle.display, defaultYogaStyle.display),
+    debugStringConvertibleItem("flex", yogaStyle.flex, defaultYogaStyle.flex),
+    debugStringConvertibleItem("flexGrow", yogaStyle.flexGrow, defaultYogaStyle.flexGrow),
+    debugStringConvertibleItem("flexShrink", yogaStyle.flexShrink, defaultYogaStyle.flexShrink),
+    debugStringConvertibleItem("flexBasis", yogaStyle.flexBasis, defaultYogaStyle.flexBasis),
+    debugStringConvertibleItem("margin", yogaStyle.margin, defaultYogaStyle.margin),
+    debugStringConvertibleItem("position", yogaStyle.position, defaultYogaStyle.position),
+    debugStringConvertibleItem("padding", yogaStyle.padding, defaultYogaStyle.padding),
+    debugStringConvertibleItem("border", yogaStyle.border, defaultYogaStyle.border),
+    debugStringConvertibleItem("dimensions", yogaStyle.dimensions, defaultYogaStyle.dimensions),
+    debugStringConvertibleItem("minDimensions", yogaStyle.minDimensions, defaultYogaStyle.minDimensions),
+    debugStringConvertibleItem("maxDimensions", yogaStyle.maxDimensions, defaultYogaStyle.maxDimensions),
+    debugStringConvertibleItem("aspectRatio", yogaStyle.aspectRatio, defaultYogaStyle.aspectRatio),
+  };
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/yoga/YogaStylableProps.h b/ReactCommon/fabric/components/view/yoga/YogaStylableProps.h
new file mode 100644
index 00000000000000..c62bb03e7094d3
--- /dev/null
+++ b/ReactCommon/fabric/components/view/yoga/YogaStylableProps.h
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <yoga/YGStyle.h>
+
+#include <fabric/core/Props.h>
+#include <fabric/debug/DebugStringConvertible.h>
+
+namespace facebook {
+namespace react {
+
+class YogaStylableProps;
+
+typedef std::shared_ptr<const YogaStylableProps> SharedYogaStylableProps;
+
+class YogaStylableProps {
+
+public:
+
+  YogaStylableProps() = default;
+  YogaStylableProps(const YGStyle &yogaStyle);
+  YogaStylableProps(const YogaStylableProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  const YGStyle yogaStyle {};
+
+#pragma mark - DebugStringConvertible (Partial)
+
+  SharedDebugStringConvertibleList getDebugProps() const;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/BUCK b/ReactCommon/fabric/core/BUCK
index 4001090955b434..8aa804678635e4 100644
--- a/ReactCommon/fabric/core/BUCK
+++ b/ReactCommon/fabric/core/BUCK
@@ -1,28 +1,27 @@
-load("@xplat//configurations/buck/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
-load("//ReactNative:DEFS.bzl", "IS_OSS_BUILD", "react_native_xplat_target", "rn_xplat_cxx_library", "APPLE_INSPECTOR_FLAGS")
+load("//configurations/buck/apple:flag_defs.bzl", "OBJC_ARC_PREPROCESSOR_FLAGS", "get_application_ios_flags", "get_debug_preprocessor_flags")
+load("//ReactNative:DEFS.bzl", "ANDROID", "APPLE", "IS_OSS_BUILD", "subdir_glob", "fb_xplat_cxx_test", "get_apple_compiler_flags", "get_apple_inspector_flags", "react_native_xplat_target", "rn_xplat_cxx_library")
 
-APPLE_COMPILER_FLAGS = []
-
-if not IS_OSS_BUILD:
-    load("@xplat//configurations/buck/apple:flag_defs.bzl", "get_static_library_ios_flags", "flags")
-    APPLE_COMPILER_FLAGS = flags.get_flag_value(get_static_library_ios_flags(), 'compiler_flags')
+APPLE_COMPILER_FLAGS = get_apple_compiler_flags()
 
 rn_xplat_cxx_library(
     name = "core",
     srcs = glob(
-        [
-            "**/*.cpp",
-        ],
+        ["**/*.cpp"],
+        exclude = glob(["tests/**/*.cpp"]),
     ),
     headers = glob(
-        [
-            "**/*.h",
-        ],
+        ["**/*.h"],
+        exclude = glob(["tests/**/*.h"]),
     ),
     header_namespace = "",
     exported_headers = subdir_glob(
         [
+            ("", "*.h"),
+            ("events", "*.h"),
             ("primitives", "*.h"),
+            ("componentdescriptor", "*.h"),
+            ("layout", "*.h"),
+            ("shadownode", "*.h"),
         ],
         prefix = "fabric/core",
     ),
@@ -33,12 +32,18 @@ rn_xplat_cxx_library(
         "-Wall",
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + APPLE_INSPECTOR_FLAGS,
+    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_tests = [
+        ":tests",
+    ],
     force_static = True,
+    macosx_tests_override = [],
+    platforms = (ANDROID, APPLE),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         "-DWITH_FBSYSTRACE=1",
     ],
+    tests = [],
     visibility = ["PUBLIC"],
     deps = [
         "xplat//fbsystrace:fbsystrace",
@@ -47,5 +52,26 @@ rn_xplat_cxx_library(
         "xplat//folly:molly",
         "xplat//third-party/glog:glog",
         react_native_xplat_target("fabric/debug:debug"),
+        react_native_xplat_target("fabric/events:events"),
+        react_native_xplat_target("fabric/graphics:graphics"),
+    ],
+)
+
+fb_xplat_cxx_test(
+    name = "tests",
+    srcs = glob(["tests/**/*.cpp"]),
+    headers = glob(["tests/**/*.h"]),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    platforms = APPLE,
+    deps = [
+        "xplat//folly:molly",
+        "xplat//third-party/gmock:gtest",
+        ":core",
     ],
 )
diff --git a/ReactCommon/fabric/core/componentdescriptor/ComponentDescriptor.h b/ReactCommon/fabric/core/componentdescriptor/ComponentDescriptor.h
new file mode 100644
index 00000000000000..e550ed0358b926
--- /dev/null
+++ b/ReactCommon/fabric/core/componentdescriptor/ComponentDescriptor.h
@@ -0,0 +1,94 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/core/ShadowNode.h>
+#include <fabric/core/Props.h>
+
+namespace facebook {
+namespace react {
+
+class ComponentDescriptor;
+
+using SharedComponentDescriptor = std::shared_ptr<ComponentDescriptor>;
+
+/*
+ * Abstract class defining an interface of `ComponentDescriptor`.
+ * `ComponentDescriptor` represents particular `ShadowNode` type and
+ * defines (customizes) basic operations with particular kind of
+ * `ShadowNode`s (such as creating, cloning, props and children managing).
+ */
+class ComponentDescriptor {
+public:
+
+  virtual ~ComponentDescriptor() = default;
+
+  /*
+   * Returns `componentHandle` associated with particular kind of components.
+   * All `ShadowNode`s of this type must return same `componentHandle`.
+   */
+  virtual ComponentHandle getComponentHandle() const = 0;
+
+  /*
+   * Returns component's name.
+   * React uses a `name` to refer to particular kind of components in
+   * `create` requests.
+   */
+  virtual ComponentName getComponentName() const = 0;
+
+  /*
+   * Creates a new `ShadowNode` of a particular type.
+   */
+  virtual SharedShadowNode createShadowNode(
+    const Tag &tag,
+    const Tag &rootTag,
+    const SharedEventEmitter &eventEmitter,
+    const SharedProps &props
+  ) const = 0;
+
+  /*
+   * Clones a `ShadowNode` with optionally new `props` and/or `children`.
+   */
+  virtual UnsharedShadowNode cloneShadowNode(
+    const SharedShadowNode &shadowNode,
+    const SharedProps &props = nullptr,
+    const SharedEventEmitter &eventEmitter = nullptr,
+    const SharedShadowNodeSharedList &children = nullptr
+  ) const = 0;
+
+  /*
+   * Appends (by mutating) a given `childShadowNode` to `parentShadowNode`.
+   */
+  virtual void appendChild(
+    const SharedShadowNode &parentShadowNode,
+    const SharedShadowNode &childShadowNode
+  ) const = 0;
+
+  /*
+   * Creates a new `Props` of a particular type with all values copied from
+   * `props` and `rawProps` applied on top of this.
+   * If `props` is `nullptr`, a default `Props` object (with default values)
+   * will be used.
+   */
+  virtual SharedProps cloneProps(
+    const SharedProps &props,
+    const RawProps &rawProps
+  ) const = 0;
+
+  /*
+   * Creates a new `EventEmitter` object compatible with particular type of
+   * shadow nodes.
+   */
+  virtual SharedEventEmitter createEventEmitter(
+    const EventTarget &eventTarget,
+    const Tag &tag
+  ) const = 0;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/componentdescriptor/ConcreteComponentDescriptor.h b/ReactCommon/fabric/core/componentdescriptor/ConcreteComponentDescriptor.h
new file mode 100644
index 00000000000000..09028d3a126ce9
--- /dev/null
+++ b/ReactCommon/fabric/core/componentdescriptor/ConcreteComponentDescriptor.h
@@ -0,0 +1,147 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <memory>
+#include <functional>
+
+#include <fabric/core/ComponentDescriptor.h>
+#include <fabric/core/Props.h>
+#include <fabric/core/ShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Default template-based implementation of ComponentDescriptor.
+ * Use your `ShadowNode` type as a template argument and override any methods
+ * if necessary.
+ */
+template <typename ShadowNodeT>
+class ConcreteComponentDescriptor: public ComponentDescriptor {
+  static_assert(std::is_base_of<ShadowNode, ShadowNodeT>::value, "ShadowNodeT must be a descendant of ShadowNode");
+
+  using SharedShadowNodeT = std::shared_ptr<const ShadowNodeT>;
+  using ConcreteProps = typename ShadowNodeT::ConcreteProps;
+  using SharedConcreteProps = typename ShadowNodeT::SharedConcreteProps;
+  using ConcreteEventEmitter = typename ShadowNodeT::ConcreteEventEmitter;
+  using SharedConcreteEventEmitter = typename ShadowNodeT::SharedConcreteEventEmitter;
+
+public:
+  ConcreteComponentDescriptor(SharedEventDispatcher eventDispatcher):
+    eventDispatcher_(eventDispatcher) {}
+
+  ComponentHandle getComponentHandle() const override {
+    return typeid(ShadowNodeT).hash_code();
+  }
+
+  ComponentName getComponentName() const override {
+    // Even if this looks suboptimal, it is the only way to call
+    // a virtual non-static method of `ShadowNodeT`.
+    // Because it is not a hot path (it is executed once per an app run),
+    // it's fine.
+    return std::make_shared<ShadowNodeT>(
+      0,
+      0,
+      std::make_shared<const ConcreteProps>(),
+      nullptr,
+      ShadowNode::emptySharedShadowNodeSharedList(),
+      nullptr
+    )->ShadowNodeT::getComponentName();
+  }
+
+  SharedShadowNode createShadowNode(
+    const Tag &tag,
+    const Tag &rootTag,
+    const SharedEventEmitter &eventEmitter,
+    const SharedProps &props
+  ) const override {
+    assert(std::dynamic_pointer_cast<const ConcreteProps>(props));
+    assert(std::dynamic_pointer_cast<const ConcreteEventEmitter>(eventEmitter));
+
+    const auto &shadowNode = std::make_shared<ShadowNodeT>(
+      tag,
+      rootTag,
+      std::static_pointer_cast<const ConcreteProps>(props),
+      std::static_pointer_cast<const ConcreteEventEmitter>(eventEmitter),
+      ShadowNode::emptySharedShadowNodeSharedList(),
+      getCloneFunction()
+    );
+
+    adopt(shadowNode);
+    return shadowNode;
+  }
+
+  UnsharedShadowNode cloneShadowNode(
+    const SharedShadowNode &sourceShadowNode,
+    const SharedProps &props = nullptr,
+    const SharedEventEmitter &eventEmitter = nullptr,
+    const SharedShadowNodeSharedList &children = nullptr
+  ) const override {
+    assert(std::dynamic_pointer_cast<const ShadowNodeT>(sourceShadowNode));
+
+    const auto &shadowNode = std::make_shared<ShadowNodeT>(
+      std::static_pointer_cast<const ShadowNodeT>(sourceShadowNode),
+      std::static_pointer_cast<const ConcreteProps>(props),
+      std::static_pointer_cast<const ConcreteEventEmitter>(eventEmitter),
+      children
+    );
+
+    adopt(shadowNode);
+    return shadowNode;
+  }
+
+  void appendChild(
+    const SharedShadowNode &parentShadowNode,
+    const SharedShadowNode &childShadowNode
+  ) const override {
+    auto concreteParentShadowNode = std::static_pointer_cast<const ShadowNodeT>(parentShadowNode);
+    auto concreteNonConstParentShadowNode = std::const_pointer_cast<ShadowNodeT>(concreteParentShadowNode);
+    concreteNonConstParentShadowNode->appendChild(childShadowNode);
+  }
+
+  virtual SharedProps cloneProps(
+    const SharedProps &props,
+    const RawProps &rawProps
+  ) const override {
+    return ShadowNodeT::Props(rawProps, props);
+  };
+
+  virtual SharedEventEmitter createEventEmitter(
+    const EventTarget &eventTarget,
+    const Tag &tag
+  ) const override {
+    return std::make_shared<ConcreteEventEmitter>(eventTarget, tag, eventDispatcher_);
+  }
+
+protected:
+
+  virtual void adopt(UnsharedShadowNode shadowNode) const {
+    // Default implementation does nothing.
+  }
+
+private:
+
+  mutable SharedEventDispatcher eventDispatcher_ {nullptr};
+
+  mutable ShadowNodeCloneFunction cloneFunction_;
+
+  ShadowNodeCloneFunction getCloneFunction() const {
+    if (!cloneFunction_) {
+      cloneFunction_ = [this](const SharedShadowNode &shadowNode, const SharedProps &props, const SharedEventEmitter &eventEmitter, const SharedShadowNodeSharedList &children) {
+        assert(std::dynamic_pointer_cast<const ShadowNodeT>(shadowNode));
+        return this->cloneShadowNode(shadowNode, props, eventEmitter, children);
+      };
+    }
+
+    return cloneFunction_;
+  }
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/conversions.h b/ReactCommon/fabric/core/conversions.h
new file mode 100644
index 00000000000000..1d058558dfca02
--- /dev/null
+++ b/ReactCommon/fabric/core/conversions.h
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/core/LayoutPrimitives.h>
+
+namespace facebook {
+namespace react {
+
+inline std::string toString(const LayoutDirection &layoutDirection) {
+  switch (layoutDirection) {
+    case LayoutDirection::Undefined: return "undefined";
+    case LayoutDirection::LeftToRight: return "ltr";
+    case LayoutDirection::RightToLeft: return "rtl";
+  }
+}
+
+inline std::string toString(const DisplayType &displayType) {
+  switch (displayType) {
+    case DisplayType::None: return "none";
+    case DisplayType::Flex: return "flex";
+    case DisplayType::Inline: return "inline";
+  }
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/layout/LayoutConstraints.h b/ReactCommon/fabric/core/layout/LayoutConstraints.h
new file mode 100644
index 00000000000000..8f92cc22c1cc07
--- /dev/null
+++ b/ReactCommon/fabric/core/layout/LayoutConstraints.h
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/core/LayoutPrimitives.h>
+#include <fabric/graphics/Geometry.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Unified layout constraints for measuring.
+ */
+struct LayoutConstraints {
+  Size minimumSize {0, 0};
+  Size maximumSize {kFloatUndefined, kFloatUndefined};
+  LayoutDirection layoutDirection;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/layout/LayoutContext.h b/ReactCommon/fabric/core/layout/LayoutContext.h
new file mode 100644
index 00000000000000..255952df41b190
--- /dev/null
+++ b/ReactCommon/fabric/core/layout/LayoutContext.h
@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/graphics/Geometry.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * LayoutContext: Additional contextual information useful for particular
+ * layout approaches.
+ */
+struct LayoutContext {
+  /*
+   * Compound absolute position of the node relative to the root node.
+   */
+  Point absolutePosition {0, 0};
+
+  /*
+   * Reflects the scale factor needed to convert from the logical coordinate
+   * space into the device coordinate space of the physical screen.
+   * Some layout systems *might* use this to round layout metric values
+   * to `pixel value`.
+   */
+  Float pointScaleFactor = {1.0};
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/layout/LayoutMetrics.h b/ReactCommon/fabric/core/layout/LayoutMetrics.h
new file mode 100644
index 00000000000000..5c915310a8c556
--- /dev/null
+++ b/ReactCommon/fabric/core/layout/LayoutMetrics.h
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/core/LayoutPrimitives.h>
+#include <fabric/graphics/Geometry.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Describes results of layout process for partucular shadow node.
+ */
+struct LayoutMetrics {
+  Rect frame;
+  EdgeInsets contentInsets {0};
+  EdgeInsets borderWidth {0};
+  DisplayType displayType {DisplayType::Flex};
+  LayoutDirection layoutDirection {LayoutDirection::Undefined};
+  Float pointScaleFactor {1.0};
+
+  Rect getContentFrame() const {
+    return Rect {
+      Point {contentInsets.left, contentInsets.top},
+      Size {frame.size.width - contentInsets.left - contentInsets.right, frame.size.height - contentInsets.top - contentInsets.bottom}
+    };
+  }
+
+  bool operator ==(const LayoutMetrics& rhs) const {
+    return
+      std::tie(this->frame, this->contentInsets, this->borderWidth, this->displayType, this->layoutDirection) ==
+      std::tie(rhs.frame, rhs.contentInsets, rhs.borderWidth, rhs.displayType, rhs.layoutDirection);
+  }
+
+  bool operator !=(const LayoutMetrics& rhs) const {
+    return !(*this == rhs);
+  }
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/layout/LayoutPrimitives.h b/ReactCommon/fabric/core/layout/LayoutPrimitives.h
new file mode 100644
index 00000000000000..0d699aac3c6bec
--- /dev/null
+++ b/ReactCommon/fabric/core/layout/LayoutPrimitives.h
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+namespace facebook {
+namespace react {
+
+/*
+ * Defines visibility of the shadow node and partucular layout
+ * engine which should be used for laying out the node.
+ */
+enum class DisplayType {
+  None,
+  Flex,
+  Inline,
+};
+
+/*
+ * User interface layout direction.
+ */
+enum class LayoutDirection {
+  Undefined,
+  LeftToRight,
+  RightToLeft,
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/layout/LayoutableShadowNode.cpp b/ReactCommon/fabric/core/layout/LayoutableShadowNode.cpp
new file mode 100644
index 00000000000000..aa296769a691e4
--- /dev/null
+++ b/ReactCommon/fabric/core/layout/LayoutableShadowNode.cpp
@@ -0,0 +1,129 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "LayoutableShadowNode.h"
+
+#include <fabric/core/LayoutConstraints.h>
+#include <fabric/core/LayoutContext.h>
+#include <fabric/core/LayoutMetrics.h>
+#include <fabric/debug/DebugStringConvertibleItem.h>
+#include <fabric/graphics/conversions.h>
+
+namespace facebook {
+namespace react {
+
+LayoutMetrics LayoutableShadowNode::getLayoutMetrics() const {
+  return layoutMetrics_;
+}
+
+bool LayoutableShadowNode::setLayoutMetrics(LayoutMetrics layoutMetrics) {
+  if (layoutMetrics_ == layoutMetrics) {
+    return false;
+  }
+
+  ensureUnsealed();
+
+  layoutMetrics_ = layoutMetrics;
+  return true;
+}
+
+void LayoutableShadowNode::cleanLayout() {
+  isLayoutClean_ = true;
+}
+
+void LayoutableShadowNode::dirtyLayout() {
+  isLayoutClean_ = false;
+}
+
+bool LayoutableShadowNode::getIsLayoutClean() const {
+  return isLayoutClean_;
+}
+
+bool LayoutableShadowNode::getHasNewLayout() const {
+  return hasNewLayout_;
+};
+
+void LayoutableShadowNode::setHasNewLayout(bool hasNewLayout) {
+  hasNewLayout_ = hasNewLayout;
+}
+
+Size LayoutableShadowNode::measure(LayoutConstraints layoutConstraints) const {
+  return Size();
+}
+
+Float LayoutableShadowNode::firstBaseline(Size size) const {
+  return 0;
+}
+
+Float LayoutableShadowNode::lastBaseline(Size size) const {
+  return 0;
+}
+
+void LayoutableShadowNode::layout(LayoutContext layoutContext) {
+  layoutChildren(layoutContext);
+
+  for (auto child : getLayoutableChildNodes()) {
+    if (!child->getHasNewLayout()) {
+      continue;
+    }
+
+    child->ensureUnsealed();
+    child->setHasNewLayout(false);
+
+    const LayoutMetrics childLayoutMetrics = child->getLayoutMetrics();
+    if (childLayoutMetrics.displayType == DisplayType::None) {
+      continue;
+    }
+
+    LayoutContext childLayoutContext = LayoutContext(layoutContext);
+    childLayoutContext.absolutePosition += childLayoutMetrics.frame.origin;
+
+    child->layout(layoutContext);
+  }
+}
+
+void LayoutableShadowNode::layoutChildren(LayoutContext layoutContext) {
+  // Default implementation does nothing.
+}
+
+SharedDebugStringConvertibleList LayoutableShadowNode::getDebugProps() const {
+  SharedDebugStringConvertibleList list = {};
+
+  if (getHasNewLayout()) {
+    list.push_back(std::make_shared<DebugStringConvertibleItem>("hasNewLayout"));
+  }
+
+  if (!getIsLayoutClean()) {
+    list.push_back(std::make_shared<DebugStringConvertibleItem>("dirty"));
+  }
+
+  LayoutMetrics layoutMetrics = getLayoutMetrics();
+  LayoutMetrics defaultLayoutMetrics = LayoutMetrics();
+
+  list.push_back(std::make_shared<DebugStringConvertibleItem>("frame", toString(layoutMetrics.frame)));
+
+  if (layoutMetrics.borderWidth != defaultLayoutMetrics.borderWidth) {
+    list.push_back(std::make_shared<DebugStringConvertibleItem>("borderWidth", toString(layoutMetrics.borderWidth)));
+  }
+
+  if (layoutMetrics.contentInsets != defaultLayoutMetrics.contentInsets) {
+    list.push_back(std::make_shared<DebugStringConvertibleItem>("contentInsets", toString(layoutMetrics.contentInsets)));
+  }
+
+  if (layoutMetrics.displayType == DisplayType::None) {
+    list.push_back(std::make_shared<DebugStringConvertibleItem>("hidden"));
+  }
+
+  if (layoutMetrics.layoutDirection == LayoutDirection::RightToLeft) {
+    list.push_back(std::make_shared<DebugStringConvertibleItem>("rtl"));
+  }
+
+  return list;
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/layout/LayoutableShadowNode.h b/ReactCommon/fabric/core/layout/LayoutableShadowNode.h
new file mode 100644
index 00000000000000..febc222cfeac48
--- /dev/null
+++ b/ReactCommon/fabric/core/layout/LayoutableShadowNode.h
@@ -0,0 +1,113 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <array>
+#include <cmath>
+#include <vector>
+#include <memory>
+
+#include <fabric/core/LayoutMetrics.h>
+#include <fabric/core/Sealable.h>
+#include <fabric/debug/DebugStringConvertible.h>
+
+namespace facebook {
+namespace react {
+
+struct LayoutConstraints;
+struct LayoutContext;
+
+/*
+ * Describes all sufficient layout API (in approach-agnostic way)
+ * which makes a concurrent layout possible.
+ */
+class LayoutableShadowNode:
+  public virtual Sealable {
+
+public:
+
+  /*
+   * Measures the node (and node content, propbably recursivly) with
+   * given constrains and relying on possible layout.
+   * Default implementation returns zero size.
+   */
+  virtual Size measure(LayoutConstraints layoutConstraints) const;
+
+  /*
+   * Computes layout recusively.
+   * Additional environmental constraints might be provided via `layoutContext`
+   * argument.
+   * Default implementation basically calls `layoutChildren()` and then `layout()`
+   * (recursively), and provides some obvious performance optimization.
+   */
+  virtual void layout(LayoutContext layoutContext);
+
+  /*
+   * Returns layout metrics computed during previous layout pass.
+   */
+  virtual LayoutMetrics getLayoutMetrics() const;
+
+protected:
+
+  /*
+   * Clean or Dirty layout state:
+   * Indicates whether all nodes (and possibly their subtrees) along the path
+   * to the root node should be re-layouted.
+   */
+  virtual void cleanLayout();
+  virtual void dirtyLayout();
+  virtual bool getIsLayoutClean() const;
+
+  /*
+   * Indicates does the shadow node (or any descendand node of the node)
+   * get a new layout metrics during a previous layout pass.
+   */
+  virtual void setHasNewLayout(bool hasNewLayout);
+  virtual bool getHasNewLayout() const;
+
+  /*
+   * Applies layout for all children;
+   * does not call anything in recusive manner *by desing*.
+   */
+  virtual void layoutChildren(LayoutContext layoutContext);
+
+  /*
+   * Unifed methods to access text layout metrics.
+   */
+  virtual Float firstBaseline(Size size) const;
+  virtual Float lastBaseline(Size size) const;
+
+  /*
+   * Returns layoutable children to interate on.
+   */
+  virtual std::vector<LayoutableShadowNode *> getLayoutableChildNodes() const = 0;
+
+  /*
+   * In case layout algorithm needs to mutate this (probably sealed) node,
+   * it has to clone and replace it in the hierarchy before to do so.
+   */
+  virtual LayoutableShadowNode *cloneAndReplaceChild(LayoutableShadowNode *child, int suggestedIndex = -1) = 0;
+
+  /*
+   * Sets layout metrics for the shadow node.
+   * Returns true if the metrics are different from previous ones.
+   */
+  virtual bool setLayoutMetrics(LayoutMetrics layoutMetrics);
+
+#pragma mark - DebugStringConvertible
+
+  SharedDebugStringConvertibleList getDebugProps() const;
+
+private:
+  LayoutMetrics layoutMetrics_ {};
+  bool hasNewLayout_ {false};
+  bool isLayoutClean_ {false};
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/primitives/ReactPrimitives.h b/ReactCommon/fabric/core/primitives/ReactPrimitives.h
new file mode 100644
index 00000000000000..065c761c9207b6
--- /dev/null
+++ b/ReactCommon/fabric/core/primitives/ReactPrimitives.h
@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <memory>
+#include <string>
+#include <unordered_map>
+
+#include <folly/dynamic.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * `Tag` and `InstanceHandle` are used to address React Native components.
+ */
+using Tag = int32_t;
+using InstanceHandle = struct InstanceHandleDummyStruct {} *;
+
+/*
+ * `RawProps` represents untyped map with props comes from JavaScript side.
+ */
+// TODO(T26954420): Use iterator as underlying type for RawProps.
+using RawProps = std::unordered_map<std::string, folly::dynamic>;
+using SharedRawProps = std::shared_ptr<const RawProps>;
+
+/*
+ * Universal component handle which allows to refer to `ComponentDescriptor`s
+ * in maps efficiently.
+ * Practically, it's something that concrete ShadowNode and concrete
+ * ComponentDescriptor have in common.
+ */
+using ComponentHandle = size_t;
+
+/*
+ * String identifier for components used for addressing them from
+ * JavaScript side.
+ */
+using ComponentName = std::string;
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/primitives/Sealable.cpp b/ReactCommon/fabric/core/primitives/Sealable.cpp
index fc4bb8c259ec4d..a44181ee125bde 100644
--- a/ReactCommon/fabric/core/primitives/Sealable.cpp
+++ b/ReactCommon/fabric/core/primitives/Sealable.cpp
@@ -12,6 +12,36 @@
 namespace facebook {
 namespace react {
 
+/*
+ * Note:
+ * We must explictly implement all *the rule of five* methods because:
+ *   1. Using `std::atomic` behind `sealed_` implicitly deletes default
+ *      constructors;
+ *   2. We have to establish behaviour where any new cloned or moved instances
+ *      of the object lose `sealed` flag.
+ *
+ * See more about the rule of three/five/zero:
+ * http://en.cppreference.com/w/cpp/language/rule_of_three
+ */
+
+Sealable::Sealable(): sealed_(false) {}
+
+Sealable::Sealable(const Sealable &other): sealed_(false) {};
+
+Sealable::Sealable(Sealable &&other) noexcept: sealed_(false) {};
+
+Sealable::~Sealable() noexcept {};
+
+Sealable &Sealable::operator=(const Sealable &other) {
+  ensureUnsealed();
+  return *this;
+}
+
+Sealable &Sealable::operator=(Sealable &&other) noexcept {
+  ensureUnsealed();
+  return *this;
+};
+
 void Sealable::seal() const {
   sealed_ = true;
 }
diff --git a/ReactCommon/fabric/core/primitives/Sealable.h b/ReactCommon/fabric/core/primitives/Sealable.h
index 1f8fa0f093a073..8cc3c6ed946d68 100644
--- a/ReactCommon/fabric/core/primitives/Sealable.h
+++ b/ReactCommon/fabric/core/primitives/Sealable.h
@@ -7,30 +7,48 @@
 
 #pragma once
 
+#import <atomic>
+
 namespace facebook {
 namespace react {
 
 /*
- * Represents something which can be *sealed* (imperatively marked as immutable).
+ * Represents an object which can be *sealed* (imperatively marked as immutable).
+ *
+ * The `sealed` flag is tight to a particular instance of the class and resets
+ * to `false` for all newly created (by copy-constructor, assignment operator
+ * and so on) derivative objects.
  *
  * Why do we need this? In Fabric, some objects are semi-immutable
- * even if they explicitly marked as `const`. It means that in some special
- * cases those objects can be const-cast-away and then mutated. That comes from
+ * even if they are explicitly marked as `const`. It means that in some special
+ * cases those objects can be const-casted-away and then mutated. That comes from
  * the fact that we share some object's life-cycle responsibilities with React
  * and the immutability is guaranteed by some logic splitted between native and
- * JavaScript worlds (which makes impossible to fully use immutability
+ * JavaScript worlds (which makes it impossible to fully use immutability
  * enforcement at a language level).
  * To detect possible errors as early as possible we additionally mark objects
- * as *sealed* after some stage and then enforce this at run-time.
+ * as *sealed* after some stages and then enforce this at run-time.
  *
  * How to use:
  *   1. Inherit your class from `Sealable`.
- *   2. Call `ensureUnsealed()` from all non-const methods.
+ *   2. Call `ensureUnsealed()` in all cases where the object might be mutated:
+ *      a. At the beginning of all *always* mutating `non-const` methods;
+ *      b. Right before the place where actual mutation happens in all *possible*
+ *         mutating `non-const` methods;
+ *      c. Right after performing `const_cast`. (Optionally. This is not strictly
+ *         necessary but might help detect problems earlier.)
  *   3. Call `seal()` at some point from which any modifications
  *      must be prevented.
  */
 class Sealable {
 public:
+  Sealable();
+  Sealable(const Sealable &other);
+  Sealable(Sealable &&other) noexcept;
+  ~Sealable() noexcept;
+  Sealable &operator=(const Sealable &other);
+  Sealable &operator=(Sealable &&other) noexcept;
+
   /*
    * Seals the object. This operation is irreversible;
    * the object cannot be "unsealed" after being sealing.
@@ -42,7 +60,6 @@ class Sealable {
    */
   bool getSealed() const;
 
-protected:
   /*
    * Throws an exception if the object is sealed.
    * Call this from all non-`const` methods.
@@ -50,7 +67,7 @@ class Sealable {
   void ensureUnsealed() const;
 
 private:
-  mutable bool sealed_ {false};
+  mutable std::atomic<bool> sealed_ {false};
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/core/propsConversions.h b/ReactCommon/fabric/core/propsConversions.h
new file mode 100644
index 00000000000000..350eb017e75315
--- /dev/null
+++ b/ReactCommon/fabric/core/propsConversions.h
@@ -0,0 +1,95 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <folly/Optional.h>
+#include <folly/dynamic.h>
+#include <fabric/graphics/Color.h>
+#include <fabric/graphics/Geometry.h>
+#include <fabric/graphics/conversions.h>
+
+namespace facebook {
+namespace react {
+
+inline void fromDynamic(const folly::dynamic &value, bool &result) { result = value.getBool(); }
+inline void fromDynamic(const folly::dynamic &value, int &result) {
+  // All numbers from JS are treated as double, and JS cannot represent int64 in practice.
+  // So this always converts the value to int64 instead.
+  result = value.asInt();
+}
+inline void fromDynamic(const folly::dynamic &value, float &result) { result = (float)value.asDouble(); }
+inline void fromDynamic(const folly::dynamic &value, double &result) { result = value.asDouble(); }
+inline void fromDynamic(const folly::dynamic &value, std::string &result) { result = value.getString(); }
+
+template <typename T>
+inline void fromDynamic(const folly::dynamic &value, std::vector<T> &result) {
+  if (!value.isArray()) {
+    T itemResult;
+    fromDynamic(value, itemResult);
+    result = {itemResult};
+    return;
+  }
+
+  result.clear();
+  T itemResult;
+  for (auto &itemValue : value) {
+    fromDynamic(itemValue, itemResult);
+    result.push_back(itemResult);
+  }
+}
+
+template <typename T>
+inline T convertRawProp(
+  const RawProps &rawProps,
+  const std::string &name,
+  const T &sourceValue,
+  const T &defaultValue = T()
+) {
+  const auto &iterator = rawProps.find(name);
+  if (iterator == rawProps.end()) {
+    return sourceValue;
+  }
+
+  const auto &value = iterator->second;
+
+  // Special case: `null` always means `the prop was removed, use default value`.
+  if (value.isNull()) {
+    return defaultValue;
+  }
+
+  T result;
+  fromDynamic(value, result);
+  return result;
+}
+
+template <typename T>
+inline static folly::Optional<T> convertRawProp(
+  const RawProps &rawProps,
+  const std::string &name,
+  const folly::Optional<T> &sourceValue,
+  const folly::Optional<T> &defaultValue = {}
+) {
+  const auto &iterator = rawProps.find(name);
+  if (iterator == rawProps.end()) {
+    return sourceValue;
+  }
+
+  const auto &value = iterator->second;
+
+  // Special case: `null` always means `the prop was removed, use default value`.
+  if (value.isNull()) {
+    return defaultValue;
+  }
+
+  T result;
+  fromDynamic(value, result);
+  return result;
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/shadownode/ConcreteShadowNode.h b/ReactCommon/fabric/core/shadownode/ConcreteShadowNode.h
new file mode 100644
index 00000000000000..cc6b7ebb022e34
--- /dev/null
+++ b/ReactCommon/fabric/core/shadownode/ConcreteShadowNode.h
@@ -0,0 +1,98 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/core/Props.h>
+#include <fabric/core/ShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Base templace class for all `ShadowNode`s which connects exact `ShadowNode`
+ * type with exact `Props` type.
+ * `ConcreteShadowNode` is a default implementation of `ShadowNode` interface
+ * with many handy features.
+ */
+template <typename PropsT, typename EventEmitterT = EventEmitter>
+class ConcreteShadowNode: public ShadowNode {
+  static_assert(std::is_base_of<Props, PropsT>::value, "PropsT must be a descendant of Props");
+
+public:
+  using ConcreteProps = PropsT;
+  using SharedConcreteProps = std::shared_ptr<const PropsT>;
+  using ConcreteEventEmitter = EventEmitterT;
+  using SharedConcreteEventEmitter = std::shared_ptr<const EventEmitterT>;
+  using SharedConcreteShadowNode = std::shared_ptr<const ConcreteShadowNode>;
+
+  static SharedConcreteProps Props(const RawProps &rawProps, const SharedProps &baseProps = nullptr) {
+    return std::make_shared<const PropsT>(baseProps ? *std::static_pointer_cast<const PropsT>(baseProps) : PropsT(), rawProps);
+  }
+
+  static SharedConcreteProps defaultSharedProps() {
+    static const SharedConcreteProps defaultSharedProps = std::make_shared<const PropsT>();
+    return defaultSharedProps;
+  }
+
+  ConcreteShadowNode(
+    const Tag &tag,
+    const Tag &rootTag,
+    const SharedConcreteProps &props,
+    const SharedConcreteEventEmitter &eventEmitter,
+    const SharedShadowNodeSharedList &children,
+    const ShadowNodeCloneFunction &cloneFunction
+  ):
+    ShadowNode(
+      tag,
+      rootTag,
+      (SharedProps)props,
+      eventEmitter,
+      children,
+      cloneFunction
+    ) {};
+
+  ConcreteShadowNode(
+    const SharedConcreteShadowNode &shadowNode,
+    const SharedProps &props,
+    const SharedEventEmitter &eventEmitter,
+    const SharedShadowNodeSharedList &children
+  ):
+    ShadowNode(
+      shadowNode,
+      (SharedProps)props,
+      eventEmitter,
+      children
+    ) {}
+
+  virtual ComponentHandle getComponentHandle() const {
+    return typeid(*this).hash_code();
+  }
+
+  const SharedConcreteProps getProps() const {
+    assert(std::dynamic_pointer_cast<const PropsT>(props_));
+    return std::static_pointer_cast<const PropsT>(props_);
+  }
+
+  /*
+   * Returns subset of children that are inherited from `SpecificShadowNodeT`.
+   */
+  template<typename SpecificShadowNodeT>
+  std::vector<SpecificShadowNodeT *> getChildrenSlice() const {
+    std::vector<SpecificShadowNodeT *> children;
+    for (const auto &childShadowNode : *getChildren()) {
+      auto specificChildShadowNode = dynamic_cast<const SpecificShadowNodeT *>(childShadowNode.get());
+      if (specificChildShadowNode) {
+        children.push_back(const_cast<SpecificShadowNodeT *>(specificChildShadowNode));
+      }
+    }
+    return children;
+  }
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/shadownode/LocalData.h b/ReactCommon/fabric/core/shadownode/LocalData.h
new file mode 100644
index 00000000000000..8b5b0fca093b7e
--- /dev/null
+++ b/ReactCommon/fabric/core/shadownode/LocalData.h
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/core/Sealable.h>
+#include <fabric/debug/DebugStringConvertible.h>
+
+namespace facebook {
+namespace react {
+
+class LocalData;
+
+using SharedLocalData = std::shared_ptr<const LocalData>;
+
+/*
+ * Abstract class for any kind of concrete pieces of local data specific for
+ * some kinds of `ShadowNode`s.
+ * LocalData might be used to communicate some infomation between `ShadowNode`s
+ * and native component views.
+ * All `LocalData` objects *must* be immutable (sealed) when they became
+ * a part of the shadow tree.
+ */
+class LocalData:
+  public Sealable,
+  public DebugStringConvertible {
+
+  // Nothing.
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/shadownode/Props.cpp b/ReactCommon/fabric/core/shadownode/Props.cpp
new file mode 100644
index 00000000000000..f70632d4746476
--- /dev/null
+++ b/ReactCommon/fabric/core/shadownode/Props.cpp
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "Props.h"
+
+#include <fabric/core/propsConversions.h>
+#include <folly/dynamic.h>
+
+namespace facebook {
+namespace react {
+
+Props::Props(const Props &sourceProps, const RawProps &rawProps):
+  nativeId(convertRawProp(rawProps, "nativeID", sourceProps.nativeId)) {};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/shadownode/Props.h b/ReactCommon/fabric/core/shadownode/Props.h
new file mode 100644
index 00000000000000..1e349020a9720b
--- /dev/null
+++ b/ReactCommon/fabric/core/shadownode/Props.h
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <folly/dynamic.h>
+
+#include <fabric/core/Sealable.h>
+#include <fabric/core/ReactPrimitives.h>
+#include <fabric/debug/DebugStringConvertible.h>
+
+namespace facebook {
+namespace react {
+
+class Props;
+
+using SharedProps = std::shared_ptr<const Props>;
+
+/*
+ * Represents the most generic props object.
+ */
+class Props:
+  public virtual Sealable,
+  public virtual DebugStringConvertible {
+
+public:
+  Props() = default;
+  Props(const Props &sourceProps, const RawProps &rawProps);
+
+  const std::string nativeId;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/shadownode/ShadowNode.cpp b/ReactCommon/fabric/core/shadownode/ShadowNode.cpp
new file mode 100644
index 00000000000000..91adbc16bdac93
--- /dev/null
+++ b/ReactCommon/fabric/core/shadownode/ShadowNode.cpp
@@ -0,0 +1,182 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ShadowNode.h"
+
+#include <string>
+
+#include <fabric/debug/DebugStringConvertible.h>
+#include <fabric/debug/debugStringConvertibleUtils.h>
+
+namespace facebook {
+namespace react {
+
+SharedShadowNodeSharedList ShadowNode::emptySharedShadowNodeSharedList() {
+  static const auto emptySharedShadowNodeSharedList = std::make_shared<SharedShadowNodeList>();
+  return emptySharedShadowNodeSharedList;
+}
+
+#pragma mark - Constructors
+
+ShadowNode::ShadowNode(
+  const Tag &tag,
+  const Tag &rootTag,
+  const SharedProps &props,
+  const SharedEventEmitter &eventEmitter,
+  const SharedShadowNodeSharedList &children,
+  const ShadowNodeCloneFunction &cloneFunction
+):
+  tag_(tag),
+  rootTag_(rootTag),
+  props_(props),
+  eventEmitter_(eventEmitter),
+  children_(std::make_shared<SharedShadowNodeList>(*children)),
+  cloneFunction_(cloneFunction),
+  revision_(1) {}
+
+ShadowNode::ShadowNode(
+  const SharedShadowNode &shadowNode,
+  const SharedProps &props,
+  const SharedEventEmitter &eventEmitter,
+  const SharedShadowNodeSharedList &children
+):
+  tag_(shadowNode->tag_),
+  rootTag_(shadowNode->rootTag_),
+  props_(props ? props : shadowNode->props_),
+  eventEmitter_(eventEmitter ? eventEmitter : shadowNode->eventEmitter_),
+  children_(std::make_shared<SharedShadowNodeList>(*(children ? children : shadowNode->children_))),
+  localData_(shadowNode->localData_),
+  cloneFunction_(shadowNode->cloneFunction_),
+  revision_(shadowNode->revision_ + 1) {}
+
+UnsharedShadowNode ShadowNode::clone(
+  const SharedProps &props,
+  const SharedShadowNodeSharedList &children
+) const {
+  assert(cloneFunction_);
+  return cloneFunction_(shared_from_this(), props_, eventEmitter_, children_);
+}
+
+#pragma mark - Getters
+
+SharedShadowNodeSharedList ShadowNode::getChildren() const {
+  return children_;
+}
+
+SharedProps ShadowNode::getProps() const {
+  return props_;
+}
+
+SharedEventEmitter ShadowNode::getEventEmitter() const {
+  return eventEmitter_;
+}
+
+Tag ShadowNode::getTag() const {
+  return tag_;
+}
+
+Tag ShadowNode::getRootTag() const {
+  return rootTag_;
+}
+
+SharedLocalData ShadowNode::getLocalData() const {
+  return localData_;
+}
+
+void ShadowNode::sealRecursive() const {
+  if (getSealed()) {
+    return;
+  }
+
+  seal();
+
+  props_->seal();
+
+  for (auto child : *children_) {
+    child->sealRecursive();
+  }
+}
+
+#pragma mark - Mutating Methods
+
+void ShadowNode::appendChild(const SharedShadowNode &child) {
+  ensureUnsealed();
+
+  auto nonConstChildren = std::const_pointer_cast<SharedShadowNodeList>(children_);
+  nonConstChildren->push_back(child);
+}
+
+void ShadowNode::replaceChild(const SharedShadowNode &oldChild, const SharedShadowNode &newChild, int suggestedIndex) {
+  ensureUnsealed();
+
+  auto nonConstChildren = std::const_pointer_cast<SharedShadowNodeList>(children_);
+
+  if (suggestedIndex != -1 && suggestedIndex < nonConstChildren->size()) {
+    if (nonConstChildren->at(suggestedIndex) == oldChild) {
+      (*nonConstChildren)[suggestedIndex] = newChild;
+      return;
+    }
+  }
+
+  std::replace(nonConstChildren->begin(), nonConstChildren->end(), oldChild, newChild);
+}
+
+void ShadowNode::setLocalData(const SharedLocalData &localData) {
+  ensureUnsealed();
+  localData_ = localData;
+}
+
+#pragma mark - Equality
+
+bool ShadowNode::operator==(const ShadowNode& rhs) const {
+  // Note: Child nodes are not considered as part of instance's value
+  // and/or identity.
+  return
+    tag_ == rhs.tag_ &&
+    rootTag_ == rhs.rootTag_ &&
+    props_ == rhs.props_ &&
+    eventEmitter_ == rhs.eventEmitter_ &&
+    localData_ == rhs.localData_;
+}
+
+bool ShadowNode::operator!=(const ShadowNode& rhs) const {
+  return !(*this == rhs);
+}
+
+#pragma mark - DebugStringConvertible
+
+std::string ShadowNode::getDebugName() const {
+  return getComponentName();
+}
+
+std::string ShadowNode::getDebugValue() const {
+  return "r" + folly::to<std::string>(revision_) + (getSealed() ? "/sealed" : "");
+}
+
+SharedDebugStringConvertibleList ShadowNode::getDebugChildren() const {
+  SharedDebugStringConvertibleList debugChildren = {};
+
+  for (auto child : *children_) {
+    auto debugChild = std::dynamic_pointer_cast<const DebugStringConvertible>(child);
+    if (debugChild) {
+      debugChildren.push_back(debugChild);
+    }
+  }
+
+  return debugChildren;
+}
+
+SharedDebugStringConvertibleList ShadowNode::getDebugProps() const {
+  return
+    props_->getDebugProps() +
+    SharedDebugStringConvertibleList {
+      debugStringConvertibleItem("tag", folly::to<std::string>(tag_))
+    };
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/shadownode/ShadowNode.h b/ReactCommon/fabric/core/shadownode/ShadowNode.h
new file mode 100644
index 00000000000000..173b171f8d89fe
--- /dev/null
+++ b/ReactCommon/fabric/core/shadownode/ShadowNode.h
@@ -0,0 +1,149 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <string>
+#include <memory>
+#include <vector>
+
+#include <fabric/core/LocalData.h>
+#include <fabric/core/Props.h>
+#include <fabric/core/ReactPrimitives.h>
+#include <fabric/core/Sealable.h>
+#include <fabric/events/EventEmitter.h>
+#include <fabric/debug/DebugStringConvertible.h>
+
+namespace facebook {
+namespace react {
+
+class ShadowNode;
+
+using SharedShadowNode = std::shared_ptr<const ShadowNode>;
+using UnsharedShadowNode = std::shared_ptr<ShadowNode>;
+using SharedShadowNodeList = std::vector<std::shared_ptr<const ShadowNode>>;
+using SharedShadowNodeSharedList = std::shared_ptr<const SharedShadowNodeList>;
+using SharedShadowNodeUnsharedList = std::shared_ptr<SharedShadowNodeList>;
+
+using ShadowNodeCloneFunction = std::function<UnsharedShadowNode(
+  const SharedShadowNode &shadowNode,
+  const SharedProps &props,
+  const SharedEventEmitter &eventEmitter,
+  const SharedShadowNodeSharedList &children
+)>;
+
+class ShadowNode:
+  public virtual Sealable,
+  public virtual DebugStringConvertible,
+  public std::enable_shared_from_this<ShadowNode> {
+public:
+  static SharedShadowNodeSharedList emptySharedShadowNodeSharedList();
+
+#pragma mark - Constructors
+
+  ShadowNode(
+    const Tag &tag,
+    const Tag &rootTag,
+    const SharedProps &props,
+    const SharedEventEmitter &eventEmitter,
+    const SharedShadowNodeSharedList &children,
+    const ShadowNodeCloneFunction &cloneFunction
+  );
+
+  ShadowNode(
+    const SharedShadowNode &shadowNode,
+    const SharedProps &props,
+    const SharedEventEmitter &eventEmitter,
+    const SharedShadowNodeSharedList &children
+  );
+
+  /*
+   * Clones the shadow node using stored `cloneFunction`.
+   */
+  UnsharedShadowNode clone(
+    const SharedProps &props = nullptr,
+    const SharedShadowNodeSharedList &children = nullptr
+  ) const;
+
+#pragma mark - Getters
+
+  virtual ComponentHandle getComponentHandle() const = 0;
+  virtual ComponentName getComponentName() const = 0;
+
+  SharedShadowNodeSharedList getChildren() const;
+  SharedProps getProps() const;
+  SharedEventEmitter getEventEmitter() const;
+  Tag getTag() const;
+  Tag getRootTag() const;
+
+  /*
+   * Returns a local data associated with the node.
+   * `LocalData` object might be used for data exchange between native view and
+   * shadow node instances.
+   * Concrete type of the object depends on concrete type of the `ShadowNode`.
+   */
+  SharedLocalData getLocalData() const;
+
+  void sealRecursive() const;
+
+#pragma mark - Mutating Methods
+
+  void appendChild(const SharedShadowNode &child);
+  void replaceChild(const SharedShadowNode &oldChild, const SharedShadowNode &newChild, int suggestedIndex = -1);
+  void clearSourceNode();
+
+  /*
+   * Sets local data assosiated with the node.
+   * The node must be unsealed at this point.
+   */
+  void setLocalData(const SharedLocalData &localData);
+
+#pragma mark - Equality
+
+  /*
+   * Equality operators.
+   * Use this to compare `ShadowNode`s values for equality (and non-equality).
+   * Same values indicates that nodes must not produce mutation instructions
+   * during tree diffing process.
+   * Child nodes are not considered as part of the value.
+   */
+  virtual bool operator==(const ShadowNode& rhs) const;
+  virtual bool operator!=(const ShadowNode& rhs) const;
+
+#pragma mark - DebugStringConvertible
+
+  std::string getDebugName() const override;
+  std::string getDebugValue() const override;
+  SharedDebugStringConvertibleList getDebugChildren() const override;
+  SharedDebugStringConvertibleList getDebugProps() const override;
+
+protected:
+  Tag tag_;
+  Tag rootTag_;
+  SharedProps props_;
+  SharedEventEmitter eventEmitter_;
+  SharedShadowNodeSharedList children_;
+  SharedLocalData localData_;
+
+private:
+
+  /*
+   * A reference to a cloning function that understands how to clone
+   * the specific type of ShadowNode.
+   */
+  ShadowNodeCloneFunction cloneFunction_;
+
+  /*
+   * A number of the generation of the ShadowNode instance;
+   * is used and useful for debug-printing purposes *only*.
+   * Do not access this value in any circumstances.
+   */
+  const int revision_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/tests/ComponentDescriptorTest.cpp b/ReactCommon/fabric/core/tests/ComponentDescriptorTest.cpp
new file mode 100644
index 00000000000000..12e09787a7ad25
--- /dev/null
+++ b/ReactCommon/fabric/core/tests/ComponentDescriptorTest.cpp
@@ -0,0 +1,65 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <gtest/gtest.h>
+
+#include "TestComponent.h"
+
+using namespace facebook::react;
+
+TEST(ComponentDescriptorTest, createShadowNode) {
+  SharedComponentDescriptor descriptor = std::make_shared<TestComponentDescriptor>(nullptr);
+
+  ASSERT_EQ(descriptor->getComponentHandle(), typeid(TestShadowNode).hash_code());
+  ASSERT_STREQ(descriptor->getComponentName().c_str(), "Test");
+
+  RawProps raw;
+  raw["nativeID"] = "abc";
+  SharedProps props = descriptor->cloneProps(nullptr, raw);
+  SharedShadowNode node = descriptor->createShadowNode(9, 1, descriptor->createEventEmitter(0, 9), props);
+
+  ASSERT_EQ(node->getComponentHandle(), typeid(TestShadowNode).hash_code());
+  ASSERT_STREQ(node->getComponentName().c_str(), "Test");
+  ASSERT_EQ(node->getTag(), 9);
+  ASSERT_EQ(node->getRootTag(), 1);
+  ASSERT_STREQ(node->getProps()->nativeId.c_str(), "abc");
+}
+
+TEST(ComponentDescriptorTest, cloneShadowNode) {
+  SharedComponentDescriptor descriptor = std::make_shared<TestComponentDescriptor>(nullptr);
+
+  RawProps raw;
+  raw["nativeID"] = "abc";
+  SharedProps props = descriptor->cloneProps(nullptr, raw);
+  SharedShadowNode node = descriptor->createShadowNode(9, 1, descriptor->createEventEmitter(0, 9), props);
+  SharedShadowNode cloned = descriptor->cloneShadowNode(node);
+
+  ASSERT_EQ(cloned->getComponentHandle(), typeid(TestShadowNode).hash_code());
+  ASSERT_STREQ(cloned->getComponentName().c_str(), "Test");
+  ASSERT_EQ(cloned->getTag(), 9);
+  ASSERT_EQ(cloned->getRootTag(), 1);
+  ASSERT_STREQ(cloned->getProps()->nativeId.c_str(), "abc");
+}
+
+TEST(ComponentDescriptorTest, appendChild) {
+  SharedComponentDescriptor descriptor = std::make_shared<TestComponentDescriptor>(nullptr);
+
+  RawProps raw;
+  raw["nativeID"] = "abc";
+  SharedProps props = descriptor->cloneProps(nullptr, raw);
+  SharedShadowNode node1 = descriptor->createShadowNode(1, 1, descriptor->createEventEmitter(0, 1), props);
+  SharedShadowNode node2 = descriptor->createShadowNode(2, 1, descriptor->createEventEmitter(0, 2), props);
+  SharedShadowNode node3 = descriptor->createShadowNode(3, 1, descriptor->createEventEmitter(0, 3), props);
+
+  descriptor->appendChild(node1, node2);
+  descriptor->appendChild(node1, node3);
+
+  SharedShadowNodeSharedList node1Children = node1->getChildren();
+  ASSERT_EQ(node1Children->size(), 2);
+  ASSERT_EQ(node1Children->at(0), node2);
+  ASSERT_EQ(node1Children->at(1), node3);
+}
diff --git a/ReactCommon/fabric/core/tests/PrimitivesTest.cpp b/ReactCommon/fabric/core/tests/PrimitivesTest.cpp
new file mode 100644
index 00000000000000..99ecae6bfc2827
--- /dev/null
+++ b/ReactCommon/fabric/core/tests/PrimitivesTest.cpp
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <exception>
+
+#include <fabric/core/Sealable.h>
+#include <gtest/gtest.h>
+
+using namespace facebook::react;
+
+TEST(SealableTest, sealObjectCorrectly) {
+  Sealable obj;
+  ASSERT_FALSE(obj.getSealed());
+
+  obj.seal();
+  ASSERT_TRUE(obj.getSealed());
+}
+
+TEST(SealableTest, handleAssignmentsCorrectly) {
+  Sealable obj;
+  Sealable other;
+  EXPECT_NO_THROW(obj = other);
+
+  // Assignment after getting sealed is not allowed.
+  obj.seal();
+  Sealable other2;
+  EXPECT_THROW(obj = other2, std::runtime_error);
+
+  // It doesn't matter if the other object is also sealed, it's still not allowed.
+  other2.seal();
+  EXPECT_THROW(obj = other2, std::runtime_error);
+
+  // Fresh creation off other Sealable is still unsealed.
+  Sealable other3(obj);
+  ASSERT_FALSE(other3.getSealed());
+}
diff --git a/ReactCommon/fabric/core/tests/ShadowNodeTest.cpp b/ReactCommon/fabric/core/tests/ShadowNodeTest.cpp
new file mode 100644
index 00000000000000..ddb57c8fc1b9ef
--- /dev/null
+++ b/ReactCommon/fabric/core/tests/ShadowNodeTest.cpp
@@ -0,0 +1,156 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <memory>
+
+#include <fabric/core/ConcreteShadowNode.h>
+#include <fabric/core/ShadowNode.h>
+#include <gtest/gtest.h>
+
+#include "TestComponent.h"
+
+using namespace facebook::react;
+
+TEST(ShadowNodeTest, handleProps) {
+  RawProps raw;
+  raw["nativeID"] = "abc";
+
+  auto props = std::make_shared<Props>(Props(), raw);
+
+  // Props are not sealed after applying raw props.
+  ASSERT_FALSE(props->getSealed());
+
+  ASSERT_STREQ(props->nativeId.c_str(), "abc");
+}
+
+TEST(ShadowNodeTest, handleShadowNodeCreation) {
+  auto node = std::make_shared<TestShadowNode>(9, 1, std::make_shared<const TestProps>(), nullptr, ShadowNode::emptySharedShadowNodeSharedList(), nullptr);
+
+  ASSERT_FALSE(node->getSealed());
+  ASSERT_STREQ(node->getComponentName().c_str(), "Test");
+  ASSERT_EQ(node->getTag(), 9);
+  ASSERT_EQ(node->getRootTag(), 1);
+  ASSERT_EQ(node->getEventEmitter(), nullptr);
+  TestShadowNode *nodePtr = node.get();
+  ASSERT_EQ(node->getComponentHandle(), typeid(*nodePtr).hash_code());
+  ASSERT_EQ(node->getChildren()->size(), 0);
+
+  ASSERT_STREQ(node->getProps()->nativeId.c_str(), "testNativeID");
+
+  node->sealRecursive();
+  ASSERT_TRUE(node->getSealed());
+  ASSERT_TRUE(node->getProps()->getSealed());
+}
+
+TEST(ShadowNodeTest, handleShadowNodeSimpleCloning) {
+  auto node = std::make_shared<TestShadowNode>(9, 1, std::make_shared<const TestProps>(), nullptr, ShadowNode::emptySharedShadowNodeSharedList(), nullptr);
+  auto node2 = std::make_shared<TestShadowNode>(node, nullptr, nullptr, nullptr);
+
+  ASSERT_STREQ(node->getComponentName().c_str(), "Test");
+  ASSERT_EQ(node->getTag(), 9);
+  ASSERT_EQ(node->getRootTag(), 1);
+  ASSERT_EQ(node->getEventEmitter(), nullptr);
+}
+
+TEST(ShadowNodeTest, handleShadowNodeMutation) {
+  auto props = std::make_shared<const TestProps>();
+  auto node1 = std::make_shared<TestShadowNode>(1, 1, props, nullptr, ShadowNode::emptySharedShadowNodeSharedList(), nullptr);
+  auto node2 = std::make_shared<TestShadowNode>(2, 1, props, nullptr, ShadowNode::emptySharedShadowNodeSharedList(), nullptr);
+  auto node3 = std::make_shared<TestShadowNode>(3, 1, props, nullptr, ShadowNode::emptySharedShadowNodeSharedList(), nullptr);
+
+  node1->appendChild(node2);
+  node1->appendChild(node3);
+  SharedShadowNodeSharedList node1Children = node1->getChildren();
+  ASSERT_EQ(node1Children->size(), 2);
+  ASSERT_EQ(node1Children->at(0), node2);
+  ASSERT_EQ(node1Children->at(1), node3);
+
+  auto node4 = std::make_shared<TestShadowNode>(node2, nullptr, nullptr, nullptr);
+  node1->replaceChild(node2, node4);
+  node1Children = node1->getChildren();
+  ASSERT_EQ(node1Children->size(), 2);
+  ASSERT_EQ(node1Children->at(0), node4);
+  ASSERT_EQ(node1Children->at(1), node3);
+
+  // Seal the entire tree.
+  node1->sealRecursive();
+  ASSERT_TRUE(node1->getSealed());
+  ASSERT_TRUE(node3->getSealed());
+  ASSERT_TRUE(node4->getSealed());
+
+  // No more mutation after sealing.
+  EXPECT_THROW(node4->setLocalData(nullptr), std::runtime_error);
+
+  auto node5 = std::make_shared<TestShadowNode>(node4, nullptr, nullptr, nullptr);
+  node5->setLocalData(nullptr);
+  ASSERT_EQ(node5->getLocalData(), nullptr);
+}
+
+TEST(ShadowNodeTest, handleCloneFunction) {
+  auto firstNode = std::make_shared<TestShadowNode>(9, 1, std::make_shared<const TestProps>(), nullptr, ShadowNode::emptySharedShadowNodeSharedList(), nullptr);
+
+  // The shadow node is not clonable if `cloneFunction` is not provided,
+  ASSERT_DEATH_IF_SUPPORTED(firstNode->clone(), "cloneFunction_");
+
+  auto secondNode = std::make_shared<TestShadowNode>(
+    9,
+    1,
+    std::make_shared<const TestProps>(),
+    nullptr,
+    ShadowNode::emptySharedShadowNodeSharedList(),
+    [](const SharedShadowNode &shadowNode, const SharedProps &props, const SharedEventEmitter &eventEmitter, const SharedShadowNodeSharedList &children) {
+      return std::make_shared<TestShadowNode>(
+        std::static_pointer_cast<const TestShadowNode>(shadowNode),
+        props,
+        nullptr,
+        children
+      );
+    }
+  );
+
+  auto secondNodeClone = secondNode->clone();
+
+  // Those two nodes are *not* same.
+  ASSERT_NE(secondNode, secondNodeClone);
+
+  // `secondNodeClone` is an instance of `TestShadowNode`.
+  ASSERT_NE(std::dynamic_pointer_cast<const TestShadowNode>(secondNodeClone), nullptr);
+
+  // Both nodes have same content.
+  ASSERT_EQ(secondNode->getTag(), secondNodeClone->getTag());
+  ASSERT_EQ(secondNode->getRootTag(), secondNodeClone->getRootTag());
+  ASSERT_EQ(secondNode->getProps(), secondNodeClone->getProps());
+}
+
+TEST(ShadowNodeTest, handleLocalData) {
+  auto localData42 = std::make_shared<TestLocalData>();
+  localData42->setNumber(42);
+
+  auto anotherLocalData42 = std::make_shared<TestLocalData>();
+  anotherLocalData42->setNumber(42);
+
+  auto localDataOver9000 = std::make_shared<TestLocalData>();
+  localDataOver9000->setNumber(9001);
+  auto props = std::make_shared<const TestProps>();
+  auto firstNode = std::make_shared<TestShadowNode>(9, 1, props, nullptr, ShadowNode::emptySharedShadowNodeSharedList(), nullptr);
+  auto secondNode = std::make_shared<TestShadowNode>(9, 1, props, nullptr, ShadowNode::emptySharedShadowNodeSharedList(), nullptr);
+  auto thirdNode = std::make_shared<TestShadowNode>(9, 1, props, nullptr, ShadowNode::emptySharedShadowNodeSharedList(), nullptr);
+
+  firstNode->setLocalData(localData42);
+  secondNode->setLocalData(localData42);
+  thirdNode->setLocalData(localDataOver9000);
+
+  // LocalData object are compared by pointer, not by value.
+  ASSERT_EQ(*firstNode, *secondNode);
+  ASSERT_NE(*firstNode, *thirdNode);
+  secondNode->setLocalData(anotherLocalData42);
+  ASSERT_NE(*firstNode, *secondNode);
+
+  // LocalData cannot be changed for sealed shadow node.
+  secondNode->sealRecursive();
+  ASSERT_ANY_THROW(secondNode->setLocalData(localDataOver9000));
+}
diff --git a/ReactCommon/fabric/core/tests/TestComponent.h b/ReactCommon/fabric/core/tests/TestComponent.h
new file mode 100644
index 00000000000000..8659b960ca34fe
--- /dev/null
+++ b/ReactCommon/fabric/core/tests/TestComponent.h
@@ -0,0 +1,66 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <memory>
+
+#include <fabric/core/ConcreteComponentDescriptor.h>
+#include <fabric/core/ConcreteShadowNode.h>
+#include <fabric/core/LocalData.h>
+#include <fabric/core/ShadowNode.h>
+#include <folly/dynamic.h>
+
+using namespace facebook::react;
+
+/**
+ * This defines a set of TestComponent classes: Props, ShadowNode, ComponentDescriptor.
+ * To be used for testing purpose.
+ */
+
+class TestLocalData: public LocalData {
+public:
+  void setNumber(const int &number) {
+    number_ = number;
+  }
+
+  int getNumber() const {
+    return number_;
+  }
+
+private:
+  int number_ {0};
+};
+
+class TestProps : public Props {
+public:
+  using Props::Props;
+  TestProps():
+    Props(Props(), {{"nativeID", "testNativeID"}}) {}
+};
+using SharedTestProps = std::shared_ptr<const TestProps>;
+
+class TestShadowNode;
+using SharedTestShadowNode = std::shared_ptr<const TestShadowNode>;
+class TestShadowNode : public ConcreteShadowNode<TestProps> {
+public:
+  using ConcreteShadowNode::ConcreteShadowNode;
+
+  ComponentName getComponentName() const override {
+    return ComponentName("Test");
+  }
+};
+
+class TestComponentDescriptor: public ConcreteComponentDescriptor<TestShadowNode> {
+public:
+  using ConcreteComponentDescriptor::ConcreteComponentDescriptor;
+
+  // TODO (shergin): Why does this gets repeated here and the shadow node class?
+  ComponentName getComponentName() const override {
+    return "Test";
+  }
+};
diff --git a/ReactCommon/fabric/debug/BUCK b/ReactCommon/fabric/debug/BUCK
index 5a021202ebb776..c17aa3d4a456cd 100644
--- a/ReactCommon/fabric/debug/BUCK
+++ b/ReactCommon/fabric/debug/BUCK
@@ -1,23 +1,32 @@
-load("@xplat//configurations/buck/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
-load("//ReactNative:DEFS.bzl", "IS_OSS_BUILD", "react_native_xplat_target", "rn_xplat_cxx_library", "APPLE_INSPECTOR_FLAGS")
-
-APPLE_COMPILER_FLAGS = []
+load(
+    "//configurations/buck/apple:flag_defs.bzl",
+    "OBJC_ARC_PREPROCESSOR_FLAGS",
+    "get_application_ios_flags",
+    "get_debug_preprocessor_flags",
+)
+load(
+    "//ReactNative:DEFS.bzl",
+    "ANDROID",
+    "APPLE",
+    "fb_xplat_cxx_test",
+    "get_apple_compiler_flags",
+    "get_apple_inspector_flags",
+    "react_native_xplat_target",
+    "rn_xplat_cxx_library",
+    "subdir_glob",
+)
 
-if not IS_OSS_BUILD:
-    load("@xplat//configurations/buck/apple:flag_defs.bzl", "get_static_library_ios_flags", "flags")
-    APPLE_COMPILER_FLAGS = flags.get_flag_value(get_static_library_ios_flags(), 'compiler_flags')
+APPLE_COMPILER_FLAGS = get_apple_compiler_flags()
 
 rn_xplat_cxx_library(
     name = "debug",
     srcs = glob(
-        [
-            "**/*.cpp",
-        ],
+        ["**/*.cpp"],
+        exclude = glob(["tests/**/*.cpp"]),
     ),
     headers = glob(
-        [
-            "**/*.h",
-        ],
+        ["**/*.h"],
+        exclude = glob(["tests/**/*.h"]),
     ),
     header_namespace = "",
     exported_headers = subdir_glob(
@@ -27,20 +36,48 @@ rn_xplat_cxx_library(
         prefix = "fabric/debug",
     ),
     compiler_flags = [
-        "-std=c++14",
-        "-Wall",
         "-fexceptions",
         "-frtti",
+        "-std=c++14",
+        "-Wall",
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + APPLE_INSPECTOR_FLAGS,
+    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_tests = [
+        ":tests",
+    ],
     force_static = True,
+    macosx_tests_override = [],
+    platforms = (ANDROID, APPLE),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
         "-DWITH_FBSYSTRACE=1",
     ],
+    tests = [],
     visibility = ["PUBLIC"],
     deps = [
+        "xplat//fbsystrace:fbsystrace",
         "xplat//folly:headers_only",
+        "xplat//folly:memory",
+        "xplat//folly:molly",
+    ],
+)
+
+fb_xplat_cxx_test(
+    name = "tests",
+    srcs = glob(["tests/**/*.cpp"]),
+    headers = glob(["tests/**/*.h"]),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    platforms = APPLE,
+    deps = [
+        "xplat//folly:molly",
+        "xplat//third-party/gmock:gtest",
+        ":debug",
     ],
 )
diff --git a/ReactCommon/fabric/debug/DebugStringConvertible.cpp b/ReactCommon/fabric/debug/DebugStringConvertible.cpp
index 8186297643e98f..08d885d9674687 100644
--- a/ReactCommon/fabric/debug/DebugStringConvertible.cpp
+++ b/ReactCommon/fabric/debug/DebugStringConvertible.cpp
@@ -10,23 +10,39 @@
 namespace facebook {
 namespace react {
 
-std::string DebugStringConvertible::getDebugChildrenDescription(int level) const {
+std::string DebugStringConvertible::getDebugChildrenDescription(DebugStringConvertibleOptions options, int depth) const {
+  if (depth >= options.maximumDepth) {
+    return "";
+  }
+
   std::string childrenString = "";
 
   for (auto child : getDebugChildren()) {
-    childrenString += child->getDebugDescription(level + 1);
+    if (!child) {
+      continue;
+    }
+
+    childrenString += child->getDebugDescription(options, depth + 1);
   }
 
   return childrenString;
 }
 
-std::string DebugStringConvertible::getDebugPropsDescription(int level) const {
+std::string DebugStringConvertible::getDebugPropsDescription(DebugStringConvertibleOptions options, int depth) const {
+  if (depth >= options.maximumDepth) {
+    return "";
+  }
+
   std::string propsString = "";
 
   for (auto prop : getDebugProps()) {
+    if (!prop) {
+      continue;
+    }
+
     auto name = prop->getDebugName();
     auto value = prop->getDebugValue();
-    auto children = prop->getDebugPropsDescription(level + 1);
+    auto children = prop->getDebugPropsDescription(options, depth + 1);
     auto valueAndChildren = value + (children.empty() ? "" : "(" + children + ")");
     propsString += " " + name + (valueAndChildren.empty() ? "" : "=" + valueAndChildren);
   }
@@ -39,16 +55,19 @@ std::string DebugStringConvertible::getDebugPropsDescription(int level) const {
   return propsString;
 }
 
-std::string DebugStringConvertible::getDebugDescription(int level) const {
+std::string DebugStringConvertible::getDebugDescription(DebugStringConvertibleOptions options, int depth) const {
   std::string nameString = getDebugName();
   std::string valueString = getDebugValue();
-  std::string childrenString = getDebugChildrenDescription(level);
-  std::string propsString = getDebugPropsDescription(level);
+  std::string childrenString = getDebugChildrenDescription(options, depth);
+  std::string propsString = getDebugPropsDescription(options, depth);
+
+  std::string leading = options.format ? std::string(depth * 2, ' ') : "";
+  std::string trailing = options.format ? "\n" : "";
 
-  return "<" + nameString +
+  return leading + "<" + nameString +
     (valueString.empty() ? "" : "=" + valueString) +
     (propsString.empty() ? "" : " " + propsString) +
-    (childrenString.empty() ? "/>" : ">" + childrenString + "</" + nameString + ">");
+    (childrenString.empty() ? "/>" + trailing : ">" + trailing + childrenString + leading + "</" + nameString + ">" + trailing);
 }
 
 std::string DebugStringConvertible::getDebugName() const {
diff --git a/ReactCommon/fabric/debug/DebugStringConvertible.h b/ReactCommon/fabric/debug/DebugStringConvertible.h
index b743a933243d74..d911072987a721 100644
--- a/ReactCommon/fabric/debug/DebugStringConvertible.h
+++ b/ReactCommon/fabric/debug/DebugStringConvertible.h
@@ -8,6 +8,7 @@
 #pragma once
 
 #include <string>
+#include <memory>
 #include <vector>
 
 namespace facebook {
@@ -16,7 +17,12 @@ namespace react {
 class DebugStringConvertible;
 
 using SharedDebugStringConvertible = std::shared_ptr<const DebugStringConvertible>;
-using SharedDebugStringConvertibleList = std::vector<const SharedDebugStringConvertible>;
+using SharedDebugStringConvertibleList = std::vector<SharedDebugStringConvertible>;
+
+struct DebugStringConvertibleOptions {
+  bool format {true};
+  int maximumDepth {INT_MAX};
+};
 
 // Abstract class describes conformance to DebugStringConvertible concept
 // and implements basic recursive debug string assembly algorithm.
@@ -26,6 +32,8 @@ using SharedDebugStringConvertibleList = std::vector<const SharedDebugStringConv
 class DebugStringConvertible {
 
 public:
+  virtual ~DebugStringConvertible() = default;
+
   // Returns a name of the object.
   // Default implementation returns "Node".
   virtual std::string getDebugName() const;
@@ -47,12 +55,12 @@ class DebugStringConvertible {
   // Returns a string which represents the object in a human-readable way.
   // Default implementation returns a description of the subtree
   // rooted at this node, represented in XML-like format.
-  virtual std::string getDebugDescription(int level = 0) const;
+  virtual std::string getDebugDescription(DebugStringConvertibleOptions options = {}, int depth = 0) const;
 
   // Do same as `getDebugDescription` but return only *children* and
   // *properties* parts (which are used in `getDebugDescription`).
-  virtual std::string getDebugPropsDescription(int level = 0) const;
-  virtual std::string getDebugChildrenDescription(int level = 0) const;
+  virtual std::string getDebugPropsDescription(DebugStringConvertibleOptions options = {}, int depth = 0) const;
+  virtual std::string getDebugChildrenDescription(DebugStringConvertibleOptions options = {}, int depth = 0) const;
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/debug/DebugStringConvertibleItem.h b/ReactCommon/fabric/debug/DebugStringConvertibleItem.h
index 257ea1db2bc04a..e0499cff0502ad 100644
--- a/ReactCommon/fabric/debug/DebugStringConvertibleItem.h
+++ b/ReactCommon/fabric/debug/DebugStringConvertibleItem.h
@@ -7,6 +7,8 @@
 
 #pragma once
 
+#include <string>
+
 #include <fabric/debug/DebugStringConvertible.h>
 
 namespace facebook {
diff --git a/ReactCommon/fabric/debug/debugStringConvertibleUtils.h b/ReactCommon/fabric/debug/debugStringConvertibleUtils.h
new file mode 100644
index 00000000000000..f0a26d0590ce16
--- /dev/null
+++ b/ReactCommon/fabric/debug/debugStringConvertibleUtils.h
@@ -0,0 +1,59 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <string>
+#include <limits>
+#include <memory>
+#include <vector>
+
+#include <fabric/debug/DebugStringConvertible.h>
+#include <fabric/debug/DebugStringConvertibleItem.h>
+#include <folly/Conv.h>
+#include <folly/Optional.h>
+
+namespace facebook {
+namespace react {
+
+inline std::string toString(const std::string &value) { return value; }
+inline std::string toString(const int &value) { return folly::to<std::string>(value); }
+inline std::string toString(const bool &value) { return folly::to<std::string>(value); }
+inline std::string toString(const float &value) { return folly::to<std::string>(value); }
+inline std::string toString(const double &value) { return folly::to<std::string>(value); }
+
+template <typename T>
+inline SharedDebugStringConvertible debugStringConvertibleItem(std::string name, T value, T defaultValue = {}) {
+  if (value == defaultValue) {
+    return nullptr;
+  }
+
+  return std::make_shared<DebugStringConvertibleItem>(name, toString(value));
+}
+
+template <typename T>
+inline SharedDebugStringConvertible debugStringConvertibleItem(std::string name, folly::Optional<T> value, T defaultValue = {}) {
+  if (!value.hasValue()) {
+    return nullptr;
+  }
+
+  return debugStringConvertibleItem(name, value.value_or(defaultValue), defaultValue);
+}
+
+inline SharedDebugStringConvertibleList operator+(const SharedDebugStringConvertibleList &lhs, const SharedDebugStringConvertibleList &rhs) {
+  SharedDebugStringConvertibleList result = {};
+  std::move(lhs.begin(), lhs.end(), std::back_inserter(result));
+  std::move(rhs.begin(), rhs.end(), std::back_inserter(result));
+  return result;
+}
+
+inline SharedDebugStringConvertible debugStringConvertibleItem(std::string name, DebugStringConvertible value, std::string defaultValue) {
+  return debugStringConvertibleItem(name, value.getDebugDescription(), defaultValue);
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/debug/tests/DebugStringConvertibleTest.cpp b/ReactCommon/fabric/debug/tests/DebugStringConvertibleTest.cpp
new file mode 100644
index 00000000000000..272255b39eb776
--- /dev/null
+++ b/ReactCommon/fabric/debug/tests/DebugStringConvertibleTest.cpp
@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <memory>
+
+#include <fabric/debug/DebugStringConvertibleItem.h>
+#include <gtest/gtest.h>
+
+using namespace facebook::react;
+
+TEST(DebugStringConvertibleTest, handleSimpleNode) {
+  SharedDebugStringConvertibleList empty;
+  auto item = std::make_shared<DebugStringConvertibleItem>("View", "hello", empty, empty);
+
+  ASSERT_STREQ(item->getDebugName().c_str(), "View");
+  ASSERT_STREQ(item->getDebugValue().c_str(), "hello");
+  ASSERT_STREQ(item->getDebugDescription().c_str(), "<View=hello/>\n");
+}
+
+TEST(DebugStringConvertibleTest, handleSimpleNodeWithProps) {
+  SharedDebugStringConvertibleList empty;
+  SharedDebugStringConvertibleList props = {
+    std::make_shared<DebugStringConvertibleItem>("x", "1", empty, empty)
+  };
+  auto item = std::make_shared<DebugStringConvertibleItem>("View", "hello", props, empty);
+
+  ASSERT_STREQ(item->getDebugName().c_str(), "View");
+  ASSERT_STREQ(item->getDebugValue().c_str(), "hello");
+  ASSERT_STREQ(item->getDebugDescription().c_str(), "<View=hello x=1/>\n");
+}
+
+TEST(DebugStringConvertibleTest, handleSimpleNodeWithChildren) {
+  SharedDebugStringConvertibleList empty;
+  SharedDebugStringConvertibleList children = {
+    std::make_shared<DebugStringConvertibleItem>("Child", "a", empty, empty)
+  };
+  auto item = std::make_shared<DebugStringConvertibleItem>("View", "hello", empty, children);
+
+  ASSERT_STREQ(item->getDebugName().c_str(), "View");
+  ASSERT_STREQ(item->getDebugValue().c_str(), "hello");
+  ASSERT_STREQ(item->getDebugDescription().c_str(), "<View=hello>\n  <Child=a/>\n</View>\n");
+}
+
+TEST(DebugStringConvertibleTest, handleNestedNode) {
+  SharedDebugStringConvertibleList empty;
+  SharedDebugStringConvertibleList props = {
+    std::make_shared<DebugStringConvertibleItem>("x", "1", empty, empty)
+  };
+  SharedDebugStringConvertibleList children = {
+    std::make_shared<DebugStringConvertibleItem>("Child", "a", props, empty)
+  };
+  auto item = std::make_shared<DebugStringConvertibleItem>("View", "hello", props, children);
+
+  ASSERT_STREQ(item->getDebugName().c_str(), "View");
+  ASSERT_STREQ(item->getDebugValue().c_str(), "hello");
+  ASSERT_STREQ(item->getDebugDescription().c_str(), "<View=hello x=1>\n  <Child=a x=1/>\n</View>\n");
+}
+
+TEST(DebugStringConvertibleTest, handleNodeWithComplexProps) {
+  SharedDebugStringConvertibleList empty;
+  SharedDebugStringConvertibleList subProps = {
+    std::make_shared<DebugStringConvertibleItem>("height", "100", empty, empty),
+    std::make_shared<DebugStringConvertibleItem>("width", "200", empty, empty)
+  };
+  SharedDebugStringConvertibleList props = {
+    std::make_shared<DebugStringConvertibleItem>("x", "1", subProps, empty)
+  };
+  auto item = std::make_shared<DebugStringConvertibleItem>("View", "hello", props, empty);
+
+  ASSERT_STREQ(item->getDebugName().c_str(), "View");
+  ASSERT_STREQ(item->getDebugValue().c_str(), "hello");
+  ASSERT_STREQ(item->getDebugDescription().c_str(), "<View=hello x=1(height=100 width=200)/>\n");
+}
diff --git a/ReactCommon/fabric/events/BUCK b/ReactCommon/fabric/events/BUCK
new file mode 100644
index 00000000000000..1f1908cc761393
--- /dev/null
+++ b/ReactCommon/fabric/events/BUCK
@@ -0,0 +1,80 @@
+load("//configurations/buck/apple:flag_defs.bzl", "OBJC_ARC_PREPROCESSOR_FLAGS", "get_application_ios_flags", "get_debug_preprocessor_flags")
+load(
+    "//ReactNative:DEFS.bzl",
+    "ANDROID",
+    "APPLE",
+    "fb_xplat_cxx_test",
+    "get_apple_compiler_flags",
+    "get_apple_inspector_flags",
+    "react_native_xplat_target",
+    "rn_xplat_cxx_library",
+    "subdir_glob",
+)
+
+APPLE_COMPILER_FLAGS = get_apple_compiler_flags()
+
+rn_xplat_cxx_library(
+    name = "events",
+    srcs = glob(
+        ["**/*.cpp"],
+        exclude = glob(["tests/**/*.cpp"]),
+    ),
+    headers = glob(
+        ["**/*.h"],
+        exclude = glob(["tests/**/*.h"]),
+    ),
+    header_namespace = "",
+    exported_headers = subdir_glob(
+        [
+            ("", "*.h"),
+        ],
+        prefix = "fabric/events",
+    ),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_tests = [
+        ":tests",
+    ],
+    force_static = True,
+    macosx_tests_override = [],
+    platforms = (ANDROID, APPLE),
+    preprocessor_flags = [
+        "-DLOG_TAG=\"ReactNative\"",
+        "-DWITH_FBSYSTRACE=1",
+    ],
+    tests = [],
+    visibility = ["PUBLIC"],
+    deps = [
+        "xplat//fbsystrace:fbsystrace",
+        "xplat//folly:headers_only",
+        "xplat//folly:memory",
+        "xplat//folly:molly",
+        "xplat//third-party/glog:glog",
+        react_native_xplat_target("fabric/debug:debug"),
+    ],
+)
+
+fb_xplat_cxx_test(
+    name = "tests",
+    srcs = glob(["tests/**/*.cpp"]),
+    headers = glob(["tests/**/*.h"]),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    platforms = APPLE,
+    deps = [
+        "xplat//folly:molly",
+        "xplat//third-party/gmock:gtest",
+        ":events",
+    ],
+)
diff --git a/ReactCommon/fabric/events/EventDispatcher.h b/ReactCommon/fabric/events/EventDispatcher.h
new file mode 100644
index 00000000000000..d317e65a49fc74
--- /dev/null
+++ b/ReactCommon/fabric/events/EventDispatcher.h
@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+#pragma once
+
+#include <memory>
+
+#include <fabric/events/primitives.h>
+#include <folly/dynamic.h>
+
+namespace facebook {
+namespace react {
+
+class EventDispatcher;
+
+using SharedEventDispatcher = std::shared_ptr<const EventDispatcher>;
+
+/*
+ * Abstract class that represent event-delivery infrastructure.
+ * Particular `EventEmitter` clases use an object of this class to invoke
+ * events.
+ */
+class EventDispatcher {
+
+public:
+
+  /*
+   * Dispatches "raw" event using some event-delivery infrastructure.
+   */
+  virtual void dispatchEvent(
+    const EventTarget &eventTarget,
+    const std::string &type,
+    const folly::dynamic &payload,
+    const EventPriority &priority
+  ) const = 0;
+
+  virtual void releaseEventTarget(const EventTarget &eventTarget) const = 0;
+
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/events/EventEmitter.cpp b/ReactCommon/fabric/events/EventEmitter.cpp
new file mode 100644
index 00000000000000..2e99199eea7035
--- /dev/null
+++ b/ReactCommon/fabric/events/EventEmitter.cpp
@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "EventEmitter.h"
+
+#include <folly/dynamic.h>
+
+namespace facebook {
+namespace react {
+
+EventEmitter::EventEmitter(const EventTarget &eventTarget, const Tag &tag, const SharedEventDispatcher &eventDispatcher):
+  eventTarget_(eventTarget),
+  tag_(tag),
+  eventDispatcher_(eventDispatcher) {
+}
+
+EventEmitter::~EventEmitter() {
+  auto &&eventDispatcher = eventDispatcher_.lock();
+  if (eventDispatcher && eventTarget_) {
+    eventDispatcher->releaseEventTarget(eventTarget_);
+  }
+}
+
+void EventEmitter::dispatchEvent(
+  const std::string &type,
+  const folly::dynamic &payload,
+  const EventPriority &priority
+) const {
+  const auto &eventDispatcher = eventDispatcher_.lock();
+  if (!eventDispatcher) {
+    return;
+  }
+
+  assert(eventTarget_ && "Attempted to dispatch an event without an eventTarget.");
+
+  // Mixing `target` into `payload`.
+  assert(payload.isObject());
+  folly::dynamic extendedPayload = folly::dynamic::object("target", tag_);
+  extendedPayload.merge_patch(payload);
+
+  // TODO(T29610783): Reconsider using dynamic dispatch here.
+  eventDispatcher->dispatchEvent(eventTarget_, type, extendedPayload, priority);
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/events/EventEmitter.h b/ReactCommon/fabric/events/EventEmitter.h
new file mode 100644
index 00000000000000..f2f41732e65244
--- /dev/null
+++ b/ReactCommon/fabric/events/EventEmitter.h
@@ -0,0 +1,62 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+#pragma once
+
+#include <memory>
+#include <mutex>
+
+#include <folly/dynamic.h>
+#include <fabric/events/EventDispatcher.h>
+#include <fabric/events/primitives.h>
+
+namespace facebook {
+namespace react {
+
+class EventEmitter;
+
+using SharedEventEmitter = std::shared_ptr<const EventEmitter>;
+
+/*
+ * Base class for all particular typed event handlers.
+ * Stores `InstanceHandle` identifying a particular component and the pointer
+ * to `EventDispatcher` which is responsible for delivering the event.
+ *
+ * TODO: Reconsider naming of all event-related things.
+ */
+class EventEmitter {
+
+  /*
+   * We have to repeat `Tag` type definition here because `events` module does
+   * not depend on `core` module (and should not).
+   */
+  using Tag = int32_t;
+
+public:
+  EventEmitter(const EventTarget &eventTarget, const Tag &tag, const SharedEventDispatcher &eventDispatcher);
+  virtual ~EventEmitter();
+
+protected:
+
+  /*
+   * Initates an event delivery process.
+   * Is used by particular subclasses only.
+   */
+  void dispatchEvent(
+    const std::string &type,
+    const folly::dynamic &payload = folly::dynamic::object(),
+    const EventPriority &priority = EventPriority::AsynchronousBatched
+  ) const;
+
+private:
+
+  mutable EventTarget eventTarget_ {nullptr};
+  Tag tag_;
+  std::weak_ptr<const EventDispatcher> eventDispatcher_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/events/primitives.h b/ReactCommon/fabric/events/primitives.h
new file mode 100644
index 00000000000000..5dc5cb5d62d5d2
--- /dev/null
+++ b/ReactCommon/fabric/events/primitives.h
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+namespace facebook {
+namespace react {
+
+enum class EventPriority {
+  SynchronousUnbatched,
+  SynchronousBatched,
+  AsynchronousUnbatched,
+  AsynchronousBatched,
+
+  Sync = SynchronousUnbatched,
+  Work = SynchronousBatched,
+  Interactive = AsynchronousUnbatched,
+  Deferred = AsynchronousBatched,
+};
+
+/* `InstanceHandler`, `EventTarget`, and `EventHandler` are all opaque
+ * raw pointers. We use `struct {} *` trick to differentiate them in compiler's
+ * eyes to ensure type safety.
+ * These structs must have names (and the names must be exported)
+ * to allow consistent template (e.g. `std::function`) instantiating
+ * across different modules.
+ */
+using EventTarget = struct EventTargetDummyStruct {} *;
+using EventHandler = struct EventHandlerDummyStruct {} *;
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/events/tests/EventsTest.cpp b/ReactCommon/fabric/events/tests/EventsTest.cpp
new file mode 100644
index 00000000000000..3e626f96d06afb
--- /dev/null
+++ b/ReactCommon/fabric/events/tests/EventsTest.cpp
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <memory>
+
+#include <gtest/gtest.h>
+
+TEST(EventsTest, testSomething) {
+  // TODO
+}
diff --git a/ReactCommon/fabric/graphics/BUCK b/ReactCommon/fabric/graphics/BUCK
new file mode 100644
index 00000000000000..12ff295f636d5a
--- /dev/null
+++ b/ReactCommon/fabric/graphics/BUCK
@@ -0,0 +1,114 @@
+load("//configurations/buck/apple:flag_defs.bzl", "OBJC_ARC_PREPROCESSOR_FLAGS", "get_application_ios_flags", "get_debug_preprocessor_flags")
+load(
+    "//ReactNative:DEFS.bzl",
+    "ANDROID",
+    "APPLE",
+    "fb_xplat_cxx_test",
+    "get_apple_compiler_flags",
+    "get_apple_inspector_flags",
+    "react_native_xplat_target",
+    "rn_xplat_cxx_library",
+    "subdir_glob",
+)
+
+APPLE_COMPILER_FLAGS = get_apple_compiler_flags()
+
+rn_xplat_cxx_library(
+    name = "graphics",
+    srcs = glob(
+        [
+            "*.cpp",
+        ],
+    ),
+    headers = subdir_glob(
+        [
+            ("", "*.h"),
+        ],
+        prefix = "",
+    ),
+    header_namespace = "",
+    exported_headers = subdir_glob(
+        [
+            ("", "*.h"),
+        ],
+        prefix = "fabric/graphics",
+    ),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    fbandroid_exported_headers = subdir_glob(
+        [
+            ("platform/android", "**/*.h"),
+        ],
+        prefix = "fabric/graphics",
+    ),
+    fbandroid_srcs = glob(
+        [
+            "platform/android/**/*.cpp",
+        ],
+    ),
+    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_tests = [
+        ":tests",
+    ],
+    force_static = True,
+    ios_deps = [
+        "xplat//js:RCTImage",
+        "xplat//js/react-native-github:RCTCxxBridge",
+    ],
+    ios_exported_headers = subdir_glob(
+        [
+            ("platform/ios", "*.h"),
+        ],
+        prefix = "fabric/graphics",
+    ),
+    ios_frameworks = [
+        "$SDKROOT/System/Library/Frameworks/CoreGraphics.framework",
+        "$SDKROOT/System/Library/Frameworks/Foundation.framework",
+        "$SDKROOT/System/Library/Frameworks/UIKit.framework",
+    ],
+    ios_srcs = glob(
+        [
+            "platform/ios/**/*.cpp",
+            "platform/ios/**/*.mm",
+        ],
+    ),
+    macosx_tests_override = [],
+    platforms = (ANDROID, APPLE),
+    preprocessor_flags = [
+        "-DLOG_TAG=\"ReactNative\"",
+        "-DWITH_FBSYSTRACE=1",
+    ],
+    tests = [],
+    visibility = ["PUBLIC"],
+    deps = [
+        "xplat//fbsystrace:fbsystrace",
+        "xplat//folly:headers_only",
+        "xplat//folly:memory",
+        "xplat//folly:molly",
+        "xplat//third-party/glog:glog",
+    ],
+)
+
+fb_xplat_cxx_test(
+    name = "tests",
+    srcs = glob(["tests/**/*.cpp"]),
+    headers = glob(["tests/**/*.h"]),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    platforms = APPLE,
+    deps = [
+        "xplat//folly:molly",
+        "xplat//third-party/gmock:gtest",
+        ":graphics",
+    ],
+)
diff --git a/ReactCommon/fabric/graphics/ColorComponents.h b/ReactCommon/fabric/graphics/ColorComponents.h
new file mode 100644
index 00000000000000..489e1888668f2e
--- /dev/null
+++ b/ReactCommon/fabric/graphics/ColorComponents.h
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+namespace facebook {
+namespace react {
+
+struct ColorComponents {
+  float red {0};
+  float green {0};
+  float blue {0};
+  float alpha {0};
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/graphics/Geometry.h b/ReactCommon/fabric/graphics/Geometry.h
new file mode 100644
index 00000000000000..3db79088609d80
--- /dev/null
+++ b/ReactCommon/fabric/graphics/Geometry.h
@@ -0,0 +1,147 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#pragma once
+
+#include <algorithm>
+#include <tuple>
+
+#include <fabric/graphics/Float.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Point
+ */
+struct Point {
+  Float x {0};
+  Float y {0};
+
+  Point& operator += (const Point& rhs) {
+    x += rhs.x;
+    y += rhs.y;
+    return *this;
+  }
+
+  friend Point operator + (Point lhs, const Point& rhs) {
+    return lhs += rhs;
+  }
+
+  bool operator ==(const Point& rhs) const {
+    return
+      std::tie(this->x, this->y) ==
+      std::tie(rhs.x, rhs.y);
+  }
+
+  bool operator !=(const Point& rhs) const {
+    return !(*this == rhs);
+  }
+};
+
+/*
+ * Size
+ */
+struct Size {
+  Float width {0};
+  Float height {0};
+
+  bool operator ==(const Size& rhs) const {
+    return
+      std::tie(this->width, this->height) ==
+      std::tie(rhs.width, rhs.height);
+  }
+
+  bool operator !=(const Size& rhs) const {
+    return !(*this == rhs);
+  }
+};
+
+/*
+ * Rect: Point and Size
+ */
+struct Rect {
+  Point origin {0, 0};
+  Size size {0, 0};
+
+  bool operator ==(const Rect& rhs) const {
+    return
+      std::tie(this->origin, this->size) ==
+      std::tie(rhs.origin, rhs.size);
+  }
+
+  bool operator !=(const Rect& rhs) const {
+    return !(*this == rhs);
+  }
+
+  Float getMaxX() const { return size.width > 0 ? origin.x + size.width : origin.x; }
+  Float getMaxY() const { return size.height > 0 ? origin.y + size.height : origin.y; }
+  Float getMinX() const { return size.width >= 0 ? origin.x : origin.x + size.width; }
+  Float getMinY() const { return size.height >= 0 ? origin.y : origin.y + size.height; }
+
+  void unionInPlace(const Rect &rect) {
+    Float x1 = std::min(getMinX(), rect.getMinX());
+    Float y1 = std::min(getMinY(), rect.getMinY());
+    Float x2 = std::max(getMaxX(), rect.getMaxX());
+    Float y2 = std::max(getMaxY(), rect.getMaxY());
+    origin = {x1, y1};
+    size = {x2 - x1, y2 - y1};
+  }
+};
+
+/*
+ * EdgeInsets
+ */
+struct EdgeInsets {
+  Float left {0};
+  Float top {0};
+  Float right {0};
+  Float bottom {0};
+
+  bool operator ==(const EdgeInsets& rhs) const {
+    return
+      std::tie(this->left, this->top, this->right, this->bottom) ==
+      std::tie(rhs.left, rhs.top, rhs.right, rhs.bottom);
+  }
+
+  bool operator !=(const EdgeInsets& rhs) const {
+    return !(*this == rhs);
+  }
+
+  bool isUniform() const {
+    return left == top &&
+      left == right &&
+      left == bottom;
+  }
+};
+
+/*
+ * CornerInsets
+ */
+struct CornerInsets {
+  Float topLeft {0};
+  Float topRight {0};
+  Float bottomLeft {0};
+  Float bottomRight {0};
+
+  bool operator ==(const CornerInsets& rhs) const {
+    return
+    std::tie(this->topLeft, this->topRight, this->bottomLeft, this->bottomRight) ==
+    std::tie(rhs.topLeft, rhs.topRight, rhs.bottomLeft, rhs.bottomRight);
+  }
+
+  bool operator !=(const CornerInsets& rhs) const {
+    return !(*this == rhs);
+  }
+
+  bool isUniform() const {
+    return topLeft == topRight &&
+      topLeft == bottomLeft &&
+      topLeft == bottomRight;
+  }
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/graphics/conversions.h b/ReactCommon/fabric/graphics/conversions.h
new file mode 100644
index 00000000000000..3d5cc42752890c
--- /dev/null
+++ b/ReactCommon/fabric/graphics/conversions.h
@@ -0,0 +1,165 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <folly/dynamic.h>
+#include <fabric/graphics/Color.h>
+#include <fabric/graphics/Geometry.h>
+
+namespace facebook {
+namespace react {
+
+#pragma mark - Color
+
+inline void fromDynamic(const folly::dynamic &value, SharedColor &result) {
+  float red;
+  float green;
+  float blue;
+  float alpha;
+
+  if (value.isNumber()) {
+    auto argb = value.asInt();
+    float ratio = 256;
+    alpha = ((argb >> 24) & 0xFF) / ratio;
+    red = ((argb >> 16) & 0xFF) / ratio;
+    green = ((argb >> 8) & 0xFF) / ratio;
+    blue = (argb & 0xFF) / ratio;
+  } else if (value.isArray()) {
+    auto size = value.size();
+    assert(size == 3 || size == 4);
+    red = value[0].asDouble();
+    green = value[1].asDouble();
+    blue = value[2].asDouble();
+    alpha = size == 4 ? value[3].asDouble() : 1.0;
+  } else {
+    abort();
+  }
+
+  result = colorFromComponents({red, green, blue, alpha});
+}
+
+inline std::string toString(const SharedColor &value) {
+  ColorComponents components = colorComponentsFromColor(value);
+  const float ratio = 256;
+  return "rgba(" +
+    folly::to<std::string>(round(components.red * ratio)) + ", " +
+    folly::to<std::string>(round(components.green * ratio)) + ", " +
+    folly::to<std::string>(round(components.blue * ratio)) + ", " +
+    folly::to<std::string>(round(components.alpha * ratio)) + ")";
+}
+
+#pragma mark - Geometry
+
+inline void fromDynamic(const folly::dynamic &value, Point &result) {
+  if (value.isObject()) {
+    result = Point {(Float)value["x"].asDouble(), (Float)value["y"].asDouble()};
+    return;
+  }
+  if (value.isArray()) {
+    result = Point {(Float)value[0].asDouble(), (Float)value[1].asDouble()};
+    return;
+  }
+  abort();
+}
+
+inline void fromDynamic(const folly::dynamic &value, Size &result) {
+  if (value.isObject()) {
+    result = Size {(Float)value["width"].asDouble(), (Float)value["height"].asDouble()};
+    return;
+  }
+  if (value.isArray()) {
+    result = Size {(Float)value[0].asDouble(), (Float)value[1].asDouble()};
+    return;
+  }
+  abort();
+}
+
+inline void fromDynamic(const folly::dynamic &value, EdgeInsets &result) {
+  if (value.isNumber()) {
+    const Float number = value.asDouble();
+    result = EdgeInsets {number, number, number, number};
+    return;
+  }
+  if (value.isObject()) {
+    result = EdgeInsets {
+      (Float)value["top"].asDouble(),
+      (Float)value["left"].asDouble(),
+      (Float)value["bottom"].asDouble(),
+      (Float)value["right"].asDouble()
+    };
+    return;
+  }
+  if (value.isArray()) {
+    result = EdgeInsets {
+      (Float)value[0].asDouble(),
+      (Float)value[1].asDouble(),
+      (Float)value[2].asDouble(),
+      (Float)value[3].asDouble()
+    };
+    return;
+  }
+  abort();
+}
+
+inline void fromDynamic(const folly::dynamic &value, CornerInsets &result) {
+  if (value.isNumber()) {
+    const Float number = value.asDouble();
+    result = CornerInsets {number, number, number, number};
+    return;
+  }
+  if (value.isObject()) {
+    result = CornerInsets {
+      (Float)value["topLeft"].asDouble(),
+      (Float)value["topRight"].asDouble(),
+      (Float)value["bottomLeft"].asDouble(),
+      (Float)value["bottomRight"].asDouble()
+    };
+    return;
+  }
+  if (value.isArray()) {
+    result = CornerInsets {
+      (Float)value[0].asDouble(),
+      (Float)value[1].asDouble(),
+      (Float)value[2].asDouble(),
+      (Float)value[3].asDouble()
+    };
+    return;
+  }
+  abort();
+}
+
+inline std::string toString(const Point &point) {
+  return "{" + folly::to<std::string>(point.x) + ", " + folly::to<std::string>(point.y) + "}";
+}
+
+inline std::string toString(const Size &size) {
+  return "{" + folly::to<std::string>(size.width) + ", " + folly::to<std::string>(size.height) + "}";
+}
+
+inline std::string toString(const Rect &rect) {
+  return "{" + toString(rect.origin) + ", " + toString(rect.size) + "}";
+}
+
+inline std::string toString(const EdgeInsets &edgeInsets) {
+  return "{" +
+    folly::to<std::string>(edgeInsets.left) + ", " +
+    folly::to<std::string>(edgeInsets.top) + ", " +
+    folly::to<std::string>(edgeInsets.right) + ", " +
+    folly::to<std::string>(edgeInsets.bottom) + "}";
+}
+
+inline std::string toString(const CornerInsets &cornerInsets) {
+  return "{" +
+    folly::to<std::string>(cornerInsets.topLeft) + ", " +
+    folly::to<std::string>(cornerInsets.topRight) + ", " +
+    folly::to<std::string>(cornerInsets.bottomLeft) + ", " +
+    folly::to<std::string>(cornerInsets.bottomRight) + "}";
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/graphics/platform/android/Color.cpp b/ReactCommon/fabric/graphics/platform/android/Color.cpp
new file mode 100644
index 00000000000000..9a7e88ac248a19
--- /dev/null
+++ b/ReactCommon/fabric/graphics/platform/android/Color.cpp
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "Color.h"
+
+namespace facebook {
+namespace react {
+
+SharedColor colorFromComponents(ColorComponents components) {
+  return SharedColor(
+    ((int)components.alpha & 0xff) << 24 |
+    ((int)components.red & 0xff) << 16 |
+    ((int)components.green & 0xff) << 8 |
+    ((int)components.blue & 0xff)
+  );
+}
+
+ColorComponents colorComponentsFromColor(SharedColor sharedColor) {
+  Color color = *sharedColor;
+  return ColorComponents {
+    (float)((color >> 16) & 0xff),
+    (float)((color >>  8) & 0xff),
+    (float)((color      ) & 0xff),
+    (float)((color >> 24) & 0xff)
+  };
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/graphics/platform/android/Color.h b/ReactCommon/fabric/graphics/platform/android/Color.h
new file mode 100644
index 00000000000000..ff6ed8ef480e4c
--- /dev/null
+++ b/ReactCommon/fabric/graphics/platform/android/Color.h
@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <limits>
+
+#include <fabric/graphics/ColorComponents.h>
+
+namespace facebook {
+namespace react {
+
+using Color = int;
+
+/*
+ * On Android, a color can be represented as 32 bits integer, so there is no need
+ * to instantiate complex color objects and then pass them as shared pointers.
+ * Hense instead of using shared_ptr, we use a simple wrapper class
+ * which provides a pointer-like interface.
+ */
+class SharedColor {
+
+public:
+  static const Color UndefinedColor = std::numeric_limits<Color>::max();
+
+  SharedColor():
+    color_(UndefinedColor) {}
+
+  SharedColor(const SharedColor &sharedColor) :
+    color_(sharedColor.color_) {}
+
+  SharedColor(Color color):
+    color_(color) {}
+
+  SharedColor &operator=(const SharedColor &sharedColor) {
+    color_ = sharedColor.color_;
+    return *this;
+  }
+
+  Color operator*() const {
+    return color_;
+  }
+
+  operator bool() const {
+    return color_ != UndefinedColor;
+  }
+
+private:
+  Color color_;
+};
+
+SharedColor colorFromComponents(ColorComponents components);
+ColorComponents colorComponentsFromColor(SharedColor color);
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/graphics/platform/android/Float.h b/ReactCommon/fabric/graphics/platform/android/Float.h
new file mode 100644
index 00000000000000..8351a892322377
--- /dev/null
+++ b/ReactCommon/fabric/graphics/platform/android/Float.h
@@ -0,0 +1,28 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#pragma once
+
+#include <limits>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Exact type of float numbers which ideally should match a type behing
+ * platform- and chip-architecture-specific float type.
+ */
+using Float = float;
+
+/*
+ * Large positive number signifies that the `Float` values is `undefined`.
+ */
+const Float kFloatUndefined = std::numeric_limits<Float>::max();
+
+const Float kFloatMax = std::numeric_limits<Float>::max();
+const Float kFloatMin = std::numeric_limits<Float>::min();
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/graphics/platform/ios/Color.cpp b/ReactCommon/fabric/graphics/platform/ios/Color.cpp
new file mode 100644
index 00000000000000..db03a0f4af2936
--- /dev/null
+++ b/ReactCommon/fabric/graphics/platform/ios/Color.cpp
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "Color.h"
+
+namespace facebook {
+namespace react {
+
+SharedColor colorFromComponents(ColorComponents components) {
+  const CGFloat componentsArray[] = {
+    components.red,
+    components.green,
+    components.blue,
+    components.alpha
+  };
+
+  CGColorRef color = CGColorCreate(
+    CGColorSpaceCreateDeviceRGB(),
+    componentsArray
+  );
+
+  return SharedColor(color, CFRelease);
+}
+
+ColorComponents colorComponentsFromColor(SharedColor color) {
+  int numberOfComponents = CGColorGetNumberOfComponents(color.get());
+  assert(numberOfComponents == 4);
+  const CGFloat *components = CGColorGetComponents(color.get());
+  return ColorComponents {
+    (float)components[0],
+    (float)components[1],
+    (float)components[2],
+    (float)components[3]
+  };
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/graphics/platform/ios/Color.h b/ReactCommon/fabric/graphics/platform/ios/Color.h
new file mode 100644
index 00000000000000..019663e734cc2a
--- /dev/null
+++ b/ReactCommon/fabric/graphics/platform/ios/Color.h
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <memory>
+
+#include <fabric/graphics/Float.h>
+
+#include <fabric/graphics/ColorComponents.h>
+
+namespace facebook {
+namespace react {
+
+using Color = CGColor;
+using SharedColor = std::shared_ptr<Color>;
+
+SharedColor colorFromComponents(ColorComponents components);
+ColorComponents colorComponentsFromColor(SharedColor color);
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/graphics/platform/ios/Float.h b/ReactCommon/fabric/graphics/platform/ios/Float.h
new file mode 100644
index 00000000000000..fec03a6846d166
--- /dev/null
+++ b/ReactCommon/fabric/graphics/platform/ios/Float.h
@@ -0,0 +1,29 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#pragma once
+
+#include <limits>
+#include <CoreGraphics/CoreGraphics.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Exact type of float numbers which ideally should match a type behing
+ * platform- and chip-architecture-specific float type.
+ */
+using Float = CGFloat;
+
+/*
+ * Large positive number signifies that the `Float` values is `undefined`.
+ */
+const Float kFloatUndefined = std::numeric_limits<Float>::max();
+
+const Float kFloatMax = std::numeric_limits<Float>::max();
+const Float kFloatMin = std::numeric_limits<Float>::min();
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/graphics/tests/GraphicsTest.cpp b/ReactCommon/fabric/graphics/tests/GraphicsTest.cpp
new file mode 100644
index 00000000000000..4684d4c5007955
--- /dev/null
+++ b/ReactCommon/fabric/graphics/tests/GraphicsTest.cpp
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <memory>
+
+#include <gtest/gtest.h>
+
+TEST(GraphicsTest, testSomething) {
+  // TODO
+}
diff --git a/ReactCommon/fabric/imagemanager/BUCK b/ReactCommon/fabric/imagemanager/BUCK
new file mode 100644
index 00000000000000..af83b9579c35bd
--- /dev/null
+++ b/ReactCommon/fabric/imagemanager/BUCK
@@ -0,0 +1,123 @@
+load("//configurations/buck/apple:flag_defs.bzl", "OBJC_ARC_PREPROCESSOR_FLAGS", "get_application_ios_flags", "get_debug_preprocessor_flags")
+load(
+    "//ReactNative:DEFS.bzl",
+    "ANDROID",
+    "APPLE",
+    "get_apple_inspector_flags",
+    "get_apple_compiler_flags",
+    "react_native_xplat_target",
+    "rn_xplat_cxx_library",
+    "fb_xplat_cxx_test",
+    "subdir_glob",
+)
+
+APPLE_COMPILER_FLAGS = get_apple_compiler_flags()
+
+rn_xplat_cxx_library(
+    name = "imagemanager",
+    srcs = glob(
+        [
+            "*.cpp",
+        ],
+        exclude = glob(["tests/**/*.cpp"]),
+    ),
+    header_namespace = "",
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    fbandroid_exported_headers = subdir_glob(
+        [
+            ("", "*.h"),
+        ],
+        prefix = "fabric/imagemanager",
+    ),
+    fbandroid_headers = subdir_glob(
+        [
+            ("", "*.h"),
+            ("platform/android", "**/*.h"),
+        ],
+        prefix = "",
+    ),
+    fbandroid_srcs = glob(
+        [
+            "platform/android/**/*.cpp",
+        ],
+    ),
+    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_tests = [
+        ":tests",
+    ],
+    force_static = True,
+    ios_deps = [
+        "xplat//js:RCTImage",
+        "xplat//js/react-native-github:RCTCxxBridge",
+    ],
+    ios_exported_headers = subdir_glob(
+        [
+            ("", "*.h"),
+            ("platform/ios", "RCTImagePrimitivesConversions.h"),
+        ],
+        prefix = "fabric/imagemanager",
+    ),
+    ios_frameworks = [
+        "$SDKROOT/System/Library/Frameworks/CoreGraphics.framework",
+        "$SDKROOT/System/Library/Frameworks/Foundation.framework",
+        "$SDKROOT/System/Library/Frameworks/UIKit.framework",
+    ],
+    ios_headers = subdir_glob(
+        [
+            ("", "*.h"),
+            ("platform/ios", "**/*.h"),
+        ],
+        prefix = "",
+    ),
+    ios_srcs = glob(
+        [
+            "platform/ios/**/*.cpp",
+            "platform/ios/**/*.mm",
+        ],
+    ),
+    macosx_tests_override = [],
+    platforms = (ANDROID, APPLE),
+    preprocessor_flags = [
+        "-DLOG_TAG=\"ReactNative\"",
+        "-DWITH_FBSYSTRACE=1",
+    ],
+    tests = [],
+    visibility = ["PUBLIC"],
+    deps = [
+        "xplat//fbsystrace:fbsystrace",
+        "xplat//folly:futures",
+        "xplat//folly:headers_only",
+        "xplat//folly:memory",
+        "xplat//folly:molly",
+        "xplat//third-party/glog:glog",
+        "xplat//yoga:yoga",
+        react_native_xplat_target("fabric/core:core"),
+        react_native_xplat_target("fabric/debug:debug"),
+        react_native_xplat_target("fabric/graphics:graphics"),
+    ],
+)
+
+fb_xplat_cxx_test(
+    name = "tests",
+    srcs = glob(["tests/**/*.cpp"]),
+    headers = glob(["tests/**/*.h"]),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    platforms = APPLE,
+    deps = [
+        "xplat//folly:molly",
+        "xplat//third-party/gmock:gtest",
+        ":imagemanager",
+    ],
+)
diff --git a/ReactCommon/fabric/imagemanager/ImageManager.h b/ReactCommon/fabric/imagemanager/ImageManager.h
new file mode 100644
index 00000000000000..d3f37d0ff11b39
--- /dev/null
+++ b/ReactCommon/fabric/imagemanager/ImageManager.h
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <memory>
+
+#include <fabric/imagemanager/ImageRequest.h>
+#include <fabric/imagemanager/primitives.h>
+
+namespace facebook {
+namespace react {
+
+class ImageManager;
+
+using SharedImageManager = std::shared_ptr<ImageManager>;
+
+/*
+ * Cross platform facade for iOS-specific RCTImageManager.
+ */
+class ImageManager {
+public:
+
+  ImageManager(void *platformSpecificCounterpart);
+  ~ImageManager();
+
+  ImageRequest requestImage(const ImageSource &imageSource) const;
+
+private:
+  void *self_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/imagemanager/ImageRequest.cpp b/ReactCommon/fabric/imagemanager/ImageRequest.cpp
new file mode 100644
index 00000000000000..e023f444d9c661
--- /dev/null
+++ b/ReactCommon/fabric/imagemanager/ImageRequest.cpp
@@ -0,0 +1,49 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ImageRequest.h"
+
+namespace facebook {
+namespace react {
+
+class ImageRequest::ImageNoLongerNeededException:
+  public std::logic_error {
+public:
+  ImageNoLongerNeededException():
+    std::logic_error("Image no longer needed.") {}
+};
+
+ImageRequest::ImageRequest(const ImageSource &imageSource, folly::Future<ImageResponse> &&responseFuture):
+  imageSource_(imageSource),
+  responseFutureSplitter_(folly::splitFuture(std::move(responseFuture))) {}
+
+ImageRequest::ImageRequest(ImageRequest &&other) noexcept:
+  imageSource_(std::move(other.imageSource_)),
+  responseFutureSplitter_(std::move(other.responseFutureSplitter_)) {
+    other.moved_ = true;
+  };
+
+ImageRequest::~ImageRequest() {
+  if (!moved_) {
+    auto future = responseFutureSplitter_.getFuture();
+    if (!future.isReady()) {
+      future.raise(ImageNoLongerNeededException());
+    }
+  }
+}
+
+folly::Future<ImageResponse> ImageRequest::getResponseFuture() const {
+  if (moved_) {
+    abort();
+  }
+
+  std::lock_guard<std::mutex> lock(mutex_);
+  return responseFutureSplitter_.getFuture();
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/imagemanager/ImageRequest.h b/ReactCommon/fabric/imagemanager/ImageRequest.h
new file mode 100644
index 00000000000000..7d593f7be6c265
--- /dev/null
+++ b/ReactCommon/fabric/imagemanager/ImageRequest.h
@@ -0,0 +1,87 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <mutex>
+
+#include <fabric/imagemanager/ImageResponse.h>
+#include <fabric/imagemanager/primitives.h>
+#include <folly/futures/Future.h>
+#include <folly/futures/FutureSplitter.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Represents ongoing request for an image resource.
+ * The separate object must be constructed for every single separate
+ * image request. The object cannot be copied because it would make managing of
+ * event listeners hard and inefficient; the object can be moved though.
+ * To subscribe for notifications use `getResponseFuture()` method.
+ * Destroy to cancel the underlying request.
+ */
+class ImageRequest final {
+
+public:
+
+  /*
+   * The exception which is thrown when `ImageRequest` is being deallocated
+   * if the future is not ready yet.
+   */
+  class ImageNoLongerNeededException;
+
+  /*
+   * `ImageRequest` is constructed with `ImageSource` and
+   * `ImageResponse` future which must be moved in inside the object.
+   */
+  ImageRequest(const ImageSource &imageSource, folly::Future<ImageResponse> &&responseFuture);
+
+  /*
+   * The move constructor.
+   */
+  ImageRequest(ImageRequest &&other) noexcept;
+
+  /*
+   * `ImageRequest` does not support copying by design.
+   */
+  ImageRequest(const ImageRequest &) = delete;
+
+  ~ImageRequest();
+
+  /*
+   * Creates and returns a *new* future object with promised `ImageResponse`
+   * result. Multiple consumers can call this method many times to create
+   * their own subscriptions to promised value.
+   */
+  folly::Future<ImageResponse> getResponseFuture() const;
+
+private:
+
+  /*
+   * Mutext to protect an access to the future.
+   */
+  mutable std::mutex mutex_;
+
+  /*
+   * Image source assosiated with the request.
+   */
+  ImageSource imageSource_;
+
+  /*
+   * Future splitter powers factory-like `getResponseFuture()` method.
+   */
+  mutable folly::FutureSplitter<ImageResponse> responseFutureSplitter_;
+
+  /*
+   * Indicates that the object was moved and hence cannot be used anymore.
+   */
+  bool moved_ {false};
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/imagemanager/ImageResponse.cpp b/ReactCommon/fabric/imagemanager/ImageResponse.cpp
new file mode 100644
index 00000000000000..39cea621884024
--- /dev/null
+++ b/ReactCommon/fabric/imagemanager/ImageResponse.cpp
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ImageResponse.h"
+
+namespace facebook {
+namespace react {
+
+ImageResponse::ImageResponse(const std::shared_ptr<void> &image):
+  image_(image) {}
+
+std::shared_ptr<void> ImageResponse::getImage() const {
+  return image_;
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/imagemanager/ImageResponse.h b/ReactCommon/fabric/imagemanager/ImageResponse.h
new file mode 100644
index 00000000000000..1ce66af6c9396f
--- /dev/null
+++ b/ReactCommon/fabric/imagemanager/ImageResponse.h
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <memory>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Represents retrieved image bitmap and any assotiated platform-specific info.
+ */
+class ImageResponse final {
+
+public:
+  ImageResponse(const std::shared_ptr<void> &image);
+
+  std::shared_ptr<void> getImage() const;
+
+private:
+  std::shared_ptr<void> image_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/imagemanager/platform/android/ImageManager.cpp b/ReactCommon/fabric/imagemanager/platform/android/ImageManager.cpp
new file mode 100644
index 00000000000000..b1381eb0c5b525
--- /dev/null
+++ b/ReactCommon/fabric/imagemanager/platform/android/ImageManager.cpp
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ImageManager.h"
+
+namespace facebook {
+namespace react {
+
+ImageManager::ImageManager(void *platformSpecificCounterpart) {
+  // Not implemented.
+}
+
+ImageManager::~ImageManager() {
+  // Not implemented.
+}
+
+ImageRequest ImageManager::requestImage(const ImageSource &imageSource) const {
+  // Not implemented.
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/imagemanager/platform/ios/ImageManager.mm b/ReactCommon/fabric/imagemanager/platform/ios/ImageManager.mm
new file mode 100644
index 00000000000000..55281935cc7c3d
--- /dev/null
+++ b/ReactCommon/fabric/imagemanager/platform/ios/ImageManager.mm
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ImageManager.h"
+
+#import <React/RCTImageLoader.h>
+
+#import "RCTImageManager.h"
+
+namespace facebook {
+namespace react {
+
+ImageManager::ImageManager(void *platformSpecificCounterpart) {
+  self_ = (__bridge_retained void *)[[RCTImageManager alloc] initWithImageLoader:(__bridge_transfer RCTImageLoader *)platformSpecificCounterpart];
+}
+
+ImageManager::~ImageManager() {
+  CFRelease(self_);
+  self_ = nullptr;
+}
+
+ImageRequest ImageManager::requestImage(const ImageSource &imageSource) const {
+  RCTImageManager *imageManager = (__bridge RCTImageManager *)self_;
+  return [imageManager requestImage:imageSource];
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManager.h b/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManager.h
new file mode 100644
index 00000000000000..45d6d0a1a6f655
--- /dev/null
+++ b/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManager.h
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <fabric/imagemanager/ImageRequest.h>
+#import <fabric/imagemanager/primitives.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@class RCTImageLoader;
+
+/**
+ * iOS-specific ImageManager.
+ */
+@interface RCTImageManager : NSObject
+
+- (instancetype)initWithImageLoader:(RCTImageLoader *)imageLoader;
+
+- (facebook::react::ImageRequest)requestImage:(const facebook::react::ImageSource &)imageSource;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManager.mm b/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManager.mm
new file mode 100644
index 00000000000000..4adc90b722b21d
--- /dev/null
+++ b/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManager.mm
@@ -0,0 +1,68 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTImageManager.h"
+
+#import <folly/futures/Future.h>
+#import <folly/futures/Promise.h>
+
+#import <React/RCTImageLoader.h>
+
+#import "RCTImagePrimitivesConversions.h"
+
+using namespace facebook::react;
+
+@implementation RCTImageManager
+{
+  RCTImageLoader *_imageLoader;
+}
+
+- (instancetype)initWithImageLoader:(RCTImageLoader *)imageLoader
+{
+  if (self = [super init]) {
+    _imageLoader = imageLoader;
+  }
+
+  return self;
+}
+
+- (ImageRequest)requestImage:(const ImageSource &)imageSource
+{
+  __block auto promise = folly::Promise<ImageResponse>();
+
+  NSURLRequest *request = NSURLRequestFromImageSource(imageSource);
+
+  auto completionBlock = ^(NSError *error, UIImage *image) {
+    auto imageResponse = ImageResponse(std::shared_ptr<void>((__bridge_retained void *)image, CFRelease));
+    promise.setValue(std::move(imageResponse));
+  };
+
+  auto interruptBlock = ^(const folly::exception_wrapper &exceptionWrapper) {
+    if (!promise.isFulfilled()) {
+      promise.setException(exceptionWrapper);
+    }
+  };
+
+  RCTImageLoaderCancellationBlock cancellationBlock =
+    [_imageLoader loadImageWithURLRequest:request
+                                     size:CGSizeMake(imageSource.size.width, imageSource.size.height)
+                                    scale:imageSource.scale
+                                  clipped:YES
+                               resizeMode:RCTResizeModeStretch
+                            progressBlock:nil
+                         partialLoadBlock:nil
+                          completionBlock:completionBlock];
+
+  promise.setInterruptHandler([cancellationBlock, interruptBlock](const folly::exception_wrapper &exceptionWrapper) {
+    cancellationBlock();
+    interruptBlock(exceptionWrapper);
+  });
+
+  return ImageRequest(imageSource, promise.getFuture());
+}
+
+@end
diff --git a/ReactCommon/fabric/imagemanager/platform/ios/RCTImagePrimitivesConversions.h b/ReactCommon/fabric/imagemanager/platform/ios/RCTImagePrimitivesConversions.h
new file mode 100644
index 00000000000000..8683a00894da18
--- /dev/null
+++ b/ReactCommon/fabric/imagemanager/platform/ios/RCTImagePrimitivesConversions.h
@@ -0,0 +1,59 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <fabric/imagemanager/primitives.h>
+#import <React/RCTImageLoader.h>
+
+using namespace facebook::react;
+
+inline static RCTResizeMode RCTResizeModeFromImageResizeMode(ImageResizeMode imageResizeMode) {
+  switch (imageResizeMode) {
+    case ImageResizeMode::Cover: return RCTResizeModeCover;
+    case ImageResizeMode::Contain: return RCTResizeModeContain;
+    case ImageResizeMode::Stretch: return RCTResizeModeStretch;
+    case ImageResizeMode::Center: return RCTResizeModeCenter;
+    case ImageResizeMode::Repeat: return RCTResizeModeRepeat;
+  }
+}
+
+inline std::string toString(const ImageResizeMode &value) {
+  switch (value) {
+    case ImageResizeMode::Cover: return "cover";
+    case ImageResizeMode::Contain: return "contain";
+    case ImageResizeMode::Stretch: return "stretch";
+    case ImageResizeMode::Center: return "center";
+    case ImageResizeMode::Repeat: return "repeat";
+  }
+}
+
+inline static NSURLRequest *NSURLRequestFromImageSource(const ImageSource &imageSource) {
+
+  NSString *urlString = [NSString stringWithCString:imageSource.uri.c_str()
+                                           encoding:NSASCIIStringEncoding];
+
+  if (!imageSource.bundle.empty()) {
+    NSString *bundle = [NSString stringWithCString:imageSource.bundle.c_str()
+                                          encoding:NSASCIIStringEncoding];
+    urlString = [NSString stringWithFormat:@"%@.bundle/%@", bundle, urlString];
+  }
+
+  NSURL *url = [[NSURL alloc] initWithString:urlString];
+
+  NSMutableURLRequest *request = [[NSMutableURLRequest alloc] initWithURL:url];
+
+  /*
+  // TODO(shergin): To be implemented.
+  request.HTTPBody = ...;
+  request.HTTPMethod = ...;
+  request.cachePolicy = ...;
+  request.allHTTPHeaderFields = ...;
+  */
+
+  return [request copy];
+}
diff --git a/ReactCommon/fabric/imagemanager/primitives.h b/ReactCommon/fabric/imagemanager/primitives.h
new file mode 100644
index 00000000000000..21932693ad845c
--- /dev/null
+++ b/ReactCommon/fabric/imagemanager/primitives.h
@@ -0,0 +1,55 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <string>
+#include <vector>
+
+#include <fabric/graphics/Geometry.h>
+
+namespace facebook {
+namespace react {
+
+class ImageSource {
+
+public:
+  enum class Type {
+    Invalid,
+    Remote,
+    Local
+  };
+
+  Type type {};
+  std::string uri {};
+  std::string bundle {};
+  Float scale {3};
+  Size size {0};
+
+  bool operator==(const ImageSource &rhs) const {
+    return
+      std::tie(this->type, this->uri) ==
+      std::tie(rhs.type, rhs.uri);
+  }
+
+  bool operator!=(const ImageSource &rhs) const {
+    return !(*this == rhs);
+  }
+};
+
+using ImageSources = std::vector<ImageSource>;
+
+enum class ImageResizeMode {
+  Cover,
+  Contain,
+  Stretch,
+  Center,
+  Repeat,
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/imagemanager/tests/ImageManagerTest.cpp b/ReactCommon/fabric/imagemanager/tests/ImageManagerTest.cpp
new file mode 100644
index 00000000000000..b872b698a83934
--- /dev/null
+++ b/ReactCommon/fabric/imagemanager/tests/ImageManagerTest.cpp
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <memory>
+
+#include <gtest/gtest.h>
+
+#include <fabric/imagemanager/ImageManager.h>
+
+using namespace facebook::react;
+
+TEST(ImageManagerTest, testSomething) {
+  // TODO:
+}
diff --git a/ReactCommon/fabric/sample/SampleComponentDescriptorFactor.cpp b/ReactCommon/fabric/sample/SampleComponentDescriptorFactor.cpp
new file mode 100644
index 00000000000000..b3066e58f9bec8
--- /dev/null
+++ b/ReactCommon/fabric/sample/SampleComponentDescriptorFactor.cpp
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <fabric/uimanager/ComponentDescriptorFactory.h>
+#include <fabric/uimanager/ComponentDescriptorRegistry.h>
+#include <fabric/uimanager/ContextContainer.h>
+
+namespace facebook {
+namespace react {
+
+/**
+ * This is a sample implementation. Each app should provide its own.
+ */
+SharedComponentDescriptorRegistry ComponentDescriptorFactory::buildRegistry(
+  const SharedEventDispatcher &eventDispatcher,
+  const SharedContextContainer &contextContainer
+) {
+  auto registry = std::make_shared<ComponentDescriptorRegistry>();
+  return registry;
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/textlayoutmanager/BUCK b/ReactCommon/fabric/textlayoutmanager/BUCK
new file mode 100644
index 00000000000000..46dd3eb0885b30
--- /dev/null
+++ b/ReactCommon/fabric/textlayoutmanager/BUCK
@@ -0,0 +1,130 @@
+load("//configurations/buck/apple:flag_defs.bzl", "OBJC_ARC_PREPROCESSOR_FLAGS", "get_application_ios_flags", "get_debug_preprocessor_flags")
+load(
+    "//ReactNative:DEFS.bzl",
+    "ANDROID",
+    "APPLE",
+    "fb_xplat_cxx_test",
+    "get_apple_compiler_flags",
+    "get_apple_inspector_flags",
+    "react_native_xplat_target",
+    "rn_xplat_cxx_library",
+    "subdir_glob",
+)
+
+APPLE_COMPILER_FLAGS = get_apple_compiler_flags()
+
+rn_xplat_cxx_library(
+    name = "textlayoutmanager",
+    srcs = glob(
+        [
+            "*.cpp",
+        ],
+    ),
+    headers = subdir_glob(
+        [
+            ("", "*.h"),
+        ],
+        prefix = "",
+    ),
+    header_namespace = "",
+    exported_headers = subdir_glob(
+        [
+            ("", "*.h"),
+        ],
+        prefix = "fabric/textlayoutmanager",
+    ),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    fbandroid_exported_headers = subdir_glob(
+        [
+            ("", "*.h"),
+            ("platform/android", "*.h"),
+        ],
+        prefix = "fabric/textlayoutmanager",
+    ),
+    fbandroid_headers = subdir_glob(
+        [
+            ("platform/android", "**/*.h"),
+        ],
+        prefix = "",
+    ),
+    fbandroid_srcs = glob(
+        [
+            "platform/android/**/*.cpp",
+        ],
+    ),
+    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_tests = [
+        ":tests",
+    ],
+    force_static = True,
+    ios_deps = [
+    ],
+    ios_exported_headers = subdir_glob(
+        [
+            ("platform/ios", "*.h"),
+        ],
+        prefix = "fabric/textlayoutmanager",
+    ),
+    ios_frameworks = [
+        "$SDKROOT/System/Library/Frameworks/CoreGraphics.framework",
+        "$SDKROOT/System/Library/Frameworks/Foundation.framework",
+        "$SDKROOT/System/Library/Frameworks/UIKit.framework",
+    ],
+    ios_headers = subdir_glob(
+        [
+            ("platform/ios", "**/*.h"),
+        ],
+        prefix = "",
+    ),
+    ios_srcs = glob(
+        [
+            "platform/ios/**/*.cpp",
+            "platform/ios/**/*.mm",
+        ],
+    ),
+    macosx_tests_override = [],
+    platforms = (ANDROID, APPLE),
+    preprocessor_flags = [
+        "-DLOG_TAG=\"ReactNative\"",
+        "-DWITH_FBSYSTRACE=1",
+    ],
+    tests = [],
+    visibility = ["PUBLIC"],
+    deps = [
+        "xplat//fbsystrace:fbsystrace",
+        "xplat//folly:headers_only",
+        "xplat//folly:memory",
+        "xplat//folly:molly",
+        "xplat//third-party/glog:glog",
+        "xplat//yoga:yoga",
+        react_native_xplat_target("fabric/attributedstring:attributedstring"),
+        react_native_xplat_target("fabric/core:core"),
+        react_native_xplat_target("fabric/debug:debug"),
+        react_native_xplat_target("fabric/graphics:graphics"),
+    ],
+)
+
+fb_xplat_cxx_test(
+    name = "tests",
+    srcs = glob(["tests/**/*.cpp"]),
+    headers = glob(["tests/**/*.h"]),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    platforms = APPLE,
+    deps = [
+        "xplat//folly:molly",
+        "xplat//third-party/gmock:gtest",
+        ":textlayoutmanager",
+    ],
+)
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/android/TextLayoutManager.cpp b/ReactCommon/fabric/textlayoutmanager/platform/android/TextLayoutManager.cpp
new file mode 100644
index 00000000000000..fd98bfa6b708df
--- /dev/null
+++ b/ReactCommon/fabric/textlayoutmanager/platform/android/TextLayoutManager.cpp
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "TextLayoutManager.h"
+
+namespace facebook {
+namespace react {
+
+TextLayoutManager::TextLayoutManager() {
+}
+
+TextLayoutManager::~TextLayoutManager() {
+}
+
+void *TextLayoutManager::getNativeTextLayoutManager() const {
+  return self_;
+}
+
+Size TextLayoutManager::measure(
+  AttributedString attributedString,
+  ParagraphAttributes paragraphAttributes,
+  LayoutConstraints layoutConstraints
+) const {
+  // Not implemented.
+  return {};
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/android/TextLayoutManager.h b/ReactCommon/fabric/textlayoutmanager/platform/android/TextLayoutManager.h
new file mode 100644
index 00000000000000..9da164f30f84ce
--- /dev/null
+++ b/ReactCommon/fabric/textlayoutmanager/platform/android/TextLayoutManager.h
@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <memory>
+
+#include <fabric/attributedstring/AttributedString.h>
+#include <fabric/attributedstring/ParagraphAttributes.h>
+#include <fabric/core/LayoutConstraints.h>
+
+namespace facebook {
+namespace react {
+
+class TextLayoutManager;
+
+using SharedTextLayoutManager = std::shared_ptr<const TextLayoutManager>;
+
+/*
+ * Cross platform facade for Android-specific TextLayoutManager.
+ */
+class TextLayoutManager {
+
+public:
+
+  TextLayoutManager();
+  ~TextLayoutManager();
+
+  /*
+   * Measures `attributedString` using native text rendering infrastructure.
+   */
+  Size measure(
+    AttributedString attributedString,
+    ParagraphAttributes paragraphAttributes,
+    LayoutConstraints layoutConstraints
+  ) const;
+
+  /*
+   * Returns an opaque pointer to platform-specific TextLayoutManager.
+   * Is used on a native views layer to delegate text rendering to the manager.
+   */
+  void *getNativeTextLayoutManager() const;
+
+private:
+  
+  void *self_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/NSTextStorage+FontScaling.h b/ReactCommon/fabric/textlayoutmanager/platform/ios/NSTextStorage+FontScaling.h
new file mode 100644
index 00000000000000..8372a0d2be9183
--- /dev/null
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/NSTextStorage+FontScaling.h
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+@interface NSTextStorage (FontScaling)
+
+- (void)scaleFontSizeToFitSize:(CGSize)size
+               minimumFontSize:(CGFloat)minimumFontSize
+               maximumFontSize:(CGFloat)maximumFontSize;
+
+- (void)scaleFontSizeWithRatio:(CGFloat)ratio
+               minimumFontSize:(CGFloat)minimumFontSize
+               maximumFontSize:(CGFloat)maximumFontSize;
+
+@end
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/NSTextStorage+FontScaling.m b/ReactCommon/fabric/textlayoutmanager/platform/ios/NSTextStorage+FontScaling.m
new file mode 100644
index 00000000000000..5002dddd8a425c
--- /dev/null
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/NSTextStorage+FontScaling.m
@@ -0,0 +1,137 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "NSTextStorage+FontScaling.h"
+
+typedef NS_OPTIONS(NSInteger, RCTTextSizeComparisonOptions) {
+  RCTTextSizeComparisonSmaller     = 1 << 0,
+  RCTTextSizeComparisonLarger      = 1 << 1,
+  RCTTextSizeComparisonWithinRange = 1 << 2,
+};
+
+@implementation NSTextStorage (FontScaling)
+
+- (void)scaleFontSizeToFitSize:(CGSize)size
+               minimumFontSize:(CGFloat)minimumFontSize
+               maximumFontSize:(CGFloat)maximumFontSize
+{
+  CGFloat bottomRatio = 1.0/128.0;
+  CGFloat topRatio = 128.0;
+  CGFloat ratio = 1.0;
+
+  NSAttributedString *originalAttributedString = [self copy];
+
+  CGFloat lastRatioWhichFits = 0.02;
+
+  while (true) {
+    [self scaleFontSizeWithRatio:ratio
+                 minimumFontSize:minimumFontSize
+                 maximumFontSize:maximumFontSize];
+
+    RCTTextSizeComparisonOptions comparsion =
+      [self compareToSize:size thresholdRatio:0.01];
+
+    if (
+        (comparsion & RCTTextSizeComparisonWithinRange) &&
+        (comparsion & RCTTextSizeComparisonSmaller)
+    ) {
+      return;
+    } else if (comparsion & RCTTextSizeComparisonSmaller) {
+      bottomRatio = ratio;
+      lastRatioWhichFits = ratio;
+    } else {
+      topRatio = ratio;
+    }
+
+    ratio = (topRatio + bottomRatio) / 2.0;
+
+    CGFloat kRatioThreshold = 0.005;
+    if (
+        ABS(topRatio - bottomRatio) < kRatioThreshold ||
+        ABS(topRatio - ratio) < kRatioThreshold ||
+        ABS(bottomRatio - ratio) < kRatioThreshold
+    ) {
+      [self replaceCharactersInRange:(NSRange){0, self.length}
+                withAttributedString:originalAttributedString];
+
+      [self scaleFontSizeWithRatio:lastRatioWhichFits
+                   minimumFontSize:minimumFontSize
+                   maximumFontSize:maximumFontSize];
+      return;
+    }
+
+    [self replaceCharactersInRange:(NSRange){0, self.length}
+              withAttributedString:originalAttributedString];
+  }
+}
+
+
+- (RCTTextSizeComparisonOptions)compareToSize:(CGSize)size thresholdRatio:(CGFloat)thresholdRatio
+{
+  NSLayoutManager *layoutManager = self.layoutManagers.firstObject;
+  NSTextContainer *textContainer = layoutManager.textContainers.firstObject;
+
+  [layoutManager ensureLayoutForTextContainer:textContainer];
+
+  // Does it fit the text container?
+  NSRange glyphRange = [layoutManager glyphRangeForTextContainer:textContainer];
+  NSRange truncatedGlyphRange = [layoutManager truncatedGlyphRangeInLineFragmentForGlyphAtIndex:glyphRange.length - 1];
+
+  if (truncatedGlyphRange.location != NSNotFound) {
+    return RCTTextSizeComparisonLarger;
+  }
+
+  CGSize measuredSize = [layoutManager usedRectForTextContainer:textContainer].size;
+
+  // Does it fit the size?
+  BOOL fitsSize =
+    size.width >= measuredSize.width &&
+    size.height >= measuredSize.height;
+
+  CGSize thresholdSize = (CGSize){
+    size.width * thresholdRatio,
+    size.height * thresholdRatio,
+  };
+
+  RCTTextSizeComparisonOptions result = 0;
+
+  result |= (fitsSize) ? RCTTextSizeComparisonSmaller : RCTTextSizeComparisonLarger;
+
+  if (ABS(measuredSize.width - size.width) < thresholdSize.width) {
+    result = result | RCTTextSizeComparisonWithinRange;
+  }
+
+  return result;
+}
+
+- (void)scaleFontSizeWithRatio:(CGFloat)ratio
+               minimumFontSize:(CGFloat)minimumFontSize
+               maximumFontSize:(CGFloat)maximumFontSize
+{
+  [self beginEditing];
+
+  [self enumerateAttribute:NSFontAttributeName
+                   inRange:(NSRange){0, self.length}
+                   options:NSAttributedStringEnumerationLongestEffectiveRangeNotRequired
+                usingBlock:
+    ^(UIFont *_Nullable font, NSRange range, BOOL *_Nonnull stop) {
+      if (!font) {
+        return;
+      }
+
+      CGFloat fontSize = MAX(MIN(font.pointSize * ratio, maximumFontSize), minimumFontSize);
+
+      [self addAttribute:NSFontAttributeName
+                   value:[font fontWithSize:fontSize]
+                   range:range];
+    }
+  ];
+
+  [self endEditing];
+}
+
+@end
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTAttributedTextUtils.h b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTAttributedTextUtils.h
new file mode 100644
index 00000000000000..32b0a387d85601
--- /dev/null
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTAttributedTextUtils.h
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#include <fabric/attributedstring/AttributedString.h>
+#include <fabric/attributedstring/TextAttributes.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+NSString *const RCTAttributedStringIsHighlightedAttributeName = @"IsHighlighted";
+NSString *const RCTAttributedStringReactTagAttributeName = @"ReactTag";
+
+/**
+ * Constructs ready-to-render `NSAttributedString` by given `AttributedString`.
+ */
+NSAttributedString *RCTNSAttributedStringFromAttributedString(const facebook::react::AttributedString &attributedString);
+
+NS_ASSUME_NONNULL_END
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTAttributedTextUtils.mm b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTAttributedTextUtils.mm
new file mode 100644
index 00000000000000..f0e1121889030d
--- /dev/null
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTAttributedTextUtils.mm
@@ -0,0 +1,227 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTAttributedTextUtils.h"
+
+#include <fabric/core/LayoutableShadowNode.h>
+#include <fabric/textlayoutmanager/RCTFontProperties.h>
+#include <fabric/textlayoutmanager/RCTFontUtils.h>
+#include <fabric/textlayoutmanager/RCTTextPrimitivesConversions.h>
+
+inline static UIFont *RCTEffectiveFontFromTextAttributes(const TextAttributes &textAttributes) {
+  NSString *fontFamily = [NSString stringWithCString:textAttributes.fontFamily.c_str()
+                                            encoding:NSUTF8StringEncoding];
+
+  RCTFontProperties fontProperties;
+  fontProperties.family = fontFamily;
+  fontProperties.size = textAttributes.fontSize;
+  fontProperties.style = textAttributes.fontStyle.hasValue() ? RCTFontStyleFromFontStyle(textAttributes.fontStyle.value()) : RCTFontStyleUndefined;
+  fontProperties.variant = textAttributes.fontVariant.hasValue() ? RCTFontVariantFromFontVariant(textAttributes.fontVariant.value()) : RCTFontVariantDefault;
+  fontProperties.weight = textAttributes.fontWeight.hasValue() ? CGFloat(textAttributes.fontWeight.value()) : NAN;
+  fontProperties.sizeMultiplier = textAttributes.fontSizeMultiplier;
+
+  return RCTFontWithFontProperties(fontProperties);
+}
+
+inline static CGFloat RCTEffectiveFontSizeMultiplierFromTextAttributes(const TextAttributes &textAttributes) {
+  return textAttributes.allowFontScaling.value_or(true) && !isnan(textAttributes.fontSizeMultiplier) ? textAttributes.fontSizeMultiplier : 1.0;
+}
+
+inline static UIColor *RCTEffectiveForegroundColorFromTextAttributes(const TextAttributes &textAttributes) {
+  UIColor *effectiveForegroundColor = RCTUIColorFromSharedColor(textAttributes.foregroundColor) ?: [UIColor blackColor];
+
+  if (!isnan(textAttributes.opacity)) {
+    effectiveForegroundColor =
+      [effectiveForegroundColor colorWithAlphaComponent:CGColorGetAlpha(effectiveForegroundColor.CGColor) * textAttributes.opacity];
+  }
+
+  return effectiveForegroundColor;
+}
+
+inline static UIColor *RCTEffectiveBackgroundColorFromTextAttributes(const TextAttributes &textAttributes) {
+  UIColor *effectiveBackgroundColor = RCTUIColorFromSharedColor(textAttributes.backgroundColor);
+
+  if (effectiveBackgroundColor && !isnan(textAttributes.opacity)) {
+    effectiveBackgroundColor =
+      [effectiveBackgroundColor colorWithAlphaComponent:CGColorGetAlpha(effectiveBackgroundColor.CGColor) * textAttributes.opacity];
+  }
+
+  return effectiveBackgroundColor ?: [UIColor clearColor];
+}
+
+static NSDictionary<NSAttributedStringKey, id> *RCTNSTextAttributesFromTextAttributes(const TextAttributes &textAttributes) {
+  NSMutableDictionary<NSAttributedStringKey, id> *attributes =
+    [NSMutableDictionary dictionaryWithCapacity:10];
+
+  // Font
+  UIFont *font = RCTEffectiveFontFromTextAttributes(textAttributes);
+  if (font) {
+    attributes[NSFontAttributeName] = font;
+  }
+
+  // Colors
+  UIColor *effectiveForegroundColor = RCTEffectiveForegroundColorFromTextAttributes(textAttributes);
+
+  if (textAttributes.foregroundColor || !isnan(textAttributes.opacity)) {
+    attributes[NSForegroundColorAttributeName] = effectiveForegroundColor;
+  }
+
+  if (textAttributes.backgroundColor || !isnan(textAttributes.opacity)) {
+    attributes[NSBackgroundColorAttributeName] = RCTEffectiveBackgroundColorFromTextAttributes(textAttributes);
+  }
+
+  // Kerning
+  if (!isnan(textAttributes.letterSpacing)) {
+    attributes[NSKernAttributeName] = @(textAttributes.letterSpacing);
+  }
+
+  // Paragraph Style
+  NSMutableParagraphStyle *paragraphStyle = [NSMutableParagraphStyle new];
+  BOOL isParagraphStyleUsed = NO;
+  if (textAttributes.alignment.hasValue()) {
+    TextAlignment textAlignment = textAttributes.alignment.value_or(TextAlignment::Natural);
+    if (textAttributes.layoutDirection.value_or(LayoutDirection::LeftToRight) == LayoutDirection::RightToLeft) {
+      if (textAlignment == TextAlignment::Right) {
+        textAlignment = TextAlignment::Left;
+      } else if (textAlignment == TextAlignment::Left) {
+        textAlignment = TextAlignment::Right;
+      }
+    }
+
+    paragraphStyle.alignment =
+      RCTNSTextAlignmentFromTextAlignment(textAlignment);
+    isParagraphStyleUsed = YES;
+  }
+
+  if (textAttributes.baseWritingDirection.hasValue()) {
+    paragraphStyle.baseWritingDirection =
+      RCTNSWritingDirectionFromWritingDirection(textAttributes.baseWritingDirection.value());
+    isParagraphStyleUsed = YES;
+  }
+
+  if (!isnan(textAttributes.lineHeight)) {
+    CGFloat lineHeight =
+      textAttributes.lineHeight * RCTEffectiveFontSizeMultiplierFromTextAttributes(textAttributes);
+    paragraphStyle.minimumLineHeight = lineHeight;
+    paragraphStyle.maximumLineHeight = lineHeight;
+    isParagraphStyleUsed = YES;
+  }
+
+  if (isParagraphStyleUsed) {
+    attributes[NSParagraphStyleAttributeName] = paragraphStyle;
+  }
+
+  // Decoration
+  if (textAttributes.textDecorationLineType.value_or(TextDecorationLineType::None) != TextDecorationLineType::None) {
+    auto textDecorationLineType = textAttributes.textDecorationLineType.value();
+
+    NSUnderlineStyle style =
+      RCTNSUnderlineStyleFromStyleAndPattern(
+        textAttributes.textDecorationLineStyle.value_or(TextDecorationLineStyle::Single),
+        textAttributes.textDecorationLinePattern.value_or(TextDecorationLinePattern::Solid)
+      );
+
+    UIColor *textDecorationColor = RCTUIColorFromSharedColor(textAttributes.textDecorationColor);
+
+    // Underline
+    if (textDecorationLineType == TextDecorationLineType::Underline ||
+        textDecorationLineType == TextDecorationLineType::UnderlineStrikethrough) {
+
+      attributes[NSUnderlineStyleAttributeName] = @(style);
+
+      if (textDecorationColor) {
+        attributes[NSUnderlineColorAttributeName] = textDecorationColor;
+      }
+    }
+
+    // Strikethrough
+    if (textDecorationLineType == TextDecorationLineType::Strikethrough ||
+        textDecorationLineType == TextDecorationLineType::UnderlineStrikethrough) {
+
+      attributes[NSStrikethroughStyleAttributeName] = @(style);
+
+      if (textDecorationColor) {
+        attributes[NSStrikethroughColorAttributeName] = textDecorationColor;
+      }
+    }
+  }
+
+  // Shadow
+  if (textAttributes.textShadowOffset.hasValue()) {
+    auto textShadowOffset = textAttributes.textShadowOffset.value();
+    NSShadow *shadow = [NSShadow new];
+    shadow.shadowOffset = CGSize {textShadowOffset.width, textShadowOffset.height};
+    shadow.shadowBlurRadius = textAttributes.textShadowRadius;
+    shadow.shadowColor = RCTUIColorFromSharedColor(textAttributes.textShadowColor);
+    attributes[NSShadowAttributeName] = shadow;
+  }
+
+  // Special
+  if (textAttributes.isHighlighted) {
+    attributes[RCTAttributedStringIsHighlightedAttributeName] = @YES;
+  }
+
+  return [attributes copy];
+}
+
+NSAttributedString *RCTNSAttributedStringFromAttributedString(const AttributedString &attributedString) {
+  NSMutableAttributedString *nsAttributedString = [[NSMutableAttributedString alloc] init];
+
+  [nsAttributedString beginEditing];
+
+  for (auto fragment : attributedString.getFragments()) {
+    NSAttributedString *nsAttributedStringFragment;
+
+    auto layoutableShadowNode =
+      std::dynamic_pointer_cast<const LayoutableShadowNode>(fragment.shadowNode);
+
+    if (layoutableShadowNode) {
+      auto layoutMetrics = layoutableShadowNode->getLayoutMetrics();
+      CGRect bounds = {
+        .origin = {
+          .x = layoutMetrics.frame.origin.x,
+          .y = layoutMetrics.frame.origin.y
+        },
+        .size = {
+          .width = layoutMetrics.frame.size.width,
+          .height = layoutMetrics.frame.size.height
+        }
+      };
+
+      NSTextAttachment *attachment = [NSTextAttachment new];
+      attachment.bounds = bounds;
+
+      nsAttributedStringFragment = [NSAttributedString attributedStringWithAttachment:attachment];
+    } else {
+      NSString *string =
+        [NSString stringWithCString:fragment.string.c_str()
+                           encoding:NSUTF8StringEncoding];
+
+      nsAttributedStringFragment =
+        [[NSAttributedString alloc] initWithString:string
+                                        attributes:RCTNSTextAttributesFromTextAttributes(fragment.textAttributes)];
+    }
+
+    NSMutableAttributedString *nsMutableAttributedStringFragment =
+      [[NSMutableAttributedString alloc] initWithAttributedString:nsAttributedStringFragment];
+
+    if (fragment.shadowNode) {
+      NSDictionary<NSAttributedStringKey, id> *additionalTextAttributes = @{
+        RCTAttributedStringReactTagAttributeName: @(fragment.shadowNode->getTag())
+      };
+
+      [nsMutableAttributedStringFragment setAttributes:additionalTextAttributes
+                                                 range:NSMakeRange(0, nsMutableAttributedStringFragment.length)];
+    }
+
+    [nsAttributedString appendAttributedString:nsMutableAttributedStringFragment];
+  }
+
+  [nsAttributedString endEditing];
+
+  return nsAttributedString;
+}
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTFontProperties.h b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTFontProperties.h
new file mode 100644
index 00000000000000..9f8680b47a4a56
--- /dev/null
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTFontProperties.h
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+typedef NS_ENUM(NSInteger, RCTFontStyle) {
+  RCTFontStyleUndefined = -1,
+  RCTFontStyleNormal,
+  RCTFontStyleItalic,
+  RCTFontStyleOblique,
+};
+
+typedef NS_OPTIONS(NSInteger, RCTFontVariant) {
+  RCTFontVariantUndefined = -1,
+  RCTFontVariantDefault = 0,
+  RCTFontVariantSmallCaps = 1 << 1,
+  RCTFontVariantOldstyleNums = 1 << 2,
+  RCTFontVariantLiningNums = 1 << 3,
+  RCTFontVariantTabularNums = 1 << 4,
+  RCTFontVariantProportionalNums = 1 << 5,
+};
+
+struct RCTFontProperties {
+  NSString *family;
+  CGFloat size;
+  UIFontWeight weight;
+  RCTFontStyle style;
+  RCTFontVariant variant;
+  CGFloat sizeMultiplier;
+};
+
+NS_ASSUME_NONNULL_END
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTFontUtils.h b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTFontUtils.h
new file mode 100644
index 00000000000000..084a2b24dd0b45
--- /dev/null
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTFontUtils.h
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <fabric/textlayoutmanager/RCTFontProperties.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * Returns UIFont instance corresponded to given font properties.
+ */
+UIFont *RCTFontWithFontProperties(RCTFontProperties fontProperties);
+
+NS_ASSUME_NONNULL_END
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTFontUtils.mm b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTFontUtils.mm
new file mode 100644
index 00000000000000..954051f864bd3a
--- /dev/null
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTFontUtils.mm
@@ -0,0 +1,173 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTFontUtils.h"
+
+#import <cmath>
+#import <mutex>
+
+static RCTFontProperties RCTDefaultFontProperties() {
+  static RCTFontProperties defaultFontProperties;
+  static dispatch_once_t onceToken;
+
+  dispatch_once(&onceToken, ^{
+    defaultFontProperties.size = 14;
+    defaultFontProperties.family =
+      [UIFont systemFontOfSize:defaultFontProperties.size].familyName;
+    defaultFontProperties.style = RCTFontStyleNormal;
+    defaultFontProperties.variant = RCTFontVariantDefault;
+    defaultFontProperties.sizeMultiplier = 1.0;
+  });
+
+  return defaultFontProperties;
+}
+
+static RCTFontProperties RCTResolveFontProperties(RCTFontProperties fontProperties) {
+  RCTFontProperties defaultFontProperties = RCTDefaultFontProperties();
+  fontProperties.family = fontProperties.family.length && ![fontProperties.family isEqualToString:@"System"] ? fontProperties.family : defaultFontProperties.family;
+  fontProperties.size = !isnan(fontProperties.size) ? fontProperties.size : defaultFontProperties.size;
+  fontProperties.weight = !isnan(fontProperties.weight) ? fontProperties.weight : defaultFontProperties.weight;
+  fontProperties.style = fontProperties.style != RCTFontStyleUndefined  ? fontProperties.style : defaultFontProperties.style;
+  fontProperties.variant = fontProperties.variant != RCTFontVariantUndefined  ? fontProperties.variant : defaultFontProperties.variant;
+  return fontProperties;
+}
+
+static UIFontWeight RCTGetFontWeight(UIFont *font) {
+  NSDictionary *traits = [font.fontDescriptor objectForKey:UIFontDescriptorTraitsAttribute];
+  return [traits[UIFontWeightTrait] doubleValue];
+}
+
+static RCTFontStyle RCTGetFontStyle(UIFont *font) {
+  NSDictionary *traits = [font.fontDescriptor objectForKey:UIFontDescriptorTraitsAttribute];
+  UIFontDescriptorSymbolicTraits symbolicTraits = [traits[UIFontSymbolicTrait] unsignedIntValue];
+  if (symbolicTraits & UIFontDescriptorTraitItalic) {
+    return RCTFontStyleItalic;
+  }
+
+  return RCTFontStyleNormal;
+}
+
+static NSArray *RCTFontFeatures(RCTFontVariant fontVariant) {
+  // FIXME:
+  return @[];
+}
+
+static UIFontWeight RCTUIFontWeightFromFloat(CGFloat fontWeight) {
+  // Note: Even if the underlying type of `UIFontWeight` is `CGFloat`
+  // and UIKit uses the same numerical notation, we have to use exact
+  // `UIFontWeight*` constants to make it work properly (because
+  // float values comparison is tricky).
+  static UIFontWeight weights[] = {
+    /* ~100 */ UIFontWeightUltraLight,
+    /* ~200 */ UIFontWeightThin,
+    /* ~300 */ UIFontWeightLight,
+    /* ~400 */ UIFontWeightRegular,
+    /* ~500 */ UIFontWeightMedium,
+    /* ~600 */ UIFontWeightSemibold,
+    /* ~700 */ UIFontWeightBold,
+    /* ~800 */ UIFontWeightHeavy,
+    /* ~900 */ UIFontWeightBlack
+  };
+  return weights[std::llround((fontWeight / 100) - 1)];
+}
+
+static UIFont *RCTDefaultFontWithFontProperties(RCTFontProperties fontProperties) {
+  static NSCache *fontCache;
+  static std::mutex fontCacheMutex;
+
+  NSString *cacheKey = [NSString stringWithFormat:@"%.1f/%.2f", fontProperties.size, fontProperties.weight];
+  UIFont *font;
+
+  {
+    std::lock_guard<std::mutex> lock(fontCacheMutex);
+    if (!fontCache) {
+      fontCache = [NSCache new];
+    }
+    font = [fontCache objectForKey:cacheKey];
+  }
+
+  if (!font) {
+    font = [UIFont systemFontOfSize:fontProperties.size
+                             weight:RCTUIFontWeightFromFloat(fontProperties.weight)];
+
+    if (fontProperties.variant == RCTFontStyleItalic) {
+      UIFontDescriptor *fontDescriptor = [font fontDescriptor];
+      UIFontDescriptorSymbolicTraits symbolicTraits = fontDescriptor.symbolicTraits;
+
+      symbolicTraits |= UIFontDescriptorTraitItalic;
+
+      fontDescriptor = [fontDescriptor fontDescriptorWithSymbolicTraits:symbolicTraits];
+      font = [UIFont fontWithDescriptor:fontDescriptor size:fontProperties.size];
+    }
+
+    {
+      std::lock_guard<std::mutex> lock(fontCacheMutex);
+      [fontCache setObject:font forKey:cacheKey];
+    }
+  }
+
+  return font;
+}
+
+UIFont *RCTFontWithFontProperties(RCTFontProperties fontProperties) {
+  RCTFontProperties defaultFontProperties = RCTDefaultFontProperties();
+  fontProperties = RCTResolveFontProperties(fontProperties);
+
+  CGFloat effectiveFontSize = fontProperties.sizeMultiplier * fontProperties.size;
+  UIFont *font;
+  if ([fontProperties.family isEqualToString:defaultFontProperties.family]) {
+    // Handle system font as special case. This ensures that we preserve
+    // the specific metrics of the standard system font as closely as possible.
+    font = RCTDefaultFontWithFontProperties(fontProperties);
+  } else {
+    NSArray<NSString *> *fontNames =
+      [UIFont fontNamesForFamilyName:fontProperties.family];
+
+    if (fontNames.count == 0) {
+      // Gracefully handle being given a font name rather than font family, for
+      // example: "Helvetica Light Oblique" rather than just "Helvetica".
+      font = [UIFont fontWithName:fontProperties.family size:effectiveFontSize];
+
+      if (!font) {
+        // Failback to system font.
+        font = [UIFont systemFontOfSize:effectiveFontSize weight:RCTUIFontWeightFromFloat(fontProperties.weight)];
+      }
+    } else {
+      // Get the closest font that matches the given weight for the fontFamily
+      CGFloat closestWeight = INFINITY;
+      for (NSString *name in fontNames) {
+        UIFont *fontMatch = [UIFont fontWithName:name size:effectiveFontSize];
+
+        if (RCTGetFontStyle(fontMatch) != fontProperties.style) {
+          continue;
+        }
+
+        CGFloat testWeight = RCTGetFontWeight(fontMatch);
+        if (ABS(testWeight - fontProperties.weight) < ABS(closestWeight - fontProperties.weight)) {
+          font = fontMatch;
+          closestWeight = testWeight;
+        }
+      }
+
+      if (!font) {
+        // If we still don't have a match at least return the first font in the fontFamily
+        // This is to support built-in font Zapfino and other custom single font families like Impact
+        font = [UIFont fontWithName:fontNames[0] size:effectiveFontSize];
+      }
+    }
+  }
+
+  // Apply font variants to font object.
+  if (fontProperties.variant != RCTFontVariantDefault) {
+    NSArray *fontFeatures = RCTFontFeatures(fontProperties.variant);
+    UIFontDescriptor *fontDescriptor =
+      [font.fontDescriptor fontDescriptorByAddingAttributes:@{UIFontDescriptorFeatureSettingsAttribute: fontFeatures}];
+    font = [UIFont fontWithDescriptor:fontDescriptor size:effectiveFontSize];
+  }
+
+  return font;
+}
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextLayoutManager.h b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextLayoutManager.h
new file mode 100644
index 00000000000000..8a745aa4a60b9b
--- /dev/null
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextLayoutManager.h
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <fabric/core/LayoutConstraints.h>
+#import <fabric/graphics/Geometry.h>
+#import <fabric/attributedstring/AttributedString.h>
+#import <fabric/attributedstring/ParagraphAttributes.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * iOS-specific TextLayoutManager
+ */
+@interface RCTTextLayoutManager : NSObject
+
+- (facebook::react::Size)measureWithAttributedString:(facebook::react::AttributedString)attributedString
+                                 paragraphAttributes:(facebook::react::ParagraphAttributes)paragraphAttributes
+                                   layoutConstraints:(facebook::react::LayoutConstraints)layoutConstraints;
+
+- (void)drawAttributedString:(facebook::react::AttributedString)attributedString
+         paragraphAttributes:(facebook::react::ParagraphAttributes)paragraphAttributes
+                       frame:(CGRect)frame;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextLayoutManager.mm b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextLayoutManager.mm
new file mode 100644
index 00000000000000..33a2fdb702d85f
--- /dev/null
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextLayoutManager.mm
@@ -0,0 +1,96 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTTextLayoutManager.h"
+
+#import "NSTextStorage+FontScaling.h"
+#import "RCTAttributedTextUtils.h"
+
+using namespace facebook::react;
+
+@implementation RCTTextLayoutManager
+
+static NSLineBreakMode RCTNSLineBreakModeFromWritingDirection(EllipsizeMode ellipsizeMode) {
+  switch (ellipsizeMode) {
+    case EllipsizeMode::Clip: return NSLineBreakByClipping;
+    case EllipsizeMode::Head: return NSLineBreakByTruncatingHead;
+    case EllipsizeMode::Tail: return NSLineBreakByTruncatingTail;
+    case EllipsizeMode::Middle: return NSLineBreakByTruncatingMiddle;
+  }
+}
+
+- (facebook::react::Size)measureWithAttributedString:(AttributedString)attributedString
+                                 paragraphAttributes:(ParagraphAttributes)paragraphAttributes
+                                   layoutConstraints:(LayoutConstraints)layoutConstraints
+{
+  CGSize maximumSize = CGSize {layoutConstraints.maximumSize.width, layoutConstraints.maximumSize.height};
+  NSTextStorage *textStorage =
+    [self _textStorageAndLayoutManagerWithAttributesString:RCTNSAttributedStringFromAttributedString(attributedString)
+                                       paragraphAttributes:paragraphAttributes
+                                                      size:maximumSize];
+
+  NSLayoutManager *layoutManager = textStorage.layoutManagers.firstObject;
+  NSTextContainer *textContainer = layoutManager.textContainers.firstObject;
+  [layoutManager ensureLayoutForTextContainer:textContainer];
+
+  CGSize size = [layoutManager usedRectForTextContainer:textContainer].size;
+
+  size = (CGSize){
+    MIN(size.width, maximumSize.width),
+    MIN(size.height, maximumSize.height)
+  };
+
+  return facebook::react::Size {size.width, size.height};
+}
+
+- (void)drawAttributedString:(AttributedString)attributedString
+         paragraphAttributes:(ParagraphAttributes)paragraphAttributes
+                       frame:(CGRect)frame
+{
+  NSTextStorage *textStorage =
+    [self _textStorageAndLayoutManagerWithAttributesString:RCTNSAttributedStringFromAttributedString(attributedString)
+                                       paragraphAttributes:paragraphAttributes
+                                                      size:frame.size];
+   NSLayoutManager *layoutManager = textStorage.layoutManagers.firstObject;
+   NSTextContainer *textContainer = layoutManager.textContainers.firstObject;
+
+   NSRange glyphRange = [layoutManager glyphRangeForTextContainer:textContainer];
+   [layoutManager drawBackgroundForGlyphRange:glyphRange atPoint:frame.origin];
+   [layoutManager drawGlyphsForGlyphRange:glyphRange atPoint:frame.origin];
+}
+
+- (NSTextStorage *)_textStorageAndLayoutManagerWithAttributesString:(NSAttributedString *)attributedString
+                                                paragraphAttributes:(ParagraphAttributes)paragraphAttributes
+                                                               size:(CGSize)size
+{
+  NSTextContainer *textContainer = [[NSTextContainer alloc] initWithSize:size];
+
+  textContainer.lineFragmentPadding = 0.0; // Note, the default value is 5.
+  textContainer.lineBreakMode =
+    paragraphAttributes.maximumNumberOfLines > 0 ? RCTNSLineBreakModeFromWritingDirection(paragraphAttributes.ellipsizeMode) : NSLineBreakByClipping;
+  textContainer.maximumNumberOfLines = paragraphAttributes.maximumNumberOfLines;
+
+  NSLayoutManager *layoutManager = [NSLayoutManager new];
+  [layoutManager addTextContainer:textContainer];
+
+  NSTextStorage *textStorage =
+    [[NSTextStorage alloc] initWithAttributedString:attributedString];
+
+  [textStorage addLayoutManager:layoutManager];
+
+  if (paragraphAttributes.adjustsFontSizeToFit) {
+    CGFloat minimumFontSize = !isnan(paragraphAttributes.minimumFontSize) ? paragraphAttributes.minimumFontSize : 4.0;
+    CGFloat maximumFontSize = !isnan(paragraphAttributes.maximumFontSize) ? paragraphAttributes.maximumFontSize : 96.0;
+    [textStorage scaleFontSizeToFitSize:size
+                        minimumFontSize:minimumFontSize
+                        maximumFontSize:maximumFontSize];
+  }
+
+  return textStorage;
+}
+
+@end
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextPrimitivesConversions.h b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextPrimitivesConversions.h
new file mode 100644
index 00000000000000..354952d9c8335d
--- /dev/null
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextPrimitivesConversions.h
@@ -0,0 +1,75 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#include <fabric/textlayoutmanager/RCTFontProperties.h>
+#include <fabric/textlayoutmanager/RCTFontUtils.h>
+
+using namespace facebook::react;
+
+inline static NSTextAlignment RCTNSTextAlignmentFromTextAlignment(TextAlignment textAlignment) {
+  switch (textAlignment) {
+    case TextAlignment::Natural: return NSTextAlignmentNatural;
+    case TextAlignment::Left: return NSTextAlignmentLeft;
+    case TextAlignment::Right: return NSTextAlignmentRight;
+    case TextAlignment::Center: return NSTextAlignmentCenter;
+    case TextAlignment::Justified: return NSTextAlignmentJustified;
+  }
+}
+
+inline static NSWritingDirection RCTNSWritingDirectionFromWritingDirection(WritingDirection writingDirection) {
+  switch (writingDirection) {
+    case WritingDirection::Natural: return NSWritingDirectionNatural;
+    case WritingDirection::LeftToRight: return NSWritingDirectionLeftToRight;
+    case WritingDirection::RightToLeft: return NSWritingDirectionRightToLeft;
+  }
+}
+
+inline static RCTFontStyle RCTFontStyleFromFontStyle(FontStyle fontStyle) {
+  switch (fontStyle) {
+    case FontStyle::Normal: return RCTFontStyleNormal;
+    case FontStyle::Italic: return RCTFontStyleItalic;
+    case FontStyle::Oblique: return RCTFontStyleOblique;
+  }
+}
+
+inline static RCTFontVariant RCTFontVariantFromFontVariant(FontVariant fontVariant) {
+  return (RCTFontVariant)fontVariant;
+}
+
+inline static NSUnderlineStyle RCTNSUnderlineStyleFromStyleAndPattern(TextDecorationLineStyle textDecorationLineStyle, TextDecorationLinePattern textDecorationLinePattern) {
+  NSUnderlineStyle style = NSUnderlineStyleNone;
+
+  switch (textDecorationLineStyle) {
+    case TextDecorationLineStyle::Single:
+      style = NSUnderlineStyle(style | NSUnderlineStyleSingle); break;
+    case TextDecorationLineStyle::Thick:
+      style = NSUnderlineStyle(style | NSUnderlineStyleThick); break;
+    case TextDecorationLineStyle::Double:
+      style = NSUnderlineStyle(style | NSUnderlineStyleDouble); break;
+  }
+
+  switch (textDecorationLinePattern) {
+    case TextDecorationLinePattern::Solid:
+      style = NSUnderlineStyle(style | NSUnderlinePatternSolid); break;
+    case TextDecorationLinePattern::Dash:
+      style = NSUnderlineStyle(style | NSUnderlinePatternDash); break;
+    case TextDecorationLinePattern::Dot:
+      style = NSUnderlineStyle(style | NSUnderlinePatternDot); break;
+    case TextDecorationLinePattern::DashDot:
+      style = NSUnderlineStyle(style | NSUnderlinePatternDashDot); break;
+    case TextDecorationLinePattern::DashDotDot:
+      style = NSUnderlineStyle(style | NSUnderlinePatternDashDotDot); break;
+  }
+
+  return style;
+}
+
+inline static UIColor *RCTUIColorFromSharedColor(const SharedColor &color) {
+  return color ? [UIColor colorWithCGColor:color.get()] : nil;
+}
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/TextLayoutManager.h b/ReactCommon/fabric/textlayoutmanager/platform/ios/TextLayoutManager.h
new file mode 100644
index 00000000000000..dd54980ffd737e
--- /dev/null
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/TextLayoutManager.h
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <memory>
+
+#include <fabric/attributedstring/AttributedString.h>
+#include <fabric/attributedstring/ParagraphAttributes.h>
+#include <fabric/core/LayoutConstraints.h>
+
+namespace facebook {
+namespace react {
+
+class TextLayoutManager;
+
+using SharedTextLayoutManager = std::shared_ptr<const TextLayoutManager>;
+
+/*
+ * Cross platform facade for iOS-specific RCTTTextLayoutManager.
+ */
+class TextLayoutManager {
+public:
+  TextLayoutManager();
+  ~TextLayoutManager();
+
+  /*
+   * Measures `attributedString` using native text rendering infrastructure.
+   */
+  Size measure(
+    AttributedString attributedString,
+    ParagraphAttributes paragraphAttributes,
+    LayoutConstraints layoutConstraints
+  ) const;
+
+  /*
+   * Returns an opaque pointer to platform-specific TextLayoutManager.
+   * Is used on a native views layer to delegate text rendering to the manager.
+   */
+  void *getNativeTextLayoutManager() const;
+
+private:
+  void *self_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/TextLayoutManager.mm b/ReactCommon/fabric/textlayoutmanager/platform/ios/TextLayoutManager.mm
new file mode 100644
index 00000000000000..f7658211522fb7
--- /dev/null
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/TextLayoutManager.mm
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "TextLayoutManager.h"
+
+#import "RCTTextLayoutManager.h"
+
+namespace facebook {
+namespace react {
+
+TextLayoutManager::TextLayoutManager() {
+  self_ = (__bridge_retained void *)[RCTTextLayoutManager new];
+}
+
+TextLayoutManager::~TextLayoutManager() {
+  CFRelease(self_);
+  self_ = nullptr;
+}
+
+void *TextLayoutManager::getNativeTextLayoutManager() const {
+  return self_;
+}
+
+Size TextLayoutManager::measure(
+  AttributedString attributedString,
+  ParagraphAttributes paragraphAttributes,
+  LayoutConstraints layoutConstraints
+) const {
+  RCTTextLayoutManager *textLayoutManager = (__bridge RCTTextLayoutManager *)self_;
+  return [textLayoutManager measureWithAttributedString:attributedString
+                                    paragraphAttributes:paragraphAttributes
+                                      layoutConstraints:layoutConstraints];
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/textlayoutmanager/tests/TextLayoutManagerTest.cpp b/ReactCommon/fabric/textlayoutmanager/tests/TextLayoutManagerTest.cpp
new file mode 100644
index 00000000000000..d873c6eed80e86
--- /dev/null
+++ b/ReactCommon/fabric/textlayoutmanager/tests/TextLayoutManagerTest.cpp
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <memory>
+
+#include <gtest/gtest.h>
+
+#include <fabric/textlayoutmanager/TextLayoutManager.h>
+
+using namespace facebook::react;
+
+TEST(TextLayoutManagerTest, testSomething) {
+  // TODO:
+}
diff --git a/ReactCommon/fabric/uimanager/BUCK b/ReactCommon/fabric/uimanager/BUCK
new file mode 100644
index 00000000000000..44d2906e76fb90
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/BUCK
@@ -0,0 +1,84 @@
+load("//configurations/buck/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load(
+    "//ReactNative:DEFS.bzl",
+    "ANDROID",
+    "APPLE",
+    "fb_xplat_cxx_test",
+    "get_apple_compiler_flags",
+    "get_apple_inspector_flags",
+    "react_native_xplat_target",
+    "rn_xplat_cxx_library",
+    "subdir_glob",
+)
+
+APPLE_COMPILER_FLAGS = get_apple_compiler_flags()
+
+rn_xplat_cxx_library(
+    name = "uimanager",
+    srcs = glob(
+        ["**/*.cpp"],
+        exclude = glob(["tests/**/*.cpp"]),
+    ),
+    headers = glob(
+        ["**/*.h"],
+        exclude = glob(["tests/**/*.h"]),
+    ),
+    header_namespace = "",
+    exported_headers = subdir_glob(
+        [
+            ("", "*.h"),
+        ],
+        prefix = "fabric/uimanager",
+    ),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_tests = [
+        ":tests",
+    ],
+    force_static = True,
+    macosx_tests_override = [],
+    platforms = (ANDROID, APPLE),
+    preprocessor_flags = [
+        "-DLOG_TAG=\"ReactNative\"",
+        "-DWITH_FBSYSTRACE=1",
+    ],
+    tests = [],
+    visibility = ["PUBLIC"],
+    deps = [
+        "xplat//fbsystrace:fbsystrace",
+        "xplat//folly:headers_only",
+        "xplat//folly:memory",
+        "xplat//folly:molly",
+        "xplat//third-party/glog:glog",
+        react_native_xplat_target("fabric/components/root:root"),
+        react_native_xplat_target("fabric/components/view:view"),
+        react_native_xplat_target("fabric/core:core"),
+        react_native_xplat_target("fabric/debug:debug"),
+        react_native_xplat_target("fabric/events:events"),
+    ],
+)
+
+fb_xplat_cxx_test(
+    name = "tests",
+    srcs = glob(["tests/**/*.cpp"]),
+    headers = glob(["tests/**/*.h"]),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    contacts = ["oncall+react_native@xmail.facebook.com"],
+    platforms = APPLE,
+    deps = [
+        "xplat//folly:molly",
+        "xplat//third-party/gmock:gtest",
+        ":uimanager",
+    ],
+)
diff --git a/ReactCommon/fabric/uimanager/ComponentDescriptorFactory.h b/ReactCommon/fabric/uimanager/ComponentDescriptorFactory.h
new file mode 100644
index 00000000000000..e349760be30969
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/ComponentDescriptorFactory.h
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <memory>
+
+#include <fabric/core/ComponentDescriptor.h>
+#include <fabric/events/EventDispatcher.h>
+#include <fabric/uimanager/ContextContainer.h>
+
+#include "ComponentDescriptorRegistry.h"
+
+namespace facebook {
+namespace react {
+
+/**
+ * A factory to provide hosting app specific set of ComponentDescriptor's.
+ * Each app must provide an implementation of the static class method which
+ * should register its specific set of supported components.
+ */
+class ComponentDescriptorFactory {
+
+public:
+  static SharedComponentDescriptorRegistry buildRegistry(const SharedEventDispatcher &eventDispatcher, const SharedContextContainer &contextContainer);
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.cpp b/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.cpp
new file mode 100644
index 00000000000000..a41c4311a6bde9
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.cpp
@@ -0,0 +1,29 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#include "ComponentDescriptorRegistry.h"
+
+namespace facebook {
+namespace react {
+
+void ComponentDescriptorRegistry::registerComponentDescriptor(SharedComponentDescriptor componentDescriptor) {
+  ComponentHandle componentHandle = componentDescriptor->getComponentHandle();
+  _registryByHandle[componentHandle] = componentDescriptor;
+
+  ComponentName componentName = componentDescriptor->getComponentName();
+  _registryByName[componentName] = componentDescriptor;
+}
+
+const SharedComponentDescriptor ComponentDescriptorRegistry::operator[](const SharedShadowNode &shadowNode) const {
+  ComponentHandle componentHandle = shadowNode->getComponentHandle();
+  return _registryByHandle.at(componentHandle);
+}
+
+const SharedComponentDescriptor ComponentDescriptorRegistry::operator[](const ComponentName &componentName) const {
+  return _registryByName.at(componentName);
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.h b/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.h
new file mode 100644
index 00000000000000..4fec41dff1ea0d
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.h
@@ -0,0 +1,36 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#pragma once
+
+#include <memory>
+
+#include <fabric/core/ComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+class ComponentDescriptorRegistry;
+
+using SharedComponentDescriptorRegistry = std::shared_ptr<const ComponentDescriptorRegistry>;
+
+/*
+ * Registry of particular `ComponentDescriptor`s.
+ */
+class ComponentDescriptorRegistry {
+
+public:
+  void registerComponentDescriptor(SharedComponentDescriptor componentDescriptor);
+
+  const SharedComponentDescriptor operator[](const SharedShadowNode &shadowNode) const;
+  const SharedComponentDescriptor operator[](const ComponentName &componentName) const;
+
+private:
+  std::unordered_map<ComponentHandle, SharedComponentDescriptor> _registryByHandle;
+  std::unordered_map<ComponentName, SharedComponentDescriptor> _registryByName;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/ContextContainer.h b/ReactCommon/fabric/uimanager/ContextContainer.h
new file mode 100644
index 00000000000000..2dbd0fb30ed116
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/ContextContainer.h
@@ -0,0 +1,65 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#pragma once
+
+#include <memory>
+#include <mutex>
+#include <typeindex>
+#include <typeinfo>
+#include <unordered_map>
+
+namespace facebook {
+namespace react {
+
+class ContextContainer;
+
+using SharedContextContainer = std::shared_ptr<ContextContainer>;
+
+/*
+ * General purpose dependecy injection container.
+ * Instance types must be copyable.
+ */
+class ContextContainer final {
+
+public:
+  /*
+   * Registers an instance of the particular type `T` in the container.
+   * If `key` parameter is specified, the instance is registered
+   * by `{type, key}` pair.
+   */
+  template<typename T>
+  void registerInstance(const T &instance, const std::string &key = "") {
+    std::lock_guard<std::mutex> lock(mutex_);
+
+    instances_.insert({
+      {std::type_index(typeid(T)), key},
+      std::make_shared<T>(instance)
+    });
+  }
+
+  /*
+   * Returns a previously registered instance of the particular type `T`.
+   * If `key` parameter is specified, the lookup will be performed
+   * by {type, key} pair.
+   */
+  template<typename T>
+  T getInstance(const std::string &key = "") const {
+    std::lock_guard<std::mutex> lock(mutex_);
+
+    return *std::static_pointer_cast<T>(instances_.at({std::type_index(typeid(T)), key}));
+  }
+
+private:
+  std::unordered_map<
+    std::pair<std::type_index, std::string>,
+    std::shared_ptr<void>
+  > instances_;
+
+  mutable std::mutex mutex_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/Differentiator.cpp b/ReactCommon/fabric/uimanager/Differentiator.cpp
new file mode 100644
index 00000000000000..641a33a39ff011
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/Differentiator.cpp
@@ -0,0 +1,207 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#include "Differentiator.h"
+
+namespace facebook {
+namespace react {
+
+static void calculateMutationInstructions(
+  TreeMutationInstructionList &instructions,
+  SharedShadowNode parentNode,
+  SharedShadowNodeSharedList oldChildNodes,
+  SharedShadowNodeSharedList newChildNodes
+) {
+  // The current version of the algorithm is otimized for simplicity,
+  // not for performance of optimal result.
+
+  // TODO(shergin): Consider to use Minimal Edit Distance algorithm to produce
+  // optimal set of instructions and improve mounting performance.
+  // https://en.wikipedia.org/wiki/Edit_distance
+  // https://www.geeksforgeeks.org/dynamic-programming-set-5-edit-distance/
+
+  if (oldChildNodes == newChildNodes) {
+    return;
+  }
+
+  if (oldChildNodes->size() == 0 && newChildNodes->size() == 0) {
+    return;
+  }
+
+  std::unordered_map<Tag, SharedShadowNode> insertedNodes;
+  int index = 0;
+
+  TreeMutationInstructionList createInstructions = {};
+  TreeMutationInstructionList deleteInstructions = {};
+  TreeMutationInstructionList insertInstructions = {};
+  TreeMutationInstructionList removeInstructions = {};
+  TreeMutationInstructionList replaceInstructions = {};
+  TreeMutationInstructionList downwardInstructions = {};
+  TreeMutationInstructionList destructionDownwardInstructions = {};
+
+  // Stage 1: Collectings Updates
+  for (index = 0; index < oldChildNodes->size() && index < newChildNodes->size(); index++) {
+    const auto &oldChildNode = oldChildNodes->at(index);
+    const auto &newChildNode = newChildNodes->at(index);
+
+    if (oldChildNode->getTag() != newChildNode->getTag()) {
+      // Totally different nodes, updating is impossible.
+      break;
+    }
+
+    if (*oldChildNode != *newChildNode) {
+      replaceInstructions.push_back(
+        TreeMutationInstruction::Replace(
+          parentNode,
+          oldChildNode,
+          newChildNode,
+          index
+        )
+      );
+    }
+
+    calculateMutationInstructions(
+      *(newChildNode->getChildren()->size() ? &downwardInstructions : &destructionDownwardInstructions),
+      oldChildNode,
+      oldChildNode->getChildren(),
+      newChildNode->getChildren()
+    );
+  }
+
+  int lastIndexAfterFirstStage = index;
+
+  // Stage 2: Collectings Insertions
+  for (; index < newChildNodes->size(); index++) {
+    const auto &newChildNode = newChildNodes->at(index);
+
+    insertInstructions.push_back(
+      TreeMutationInstruction::Insert(
+        parentNode,
+        newChildNode,
+        index
+      )
+    );
+
+    insertedNodes.insert({newChildNode->getTag(), newChildNode});
+  }
+
+  // Stage 3: Collectings Deletions and Removals
+  for (index = lastIndexAfterFirstStage; index < oldChildNodes->size(); index++) {
+    const auto &oldChildNode = oldChildNodes->at(index);
+
+    // Even if the old node was (re)inserted, we have to generate `remove`
+    // instruction.
+    removeInstructions.push_back(
+      TreeMutationInstruction::Remove(
+        parentNode,
+        oldChildNode,
+        index
+      )
+    );
+
+    const auto &it = insertedNodes.find(oldChildNode->getTag());
+
+    if (it == insertedNodes.end()) {
+      // The old node was *not* (re)inserted.
+      // We have to generate `delete` instruction and apply the algorithm
+      // recursively.
+      deleteInstructions.push_back(
+        TreeMutationInstruction::Delete(
+          oldChildNode
+        )
+      );
+
+      // We also have to call the algorithm recursively to clean up the entire
+      // subtree starting from the removed node.
+      calculateMutationInstructions(
+        destructionDownwardInstructions,
+        oldChildNode,
+        oldChildNode->getChildren(),
+        ShadowNode::emptySharedShadowNodeSharedList()
+      );
+    } else {
+      // The old node *was* (re)inserted.
+      // We have to call the algorithm recursively if the inserted node
+      // is *not* the same as removed one.
+      const auto &newChildNode = it->second;
+      if (newChildNode != oldChildNode) {
+        calculateMutationInstructions(
+          *(newChildNode->getChildren()->size() ? &downwardInstructions : &destructionDownwardInstructions),
+          newChildNode,
+          oldChildNode->getChildren(),
+          newChildNode->getChildren()
+        );
+      }
+
+      // In any case we have to remove the node from `insertedNodes` as
+      // indication that the node was actually removed (which means that
+      // the node existed before), hence we don't have to generate
+      // `create` instruction.
+      insertedNodes.erase(it);
+    }
+  }
+
+  // Stage 4: Collectings Creations
+  for (index = lastIndexAfterFirstStage; index < newChildNodes->size(); index++) {
+    const auto &newChildNode = newChildNodes->at(index);
+
+    if (insertedNodes.find(newChildNode->getTag()) == insertedNodes.end()) {
+      // The new node was (re)inserted, so there is no need to create it.
+      continue;
+    }
+
+    createInstructions.push_back(
+      TreeMutationInstruction::Create(
+        newChildNode
+      )
+    );
+
+    calculateMutationInstructions(
+      downwardInstructions,
+      newChildNode,
+      ShadowNode::emptySharedShadowNodeSharedList(),
+      newChildNode->getChildren()
+    );
+  }
+
+  // All instructions in an optimal order:
+  instructions.insert(instructions.end(), destructionDownwardInstructions.begin(), destructionDownwardInstructions.end());
+  instructions.insert(instructions.end(), replaceInstructions.begin(), replaceInstructions.end());
+  instructions.insert(instructions.end(), removeInstructions.rbegin(), removeInstructions.rend());
+  instructions.insert(instructions.end(), createInstructions.begin(), createInstructions.end());
+  instructions.insert(instructions.end(), downwardInstructions.begin(), downwardInstructions.end());
+  instructions.insert(instructions.end(), insertInstructions.begin(), insertInstructions.end());
+  instructions.insert(instructions.end(), deleteInstructions.begin(), deleteInstructions.end());
+}
+
+void calculateMutationInstructions(
+  TreeMutationInstructionList &instructions,
+  SharedShadowNode oldRootShadowNode,
+  SharedShadowNode newRootShadowNode
+) {
+  // Root shadow nodes must have same tag.
+  assert(oldRootShadowNode->getTag() == newRootShadowNode->getTag());
+
+  if (*oldRootShadowNode != *newRootShadowNode) {
+    instructions.push_back(
+      TreeMutationInstruction::Replace(
+        nullptr,
+        oldRootShadowNode,
+        newRootShadowNode,
+        -1
+      )
+    );
+  }
+
+  calculateMutationInstructions(
+    instructions,
+    oldRootShadowNode,
+    oldRootShadowNode->getChildren(),
+    newRootShadowNode->getChildren()
+  );
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/Differentiator.h b/ReactCommon/fabric/uimanager/Differentiator.h
new file mode 100644
index 00000000000000..fe2caf5e913b3b
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/Differentiator.h
@@ -0,0 +1,26 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#pragma once
+
+#include <fabric/core/ShadowNode.h>
+#include <fabric/uimanager/TreeMutationInstruction.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Calculates set of mutation instuctions which describe how the old
+ * ShadowNode tree can be transformed to the new ShadowNode tree.
+ * The set of instuctions might be and might not be optimal.
+ */
+void calculateMutationInstructions(
+  TreeMutationInstructionList &instructions,
+  SharedShadowNode oldNode,
+  SharedShadowNode newNode
+);
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/FabricUIManager.cpp b/ReactCommon/fabric/uimanager/FabricUIManager.cpp
new file mode 100644
index 00000000000000..0d6511d6ea1402
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/FabricUIManager.cpp
@@ -0,0 +1,260 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "FabricUIManager.h"
+
+#include <glog/logging.h>
+
+#include <fabric/components/view/ViewComponentDescriptor.h>
+#include <fabric/components/view/ViewProps.h>
+#include <fabric/components/view/ViewShadowNode.h>
+#include <fabric/core/componentDescriptor.h>
+#include <fabric/core/LayoutContext.h>
+#include <fabric/debug/DebugStringConvertible.h>
+#include <fabric/debug/DebugStringConvertibleItem.h>
+
+namespace facebook {
+namespace react {
+
+// TODO: Kill this flag and remove debug logging.
+const bool isLoggingEnabled = false;
+
+static const RawProps rawPropsFromDynamic(const folly::dynamic object) {
+  // TODO: Convert this to something smarter, probably returning `std::iterator`.
+  RawProps result;
+
+  if (object.isNull()) {
+    return result;
+  }
+
+  assert(object.isObject());
+
+  for (const auto &pair : object.items()) {
+    assert(pair.first.isString());
+    result[pair.first.asString()] = pair.second;
+  }
+
+  return result;
+}
+
+static const std::string componentNameByReactViewName(std::string viewName) {
+  // We need this function only for the transition period;
+  // eventually, all names will be unified.
+
+  std::string rctPrefix("RCT");
+  if (std::mismatch(rctPrefix.begin(), rctPrefix.end(), viewName.begin()).first == rctPrefix.end()) {
+    // If `viewName` has "RCT" prefix, remove it.
+    viewName.erase(0, rctPrefix.length());
+  }
+
+  // Fabric uses slightly new names for Text components because of differences
+  // in semantic.
+  if (viewName == "Text") {
+    return "Paragraph";
+  }
+  if (viewName == "VirtualText") {
+    return "Text";
+  }
+
+  if (viewName == "ImageView") {
+    return "Image";
+  }
+
+  // We need this temporarly for testing purposes until we have proper
+  // implementation of core components.
+  if (
+    viewName == "SinglelineTextInputView" ||
+    viewName == "MultilineTextInputView" ||
+    viewName == "RefreshControl" ||
+    viewName == "SafeAreaView" ||
+    viewName == "ScrollContentView"
+  ) {
+    return "View";
+  }
+
+  return viewName;
+}
+
+FabricUIManager::FabricUIManager(SharedComponentDescriptorRegistry componentDescriptorRegistry) {
+  componentDescriptorRegistry_ = componentDescriptorRegistry;
+}
+
+FabricUIManager::~FabricUIManager() {
+  if (eventHandler_) {
+    releaseEventHandlerFunction_(eventHandler_);
+  }
+}
+
+void FabricUIManager::setDelegate(UIManagerDelegate *delegate) {
+  delegate_ = delegate;
+}
+
+UIManagerDelegate *FabricUIManager::getDelegate() {
+  return delegate_;
+}
+
+void FabricUIManager::setDispatchEventToEmptyTargetFunction(std::function<DispatchEventToEmptyTargetFunction> dispatchEventFunction) {
+  dispatchEventToEmptyTargetFunction_ = dispatchEventFunction;
+}
+
+void FabricUIManager::setDispatchEventToTargetFunction(std::function<DispatchEventToTargetFunction> dispatchEventFunction) {
+  dispatchEventToTargetFunction_ = dispatchEventFunction;
+}
+
+void FabricUIManager::setReleaseEventHandlerFunction(std::function<ReleaseEventHandlerFunction> releaseEventHandlerFunction) {
+  releaseEventHandlerFunction_ = releaseEventHandlerFunction;
+}
+
+void FabricUIManager::setReleaseEventTargetFunction(std::function<ReleaseEventTargetFunction> releaseEventTargetFunction) {
+  releaseEventTargetFunction_ = releaseEventTargetFunction;
+}
+
+void FabricUIManager::dispatchEventToEmptyTarget(const std::string &type, const folly::dynamic &payload) const {
+  dispatchEventToEmptyTargetFunction_(
+    eventHandler_,
+    const_cast<std::string &>(type),
+    const_cast<folly::dynamic &>(payload)
+  );
+}
+
+void FabricUIManager::dispatchEventToTarget(const EventTarget &eventTarget, const std::string &type, const folly::dynamic &payload) const {
+  dispatchEventToTargetFunction_(
+    eventHandler_,
+    eventTarget,
+    const_cast<std::string &>(type),
+    const_cast<folly::dynamic &>(payload)
+  );
+}
+
+void FabricUIManager::releaseEventTarget(const EventTarget &eventTarget) const {
+  releaseEventTargetFunction_(eventTarget);
+}
+
+SharedShadowNode FabricUIManager::createNode(int tag, std::string viewName, int rootTag, folly::dynamic props, EventTarget eventTarget) {
+  isLoggingEnabled && LOG(INFO) << "FabricUIManager::createNode(tag: " << tag << ", name: " << viewName << ", rootTag: " << rootTag << ", props: " << props << ")";
+
+  ComponentName componentName = componentNameByReactViewName(viewName);
+  const SharedComponentDescriptor &componentDescriptor = (*componentDescriptorRegistry_)[componentName];
+  RawProps rawProps = rawPropsFromDynamic(props);
+
+  SharedShadowNode shadowNode =
+    componentDescriptor->createShadowNode(
+      tag,
+      rootTag,
+      componentDescriptor->createEventEmitter(eventTarget, tag),
+      componentDescriptor->cloneProps(nullptr, rawProps)
+    );
+
+  isLoggingEnabled && LOG(INFO) << "FabricUIManager::createNode() -> " << shadowNode->getDebugDescription(DebugStringConvertibleOptions {.format = false});
+
+  if (delegate_) {
+    delegate_->uiManagerDidCreateShadowNode(shadowNode);
+  }
+
+  return shadowNode;
+}
+
+SharedShadowNode FabricUIManager::cloneNode(const SharedShadowNode &shadowNode) {
+  isLoggingEnabled && LOG(INFO) << "FabricUIManager::cloneNode(shadowNode: " << shadowNode->getDebugDescription(DebugStringConvertibleOptions {.format = false}) << ")";
+  const SharedComponentDescriptor &componentDescriptor = (*componentDescriptorRegistry_)[shadowNode];
+
+  SharedShadowNode clonedShadowNode =
+    componentDescriptor->cloneShadowNode(
+      shadowNode,
+      nullptr,
+      shadowNode->getEventEmitter(),
+      nullptr
+    );
+
+  isLoggingEnabled && LOG(INFO) << "FabricUIManager::cloneNode() -> " << clonedShadowNode->getDebugDescription(DebugStringConvertibleOptions {.format = false});
+  return clonedShadowNode;
+}
+
+SharedShadowNode FabricUIManager::cloneNodeWithNewChildren(const SharedShadowNode &shadowNode) {
+  isLoggingEnabled && LOG(INFO) << "FabricUIManager::cloneNodeWithNewChildren(shadowNode: " << shadowNode->getDebugDescription(DebugStringConvertibleOptions {.format = false}) << ")";
+  // Assuming semantic: Cloning with same props but empty children.
+  const SharedComponentDescriptor &componentDescriptor = (*componentDescriptorRegistry_)[shadowNode];
+
+  SharedShadowNode clonedShadowNode =
+    componentDescriptor->cloneShadowNode(
+      shadowNode,
+      nullptr,
+      shadowNode->getEventEmitter(),
+      ShadowNode::emptySharedShadowNodeSharedList()
+    );
+
+  isLoggingEnabled && LOG(INFO) << "FabricUIManager::cloneNodeWithNewChildren() -> " << clonedShadowNode->getDebugDescription(DebugStringConvertibleOptions {.format = false});
+  return clonedShadowNode;
+}
+
+SharedShadowNode FabricUIManager::cloneNodeWithNewProps(const SharedShadowNode &shadowNode, folly::dynamic props) {
+  isLoggingEnabled && LOG(INFO) << "FabricUIManager::cloneNodeWithNewProps(shadowNode: " << shadowNode->getDebugDescription(DebugStringConvertibleOptions {.format = false}) << ", props: " << props << ")";
+  // Assuming semantic: Cloning with same children and specified props.
+  const SharedComponentDescriptor &componentDescriptor = (*componentDescriptorRegistry_)[shadowNode];
+  RawProps rawProps = rawPropsFromDynamic(props);
+
+  SharedShadowNode clonedShadowNode =
+    componentDescriptor->cloneShadowNode(
+      shadowNode,
+      componentDescriptor->cloneProps(shadowNode->getProps(), rawProps),
+      shadowNode->getEventEmitter(),
+      nullptr
+    );
+
+  isLoggingEnabled && LOG(INFO) << "FabricUIManager::cloneNodeWithNewProps() -> " << clonedShadowNode->getDebugDescription(DebugStringConvertibleOptions {.format = false});
+  return clonedShadowNode;
+}
+
+SharedShadowNode FabricUIManager::cloneNodeWithNewChildrenAndProps(const SharedShadowNode &shadowNode, folly::dynamic props) {
+  isLoggingEnabled && LOG(INFO) << "FabricUIManager::cloneNodeWithNewChildrenAndProps(shadowNode: " << shadowNode->getDebugDescription(DebugStringConvertibleOptions {.format = false}) << ", props: " << props << ")";
+  // Assuming semantic: Cloning with empty children and specified props.
+  const SharedComponentDescriptor &componentDescriptor = (*componentDescriptorRegistry_)[shadowNode];
+  RawProps rawProps = rawPropsFromDynamic(props);
+
+  SharedShadowNode clonedShadowNode =
+    componentDescriptor->cloneShadowNode(
+      shadowNode,
+      componentDescriptor->cloneProps(shadowNode->getProps(), rawProps),
+      shadowNode->getEventEmitter(),
+      ShadowNode::emptySharedShadowNodeSharedList()
+    );
+
+  isLoggingEnabled && LOG(INFO) << "FabricUIManager::cloneNodeWithNewChildrenAndProps() -> " << clonedShadowNode->getDebugDescription(DebugStringConvertibleOptions {.format = false});
+  return clonedShadowNode;
+}
+
+void FabricUIManager::appendChild(const SharedShadowNode &parentShadowNode, const SharedShadowNode &childShadowNode) {
+  isLoggingEnabled && LOG(INFO) << "FabricUIManager::appendChild(parentShadowNode: " << parentShadowNode->getDebugDescription(DebugStringConvertibleOptions {.format = false}) << ", childShadowNode: " << childShadowNode->getDebugDescription(DebugStringConvertibleOptions {.format = false}) << ")";
+  const SharedComponentDescriptor &componentDescriptor = (*componentDescriptorRegistry_)[parentShadowNode];
+  componentDescriptor->appendChild(parentShadowNode, childShadowNode);
+}
+
+SharedShadowNodeUnsharedList FabricUIManager::createChildSet(int rootTag) {
+  isLoggingEnabled && LOG(INFO) << "FabricUIManager::createChildSet(rootTag: " << rootTag << ")";
+  return std::make_shared<SharedShadowNodeList>(SharedShadowNodeList({}));
+}
+
+void FabricUIManager::appendChildToSet(const SharedShadowNodeUnsharedList &shadowNodeList, const SharedShadowNode &shadowNode) {
+  isLoggingEnabled && LOG(INFO) << "FabricUIManager::appendChildToSet(shadowNodeList: " << shadowNodeList << ", shadowNode: " << shadowNode->getDebugDescription(DebugStringConvertibleOptions {.format = false}) << ")";
+  shadowNodeList->push_back(shadowNode);
+}
+
+void FabricUIManager::completeRoot(int rootTag, const SharedShadowNodeUnsharedList &children) {
+  isLoggingEnabled && LOG(INFO) << "FabricUIManager::completeRoot(rootTag: " << rootTag << ", shadowNodeList: " << children << ")";
+
+  if (delegate_) {
+    delegate_->uiManagerDidFinishTransaction(rootTag, children);
+  }
+}
+
+void FabricUIManager::registerEventHandler(const EventHandler &eventHandler) {
+  isLoggingEnabled && LOG(INFO) << "FabricUIManager::registerEventHandler(eventHandler: " << eventHandler << ")";
+  eventHandler_ = eventHandler;
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/FabricUIManager.h b/ReactCommon/fabric/uimanager/FabricUIManager.h
new file mode 100644
index 00000000000000..e33501e3197a6e
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/FabricUIManager.h
@@ -0,0 +1,83 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <memory>
+
+#include <folly/dynamic.h>
+
+#include <fabric/core/ShadowNode.h>
+#include <fabric/uimanager/ComponentDescriptorRegistry.h>
+#include <fabric/uimanager/UIManagerDelegate.h>
+
+namespace facebook {
+namespace react {
+
+using DispatchEventToEmptyTargetFunction = void (EventHandler eventHandler, std::string type, folly::dynamic payload);
+using DispatchEventToTargetFunction = void (EventHandler eventHandler, EventTarget eventTarget, std::string type, folly::dynamic payload);
+using ReleaseEventHandlerFunction = void (EventHandler eventHandler);
+using ReleaseEventTargetFunction = void (EventTarget eventTarget);
+
+class FabricUIManager {
+public:
+
+#pragma mark - Native-facing Interface
+
+  FabricUIManager(SharedComponentDescriptorRegistry componentDescriptorRegistry);
+  ~FabricUIManager();
+
+  /*
+   * Sets and gets the UIManager's delegate.
+   * The delegate is stored as a raw pointer, so the owner must null
+   * the pointer before being destroyed.
+   */
+  void setDelegate(UIManagerDelegate *delegate);
+  UIManagerDelegate *getDelegate();
+
+#pragma mark - Callback Functions
+
+  /*
+   * Registers callback functions.
+   */
+  void setDispatchEventToEmptyTargetFunction(std::function<DispatchEventToEmptyTargetFunction> dispatchEventFunction);
+  void setDispatchEventToTargetFunction(std::function<DispatchEventToTargetFunction> dispatchEventFunction);
+  void setReleaseEventHandlerFunction(std::function<ReleaseEventHandlerFunction> releaseEventHandlerFunction);
+  void setReleaseEventTargetFunction(std::function<ReleaseEventTargetFunction> releaseEventTargetFunction);
+
+#pragma mark - Native-facing Interface
+
+  void dispatchEventToEmptyTarget(const std::string &type, const folly::dynamic &payload) const;
+  void dispatchEventToTarget(const EventTarget &eventTarget, const std::string &type, const folly::dynamic &payload) const;
+  void releaseEventTarget(const EventTarget &eventTarget) const;
+
+#pragma mark - JavaScript/React-facing Interface
+
+  SharedShadowNode createNode(Tag reactTag, std::string viewName, Tag rootTag, folly::dynamic props, EventTarget eventTarget);
+  SharedShadowNode cloneNode(const SharedShadowNode &node);
+  SharedShadowNode cloneNodeWithNewChildren(const SharedShadowNode &node);
+  SharedShadowNode cloneNodeWithNewProps(const SharedShadowNode &node, folly::dynamic props);
+  SharedShadowNode cloneNodeWithNewChildrenAndProps(const SharedShadowNode &node, folly::dynamic newProps);
+  void appendChild(const SharedShadowNode &parentNode, const SharedShadowNode &childNode);
+  SharedShadowNodeUnsharedList createChildSet(Tag rootTag);
+  void appendChildToSet(const SharedShadowNodeUnsharedList &childSet, const SharedShadowNode &childNode);
+  void completeRoot(Tag rootTag, const SharedShadowNodeUnsharedList &childSet);
+  void registerEventHandler(const EventHandler &eventHandler);
+
+private:
+
+  SharedComponentDescriptorRegistry componentDescriptorRegistry_;
+  UIManagerDelegate *delegate_;
+  EventHandler eventHandler_;
+  std::function<DispatchEventToEmptyTargetFunction> dispatchEventToEmptyTargetFunction_;
+  std::function<DispatchEventToTargetFunction> dispatchEventToTargetFunction_;
+  std::function<ReleaseEventHandlerFunction> releaseEventHandlerFunction_;
+  std::function<ReleaseEventTargetFunction> releaseEventTargetFunction_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/Scheduler.cpp b/ReactCommon/fabric/uimanager/Scheduler.cpp
new file mode 100644
index 00000000000000..08b1980bba046d
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/Scheduler.cpp
@@ -0,0 +1,101 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#include "Scheduler.h"
+
+#include <fabric/core/LayoutContext.h>
+#include <fabric/uimanager/ComponentDescriptorRegistry.h>
+#include <fabric/uimanager/FabricUIManager.h>
+
+#include "ComponentDescriptorFactory.h"
+#include "Differentiator.h"
+
+namespace facebook {
+namespace react {
+
+Scheduler::Scheduler(const SharedContextContainer &contextContainer):
+  contextContainer_(contextContainer) {
+  const auto &eventDispatcher = std::make_shared<SchedulerEventDispatcher>();
+  const auto &componentDescriptorRegistry = ComponentDescriptorFactory::buildRegistry(eventDispatcher, contextContainer);
+
+  uiManager_ = std::make_shared<FabricUIManager>(componentDescriptorRegistry);
+  uiManager_->setDelegate(this);
+
+  eventDispatcher->setUIManager(uiManager_);
+  eventDispatcher_ = eventDispatcher;
+}
+
+Scheduler::~Scheduler() {
+  uiManager_->setDelegate(nullptr);
+  eventDispatcher_->setUIManager(nullptr);
+}
+
+void Scheduler::registerRootTag(Tag rootTag) {
+  const auto &shadowTree = std::make_shared<ShadowTree>(rootTag);
+  shadowTree->setDelegate(this);
+  shadowTreeRegistry_.insert({rootTag, shadowTree});
+}
+
+void Scheduler::unregisterRootTag(Tag rootTag) {
+  const auto &iterator = shadowTreeRegistry_.find(rootTag);
+  const auto &shadowTree = iterator->second;
+  assert(shadowTree);
+  shadowTree->setDelegate(nullptr);
+  shadowTreeRegistry_.erase(iterator);
+}
+
+Size Scheduler::measure(const Tag &rootTag, const LayoutConstraints &layoutConstraints, const LayoutContext &layoutContext) const {
+  const auto &shadowTree = shadowTreeRegistry_.at(rootTag);
+  assert(shadowTree);
+  return shadowTree->measure(layoutConstraints, layoutContext);
+}
+
+void Scheduler::constraintLayout(const Tag &rootTag, const LayoutConstraints &layoutConstraints, const LayoutContext &layoutContext) {
+  const auto &shadowTree = shadowTreeRegistry_.at(rootTag);
+  assert(shadowTree);
+  return shadowTree->constraintLayout(layoutConstraints, layoutContext);
+}
+
+#pragma mark - Delegate
+
+void Scheduler::setDelegate(SchedulerDelegate *delegate) {
+  delegate_ = delegate;
+}
+
+SchedulerDelegate *Scheduler::getDelegate() const {
+  return delegate_;
+}
+
+#pragma mark - ShadowTreeDelegate
+
+void Scheduler::shadowTreeDidCommit(const SharedShadowTree &shadowTree, const TreeMutationInstructionList &instructions) {
+  if (delegate_) {
+    delegate_->schedulerDidComputeMutationInstructions(shadowTree->getRootTag(), instructions);
+  }
+}
+
+#pragma mark - UIManagerDelegate
+
+void Scheduler::uiManagerDidFinishTransaction(Tag rootTag, const SharedShadowNodeUnsharedList &rootChildNodes) {
+  const auto &iterator = shadowTreeRegistry_.find(rootTag);
+  const auto &shadowTree = iterator->second;
+  assert(shadowTree);
+  return shadowTree->complete(rootChildNodes);
+}
+
+void Scheduler::uiManagerDidCreateShadowNode(const SharedShadowNode &shadowNode) {
+  if (delegate_) {
+    delegate_->schedulerDidRequestPreliminaryViewAllocation(shadowNode->getComponentName());
+  }
+}
+
+#pragma mark - Deprecated
+
+std::shared_ptr<FabricUIManager> Scheduler::getUIManager_DO_NOT_USE() {
+  return uiManager_;
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/Scheduler.h b/ReactCommon/fabric/uimanager/Scheduler.h
new file mode 100644
index 00000000000000..f603b5778adb33
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/Scheduler.h
@@ -0,0 +1,80 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#pragma once
+
+#include <memory>
+
+#include <fabric/core/ComponentDescriptor.h>
+#include <fabric/core/LayoutConstraints.h>
+#include <fabric/uimanager/ContextContainer.h>
+#include <fabric/uimanager/SchedulerDelegate.h>
+#include <fabric/uimanager/SchedulerEventDispatcher.h>
+#include <fabric/uimanager/UIManagerDelegate.h>
+#include <fabric/uimanager/ShadowTree.h>
+#include <fabric/uimanager/ShadowTreeDelegate.h>
+
+namespace facebook {
+namespace react {
+
+class FabricUIManager;
+
+/*
+ * Scheduler coordinates Shadow Tree updates and event flows.
+ */
+class Scheduler final:
+  public UIManagerDelegate,
+  public ShadowTreeDelegate {
+
+public:
+
+  Scheduler(const SharedContextContainer &contextContainer);
+  ~Scheduler();
+
+#pragma mark - Shadow Tree Management
+
+  void registerRootTag(Tag rootTag);
+  void unregisterRootTag(Tag rootTag);
+
+  Size measure(const Tag &rootTag, const LayoutConstraints &layoutConstraints, const LayoutContext &layoutContext) const;
+  void constraintLayout(const Tag &rootTag, const LayoutConstraints &layoutConstraints, const LayoutContext &layoutContext);
+
+#pragma mark - Delegate
+
+  /*
+   * Sets and gets the Scheduler's delegate.
+   * The delegate is stored as a raw pointer, so the owner must null
+   * the pointer before being destroyed.
+   */
+  void setDelegate(SchedulerDelegate *delegate);
+  SchedulerDelegate *getDelegate() const;
+
+#pragma mark - UIManagerDelegate
+
+  void uiManagerDidFinishTransaction(Tag rootTag, const SharedShadowNodeUnsharedList &rootChildNodes) override;
+  void uiManagerDidCreateShadowNode(const SharedShadowNode &shadowNode) override;
+
+#pragma mark - ShadowTreeDelegate
+
+  void shadowTreeDidCommit(const SharedShadowTree &shadowTree, const TreeMutationInstructionList &instructions) override;
+
+#pragma mark - Deprecated
+
+  /*
+   * UIManager instance must be temporarily exposed for registration purposes.
+   */
+  std::shared_ptr<FabricUIManager> getUIManager_DO_NOT_USE();
+
+private:
+
+  SchedulerDelegate *delegate_;
+  std::shared_ptr<FabricUIManager> uiManager_;
+  std::unordered_map<Tag, SharedShadowTree> shadowTreeRegistry_;
+  SharedSchedulerEventDispatcher eventDispatcher_;
+  SharedContextContainer contextContainer_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/SchedulerDelegate.h b/ReactCommon/fabric/uimanager/SchedulerDelegate.h
new file mode 100644
index 00000000000000..a6e98dae6cb4b6
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/SchedulerDelegate.h
@@ -0,0 +1,39 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#pragma once
+
+#include <memory>
+
+#include <fabric/core/ReactPrimitives.h>
+#include <fabric/core/ShadowNode.h>
+#include <fabric/uimanager/TreeMutationInstruction.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Abstract class for Scheduler's delegate.
+ */
+class SchedulerDelegate {
+public:
+
+  virtual ~SchedulerDelegate() = default;
+
+  /*
+   * Called right after Scheduler computed (and laid out) a new updated version
+   * of the tree and calculated a set of mutation instructions which are
+   * suffisient to construct a new one.
+   */
+  virtual void schedulerDidComputeMutationInstructions(Tag rootTag, const TreeMutationInstructionList &instructions) = 0;
+
+  /*
+   * Called right after a new ShadowNode was created.
+   */
+  virtual void schedulerDidRequestPreliminaryViewAllocation(ComponentName componentName) = 0;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/SchedulerEventDispatcher.cpp b/ReactCommon/fabric/uimanager/SchedulerEventDispatcher.cpp
new file mode 100644
index 00000000000000..f261499326ba83
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/SchedulerEventDispatcher.cpp
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "SchedulerEventDispatcher.h"
+
+namespace facebook {
+namespace react {
+
+// TODO(T29874519): Get rid of "top" prefix once and for all.
+/*
+ * Capitalizes the first letter of the event type and adds "top" prefix
+ * (e.g. "layout" becames "topLayout").
+ */
+static std::string normalizeEventType(const std::string &type) {
+  std::string prefixedType = type;
+  prefixedType[0] = toupper(prefixedType[0]);
+  prefixedType.insert(0, "top");
+  return prefixedType;
+}
+
+void SchedulerEventDispatcher::setUIManager(std::shared_ptr<const FabricUIManager> uiManager) const {
+  uiManager_ = uiManager;
+}
+
+void SchedulerEventDispatcher::dispatchEvent(
+  const EventTarget &eventTarget,
+  const std::string &type,
+  const folly::dynamic &payload,
+  const EventPriority &priority
+) const {
+  if (!uiManager_) {
+    return;
+  }
+  // TODO: Schedule the event based on priority.
+  uiManager_->dispatchEventToTarget(eventTarget, normalizeEventType(type), payload);
+}
+
+void SchedulerEventDispatcher::releaseEventTarget(const EventTarget &eventTarget) const {
+  if (!uiManager_) {
+    return;
+  }
+  // TODO(shergin): This needs to move to the destructor of EventEmitter. For now we'll leak.
+  // uiManager_->releaseEventTarget(eventTarget);
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/SchedulerEventDispatcher.h b/ReactCommon/fabric/uimanager/SchedulerEventDispatcher.h
new file mode 100644
index 00000000000000..4ce85faef0f155
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/SchedulerEventDispatcher.h
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/events/EventDispatcher.h>
+#include <fabric/events/primitives.h>
+#include <fabric/uimanager/FabricUIManager.h>
+#include <folly/dynamic.h>
+
+namespace facebook {
+namespace react {
+
+class SchedulerEventDispatcher;
+
+using SharedSchedulerEventDispatcher = std::shared_ptr<const SchedulerEventDispatcher>;
+
+/*
+ * Concrete EventDispatcher.
+ */
+class SchedulerEventDispatcher final:
+  public EventDispatcher {
+
+public:
+
+  void setUIManager(std::shared_ptr<const FabricUIManager> uiManager) const;
+
+#pragma mark - EventDispatcher
+
+  void dispatchEvent(
+    const EventTarget &eventTarget,
+    const std::string &type,
+    const folly::dynamic &payload,
+    const EventPriority &priority
+  ) const override;
+
+
+  void releaseEventTarget(const EventTarget &eventTarget) const override;
+
+private:
+
+  // TODO: consider using std::weak_ptr<> instead for better memory management.
+  mutable std::shared_ptr<const FabricUIManager> uiManager_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/ShadowTree.cpp b/ReactCommon/fabric/uimanager/ShadowTree.cpp
new file mode 100644
index 00000000000000..d179d9dcad1fc2
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/ShadowTree.cpp
@@ -0,0 +1,159 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#include "ShadowTree.h"
+
+#include <fabric/core/LayoutContext.h>
+#include <fabric/core/LayoutPrimitives.h>
+
+#include "ShadowTreeDelegate.h"
+#include "Differentiator.h"
+#include "TreeMutationInstruction.h"
+
+namespace facebook {
+namespace react {
+
+ShadowTree::ShadowTree(Tag rootTag):
+  rootTag_(rootTag) {
+
+  const auto &noopEventEmitter = std::make_shared<const ViewEventEmitter>(nullptr, rootTag, nullptr);
+  rootShadowNode_ = std::make_shared<RootShadowNode>(
+    rootTag,
+    rootTag,
+    RootShadowNode::defaultSharedProps(),
+    noopEventEmitter,
+    ShadowNode::emptySharedShadowNodeSharedList(),
+    nullptr
+  );
+}
+
+Tag ShadowTree::getRootTag() const {
+  return rootTag_;
+}
+
+#pragma mark - Layout
+
+Size ShadowTree::measure(const LayoutConstraints &layoutConstraints, const LayoutContext &layoutContext) const {
+  auto newRootShadowNode = cloneRootShadowNode(layoutConstraints, layoutContext);
+  newRootShadowNode->layout();
+  return newRootShadowNode->getLayoutMetrics().frame.size;
+}
+
+void ShadowTree::constraintLayout(const LayoutConstraints &layoutConstraints, const LayoutContext &layoutContext) {
+  auto newRootShadowNode = cloneRootShadowNode(layoutConstraints, layoutContext);
+  complete(newRootShadowNode);
+}
+
+#pragma mark - Commiting
+
+UnsharedRootShadowNode ShadowTree::cloneRootShadowNode(const LayoutConstraints &layoutConstraints, const LayoutContext &layoutContext) const {
+  auto oldRootShadowNode = rootShadowNode_;
+  const auto &props = std::make_shared<const RootProps>(*oldRootShadowNode->getProps(), layoutConstraints, layoutContext);
+  auto newRootShadowNode = std::make_shared<RootShadowNode>(oldRootShadowNode, props, nullptr, nullptr);
+  return newRootShadowNode;
+}
+
+void ShadowTree::complete(const SharedShadowNodeUnsharedList &rootChildNodes) {
+  auto oldRootShadowNode = rootShadowNode_;
+  auto newRootShadowNode =
+    std::make_shared<RootShadowNode>(oldRootShadowNode, nullptr, nullptr, SharedShadowNodeSharedList(rootChildNodes));
+
+  complete(newRootShadowNode);
+}
+
+void ShadowTree::complete(UnsharedRootShadowNode newRootShadowNode) {
+  SharedRootShadowNode oldRootShadowNode = rootShadowNode_;
+
+  newRootShadowNode->layout();
+
+  newRootShadowNode->sealRecursive();
+
+  TreeMutationInstructionList instructions = TreeMutationInstructionList();
+
+  calculateMutationInstructions(
+    instructions,
+    oldRootShadowNode,
+    newRootShadowNode
+  );
+
+  if (commit(oldRootShadowNode, newRootShadowNode)) {
+    emitLayoutEvents(instructions);
+
+    if (delegate_) {
+      delegate_->shadowTreeDidCommit(shared_from_this(), instructions);
+    }
+  }
+}
+
+bool ShadowTree::commit(const SharedRootShadowNode &oldRootShadowNode, const SharedRootShadowNode &newRootShadowNode) {
+  std::lock_guard<std::mutex> lock(commitMutex_);
+
+  if (oldRootShadowNode != rootShadowNode_) {
+    return false;
+  }
+
+  rootShadowNode_ = newRootShadowNode;
+  return true;
+}
+
+void ShadowTree::emitLayoutEvents(const TreeMutationInstructionList &instructions) {
+  for (const auto &instruction : instructions) {
+    const auto &type = instruction.getType();
+
+    // Only `Insertion` and `Replacement` instructions can affect layout metrics.
+    if (
+        type == TreeMutationInstruction::Insertion ||
+        type == TreeMutationInstruction::Replacement
+    ) {
+      const auto &newShadowNode = instruction.getNewChildNode();
+      const auto &eventEmitter = newShadowNode->getEventEmitter();
+      const auto &viewEventEmitter = std::dynamic_pointer_cast<const ViewEventEmitter>(eventEmitter);
+
+      // Checking if particular shadow node supports `onLayout` event (part of `ViewEventEmitter`).
+      if (viewEventEmitter) {
+        // Now we know that both (old and new) shadow nodes must be `LayoutableShadowNode` subclasses.
+        assert(std::dynamic_pointer_cast<const LayoutableShadowNode>(newShadowNode));
+
+        // Checking if the `onLayout` event was requested for the particular Shadow Node.
+        const auto &viewProps = std::dynamic_pointer_cast<const ViewProps>(newShadowNode->getProps());
+        if (viewProps && !viewProps->onLayout) {
+          continue;
+        }
+
+        // TODO(T29661055): Consider using `std::reinterpret_pointer_cast`.
+        const auto &newLayoutableShadowNode =
+          std::dynamic_pointer_cast<const LayoutableShadowNode>(newShadowNode);
+
+        // In case if we have `oldShadowNode`, we have to check that layout metrics have changed.
+        if (type == TreeMutationInstruction::Replacement) {
+          const auto &oldShadowNode = instruction.getOldChildNode();
+          assert(std::dynamic_pointer_cast<const LayoutableShadowNode>(oldShadowNode));
+          // TODO(T29661055): Consider using `std::reinterpret_pointer_cast`.
+          const auto &oldLayoutableShadowNode =
+            std::dynamic_pointer_cast<const LayoutableShadowNode>(oldShadowNode);
+
+          if (oldLayoutableShadowNode->getLayoutMetrics() == newLayoutableShadowNode->getLayoutMetrics()) {
+            continue;
+          }
+        }
+
+        viewEventEmitter->onLayout(newLayoutableShadowNode->getLayoutMetrics());
+      }
+    }
+  }
+}
+
+#pragma mark - Delegate
+
+void ShadowTree::setDelegate(ShadowTreeDelegate *delegate) {
+  delegate_ = delegate;
+}
+
+ShadowTreeDelegate *ShadowTree::getDelegate() const {
+  return delegate_;
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/ShadowTree.h b/ReactCommon/fabric/uimanager/ShadowTree.h
new file mode 100644
index 00000000000000..4366fc8d4510d0
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/ShadowTree.h
@@ -0,0 +1,90 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#pragma once
+
+#include <memory>
+#include <mutex>
+
+#include <fabric/components/root/RootShadowNode.h>
+#include <fabric/core/LayoutConstraints.h>
+#include <fabric/core/ReactPrimitives.h>
+#include <fabric/core/ShadowNode.h>
+#include <fabric/uimanager/ShadowTreeDelegate.h>
+
+namespace facebook {
+namespace react {
+
+class ShadowTree;
+
+using SharedShadowTree = std::shared_ptr<ShadowTree>;
+
+/*
+ * Represents the shadow tree and its lifecycle.
+ */
+class ShadowTree final:
+  public std::enable_shared_from_this<ShadowTree> {
+
+public:
+
+  /*
+   * Creates a new shadow tree instance with given `rootTag`.
+   */
+  ShadowTree(Tag rootTag);
+
+  /*
+   * Returns the rootTag associated with the shadow tree (the tag of the
+   * root shadow node).
+   */
+  Tag getRootTag() const;
+
+#pragma mark - Layout
+
+  /*
+   * Measures the shadow tree with given `layoutConstraints` and `layoutContext`.
+   * Can be called from any thread, side-effect-less.
+   */
+  Size measure(const LayoutConstraints &layoutConstraints, const LayoutContext &layoutContext) const;
+
+  /*
+   * Applies given `layoutConstraints` and `layoutContext` and commit
+   * the new shadow tree.
+   * Can be called from any thread.
+   */
+  void constraintLayout(const LayoutConstraints &layoutConstraints, const LayoutContext &layoutContext);
+
+#pragma mark - Application
+
+  /*
+   * Create a new shadow tree with given `rootChildNodes` and commit.
+   * Can be called from any thread.
+   */
+  void complete(const SharedShadowNodeUnsharedList &rootChildNodes);
+
+#pragma mark - Delegate
+
+  /*
+   * Sets and gets the delegate.
+   * The delegate is stored as a raw pointer, so the owner must null
+   * the pointer before being destroyed.
+   */
+  void setDelegate(ShadowTreeDelegate *delegate);
+  ShadowTreeDelegate *getDelegate() const;
+
+private:
+
+  UnsharedRootShadowNode cloneRootShadowNode(const LayoutConstraints &layoutConstraints, const LayoutContext &layoutContext) const;
+  void complete(UnsharedRootShadowNode newRootShadowNode);
+  bool commit(const SharedRootShadowNode &oldRootShadowNode, const SharedRootShadowNode &newRootShadowNode);
+  void emitLayoutEvents(const TreeMutationInstructionList &instructions);
+
+  const Tag rootTag_;
+  SharedRootShadowNode rootShadowNode_;
+  ShadowTreeDelegate *delegate_;
+  mutable std::mutex commitMutex_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/ShadowTreeDelegate.h b/ReactCommon/fabric/uimanager/ShadowTreeDelegate.h
new file mode 100644
index 00000000000000..f2da57031b044b
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/ShadowTreeDelegate.h
@@ -0,0 +1,28 @@
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+
+#pragma once
+
+#include <fabric/uimanager/TreeMutationInstruction.h>
+
+namespace facebook {
+namespace react {
+
+class ShadowTree;
+
+/*
+ * Abstract class for ShadowTree's delegate.
+ */
+class ShadowTreeDelegate {
+public:
+
+  /*
+   * Called right after Shadow Tree commit a new state of the the tree.
+   */
+  virtual void shadowTreeDidCommit(const std::shared_ptr<ShadowTree> &shadowTree, const TreeMutationInstructionList &instructions) = 0;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/TreeMutationInstruction.cpp b/ReactCommon/fabric/uimanager/TreeMutationInstruction.cpp
new file mode 100644
index 00000000000000..630e13202d1b53
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/TreeMutationInstruction.cpp
@@ -0,0 +1,203 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "TreeMutationInstruction.h"
+
+#include <fabric/debug/DebugStringConvertibleItem.h>
+
+namespace facebook {
+namespace react {
+
+const TreeMutationInstruction TreeMutationInstruction::Create(
+  SharedShadowNode node
+) {
+  assert(node);
+
+  return TreeMutationInstruction(
+    Creation,
+    nullptr,
+    nullptr,
+    node,
+    -1
+  );
+}
+
+const TreeMutationInstruction TreeMutationInstruction::Delete(
+  SharedShadowNode node
+) {
+  assert(node);
+
+  return TreeMutationInstruction(
+    Deletion,
+    nullptr,
+    node,
+    nullptr,
+    -1
+  );
+}
+
+const TreeMutationInstruction TreeMutationInstruction::Insert(
+  SharedShadowNode parentNode,
+  SharedShadowNode childNode,
+  int index
+) {
+  assert(parentNode);
+  assert(childNode);
+  assert(index != -1);
+
+  return TreeMutationInstruction(
+    Insertion,
+    parentNode,
+    nullptr,
+    childNode,
+    index
+  );
+}
+
+const TreeMutationInstruction TreeMutationInstruction::Remove(
+  SharedShadowNode parentNode,
+  SharedShadowNode childNode,
+  int index
+) {
+  assert(parentNode);
+  assert(childNode);
+  assert(index != -1);
+
+  return TreeMutationInstruction(
+    Removal,
+    parentNode,
+    childNode,
+    nullptr,
+    index
+  );
+}
+
+const TreeMutationInstruction TreeMutationInstruction::Replace(
+  SharedShadowNode parentNode,
+  SharedShadowNode oldChildNode,
+  SharedShadowNode newChildNode,
+  int index
+) {
+  assert(oldChildNode);
+  assert(newChildNode);
+
+  return TreeMutationInstruction(
+    Replacement,
+    parentNode,
+    oldChildNode,
+    newChildNode,
+    index
+  );
+}
+
+TreeMutationInstruction::TreeMutationInstruction(
+  Type type,
+  SharedShadowNode parentNode,
+  SharedShadowNode oldChildNode,
+  SharedShadowNode newChildNode,
+  int index
+):
+  type_(type),
+  parentNode_(parentNode),
+  oldChildNode_(oldChildNode),
+  newChildNode_(newChildNode),
+  index_(index) {};
+
+#pragma mark - Getters
+
+TreeMutationInstruction::Type TreeMutationInstruction::getType() const {
+  return type_;
+}
+
+SharedShadowNode TreeMutationInstruction::getParentNode() const {
+  assert(parentNode_);
+  return parentNode_;
+}
+
+SharedShadowNode TreeMutationInstruction::getOldChildNode() const {
+  assert(oldChildNode_);
+  return oldChildNode_;
+}
+
+SharedShadowNode TreeMutationInstruction::getNewChildNode() const {
+  assert(newChildNode_);
+  return newChildNode_;
+}
+
+int TreeMutationInstruction::getIndex() const {
+  assert(index_ != -1);
+  return index_;
+}
+
+#pragma mark - DebugStringConvertible
+
+std::string TreeMutationInstruction::getDebugName() const {
+  switch (type_) {
+    case Creation:
+      return "Create";
+    case Deletion:
+      return "Delete";
+    case Insertion:
+      return "Insert";
+    case Removal:
+      return "Remove";
+    case Replacement:
+      return "Replace";
+  }
+};
+
+std::string TreeMutationInstruction::getDebugValue() const {
+  switch (type_) {
+    case Creation:
+      return "[*" + folly::to<std::string>(newChildNode_->getTag()) + "]";
+    case Deletion:
+      return "[~" + folly::to<std::string>(oldChildNode_->getTag()) + "]";
+    case Insertion:
+      return "[" + folly::to<std::string>(newChildNode_->getTag()) + "->" + folly::to<std::string>(parentNode_->getTag()) + "]";
+    case Removal:
+      return "[" + folly::to<std::string>(oldChildNode_->getTag()) + "<~" + folly::to<std::string>(parentNode_->getTag()) + "]";
+    case Replacement:
+      return "[=" + folly::to<std::string>(oldChildNode_->getTag()) + "]";
+  }
+};
+
+SharedDebugStringConvertibleList TreeMutationInstruction::getDebugProps() const {
+  DebugStringConvertibleOptions options = {.maximumDepth = 1, .format = false};
+
+  switch (type_) {
+    case Creation:
+      return SharedDebugStringConvertibleList {
+        std::make_shared<DebugStringConvertibleItem>("node", newChildNode_->getDebugDescription(options)),
+      };
+    case Deletion:
+      return SharedDebugStringConvertibleList {
+        std::make_shared<DebugStringConvertibleItem>("node", oldChildNode_->getDebugDescription(options)),
+      };
+    case Insertion:
+      return SharedDebugStringConvertibleList {
+        std::make_shared<DebugStringConvertibleItem>("parentNode", parentNode_->getDebugDescription(options)),
+        std::make_shared<DebugStringConvertibleItem>("childNode", newChildNode_->getDebugDescription(options)),
+        std::make_shared<DebugStringConvertibleItem>("index", folly::to<std::string>(index_))
+      };
+    case Removal:
+      return SharedDebugStringConvertibleList {
+        std::make_shared<DebugStringConvertibleItem>("parentNode", parentNode_->getDebugDescription(options)),
+        std::make_shared<DebugStringConvertibleItem>("childNode", oldChildNode_->getDebugDescription(options)),
+        std::make_shared<DebugStringConvertibleItem>("index", folly::to<std::string>(index_))
+      };
+    case Replacement:
+      return SharedDebugStringConvertibleList {
+        std::make_shared<DebugStringConvertibleItem>("parentNode", parentNode_ ? parentNode_->getDebugDescription(options) : "nullptr"),
+        std::make_shared<DebugStringConvertibleItem>("oldChildNode", oldChildNode_->getDebugDescription(options)),
+        std::make_shared<DebugStringConvertibleItem>("newChildNode", newChildNode_->getDebugDescription(options)),
+        std::make_shared<DebugStringConvertibleItem>("index", folly::to<std::string>(index_))
+      };
+  }
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/TreeMutationInstruction.h b/ReactCommon/fabric/uimanager/TreeMutationInstruction.h
new file mode 100644
index 00000000000000..c27e6f71f35332
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/TreeMutationInstruction.h
@@ -0,0 +1,119 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <vector>
+
+#include <fabric/core/ShadowNode.h>
+#include <fabric/debug/DebugStringConvertible.h>
+
+namespace facebook {
+namespace react {
+
+class TreeMutationInstruction;
+
+using TreeMutationInstructionList = std::vector<TreeMutationInstruction>;
+
+/*
+ * Describes single native views tree mutation instruction which may contain
+ * pointers to an old shadow node, a new shadow node, a parent shadow node and
+ * final index of inserted or updated node.
+ * The relationship between native view instances and shadow node instances is
+ * defined by `tag` value.
+ * Use static methods to instantiate mutation instructions of different types.
+ */
+class TreeMutationInstruction:
+  public DebugStringConvertible {
+public:
+
+#pragma mark - Designated Initializers
+
+  /*
+   * Creates and returns an *Creation* instruction.
+   */
+  static const TreeMutationInstruction Create(
+    SharedShadowNode node
+  );
+
+  /*
+   * Creates and returns an *Deletion* instruction.
+   */
+  static const TreeMutationInstruction Delete(
+    SharedShadowNode node
+  );
+
+  /*
+   * Creates and returns an *Insertion* instruction.
+   */
+  static const TreeMutationInstruction Insert(
+    SharedShadowNode parentNode,
+    SharedShadowNode childNode,
+    int index
+  );
+
+  /*
+   * Creates and returns a *Removal* instruction.
+   */
+  static const TreeMutationInstruction Remove(
+    SharedShadowNode parentNode,
+    SharedShadowNode childNode,
+    int index
+  );
+  
+  /*
+   * Creates and returns an *Replacement* instruction.
+   */
+  static const TreeMutationInstruction Replace(
+    SharedShadowNode parentNode,
+    SharedShadowNode oldChildNode,
+    SharedShadowNode newChildNode,
+    int index
+  );
+
+#pragma mark - Type
+
+  enum Type {
+    Creation,
+    Deletion,
+    Insertion,
+    Removal,
+    Replacement
+  };
+
+#pragma mark - Getters
+
+  Type getType() const;
+  SharedShadowNode getParentNode() const;
+  SharedShadowNode getOldChildNode() const;
+  SharedShadowNode getNewChildNode() const;
+  int getIndex() const;
+
+#pragma mark - DebugStringConvertible
+
+  std::string getDebugName() const override;
+  std::string getDebugValue() const override;
+  SharedDebugStringConvertibleList getDebugProps() const override;
+
+private:
+  TreeMutationInstruction(
+    Type type,
+    SharedShadowNode parentNode,
+    SharedShadowNode oldChildNode,
+    SharedShadowNode newChildNode,
+    int index
+  );
+
+  Type type_ {Creation};
+  SharedShadowNode parentNode_ {nullptr};
+  SharedShadowNode oldChildNode_ {nullptr};
+  SharedShadowNode newChildNode_ {nullptr};
+  int index_ {-1};
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/UIManagerDelegate.h b/ReactCommon/fabric/uimanager/UIManagerDelegate.h
new file mode 100644
index 00000000000000..e94af1f44034b1
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/UIManagerDelegate.h
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fabric/core/ShadowNode.h>
+#include <fabric/core/ReactPrimitives.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Abstract class for UIManager's delegate.
+ */
+class UIManagerDelegate {
+public:
+
+  /*
+   * Called right after the new/updated Shadow Node tree is constructed.
+   * The tree is not layed out and not sealed at this time.
+   */
+  virtual void uiManagerDidFinishTransaction(Tag rootTag, const SharedShadowNodeUnsharedList &rootChildNodes) = 0;
+
+  /*
+   * Called each time when UIManager constructs a new Shadow Node. Receiver
+   * maight use this to preluminary optimistically allocate a new native view
+   * instances.
+   */
+  virtual void uiManagerDidCreateShadowNode(const SharedShadowNode &shadowNode) = 0;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/uimanager/tests/FabricUIManagerTest.cpp b/ReactCommon/fabric/uimanager/tests/FabricUIManagerTest.cpp
new file mode 100644
index 00000000000000..d22ed7f946314e
--- /dev/null
+++ b/ReactCommon/fabric/uimanager/tests/FabricUIManagerTest.cpp
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <memory>
+
+#include <fabric/uimanager/FabricUIManager.h>
+#include <gtest/gtest.h>
+
+using namespace facebook::react;
+
+TEST(FabricUIManagerTest, testSomething) {
+  // TODO
+}
diff --git a/ReactCommon/jschelpers/BUCK b/ReactCommon/jschelpers/BUCK
index ac9ee706deb1a0..7739b8f7dc5454 100644
--- a/ReactCommon/jschelpers/BUCK
+++ b/ReactCommon/jschelpers/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_xplat_cxx_library", "react_native_xplat_target", "ANDROID_JSC_INTERNAL_DEPS", "APPLE_JSC_INTERNAL_DEPS")
+load("//ReactNative:DEFS.bzl", "ANDROID", "ANDROID_JSC_INTERNAL_DEPS", "APPLE", "APPLE_JSC_INTERNAL_DEPS", "react_native_xplat_target", "rn_xplat_cxx_library")
 
 EXPORTED_HEADERS = [
     "JavaScriptCore.h",
@@ -13,11 +13,11 @@ rn_xplat_cxx_library(
     name = "jscinternalhelpers",
     srcs = glob(
         ["*.cpp"],
-        excludes = ["systemJSCWrapper.cpp"],
+        exclude = ["systemJSCWrapper.cpp"],
     ),
     headers = glob(
         ["*.h"],
-        excludes = EXPORTED_HEADERS,
+        exclude = EXPORTED_HEADERS,
     ),
     header_namespace = "",
     exported_headers = dict([
@@ -34,12 +34,10 @@ rn_xplat_cxx_library(
         "-fvisibility=hidden",
         "-std=c++1y",
     ],
-    exported_deps = [
-        react_native_xplat_target("privatedata:privatedata"),
-    ],
     fbandroid_deps = ANDROID_JSC_INTERNAL_DEPS,
     fbobjc_deps = APPLE_JSC_INTERNAL_DEPS,
     force_static = True,
+    platforms = (ANDROID, APPLE),
     visibility = [
         "PUBLIC",
     ],
@@ -48,6 +46,9 @@ rn_xplat_cxx_library(
         "xplat//third-party/glog:glog",
         react_native_xplat_target("privatedata:privatedata"),
     ],
+    exported_deps = [
+        react_native_xplat_target("privatedata:privatedata"),
+    ],
 )
 
 rn_xplat_cxx_library(
@@ -64,6 +65,7 @@ rn_xplat_cxx_library(
     ],
     fbobjc_srcs = ["systemJSCWrapper.cpp"],
     force_static = True,
+    platforms = (ANDROID, APPLE),
     visibility = [
         "PUBLIC",
     ],
diff --git a/ReactCommon/jschelpers/JSCHelpers.cpp b/ReactCommon/jschelpers/JSCHelpers.cpp
index e691d2d1ea9dbb..3c28eb81ac6b02 100644
--- a/ReactCommon/jschelpers/JSCHelpers.cpp
+++ b/ReactCommon/jschelpers/JSCHelpers.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "JSCHelpers.h"
 
diff --git a/ReactCommon/jschelpers/JSCHelpers.h b/ReactCommon/jschelpers/JSCHelpers.h
index 45e69191888c4d..9bf2e5ee90216e 100644
--- a/ReactCommon/jschelpers/JSCHelpers.h
+++ b/ReactCommon/jschelpers/JSCHelpers.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/jschelpers/JSCWrapper.h b/ReactCommon/jschelpers/JSCWrapper.h
index d221ea7eb410e6..471c23948b4ab6 100644
--- a/ReactCommon/jschelpers/JSCWrapper.h
+++ b/ReactCommon/jschelpers/JSCWrapper.h
@@ -99,6 +99,7 @@ struct JSCWrapper {
 
   // JSClass
   JSC_WRAPPER_METHOD(JSClassCreate);
+  JSC_WRAPPER_METHOD(JSClassRetain);
   JSC_WRAPPER_METHOD(JSClassRelease);
 
   // JSObject
diff --git a/ReactCommon/jschelpers/JavaScriptCore.h b/ReactCommon/jschelpers/JavaScriptCore.h
index ff3dfd3b5dd072..4c61e8aeb3a0b5 100644
--- a/ReactCommon/jschelpers/JavaScriptCore.h
+++ b/ReactCommon/jschelpers/JavaScriptCore.h
@@ -134,6 +134,7 @@ jsc_poison(JSValueCreateJSONString JSValueGetType JSValueGetTypedArrayType JSVal
 
 // JSClass
 #define JSC_JSClassCreate(...) __jsc_bool_wrapper(JSClassCreate, __VA_ARGS__)
+#define JSC_JSClassRetain(...) __jsc_bool_wrapper(JSClassRetain, __VA_ARGS__)
 #define JSC_JSClassRelease(...) __jsc_bool_wrapper(JSClassRelease, __VA_ARGS__)
 
 jsc_poison(JSClassCreate JSClassRelease JSClassRetain)
diff --git a/ReactCommon/jschelpers/Unicode.cpp b/ReactCommon/jschelpers/Unicode.cpp
index 5c515b4a7158b6..8b6dc78a970d7c 100644
--- a/ReactCommon/jschelpers/Unicode.cpp
+++ b/ReactCommon/jschelpers/Unicode.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "Unicode.h"
 
diff --git a/ReactCommon/jschelpers/Unicode.h b/ReactCommon/jschelpers/Unicode.h
index a3e5fa93972410..91ac167269839b 100644
--- a/ReactCommon/jschelpers/Unicode.h
+++ b/ReactCommon/jschelpers/Unicode.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/jschelpers/Value.cpp b/ReactCommon/jschelpers/Value.cpp
index 72e303b18a152d..09dc1c9ef2dbdd 100644
--- a/ReactCommon/jschelpers/Value.cpp
+++ b/ReactCommon/jschelpers/Value.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "Value.h"
 
diff --git a/ReactCommon/jschelpers/Value.h b/ReactCommon/jschelpers/Value.h
index e7df097096fd40..d902732cc256dc 100644
--- a/ReactCommon/jschelpers/Value.h
+++ b/ReactCommon/jschelpers/Value.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/jschelpers/noncopyable.h b/ReactCommon/jschelpers/noncopyable.h
index 96b32d44b835d5..d8a1cca4b06217 100644
--- a/ReactCommon/jschelpers/noncopyable.h
+++ b/ReactCommon/jschelpers/noncopyable.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 namespace facebook {
diff --git a/ReactCommon/jschelpers/systemJSCWrapper.cpp b/ReactCommon/jschelpers/systemJSCWrapper.cpp
index 45e0597efe8173..eecb036f547c0f 100644
--- a/ReactCommon/jschelpers/systemJSCWrapper.cpp
+++ b/ReactCommon/jschelpers/systemJSCWrapper.cpp
@@ -82,6 +82,7 @@ const JSCWrapper* systemJSCWrapper() {
       .JSStringRetain = JSStringRetain,
 
       .JSClassCreate = JSClassCreate,
+      .JSClassRetain = JSClassRetain,
       .JSClassRelease = JSClassRelease,
 
       .JSObjectCallAsConstructor = JSObjectCallAsConstructor,
diff --git a/ReactCommon/jsinspector/BUCK b/ReactCommon/jsinspector/BUCK
index f50840b71dd847..ceb0293f71eb1c 100644
--- a/ReactCommon/jsinspector/BUCK
+++ b/ReactCommon/jsinspector/BUCK
@@ -1,3 +1,4 @@
+load("@xplat//tools/build_defs:glob_defs.bzl", "subdir_glob")
 load("//ReactNative:DEFS.bzl", "rn_xplat_cxx_library")
 
 EXPORTED_HEADERS = [
@@ -13,7 +14,7 @@ rn_xplat_cxx_library(
         [
             ("", "*.h"),
         ],
-        excludes = EXPORTED_HEADERS,
+        exclude = EXPORTED_HEADERS,
         prefix = "jsinspector",
     ),
     header_namespace = "",
diff --git a/ReactCommon/microprofiler/BUCK b/ReactCommon/microprofiler/BUCK
index 2b05e8e52c0593..d35af4ee2cbdba 100644
--- a/ReactCommon/microprofiler/BUCK
+++ b/ReactCommon/microprofiler/BUCK
@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "cxx_library", "GLOG_DEP")
+load("//ReactNative:DEFS.bzl", "GLOG_DEP", "cxx_library")
 
 cxx_library(
     name = "microprofiler",
diff --git a/ReactCommon/microprofiler/MicroProfiler.cpp b/ReactCommon/microprofiler/MicroProfiler.cpp
index 0487d96477b3c0..0f1e860e4a99ae 100644
--- a/ReactCommon/microprofiler/MicroProfiler.cpp
+++ b/ReactCommon/microprofiler/MicroProfiler.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include <algorithm>
 #include <chrono>
diff --git a/ReactCommon/microprofiler/MicroProfiler.h b/ReactCommon/microprofiler/MicroProfiler.h
index 79a102d7189ad3..30658da0b7233e 100644
--- a/ReactCommon/microprofiler/MicroProfiler.h
+++ b/ReactCommon/microprofiler/MicroProfiler.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/privatedata/BUCK b/ReactCommon/privatedata/BUCK
index 79983f49d07dd3..abd0de4d498eca 100644
--- a/ReactCommon/privatedata/BUCK
+++ b/ReactCommon/privatedata/BUCK
@@ -1,3 +1,4 @@
+load("@xplat//tools/build_defs:glob_defs.bzl", "subdir_glob")
 load("//ReactNative:DEFS.bzl", "rn_xplat_cxx_library")
 
 rn_xplat_cxx_library(
diff --git a/ReactCommon/privatedata/PrivateDataBase.cpp b/ReactCommon/privatedata/PrivateDataBase.cpp
index 133f526e611547..dd76506594c4bb 100644
--- a/ReactCommon/privatedata/PrivateDataBase.cpp
+++ b/ReactCommon/privatedata/PrivateDataBase.cpp
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #include "PrivateDataBase.h"
 
diff --git a/ReactCommon/privatedata/PrivateDataBase.h b/ReactCommon/privatedata/PrivateDataBase.h
index 599660c9f232f3..4553e80efcd978 100644
--- a/ReactCommon/privatedata/PrivateDataBase.h
+++ b/ReactCommon/privatedata/PrivateDataBase.h
@@ -1,4 +1,7 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 #pragma once
 
diff --git a/ReactCommon/yoga/BUCK b/ReactCommon/yoga/BUCK
index aa6308d384f6ea..43ac549233609d 100644
--- a/ReactCommon/yoga/BUCK
+++ b/ReactCommon/yoga/BUCK
@@ -1,6 +1,6 @@
-load("//ReactNative:DEFS.bzl", "rn_xplat_cxx_library")
+load("//ReactNative:DEFS.bzl", "cxx_library")
 
-rn_xplat_cxx_library(
+cxx_library(
     name = "yoga",
     srcs = glob(["yoga/*.cpp"]),
     header_namespace = "",
diff --git a/ReactCommon/yoga/yoga.podspec b/ReactCommon/yoga/yoga.podspec
index c38f4c09796cb6..6d5dc0357d9d9f 100644
--- a/ReactCommon/yoga/yoga.podspec
+++ b/ReactCommon/yoga/yoga.podspec
@@ -34,11 +34,15 @@ Pod::Spec.new do |spec|
   ]
 
   # Pinning to the same version as React.podspec.
-  spec.platforms = { :ios => "8.0", :tvos => "9.2" }
+  spec.platforms = { :ios => "9.0", :tvos => "9.2" }
 
-  # Set this environment variable when not using the `:path` option to install the pod.
+  # Set this environment variable when *not* using the `:path` option to install the pod.
   # E.g. when publishing this spec to a spec repo.
   source_files = 'yoga/**/*.{cpp,h}'
   source_files = File.join('ReactCommon/yoga', source_files) if ENV['INSTALL_YOGA_WITHOUT_PATH_OPTION']
   spec.source_files = source_files
+
+  header_files = 'yoga/{Yoga,YGEnums,YGMacros}.h'
+  header_files = File.join('ReactCommon/yoga', header_files) if ENV['INSTALL_YOGA_WITHOUT_PATH_OPTION']
+  spec.public_header_files = header_files
 end
diff --git a/ReactCommon/yoga/yoga/Utils.cpp b/ReactCommon/yoga/yoga/Utils.cpp
index 412845723b22b1..839952219d2860 100644
--- a/ReactCommon/yoga/yoga/Utils.cpp
+++ b/ReactCommon/yoga/yoga/Utils.cpp
@@ -1,12 +1,14 @@
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
+/*
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 #include "Utils.h"
 
+using namespace facebook;
+
 YGFlexDirection YGFlexDirectionCross(
     const YGFlexDirection flexDirection,
     const YGDirection direction) {
@@ -16,18 +18,18 @@ YGFlexDirection YGFlexDirectionCross(
 }
 
 float YGFloatMax(const float a, const float b) {
-  if (!YGFloatIsUndefined(a) && !YGFloatIsUndefined(b)) {
+  if (!yoga::isUndefined(a) && !yoga::isUndefined(b)) {
     return fmaxf(a, b);
   }
-  return YGFloatIsUndefined(a) ? b : a;
+  return yoga::isUndefined(a) ? b : a;
 }
 
 float YGFloatMin(const float a, const float b) {
-  if (!YGFloatIsUndefined(a) && !YGFloatIsUndefined(b)) {
+  if (!yoga::isUndefined(a) && !yoga::isUndefined(b)) {
     return fminf(a, b);
   }
 
-  return YGFloatIsUndefined(a) ? b : a;
+  return yoga::isUndefined(a) ? b : a;
 }
 
 bool YGValueEqual(const YGValue a, const YGValue b) {
@@ -36,7 +38,7 @@ bool YGValueEqual(const YGValue a, const YGValue b) {
   }
 
   if (a.unit == YGUnitUndefined ||
-      (YGFloatIsUndefined(a.value) && YGFloatIsUndefined(b.value))) {
+      (yoga::isUndefined(a.value) && yoga::isUndefined(b.value))) {
     return true;
   }
 
@@ -44,8 +46,25 @@ bool YGValueEqual(const YGValue a, const YGValue b) {
 }
 
 bool YGFloatsEqual(const float a, const float b) {
-  if (!YGFloatIsUndefined(a) && !YGFloatIsUndefined(b)) {
+  if (!yoga::isUndefined(a) && !yoga::isUndefined(b)) {
     return fabs(a - b) < 0.0001f;
   }
-  return YGFloatIsUndefined(a) && YGFloatIsUndefined(b);
+  return yoga::isUndefined(a) && yoga::isUndefined(b);
+}
+
+float YGFloatSanitize(const float& val) {
+  return yoga::isUndefined(val) ? 0 : val;
+}
+
+float YGUnwrapFloatOptional(const YGFloatOptional& op) {
+  return op.isUndefined() ? YGUndefined : op.getValue();
+}
+
+YGFloatOptional YGFloatOptionalMax(
+    const YGFloatOptional& op1,
+    const YGFloatOptional& op2) {
+  if (!op1.isUndefined() && !op2.isUndefined()) {
+    return op1.getValue() > op2.getValue() ? op1 : op2;
+  }
+  return op1.isUndefined() ? op2 : op1;
 }
diff --git a/ReactCommon/yoga/yoga/Utils.h b/ReactCommon/yoga/yoga/Utils.h
index 6ebeb86fc6b2b5..6c95b1e7aaf772 100644
--- a/ReactCommon/yoga/yoga/Utils.h
+++ b/ReactCommon/yoga/yoga/Utils.h
@@ -40,12 +40,12 @@ struct YGCollectFlexItemsRowValues {
   float sizeConsumedOnCurrentLine;
   float totalFlexGrowFactors;
   float totalFlexShrinkScaledFactors;
-  float endOfLineIndex;
+  uint32_t endOfLineIndex;
   std::vector<YGNodeRef> relativeChildren;
   float remainingFreeSpace;
   // The size of the mainDim for the row after considering size, padding, margin
   // and border of flex items. This is used to calculate maxLineDim after going
-  // through all the rows to decide on the main axis size of parent.
+  // through all the rows to decide on the main axis size of owner.
   float mainDim;
   // The size of the crossDim for the row after considering size, padding,
   // margin and border of flex items. Used for calculating containers crossSize.
@@ -65,6 +65,10 @@ bool YGFloatsEqual(const float a, const float b);
 // compiler flag.
 float YGFloatMax(const float a, const float b);
 
+YGFloatOptional YGFloatOptionalMax(
+    const YGFloatOptional& op1,
+    const YGFloatOptional& op2);
+
 // We need custom min function, since we want that, if one argument is
 // YGUndefined then the min funtion should return the other argument as the min
 // value. We wouldn't have needed a custom min function if YGUndefined was NAN
@@ -86,6 +90,14 @@ bool YGFloatArrayEqual(
   return areEqual;
 }
 
+// This function returns 0 if YGFloatIsUndefined(val) is true and val otherwise
+float YGFloatSanitize(const float& val);
+
+// This function unwraps optional and returns YGUndefined if not defined or
+// op.value otherwise
+// TODO: Get rid off this function
+float YGUnwrapFloatOptional(const YGFloatOptional& op);
+
 YGFlexDirection YGFlexDirectionCross(
     const YGFlexDirection flexDirection,
     const YGDirection direction);
@@ -95,17 +107,18 @@ inline bool YGFlexDirectionIsRow(const YGFlexDirection flexDirection) {
       flexDirection == YGFlexDirectionRowReverse;
 }
 
-inline float YGResolveValue(const YGValue value, const float parentSize) {
+inline YGFloatOptional YGResolveValue(const YGValue value, const float ownerSize) {
   switch (value.unit) {
     case YGUnitUndefined:
     case YGUnitAuto:
-      return YGUndefined;
+      return YGFloatOptional();
     case YGUnitPoint:
-      return value.value;
+      return YGFloatOptional(value.value);
     case YGUnitPercent:
-      return value.value * parentSize * 0.01;
+      return YGFloatOptional(
+          static_cast<float>(value.value * ownerSize * 0.01));
   }
-  return YGUndefined;
+  return YGFloatOptional();
 }
 
 inline bool YGFlexDirectionIsColumn(const YGFlexDirection flexDirection) {
@@ -127,8 +140,9 @@ inline YGFlexDirection YGResolveFlexDirection(
   return flexDirection;
 }
 
-static inline float YGResolveValueMargin(
+static inline YGFloatOptional YGResolveValueMargin(
     const YGValue value,
-    const float parentSize) {
-  return value.unit == YGUnitAuto ? 0 : YGResolveValue(value, parentSize);
+    const float ownerSize) {
+  return value.unit == YGUnitAuto ? YGFloatOptional(0)
+                                  : YGResolveValue(value, ownerSize);
 }
diff --git a/ReactCommon/yoga/yoga/YGConfig.cpp b/ReactCommon/yoga/yoga/YGConfig.cpp
new file mode 100644
index 00000000000000..5cee527852fc90
--- /dev/null
+++ b/ReactCommon/yoga/yoga/YGConfig.cpp
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "YGConfig.h"
+
+const std::array<bool, YGExperimentalFeatureCount>
+    kYGDefaultExperimentalFeatures = {{false}};
+
+YGConfig::YGConfig(YGLogger logger)
+    : experimentalFeatures(kYGDefaultExperimentalFeatures),
+      useWebDefaults(false),
+      useLegacyStretchBehaviour(false),
+      shouldDiffLayoutWithoutLegacyStretchBehaviour(false),
+      pointScaleFactor(1.0f), logger(logger), cloneNodeCallback(nullptr),
+      context(nullptr) {}
diff --git a/ReactCommon/yoga/yoga/YGConfig.h b/ReactCommon/yoga/yoga/YGConfig.h
new file mode 100644
index 00000000000000..0f655d1be3e6a1
--- /dev/null
+++ b/ReactCommon/yoga/yoga/YGConfig.h
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+#include "Yoga-internal.h"
+#include "Yoga.h"
+
+struct YGConfig {
+  std::array<bool, YGExperimentalFeatureCount> experimentalFeatures;
+  bool useWebDefaults;
+  bool useLegacyStretchBehaviour;
+  bool shouldDiffLayoutWithoutLegacyStretchBehaviour;
+  float pointScaleFactor;
+  YGLogger logger;
+  YGCloneNodeFunc cloneNodeCallback;
+  void* context;
+
+  YGConfig(YGLogger logger);
+};
diff --git a/ReactCommon/yoga/yoga/YGFloatOptional.cpp b/ReactCommon/yoga/yoga/YGFloatOptional.cpp
new file mode 100644
index 00000000000000..cb867f3ac2fa7c
--- /dev/null
+++ b/ReactCommon/yoga/yoga/YGFloatOptional.cpp
@@ -0,0 +1,84 @@
+/*
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
+ *
+ */
+#include "YGFloatOptional.h"
+#include <cstdlib>
+#include <iostream>
+#include "Yoga.h"
+#include "Yoga-internal.h"
+
+using namespace facebook;
+
+YGFloatOptional::YGFloatOptional(float value) {
+  if (yoga::isUndefined(value)) {
+    isUndefined_ = true;
+    value_ = 0;
+  } else {
+    value_ = value;
+    isUndefined_ = false;
+  }
+}
+
+float YGFloatOptional::getValue() const {
+  if (isUndefined_) {
+    // Abort, accessing a value of an undefined float optional
+    std::cerr << "Tried to get value of an undefined YGFloatOptional\n";
+    std::exit(EXIT_FAILURE);
+  }
+  return value_;
+}
+
+bool YGFloatOptional::operator==(const YGFloatOptional& op) const {
+  if (isUndefined_ == op.isUndefined()) {
+    return isUndefined_ || value_ == op.getValue();
+  }
+  return false;
+}
+
+bool YGFloatOptional::operator!=(const YGFloatOptional& op) const {
+  return !(*this == op);
+}
+
+bool YGFloatOptional::operator==(float val) const {
+  if (yoga::isUndefined(val) == isUndefined_) {
+    return isUndefined_ || val == value_;
+  }
+  return false;
+}
+
+bool YGFloatOptional::operator!=(float val) const {
+  return !(*this == val);
+}
+
+YGFloatOptional YGFloatOptional::operator+(const YGFloatOptional& op) {
+  if (!isUndefined_ && !op.isUndefined_) {
+    return YGFloatOptional(value_ + op.value_);
+  }
+  return YGFloatOptional();
+}
+
+bool YGFloatOptional::operator>(const YGFloatOptional& op) const {
+  if (isUndefined_ || op.isUndefined_) {
+    return false;
+  }
+  return value_ > op.value_;
+}
+
+bool YGFloatOptional::operator<(const YGFloatOptional& op) const {
+  if (isUndefined_ || op.isUndefined_) {
+    return false;
+  }
+  return value_ < op.value_;
+}
+
+bool YGFloatOptional::operator>=(const YGFloatOptional& op) const {
+  return *this == op || *this > op;
+}
+
+bool YGFloatOptional::operator<=(const YGFloatOptional& op) const {
+  return *this == op || *this < op;
+}
diff --git a/ReactCommon/yoga/yoga/YGFloatOptional.h b/ReactCommon/yoga/yoga/YGFloatOptional.h
new file mode 100644
index 00000000000000..114f3577a92c6f
--- /dev/null
+++ b/ReactCommon/yoga/yoga/YGFloatOptional.h
@@ -0,0 +1,44 @@
+/*
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
+ *
+ */
+#pragma once
+
+struct YGFloatOptional {
+ private:
+  float value_;
+  bool isUndefined_;
+
+ public:
+  explicit YGFloatOptional(float value);
+  explicit YGFloatOptional() : value_(0), isUndefined_(true) {}
+
+  // Program will terminate if the value of an undefined is accessed. Please
+  // make sure to check if the optional is defined before calling this function.
+  // To check if float optional is defined, use `isUndefined()`.
+  float getValue() const;
+
+  // Sets the value of float optional, and thus isUndefined is assigned false.
+  void setValue(float val) {
+    value_ = val;
+    isUndefined_ = false;
+  }
+
+  bool isUndefined() const {
+    return isUndefined_;
+  }
+
+  YGFloatOptional operator+(const YGFloatOptional& op);
+  bool operator>(const YGFloatOptional& op) const;
+  bool operator<(const YGFloatOptional& op) const;
+  bool operator>=(const YGFloatOptional& op) const;
+  bool operator<=(const YGFloatOptional& op) const;
+  bool operator==(const YGFloatOptional& op) const;
+  bool operator!=(const YGFloatOptional& op) const;
+
+  bool operator==(float val) const;
+  bool operator!=(float val) const;
+};
diff --git a/ReactCommon/yoga/yoga/YGLayout.cpp b/ReactCommon/yoga/yoga/YGLayout.cpp
index 4d798476ab18f6..03933ac9ab4665 100644
--- a/ReactCommon/yoga/yoga/YGLayout.cpp
+++ b/ReactCommon/yoga/yoga/YGLayout.cpp
@@ -1,13 +1,15 @@
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
+/*
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 #include "YGLayout.h"
 #include "Utils.h"
 
+using namespace facebook;
+
 const std::array<float, 2> kYGDefaultDimensionValues = {
     {YGUndefined, YGUndefined}};
 
@@ -19,10 +21,10 @@ YGLayout::YGLayout()
       padding(),
       direction(YGDirectionInherit),
       computedFlexBasisGeneration(0),
-      computedFlexBasis(YGUndefined),
+      computedFlexBasis(YGFloatOptional()),
       hadOverflow(false),
       generationCount(0),
-      lastParentDirection((YGDirection)-1),
+      lastOwnerDirection((YGDirection)-1),
       nextCachedMeasurementsIndex(0),
       cachedMeasurements(),
       measuredDimensions(kYGDefaultDimensionValues),
@@ -37,32 +39,25 @@ bool YGLayout::operator==(YGLayout layout) const {
       YGFloatArrayEqual(border, layout.border) &&
       YGFloatArrayEqual(padding, layout.padding) &&
       direction == layout.direction && hadOverflow == layout.hadOverflow &&
-      lastParentDirection == layout.lastParentDirection &&
+      lastOwnerDirection == layout.lastOwnerDirection &&
       nextCachedMeasurementsIndex == layout.nextCachedMeasurementsIndex &&
-      cachedLayout == layout.cachedLayout;
+      cachedLayout == layout.cachedLayout &&
+      computedFlexBasis == layout.computedFlexBasis;
 
   for (uint32_t i = 0; i < YG_MAX_CACHED_RESULT_COUNT && isEqual; ++i) {
     isEqual = isEqual && cachedMeasurements[i] == layout.cachedMeasurements[i];
   }
 
-  if (!YGFloatIsUndefined(computedFlexBasis) ||
-      !YGFloatIsUndefined(layout.computedFlexBasis)) {
-    isEqual = isEqual && (computedFlexBasis == layout.computedFlexBasis);
-  }
-  if (!YGFloatIsUndefined(measuredDimensions[0]) ||
-      !YGFloatIsUndefined(layout.measuredDimensions[0])) {
+  if (!yoga::isUndefined(measuredDimensions[0]) ||
+      !yoga::isUndefined(layout.measuredDimensions[0])) {
     isEqual =
         isEqual && (measuredDimensions[0] == layout.measuredDimensions[0]);
   }
-  if (!YGFloatIsUndefined(measuredDimensions[1]) ||
-      !YGFloatIsUndefined(layout.measuredDimensions[1])) {
+  if (!yoga::isUndefined(measuredDimensions[1]) ||
+      !yoga::isUndefined(layout.measuredDimensions[1])) {
     isEqual =
         isEqual && (measuredDimensions[1] == layout.measuredDimensions[1]);
   }
 
   return isEqual;
 }
-
-bool YGLayout::operator!=(YGLayout layout) const {
-  return !(*this == layout);
-}
diff --git a/ReactCommon/yoga/yoga/YGLayout.h b/ReactCommon/yoga/yoga/YGLayout.h
index cfe559f64bc170..1df905d0b80af5 100644
--- a/ReactCommon/yoga/yoga/YGLayout.h
+++ b/ReactCommon/yoga/yoga/YGLayout.h
@@ -1,11 +1,12 @@
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
+/*
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 #pragma once
+#include "YGFloatOptional.h"
 #include "Yoga-internal.h"
 
 struct YGLayout {
@@ -17,13 +18,13 @@ struct YGLayout {
   YGDirection direction;
 
   uint32_t computedFlexBasisGeneration;
-  float computedFlexBasis;
+  YGFloatOptional computedFlexBasis;
   bool hadOverflow;
 
   // Instead of recomputing the entire layout every single time, we
   // cache some information to break early when nothing changed
   uint32_t generationCount;
-  YGDirection lastParentDirection;
+  YGDirection lastOwnerDirection;
 
   uint32_t nextCachedMeasurementsIndex;
   std::array<YGCachedMeasurement, YG_MAX_CACHED_RESULT_COUNT>
@@ -37,5 +38,7 @@ struct YGLayout {
   YGLayout();
 
   bool operator==(YGLayout layout) const;
-  bool operator!=(YGLayout layout) const;
+  bool operator!=(YGLayout layout) const {
+    return !(*this == layout);
+  }
 };
diff --git a/ReactCommon/yoga/yoga/YGNode.cpp b/ReactCommon/yoga/yoga/YGNode.cpp
index ae7fce26e8ce3a..a80484f168cc19 100644
--- a/ReactCommon/yoga/yoga/YGNode.cpp
+++ b/ReactCommon/yoga/yoga/YGNode.cpp
@@ -1,93 +1,19 @@
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
+/*
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 #include "YGNode.h"
 #include <iostream>
 #include "Utils.h"
 
-void* YGNode::getContext() const {
-  return context_;
-}
-
-YGPrintFunc YGNode::getPrintFunc() const {
-  return print_;
-}
-
-bool YGNode::getHasNewLayout() const {
-  return hasNewLayout_;
-}
-
-YGNodeType YGNode::getNodeType() const {
-  return nodeType_;
-}
-
-YGMeasureFunc YGNode::getMeasure() const {
-  return measure_;
-}
-
-YGBaselineFunc YGNode::getBaseline() const {
-  return baseline_;
-}
-
-YGDirtiedFunc YGNode::getDirtied() const {
-  return dirtied_;
-}
-
-YGStyle& YGNode::getStyle() {
-  return style_;
-}
-
-YGLayout& YGNode::getLayout() {
-  return layout_;
-}
-
-uint32_t YGNode::getLineIndex() const {
-  return lineIndex_;
-}
-
-YGNodeRef YGNode::getParent() const {
-  return parent_;
-}
-
-YGVector YGNode::getChildren() const {
-  return children_;
-}
-
-uint32_t YGNode::getChildrenCount() const {
-  return static_cast<uint32_t>(children_.size());
-}
-
-YGNodeRef YGNode::getChild(uint32_t index) const {
-  return children_.at(index);
-}
-
-YGNodeRef YGNode::getNextChild() const {
-  return nextChild_;
-}
-
-YGConfigRef YGNode::getConfig() const {
-  return config_;
-}
-
-bool YGNode::isDirty() const {
-  return isDirty_;
-}
-
-YGValue YGNode::getResolvedDimension(int index) {
-  return resolvedDimensions_[index];
-}
-
-std::array<YGValue, 2> YGNode::getResolvedDimensions() const {
-  return resolvedDimensions_;
-}
+using namespace facebook;
 
-float YGNode::getLeadingPosition(
-    const YGFlexDirection axis,
-    const float axisSize) {
+YGFloatOptional YGNode::getLeadingPosition(
+    const YGFlexDirection& axis,
+    const float& axisSize) const {
   if (YGFlexDirectionIsRow(axis)) {
     const YGValue* leadingPosition =
         YGComputedEdgeValue(style_.position, YGEdgeStart, &YGValueUndefined);
@@ -100,13 +26,13 @@ float YGNode::getLeadingPosition(
       YGComputedEdgeValue(style_.position, leading[axis], &YGValueUndefined);
 
   return leadingPosition->unit == YGUnitUndefined
-      ? 0.0f
+      ? YGFloatOptional(0)
       : YGResolveValue(*leadingPosition, axisSize);
 }
 
-float YGNode::getTrailingPosition(
-    const YGFlexDirection axis,
-    const float axisSize) {
+YGFloatOptional YGNode::getTrailingPosition(
+    const YGFlexDirection& axis,
+    const float& axisSize) const {
   if (YGFlexDirectionIsRow(axis)) {
     const YGValue* trailingPosition =
         YGComputedEdgeValue(style_.position, YGEdgeEnd, &YGValueUndefined);
@@ -119,11 +45,11 @@ float YGNode::getTrailingPosition(
       YGComputedEdgeValue(style_.position, trailing[axis], &YGValueUndefined);
 
   return trailingPosition->unit == YGUnitUndefined
-      ? 0.0f
+      ? YGFloatOptional(0)
       : YGResolveValue(*trailingPosition, axisSize);
 }
 
-bool YGNode::isLeadingPositionDefined(const YGFlexDirection axis) {
+bool YGNode::isLeadingPositionDefined(const YGFlexDirection& axis) const {
   return (YGFlexDirectionIsRow(axis) &&
           YGComputedEdgeValue(style_.position, YGEdgeStart, &YGValueUndefined)
                   ->unit != YGUnitUndefined) ||
@@ -131,7 +57,7 @@ bool YGNode::isLeadingPositionDefined(const YGFlexDirection axis) {
           ->unit != YGUnitUndefined;
 }
 
-bool YGNode::isTrailingPosDefined(const YGFlexDirection axis) {
+bool YGNode::isTrailingPosDefined(const YGFlexDirection& axis) const {
   return (YGFlexDirectionIsRow(axis) &&
           YGComputedEdgeValue(style_.position, YGEdgeEnd, &YGValueUndefined)
                   ->unit != YGUnitUndefined) ||
@@ -139,9 +65,9 @@ bool YGNode::isTrailingPosDefined(const YGFlexDirection axis) {
           ->unit != YGUnitUndefined;
 }
 
-float YGNode::getLeadingMargin(
-    const YGFlexDirection axis,
-    const float widthSize) {
+YGFloatOptional YGNode::getLeadingMargin(
+    const YGFlexDirection& axis,
+    const float& widthSize) const {
   if (YGFlexDirectionIsRow(axis) &&
       style_.margin[YGEdgeStart].unit != YGUnitUndefined) {
     return YGResolveValueMargin(style_.margin[YGEdgeStart], widthSize);
@@ -152,9 +78,9 @@ float YGNode::getLeadingMargin(
       widthSize);
 }
 
-float YGNode::getTrailingMargin(
-    const YGFlexDirection axis,
-    const float widthSize) {
+YGFloatOptional YGNode::getTrailingMargin(
+    const YGFlexDirection& axis,
+    const float& widthSize) const {
   if (YGFlexDirectionIsRow(axis) &&
       style_.margin[YGEdgeEnd].unit != YGUnitUndefined) {
     return YGResolveValueMargin(style_.margin[YGEdgeEnd], widthSize);
@@ -165,38 +91,14 @@ float YGNode::getTrailingMargin(
       widthSize);
 }
 
-float YGNode::getMarginForAxis(
-    const YGFlexDirection axis,
-    const float widthSize) {
+YGFloatOptional YGNode::getMarginForAxis(
+    const YGFlexDirection& axis,
+    const float& widthSize) const {
   return getLeadingMargin(axis, widthSize) + getTrailingMargin(axis, widthSize);
 }
 
 // Setters
 
-void YGNode::setContext(void* context) {
-  context_ = context;
-}
-
-void YGNode::setPrintFunc(YGPrintFunc printFunc) {
-  print_ = printFunc;
-}
-
-void YGNode::setHasNewLayout(bool hasNewLayout) {
-  hasNewLayout_ = hasNewLayout;
-}
-
-void YGNode::setNodeType(YGNodeType nodeType) {
-  nodeType_ = nodeType;
-}
-
-void YGNode::setStyleFlexDirection(YGFlexDirection direction) {
-  style_.flexDirection = direction;
-}
-
-void YGNode::setStyleAlignContent(YGAlign alignContent) {
-  style_.alignContent = alignContent;
-}
-
 void YGNode::setMeasureFunc(YGMeasureFunc measureFunc) {
   if (measureFunc == nullptr) {
     measure_ = nullptr;
@@ -217,38 +119,6 @@ void YGNode::setMeasureFunc(YGMeasureFunc measureFunc) {
   measure_ = measureFunc;
 }
 
-void YGNode::setBaseLineFunc(YGBaselineFunc baseLineFunc) {
-  baseline_ = baseLineFunc;
-}
-
-void YGNode::setDirtiedFunc(YGDirtiedFunc dirtiedFunc) {
-  dirtied_ = dirtiedFunc;
-}
-
-void YGNode::setStyle(YGStyle style) {
-  style_ = style;
-}
-
-void YGNode::setLayout(YGLayout layout) {
-  layout_ = layout;
-}
-
-void YGNode::setLineIndex(uint32_t lineIndex) {
-  lineIndex_ = lineIndex;
-}
-
-void YGNode::setParent(YGNodeRef parent) {
-  parent_ = parent;
-}
-
-void YGNode::setChildren(YGVector children) {
-  children_ = children;
-}
-
-void YGNode::setNextChild(YGNodeRef nextChild) {
-  nextChild_ = nextChild;
-}
-
 void YGNode::replaceChild(YGNodeRef child, uint32_t index) {
   children_[index] = child;
 }
@@ -261,10 +131,6 @@ void YGNode::insertChild(YGNodeRef child, uint32_t index) {
   children_.insert(children_.begin() + index, child);
 }
 
-void YGNode::setConfig(YGConfigRef config) {
-  config_ = config;
-}
-
 void YGNode::setDirty(bool isDirty) {
   if (isDirty == isDirty_) {
     return;
@@ -305,11 +171,12 @@ void YGNode::setLayoutPadding(float padding, int index) {
   layout_.padding[index] = padding;
 }
 
-void YGNode::setLayoutLastParentDirection(YGDirection direction) {
-  layout_.lastParentDirection = direction;
+void YGNode::setLayoutLastOwnerDirection(YGDirection direction) {
+  layout_.lastOwnerDirection = direction;
 }
 
-void YGNode::setLayoutComputedFlexBasis(float computedFlexBasis) {
+void YGNode::setLayoutComputedFlexBasis(
+    const YGFloatOptional& computedFlexBasis) {
   layout_.computedFlexBasis = computedFlexBasis;
 }
 
@@ -336,118 +203,57 @@ void YGNode::setLayoutDimension(float dimension, int index) {
 
 // If both left and right are defined, then use left. Otherwise return
 // +left or -right depending on which is defined.
-float YGNode::relativePosition(
-    const YGFlexDirection axis,
-    const float axisSize) {
-  return isLeadingPositionDefined(axis) ? getLeadingPosition(axis, axisSize)
-                                        : -getTrailingPosition(axis, axisSize);
+YGFloatOptional YGNode::relativePosition(
+    const YGFlexDirection& axis,
+    const float& axisSize) const {
+  if (isLeadingPositionDefined(axis)) {
+    return getLeadingPosition(axis, axisSize);
+  }
+
+  YGFloatOptional trailingPosition = getTrailingPosition(axis, axisSize);
+  if (!trailingPosition.isUndefined()) {
+    trailingPosition.setValue(-1 * trailingPosition.getValue());
+  }
+  return trailingPosition;
 }
 
 void YGNode::setPosition(
     const YGDirection direction,
     const float mainSize,
     const float crossSize,
-    const float parentWidth) {
+    const float ownerWidth) {
   /* Root nodes should be always layouted as LTR, so we don't return negative
    * values. */
   const YGDirection directionRespectingRoot =
-      parent_ != nullptr ? direction : YGDirectionLTR;
+      owner_ != nullptr ? direction : YGDirectionLTR;
   const YGFlexDirection mainAxis =
       YGResolveFlexDirection(style_.flexDirection, directionRespectingRoot);
   const YGFlexDirection crossAxis =
       YGFlexDirectionCross(mainAxis, directionRespectingRoot);
 
-  const float relativePositionMain = relativePosition(mainAxis, mainSize);
-  const float relativePositionCross = relativePosition(crossAxis, crossSize);
+  const YGFloatOptional relativePositionMain =
+      relativePosition(mainAxis, mainSize);
+  const YGFloatOptional relativePositionCross =
+      relativePosition(crossAxis, crossSize);
 
   setLayoutPosition(
-      getLeadingMargin(mainAxis, parentWidth) + relativePositionMain,
+      YGUnwrapFloatOptional(
+          getLeadingMargin(mainAxis, ownerWidth) + relativePositionMain),
       leading[mainAxis]);
   setLayoutPosition(
-      getTrailingMargin(mainAxis, parentWidth) + relativePositionMain,
+      YGUnwrapFloatOptional(
+          getTrailingMargin(mainAxis, ownerWidth) + relativePositionMain),
       trailing[mainAxis]);
   setLayoutPosition(
-      getLeadingMargin(crossAxis, parentWidth) + relativePositionCross,
+      YGUnwrapFloatOptional(
+          getLeadingMargin(crossAxis, ownerWidth) + relativePositionCross),
       leading[crossAxis]);
   setLayoutPosition(
-      getTrailingMargin(crossAxis, parentWidth) + relativePositionCross,
+      YGUnwrapFloatOptional(
+          getTrailingMargin(crossAxis, ownerWidth) + relativePositionCross),
       trailing[crossAxis]);
 }
 
-YGNode::YGNode()
-    : context_(nullptr),
-      print_(nullptr),
-      hasNewLayout_(true),
-      nodeType_(YGNodeTypeDefault),
-      measure_(nullptr),
-      baseline_(nullptr),
-      dirtied_(nullptr),
-      style_(YGStyle()),
-      layout_(YGLayout()),
-      lineIndex_(0),
-      parent_(nullptr),
-      children_(YGVector()),
-      nextChild_(nullptr),
-      config_(nullptr),
-      isDirty_(false),
-      resolvedDimensions_({{YGValueUndefined, YGValueUndefined}}) {}
-
-YGNode::YGNode(const YGNode& node)
-    : context_(node.context_),
-      print_(node.print_),
-      hasNewLayout_(node.hasNewLayout_),
-      nodeType_(node.nodeType_),
-      measure_(node.measure_),
-      baseline_(node.baseline_),
-      dirtied_(node.dirtied_),
-      style_(node.style_),
-      layout_(node.layout_),
-      lineIndex_(node.lineIndex_),
-      parent_(node.parent_),
-      children_(node.children_),
-      nextChild_(node.nextChild_),
-      config_(node.config_),
-      isDirty_(node.isDirty_),
-      resolvedDimensions_(node.resolvedDimensions_) {}
-
-YGNode::YGNode(const YGConfigRef newConfig) : YGNode() {
-  config_ = newConfig;
-}
-
-YGNode::YGNode(
-    void* context,
-    YGPrintFunc print,
-    bool hasNewLayout,
-    YGNodeType nodeType,
-    YGMeasureFunc measure,
-    YGBaselineFunc baseline,
-    YGDirtiedFunc dirtied,
-    YGStyle style,
-    YGLayout layout,
-    uint32_t lineIndex,
-    YGNodeRef parent,
-    YGVector children,
-    YGNodeRef nextChild,
-    YGConfigRef config,
-    bool isDirty,
-    std::array<YGValue, 2> resolvedDimensions)
-    : context_(context),
-      print_(print),
-      hasNewLayout_(hasNewLayout),
-      nodeType_(nodeType),
-      measure_(measure),
-      baseline_(baseline),
-      dirtied_(dirtied),
-      style_(style),
-      layout_(layout),
-      lineIndex_(lineIndex),
-      parent_(parent),
-      children_(children),
-      nextChild_(nextChild),
-      config_(config),
-      isDirty_(isDirty),
-      resolvedDimensions_(resolvedDimensions) {}
-
 YGNode& YGNode::operator=(const YGNode& node) {
   if (&node == this) {
     return *this;
@@ -467,9 +273,8 @@ YGNode& YGNode::operator=(const YGNode& node) {
   style_ = node.style_;
   layout_ = node.layout_;
   lineIndex_ = node.getLineIndex();
-  parent_ = node.getParent();
+  owner_ = node.getOwner();
   children_ = node.getChildren();
-  nextChild_ = node.getNextChild();
   config_ = node.getConfig();
   isDirty_ = node.isDirty();
   resolvedDimensions_ = node.getResolvedDimensions();
@@ -500,7 +305,7 @@ YGValue YGNode::resolveFlexBasisPtr() const {
   if (flexBasis.unit != YGUnitAuto && flexBasis.unit != YGUnitUndefined) {
     return flexBasis;
   }
-  if (!YGFloatIsUndefined(style_.flex) && style_.flex > 0.0f) {
+  if (!style_.flex.isUndefined() && style_.flex.getValue() > 0.0f) {
     return config_->useWebDefaults ? YGValueAuto : YGValueZero;
   }
   return YGValueAuto;
@@ -518,10 +323,10 @@ void YGNode::resolveDimension() {
   }
 }
 
-YGDirection YGNode::resolveDirection(const YGDirection parentDirection) {
+YGDirection YGNode::resolveDirection(const YGDirection ownerDirection) {
   if (style_.direction == YGDirectionInherit) {
-    return parentDirection > YGDirectionInherit ? parentDirection
-                                                : YGDirectionLTR;
+    return ownerDirection > YGDirectionInherit ? ownerDirection
+                                               : YGDirectionLTR;
   } else {
     return style_.direction;
   }
@@ -532,11 +337,6 @@ void YGNode::clearChildren() {
   children_.shrink_to_fit();
 }
 
-YGNode::~YGNode() {
-  // All the member variables are deallocated externally, so no need to
-  // deallocate here
-}
-
 // Other Methods
 
 void YGNode::cloneChildrenIfNeeded() {
@@ -550,32 +350,35 @@ void YGNode::cloneChildrenIfNeeded() {
   }
 
   const YGNodeRef firstChild = children_.front();
-  if (firstChild->getParent() == this) {
-    // If the first child has this node as its parent, we assume that it is
+  if (firstChild->getOwner() == this) {
+    // If the first child has this node as its owner, we assume that it is
     // already unique. We can do this because if we have it has a child, that
-    // means that its parent was at some point cloned which made that subtree
+    // means that its owner was at some point cloned which made that subtree
     // immutable. We also assume that all its sibling are cloned as well.
     return;
   }
 
-  const YGNodeClonedFunc cloneNodeCallback = config_->cloneNodeCallback;
+  const YGCloneNodeFunc cloneNodeCallback = config_->cloneNodeCallback;
   for (uint32_t i = 0; i < childCount; ++i) {
     const YGNodeRef oldChild = children_[i];
-    const YGNodeRef newChild = YGNodeClone(oldChild);
-    replaceChild(newChild, i);
-    newChild->setParent(this);
+    YGNodeRef newChild = nullptr;
     if (cloneNodeCallback) {
-      cloneNodeCallback(oldChild, newChild, this, i);
+      newChild = cloneNodeCallback(oldChild, this, i);
     }
+    if (newChild == nullptr) {
+      newChild = YGNodeClone(oldChild);
+    }
+    replaceChild(newChild, i);
+    newChild->setOwner(this);
   }
 }
 
 void YGNode::markDirtyAndPropogate() {
   if (!isDirty_) {
     setDirty(true);
-    setLayoutComputedFlexBasis(YGUndefined);
-    if (parent_) {
-      parent_->markDirtyAndPropogate();
+    setLayoutComputedFlexBasis(YGFloatOptional());
+    if (owner_) {
+      owner_->markDirtyAndPropogate();
     }
   }
 }
@@ -589,28 +392,28 @@ void YGNode::markDirtyAndPropogateDownwards() {
 
 float YGNode::resolveFlexGrow() {
   // Root nodes flexGrow should always be 0
-  if (parent_ == nullptr) {
+  if (owner_ == nullptr) {
     return 0.0;
   }
-  if (!YGFloatIsUndefined(style_.flexGrow)) {
-    return style_.flexGrow;
+  if (!style_.flexGrow.isUndefined()) {
+    return style_.flexGrow.getValue();
   }
-  if (!YGFloatIsUndefined(style_.flex) && style_.flex > 0.0f) {
-    return style_.flex;
+  if (!style_.flex.isUndefined() && style_.flex.getValue() > 0.0f) {
+    return style_.flex.getValue();
   }
   return kDefaultFlexGrow;
 }
 
 float YGNode::resolveFlexShrink() {
-  if (parent_ == nullptr) {
+  if (owner_ == nullptr) {
     return 0.0;
   }
-  if (!YGFloatIsUndefined(style_.flexShrink)) {
-    return style_.flexShrink;
+  if (!style_.flexShrink.isUndefined()) {
+    return style_.flexShrink.getValue();
   }
-  if (!config_->useWebDefaults && !YGFloatIsUndefined(style_.flex) &&
-      style_.flex < 0.0f) {
-    return -style_.flex;
+  if (!config_->useWebDefaults && !style_.flex.isUndefined() &&
+      style_.flex.getValue() < 0.0f) {
+    return -style_.flex.getValue();
   }
   return config_->useWebDefaults ? kWebDefaultFlexShrink : kDefaultFlexShrink;
 }
@@ -621,10 +424,10 @@ bool YGNode::isNodeFlexible() {
       (resolveFlexGrow() != 0 || resolveFlexShrink() != 0));
 }
 
-float YGNode::getLeadingBorder(const YGFlexDirection axis) {
+float YGNode::getLeadingBorder(const YGFlexDirection& axis) const {
   if (YGFlexDirectionIsRow(axis) &&
       style_.border[YGEdgeStart].unit != YGUnitUndefined &&
-      !YGFloatIsUndefined(style_.border[YGEdgeStart].value) &&
+      !yoga::isUndefined(style_.border[YGEdgeStart].value) &&
       style_.border[YGEdgeStart].value >= 0.0f) {
     return style_.border[YGEdgeStart].value;
   }
@@ -634,10 +437,10 @@ float YGNode::getLeadingBorder(const YGFlexDirection axis) {
   return YGFloatMax(computedEdgeValue, 0.0f);
 }
 
-float YGNode::getTrailingBorder(const YGFlexDirection flexDirection) {
+float YGNode::getTrailingBorder(const YGFlexDirection& flexDirection) const {
   if (YGFlexDirectionIsRow(flexDirection) &&
       style_.border[YGEdgeEnd].unit != YGUnitUndefined &&
-      !YGFloatIsUndefined(style_.border[YGEdgeEnd].value) &&
+      !yoga::isUndefined(style_.border[YGEdgeEnd].value) &&
       style_.border[YGEdgeEnd].value >= 0.0f) {
     return style_.border[YGEdgeEnd].value;
   }
@@ -648,51 +451,52 @@ float YGNode::getTrailingBorder(const YGFlexDirection flexDirection) {
   return YGFloatMax(computedEdgeValue, 0.0f);
 }
 
-float YGNode::getLeadingPadding(
-    const YGFlexDirection axis,
-    const float widthSize) {
+YGFloatOptional YGNode::getLeadingPadding(
+    const YGFlexDirection& axis,
+    const float& widthSize) const {
+  const YGFloatOptional& paddingEdgeStart =
+      YGResolveValue(style_.padding[YGEdgeStart], widthSize);
   if (YGFlexDirectionIsRow(axis) &&
       style_.padding[YGEdgeStart].unit != YGUnitUndefined &&
-      !YGFloatIsUndefined(
-          YGResolveValue(style_.padding[YGEdgeStart], widthSize)) &&
-      YGResolveValue(style_.padding[YGEdgeStart], widthSize) > 0.0f) {
-    return YGResolveValue(style_.padding[YGEdgeStart], widthSize);
+      !paddingEdgeStart.isUndefined() && paddingEdgeStart.getValue() > 0.0f) {
+    return paddingEdgeStart;
   }
 
-  float resolvedValue = YGResolveValue(
+  YGFloatOptional resolvedValue = YGResolveValue(
       *YGComputedEdgeValue(style_.padding, leading[axis], &YGValueZero),
       widthSize);
-  return YGFloatMax(resolvedValue, 0.0f);
+  return YGFloatOptionalMax(resolvedValue, YGFloatOptional(0.0f));
 }
 
-float YGNode::getTrailingPadding(
-    const YGFlexDirection axis,
-    const float widthSize) {
+YGFloatOptional YGNode::getTrailingPadding(
+    const YGFlexDirection& axis,
+    const float& widthSize) const {
   if (YGFlexDirectionIsRow(axis) &&
       style_.padding[YGEdgeEnd].unit != YGUnitUndefined &&
-      !YGFloatIsUndefined(
-          YGResolveValue(style_.padding[YGEdgeEnd], widthSize)) &&
-      YGResolveValue(style_.padding[YGEdgeEnd], widthSize) >= 0.0f) {
+      !YGResolveValue(style_.padding[YGEdgeEnd], widthSize).isUndefined() &&
+      YGResolveValue(style_.padding[YGEdgeEnd], widthSize).getValue() >= 0.0f) {
     return YGResolveValue(style_.padding[YGEdgeEnd], widthSize);
   }
 
-  float resolvedValue = YGResolveValue(
+  YGFloatOptional resolvedValue = YGResolveValue(
       *YGComputedEdgeValue(style_.padding, trailing[axis], &YGValueZero),
       widthSize);
 
-  return YGFloatMax(resolvedValue, 0.0f);
+  return YGFloatOptionalMax(resolvedValue, YGFloatOptional(0.0f));
 }
 
-float YGNode::getLeadingPaddingAndBorder(
-    const YGFlexDirection axis,
-    const float widthSize) {
-  return getLeadingPadding(axis, widthSize) + getLeadingBorder(axis);
+YGFloatOptional YGNode::getLeadingPaddingAndBorder(
+    const YGFlexDirection& axis,
+    const float& widthSize) const {
+  return getLeadingPadding(axis, widthSize) +
+      YGFloatOptional(getLeadingBorder(axis));
 }
 
-float YGNode::getTrailingPaddingAndBorder(
-    const YGFlexDirection axis,
-    const float widthSize) {
-  return getTrailingPadding(axis, widthSize) + getTrailingBorder(axis);
+YGFloatOptional YGNode::getTrailingPaddingAndBorder(
+    const YGFlexDirection& axis,
+    const float& widthSize) const {
+  return getTrailingPadding(axis, widthSize) +
+      YGFloatOptional(getTrailingBorder(axis));
 }
 
 bool YGNode::didUseLegacyFlag() {
diff --git a/ReactCommon/yoga/yoga/YGNode.h b/ReactCommon/yoga/yoga/YGNode.h
index 27a1ed68fac113..7120846ef731af 100644
--- a/ReactCommon/yoga/yoga/YGNode.h
+++ b/ReactCommon/yoga/yoga/YGNode.h
@@ -1,123 +1,233 @@
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
+/*
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 #pragma once
 #include <stdio.h>
+#include "YGConfig.h"
 #include "YGLayout.h"
 #include "YGStyle.h"
 #include "Yoga-internal.h"
 
 struct YGNode {
  private:
-  void* context_;
-  YGPrintFunc print_;
-  bool hasNewLayout_;
-  YGNodeType nodeType_;
-  YGMeasureFunc measure_;
-  YGBaselineFunc baseline_;
-  YGDirtiedFunc dirtied_;
-  YGStyle style_;
-  YGLayout layout_;
-  uint32_t lineIndex_;
-  YGNodeRef parent_;
-  YGVector children_;
-  YGNodeRef nextChild_;
-  YGConfigRef config_;
-  bool isDirty_;
-  std::array<YGValue, 2> resolvedDimensions_;
-
-  float relativePosition(const YGFlexDirection axis, const float axisSize);
+  void* context_ = nullptr;
+  YGPrintFunc print_ = nullptr;
+  bool hasNewLayout_ = true;
+  YGNodeType nodeType_ = YGNodeTypeDefault;
+  YGMeasureFunc measure_ = nullptr;
+  YGBaselineFunc baseline_ = nullptr;
+  YGDirtiedFunc dirtied_ = nullptr;
+  YGStyle style_ = {};
+  YGLayout layout_ = {};
+  uint32_t lineIndex_ = 0;
+  YGNodeRef owner_ = nullptr;
+  YGVector children_ = {};
+  YGConfigRef config_ = nullptr;
+  bool isDirty_ = false;
+  std::array<YGValue, 2> resolvedDimensions_ = {
+      {YGValueUndefined, YGValueUndefined}};
+
+  YGFloatOptional relativePosition(
+      const YGFlexDirection& axis,
+      const float& axisSize) const;
 
  public:
-  YGNode();
-  ~YGNode();
-  explicit YGNode(const YGConfigRef newConfig);
-  YGNode(const YGNode& node);
+  YGNode() = default;
+  ~YGNode() = default; // cleanup of owner/children relationships in YGNodeFree
+  explicit YGNode(const YGConfigRef newConfig) : config_(newConfig){};
+  YGNode(const YGNode& node) = default;
   YGNode& operator=(const YGNode& node);
-  YGNode(
-      void* context,
-      YGPrintFunc print,
-      bool hasNewLayout,
-      YGNodeType nodeType,
-      YGMeasureFunc measure,
-      YGBaselineFunc baseline,
-      YGDirtiedFunc dirtied,
-      YGStyle style,
-      YGLayout layout,
-      uint32_t lineIndex,
-      YGNodeRef parent,
-      YGVector children,
-      YGNodeRef nextChild,
-      YGConfigRef config,
-      bool isDirty,
-      std::array<YGValue, 2> resolvedDimensions);
 
   // Getters
-  void* getContext() const;
-  YGPrintFunc getPrintFunc() const;
-  bool getHasNewLayout() const;
-  YGNodeType getNodeType() const;
-  YGMeasureFunc getMeasure() const;
-  YGBaselineFunc getBaseline() const;
-  YGDirtiedFunc getDirtied() const;
+  void* getContext() const {
+    return context_;
+  }
+
+  YGPrintFunc getPrintFunc() const {
+    return print_;
+  }
+
+  bool getHasNewLayout() const {
+    return hasNewLayout_;
+  }
+
+  YGNodeType getNodeType() const {
+    return nodeType_;
+  }
+
+  YGMeasureFunc getMeasure() const {
+    return measure_;
+  }
+
+  YGBaselineFunc getBaseline() const {
+    return baseline_;
+  }
+
+  YGDirtiedFunc getDirtied() const {
+    return dirtied_;
+  }
+
   // For Performance reasons passing as reference.
-  YGStyle& getStyle();
+  YGStyle& getStyle() {
+    return style_;
+  }
+
+  const YGStyle& getStyle() const {
+    return style_;
+  }
+
   // For Performance reasons passing as reference.
-  YGLayout& getLayout();
-  uint32_t getLineIndex() const;
-  YGNodeRef getParent() const;
-  YGVector getChildren() const;
-  uint32_t getChildrenCount() const;
-  YGNodeRef getChild(uint32_t index) const;
-  YGNodeRef getNextChild() const;
-  YGConfigRef getConfig() const;
-  bool isDirty() const;
-  std::array<YGValue, 2> getResolvedDimensions() const;
-  YGValue getResolvedDimension(int index);
+  YGLayout& getLayout() {
+    return layout_;
+  }
+
+  const YGLayout& getLayout() const {
+    return layout_;
+  }
+
+  uint32_t getLineIndex() const {
+    return lineIndex_;
+  }
+
+  // returns the YGNodeRef that owns this YGNode. An owner is used to identify
+  // the YogaTree that a YGNode belongs to.
+  // This method will return the parent of the YGNode when a YGNode only belongs
+  // to one YogaTree or nullptr when the YGNode is shared between two or more
+  // YogaTrees.
+  YGNodeRef getOwner() const {
+    return owner_;
+  }
+
+  // Deprecated, use getOwner() instead.
+  YGNodeRef getParent() const {
+    return getOwner();
+  }
+
+  const YGVector& getChildren() const {
+    return children_;
+  }
+
+  YGNodeRef getChild(uint32_t index) const {
+    return children_.at(index);
+  }
+
+  YGConfigRef getConfig() const {
+    return config_;
+  }
+
+  bool isDirty() const {
+    return isDirty_;
+  }
+
+  std::array<YGValue, 2> getResolvedDimensions() const {
+    return resolvedDimensions_;
+  }
+
+  YGValue getResolvedDimension(int index) const {
+    return resolvedDimensions_[index];
+  }
 
   // Methods related to positions, margin, padding and border
-  float getLeadingPosition(const YGFlexDirection axis, const float axisSize);
-  bool isLeadingPositionDefined(const YGFlexDirection axis);
-  bool isTrailingPosDefined(const YGFlexDirection axis);
-  float getTrailingPosition(const YGFlexDirection axis, const float axisSize);
-  float getLeadingMargin(const YGFlexDirection axis, const float widthSize);
-  float getTrailingMargin(const YGFlexDirection axis, const float widthSize);
-  float getLeadingBorder(const YGFlexDirection flexDirection);
-  float getTrailingBorder(const YGFlexDirection flexDirection);
-  float getLeadingPadding(const YGFlexDirection axis, const float widthSize);
-  float getTrailingPadding(const YGFlexDirection axis, const float widthSize);
-  float getLeadingPaddingAndBorder(
-      const YGFlexDirection axis,
-      const float widthSize);
-  float getTrailingPaddingAndBorder(
-      const YGFlexDirection axis,
-      const float widthSize);
-  float getMarginForAxis(const YGFlexDirection axis, const float widthSize);
+  YGFloatOptional getLeadingPosition(
+      const YGFlexDirection& axis,
+      const float& axisSize) const;
+  bool isLeadingPositionDefined(const YGFlexDirection& axis) const;
+  bool isTrailingPosDefined(const YGFlexDirection& axis) const;
+  YGFloatOptional getTrailingPosition(
+      const YGFlexDirection& axis,
+      const float& axisSize) const;
+  YGFloatOptional getLeadingMargin(
+      const YGFlexDirection& axis,
+      const float& widthSize) const;
+  YGFloatOptional getTrailingMargin(
+      const YGFlexDirection& axis,
+      const float& widthSize) const;
+  float getLeadingBorder(const YGFlexDirection& flexDirection) const;
+  float getTrailingBorder(const YGFlexDirection& flexDirection) const;
+  YGFloatOptional getLeadingPadding(
+      const YGFlexDirection& axis,
+      const float& widthSize) const;
+  YGFloatOptional getTrailingPadding(
+      const YGFlexDirection& axis,
+      const float& widthSize) const;
+  YGFloatOptional getLeadingPaddingAndBorder(
+      const YGFlexDirection& axis,
+      const float& widthSize) const;
+  YGFloatOptional getTrailingPaddingAndBorder(
+      const YGFlexDirection& axis,
+      const float& widthSize) const;
+  YGFloatOptional getMarginForAxis(
+      const YGFlexDirection& axis,
+      const float& widthSize) const;
   // Setters
 
-  void setContext(void* context);
-  void setPrintFunc(YGPrintFunc printFunc);
-  void setHasNewLayout(bool hasNewLayout);
-  void setNodeType(YGNodeType nodeTye);
+  void setContext(void* context) {
+    context_ = context;
+  }
+
+  void setPrintFunc(YGPrintFunc printFunc) {
+    print_ = printFunc;
+  }
+
+  void setHasNewLayout(bool hasNewLayout) {
+    hasNewLayout_ = hasNewLayout;
+  }
+
+  void setNodeType(YGNodeType nodeType) {
+    nodeType_ = nodeType;
+  }
+
+  void setStyleFlexDirection(YGFlexDirection direction) {
+    style_.flexDirection = direction;
+  }
+
+  void setStyleAlignContent(YGAlign alignContent) {
+    style_.alignContent = alignContent;
+  }
+
   void setMeasureFunc(YGMeasureFunc measureFunc);
-  void setBaseLineFunc(YGBaselineFunc baseLineFunc);
-  void setDirtiedFunc(YGDirtiedFunc dirtiedFunc);
-  void setStyle(YGStyle style);
-  void setStyleFlexDirection(YGFlexDirection direction);
-  void setStyleAlignContent(YGAlign alignContent);
-  void setLayout(YGLayout layout);
-  void setLineIndex(uint32_t lineIndex);
-  void setParent(YGNodeRef parent);
-  void setChildren(YGVector children);
-  void setNextChild(YGNodeRef nextChild);
-  void setConfig(YGConfigRef config);
+
+  void setBaseLineFunc(YGBaselineFunc baseLineFunc) {
+    baseline_ = baseLineFunc;
+  }
+
+  void setDirtiedFunc(YGDirtiedFunc dirtiedFunc) {
+    dirtied_ = dirtiedFunc;
+  }
+
+  void setStyle(const YGStyle& style) {
+    style_ = style;
+  }
+
+  void setLayout(const YGLayout& layout) {
+    layout_ = layout;
+  }
+
+  void setLineIndex(uint32_t lineIndex) {
+    lineIndex_ = lineIndex;
+  }
+
+  void setOwner(YGNodeRef owner) {
+    owner_ = owner;
+  }
+
+  void setChildren(const YGVector& children) {
+    children_ = children;
+  }
+
+  // TODO: rvalue override for setChildren
+
+  void setConfig(YGConfigRef config) {
+    config_ = config;
+  }
+
   void setDirty(bool isDirty);
-  void setLayoutLastParentDirection(YGDirection direction);
-  void setLayoutComputedFlexBasis(float computedFlexBasis);
+  void setLayoutLastOwnerDirection(YGDirection direction);
+  void setLayoutComputedFlexBasis(const YGFloatOptional& computedFlexBasis);
   void setLayoutComputedFlexBasisGeneration(
       uint32_t computedFlexBasisGeneration);
   void setLayoutMeasuredDimension(float measuredDimension, int index);
@@ -132,7 +242,7 @@ struct YGNode {
       const YGDirection direction,
       const float mainSize,
       const float crossSize,
-      const float parentWidth);
+      const float ownerWidth);
   void setAndPropogateUseLegacyFlag(bool useLegacyFlag);
   void setLayoutDoesLegacyFlagAffectsLayout(bool doesLegacyFlagAffectsLayout);
   void setLayoutDidUseLegacyFlag(bool didUseLegacyFlag);
@@ -143,7 +253,7 @@ struct YGNode {
   YGValue marginTrailingValue(const YGFlexDirection axis) const;
   YGValue resolveFlexBasisPtr() const;
   void resolveDimension();
-  YGDirection resolveDirection(const YGDirection parentDirection);
+  YGDirection resolveDirection(const YGDirection ownerDirection);
   void clearChildren();
   /// Replaces the occurrences of oldChild with newChild
   void replaceChild(YGNodeRef oldChild, YGNodeRef newChild);
diff --git a/ReactCommon/yoga/yoga/YGNodePrint.cpp b/ReactCommon/yoga/yoga/YGNodePrint.cpp
index 395fe1819ad067..ab3aa7c7b3be04 100644
--- a/ReactCommon/yoga/yoga/YGNodePrint.cpp
+++ b/ReactCommon/yoga/yoga/YGNodePrint.cpp
@@ -39,10 +39,12 @@ static void appendFormatedString(string* str, const char* fmt, ...) {
   str->append(result);
 }
 
-static void
-appendFloatIfNotUndefined(string* base, const string key, const float num) {
-  if (!YGFloatIsUndefined(num)) {
-    appendFormatedString(base, "%s: %g; ", key.c_str(), num);
+static void appendFloatOptionalIfDefined(
+    string* base,
+    const string key,
+    const YGFloatOptional num) {
+  if (!num.isUndefined()) {
+    appendFormatedString(base, "%s: %g; ", key.c_str(), num.getValue());
   }
 }
 
@@ -70,7 +72,10 @@ appendNumberIfNotAuto(string* base, const string& key, const YGValue number) {
 
 static void
 appendNumberIfNotZero(string* base, const string& str, const YGValue number) {
-  if (!YGFloatsEqual(number.value, 0)) {
+
+  if (number.unit == YGUnitAuto) {
+    base->append(str + ": auto; ");
+  } else if (!YGFloatsEqual(number.value, 0)) {
     appendNumberIfNotUndefined(base, str, number);
   }
 }
@@ -152,10 +157,11 @@ void YGNodeToString(
       appendFormatedString(
           str, "align-self: %s; ", YGAlignToString(node->getStyle().alignSelf));
     }
-    appendFloatIfNotUndefined(str, "flex-grow", node->getStyle().flexGrow);
-    appendFloatIfNotUndefined(str, "flex-shrink", node->getStyle().flexShrink);
+    appendFloatOptionalIfDefined(str, "flex-grow", node->getStyle().flexGrow);
+    appendFloatOptionalIfDefined(
+        str, "flex-shrink", node->getStyle().flexShrink);
     appendNumberIfNotAuto(str, "flex-basis", node->getStyle().flexBasis);
-    appendFloatIfNotUndefined(str, "flex", node->getStyle().flex);
+    appendFloatOptionalIfDefined(str, "flex", node->getStyle().flex);
 
     if (node->getStyle().flexWrap != YGNode().getStyle().flexWrap) {
       appendFormatedString(
diff --git a/ReactCommon/yoga/yoga/YGStyle.cpp b/ReactCommon/yoga/yoga/YGStyle.cpp
index f3bc16fe1cc21b..06d0f2a4b79c4e 100644
--- a/ReactCommon/yoga/yoga/YGStyle.cpp
+++ b/ReactCommon/yoga/yoga/YGStyle.cpp
@@ -1,15 +1,15 @@
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
+/*
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 #include "YGStyle.h"
 
-const YGValue kYGValueUndefined = {YGUndefined, YGUnitUndefined};
+const YGValue kYGValueUndefined = {0, YGUnitUndefined};
 
-const YGValue kYGValueAuto = {YGUndefined, YGUnitAuto};
+const YGValue kYGValueAuto = {0, YGUnitAuto};
 
 const std::array<YGValue, YGEdgeCount> kYGDefaultEdgeValuesUnit = {
     {kYGValueUndefined,
@@ -39,9 +39,9 @@ YGStyle::YGStyle()
       flexWrap(YGWrapNoWrap),
       overflow(YGOverflowVisible),
       display(YGDisplayFlex),
-      flex(YGUndefined),
-      flexGrow(YGUndefined),
-      flexShrink(YGUndefined),
+      flex(YGFloatOptional()),
+      flexGrow(YGFloatOptional()),
+      flexShrink(YGFloatOptional()),
       flexBasis(kYGValueAuto),
       margin(kYGDefaultEdgeValuesUnit),
       position(kYGDefaultEdgeValuesUnit),
@@ -50,7 +50,7 @@ YGStyle::YGStyle()
       dimensions(kYGDefaultDimensionValuesAutoUnit),
       minDimensions(kYGDefaultDimensionValuesUnit),
       maxDimensions(kYGDefaultDimensionValuesUnit),
-      aspectRatio(YGUndefined) {}
+      aspectRatio(YGFloatOptional()) {}
 
 // Yoga specific properties, not compatible with flexbox specification
 bool YGStyle::operator==(const YGStyle& style) {
@@ -69,32 +69,32 @@ bool YGStyle::operator==(const YGStyle& style) {
       YGValueArrayEqual(minDimensions, style.minDimensions) &&
       YGValueArrayEqual(maxDimensions, style.maxDimensions);
 
-  if (!(YGFloatIsUndefined(flex) && YGFloatIsUndefined(style.flex))) {
-    areNonFloatValuesEqual = areNonFloatValuesEqual && flex == style.flex;
+  areNonFloatValuesEqual =
+      areNonFloatValuesEqual && flex.isUndefined() == style.flex.isUndefined();
+  if (areNonFloatValuesEqual && !flex.isUndefined() &&
+      !style.flex.isUndefined()) {
+    areNonFloatValuesEqual =
+        areNonFloatValuesEqual && flex.getValue() == style.flex.getValue();
   }
 
-  if (!(YGFloatIsUndefined(flexGrow) && YGFloatIsUndefined(style.flexGrow))) {
-    areNonFloatValuesEqual =
-        areNonFloatValuesEqual && flexGrow == style.flexGrow;
+  areNonFloatValuesEqual = areNonFloatValuesEqual &&
+      flexGrow.isUndefined() == style.flexGrow.isUndefined();
+  if (areNonFloatValuesEqual && !flexGrow.isUndefined()) {
+    areNonFloatValuesEqual = areNonFloatValuesEqual &&
+        flexGrow.getValue() == style.flexGrow.getValue();
   }
 
-  if (!(YGFloatIsUndefined(flexShrink) &&
-        YGFloatIsUndefined(style.flexShrink))) {
-    areNonFloatValuesEqual =
-        areNonFloatValuesEqual && flexShrink == style.flexShrink;
+  areNonFloatValuesEqual = areNonFloatValuesEqual &&
+      flexShrink.isUndefined() == style.flexShrink.isUndefined();
+  if (areNonFloatValuesEqual && !style.flexShrink.isUndefined()) {
+    areNonFloatValuesEqual = areNonFloatValuesEqual &&
+        flexShrink.getValue() == style.flexShrink.getValue();
   }
 
-  if (!(YGFloatIsUndefined(aspectRatio) &&
-        YGFloatIsUndefined(style.aspectRatio))) {
-    areNonFloatValuesEqual =
-        areNonFloatValuesEqual && aspectRatio == style.aspectRatio;
+  if (!(aspectRatio.isUndefined() && style.aspectRatio.isUndefined())) {
+    areNonFloatValuesEqual = areNonFloatValuesEqual &&
+        aspectRatio.getValue() == style.aspectRatio.getValue();
   }
 
   return areNonFloatValuesEqual;
 }
-
-bool YGStyle::operator!=(YGStyle style) {
-  return !(*this == style);
-}
-
-YGStyle::~YGStyle() {}
diff --git a/ReactCommon/yoga/yoga/YGStyle.h b/ReactCommon/yoga/yoga/YGStyle.h
index 74b9d6e0baa367..3f4bbd34726ae7 100644
--- a/ReactCommon/yoga/yoga/YGStyle.h
+++ b/ReactCommon/yoga/yoga/YGStyle.h
@@ -1,11 +1,12 @@
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
+/*
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 #pragma once
+#include "YGFloatOptional.h"
 #include "Yoga-internal.h"
 #include "Yoga.h"
 
@@ -20,9 +21,9 @@ struct YGStyle {
   YGWrap flexWrap;
   YGOverflow overflow;
   YGDisplay display;
-  float flex;
-  float flexGrow;
-  float flexShrink;
+  YGFloatOptional flex;
+  YGFloatOptional flexGrow;
+  YGFloatOptional flexShrink;
   YGValue flexBasis;
   std::array<YGValue, YGEdgeCount> margin;
   std::array<YGValue, YGEdgeCount> position;
@@ -31,12 +32,14 @@ struct YGStyle {
   std::array<YGValue, 2> dimensions;
   std::array<YGValue, 2> minDimensions;
   std::array<YGValue, 2> maxDimensions;
-  float aspectRatio;
+  // Yoga specific properties, not compatible with flexbox specification
+  YGFloatOptional aspectRatio;
 
   YGStyle();
-  // Yoga specific properties, not compatible with flexbox specification
   bool operator==(const YGStyle& style);
 
-  bool operator!=(YGStyle style);
-  ~YGStyle();
+  bool operator!=(YGStyle style) {
+    return !(*this == style);
+  }
+  ~YGStyle() = default;
 };
diff --git a/ReactCommon/yoga/yoga/Yoga-internal.h b/ReactCommon/yoga/yoga/Yoga-internal.h
index 56078d6c3f06bc..941147e874d7b9 100644
--- a/ReactCommon/yoga/yoga/Yoga-internal.h
+++ b/ReactCommon/yoga/yoga/Yoga-internal.h
@@ -1,10 +1,10 @@
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
+/*
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 #pragma once
 #include <algorithm>
 #include <array>
@@ -16,13 +16,34 @@ using YGVector = std::vector<YGNodeRef>;
 
 YG_EXTERN_C_BEGIN
 
-WIN_EXPORT float YGRoundValueToPixelGrid(const float value,
-                                         const float pointScaleFactor,
-                                         const bool forceCeil,
-                                         const bool forceFloor);
+WIN_EXPORT float YGRoundValueToPixelGrid(
+    const float value,
+    const float pointScaleFactor,
+    const bool forceCeil,
+    const bool forceFloor);
 
 YG_EXTERN_C_END
 
+namespace facebook {
+namespace yoga {
+
+inline bool isUndefined(float value) {
+  // Value of a float in the case of it being not defined is 10.1E20. Earlier
+  // it used to be NAN, the benefit of which was that if NAN is involved in any
+  // mathematical expression the result was NAN. But since we want to have
+  // `-ffast-math` flag being used by compiler which assumes that the floating
+  // point values are not NAN and Inf, we represent YGUndefined as 10.1E20. But
+  // now if YGUndefined is involved in any mathematical operations this
+  // value(10.1E20) would change. So the following check makes sure that if the
+  // value is outside a range (-10E8, 10E8) then it is undefined.
+  return value >= 10E8 || value <= -10E8;
+}
+
+} // namespace yoga
+} // namespace facebook
+
+using namespace facebook;
+
 extern const std::array<YGEdge, 4> trailing;
 extern const std::array<YGEdge, 4> leading;
 extern bool YGValueEqual(const YGValue a, const YGValue b);
@@ -62,20 +83,20 @@ struct YGCachedMeasurement {
     bool isEqual = widthMeasureMode == measurement.widthMeasureMode &&
         heightMeasureMode == measurement.heightMeasureMode;
 
-    if (!YGFloatIsUndefined(availableWidth) ||
-        !YGFloatIsUndefined(measurement.availableWidth)) {
+    if (!yoga::isUndefined(availableWidth) ||
+        !yoga::isUndefined(measurement.availableWidth)) {
       isEqual = isEqual && availableWidth == measurement.availableWidth;
     }
-    if (!YGFloatIsUndefined(availableHeight) ||
-        !YGFloatIsUndefined(measurement.availableHeight)) {
+    if (!yoga::isUndefined(availableHeight) ||
+        !yoga::isUndefined(measurement.availableHeight)) {
       isEqual = isEqual && availableHeight == measurement.availableHeight;
     }
-    if (!YGFloatIsUndefined(computedWidth) ||
-        !YGFloatIsUndefined(measurement.computedWidth)) {
+    if (!yoga::isUndefined(computedWidth) ||
+        !yoga::isUndefined(measurement.computedWidth)) {
       isEqual = isEqual && computedWidth == measurement.computedWidth;
     }
-    if (!YGFloatIsUndefined(computedHeight) ||
-        !YGFloatIsUndefined(measurement.computedHeight)) {
+    if (!yoga::isUndefined(computedHeight) ||
+        !yoga::isUndefined(measurement.computedHeight)) {
       isEqual = isEqual && computedHeight == measurement.computedHeight;
     }
 
@@ -87,17 +108,6 @@ struct YGCachedMeasurement {
 // layouts should not require more than 16 entries to fit within the cache.
 #define YG_MAX_CACHED_RESULT_COUNT 16
 
-struct YGConfig {
-  bool experimentalFeatures[YGExperimentalFeatureCount + 1];
-  bool useWebDefaults;
-  bool useLegacyStretchBehaviour;
-  bool shouldDiffLayoutWithoutLegacyStretchBehaviour;
-  float pointScaleFactor;
-  YGLogger logger;
-  YGNodeClonedFunc cloneNodeCallback;
-  void* context;
-};
-
 static const float kDefaultFlexGrow = 0.0f;
 static const float kDefaultFlexShrink = 0.0f;
 static const float kWebDefaultFlexShrink = 1.0f;
diff --git a/ReactCommon/yoga/yoga/Yoga.cpp b/ReactCommon/yoga/yoga/Yoga.cpp
index 41f89e877e4caa..c9799c3ccd5575 100644
--- a/ReactCommon/yoga/yoga/Yoga.cpp
+++ b/ReactCommon/yoga/yoga/Yoga.cpp
@@ -1,18 +1,19 @@
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
+/*
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
 
 #include "Yoga.h"
+#include <float.h>
 #include <string.h>
 #include <algorithm>
 #include "Utils.h"
 #include "YGNode.h"
 #include "YGNodePrint.h"
 #include "Yoga-internal.h"
-
 #ifdef _MSC_VER
 #include <float.h>
 
@@ -28,48 +29,33 @@ __forceinline const float fmaxf(const float a, const float b) {
 #endif
 
 #ifdef ANDROID
-static int YGAndroidLog(const YGConfigRef config,
-                        const YGNodeRef node,
-                        YGLogLevel level,
-                        const char *format,
-                        va_list args);
-#else
-static int YGDefaultLog(const YGConfigRef config,
-                        const YGNodeRef node,
-                        YGLogLevel level,
-                        const char *format,
-                        va_list args);
-#endif
-
-static YGConfig gYGConfigDefaults = {
-    .experimentalFeatures =
-        {
-            [YGExperimentalFeatureWebFlexBasis] = false,
-        },
-    .useWebDefaults = false,
-    .useLegacyStretchBehaviour = false,
-    .shouldDiffLayoutWithoutLegacyStretchBehaviour = false,
-    .pointScaleFactor = 1.0f,
-#ifdef ANDROID
-    .logger = &YGAndroidLog,
+static int YGAndroidLog(
+    const YGConfigRef config,
+    const YGNodeRef node,
+    YGLogLevel level,
+    const char* format,
+    va_list args);
 #else
-    .logger = &YGDefaultLog,
+static int YGDefaultLog(
+    const YGConfigRef config,
+    const YGNodeRef node,
+    YGLogLevel level,
+    const char* format,
+    va_list args);
 #endif
-    .cloneNodeCallback = nullptr,
-    .context = nullptr,
-};
 
-const YGValue YGValueZero = {.value = 0, .unit = YGUnitPoint};
+const YGValue YGValueZero = {0, YGUnitPoint};
 const YGValue YGValueUndefined = {YGUndefined, YGUnitUndefined};
 const YGValue YGValueAuto = {YGUndefined, YGUnitAuto};
 
 #ifdef ANDROID
 #include <android/log.h>
-static int YGAndroidLog(const YGConfigRef config,
-                        const YGNodeRef node,
-                        YGLogLevel level,
-                        const char *format,
-                        va_list args) {
+static int YGAndroidLog(
+    const YGConfigRef config,
+    const YGNodeRef node,
+    YGLogLevel level,
+    const char* format,
+    va_list args) {
   int androidLevel = YGLogLevelDebug;
   switch (level) {
     case YGLogLevelFatal:
@@ -97,11 +83,12 @@ static int YGAndroidLog(const YGConfigRef config,
 #else
 #define YG_UNUSED(x) (void)(x);
 
-static int YGDefaultLog(const YGConfigRef config,
-                        const YGNodeRef node,
-                        YGLogLevel level,
-                        const char *format,
-                        va_list args) {
+static int YGDefaultLog(
+    const YGConfigRef config,
+    const YGNodeRef node,
+    YGLogLevel level,
+    const char* format,
+    va_list args) {
   YG_UNUSED(config);
   YG_UNUSED(node);
   switch (level) {
@@ -121,15 +108,7 @@ static int YGDefaultLog(const YGConfigRef config,
 #endif
 
 bool YGFloatIsUndefined(const float value) {
-  // Value of a float in the case of it being not defined is 10.1E20. Earlier
-  // it used to be NAN, the benefit of which was that if NAN is involved in any
-  // mathematical expression the result was NAN. But since we want to have
-  // `-ffast-math` flag being used by compiler which assumes that the floating
-  // point values are not NAN and Inf, we represent YGUndefined as 10.1E20. But
-  // now if YGUndefined is involved in any mathematical operations this
-  // value(10.1E20) would change. So the following check makes sure that if the
-  // value is outside a range (-10E8, 10E8) then it is undefined.
-  return value >= 10E8 || value <= -10E8;
+  return facebook::yoga::isUndefined(value);
 }
 
 const YGValue* YGComputedEdgeValue(
@@ -145,7 +124,8 @@ const YGValue* YGComputedEdgeValue(
     return &edges[YGEdgeVertical];
   }
 
-  if ((edge == YGEdgeLeft || edge == YGEdgeRight || edge == YGEdgeStart || edge == YGEdgeEnd) &&
+  if ((edge == YGEdgeLeft || edge == YGEdgeRight || edge == YGEdgeStart ||
+       edge == YGEdgeEnd) &&
       edges[YGEdgeHorizontal].unit != YGUnitUndefined) {
     return &edges[YGEdgeHorizontal];
   }
@@ -246,8 +226,13 @@ WIN_EXPORT YGNodeRef YGNodeNewWithConfig(const YGConfigRef config) {
   return node;
 }
 
+YGConfigRef YGConfigGetDefault() {
+  static YGConfigRef defaultConfig = YGConfigNew();
+  return defaultConfig;
+}
+
 YGNodeRef YGNodeNew(void) {
-  return YGNodeNewWithConfig(&gYGConfigDefaults);
+  return YGNodeNewWithConfig(YGConfigGetDefault());
 }
 
 YGNodeRef YGNodeClone(YGNodeRef oldNode) {
@@ -257,7 +242,7 @@ YGNodeRef YGNodeClone(YGNodeRef oldNode) {
       node != nullptr,
       "Could not allocate memory for node");
   gNodeInstanceCount++;
-  node->setParent(nullptr);
+  node->setOwner(nullptr);
   return node;
 }
 
@@ -276,9 +261,9 @@ static YGNodeRef YGNodeDeepClone(YGNodeRef oldNode) {
   YGVector vec = YGVector();
   vec.reserve(oldNode->getChildren().size());
   YGNodeRef childNode = nullptr;
-  for (auto& item : oldNode->getChildren()) {
+  for (auto* item : oldNode->getChildren()) {
     childNode = YGNodeDeepClone(item);
-    childNode->setParent(node);
+    childNode->setOwner(node);
     vec.push_back(childNode);
   }
   node->setChildren(vec);
@@ -287,23 +272,19 @@ static YGNodeRef YGNodeDeepClone(YGNodeRef oldNode) {
     node->setConfig(YGConfigClone(*(oldNode->getConfig())));
   }
 
-  if (oldNode->getNextChild() != nullptr) {
-    node->setNextChild(YGNodeDeepClone(oldNode->getNextChild()));
-  }
-
   return node;
 }
 
 void YGNodeFree(const YGNodeRef node) {
-  if (node->getParent()) {
-    node->getParent()->removeChild(node);
-    node->setParent(nullptr);
+  if (YGNodeRef owner = node->getOwner()) {
+    owner->removeChild(node);
+    node->setOwner(nullptr);
   }
 
   const uint32_t childCount = YGNodeGetChildCount(node);
   for (uint32_t i = 0; i < childCount; i++) {
     const YGNodeRef child = YGNodeGetChild(node, i);
-    child->setParent(nullptr);
+    child->setOwner(nullptr);
   }
 
   node->clearChildren();
@@ -317,15 +298,15 @@ static void YGConfigFreeRecursive(const YGNodeRef root) {
     delete root->getConfig();
   }
   // Delete configs recursively for childrens
-  for (uint32_t i = 0; i < root->getChildrenCount(); ++i) {
-    YGConfigFreeRecursive(root->getChild(i));
+  for (auto* child : root->getChildren()) {
+    YGConfigFreeRecursive(child);
   }
 }
 
 void YGNodeFreeRecursive(const YGNodeRef root) {
   while (YGNodeGetChildCount(root) > 0) {
     const YGNodeRef child = YGNodeGetChild(root, 0);
-    if (child->getParent() != root) {
+    if (child->getOwner() != root) {
       // Don't free shared nodes that we don't own.
       break;
     }
@@ -336,13 +317,14 @@ void YGNodeFreeRecursive(const YGNodeRef root) {
 }
 
 void YGNodeReset(const YGNodeRef node) {
-  YGAssertWithNode(node,
-                   YGNodeGetChildCount(node) == 0,
-                   "Cannot reset a node which still has children attached");
   YGAssertWithNode(
       node,
-      node->getParent() == nullptr,
-      "Cannot reset a node still attached to a parent");
+      YGNodeGetChildCount(node) == 0,
+      "Cannot reset a node which still has children attached");
+  YGAssertWithNode(
+      node,
+      node->getOwner() == nullptr,
+      "Cannot reset a node still attached to a owner");
 
   node->clearChildren();
 
@@ -363,19 +345,13 @@ int32_t YGConfigGetInstanceCount(void) {
   return gConfigInstanceCount;
 }
 
-// Export only for C#
-YGConfigRef YGConfigGetDefault() {
-  return &gYGConfigDefaults;
-}
-
 YGConfigRef YGConfigNew(void) {
-  const YGConfigRef config = (const YGConfigRef)malloc(sizeof(YGConfig));
-  YGAssert(config != nullptr, "Could not allocate memory for config");
-  if (config == nullptr) {
-    abort();
-  }
+#ifdef ANDROID
+  const YGConfigRef config = new YGConfig(YGAndroidLog);
+#else
+  const YGConfigRef config = new YGConfig(YGDefaultLog);
+#endif
   gConfigInstanceCount++;
-  memcpy(config, &gYGConfigDefaults, sizeof(YGConfig));
   return config;
 }
 
@@ -388,11 +364,15 @@ void YGConfigCopy(const YGConfigRef dest, const YGConfigRef src) {
   memcpy(dest, src, sizeof(YGConfig));
 }
 
-void YGNodeInsertChild(const YGNodeRef node, const YGNodeRef child, const uint32_t index) {
+void YGNodeInsertChild(
+    const YGNodeRef node,
+    const YGNodeRef child,
+    const uint32_t index) {
   YGAssertWithNode(
       node,
-      child->getParent() == nullptr,
-      "Child already has a parent, it must be removed first.");
+      child->getOwner() == nullptr,
+      "Child already has a owner, it must be removed first.");
+
   YGAssertWithNode(
       node,
       node->getMeasure() == nullptr,
@@ -400,81 +380,151 @@ void YGNodeInsertChild(const YGNodeRef node, const YGNodeRef child, const uint32
 
   node->cloneChildrenIfNeeded();
   node->insertChild(child, index);
-  child->setParent(node);
+  YGNodeRef owner = child->getOwner() ? nullptr : node;
+  child->setOwner(owner);
   node->markDirtyAndPropogate();
 }
 
-void YGNodeRemoveChild(const YGNodeRef parent, const YGNodeRef excludedChild) {
+void YGNodeInsertSharedChild(
+    const YGNodeRef node,
+    const YGNodeRef child,
+    const uint32_t index) {
+  YGAssertWithNode(
+      node,
+      node->getMeasure() == nullptr,
+      "Cannot add child: Nodes with measure functions cannot have children.");
+
+  node->insertChild(child, index);
+  child->setOwner(nullptr);
+  node->markDirtyAndPropogate();
+}
+
+void YGNodeRemoveChild(const YGNodeRef owner, const YGNodeRef excludedChild) {
   // This algorithm is a forked variant from cloneChildrenIfNeeded in YGNode
   // that excludes a child.
-  const uint32_t childCount = YGNodeGetChildCount(parent);
+  const uint32_t childCount = YGNodeGetChildCount(owner);
 
   if (childCount == 0) {
     // This is an empty set. Nothing to remove.
     return;
   }
-  const YGNodeRef firstChild = YGNodeGetChild(parent, 0);
-  if (firstChild->getParent() == parent) {
-    // If the first child has this node as its parent, we assume that it is already unique.
-    // We can now try to delete a child in this list.
-    if (parent->removeChild(excludedChild)) {
+  const YGNodeRef firstChild = YGNodeGetChild(owner, 0);
+  if (firstChild->getOwner() == owner) {
+    // If the first child has this node as its owner, we assume that it is
+    // already unique. We can now try to delete a child in this list.
+    if (owner->removeChild(excludedChild)) {
       excludedChild->setLayout(
           YGNode().getLayout()); // layout is no longer valid
-      excludedChild->setParent(nullptr);
-      parent->markDirtyAndPropogate();
+      excludedChild->setOwner(nullptr);
+      owner->markDirtyAndPropogate();
     }
     return;
   }
-  // Otherwise we have to clone the node list except for the child we're trying to delete.
-  // We don't want to simply clone all children, because then the host will need to free
-  // the clone of the child that was just deleted.
-  const YGNodeClonedFunc cloneNodeCallback =
-      parent->getConfig()->cloneNodeCallback;
+  // Otherwise we have to clone the node list except for the child we're trying
+  // to delete. We don't want to simply clone all children, because then the
+  // host will need to free the clone of the child that was just deleted.
+  const YGCloneNodeFunc cloneNodeCallback =
+      owner->getConfig()->cloneNodeCallback;
   uint32_t nextInsertIndex = 0;
   for (uint32_t i = 0; i < childCount; i++) {
-    const YGNodeRef oldChild = parent->getChild(i);
+    const YGNodeRef oldChild = owner->getChild(i);
     if (excludedChild == oldChild) {
-      // Ignore the deleted child. Don't reset its layout or parent since it is still valid
-      // in the other parent. However, since this parent has now changed, we need to mark it
-      // as dirty.
-      parent->markDirtyAndPropogate();
+      // Ignore the deleted child. Don't reset its layout or owner since it is
+      // still valid in the other owner. However, since this owner has now
+      // changed, we need to mark it as dirty.
+      owner->markDirtyAndPropogate();
       continue;
     }
-    const YGNodeRef newChild = YGNodeClone(oldChild);
-    parent->replaceChild(newChild, nextInsertIndex);
-    newChild->setParent(parent);
+    YGNodeRef newChild = nullptr;
     if (cloneNodeCallback) {
-      cloneNodeCallback(oldChild, newChild, parent, nextInsertIndex);
+      newChild = cloneNodeCallback(oldChild, owner, nextInsertIndex);
+    }
+    if (newChild == nullptr) {
+      newChild = YGNodeClone(oldChild);
     }
+    owner->replaceChild(newChild, nextInsertIndex);
+    newChild->setOwner(owner);
+
     nextInsertIndex++;
   }
   while (nextInsertIndex < childCount) {
-    parent->removeChild(nextInsertIndex);
+    owner->removeChild(nextInsertIndex);
     nextInsertIndex++;
   }
 }
 
-void YGNodeRemoveAllChildren(const YGNodeRef parent) {
-  const uint32_t childCount = YGNodeGetChildCount(parent);
+void YGNodeRemoveAllChildren(const YGNodeRef owner) {
+  const uint32_t childCount = YGNodeGetChildCount(owner);
   if (childCount == 0) {
     // This is an empty set already. Nothing to do.
     return;
   }
-  const YGNodeRef firstChild = YGNodeGetChild(parent, 0);
-  if (firstChild->getParent() == parent) {
-    // If the first child has this node as its parent, we assume that this child set is unique.
+  const YGNodeRef firstChild = YGNodeGetChild(owner, 0);
+  if (firstChild->getOwner() == owner) {
+    // If the first child has this node as its owner, we assume that this child
+    // set is unique.
     for (uint32_t i = 0; i < childCount; i++) {
-      const YGNodeRef oldChild = YGNodeGetChild(parent, i);
+      const YGNodeRef oldChild = YGNodeGetChild(owner, i);
       oldChild->setLayout(YGNode().getLayout()); // layout is no longer valid
-      oldChild->setParent(nullptr);
+      oldChild->setOwner(nullptr);
     }
-    parent->clearChildren();
-    parent->markDirtyAndPropogate();
+    owner->clearChildren();
+    owner->markDirtyAndPropogate();
+    return;
+  }
+  // Otherwise, we are not the owner of the child set. We don't have to do
+  // anything to clear it.
+  owner->setChildren(YGVector());
+  owner->markDirtyAndPropogate();
+}
+
+static void YGNodeSetChildrenInternal(
+    YGNodeRef const owner,
+    const std::vector<YGNodeRef>& children) {
+  if (!owner) {
     return;
   }
-  // Otherwise, we are not the owner of the child set. We don't have to do anything to clear it.
-  parent->setChildren(YGVector());
-  parent->markDirtyAndPropogate();
+  if (children.size() == 0) {
+    if (YGNodeGetChildCount(owner) > 0) {
+      for (YGNodeRef const child : owner->getChildren()) {
+        child->setLayout(YGLayout());
+        child->setOwner(nullptr);
+      }
+      owner->setChildren(YGVector());
+      owner->markDirtyAndPropogate();
+    }
+  } else {
+    if (YGNodeGetChildCount(owner) > 0) {
+      for (YGNodeRef const oldChild : owner->getChildren()) {
+        // Our new children may have nodes in common with the old children. We
+        // don't reset these common nodes.
+        if (std::find(children.begin(), children.end(), oldChild) ==
+            children.end()) {
+          oldChild->setLayout(YGLayout());
+          oldChild->setOwner(nullptr);
+        }
+      }
+    }
+    owner->setChildren(children);
+    for (YGNodeRef child : children) {
+      child->setOwner(owner);
+    }
+    owner->markDirtyAndPropogate();
+  }
+}
+
+void YGNodeSetChildren(
+    YGNodeRef const owner,
+    const YGNodeRef c[],
+    const uint32_t count) {
+  const YGVector children = {c, c + count};
+  YGNodeSetChildrenInternal(owner, children);
+}
+
+void YGNodeSetChildren(
+    YGNodeRef const owner,
+    const std::vector<YGNodeRef>& children) {
+  YGNodeSetChildrenInternal(owner, children);
 }
 
 YGNodeRef YGNodeGetChild(const YGNodeRef node, const uint32_t index) {
@@ -488,8 +538,12 @@ uint32_t YGNodeGetChildCount(const YGNodeRef node) {
   return static_cast<uint32_t>(node->getChildren().size());
 }
 
+YGNodeRef YGNodeGetOwner(const YGNodeRef node) {
+  return node->getOwner();
+}
+
 YGNodeRef YGNodeGetParent(const YGNodeRef node) {
-  return node->getParent();
+  return node->getOwner();
 }
 
 void YGNodeMarkDirty(const YGNodeRef node) {
@@ -510,109 +564,109 @@ void YGNodeCopyStyle(const YGNodeRef dstNode, const YGNodeRef srcNode) {
 }
 
 float YGNodeStyleGetFlexGrow(const YGNodeRef node) {
-  return YGFloatIsUndefined(node->getStyle().flexGrow)
+  return node->getStyle().flexGrow.isUndefined()
       ? kDefaultFlexGrow
-      : node->getStyle().flexGrow;
+      : node->getStyle().flexGrow.getValue();
 }
 
 float YGNodeStyleGetFlexShrink(const YGNodeRef node) {
-  return YGFloatIsUndefined(node->getStyle().flexShrink)
+  return node->getStyle().flexShrink.isUndefined()
       ? (node->getConfig()->useWebDefaults ? kWebDefaultFlexShrink
                                            : kDefaultFlexShrink)
-      : node->getStyle().flexShrink;
+      : node->getStyle().flexShrink.getValue();
 }
 
-#define YG_NODE_STYLE_PROPERTY_SETTER_IMPL(                               \
+namespace {
+
+template <typename T, T YGStyle::*P>
+struct StyleProp {
+  static T get(YGNodeRef node) {
+    return node->getStyle().*P;
+  }
+  static void set(YGNodeRef node, T newValue) {
+    if (node->getStyle().*P != newValue) {
+      YGStyle style = node->getStyle();
+      style.*P = newValue;
+      node->setStyle(style);
+      node->markDirtyAndPropogate();
+    }
+  }
+};
+
+} // namespace
+
+#define YG_NODE_STYLE_PROPERTY_SETTER_UNIT_IMPL(                          \
     type, name, paramName, instanceName)                                  \
   void YGNodeStyleSet##name(const YGNodeRef node, const type paramName) { \
-    if (node->getStyle().instanceName != paramName) {                     \
+    YGValue value = {                                                     \
+        YGFloatSanitize(paramName),                                       \
+        YGFloatIsUndefined(paramName) ? YGUnitUndefined : YGUnitPoint,    \
+    };                                                                    \
+    if ((node->getStyle().instanceName.value != value.value &&            \
+         value.unit != YGUnitUndefined) ||                                \
+        node->getStyle().instanceName.unit != value.unit) {               \
       YGStyle style = node->getStyle();                                   \
-      style.instanceName = paramName;                                     \
+      style.instanceName = value;                                         \
+      node->setStyle(style);                                              \
+      node->markDirtyAndPropogate();                                      \
+    }                                                                     \
+  }                                                                       \
+                                                                          \
+  void YGNodeStyleSet##name##Percent(                                     \
+      const YGNodeRef node, const type paramName) {                       \
+    YGValue value = {                                                     \
+        YGFloatSanitize(paramName),                                       \
+        YGFloatIsUndefined(paramName) ? YGUnitUndefined : YGUnitPercent,  \
+    };                                                                    \
+    if ((node->getStyle().instanceName.value != value.value &&            \
+         value.unit != YGUnitUndefined) ||                                \
+        node->getStyle().instanceName.unit != value.unit) {               \
+      YGStyle style = node->getStyle();                                   \
+                                                                          \
+      style.instanceName = value;                                         \
       node->setStyle(style);                                              \
       node->markDirtyAndPropogate();                                      \
     }                                                                     \
   }
 
-#define YG_NODE_STYLE_PROPERTY_SETTER_UNIT_IMPL(                               \
-    type, name, paramName, instanceName)                                       \
-  void YGNodeStyleSet##name(const YGNodeRef node, const type paramName) {      \
-    YGValue value = {                                                          \
-        .value = paramName,                                                    \
-        .unit = YGFloatIsUndefined(paramName) ? YGUnitUndefined : YGUnitPoint, \
-    };                                                                         \
-    if ((node->getStyle().instanceName.value != value.value &&                 \
-         value.unit != YGUnitUndefined) ||                                     \
-        node->getStyle().instanceName.unit != value.unit) {                    \
-      YGStyle style = node->getStyle();                                        \
-      style.instanceName = value;                                              \
-      node->setStyle(style);                                                   \
-      node->markDirtyAndPropogate();                                           \
-    }                                                                          \
-  }                                                                            \
-                                                                               \
-  void YGNodeStyleSet##name##Percent(                                          \
-      const YGNodeRef node, const type paramName) {                            \
-    YGValue value = {                                                          \
-        .value = paramName,                                                    \
-        .unit =                                                                \
-            YGFloatIsUndefined(paramName) ? YGUnitUndefined : YGUnitPercent,   \
-    };                                                                         \
-    if ((node->getStyle().instanceName.value != value.value &&                 \
-         value.unit != YGUnitUndefined) ||                                     \
-        node->getStyle().instanceName.unit != value.unit) {                    \
-      YGStyle style = node->getStyle();                                        \
-                                                                               \
-      style.instanceName = value;                                              \
-      node->setStyle(style);                                                   \
-      node->markDirtyAndPropogate();                                           \
-    }                                                                          \
-  }
-
-#define YG_NODE_STYLE_PROPERTY_SETTER_UNIT_AUTO_IMPL(                          \
-    type, name, paramName, instanceName)                                       \
-  void YGNodeStyleSet##name(const YGNodeRef node, const type paramName) {      \
-    YGValue value = {                                                          \
-        .value = paramName,                                                    \
-        .unit = YGFloatIsUndefined(paramName) ? YGUnitUndefined : YGUnitPoint, \
-    };                                                                         \
-    if ((node->getStyle().instanceName.value != value.value &&                 \
-         value.unit != YGUnitUndefined) ||                                     \
-        node->getStyle().instanceName.unit != value.unit) {                    \
-      YGStyle style = node->getStyle();                                        \
-      style.instanceName = value;                                              \
-      node->setStyle(style);                                                   \
-      node->markDirtyAndPropogate();                                           \
-    }                                                                          \
-  }                                                                            \
-                                                                               \
-  void YGNodeStyleSet##name##Percent(                                          \
-      const YGNodeRef node, const type paramName) {                            \
-    if (node->getStyle().instanceName.value != paramName ||                    \
-        node->getStyle().instanceName.unit != YGUnitPercent) {                 \
-      YGStyle style = node->getStyle();                                        \
-      style.instanceName.value = paramName;                                    \
-      style.instanceName.unit =                                                \
-          YGFloatIsUndefined(paramName) ? YGUnitAuto : YGUnitPercent;          \
-      node->setStyle(style);                                                   \
-      node->markDirtyAndPropogate();                                           \
-    }                                                                          \
-  }                                                                            \
-                                                                               \
-  void YGNodeStyleSet##name##Auto(const YGNodeRef node) {                      \
-    if (node->getStyle().instanceName.unit != YGUnitAuto) {                    \
-      YGStyle style = node->getStyle();                                        \
-      style.instanceName.value = YGUndefined;                                  \
-      style.instanceName.unit = YGUnitAuto;                                    \
-      node->setStyle(style);                                                   \
-      node->markDirtyAndPropogate();                                           \
-    }                                                                          \
-  }
-
-#define YG_NODE_STYLE_PROPERTY_IMPL(type, name, paramName, instanceName)  \
-  YG_NODE_STYLE_PROPERTY_SETTER_IMPL(type, name, paramName, instanceName) \
-                                                                          \
-  type YGNodeStyleGet##name(const YGNodeRef node) {                       \
-    return node->getStyle().instanceName;                                 \
+#define YG_NODE_STYLE_PROPERTY_SETTER_UNIT_AUTO_IMPL(                        \
+    type, name, paramName, instanceName)                                     \
+  void YGNodeStyleSet##name(const YGNodeRef node, const type paramName) {    \
+    YGValue value = {                                                        \
+        YGFloatSanitize(paramName),                                          \
+        YGFloatIsUndefined(paramName) ? YGUnitUndefined : YGUnitPoint,       \
+    };                                                                       \
+    if ((node->getStyle().instanceName.value != value.value &&               \
+         value.unit != YGUnitUndefined) ||                                   \
+        node->getStyle().instanceName.unit != value.unit) {                  \
+      YGStyle style = node->getStyle();                                      \
+      style.instanceName = value;                                            \
+      node->setStyle(style);                                                 \
+      node->markDirtyAndPropogate();                                         \
+    }                                                                        \
+  }                                                                          \
+                                                                             \
+  void YGNodeStyleSet##name##Percent(                                        \
+      const YGNodeRef node, const type paramName) {                          \
+    if (node->getStyle().instanceName.value != YGFloatSanitize(paramName) || \
+        node->getStyle().instanceName.unit != YGUnitPercent) {               \
+      YGStyle style = node->getStyle();                                      \
+      style.instanceName.value = YGFloatSanitize(paramName);                 \
+      style.instanceName.unit =                                              \
+          YGFloatIsUndefined(paramName) ? YGUnitAuto : YGUnitPercent;        \
+      node->setStyle(style);                                                 \
+      node->markDirtyAndPropogate();                                         \
+    }                                                                        \
+  }                                                                          \
+                                                                             \
+  void YGNodeStyleSet##name##Auto(const YGNodeRef node) {                    \
+    if (node->getStyle().instanceName.unit != YGUnitAuto) {                  \
+      YGStyle style = node->getStyle();                                      \
+      style.instanceName.value = 0;                                          \
+      style.instanceName.unit = YGUnitAuto;                                  \
+      node->setStyle(style);                                                 \
+      node->markDirtyAndPropogate();                                         \
+    }                                                                        \
   }
 
 #define YG_NODE_STYLE_PROPERTY_UNIT_IMPL(type, name, paramName, instanceName) \
@@ -620,88 +674,78 @@ float YGNodeStyleGetFlexShrink(const YGNodeRef node) {
       float, name, paramName, instanceName)                                   \
                                                                               \
   type YGNodeStyleGet##name(const YGNodeRef node) {                           \
-    return node->getStyle().instanceName;                                     \
+    YGValue value = node->getStyle().instanceName;                            \
+    if (value.unit == YGUnitUndefined || value.unit == YGUnitAuto) {          \
+      value.value = YGUndefined;                                              \
+    }                                                                         \
+    return value;                                                             \
   }
 
-#define YG_NODE_STYLE_PROPERTY_UNIT_AUTO_IMPL(      \
-    type, name, paramName, instanceName)            \
-  YG_NODE_STYLE_PROPERTY_SETTER_UNIT_AUTO_IMPL(     \
-      float, name, paramName, instanceName)         \
-                                                    \
-  type YGNodeStyleGet##name(const YGNodeRef node) { \
-    return node->getStyle().instanceName;           \
+#define YG_NODE_STYLE_PROPERTY_UNIT_AUTO_IMPL(                       \
+    type, name, paramName, instanceName)                             \
+  YG_NODE_STYLE_PROPERTY_SETTER_UNIT_AUTO_IMPL(                      \
+      float, name, paramName, instanceName)                          \
+                                                                     \
+  type YGNodeStyleGet##name(const YGNodeRef node) {                  \
+    YGValue value = node->getStyle().instanceName;                   \
+    if (value.unit == YGUnitUndefined || value.unit == YGUnitAuto) { \
+      value.value = YGUndefined;                                     \
+    }                                                                \
+    return value;                                                    \
   }
 
 #define YG_NODE_STYLE_EDGE_PROPERTY_UNIT_AUTO_IMPL(type, name, instanceName) \
   void YGNodeStyleSet##name##Auto(const YGNodeRef node, const YGEdge edge) { \
     if (node->getStyle().instanceName[edge].unit != YGUnitAuto) {            \
       YGStyle style = node->getStyle();                                      \
-      style.instanceName[edge].value = YGUndefined;                          \
+      style.instanceName[edge].value = 0;                                    \
       style.instanceName[edge].unit = YGUnitAuto;                            \
       node->setStyle(style);                                                 \
       node->markDirtyAndPropogate();                                         \
     }                                                                        \
   }
 
-#define YG_NODE_STYLE_EDGE_PROPERTY_UNIT_IMPL(                                 \
-    type, name, paramName, instanceName)                                       \
-  void YGNodeStyleSet##name(                                                   \
-      const YGNodeRef node, const YGEdge edge, const float paramName) {        \
-    YGValue value = {                                                          \
-        .value = paramName,                                                    \
-        .unit = YGFloatIsUndefined(paramName) ? YGUnitUndefined : YGUnitPoint, \
-    };                                                                         \
-    if ((node->getStyle().instanceName[edge].value != value.value &&           \
-         value.unit != YGUnitUndefined) ||                                     \
-        node->getStyle().instanceName[edge].unit != value.unit) {              \
-      YGStyle style = node->getStyle();                                        \
-      style.instanceName[edge] = value;                                        \
-      node->setStyle(style);                                                   \
-      node->markDirtyAndPropogate();                                           \
-    }                                                                          \
-  }                                                                            \
-                                                                               \
-  void YGNodeStyleSet##name##Percent(                                          \
-      const YGNodeRef node, const YGEdge edge, const float paramName) {        \
-    YGValue value = {                                                          \
-        .value = paramName,                                                    \
-        .unit =                                                                \
-            YGFloatIsUndefined(paramName) ? YGUnitUndefined : YGUnitPercent,   \
-    };                                                                         \
-    if ((node->getStyle().instanceName[edge].value != value.value &&           \
-         value.unit != YGUnitUndefined) ||                                     \
-        node->getStyle().instanceName[edge].unit != value.unit) {              \
-      YGStyle style = node->getStyle();                                        \
-      style.instanceName[edge] = value;                                        \
-      node->setStyle(style);                                                   \
-      node->markDirtyAndPropogate();                                           \
-    }                                                                          \
-  }                                                                            \
-                                                                               \
-  WIN_STRUCT(type)                                                             \
-  YGNodeStyleGet##name(const YGNodeRef node, const YGEdge edge) {              \
-    return WIN_STRUCT_REF(node->getStyle().instanceName[edge]);                \
-  }
-
-#define YG_NODE_STYLE_EDGE_PROPERTY_IMPL(type, name, paramName, instanceName)  \
-  void YGNodeStyleSet##name(                                                   \
-      const YGNodeRef node, const YGEdge edge, const float paramName) {        \
-    YGValue value = {                                                          \
-        .value = paramName,                                                    \
-        .unit = YGFloatIsUndefined(paramName) ? YGUnitUndefined : YGUnitPoint, \
-    };                                                                         \
-    if ((node->getStyle().instanceName[edge].value != value.value &&           \
-         value.unit != YGUnitUndefined) ||                                     \
-        node->getStyle().instanceName[edge].unit != value.unit) {              \
-      YGStyle style = node->getStyle();                                        \
-      style.instanceName[edge] = value;                                        \
-      node->setStyle(style);                                                   \
-      node->markDirtyAndPropogate();                                           \
-    }                                                                          \
-  }                                                                            \
-                                                                               \
-  float YGNodeStyleGet##name(const YGNodeRef node, const YGEdge edge) {        \
-    return node->getStyle().instanceName[edge].value;                          \
+#define YG_NODE_STYLE_EDGE_PROPERTY_UNIT_IMPL(                           \
+    type, name, paramName, instanceName)                                 \
+  void YGNodeStyleSet##name(                                             \
+      const YGNodeRef node, const YGEdge edge, const float paramName) {  \
+    YGValue value = {                                                    \
+        YGFloatSanitize(paramName),                                      \
+        YGFloatIsUndefined(paramName) ? YGUnitUndefined : YGUnitPoint,   \
+    };                                                                   \
+    if ((node->getStyle().instanceName[edge].value != value.value &&     \
+         value.unit != YGUnitUndefined) ||                               \
+        node->getStyle().instanceName[edge].unit != value.unit) {        \
+      YGStyle style = node->getStyle();                                  \
+      style.instanceName[edge] = value;                                  \
+      node->setStyle(style);                                             \
+      node->markDirtyAndPropogate();                                     \
+    }                                                                    \
+  }                                                                      \
+                                                                         \
+  void YGNodeStyleSet##name##Percent(                                    \
+      const YGNodeRef node, const YGEdge edge, const float paramName) {  \
+    YGValue value = {                                                    \
+        YGFloatSanitize(paramName),                                      \
+        YGFloatIsUndefined(paramName) ? YGUnitUndefined : YGUnitPercent, \
+    };                                                                   \
+    if ((node->getStyle().instanceName[edge].value != value.value &&     \
+         value.unit != YGUnitUndefined) ||                               \
+        node->getStyle().instanceName[edge].unit != value.unit) {        \
+      YGStyle style = node->getStyle();                                  \
+      style.instanceName[edge] = value;                                  \
+      node->setStyle(style);                                             \
+      node->markDirtyAndPropogate();                                     \
+    }                                                                    \
+  }                                                                      \
+                                                                         \
+  WIN_STRUCT(type)                                                       \
+  YGNodeStyleGet##name(const YGNodeRef node, const YGEdge edge) {        \
+    YGValue value = node->getStyle().instanceName[edge];                 \
+    if (value.unit == YGUnitUndefined || value.unit == YGUnitAuto) {     \
+      value.value = YGUndefined;                                         \
+    }                                                                    \
+    return WIN_STRUCT_REF(value);                                        \
   }
 
 #define YG_NODE_LAYOUT_PROPERTY_IMPL(type, name, instanceName) \
@@ -735,43 +779,265 @@ float YGNodeStyleGetFlexShrink(const YGNodeRef node) {
     return node->getLayout().instanceName[edge];                        \
   }
 
-// YG_NODE_PROPERTY_IMPL(void *, Context, context, context);
-// YG_NODE_PROPERTY_IMPL(YGPrintFunc, PrintFunc, printFunc, print);
-// YG_NODE_PROPERTY_IMPL(bool, HasNewLayout, hasNewLayout, hasNewLayout);
-// YG_NODE_PROPERTY_IMPL(YGNodeType, NodeType, nodeType, nodeType);
+void YGNodeStyleSetDirection(
+    const YGNodeRef node,
+    const YGDirection direction) {
+  StyleProp<YGDirection, &YGStyle::direction>::set(node, direction);
+}
+YGDirection YGNodeStyleGetDirection(const YGNodeRef node) {
+  return StyleProp<YGDirection, &YGStyle::direction>::get(node);
+}
+
+void YGNodeStyleSetFlexDirection(
+    const YGNodeRef node,
+    const YGFlexDirection flexDirection) {
+  StyleProp<YGFlexDirection, &YGStyle::flexDirection>::set(node, flexDirection);
+}
+YGFlexDirection YGNodeStyleGetFlexDirection(const YGNodeRef node) {
+  return StyleProp<YGFlexDirection, &YGStyle::flexDirection>::get(node);
+}
+
+void YGNodeStyleSetJustifyContent(
+    const YGNodeRef node,
+    const YGJustify justifyContent) {
+  StyleProp<YGJustify, &YGStyle::justifyContent>::set(node, justifyContent);
+}
+YGJustify YGNodeStyleGetJustifyContent(const YGNodeRef node) {
+  return StyleProp<YGJustify, &YGStyle::justifyContent>::get(node);
+}
+
+void YGNodeStyleSetAlignContent(
+    const YGNodeRef node,
+    const YGAlign alignContent) {
+  StyleProp<YGAlign, &YGStyle::alignContent>::set(node, alignContent);
+}
+YGAlign YGNodeStyleGetAlignContent(const YGNodeRef node) {
+  return StyleProp<YGAlign, &YGStyle::alignContent>::get(node);
+}
+
+void YGNodeStyleSetAlignItems(const YGNodeRef node, const YGAlign alignItems) {
+  StyleProp<YGAlign, &YGStyle::alignItems>::set(node, alignItems);
+}
+YGAlign YGNodeStyleGetAlignItems(const YGNodeRef node) {
+  return StyleProp<YGAlign, &YGStyle::alignItems>::get(node);
+}
+
+void YGNodeStyleSetAlignSelf(const YGNodeRef node, const YGAlign alignSelf) {
+  StyleProp<YGAlign, &YGStyle::alignSelf>::set(node, alignSelf);
+}
+YGAlign YGNodeStyleGetAlignSelf(const YGNodeRef node) {
+  return StyleProp<YGAlign, &YGStyle::alignSelf>::get(node);
+}
+
+void YGNodeStyleSetPositionType(
+    const YGNodeRef node,
+    const YGPositionType positionType) {
+  StyleProp<YGPositionType, &YGStyle::positionType>::set(node, positionType);
+}
+YGPositionType YGNodeStyleGetPositionType(const YGNodeRef node) {
+  return StyleProp<YGPositionType, &YGStyle::positionType>::get(node);
+}
+
+void YGNodeStyleSetFlexWrap(const YGNodeRef node, const YGWrap flexWrap) {
+  StyleProp<YGWrap, &YGStyle::flexWrap>::set(node, flexWrap);
+}
+YGWrap YGNodeStyleGetFlexWrap(const YGNodeRef node) {
+  return StyleProp<YGWrap, &YGStyle::flexWrap>::get(node);
+}
+
+void YGNodeStyleSetOverflow(const YGNodeRef node, const YGOverflow overflow) {
+  StyleProp<YGOverflow, &YGStyle::overflow>::set(node, overflow);
+}
+YGOverflow YGNodeStyleGetOverflow(const YGNodeRef node) {
+  return StyleProp<YGOverflow, &YGStyle::overflow>::get(node);
+}
+
+void YGNodeStyleSetDisplay(const YGNodeRef node, const YGDisplay display) {
+  StyleProp<YGDisplay, &YGStyle::display>::set(node, display);
+}
+YGDisplay YGNodeStyleGetDisplay(const YGNodeRef node) {
+  return StyleProp<YGDisplay, &YGStyle::display>::get(node);
+}
+
+// TODO(T26792433): Change the API to accept YGFloatOptional.
+void YGNodeStyleSetFlex(const YGNodeRef node, const float flex) {
+  if (node->getStyle().flex != flex) {
+    YGStyle style = node->getStyle();
+    if (YGFloatIsUndefined(flex)) {
+      style.flex = YGFloatOptional();
+    } else {
+      style.flex = YGFloatOptional(flex);
+    }
+    node->setStyle(style);
+    node->markDirtyAndPropogate();
+  }
+}
+
+// TODO(T26792433): Change the API to accept YGFloatOptional.
+float YGNodeStyleGetFlex(const YGNodeRef node) {
+  return node->getStyle().flex.isUndefined() ? YGUndefined
+                                             : node->getStyle().flex.getValue();
+}
+
+// TODO(T26792433): Change the API to accept YGFloatOptional.
+void YGNodeStyleSetFlexGrow(const YGNodeRef node, const float flexGrow) {
+  if (node->getStyle().flexGrow != flexGrow) {
+    YGStyle style = node->getStyle();
+    if (YGFloatIsUndefined(flexGrow)) {
+      style.flexGrow = YGFloatOptional();
+    } else {
+      style.flexGrow = YGFloatOptional(flexGrow);
+    }
+    node->setStyle(style);
+    node->markDirtyAndPropogate();
+  }
+}
+
+// TODO(T26792433): Change the API to accept YGFloatOptional.
+void YGNodeStyleSetFlexShrink(const YGNodeRef node, const float flexShrink) {
+  if (node->getStyle().flexShrink != flexShrink) {
+    YGStyle style = node->getStyle();
+    if (YGFloatIsUndefined(flexShrink)) {
+      style.flexShrink = YGFloatOptional();
+    } else {
+      style.flexShrink = YGFloatOptional(flexShrink);
+    }
+    node->setStyle(style);
+    node->markDirtyAndPropogate();
+  }
+}
+
+YGValue YGNodeStyleGetFlexBasis(const YGNodeRef node) {
+  YGValue flexBasis = node->getStyle().flexBasis;
+  if (flexBasis.unit == YGUnitUndefined || flexBasis.unit == YGUnitAuto) {
+    // TODO(T26792433): Get rid off the use of YGUndefined at client side
+    flexBasis.value = YGUndefined;
+  }
+  return flexBasis;
+}
+
+void YGNodeStyleSetFlexBasis(const YGNodeRef node, const float flexBasis) {
+  YGValue value = {
+      YGFloatSanitize(flexBasis),
+      YGFloatIsUndefined(flexBasis) ? YGUnitUndefined : YGUnitPoint,
+  };
+  if ((node->getStyle().flexBasis.value != value.value &&
+       value.unit != YGUnitUndefined) ||
+      node->getStyle().flexBasis.unit != value.unit) {
+    YGStyle style = node->getStyle();
+    style.flexBasis = value;
+    node->setStyle(style);
+    node->markDirtyAndPropogate();
+  }
+}
 
-YG_NODE_STYLE_PROPERTY_IMPL(YGDirection, Direction, direction, direction);
-YG_NODE_STYLE_PROPERTY_IMPL(YGFlexDirection, FlexDirection, flexDirection, flexDirection);
-YG_NODE_STYLE_PROPERTY_IMPL(YGJustify, JustifyContent, justifyContent, justifyContent);
-YG_NODE_STYLE_PROPERTY_IMPL(YGAlign, AlignContent, alignContent, alignContent);
-YG_NODE_STYLE_PROPERTY_IMPL(YGAlign, AlignItems, alignItems, alignItems);
-YG_NODE_STYLE_PROPERTY_IMPL(YGAlign, AlignSelf, alignSelf, alignSelf);
-YG_NODE_STYLE_PROPERTY_IMPL(YGPositionType, PositionType, positionType, positionType);
-YG_NODE_STYLE_PROPERTY_IMPL(YGWrap, FlexWrap, flexWrap, flexWrap);
-YG_NODE_STYLE_PROPERTY_IMPL(YGOverflow, Overflow, overflow, overflow);
-YG_NODE_STYLE_PROPERTY_IMPL(YGDisplay, Display, display, display);
+void YGNodeStyleSetFlexBasisPercent(
+    const YGNodeRef node,
+    const float flexBasisPercent) {
+  if (node->getStyle().flexBasis.value != flexBasisPercent ||
+      node->getStyle().flexBasis.unit != YGUnitPercent) {
+    YGStyle style = node->getStyle();
+    style.flexBasis.value = YGFloatSanitize(flexBasisPercent);
+    style.flexBasis.unit =
+        YGFloatIsUndefined(flexBasisPercent) ? YGUnitAuto : YGUnitPercent;
+    node->setStyle(style);
+    node->markDirtyAndPropogate();
+  }
+}
 
-YG_NODE_STYLE_PROPERTY_IMPL(float, Flex, flex, flex);
-YG_NODE_STYLE_PROPERTY_SETTER_IMPL(float, FlexGrow, flexGrow, flexGrow);
-YG_NODE_STYLE_PROPERTY_SETTER_IMPL(float, FlexShrink, flexShrink, flexShrink);
-YG_NODE_STYLE_PROPERTY_UNIT_AUTO_IMPL(YGValue, FlexBasis, flexBasis, flexBasis);
+void YGNodeStyleSetFlexBasisAuto(const YGNodeRef node) {
+  if (node->getStyle().flexBasis.unit != YGUnitAuto) {
+    YGStyle style = node->getStyle();
+    style.flexBasis.value = 0;
+    style.flexBasis.unit = YGUnitAuto;
+    node->setStyle(style);
+    node->markDirtyAndPropogate();
+  }
+}
 
 YG_NODE_STYLE_EDGE_PROPERTY_UNIT_IMPL(YGValue, Position, position, position);
 YG_NODE_STYLE_EDGE_PROPERTY_UNIT_IMPL(YGValue, Margin, margin, margin);
 YG_NODE_STYLE_EDGE_PROPERTY_UNIT_AUTO_IMPL(YGValue, Margin, margin);
 YG_NODE_STYLE_EDGE_PROPERTY_UNIT_IMPL(YGValue, Padding, padding, padding);
-YG_NODE_STYLE_EDGE_PROPERTY_IMPL(float, Border, border, border);
 
-YG_NODE_STYLE_PROPERTY_UNIT_AUTO_IMPL(YGValue, Width, width, dimensions[YGDimensionWidth]);
-YG_NODE_STYLE_PROPERTY_UNIT_AUTO_IMPL(YGValue, Height, height, dimensions[YGDimensionHeight]);
-YG_NODE_STYLE_PROPERTY_UNIT_IMPL(YGValue, MinWidth, minWidth, minDimensions[YGDimensionWidth]);
-YG_NODE_STYLE_PROPERTY_UNIT_IMPL(YGValue, MinHeight, minHeight, minDimensions[YGDimensionHeight]);
-YG_NODE_STYLE_PROPERTY_UNIT_IMPL(YGValue, MaxWidth, maxWidth, maxDimensions[YGDimensionWidth]);
-YG_NODE_STYLE_PROPERTY_UNIT_IMPL(YGValue, MaxHeight, maxHeight, maxDimensions[YGDimensionHeight]);
+// TODO(T26792433): Change the API to accept YGFloatOptional.
+void YGNodeStyleSetBorder(
+    const YGNodeRef node,
+    const YGEdge edge,
+    const float border) {
+  YGValue value = {
+      YGFloatSanitize(border),
+      YGFloatIsUndefined(border) ? YGUnitUndefined : YGUnitPoint,
+  };
+  if ((node->getStyle().border[edge].value != value.value &&
+       value.unit != YGUnitUndefined) ||
+      node->getStyle().border[edge].unit != value.unit) {
+    YGStyle style = node->getStyle();
+    style.border[edge] = value;
+    node->setStyle(style);
+    node->markDirtyAndPropogate();
+  }
+}
+
+float YGNodeStyleGetBorder(const YGNodeRef node, const YGEdge edge) {
+  if (node->getStyle().border[edge].unit == YGUnitUndefined ||
+      node->getStyle().border[edge].unit == YGUnitAuto) {
+    // TODO(T26792433): Rather than returning YGUndefined, change the api to
+    // return YGFloatOptional.
+    return YGUndefined;
+  }
+
+  return node->getStyle().border[edge].value;
+}
 
 // Yoga specific properties, not compatible with flexbox specification
-YG_NODE_STYLE_PROPERTY_IMPL(float, AspectRatio, aspectRatio, aspectRatio);
 
+// TODO(T26792433): Change the API to accept YGFloatOptional.
+float YGNodeStyleGetAspectRatio(const YGNodeRef node) {
+  const YGFloatOptional op = node->getStyle().aspectRatio;
+  return op.isUndefined() ? YGUndefined : op.getValue();
+}
+
+// TODO(T26792433): Change the API to accept YGFloatOptional.
+void YGNodeStyleSetAspectRatio(const YGNodeRef node, const float aspectRatio) {
+  if (node->getStyle().aspectRatio != aspectRatio) {
+    YGStyle style = node->getStyle();
+    style.aspectRatio = YGFloatOptional(aspectRatio);
+    node->setStyle(style);
+    node->markDirtyAndPropogate();
+  }
+}
+
+YG_NODE_STYLE_PROPERTY_UNIT_AUTO_IMPL(
+    YGValue,
+    Width,
+    width,
+    dimensions[YGDimensionWidth]);
+YG_NODE_STYLE_PROPERTY_UNIT_AUTO_IMPL(
+    YGValue,
+    Height,
+    height,
+    dimensions[YGDimensionHeight]);
+YG_NODE_STYLE_PROPERTY_UNIT_IMPL(
+    YGValue,
+    MinWidth,
+    minWidth,
+    minDimensions[YGDimensionWidth]);
+YG_NODE_STYLE_PROPERTY_UNIT_IMPL(
+    YGValue,
+    MinHeight,
+    minHeight,
+    minDimensions[YGDimensionHeight]);
+YG_NODE_STYLE_PROPERTY_UNIT_IMPL(
+    YGValue,
+    MaxWidth,
+    maxWidth,
+    maxDimensions[YGDimensionWidth]);
+YG_NODE_STYLE_PROPERTY_UNIT_IMPL(
+    YGValue,
+    MaxHeight,
+    maxHeight,
+    maxDimensions[YGDimensionHeight]);
 YG_NODE_LAYOUT_PROPERTY_IMPL(float, Left, position[YGEdgeLeft]);
 YG_NODE_LAYOUT_PROPERTY_IMPL(float, Top, position[YGEdgeTop]);
 YG_NODE_LAYOUT_PROPERTY_IMPL(float, Right, position[YGEdgeRight]);
@@ -785,22 +1051,28 @@ YG_NODE_LAYOUT_RESOLVED_PROPERTY_IMPL(float, Margin, margin);
 YG_NODE_LAYOUT_RESOLVED_PROPERTY_IMPL(float, Border, border);
 YG_NODE_LAYOUT_RESOLVED_PROPERTY_IMPL(float, Padding, padding);
 
+bool YGNodeLayoutGetDidLegacyStretchFlagAffectLayout(const YGNodeRef node) {
+  return node->getLayout().doesLegacyStretchFlagAffectsLayout;
+}
+
 uint32_t gCurrentGenerationCount = 0;
 
-bool YGLayoutNodeInternal(const YGNodeRef node,
-                          const float availableWidth,
-                          const float availableHeight,
-                          const YGDirection parentDirection,
-                          const YGMeasureMode widthMeasureMode,
-                          const YGMeasureMode heightMeasureMode,
-                          const float parentWidth,
-                          const float parentHeight,
-                          const bool performLayout,
-                          const char *reason,
-                          const YGConfigRef config);
-
-static void YGNodePrintInternal(const YGNodeRef node,
-                                const YGPrintOptions options) {
+bool YGLayoutNodeInternal(
+    const YGNodeRef node,
+    const float availableWidth,
+    const float availableHeight,
+    const YGDirection ownerDirection,
+    const YGMeasureMode widthMeasureMode,
+    const YGMeasureMode heightMeasureMode,
+    const float ownerWidth,
+    const float ownerHeight,
+    const bool performLayout,
+    const char* reason,
+    const YGConfigRef config);
+
+static void YGNodePrintInternal(
+    const YGNodeRef node,
+    const YGPrintOptions options) {
   std::string str;
   facebook::yoga::YGNodeToString(&str, node, options, 0);
   YGLog(node, YGLogLevelDebug, str.c_str());
@@ -825,14 +1097,18 @@ static const std::array<YGEdge, 4> pos = {{
 static const std::array<YGDimension, 4> dim = {
     {YGDimensionHeight, YGDimensionHeight, YGDimensionWidth, YGDimensionWidth}};
 
-static inline float YGNodePaddingAndBorderForAxis(const YGNodeRef node,
-                                                  const YGFlexDirection axis,
-                                                  const float widthSize) {
-  return node->getLeadingPaddingAndBorder(axis, widthSize) +
-      node->getTrailingPaddingAndBorder(axis, widthSize);
+static inline float YGNodePaddingAndBorderForAxis(
+    const YGNodeRef node,
+    const YGFlexDirection axis,
+    const float widthSize) {
+  return YGUnwrapFloatOptional(
+      node->getLeadingPaddingAndBorder(axis, widthSize) +
+      node->getTrailingPaddingAndBorder(axis, widthSize));
 }
 
-static inline YGAlign YGNodeAlignItem(const YGNodeRef node, const YGNodeRef child) {
+static inline YGAlign YGNodeAlignItem(
+    const YGNodeRef node,
+    const YGNodeRef child) {
   const YGAlign align = child->getStyle().alignSelf == YGAlignAuto
       ? node->getStyle().alignItems
       : child->getStyle().alignSelf;
@@ -849,9 +1125,10 @@ static float YGBaseline(const YGNodeRef node) {
         node,
         node->getLayout().measuredDimensions[YGDimensionWidth],
         node->getLayout().measuredDimensions[YGDimensionHeight]);
-    YGAssertWithNode(node,
-                     !YGFloatIsUndefined(baseline),
-                     "Expect custom baseline function to not return NaN");
+    YGAssertWithNode(
+        node,
+        !YGFloatIsUndefined(baseline),
+        "Expect custom baseline function to not return NaN");
     return baseline;
   }
 
@@ -902,17 +1179,20 @@ static bool YGIsBaselineLayout(const YGNodeRef node) {
   return false;
 }
 
-static inline float YGNodeDimWithMargin(const YGNodeRef node,
-                                        const YGFlexDirection axis,
-                                        const float widthSize) {
+static inline float YGNodeDimWithMargin(
+    const YGNodeRef node,
+    const YGFlexDirection axis,
+    const float widthSize) {
   return node->getLayout().measuredDimensions[dim[axis]] +
-      node->getLeadingMargin(axis, widthSize) +
-      node->getTrailingMargin(axis, widthSize);
+      YGUnwrapFloatOptional(
+             node->getLeadingMargin(axis, widthSize) +
+             node->getTrailingMargin(axis, widthSize));
 }
 
-static inline bool YGNodeIsStyleDimDefined(const YGNodeRef node,
-                                           const YGFlexDirection axis,
-                                           const float parentSize) {
+static inline bool YGNodeIsStyleDimDefined(
+    const YGNodeRef node,
+    const YGFlexDirection axis,
+    const float ownerSize) {
   bool isUndefined =
       YGFloatIsUndefined(node->getResolvedDimension(dim[axis]).value);
   return !(
@@ -923,20 +1203,23 @@ static inline bool YGNodeIsStyleDimDefined(const YGNodeRef node,
       (node->getResolvedDimension(dim[axis]).unit == YGUnitPercent &&
        !isUndefined &&
        (node->getResolvedDimension(dim[axis]).value < 0.0f ||
-        YGFloatIsUndefined(parentSize))));
+        YGFloatIsUndefined(ownerSize))));
 }
 
-static inline bool YGNodeIsLayoutDimDefined(const YGNodeRef node, const YGFlexDirection axis) {
+static inline bool YGNodeIsLayoutDimDefined(
+    const YGNodeRef node,
+    const YGFlexDirection axis) {
   const float value = node->getLayout().measuredDimensions[dim[axis]];
   return !YGFloatIsUndefined(value) && value >= 0.0f;
 }
 
-static float YGNodeBoundAxisWithinMinAndMax(const YGNodeRef node,
-                                            const YGFlexDirection axis,
-                                            const float value,
-                                            const float axisSize) {
-  float min = YGUndefined;
-  float max = YGUndefined;
+static YGFloatOptional YGNodeBoundAxisWithinMinAndMax(
+    const YGNodeRef node,
+    const YGFlexDirection& axis,
+    const float& value,
+    const float& axisSize) {
+  YGFloatOptional min;
+  YGFloatOptional max;
 
   if (YGFlexDirectionIsColumn(axis)) {
     min = YGResolveValue(
@@ -950,35 +1233,35 @@ static float YGNodeBoundAxisWithinMinAndMax(const YGNodeRef node,
         node->getStyle().maxDimensions[YGDimensionWidth], axisSize);
   }
 
-  float boundValue = value;
-
-  if (!YGFloatIsUndefined(max) && max >= 0.0f && boundValue > max) {
-    boundValue = max;
+  if (!max.isUndefined() && max.getValue() >= 0 && value > max.getValue()) {
+    return max;
   }
 
-  if (!YGFloatIsUndefined(min) && min >= 0.0f && boundValue < min) {
-    boundValue = min;
+  if (!min.isUndefined() && min.getValue() >= 0 && value < min.getValue()) {
+    return min;
   }
 
-  return boundValue;
+  return YGFloatOptional(value);
 }
 
-// Like YGNodeBoundAxisWithinMinAndMax but also ensures that the value doesn't go
-// below the
-// padding and border amount.
-static inline float YGNodeBoundAxis(const YGNodeRef node,
-                                    const YGFlexDirection axis,
-                                    const float value,
-                                    const float axisSize,
-                                    const float widthSize) {
+// Like YGNodeBoundAxisWithinMinAndMax but also ensures that the value doesn't
+// go below the padding and border amount.
+static inline float YGNodeBoundAxis(
+    const YGNodeRef node,
+    const YGFlexDirection axis,
+    const float value,
+    const float axisSize,
+    const float widthSize) {
   return YGFloatMax(
-      YGNodeBoundAxisWithinMinAndMax(node, axis, value, axisSize),
+      YGUnwrapFloatOptional(
+          YGNodeBoundAxisWithinMinAndMax(node, axis, value, axisSize)),
       YGNodePaddingAndBorderForAxis(node, axis, widthSize));
 }
 
-static void YGNodeSetChildTrailingPosition(const YGNodeRef node,
-                                           const YGNodeRef child,
-                                           const YGFlexDirection axis) {
+static void YGNodeSetChildTrailingPosition(
+    const YGNodeRef node,
+    const YGNodeRef child,
+    const YGFlexDirection axis) {
   const float size = child->getLayout().measuredDimensions[dim[axis]];
   child->setLayoutPosition(
       node->getLayout().measuredDimensions[dim[axis]] - size -
@@ -986,80 +1269,90 @@ static void YGNodeSetChildTrailingPosition(const YGNodeRef node,
       trailing[axis]);
 }
 
-static void YGConstrainMaxSizeForMode(const YGNodeRef node,
-                                      const enum YGFlexDirection axis,
-                                      const float parentAxisSize,
-                                      const float parentWidth,
-                                      YGMeasureMode *mode,
-                                      float *size) {
-  const float maxSize =
-      YGResolveValue(
-          node->getStyle().maxDimensions[dim[axis]], parentAxisSize) +
-      node->getMarginForAxis(axis, parentWidth);
+static void YGConstrainMaxSizeForMode(
+    const YGNodeRef node,
+    const enum YGFlexDirection axis,
+    const float ownerAxisSize,
+    const float ownerWidth,
+    YGMeasureMode* mode,
+    float* size) {
+  const YGFloatOptional maxSize =
+      YGResolveValue(node->getStyle().maxDimensions[dim[axis]], ownerAxisSize) +
+      YGFloatOptional(node->getMarginForAxis(axis, ownerWidth));
   switch (*mode) {
     case YGMeasureModeExactly:
     case YGMeasureModeAtMost:
-      *size = (YGFloatIsUndefined(maxSize) || *size < maxSize) ? *size : maxSize;
+      *size = (maxSize.isUndefined() || *size < maxSize.getValue())
+          ? *size
+          : maxSize.getValue();
       break;
     case YGMeasureModeUndefined:
-      if (!YGFloatIsUndefined(maxSize)) {
+      if (!maxSize.isUndefined()) {
         *mode = YGMeasureModeAtMost;
-        *size = maxSize;
+        *size = maxSize.getValue();
       }
       break;
   }
 }
 
-static void YGNodeComputeFlexBasisForChild(const YGNodeRef node,
-                                           const YGNodeRef child,
-                                           const float width,
-                                           const YGMeasureMode widthMode,
-                                           const float height,
-                                           const float parentWidth,
-                                           const float parentHeight,
-                                           const YGMeasureMode heightMode,
-                                           const YGDirection direction,
-                                           const YGConfigRef config) {
+static void YGNodeComputeFlexBasisForChild(
+    const YGNodeRef node,
+    const YGNodeRef child,
+    const float width,
+    const YGMeasureMode widthMode,
+    const float height,
+    const float ownerWidth,
+    const float ownerHeight,
+    const YGMeasureMode heightMode,
+    const YGDirection direction,
+    const YGConfigRef config) {
   const YGFlexDirection mainAxis =
       YGResolveFlexDirection(node->getStyle().flexDirection, direction);
   const bool isMainAxisRow = YGFlexDirectionIsRow(mainAxis);
   const float mainAxisSize = isMainAxisRow ? width : height;
-  const float mainAxisParentSize = isMainAxisRow ? parentWidth : parentHeight;
+  const float mainAxisownerSize = isMainAxisRow ? ownerWidth : ownerHeight;
 
   float childWidth;
   float childHeight;
   YGMeasureMode childWidthMeasureMode;
   YGMeasureMode childHeightMeasureMode;
 
-  const float resolvedFlexBasis =
-      YGResolveValue(child->resolveFlexBasisPtr(), mainAxisParentSize);
-  const bool isRowStyleDimDefined = YGNodeIsStyleDimDefined(child, YGFlexDirectionRow, parentWidth);
+  const YGFloatOptional resolvedFlexBasis =
+      YGResolveValue(child->resolveFlexBasisPtr(), mainAxisownerSize);
+  const bool isRowStyleDimDefined =
+      YGNodeIsStyleDimDefined(child, YGFlexDirectionRow, ownerWidth);
   const bool isColumnStyleDimDefined =
-      YGNodeIsStyleDimDefined(child, YGFlexDirectionColumn, parentHeight);
+      YGNodeIsStyleDimDefined(child, YGFlexDirectionColumn, ownerHeight);
 
-  if (!YGFloatIsUndefined(resolvedFlexBasis) && !YGFloatIsUndefined(mainAxisSize)) {
-    if (YGFloatIsUndefined(child->getLayout().computedFlexBasis) ||
+  if (!resolvedFlexBasis.isUndefined() && !YGFloatIsUndefined(mainAxisSize)) {
+    if (child->getLayout().computedFlexBasis.isUndefined() ||
         (YGConfigIsExperimentalFeatureEnabled(
              child->getConfig(), YGExperimentalFeatureWebFlexBasis) &&
          child->getLayout().computedFlexBasisGeneration !=
              gCurrentGenerationCount)) {
-      child->setLayoutComputedFlexBasis(YGFloatMax(
-          resolvedFlexBasis,
-          YGNodePaddingAndBorderForAxis(child, mainAxis, parentWidth)));
+      const YGFloatOptional& paddingAndBorder = YGFloatOptional(
+          YGNodePaddingAndBorderForAxis(child, mainAxis, ownerWidth));
+      child->setLayoutComputedFlexBasis(
+          YGFloatOptionalMax(resolvedFlexBasis, paddingAndBorder));
     }
   } else if (isMainAxisRow && isRowStyleDimDefined) {
     // The width is definite, so use that as the flex basis.
-    child->setLayoutComputedFlexBasis(YGFloatMax(
+    const YGFloatOptional& paddingAndBorder = YGFloatOptional(
+        YGNodePaddingAndBorderForAxis(child, YGFlexDirectionRow, ownerWidth));
+
+    child->setLayoutComputedFlexBasis(YGFloatOptionalMax(
         YGResolveValue(
-            child->getResolvedDimension(YGDimensionWidth), parentWidth),
-        YGNodePaddingAndBorderForAxis(child, YGFlexDirectionRow, parentWidth)));
+            child->getResolvedDimension(YGDimensionWidth), ownerWidth),
+        paddingAndBorder));
   } else if (!isMainAxisRow && isColumnStyleDimDefined) {
     // The height is definite, so use that as the flex basis.
-    child->setLayoutComputedFlexBasis(YGFloatMax(
+    const YGFloatOptional& paddingAndBorder =
+        YGFloatOptional(YGNodePaddingAndBorderForAxis(
+            child, YGFlexDirectionColumn, ownerWidth));
+    child->setLayoutComputedFlexBasis(YGFloatOptionalMax(
         YGResolveValue(
-            child->getResolvedDimension(YGDimensionHeight), parentHeight),
-        YGNodePaddingAndBorderForAxis(
-            child, YGFlexDirectionColumn, parentWidth)));
+            child->getResolvedDimension(YGDimensionHeight), ownerHeight),
+        paddingAndBorder));
   } else {
     // Compute the flex basis and hypothetical main size (i.e. the clamped
     // flex basis).
@@ -1068,22 +1361,22 @@ static void YGNodeComputeFlexBasisForChild(const YGNodeRef node,
     childWidthMeasureMode = YGMeasureModeUndefined;
     childHeightMeasureMode = YGMeasureModeUndefined;
 
-    const float marginRow =
-        child->getMarginForAxis(YGFlexDirectionRow, parentWidth);
-    const float marginColumn =
-        child->getMarginForAxis(YGFlexDirectionColumn, parentWidth);
+    auto marginRow = YGUnwrapFloatOptional(
+        child->getMarginForAxis(YGFlexDirectionRow, ownerWidth));
+    auto marginColumn = YGUnwrapFloatOptional(
+        child->getMarginForAxis(YGFlexDirectionColumn, ownerWidth));
 
     if (isRowStyleDimDefined) {
       childWidth =
-          YGResolveValue(
-              child->getResolvedDimension(YGDimensionWidth), parentWidth) +
+          YGUnwrapFloatOptional(YGResolveValue(
+              child->getResolvedDimension(YGDimensionWidth), ownerWidth)) +
           marginRow;
       childWidthMeasureMode = YGMeasureModeExactly;
     }
     if (isColumnStyleDimDefined) {
       childHeight =
-          YGResolveValue(
-              child->getResolvedDimension(YGDimensionHeight), parentHeight) +
+          YGUnwrapFloatOptional(YGResolveValue(
+              child->getResolvedDimension(YGDimensionHeight), ownerHeight)) +
           marginColumn;
       childHeightMeasureMode = YGMeasureModeExactly;
     }
@@ -1106,14 +1399,16 @@ static void YGNodeComputeFlexBasisForChild(const YGNodeRef node,
       }
     }
 
-    if (!YGFloatIsUndefined(child->getStyle().aspectRatio)) {
+    if (!child->getStyle().aspectRatio.isUndefined()) {
       if (!isMainAxisRow && childWidthMeasureMode == YGMeasureModeExactly) {
         childHeight = marginColumn +
-            (childWidth - marginRow) / child->getStyle().aspectRatio;
+            (childWidth - marginRow) / child->getStyle().aspectRatio.getValue();
         childHeightMeasureMode = YGMeasureModeExactly;
-      } else if (isMainAxisRow && childHeightMeasureMode == YGMeasureModeExactly) {
+      } else if (
+          isMainAxisRow && childHeightMeasureMode == YGMeasureModeExactly) {
         childWidth = marginRow +
-            (childHeight - marginColumn) * child->getStyle().aspectRatio;
+            (childHeight - marginColumn) *
+                child->getStyle().aspectRatio.getValue();
         childWidthMeasureMode = YGMeasureModeExactly;
       }
     }
@@ -1122,68 +1417,83 @@ static void YGNodeComputeFlexBasisForChild(const YGNodeRef node,
     // set the cross
     // axis to be measured exactly with the available inner width
 
-    const bool hasExactWidth = !YGFloatIsUndefined(width) && widthMode == YGMeasureModeExactly;
-    const bool childWidthStretch = YGNodeAlignItem(node, child) == YGAlignStretch &&
-                                   childWidthMeasureMode != YGMeasureModeExactly;
-    if (!isMainAxisRow && !isRowStyleDimDefined && hasExactWidth && childWidthStretch) {
+    const bool hasExactWidth =
+        !YGFloatIsUndefined(width) && widthMode == YGMeasureModeExactly;
+    const bool childWidthStretch =
+        YGNodeAlignItem(node, child) == YGAlignStretch &&
+        childWidthMeasureMode != YGMeasureModeExactly;
+    if (!isMainAxisRow && !isRowStyleDimDefined && hasExactWidth &&
+        childWidthStretch) {
       childWidth = width;
       childWidthMeasureMode = YGMeasureModeExactly;
-      if (!YGFloatIsUndefined(child->getStyle().aspectRatio)) {
-        childHeight = (childWidth - marginRow) / child->getStyle().aspectRatio;
+      if (!child->getStyle().aspectRatio.isUndefined()) {
+        childHeight =
+            (childWidth - marginRow) / child->getStyle().aspectRatio.getValue();
         childHeightMeasureMode = YGMeasureModeExactly;
       }
     }
 
-    const bool hasExactHeight = !YGFloatIsUndefined(height) && heightMode == YGMeasureModeExactly;
-    const bool childHeightStretch = YGNodeAlignItem(node, child) == YGAlignStretch &&
-                                    childHeightMeasureMode != YGMeasureModeExactly;
-    if (isMainAxisRow && !isColumnStyleDimDefined && hasExactHeight && childHeightStretch) {
+    const bool hasExactHeight =
+        !YGFloatIsUndefined(height) && heightMode == YGMeasureModeExactly;
+    const bool childHeightStretch =
+        YGNodeAlignItem(node, child) == YGAlignStretch &&
+        childHeightMeasureMode != YGMeasureModeExactly;
+    if (isMainAxisRow && !isColumnStyleDimDefined && hasExactHeight &&
+        childHeightStretch) {
       childHeight = height;
       childHeightMeasureMode = YGMeasureModeExactly;
 
-      if (!YGFloatIsUndefined(child->getStyle().aspectRatio)) {
-        childWidth =
-            (childHeight - marginColumn) * child->getStyle().aspectRatio;
+      if (!child->getStyle().aspectRatio.isUndefined()) {
+        childWidth = (childHeight - marginColumn) *
+            child->getStyle().aspectRatio.getValue();
         childWidthMeasureMode = YGMeasureModeExactly;
       }
     }
 
     YGConstrainMaxSizeForMode(
-        child, YGFlexDirectionRow, parentWidth, parentWidth, &childWidthMeasureMode, &childWidth);
-    YGConstrainMaxSizeForMode(child,
-                              YGFlexDirectionColumn,
-                              parentHeight,
-                              parentWidth,
-                              &childHeightMeasureMode,
-                              &childHeight);
+        child,
+        YGFlexDirectionRow,
+        ownerWidth,
+        ownerWidth,
+        &childWidthMeasureMode,
+        &childWidth);
+    YGConstrainMaxSizeForMode(
+        child,
+        YGFlexDirectionColumn,
+        ownerHeight,
+        ownerWidth,
+        &childHeightMeasureMode,
+        &childHeight);
 
     // Measure the child
-    YGLayoutNodeInternal(child,
-                         childWidth,
-                         childHeight,
-                         direction,
-                         childWidthMeasureMode,
-                         childHeightMeasureMode,
-                         parentWidth,
-                         parentHeight,
-                         false,
-                         "measure",
-                         config);
-
-    child->setLayoutComputedFlexBasis(YGFloatMax(
+    YGLayoutNodeInternal(
+        child,
+        childWidth,
+        childHeight,
+        direction,
+        childWidthMeasureMode,
+        childHeightMeasureMode,
+        ownerWidth,
+        ownerHeight,
+        false,
+        "measure",
+        config);
+
+    child->setLayoutComputedFlexBasis(YGFloatOptional(YGFloatMax(
         child->getLayout().measuredDimensions[dim[mainAxis]],
-        YGNodePaddingAndBorderForAxis(child, mainAxis, parentWidth)));
+        YGNodePaddingAndBorderForAxis(child, mainAxis, ownerWidth))));
   }
   child->setLayoutComputedFlexBasisGeneration(gCurrentGenerationCount);
 }
 
-static void YGNodeAbsoluteLayoutChild(const YGNodeRef node,
-                                      const YGNodeRef child,
-                                      const float width,
-                                      const YGMeasureMode widthMode,
-                                      const float height,
-                                      const YGDirection direction,
-                                      const YGConfigRef config) {
+static void YGNodeAbsoluteLayoutChild(
+    const YGNodeRef node,
+    const YGNodeRef child,
+    const float width,
+    const YGMeasureMode widthMode,
+    const float height,
+    const YGDirection direction,
+    const YGConfigRef config) {
   const YGFlexDirection mainAxis =
       YGResolveFlexDirection(node->getStyle().flexDirection, direction);
   const YGFlexDirection crossAxis = YGFlexDirectionCross(mainAxis, direction);
@@ -1194,13 +1504,14 @@ static void YGNodeAbsoluteLayoutChild(const YGNodeRef node,
   YGMeasureMode childWidthMeasureMode = YGMeasureModeUndefined;
   YGMeasureMode childHeightMeasureMode = YGMeasureModeUndefined;
 
-  const float marginRow = child->getMarginForAxis(YGFlexDirectionRow, width);
-  const float marginColumn =
-      child->getMarginForAxis(YGFlexDirectionColumn, width);
+  auto marginRow =
+      YGUnwrapFloatOptional(child->getMarginForAxis(YGFlexDirectionRow, width));
+  auto marginColumn = YGUnwrapFloatOptional(
+      child->getMarginForAxis(YGFlexDirectionColumn, width));
 
   if (YGNodeIsStyleDimDefined(child, YGFlexDirectionRow, width)) {
-    childWidth =
-        YGResolveValue(child->getResolvedDimension(YGDimensionWidth), width) +
+    childWidth = YGUnwrapFloatOptional(YGResolveValue(
+                     child->getResolvedDimension(YGDimensionWidth), width)) +
         marginRow;
   } else {
     // If the child doesn't have a specified width, compute the width based
@@ -1211,15 +1522,17 @@ static void YGNodeAbsoluteLayoutChild(const YGNodeRef node,
       childWidth = node->getLayout().measuredDimensions[YGDimensionWidth] -
           (node->getLeadingBorder(YGFlexDirectionRow) +
            node->getTrailingBorder(YGFlexDirectionRow)) -
-          (child->getLeadingPosition(YGFlexDirectionRow, width) +
-           child->getTrailingPosition(YGFlexDirectionRow, width));
-      childWidth = YGNodeBoundAxis(child, YGFlexDirectionRow, childWidth, width, width);
+          YGUnwrapFloatOptional(
+                       child->getLeadingPosition(YGFlexDirectionRow, width) +
+                       child->getTrailingPosition(YGFlexDirectionRow, width));
+      childWidth =
+          YGNodeBoundAxis(child, YGFlexDirectionRow, childWidth, width, width);
     }
   }
 
   if (YGNodeIsStyleDimDefined(child, YGFlexDirectionColumn, height)) {
-    childHeight =
-        YGResolveValue(child->getResolvedDimension(YGDimensionHeight), height) +
+    childHeight = YGUnwrapFloatOptional(YGResolveValue(
+                      child->getResolvedDimension(YGDimensionHeight), height)) +
         marginColumn;
   } else {
     // If the child doesn't have a specified height, compute the height
@@ -1227,39 +1540,47 @@ static void YGNodeAbsoluteLayoutChild(const YGNodeRef node,
     // offsets if they're defined.
     if (child->isLeadingPositionDefined(YGFlexDirectionColumn) &&
         child->isTrailingPosDefined(YGFlexDirectionColumn)) {
-      childHeight = node->getLayout().measuredDimensions[YGDimensionHeight] -
+      childHeight =
+          node->getLayout().measuredDimensions[YGDimensionHeight] -
           (node->getLeadingBorder(YGFlexDirectionColumn) +
            node->getTrailingBorder(YGFlexDirectionColumn)) -
-          (child->getLeadingPosition(YGFlexDirectionColumn, height) +
-           child->getTrailingPosition(YGFlexDirectionColumn, height));
-      childHeight = YGNodeBoundAxis(child, YGFlexDirectionColumn, childHeight, height, width);
+          YGUnwrapFloatOptional(
+              child->getLeadingPosition(YGFlexDirectionColumn, height) +
+              child->getTrailingPosition(YGFlexDirectionColumn, height));
+      childHeight = YGNodeBoundAxis(
+          child, YGFlexDirectionColumn, childHeight, height, width);
     }
   }
 
-  // Exactly one dimension needs to be defined for us to be able to do aspect ratio
-  // calculation. One dimension being the anchor and the other being flexible.
+  // Exactly one dimension needs to be defined for us to be able to do aspect
+  // ratio calculation. One dimension being the anchor and the other being
+  // flexible.
   if (YGFloatIsUndefined(childWidth) ^ YGFloatIsUndefined(childHeight)) {
-    if (!YGFloatIsUndefined(child->getStyle().aspectRatio)) {
+    if (!child->getStyle().aspectRatio.isUndefined()) {
       if (YGFloatIsUndefined(childWidth)) {
         childWidth = marginRow +
-            (childHeight - marginColumn) * child->getStyle().aspectRatio;
+            (childHeight - marginColumn) *
+                child->getStyle().aspectRatio.getValue();
       } else if (YGFloatIsUndefined(childHeight)) {
         childHeight = marginColumn +
-            (childWidth - marginRow) / child->getStyle().aspectRatio;
+            (childWidth - marginRow) / child->getStyle().aspectRatio.getValue();
       }
     }
   }
 
   // If we're still missing one or the other dimension, measure the content.
   if (YGFloatIsUndefined(childWidth) || YGFloatIsUndefined(childHeight)) {
-    childWidthMeasureMode =
-        YGFloatIsUndefined(childWidth) ? YGMeasureModeUndefined : YGMeasureModeExactly;
-    childHeightMeasureMode =
-        YGFloatIsUndefined(childHeight) ? YGMeasureModeUndefined : YGMeasureModeExactly;
-
-    // If the size of the parent is defined then try to constrain the absolute child to that size
-    // as well. This allows text within the absolute child to wrap to the size of its parent.
-    // This is the same behavior as many browsers implement.
+    childWidthMeasureMode = YGFloatIsUndefined(childWidth)
+        ? YGMeasureModeUndefined
+        : YGMeasureModeExactly;
+    childHeightMeasureMode = YGFloatIsUndefined(childHeight)
+        ? YGMeasureModeUndefined
+        : YGMeasureModeExactly;
+
+    // If the size of the owner is defined then try to constrain the absolute
+    // child to that size as well. This allows text within the absolute child to
+    // wrap to the size of its owner. This is the same behavior as many browsers
+    // implement.
     if (!isMainAxisRow && YGFloatIsUndefined(childWidth) &&
         widthMode != YGMeasureModeUndefined && !YGFloatIsUndefined(width) &&
         width > 0) {
@@ -1267,34 +1588,38 @@ static void YGNodeAbsoluteLayoutChild(const YGNodeRef node,
       childWidthMeasureMode = YGMeasureModeAtMost;
     }
 
-    YGLayoutNodeInternal(child,
-                         childWidth,
-                         childHeight,
-                         direction,
-                         childWidthMeasureMode,
-                         childHeightMeasureMode,
-                         childWidth,
-                         childHeight,
-                         false,
-                         "abs-measure",
-                         config);
+    YGLayoutNodeInternal(
+        child,
+        childWidth,
+        childHeight,
+        direction,
+        childWidthMeasureMode,
+        childHeightMeasureMode,
+        childWidth,
+        childHeight,
+        false,
+        "abs-measure",
+        config);
     childWidth = child->getLayout().measuredDimensions[YGDimensionWidth] +
-        child->getMarginForAxis(YGFlexDirectionRow, width);
+        YGUnwrapFloatOptional(
+                     child->getMarginForAxis(YGFlexDirectionRow, width));
     childHeight = child->getLayout().measuredDimensions[YGDimensionHeight] +
-        child->getMarginForAxis(YGFlexDirectionColumn, width);
+        YGUnwrapFloatOptional(
+                      child->getMarginForAxis(YGFlexDirectionColumn, width));
   }
 
-  YGLayoutNodeInternal(child,
-                       childWidth,
-                       childHeight,
-                       direction,
-                       YGMeasureModeExactly,
-                       YGMeasureModeExactly,
-                       childWidth,
-                       childHeight,
-                       true,
-                       "abs-layout",
-                       config);
+  YGLayoutNodeInternal(
+      child,
+      childWidth,
+      childHeight,
+      direction,
+      YGMeasureModeExactly,
+      YGMeasureModeExactly,
+      childWidth,
+      childHeight,
+      true,
+      "abs-layout",
+      config);
 
   if (child->isTrailingPosDefined(mainAxis) &&
       !child->isLeadingPositionDefined(mainAxis)) {
@@ -1302,9 +1627,9 @@ static void YGNodeAbsoluteLayoutChild(const YGNodeRef node,
         node->getLayout().measuredDimensions[dim[mainAxis]] -
             child->getLayout().measuredDimensions[dim[mainAxis]] -
             node->getTrailingBorder(mainAxis) -
-            child->getTrailingMargin(mainAxis, width) -
-            child->getTrailingPosition(
-                mainAxis, isMainAxisRow ? width : height),
+            YGUnwrapFloatOptional(child->getTrailingMargin(mainAxis, width)) -
+            YGUnwrapFloatOptional(child->getTrailingPosition(
+                mainAxis, isMainAxisRow ? width : height)),
         leading[mainAxis]);
   } else if (
       !child->isLeadingPositionDefined(mainAxis) &&
@@ -1329,9 +1654,9 @@ static void YGNodeAbsoluteLayoutChild(const YGNodeRef node,
         node->getLayout().measuredDimensions[dim[crossAxis]] -
             child->getLayout().measuredDimensions[dim[crossAxis]] -
             node->getTrailingBorder(crossAxis) -
-            child->getTrailingMargin(crossAxis, width) -
-            child->getTrailingPosition(
-                crossAxis, isMainAxisRow ? height : width),
+            YGUnwrapFloatOptional(child->getTrailingMargin(crossAxis, width)) -
+            YGUnwrapFloatOptional(child->getTrailingPosition(
+                crossAxis, isMainAxisRow ? height : width)),
         leading[crossAxis]);
 
   } else if (
@@ -1353,13 +1678,14 @@ static void YGNodeAbsoluteLayoutChild(const YGNodeRef node,
   }
 }
 
-static void YGNodeWithMeasureFuncSetMeasuredDimensions(const YGNodeRef node,
-                                                       const float availableWidth,
-                                                       const float availableHeight,
-                                                       const YGMeasureMode widthMeasureMode,
-                                                       const YGMeasureMode heightMeasureMode,
-                                                       const float parentWidth,
-                                                       const float parentHeight) {
+static void YGNodeWithMeasureFuncSetMeasuredDimensions(
+    const YGNodeRef node,
+    const float availableWidth,
+    const float availableHeight,
+    const YGMeasureMode widthMeasureMode,
+    const YGMeasureMode heightMeasureMode,
+    const float ownerWidth,
+    const float ownerHeight) {
   YGAssertWithNode(
       node,
       node->getMeasure() != nullptr,
@@ -1367,12 +1693,12 @@ static void YGNodeWithMeasureFuncSetMeasuredDimensions(const YGNodeRef node,
 
   const float paddingAndBorderAxisRow =
       YGNodePaddingAndBorderForAxis(node, YGFlexDirectionRow, availableWidth);
-  const float paddingAndBorderAxisColumn =
-      YGNodePaddingAndBorderForAxis(node, YGFlexDirectionColumn, availableWidth);
-  const float marginAxisRow =
-      node->getMarginForAxis(YGFlexDirectionRow, availableWidth);
-  const float marginAxisColumn =
-      node->getMarginForAxis(YGFlexDirectionColumn, availableWidth);
+  const float paddingAndBorderAxisColumn = YGNodePaddingAndBorderForAxis(
+      node, YGFlexDirectionColumn, availableWidth);
+  const float marginAxisRow = YGUnwrapFloatOptional(
+      node->getMarginForAxis(YGFlexDirectionRow, availableWidth));
+  const float marginAxisColumn = YGUnwrapFloatOptional(
+      node->getMarginForAxis(YGFlexDirectionColumn, availableWidth));
 
   // We want to make sure we don't call measure with negative size
   const float innerWidth = YGFloatIsUndefined(availableWidth)
@@ -1391,16 +1717,16 @@ static void YGNodeWithMeasureFuncSetMeasuredDimensions(const YGNodeRef node,
             node,
             YGFlexDirectionRow,
             availableWidth - marginAxisRow,
-            parentWidth,
-            parentWidth),
+            ownerWidth,
+            ownerWidth),
         YGDimensionWidth);
     node->setLayoutMeasuredDimension(
         YGNodeBoundAxis(
             node,
             YGFlexDirectionColumn,
             availableHeight - marginAxisColumn,
-            parentHeight,
-            parentWidth),
+            ownerHeight,
+            ownerWidth),
         YGDimensionHeight);
   } else {
     // Measure the text under the current constraints.
@@ -1415,8 +1741,8 @@ static void YGNodeWithMeasureFuncSetMeasuredDimensions(const YGNodeRef node,
              widthMeasureMode == YGMeasureModeAtMost)
                 ? measuredSize.width + paddingAndBorderAxisRow
                 : availableWidth - marginAxisRow,
-            parentWidth,
-            parentWidth),
+            ownerWidth,
+            ownerWidth),
         YGDimensionWidth);
 
     node->setLayoutMeasuredDimension(
@@ -1427,29 +1753,30 @@ static void YGNodeWithMeasureFuncSetMeasuredDimensions(const YGNodeRef node,
              heightMeasureMode == YGMeasureModeAtMost)
                 ? measuredSize.height + paddingAndBorderAxisColumn
                 : availableHeight - marginAxisColumn,
-            parentHeight,
-            parentWidth),
+            ownerHeight,
+            ownerWidth),
         YGDimensionHeight);
   }
 }
 
 // For nodes with no children, use the available values if they were provided,
 // or the minimum size as indicated by the padding and border sizes.
-static void YGNodeEmptyContainerSetMeasuredDimensions(const YGNodeRef node,
-                                                      const float availableWidth,
-                                                      const float availableHeight,
-                                                      const YGMeasureMode widthMeasureMode,
-                                                      const YGMeasureMode heightMeasureMode,
-                                                      const float parentWidth,
-                                                      const float parentHeight) {
+static void YGNodeEmptyContainerSetMeasuredDimensions(
+    const YGNodeRef node,
+    const float availableWidth,
+    const float availableHeight,
+    const YGMeasureMode widthMeasureMode,
+    const YGMeasureMode heightMeasureMode,
+    const float ownerWidth,
+    const float ownerHeight) {
   const float paddingAndBorderAxisRow =
-      YGNodePaddingAndBorderForAxis(node, YGFlexDirectionRow, parentWidth);
+      YGNodePaddingAndBorderForAxis(node, YGFlexDirectionRow, ownerWidth);
   const float paddingAndBorderAxisColumn =
-      YGNodePaddingAndBorderForAxis(node, YGFlexDirectionColumn, parentWidth);
-  const float marginAxisRow =
-      node->getMarginForAxis(YGFlexDirectionRow, parentWidth);
-  const float marginAxisColumn =
-      node->getMarginForAxis(YGFlexDirectionColumn, parentWidth);
+      YGNodePaddingAndBorderForAxis(node, YGFlexDirectionColumn, ownerWidth);
+  const float marginAxisRow = YGUnwrapFloatOptional(
+      node->getMarginForAxis(YGFlexDirectionRow, ownerWidth));
+  const float marginAxisColumn = YGUnwrapFloatOptional(
+      node->getMarginForAxis(YGFlexDirectionColumn, ownerWidth));
 
   node->setLayoutMeasuredDimension(
       YGNodeBoundAxis(
@@ -1459,8 +1786,8 @@ static void YGNodeEmptyContainerSetMeasuredDimensions(const YGNodeRef node,
            widthMeasureMode == YGMeasureModeAtMost)
               ? paddingAndBorderAxisRow
               : availableWidth - marginAxisRow,
-          parentWidth,
-          parentWidth),
+          ownerWidth,
+          ownerWidth),
       YGDimensionWidth);
 
   node->setLayoutMeasuredDimension(
@@ -1471,28 +1798,29 @@ static void YGNodeEmptyContainerSetMeasuredDimensions(const YGNodeRef node,
            heightMeasureMode == YGMeasureModeAtMost)
               ? paddingAndBorderAxisColumn
               : availableHeight - marginAxisColumn,
-          parentHeight,
-          parentWidth),
+          ownerHeight,
+          ownerWidth),
       YGDimensionHeight);
 }
 
-static bool YGNodeFixedSizeSetMeasuredDimensions(const YGNodeRef node,
-                                                 const float availableWidth,
-                                                 const float availableHeight,
-                                                 const YGMeasureMode widthMeasureMode,
-                                                 const YGMeasureMode heightMeasureMode,
-                                                 const float parentWidth,
-                                                 const float parentHeight) {
+static bool YGNodeFixedSizeSetMeasuredDimensions(
+    const YGNodeRef node,
+    const float availableWidth,
+    const float availableHeight,
+    const YGMeasureMode widthMeasureMode,
+    const YGMeasureMode heightMeasureMode,
+    const float ownerWidth,
+    const float ownerHeight) {
   if ((!YGFloatIsUndefined(availableWidth) &&
        widthMeasureMode == YGMeasureModeAtMost && availableWidth <= 0.0f) ||
       (!YGFloatIsUndefined(availableHeight) &&
        heightMeasureMode == YGMeasureModeAtMost && availableHeight <= 0.0f) ||
       (widthMeasureMode == YGMeasureModeExactly &&
        heightMeasureMode == YGMeasureModeExactly)) {
-    const float marginAxisColumn =
-        node->getMarginForAxis(YGFlexDirectionColumn, parentWidth);
-    const float marginAxisRow =
-        node->getMarginForAxis(YGFlexDirectionRow, parentWidth);
+    auto marginAxisColumn = YGUnwrapFloatOptional(
+        node->getMarginForAxis(YGFlexDirectionColumn, ownerWidth));
+    auto marginAxisRow = YGUnwrapFloatOptional(
+        node->getMarginForAxis(YGFlexDirectionRow, ownerWidth));
 
     node->setLayoutMeasuredDimension(
         YGNodeBoundAxis(
@@ -1503,8 +1831,8 @@ static bool YGNodeFixedSizeSetMeasuredDimensions(const YGNodeRef node,
                      availableWidth < 0.0f)
                 ? 0.0f
                 : availableWidth - marginAxisRow,
-            parentWidth,
-            parentWidth),
+            ownerWidth,
+            ownerWidth),
         YGDimensionWidth);
 
     node->setLayoutMeasuredDimension(
@@ -1516,8 +1844,8 @@ static bool YGNodeFixedSizeSetMeasuredDimensions(const YGNodeRef node,
                      availableHeight < 0.0f)
                 ? 0.0f
                 : availableHeight - marginAxisColumn,
-            parentHeight,
-            parentWidth),
+            ownerHeight,
+            ownerWidth),
         YGDimensionHeight);
     return true;
   }
@@ -1540,15 +1868,16 @@ static float YGNodeCalculateAvailableInnerDim(
     const YGNodeRef node,
     YGFlexDirection axis,
     float availableDim,
-    float parentDim) {
+    float ownerDim) {
   YGFlexDirection direction =
       YGFlexDirectionIsRow(axis) ? YGFlexDirectionRow : YGFlexDirectionColumn;
   YGDimension dimension =
       YGFlexDirectionIsRow(axis) ? YGDimensionWidth : YGDimensionHeight;
 
-  const float margin = node->getMarginForAxis(direction, parentDim);
+  const float margin =
+      YGUnwrapFloatOptional(node->getMarginForAxis(direction, ownerDim));
   const float paddingAndBorder =
-      YGNodePaddingAndBorderForAxis(node, direction, parentDim);
+      YGNodePaddingAndBorderForAxis(node, direction, ownerDim);
 
   float availableInnerDim = availableDim - margin - paddingAndBorder;
   // Max dimension overrides predefined dimension value; Min dimension in turn
@@ -1556,15 +1885,18 @@ static float YGNodeCalculateAvailableInnerDim(
   if (!YGFloatIsUndefined(availableInnerDim)) {
     // We want to make sure our available height does not violate min and max
     // constraints
-    const float minInnerDim =
-        YGFloatIsUndefined(YGResolveValue(
-            node->getStyle().minDimensions[dimension], parentDim))
+    const YGFloatOptional minDimensionOptional =
+        YGResolveValue(node->getStyle().minDimensions[dimension], ownerDim);
+    const float minInnerDim = minDimensionOptional.isUndefined()
         ? 0.0f
-        : YGResolveValue(node->getStyle().minDimensions[dimension], parentDim) -
-            paddingAndBorder;
-    const float maxInnerDim =
-        YGResolveValue(node->getStyle().maxDimensions[dimension], parentDim) -
-        paddingAndBorder;
+        : minDimensionOptional.getValue() - paddingAndBorder;
+
+    const YGFloatOptional maxDimensionOptional =
+        YGResolveValue(node->getStyle().maxDimensions[dimension], ownerDim);
+
+    const float maxInnerDim = maxDimensionOptional.isUndefined()
+        ? FLT_MAX
+        : maxDimensionOptional.getValue() - paddingAndBorder;
     availableInnerDim =
         YGFloatMax(YGFloatMin(availableInnerDim, maxInnerDim), minInnerDim);
   }
@@ -1592,16 +1924,17 @@ static void YGNodeComputeFlexBasisForChildren(
   // child to exactly match the remaining space
   if (measureModeMainDim == YGMeasureModeExactly) {
     for (auto child : children) {
-      if (singleFlexChild != nullptr) {
-        if (child->isNodeFlexible()) {
-          // There is already a flexible child, abort
+      if (child->isNodeFlexible()) {
+        if (singleFlexChild != nullptr ||
+            YGFloatsEqual(child->resolveFlexGrow(), 0.0f) ||
+            YGFloatsEqual(child->resolveFlexShrink(), 0.0f)) {
+          // There is already a flexible child, or this flexible child doesn't
+          // have flexGrow and flexShrink, abort
           singleFlexChild = nullptr;
           break;
+        } else {
+          singleFlexChild = child;
         }
-      } else if (
-          child->resolveFlexGrow() > 0.0f &&
-          child->resolveFlexShrink() > 0.0f) {
-        singleFlexChild = child;
       }
     }
   }
@@ -1615,7 +1948,7 @@ static void YGNodeComputeFlexBasisForChildren(
       continue;
     }
     if (performLayout) {
-      // Set the initial position (relative to the parent).
+      // Set the initial position (relative to the owner).
       const YGDirection childDirection = child->resolveDirection(direction);
       const float mainDim = YGFlexDirectionIsRow(mainAxis)
           ? availableInnerWidth
@@ -1632,7 +1965,7 @@ static void YGNodeComputeFlexBasisForChildren(
     }
     if (child == singleFlexChild) {
       child->setLayoutComputedFlexBasisGeneration(gCurrentGenerationCount);
-      child->setLayoutComputedFlexBasis(0);
+      child->setLayoutComputedFlexBasis(YGFloatOptional(0));
     } else {
       YGNodeComputeFlexBasisForChild(
           node,
@@ -1647,8 +1980,9 @@ static void YGNodeComputeFlexBasisForChildren(
           config);
     }
 
-    totalOuterFlexBasis += child->getLayout().computedFlexBasis +
-        child->getMarginForAxis(mainAxis, availableInnerWidth);
+    totalOuterFlexBasis += YGUnwrapFloatOptional(
+        child->getLayout().computedFlexBasis +
+        child->getMarginForAxis(mainAxis, availableInnerWidth));
   }
 }
 
@@ -1658,8 +1992,8 @@ static void YGNodeComputeFlexBasisForChildren(
 // This function calculates YGCollectFlexItemsRowMeasurement
 static YGCollectFlexItemsRowValues YGCalculateCollectFlexItemsRowValues(
     const YGNodeRef& node,
-    const YGDirection parentDirection,
-    const float mainAxisParentSize,
+    const YGDirection ownerDirection,
+    const float mainAxisownerSize,
     const float availableInnerWidth,
     const float availableInnerMainDim,
     const uint32_t startOfLineIndex,
@@ -1669,26 +2003,26 @@ static YGCollectFlexItemsRowValues YGCalculateCollectFlexItemsRowValues(
 
   float sizeConsumedOnCurrentLineIncludingMinConstraint = 0;
   const YGFlexDirection mainAxis = YGResolveFlexDirection(
-      node->getStyle().flexDirection, node->resolveDirection(parentDirection));
+      node->getStyle().flexDirection, node->resolveDirection(ownerDirection));
   const bool isNodeFlexWrap = node->getStyle().flexWrap != YGWrapNoWrap;
 
   // Add items to the current line until it's full or we run out of items.
   uint32_t endOfLineIndex = startOfLineIndex;
-  for (; endOfLineIndex < node->getChildrenCount(); endOfLineIndex++) {
+  for (; endOfLineIndex < node->getChildren().size(); endOfLineIndex++) {
     const YGNodeRef child = node->getChild(endOfLineIndex);
     if (child->getStyle().display == YGDisplayNone ||
         child->getStyle().positionType == YGPositionTypeAbsolute) {
       continue;
     }
     child->setLineIndex(lineCount);
-    const float childMarginMainAxis =
-        child->getMarginForAxis(mainAxis, availableInnerWidth);
+    const float childMarginMainAxis = YGUnwrapFloatOptional(
+        child->getMarginForAxis(mainAxis, availableInnerWidth));
     const float flexBasisWithMinAndMaxConstraints =
-        YGNodeBoundAxisWithinMinAndMax(
+        YGUnwrapFloatOptional(YGNodeBoundAxisWithinMinAndMax(
             child,
             mainAxis,
-            child->getLayout().computedFlexBasis,
-            mainAxisParentSize);
+            YGUnwrapFloatOptional(child->getLayout().computedFlexBasis),
+            mainAxisownerSize));
 
     // If this is a multi-line flow and this item pushes us over the
     // available size, we've
@@ -1713,7 +2047,8 @@ static YGCollectFlexItemsRowValues YGCalculateCollectFlexItemsRowValues(
       // Unlike the grow factor, the shrink factor is scaled relative to the
       // child dimension.
       flexAlgoRowMeasurement.totalFlexShrinkScaledFactors +=
-          -child->resolveFlexShrink() * child->getLayout().computedFlexBasis;
+          -child->resolveFlexShrink() *
+          YGUnwrapFloatOptional(child->getLayout().computedFlexBasis);
     }
 
     flexAlgoRowMeasurement.relativeChildren.push_back(child);
@@ -1743,7 +2078,7 @@ static float YGDistributeFreeSpaceSecondPass(
     const YGNodeRef node,
     const YGFlexDirection mainAxis,
     const YGFlexDirection crossAxis,
-    const float mainAxisParentSize,
+    const float mainAxisownerSize,
     const float availableInnerMainDim,
     const float availableInnerCrossDim,
     const float availableInnerWidth,
@@ -1760,11 +2095,12 @@ static float YGDistributeFreeSpaceSecondPass(
   const bool isNodeFlexWrap = node->getStyle().flexWrap != YGWrapNoWrap;
 
   for (auto currentRelativeChild : collectedFlexItemsValues.relativeChildren) {
-    childFlexBasis = YGNodeBoundAxisWithinMinAndMax(
+    childFlexBasis = YGUnwrapFloatOptional(YGNodeBoundAxisWithinMinAndMax(
         currentRelativeChild,
         mainAxis,
-        currentRelativeChild->getLayout().computedFlexBasis,
-        mainAxisParentSize);
+        YGUnwrapFloatOptional(
+            currentRelativeChild->getLayout().computedFlexBasis),
+        mainAxisownerSize));
     float updatedMainSize = childFlexBasis;
 
     if (!YGFloatIsUndefined(collectedFlexItemsValues.remainingFreeSpace) &&
@@ -1814,21 +2150,21 @@ static float YGDistributeFreeSpaceSecondPass(
 
     deltaFreeSpace += updatedMainSize - childFlexBasis;
 
-    const float marginMain =
-        currentRelativeChild->getMarginForAxis(mainAxis, availableInnerWidth);
-    const float marginCross =
-        currentRelativeChild->getMarginForAxis(crossAxis, availableInnerWidth);
+    const float marginMain = YGUnwrapFloatOptional(
+        currentRelativeChild->getMarginForAxis(mainAxis, availableInnerWidth));
+    const float marginCross = YGUnwrapFloatOptional(
+        currentRelativeChild->getMarginForAxis(crossAxis, availableInnerWidth));
 
     float childCrossSize;
     float childMainSize = updatedMainSize + marginMain;
     YGMeasureMode childCrossMeasureMode;
     YGMeasureMode childMainMeasureMode = YGMeasureModeExactly;
 
-    if (!YGFloatIsUndefined(currentRelativeChild->getStyle().aspectRatio)) {
+    if (!currentRelativeChild->getStyle().aspectRatio.isUndefined()) {
       childCrossSize = isMainAxisRow ? (childMainSize - marginMain) /
-              currentRelativeChild->getStyle().aspectRatio
+              currentRelativeChild->getStyle().aspectRatio.getValue()
                                      : (childMainSize - marginMain) *
-              currentRelativeChild->getStyle().aspectRatio;
+              currentRelativeChild->getStyle().aspectRatio.getValue();
       childCrossMeasureMode = YGMeasureModeExactly;
 
       childCrossSize += marginCross;
@@ -1853,9 +2189,9 @@ static float YGDistributeFreeSpaceSecondPass(
           : YGMeasureModeAtMost;
     } else {
       childCrossSize =
-          YGResolveValue(
+          YGUnwrapFloatOptional(YGResolveValue(
               currentRelativeChild->getResolvedDimension(dim[crossAxis]),
-              availableInnerCrossDim) +
+              availableInnerCrossDim)) +
           marginCross;
       const bool isLoosePercentageMeasurement =
           currentRelativeChild->getResolvedDimension(dim[crossAxis]).unit ==
@@ -1925,7 +2261,7 @@ static float YGDistributeFreeSpaceSecondPass(
 static void YGDistributeFreeSpaceFirstPass(
     YGCollectFlexItemsRowValues& collectedFlexItemsValues,
     const YGFlexDirection mainAxis,
-    const float mainAxisParentSize,
+    const float mainAxisownerSize,
     const float availableInnerMainDim,
     const float availableInnerWidth) {
   float flexShrinkScaledFactor = 0;
@@ -1935,11 +2271,12 @@ static void YGDistributeFreeSpaceFirstPass(
   float deltaFreeSpace = 0;
 
   for (auto currentRelativeChild : collectedFlexItemsValues.relativeChildren) {
-    float childFlexBasis = YGNodeBoundAxisWithinMinAndMax(
+    float childFlexBasis = YGUnwrapFloatOptional(YGNodeBoundAxisWithinMinAndMax(
         currentRelativeChild,
         mainAxis,
-        currentRelativeChild->getLayout().computedFlexBasis,
-        mainAxisParentSize);
+        YGUnwrapFloatOptional(
+            currentRelativeChild->getLayout().computedFlexBasis),
+        mainAxisownerSize));
 
     if (collectedFlexItemsValues.remainingFreeSpace < 0) {
       flexShrinkScaledFactor =
@@ -2037,7 +2374,7 @@ static void YGResolveFlexibleLength(
     YGCollectFlexItemsRowValues& collectedFlexItemsValues,
     const YGFlexDirection mainAxis,
     const YGFlexDirection crossAxis,
-    const float mainAxisParentSize,
+    const float mainAxisownerSize,
     const float availableInnerMainDim,
     const float availableInnerCrossDim,
     const float availableInnerWidth,
@@ -2051,7 +2388,7 @@ static void YGResolveFlexibleLength(
   YGDistributeFreeSpaceFirstPass(
       collectedFlexItemsValues,
       mainAxis,
-      mainAxisParentSize,
+      mainAxisownerSize,
       availableInnerMainDim,
       availableInnerWidth);
 
@@ -2061,7 +2398,7 @@ static void YGResolveFlexibleLength(
       node,
       mainAxis,
       crossAxis,
-      mainAxisParentSize,
+      mainAxisownerSize,
       availableInnerMainDim,
       availableInnerCrossDim,
       availableInnerWidth,
@@ -2083,8 +2420,8 @@ static void YGJustifyMainAxis(
     const YGFlexDirection& crossAxis,
     const YGMeasureMode& measureModeMainDim,
     const YGMeasureMode& measureModeCrossDim,
-    const float& mainAxisParentSize,
-    const float& parentWidth,
+    const float& mainAxisownerSize,
+    const float& ownerWidth,
     const float& availableInnerMainDim,
     const float& availableInnerCrossDim,
     const float& availableInnerWidth,
@@ -2096,12 +2433,12 @@ static void YGJustifyMainAxis(
   if (measureModeMainDim == YGMeasureModeAtMost &&
       collectedFlexItemsValues.remainingFreeSpace > 0) {
     if (style.minDimensions[dim[mainAxis]].unit != YGUnitUndefined &&
-        !YGFloatIsUndefined(YGResolveValue(
-            style.minDimensions[dim[mainAxis]], mainAxisParentSize))) {
+        !YGResolveValue(style.minDimensions[dim[mainAxis]], mainAxisownerSize)
+             .isUndefined()) {
       collectedFlexItemsValues.remainingFreeSpace = YGFloatMax(
           0,
-          YGResolveValue(
-              style.minDimensions[dim[mainAxis]], mainAxisParentSize) -
+          YGUnwrapFloatOptional(YGResolveValue(
+              style.minDimensions[dim[mainAxis]], mainAxisownerSize)) -
               (availableInnerMainDim -
                collectedFlexItemsValues.remainingFreeSpace));
     } else {
@@ -2165,8 +2502,8 @@ static void YGJustifyMainAxis(
     }
   }
 
-  const float leadingPaddingAndBorderMain =
-      node->getLeadingPaddingAndBorder(mainAxis, parentWidth);
+  const float leadingPaddingAndBorderMain = YGUnwrapFloatOptional(
+      node->getLeadingPaddingAndBorder(mainAxis, ownerWidth));
   collectedFlexItemsValues.mainDim =
       leadingPaddingAndBorderMain + leadingMainDim;
   collectedFlexItemsValues.crossDim = 0;
@@ -2187,9 +2524,11 @@ static void YGJustifyMainAxis(
         // defined, we override the position to whatever the user said
         // (and margin/border).
         child->setLayoutPosition(
-            child->getLeadingPosition(mainAxis, availableInnerMainDim) +
+            YGUnwrapFloatOptional(
+                child->getLeadingPosition(mainAxis, availableInnerMainDim)) +
                 node->getLeadingBorder(mainAxis) +
-                child->getLeadingMargin(mainAxis, availableInnerWidth),
+                YGUnwrapFloatOptional(
+                    child->getLeadingMargin(mainAxis, availableInnerWidth)),
             pos[mainAxis]);
       }
     } else {
@@ -2223,8 +2562,9 @@ static void YGJustifyMainAxis(
           // they weren't computed. This means we can't call
           // YGNodeDimWithMargin.
           collectedFlexItemsValues.mainDim += betweenMainDim +
-              child->getMarginForAxis(mainAxis, availableInnerWidth) +
-              childLayout.computedFlexBasis;
+              YGUnwrapFloatOptional(child->getMarginForAxis(
+                  mainAxis, availableInnerWidth)) +
+              YGUnwrapFloatOptional(childLayout.computedFlexBasis);
           collectedFlexItemsValues.crossDim = availableInnerCrossDim;
         } else {
           // The main dimension is the sum of all the elements dimension plus
@@ -2246,8 +2586,8 @@ static void YGJustifyMainAxis(
       }
     }
   }
-  collectedFlexItemsValues.mainDim +=
-      node->getTrailingPaddingAndBorder(mainAxis, parentWidth);
+  collectedFlexItemsValues.mainDim += YGUnwrapFloatOptional(
+      node->getTrailingPaddingAndBorder(mainAxis, ownerWidth));
 }
 
 //
@@ -2293,7 +2633,7 @@ static void YGJustifyMainAxis(
 //      or YGUndefined if the size is not available; interpretation depends on
 //      layout
 //      flags
-//    - parentDirection: the inline (text) direction within the parent
+//    - ownerDirection: the inline (text) direction within the owner
 //    (left-to-right or
 //      right-to-left)
 //    - widthMeasureMode: indicates the sizing rules for the width (see below
@@ -2331,48 +2671,61 @@ static void YGJustifyMainAxis(
 //      - YGMeasureModeExactly: fill available
 //      - YGMeasureModeAtMost: fit content
 //
-//    When calling YGNodelayoutImpl and YGLayoutNodeInternal, if the caller passes
-//    an available size of
-//    undefined then it must also pass a measure mode of YGMeasureModeUndefined
-//    in that dimension.
+//    When calling YGNodelayoutImpl and YGLayoutNodeInternal, if the caller
+//    passes an available size of undefined then it must also pass a measure
+//    mode of YGMeasureModeUndefined in that dimension.
 //
-static void YGNodelayoutImpl(const YGNodeRef node,
-                             const float availableWidth,
-                             const float availableHeight,
-                             const YGDirection parentDirection,
-                             const YGMeasureMode widthMeasureMode,
-                             const YGMeasureMode heightMeasureMode,
-                             const float parentWidth,
-                             const float parentHeight,
-                             const bool performLayout,
-                             const YGConfigRef config) {
-  YGAssertWithNode(node,
-                   YGFloatIsUndefined(availableWidth) ? widthMeasureMode == YGMeasureModeUndefined
-                                                      : true,
-                   "availableWidth is indefinite so widthMeasureMode must be "
-                   "YGMeasureModeUndefined");
-  YGAssertWithNode(node,
-                   YGFloatIsUndefined(availableHeight) ? heightMeasureMode == YGMeasureModeUndefined
-                                                       : true,
-                   "availableHeight is indefinite so heightMeasureMode must be "
-                   "YGMeasureModeUndefined");
+static void YGNodelayoutImpl(
+    const YGNodeRef node,
+    const float availableWidth,
+    const float availableHeight,
+    const YGDirection ownerDirection,
+    const YGMeasureMode widthMeasureMode,
+    const YGMeasureMode heightMeasureMode,
+    const float ownerWidth,
+    const float ownerHeight,
+    const bool performLayout,
+    const YGConfigRef config) {
+  YGAssertWithNode(
+      node,
+      YGFloatIsUndefined(availableWidth)
+          ? widthMeasureMode == YGMeasureModeUndefined
+          : true,
+      "availableWidth is indefinite so widthMeasureMode must be "
+      "YGMeasureModeUndefined");
+  YGAssertWithNode(
+      node,
+      YGFloatIsUndefined(availableHeight)
+          ? heightMeasureMode == YGMeasureModeUndefined
+          : true,
+      "availableHeight is indefinite so heightMeasureMode must be "
+      "YGMeasureModeUndefined");
 
   // Set the resolved resolution in the node's layout.
-  const YGDirection direction = node->resolveDirection(parentDirection);
+  const YGDirection direction = node->resolveDirection(ownerDirection);
   node->setLayoutDirection(direction);
 
-  const YGFlexDirection flexRowDirection = YGResolveFlexDirection(YGFlexDirectionRow, direction);
+  const YGFlexDirection flexRowDirection =
+      YGResolveFlexDirection(YGFlexDirectionRow, direction);
   const YGFlexDirection flexColumnDirection =
       YGResolveFlexDirection(YGFlexDirectionColumn, direction);
 
   node->setLayoutMargin(
-      node->getLeadingMargin(flexRowDirection, parentWidth), YGEdgeStart);
+      YGUnwrapFloatOptional(
+          node->getLeadingMargin(flexRowDirection, ownerWidth)),
+      YGEdgeStart);
   node->setLayoutMargin(
-      node->getTrailingMargin(flexRowDirection, parentWidth), YGEdgeEnd);
+      YGUnwrapFloatOptional(
+          node->getTrailingMargin(flexRowDirection, ownerWidth)),
+      YGEdgeEnd);
   node->setLayoutMargin(
-      node->getLeadingMargin(flexColumnDirection, parentWidth), YGEdgeTop);
+      YGUnwrapFloatOptional(
+          node->getLeadingMargin(flexColumnDirection, ownerWidth)),
+      YGEdgeTop);
   node->setLayoutMargin(
-      node->getTrailingMargin(flexColumnDirection, parentWidth), YGEdgeBottom);
+      YGUnwrapFloatOptional(
+          node->getTrailingMargin(flexColumnDirection, ownerWidth)),
+      YGEdgeBottom);
 
   node->setLayoutBorder(node->getLeadingBorder(flexRowDirection), YGEdgeStart);
   node->setLayoutBorder(node->getTrailingBorder(flexRowDirection), YGEdgeEnd);
@@ -2381,50 +2734,63 @@ static void YGNodelayoutImpl(const YGNodeRef node,
       node->getTrailingBorder(flexColumnDirection), YGEdgeBottom);
 
   node->setLayoutPadding(
-      node->getLeadingPadding(flexRowDirection, parentWidth), YGEdgeStart);
+      YGUnwrapFloatOptional(
+          node->getLeadingPadding(flexRowDirection, ownerWidth)),
+      YGEdgeStart);
   node->setLayoutPadding(
-      node->getTrailingPadding(flexRowDirection, parentWidth), YGEdgeEnd);
+      YGUnwrapFloatOptional(
+          node->getTrailingPadding(flexRowDirection, ownerWidth)),
+      YGEdgeEnd);
   node->setLayoutPadding(
-      node->getLeadingPadding(flexColumnDirection, parentWidth), YGEdgeTop);
+      YGUnwrapFloatOptional(
+          node->getLeadingPadding(flexColumnDirection, ownerWidth)),
+      YGEdgeTop);
   node->setLayoutPadding(
-      node->getTrailingPadding(flexColumnDirection, parentWidth), YGEdgeBottom);
+      YGUnwrapFloatOptional(
+          node->getTrailingPadding(flexColumnDirection, ownerWidth)),
+      YGEdgeBottom);
 
   if (node->getMeasure() != nullptr) {
-    YGNodeWithMeasureFuncSetMeasuredDimensions(node,
-                                               availableWidth,
-                                               availableHeight,
-                                               widthMeasureMode,
-                                               heightMeasureMode,
-                                               parentWidth,
-                                               parentHeight);
+    YGNodeWithMeasureFuncSetMeasuredDimensions(
+        node,
+        availableWidth,
+        availableHeight,
+        widthMeasureMode,
+        heightMeasureMode,
+        ownerWidth,
+        ownerHeight);
     return;
   }
 
   const uint32_t childCount = YGNodeGetChildCount(node);
   if (childCount == 0) {
-    YGNodeEmptyContainerSetMeasuredDimensions(node,
-                                              availableWidth,
-                                              availableHeight,
-                                              widthMeasureMode,
-                                              heightMeasureMode,
-                                              parentWidth,
-                                              parentHeight);
+    YGNodeEmptyContainerSetMeasuredDimensions(
+        node,
+        availableWidth,
+        availableHeight,
+        widthMeasureMode,
+        heightMeasureMode,
+        ownerWidth,
+        ownerHeight);
     return;
   }
 
-  // If we're not being asked to perform a full layout we can skip the algorithm if we already know
-  // the size
-  if (!performLayout && YGNodeFixedSizeSetMeasuredDimensions(node,
-                                                             availableWidth,
-                                                             availableHeight,
-                                                             widthMeasureMode,
-                                                             heightMeasureMode,
-                                                             parentWidth,
-                                                             parentHeight)) {
+  // If we're not being asked to perform a full layout we can skip the algorithm
+  // if we already know the size
+  if (!performLayout &&
+      YGNodeFixedSizeSetMeasuredDimensions(
+          node,
+          availableWidth,
+          availableHeight,
+          widthMeasureMode,
+          heightMeasureMode,
+          ownerWidth,
+          ownerHeight)) {
     return;
   }
 
-  // At this point we know we're going to perform work. Ensure that each child has a mutable copy.
+  // At this point we know we're going to perform work. Ensure that each child
+  // has a mutable copy.
   node->cloneChildrenIfNeeded();
   // Reset layout flags, as they could have changed.
   node->setLayoutHadOverflow(false);
@@ -2436,43 +2802,46 @@ static void YGNodelayoutImpl(const YGNodeRef node,
   const bool isMainAxisRow = YGFlexDirectionIsRow(mainAxis);
   const bool isNodeFlexWrap = node->getStyle().flexWrap != YGWrapNoWrap;
 
-  const float mainAxisParentSize = isMainAxisRow ? parentWidth : parentHeight;
-  const float crossAxisParentSize = isMainAxisRow ? parentHeight : parentWidth;
+  const float mainAxisownerSize = isMainAxisRow ? ownerWidth : ownerHeight;
+  const float crossAxisownerSize = isMainAxisRow ? ownerHeight : ownerWidth;
 
-  const float leadingPaddingAndBorderCross =
-      node->getLeadingPaddingAndBorder(crossAxis, parentWidth);
-  const float paddingAndBorderAxisMain = YGNodePaddingAndBorderForAxis(node, mainAxis, parentWidth);
+  const float leadingPaddingAndBorderCross = YGUnwrapFloatOptional(
+      node->getLeadingPaddingAndBorder(crossAxis, ownerWidth));
+  const float paddingAndBorderAxisMain =
+      YGNodePaddingAndBorderForAxis(node, mainAxis, ownerWidth);
   const float paddingAndBorderAxisCross =
-      YGNodePaddingAndBorderForAxis(node, crossAxis, parentWidth);
+      YGNodePaddingAndBorderForAxis(node, crossAxis, ownerWidth);
 
-  YGMeasureMode measureModeMainDim = isMainAxisRow ? widthMeasureMode : heightMeasureMode;
-  YGMeasureMode measureModeCrossDim = isMainAxisRow ? heightMeasureMode : widthMeasureMode;
+  YGMeasureMode measureModeMainDim =
+      isMainAxisRow ? widthMeasureMode : heightMeasureMode;
+  YGMeasureMode measureModeCrossDim =
+      isMainAxisRow ? heightMeasureMode : widthMeasureMode;
 
   const float paddingAndBorderAxisRow =
       isMainAxisRow ? paddingAndBorderAxisMain : paddingAndBorderAxisCross;
   const float paddingAndBorderAxisColumn =
       isMainAxisRow ? paddingAndBorderAxisCross : paddingAndBorderAxisMain;
 
-  const float marginAxisRow =
-      node->getMarginForAxis(YGFlexDirectionRow, parentWidth);
-  const float marginAxisColumn =
-      node->getMarginForAxis(YGFlexDirectionColumn, parentWidth);
+  const float marginAxisRow = YGUnwrapFloatOptional(
+      node->getMarginForAxis(YGFlexDirectionRow, ownerWidth));
+  const float marginAxisColumn = YGUnwrapFloatOptional(
+      node->getMarginForAxis(YGFlexDirectionColumn, ownerWidth));
 
   const float minInnerWidth =
-      YGResolveValue(
-          node->getStyle().minDimensions[YGDimensionWidth], parentWidth) -
+      YGUnwrapFloatOptional(YGResolveValue(
+          node->getStyle().minDimensions[YGDimensionWidth], ownerWidth)) -
       paddingAndBorderAxisRow;
   const float maxInnerWidth =
-      YGResolveValue(
-          node->getStyle().maxDimensions[YGDimensionWidth], parentWidth) -
+      YGUnwrapFloatOptional(YGResolveValue(
+          node->getStyle().maxDimensions[YGDimensionWidth], ownerWidth)) -
       paddingAndBorderAxisRow;
   const float minInnerHeight =
-      YGResolveValue(
-          node->getStyle().minDimensions[YGDimensionHeight], parentHeight) -
+      YGUnwrapFloatOptional(YGResolveValue(
+          node->getStyle().minDimensions[YGDimensionHeight], ownerHeight)) -
       paddingAndBorderAxisColumn;
   const float maxInnerHeight =
-      YGResolveValue(
-          node->getStyle().maxDimensions[YGDimensionHeight], parentHeight) -
+      YGUnwrapFloatOptional(YGResolveValue(
+          node->getStyle().maxDimensions[YGDimensionHeight], ownerHeight)) -
       paddingAndBorderAxisColumn;
 
   const float minInnerMainDim = isMainAxisRow ? minInnerWidth : minInnerHeight;
@@ -2481,9 +2850,9 @@ static void YGNodelayoutImpl(const YGNodeRef node,
   // STEP 2: DETERMINE AVAILABLE SIZE IN MAIN AND CROSS DIRECTIONS
 
   float availableInnerWidth = YGNodeCalculateAvailableInnerDim(
-      node, YGFlexDirectionRow, availableWidth, parentWidth);
+      node, YGFlexDirectionRow, availableWidth, ownerWidth);
   float availableInnerHeight = YGNodeCalculateAvailableInnerDim(
-      node, YGFlexDirectionColumn, availableHeight, parentHeight);
+      node, YGFlexDirectionColumn, availableHeight, ownerHeight);
 
   float availableInnerMainDim =
       isMainAxisRow ? availableInnerWidth : availableInnerHeight;
@@ -2532,8 +2901,8 @@ static void YGNodelayoutImpl(const YGNodeRef node,
        lineCount++, startOfLineIndex = endOfLineIndex) {
     collectedFlexItemsValues = YGCalculateCollectFlexItemsRowValues(
         node,
-        parentDirection,
-        mainAxisParentSize,
+        ownerDirection,
+        mainAxisownerSize,
         availableInnerWidth,
         availableInnerMainDim,
         startOfLineIndex,
@@ -2551,7 +2920,8 @@ static void YGNodelayoutImpl(const YGNodeRef node,
     // the line length, so there's no more space left to distribute.
 
     bool sizeBasedOnContent = false;
-    // If we don't measure with exact main dimension we want to ensure we don't violate min and max
+    // If we don't measure with exact main dimension we want to ensure we don't
+    // violate min and max
     if (measureModeMainDim != YGMeasureModeExactly) {
       if (!YGFloatIsUndefined(minInnerMainDim) &&
           collectedFlexItemsValues.sizeConsumedOnCurrentLine <
@@ -2587,10 +2957,10 @@ static void YGNodelayoutImpl(const YGNodeRef node,
       collectedFlexItemsValues.remainingFreeSpace = availableInnerMainDim -
           collectedFlexItemsValues.sizeConsumedOnCurrentLine;
     } else if (collectedFlexItemsValues.sizeConsumedOnCurrentLine < 0) {
-      // availableInnerMainDim is indefinite which means the node is being sized based on its
-      // content.
-      // sizeConsumedOnCurrentLine is negative which means the node will allocate 0 points for
-      // its content. Consequently, remainingFreeSpace is 0 - sizeConsumedOnCurrentLine.
+      // availableInnerMainDim is indefinite which means the node is being sized
+      // based on its content. sizeConsumedOnCurrentLine is negative which means
+      // the node will allocate 0 points for its content. Consequently,
+      // remainingFreeSpace is 0 - sizeConsumedOnCurrentLine.
       collectedFlexItemsValues.remainingFreeSpace =
           -collectedFlexItemsValues.sizeConsumedOnCurrentLine;
     }
@@ -2601,7 +2971,7 @@ static void YGNodelayoutImpl(const YGNodeRef node,
           collectedFlexItemsValues,
           mainAxis,
           crossAxis,
-          mainAxisParentSize,
+          mainAxisownerSize,
           availableInnerMainDim,
           availableInnerCrossDim,
           availableInnerWidth,
@@ -2633,8 +3003,8 @@ static void YGNodelayoutImpl(const YGNodeRef node,
         crossAxis,
         measureModeMainDim,
         measureModeCrossDim,
-        mainAxisParentSize,
-        parentWidth,
+        mainAxisownerSize,
+        ownerWidth,
         availableInnerMainDim,
         availableInnerCrossDim,
         availableInnerWidth,
@@ -2649,8 +3019,8 @@ static void YGNodelayoutImpl(const YGNodeRef node,
               node,
               crossAxis,
               collectedFlexItemsValues.crossDim + paddingAndBorderAxisCross,
-              crossAxisParentSize,
-              parentWidth) -
+              crossAxisownerSize,
+              ownerWidth) -
           paddingAndBorderAxisCross;
     }
 
@@ -2665,8 +3035,8 @@ static void YGNodelayoutImpl(const YGNodeRef node,
             node,
             crossAxis,
             collectedFlexItemsValues.crossDim + paddingAndBorderAxisCross,
-            crossAxisParentSize,
-            parentWidth) -
+            crossAxisownerSize,
+            ownerWidth) -
         paddingAndBorderAxisCross;
 
     // STEP 7: CROSS-AXIS ALIGNMENT
@@ -2685,23 +3055,27 @@ static void YGNodelayoutImpl(const YGNodeRef node,
               child->isLeadingPositionDefined(crossAxis);
           if (isChildLeadingPosDefined) {
             child->setLayoutPosition(
-                child->getLeadingPosition(crossAxis, availableInnerCrossDim) +
+                YGUnwrapFloatOptional(child->getLeadingPosition(
+                    crossAxis, availableInnerCrossDim)) +
                     node->getLeadingBorder(crossAxis) +
-                    child->getLeadingMargin(crossAxis, availableInnerWidth),
+                    YGUnwrapFloatOptional(child->getLeadingMargin(
+                        crossAxis, availableInnerWidth)),
                 pos[crossAxis]);
           }
-          // If leading position is not defined or calculations result in Nan, default to border + margin
+          // If leading position is not defined or calculations result in Nan,
+          // default to border + margin
           if (!isChildLeadingPosDefined ||
               YGFloatIsUndefined(child->getLayout().position[pos[crossAxis]])) {
             child->setLayoutPosition(
                 node->getLeadingBorder(crossAxis) +
-                    child->getLeadingMargin(crossAxis, availableInnerWidth),
+                    YGUnwrapFloatOptional(child->getLeadingMargin(
+                        crossAxis, availableInnerWidth)),
                 pos[crossAxis]);
           }
         } else {
           float leadingCrossDim = leadingPaddingAndBorderCross;
 
-          // For a relative children, we're either using alignItems (parent) or
+          // For a relative children, we're either using alignItems (owner) or
           // alignSelf (child) in order to determine the position in the cross
           // axis
           const YGAlign alignItem = YGNodeAlignItem(node, child);
@@ -2715,37 +3089,44 @@ static void YGNodelayoutImpl(const YGNodeRef node,
               child->marginTrailingValue(crossAxis).unit != YGUnitAuto) {
             // If the child defines a definite size for its cross axis, there's
             // no need to stretch.
-            if (!YGNodeIsStyleDimDefined(child, crossAxis, availableInnerCrossDim)) {
+            if (!YGNodeIsStyleDimDefined(
+                    child, crossAxis, availableInnerCrossDim)) {
               float childMainSize =
                   child->getLayout().measuredDimensions[dim[mainAxis]];
               float childCrossSize =
-                  !YGFloatIsUndefined(child->getStyle().aspectRatio)
-                  ? ((child->getMarginForAxis(crossAxis, availableInnerWidth) +
-                      (isMainAxisRow
-                           ? childMainSize / child->getStyle().aspectRatio
-                           : childMainSize * child->getStyle().aspectRatio)))
+                  !child->getStyle().aspectRatio.isUndefined()
+                  ? ((YGUnwrapFloatOptional(child->getMarginForAxis(
+                          crossAxis, availableInnerWidth)) +
+                      (isMainAxisRow ? childMainSize /
+                               child->getStyle().aspectRatio.getValue()
+                                     : childMainSize *
+                               child->getStyle().aspectRatio.getValue())))
                   : collectedFlexItemsValues.crossDim;
 
-              childMainSize +=
-                  child->getMarginForAxis(mainAxis, availableInnerWidth);
+              childMainSize += YGUnwrapFloatOptional(
+                  child->getMarginForAxis(mainAxis, availableInnerWidth));
 
               YGMeasureMode childMainMeasureMode = YGMeasureModeExactly;
               YGMeasureMode childCrossMeasureMode = YGMeasureModeExactly;
-              YGConstrainMaxSizeForMode(child,
-                                        mainAxis,
-                                        availableInnerMainDim,
-                                        availableInnerWidth,
-                                        &childMainMeasureMode,
-                                        &childMainSize);
-              YGConstrainMaxSizeForMode(child,
-                                        crossAxis,
-                                        availableInnerCrossDim,
-                                        availableInnerWidth,
-                                        &childCrossMeasureMode,
-                                        &childCrossSize);
-
-              const float childWidth = isMainAxisRow ? childMainSize : childCrossSize;
-              const float childHeight = !isMainAxisRow ? childMainSize : childCrossSize;
+              YGConstrainMaxSizeForMode(
+                  child,
+                  mainAxis,
+                  availableInnerMainDim,
+                  availableInnerWidth,
+                  &childMainMeasureMode,
+                  &childMainSize);
+              YGConstrainMaxSizeForMode(
+                  child,
+                  crossAxis,
+                  availableInnerCrossDim,
+                  availableInnerWidth,
+                  &childCrossMeasureMode,
+                  &childCrossSize);
+
+              const float childWidth =
+                  isMainAxisRow ? childMainSize : childCrossSize;
+              const float childHeight =
+                  !isMainAxisRow ? childMainSize : childCrossSize;
 
               const YGMeasureMode childWidthMeasureMode =
                   YGFloatIsUndefined(childWidth) ? YGMeasureModeUndefined
@@ -2805,7 +3186,8 @@ static void YGNodelayoutImpl(const YGNodeRef node,
   // STEP 8: MULTI-LINE CONTENT ALIGNMENT
   if (performLayout && (lineCount > 1 || YGIsBaselineLayout(node)) &&
       !YGFloatIsUndefined(availableInnerCrossDim)) {
-    const float remainingAlignContentDim = availableInnerCrossDim - totalLineCrossDim;
+    const float remainingAlignContentDim =
+        availableInnerCrossDim - totalLineCrossDim;
 
     float crossDimLead = 0;
     float currentLead = leadingPaddingAndBorderCross;
@@ -2865,16 +3247,17 @@ static void YGNodelayoutImpl(const YGNodeRef node,
             lineHeight = YGFloatMax(
                 lineHeight,
                 child->getLayout().measuredDimensions[dim[crossAxis]] +
-                    child->getMarginForAxis(crossAxis, availableInnerWidth));
+                    YGUnwrapFloatOptional(child->getMarginForAxis(
+                        crossAxis, availableInnerWidth)));
           }
           if (YGNodeAlignItem(node, child) == YGAlignBaseline) {
             const float ascent = YGBaseline(child) +
-                child->getLeadingMargin(
-                    YGFlexDirectionColumn, availableInnerWidth);
+                YGUnwrapFloatOptional(child->getLeadingMargin(
+                    YGFlexDirectionColumn, availableInnerWidth));
             const float descent =
                 child->getLayout().measuredDimensions[YGDimensionHeight] +
-                child->getMarginForAxis(
-                    YGFlexDirectionColumn, availableInnerWidth) -
+                YGUnwrapFloatOptional(child->getMarginForAxis(
+                    YGFlexDirectionColumn, availableInnerWidth)) -
                 ascent;
             maxAscentForCurrentLine =
                 YGFloatMax(maxAscentForCurrentLine, ascent);
@@ -2899,15 +3282,16 @@ static void YGNodelayoutImpl(const YGNodeRef node,
               case YGAlignFlexStart: {
                 child->setLayoutPosition(
                     currentLead +
-                        child->getLeadingMargin(crossAxis, availableInnerWidth),
+                        YGUnwrapFloatOptional(child->getLeadingMargin(
+                            crossAxis, availableInnerWidth)),
                     pos[crossAxis]);
                 break;
               }
               case YGAlignFlexEnd: {
                 child->setLayoutPosition(
                     currentLead + lineHeight -
-                        child->getTrailingMargin(
-                            crossAxis, availableInnerWidth) -
+                        YGUnwrapFloatOptional(child->getTrailingMargin(
+                            crossAxis, availableInnerWidth)) -
                         child->getLayout().measuredDimensions[dim[crossAxis]],
                     pos[crossAxis]);
                 break;
@@ -2924,23 +3308,26 @@ static void YGNodelayoutImpl(const YGNodeRef node,
               case YGAlignStretch: {
                 child->setLayoutPosition(
                     currentLead +
-                        child->getLeadingMargin(crossAxis, availableInnerWidth),
+                        YGUnwrapFloatOptional(child->getLeadingMargin(
+                            crossAxis, availableInnerWidth)),
                     pos[crossAxis]);
 
-                // Remeasure child with the line height as it as been only measured with the
-                // parents height yet.
-                if (!YGNodeIsStyleDimDefined(child, crossAxis, availableInnerCrossDim)) {
+                // Remeasure child with the line height as it as been only
+                // measured with the owners height yet.
+                if (!YGNodeIsStyleDimDefined(
+                        child, crossAxis, availableInnerCrossDim)) {
                   const float childWidth = isMainAxisRow
                       ? (child->getLayout()
                              .measuredDimensions[YGDimensionWidth] +
-                         child->getMarginForAxis(mainAxis, availableInnerWidth))
+                         YGUnwrapFloatOptional(child->getMarginForAxis(
+                             mainAxis, availableInnerWidth)))
                       : lineHeight;
 
                   const float childHeight = !isMainAxisRow
                       ? (child->getLayout()
                              .measuredDimensions[YGDimensionHeight] +
-                         child->getMarginForAxis(
-                             crossAxis, availableInnerWidth))
+                         YGUnwrapFloatOptional(child->getMarginForAxis(
+                             crossAxis, availableInnerWidth)))
                       : lineHeight;
 
                   if (!(YGFloatsEqual(
@@ -2951,17 +3338,18 @@ static void YGNodelayoutImpl(const YGNodeRef node,
                             childHeight,
                             child->getLayout()
                                 .measuredDimensions[YGDimensionHeight]))) {
-                    YGLayoutNodeInternal(child,
-                                         childWidth,
-                                         childHeight,
-                                         direction,
-                                         YGMeasureModeExactly,
-                                         YGMeasureModeExactly,
-                                         availableInnerWidth,
-                                         availableInnerHeight,
-                                         true,
-                                         "multiline-stretch",
-                                         config);
+                    YGLayoutNodeInternal(
+                        child,
+                        childWidth,
+                        childHeight,
+                        direction,
+                        YGMeasureModeExactly,
+                        YGMeasureModeExactly,
+                        availableInnerWidth,
+                        availableInnerHeight,
+                        true,
+                        "multiline-stretch",
+                        config);
                   }
                 }
                 break;
@@ -2969,8 +3357,8 @@ static void YGNodelayoutImpl(const YGNodeRef node,
               case YGAlignBaseline: {
                 child->setLayoutPosition(
                     currentLead + maxAscentForCurrentLine - YGBaseline(child) +
-                        child->getLeadingPosition(
-                            YGFlexDirectionColumn, availableInnerCrossDim),
+                        YGUnwrapFloatOptional(child->getLeadingPosition(
+                            YGFlexDirectionColumn, availableInnerCrossDim)),
                     YGEdgeTop);
 
                 break;
@@ -2995,8 +3383,8 @@ static void YGNodelayoutImpl(const YGNodeRef node,
           node,
           YGFlexDirectionRow,
           availableWidth - marginAxisRow,
-          parentWidth,
-          parentWidth),
+          ownerWidth,
+          ownerWidth),
       YGDimensionWidth);
 
   node->setLayoutMeasuredDimension(
@@ -3004,8 +3392,8 @@ static void YGNodelayoutImpl(const YGNodeRef node,
           node,
           YGFlexDirectionColumn,
           availableHeight - marginAxisColumn,
-          parentHeight,
-          parentWidth),
+          ownerHeight,
+          ownerWidth),
       YGDimensionHeight);
 
   // If the user didn't specify a width or height for the node, set the
@@ -3017,7 +3405,7 @@ static void YGNodelayoutImpl(const YGNodeRef node,
     // doesn't go below the padding and border amount.
     node->setLayoutMeasuredDimension(
         YGNodeBoundAxis(
-            node, mainAxis, maxLineMainDim, mainAxisParentSize, parentWidth),
+            node, mainAxis, maxLineMainDim, mainAxisownerSize, ownerWidth),
         dim[mainAxis]);
 
   } else if (
@@ -3027,8 +3415,8 @@ static void YGNodelayoutImpl(const YGNodeRef node,
         YGFloatMax(
             YGFloatMin(
                 availableInnerMainDim + paddingAndBorderAxisMain,
-                YGNodeBoundAxisWithinMinAndMax(
-                    node, mainAxis, maxLineMainDim, mainAxisParentSize)),
+                YGUnwrapFloatOptional(YGNodeBoundAxisWithinMinAndMax(
+                    node, mainAxis, maxLineMainDim, mainAxisownerSize))),
             paddingAndBorderAxisMain),
         dim[mainAxis]);
   }
@@ -3044,8 +3432,8 @@ static void YGNodelayoutImpl(const YGNodeRef node,
             node,
             crossAxis,
             totalLineCrossDim + paddingAndBorderAxisCross,
-            crossAxisParentSize,
-            parentWidth),
+            crossAxisownerSize,
+            ownerWidth),
         dim[crossAxis]);
 
   } else if (
@@ -3055,16 +3443,17 @@ static void YGNodelayoutImpl(const YGNodeRef node,
         YGFloatMax(
             YGFloatMin(
                 availableInnerCrossDim + paddingAndBorderAxisCross,
-                YGNodeBoundAxisWithinMinAndMax(
+                YGUnwrapFloatOptional(YGNodeBoundAxisWithinMinAndMax(
                     node,
                     crossAxis,
                     totalLineCrossDim + paddingAndBorderAxisCross,
-                    crossAxisParentSize)),
+                    crossAxisownerSize))),
             paddingAndBorderAxisCross),
         dim[crossAxis]);
   }
 
-  // As we only wrapped in normal direction yet, we need to reverse the positions on wrap-reverse.
+  // As we only wrapped in normal direction yet, we need to reverse the
+  // positions on wrap-reverse.
   if (performLayout && node->getStyle().flexWrap == YGWrapWrapReverse) {
     for (uint32_t i = 0; i < childCount; i++) {
       const YGNodeRef child = YGNodeGetChild(node, i);
@@ -3095,10 +3484,10 @@ static void YGNodelayoutImpl(const YGNodeRef node,
     }
 
     // STEP 11: SETTING TRAILING POSITIONS FOR CHILDREN
-    const bool needsMainTrailingPos =
-        mainAxis == YGFlexDirectionRowReverse || mainAxis == YGFlexDirectionColumnReverse;
-    const bool needsCrossTrailingPos =
-        crossAxis == YGFlexDirectionRowReverse || crossAxis == YGFlexDirectionColumnReverse;
+    const bool needsMainTrailingPos = mainAxis == YGFlexDirectionRowReverse ||
+        mainAxis == YGFlexDirectionColumnReverse;
+    const bool needsCrossTrailingPos = crossAxis == YGFlexDirectionRowReverse ||
+        crossAxis == YGFlexDirectionColumnReverse;
 
     // Set trailing position if necessary.
     if (needsMainTrailingPos || needsCrossTrailingPos) {
@@ -3124,9 +3513,10 @@ bool gPrintTree = false;
 bool gPrintChanges = false;
 bool gPrintSkips = false;
 
-static const char *spacer = "                                                            ";
+static const char* spacer =
+    "                                                            ";
 
-static const char *YGSpacer(const unsigned long level) {
+static const char* YGSpacer(const unsigned long level) {
   const size_t spacerLen = strlen(spacer);
   if (level > spacerLen) {
     return &spacer[0];
@@ -3135,9 +3525,12 @@ static const char *YGSpacer(const unsigned long level) {
   }
 }
 
-static const char *YGMeasureModeName(const YGMeasureMode mode, const bool performLayout) {
-  const char *kMeasureModeNames[YGMeasureModeCount] = {"UNDEFINED", "EXACTLY", "AT_MOST"};
-  const char *kLayoutModeNames[YGMeasureModeCount] = {"LAY_UNDEFINED",
+static const char* YGMeasureModeName(
+    const YGMeasureMode mode,
+    const bool performLayout) {
+  const char* kMeasureModeNames[YGMeasureModeCount] = {
+      "UNDEFINED", "EXACTLY", "AT_MOST"};
+  const char* kLayoutModeNames[YGMeasureModeCount] = {"LAY_UNDEFINED",
                                                       "LAY_EXACTLY",
                                                       "LAY_AT_"
                                                       "MOST"};
@@ -3149,25 +3542,30 @@ static const char *YGMeasureModeName(const YGMeasureMode mode, const bool perfor
   return performLayout ? kLayoutModeNames[mode] : kMeasureModeNames[mode];
 }
 
-static inline bool YGMeasureModeSizeIsExactAndMatchesOldMeasuredSize(YGMeasureMode sizeMode,
-                                                                     float size,
-                                                                     float lastComputedSize) {
-  return sizeMode == YGMeasureModeExactly && YGFloatsEqual(size, lastComputedSize);
+static inline bool YGMeasureModeSizeIsExactAndMatchesOldMeasuredSize(
+    YGMeasureMode sizeMode,
+    float size,
+    float lastComputedSize) {
+  return sizeMode == YGMeasureModeExactly &&
+      YGFloatsEqual(size, lastComputedSize);
 }
 
-static inline bool YGMeasureModeOldSizeIsUnspecifiedAndStillFits(YGMeasureMode sizeMode,
-                                                                 float size,
-                                                                 YGMeasureMode lastSizeMode,
-                                                                 float lastComputedSize) {
-  return sizeMode == YGMeasureModeAtMost && lastSizeMode == YGMeasureModeUndefined &&
-         (size >= lastComputedSize || YGFloatsEqual(size, lastComputedSize));
+static inline bool YGMeasureModeOldSizeIsUnspecifiedAndStillFits(
+    YGMeasureMode sizeMode,
+    float size,
+    YGMeasureMode lastSizeMode,
+    float lastComputedSize) {
+  return sizeMode == YGMeasureModeAtMost &&
+      lastSizeMode == YGMeasureModeUndefined &&
+      (size >= lastComputedSize || YGFloatsEqual(size, lastComputedSize));
 }
 
-static inline bool YGMeasureModeNewMeasureSizeIsStricterAndStillValid(YGMeasureMode sizeMode,
-                                                                      float size,
-                                                                      YGMeasureMode lastSizeMode,
-                                                                      float lastSize,
-                                                                      float lastComputedSize) {
+static inline bool YGMeasureModeNewMeasureSizeIsStricterAndStillValid(
+    YGMeasureMode sizeMode,
+    float size,
+    YGMeasureMode lastSizeMode,
+    float lastSize,
+    float lastComputedSize) {
   return lastSizeMode == YGMeasureModeAtMost &&
       sizeMode == YGMeasureModeAtMost && !YGFloatIsUndefined(lastSize) &&
       !YGFloatIsUndefined(size) && !YGFloatIsUndefined(lastComputedSize) &&
@@ -3175,17 +3573,18 @@ static inline bool YGMeasureModeNewMeasureSizeIsStricterAndStillValid(YGMeasureM
       (lastComputedSize <= size || YGFloatsEqual(size, lastComputedSize));
 }
 
-float YGRoundValueToPixelGrid(const float value,
-                              const float pointScaleFactor,
-                              const bool forceCeil,
-                              const bool forceFloor) {
+float YGRoundValueToPixelGrid(
+    const float value,
+    const float pointScaleFactor,
+    const bool forceCeil,
+    const bool forceFloor) {
   float scaledValue = value * pointScaleFactor;
-  float fractial = fmodf(scaledValue, 1.0);
+  float fractial = fmodf(scaledValue, 1.0f);
   if (YGFloatsEqual(fractial, 0)) {
     // First we check if the value is already rounded
     scaledValue = scaledValue - fractial;
-  } else if (YGFloatsEqual(fractial, 1.0)) {
-    scaledValue = scaledValue - fractial + 1.0;
+  } else if (YGFloatsEqual(fractial, 1.0f)) {
+    scaledValue = scaledValue - fractial + 1.0f;
   } else if (forceCeil) {
     // Next we check if we need to use forced rounding
     scaledValue = scaledValue - fractial + 1.0f;
@@ -3205,66 +3604,74 @@ float YGRoundValueToPixelGrid(const float value,
       : scaledValue / pointScaleFactor;
 }
 
-bool YGNodeCanUseCachedMeasurement(const YGMeasureMode widthMode,
-                                   const float width,
-                                   const YGMeasureMode heightMode,
-                                   const float height,
-                                   const YGMeasureMode lastWidthMode,
-                                   const float lastWidth,
-                                   const YGMeasureMode lastHeightMode,
-                                   const float lastHeight,
-                                   const float lastComputedWidth,
-                                   const float lastComputedHeight,
-                                   const float marginRow,
-                                   const float marginColumn,
-                                   const YGConfigRef config) {
+bool YGNodeCanUseCachedMeasurement(
+    const YGMeasureMode widthMode,
+    const float width,
+    const YGMeasureMode heightMode,
+    const float height,
+    const YGMeasureMode lastWidthMode,
+    const float lastWidth,
+    const YGMeasureMode lastHeightMode,
+    const float lastHeight,
+    const float lastComputedWidth,
+    const float lastComputedHeight,
+    const float marginRow,
+    const float marginColumn,
+    const YGConfigRef config) {
   if ((!YGFloatIsUndefined(lastComputedHeight) && lastComputedHeight < 0) ||
       (!YGFloatIsUndefined(lastComputedWidth) && lastComputedWidth < 0)) {
     return false;
   }
   bool useRoundedComparison =
       config != nullptr && config->pointScaleFactor != 0;
-  const float effectiveWidth =
-      useRoundedComparison ? YGRoundValueToPixelGrid(width, config->pointScaleFactor, false, false)
-                           : width;
-  const float effectiveHeight =
-      useRoundedComparison ? YGRoundValueToPixelGrid(height, config->pointScaleFactor, false, false)
-                           : height;
-  const float effectiveLastWidth =
-      useRoundedComparison
-          ? YGRoundValueToPixelGrid(lastWidth, config->pointScaleFactor, false, false)
-          : lastWidth;
-  const float effectiveLastHeight =
-      useRoundedComparison
-          ? YGRoundValueToPixelGrid(lastHeight, config->pointScaleFactor, false, false)
-          : lastHeight;
-
-  const bool hasSameWidthSpec =
-      lastWidthMode == widthMode && YGFloatsEqual(effectiveLastWidth, effectiveWidth);
-  const bool hasSameHeightSpec =
-      lastHeightMode == heightMode && YGFloatsEqual(effectiveLastHeight, effectiveHeight);
+  const float effectiveWidth = useRoundedComparison
+      ? YGRoundValueToPixelGrid(width, config->pointScaleFactor, false, false)
+      : width;
+  const float effectiveHeight = useRoundedComparison
+      ? YGRoundValueToPixelGrid(height, config->pointScaleFactor, false, false)
+      : height;
+  const float effectiveLastWidth = useRoundedComparison
+      ? YGRoundValueToPixelGrid(
+            lastWidth, config->pointScaleFactor, false, false)
+      : lastWidth;
+  const float effectiveLastHeight = useRoundedComparison
+      ? YGRoundValueToPixelGrid(
+            lastHeight, config->pointScaleFactor, false, false)
+      : lastHeight;
+
+  const bool hasSameWidthSpec = lastWidthMode == widthMode &&
+      YGFloatsEqual(effectiveLastWidth, effectiveWidth);
+  const bool hasSameHeightSpec = lastHeightMode == heightMode &&
+      YGFloatsEqual(effectiveLastHeight, effectiveHeight);
 
   const bool widthIsCompatible =
-      hasSameWidthSpec || YGMeasureModeSizeIsExactAndMatchesOldMeasuredSize(widthMode,
-                                                                            width - marginRow,
-                                                                            lastComputedWidth) ||
-      YGMeasureModeOldSizeIsUnspecifiedAndStillFits(widthMode,
-                                                    width - marginRow,
-                                                    lastWidthMode,
-                                                    lastComputedWidth) ||
+      hasSameWidthSpec ||
+      YGMeasureModeSizeIsExactAndMatchesOldMeasuredSize(
+          widthMode, width - marginRow, lastComputedWidth) ||
+      YGMeasureModeOldSizeIsUnspecifiedAndStillFits(
+          widthMode, width - marginRow, lastWidthMode, lastComputedWidth) ||
       YGMeasureModeNewMeasureSizeIsStricterAndStillValid(
-          widthMode, width - marginRow, lastWidthMode, lastWidth, lastComputedWidth);
+          widthMode,
+          width - marginRow,
+          lastWidthMode,
+          lastWidth,
+          lastComputedWidth);
 
   const bool heightIsCompatible =
-      hasSameHeightSpec || YGMeasureModeSizeIsExactAndMatchesOldMeasuredSize(heightMode,
-                                                                             height - marginColumn,
-                                                                             lastComputedHeight) ||
-      YGMeasureModeOldSizeIsUnspecifiedAndStillFits(heightMode,
-                                                    height - marginColumn,
-                                                    lastHeightMode,
-                                                    lastComputedHeight) ||
+      hasSameHeightSpec ||
+      YGMeasureModeSizeIsExactAndMatchesOldMeasuredSize(
+          heightMode, height - marginColumn, lastComputedHeight) ||
+      YGMeasureModeOldSizeIsUnspecifiedAndStillFits(
+          heightMode,
+          height - marginColumn,
+          lastHeightMode,
+          lastComputedHeight) ||
       YGMeasureModeNewMeasureSizeIsStricterAndStillValid(
-          heightMode, height - marginColumn, lastHeightMode, lastHeight, lastComputedHeight);
+          heightMode,
+          height - marginColumn,
+          lastHeightMode,
+          lastHeight,
+          lastComputedHeight);
 
   return widthIsCompatible && heightIsCompatible;
 }
@@ -3277,30 +3684,31 @@ bool YGNodeCanUseCachedMeasurement(const YGMeasureMode widthMode,
 //  Input parameters are the same as YGNodelayoutImpl (see above)
 //  Return parameter is true if layout was performed, false if skipped
 //
-bool YGLayoutNodeInternal(const YGNodeRef node,
-                          const float availableWidth,
-                          const float availableHeight,
-                          const YGDirection parentDirection,
-                          const YGMeasureMode widthMeasureMode,
-                          const YGMeasureMode heightMeasureMode,
-                          const float parentWidth,
-                          const float parentHeight,
-                          const bool performLayout,
-                          const char *reason,
-                          const YGConfigRef config) {
+bool YGLayoutNodeInternal(
+    const YGNodeRef node,
+    const float availableWidth,
+    const float availableHeight,
+    const YGDirection ownerDirection,
+    const YGMeasureMode widthMeasureMode,
+    const YGMeasureMode heightMeasureMode,
+    const float ownerWidth,
+    const float ownerHeight,
+    const bool performLayout,
+    const char* reason,
+    const YGConfigRef config) {
   YGLayout* layout = &node->getLayout();
 
   gDepth++;
 
   const bool needToVisitNode =
       (node->isDirty() && layout->generationCount != gCurrentGenerationCount) ||
-      layout->lastParentDirection != parentDirection;
+      layout->lastOwnerDirection != ownerDirection;
 
   if (needToVisitNode) {
     // Invalidate the cached results.
     layout->nextCachedMeasurementsIndex = 0;
-    layout->cachedLayout.widthMeasureMode = (YGMeasureMode) -1;
-    layout->cachedLayout.heightMeasureMode = (YGMeasureMode) -1;
+    layout->cachedLayout.widthMeasureMode = (YGMeasureMode)-1;
+    layout->cachedLayout.heightMeasureMode = (YGMeasureMode)-1;
     layout->cachedLayout.computedWidth = -1;
     layout->cachedLayout.computedHeight = -1;
   }
@@ -3320,42 +3728,44 @@ bool YGLayoutNodeInternal(const YGNodeRef node,
   // expensive to measure, so it's worth avoiding redundant measurements if at
   // all possible.
   if (node->getMeasure() != nullptr) {
-    const float marginAxisRow =
-        node->getMarginForAxis(YGFlexDirectionRow, parentWidth);
-    const float marginAxisColumn =
-        node->getMarginForAxis(YGFlexDirectionColumn, parentWidth);
+    const float marginAxisRow = YGUnwrapFloatOptional(
+        node->getMarginForAxis(YGFlexDirectionRow, ownerWidth));
+    const float marginAxisColumn = YGUnwrapFloatOptional(
+        node->getMarginForAxis(YGFlexDirectionColumn, ownerWidth));
 
     // First, try to use the layout cache.
-    if (YGNodeCanUseCachedMeasurement(widthMeasureMode,
-                                      availableWidth,
-                                      heightMeasureMode,
-                                      availableHeight,
-                                      layout->cachedLayout.widthMeasureMode,
-                                      layout->cachedLayout.availableWidth,
-                                      layout->cachedLayout.heightMeasureMode,
-                                      layout->cachedLayout.availableHeight,
-                                      layout->cachedLayout.computedWidth,
-                                      layout->cachedLayout.computedHeight,
-                                      marginAxisRow,
-                                      marginAxisColumn,
-                                      config)) {
+    if (YGNodeCanUseCachedMeasurement(
+            widthMeasureMode,
+            availableWidth,
+            heightMeasureMode,
+            availableHeight,
+            layout->cachedLayout.widthMeasureMode,
+            layout->cachedLayout.availableWidth,
+            layout->cachedLayout.heightMeasureMode,
+            layout->cachedLayout.availableHeight,
+            layout->cachedLayout.computedWidth,
+            layout->cachedLayout.computedHeight,
+            marginAxisRow,
+            marginAxisColumn,
+            config)) {
       cachedResults = &layout->cachedLayout;
     } else {
       // Try to use the measurement cache.
       for (uint32_t i = 0; i < layout->nextCachedMeasurementsIndex; i++) {
-        if (YGNodeCanUseCachedMeasurement(widthMeasureMode,
-                                          availableWidth,
-                                          heightMeasureMode,
-                                          availableHeight,
-                                          layout->cachedMeasurements[i].widthMeasureMode,
-                                          layout->cachedMeasurements[i].availableWidth,
-                                          layout->cachedMeasurements[i].heightMeasureMode,
-                                          layout->cachedMeasurements[i].availableHeight,
-                                          layout->cachedMeasurements[i].computedWidth,
-                                          layout->cachedMeasurements[i].computedHeight,
-                                          marginAxisRow,
-                                          marginAxisColumn,
-                                          config)) {
+        if (YGNodeCanUseCachedMeasurement(
+                widthMeasureMode,
+                availableWidth,
+                heightMeasureMode,
+                availableHeight,
+                layout->cachedMeasurements[i].widthMeasureMode,
+                layout->cachedMeasurements[i].availableWidth,
+                layout->cachedMeasurements[i].heightMeasureMode,
+                layout->cachedMeasurements[i].availableHeight,
+                layout->cachedMeasurements[i].computedWidth,
+                layout->cachedMeasurements[i].computedHeight,
+                marginAxisRow,
+                marginAxisColumn,
+                config)) {
           cachedResults = &layout->cachedMeasurements[i];
           break;
         }
@@ -3370,10 +3780,13 @@ bool YGLayoutNodeInternal(const YGNodeRef node,
     }
   } else {
     for (uint32_t i = 0; i < layout->nextCachedMeasurementsIndex; i++) {
-      if (YGFloatsEqual(layout->cachedMeasurements[i].availableWidth, availableWidth) &&
-          YGFloatsEqual(layout->cachedMeasurements[i].availableHeight, availableHeight) &&
+      if (YGFloatsEqual(
+              layout->cachedMeasurements[i].availableWidth, availableWidth) &&
+          YGFloatsEqual(
+              layout->cachedMeasurements[i].availableHeight, availableHeight) &&
           layout->cachedMeasurements[i].widthMeasureMode == widthMeasureMode &&
-          layout->cachedMeasurements[i].heightMeasureMode == heightMeasureMode) {
+          layout->cachedMeasurements[i].heightMeasureMode ==
+              heightMeasureMode) {
         cachedResults = &layout->cachedMeasurements[i];
         break;
       }
@@ -3382,10 +3795,16 @@ bool YGLayoutNodeInternal(const YGNodeRef node,
 
   if (!needToVisitNode && cachedResults != nullptr) {
     layout->measuredDimensions[YGDimensionWidth] = cachedResults->computedWidth;
-    layout->measuredDimensions[YGDimensionHeight] = cachedResults->computedHeight;
+    layout->measuredDimensions[YGDimensionHeight] =
+        cachedResults->computedHeight;
 
     if (gPrintChanges && gPrintSkips) {
-      YGLog(node, YGLogLevelVerbose, "%s%d.{[skipped] ", YGSpacer(gDepth), gDepth);
+      YGLog(
+          node,
+          YGLogLevelVerbose,
+          "%s%d.{[skipped] ",
+          YGSpacer(gDepth),
+          gDepth);
       if (node->getPrintFunc() != nullptr) {
         node->getPrintFunc()(node);
       }
@@ -3424,16 +3843,17 @@ bool YGLayoutNodeInternal(const YGNodeRef node,
           reason);
     }
 
-    YGNodelayoutImpl(node,
-                     availableWidth,
-                     availableHeight,
-                     parentDirection,
-                     widthMeasureMode,
-                     heightMeasureMode,
-                     parentWidth,
-                     parentHeight,
-                     performLayout,
-                     config);
+    YGNodelayoutImpl(
+        node,
+        availableWidth,
+        availableHeight,
+        ownerDirection,
+        widthMeasureMode,
+        heightMeasureMode,
+        ownerWidth,
+        ownerHeight,
+        performLayout,
+        config);
 
     if (gPrintChanges) {
       YGLog(
@@ -3457,7 +3877,7 @@ bool YGLayoutNodeInternal(const YGNodeRef node,
           reason);
     }
 
-    layout->lastParentDirection = parentDirection;
+    layout->lastOwnerDirection = ownerDirection;
 
     if (cachedResults == nullptr) {
       if (layout->nextCachedMeasurementsIndex == YG_MAX_CACHED_RESULT_COUNT) {
@@ -3467,13 +3887,14 @@ bool YGLayoutNodeInternal(const YGNodeRef node,
         layout->nextCachedMeasurementsIndex = 0;
       }
 
-      YGCachedMeasurement *newCacheEntry;
+      YGCachedMeasurement* newCacheEntry;
       if (performLayout) {
         // Use the single layout cache entry.
         newCacheEntry = &layout->cachedLayout;
       } else {
         // Allocate a new measurement cache entry.
-        newCacheEntry = &layout->cachedMeasurements[layout->nextCachedMeasurementsIndex];
+        newCacheEntry =
+            &layout->cachedMeasurements[layout->nextCachedMeasurementsIndex];
         layout->nextCachedMeasurementsIndex++;
       }
 
@@ -3481,8 +3902,10 @@ bool YGLayoutNodeInternal(const YGNodeRef node,
       newCacheEntry->availableHeight = availableHeight;
       newCacheEntry->widthMeasureMode = widthMeasureMode;
       newCacheEntry->heightMeasureMode = heightMeasureMode;
-      newCacheEntry->computedWidth = layout->measuredDimensions[YGDimensionWidth];
-      newCacheEntry->computedHeight = layout->measuredDimensions[YGDimensionHeight];
+      newCacheEntry->computedWidth =
+          layout->measuredDimensions[YGDimensionWidth];
+      newCacheEntry->computedHeight =
+          layout->measuredDimensions[YGDimensionHeight];
     }
   }
 
@@ -3503,8 +3926,13 @@ bool YGLayoutNodeInternal(const YGNodeRef node,
   return (needToVisitNode || cachedResults == nullptr);
 }
 
-void YGConfigSetPointScaleFactor(const YGConfigRef config, const float pixelsInPoint) {
-  YGAssertWithConfig(config, pixelsInPoint >= 0.0f, "Scale factor should not be less than zero");
+void YGConfigSetPointScaleFactor(
+    const YGConfigRef config,
+    const float pixelsInPoint) {
+  YGAssertWithConfig(
+      config,
+      pixelsInPoint >= 0.0f,
+      "Scale factor should not be less than zero");
 
   // We store points for Pixel as we will use it for rounding
   if (pixelsInPoint == 0.0f) {
@@ -3515,10 +3943,11 @@ void YGConfigSetPointScaleFactor(const YGConfigRef config, const float pixelsInP
   }
 }
 
-static void YGRoundToPixelGrid(const YGNodeRef node,
-                               const float pointScaleFactor,
-                               const float absoluteLeft,
-                               const float absoluteTop) {
+static void YGRoundToPixelGrid(
+    const YGNodeRef node,
+    const float pointScaleFactor,
+    const float absoluteLeft,
+    const float absoluteTop) {
   if (pointScaleFactor == 0.0f) {
     return;
   }
@@ -3535,8 +3964,8 @@ static void YGRoundToPixelGrid(const YGNodeRef node,
   const float absoluteNodeRight = absoluteNodeLeft + nodeWidth;
   const float absoluteNodeBottom = absoluteNodeTop + nodeHeight;
 
-  // If a node has a custom measure function we never want to round down its size as this could
-  // lead to unwanted text truncation.
+  // If a node has a custom measure function we never want to round down its
+  // size as this could lead to unwanted text truncation.
   const bool textRounding = node->getNodeType() == YGNodeTypeText;
 
   node->setLayoutPosition(
@@ -3547,13 +3976,15 @@ static void YGRoundToPixelGrid(const YGNodeRef node,
       YGRoundValueToPixelGrid(nodeTop, pointScaleFactor, false, textRounding),
       YGEdgeTop);
 
-  // We multiply dimension by scale factor and if the result is close to the whole number, we don't
-  // have any fraction
-  // To verify if the result is close to whole number we want to check both floor and ceil numbers
-  const bool hasFractionalWidth = !YGFloatsEqual(fmodf(nodeWidth * pointScaleFactor, 1.0), 0) &&
-                                  !YGFloatsEqual(fmodf(nodeWidth * pointScaleFactor, 1.0), 1.0);
-  const bool hasFractionalHeight = !YGFloatsEqual(fmodf(nodeHeight * pointScaleFactor, 1.0), 0) &&
-                                   !YGFloatsEqual(fmodf(nodeHeight * pointScaleFactor, 1.0), 1.0);
+  // We multiply dimension by scale factor and if the result is close to the
+  // whole number, we don't have any fraction To verify if the result is close
+  // to whole number we want to check both floor and ceil numbers
+  const bool hasFractionalWidth =
+      !YGFloatsEqual(fmodf(nodeWidth * pointScaleFactor, 1.0), 0) &&
+      !YGFloatsEqual(fmodf(nodeWidth * pointScaleFactor, 1.0), 1.0);
+  const bool hasFractionalHeight =
+      !YGFloatsEqual(fmodf(nodeHeight * pointScaleFactor, 1.0), 0) &&
+      !YGFloatsEqual(fmodf(nodeHeight * pointScaleFactor, 1.0), 1.0);
 
   node->setLayoutDimension(
       YGRoundValueToPixelGrid(
@@ -3587,9 +4018,9 @@ static void YGRoundToPixelGrid(const YGNodeRef node,
 
 void YGNodeCalculateLayout(
     const YGNodeRef node,
-    const float parentWidth,
-    const float parentHeight,
-    const YGDirection parentDirection) {
+    const float ownerWidth,
+    const float ownerHeight,
+    const YGDirection ownerDirection) {
   // Increment the generation count. This will force the recursive routine to
   // visit
   // all dirty nodes at least once. Subsequent visits will be skipped if the
@@ -3599,40 +4030,42 @@ void YGNodeCalculateLayout(
   node->resolveDimension();
   float width = YGUndefined;
   YGMeasureMode widthMeasureMode = YGMeasureModeUndefined;
-  if (YGNodeIsStyleDimDefined(node, YGFlexDirectionRow, parentWidth)) {
-    width =
+  if (YGNodeIsStyleDimDefined(node, YGFlexDirectionRow, ownerWidth)) {
+    width = YGUnwrapFloatOptional(
         YGResolveValue(
-            node->getResolvedDimension(dim[YGFlexDirectionRow]), parentWidth) +
-        node->getMarginForAxis(YGFlexDirectionRow, parentWidth);
+            node->getResolvedDimension(dim[YGFlexDirectionRow]), ownerWidth) +
+        node->getMarginForAxis(YGFlexDirectionRow, ownerWidth));
     widthMeasureMode = YGMeasureModeExactly;
-  } else if (!YGFloatIsUndefined(YGResolveValue(
-                 node->getStyle().maxDimensions[YGDimensionWidth],
-                 parentWidth))) {
-    width = YGResolveValue(
-        node->getStyle().maxDimensions[YGDimensionWidth], parentWidth);
+  } else if (!YGResolveValue(
+                  node->getStyle().maxDimensions[YGDimensionWidth], ownerWidth)
+                  .isUndefined()) {
+    width = YGUnwrapFloatOptional(YGResolveValue(
+        node->getStyle().maxDimensions[YGDimensionWidth], ownerWidth));
     widthMeasureMode = YGMeasureModeAtMost;
   } else {
-    width = parentWidth;
+    width = ownerWidth;
     widthMeasureMode = YGFloatIsUndefined(width) ? YGMeasureModeUndefined
                                                  : YGMeasureModeExactly;
   }
 
   float height = YGUndefined;
   YGMeasureMode heightMeasureMode = YGMeasureModeUndefined;
-  if (YGNodeIsStyleDimDefined(node, YGFlexDirectionColumn, parentHeight)) {
-    height = YGResolveValue(
-                 node->getResolvedDimension(dim[YGFlexDirectionColumn]),
-                 parentHeight) +
-        node->getMarginForAxis(YGFlexDirectionColumn, parentWidth);
+  if (YGNodeIsStyleDimDefined(node, YGFlexDirectionColumn, ownerHeight)) {
+    height = YGUnwrapFloatOptional(
+        YGResolveValue(
+            node->getResolvedDimension(dim[YGFlexDirectionColumn]),
+            ownerHeight) +
+        node->getMarginForAxis(YGFlexDirectionColumn, ownerWidth));
     heightMeasureMode = YGMeasureModeExactly;
-  } else if (!YGFloatIsUndefined(YGResolveValue(
-                 node->getStyle().maxDimensions[YGDimensionHeight],
-                 parentHeight))) {
-    height = YGResolveValue(
-        node->getStyle().maxDimensions[YGDimensionHeight], parentHeight);
+  } else if (!YGResolveValue(
+                  node->getStyle().maxDimensions[YGDimensionHeight],
+                  ownerHeight)
+                  .isUndefined()) {
+    height = YGUnwrapFloatOptional(YGResolveValue(
+        node->getStyle().maxDimensions[YGDimensionHeight], ownerHeight));
     heightMeasureMode = YGMeasureModeAtMost;
   } else {
-    height = parentHeight;
+    height = ownerHeight;
     heightMeasureMode = YGFloatIsUndefined(height) ? YGMeasureModeUndefined
                                                    : YGMeasureModeExactly;
   }
@@ -3640,16 +4073,16 @@ void YGNodeCalculateLayout(
           node,
           width,
           height,
-          parentDirection,
+          ownerDirection,
           widthMeasureMode,
           heightMeasureMode,
-          parentWidth,
-          parentHeight,
+          ownerWidth,
+          ownerHeight,
           true,
           "initial",
           node->getConfig())) {
     node->setPosition(
-        node->getLayout().direction, parentWidth, parentHeight, parentWidth);
+        node->getLayout().direction, ownerWidth, ownerHeight, ownerWidth);
     YGRoundToPixelGrid(node, node->getConfig()->pointScaleFactor, 0.0f, 0.0f);
 
     if (gPrintTree) {
@@ -3681,19 +4114,19 @@ void YGNodeCalculateLayout(
             originalNode,
             width,
             height,
-            parentDirection,
+            ownerDirection,
             widthMeasureMode,
             heightMeasureMode,
-            parentWidth,
-            parentHeight,
+            ownerWidth,
+            ownerHeight,
             true,
             "initial",
             originalNode->getConfig())) {
       originalNode->setPosition(
           originalNode->getLayout().direction,
-          parentWidth,
-          parentHeight,
-          parentWidth);
+          ownerWidth,
+          ownerHeight,
+          ownerWidth);
       YGRoundToPixelGrid(
           originalNode,
           originalNode->getConfig()->pointScaleFactor,
@@ -3729,12 +4162,20 @@ void YGConfigSetLogger(const YGConfigRef config, YGLogger logger) {
   }
 }
 
-static void YGVLog(const YGConfigRef config,
-                   const YGNodeRef node,
-                   YGLogLevel level,
-                   const char *format,
-                   va_list args) {
-  const YGConfigRef logConfig = config != nullptr ? config : &gYGConfigDefaults;
+void YGConfigSetShouldDiffLayoutWithoutLegacyStretchBehaviour(
+    const YGConfigRef config,
+    const bool shouldDiffLayout) {
+  config->shouldDiffLayoutWithoutLegacyStretchBehaviour = shouldDiffLayout;
+}
+
+static void YGVLog(
+    const YGConfigRef config,
+    const YGNodeRef node,
+    YGLogLevel level,
+    const char* format,
+    va_list args) {
+  const YGConfigRef logConfig =
+      config != nullptr ? config : YGConfigGetDefault();
   logConfig->logger(logConfig, node, level, format, args);
 
   if (level == YGLogLevelFatal) {
@@ -3742,14 +4183,18 @@ static void YGVLog(const YGConfigRef config,
   }
 }
 
-void YGLogWithConfig(const YGConfigRef config, YGLogLevel level, const char *format, ...) {
+void YGLogWithConfig(
+    const YGConfigRef config,
+    YGLogLevel level,
+    const char* format,
+    ...) {
   va_list args;
   va_start(args, format);
   YGVLog(config, nullptr, level, format, args);
   va_end(args);
 }
 
-void YGLog(const YGNodeRef node, YGLogLevel level, const char *format, ...) {
+void YGLog(const YGNodeRef node, YGLogLevel level, const char* format, ...) {
   va_list args;
   va_start(args, format);
   YGVLog(
@@ -3757,32 +4202,40 @@ void YGLog(const YGNodeRef node, YGLogLevel level, const char *format, ...) {
   va_end(args);
 }
 
-void YGAssert(const bool condition, const char *message) {
+void YGAssert(const bool condition, const char* message) {
   if (!condition) {
     YGLog(nullptr, YGLogLevelFatal, "%s\n", message);
   }
 }
 
-void YGAssertWithNode(const YGNodeRef node, const bool condition, const char *message) {
+void YGAssertWithNode(
+    const YGNodeRef node,
+    const bool condition,
+    const char* message) {
   if (!condition) {
     YGLog(node, YGLogLevelFatal, "%s\n", message);
   }
 }
 
-void YGAssertWithConfig(const YGConfigRef config, const bool condition, const char *message) {
+void YGAssertWithConfig(
+    const YGConfigRef config,
+    const bool condition,
+    const char* message) {
   if (!condition) {
     YGLogWithConfig(config, YGLogLevelFatal, "%s\n", message);
   }
 }
 
-void YGConfigSetExperimentalFeatureEnabled(const YGConfigRef config,
-                                           const YGExperimentalFeature feature,
-                                           const bool enabled) {
+void YGConfigSetExperimentalFeatureEnabled(
+    const YGConfigRef config,
+    const YGExperimentalFeature feature,
+    const bool enabled) {
   config->experimentalFeatures[feature] = enabled;
 }
 
-inline bool YGConfigIsExperimentalFeatureEnabled(const YGConfigRef config,
-                                                 const YGExperimentalFeature feature) {
+inline bool YGConfigIsExperimentalFeatureEnabled(
+    const YGConfigRef config,
+    const YGExperimentalFeature feature) {
   return config->experimentalFeatures[feature];
 }
 
@@ -3790,8 +4243,9 @@ void YGConfigSetUseWebDefaults(const YGConfigRef config, const bool enabled) {
   config->useWebDefaults = enabled;
 }
 
-void YGConfigSetUseLegacyStretchBehaviour(const YGConfigRef config,
-                                          const bool useLegacyStretchBehaviour) {
+void YGConfigSetUseLegacyStretchBehaviour(
+    const YGConfigRef config,
+    const bool useLegacyStretchBehaviour) {
   config->useLegacyStretchBehaviour = useLegacyStretchBehaviour;
 }
 
@@ -3799,14 +4253,35 @@ bool YGConfigGetUseWebDefaults(const YGConfigRef config) {
   return config->useWebDefaults;
 }
 
-void YGConfigSetContext(const YGConfigRef config, void *context) {
+void YGConfigSetContext(const YGConfigRef config, void* context) {
   config->context = context;
 }
 
-void *YGConfigGetContext(const YGConfigRef config) {
+void* YGConfigGetContext(const YGConfigRef config) {
   return config->context;
 }
 
-void YGConfigSetNodeClonedFunc(const YGConfigRef config, const YGNodeClonedFunc callback) {
+void YGConfigSetCloneNodeFunc(
+    const YGConfigRef config,
+    const YGCloneNodeFunc callback) {
   config->cloneNodeCallback = callback;
 }
+
+static void YGTraverseChildrenPreOrder(
+    const YGVector& children,
+    const std::function<void(YGNodeRef node)>& f) {
+  for (YGNodeRef node : children) {
+    f(node);
+    YGTraverseChildrenPreOrder(node->getChildren(), f);
+  }
+}
+
+void YGTraversePreOrder(
+    YGNodeRef const node,
+    std::function<void(YGNodeRef node)>&& f) {
+  if (!node) {
+    return;
+  }
+  f(node);
+  YGTraverseChildrenPreOrder(node->getChildren(), f);
+}
diff --git a/ReactCommon/yoga/yoga/Yoga.h b/ReactCommon/yoga/yoga/Yoga.h
index a632917af859b7..d6b12d29a23856 100644
--- a/ReactCommon/yoga/yoga/Yoga.h
+++ b/ReactCommon/yoga/yoga/Yoga.h
@@ -1,10 +1,10 @@
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
+/*
+ *  Copyright (c) 2014-present, Facebook, Inc.
+ *
+ *  This source code is licensed under the MIT license found in the LICENSE
+ *  file in the root directory of this source tree.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
  */
-
 #pragma once
 
 #include <assert.h>
@@ -45,27 +45,28 @@ typedef struct YGValue {
 extern const YGValue YGValueUndefined;
 extern const YGValue YGValueAuto;
 
-typedef struct YGConfig *YGConfigRef;
+typedef struct YGConfig* YGConfigRef;
 
 typedef struct YGNode* YGNodeRef;
 
-typedef YGSize (*YGMeasureFunc)(YGNodeRef node,
-                                float width,
-                                YGMeasureMode widthMode,
-                                float height,
-                                YGMeasureMode heightMode);
-typedef float (*YGBaselineFunc)(YGNodeRef node, const float width, const float height);
+typedef YGSize (*YGMeasureFunc)(
+    YGNodeRef node,
+    float width,
+    YGMeasureMode widthMode,
+    float height,
+    YGMeasureMode heightMode);
+typedef float (
+    *YGBaselineFunc)(YGNodeRef node, const float width, const float height);
 typedef void (*YGDirtiedFunc)(YGNodeRef node);
 typedef void (*YGPrintFunc)(YGNodeRef node);
-typedef int (*YGLogger)(const YGConfigRef config,
-                        const YGNodeRef node,
-                        YGLogLevel level,
-                        const char *format,
-                        va_list args);
-typedef void (*YGNodeClonedFunc)(YGNodeRef oldNode,
-                                 YGNodeRef newNode,
-                                 YGNodeRef parent,
-                                 int childIndex);
+typedef int (*YGLogger)(
+    const YGConfigRef config,
+    const YGNodeRef node,
+    YGLogLevel level,
+    const char* format,
+    va_list args);
+typedef YGNodeRef (
+    *YGCloneNodeFunc)(YGNodeRef oldNode, YGNodeRef owner, int childIndex);
 
 // YGNode
 WIN_EXPORT YGNodeRef YGNodeNew(void);
@@ -76,19 +77,37 @@ WIN_EXPORT void YGNodeFreeRecursive(const YGNodeRef node);
 WIN_EXPORT void YGNodeReset(const YGNodeRef node);
 WIN_EXPORT int32_t YGNodeGetInstanceCount(void);
 
-WIN_EXPORT void YGNodeInsertChild(const YGNodeRef node,
-                                  const YGNodeRef child,
-                                  const uint32_t index);
+WIN_EXPORT void YGNodeInsertChild(
+    const YGNodeRef node,
+    const YGNodeRef child,
+    const uint32_t index);
+
+// This function inserts the child YGNodeRef as a children of the node received
+// by parameter and set the Owner of the child object to null. This function is
+// expected to be called when using Yoga in persistent mode in order to share a
+// YGNodeRef object as a child of two different Yoga trees. The child YGNodeRef
+// is expected to be referenced from its original owner and from a clone of its
+// original owner.
+WIN_EXPORT void YGNodeInsertSharedChild(
+    const YGNodeRef node,
+    const YGNodeRef child,
+    const uint32_t index);
 WIN_EXPORT void YGNodeRemoveChild(const YGNodeRef node, const YGNodeRef child);
 WIN_EXPORT void YGNodeRemoveAllChildren(const YGNodeRef node);
 WIN_EXPORT YGNodeRef YGNodeGetChild(const YGNodeRef node, const uint32_t index);
+WIN_EXPORT YGNodeRef YGNodeGetOwner(const YGNodeRef node);
 WIN_EXPORT YGNodeRef YGNodeGetParent(const YGNodeRef node);
 WIN_EXPORT uint32_t YGNodeGetChildCount(const YGNodeRef node);
+WIN_EXPORT void YGNodeSetChildren(
+    YGNodeRef const owner,
+    const YGNodeRef children[],
+    const uint32_t count);
 
-WIN_EXPORT void YGNodeCalculateLayout(const YGNodeRef node,
-                                      const float availableWidth,
-                                      const float availableHeight,
-                                      const YGDirection parentDirection);
+WIN_EXPORT void YGNodeCalculateLayout(
+    const YGNodeRef node,
+    const float availableWidth,
+    const float availableHeight,
+    const YGDirection ownerDirection);
 
 // Mark a node as dirty. Only valid for nodes with a custom measure function
 // set.
@@ -98,70 +117,34 @@ WIN_EXPORT void YGNodeCalculateLayout(const YGNodeRef node,
 // marking manually.
 WIN_EXPORT void YGNodeMarkDirty(const YGNodeRef node);
 
-// This function marks the current node and all its descendants as dirty. This function is added to test yoga benchmarks.
-// This function is not expected to be used in production as calling `YGCalculateLayout` will cause the recalculation of each and every node.
+// This function marks the current node and all its descendants as dirty. This
+// function is added to test yoga benchmarks. This function is not expected to
+// be used in production as calling `YGCalculateLayout` will cause the
+// recalculation of each and every node.
 WIN_EXPORT void YGNodeMarkDirtyAndPropogateToDescendants(const YGNodeRef node);
 
 WIN_EXPORT void YGNodePrint(const YGNodeRef node, const YGPrintOptions options);
 
 WIN_EXPORT bool YGFloatIsUndefined(const float value);
 
-WIN_EXPORT bool YGNodeCanUseCachedMeasurement(const YGMeasureMode widthMode,
-                                              const float width,
-                                              const YGMeasureMode heightMode,
-                                              const float height,
-                                              const YGMeasureMode lastWidthMode,
-                                              const float lastWidth,
-                                              const YGMeasureMode lastHeightMode,
-                                              const float lastHeight,
-                                              const float lastComputedWidth,
-                                              const float lastComputedHeight,
-                                              const float marginRow,
-                                              const float marginColumn,
-                                              const YGConfigRef config);
-
-WIN_EXPORT void YGNodeCopyStyle(const YGNodeRef dstNode, const YGNodeRef srcNode);
-
-#define YG_NODE_PROPERTY(type, name, paramName)                          \
-  WIN_EXPORT void YGNodeSet##name(const YGNodeRef node, type paramName); \
-  WIN_EXPORT type YGNodeGet##name(const YGNodeRef node);
-
-#define YG_NODE_STYLE_PROPERTY(type, name, paramName)                               \
-  WIN_EXPORT void YGNodeStyleSet##name(const YGNodeRef node, const type paramName); \
-  WIN_EXPORT type YGNodeStyleGet##name(const YGNodeRef node);
-
-#define YG_NODE_STYLE_PROPERTY_UNIT(type, name, paramName)                                    \
-  WIN_EXPORT void YGNodeStyleSet##name(const YGNodeRef node, const float paramName);          \
-  WIN_EXPORT void YGNodeStyleSet##name##Percent(const YGNodeRef node, const float paramName); \
-  WIN_EXPORT type YGNodeStyleGet##name(const YGNodeRef node);
-
-#define YG_NODE_STYLE_PROPERTY_UNIT_AUTO(type, name, paramName) \
-  YG_NODE_STYLE_PROPERTY_UNIT(type, name, paramName)            \
-  WIN_EXPORT void YGNodeStyleSet##name##Auto(const YGNodeRef node);
-
-#define YG_NODE_STYLE_EDGE_PROPERTY(type, name, paramName)    \
-  WIN_EXPORT void YGNodeStyleSet##name(const YGNodeRef node,  \
-                                       const YGEdge edge,     \
-                                       const type paramName); \
-  WIN_EXPORT type YGNodeStyleGet##name(const YGNodeRef node, const YGEdge edge);
-
-#define YG_NODE_STYLE_EDGE_PROPERTY_UNIT(type, name, paramName)         \
-  WIN_EXPORT void YGNodeStyleSet##name(const YGNodeRef node,            \
-                                       const YGEdge edge,               \
-                                       const float paramName);          \
-  WIN_EXPORT void YGNodeStyleSet##name##Percent(const YGNodeRef node,   \
-                                                const YGEdge edge,      \
-                                                const float paramName); \
-  WIN_EXPORT WIN_STRUCT(type) YGNodeStyleGet##name(const YGNodeRef node, const YGEdge edge);
-
-#define YG_NODE_STYLE_EDGE_PROPERTY_UNIT_AUTO(type, name) \
-  WIN_EXPORT void YGNodeStyleSet##name##Auto(const YGNodeRef node, const YGEdge edge);
-
-#define YG_NODE_LAYOUT_PROPERTY(type, name) \
-  WIN_EXPORT type YGNodeLayoutGet##name(const YGNodeRef node);
-
-#define YG_NODE_LAYOUT_EDGE_PROPERTY(type, name) \
-  WIN_EXPORT type YGNodeLayoutGet##name(const YGNodeRef node, const YGEdge edge);
+WIN_EXPORT bool YGNodeCanUseCachedMeasurement(
+    const YGMeasureMode widthMode,
+    const float width,
+    const YGMeasureMode heightMode,
+    const float height,
+    const YGMeasureMode lastWidthMode,
+    const float lastWidth,
+    const YGMeasureMode lastHeightMode,
+    const float lastHeight,
+    const float lastComputedWidth,
+    const float lastComputedHeight,
+    const float marginRow,
+    const float marginColumn,
+    const YGConfigRef config);
+
+WIN_EXPORT void YGNodeCopyStyle(
+    const YGNodeRef dstNode,
+    const YGNodeRef srcNode);
 
 void* YGNodeGetContext(YGNodeRef node);
 void YGNodeSetContext(YGNodeRef node, void* context);
@@ -180,88 +163,240 @@ void YGNodeSetNodeType(YGNodeRef node, YGNodeType nodeType);
 bool YGNodeIsDirty(YGNodeRef node);
 bool YGNodeLayoutGetDidUseLegacyFlag(const YGNodeRef node);
 
-YG_NODE_STYLE_PROPERTY(YGDirection, Direction, direction);
-YG_NODE_STYLE_PROPERTY(YGFlexDirection, FlexDirection, flexDirection);
-YG_NODE_STYLE_PROPERTY(YGJustify, JustifyContent, justifyContent);
-YG_NODE_STYLE_PROPERTY(YGAlign, AlignContent, alignContent);
-YG_NODE_STYLE_PROPERTY(YGAlign, AlignItems, alignItems);
-YG_NODE_STYLE_PROPERTY(YGAlign, AlignSelf, alignSelf);
-YG_NODE_STYLE_PROPERTY(YGPositionType, PositionType, positionType);
-YG_NODE_STYLE_PROPERTY(YGWrap, FlexWrap, flexWrap);
-YG_NODE_STYLE_PROPERTY(YGOverflow, Overflow, overflow);
-YG_NODE_STYLE_PROPERTY(YGDisplay, Display, display);
-
-YG_NODE_STYLE_PROPERTY(float, Flex, flex);
-YG_NODE_STYLE_PROPERTY(float, FlexGrow, flexGrow);
-YG_NODE_STYLE_PROPERTY(float, FlexShrink, flexShrink);
-YG_NODE_STYLE_PROPERTY_UNIT_AUTO(YGValue, FlexBasis, flexBasis);
-
-YG_NODE_STYLE_EDGE_PROPERTY_UNIT(YGValue, Position, position);
-YG_NODE_STYLE_EDGE_PROPERTY_UNIT(YGValue, Margin, margin);
-YG_NODE_STYLE_EDGE_PROPERTY_UNIT_AUTO(YGValue, Margin);
-YG_NODE_STYLE_EDGE_PROPERTY_UNIT(YGValue, Padding, padding);
-YG_NODE_STYLE_EDGE_PROPERTY(float, Border, border);
-
-YG_NODE_STYLE_PROPERTY_UNIT_AUTO(YGValue, Width, width);
-YG_NODE_STYLE_PROPERTY_UNIT_AUTO(YGValue, Height, height);
-YG_NODE_STYLE_PROPERTY_UNIT(YGValue, MinWidth, minWidth);
-YG_NODE_STYLE_PROPERTY_UNIT(YGValue, MinHeight, minHeight);
-YG_NODE_STYLE_PROPERTY_UNIT(YGValue, MaxWidth, maxWidth);
-YG_NODE_STYLE_PROPERTY_UNIT(YGValue, MaxHeight, maxHeight);
+WIN_EXPORT void YGNodeStyleSetDirection(
+    const YGNodeRef node,
+    const YGDirection direction);
+WIN_EXPORT YGDirection YGNodeStyleGetDirection(const YGNodeRef node);
+
+WIN_EXPORT void YGNodeStyleSetFlexDirection(
+    const YGNodeRef node,
+    const YGFlexDirection flexDirection);
+WIN_EXPORT YGFlexDirection YGNodeStyleGetFlexDirection(const YGNodeRef node);
+
+WIN_EXPORT void YGNodeStyleSetJustifyContent(
+    const YGNodeRef node,
+    const YGJustify justifyContent);
+WIN_EXPORT YGJustify YGNodeStyleGetJustifyContent(const YGNodeRef node);
+
+WIN_EXPORT void YGNodeStyleSetAlignContent(
+    const YGNodeRef node,
+    const YGAlign alignContent);
+WIN_EXPORT YGAlign YGNodeStyleGetAlignContent(const YGNodeRef node);
+
+WIN_EXPORT void YGNodeStyleSetAlignItems(
+    const YGNodeRef node,
+    const YGAlign alignItems);
+WIN_EXPORT YGAlign YGNodeStyleGetAlignItems(const YGNodeRef node);
+
+WIN_EXPORT void YGNodeStyleSetAlignSelf(
+    const YGNodeRef node,
+    const YGAlign alignSelf);
+WIN_EXPORT YGAlign YGNodeStyleGetAlignSelf(const YGNodeRef node);
+
+WIN_EXPORT void YGNodeStyleSetPositionType(
+    const YGNodeRef node,
+    const YGPositionType positionType);
+WIN_EXPORT YGPositionType YGNodeStyleGetPositionType(const YGNodeRef node);
+
+WIN_EXPORT void YGNodeStyleSetFlexWrap(
+    const YGNodeRef node,
+    const YGWrap flexWrap);
+WIN_EXPORT YGWrap YGNodeStyleGetFlexWrap(const YGNodeRef node);
+
+WIN_EXPORT void YGNodeStyleSetOverflow(
+    const YGNodeRef node,
+    const YGOverflow overflow);
+WIN_EXPORT YGOverflow YGNodeStyleGetOverflow(const YGNodeRef node);
+
+WIN_EXPORT void YGNodeStyleSetDisplay(
+    const YGNodeRef node,
+    const YGDisplay display);
+WIN_EXPORT YGDisplay YGNodeStyleGetDisplay(const YGNodeRef node);
+
+WIN_EXPORT void YGNodeStyleSetFlex(const YGNodeRef node, const float flex);
+WIN_EXPORT float YGNodeStyleGetFlex(const YGNodeRef node);
+
+WIN_EXPORT void YGNodeStyleSetFlexGrow(
+    const YGNodeRef node,
+    const float flexGrow);
+WIN_EXPORT float YGNodeStyleGetFlexGrow(const YGNodeRef node);
+
+WIN_EXPORT void YGNodeStyleSetFlexShrink(
+    const YGNodeRef node,
+    const float flexShrink);
+WIN_EXPORT float YGNodeStyleGetFlexShrink(const YGNodeRef node);
+
+WIN_EXPORT void YGNodeStyleSetFlexBasis(
+    const YGNodeRef node,
+    const float flexBasis);
+WIN_EXPORT void YGNodeStyleSetFlexBasisPercent(
+    const YGNodeRef node,
+    const float flexBasis);
+WIN_EXPORT void YGNodeStyleSetFlexBasisAuto(const YGNodeRef node);
+WIN_EXPORT YGValue YGNodeStyleGetFlexBasis(const YGNodeRef node);
+
+WIN_EXPORT void YGNodeStyleSetPosition(
+    const YGNodeRef node,
+    const YGEdge edge,
+    const float position);
+WIN_EXPORT void YGNodeStyleSetPositionPercent(
+    const YGNodeRef node,
+    const YGEdge edge,
+    const float position);
+WIN_EXPORT WIN_STRUCT(YGValue)
+    YGNodeStyleGetPosition(const YGNodeRef node, const YGEdge edge);
+
+WIN_EXPORT void YGNodeStyleSetMargin(
+    const YGNodeRef node,
+    const YGEdge edge,
+    const float margin);
+WIN_EXPORT void YGNodeStyleSetMarginPercent(
+    const YGNodeRef node,
+    const YGEdge edge,
+    const float margin);
+WIN_EXPORT void YGNodeStyleSetMarginAuto(
+    const YGNodeRef node,
+    const YGEdge edge);
+WIN_EXPORT YGValue
+YGNodeStyleGetMargin(const YGNodeRef node, const YGEdge edge);
+
+WIN_EXPORT void YGNodeStyleSetPadding(
+    const YGNodeRef node,
+    const YGEdge edge,
+    const float padding);
+WIN_EXPORT void YGNodeStyleSetPaddingPercent(
+    const YGNodeRef node,
+    const YGEdge edge,
+    const float padding);
+WIN_EXPORT YGValue
+YGNodeStyleGetPadding(const YGNodeRef node, const YGEdge edge);
+
+WIN_EXPORT void YGNodeStyleSetBorder(
+    const YGNodeRef node,
+    const YGEdge edge,
+    const float border);
+WIN_EXPORT float YGNodeStyleGetBorder(const YGNodeRef node, const YGEdge edge);
+
+WIN_EXPORT void YGNodeStyleSetWidth(const YGNodeRef node, const float width);
+WIN_EXPORT void YGNodeStyleSetWidthPercent(
+    const YGNodeRef node,
+    const float width);
+WIN_EXPORT void YGNodeStyleSetWidthAuto(const YGNodeRef node);
+WIN_EXPORT YGValue YGNodeStyleGetWidth(const YGNodeRef node);
+
+WIN_EXPORT void YGNodeStyleSetHeight(const YGNodeRef node, const float height);
+WIN_EXPORT void YGNodeStyleSetHeightPercent(
+    const YGNodeRef node,
+    const float height);
+WIN_EXPORT void YGNodeStyleSetHeightAuto(const YGNodeRef node);
+WIN_EXPORT YGValue YGNodeStyleGetHeight(const YGNodeRef node);
+
+WIN_EXPORT void YGNodeStyleSetMinWidth(
+    const YGNodeRef node,
+    const float minWidth);
+WIN_EXPORT void YGNodeStyleSetMinWidthPercent(
+    const YGNodeRef node,
+    const float minWidth);
+WIN_EXPORT YGValue YGNodeStyleGetMinWidth(const YGNodeRef node);
+
+WIN_EXPORT void YGNodeStyleSetMinHeight(
+    const YGNodeRef node,
+    const float minHeight);
+WIN_EXPORT void YGNodeStyleSetMinHeightPercent(
+    const YGNodeRef node,
+    const float minHeight);
+WIN_EXPORT YGValue YGNodeStyleGetMinHeight(const YGNodeRef node);
+
+WIN_EXPORT void YGNodeStyleSetMaxWidth(
+    const YGNodeRef node,
+    const float maxWidth);
+WIN_EXPORT void YGNodeStyleSetMaxWidthPercent(
+    const YGNodeRef node,
+    const float maxWidth);
+WIN_EXPORT YGValue YGNodeStyleGetMaxWidth(const YGNodeRef node);
+
+WIN_EXPORT void YGNodeStyleSetMaxHeight(
+    const YGNodeRef node,
+    const float maxHeight);
+WIN_EXPORT void YGNodeStyleSetMaxHeightPercent(
+    const YGNodeRef node,
+    const float maxHeight);
+WIN_EXPORT YGValue YGNodeStyleGetMaxHeight(const YGNodeRef node);
 
 // Yoga specific properties, not compatible with flexbox specification
 // Aspect ratio control the size of the undefined dimension of a node.
-// Aspect ratio is encoded as a floating point value width/height. e.g. A value of 2 leads to a node
-// with a width twice the size of its height while a value of 0.5 gives the opposite effect.
+// Aspect ratio is encoded as a floating point value width/height. e.g. A value
+// of 2 leads to a node with a width twice the size of its height while a value
+// of 0.5 gives the opposite effect.
 //
-// - On a node with a set width/height aspect ratio control the size of the unset dimension
-// - On a node with a set flex basis aspect ratio controls the size of the node in the cross axis if
-// unset
-// - On a node with a measure function aspect ratio works as though the measure function measures
-// the flex basis
-// - On a node with flex grow/shrink aspect ratio controls the size of the node in the cross axis if
-// unset
+// - On a node with a set width/height aspect ratio control the size of the
+// unset dimension
+// - On a node with a set flex basis aspect ratio controls the size of the node
+// in the cross axis if unset
+// - On a node with a measure function aspect ratio works as though the measure
+// function measures the flex basis
+// - On a node with flex grow/shrink aspect ratio controls the size of the node
+// in the cross axis if unset
 // - Aspect ratio takes min/max dimensions into account
-YG_NODE_STYLE_PROPERTY(float, AspectRatio, aspectRatio);
-
-YG_NODE_LAYOUT_PROPERTY(float, Left);
-YG_NODE_LAYOUT_PROPERTY(float, Top);
-YG_NODE_LAYOUT_PROPERTY(float, Right);
-YG_NODE_LAYOUT_PROPERTY(float, Bottom);
-YG_NODE_LAYOUT_PROPERTY(float, Width);
-YG_NODE_LAYOUT_PROPERTY(float, Height);
-YG_NODE_LAYOUT_PROPERTY(YGDirection, Direction);
-YG_NODE_LAYOUT_PROPERTY(bool, HadOverflow);
-
-// Get the computed values for these nodes after performing layout. If they were set using
-// point values then the returned value will be the same as YGNodeStyleGetXXX. However if
-// they were set using a percentage value then the returned value is the computed value used
-// during layout.
-YG_NODE_LAYOUT_EDGE_PROPERTY(float, Margin);
-YG_NODE_LAYOUT_EDGE_PROPERTY(float, Border);
-YG_NODE_LAYOUT_EDGE_PROPERTY(float, Padding);
+WIN_EXPORT void YGNodeStyleSetAspectRatio(
+    const YGNodeRef node,
+    const float aspectRatio);
+WIN_EXPORT float YGNodeStyleGetAspectRatio(const YGNodeRef node);
+
+WIN_EXPORT float YGNodeLayoutGetLeft(const YGNodeRef node);
+WIN_EXPORT float YGNodeLayoutGetTop(const YGNodeRef node);
+WIN_EXPORT float YGNodeLayoutGetRight(const YGNodeRef node);
+WIN_EXPORT float YGNodeLayoutGetBottom(const YGNodeRef node);
+WIN_EXPORT float YGNodeLayoutGetWidth(const YGNodeRef node);
+WIN_EXPORT float YGNodeLayoutGetHeight(const YGNodeRef node);
+WIN_EXPORT YGDirection YGNodeLayoutGetDirection(const YGNodeRef node);
+WIN_EXPORT bool YGNodeLayoutGetHadOverflow(const YGNodeRef node);
+bool YGNodeLayoutGetDidLegacyStretchFlagAffectLayout(const YGNodeRef node);
+
+// Get the computed values for these nodes after performing layout. If they were
+// set using point values then the returned value will be the same as
+// YGNodeStyleGetXXX. However if they were set using a percentage value then the
+// returned value is the computed value used during layout.
+WIN_EXPORT float YGNodeLayoutGetMargin(const YGNodeRef node, const YGEdge edge);
+WIN_EXPORT float YGNodeLayoutGetBorder(const YGNodeRef node, const YGEdge edge);
+WIN_EXPORT float YGNodeLayoutGetPadding(
+    const YGNodeRef node,
+    const YGEdge edge);
 
 WIN_EXPORT void YGConfigSetLogger(const YGConfigRef config, YGLogger logger);
-WIN_EXPORT void YGLog(const YGNodeRef node, YGLogLevel level, const char *message, ...);
-WIN_EXPORT void YGLogWithConfig(const YGConfigRef config, YGLogLevel level, const char *format, ...);
-WIN_EXPORT void YGAssert(const bool condition, const char *message);
-WIN_EXPORT void YGAssertWithNode(const YGNodeRef node, const bool condition, const char *message);
-WIN_EXPORT void YGAssertWithConfig(const YGConfigRef config,
-                                   const bool condition,
-                                   const char *message);
-
+WIN_EXPORT void
+YGLog(const YGNodeRef node, YGLogLevel level, const char* message, ...);
+WIN_EXPORT void YGLogWithConfig(
+    const YGConfigRef config,
+    YGLogLevel level,
+    const char* format,
+    ...);
+WIN_EXPORT void YGAssert(const bool condition, const char* message);
+WIN_EXPORT void YGAssertWithNode(
+    const YGNodeRef node,
+    const bool condition,
+    const char* message);
+WIN_EXPORT void YGAssertWithConfig(
+    const YGConfigRef config,
+    const bool condition,
+    const char* message);
 // Set this to number of pixels in 1 point to round calculation results
 // If you want to avoid rounding - set PointScaleFactor to 0
-WIN_EXPORT void YGConfigSetPointScaleFactor(const YGConfigRef config, const float pixelsInPoint);
-
-// Yoga previously had an error where containers would take the maximum space possible instead of
-// the minimum
-// like they are supposed to. In practice this resulted in implicit behaviour similar to align-self:
-// stretch;
-// Because this was such a long-standing bug we must allow legacy users to switch back to this
-// behaviour.
-WIN_EXPORT void YGConfigSetUseLegacyStretchBehaviour(const YGConfigRef config,
-                                                     const bool useLegacyStretchBehaviour);
+WIN_EXPORT void YGConfigSetPointScaleFactor(
+    const YGConfigRef config,
+    const float pixelsInPoint);
+void YGConfigSetShouldDiffLayoutWithoutLegacyStretchBehaviour(
+    const YGConfigRef config,
+    const bool shouldDiffLayout);
+
+// Yoga previously had an error where containers would take the maximum space
+// possible instead of the minimum like they are supposed to. In practice this
+// resulted in implicit behaviour similar to align-self: stretch; Because this
+// was such a long-standing bug we must allow legacy users to switch back to
+// this behaviour.
+WIN_EXPORT void YGConfigSetUseLegacyStretchBehaviour(
+    const YGConfigRef config,
+    const bool useLegacyStretchBehaviour);
 
 // YGConfig
 WIN_EXPORT YGConfigRef YGConfigNew(void);
@@ -269,25 +404,30 @@ WIN_EXPORT void YGConfigFree(const YGConfigRef config);
 WIN_EXPORT void YGConfigCopy(const YGConfigRef dest, const YGConfigRef src);
 WIN_EXPORT int32_t YGConfigGetInstanceCount(void);
 
-WIN_EXPORT void YGConfigSetExperimentalFeatureEnabled(const YGConfigRef config,
-                                                      const YGExperimentalFeature feature,
-                                                      const bool enabled);
-WIN_EXPORT bool YGConfigIsExperimentalFeatureEnabled(const YGConfigRef config,
-                                                     const YGExperimentalFeature feature);
+WIN_EXPORT void YGConfigSetExperimentalFeatureEnabled(
+    const YGConfigRef config,
+    const YGExperimentalFeature feature,
+    const bool enabled);
+WIN_EXPORT bool YGConfigIsExperimentalFeatureEnabled(
+    const YGConfigRef config,
+    const YGExperimentalFeature feature);
 
 // Using the web defaults is the prefered configuration for new projects.
 // Usage of non web defaults should be considered as legacy.
-WIN_EXPORT void YGConfigSetUseWebDefaults(const YGConfigRef config, const bool enabled);
+WIN_EXPORT void YGConfigSetUseWebDefaults(
+    const YGConfigRef config,
+    const bool enabled);
 WIN_EXPORT bool YGConfigGetUseWebDefaults(const YGConfigRef config);
 
-WIN_EXPORT void YGConfigSetNodeClonedFunc(const YGConfigRef config,
-                                          const YGNodeClonedFunc callback);
+WIN_EXPORT void YGConfigSetCloneNodeFunc(
+    const YGConfigRef config,
+    const YGCloneNodeFunc callback);
 
 // Export only for C#
 WIN_EXPORT YGConfigRef YGConfigGetDefault(void);
 
-WIN_EXPORT void YGConfigSetContext(const YGConfigRef config, void *context);
-WIN_EXPORT void *YGConfigGetContext(const YGConfigRef config);
+WIN_EXPORT void YGConfigSetContext(const YGConfigRef config, void* context);
+WIN_EXPORT void* YGConfigGetContext(const YGConfigRef config);
 
 WIN_EXPORT float YGRoundValueToPixelGrid(
     const float value,
@@ -296,3 +436,19 @@ WIN_EXPORT float YGRoundValueToPixelGrid(
     const bool forceFloor);
 
 YG_EXTERN_C_END
+
+#ifdef __cplusplus
+
+#include <functional>
+#include <vector>
+
+// Calls f on each node in the tree including the given node argument.
+extern void YGTraversePreOrder(
+    YGNodeRef const node,
+    std::function<void(YGNodeRef node)>&& f);
+
+extern void YGNodeSetChildren(
+    YGNodeRef const owner,
+    const std::vector<YGNodeRef>& children);
+
+#endif
diff --git a/ReactNative/DEFS.bzl b/ReactNative/DEFS.bzl
index 8842ed74f8cd23..1f50344f63f14d 100644
--- a/ReactNative/DEFS.bzl
+++ b/ReactNative/DEFS.bzl
@@ -4,66 +4,90 @@ This lets us build React Native:
  - At Facebook by running buck from the root of the fb repo
  - Outside of Facebook by running buck in the root of the git repo
 """
-# @lint-ignore-every SKYLINT
+# @lint-ignore-every SKYLINT BUCKRESTRICTEDSYNTAX
+
+_DEBUG_PREPROCESSOR_FLAGS = []
+
+_APPLE_COMPILER_FLAGS = []
+
+def get_debug_preprocessor_flags():
+    return _DEBUG_PREPROCESSOR_FLAGS
+
+def get_apple_compiler_flags():
+    return _APPLE_COMPILER_FLAGS
 
 IS_OSS_BUILD = True
 
 GLOG_DEP = "//ReactAndroid/build/third-party-ndk/glog:glog"
 
 INSPECTOR_FLAGS = []
-DEBUG_PREPROCESSOR_FLAGS = []
 
 APPLE_JSC_INTERNAL_DEPS = []
+
 APPLE_JSC_DEPS = []
 
 ANDROID_JSC_INTERNAL_DEPS = [
-    '//native/third-party/jsc:jsc',
-    '//native/third-party/jsc:jsc_legacy_profiler',
+    "//native/third-party/jsc:jsc",
+    "//native/third-party/jsc:jsc_legacy_profiler",
 ]
+
 ANDROID_JSC_DEPS = ANDROID_JSC_INTERNAL_DEPS
+
 ANDROID = "Android"
 
-YOGA_TARGET = '//ReactAndroid/src/main/java/com/facebook:yoga'
-FBGLOGINIT_TARGET = '//ReactAndroid/src/main/jni/first-party/fbgloginit:fbgloginit'
-FBJNI_TARGET = '//ReactAndroid/src/main/jni/first-party/fb:jni'
-JNI_TARGET = '//ReactAndroid/src/main/jni/first-party/jni-hack:jni-hack'
-KEYSTORE_TARGET = '//keystores:debug'
+APPLE = ""
 
-with allow_unsafe_import():
-    import os
+YOGA_TARGET = "//ReactAndroid/src/main/java/com/facebook:yoga"
 
+FBGLOGINIT_TARGET = "//ReactAndroid/src/main/jni/first-party/fbgloginit:fbgloginit"
 
-# Building is not supported in OSS right now
-def rn_xplat_cxx_library(name, platforms = None, **kwargs):
-    cxx_library(name=name, **kwargs)
+FBJNI_TARGET = "//ReactAndroid/src/main/jni/first-party/fb:jni"
+
+JNI_TARGET = "//ReactAndroid/src/main/jni/first-party/jni-hack:jni-hack"
+
+KEYSTORE_TARGET = "//keystores:debug"
 
+def get_apple_inspector_flags():
+    return []
+
+def get_android_inspector_flags():
+    return []
+
+# Building is not supported in OSS right now
+def rn_xplat_cxx_library(name, **kwargs):
+    new_kwargs = {
+        k: v
+        for k, v in kwargs.items()
+        if k.startswith("exported_")
+    }
+
+    native.cxx_library(
+        name=name,
+        visibility=kwargs.get("visibility", []),
+        **new_kwargs
+    )
 
 # Example: react_native_target('java/com/facebook/react/common:common')
 def react_native_target(path):
     return '//ReactAndroid/src/main/' + path
 
-
 # Example: react_native_xplat_target('bridge:bridge')
 def react_native_xplat_target(path):
     return '//ReactCommon/' + path
 
-
 # Example: react_native_tests_target('java/com/facebook/react/modules:modules')
 def react_native_tests_target(path):
     return '//ReactAndroid/src/test/' + path
 
-
 # Example: react_native_integration_tests_target('java/com/facebook/react/testing:testing')
 def react_native_integration_tests_target(path):
     return '//ReactAndroid/src/androidTest/' + path
 
-
 # Helper for referring to non-RN code from RN OSS code.
 # Example: react_native_dep('java/com/facebook/systrace:systrace')
 def react_native_dep(path):
     return '//ReactAndroid/src/main/' + path
 
-
 # React property preprocessor
 def rn_android_library(name, deps=[], plugins=[], *args, **kwargs):
 
@@ -89,47 +113,35 @@ def rn_android_library(name, deps=[], plugins=[], *args, **kwargs):
 
         plugins = list(set(plugins + react_module_plugins))
 
-    android_library(name=name, deps=deps, plugins=plugins, *args, **kwargs)
-
+    native.android_library(name=name, deps=deps, plugins=plugins, *args, **kwargs)
 
 def rn_android_binary(*args, **kwargs):
-    android_binary(*args, **kwargs)
-
+    native.android_binary(*args, **kwargs)
 
 def rn_android_build_config(*args, **kwargs):
-    android_build_config(*args, **kwargs)
-
+    native.android_build_config(*args, **kwargs)
 
 def rn_android_resource(*args, **kwargs):
-    android_resource(*args, **kwargs)
-
+    native.android_resource(*args, **kwargs)
 
 def rn_android_prebuilt_aar(*args, **kwargs):
-    android_prebuilt_aar(*args, **kwargs)
-
+    native.android_prebuilt_aar(*args, **kwargs)
 
 def rn_java_library(*args, **kwargs):
-    java_library(*args, **kwargs)
-
+    native.java_library(*args, **kwargs)
 
 def rn_java_annotation_processor(*args, **kwargs):
-    java_annotation_processor(*args, **kwargs)
-
+    native.java_annotation_processor(*args, **kwargs)
 
 def rn_prebuilt_native_library(*args, **kwargs):
-    prebuilt_native_library(*args, **kwargs)
-
+    native.prebuilt_native_library(*args, **kwargs)
 
 def rn_prebuilt_jar(*args, **kwargs):
-    prebuilt_jar(*args, **kwargs)
-
+    native.prebuilt_jar(*args, **kwargs)
 
 def rn_robolectric_test(name, srcs, vm_args=None, *args, **kwargs):
     vm_args = vm_args or []
 
-    # We may need to create buck-out/gen/ if we're running after buck clean.
-    tmp = 'buck-out/gen/' + get_base_path(
-    ) + '/__java_test_' + name + '_output__'
     extra_vm_args = [
         '-XX:+UseConcMarkSweepGC',  # required by -XX:+CMSClassUnloadingEnabled
         '-XX:+CMSClassUnloadingEnabled',
@@ -140,13 +152,8 @@ def rn_robolectric_test(name, srcs, vm_args=None, *args, **kwargs):
         '-XX:MaxPermSize=620m',
         '-Drobolectric.offline=true',
     ]
-    if os.path.isdir("/dev/shm") and 'CIRCLECI' not in os.environ:
+    if native.read_config("user", "use_dev_shm"):
         extra_vm_args.append('-Djava.io.tmpdir=/dev/shm')
-    else:
-        extra_vm_args.append(
-            '-Djava.io.tmpdir=%s' %
-            os.path.join(os.path.abspath('.'), 'buck-out/bin')
-        )
 
     # RN tests use  Powermock, which means they get their own ClassLoaders.
     # Because the yoga native library (or any native library) can only be loaded into one
@@ -165,11 +172,102 @@ def rn_robolectric_test(name, srcs, vm_args=None, *args, **kwargs):
         **kwargs
     )
 
-
-original_cxx_library = cxx_library
-
-
 def cxx_library(allow_jni_merging=None, **kwargs):
-    kwargs.pop('fbandroid_deps', [])
-    kwargs.pop('fbobjc_deps', [])
-    original_cxx_library(**kwargs)
+    args = {
+        k: v
+        for k, v in kwargs.items()
+        if not (k.startswith("fbandroid_") or k.startswith("fbobjc_"))
+    }
+    native.cxx_library(**args)
+
+def _paths_join(path, *others):
+  """Joins one or more path components."""
+  result = path
+
+  for p in others:
+    if p.startswith("/"):  # absolute
+      result = p
+    elif not result or result.endswith("/"):
+      result += p
+    else:
+      result += "/" + p
+
+  return result
+
+def subdir_glob(glob_specs, exclude = None, prefix = ""):
+    """Returns a dict of sub-directory relative paths to full paths.
+
+    The subdir_glob() function is useful for defining header maps for C/C++
+    libraries which should be relative the given sub-directory.
+    Given a list of tuples, the form of (relative-sub-directory, glob-pattern),
+    it returns a dict of sub-directory relative paths to full paths.
+
+    Please refer to native.glob() for explanations and examples of the pattern.
+
+    Args:
+      glob_specs: The array of tuples in form of
+        (relative-sub-directory, glob-pattern inside relative-sub-directory).
+        type: List[Tuple[str, str]]
+      exclude: A list of patterns to identify files that should be removed
+        from the set specified by the first argument. Defaults to [].
+        type: Optional[List[str]]
+      prefix: If is not None, prepends it to each key in the dictionary.
+        Defaults to None.
+        type: Optional[str]
+
+    Returns:
+      A dict of sub-directory relative paths to full paths.
+    """
+    if exclude == None:
+        exclude = []
+
+    results = []
+
+    for dirpath, glob_pattern in glob_specs:
+        results.append(
+            _single_subdir_glob(dirpath, glob_pattern, exclude, prefix),
+        )
+
+    return _merge_maps(*results)
+
+def _merge_maps(*file_maps):
+    result = {}
+    for file_map in file_maps:
+        for key in file_map:
+            if key in result and result[key] != file_map[key]:
+                fail(
+                    "Conflicting files in file search paths. " +
+                    "\"%s\" maps to both \"%s\" and \"%s\"." %
+                    (key, result[key], file_map[key]),
+                )
+
+            result[key] = file_map[key]
+
+    return result
+
+def _single_subdir_glob(dirpath, glob_pattern, exclude = None, prefix = None):
+    if exclude == None:
+        exclude = []
+    results = {}
+    files = native.glob([_paths_join(dirpath, glob_pattern)], exclude = exclude)
+    for f in files:
+        if dirpath:
+            key = f[len(dirpath) + 1:]
+        else:
+            key = f
+        if prefix:
+            key = _paths_join(prefix, key)
+        results[key] = f
+
+    return results
+
+def oss_cxx_library(**kwargs):
+    cxx_library(**kwargs)
+
+def jni_instrumentation_test_lib(**kwargs):
+    """A noop stub for OSS build."""
+    pass
+
+def fb_xplat_cxx_test(**kwargs):
+    """A noop stub for OSS build."""
+    pass
diff --git a/Releases.md b/Releases.md
index 62e0a8f5c1d3ae..0e9492cfda0cd4 100644
--- a/Releases.md
+++ b/Releases.md
@@ -14,14 +14,10 @@ React Native follows a monthly release train. Every month, a new branch created
 | 0.40.0  | 1st of December     | 1st of January   |
 | 0.41.0  | 1st of January      | 1st of February  |
 | 0.42.0  | 1st of February     | 1st of March     |
-| 0.43.0  | 1st of March        | 1st of April     |
-| 0.44.0  | 1st of April        | 1st of May       |
-| 0.45.0  | 1st of May          | 1st of June      |
-| 0.46.0  | 1st of June         | 1st of July      |
-| 0.47.0  | 1st of July         | 1st of August    |
-| 0.48.0  | 1st of August       | 1st of September |
-| 0.49.0  | 1st of September    | 1st of October   |
-| 0.50.0  | 1st of October      | 1st of November  |
+|  ...    |       ...           |      ...         |
+| 0.56.0  | 1st of June         | 1st of July      |
+| 0.57.0  | 1st of July         | 1st of August    |
+| 0.58.0  | 1st of August       | 1st of September |
 | ...     | ...                 | ...              |
 
 -------------------
@@ -31,15 +27,16 @@ React Native follows a monthly release train. Every month, a new branch created
 ### Prerequisites
 
 The following are required for the local test suite to run:
+
 - macOS with [Android dev environment set up](https://github.com/facebook/react-native/blob/master/ReactAndroid/README.md)
-- At least 0.2.0 [react-native-cli](https://www.npmjs.com/package/react-native-cli) installed globally
+- [react-native-cli](https://www.npmjs.com/package/react-native-cli) installed globally (v0.2.0 or newer)
 
 ### Step 1: Check everything works
 
 Before cutting a release branch, make sure [Circle](https://circleci.com/gh/facebook/react-native) CI system is green.
 
-
 Before executing the following script, make sure you have:
+
 - An Android emulator / Genymotion device running
 - No packager running in any of the projects
 
@@ -57,18 +54,14 @@ Run:
 
 ```bash
 git checkout -b <version_you_are_releasing>-stable
-# e.g. git checkout -b 0.50-stable
+# e.g. git checkout -b 0.57-stable
 
-./scripts/bump-oss-version.js <exact-version_you_are_releasing>
-# e.g. ./scripts/bump-oss-version.js 0.50.0-rc
-# You can use the --remote option to specify a Git remote other than the default "origin"
-git push --tags
-git push
+./scripts/bump-oss-version.js <exact_version_you_are_releasing>
+# e.g. ./scripts/bump-oss-version.js 0.57.0-rc.0
+#  or  ./scripts/bump-oss-version.js 0.58.0
 ```
 
-Circle CI will automatically run the tests and publish to npm with the version you have specified (e.g `0.50.0-rc`) and tag `next` meaning that this version will not be installed for users by default.
-
-Go to [Circle CI](https://circleci.com/gh/facebook/react-native) and look for the build triggered by your push (e.g. _0.50-stable, [0.50.0] Bump version numbers_), then scroll down to the npm publish step to verify the package was published successfully (the build will be red if not).
+Circle CI will automatically run the tests and publish to npm with the version you have specified (e.g `0.57.0-rc.0`) and tag `next` meaning that this version will not be installed for users by default.
 
 ### Step 3: Write the release notes
 
@@ -89,7 +82,9 @@ Sometimes commit messages might be really short / confusing - try rewording them
 - `Fix logging reported by RUN_JS_BUNDLE` -> `Fix systrace logging of RUN_JS_BUNDLE event`
 - `Fixes hot code reloading issue` -> `Fix an edge case in hot module reloading`
 
-Before posting the list of changes, consider asking one of contributors for their opinion. Once everything is ready, post the release notes: https://github.com/facebook/react-native/releases
+Open a pull request against CHANGELOG.md at https://github.com/react-native-community/react-native-releases and ask for feedback.
+
+Once everything is ready, create a new release at https://github.com/facebook/react-native/releases and link to the release notes.
 
 **Important**: For release candidate releases, make sure to check "This is a pre-release".
 
@@ -109,7 +104,7 @@ Now that the release is out in the open, go ahead and create a GitHub issue titl
 
 -------------------
 
-## How to release an RC update (e.g. 0.50.0-rc.1, 0.50.0-rc.2)
+## How to release an RC update (e.g. 0.57.0-rc.1, 0.57.0-rc.2)
 
 The release is now in the open, people are finding bugs, and fixes have landed in master. People have been nominating fixes in the issue you created above. Use your best judgment to decide which commits merit an RC update. It's a good idea to do a new RC release when several small and non-risky bugs have been fixed. Having a few RC releases can also help people bisect in case we cherry-pick a bad commit by mistake.
 
@@ -122,10 +117,10 @@ Follow these steps to check out the release branch:
 
 ```bash
 git checkout <version_you_are_patching>-stable
-# e.g. git checkout 0.50-stable
+# e.g. git checkout 0.57-stable
 
 git pull origin <version_you_are_patching>-stable
-# e.g. git pull origin 0.50-stable
+# e.g. git pull origin 0.57-stable
 ```
 
 > If you don't have a local checkout of the release branch, you can run the following instead:
@@ -153,40 +148,31 @@ If everything worked, run the following to bump the version number:
 
 ```bash
 ./scripts/bump-oss-version.js <exact_version_you_are_releasing>
-# e.g. ./scripts/bump-oss-version.js 0.50.0-rc.1
+# e.g. ./scripts/bump-oss-version.js 0.57.0-rc.1
 ```
 
-### Step 5: Push to GitHub
-
-Finally, push the new tags and commits to GitHub:
-
-```
-git push --tags
-git push
-````
+Again, Circle CI will automatically run the tests and publish to npm with the version you have specified (e.g `0.57.0-rc.1`).
 
-Again, Circle CI will automatically run the tests and publish to npm with the version you have specified (e.g `0.50.0-rc.1`).
-
-### Step 6: Update the release notes
+### Step 5: Update the release notes
 
-Go to https://github.com/facebook/react-native/releases and find the release notes for this release candidate. Edit them so that they now point to the tag that you've just created. We want single release notes per version. For example, if there is v0.50.0-rc and you just released v0.50.0-rc.1, the release notes should live on the v0.50.0-rc.1 tag at https://github.com/facebook/react-native/tags
+Go to https://github.com/facebook/react-native/releases and find the release notes for this release candidate. Edit them so that they now point to the tag that you've just created. We want single release notes per version. For example, if there is v0.57.0-rc and you just released v0.57.0-rc.1, the release notes should live on the v0.57.0-rc.1 tag at https://github.com/facebook/react-native/tags
 
 -------------------
 
-## How to do the final stable release (e.g. 0.50.0, 0.50.1)
+## How to do the final stable release (e.g. 0.57.0, 0.57.1)
 
 A stable release is promoted roughly a month after the release branch is cut (refer to the schedule above). The release may be delayed for several reasons, including major issues in the release candidate. Make sure that all bug fixes that have been nominated in your tracking issue have been addressed as needed. Avoid cherry-picking commits that have not been vetted in the release candidate phase at this point.
 
-Once you are sure that the release is solid, perform the following steps. Note that they're similar to the steps you may have followed earlier when patching the release candidate, but we're not cherry-picking any additional commits at this point. 
+Once you are sure that the release is solid, perform the following steps. Note that they're similar to the steps you may have followed earlier when patching the release candidate, but we're not cherry-picking any additional commits at this point.
 
 ### Step 1: Check out the release branch
 
 ```bash
 git checkout <version_you_are_patching>-stable
-# e.g. git checkout 0.50-stable
+# e.g. git checkout 0.57-stable
 
 git pull origin <version_you_are_patching>-stable
-# e.g. git pull origin 0.50-stable
+# e.g. git pull origin 0.57-stable
 ```
 
 > If you don't have a local checkout of the release branch, you can run the following instead:
@@ -206,28 +192,18 @@ If everything worked:
 
 ```bash
 ./scripts/bump-oss-version.js <exact_version_you_are_releasing>
-# e.g. ./scripts/bump-oss-version.js 0.50.0
-```
-
-### Step 4: Push to GitHub
-
-Finally, push the new tags and commits to GitHub:
-
-```
-git push --tags
-git push
+# e.g. ./scripts/bump-oss-version.js 0.57.0
 ```
 
-As with the release candidate, Circle CI will automatically run the tests and publish to npm with the version you have specified (e.g `0.50.0`).
+As with the release candidate, Circle CI will automatically run the tests and publish to npm with the version you have specified (e.g `0.57.0`).
 
-Go to [Circle CI](https://circleci.com/gh/facebook/react-native) and look for the build triggered by your push (e.g. _0.50-stable, [0.50.0] Bump version numbers_), then scroll down to the npm publish step to verify the package was published successfully (the build will be red if not).
+Go to [Circle CI](https://circleci.com/gh/facebook/react-native) and look for the build triggered by your push (e.g. _0.57-stable, [0.57.0] Bump version numbers_), then scroll down to the npm publish step to verify the package was published successfully (the build will be red if not).
 
 This will now become the latest release, and will be installed by users by default. At this point, the website will be updated and the docs for this release will be displayed by default.
 
-### Step 5: Update the release notes
+### Step 4: Update the release notes
 
-Once you see that the website is displaying the version that you have just created, you will need to update the release notes. Move the release notes from the release candidate, to the tag that you've just created. We want single release notes per version. For example, if there is v0.50.0-rc and later we release v0.50.0, the release notes should live on v0.50.0:
-https://github.com/facebook/react-native/tags
+Go to https://github.com/facebook/react-native/releases and find the release notes for this release candidate. Edit them so that they now point to the tag that you've just created. We want single release notes per version. For example, if there is v0.57.0 and you just released v0.57.1, the release notes should live on the v0.57.1 tag at https://github.com/facebook/react-native/tags
 
 For non-RC releases: Uncheck the box "This is a pre-release" and publish the notes.
 
diff --git a/appveyor.yml b/appveyor.yml
new file mode 100644
index 00000000000000..78559d09c3e059
--- /dev/null
+++ b/appveyor.yml
@@ -0,0 +1,42 @@
+environment:
+    ANDROID_HOME: "C:\\android-sdk-windows"
+    ANDROID_NDK: "C:\\android-sdk-windows\\android-ndk-r10e"
+    ANDROID_BUILD_VERSION: 26
+    ANDROID_TOOLS_VERSION: 26.0.3
+
+    GRADLE_OPTS: -Dorg.gradle.daemon=false
+
+    SDK_TOOLS_URL: https://dl.google.com/android/repository/sdk-tools-windows-3859397.zip
+    NDK_TOOLS_URL: https://dl.google.com/android/repository/android-ndk-r10e-windows-x86_64.zip
+
+    matrix:
+        - nodejs_version: 8
+        - nodejs_version: 10
+
+install:
+    # Install Android SDK Tools
+    - mkdir "%ANDROID_HOME%"
+    - appveyor DownloadFile "%SDK_TOOLS_URL%" -FileName "%TMP%/sdk-tools.zip"
+    - 7z x "%TMP%/sdk-tools.zip" -o"%ANDROID_HOME%" > nul
+    - set PATH=%PATH%;"%ANDROID_HOME%\tools\bin"
+
+    - yes 2> nul | sdkmanager --licenses > nul
+    - sdkmanager "system-images;android-19;google_apis;armeabi-v7a"
+    - sdkmanager "platforms;android-%ANDROID_BUILD_VERSION%"
+    - sdkmanager  "build-tools;%ANDROID_TOOLS_VERSION%"
+    - sdkmanager "add-ons;addon-google_apis-google-23"
+    - sdkmanager "extras;android;m2repository"
+
+    - appveyor DownloadFile "%NDK_TOOLS_URL%" -FileName "%TMP%/ndk.zip"
+    - 7z x "%TMP%/ndk.zip" -o"%ANDROID_HOME%" > nul
+
+    - ps: Install-Product node $env:nodejs_version
+    - node --version
+    - npm --version
+    - appveyor-retry npm install
+
+build_script:
+  - gradlew.bat RNTester:android:app:assembleRelease
+
+test_script:
+    - npm test
diff --git a/babel-preset/README.md b/babel-preset/README.md
deleted file mode 100644
index eaab8477ea6df5..00000000000000
--- a/babel-preset/README.md
+++ /dev/null
@@ -1,31 +0,0 @@
-# babel-preset-react-native
-
-Babel presets for React Native applications. React Native itself uses this Babel preset by default when transforming your app's source code.
-
-If you wish to use a custom Babel configuration by writing a `.babelrc` file in your project's root directory, you must specify all the plugins necessary to transform your code. React Native does not apply its default Babel configuration in this case. So, to make your life easier, you can use this preset to get the default configuration and then specify more plugins that run before it.
-
-## Usage
-
-As mentioned above, you only need to use this preset if you are writing a custom `.babelrc` file.
-
-### Installation
-
-Install `babel-preset-react-native` in your app:
-```sh
-npm i babel-preset-react-native --save-dev
-```
-
-### Configuring Babel
-
-Then, create a file called `.babelrc` in your project's root directory. The existence of this `.babelrc` file will tell React Native to use your custom Babel configuration instead of its own. Then load this preset:
-```
-{
-  "presets": ["react-native"]
-}
-```
-
-You can further customize your Babel configuration by specifying plugins and other options. See [Babel's `.babelrc` documentation](https://babeljs.io/docs/usage/babelrc/) to learn more.
-
-## Help and Support
-
-If you get stuck configuring Babel, please ask a question on Stack Overflow or find a consultant for help. If you discover a bug, please open up an issue.
diff --git a/babel-preset/configs/hmr.js b/babel-preset/configs/hmr.js
deleted file mode 100644
index 91cb9a356c654b..00000000000000
--- a/babel-preset/configs/hmr.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-'use strict';
-
-var path = require('path');
-var resolvePlugins = require('../lib/resolvePlugins');
-
-var hmrTransform = 'react-transform-hmr/lib/index.js';
-var transformPath = require.resolve(hmrTransform);
-
-module.exports = function(options, filename) {
-  var transform = filename
-      ? './' + path.relative(path.dirname(filename), transformPath) // packager can't handle absolute paths
-      : hmrTransform;
-
-  // Fix the module path to use '/' on Windows.
-  if (path.sep === '\\') {
-    transform = transform.replace(/\\/g, '/');
-  }
-
-  return {
-    plugins: resolvePlugins([
-      [
-        'react-transform',
-        {
-          transforms: [{
-            transform: transform,
-            imports: ['react'],
-            locals: ['module'],
-          }]
-        },
-      ]
-    ])
-  };
-};
diff --git a/babel-preset/configs/main.js b/babel-preset/configs/main.js
deleted file mode 100644
index dca6ddebd8e216..00000000000000
--- a/babel-preset/configs/main.js
+++ /dev/null
@@ -1,121 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-'use strict';
-
-const resolvePlugins = require('../lib/resolvePlugins');
-const resolvePlugin = resolvePlugins.resolvePlugin;
-
-const defaultPlugins = resolvePlugins([
-  'syntax-class-properties',
-  'syntax-trailing-function-commas',
-  'transform-class-properties',
-  'transform-es2015-block-scoping',
-  'transform-es2015-computed-properties',
-  'transform-es2015-destructuring',
-  'transform-es2015-function-name',
-  'transform-es2015-literals',
-  'transform-es2015-parameters',
-  'transform-es2015-shorthand-properties',
-  'transform-flow-strip-types',
-  'transform-react-jsx',
-  'transform-regenerator',
-  [
-    'transform-es2015-modules-commonjs',
-    {strict: false, allowTopLevelThis: true},
-  ],
-]);
-
-const checkES2015Constants = resolvePlugin('check-es2015-constants');
-const es2015ArrowFunctions = resolvePlugin('transform-es2015-arrow-functions');
-const es2015Classes = resolvePlugin('transform-es2015-classes');
-const es2015ForOf = resolvePlugin(['transform-es2015-for-of', {loose: true}]);
-const es2015Spread = resolvePlugin('transform-es2015-spread');
-const es2015TemplateLiterals = resolvePlugin(
-  'transform-es2015-template-literals'
-);
-const asyncFunctions = resolvePlugin('syntax-async-functions');
-const exponentiationOperator = resolvePlugin(
-  'transform-exponentiation-operator'
-);
-const objectAssign = resolvePlugin('transform-object-assign');
-const objectRestSpread = resolvePlugin('transform-object-rest-spread');
-const reactDisplayName = resolvePlugin('transform-react-display-name');
-const reactJsxSource = resolvePlugin('transform-react-jsx-source');
-const symbolMember = [require('../transforms/transform-symbol-member')];
-
-const getPreset = (src, options) => {
-  const isNull = src === null || src === undefined;
-  const hasClass = isNull || src.indexOf('class') !== -1;
-  const hasForOf =
-    isNull || (src.indexOf('for') !== -1 && src.indexOf('of') !== -1);
-
-  const extraPlugins = [];
-
-  if (isNull || src.indexOf('async') !== -1 || src.indexOf('await') !== -1) {
-    extraPlugins.push(asyncFunctions);
-  }
-  if (hasClass) {
-    extraPlugins.push(es2015Classes);
-  }
-  if (isNull || src.indexOf('=>') !== -1) {
-    extraPlugins.push(es2015ArrowFunctions);
-  }
-  if (isNull || src.indexOf('const') !== -1) {
-    extraPlugins.push(checkES2015Constants);
-  }
-  if (isNull || hasClass || src.indexOf('...') !== -1) {
-    extraPlugins.push(es2015Spread);
-    extraPlugins.push(objectRestSpread);
-  }
-  if (isNull || src.indexOf('`') !== -1) {
-    extraPlugins.push(es2015TemplateLiterals);
-  }
-  if (isNull || src.indexOf('**') !== -1) {
-    extraPlugins.push(exponentiationOperator);
-  }
-  if (isNull || src.indexOf('Object.assign') !== -1) {
-    extraPlugins.push(objectAssign);
-  }
-  if (hasForOf) {
-    extraPlugins.push(es2015ForOf);
-  }
-  if (hasForOf || src.indexOf('Symbol') !== -1) {
-    extraPlugins.push(symbolMember);
-  }
-  if (
-    isNull ||
-    src.indexOf('React.createClass') !== -1 ||
-    src.indexOf('createReactClass') !== -1
-  ) {
-    extraPlugins.push(reactDisplayName);
-  }
-
-  if (options && options.dev) {
-    extraPlugins.push(reactJsxSource);
-  }
-
-  return {
-    comments: false,
-    compact: true,
-    plugins: defaultPlugins.concat(extraPlugins),
-  };
-};
-
-const base = getPreset(null);
-const devTools = getPreset(null, {dev: true});
-
-module.exports = options => {
-  if (options.withDevTools == null) {
-    const env = process.env.BABEL_ENV || process.env.NODE_ENV;
-    if (!env || env === 'development') {
-      return devTools;
-    }
-  }
-  return base;
-};
-
-module.exports.getPreset = getPreset;
diff --git a/babel-preset/lib/resolvePlugins.js b/babel-preset/lib/resolvePlugins.js
deleted file mode 100644
index ebbe5ddacfc559..00000000000000
--- a/babel-preset/lib/resolvePlugins.js
+++ /dev/null
@@ -1,42 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-'use strict';
-
-/**
- * Manually resolve all default Babel plugins.
- * `babel.transform` will attempt to resolve all base plugins relative to
- * the file it's compiling. This makes sure that we're using the plugins
- * installed in the react-native package.
- */
-function resolvePlugins(plugins, prefix) {
-  return plugins.map(plugin => resolvePlugin(plugin, prefix));
-}
-
-/**
- * Manually resolve a single Babel plugin.
- */
-function resolvePlugin(plugin, prefix = 'babel-plugin-') {
-  // Normalise plugin to an array.
-  if (!Array.isArray(plugin)) {
-    plugin = [plugin];
-  }
-  // Only resolve the plugin if it's a string reference.
-  if (typeof plugin[0] === 'string') {
-    plugin[0] = require(prefix + plugin[0]);
-    plugin[0] = plugin[0].__esModule ? plugin[0].default : plugin[0];
-  }
-  return plugin;
-}
-
-module.exports = resolvePlugins;
-module.exports.resolvePlugin = resolvePlugin;
-module.exports.resolvePluginAs = (prefix, plugin) =>
-  resolvePlugin(plugin, prefix);
-module.exports.resolvePluginsAs = (prefix, plugins) =>
-  resolvePlugins(plugins, prefix);
diff --git a/babel-preset/package.json b/babel-preset/package.json
deleted file mode 100644
index 3181ee146f24a4..00000000000000
--- a/babel-preset/package.json
+++ /dev/null
@@ -1,51 +0,0 @@
-{
-  "name": "babel-preset-react-native",
-  "version": "4.0.0",
-  "description": "Babel preset for React Native applications",
-  "main": "index.js",
-  "repository": "https://github.com/facebook/react-native/tree/master/babel-preset",
-  "keywords": [
-    "babel",
-    "preset",
-    "react-native"
-  ],
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/facebook/react-native/issues"
-  },
-  "homepage": "https://github.com/facebook/react-native/tree/master/babel-preset/README.md",
-  "dependencies": {
-    "babel-plugin-check-es2015-constants": "^6.5.0",
-    "babel-plugin-react-transform": "^3.0.0",
-    "babel-plugin-syntax-async-functions": "^6.5.0",
-    "babel-plugin-syntax-class-properties": "^6.5.0",
-    "babel-plugin-syntax-dynamic-import": "^6.18.0",
-    "babel-plugin-syntax-flow": "^6.5.0",
-    "babel-plugin-syntax-jsx": "^6.5.0",
-    "babel-plugin-syntax-trailing-function-commas": "^6.5.0",
-    "babel-plugin-transform-class-properties": "^6.5.0",
-    "babel-plugin-transform-es2015-arrow-functions": "^6.5.0",
-    "babel-plugin-transform-es2015-block-scoping": "^6.5.0",
-    "babel-plugin-transform-es2015-classes": "^6.5.0",
-    "babel-plugin-transform-es2015-computed-properties": "^6.5.0",
-    "babel-plugin-transform-es2015-destructuring": "^6.5.0",
-    "babel-plugin-transform-es2015-for-of": "^6.5.0",
-    "babel-plugin-transform-es2015-function-name": "^6.5.0",
-    "babel-plugin-transform-es2015-literals": "^6.5.0",
-    "babel-plugin-transform-es2015-modules-commonjs": "^6.5.0",
-    "babel-plugin-transform-es2015-parameters": "^6.5.0",
-    "babel-plugin-transform-es2015-shorthand-properties": "^6.5.0",
-    "babel-plugin-transform-es2015-spread": "^6.5.0",
-    "babel-plugin-transform-es2015-template-literals": "^6.5.0",
-    "babel-plugin-transform-exponentiation-operator": "^6.5.0",
-    "babel-plugin-transform-flow-strip-types": "^6.5.0",
-    "babel-plugin-transform-object-assign": "^6.5.0",
-    "babel-plugin-transform-object-rest-spread": "^6.5.0",
-    "babel-plugin-transform-react-display-name": "^6.5.0",
-    "babel-plugin-transform-react-jsx": "^6.5.0",
-    "babel-plugin-transform-react-jsx-source": "^6.5.0",
-    "babel-plugin-transform-regenerator": "^6.5.0",
-    "babel-template": "^6.24.1",
-    "react-transform-hmr": "^1.0.4"
-  }
-}
diff --git a/babel-preset/plugins.js b/babel-preset/plugins.js
deleted file mode 100644
index d572a11b042e54..00000000000000
--- a/babel-preset/plugins.js
+++ /dev/null
@@ -1,37 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-'use strict';
-
-module.exports = {
-  'babel-plugin-react-transform': require('babel-plugin-react-transform'),
-  'babel-plugin-syntax-async-functions': require('babel-plugin-syntax-async-functions'),
-  'babel-plugin-syntax-class-properties': require('babel-plugin-syntax-class-properties'),
-  'babel-plugin-syntax-dynamic-import': require('babel-plugin-syntax-dynamic-import'),
-  'babel-plugin-syntax-trailing-function-commas': require('babel-plugin-syntax-trailing-function-commas'),
-  'babel-plugin-transform-class-properties': require('babel-plugin-transform-class-properties'),
-  'babel-plugin-transform-es2015-function-name': require('babel-plugin-transform-es2015-function-name'),
-  'babel-plugin-transform-es2015-arrow-functions': require('babel-plugin-transform-es2015-arrow-functions'),
-  'babel-plugin-transform-es2015-block-scoping': require('babel-plugin-transform-es2015-block-scoping'),
-  'babel-plugin-transform-es2015-classes': require('babel-plugin-transform-es2015-classes'),
-  'babel-plugin-transform-es2015-computed-properties': require('babel-plugin-transform-es2015-computed-properties'),
-  'babel-plugin-check-es2015-constants': require('babel-plugin-check-es2015-constants'),
-  'babel-plugin-transform-es2015-destructuring': require('babel-plugin-transform-es2015-destructuring'),
-  'babel-plugin-transform-es2015-modules-commonjs': require('babel-plugin-transform-es2015-modules-commonjs'),
-  'babel-plugin-transform-es2015-parameters': require('babel-plugin-transform-es2015-parameters'),
-  'babel-plugin-transform-es2015-shorthand-properties': require('babel-plugin-transform-es2015-shorthand-properties'),
-  'babel-plugin-transform-es2015-spread': require('babel-plugin-transform-es2015-spread'),
-  'babel-plugin-transform-es2015-template-literals': require('babel-plugin-transform-es2015-template-literals'),
-  'babel-plugin-transform-es2015-literals' : require('babel-plugin-transform-es2015-literals'),
-  'babel-plugin-transform-flow-strip-types': require('babel-plugin-transform-flow-strip-types'),
-  'babel-plugin-transform-object-assign': require('babel-plugin-transform-object-assign'),
-  'babel-plugin-transform-object-rest-spread': require('babel-plugin-transform-object-rest-spread'),
-  'babel-plugin-transform-react-display-name': require('babel-plugin-transform-react-display-name'),
-  'babel-plugin-transform-react-jsx-source': require('babel-plugin-transform-react-jsx-source'),
-  'babel-plugin-transform-react-jsx': require('babel-plugin-transform-react-jsx'),
-  'babel-plugin-transform-regenerator': require('babel-plugin-transform-regenerator'),
-  'babel-plugin-transform-es2015-for-of': require('babel-plugin-transform-es2015-for-of'),
-};
diff --git a/babel-preset/transforms/transform-symbol-member.js b/babel-preset/transforms/transform-symbol-member.js
deleted file mode 100644
index fd5333d1fe5445..00000000000000
--- a/babel-preset/transforms/transform-symbol-member.js
+++ /dev/null
@@ -1,67 +0,0 @@
-/**
- * Copyright (c) 2004-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-/*eslint consistent-return: 0*/
-
-/**
- * Transforms function properties of the `Symbol` into
- * the presence check, and fallback string "@@<name>".
- *
- * Example:
- *
- *   Symbol.iterator;
- *
- * Transformed to:
- *
- *   typeof Symbol.iterator === 'function' ? Symbol.iterator : '@@iterator';
- */
-module.exports = function symbolMember(babel) {
-  const t = babel.types;
-
-  return {
-    visitor: {
-      MemberExpression(path) {
-        if (!isAppropriateMember(path)) {
-          return;
-        }
-
-        let node = path.node;
-
-        path.replaceWith(
-          t.conditionalExpression(
-            t.binaryExpression(
-              '===',
-              t.unaryExpression(
-                'typeof',
-                t.identifier('Symbol'),
-                true
-              ),
-              t.stringLiteral('function')
-            ),
-            node,
-            t.stringLiteral(`@@${node.property.name}`)
-          )
-        );
-
-        // We should stop to avoid infinite recursion, since Babel
-        // traverses replaced path, and again would hit our transform.
-        path.stop();
-      },
-    },
-  };
-};
-
-function isAppropriateMember(path) {
-  let node = path.node;
-
-  return path.parentPath.type !== 'AssignmentExpression' &&
-    node.object.type === 'Identifier' &&
-    node.object.name === 'Symbol' &&
-    node.property.type === 'Identifier';
-}
diff --git a/bots/IssueCommands.txt b/bots/IssueCommands.txt
index 20ef511ff76b51..0c73a582e065c5 100644
--- a/bots/IssueCommands.txt
+++ b/bots/IssueCommands.txt
@@ -14,7 +14,7 @@ close
 
 @facebook-github-bot stack-overflow
 comment Hey {issue_author}, thanks for posting this! {author} tells me this issue looks like a question that would be best asked on [Stack Overflow](https://stackoverflow.com/questions/tagged/react-native). Stack Overflow is amazing for Q&A: it has a reputation system, voting, the ability to mark a question as answered. Because of the reputation system it is likely the community will see and answer your question there. This also helps us use the GitHub bug tracker for bugs only.<br/><br/><sub>[How to Contribute](https://facebook.github.io/react-native/docs/contributing.html#bugs) • [What to Expect from Maintainers](https://facebook.github.io/react-native/docs/maintainers.html#handling-issues)</sub>
-add-label For Stack Overflow
+add-label ":no_entry_sign:For Stack Overflow"
 close
 
 @facebook-github-bot label (.*)
@@ -22,12 +22,12 @@ add-label {match0}
 
 @facebook-github-bot no-reply
 comment Closing this issue as more information is needed to debug this and we haven't heard back from the author.
-add-label Needs Response from Author
+add-label ":grey_question:Needs More Information"
 close
 
 @facebook-github-bot no-template
 comment Hey {issue_author}, thanks for posting this! It looks like your issue is missing some required information. Can you please add all the details specified in the [Issue Template](https://raw.githubusercontent.com/facebook/react-native/master/.github/ISSUE_TEMPLATE.md)? This is necessary for people to be able to understand and reproduce your issue. I am going to close this, but please feel free to open a new issue with the additional information provided. Thanks!<br/><br/><sub>[How to Contribute](https://facebook.github.io/react-native/docs/contributing.html#bugs) • [What to Expect from Maintainers](https://facebook.github.io/react-native/docs/maintainers.html#handling-issues)</sub>
-add-label Needs more information
+add-label ":grey_question:Needs More Information"
 close
 
 @facebook-github-bot close
@@ -36,16 +36,16 @@ close
 
 @facebook-github-bot large-pr
 comment Thank you for your contribution. Unfortunately, this pull request seems relatively large.<br/><br/>In order to reduce the load on maintainers, it would be valuable if you could [split this into small, targeted PRs that changed one thing at a time](https://graysonkoonce.com/stacked-pull-requests-keeping-github-diffs-small/).<br/><br/>If doing this requires more than a few pull requests, please open (or update) an issue specifying your goal and the different steps you will take in your PRs. This will ensure maintainers have context on the relationship between the PRs.<br/><br/>If this is a codemod or other formatting change that is simple but inherently touches many files, please comment on this and let us know and we will reopen the PR.
-add-label Large PR
+add-label ":clipboard:Large PR :bangbang:"
 close
 
 @facebook-github-bot bugfix
 comment Hey {issue_author}, if you're sure this is a bug, can you send a pull request with a fix?<br/><br/><sub>[How to Contribute](https://facebook.github.io/react-native/docs/contributing.html#bugs) • [What to Expect from Maintainers](https://facebook.github.io/react-native/docs/maintainers.html#handling-issues)</sub>
-add-label Help Wanted
+add-label "Help Wanted :octocat:"
 
 @facebook-github-bot needs-repro
 comment Can you reproduce the issue using [Snack](https://snack.expo.io)? This step is necessary for people to be able to see and debug the issue being reported.<br/><br/><sub>[How to Contribute](https://facebook.github.io/react-native/docs/contributing.html#bugs) • [What to Expect from Maintainers](https://facebook.github.io/react-native/docs/maintainers.html#handling-issues)</sub>
-add-label Needs more information
+add-label ":grey_question:Needs More Information"
 
 @facebook-github-bot cannot-repro
 comment Thanks for opening the issue! It does not appear like a community member will be able to reliably reproduce this issue. This may be for several reasons; perhaps it affects a particular app but a minimal repro has not been provided, or the issue may be sporadic. As it happens, we need a concrete set of steps that can demonstrably reproduce the issue as this will allow your fellow community members to validate a fix. We'll close the issue for now, but feel free to submit a new issue once you're able to reliably reproduce the issue locally. Thanks for your understanding!<br/><br/><sub>[How to Contribute](https://facebook.github.io/react-native/docs/contributing.html#bugs) • [What to Expect from Maintainers](https://facebook.github.io/react-native/docs/maintainers.html#handling-issues)</sub>
@@ -57,14 +57,14 @@ reopen
 
 @facebook-github-bot feature
 comment Hey {issue_author}! Thanks for opening the issue, however it looks like a feature request. As noted in the [Issue template](https://raw.githubusercontent.com/facebook/react-native/master/.github/ISSUE_TEMPLATE.md) we'd like to use the GitHub issues to track bugs only. Can you implement the feature as a standalone npm module? If not, consider sending a pull request or a creating an entry on [Canny](https://react-native.canny.io/feature-requests/). It has a voting system and if the feature gets upvoted enough it might get implemented. Closing this now, thanks for understanding!<br/><br/><sub>[How to Contribute](https://facebook.github.io/react-native/docs/contributing.html#bugs) • [What to Expect from Maintainers](https://facebook.github.io/react-native/docs/maintainers.html#handling-issues)</sub>
-add-label Feature Request
+add-label ":star2:Feature Request"
 close
 
 @facebook-github-bot cla
 comment Hey {issue_author}! Thanks for sending this pull request! We would love to review your changes however it looks like you haven't signed the CLA yet. You can do so at https://code.facebook.com/cla. See ["How to Contribute"](https://facebook.github.io/react-native/docs/contributing.html#pull-requests) to learn more.
-add-label Needs Response from Author
+add-label ":grey_question:Needs More Information"
 
 @facebook-github-bot icebox
 comment {author} tells me to close this issue because it has been inactive for a while. Maybe the issue has been fixed in a recent release, or perhaps it is not affecting a lot of people. Either way, we're automatically closing issues after a period of inactivity. Please do not take it personally!<br/><br/>If you think this issue should definitely remain open, please let us know. The following information is helpful when it comes to determining if the issue should be re-opened: <ul><li>Does the issue still reproduce on the latest release candidate? Post a comment with the version you tested.</li><li>If so, is there any information missing from the bug report? Post a comment with all the information required by the [issue template](https://github.com/facebook/react-native/blob/master/.github/ISSUE_TEMPLATE.md).</li><li>Is there a pull request that addresses this issue? Post a comment with the PR number so we can follow up.</li></ul>If you would like to work on a patch to fix the issue, *contributions are very welcome*! Read through the [contribution guide](https://facebook.github.io/react-native/docs/contributing.html), and feel free to hop into [#react-native](https://discordapp.com/invite/0ZcbPKXt5bZjGY5n) if you need help planning your contribution.<br/><br/><sub>[How to Contribute](https://facebook.github.io/react-native/docs/contributing.html#bugs) • [What to Expect from Maintainers](https://facebook.github.io/react-native/docs/maintainers.html#handling-issues)</sub>
-add-label Icebox
+add-label Stale
 close
diff --git a/bots/NewIssueGreeting.md b/bots/NewIssueGreeting.md
deleted file mode 100644
index 1d3ccd997e95d5..00000000000000
--- a/bots/NewIssueGreeting.md
+++ /dev/null
@@ -1,9 +0,0 @@
-Hey {author}, thanks for reporting this issue!
-
-React Native, as you've probably heard, is getting really popular and truth is we're getting a bit overwhelmed by the activity surrounding it. There are just too many issues for us to manage properly.
-
-- If you **don't know how to do something** or **something is not working as you expect but not sure it's a bug**, please ask on [StackOverflow](https://stackoverflow.com/questions/tagged/react-native) with the tag `react-native` or for more real time interactions, ask on [Discord](https://discord.gg/0ZcbPKXt5bZjGY5n) in the #react-native channel.
-
-- If this is a **feature request or a bug** that you would like to be fixed, please report it on [Canny](https://react-native.canny.io/feature-requests). It has a ranking feature that lets us focus on the most important issues the community is experiencing.
-
-- We welcome clear issues and PRs that are ready for in-depth discussion. Please provide **screenshots** where appropriate and always mention the **version** of React Native you're using. Thank you for your contributions!
diff --git a/bots/QuestionGreeting.md b/bots/QuestionGreeting.md
deleted file mode 100644
index a63b273b5c842c..00000000000000
--- a/bots/QuestionGreeting.md
+++ /dev/null
@@ -1,5 +0,0 @@
-*By analyzing the title and description for some common words it looks like this issue might be a question. I'm just a bot and might be wrong. In that case please cc mkonicek, he would like to know about it :)*
-
-Please consider using [Stack Overflow](https://stackoverflow.com/questions/tagged/react-native) for questions. It's the best system for Q&A and the best way to get questions answered.
-
-Many people from the community hang out on Stack Overflow and will be able to see your question and be more likely to answer because of the reputation system. If after reading this you think your question is better suited for Stack Overflow, please consider closing this issue.
diff --git a/bots/code-analysis-bot.js b/bots/code-analysis-bot.js
index 4ab9af0779618d..d39120e53e0605 100644
--- a/bots/code-analysis-bot.js
+++ b/bots/code-analysis-bot.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 if (!process.env.CI_USER) {
@@ -15,7 +18,9 @@ if (!process.env.CI_REPO) {
   process.exit(1);
 }
 if (!process.env.GITHUB_TOKEN) {
-  console.error('Missing GITHUB_TOKEN. Example: 5fd88b964fa214c4be2b144dc5af5d486a2f8c1e');
+  console.error(
+    'Missing GITHUB_TOKEN. Example: 5fd88b964fa214c4be2b144dc5af5d486a2f8c1e',
+  );
   process.exit(1);
 }
 if (!process.env.PULL_REQUEST_NUMBER) {
@@ -90,7 +95,7 @@ var converters = {
         });
       });
     });
-  }
+  },
 };
 
 function getShaFromPullRequest(user, repo, number, callback) {
@@ -118,7 +123,6 @@ function getFilesFromCommit(user, repo, sha, callback) {
   });
 }
 
-
 /**
  * Sadly we can't just give the line number to github, we have to give the
  * line number relative to the patch file which is super annoying. This
@@ -130,7 +134,7 @@ function getLineMapFromPatch(patchString) {
   var fileLineIndex = 0;
   var lineMap = {};
 
-  patchString.split('\n').forEach((line) => {
+  patchString.split('\n').forEach(line => {
     if (line.match(/^@@/)) {
       fileLineIndex = line.match(/\+([0-9]+)/)[1] - 1;
       return;
@@ -179,27 +183,27 @@ function main(messages, user, repo, number) {
     return;
   }
 
-  getShaFromPullRequest(user, repo, number, (sha) => {
-    getFilesFromCommit(user, repo, sha, (files) => {
-      files
-        .filter((file) => messages[file.filename])
-        .forEach((file) => {
-          // github api sometimes does not return a patch on large commits
-          if (!file.patch) {
-            return;
-          }
-          var lineMap = getLineMapFromPatch(file.patch);
-          messages[file.filename].forEach((message) => {
-            sendComment(user, repo, number, sha, file.filename, lineMap, message);
-          });
+  getShaFromPullRequest(user, repo, number, sha => {
+    getFilesFromCommit(user, repo, sha, files => {
+      files.filter(file => messages[file.filename]).forEach(file => {
+        // github api sometimes does not return a patch on large commits
+        if (!file.patch) {
+          return;
+        }
+        var lineMap = getLineMapFromPatch(file.patch);
+        messages[file.filename].forEach(message => {
+          sendComment(user, repo, number, sha, file.filename, lineMap, message);
         });
+      });
     });
   });
 }
 
 var content = '';
 process.stdin.resume();
-process.stdin.on('data', function(buf) { content += buf.toString(); });
+process.stdin.on('data', function(buf) {
+  content += buf.toString();
+});
 process.stdin.on('end', function() {
   var messages = {};
 
diff --git a/bots/dangerfile.js b/bots/dangerfile.js
index 9c9218b34d36b6..de7c0741634480 100644
--- a/bots/dangerfile.js
+++ b/bots/dangerfile.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 'use strict';
@@ -11,32 +13,27 @@ const fs = require('fs');
 const includes = require('lodash.includes');
 const minimatch = require('minimatch');
 
-import { danger, fail, markdown, message, warn } from 'danger';
+const {danger, fail, markdown, message, warn} = require('danger');
 
 // Fails if the description is too short.
 if (!danger.github.pr.body || danger.github.pr.body.length < 10) {
   fail(':grey_question: This pull request needs a description.');
 }
 
-// Warns if the PR title contains [WIP]
-const isWIP = includes(danger.github.pr.title, '[WIP]');
-if (isWIP) {
-  const title = ':construction_worker: Work In Progress';
-  const idea = 'This PR appears to be a work in progress, and may not be ready to be merged yet.';
-  warn(`${title} - <i>${idea}</i>`);
-}
-
 // Warns if there are changes to package.json, and tags the team.
 const packageChanged = includes(danger.git.modified_files, 'package.json');
 if (packageChanged) {
   const title = ':lock: package.json';
-  const idea = 'Changes were made to package.json. ' +
+  const idea =
+    'Changes were made to package.json. ' +
     'This will require a manual import by a Facebook employee.';
   warn(`${title} - <i>${idea}</i>`);
 }
 
 // Warns if a test plan is missing.
-const includesTestPlan = danger.github.pr.body && danger.github.pr.body.toLowerCase().includes('test plan');
+const includesTestPlan =
+  danger.github.pr.body &&
+  danger.github.pr.body.toLowerCase().includes('test plan');
 if (!includesTestPlan) {
   const title = ':clipboard: Test Plan';
   const idea = 'This PR appears to be missing a Test Plan.';
@@ -44,10 +41,13 @@ if (!includesTestPlan) {
 }
 
 // Regex looks for given categories, types, a file/framework/component, and a message - broken into 4 capture groups
-const releaseNotesRegex = /\[(ANDROID|CLI|DOCS|GENERAL|INTERNAL|IOS|TVOS|WINDOWS)\]\s*?\[(BREAKING|BUGFIX|ENHANCEMENT|FEATURE|MINOR)\]\s*?\[(.*)\]\s*?\-\s*?(.*)/ig;
-const includesReleaseNotes = danger.github.pr.body && danger.github.pr.body.toLowerCase().includes('release notes');
-const correctlyFormattedReleaseNotes = releaseNotesRegex.test(danger.github.pr.body);
-const releaseNotesCaptureGroups = releaseNotesRegex.exec(danger.github.pr.body);
+const releaseNotesRegex = /\[\s?(ANDROID|CLI|DOCS|GENERAL|INTERNAL|IOS|TVOS|WINDOWS)\s?\]\s*?\[\s?(BREAKING|BUGFIX|ENHANCEMENT|FEATURE|MINOR)\s?\]\s*?\[(.*)\]\s*?\-\s*?(.*)/gi;
+const includesReleaseNotes =
+  danger.github.pr.body &&
+  danger.github.pr.body.toLowerCase().includes('release notes');
+const correctlyFormattedReleaseNotes = releaseNotesRegex.test(
+  danger.github.pr.body,
+);
 
 if (!includesReleaseNotes) {
   const title = ':clipboard: Release Notes';
@@ -57,32 +57,26 @@ if (!includesReleaseNotes) {
   const title = ':clipboard: Release Notes';
   const idea = 'This PR may have incorrectly formatted Release Notes.';
   warn(`${title} - <i>${idea}</i>`);
-} else if (releaseNotesCaptureGroups) {
-  const category = releaseNotesCaptureGroups[1].toLowerCase();
-
-  // Use Release Notes to Tag PRs appropriately
-  if (category === 'ios' || category === 'tvos') {
-    message('Suggested label: iOS');
-  }
-
-  if (category === 'android') {
-    message('Suggested label: Android');
-  }
-
-  if (category === 'cli') {
-    message('Suggested label: Tooling');
-  }
 }
 
 // Tags big PRs
 var bigPRThreshold = 600;
 if (danger.github.pr.additions + danger.github.pr.deletions > bigPRThreshold) {
   const title = ':exclamation: Big PR';
-  const idea = `This PR is extremely unlikely to get reviewed because it touches ${danger.github.pr.additions + danger.github.pr.deletions} lines.`;
+  const idea = `This PR is extremely unlikely to get reviewed because it touches ${danger
+    .github.pr.additions + danger.github.pr.deletions} lines.`;
   warn(`${title} - <i>${idea}</i>`);
-} else if (danger.git.modified_files + danger.git.added_files + danger.git.deleted_files > bigPRThreshold) {
+} else if (
+  danger.git.modified_files +
+    danger.git.added_files +
+    danger.git.deleted_files >
+  bigPRThreshold
+) {
   const title = ':exclamation: Big PR';
-  const idea = `This PR is extremely unlikely to get reviewed because it touches ${danger.git.modified_files + danger.git.added_files + danger.git.deleted_files} files.`;
+  const idea = `This PR is extremely unlikely to get reviewed because it touches ${danger
+    .git.modified_files +
+    danger.git.added_files +
+    danger.git.deleted_files} files.`;
   warn(`${title} - <i>${idea}</i>`);
 }
 
@@ -92,10 +86,12 @@ const isMergeRefMaster = danger.github.pr.base.ref === 'master';
 const isMergeRefStable = danger.github.pr.base.ref.indexOf('-stable') !== -1;
 if (!isMergeRefMaster && isMergeRefStable) {
   const title = ':grey_question: Base Branch';
-  const idea = 'The base branch for this PR is something other than `master`. Are you sure you want to merge these changes into a stable release? If you are interested in backporting updates to an older release, the suggested approach is to land those changes on `master` first and then cherry-pick the commits into the branch for that release. The [Releases Guide](https://github.com/facebook/react-native/blob/master/Releases.md) has more information.';
+  const idea =
+    'The base branch for this PR is something other than `master`. Are you sure you want to merge these changes into a stable release? If you are interested in backporting updates to an older release, the suggested approach is to land those changes on `master` first and then cherry-pick the commits into the branch for that release. The [Releases Guide](https://github.com/facebook/react-native/blob/master/Releases.md) has more information.';
   warn(`${title} - <i>${idea}</i>`);
 } else if (!isMergeRefMaster && !isMergeRefStable) {
   const title = ':exclamation: Base Branch';
-  const idea = 'The base branch for this PR is something other than `master`. [Are you sure you want to target something other than the `master` branch?](http://facebook.github.io/react-native/docs/contributing.html#pull-requests)';
+  const idea =
+    'The base branch for this PR is something other than `master`. [Are you sure you want to target something other than the `master` branch?](http://facebook.github.io/react-native/docs/contributing.html#pull-requests)';
   fail(`${title} - <i>${idea}</i>`);
 }
diff --git a/bots/pr-inactivity-bookmarklet.js b/bots/pr-inactivity-bookmarklet.js
deleted file mode 100644
index f0c363922c36d5..00000000000000
--- a/bots/pr-inactivity-bookmarklet.js
+++ /dev/null
@@ -1 +0,0 @@
-javascript:(function(){$('#new_comment_field')[0].value='Hey @' + $(".timeline-comment-header-text").first().find(".author").text() + '! Thanks for making the pull request, but we are closing it due to inactivity (' + Math.round(Math.abs((Date.now() - new Date($(".timeline-comment-header-text").last().find("time").attr("datetime")).getTime())/(24*60*60*1000))) + ' days with no activity). If you want to get your proposed changes merged, please rebase your branch with master and send a new pull request. :)';/*$('button.btn-primary:contains("Comment")').click()*/})()
diff --git a/bots/question-bookmarklet.js b/bots/question-bookmarklet.js
deleted file mode 100644
index 0e16164c2fc72d..00000000000000
--- a/bots/question-bookmarklet.js
+++ /dev/null
@@ -1 +0,0 @@
-javascript:(function(){$('#new_comment_field')[0].value='Hey @' + $(".timeline-comment-header-text").first().find(".author").text() + '! Thanks for reporting this!\n\nThere\'s an awesome place to ask question like this one: [StackOverflow](http://stackoverflow.com/questions/tagged/react-native). It\'s the best system for Q&A. Many people from the community hang out there and will be able to see your question, you can vote on answers and mark question as answered etc. This lets us keep a list of bug reports and feature requests on github and especially [Canny](https://react-native.canny.io/feature-requests) (again, with voting which is really nice).\n\nIf you think StackOverflow works for you please consider posting there instead and closing this issue.\n\nI\'m posting this here because github issues haven\'t been working very well for us and because StackOverflow is so much better. Thanks for reading! :)';$('button.btn-primary:contains("Comment")').click()})()
diff --git a/breaking-changes.md b/breaking-changes.md
deleted file mode 100644
index ccf4fef1780ca3..00000000000000
--- a/breaking-changes.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Breaking Changes
-
-**Breaking changes are now tracked in [the Wiki](https://github.com/facebook/react-native/wiki/Breaking-Changes)**.
diff --git a/build.gradle b/build.gradle
index fb60c323a26335..71634a0cbefc06 100644
--- a/build.gradle
+++ b/build.gradle
@@ -1,13 +1,20 @@
-// Copyright 2015-present Facebook. All Rights Reserved.
+// Copyright (c) 2015-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 buildscript {
     repositories {
         jcenter()
         mavenLocal()
+        maven {
+            url 'https://maven.google.com/'
+            name 'Google'
+        }
     }
     dependencies {
-        classpath 'com.android.tools.build:gradle:2.2.2'
-        classpath 'de.undercouch:gradle-download-task:3.1.2'
+        classpath 'com.android.tools.build:gradle:2.3.3'
+        classpath 'de.undercouch:gradle-download-task:3.4.3'
 
         // NOTE: Do not place your application dependencies here; they belong
         // in the individual module build.gradle files
@@ -18,6 +25,10 @@ allprojects {
     repositories {
         jcenter()
         mavenLocal()
+        maven {
+            url 'https://maven.google.com/'
+            name 'Google'
+        }
 
         def androidSdk = System.getenv("ANDROID_SDK")
         maven {
diff --git a/cli.js b/cli.js
index 272a78dfcdcf25..a57a0a686284b4 100644
--- a/cli.js
+++ b/cli.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 module.exports = require('./local-cli/cli.js');
diff --git a/flow-github/metro.js b/flow-github/metro.js
index ff06b427774628..2e262712c5ae29 100644
--- a/flow-github/metro.js
+++ b/flow-github/metro.js
@@ -5,20 +5,25 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @flow
+ * @format
  */
 
 declare module 'metro' {
   declare module.exports: any;
 }
 
-declare module 'metro/src/lib/TerminalReporter' {
+declare module 'metro/src/HmrServer' {
   declare module.exports: any;
 }
 
-declare module 'metro/src/HmrServer' {
+declare module 'metro/src/lib/attachWebsocketServer' {
   declare module.exports: any;
 }
 
 declare module 'metro/src/lib/bundle-modules/HMRClient' {
   declare module.exports: any;
 }
+
+declare module 'metro/src/lib/TerminalReporter' {
+  declare module.exports: any;
+}
diff --git a/flow/Map.js b/flow/Map.js
index f2021affd67a63..0723ea4266ec62 100644
--- a/flow/Map.js
+++ b/flow/Map.js
@@ -5,23 +5,29 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @flow
+ * @format
  */
 
 // These annotations are copy/pasted from the built-in Flow definitions for
 // Native Map.
 
-declare module "Map" {
+declare module 'Map' {
   // Use the name "MapPolyfill" so that we don't get confusing error
   // messages about "Using Map instead of Map".
   declare class MapPolyfill<K, V> {
     @@iterator(): Iterator<[K, V]>;
     constructor<Key, Value>(_: void): MapPolyfill<Key, Value>;
     constructor<Key, Value>(_: null): MapPolyfill<Key, Value>;
-    constructor<Key, Value>(iterable: Iterable<[Key, Value]>): MapPolyfill<Key, Value>;
+    constructor<Key, Value>(
+      iterable: Iterable<[Key, Value]>,
+    ): MapPolyfill<Key, Value>;
     clear(): void;
     delete(key: K): boolean;
     entries(): Iterator<[K, V]>;
-    forEach(callbackfn: (value: V, index: K, map: MapPolyfill<K, V>) => mixed, thisArg?: any): void;
+    forEach(
+      callbackfn: (value: V, index: K, map: MapPolyfill<K, V>) => mixed,
+      thisArg?: any,
+    ): void;
     get(key: K): V | void;
     has(key: K): boolean;
     keys(): Iterator<K>;
diff --git a/flow/Position.js b/flow/Position.js
index 58e3330b0b926a..5bd2717c0e742a 100644
--- a/flow/Position.js
+++ b/flow/Position.js
@@ -6,10 +6,11 @@
  *
  * @flow
  * @nolint
+ * @format
  */
 
 declare class Position {
-  coords: Coordinates,
-  timestamp: number,
-  mocked: boolean,
+  coords: Coordinates;
+  timestamp: number;
+  mocked: boolean;
 }
diff --git a/flow/Promise.js b/flow/Promise.js
index d69944eb4b47e2..64350cabc0b5c5 100644
--- a/flow/Promise.js
+++ b/flow/Promise.js
@@ -5,41 +5,42 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @flow
+ * @format
  */
 
 // These annotations are copy/pasted from the built-in Flow definitions for
 // Native Promises with some non-standard APIs added in
 declare class Promise<+R> {
-  constructor(callback: (
-    resolve: (result?: Promise<R> | R) => void,
-    reject: (error?: any) => void
-  ) => mixed): void;
+  constructor(
+    callback: (
+      resolve: (result?: Promise<R> | R) => void,
+      reject: (error?: any) => void,
+    ) => mixed,
+  ): void;
 
   then<U>(
     onFulfill?: ?(value: R) => Promise<U> | ?U,
-    onReject?: ?(error: any) => Promise<U> | ?U
+    onReject?: ?(error: any) => Promise<U> | ?U,
   ): Promise<U>;
 
-  catch<U>(
-    onReject?: (error: any) => ?Promise<U> | U
-  ): Promise<U>;
+  catch<U>(onReject?: (error: any) => ?Promise<U> | U): Promise<U>;
 
   static resolve<T>(object?: Promise<T> | T): Promise<T>;
   static reject<T>(error?: any): Promise<T>;
 
-  static all<T: Iterable<mixed>>(promises: T): Promise<$TupleMap<T, typeof $await>>;
+  static all<T: Iterable<mixed>>(
+    promises: T,
+  ): Promise<$TupleMap<T, typeof $await>>;
   static race<T>(promises: Array<Promise<T>>): Promise<T>;
 
   // Non-standard APIs
 
   // See https://github.com/facebook/fbjs/blob/master/packages/fbjs/src/__forks__/Promise.native.js#L21
-  finally<U>(
-    onFinally?: ?(value: any) => Promise<U> | U
-  ): Promise<U>;
+  finally<U>(onFinally?: ?(value: any) => Promise<U> | U): Promise<U>;
 
   done<U>(
     onFulfill?: ?(value: R) => mixed,
-    onReject?: ?(error: any) => mixed
+    onReject?: ?(error: any) => mixed,
   ): void;
 
   static cast<T>(object?: T): Promise<T>;
diff --git a/flow/Set.js b/flow/Set.js
index 54b997a68a6f44..ea3b1533b830b6 100644
--- a/flow/Set.js
+++ b/flow/Set.js
@@ -6,12 +6,13 @@
  *
  * @flow
  * @nolint
+ * @format
  */
 
 // These annotations are copy/pasted from the built-in Flow definitions for
 // Native Set.
 
-declare module "Set" {
+declare module 'Set' {
   // Use the name "SetPolyfill" so that we don't get confusing error
   // messages about "Using Set instead of Set".
   declare class SetPolyfill<T> {
@@ -21,7 +22,10 @@ declare module "Set" {
     clear(): void;
     delete(value: T): boolean;
     entries(): Iterator<[T, T]>;
-    forEach(callbackfn: (value: T, index: T, set: SetPolyfill<T>) => mixed, thisArg?: any): void;
+    forEach(
+      callbackfn: (value: T, index: T, set: SetPolyfill<T>) => mixed,
+      thisArg?: any,
+    ): void;
     has(value: T): boolean;
     keys(): Iterator<T>;
     size: number;
diff --git a/flow/Stringish.js b/flow/Stringish.js
new file mode 100644
index 00000000000000..55d0e3707ac526
--- /dev/null
+++ b/flow/Stringish.js
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+// This type allows Facebook to internally Override
+// this type to allow our internationalization type which
+// is a string at runtime but Flow doesn't know that.
+declare type Stringish = string;
diff --git a/flow/console.js b/flow/console.js
index 4e57ba953715c3..a5d0d31bf36742 100644
--- a/flow/console.js
+++ b/flow/console.js
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @flow
+ * @format
  */
 
 declare module 'console' {
@@ -22,17 +23,17 @@ declare module 'console' {
   declare function warn(...data: any): void;
   declare class Console {
     constructor(stdout: stream$Writable, stdin?: stream$Writable): void;
-    assert(value: any, ...message: any): void,
+    assert(value: any, ...message: any): void;
     dir(
       obj: Object,
       options: {showHidden: boolean, depth: number, colors: boolean},
-    ): void,
-    error(...data: any): void,
-    info(...data: any): void,
-    log(...data: any): void,
-    time(label: any): void,
-    timeEnd(label: any): void,
-    trace(first: any, ...rest: any): void,
-    warn(...data: any): void,
+    ): void;
+    error(...data: any): void;
+    info(...data: any): void;
+    log(...data: any): void;
+    time(label: any): void;
+    timeEnd(label: any): void;
+    trace(first: any, ...rest: any): void;
+    warn(...data: any): void;
   }
 }
diff --git a/flow/create-react-class.js b/flow/create-react-class.js
index 571653b18de83b..dc3fea97e9642d 100644
--- a/flow/create-react-class.js
+++ b/flow/create-react-class.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  * @nolint
  */
diff --git a/flow/fbjs.js b/flow/fbjs.js
index f7b41b5a6a3ad8..9106e436da85d8 100644
--- a/flow/fbjs.js
+++ b/flow/fbjs.js
@@ -3,10 +3,16 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 declare module 'fbjs/lib/invariant' {
-  declare module.exports: <T>(condition: any, message: string, ...args: Array<any>) => void;
+  declare module.exports: <T>(
+    condition: any,
+    message: string,
+    ...args: Array<any>
+  ) => void;
 }
 
 declare module 'fbjs/lib/nullthrows' {
diff --git a/flow/jest.js b/flow/jest.js
new file mode 100644
index 00000000000000..ebd7c9ec07261b
--- /dev/null
+++ b/flow/jest.js
@@ -0,0 +1,643 @@
+/**
+ * Copyright (c) 2004-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * Modified from https://raw.githubusercontent.com/flowtype/flow-typed/b43dff3e0ed5ccf7033839045f4819e8db40faa9/definitions/npm/jest_v20.x.x/flow_v0.22.x-/jest_v20.x.x.js
+ * Duplicated from www/flow/shared/jest.js
+ * List of modifications:
+ *  - added function fail
+ *  - added jest.requireActual
+ *  - added jest.requireMock
+ *  - added JestMockFn.mockName
+ *  - added JestMockFn.mockRejectedValue
+ *  - added JestMockFn.mockRejectedValueOnce
+ *  - added JestMockFn.mockResolvedValue
+ *  - added JestMockFn.mockResolvedValueOnce
+ *  - added JestMockFn.mock.thrownErrors
+ *  - added JestMockFn.mock.returnValues
+ *  - added jest.setTimeout
+ * @flow
+ * @format
+ */
+
+/* eslint-disable lint/no-unclear-flowtypes */
+
+type JestMockFn<TArguments: $ReadOnlyArray<*>, TReturn> = {
+  (...args: TArguments): TReturn,
+  /**
+   * An object for introspecting mock calls
+   */
+  mock: {
+    /**
+     * An array that represents all calls that have been made into this mock
+     * function. Each call is represented by an array of arguments that were
+     * passed during the call.
+     */
+    calls: Array<TArguments>,
+    /**
+     * An array that contains all the object instances that have been
+     * instantiated from this mock function.
+     */
+    instances: Array<TReturn>,
+    /**
+     * An array containing the results of a method, and whether they were
+     * returned or thrown.
+     */
+    results: Array<{isThrown: boolean}>,
+  },
+  /**
+   * Resets all information stored in the mockFn.mock.calls and
+   * mockFn.mock.instances arrays. Often this is useful when you want to clean
+   * up a mock's usage data between two assertions.
+   */
+  mockClear(): void,
+  /**
+   * Resets all information stored in the mock. This is useful when you want to
+   * completely restore a mock back to its initial state.
+   */
+  mockReset(): void,
+  /**
+   * Removes the mock and restores the initial implementation. This is useful
+   * when you want to mock functions in certain test cases and restore the
+   * original implementation in others. Beware that mockFn.mockRestore only
+   * works when mock was created with jest.spyOn. Thus you have to take care of
+   * restoration yourself when manually assigning jest.fn().
+   */
+  mockRestore(): void,
+  /**
+   * Accepts a function that should be used as the implementation of the mock.
+   * The mock itself will still record all calls that go into and instances
+   * that come from itself -- the only difference is that the implementation
+   * will also be executed when the mock is called.
+   */
+  mockImplementation(
+    fn: (...args: TArguments) => TReturn,
+  ): JestMockFn<TArguments, TReturn>,
+  /**
+   * Accepts a function that will be used as an implementation of the mock for
+   * one call to the mocked function. Can be chained so that multiple function
+   * calls produce different results.
+   */
+  mockImplementationOnce(
+    fn: (...args: TArguments) => TReturn,
+  ): JestMockFn<TArguments, TReturn>,
+  /**
+   * Accepts a string to use in test result output in place of "jest.fn()" to
+   * indicate which mock function is being referenced.
+   */
+  mockName(name: string): JestMockFn<TArguments, TReturn>,
+  /**
+   * Sugar for: jest.fn().mockReturnValue(Promise.reject(value));
+   */
+  mockRejectedValue(value: TReturn): JestMockFn<TArguments, TReturn>,
+  /**
+   * Sugar for: jest.fn().mockReturnValueOnce(Promise.reject(value));
+   */
+  mockRejectedValueOnce(value: TReturn): JestMockFn<TArguments, TReturn>,
+  /**
+   * Sugar for: jest.fn().mockReturnValue(Promise.resolve(value));
+   */
+  mockResolvedValue(value: TReturn): JestMockFn<TArguments, TReturn>,
+  /**
+   * Sugar for: jest.fn().mockReturnValueOnce(Promise.resolve(value));
+   */
+  mockResolvedValueOnce(value: TReturn): JestMockFn<TArguments, TReturn>,
+  /**
+   * Just a simple sugar function for returning `this`
+   */
+  mockReturnThis(): void,
+  /**
+   * Deprecated: use jest.fn(() => value) instead
+   */
+  mockReturnValue(value: TReturn): JestMockFn<TArguments, TReturn>,
+  /**
+   * Sugar for only returning a value once inside your mock
+   */
+  mockReturnValueOnce(value: TReturn): JestMockFn<TArguments, TReturn>,
+};
+
+type JestAsymmetricEqualityType = {
+  /**
+   * A custom Jasmine equality tester
+   */
+  asymmetricMatch(value: mixed): boolean,
+};
+
+type JestCallsType = {
+  allArgs(): mixed,
+  all(): mixed,
+  any(): boolean,
+  count(): number,
+  first(): mixed,
+  mostRecent(): mixed,
+  reset(): void,
+};
+
+type JestClockType = {
+  install(): void,
+  mockDate(date: Date): void,
+  tick(milliseconds?: number): void,
+  uninstall(): void,
+};
+
+type JestMatcherResult = {
+  message?: string | (() => string),
+  pass: boolean,
+};
+
+type JestMatcher = (actual: any, expected: any) => JestMatcherResult;
+
+type JestPromiseType = {
+  /**
+   * Use rejects to unwrap the reason of a rejected promise so any other
+   * matcher can be chained. If the promise is fulfilled the assertion fails.
+   */
+  rejects: JestExpectType,
+  /**
+   * Use resolves to unwrap the value of a fulfilled promise so any other
+   * matcher can be chained. If the promise is rejected the assertion fails.
+   */
+  resolves: JestExpectType,
+};
+
+/**
+ *  Plugin: jest-enzyme
+ */
+type EnzymeMatchersType = {
+  toBeChecked(): void,
+  toBeDisabled(): void,
+  toBeEmpty(): void,
+  toBePresent(): void,
+  toContainReact(element: React$Element<any>): void,
+  toHaveClassName(className: string): void,
+  toHaveHTML(html: string): void,
+  toHaveProp(propKey: string, propValue?: any): void,
+  toHaveRef(refName: string): void,
+  toHaveState(stateKey: string, stateValue?: any): void,
+  toHaveStyle(styleKey: string, styleValue?: any): void,
+  toHaveTagName(tagName: string): void,
+  toHaveText(text: string): void,
+  toIncludeText(text: string): void,
+  toHaveValue(value: any): void,
+  toMatchElement(element: React$Element<any>): void,
+  toMatchSelector(selector: string): void,
+};
+
+type JestExpectType = {
+  not: JestExpectType & EnzymeMatchersType,
+  /**
+   * If you have a mock function, you can use .lastCalledWith to test what
+   * arguments it was last called with.
+   */
+  lastCalledWith(...args: Array<any>): void,
+  /**
+   * toBe just checks that a value is what you expect. It uses === to check
+   * strict equality.
+   */
+  toBe(value: any): void,
+  /**
+   * Use .toHaveBeenCalled to ensure that a mock function got called.
+   */
+  toBeCalled(): void,
+  /**
+   * Use .toBeCalledWith to ensure that a mock function was called with
+   * specific arguments.
+   */
+  toBeCalledWith(...args: Array<any>): void,
+  /**
+   * Using exact equality with floating point numbers is a bad idea. Rounding
+   * means that intuitive things fail.
+   */
+  toBeCloseTo(num: number, delta: any): void,
+  /**
+   * Use .toBeDefined to check that a variable is not undefined.
+   */
+  toBeDefined(): void,
+  /**
+   * Use .toBeFalsy when you don't care what a value is, you just want to
+   * ensure a value is false in a boolean context.
+   */
+  toBeFalsy(): void,
+  /**
+   * To compare floating point numbers, you can use toBeGreaterThan.
+   */
+  toBeGreaterThan(number: number): void,
+  /**
+   * To compare floating point numbers, you can use toBeGreaterThanOrEqual.
+   */
+  toBeGreaterThanOrEqual(number: number): void,
+  /**
+   * To compare floating point numbers, you can use toBeLessThan.
+   */
+  toBeLessThan(number: number): void,
+  /**
+   * To compare floating point numbers, you can use toBeLessThanOrEqual.
+   */
+  toBeLessThanOrEqual(number: number): void,
+  /**
+   * Use .toBeInstanceOf(Class) to check that an object is an instance of a
+   * class.
+   */
+  toBeInstanceOf(cls: Class<*>): void,
+  /**
+   * .toBeNull() is the same as .toBe(null) but the error messages are a bit
+   * nicer.
+   */
+  toBeNull(): void,
+  /**
+   * Use .toBeTruthy when you don't care what a value is, you just want to
+   * ensure a value is true in a boolean context.
+   */
+  toBeTruthy(): void,
+  /**
+   * Use .toBeUndefined to check that a variable is undefined.
+   */
+  toBeUndefined(): void,
+  /**
+   * Use .toContain when you want to check that an item is in a list. For
+   * testing the items in the list, this uses ===, a strict equality check.
+   */
+  toContain(item: any): void,
+  /**
+   * Use .toContainEqual when you want to check that an item is in a list. For
+   * testing the items in the list, this matcher recursively checks the
+   * equality of all fields, rather than checking for object identity.
+   */
+  toContainEqual(item: any): void,
+  /**
+   * Use .toEqual when you want to check that two objects have the same value.
+   * This matcher recursively checks the equality of all fields, rather than
+   * checking for object identity.
+   */
+  toEqual(value: any): void,
+  /**
+   * Use .toHaveBeenCalled to ensure that a mock function got called.
+   */
+  toHaveBeenCalled(): void,
+  /**
+   * Use .toHaveBeenCalledTimes to ensure that a mock function got called exact
+   * number of times.
+   */
+  toHaveBeenCalledTimes(number: number): void,
+  /**
+   * Use .toHaveBeenCalledWith to ensure that a mock function was called with
+   * specific arguments.
+   */
+  toHaveBeenCalledWith(...args: Array<any>): void,
+  /**
+   * Use .toHaveBeenLastCalledWith to ensure that a mock function was last called
+   * with specific arguments.
+   */
+  toHaveBeenLastCalledWith(...args: Array<any>): void,
+  /**
+   * Check that an object has a .length property and it is set to a certain
+   * numeric value.
+   */
+  toHaveLength(number: number): void,
+  /**
+   *
+   */
+  toHaveProperty(propPath: string, value?: any): void,
+  /**
+   * Use .toMatch to check that a string matches a regular expression or string.
+   */
+  toMatch(regexpOrString: RegExp | string): void,
+  /**
+   * Use .toMatchObject to check that a javascript object matches a subset of the properties of an object.
+   */
+  toMatchObject(object: Object): void,
+  /**
+   * This ensures that a React component matches the most recent snapshot.
+   */
+  toMatchSnapshot(name?: string): void,
+  /**
+   * Use .toThrow to test that a function throws when it is called.
+   * If you want to test that a specific error gets thrown, you can provide an
+   * argument to toThrow. The argument can be a string for the error message,
+   * a class for the error, or a regex that should match the error.
+   *
+   * Alias: .toThrowError
+   */
+  toThrow(message?: string | Error | RegExp): void,
+  toThrowError(message?: string | Error | RegExp): void,
+  /**
+   * Use .toThrowErrorMatchingSnapshot to test that a function throws a error
+   * matching the most recent snapshot when it is called.
+   */
+  toThrowErrorMatchingSnapshot(): void,
+};
+
+type JestObjectType = {
+  /**
+   *  Disables automatic mocking in the module loader.
+   *
+   *  After this method is called, all `require()`s will return the real
+   *  versions of each module (rather than a mocked version).
+   */
+  disableAutomock(): JestObjectType,
+  /**
+   * An un-hoisted version of disableAutomock
+   */
+  autoMockOff(): JestObjectType,
+  /**
+   * Enables automatic mocking in the module loader.
+   */
+  enableAutomock(): JestObjectType,
+  /**
+   * An un-hoisted version of enableAutomock
+   */
+  autoMockOn(): JestObjectType,
+  /**
+   * Clears the mock.calls and mock.instances properties of all mocks.
+   * Equivalent to calling .mockClear() on every mocked function.
+   */
+  clearAllMocks(): JestObjectType,
+  /**
+   * Resets the state of all mocks. Equivalent to calling .mockReset() on every
+   * mocked function.
+   */
+  resetAllMocks(): JestObjectType,
+  /**
+   * Restores all mocks back to their original value.
+   */
+  restoreAllMocks(): JestObjectType,
+  /**
+   * Removes any pending timers from the timer system.
+   */
+  clearAllTimers(): void,
+  /**
+   * The same as `mock` but not moved to the top of the expectation by
+   * babel-jest.
+   */
+  doMock(moduleName: string, moduleFactory?: any): JestObjectType,
+  /**
+   * The same as `unmock` but not moved to the top of the expectation by
+   * babel-jest.
+   */
+  dontMock(moduleName: string): JestObjectType,
+  /**
+   * Returns a new, unused mock function. Optionally takes a mock
+   * implementation.
+   */
+  fn<TArguments: $ReadOnlyArray<*>, TReturn>(
+    implementation?: (...args: TArguments) => TReturn,
+  ): JestMockFn<TArguments, TReturn>,
+  /**
+   * Determines if the given function is a mocked function.
+   */
+  isMockFunction(fn: Function): boolean,
+  /**
+   * Given the name of a module, use the automatic mocking system to generate a
+   * mocked version of the module for you.
+   */
+  genMockFromModule(moduleName: string): any,
+  /**
+   * Mocks a module with an auto-mocked version when it is being required.
+   *
+   * The second argument can be used to specify an explicit module factory that
+   * is being run instead of using Jest's automocking feature.
+   *
+   * The third argument can be used to create virtual mocks -- mocks of modules
+   * that don't exist anywhere in the system.
+   */
+  mock(
+    moduleName: string,
+    moduleFactory?: any,
+    options?: Object,
+  ): JestObjectType,
+  /**
+   * Resets the module registry - the cache of all required modules. This is
+   * useful to isolate modules where local state might conflict between tests.
+   */
+  resetModules(): JestObjectType,
+  /**
+   * Exhausts the micro-task queue (usually interfaced in node via
+   * process.nextTick).
+   */
+  runAllTicks(): void,
+  /**
+   * Exhausts the macro-task queue (i.e., all tasks queued by setTimeout(),
+   * setInterval(), and setImmediate()).
+   */
+  runAllTimers(): void,
+  /**
+   * Exhausts all tasks queued by setImmediate().
+   */
+  runAllImmediates(): void,
+  /**
+   * Executes only the macro task queue (i.e. all tasks queued by setTimeout()
+   * or setInterval() and setImmediate()).
+   */
+  advanceTimersByTime(msToRun: number): void,
+  /**
+   * Executes only the macro task queue (i.e. all tasks queued by setTimeout()
+   * or setInterval() and setImmediate()).
+   *
+   * Renamed to `advanceTimersByTime`.
+   */
+  runTimersToTime(msToRun: number): void,
+  /**
+   * Executes only the macro-tasks that are currently pending (i.e., only the
+   * tasks that have been queued by setTimeout() or setInterval() up to this
+   * point)
+   */
+  runOnlyPendingTimers(): void,
+  /**
+   * Explicitly supplies the mock object that the module system should return
+   * for the specified module. Note: It is recommended to use jest.mock()
+   * instead.
+   */
+  setMock(moduleName: string, moduleExports: any): JestObjectType,
+  /**
+   * Indicates that the module system should never return a mocked version of
+   * the specified module from require() (e.g. that it should always return the
+   * real module).
+   */
+  unmock(moduleName: string): JestObjectType,
+  /**
+   * Instructs Jest to use fake versions of the standard timer functions
+   * (setTimeout, setInterval, clearTimeout, clearInterval, nextTick,
+   * setImmediate and clearImmediate).
+   */
+  useFakeTimers(): JestObjectType,
+  /**
+   * Instructs Jest to use the real versions of the standard timer functions.
+   */
+  useRealTimers(): JestObjectType,
+  /**
+   * Creates a mock function similar to jest.fn but also tracks calls to
+   * object[methodName].
+   */
+  spyOn(object: Object, methodName: string): JestMockFn<any, any>,
+  /**
+   * Set the default timeout interval for tests and before/after hooks in milliseconds.
+   * Note: The default timeout interval is 5 seconds if this method is not called.
+   */
+  setTimeout(timeout: number): JestObjectType,
+
+  // These methods are added separately and not a part of flow-typed OSS
+  // version of this file. They were added in jest@21.0.0.alpha-2 which is not
+  // yet publicly released yet.
+  // TODO T21262347 Add them to OSS version of flow-typed
+  requireActual(module: string): any,
+  requireMock(module: string): any,
+};
+
+type JestSpyType = {
+  calls: JestCallsType,
+};
+
+/** Runs this function after every test inside this context */
+declare function afterEach(
+  fn: (done: () => void) => ?Promise<mixed>,
+  timeout?: number,
+): void;
+/** Runs this function before every test inside this context */
+declare function beforeEach(
+  fn: (done: () => void) => ?Promise<mixed>,
+  timeout?: number,
+): void;
+/** Runs this function after all tests have finished inside this context */
+declare function afterAll(
+  fn: (done: () => void) => ?Promise<mixed>,
+  timeout?: number,
+): void;
+/** Runs this function before any tests have started inside this context */
+declare function beforeAll(
+  fn: (done: () => void) => ?Promise<mixed>,
+  timeout?: number,
+): void;
+
+/** A context for grouping tests together */
+declare var describe: {
+  /**
+   * Creates a block that groups together several related tests in one "test suite"
+   */
+  (name: string, fn: () => void): void,
+
+  /**
+   * Only run this describe block
+   */
+  only(name: string, fn: () => void): void,
+
+  /**
+   * Skip running this describe block
+   */
+  skip(name: string, fn: () => void): void,
+};
+
+/** An individual test unit */
+declare var it: {
+  /**
+   * An individual test unit
+   *
+   * @param {string} Name of Test
+   * @param {Function} Test
+   * @param {number} Timeout for the test, in milliseconds.
+   */
+  (
+    name: string,
+    fn?: (done: () => void) => ?Promise<mixed>,
+    timeout?: number,
+  ): void,
+  /**
+   * Only run this test
+   *
+   * @param {string} Name of Test
+   * @param {Function} Test
+   * @param {number} Timeout for the test, in milliseconds.
+   */
+  only(
+    name: string,
+    fn?: (done: () => void) => ?Promise<mixed>,
+    timeout?: number,
+  ): void,
+  /**
+   * Skip running this test
+   *
+   * @param {string} Name of Test
+   * @param {Function} Test
+   * @param {number} Timeout for the test, in milliseconds.
+   */
+  skip(
+    name: string,
+    fn?: (done: () => void) => ?Promise<mixed>,
+    timeout?: number,
+  ): void,
+  /**
+   * Run the test concurrently
+   *
+   * @param {string} Name of Test
+   * @param {Function} Test
+   * @param {number} Timeout for the test, in milliseconds.
+   */
+  concurrent(
+    name: string,
+    fn?: (done: () => void) => ?Promise<mixed>,
+    timeout?: number,
+  ): void,
+};
+declare function fit(
+  name: string,
+  fn: (done: () => void) => ?Promise<mixed>,
+  timeout?: number,
+): void;
+/** An individual test unit */
+declare var test: typeof it;
+/** A disabled group of tests */
+declare var xdescribe: typeof describe;
+/** A focused group of tests */
+declare var fdescribe: typeof describe;
+/** A disabled individual test */
+declare var xit: typeof it;
+/** A disabled individual test */
+declare var xtest: typeof it;
+
+/** The expect function is used every time you want to test a value */
+declare var expect: {
+  /** The object that you want to make assertions against */
+  (value: any): JestExpectType & JestPromiseType & EnzymeMatchersType,
+  /** Add additional Jasmine matchers to Jest's roster */
+  extend(matchers: {[name: string]: JestMatcher}): void,
+  /** Add a module that formats application-specific data structures. */
+  addSnapshotSerializer(serializer: (input: Object) => string): void,
+  assertions(expectedAssertions: number): void,
+  hasAssertions(): void,
+  any(value: mixed): JestAsymmetricEqualityType,
+  anything(): void,
+  arrayContaining(value: Array<mixed>): void,
+  objectContaining(value: Object): void,
+  /** Matches any received string that contains the exact expected string. */
+  stringContaining(value: string): void,
+  stringMatching(value: string | RegExp): void,
+};
+
+declare function fail(message?: string): void;
+
+// TODO handle return type
+// http://jasmine.github.io/2.4/introduction.html#section-Spies
+declare function spyOn(value: mixed, method: string): Object;
+
+/** Holds all functions related to manipulating test runner */
+declare var jest: JestObjectType;
+
+/**
+ * The global Jamine object, this is generally not exposed as the public API,
+ * using features inside here could break in later versions of Jest.
+ */
+declare var jasmine: {
+  DEFAULT_TIMEOUT_INTERVAL: number,
+  any(value: mixed): JestAsymmetricEqualityType,
+  anything(): void,
+  arrayContaining(value: Array<mixed>): void,
+  clock(): JestClockType,
+  createSpy(name: string): JestSpyType,
+  createSpyObj(
+    baseName: string,
+    methodNames: Array<string>,
+  ): {[methodName: string]: JestSpyType},
+  objectContaining(value: Object): void,
+  stringMatching(value: string): void,
+};
diff --git a/flow/prop-types.js b/flow/prop-types.js
index c79dab62ba9345..be239f5bdfb385 100644
--- a/flow/prop-types.js
+++ b/flow/prop-types.js
@@ -6,6 +6,7 @@
  *
  * @flow
  * @nolint
+ * @format
  */
 
 // TODO (bvaughn) Remove this file once flowtype/flow-typed/pull/773 is merged
@@ -14,7 +15,7 @@ type $npm$propTypes$ReactPropsCheckType = (
   props: any,
   propName: string,
   componentName: string,
-  href?: string
+  href?: string,
 ) => ?Error;
 
 declare module 'prop-types' {
@@ -39,6 +40,6 @@ declare module 'prop-types' {
     values: V,
     location: string,
     componentName: string,
-    getStack: ?(() => ?string)
-  ) : void;
+    getStack: ?() => ?string,
+  ): void;
 }
diff --git a/gradle/wrapper/gradle-wrapper.properties b/gradle/wrapper/gradle-wrapper.properties
index c8fabc8de00946..e318290e619bb6 100644
--- a/gradle/wrapper/gradle-wrapper.properties
+++ b/gradle/wrapper/gradle-wrapper.properties
@@ -3,4 +3,4 @@ distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-4.4-all.zip
diff --git a/jest-preset.json b/jest-preset.json
index a5ef95af6773c7..c7fb437e470b41 100644
--- a/jest-preset.json
+++ b/jest-preset.json
@@ -2,6 +2,7 @@
   "haste": {
     "defaultPlatform": "ios",
     "platforms": ["android", "ios", "native"],
+    "hasteImplModulePath": "<rootDir>/node_modules/react-native/jest/hasteImpl.js",
     "providesModuleNodeModules": [
       "react-native"
     ]
@@ -14,7 +15,7 @@
   ],
   "transform": {
     "^.+\\.js$": "babel-jest",
-    "^[./a-zA-Z0-9$_-]+\\.(bmp|gif|jpg|jpeg|mp4|png|psd|svg|webp)$": "<rootDir>/node_modules/react-native/jest/assetFileTransformer.js"
+    "^.+\\.(bmp|gif|jpg|jpeg|mp4|png|psd|svg|webp)$": "<rootDir>/node_modules/react-native/jest/assetFileTransformer.js"
   },
   "transformIgnorePatterns": [
     "node_modules/(?!(jest-)?react-native|react-clone-referenced-element)"
diff --git a/jest/MockNativeMethods.js b/jest/MockNativeMethods.js
new file mode 100644
index 00000000000000..9b44fc45fec62e
--- /dev/null
+++ b/jest/MockNativeMethods.js
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+'use strict';
+
+const mockNativeFunction = methodName => {
+  let warned = false;
+  return function() {
+    if (warned) {
+      return;
+    }
+    warned = true;
+    console.warn(
+      'Calling .' +
+        methodName +
+        '() in the test renderer environment is not supported. Instead, mock ' +
+        'out your components that use findNodeHandle with replacements that ' +
+        "don't rely on the native environment.",
+    );
+  };
+};
+
+const MockNativeMethods = {
+  measure: mockNativeFunction('measure'),
+  measureInWindow: mockNativeFunction('measureInWindow'),
+  measureLayout: mockNativeFunction('measureLayout'),
+  setNativeProps: mockNativeFunction('setNativeProps'),
+  focus: mockNativeFunction('focus'),
+  blur: mockNativeFunction('blur'),
+};
+
+module.exports = MockNativeMethods;
diff --git a/jest/__tests__/hasteImpl-test.js b/jest/__tests__/hasteImpl-test.js
new file mode 100644
index 00000000000000..de493aa9a153da
--- /dev/null
+++ b/jest/__tests__/hasteImpl-test.js
@@ -0,0 +1,93 @@
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @emails oncall+js_foundation
+ */
+
+'use strict';
+
+const path = require('path');
+
+const {getHasteName} = require('../hasteImpl');
+
+function getPath(...parts) {
+  return path.join(__dirname, '..', '..', ...parts);
+}
+
+it('returns the correct haste name for a RN library file', () => {
+  expect(
+    getHasteName(
+      getPath(
+        'Libraries',
+        'Components',
+        'AccessibilityInfo',
+        'AccessibilityInfo.js',
+      ),
+    ),
+  ).toEqual('AccessibilityInfo');
+});
+
+it('returns the correct haste name for a file with a platform suffix', () => {
+  for (const platform of ['android', 'ios', 'native', 'web', 'windows']) {
+    expect(
+      getHasteName(
+        getPath(
+          'Libraries',
+          'Components',
+          'AccessibilityInfo',
+          `AccessibilityInfo.${platform}.js`,
+        ),
+      ),
+    ).toEqual('AccessibilityInfo');
+  }
+});
+
+it('returns the correct haste name for a file with a flow suffix', () => {
+  expect(
+    getHasteName(
+      getPath(
+        'Libraries',
+        'Components',
+        'AccessibilityInfo',
+        'AccessibilityInfo.ios.js.flow',
+      ),
+    ),
+  ).toEqual('AccessibilityInfo');
+});
+
+it('does not calculate the haste name for a file that is not JS', () => {
+  expect(
+    getHasteName(
+      getPath(
+        'Libraries',
+        'Components',
+        'AccessibilityInfo',
+        'AccessibilityInfo.txt',
+      ),
+    ),
+  ).toBe(undefined);
+});
+
+it('does not calculate the haste name for a file outside of RN', () => {
+  expect(
+    getHasteName(getPath('..', 'Libraries', 'AccessibilityInfo.txt')),
+  ).toBe(undefined);
+});
+
+it('does not calculate the haste name for a blacklisted file', () => {
+  expect(
+    getHasteName(
+      getPath(
+        'Libraries',
+        'Components',
+        '__mocks__',
+        'AccessibilityInfo',
+        'AccessibilityInfo.js',
+      ),
+    ),
+  ).toBe(undefined);
+});
diff --git a/jest/assetFileTransformer.js b/jest/assetFileTransformer.js
index e3a318aed3c187..85f4a7bceb2a7f 100644
--- a/jest/assetFileTransformer.js
+++ b/jest/assetFileTransformer.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 /* eslint-env node */
@@ -18,7 +21,10 @@ module.exports = {
   // the Jest snapshot.
   process: (_, filename) =>
     `module.exports = {
-      testUri: ${JSON.stringify(path.relative(__dirname, filename))}
+      testUri: 
+        ${JSON.stringify(
+          path.relative(__dirname, filename).replace(/\\/g, '/'),
+        )}
     };`,
   getCacheKey: createCacheKeyFunction([__filename]),
 };
diff --git a/jest/hasteImpl.js b/jest/hasteImpl.js
new file mode 100644
index 00000000000000..8f02881c51bfa5
--- /dev/null
+++ b/jest/hasteImpl.js
@@ -0,0 +1,81 @@
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow
+ */
+
+'use strict';
+
+const path = require('path');
+
+const ROOTS = [
+  path.resolve(__dirname, '..') + path.sep,
+  path.resolve(__dirname, '../../react-native-windows') + path.sep,
+];
+
+const BLACKLISTED_PATTERNS /*: Array<RegExp> */ = [
+  /.*[\\\/]__(mocks|tests)__[\\\/].*/,
+  /^Libraries[\\\/]Animated[\\\/]src[\\\/]polyfills[\\\/].*/,
+  /^Libraries[\\\/]Renderer[\\\/]fb[\\\/].*/,
+];
+
+const WHITELISTED_PREFIXES /*: Array<string> */ = [
+  'IntegrationTests',
+  'Libraries',
+  'ReactAndroid',
+  'RNTester',
+];
+
+const NAME_REDUCERS /*: Array<[RegExp, string]> */ = [
+  // extract basename
+  [/^(?:.*[\\\/])?([a-zA-Z0-9$_.-]+)$/, '$1'],
+  // strip .js/.js.flow suffix
+  [/^(.*)\.js(\.flow)?$/, '$1'],
+  // strip .android/.ios/.native/.web suffix
+  [/^(.*)\.(android|ios|native|web|windows)$/, '$1'],
+];
+
+const haste = {
+  /*
+   * @return {string|void} hasteName for module at filePath; or undefined if
+   *                       filePath is not a haste module
+   */
+  getHasteName(
+    filePath /*: string */,
+    sourceCode /*: ?string */,
+  ) /*: string | void */ {
+    if (!isHastePath(filePath)) {
+      return undefined;
+    }
+
+    const hasteName = NAME_REDUCERS.reduce(
+      (name, [pattern, replacement]) => name.replace(pattern, replacement),
+      filePath,
+    );
+
+    return hasteName;
+  },
+};
+
+function isHastePath(filePath /*: string */) /*: boolean */ {
+  if (!filePath.endsWith('.js') && !filePath.endsWith('.js.flow')) {
+    return false;
+  }
+
+  const root = ROOTS.find(r => filePath.startsWith(r));
+  if (!root) {
+    return false;
+  }
+
+  filePath = filePath.substr(root.length);
+  if (BLACKLISTED_PATTERNS.some(pattern => pattern.test(filePath))) {
+    return false;
+  }
+  return WHITELISTED_PREFIXES.some(prefix => filePath.startsWith(prefix));
+}
+
+module.exports = haste;
diff --git a/jest/mockComponent.js b/jest/mockComponent.js
index 84c162d867f4f4..fdd89e82d740e9 100644
--- a/jest/mockComponent.js
+++ b/jest/mockComponent.js
@@ -3,23 +3,60 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
-module.exports = moduleName => {
+module.exports = (moduleName, instanceMethods) => {
   const RealComponent = require.requireActual(moduleName);
   const React = require('react');
 
-  const Component = class extends RealComponent {
+  const SuperClass =
+    typeof RealComponent === 'function' ? RealComponent : React.Component;
+
+  const Component = class extends SuperClass {
+    static displayName = 'Component';
+
     render() {
-      const name = RealComponent.displayName || RealComponent.name;
+      const name =
+        RealComponent.displayName ||
+        RealComponent.name ||
+        (RealComponent.render // handle React.forwardRef
+          ? RealComponent.render.displayName || RealComponent.render.name
+          : 'Unknown');
+
+      const props = Object.assign({}, RealComponent.defaultProps);
+
+      if (this.props) {
+        Object.keys(this.props).forEach(prop => {
+          // We can't just assign props on top of defaultProps
+          // because React treats undefined as special and different from null.
+          // If a prop is specified but set to undefined it is ignored and the
+          // default prop is used instead. If it is set to null, then the
+          // null value overwrites the default value.
+          if (this.props[prop] !== undefined) {
+            props[prop] = this.props[prop];
+          }
+        });
+      }
 
       return React.createElement(
-        name.replace(/^(RCT|RK)/,''),
-        this.props,
+        name.replace(/^(RCT|RK)/, ''),
+        props,
         this.props.children,
       );
     }
   };
+
+  Object.keys(RealComponent).forEach(classStatic => {
+    Component[classStatic] = RealComponent[classStatic];
+  });
+
+  if (instanceMethods != null) {
+    Object.assign(Component.prototype, instanceMethods);
+  }
+
   return Component;
 };
diff --git a/jest/preprocessor.js b/jest/preprocessor.js
index e6a897f8e02abc..6c71b795ed6dc5 100644
--- a/jest/preprocessor.js
+++ b/jest/preprocessor.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
 
@@ -11,33 +12,41 @@
 
 'use strict';
 
-const babel = require('babel-core');
+const {transformSync: babelTransformSync} = require('@babel/core');
 /* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
  * found when Flow v0.54 was deployed. To see the error delete this comment and
  * run Flow. */
-const babelRegisterOnly = require('metro/src/babelRegisterOnly');
+const babelRegisterOnly = require('metro-babel-register');
 /* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
  * found when Flow v0.54 was deployed. To see the error delete this comment and
  * run Flow. */
 const createCacheKeyFunction = require('fbjs-scripts/jest/createCacheKeyFunction');
-const generate = require('babel-generator').default;
+const generate = require('@babel/generator').default;
 
-const nodeFiles = RegExp([
-  '/local-cli/',
-  '/metro(-bundler)?/',
-].join('|'));
+const nodeFiles = RegExp(
+  [
+    '/local-cli/',
+    '/metro(?:-[^/]*)?/', // metro, metro-core, metro-source-map, metro-etc
+  ].join('|'),
+);
 const nodeOptions = babelRegisterOnly.config([nodeFiles]);
 
 babelRegisterOnly([]);
 
 /* $FlowFixMe(site=react_native_oss) */
-const transformer = require('metro/src/transformer.js');
+const transformer = require('metro/src/reactNativeTransformer');
 module.exports = {
-  process(src/*: string*/, file/*: string*/) {
-    if (nodeFiles.test(file)) { // node specific transforms only
-      return babel.transform(
+  process(src /*: string */, file /*: string */) {
+    if (nodeFiles.test(file)) {
+      // node specific transforms only
+      return babelTransformSync(
         src,
-        Object.assign({filename: file}, nodeOptions)
+        {
+          filename: file,
+          sourceType: 'script',
+          ...nodeOptions,
+          ast: false
+        },
       ).code;
     }
 
@@ -45,31 +54,73 @@ module.exports = {
       filename: file,
       localPath: file,
       options: {
-        assetDataPlugins: [],
+        ast: true, // needed for open source (?) https://github.com/facebook/react-native/commit/f8d6b97140cffe8d18b2558f94570c8d1b410d5c#r28647044
         dev: true,
         inlineRequires: true,
-        minify: false,
         platform: '',
         projectRoot: '',
         retainLines: true,
+        sourceType: 'unambiguous', // b7 required. detects module vs script mode
       },
       src,
+      plugins: [
+        [require('@babel/plugin-transform-block-scoping')],
+        // the flow strip types plugin must go BEFORE class properties!
+        // there'll be a test case that fails if you don't.
+        [require('@babel/plugin-transform-flow-strip-types')],
+        [
+          require('@babel/plugin-proposal-class-properties'),
+          // use `this.foo = bar` instead of `this.defineProperty('foo', ...)`
+          {loose: true},
+        ],
+        [require('@babel/plugin-transform-computed-properties')],
+        [require('@babel/plugin-transform-destructuring')],
+        [require('@babel/plugin-transform-function-name')],
+        [require('@babel/plugin-transform-literals')],
+        [require('@babel/plugin-transform-parameters')],
+        [require('@babel/plugin-transform-shorthand-properties')],
+        [require('@babel/plugin-transform-react-jsx')],
+        [require('@babel/plugin-transform-regenerator')],
+        [require('@babel/plugin-transform-sticky-regex')],
+        [require('@babel/plugin-transform-unicode-regex')],
+        [
+          require('@babel/plugin-transform-modules-commonjs'),
+          {strict: false, allowTopLevelThis: true},
+        ],
+        [require('@babel/plugin-transform-classes')],
+        [require('@babel/plugin-transform-arrow-functions')],
+        [require('@babel/plugin-transform-spread')],
+        [require('@babel/plugin-proposal-object-rest-spread')],
+        [
+          require('@babel/plugin-transform-template-literals'),
+          {loose: true}, // dont 'a'.concat('b'), just use 'a'+'b'
+        ],
+        [require('@babel/plugin-transform-exponentiation-operator')],
+        [require('@babel/plugin-transform-object-assign')],
+        [require('@babel/plugin-transform-for-of'), {loose: true}],
+        [require('@babel/plugin-transform-react-display-name')],
+        [require('@babel/plugin-transform-react-jsx-source')],
+      ],
     });
 
-    return generate(ast, {
-      code: true,
-      comments: false,
-      compact: false,
-      filename: file,
-      retainLines: true,
-      sourceFileName: file,
-      sourceMaps: true,
-    }, src).code;
+    return generate(
+      ast,
+      {
+        code: true,
+        comments: false,
+        compact: false,
+        filename: file,
+        retainLines: true,
+        sourceFileName: file,
+        sourceMaps: true,
+      },
+      src,
+    ).code;
   },
 
   getCacheKey: createCacheKeyFunction([
     __filename,
-    require.resolve('metro/src/transformer.js'),
-    require.resolve('babel-core/package.json'),
+    require.resolve('metro/src/reactNativeTransformer'),
+    require.resolve('@babel/core/package.json'),
   ]),
 };
diff --git a/jest/setup.js b/jest/setup.js
index 0d4553b3f756f8..570c37911175a3 100644
--- a/jest/setup.js
+++ b/jest/setup.js
@@ -3,9 +3,13 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
+const MockNativeMethods = require.requireActual('./MockNativeMethods');
 const mockComponent = require.requireActual('./mockComponent');
 
 require.requireActual('../Libraries/polyfills/babelHelpers.js');
@@ -15,7 +19,9 @@ require.requireActual('../Libraries/polyfills/error-guard');
 global.__DEV__ = true;
 
 global.Promise = require.requireActual('promise');
-global.regeneratorRuntime = require.requireActual('regenerator-runtime/runtime');
+global.regeneratorRuntime = require.requireActual(
+  'regenerator-runtime/runtime',
+);
 
 global.requestAnimationFrame = function(callback) {
   return setTimeout(callback, 0);
@@ -24,9 +30,7 @@ global.cancelAnimationFrame = function(id) {
   clearTimeout(id);
 };
 
-jest
-  .mock('setupDevtools')
-  .mock('npmlog');
+jest.mock('setupDevtools').mock('npmlog');
 
 // there's a __mock__ for it.
 jest.setMock('ErrorUtils', require('ErrorUtils'));
@@ -34,16 +38,13 @@ jest.setMock('ErrorUtils', require('ErrorUtils'));
 jest
   .mock('InitializeCore', () => {})
   .mock('Image', () => mockComponent('Image'))
-  .mock('Text', () => mockComponent('Text'))
+  .mock('Text', () => mockComponent('Text', MockNativeMethods))
   .mock('TextInput', () => mockComponent('TextInput'))
   .mock('Modal', () => mockComponent('Modal'))
-  .mock('View', () => mockComponent('View'))
+  .mock('View', () => mockComponent('View', MockNativeMethods))
   .mock('RefreshControl', () => require.requireMock('RefreshControlMock'))
   .mock('ScrollView', () => require.requireMock('ScrollViewMock'))
-  .mock(
-    'ActivityIndicator',
-    () => mockComponent('ActivityIndicator'),
-  )
+  .mock('ActivityIndicator', () => mockComponent('ActivityIndicator'))
   .mock('ListView', () => require.requireMock('ListViewMock'))
   .mock('ListViewDataSource', () => {
     const DataSource = require.requireActual('ListViewDataSource');
@@ -53,9 +54,9 @@ jest
         // Ensure this doesn't throw.
         try {
           Object.keys(dataBlob).forEach(key => {
-            this.items += dataBlob[key] && (
-              dataBlob[key].length || dataBlob[key].size || 0
-            );
+            this.items +=
+              dataBlob[key] &&
+              (dataBlob[key].length || dataBlob[key].size || 0);
           });
         } catch (e) {
           this.items = 'unknown';
@@ -67,7 +68,9 @@ jest
     return DataSource;
   })
   .mock('AnimatedImplementation', () => {
-    const AnimatedImplementation = require.requireActual('AnimatedImplementation');
+    const AnimatedImplementation = require.requireActual(
+      'AnimatedImplementation',
+    );
     const oldCreate = AnimatedImplementation.createAnimatedComponent;
     AnimatedImplementation.createAnimatedComponent = function(Component) {
       const Wrapped = oldCreate(Component);
@@ -79,35 +82,12 @@ jest
   .mock('ReactNative', () => {
     const ReactNative = require.requireActual('ReactNative');
     const NativeMethodsMixin =
-      ReactNative.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.NativeMethodsMixin;
+      ReactNative.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
+        .NativeMethodsMixin;
 
-    const mockFunction = (key) => {
-      let warned = false;
-      return function() {
-        if (warned) {
-          return;
-        }
-        warned = true;
-        console.warn(
-          'Calling .' + key + '() in the test renderer environment is not ' +
-            'supported. Instead, mock out your components that use ' +
-            'findNodeHandle with replacements that don\'t rely on the ' +
-            'native environment.',
-        );
-      };
-    };
+    Object.assign(NativeMethodsMixin, MockNativeMethods);
+    Object.assign(ReactNative.NativeComponent.prototype, MockNativeMethods);
 
-    [
-      'measure',
-      'measureInWindow',
-      'measureLayout',
-      'setNativeProps',
-      'focus',
-      'blur',
-    ].forEach((key) => {
-      NativeMethodsMixin[key] = mockFunction(key);
-      ReactNative.NativeComponent.prototype[key] = mockFunction(key);
-    });
     return ReactNative;
   })
   .mock('ensureComponentIsNative', () => () => true);
@@ -122,10 +102,18 @@ const mockNativeModules = {
     removeEventListener: jest.fn(),
   },
   AsyncLocalStorage: {
-    multiGet: jest.fn((keys, callback) => process.nextTick(() => callback(null, []))),
-    multiSet: jest.fn((entries, callback) => process.nextTick(() => callback(null))),
-    multiRemove: jest.fn((keys, callback) => process.nextTick(() => callback(null))),
-    multiMerge: jest.fn((entries, callback) => process.nextTick(() => callback(null))),
+    multiGet: jest.fn((keys, callback) =>
+      process.nextTick(() => callback(null, [])),
+    ),
+    multiSet: jest.fn((entries, callback) =>
+      process.nextTick(() => callback(null)),
+    ),
+    multiRemove: jest.fn((keys, callback) =>
+      process.nextTick(() => callback(null)),
+    ),
+    multiMerge: jest.fn((entries, callback) =>
+      process.nextTick(() => callback(null)),
+    ),
     clear: jest.fn(callback => process.nextTick(() => callback(null))),
     getAllKeys: jest.fn(callback => process.nextTick(() => callback(null, []))),
   },
@@ -172,14 +160,12 @@ const mockNativeModules = {
     }),
   },
   ImageLoader: {
-    getSize: jest.fn(
-      (url) => Promise.resolve({width: 320, height: 240})
-    ),
+    getSize: jest.fn(url => Promise.resolve({width: 320, height: 240})),
     prefetchImage: jest.fn(),
   },
   ImageViewManager: {
-    getSize: jest.fn(
-      (uri, success) => process.nextTick(() => success(320, 240))
+    getSize: jest.fn((uri, success) =>
+      process.nextTick(() => success(320, 240)),
     ),
     prefetchImage: jest.fn(),
   },
@@ -189,13 +175,9 @@ const mockNativeModules = {
   },
   Linking: {
     openURL: jest.fn(),
-    canOpenURL: jest.fn(
-      () => Promise.resolve(true)
-    ),
+    canOpenURL: jest.fn(() => Promise.resolve(true)),
     addEventListener: jest.fn(),
-    getInitialURL: jest.fn(
-      () => Promise.resolve()
-    ),
+    getInitialURL: jest.fn(() => Promise.resolve()),
     removeEventListener: jest.fn(),
   },
   LocationObserver: {
@@ -205,24 +187,16 @@ const mockNativeModules = {
   },
   ModalFullscreenViewManager: {},
   NetInfo: {
-    fetch: jest.fn(
-      () => Promise.resolve()
-    ),
-    getConnectionInfo: jest.fn(
-      () => Promise.resolve()
-    ),
+    fetch: jest.fn(() => Promise.resolve()),
+    getConnectionInfo: jest.fn(() => Promise.resolve()),
     addEventListener: jest.fn(),
     removeEventListener: jest.fn(),
     isConnected: {
-      fetch: jest.fn(
-        () => Promise.resolve()
-      ),
+      fetch: jest.fn(() => Promise.resolve()),
       addEventListener: jest.fn(),
       removeEventListener: jest.fn(),
     },
-    isConnectionExpensive: jest.fn(
-      () => Promise.resolve()
-    ),
+    isConnectionExpensive: jest.fn(() => Promise.resolve()),
   },
   Networking: {
     sendRequest: jest.fn(),
@@ -238,12 +212,20 @@ const mockNativeModules = {
     getDeliveredNotifications: jest.fn(callback => process.nextTick(() => [])),
     removeDeliveredNotifications: jest.fn(),
     setApplicationIconBadgeNumber: jest.fn(),
-    getApplicationIconBadgeNumber: jest.fn(callback => process.nextTick(() => callback(0))),
+    getApplicationIconBadgeNumber: jest.fn(callback =>
+      process.nextTick(() => callback(0)),
+    ),
     cancelLocalNotifications: jest.fn(),
-    getScheduledLocalNotifications: jest.fn(callback => process.nextTick(() => callback())),
-    requestPermissions: jest.fn(() => Promise.resolve({alert: true, badge: true, sound: true})),
+    getScheduledLocalNotifications: jest.fn(callback =>
+      process.nextTick(() => callback()),
+    ),
+    requestPermissions: jest.fn(() =>
+      Promise.resolve({alert: true, badge: true, sound: true}),
+    ),
     abandonPermissions: jest.fn(),
-    checkPermissions: jest.fn(callback => process.nextTick(() => callback({alert: true, badge: true, sound: true}))),
+    checkPermissions: jest.fn(callback =>
+      process.nextTick(() => callback({alert: true, badge: true, sound: true})),
+    ),
     getInitialNotification: jest.fn(() => Promise.resolve(null)),
     addListener: jest.fn(),
     removeListeners: jest.fn(),
@@ -252,6 +234,7 @@ const mockNativeModules = {
     scriptURL: null,
   },
   StatusBarManager: {
+    HEIGHT: 42,
     setColor: jest.fn(),
     setStyle: jest.fn(),
     setHidden: jest.fn(),
@@ -297,6 +280,7 @@ const mockNativeModules = {
   BlobModule: {
     BLOB_URI_SCHEME: 'content',
     BLOB_URI_HOST: null,
+    addNetworkingHandler: jest.fn(),
     enableBlobSupport: jest.fn(),
     disableBlobSupport: jest.fn(),
     createFromParts: jest.fn(),
@@ -322,23 +306,15 @@ Object.keys(mockNativeModules).forEach(module => {
   }
 });
 
-jest
-  .doMock('NativeModules', () => mockNativeModules)
-  .doMock('ReactNativePropRegistry', () => ({
-    register: id => id,
-    getByID: () => mockEmptyObject,
-  }));
+jest.doMock('NativeModules', () => mockNativeModules);
 
 jest.doMock('requireNativeComponent', () => {
   const React = require('react');
 
-  return viewName => class extends React.Component {
-    render() {
-      return React.createElement(
-        viewName,
-        this.props,
-        this.props.children,
-      );
-    }
-  };
+  return viewName =>
+    class extends React.Component {
+      render() {
+        return React.createElement(viewName, this.props, this.props.children);
+      }
+    };
 });
diff --git a/lib/InitializeJavaScriptAppEngine.js b/lib/InitializeJavaScriptAppEngine.js
index 6709e0a27109d5..5048f860e41d0e 100644
--- a/lib/InitializeJavaScriptAppEngine.js
+++ b/lib/InitializeJavaScriptAppEngine.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
+
 'use strict';
 
 // This is a forwarding module to allow React to require React Native internals
diff --git a/lib/RCTEventEmitter.js b/lib/RCTEventEmitter.js
index 8968fb8641df78..c225257d105cb4 100644
--- a/lib/RCTEventEmitter.js
+++ b/lib/RCTEventEmitter.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
+
 'use strict';
 
 // This is a forwarding module to allow React to require React Native internals
diff --git a/lib/TextInputState.js b/lib/TextInputState.js
index 37738ceb670a91..5345311a518d31 100644
--- a/lib/TextInputState.js
+++ b/lib/TextInputState.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
+
 'use strict';
 
 // This is a forwarding module to allow React to require React Native internals
diff --git a/lib/UIManager.js b/lib/UIManager.js
index 6bd741903fb3c9..b846967b626fa7 100644
--- a/lib/UIManager.js
+++ b/lib/UIManager.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
+
 'use strict';
 
 // This is a forwarding module to allow React to require React Native internals
diff --git a/lib/UIManagerStatTracker.js b/lib/UIManagerStatTracker.js
index 9300a7c6f7eaa9..c62aebdf0aee88 100644
--- a/lib/UIManagerStatTracker.js
+++ b/lib/UIManagerStatTracker.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
+
 'use strict';
 
 // This is a forwarding module to allow React to require React Native internals
diff --git a/lib/View.js b/lib/View.js
index 6e3f20a858556c..852e741251bd7f 100644
--- a/lib/View.js
+++ b/lib/View.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
+
 'use strict';
 
 // This is a forwarding module to allow React to require React Native internals
diff --git a/lib/deepDiffer.js b/lib/deepDiffer.js
index ad3d3cb05329ba..6254047d472671 100644
--- a/lib/deepDiffer.js
+++ b/lib/deepDiffer.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
+
 'use strict';
 
 // This is a forwarding module to allow React to require React Native internals
diff --git a/lib/deepFreezeAndThrowOnMutationInDev.js b/lib/deepFreezeAndThrowOnMutationInDev.js
index 92d9f8f40e0b47..6691d2a648b1a2 100644
--- a/lib/deepFreezeAndThrowOnMutationInDev.js
+++ b/lib/deepFreezeAndThrowOnMutationInDev.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
+
 'use strict';
 
 // This is a forwarding module to allow React to require React Native internals
diff --git a/lib/flattenStyle.js b/lib/flattenStyle.js
index 3c5651fdc60250..1c7256c7fca7e0 100644
--- a/lib/flattenStyle.js
+++ b/lib/flattenStyle.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
+
 'use strict';
 
 // This is a forwarding module to allow React to require React Native internals
diff --git a/local-cli/__mocks__/beeper.js b/local-cli/__mocks__/beeper.js
index 2bbac3717fbcad..6628a2edc06af5 100644
--- a/local-cli/__mocks__/beeper.js
+++ b/local-cli/__mocks__/beeper.js
@@ -3,10 +3,13 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
- 'use strict';
+
+'use strict';
 
 // beeper@1.1.0 has a return statement outside of a function
 // and therefore doesn't parse. Let's mock it so that we can
 // run the tests.
-module.exports = function () {};
+module.exports = function() {};
diff --git a/local-cli/__mocks__/fs.js b/local-cli/__mocks__/fs.js
index bd4d5c10001c8e..3068c0c4e6d7c5 100644
--- a/local-cli/__mocks__/fs.js
+++ b/local-cli/__mocks__/fs.js
@@ -9,428 +9,35 @@
 
 'use strict';
 
-const asyncify = require('async/asyncify');
-const {EventEmitter} = require('events');
-const {dirname} = require.requireActual('path');
-const fs = jest.genMockFromModule('fs');
-const invariant = require('fbjs/lib/invariant');
-const path = require('path');
-const stream = require.requireActual('stream');
+const fs = new (require('metro-memory-fs'))({cwd: process.cwd});
 
-const noop = () => {};
-
-function asyncCallback(cb) {
-  return function() {
-    setImmediate(() => cb.apply(this, arguments));
-  };
+function setMockFilesystem(object) {
+  fs.reset();
+  const root = process.platform === 'win32' ? 'c:\\' : '/';
+  mockDir(root, {...object});
 }
 
-const mtime = {
-  getTime: () => Math.ceil(Math.random() * 10000000),
-};
-
-fs.realpath.mockImplementation((filepath, callback) => {
-  callback = asyncCallback(callback);
-  let node;
-  try {
-    node = getToNode(filepath);
-  } catch (e) {
-    return callback(e);
-  }
-  if (node && typeof node === 'object' && node.SYMLINK != null) {
-    return callback(null, node.SYMLINK);
-  }
-  return callback(null, filepath);
-});
-
-fs.readdirSync.mockImplementation(filepath => Object.keys(getToNode(filepath)));
-
-fs.readdir.mockImplementation((filepath, callback) => {
-  callback = asyncCallback(callback);
-  let node;
-  try {
-    node = getToNode(filepath);
-    if (node && typeof node === 'object' && node.SYMLINK != null) {
-      node = getToNode(node.SYMLINK);
+function mockDir(dirPath, desc) {
+  for (const entName in desc) {
+    const ent = desc[entName];
+    const entPath = require('path').join(dirPath, entName);
+    if (typeof ent === 'string' || ent instanceof Buffer) {
+      fs.writeFileSync(entPath, ent);
+      continue;
     }
-  } catch (e) {
-    return callback(e);
-  }
-
-  if (!(node && typeof node === 'object' && node.SYMLINK == null)) {
-    return callback(new Error(filepath + ' is not a directory.'));
-  }
-
-  return callback(null, Object.keys(node));
-});
-
-fs.readFile.mockImplementation(asyncify(fs.readFileSync));
-
-fs.readFileSync.mockImplementation(function(filepath, encoding) {
-  filepath = path.normalize(filepath);
-  const node = getToNode(filepath);
-  if (isDirNode(node)) {
-    throw new Error('Error readFileSync a dir: ' + filepath);
-  }
-  if (Buffer.isBuffer(node) && typeof encoding !== 'undefined') {
-    return node.toString();
-  }
-  return node;
-});
-
-fs.writeFile.mockImplementation(asyncify(fs.writeFileSync));
-
-fs.writeFileSync.mockImplementation((filePath, content, options) => {
-  filePath = path.normalize(filePath);
-  if (options == null || typeof options === 'string') {
-    options = {encoding: options};
-  }
-  invariant(
-    options.encoding == null || options.encoding === 'utf8',
-    '`options` argument supports only `null` or `"utf8"`',
-  );
-  const dirPath = path.dirname(filePath);
-  const node = getToNode(dirPath);
-  if (!isDirNode(node)) {
-    throw fsError('ENOTDIR', 'not a directory: ' + dirPath);
-  }
-  node[path.basename(filePath)] = content;
-});
-
-const openFds = new Map();
-let nextFd = 3;
-
-fs.openSync.mockImplementation((filePath, flags) => {
-  const dirPath = path.dirname(filePath);
-  const node = getToNode(dirPath);
-  if (!isDirNode(node)) {
-    throw fsError('ENOTDIR', 'not a directory: ' + dirPath);
-  }
-  node[path.basename(filePath)] = '';
-  openFds.set(nextFd, {filePath, flags, node});
-  return nextFd++;
-});
-
-fs.writeSync.mockImplementation((fd, str) => {
-  invariant(typeof str === 'string', 'only strings supported');
-  const data = openFds.get(fd);
-  if (data == null || data.flags !== 'w') {
-    throw fsError('EBADF', 'bad file descriptor, write');
-  }
-  data.node[path.basename(data.filePath)] += str;
-});
-
-fs.closeSync.mockImplementation(fd => {
-  openFds.delete(fd);
-});
-
-fs.mkdir.mockImplementation(asyncify(fs.mkdirSync));
-
-fs.mkdirSync.mockImplementation((dirPath, mode) => {
-  const parentPath = path.dirname(dirPath);
-  const node = getToNode(parentPath);
-  if (!isDirNode(node)) {
-    throw fsError('ENOTDIR', 'not a directory: ' + parentPath);
-  }
-  if (node[path.basename(dirPath)] == null) {
-    node[path.basename(dirPath)] = {};
-  }
-});
-
-function fsError(code, message) {
-  const error = new Error(code + ': ' + message);
-  error.code = code;
-  return error;
-}
-
-function isDirNode(node) {
-  return (
-    node &&
-    typeof node === 'object' &&
-    node.SYMLINK == null &&
-    Buffer.isBuffer(node) === false
-  );
-}
-
-function readlinkSync(filepath) {
-  const node = getToNode(filepath);
-  if (node !== null && typeof node === 'object' && !!node.SYMLINK) {
-    return node.SYMLINK;
-  } else {
-    throw new Error(`EINVAL: invalid argument, readlink '${filepath}'`);
-  }
-}
-
-fs.readlink.mockImplementation((filepath, callback) => {
-  callback = asyncCallback(callback);
-  let result;
-  try {
-    result = readlinkSync(filepath);
-  } catch (e) {
-    callback(e);
-    return;
-  }
-  callback(null, result);
-});
-
-fs.readlinkSync.mockImplementation(readlinkSync);
-
-function existsSync(filepath) {
-  try {
-    const node = getToNode(filepath);
-    return node !== null;
-  } catch (e) {
-    return false;
-  }
-}
-
-fs.exists.mockImplementation((filepath, callback) => {
-  callback = asyncCallback(callback);
-  let result;
-  try {
-    result = existsSync(filepath);
-  } catch (e) {
-    callback(e);
-    return;
-  }
-  callback(null, result);
-});
-
-fs.existsSync.mockImplementation(existsSync);
-
-function makeStatResult(node) {
-  const isSymlink = node != null && node.SYMLINK != null;
-  return {
-    isBlockDevice: () => false,
-    isCharacterDevice: () => false,
-    isDirectory: () => node != null && typeof node === 'object' && !isSymlink,
-    isFIFO: () => false,
-    isFile: () => node != null && typeof node === 'string',
-    isSocket: () => false,
-    isSymbolicLink: () => isSymlink,
-    mtime,
-  };
-}
-
-function statSync(filepath) {
-  const node = getToNode(filepath);
-  if (node != null && node.SYMLINK) {
-    return statSync(node.SYMLINK);
-  }
-  return makeStatResult(node);
-}
-
-fs.stat.mockImplementation((filepath, callback) => {
-  callback = asyncCallback(callback);
-  let result;
-  try {
-    result = statSync(filepath);
-  } catch (e) {
-    callback(e);
-    return;
-  }
-  callback(null, result);
-});
-
-fs.statSync.mockImplementation(statSync);
-
-function lstatSync(filepath) {
-  const node = getToNode(filepath);
-  return makeStatResult(node);
-}
-
-fs.lstat.mockImplementation((filepath, callback) => {
-  callback = asyncCallback(callback);
-  let result;
-  try {
-    result = lstatSync(filepath);
-  } catch (e) {
-    callback(e);
-    return;
-  }
-  callback(null, result);
-});
-
-fs.lstatSync.mockImplementation(lstatSync);
-
-fs.open.mockImplementation(function(filepath) {
-  const callback = arguments[arguments.length - 1] || noop;
-  let data, error, fd;
-  try {
-    data = getToNode(filepath);
-  } catch (e) {
-    error = e;
-  }
-
-  if (error || data == null) {
-    error = Error(`ENOENT: no such file or directory: \`${filepath}\``);
-  }
-  if (data != null) {
-    /* global Buffer: true */
-    fd = {buffer: new Buffer(data, 'utf8'), position: 0};
-  }
-
-  callback(error, fd);
-});
-
-fs.read.mockImplementation(
-  (fd, buffer, writeOffset, length, position, callback = noop) => {
-    let bytesWritten;
-    try {
-      if (position == null || position < 0) {
-        ({position} = fd);
-      }
-      bytesWritten = fd.buffer.copy(
-        buffer,
-        writeOffset,
-        position,
-        position + length,
-      );
-      fd.position = position + bytesWritten;
-    } catch (e) {
-      callback(Error('invalid argument'));
-      return;
-    }
-    callback(null, bytesWritten, buffer);
-  },
-);
-
-fs.close.mockImplementation((fd, callback = noop) => {
-  try {
-    fd.buffer = fs.position = undefined;
-  } catch (e) {
-    callback(Error('invalid argument'));
-    return;
-  }
-  callback(null);
-});
-
-let filesystem = {};
-
-fs.mock = {
-  clear() {
-    filesystem = {};
-  },
-};
-
-fs.createReadStream.mockImplementation(filepath => {
-  if (!filepath.startsWith('/')) {
-    throw Error('Cannot open file ' + filepath);
-  }
-
-  const parts = filepath.split('/').slice(1);
-  let file = filesystem;
-
-  for (const part of parts) {
-    file = file[part];
-    if (!file) {
-      break;
+    if (typeof ent !== 'object') {
+      throw new Error(require('util').format('invalid entity:', ent));
     }
-  }
-
-  if (typeof file !== 'string') {
-    throw Error('Cannot open file ' + filepath);
-  }
-
-  return new stream.Readable({
-    read() {
-      this.push(file, 'utf8');
-      this.push(null);
-    },
-  });
-});
-
-fs.createWriteStream.mockImplementation(filePath => {
-  let node;
-  const writeStream = new stream.Writable({
-    write(chunk, encoding, callback) {
-      this.__chunks.push(chunk);
-      node[path.basename(filePath)] = this.__chunks.join('');
-      callback();
-    },
-  });
-  writeStream.__file = filePath;
-  writeStream.__chunks = [];
-  writeStream.end = jest.fn(writeStream.end);
-  fs.createWriteStream.mock.returned.push(writeStream);
-  try {
-    const dirPath = dirname(filePath);
-    node = getToNode(dirPath);
-    if (!isDirNode(node)) {
-      throw fsError('ENOTDIR', 'not a directory: ' + dirPath);
+    if (ent.SYMLINK != null) {
+      fs.symlinkSync(ent.SYMLINK, entPath);
+      continue;
     }
-    // Truncate the file on opening.
-    node[path.basename(filePath)] = '';
-  } catch (error) {
-    process.nextTick(() => writeStream.emit('error', error));
-  }
-  return writeStream;
-});
-fs.createWriteStream.mock.returned = [];
-
-fs.__setMockFilesystem = object => (filesystem = object);
-
-const watcherListByPath = new Map();
-
-fs.watch.mockImplementation((filename, options, listener) => {
-  if (options.recursive) {
-    throw new Error('recursive watch not implemented');
+    fs.mkdirSync(entPath);
+    mockDir(entPath, ent);
   }
-  let watcherList = watcherListByPath.get(filename);
-  if (watcherList == null) {
-    watcherList = [];
-    watcherListByPath.set(filename, watcherList);
-  }
-  const fsWatcher = new EventEmitter();
-  fsWatcher.on('change', listener);
-  fsWatcher.close = () => {
-    watcherList.splice(watcherList.indexOf(fsWatcher), 1);
-    fsWatcher.close = () => {
-      throw new Error('FSWatcher is already closed');
-    };
-  };
-  watcherList.push(fsWatcher);
-});
-
-fs.__triggerWatchEvent = (eventType, filename) => {
-  const directWatchers = watcherListByPath.get(filename) || [];
-  directWatchers.forEach(wtc => wtc.emit('change', eventType));
-  const dirPath = path.dirname(filename);
-  const dirWatchers = watcherListByPath.get(dirPath) || [];
-  dirWatchers.forEach(wtc =>
-    wtc.emit('change', eventType, path.relative(dirPath, filename)),
-  );
-};
-
-function getToNode(filepath) {
-  // Ignore the drive for Windows paths.
-  if (filepath.match(/^[a-zA-Z]:\\/)) {
-    filepath = filepath.substring(2);
-  }
-
-  if (filepath.endsWith(path.sep)) {
-    filepath = filepath.slice(0, -1);
-  }
-  const parts = filepath.split(/[\/\\]/);
-  if (parts[0] !== '') {
-    throw new Error('Make sure all paths are absolute.');
-  }
-  let node = filesystem;
-  parts.slice(1).forEach(part => {
-    if (node && node.SYMLINK) {
-      node = getToNode(node.SYMLINK);
-    }
-    node = node[part];
-    if (node == null) {
-      const err = new Error(
-        `ENOENT: no such file or directory: \`${filepath}\``,
-      );
-      err.code = 'ENOENT';
-      throw err;
-    }
-  });
-
-  return node;
 }
 
+fs.__setMockFilesystem = setMockFilesystem;
+fs.mock = {clear: () => fs.reset()};
+
 module.exports = fs;
diff --git a/local-cli/__tests__/fs-mock-test.js b/local-cli/__tests__/fs-mock-test.js
deleted file mode 100644
index 4928f3bd9ecf23..00000000000000
--- a/local-cli/__tests__/fs-mock-test.js
+++ /dev/null
@@ -1,89 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails oncall+javascript_foundation
- * @flow
- * @format
- */
-
-'use strict';
-
-declare var jest: any;
-declare var describe: any;
-declare var beforeEach: any;
-declare var expect: any;
-declare var it: any;
-
-jest.mock('fs');
-
-const fs = require('fs');
-
-describe('fs mock', () => {
-  beforeEach(() => {
-    (fs: $FlowFixMe).mock.clear();
-  });
-
-  describe('writeFileSync()', () => {
-    it('stores content correctly', () => {
-      fs.writeFileSync('/test', 'foobar', 'utf8');
-      const content = fs.readFileSync('/test', 'utf8');
-      expect(content).toEqual('foobar');
-    });
-
-    it('fails on missing path', () => {
-      expect(() =>
-        fs.writeFileSync('/dir/test', 'foobar', 'utf8'),
-      ).toThrowError('ENOENT: no such file or directory');
-    });
-
-    it('properly normalizes paths', () => {
-      fs.writeFileSync('/test/foo/../bar/../../tadam', 'beep', 'utf8');
-      const content = fs.readFileSync('/glo/../tadam', 'utf8');
-      expect(content).toEqual('beep');
-    });
-  });
-
-  describe('mkdirSync()', () => {
-    it('creates folders that we can write files in', () => {
-      fs.mkdirSync('/dir', 0o777);
-      fs.writeFileSync('/dir/test', 'foobar', 'utf8');
-      const content = fs.readFileSync('/dir/test', 'utf8');
-      expect(content).toEqual('foobar');
-    });
-
-    it('does not erase directories', () => {
-      fs.mkdirSync('/dir', 0o777);
-      fs.writeFileSync('/dir/test', 'foobar', 'utf8');
-      fs.mkdirSync('/dir', 0o777);
-      const content = fs.readFileSync('/dir/test', 'utf8');
-      expect(content).toEqual('foobar');
-    });
-  });
-
-  describe('createWriteStream()', () => {
-    it('writes content', done => {
-      const stream = fs.createWriteStream('/test');
-      stream.write('hello, ');
-      stream.write('world');
-      stream.end('!');
-      process.nextTick(() => {
-        const content = fs.readFileSync('/test', 'utf8');
-        expect(content).toEqual('hello, world!');
-        done();
-      });
-    });
-  });
-
-  describe('writeSync()', () => {
-    it('writes content', () => {
-      const fd = fs.openSync('/test', 'w');
-      fs.writeSync(fd, 'hello, world!');
-      fs.closeSync(fd);
-      const content = fs.readFileSync('/test', 'utf8');
-      expect(content).toEqual('hello, world!');
-    });
-  });
-});
diff --git a/local-cli/bundle/__mocks__/sign.js b/local-cli/bundle/__mocks__/sign.js
index a7f2bdb6fc8aad..f8f9174f9b61f0 100644
--- a/local-cli/bundle/__mocks__/sign.js
+++ b/local-cli/bundle/__mocks__/sign.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 function sign(source) {
diff --git a/local-cli/bundle/__tests__/filterPlatformAssetScales-test.js b/local-cli/bundle/__tests__/filterPlatformAssetScales-test.js
index d39058dc6ba073..3b6f3b355e0686 100644
--- a/local-cli/bundle/__tests__/filterPlatformAssetScales-test.js
+++ b/local-cli/bundle/__tests__/filterPlatformAssetScales-test.js
@@ -4,19 +4,23 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
+
 'use strict';
 
-jest
-  .dontMock('../filterPlatformAssetScales')
-  .dontMock('../assetPathUtils');
+jest.dontMock('../filterPlatformAssetScales').dontMock('../assetPathUtils');
 
 const filterPlatformAssetScales = require('../filterPlatformAssetScales');
 
 describe('filterPlatformAssetScales', () => {
   it('removes everything but 2x and 3x for iOS', () => {
-    expect(filterPlatformAssetScales('ios', [1, 1.5, 2, 3, 4])).toEqual([1, 2, 3]);
+    expect(filterPlatformAssetScales('ios', [1, 1.5, 2, 3, 4])).toEqual([
+      1,
+      2,
+      3,
+    ]);
     expect(filterPlatformAssetScales('ios', [3, 4])).toEqual([3]);
   });
 
@@ -28,6 +32,11 @@ describe('filterPlatformAssetScales', () => {
   });
 
   it('keeps all scales for unknown platform', () => {
-    expect(filterPlatformAssetScales('freebsd', [1, 1.5, 2, 3.7])).toEqual([1, 1.5, 2, 3.7]);
+    expect(filterPlatformAssetScales('freebsd', [1, 1.5, 2, 3.7])).toEqual([
+      1,
+      1.5,
+      2,
+      3.7,
+    ]);
   });
 });
diff --git a/local-cli/bundle/__tests__/getAssetDestPathAndroid-test.js b/local-cli/bundle/__tests__/getAssetDestPathAndroid-test.js
index bd8e78d18d0645..cca0ce2af61b4c 100644
--- a/local-cli/bundle/__tests__/getAssetDestPathAndroid-test.js
+++ b/local-cli/bundle/__tests__/getAssetDestPathAndroid-test.js
@@ -4,13 +4,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
+
 'use strict';
 
-jest
-  .dontMock('../getAssetDestPathAndroid')
-  .dontMock('../assetPathUtils');
+jest.dontMock('../getAssetDestPathAndroid').dontMock('../assetPathUtils');
 
 const getAssetDestPathAndroid = require('../getAssetDestPathAndroid');
 
@@ -24,7 +24,9 @@ describe('getAssetDestPathAndroid', () => {
 
     const expectDestPathForScaleToStartWith = (scale, path) => {
       if (!getAssetDestPathAndroid(asset, scale).startsWith(path)) {
-        throw new Error(`asset for scale ${scale} should start with path '${path}'`);
+        throw new Error(
+          `asset for scale ${scale} should start with path '${path}'`,
+        );
       }
     };
 
@@ -43,7 +45,7 @@ describe('getAssetDestPathAndroid', () => {
     };
 
     expect(getAssetDestPathAndroid(asset, 1)).toBe(
-      'drawable-mdpi/app_test_icon.png'
+      'drawable-mdpi/app_test_icon.png',
     );
   });
 
@@ -54,9 +56,7 @@ describe('getAssetDestPathAndroid', () => {
       httpServerLocation: '/assets/RKJSModules/Apps/AndroidSample/Assets',
     };
 
-    expect(
-      getAssetDestPathAndroid(asset, 1).startsWith('assets_')
-    ).toBeFalsy();
+    expect(getAssetDestPathAndroid(asset, 1).startsWith('assets_')).toBeFalsy();
   });
 
   it('should put non-drawable resources to `raw/`', () => {
@@ -66,8 +66,6 @@ describe('getAssetDestPathAndroid', () => {
       httpServerLocation: '/assets/app/test',
     };
 
-    expect(getAssetDestPathAndroid(asset, 1)).toBe(
-      'raw/app_test_video.mp4'
-    );
+    expect(getAssetDestPathAndroid(asset, 1)).toBe('raw/app_test_video.mp4');
   });
 });
diff --git a/local-cli/bundle/__tests__/getAssetDestPathIOS-test.js b/local-cli/bundle/__tests__/getAssetDestPathIOS-test.js
index 52e54530ba7fc8..620c01571c7501 100644
--- a/local-cli/bundle/__tests__/getAssetDestPathIOS-test.js
+++ b/local-cli/bundle/__tests__/getAssetDestPathIOS-test.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
+
 'use strict';
 
 jest.dontMock('../getAssetDestPathIOS');
diff --git a/local-cli/bundle/assetPathUtils.js b/local-cli/bundle/assetPathUtils.js
index 891908eb480f31..bcfc880ddf637b 100644
--- a/local-cli/bundle/assetPathUtils.js
+++ b/local-cli/bundle/assetPathUtils.js
@@ -4,7 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @format
+ * @flow strict
  */
 
 'use strict';
@@ -17,12 +18,18 @@ import type {PackagerAsset} from '../../Libraries/Image/AssetRegistry';
  */
 function getAndroidAssetSuffix(scale: number): string {
   switch (scale) {
-    case 0.75: return 'ldpi';
-    case 1: return 'mdpi';
-    case 1.5: return 'hdpi';
-    case 2: return 'xhdpi';
-    case 3: return 'xxhdpi';
-    case 4: return 'xxxhdpi';
+    case 0.75:
+      return 'ldpi';
+    case 1:
+      return 'mdpi';
+    case 1.5:
+      return 'hdpi';
+    case 2:
+      return 'xhdpi';
+    case 3:
+      return 'xxhdpi';
+    case 4:
+      return 'xxxhdpi';
   }
   throw new Error('no such scale');
 }
@@ -45,8 +52,8 @@ function getAndroidResourceFolderName(asset: PackagerAsset, scale: number) {
   var suffix = getAndroidAssetSuffix(scale);
   if (!suffix) {
     throw new Error(
-      'Don\'t know which android drawable suffix to use for asset: ' +
-      JSON.stringify(asset)
+      "Don't know which android drawable suffix to use for asset: " +
+        JSON.stringify(asset),
     );
   }
   const androidFolder = 'drawable-' + suffix;
@@ -57,9 +64,9 @@ function getAndroidResourceIdentifier(asset: PackagerAsset) {
   var folderPath = getBasePath(asset);
   return (folderPath + '/' + asset.name)
     .toLowerCase()
-    .replace(/\//g, '_')           // Encode folder structure in file name
-    .replace(/([^a-z0-9_])/g, '')  // Remove illegal chars
-    .replace(/^assets_/, '');      // Remove "assets_" prefix
+    .replace(/\//g, '_') // Encode folder structure in file name
+    .replace(/([^a-z0-9_])/g, '') // Remove illegal chars
+    .replace(/^assets_/, ''); // Remove "assets_" prefix
 }
 
 function getBasePath(asset: PackagerAsset) {
@@ -74,5 +81,5 @@ module.exports = {
   getAndroidAssetSuffix: getAndroidAssetSuffix,
   getAndroidResourceFolderName: getAndroidResourceFolderName,
   getAndroidResourceIdentifier: getAndroidResourceIdentifier,
-  getBasePath: getBasePath
+  getBasePath: getBasePath,
 };
diff --git a/local-cli/bundle/buildBundle.js b/local-cli/bundle/buildBundle.js
index 10d1ecc6b78ba3..66d86462171df4 100644
--- a/local-cli/bundle/buildBundle.js
+++ b/local-cli/bundle/buildBundle.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
 
@@ -13,10 +14,7 @@ const log = require('../util/log').out('bundle');
 /* $FlowFixMe(site=react_native_oss) */
 const Server = require('metro/src/Server');
 const {Terminal} = require('metro-core');
-/* $FlowFixMe(site=react_native_oss) */
 const TerminalReporter = require('metro/src/lib/TerminalReporter');
-/* $FlowFixMe(site=react_native_oss) */
-const TransformCaching = require('metro/src/lib/TransformCaching');
 
 const {defaults} = require('metro');
 /* $FlowFixMe(site=react_native_oss) */
@@ -77,8 +75,8 @@ async function buildBundle(
       : defaultProvidesModuleNodeModules;
 
   const terminal = new Terminal(process.stdout);
-
   const server = new Server({
+    asyncRequireModulePath: config.getAsyncRequireModulePath(),
     assetExts: defaultAssetExts.concat(assetExts),
     assetRegistryPath: ASSET_REGISTRY_PATH,
     blacklistRE: config.getBlacklistRE(),
@@ -89,46 +87,43 @@ async function buildBundle(
     extraNodeModules: config.extraNodeModules,
     getModulesRunBeforeMainModule: config.getModulesRunBeforeMainModule,
     getPolyfills: config.getPolyfills,
+    getResolverMainFields: config.getResolverMainFields,
+    getRunModuleStatement: config.getRunModuleStatement,
     getTransformOptions: config.getTransformOptions,
-    globalTransformCache: null,
     hasteImplModulePath: config.hasteImplModulePath,
     maxWorkers: args.maxWorkers,
     platforms: defaultPlatforms.concat(platforms),
     postMinifyProcess: config.postMinifyProcess,
-    postProcessModules: config.postProcessModules,
     postProcessBundleSourcemap: config.postProcessBundleSourcemap,
-    projectRoots: config.getProjectRoots(),
+    projectRoot: config.getProjectRoot(),
     providesModuleNodeModules: providesModuleNodeModules,
-    resetCache: args.resetCache,
     reporter: new TerminalReporter(terminal),
+    resetCache: args.resetCache,
+    resolveRequest: config.resolveRequest,
     sourceExts: sourceExts.concat(defaultSourceExts),
-    transformCache: TransformCaching.useTempDir(),
     transformModulePath: transformModulePath,
     watch: false,
+    watchFolders: config.getWatchFolders(),
     workerPath: config.getWorkerPath && config.getWorkerPath(),
   });
 
-  const bundle = await output.build(server, requestOpts);
+  try {
+    const bundle = await output.build(server, requestOpts);
 
-  await output.save(bundle, args, log);
+    await output.save(bundle, args, log);
 
-  // Save the assets of the bundle
-  const outputAssets = await server.getAssets({
-    ...Server.DEFAULT_BUNDLE_OPTIONS,
-    ...requestOpts,
-    bundleType: 'todo',
-  });
-
-  // When we're done saving bundle output and the assets, we're done.
-  const assets = await saveAssets(
-    outputAssets,
-    args.platform,
-    args.assetsDest,
-  );
+    // Save the assets of the bundle
+    const outputAssets = await server.getAssets({
+      ...Server.DEFAULT_BUNDLE_OPTIONS,
+      ...requestOpts,
+      bundleType: 'todo',
+    });
 
-  server.end();
-
-  return assets;
+    // When we're done saving bundle output and the assets, we're done.
+    return await saveAssets(outputAssets, args.platform, args.assetsDest);
+  } finally {
+    server.end();
+  }
 }
 
 module.exports = buildBundle;
diff --git a/local-cli/bundle/bundle.js b/local-cli/bundle/bundle.js
index 7bc7099b58fbb2..96d995db46cdc5 100644
--- a/local-cli/bundle/bundle.js
+++ b/local-cli/bundle/bundle.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const buildBundle = require('./buildBundle');
diff --git a/local-cli/bundle/bundleCommandLineArgs.js b/local-cli/bundle/bundleCommandLineArgs.js
index cc63e32505a25d..4853f877ab7d6f 100644
--- a/local-cli/bundle/bundleCommandLineArgs.js
+++ b/local-cli/bundle/bundleCommandLineArgs.js
@@ -3,68 +3,94 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 module.exports = [
   {
     command: '--entry-file <path>',
-    description: 'Path to the root JS file, either absolute or relative to JS root',
-  }, {
+    description:
+      'Path to the root JS file, either absolute or relative to JS root',
+  },
+  {
     command: '--platform [string]',
     description: 'Either "ios" or "android"',
     default: 'ios',
-  }, {
+  },
+  {
     command: '--transformer [string]',
     description: 'Specify a custom transformer to be used',
-  }, {
+  },
+  {
     command: '--dev [boolean]',
     description: 'If false, warnings are disabled and the bundle is minified',
-    parse: (val) => val === 'false' ? false : true,
+    parse: val => (val === 'false' ? false : true),
     default: true,
-  }, {
+  },
+  {
     command: '--minify [boolean]',
-    description: 'Allows overriding whether bundle is minified. This defaults to ' +
+    description:
+      'Allows overriding whether bundle is minified. This defaults to ' +
       'false if dev is true, and true if dev is false. Disabling minification ' +
       'can be useful for speeding up production builds for testing purposes.',
-    parse: (val) => val === 'false' ? false : true,
-  }, {
+    parse: val => (val === 'false' ? false : true),
+  },
+  {
     command: '--bundle-output <string>',
-    description: 'File name where to store the resulting bundle, ex. /tmp/groups.bundle',
-  }, {
+    description:
+      'File name where to store the resulting bundle, ex. /tmp/groups.bundle',
+  },
+  {
     command: '--bundle-encoding [string]',
-    description: 'Encoding the bundle should be written in (https://nodejs.org/api/buffer.html#buffer_buffer).',
+    description:
+      'Encoding the bundle should be written in (https://nodejs.org/api/buffer.html#buffer_buffer).',
     default: 'utf8',
-  }, {
+  },
+  {
     command: '--max-workers [number]',
-    description: 'Specifies the maximum number of workers the worker-pool ' +
+    description:
+      'Specifies the maximum number of workers the worker-pool ' +
       'will spawn for transforming files. This defaults to the number of the ' +
       'cores available on your machine.',
     parse: (workers: string) => Number(workers),
-  }, {
+  },
+  {
     command: '--sourcemap-output [string]',
-    description: 'File name where to store the sourcemap file for resulting bundle, ex. /tmp/groups.map',
-  }, {
+    description:
+      'File name where to store the sourcemap file for resulting bundle, ex. /tmp/groups.map',
+  },
+  {
     command: '--sourcemap-sources-root [string]',
-    description: 'Path to make sourcemap\'s sources entries relative to, ex. /root/dir',
-  }, {
+    description:
+      "Path to make sourcemap's sources entries relative to, ex. /root/dir",
+  },
+  {
     command: '--sourcemap-use-absolute-path',
     description: 'Report SourceMapURL using its full path',
     default: false,
-  }, {
+  },
+  {
     command: '--assets-dest [string]',
-    description: 'Directory name where to store assets referenced in the bundle',
-  }, {
+    description:
+      'Directory name where to store assets referenced in the bundle',
+  },
+  {
     command: '--verbose',
     description: 'Enables logging',
     default: false,
-  }, {
+  },
+  {
     command: '--reset-cache',
     description: 'Removes cached files',
     default: false,
-  }, {
+  },
+  {
     command: '--read-global-cache',
-    description: 'Try to fetch transformed JS code from the global cache, if configured.',
+    description:
+      'Try to fetch transformed JS code from the global cache, if configured.',
     default: false,
   },
 ];
diff --git a/local-cli/bundle/filterPlatformAssetScales.js b/local-cli/bundle/filterPlatformAssetScales.js
index 0843b75dce6b76..d6a9f78cced7dd 100644
--- a/local-cli/bundle/filterPlatformAssetScales.js
+++ b/local-cli/bundle/filterPlatformAssetScales.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict
  * @format
  */
 
diff --git a/local-cli/bundle/getAssetDestPathAndroid.js b/local-cli/bundle/getAssetDestPathAndroid.js
index bdd3c49e32e415..316b56a4dfbbf8 100644
--- a/local-cli/bundle/getAssetDestPathAndroid.js
+++ b/local-cli/bundle/getAssetDestPathAndroid.js
@@ -4,7 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @format
+ * @flow strict
  */
 
 'use strict';
@@ -15,8 +16,11 @@ const path = require('path');
 import type {PackagerAsset} from '../../Libraries/Image/AssetRegistry';
 
 function getAssetDestPathAndroid(asset: PackagerAsset, scale: number): string {
-  const androidFolder = assetPathUtils.getAndroidResourceFolderName(asset, scale);
-  const fileName =  assetPathUtils.getAndroidResourceIdentifier(asset);
+  const androidFolder = assetPathUtils.getAndroidResourceFolderName(
+    asset,
+    scale,
+  );
+  const fileName = assetPathUtils.getAndroidResourceIdentifier(asset);
   return path.join(androidFolder, fileName + '.' + asset.type);
 }
 
diff --git a/local-cli/bundle/getAssetDestPathIOS.js b/local-cli/bundle/getAssetDestPathIOS.js
index 61b935a1703aee..5e6d3a6352fb14 100644
--- a/local-cli/bundle/getAssetDestPathIOS.js
+++ b/local-cli/bundle/getAssetDestPathIOS.js
@@ -4,7 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @format
+ * @flow strict
  */
 
 'use strict';
diff --git a/local-cli/bundle/ramBundle.js b/local-cli/bundle/ramBundle.js
new file mode 100644
index 00000000000000..1d85ba3c4c3292
--- /dev/null
+++ b/local-cli/bundle/ramBundle.js
@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+'use strict';
+
+const bundleWithOutput = require('./bundle').withOutput;
+const bundleCommandLineArgs = require('./bundleCommandLineArgs');
+const outputUnbundle = require('metro/src/shared/output/unbundle');
+
+/**
+ * Builds the bundle starting to look for dependencies at the given entry path.
+ */
+function ramBundle(argv, config, args) {
+  return bundleWithOutput(argv, config, args, outputUnbundle);
+}
+
+module.exports = {
+  name: 'ram-bundle',
+  description:
+    'builds javascript as a "Random Access Module" bundle for offline use',
+  func: ramBundle,
+  options: bundleCommandLineArgs.concat({
+    command: '--indexed-ram-bundle',
+    description:
+      'Force the "Indexed RAM" bundle file format, even when building for android',
+    default: false,
+  }),
+};
diff --git a/local-cli/bundle/saveAssets.js b/local-cli/bundle/saveAssets.js
index 94fe559a2b49e2..0961ed7d525d00 100644
--- a/local-cli/bundle/saveAssets.js
+++ b/local-cli/bundle/saveAssets.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const filterPlatformAssetScales = require('./filterPlatformAssetScales');
@@ -14,33 +17,29 @@ const log = require('../util/log').out('bundle');
 const mkdirp = require('mkdirp');
 const path = require('path');
 
-function saveAssets(
-  assets,
-  platform,
-  assetsDest
-) {
+function saveAssets(assets, platform, assetsDest) {
   if (!assetsDest) {
     console.warn('Assets destination folder is not set, skipping...');
     return Promise.resolve();
   }
 
-  const getAssetDestPath = platform === 'android'
-    ? getAssetDestPathAndroid
-    : getAssetDestPathIOS;
+  const getAssetDestPath =
+    platform === 'android' ? getAssetDestPathAndroid : getAssetDestPathIOS;
 
   const filesToCopy = Object.create(null); // Map src -> dest
-  assets
-    .forEach(asset => {
-      const validScales = new Set(filterPlatformAssetScales(platform, asset.scales));
-      asset.scales.forEach((scale, idx) => {
-        if (!validScales.has(scale)) {
-          return;
-        }
-        const src = asset.files[idx];
-        const dest = path.join(assetsDest, getAssetDestPath(asset, scale));
-        filesToCopy[src] = dest;
-      });
+  assets.forEach(asset => {
+    const validScales = new Set(
+      filterPlatformAssetScales(platform, asset.scales),
+    );
+    asset.scales.forEach((scale, idx) => {
+      if (!validScales.has(scale)) {
+        return;
+      }
+      const src = asset.files[idx];
+      const dest = path.join(assetsDest, getAssetDestPath(asset, scale));
+      filesToCopy[src] = dest;
     });
+  });
 
   return copyAll(filesToCopy);
 }
@@ -53,7 +52,7 @@ function copyAll(filesToCopy) {
 
   log('Copying ' + queue.length + ' asset files');
   return new Promise((resolve, reject) => {
-    const copyNext = (error) => {
+    const copyNext = error => {
       if (error) {
         return reject(error);
       }
diff --git a/local-cli/bundle/types.flow.js b/local-cli/bundle/types.flow.js
index ecf86af407ee6b..3fb3d930ee1bbb 100644
--- a/local-cli/bundle/types.flow.js
+++ b/local-cli/bundle/types.flow.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
+
 'use strict';
 
 /* $FlowFixMe(site=react_native_oss) */
diff --git a/local-cli/bundle/unbundle.js b/local-cli/bundle/unbundle.js
index bc7785fd0ee80b..dfc7fa2483b1ac 100644
--- a/local-cli/bundle/unbundle.js
+++ b/local-cli/bundle/unbundle.js
@@ -3,27 +3,28 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
-const bundleWithOutput = require('./bundle').withOutput;
 const bundleCommandLineArgs = require('./bundleCommandLineArgs');
-const outputUnbundle = require('metro/src/shared/output/unbundle');
-
-/**
- * Builds the bundle starting to look for dependencies at the given entry path.
- */
-function unbundle(argv, config, args) {
-  return bundleWithOutput(argv, config, args, outputUnbundle);
-}
 
 module.exports = {
   name: 'unbundle',
-  description: 'builds javascript as "unbundle" for offline use',
-  func: unbundle,
+  description: 'Deprecated. Renamed to `ram-bundle`.',
+  func: () => {
+    throw new Error(
+      'The `unbundle` command has been renamed `ram-bundle` to better ' +
+        'represent the actual functionality. `ram` mean "Random Access ' +
+        'Module", this particular format of bundle. Functionality remained ' +
+        'unchanged.',
+    );
+  },
   options: bundleCommandLineArgs.concat({
     command: '--indexed-unbundle',
-    description: 'Force indexed unbundle file format, even when building for android',
+    description: 'Deprecated. Renamed to `--indexed-ram-bundle`.',
     default: false,
   }),
 };
diff --git a/local-cli/cli.js b/local-cli/cli.js
index 3f31cbad4770be..04f0950052b292 100644
--- a/local-cli/cli.js
+++ b/local-cli/cli.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 // gracefulify() has to be called before anything else runs
diff --git a/local-cli/cliEntry.js b/local-cli/cliEntry.js
index 018dd8459a5f19..d342e9ed0d53a8 100644
--- a/local-cli/cliEntry.js
+++ b/local-cli/cliEntry.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
+
 'use strict';
 
 const config = require('./core');
@@ -30,12 +32,16 @@ import type {RNConfig} from './core';
 
 commander.version(pkg.version);
 
-const defaultOptParser = (val) => val;
+const defaultOptParser = val => val;
 
-const handleError = (err) => {
+const handleError = err => {
   console.error();
   console.error(err.message || err);
   console.error();
+  if (err.stack) {
+    console.error(err.stack);
+    console.error();
+  }
   process.exit(1);
 };
 
@@ -48,15 +54,12 @@ function printHelpInformation() {
   }
 
   const sourceInformation = this.pkg
-    ? [
-      `  ${chalk.bold('Source:')} ${this.pkg.name}@${this.pkg.version}`,
-      '',
-    ]
+    ? [`  ${chalk.bold('Source:')} ${this.pkg.name}@${this.pkg.version}`, '']
     : [];
 
   let output = [
     '',
-    chalk.bold(chalk.cyan((`  react-native ${cmdName} ${this.usage()}`))),
+    chalk.bold(chalk.cyan(`  react-native ${cmdName} ${this.usage()}`)),
     `  ${this._description}`,
     '',
     ...sourceInformation,
@@ -67,9 +70,9 @@ function printHelpInformation() {
   ];
 
   if (this.examples && this.examples.length > 0) {
-    const formattedUsage = this.examples.map(
-      example => `    ${example.desc}: \n    ${chalk.cyan(example.cmd)}`,
-    ).join('\n\n');
+    const formattedUsage = this.examples
+      .map(example => `    ${example.desc}: \n    ${chalk.cyan(example.cmd)}`)
+      .join('\n\n');
 
     output = output.concat([
       chalk.bold('  Example usage:'),
@@ -78,21 +81,22 @@ function printHelpInformation() {
     ]);
   }
 
-  return output.concat([
-    '',
-    '',
-  ]).join('\n');
+  return output.concat(['', '']).join('\n');
 }
 
 function printUnknownCommand(cmdName) {
-  console.log([
-    '',
-    cmdName
-      ? chalk.red(`  Unrecognized command '${cmdName}'`)
-      : chalk.red('  You didn\'t pass any command'),
-    `  Run ${chalk.cyan('react-native --help')} to see list of all available commands`,
-    '',
-  ].join('\n'));
+  console.log(
+    [
+      '',
+      cmdName
+        ? chalk.red(`  Unrecognized command '${cmdName}'`)
+        : chalk.red("  You didn't pass any command"),
+      `  Run ${chalk.cyan(
+        'react-native --help',
+      )} to see list of all available commands`,
+      '',
+    ].join('\n'),
+  );
 }
 
 const addCommand = (command: CommandT, cfg: RNConfig) => {
@@ -115,17 +119,18 @@ const addCommand = (command: CommandT, cfg: RNConfig) => {
         .catch(handleError);
     });
 
-    cmd.helpInformation = printHelpInformation.bind(cmd);
-    cmd.examples = command.examples;
-    cmd.pkg = command.pkg;
+  cmd.helpInformation = printHelpInformation.bind(cmd);
+  cmd.examples = command.examples;
+  cmd.pkg = command.pkg;
 
-  options
-    .forEach(opt => cmd.option(
+  options.forEach(opt =>
+    cmd.option(
       opt.command,
       opt.description,
       opt.parse || defaultOptParser,
       typeof opt.default === 'function' ? opt.default(cfg) : opt.default,
-    ));
+    ),
+  );
 
   // Placeholder option for --config, which is parsed before any other option,
   // but needs to be here to avoid "unknown option" errors when specified
@@ -143,7 +148,9 @@ function run() {
 
   commander.parse(process.argv);
 
-  const isValidCommand = commands.find(cmd => cmd.name.split(' ')[0] === process.argv[2]);
+  const isValidCommand = commands.find(
+    cmd => cmd.name.split(' ')[0] === process.argv[2],
+  );
 
   if (!isValidCommand) {
     printUnknownCommand(process.argv[2]);
diff --git a/local-cli/commands.js b/local-cli/commands.js
index 1e1a2054738429..2a704aa5d4465f 100644
--- a/local-cli/commands.js
+++ b/local-cli/commands.js
@@ -4,13 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
+
 'use strict';
 
-const { getProjectCommands } = require('./core');
+const {getProjectCommands} = require('./core');
 
-import type { RNConfig } from './core';
+import type {RNConfig} from './core';
 
 export type CommandT = {
   name: string,
@@ -40,6 +42,7 @@ const documentedCommands = [
   require('./library/library'),
   require('./bundle/bundle'),
   require('./bundle/unbundle'),
+  require('./bundle/ramBundle'),
   require('./eject/eject'),
   require('./link/link'),
   require('./link/unlink'),
@@ -58,10 +61,12 @@ const undocumentedCommands = [
   {
     name: 'init',
     func: () => {
-      console.log([
-        'Looks like React Native project already exists in the current',
-        'folder. Run this command from a different folder or remove node_modules/react-native',
-      ].join('\n'));
+      console.log(
+        [
+          'Looks like React Native project already exists in the current',
+          'folder. Run this command from a different folder or remove node_modules/react-native',
+        ].join('\n'),
+      );
     },
   },
 ];
diff --git a/local-cli/core/Constants.js b/local-cli/core/Constants.js
index 73fddbbb1035aa..38d6f22292c4c5 100644
--- a/local-cli/core/Constants.js
+++ b/local-cli/core/Constants.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict
  * @format
  */
 
diff --git a/local-cli/core/__fixtures__/android.js b/local-cli/core/__fixtures__/android.js
index 6e8c9c20d31108..2d6447b875651e 100644
--- a/local-cli/core/__fixtures__/android.js
+++ b/local-cli/core/__fixtures__/android.js
@@ -1,8 +1,14 @@
+/** @format */
+
 const fs = require.requireActual('fs');
 const path = require('path');
 
-const manifest = fs.readFileSync(path.join(__dirname, './files/AndroidManifest.xml'));
-const mainJavaClass = fs.readFileSync(path.join(__dirname, './files/Main.java'));
+const manifest = fs.readFileSync(
+  path.join(__dirname, './files/AndroidManifest.xml'),
+);
+const mainJavaClass = fs.readFileSync(
+  path.join(__dirname, './files/Main.java'),
+);
 
 function generateValidFileStructure(classFileName) {
   return {
@@ -13,7 +19,9 @@ function generateValidFileStructure(classFileName) {
           some: {
             example: {
               'Main.java': mainJavaClass,
-              [classFileName]: fs.readFileSync(path.join(__dirname, `./files/${classFileName}`)),
+              [classFileName]: fs.readFileSync(
+                path.join(__dirname, `./files/${classFileName}`),
+              ),
             },
           },
         },
@@ -34,13 +42,17 @@ exports.userConfigManifest = {
         some: {
           example: {
             'Main.java': mainJavaClass,
-            'ReactPackage.java': fs.readFileSync(path.join(__dirname, './files/ReactPackage.java')),
+            'ReactPackage.java': fs.readFileSync(
+              path.join(__dirname, './files/ReactPackage.java'),
+            ),
           },
         },
       },
     },
     debug: {
-      'AndroidManifest.xml': fs.readFileSync(path.join(__dirname, './files/AndroidManifest-debug.xml')),
+      'AndroidManifest.xml': fs.readFileSync(
+        path.join(__dirname, './files/AndroidManifest-debug.xml'),
+      ),
     },
   },
 };
diff --git a/local-cli/core/__fixtures__/commands.js b/local-cli/core/__fixtures__/commands.js
index cbe4193be29e78..2f98b7ef505f47 100644
--- a/local-cli/core/__fixtures__/commands.js
+++ b/local-cli/core/__fixtures__/commands.js
@@ -1,15 +1,20 @@
+/** @format */
+
 exports.single = {
   func: () => {},
   description: 'Test action',
   name: 'test',
 };
 
-exports.multiple = [{
-  func: () => {},
-  description: 'Test action #1',
-  name: 'test1',
-}, {
-  func: () => {},
-  description: 'Test action #2',
-  name: 'test2',
-}];
+exports.multiple = [
+  {
+    func: () => {},
+    description: 'Test action #1',
+    name: 'test1',
+  },
+  {
+    func: () => {},
+    description: 'Test action #2',
+    name: 'test2',
+  },
+];
diff --git a/local-cli/core/__fixtures__/dependencies.js b/local-cli/core/__fixtures__/dependencies.js
index 286064e8fe7d2f..decb08a161c228 100644
--- a/local-cli/core/__fixtures__/dependencies.js
+++ b/local-cli/core/__fixtures__/dependencies.js
@@ -1,3 +1,5 @@
+/** @format */
+
 const fs = require.requireActual('fs');
 const path = require('path');
 const android = require('./android');
diff --git a/local-cli/core/__fixtures__/files/project.pbxproj b/local-cli/core/__fixtures__/files/project.pbxproj
index 004cee72bc27d7..b27d06606be3c2 100644
--- a/local-cli/core/__fixtures__/files/project.pbxproj
+++ b/local-cli/core/__fixtures__/files/project.pbxproj
@@ -597,7 +597,7 @@
 					"$(inherited)",
 				);
 				INFOPLIST_FILE = androidTestTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
 				LIBRARY_SEARCH_PATHS = (
 					"$(inherited)",
@@ -620,7 +620,7 @@
 					"$(inherited)",
 				);
 				INFOPLIST_FILE = androidTestTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
 				LIBRARY_SEARCH_PATHS = (
 					"$(inherited)",
@@ -717,7 +717,7 @@
 					"$(SRCROOT)/../node_modules/react-native-linear-gradient/**",
 					"$(SRCROOT)/../node_modules/react-native-video",
 				);
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -761,7 +761,7 @@
 					"$(SRCROOT)/../node_modules/react-native-linear-gradient/**",
 					"$(SRCROOT)/../node_modules/react-native-video",
 				);
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				VALIDATE_PRODUCT = YES;
diff --git a/local-cli/core/__fixtures__/ios.js b/local-cli/core/__fixtures__/ios.js
index 92256edcd61824..99e84080fbacbb 100644
--- a/local-cli/core/__fixtures__/ios.js
+++ b/local-cli/core/__fixtures__/ios.js
@@ -1,19 +1,25 @@
+/** @format */
+
 const fs = require.requireActual('fs');
 const path = require('path');
 
 exports.valid = {
   'demoProject.xcodeproj': {
-    'project.pbxproj': fs.readFileSync(path.join(__dirname, './files/project.pbxproj')),
+    'project.pbxproj': fs.readFileSync(
+      path.join(__dirname, './files/project.pbxproj'),
+    ),
   },
-  'TestPod.podspec': 'empty'
+  'TestPod.podspec': 'empty',
 };
 
 exports.validTestName = {
   'MyTestProject.xcodeproj': {
-    'project.pbxproj': fs.readFileSync(path.join(__dirname, './files/project.pbxproj')),
+    'project.pbxproj': fs.readFileSync(
+      path.join(__dirname, './files/project.pbxproj'),
+    ),
   },
 };
 
 exports.pod = {
-  'TestPod.podspec': 'empty'
+  'TestPod.podspec': 'empty',
 };
diff --git a/local-cli/core/__fixtures__/projects.js b/local-cli/core/__fixtures__/projects.js
index a9a74e06e02ee0..28414b3d95a33b 100644
--- a/local-cli/core/__fixtures__/projects.js
+++ b/local-cli/core/__fixtures__/projects.js
@@ -1,10 +1,12 @@
+/** @format */
+
 const android = require('./android');
 const ios = require('./ios');
 
 const flat = {
   android: android.valid,
   ios: ios.valid,
-  Podfile: 'empty'
+  Podfile: 'empty',
 };
 
 const nested = {
@@ -22,7 +24,7 @@ const withExamples = {
 
 const withPods = {
   Podfile: 'content',
-  ios: ios.pod
+  ios: ios.pod,
 };
 
-module.exports = { flat, nested, withExamples, withPods };
+module.exports = {flat, nested, withExamples, withPods};
diff --git a/local-cli/core/__tests__/ios/findPodfilePath.spec.js b/local-cli/core/__tests__/ios/findPodfilePath.spec.js
index a5e97030574eef..1ada4b658ed61c 100644
--- a/local-cli/core/__tests__/ios/findPodfilePath.spec.js
+++ b/local-cli/core/__tests__/ios/findPodfilePath.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
diff --git a/local-cli/core/__tests__/ios/findPodspecName.spec.js b/local-cli/core/__tests__/ios/findPodspecName.spec.js
index 91873779022ad1..7829ab6e34eba0 100644
--- a/local-cli/core/__tests__/ios/findPodspecName.spec.js
+++ b/local-cli/core/__tests__/ios/findPodspecName.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -32,9 +33,9 @@ describe('ios::findPodspecName', () => {
       user: {
         PacketName: {
           'Another.podspec': 'empty',
-          'PacketName.podspec': 'empty'
-        }
-      }
+          'PacketName.podspec': 'empty',
+        },
+      },
     });
     expect(findPodspecName('/user/PacketName')).toBe('PacketName');
   });
@@ -44,9 +45,9 @@ describe('ios::findPodspecName', () => {
       user: {
         packet: {
           'Another.podspec': 'empty',
-          'PacketName.podspec': 'empty'
-        }
-      }
+          'PacketName.podspec': 'empty',
+        },
+      },
     });
     expect(findPodspecName('/user/packet')).toBe('Another');
   });
diff --git a/local-cli/core/android/findAndroidAppFolder.js b/local-cli/core/android/findAndroidAppFolder.js
index 6eac1dea16c227..4eb3416d9533a6 100644
--- a/local-cli/core/android/findAndroidAppFolder.js
+++ b/local-cli/core/android/findAndroidAppFolder.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const fs = require('fs');
diff --git a/local-cli/core/android/findManifest.js b/local-cli/core/android/findManifest.js
index 481a8a4745259a..9bacbee4742de4 100644
--- a/local-cli/core/android/findManifest.js
+++ b/local-cli/core/android/findManifest.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const glob = require('glob');
diff --git a/local-cli/core/android/findPackageClassName.js b/local-cli/core/android/findPackageClassName.js
index 45e2706a4d2959..6fe1d3c359ff2d 100644
--- a/local-cli/core/android/findPackageClassName.js
+++ b/local-cli/core/android/findPackageClassName.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const fs = require('fs');
@@ -17,7 +20,7 @@ const path = require('path');
  * @param {String} folder Folder to find java/kt files
  */
 module.exports = function getPackageClassName(folder) {
-  const files = glob.sync('**/+(*.java|*.kt)', { cwd: folder });
+  const files = glob.sync('**/+(*.java|*.kt)', {cwd: folder});
 
   const packages = files
     .map(filePath => fs.readFileSync(path.join(folder, filePath), 'utf8'))
diff --git a/local-cli/core/android/index.js b/local-cli/core/android/index.js
index c21ca60d8f7e14..914341a1223453 100644
--- a/local-cli/core/android/index.js
+++ b/local-cli/core/android/index.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const findAndroidAppFolder = require('./findAndroidAppFolder');
@@ -12,7 +15,7 @@ const findPackageClassName = require('./findPackageClassName');
 const path = require('path');
 const readManifest = require('./readManifest');
 
-const getPackageName = (manifest) => manifest.attr.package;
+const getPackageName = manifest => manifest.attr.package;
 
 /**
  * Gets android project config by analyzing given folder and taking some
@@ -43,33 +46,34 @@ exports.projectConfig = function projectConfigAndroid(folder, userConfig) {
     throw new Error(`Package name not found in ${manifestPath}`);
   }
 
-  const packageFolder = userConfig.packageFolder ||
-    packageName.replace(/\./g, path.sep);
+  const packageFolder =
+    userConfig.packageFolder || packageName.replace(/\./g, path.sep);
 
   const mainFilePath = path.join(
     sourceDir,
-    userConfig.mainFilePath || `src/main/java/${packageFolder}/MainApplication.java`
+    userConfig.mainFilePath ||
+      `src/main/java/${packageFolder}/MainApplication.java`,
   );
 
   const stringsPath = path.join(
     sourceDir,
-    userConfig.stringsPath || 'src/main/res/values/strings.xml'
+    userConfig.stringsPath || 'src/main/res/values/strings.xml',
   );
 
   const settingsGradlePath = path.join(
     folder,
     'android',
-    userConfig.settingsGradlePath || 'settings.gradle'
+    userConfig.settingsGradlePath || 'settings.gradle',
   );
 
   const assetsPath = path.join(
     sourceDir,
-    userConfig.assetsPath || 'src/main/assets'
+    userConfig.assetsPath || 'src/main/assets',
   );
 
   const buildGradlePath = path.join(
     sourceDir,
-    userConfig.buildGradlePath || 'build.gradle'
+    userConfig.buildGradlePath || 'build.gradle',
   );
 
   return {
@@ -89,7 +93,10 @@ exports.projectConfig = function projectConfigAndroid(folder, userConfig) {
  * Same as projectConfigAndroid except it returns
  * different config that applies to packages only
  */
-exports.dependencyConfig = function dependencyConfigAndroid(folder, userConfig) {
+exports.dependencyConfig = function dependencyConfigAndroid(
+  folder,
+  userConfig,
+) {
   const src = userConfig.sourceDir || findAndroidAppFolder(folder);
 
   if (!src) {
@@ -116,13 +123,14 @@ exports.dependencyConfig = function dependencyConfigAndroid(folder, userConfig)
     return null;
   }
 
-  const packageImportPath = userConfig.packageImportPath ||
+  const packageImportPath =
+    userConfig.packageImportPath ||
     `import ${packageName}.${packageClassName};`;
 
-  const packageInstance = userConfig.packageInstance ||
-    `new ${packageClassName}()`;
+  const packageInstance =
+    userConfig.packageInstance || `new ${packageClassName}()`;
 
-  return { sourceDir, folder, manifest, packageImportPath, packageInstance };
+  return {sourceDir, folder, manifest, packageImportPath, packageInstance};
 };
 
 exports.linkConfig = require('../../link/android');
diff --git a/local-cli/core/android/readManifest.js b/local-cli/core/android/readManifest.js
index 7215c67b18e57b..7d61883ca21c32 100644
--- a/local-cli/core/android/readManifest.js
+++ b/local-cli/core/android/readManifest.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const fs = require('fs');
diff --git a/local-cli/core/findAssets.js b/local-cli/core/findAssets.js
index 1240f25e7ebc0f..db8b2360031f6e 100644
--- a/local-cli/core/findAssets.js
+++ b/local-cli/core/findAssets.js
@@ -3,14 +3,17 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const glob = require('glob');
 const path = require('path');
 
-const findAssetsInFolder = (folder) =>
-  glob.sync(path.join(folder, '**'), { nodir: true });
+const findAssetsInFolder = folder =>
+  glob.sync(path.join(folder, '**'), {nodir: true});
 
 /**
  * Given an array of assets folders, e.g. ['Fonts', 'Images'],
@@ -21,8 +24,9 @@ const findAssetsInFolder = (folder) =>
 module.exports = function findAssets(folder, assets) {
   return (assets || [])
     .map(assetsFolder => path.join(folder, assetsFolder))
-    .reduce((_assets, assetsFolder) =>
-      _assets.concat(findAssetsInFolder(assetsFolder)),
-      []
+    .reduce(
+      (_assets, assetsFolder) =>
+        _assets.concat(findAssetsInFolder(assetsFolder)),
+      [],
     );
 };
diff --git a/local-cli/core/findPlugins.js b/local-cli/core/findPlugins.js
index fbf3f064f703bf..595577ba8e875c 100644
--- a/local-cli/core/findPlugins.js
+++ b/local-cli/core/findPlugins.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const path = require('path');
@@ -16,10 +19,11 @@ const flatten = require('lodash').flatten;
  * @param  {String} dependency Name of the dependency
  * @return {Boolean}           If dependency is a rnpm plugin
  */
-const isRNPMPlugin = (dependency) => dependency.indexOf('rnpm-plugin-') === 0;
-const isReactNativePlugin = (dependency) => dependency.indexOf('react-native-') === 0;
+const isRNPMPlugin = dependency => dependency.indexOf('rnpm-plugin-') === 0;
+const isReactNativePlugin = dependency =>
+  dependency.indexOf('react-native-') === 0;
 
-const readPackage = (folder) => {
+const readPackage = folder => {
   try {
     return require(path.join(folder, 'package.json'));
   } catch (e) {
@@ -27,7 +31,7 @@ const readPackage = (folder) => {
   }
 };
 
-const findPluginsInReactNativePackage = (pjson) => {
+const findPluginsInReactNativePackage = pjson => {
   if (!pjson.rnpm || !pjson.rnpm.plugin) {
     return [];
   }
@@ -35,7 +39,7 @@ const findPluginsInReactNativePackage = (pjson) => {
   return path.join(pjson.name, pjson.rnpm.plugin);
 };
 
-const findPlatformsInPackage = (pjson) => {
+const findPlatformsInPackage = pjson => {
   if (!pjson.rnpm || !pjson.rnpm.platform) {
     return [];
   }
@@ -43,7 +47,7 @@ const findPlatformsInPackage = (pjson) => {
   return path.join(pjson.name, pjson.rnpm.platform);
 };
 
-const findPluginInFolder = (folder) => {
+const findPluginInFolder = folder => {
   const pjson = readPackage(folder);
 
   if (!pjson) {
@@ -52,7 +56,7 @@ const findPluginInFolder = (folder) => {
 
   const deps = union(
     Object.keys(pjson.dependencies || {}),
-    Object.keys(pjson.devDependencies || {})
+    Object.keys(pjson.devDependencies || {}),
   );
 
   return deps.reduce(
@@ -71,7 +75,7 @@ const findPluginInFolder = (folder) => {
       }
       return {commands: commands, platforms: platforms};
     },
-    {commands: [], platforms: []}
+    {commands: [], platforms: []},
   );
 };
 
@@ -84,6 +88,6 @@ module.exports = function findPlugins(folders) {
   const plugins = folders.map(findPluginInFolder);
   return {
     commands: uniq(flatten(plugins.map(p => p.commands))),
-    platforms: uniq(flatten(plugins.map(p => p.platforms)))
+    platforms: uniq(flatten(plugins.map(p => p.platforms))),
   };
 };
diff --git a/local-cli/core/index.js b/local-cli/core/index.js
index e5f2ba33af6b37..4d94aaebef4bac 100644
--- a/local-cli/core/index.js
+++ b/local-cli/core/index.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
+
 'use strict';
 
 const android = require('./android');
@@ -48,39 +50,45 @@ export type RNConfig = {
   getDependencyConfig(pkgName: string): Object,
 };
 
-const getRNPMConfig = (folder) =>
+const getRNPMConfig = folder =>
   // $FlowFixMe non-literal require
   require(path.join(folder, './package.json')).rnpm || {};
 
-const attachPackage = (command, pkg) => Array.isArray(command)
-  ? command.map(cmd => attachPackage(cmd, pkg))
-  : { ...command, pkg };
+const attachPackage = (command, pkg) =>
+  Array.isArray(command)
+    ? command.map(cmd => attachPackage(cmd, pkg))
+    : {...command, pkg};
 
 const appRoot = process.cwd();
 const plugins = findPlugins([appRoot]);
-const pluginPlatforms = plugins
-  .platforms
-  .reduce((acc, pathToPlatforms) => {
+const pluginPlatforms = plugins.platforms.reduce((acc, pathToPlatforms) => {
+  return Object.assign(
+    acc,
     // $FlowFixMe non-literal require
-    return Object.assign(acc, require(path.join(appRoot, 'node_modules', pathToPlatforms)));
-  },
-  {});
+    require(path.join(appRoot, 'node_modules', pathToPlatforms)),
+  );
+}, {});
 
 const defaultRNConfig = {
+  hasteImplModulePath: require.resolve('../../jest/hasteImpl'),
+
+  getPlatforms(): Array<string> {
+    return ['ios', 'android', 'windows', 'web'];
+  },
+
+  getProvidesModuleNodeModules(): Array<string> {
+    return ['react-native', 'react-native-windows'];
+  },
 
   getProjectCommands(): Array<CommandT> {
-    const commands = plugins
-      .commands
-      .map(pathToCommands => {
-        const name = pathToCommands.split(path.sep)[0];
-
-        return attachPackage(
-          // $FlowFixMe non-literal require
-          require(path.join(appRoot, 'node_modules', pathToCommands)),
-          // $FlowFixMe non-literal require
-          require(path.join(appRoot, 'node_modules', name, 'package.json'))
-        );
-      });
+    const commands = plugins.commands.map(pathToCommands => {
+      const name = pathToCommands.split(path.sep)[0];
+
+      return attachPackage(
+        require(path.join(appRoot, 'node_modules', pathToCommands)),
+        require(path.join(appRoot, 'node_modules', name, 'package.json')),
+      );
+    });
 
     return flatten(commands);
   },
@@ -89,7 +97,7 @@ const defaultRNConfig = {
     return {
       ios,
       android,
-      ...pluginPlatforms
+      ...pluginPlatforms,
     };
   },
 
@@ -113,7 +121,7 @@ const defaultRNConfig = {
     const platforms = this.getPlatformConfig();
     const folder = path.join(process.cwd(), 'node_modules', packageName);
     const rnpm = getRNPMConfig(
-      path.join(process.cwd(), 'node_modules', packageName)
+      path.join(process.cwd(), 'node_modules', packageName),
     );
 
     let config = Object.assign({}, rnpm, {
@@ -135,9 +143,10 @@ const defaultRNConfig = {
  */
 function getCliConfig(): RNConfig {
   const cliArgs = minimist(process.argv.slice(2));
-  const config = cliArgs.config != null
-    ? Config.load(path.resolve(__dirname, cliArgs.config))
-    : Config.findOptional(__dirname);
+  const config =
+    cliArgs.config != null
+      ? Config.load(path.resolve(__dirname, cliArgs.config))
+      : Config.findOptional(__dirname);
 
   return {...defaultRNConfig, ...config};
 }
diff --git a/local-cli/core/ios/findPodfilePath.js b/local-cli/core/ios/findPodfilePath.js
index 6964a8d1ac799c..91efb191d63551 100644
--- a/local-cli/core/ios/findPodfilePath.js
+++ b/local-cli/core/ios/findPodfilePath.js
@@ -1,3 +1,5 @@
+/** @format */
+
 'use strict';
 
 const fs = require('fs');
diff --git a/local-cli/core/ios/findPodspecName.js b/local-cli/core/ios/findPodspecName.js
index 53a7ca5c3f110e..8f43d4360538db 100644
--- a/local-cli/core/ios/findPodspecName.js
+++ b/local-cli/core/ios/findPodspecName.js
@@ -1,25 +1,24 @@
+/** @format */
+
 'use strict';
 
 const glob = require('glob');
 const path = require('path');
 
 module.exports = function findPodspecName(folder) {
-  const podspecs = glob.sync('*.podspec', { cwd: folder });
+  const podspecs = glob.sync('*.podspec', {cwd: folder});
   let podspecFile = null;
   if (podspecs.length === 0) {
     return null;
-  }
-  else if (podspecs.length === 1) {
+  } else if (podspecs.length === 1) {
     podspecFile = podspecs[0];
-  }
-  else {
+  } else {
     const folderParts = folder.split(path.sep);
     const currentFolder = folderParts[folderParts.length - 1];
     const toSelect = podspecs.indexOf(currentFolder + '.podspec');
     if (toSelect === -1) {
       podspecFile = podspecs[0];
-    }
-    else {
+    } else {
       podspecFile = podspecs[toSelect];
     }
   }
diff --git a/local-cli/core/ios/findProject.js b/local-cli/core/ios/findProject.js
index 05b9e20b9b7ac1..3a6547015af295 100644
--- a/local-cli/core/ios/findProject.js
+++ b/local-cli/core/ios/findProject.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const glob = require('glob');
diff --git a/local-cli/core/ios/index.js b/local-cli/core/ios/index.js
index bb306f47846bbc..f99a270fbc7ea4 100644
--- a/local-cli/core/ios/index.js
+++ b/local-cli/core/ios/index.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const findProject = require('./findProject');
@@ -15,7 +18,7 @@ const path = require('path');
  * For libraries specified without an extension, add '.tbd' for those that
  * start with 'lib' and '.framework' to the rest.
  */
-const mapSharedLibaries = (libraries) => {
+const mapSharedLibaries = libraries => {
   return libraries.map(name => {
     if (path.extname(name)) {
       return name;
diff --git a/local-cli/core/makeCommand.js b/local-cli/core/makeCommand.js
index a386a0fba376ab..07fe346918ea99 100644
--- a/local-cli/core/makeCommand.js
+++ b/local-cli/core/makeCommand.js
@@ -3,15 +3,20 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const spawn = require('child_process').spawn;
 
 module.exports = function makeCommand(command) {
-  return (cb) => {
+  return cb => {
     if (!cb) {
-      throw new Error(`You missed a callback function for the ${command} command`);
+      throw new Error(
+        `You missed a callback function for the ${command} command`,
+      );
     }
 
     const args = command.split(' ');
diff --git a/local-cli/core/wrapCommands.js b/local-cli/core/wrapCommands.js
index f47cec265406b2..b5876a69977b0c 100644
--- a/local-cli/core/wrapCommands.js
+++ b/local-cli/core/wrapCommands.js
@@ -3,14 +3,17 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const makeCommand = require('./makeCommand');
 
 module.exports = function wrapCommands(commands) {
   const mappedCommands = {};
-  Object.keys(commands || []).forEach((k) => {
+  Object.keys(commands || []).forEach(k => {
     mappedCommands[k] = makeCommand(commands[k]);
   });
   return mappedCommands;
diff --git a/local-cli/dependencies/dependencies.js b/local-cli/dependencies/dependencies.js
index b80f68249de630..baa6ec4a7a4da4 100644
--- a/local-cli/dependencies/dependencies.js
+++ b/local-cli/dependencies/dependencies.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const Metro = require('metro');
@@ -17,19 +20,21 @@ const {ASSET_REGISTRY_PATH} = require('../core/Constants');
 function dependencies(argv, config, args, packagerInstance) {
   const rootModuleAbsolutePath = args.entryFile;
   if (!fs.existsSync(rootModuleAbsolutePath)) {
-    return Promise.reject(new Error(`File ${rootModuleAbsolutePath} does not exist`));
+    return Promise.reject(
+      new Error(`File ${rootModuleAbsolutePath} does not exist`),
+    );
   }
 
-  const transformModulePath =
-      args.transformer ? path.resolve(args.transformer) :
-      typeof config.getTransformModulePath === 'function' ? config.getTransformModulePath() :
-      undefined;
-
+  const transformModulePath = args.transformer
+    ? path.resolve(args.transformer)
+    : typeof config.getTransformModulePath === 'function'
+      ? config.getTransformModulePath()
+      : undefined;
 
   const packageOpts = {
     assetRegistryPath: ASSET_REGISTRY_PATH,
     cacheStores: [],
-    projectRoots: config.getProjectRoots(),
+    projectRoot: config.getProjectRoot(),
     blacklistRE: config.getBlacklistRE(),
     dynamicDepsInPackages: config.dynamicDepsInPackages,
     getPolyfills: config.getPolyfills,
@@ -39,15 +44,14 @@ function dependencies(argv, config, args, packagerInstance) {
     transformModulePath: transformModulePath,
     extraNodeModules: config.extraNodeModules,
     verbose: config.verbose,
+    watchFolders: config.getWatchFolders(),
     workerPath: config.getWorkerPath(),
   };
 
-  const relativePath = packageOpts.projectRoots.map(root =>
-    path.relative(
-      root,
-      rootModuleAbsolutePath
-    )
-  )[0];
+  const relativePath = path.relative(
+    packageOpts.projectRoot,
+    rootModuleAbsolutePath,
+  );
 
   const options = {
     platform: args.platform,
@@ -62,18 +66,19 @@ function dependencies(argv, config, args, packagerInstance) {
     ? fs.createWriteStream(args.output)
     : process.stdout;
 
-  return Promise.resolve((packagerInstance ?
-    packagerInstance.getOrderedDependencyPaths(options) :
-    Metro.getOrderedDependencyPaths(packageOpts, options)).then(
-    deps => {
+  return Promise.resolve(
+    (packagerInstance
+      ? packagerInstance.getOrderedDependencyPaths(options)
+      : Metro.getOrderedDependencyPaths(packageOpts, options)
+    ).then(deps => {
       deps.forEach(modulePath => {
         // Temporary hack to disable listing dependencies not under this directory.
         // Long term, we need either
         // (a) JS code to not depend on anything outside this directory, or
         // (b) Come up with a way to declare this dependency in Buck.
-        const isInsideProjectRoots = packageOpts.projectRoots.filter(
-          root => modulePath.startsWith(root)
-        ).length > 0;
+        const isInsideProjectRoots =
+          packageOpts.watchFolders.filter(root => modulePath.startsWith(root))
+            .length > 0;
 
         if (isInsideProjectRoots) {
           outStream.write(modulePath + '\n');
@@ -82,8 +87,8 @@ function dependencies(argv, config, args, packagerInstance) {
       return writeToFile
         ? denodeify(outStream.end).bind(outStream)()
         : Promise.resolve();
-    }
-  ));
+    }),
+  );
 }
 
 module.exports = {
@@ -94,27 +99,35 @@ module.exports = {
     {
       command: '--entry-file <path>',
       description: 'Absolute path to the root JS file',
-    }, {
+    },
+    {
       command: '--output [path]',
-      description: 'File name where to store the output, ex. /tmp/dependencies.txt',
-    }, {
+      description:
+        'File name where to store the output, ex. /tmp/dependencies.txt',
+    },
+    {
       command: '--platform [extension]',
       description: 'The platform extension used for selecting modules',
-    }, {
+    },
+    {
       command: '--transformer [path]',
-      description: 'Specify a custom transformer to be used'
-    }, {
+      description: 'Specify a custom transformer to be used',
+    },
+    {
       command: '--max-workers [number]',
-      description: 'Specifies the maximum number of workers the worker-pool ' +
+      description:
+        'Specifies the maximum number of workers the worker-pool ' +
         'will spawn for transforming files. This defaults to the number of the ' +
         'cores available on your machine.',
       parse: (workers: string) => Number(workers),
-    }, {
+    },
+    {
       command: '--dev [boolean]',
       description: 'If false, skip all dev-only code path',
-      parse: (val) => val === 'false' ? false : true,
+      parse: val => (val === 'false' ? false : true),
       default: true,
-    }, {
+    },
+    {
       command: '--verbose',
       description: 'Enables logging',
       default: false,
diff --git a/local-cli/eject/eject.js b/local-cli/eject/eject.js
index 569299018d3a32..6c18a91fb9b25a 100644
--- a/local-cli/eject/eject.js
+++ b/local-cli/eject/eject.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const copyProjectTemplateAndReplace = require('../generator/copyProjectTemplateAndReplace');
@@ -22,13 +25,12 @@ const fs = require('fs');
  */
 
 function eject() {
-
   const doesIOSExist = fs.existsSync(path.resolve('ios'));
   const doesAndroidExist = fs.existsSync(path.resolve('android'));
   if (doesIOSExist && doesAndroidExist) {
     console.error(
       'Both the iOS and Android folders already exist! Please delete `ios` and/or `android` ' +
-      'before ejecting.'
+        'before ejecting.',
     );
     process.exit(1);
   }
@@ -39,8 +41,10 @@ function eject() {
   } catch (e) {
     console.error(
       'Eject requires an `app.json` config file to be located at ' +
-      `${path.resolve('app.json')}, and it must at least specify a \`name\` for the project ` +
-      'name, and a `displayName` for the app\'s home screen label.'
+        `${path.resolve(
+          'app.json',
+        )}, and it must at least specify a \`name\` for the project ` +
+        "name, and a `displayName` for the app's home screen label.",
     );
     process.exit(1);
   }
@@ -49,7 +53,7 @@ function eject() {
   if (!appName) {
     console.error(
       'App `name` must be defined in the `app.json` config file to define the project name. ' +
-      'It must not contain any spaces or dashes.'
+        'It must not contain any spaces or dashes.',
     );
     process.exit(1);
   }
@@ -57,33 +61,46 @@ function eject() {
   if (!displayName) {
     console.error(
       'App `displayName` must be defined in the `app.json` config file, to define the label ' +
-      'of the app on the home screen.'
+        'of the app on the home screen.',
     );
     process.exit(1);
   }
 
-  const templateOptions = { displayName };
+  const templateOptions = {displayName};
 
   if (!doesIOSExist) {
     console.log('Generating the iOS folder.');
     copyProjectTemplateAndReplace(
-      path.resolve('node_modules', 'react-native', 'local-cli', 'templates', 'HelloWorld', 'ios'),
+      path.resolve(
+        'node_modules',
+        'react-native',
+        'local-cli',
+        'templates',
+        'HelloWorld',
+        'ios',
+      ),
       path.resolve('ios'),
       appName,
-      templateOptions
+      templateOptions,
     );
   }
 
   if (!doesAndroidExist) {
     console.log('Generating the Android folder.');
     copyProjectTemplateAndReplace(
-      path.resolve('node_modules', 'react-native', 'local-cli', 'templates', 'HelloWorld', 'android'),
+      path.resolve(
+        'node_modules',
+        'react-native',
+        'local-cli',
+        'templates',
+        'HelloWorld',
+        'android',
+      ),
       path.resolve('android'),
       appName,
-      templateOptions
+      templateOptions,
     );
   }
-
 }
 
 module.exports = {
diff --git a/local-cli/generator/copyProjectTemplateAndReplace.js b/local-cli/generator/copyProjectTemplateAndReplace.js
index 5840e587e7ef16..607b3b8ed2659f 100644
--- a/local-cli/generator/copyProjectTemplateAndReplace.js
+++ b/local-cli/generator/copyProjectTemplateAndReplace.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const chalk = require('chalk');
@@ -26,24 +29,42 @@ const walk = require('../util/walk');
  *          ignorePaths: ['template/file/to/ignore.md'],
  *        }
  */
-function copyProjectTemplateAndReplace(srcPath, destPath, newProjectName, options) {
-  if (!srcPath) { throw new Error('Need a path to copy from'); }
-  if (!destPath) { throw new Error('Need a path to copy to'); }
-  if (!newProjectName) { throw new Error('Need a project name'); }
+function copyProjectTemplateAndReplace(
+  srcPath,
+  destPath,
+  newProjectName,
+  options,
+) {
+  if (!srcPath) {
+    throw new Error('Need a path to copy from');
+  }
+  if (!destPath) {
+    throw new Error('Need a path to copy to');
+  }
+  if (!newProjectName) {
+    throw new Error('Need a project name');
+  }
 
   options = options || {};
 
   walk(srcPath).forEach(absoluteSrcFilePath => {
-
     // 'react-native upgrade'
     if (options.upgrade) {
       // Don't upgrade these files
       const fileName = path.basename(absoluteSrcFilePath);
       // This also includes __tests__/index.*.js
-      if (fileName === 'index.ios.js') { return; }
-      if (fileName === 'index.android.js') { return; }
-      if (fileName === 'index.js') { return; }
-      if (fileName === 'App.js') { return; }
+      if (fileName === 'index.ios.js') {
+        return;
+      }
+      if (fileName === 'index.android.js') {
+        return;
+      }
+      if (fileName === 'index.js') {
+        return;
+      }
+      if (fileName === 'App.js') {
+        return;
+      }
     }
 
     const relativeFilePath = path.relative(srcPath, absoluteSrcFilePath);
@@ -59,14 +80,16 @@ function copyProjectTemplateAndReplace(srcPath, destPath, newProjectName, option
       if (!Array.isArray(options.ignorePaths)) {
         throw new Error('options.ignorePaths must be an array');
       }
-      if (options.ignorePaths.some(ignorePath => ignorePath === relativeFilePath)) {
+      if (
+        options.ignorePaths.some(ignorePath => ignorePath === relativeFilePath)
+      ) {
         // Skip copying this file
         return;
       }
     }
 
     let contentChangedCallback = null;
-    if (options.upgrade && (!options.force)) {
+    if (options.upgrade && !options.force) {
       contentChangedCallback = (_, contentChanged) => {
         return upgradeFileContentChangedCallback(
           absoluteSrcFilePath,
@@ -80,8 +103,8 @@ function copyProjectTemplateAndReplace(srcPath, destPath, newProjectName, option
       path.resolve(destPath, relativeRenamedPath),
       {
         'Hello App Display Name': options.displayName || newProjectName,
-        'HelloWorld': newProjectName,
-        'helloworld': newProjectName.toLowerCase(),
+        HelloWorld: newProjectName,
+        helloworld: newProjectName.toLowerCase(),
       },
       contentChangedCallback,
     );
@@ -97,7 +120,9 @@ function copyProjectTemplateAndReplace(srcPath, destPath, newProjectName, option
  * behavior of automatically renaming .gitignore to .npmignore.
  */
 function dotFilePath(path) {
-  if (!path) {return path;}
+  if (!path) {
+    return path;
+  }
   return path
     .replace('_gitignore', '.gitignore')
     .replace('_gitattributes', '.gitattributes')
@@ -110,20 +135,28 @@ function dotFilePath(path) {
 function upgradeFileContentChangedCallback(
   absoluteSrcFilePath,
   relativeDestPath,
-  contentChanged
+  contentChanged,
 ) {
   if (contentChanged === 'new') {
     console.log(chalk.bold('new') + ' ' + relativeDestPath);
     return 'overwrite';
   } else if (contentChanged === 'changed') {
-    console.log(chalk.bold(relativeDestPath) + ' ' +
-      'has changed in the new version.\nDo you want to keep your ' +
-      relativeDestPath + ' or replace it with the ' +
-      'latest version?\nIf you ever made any changes ' +
-      'to this file, you\'ll probably want to keep it.\n' +
-      'You can see the new version here: ' + absoluteSrcFilePath + '\n' +
-      'Do you want to replace ' + relativeDestPath + '? ' +
-      'Answer y to replace, n to keep your version: ');
+    console.log(
+      chalk.bold(relativeDestPath) +
+        ' ' +
+        'has changed in the new version.\nDo you want to keep your ' +
+        relativeDestPath +
+        ' or replace it with the ' +
+        'latest version?\nIf you ever made any changes ' +
+        "to this file, you'll probably want to keep it.\n" +
+        'You can see the new version here: ' +
+        absoluteSrcFilePath +
+        '\n' +
+        'Do you want to replace ' +
+        relativeDestPath +
+        '? ' +
+        'Answer y to replace, n to keep your version: ',
+    );
     const answer = prompt();
     if (answer === 'y') {
       console.log('Replacing ' + relativeDestPath);
@@ -135,7 +168,9 @@ function upgradeFileContentChangedCallback(
   } else if (contentChanged === 'identical') {
     return 'keep';
   } else {
-    throw new Error(`Unknown file changed state: ${relativeDestPath}, ${contentChanged}`);
+    throw new Error(
+      `Unknown file changed state: ${relativeDestPath}, ${contentChanged}`,
+    );
   }
 }
 
diff --git a/local-cli/generator/printRunInstructions.js b/local-cli/generator/printRunInstructions.js
index cc39a61fd3e677..eaa8e5cd8b0b9a 100644
--- a/local-cli/generator/printRunInstructions.js
+++ b/local-cli/generator/printRunInstructions.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 var chalk = require('chalk');
@@ -12,8 +15,12 @@ var path = require('path');
 function printRunInstructions(projectDir, projectName) {
   const absoluteProjectDir = path.resolve(projectDir);
   // iOS
-  const xcodeProjectPath = path.resolve(projectDir, 'ios', projectName) + '.xcodeproj';
-  const relativeXcodeProjectPath = path.relative(process.cwd(), xcodeProjectPath);
+  const xcodeProjectPath =
+    path.resolve(projectDir, 'ios', projectName) + '.xcodeproj';
+  const relativeXcodeProjectPath = path.relative(
+    process.cwd(),
+    xcodeProjectPath,
+  );
   console.log(chalk.white.bold('To run your app on iOS:'));
   console.log('   cd ' + absoluteProjectDir);
   console.log('   react-native run-ios');
@@ -23,7 +30,9 @@ function printRunInstructions(projectDir, projectName) {
   // Android
   console.log(chalk.white.bold('To run your app on Android:'));
   console.log('   cd ' + absoluteProjectDir);
-  console.log('   Have an Android emulator running (quickest way to get started), or a device connected');
+  console.log(
+    '   Have an Android emulator running (quickest way to get started), or a device connected',
+  );
   console.log('   react-native run-android');
 }
 
diff --git a/local-cli/generator/promptSync.js b/local-cli/generator/promptSync.js
index 841af5054b87c1..636138abf257ef 100644
--- a/local-cli/generator/promptSync.js
+++ b/local-cli/generator/promptSync.js
@@ -1,3 +1,5 @@
+/** @format */
+
 // Simplified version of:
 // https://github.com/0x00A/prompt-sync/blob/master/index.js
 
@@ -7,11 +9,14 @@ var fs = require('fs');
 var term = 13; // carriage return
 
 function create() {
-
   return prompt;
 
   function prompt(ask, value, opts) {
-    var insert = 0, savedinsert = 0, res, i, savedstr;
+    var insert = 0,
+      savedinsert = 0,
+      res,
+      i,
+      savedstr;
     opts = opts || {};
 
     if (Object(ask) === ask) {
@@ -25,15 +30,20 @@ function create() {
     var echo = opts.echo;
     var masked = 'echo' in opts;
 
-    var fd = (process.platform === 'win32') ?
-      process.stdin.fd :
-      fs.openSync('/dev/tty', 'rs');
+    var fd =
+      process.platform === 'win32'
+        ? process.stdin.fd
+        : fs.openSync('/dev/tty', 'rs');
 
     var wasRaw = process.stdin.isRaw;
-    if (!wasRaw) { process.stdin.setRawMode(true); }
+    if (!wasRaw) {
+      process.stdin.setRawMode(true);
+    }
 
     var buf = new Buffer(3);
-    var str = '', character, read;
+    var str = '',
+      character,
+      read;
 
     savedstr = '';
 
@@ -46,7 +56,8 @@ function create() {
 
     while (true) {
       read = fs.readSync(fd, buf, 0, 3);
-      if (read > 1) { // received a control sequence
+      if (read > 1) {
+        // received a control sequence
         if (buf.toString()) {
           str = str + buf.toString();
           str = str.replace(/\0/g, '');
@@ -62,7 +73,7 @@ function create() {
       character = buf[read - 1];
 
       // catch a ^C and return null
-      if (character == 3){
+      if (character == 3) {
         process.stdout.write('^C\n');
         fs.closeSync(fd);
         process.exit(130);
@@ -76,35 +87,49 @@ function create() {
         break;
       }
 
-      if (character == 127 || (process.platform == 'win32' && character == 8)) { //backspace
-        if (!insert) {continue;}
+      if (character == 127 || (process.platform == 'win32' && character == 8)) {
+        //backspace
+        if (!insert) {
+          continue;
+        }
         str = str.slice(0, insert - 1) + str.slice(insert);
         insert--;
         process.stdout.write('\u001b[2D');
       } else {
-        if ((character < 32 ) || (character > 126))
-            {continue;}
-        str = str.slice(0, insert) + String.fromCharCode(character) + str.slice(insert);
+        if (character < 32 || character > 126) {
+          continue;
+        }
+        str =
+          str.slice(0, insert) +
+          String.fromCharCode(character) +
+          str.slice(insert);
         insert++;
       }
 
       if (masked) {
-          process.stdout.write('\u001b[2K\u001b[0G' + ask + Array(str.length + 1).join(echo));
+        process.stdout.write(
+          '\u001b[2K\u001b[0G' + ask + Array(str.length + 1).join(echo),
+        );
       } else {
         process.stdout.write('\u001b[s');
         if (insert == str.length) {
-            process.stdout.write('\u001b[2K\u001b[0G' + ask + str);
+          process.stdout.write('\u001b[2K\u001b[0G' + ask + str);
         } else {
           if (ask) {
             process.stdout.write('\u001b[2K\u001b[0G' + ask + str);
           } else {
-            process.stdout.write('\u001b[2K\u001b[0G' + str + '\u001b[' + (str.length - insert) + 'D');
+            process.stdout.write(
+              '\u001b[2K\u001b[0G' +
+                str +
+                '\u001b[' +
+                (str.length - insert) +
+                'D',
+            );
           }
         }
         process.stdout.write('\u001b[u');
         process.stdout.write('\u001b[1C');
       }
-
     }
 
     process.stdout.write('\n');
diff --git a/local-cli/generator/templates.js b/local-cli/generator/templates.js
index 98e2897a5d0212..17e4379a72b359 100644
--- a/local-cli/generator/templates.js
+++ b/local-cli/generator/templates.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const copyProjectTemplateAndReplace = require('./copyProjectTemplateAndReplace');
@@ -29,15 +32,18 @@ function listTemplatesAndExit(newProjectName, options) {
       // above is defined correctly :)
       console.log(
         'There are no templates available besides ' +
-        'the default "Hello World" one.'
+          'the default "Hello World" one.',
       );
     } else {
       console.log(
         'The available templates are:\n' +
-        templateKeys.join('\n') +
-        '\nYou can use these to create an app based on a template, for example: ' +
-        'you could run: ' +
-        'react-native init ' + newProjectName + ' --template ' + templateKeys[0]
+          templateKeys.join('\n') +
+          '\nYou can use these to create an app based on a template, for example: ' +
+          'you could run: ' +
+          'react-native init ' +
+          newProjectName +
+          ' --template ' +
+          templateKeys[0],
       );
     }
     // Exit 'react-native init'
@@ -54,12 +60,23 @@ function listTemplatesAndExit(newProjectName, options) {
  * @param yarnVersion Version of yarn available on the system, or null if
  *                    yarn is not available. For example '0.18.1'.
  */
-function createProjectFromTemplate(destPath, newProjectName, template, yarnVersion) {
+function createProjectFromTemplate(
+  destPath,
+  newProjectName,
+  template,
+  yarnVersion,
+) {
   // Expand the basic 'HelloWorld' template
   copyProjectTemplateAndReplace(
-    path.resolve('node_modules', 'react-native', 'local-cli', 'templates', 'HelloWorld'),
+    path.resolve(
+      'node_modules',
+      'react-native',
+      'local-cli',
+      'templates',
+      'HelloWorld',
+    ),
     destPath,
-    newProjectName
+    newProjectName,
   );
 
   if (template === undefined) {
@@ -79,7 +96,12 @@ function createProjectFromTemplate(destPath, newProjectName, template, yarnVersi
   if (builtInTemplateName) {
     // template is e.g. 'navigation',
     // use the built-in local-cli/templates/HelloNavigation folder
-    createFromBuiltInTemplate(builtInTemplateName, destPath, newProjectName, yarnVersion);
+    createFromBuiltInTemplate(
+      builtInTemplateName,
+      destPath,
+      newProjectName,
+      yarnVersion,
+    );
   } else {
     // template is e.g. 'ignite',
     // use the template react-native-template-ignite from npm
@@ -89,16 +111,22 @@ function createProjectFromTemplate(destPath, newProjectName, template, yarnVersi
 
 // (We might want to get rid of built-in templates in the future -
 // publish them to npm and install from there.)
-function createFromBuiltInTemplate(templateName, destPath, newProjectName, yarnVersion) {
+function createFromBuiltInTemplate(
+  templateName,
+  destPath,
+  newProjectName,
+  yarnVersion,
+) {
   const templatePath = path.resolve(
-    'node_modules', 'react-native', 'local-cli', 'templates', templateName
-  );
-  copyProjectTemplateAndReplace(
-    templatePath,
-    destPath,
-    newProjectName,
+    'node_modules',
+    'react-native',
+    'local-cli',
+    'templates',
+    templateName,
   );
+  copyProjectTemplateAndReplace(templatePath, destPath, newProjectName);
   installTemplateDependencies(templatePath, yarnVersion);
+  installTemplateDevDependencies(templatePath, yarnVersion);
 }
 
 /**
@@ -106,13 +134,18 @@ function createFromBuiltInTemplate(templateName, destPath, newProjectName, yarnV
  * - 'demo' -> Fetch the package react-native-template-demo from npm
  * - git://..., http://..., file://... or any other URL supported by npm
  */
-function createFromRemoteTemplate(template, destPath, newProjectName, yarnVersion) {
+function createFromRemoteTemplate(
+  template,
+  destPath,
+  newProjectName,
+  yarnVersion,
+) {
   let installPackage;
   let templateName;
   if (template.includes('://')) {
-     // URL, e.g. git://, file://
-     installPackage = template;
-     templateName = template.substr(template.lastIndexOf('/') + 1);
+    // URL, e.g. git://, file://
+    installPackage = template;
+    templateName = template.substr(template.lastIndexOf('/') + 1);
   } else {
     // e.g 'demo'
     installPackage = 'react-native-template-' + template;
@@ -123,26 +156,25 @@ function createFromRemoteTemplate(template, destPath, newProjectName, yarnVersio
   console.log(`Fetching template ${installPackage}...`);
   try {
     if (yarnVersion) {
-      execSync(`yarn add ${installPackage} --ignore-scripts`, {stdio: 'inherit'});
+      execSync(`yarn add ${installPackage} --ignore-scripts`, {
+        stdio: 'inherit',
+      });
     } else {
-      execSync(`npm install ${installPackage} --save --save-exact --ignore-scripts`, {stdio: 'inherit'});
+      execSync(
+        `npm install ${installPackage} --save --save-exact --ignore-scripts`,
+        {stdio: 'inherit'},
+      );
     }
-    const templatePath = path.resolve(
-      'node_modules', templateName
-    );
-    copyProjectTemplateAndReplace(
-      templatePath,
-      destPath,
-      newProjectName,
-      {
-        // Every template contains a dummy package.json file included
-        // only for publishing the template to npm.
-        // We want to ignore this dummy file, otherwise it would overwrite
-        // our project's package.json file.
-        ignorePaths: ['package.json', 'dependencies.json'],
-      }
-    );
+    const templatePath = path.resolve('node_modules', templateName);
+    copyProjectTemplateAndReplace(templatePath, destPath, newProjectName, {
+      // Every template contains a dummy package.json file included
+      // only for publishing the template to npm.
+      // We want to ignore this dummy file, otherwise it would overwrite
+      // our project's package.json file.
+      ignorePaths: ['package.json', 'dependencies.json'],
+    });
     installTemplateDependencies(templatePath, yarnVersion);
+    installTemplateDevDependencies(templatePath, yarnVersion);
   } finally {
     // Clean up the temp files
     try {
@@ -156,7 +188,7 @@ function createFromRemoteTemplate(template, destPath, newProjectName, yarnVersio
       // if this the clean up fails.
       console.warn(
         `Failed to clean up template temp files in node_modules/${templateName}. ` +
-        'This is not a critical error, you can work on your app.'
+          'This is not a critical error, you can work on your app.',
       );
     }
   }
@@ -165,9 +197,7 @@ function createFromRemoteTemplate(template, destPath, newProjectName, yarnVersio
 function installTemplateDependencies(templatePath, yarnVersion) {
   // dependencies.json is a special file that lists additional dependencies
   // that are required by this template
-  const dependenciesJsonPath = path.resolve(
-    templatePath, 'dependencies.json'
-  );
+  const dependenciesJsonPath = path.resolve(templatePath, 'dependencies.json');
   console.log('Adding dependencies for the project...');
   if (!fs.existsSync(dependenciesJsonPath)) {
     console.log('No additional dependencies.');
@@ -179,7 +209,7 @@ function installTemplateDependencies(templatePath, yarnVersion) {
     dependencies = JSON.parse(fs.readFileSync(dependenciesJsonPath));
   } catch (err) {
     throw new Error(
-      'Could not parse the template\'s dependencies.json: ' + err.message
+      "Could not parse the template's dependencies.json: " + err.message,
     );
   }
   for (let depName in dependencies) {
@@ -189,13 +219,50 @@ function installTemplateDependencies(templatePath, yarnVersion) {
     if (yarnVersion) {
       execSync(`yarn add ${depToInstall}`, {stdio: 'inherit'});
     } else {
-      execSync(`npm install ${depToInstall} --save --save-exact`, {stdio: 'inherit'});
+      execSync(`npm install ${depToInstall} --save --save-exact`, {
+        stdio: 'inherit',
+      });
     }
   }
-  console.log('Linking native dependencies into the project\'s build files...');
+  console.log("Linking native dependencies into the project's build files...");
   execSync('react-native link', {stdio: 'inherit'});
 }
 
+function installTemplateDevDependencies(templatePath, yarnVersion) {
+  // devDependencies.json is a special file that lists additional develop dependencies
+  // that are required by this template
+  const devDependenciesJsonPath = path.resolve(
+    templatePath,
+    'devDependencies.json',
+  );
+  console.log('Adding develop dependencies for the project...');
+  if (!fs.existsSync(devDependenciesJsonPath)) {
+    console.log('No additional develop dependencies.');
+    return;
+  }
+
+  let dependencies;
+  try {
+    dependencies = JSON.parse(fs.readFileSync(devDependenciesJsonPath));
+  } catch (err) {
+    throw new Error(
+      "Could not parse the template's devDependencies.json: " + err.message,
+    );
+  }
+  for (let depName in dependencies) {
+    const depVersion = dependencies[depName];
+    const depToInstall = depName + '@' + depVersion;
+    console.log('Adding ' + depToInstall + '...');
+    if (yarnVersion) {
+      execSync(`yarn add ${depToInstall} -D`, {stdio: 'inherit'});
+    } else {
+      execSync(`npm install ${depToInstall} --save-dev --save-exact`, {
+        stdio: 'inherit',
+      });
+    }
+  }
+}
+
 module.exports = {
   listTemplatesAndExit,
   createProjectFromTemplate,
diff --git a/local-cli/info/info.js b/local-cli/info/info.js
index d5e4284fe0b65e..dc605e0529046e 100644
--- a/local-cli/info/info.js
+++ b/local-cli/info/info.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const envinfo = require('envinfo');
@@ -12,12 +15,36 @@ const info = function() {
   const args = Array.prototype.slice.call(arguments)[2];
 
   try {
-    envinfo.print({
-      packages: typeof args.packages === 'string' ? ['react', 'react-native'].concat(args.packages.split(',')) : args.packages
-    });
-  } catch (error) {
+    envinfo
+      .run(
+        {
+          System: ['OS', 'CPU', 'Memory', 'Shell'],
+          Binaries: ['Node', 'Yarn', 'npm', 'Watchman'],
+          IDEs: ['Xcode', 'Android Studio'],
+          SDKs: ['iOS SDK', 'Android SDK'],
+          npmPackages:
+            (typeof args.packages === 'string' &&
+              !args.packages.includes('*')) ||
+            !args.packages
+              ? ['react', 'react-native'].concat(
+                  (args.packages || '').split(','),
+                )
+              : args.packages,
+          npmGlobalPackages: '*react-native*',
+        },
+        {
+          clipboard: !!args.clipboard,
+          title: 'React Native Environment Info',
+        },
+      )
+      .then(console.log)
+      .catch(err => {
+        console.log('Error: unable to print environment info');
+        console.log(err);
+      });
+  } catch (err) {
     console.log('Error: unable to print environment info');
-    console.log(error);
+    console.log(err);
   }
 };
 
@@ -27,8 +54,13 @@ module.exports = {
   options: [
     {
       command: '--packages [string]',
-      description: 'Which packages from your package.json to include, in addition to the default React Native and React versions.',
-      default: ['react', 'react-native']
+      description:
+        'Which packages from your package.json to include, in addition to the default React Native and React versions.',
+    },
+    {
+      command: '--clipboard [boolean]',
+      description:
+        'Automagically copy the environment report output to the clipboard',
     },
   ],
   examples: [
@@ -38,8 +70,16 @@ module.exports = {
     },
     {
       desc: 'Get standard version info & specified package versions',
-      cmd: 'react-native info --packages jest,eslint,babel-polyfill',
-    }
+      cmd: 'react-native info --packages jest,eslint',
+    },
+    {
+      desc: 'Get standard version info & globbed package versions',
+      cmd: 'react-native info --packages "*react*"',
+    },
+    {
+      desc: 'Get standard version info & all package versions',
+      cmd: 'react-native info --packages',
+    },
   ],
   func: info,
 };
diff --git a/local-cli/init/init.js b/local-cli/init/init.js
index d0233b1ab810db..d7497a4a828476 100644
--- a/local-cli/init/init.js
+++ b/local-cli/init/init.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const {
@@ -58,42 +61,53 @@ function init(projectDir, argsOrName) {
  */
 function generateProject(destinationRoot, newProjectName, options) {
   var reactNativePackageJson = require('../../package.json');
-  var { peerDependencies } = reactNativePackageJson;
+  var {peerDependencies} = reactNativePackageJson;
   if (!peerDependencies) {
-    console.error('Missing React peer dependency in React Native\'s package.json. Aborting.');
+    console.error(
+      "Missing React peer dependency in React Native's package.json. Aborting.",
+    );
     return;
   }
 
   var reactVersion = peerDependencies.react;
   if (!reactVersion) {
-    console.error('Missing React peer dependency in React Native\'s package.json. Aborting.');
+    console.error(
+      "Missing React peer dependency in React Native's package.json. Aborting.",
+    );
     return;
   }
 
   const yarnVersion =
-    (!options.npm) &&
+    !options.npm &&
     yarn.getYarnVersionIfAvailable() &&
     yarn.isGlobalCliUsingYarn(destinationRoot);
 
-  createProjectFromTemplate(destinationRoot, newProjectName, options.template, yarnVersion);
+  createProjectFromTemplate(
+    destinationRoot,
+    newProjectName,
+    options.template,
+    yarnVersion,
+  );
 
   if (yarnVersion) {
     console.log('Adding React...');
     execSync(`yarn add react@${reactVersion}`, {stdio: 'inherit'});
   } else {
     console.log('Installing React...');
-    execSync(`npm install react@${reactVersion} --save --save-exact`, {stdio: 'inherit'});
+    execSync(`npm install react@${reactVersion} --save --save-exact`, {
+      stdio: 'inherit',
+    });
   }
   if (!options['skip-jest']) {
-    const jestDeps = (
-      `jest babel-jest babel-preset-react-native react-test-renderer@${reactVersion}`
-    );
+    const jestDeps = `jest babel-jest babel-preset-react-native@^5 react-test-renderer@${reactVersion}`;
     if (yarnVersion) {
       console.log('Adding Jest...');
       execSync(`yarn add ${jestDeps} --dev --exact`, {stdio: 'inherit'});
     } else {
       console.log('Installing Jest...');
-      execSync(`npm install ${jestDeps} --save-dev --save-exact`, {stdio: 'inherit'});
+      execSync(`npm install ${jestDeps} --save-dev --save-exact`, {
+        stdio: 'inherit',
+      });
     }
     addJestToPackageJson(destinationRoot);
   }
@@ -109,7 +123,7 @@ function addJestToPackageJson(destinationRoot) {
 
   packageJSON.scripts.test = 'jest';
   packageJSON.jest = {
-    preset: 'react-native'
+    preset: 'react-native',
   };
   fs.writeFileSync(packageJSONPath, JSON.stringify(packageJSON, null, 2));
 }
diff --git a/local-cli/install/install.js b/local-cli/install/install.js
index 2efc64978d0541..5a0a7afc67ed3d 100644
--- a/local-cli/install/install.js
+++ b/local-cli/install/install.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const spawnSync = require('child_process').spawnSync;
diff --git a/local-cli/install/uninstall.js b/local-cli/install/uninstall.js
index 0d6fc5ed755bf9..6a71100677dba4 100644
--- a/local-cli/install/uninstall.js
+++ b/local-cli/install/uninstall.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const spawnSync = require('child_process').spawnSync;
diff --git a/local-cli/library/library.js b/local-cli/library/library.js
index 14afd6a4059b7f..4dcc81cbfcd906 100644
--- a/local-cli/library/library.js
+++ b/local-cli/library/library.js
@@ -1,9 +1,12 @@
- /**
+/**
  * Copyright (c) 2015-present, Facebook, Inc.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const copyAndReplace = require('../util/copyAndReplace');
@@ -18,36 +21,47 @@ const walk = require('../util/walk');
 function library(argv, config, args) {
   if (!isValidPackageName(args.name)) {
     return Promise.reject(
-      args.name + ' is not a valid name for a project. Please use a valid ' +
-      'identifier name (alphanumeric).'
+      args.name +
+        ' is not a valid name for a project. Please use a valid ' +
+        'identifier name (alphanumeric).',
     );
   }
 
   const root = process.cwd();
   const libraries = path.resolve(root, 'Libraries');
   const libraryDest = path.resolve(libraries, args.name);
-  const source = path.resolve('node_modules', 'react-native', 'Libraries', 'Sample');
+  const source = path.resolve(
+    'node_modules',
+    'react-native',
+    'Libraries',
+    'Sample',
+  );
 
   if (!fs.existsSync(libraries)) {
     fs.mkdirSync(libraries);
   }
 
   if (fs.existsSync(libraryDest)) {
-    return Promise.reject(new Error(`Library already exists in ${libraryDest}`));
+    return Promise.reject(
+      new Error(`Library already exists in ${libraryDest}`),
+    );
   }
 
   walk(source).forEach(f => {
-    if (f.indexOf('project.xcworkspace') !== -1 ||
-        f.indexOf('.xcodeproj/xcuserdata') !== -1) {
+    if (
+      f.indexOf('project.xcworkspace') !== -1 ||
+      f.indexOf('.xcodeproj/xcuserdata') !== -1
+    ) {
       return;
     }
 
-    const dest = path.relative(source, f.replace(/Sample/g, args.name).replace(/^_/, '.'));
-    copyAndReplace(
-      path.resolve(source, f),
-      path.resolve(libraryDest, dest),
-      {'Sample': args.name}
+    const dest = path.relative(
+      source,
+      f.replace(/Sample/g, args.name).replace(/^_/, '.'),
     );
+    copyAndReplace(path.resolve(source, f), path.resolve(libraryDest, dest), {
+      Sample: args.name,
+    });
   });
 
   console.log('Created library in', libraryDest);
@@ -55,7 +69,7 @@ function library(argv, config, args) {
   console.log('   Link your library in Xcode:');
   console.log(
     '   https://facebook.github.io/react-native/docs/' +
-    'linking-libraries-ios.html#content\n'
+      'linking-libraries-ios.html#content\n',
   );
 }
 
@@ -63,9 +77,11 @@ module.exports = {
   name: 'new-library',
   func: library,
   description: 'generates a native library bridge',
-  options: [{
-    command: '--name <string>',
-    description: 'name of the library to generate',
-    default: null,
-  }],
+  options: [
+    {
+      command: '--name <string>',
+      description: 'name of the library to generate',
+      default: null,
+    },
+  ],
 };
diff --git a/local-cli/link/__fixtures__/android/build.gradle b/local-cli/link/__fixtures__/android/build.gradle
index 07f260d6d48032..9eb0a44ae5245f 100644
--- a/local-cli/link/__fixtures__/android/build.gradle
+++ b/local-cli/link/__fixtures__/android/build.gradle
@@ -1,5 +1,5 @@
 dependencies {
     compile fileTree(dir: "libs", include: ["*.jar"])
-    compile "com.android.support:appcompat-v7:23.0.1"
-    compile "com.facebook.react:react-native:0.18.+"
+    compile "com.android.support:appcompat-v7:26.1.0"
+    compile "com.facebook.react:react-native:+"
 }
diff --git a/local-cli/link/__fixtures__/android/patchedBuild.gradle b/local-cli/link/__fixtures__/android/patchedBuild.gradle
index 68ccfec2eaa543..f6b9a22054cf0f 100644
--- a/local-cli/link/__fixtures__/android/patchedBuild.gradle
+++ b/local-cli/link/__fixtures__/android/patchedBuild.gradle
@@ -4,6 +4,6 @@ dependencies {
       exclude(group: 'org.unwanted', module: 'test10')
     }
     compile fileTree(dir: "libs", include: ["*.jar"])
-    compile "com.android.support:appcompat-v7:23.0.1"
-    compile "com.facebook.react:react-native:0.18.+"
+    compile "com.android.support:appcompat-v7:26.1.0"
+    compile "com.facebook.react:react-native:+"
 }
diff --git a/local-cli/link/__fixtures__/linearGradient.pbxproj b/local-cli/link/__fixtures__/linearGradient.pbxproj
index b0d4049ac7c7e5..ca87c2e43e9e4a 100644
--- a/local-cli/link/__fixtures__/linearGradient.pbxproj
+++ b/local-cli/link/__fixtures__/linearGradient.pbxproj
@@ -158,7 +158,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -192,7 +192,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				VALIDATE_PRODUCT = YES;
diff --git a/local-cli/link/__fixtures__/project.pbxproj b/local-cli/link/__fixtures__/project.pbxproj
index d5021ec018738c..428aa40c9ca1e6 100644
--- a/local-cli/link/__fixtures__/project.pbxproj
+++ b/local-cli/link/__fixtures__/project.pbxproj
@@ -836,7 +836,7 @@
 					"$(inherited)",
 				);
 				INFOPLIST_FILE = BasicTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Basic.app/Basic";
@@ -852,7 +852,7 @@
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				COPY_PHASE_STRIP = NO;
 				INFOPLIST_FILE = BasicTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Basic.app/Basic";
@@ -933,7 +933,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -968,7 +968,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				VALIDATE_PRODUCT = YES;
diff --git a/local-cli/link/__tests__/android/applyPatch.spec.js b/local-cli/link/__tests__/android/applyPatch.spec.js
index b1213dbf315faa..79b67f68974e94 100644
--- a/local-cli/link/__tests__/android/applyPatch.spec.js
+++ b/local-cli/link/__tests__/android/applyPatch.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -13,14 +14,12 @@ const applyParams = require('../../android/patches/applyParams');
 
 describe('applyParams', () => {
   it('apply params to the string', () => {
-    expect(
-      applyParams('${foo}', {foo: 'foo'}, 'react-native')
-    ).toEqual('getResources().getString(R.string.reactNative_foo)');
+    expect(applyParams('${foo}', {foo: 'foo'}, 'react-native')).toEqual(
+      'getResources().getString(R.string.reactNative_foo)',
+    );
   });
 
   it('use null if no params provided', () => {
-    expect(
-      applyParams('${foo}', {}, 'react-native')
-    ).toEqual('null');
+    expect(applyParams('${foo}', {}, 'react-native')).toEqual('null');
   });
 });
diff --git a/local-cli/link/__tests__/android/isInstalled.spec.js b/local-cli/link/__tests__/android/isInstalled.spec.js
index 131d753731afea..a90649f0339f5f 100644
--- a/local-cli/link/__tests__/android/isInstalled.spec.js
+++ b/local-cli/link/__tests__/android/isInstalled.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -13,7 +14,10 @@ const path = require('path');
 const isInstalled = require('../../android/isInstalled');
 
 const projectConfig = {
-  buildGradlePath: path.join(__dirname, '../../__fixtures__/android/patchedBuild.gradle'),
+  buildGradlePath: path.join(
+    __dirname,
+    '../../__fixtures__/android/patchedBuild.gradle',
+  ),
 };
 
 describe('android::isInstalled', () => {
@@ -23,6 +27,5 @@ describe('android::isInstalled', () => {
   });
 
   it('should return false when project is not in build.gradle', () =>
-    expect(isInstalled(projectConfig, 'test3')).toBeFalsy()
-  );
+    expect(isInstalled(projectConfig, 'test3')).toBeFalsy());
 });
diff --git a/local-cli/link/__tests__/android/makeBuildPatch.spec.js b/local-cli/link/__tests__/android/makeBuildPatch.spec.js
index 0fd082da91f650..51873daf1d0236 100644
--- a/local-cli/link/__tests__/android/makeBuildPatch.spec.js
+++ b/local-cli/link/__tests__/android/makeBuildPatch.spec.js
@@ -4,18 +4,24 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
 'use strict';
 
 const makeBuildPatch = require('../../android/patches/makeBuildPatch');
+const normalizeProjectName = require('../../android/patches/normalizeProjectName');
+
 const name = 'test';
+const scopedName = '@scoped/test';
+const normalizedScopedName = normalizeProjectName('@scoped/test');
 
 describe('makeBuildPatch', () => {
   it('should build a patch function', () => {
-    expect(Object.prototype.toString(makeBuildPatch(name)))
-      .toBe('[object Object]');
+    expect(Object.prototype.toString(makeBuildPatch(name))).toBe(
+      '[object Object]',
+    );
   });
 
   it('should make a correct patch', () => {
@@ -29,3 +35,16 @@ describe('makeBuildPatch', () => {
     expect(installPattern.toString()).toBe(match);
   });
 });
+
+describe('makeBuildPatchWithScopedPackage', () => {
+  it('should make a correct patch', () => {
+    const {patch} = makeBuildPatch(scopedName);
+    expect(patch).toBe(`    compile project(':${normalizedScopedName}')\n`);
+  });
+
+  it('should make a correct install check pattern', () => {
+    const {installPattern} = makeBuildPatch(scopedName);
+    const match = `/\\s{4}(compile)(\\(|\\s)(project)\\(\\':${normalizedScopedName}\\'\\)(\\)|\\s)/`;
+    expect(installPattern.toString()).toBe(match);
+  });
+});
diff --git a/local-cli/link/__tests__/android/makeImportPatch.spec.js b/local-cli/link/__tests__/android/makeImportPatch.spec.js
index d02eb66898555f..e00977a09617d4 100644
--- a/local-cli/link/__tests__/android/makeImportPatch.spec.js
+++ b/local-cli/link/__tests__/android/makeImportPatch.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -15,8 +16,9 @@ const packageImportPath = 'import some.example.project';
 
 describe('makeImportPatch', () => {
   it('should build a patch', () => {
-    expect(Object.prototype.toString(makeImportPatch(packageImportPath)))
-      .toBe('[object Object]');
+    expect(Object.prototype.toString(makeImportPatch(packageImportPath))).toBe(
+      '[object Object]',
+    );
   });
 
   it('MainActivity contains a correct import patch', () => {
diff --git a/local-cli/link/__tests__/android/makePackagePatch.spec.js b/local-cli/link/__tests__/android/makePackagePatch.spec.js
index c7e55c7e90f2b0..48e7a3c30f568e 100644
--- a/local-cli/link/__tests__/android/makePackagePatch.spec.js
+++ b/local-cli/link/__tests__/android/makePackagePatch.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -12,7 +13,7 @@
 const makePackagePatch = require('../../android/patches/makePackagePatch');
 const applyParams = require('../../android/patches/applyParams');
 
-const packageInstance = 'new SomeLibrary(${foo}, ${bar}, \'something\')';
+const packageInstance = "new SomeLibrary(${foo}, ${bar}, 'something')";
 const name = 'some-library';
 const params = {
   foo: 'foo',
@@ -22,8 +23,7 @@ const params = {
 describe('makePackagePatch@0.20', () => {
   it('should build a patch', () => {
     const packagePatch = makePackagePatch(packageInstance, params, name);
-    expect(Object.prototype.toString(packagePatch))
-      .toBe('[object Object]');
+    expect(Object.prototype.toString(packagePatch)).toBe('[object Object]');
   });
 
   it('MainActivity contains a correct 0.20 import patch', () => {
diff --git a/local-cli/link/__tests__/android/makeSettingsPatch.spec.js b/local-cli/link/__tests__/android/makeSettingsPatch.spec.js
index a8c7e3c2ba8d4f..80b2be70343509 100644
--- a/local-cli/link/__tests__/android/makeSettingsPatch.spec.js
+++ b/local-cli/link/__tests__/android/makeSettingsPatch.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -11,8 +12,11 @@
 
 const path = require('path');
 const makeSettingsPatch = require('../../android/patches/makeSettingsPatch');
+const normalizeProjectName = require('../../android/patches/normalizeProjectName');
 
 const name = 'test';
+const scopedName = '@scoped/test';
+const normalizedScopedName = normalizeProjectName('@scoped/test');
 const projectConfig = {
   sourceDir: '/home/project/android/app',
   settingsGradlePath: '/home/project/android/settings.gradle',
@@ -20,27 +24,60 @@ const projectConfig = {
 const dependencyConfig = {
   sourceDir: `/home/project/node_modules/${name}/android`,
 };
+const scopedDependencyConfig = {
+  sourceDir: `/home/project/node_modules/${scopedName}/android`,
+};
 
 describe('makeSettingsPatch', () => {
   it('should build a patch function', () => {
-    expect(Object.prototype.toString(
-      makeSettingsPatch(name, dependencyConfig, projectConfig)
-    )).toBe('[object Object]');
+    expect(
+      Object.prototype.toString(
+        makeSettingsPatch(name, dependencyConfig, projectConfig),
+      ),
+    ).toBe('[object Object]');
   });
 
   it('should make a correct patch', () => {
     const projectDir = path.relative(
       path.dirname(projectConfig.settingsGradlePath),
-      dependencyConfig.sourceDir
+      dependencyConfig.sourceDir,
     );
 
     const {patch} = makeSettingsPatch(name, dependencyConfig, projectConfig);
 
-    expect(patch)
-      .toBe(
-        `include ':${name}'\n` +
+    expect(patch).toBe(
+      `include ':${name}'\n` +
         `project(':${name}').projectDir = ` +
-        `new File(rootProject.projectDir, '${projectDir}')\n`
-      );
+        `new File(rootProject.projectDir, '${projectDir}')\n`,
+    );
+  });
+});
+
+describe('makeSettingsPatchWithScopedPackage', () => {
+  it('should build a patch function', () => {
+    expect(
+      Object.prototype.toString(
+        makeSettingsPatch(scopedName, scopedDependencyConfig, projectConfig),
+      ),
+    ).toBe('[object Object]');
+  });
+
+  it('should make a correct patch', () => {
+    const projectDir = path.relative(
+      path.dirname(projectConfig.settingsGradlePath),
+      scopedDependencyConfig.sourceDir,
+    );
+
+    const {patch} = makeSettingsPatch(
+      scopedName,
+      scopedDependencyConfig,
+      projectConfig,
+    );
+
+    expect(patch).toBe(
+      `include ':${normalizedScopedName}'\n` +
+        `project(':${normalizedScopedName}').projectDir = ` +
+        `new File(rootProject.projectDir, '${projectDir}')\n`,
+    );
   });
 });
diff --git a/local-cli/link/__tests__/android/makeStringsPatch.spec.js b/local-cli/link/__tests__/android/makeStringsPatch.spec.js
index 3015f15b340bef..f8b6c07ed94639 100644
--- a/local-cli/link/__tests__/android/makeStringsPatch.spec.js
+++ b/local-cli/link/__tests__/android/makeStringsPatch.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -17,8 +18,9 @@ describe('makeStringsPatch', () => {
       keyA: 'valueA',
     };
 
-    expect(makeStringsPatch(params, 'module').patch)
-      .toContain('<string moduleConfig="true" name="module_keyA">valueA</string>');
+    expect(makeStringsPatch(params, 'module').patch).toContain(
+      '<string moduleConfig="true" name="module_keyA">valueA</string>',
+    );
   });
 
   it('should export an empty patch if no params given', () => {
diff --git a/local-cli/link/__tests__/android/normalizeProjectName.spec.js b/local-cli/link/__tests__/android/normalizeProjectName.spec.js
new file mode 100644
index 00000000000000..2a69e2e09844c5
--- /dev/null
+++ b/local-cli/link/__tests__/android/normalizeProjectName.spec.js
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * All rights reserved.
+ *
+ * @format
+ * @emails oncall+javascript_foundation
+ */
+
+'use strict';
+
+const normalizeProjectName = require('../../android/patches/normalizeProjectName');
+
+const name = 'test';
+const scopedName = '@scoped/test';
+
+describe('normalizeProjectName', () => {
+  it('should replace slashes with underscores', () => {
+    expect(normalizeProjectName(name)).toBe('test');
+    expect(normalizeProjectName(scopedName)).toBe('@scoped_test');
+  });
+});
diff --git a/local-cli/link/__tests__/getDependencyConfig.spec.js b/local-cli/link/__tests__/getDependencyConfig.spec.js
index 30db06d537fc30..dda764853ee6d2 100644
--- a/local-cli/link/__tests__/getDependencyConfig.spec.js
+++ b/local-cli/link/__tests__/getDependencyConfig.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -13,7 +14,7 @@ const getDependencyConfig = require('../getDependencyConfig');
 const sinon = require('sinon');
 
 describe('getDependencyConfig', () => {
-  it('should return an array of dependencies\' rnpm config', () => {
+  it("should return an array of dependencies' rnpm config", () => {
     const config = {
       getDependencyConfig: sinon.stub(),
     };
diff --git a/local-cli/link/__tests__/getProjectDependencies.spec.js b/local-cli/link/__tests__/getProjectDependencies.spec.js
index fc7dd3cd91dd69..1a2916351a201f 100644
--- a/local-cli/link/__tests__/getProjectDependencies.spec.js
+++ b/local-cli/link/__tests__/getProjectDependencies.spec.js
@@ -4,7 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
+ * @format
  */
 
 'use strict';
@@ -12,21 +14,22 @@
 const getProjectDependencies = require('../getProjectDependencies');
 const path = require('path');
 
+const CWD = path.resolve(__dirname, '../../..');
+
 describe('getProjectDependencies', () => {
   beforeEach(() => {
     jest.resetModules();
   });
   it('should return an array of project dependencies', () => {
-    jest.setMock(
-      path.join(process.cwd(), './package.json'),
-      { dependencies: { lodash: '^6.0.0', 'react-native': '^16.0.0' }}
-    );
+    jest.setMock(path.join(CWD, './package.json'), {
+      dependencies: {lodash: '^6.0.0', 'react-native': '^16.0.0'},
+    });
 
-    expect(getProjectDependencies()).toEqual(['lodash']);
+    expect(getProjectDependencies(CWD)).toEqual(['lodash']);
   });
 
   it('should return an empty array when no dependencies set', () => {
-    jest.setMock(path.join(process.cwd(), './package.json'), {});
-    expect(getProjectDependencies()).toEqual([]);
+    jest.setMock(path.join(CWD, './package.json'), {});
+    expect(getProjectDependencies(CWD)).toEqual([]);
   });
 });
diff --git a/local-cli/link/__tests__/groupFilesByType.spec.js b/local-cli/link/__tests__/groupFilesByType.spec.js
index a96ff6e24d3827..d4c4e959886075 100644
--- a/local-cli/link/__tests__/groupFilesByType.spec.js
+++ b/local-cli/link/__tests__/groupFilesByType.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -12,21 +13,13 @@
 const groupFilesByType = require('../groupFilesByType');
 
 describe('groupFilesByType', () => {
-
   it('should group files by its type', () => {
-    const fonts = [
-      'fonts/a.ttf',
-      'fonts/b.ttf',
-    ];
-    const images = [
-      'images/a.jpg',
-      'images/c.jpeg',
-    ];
+    const fonts = ['fonts/a.ttf', 'fonts/b.ttf'];
+    const images = ['images/a.jpg', 'images/c.jpeg'];
 
     const groupedFiles = groupFilesByType(fonts.concat(images));
 
     expect(groupedFiles.font).toEqual(fonts);
     expect(groupedFiles.image).toEqual(images);
   });
-
 });
diff --git a/local-cli/link/__tests__/ios/addFileToProject.spec.js b/local-cli/link/__tests__/ios/addFileToProject.spec.js
index ca32c867090ca7..1b6d3ab6954033 100644
--- a/local-cli/link/__tests__/ios/addFileToProject.spec.js
+++ b/local-cli/link/__tests__/ios/addFileToProject.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -15,7 +16,7 @@ const addFileToProject = require('../../ios/addFileToProject');
 const _ = require('lodash');
 
 const project = xcode.project(
-  path.join(__dirname, '../../__fixtures__/project.pbxproj')
+  path.join(__dirname, '../../__fixtures__/project.pbxproj'),
 );
 
 describe('ios::addFileToProject', () => {
@@ -27,8 +28,9 @@ describe('ios::addFileToProject', () => {
     expect(
       _.includes(
         Object.keys(project.pbxFileReferenceSection()),
-        addFileToProject(project, '../../__fixtures__/linearGradient.pbxproj').fileRef
-      )
+        addFileToProject(project, '../../__fixtures__/linearGradient.pbxproj')
+          .fileRef,
+      ),
     ).toBeTruthy();
   });
 });
diff --git a/local-cli/link/__tests__/ios/addProjectToLibraries.spec.js b/local-cli/link/__tests__/ios/addProjectToLibraries.spec.js
index 4d20621e0afd24..6caac1636a6010 100644
--- a/local-cli/link/__tests__/ios/addProjectToLibraries.spec.js
+++ b/local-cli/link/__tests__/ios/addProjectToLibraries.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -16,7 +17,7 @@ const addProjectToLibraries = require('../../ios/addProjectToLibraries');
 const last = require('lodash').last;
 
 const project = xcode.project(
-  path.join(__dirname, '../../__fixtures__/project.pbxproj')
+  path.join(__dirname, '../../__fixtures__/project.pbxproj'),
 );
 
 describe('ios::addProjectToLibraries', () => {
diff --git a/local-cli/link/__tests__/ios/addSharedLibraries.spec.js b/local-cli/link/__tests__/ios/addSharedLibraries.spec.js
index 36343a89ce6462..4a645bc3fe32af 100644
--- a/local-cli/link/__tests__/ios/addSharedLibraries.spec.js
+++ b/local-cli/link/__tests__/ios/addSharedLibraries.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -15,11 +16,10 @@ const addSharedLibraries = require('../../ios/addSharedLibraries');
 const getGroup = require('../../ios/getGroup');
 
 const project = xcode.project(
-  path.join(__dirname, '../../__fixtures__/project.pbxproj')
+  path.join(__dirname, '../../__fixtures__/project.pbxproj'),
 );
 
 describe('ios::addSharedLibraries', () => {
-
   beforeEach(() => {
     project.parseSync();
   });
@@ -48,5 +48,4 @@ describe('ios::addSharedLibraries', () => {
     const frameworksGroup = getGroup(project, 'Frameworks');
     expect(frameworksGroup.children.length).toEqual(1);
   });
-
 });
diff --git a/local-cli/link/__tests__/ios/createGroup.spec.js b/local-cli/link/__tests__/ios/createGroup.spec.js
index b3fbf67a1a1fdf..cee24213f62ddb 100644
--- a/local-cli/link/__tests__/ios/createGroup.spec.js
+++ b/local-cli/link/__tests__/ios/createGroup.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -16,7 +17,7 @@ const getGroup = require('../../ios/getGroup');
 const last = require('lodash').last;
 
 const project = xcode.project(
-  path.join(__dirname, '../../__fixtures__/project.pbxproj')
+  path.join(__dirname, '../../__fixtures__/project.pbxproj'),
 );
 
 describe('ios::createGroup', () => {
@@ -33,18 +34,14 @@ describe('ios::createGroup', () => {
     const createdGroup = createGroup(project, 'Resources');
     const mainGroup = getGroup(project);
 
-    expect(
-      last(mainGroup.children).comment
-    ).toBe(createdGroup.name);
+    expect(last(mainGroup.children).comment).toBe(createdGroup.name);
   });
 
   it('should create a nested group with given path', () => {
     const createdGroup = createGroup(project, 'NewGroup/NewNestedGroup');
     const outerGroup = getGroup(project, 'NewGroup');
 
-    expect(
-      last(outerGroup.children).comment
-    ).toBe(createdGroup.name);
+    expect(last(outerGroup.children).comment).toBe(createdGroup.name);
   });
 
   it('should-not create already created groups', () => {
@@ -53,10 +50,7 @@ describe('ios::createGroup', () => {
     const mainGroup = getGroup(project);
 
     expect(
-      mainGroup
-        .children
-        .filter(group => group.comment === 'Libraries')
-        .length
+      mainGroup.children.filter(group => group.comment === 'Libraries').length,
     ).toBe(1);
     expect(last(outerGroup.children).comment).toBe(createdGroup.name);
   });
diff --git a/local-cli/link/__tests__/ios/getBuildProperty.spec.js b/local-cli/link/__tests__/ios/getBuildProperty.spec.js
index 831944bbb94de0..991c43dfe8ff0b 100644
--- a/local-cli/link/__tests__/ios/getBuildProperty.spec.js
+++ b/local-cli/link/__tests__/ios/getBuildProperty.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -14,7 +15,7 @@ const path = require('path');
 const getBuildProperty = require('../../ios/getBuildProperty');
 
 const project = xcode.project(
-  path.join(__dirname, '../../__fixtures__/project.pbxproj')
+  path.join(__dirname, '../../__fixtures__/project.pbxproj'),
 );
 
 describe('ios::getBuildProperty', () => {
diff --git a/local-cli/link/__tests__/ios/getGroup.spec.js b/local-cli/link/__tests__/ios/getGroup.spec.js
index f46cc31ebd7cdf..eb6716af7d43b5 100644
--- a/local-cli/link/__tests__/ios/getGroup.spec.js
+++ b/local-cli/link/__tests__/ios/getGroup.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -14,7 +15,7 @@ const getGroup = require('../../ios/getGroup');
 const path = require('path');
 
 const project = xcode.project(
-  path.join(__dirname, '../../__fixtures__/project.pbxproj')
+  path.join(__dirname, '../../__fixtures__/project.pbxproj'),
 );
 
 describe('ios::getGroup', () => {
diff --git a/local-cli/link/__tests__/ios/getHeaderSearchPath.spec.js b/local-cli/link/__tests__/ios/getHeaderSearchPath.spec.js
index 7e96a20b0edc44..bc1669e59d8406 100644
--- a/local-cli/link/__tests__/ios/getHeaderSearchPath.spec.js
+++ b/local-cli/link/__tests__/ios/getHeaderSearchPath.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -20,14 +21,19 @@ describe('ios::getHeaderSearchPath', () => {
    */
   it('should return correct path when all headers are in root folder', () => {
     const files = [
-      path.join('react-native-project', 'node_modules', 'package', 'Gradient.h'),
+      path.join(
+        'react-native-project',
+        'node_modules',
+        'package',
+        'Gradient.h',
+      ),
       path.join('react-native-project', 'node_modules', 'package', 'Manager.h'),
     ];
 
     const searchPath = getHeaderSearchPath(SRC_DIR, files);
 
     expect(searchPath).toBe(
-      `"${['$(SRCROOT)', '..', 'node_modules', 'package'].join(path.sep)}"`
+      `"${['$(SRCROOT)', '..', 'node_modules', 'package'].join(path.sep)}"`,
     );
   });
 
@@ -36,14 +42,30 @@ describe('ios::getHeaderSearchPath', () => {
    */
   it('should return correct path when headers are in multiple folders', () => {
     const files = [
-      path.join('react-native-project', 'node_modules', 'package', 'src', 'folderA', 'Gradient.h'),
-      path.join('react-native-project', 'node_modules', 'package', 'src', 'folderB', 'Manager.h'),
+      path.join(
+        'react-native-project',
+        'node_modules',
+        'package',
+        'src',
+        'folderA',
+        'Gradient.h',
+      ),
+      path.join(
+        'react-native-project',
+        'node_modules',
+        'package',
+        'src',
+        'folderB',
+        'Manager.h',
+      ),
     ];
 
     const searchPath = getHeaderSearchPath(SRC_DIR, files);
 
     expect(searchPath).toBe(
-      `"${['$(SRCROOT)', '..', 'node_modules', 'package', 'src'].join(path.sep)}/**"`
+      `"${['$(SRCROOT)', '..', 'node_modules', 'package', 'src'].join(
+        path.sep,
+      )}/**"`,
     );
   });
 
@@ -52,15 +74,37 @@ describe('ios::getHeaderSearchPath', () => {
    */
   it('should return correct path when headers are in root and nested folders', () => {
     const files = [
-      path.join('react-native-project', 'node_modules', 'package', 'src', 'folderA', 'Gradient.h'),
-      path.join('react-native-project', 'node_modules', 'package', 'src', 'folderB', 'Manager.h'),
-      path.join('react-native-project', 'node_modules', 'package', 'src', 'Manager.h'),
+      path.join(
+        'react-native-project',
+        'node_modules',
+        'package',
+        'src',
+        'folderA',
+        'Gradient.h',
+      ),
+      path.join(
+        'react-native-project',
+        'node_modules',
+        'package',
+        'src',
+        'folderB',
+        'Manager.h',
+      ),
+      path.join(
+        'react-native-project',
+        'node_modules',
+        'package',
+        'src',
+        'Manager.h',
+      ),
     ];
 
     const searchPath = getHeaderSearchPath(SRC_DIR, files);
 
     expect(searchPath).toBe(
-      `"${['$(SRCROOT)', '..', 'node_modules', 'package', 'src'].join(path.sep)}/**"`
+      `"${['$(SRCROOT)', '..', 'node_modules', 'package', 'src'].join(
+        path.sep,
+      )}/**"`,
     );
   });
 });
diff --git a/local-cli/link/__tests__/ios/getHeadersInFolder.spec.js b/local-cli/link/__tests__/ios/getHeadersInFolder.spec.js
index ff106865791441..1793755d979e8d 100644
--- a/local-cli/link/__tests__/ios/getHeadersInFolder.spec.js
+++ b/local-cli/link/__tests__/ios/getHeadersInFolder.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
diff --git a/local-cli/link/__tests__/ios/getPlist.spec.js b/local-cli/link/__tests__/ios/getPlist.spec.js
index 156320079b8a39..10e1315dd98f22 100644
--- a/local-cli/link/__tests__/ios/getPlist.spec.js
+++ b/local-cli/link/__tests__/ios/getPlist.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -14,7 +15,7 @@ const getPlist = require('../../ios/getPlist');
 const path = require('path');
 
 const project = xcode.project(
-  path.join(__dirname, '../../__fixtures__/project.pbxproj')
+  path.join(__dirname, '../../__fixtures__/project.pbxproj'),
 );
 
 describe('ios::getPlist', () => {
diff --git a/local-cli/link/__tests__/ios/getPlistPath.spec.js b/local-cli/link/__tests__/ios/getPlistPath.spec.js
index bf7c922edc89f4..9cbce096ea13c2 100644
--- a/local-cli/link/__tests__/ios/getPlistPath.spec.js
+++ b/local-cli/link/__tests__/ios/getPlistPath.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -14,7 +15,7 @@ const getPlistPath = require('../../ios/getPlistPath');
 const path = require('path');
 
 const project = xcode.project(
-  path.join(__dirname, '../../__fixtures__/project.pbxproj')
+  path.join(__dirname, '../../__fixtures__/project.pbxproj'),
 );
 
 describe('ios::getPlistPath', () => {
diff --git a/local-cli/link/__tests__/ios/getProducts.spec.js b/local-cli/link/__tests__/ios/getProducts.spec.js
index 26bee69fca00d4..88c7515d7678b6 100644
--- a/local-cli/link/__tests__/ios/getProducts.spec.js
+++ b/local-cli/link/__tests__/ios/getProducts.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -14,7 +15,7 @@ const getProducts = require('../../ios/getProducts');
 const path = require('path');
 
 const project = xcode.project(
-  path.join(__dirname, '../../__fixtures__/project.pbxproj')
+  path.join(__dirname, '../../__fixtures__/project.pbxproj'),
 );
 
 describe('ios::getProducts', () => {
diff --git a/local-cli/link/__tests__/ios/getTargets.spec.js b/local-cli/link/__tests__/ios/getTargets.spec.js
index 99f3f370215eca..7acf9df43ed6f0 100644
--- a/local-cli/link/__tests__/ios/getTargets.spec.js
+++ b/local-cli/link/__tests__/ios/getTargets.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -14,7 +15,7 @@ const getTargets = require('../../ios/getTargets');
 const path = require('path');
 
 const project = xcode.project(
-  path.join(__dirname, '../../__fixtures__/project.pbxproj')
+  path.join(__dirname, '../../__fixtures__/project.pbxproj'),
 );
 
 describe('ios::getTargets', () => {
diff --git a/local-cli/link/__tests__/ios/hasLibraryImported.spec.js b/local-cli/link/__tests__/ios/hasLibraryImported.spec.js
index 6d9d1723f9032c..a74e7b59388c4c 100644
--- a/local-cli/link/__tests__/ios/hasLibraryImported.spec.js
+++ b/local-cli/link/__tests__/ios/hasLibraryImported.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -14,7 +15,7 @@ const hasLibraryImported = require('../../ios/hasLibraryImported');
 const path = require('path');
 
 const project = xcode.project(
-  path.join(__dirname, '../../__fixtures__/project.pbxproj')
+  path.join(__dirname, '../../__fixtures__/project.pbxproj'),
 );
 
 describe('ios::hasLibraryImported', () => {
diff --git a/local-cli/link/__tests__/ios/isInstalled.spec.js b/local-cli/link/__tests__/ios/isInstalled.spec.js
index bc291d79df3416..3946677c35385e 100644
--- a/local-cli/link/__tests__/ios/isInstalled.spec.js
+++ b/local-cli/link/__tests__/ios/isInstalled.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -19,18 +20,20 @@ const baseProjectConfig = {
 
 describe('ios::isInstalled', () => {
   it('should return true when .xcodeproj in Libraries', () => {
-    const dependencyConfig = { projectName: 'React.xcodeproj' };
+    const dependencyConfig = {projectName: 'React.xcodeproj'};
     expect(isInstalled(baseProjectConfig, dependencyConfig)).toBeTruthy();
   });
 
   it('should return false when .xcodeproj not in Libraries', () => {
-    const dependencyConfig = { projectName: 'Missing.xcodeproj' };
+    const dependencyConfig = {projectName: 'Missing.xcodeproj'};
     expect(isInstalled(baseProjectConfig, dependencyConfig)).toBeFalsy();
   });
 
   it('should return false when `LibraryFolder` is missing', () => {
-    const dependencyConfig = { projectName: 'React.xcodeproj' };
-    const projectConfig = Object.assign({}, baseProjectConfig, { libraryFolder: 'Missing' });
+    const dependencyConfig = {projectName: 'React.xcodeproj'};
+    const projectConfig = Object.assign({}, baseProjectConfig, {
+      libraryFolder: 'Missing',
+    });
     expect(isInstalled(projectConfig, dependencyConfig)).toBeFalsy();
   });
 });
diff --git a/local-cli/link/__tests__/ios/mapHeaderSearchPaths.spec.js b/local-cli/link/__tests__/ios/mapHeaderSearchPaths.spec.js
index e834b32da8cb9f..785e6bdd73f364 100644
--- a/local-cli/link/__tests__/ios/mapHeaderSearchPaths.spec.js
+++ b/local-cli/link/__tests__/ios/mapHeaderSearchPaths.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -14,7 +15,7 @@ const mapHeaderSearchPaths = require('../../ios/mapHeaderSearchPaths');
 const path = require('path');
 
 const project = xcode.project(
-  path.join(__dirname, '../../__fixtures__/project.pbxproj')
+  path.join(__dirname, '../../__fixtures__/project.pbxproj'),
 );
 
 describe('ios::mapHeaderSearchPaths', () => {
diff --git a/local-cli/link/__tests__/ios/removeProjectFromLibraries.js b/local-cli/link/__tests__/ios/removeProjectFromLibraries.js
index 262d61b11e8efc..2c882be27d572c 100644
--- a/local-cli/link/__tests__/ios/removeProjectFromLibraries.js
+++ b/local-cli/link/__tests__/ios/removeProjectFromLibraries.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -17,7 +18,7 @@ const last = require('lodash').last;
 const path = require('path');
 
 const project = xcode.project(
-  path.join(__dirname, '../../__fixtures__/project.pbxproj')
+  path.join(__dirname, '../../__fixtures__/project.pbxproj'),
 );
 
 describe('ios::removeProjectFromLibraries', () => {
@@ -26,7 +27,7 @@ describe('ios::removeProjectFromLibraries', () => {
 
     addProjectToLibraries(
       project.pbxGroupByName('Libraries'),
-      new PbxFile('fakePath')
+      new PbxFile('fakePath'),
     );
   });
 
diff --git a/local-cli/link/__tests__/ios/removeProjectFromProject.spec.js b/local-cli/link/__tests__/ios/removeProjectFromProject.spec.js
index 54a3e07cd7aa14..16dc3b374e4998 100644
--- a/local-cli/link/__tests__/ios/removeProjectFromProject.spec.js
+++ b/local-cli/link/__tests__/ios/removeProjectFromProject.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -16,7 +17,7 @@ const removeProjectFromProject = require('../../ios/removeProjectFromProject');
 const path = require('path');
 
 const project = xcode.project(
-  path.join(__dirname, '../../__fixtures__/project.pbxproj')
+  path.join(__dirname, '../../__fixtures__/project.pbxproj'),
 );
 const filePath = '../../__fixtures__/linearGradient.pbxproj';
 
@@ -27,8 +28,9 @@ describe('ios::addFileToProject', () => {
   });
 
   it('should return removed file', () => {
-    expect(removeProjectFromProject(project, filePath) instanceof pbxFile)
-      .toBeTruthy();
+    expect(
+      removeProjectFromProject(project, filePath) instanceof pbxFile,
+    ).toBeTruthy();
   });
 
   it('should remove file from a project', () => {
diff --git a/local-cli/link/__tests__/ios/removeSharedLibrary.spec.js b/local-cli/link/__tests__/ios/removeSharedLibrary.spec.js
index 601f0f7aa57573..ee69b5c6adfcbc 100644
--- a/local-cli/link/__tests__/ios/removeSharedLibrary.spec.js
+++ b/local-cli/link/__tests__/ios/removeSharedLibrary.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -16,11 +17,10 @@ const removeSharedLibraries = require('../../ios/removeSharedLibraries');
 const getGroup = require('../../ios/getGroup');
 
 const project = xcode.project(
-  path.join(__dirname, '../../__fixtures__/project.pbxproj')
+  path.join(__dirname, '../../__fixtures__/project.pbxproj'),
 );
 
 describe('ios::removeSharedLibraries', () => {
-
   beforeEach(() => {
     project.parseSync();
     addSharedLibraries(project, ['libc++.tbd', 'libz.tbd']);
@@ -40,5 +40,4 @@ describe('ios::removeSharedLibraries', () => {
     const frameworksGroup = getGroup(project, 'Frameworks');
     expect(frameworksGroup.children.length).toEqual(2);
   });
-
 });
diff --git a/local-cli/link/__tests__/ios/writePlist.spec.js b/local-cli/link/__tests__/ios/writePlist.spec.js
index 0d2e086d00132e..40a7e549255b53 100644
--- a/local-cli/link/__tests__/ios/writePlist.spec.js
+++ b/local-cli/link/__tests__/ios/writePlist.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -14,7 +15,7 @@ jest.mock('fs');
 let plistPath = null;
 jest.mock('../../ios/getPlistPath', () => () => plistPath);
 
-const { readFileSync } = require.requireActual('fs');
+const {readFileSync} = require.requireActual('fs');
 const fs = require('fs');
 
 const xcode = require('xcode');
@@ -26,13 +27,14 @@ const infoPlistPath = path.join(__dirname, '../../__fixtures__/Info.plist');
 
 fs.readFileSync = jest.fn(() => readFileSync(projectPath).toString());
 
+const {writeFileSync} = fs;
+fs.writeFileSync = jest.fn(writeFileSync);
+
 const project = xcode.project('/Basic/project.pbxproj');
 
 const plist = {
   CFBundleDevelopmentRegion: 'en',
-  UISupportedInterfaceOrientations: [
-    'UIInterfaceOrientationPortrait'
-  ]
+  UISupportedInterfaceOrientations: ['UIInterfaceOrientationPortrait'],
 };
 
 describe('ios::writePlist', () => {
diff --git a/local-cli/link/__tests__/link.spec.js b/local-cli/link/__tests__/link.spec.js
index 5ff3ab73a19ebe..9cbe601f2fb474 100644
--- a/local-cli/link/__tests__/link.spec.js
+++ b/local-cli/link/__tests__/link.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -12,10 +13,7 @@
 const sinon = require('sinon');
 const log = require('npmlog');
 const path = require('path');
-jest.setMock(
-  'chalk',
-  { grey: (str) => str, }
-);
+jest.setMock('chalk', {grey: str => str});
 
 describe('link', () => {
   beforeEach(() => {
@@ -24,7 +22,7 @@ describe('link', () => {
     log.level = 'silent';
   });
 
-  it('should reject when run in a folder without package.json', (done) => {
+  it('should reject when run in a folder without package.json', done => {
     const config = {
       getProjectConfig: () => {
         throw new Error('No package.json found');
@@ -35,77 +33,43 @@ describe('link', () => {
     link([], config).catch(() => done());
   });
 
-  it('should accept a name of a dependency to link', (done) => {
+  it('should accept a name of a dependency to link', done => {
     const config = {
       getPlatformConfig: () => ({ios: {}, android: {}}),
-      getProjectConfig: () => ({ assets: [] }),
-      getDependencyConfig: sinon.stub().returns({ assets: [], commands: {} }),
+      getProjectConfig: () => ({assets: []}),
+      getDependencyConfig: sinon.stub().returns({assets: [], commands: {}}),
     };
 
     const link = require('../link').func;
     link(['react-native-gradient'], config).then(() => {
       expect(
-        config.getDependencyConfig.calledWith('react-native-gradient')
+        config.getDependencyConfig.calledWith('react-native-gradient'),
       ).toBeTruthy();
       done();
     });
   });
 
-  it('should read dependencies from package.json when name not provided', (done) => {
-    const config = {
-      getPlatformConfig: () => ({ios: {}, android: {}}),
-      getProjectConfig: () => ({ assets: [] }),
-      getDependencyConfig: sinon.stub().returns({ assets: [], commands: {} }),
-    };
-
-    jest.setMock(
-      path.join(process.cwd(), 'package.json'),
-      {
-        dependencies: {
-          'react-native-test': '*',
-        },
-      }
-    );
-
-    const link = require('../link').func;
-    link([], config).then(() => {
-      expect(
-        config.getDependencyConfig.calledWith('react-native-test')
-      ).toBeTruthy();
-      done();
-    });
-  });
-
-  it('should register native module when android/ios projects are present', (done) => {
+  it('should register native module when android/ios projects are present', done => {
     const registerNativeModule = sinon.stub();
     const dependencyConfig = {android: {}, ios: {}, assets: [], commands: {}};
     const androidLinkConfig = require('../android');
     const iosLinkConfig = require('../ios');
     const config = {
-      getPlatformConfig: () => ({ios: { linkConfig: iosLinkConfig }, android: { linkConfig: androidLinkConfig }}),
+      getPlatformConfig: () => ({
+        ios: {linkConfig: iosLinkConfig},
+        android: {linkConfig: androidLinkConfig},
+      }),
       getProjectConfig: () => ({android: {}, ios: {}, assets: []}),
       getDependencyConfig: sinon.stub().returns(dependencyConfig),
     };
 
-    jest.setMock(
-      '../android/isInstalled.js',
-      sinon.stub().returns(false)
-    );
+    jest.setMock('../android/isInstalled.js', sinon.stub().returns(false));
 
-    jest.setMock(
-      '../android/registerNativeModule.js',
-      registerNativeModule
-    );
+    jest.setMock('../android/registerNativeModule.js', registerNativeModule);
 
-    jest.setMock(
-      '../ios/isInstalled.js',
-      sinon.stub().returns(false)
-    );
+    jest.setMock('../ios/isInstalled.js', sinon.stub().returns(false));
 
-    jest.setMock(
-      '../ios/registerNativeModule.js',
-      registerNativeModule
-    );
+    jest.setMock('../ios/registerNativeModule.js', registerNativeModule);
 
     const link = require('../link').func;
 
@@ -115,34 +79,22 @@ describe('link', () => {
     });
   });
 
-  it('should not register modules when they are already installed', (done) => {
+  it('should not register modules when they are already installed', done => {
     const registerNativeModule = sinon.stub();
     const dependencyConfig = {ios: {}, android: {}, assets: [], commands: {}};
     const config = {
       getPlatformConfig: () => ({ios: {}, android: {}}),
-      getProjectConfig: () => ({ ios: {}, android: {}, assets: [] }),
+      getProjectConfig: () => ({ios: {}, android: {}, assets: []}),
       getDependencyConfig: sinon.stub().returns(dependencyConfig),
     };
 
-    jest.setMock(
-      '../ios/isInstalled.js',
-      sinon.stub().returns(true)
-    );
+    jest.setMock('../ios/isInstalled.js', sinon.stub().returns(true));
 
-    jest.setMock(
-      '../android/isInstalled.js',
-      sinon.stub().returns(true)
-    );
+    jest.setMock('../android/isInstalled.js', sinon.stub().returns(true));
 
-    jest.setMock(
-      '../ios/registerNativeModule.js',
-      registerNativeModule
-    );
+    jest.setMock('../ios/registerNativeModule.js', registerNativeModule);
 
-    jest.setMock(
-      '../android/registerNativeModule.js',
-      registerNativeModule
-    );
+    jest.setMock('../android/registerNativeModule.js', registerNativeModule);
 
     const link = require('../link').func;
 
@@ -152,25 +104,32 @@ describe('link', () => {
     });
   });
 
-  it('should register native modules for plugins', (done) => {
+  it('should register native modules for plugins', done => {
     const registerNativeModule = sinon.stub();
-    const dependencyConfig = {ios: {}, android: {}, test: {}, assets: [], commands: {}};
-    const linkPluginConfig = { isInstalled: () => false, register: registerNativeModule };
+    const dependencyConfig = {
+      ios: {},
+      android: {},
+      test: {},
+      assets: [],
+      commands: {},
+    };
+    const linkPluginConfig = {
+      isInstalled: () => false,
+      register: registerNativeModule,
+    };
     const config = {
-      getPlatformConfig: () => ({ ios: {}, android: {}, test: { linkConfig: () => linkPluginConfig }}),
-      getProjectConfig: () => ({ ios: {}, android: {}, test: {}, assets: [] }),
+      getPlatformConfig: () => ({
+        ios: {},
+        android: {},
+        test: {linkConfig: () => linkPluginConfig},
+      }),
+      getProjectConfig: () => ({ios: {}, android: {}, test: {}, assets: []}),
       getDependencyConfig: sinon.stub().returns(dependencyConfig),
     };
 
-    jest.setMock(
-      '../ios/isInstalled.js',
-      sinon.stub().returns(true)
-    );
+    jest.setMock('../ios/isInstalled.js', sinon.stub().returns(true));
 
-    jest.setMock(
-      '../android/isInstalled.js',
-      sinon.stub().returns(true)
-    );
+    jest.setMock('../android/isInstalled.js', sinon.stub().returns(true));
 
     const link = require('../link').func;
 
@@ -180,25 +139,32 @@ describe('link', () => {
     });
   });
 
-  it('should not register native modules for plugins when already installed', (done) => {
+  it('should not register native modules for plugins when already installed', done => {
     const registerNativeModule = sinon.stub();
-    const dependencyConfig = {ios: {}, android: {}, test: {}, assets: [], commands: {}};
-    const linkPluginConfig = { isInstalled: () => true, register: registerNativeModule};
+    const dependencyConfig = {
+      ios: {},
+      android: {},
+      test: {},
+      assets: [],
+      commands: {},
+    };
+    const linkPluginConfig = {
+      isInstalled: () => true,
+      register: registerNativeModule,
+    };
     const config = {
-      getPlatformConfig: () => ({ ios: {}, android: {}, test: { linkConfig: () => linkPluginConfig }}),
-      getProjectConfig: () => ({ ios: {}, android: {}, test: {}, assets: [] }),
+      getPlatformConfig: () => ({
+        ios: {},
+        android: {},
+        test: {linkConfig: () => linkPluginConfig},
+      }),
+      getProjectConfig: () => ({ios: {}, android: {}, test: {}, assets: []}),
       getDependencyConfig: sinon.stub().returns(dependencyConfig),
     };
 
-    jest.setMock(
-      '../ios/isInstalled.js',
-      sinon.stub().returns(true)
-    );
+    jest.setMock('../ios/isInstalled.js', sinon.stub().returns(true));
 
-    jest.setMock(
-      '../android/isInstalled.js',
-      sinon.stub().returns(true)
-    );
+    jest.setMock('../android/isInstalled.js', sinon.stub().returns(true));
 
     const link = require('../link').func;
 
@@ -208,27 +174,23 @@ describe('link', () => {
     });
   });
 
-  it('should run prelink and postlink commands at the appropriate times', (done) => {
+  it('should run prelink and postlink commands at the appropriate times', done => {
     const registerNativeModule = sinon.stub();
     const prelink = sinon.stub().yieldsAsync();
     const postlink = sinon.stub().yieldsAsync();
 
-    jest.setMock(
-      '../ios/registerNativeModule.js',
-      registerNativeModule
-    );
+    jest.setMock('../ios/registerNativeModule.js', registerNativeModule);
 
-    jest.setMock(
-      '../ios/isInstalled.js',
-      sinon.stub().returns(false)
-    );
+    jest.setMock('../ios/isInstalled.js', sinon.stub().returns(false));
 
     const linkConfig = require('../ios');
     const config = {
-      getPlatformConfig: () => ({ ios: { linkConfig: linkConfig }}),
-      getProjectConfig: () => ({ ios: {}, assets: [] }),
+      getPlatformConfig: () => ({ios: {linkConfig: linkConfig}}),
+      getProjectConfig: () => ({ios: {}, assets: []}),
       getDependencyConfig: sinon.stub().returns({
-        ios: {}, assets: [], commands: { prelink, postlink },
+        ios: {},
+        assets: [],
+        commands: {prelink, postlink},
       }),
     };
 
@@ -241,21 +203,18 @@ describe('link', () => {
     });
   });
 
-  it('should copy assets from both project and dependencies projects', (done) => {
+  it('should copy assets from both project and dependencies projects', done => {
     const dependencyAssets = ['Fonts/Font.ttf'];
     const dependencyConfig = {assets: dependencyAssets, ios: {}, commands: {}};
     const projectAssets = ['Fonts/FontC.ttf'];
     const copyAssets = sinon.stub();
 
-    jest.setMock(
-      '../ios/copyAssets.js',
-      copyAssets
-    );
+    jest.setMock('../ios/copyAssets.js', copyAssets);
 
     const linkConfig = require('../ios');
     const config = {
-      getPlatformConfig: () => ({ ios: { linkConfig: linkConfig } }),
-      getProjectConfig: () => ({ ios: {}, assets: projectAssets }),
+      getPlatformConfig: () => ({ios: {linkConfig: linkConfig}}),
+      getProjectConfig: () => ({ios: {}, assets: projectAssets}),
       getDependencyConfig: sinon.stub().returns(dependencyConfig),
     };
 
@@ -264,7 +223,7 @@ describe('link', () => {
     link(['react-native-blur'], config).then(() => {
       expect(copyAssets.calledOnce).toBeTruthy();
       expect(copyAssets.getCall(0).args[0]).toEqual(
-        projectAssets.concat(dependencyAssets)
+        projectAssets.concat(dependencyAssets),
       );
       done();
     });
diff --git a/local-cli/link/__tests__/pods/findLineToAddPod.spec.js b/local-cli/link/__tests__/pods/findLineToAddPod.spec.js
index e065fd406ffe7b..e0b179a8f943b4 100644
--- a/local-cli/link/__tests__/pods/findLineToAddPod.spec.js
+++ b/local-cli/link/__tests__/pods/findLineToAddPod.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -19,21 +20,31 @@ const LINE_AFTER_TARGET_IN_TEST_PODFILE = 4;
 describe('pods::findLineToAddPod', () => {
   it('returns null if file is not Podfile', () => {
     const podfile = readPodfile(path.join(PODFILES_PATH, '../Info.plist'));
-    expect(findLineToAddPod(podfile, LINE_AFTER_TARGET_IN_TEST_PODFILE)).toBeNull();
+    expect(
+      findLineToAddPod(podfile, LINE_AFTER_TARGET_IN_TEST_PODFILE),
+    ).toBeNull();
   });
 
   it('returns correct line number for Simple Podfile', () => {
     const podfile = readPodfile(path.join(PODFILES_PATH, 'PodfileSimple'));
-    expect(findLineToAddPod(podfile, LINE_AFTER_TARGET_IN_TEST_PODFILE)).toEqual({ line: 7, indentation: 2 });
+    expect(
+      findLineToAddPod(podfile, LINE_AFTER_TARGET_IN_TEST_PODFILE),
+    ).toEqual({line: 7, indentation: 2});
   });
 
   it('returns correct line number for Podfile with target', () => {
     const podfile = readPodfile(path.join(PODFILES_PATH, 'PodfileWithTarget'));
-    expect(findLineToAddPod(podfile, LINE_AFTER_TARGET_IN_TEST_PODFILE)).toEqual({ line: 21, indentation: 2 });
+    expect(
+      findLineToAddPod(podfile, LINE_AFTER_TARGET_IN_TEST_PODFILE),
+    ).toEqual({line: 21, indentation: 2});
   });
 
   it('returns correct line number for Podfile with function', () => {
-    const podfile = readPodfile(path.join(PODFILES_PATH, 'PodfileWithFunction'));
-    expect(findLineToAddPod(podfile, LINE_AFTER_TARGET_IN_TEST_PODFILE)).toEqual({ line: 26, indentation: 2 });
+    const podfile = readPodfile(
+      path.join(PODFILES_PATH, 'PodfileWithFunction'),
+    );
+    expect(
+      findLineToAddPod(podfile, LINE_AFTER_TARGET_IN_TEST_PODFILE),
+    ).toEqual({line: 26, indentation: 2});
   });
 });
diff --git a/local-cli/link/__tests__/pods/findMarkedLinesInPodfile.spec.js b/local-cli/link/__tests__/pods/findMarkedLinesInPodfile.spec.js
index f3b6880949f49a..7dd2b77af939f5 100644
--- a/local-cli/link/__tests__/pods/findMarkedLinesInPodfile.spec.js
+++ b/local-cli/link/__tests__/pods/findMarkedLinesInPodfile.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -24,12 +25,19 @@ describe('pods::findMarkedLinesInPodfile', () => {
 
   it('returns empty array for Simple Podfile', () => {
     const podfile = readPodfile(path.join(PODFILES_PATH, 'PodfileSimple'));
-    expect(findMarkedLinesInPodfile(podfile, LINE_AFTER_TARGET_IN_TEST_PODFILE)).toEqual([]);
+    expect(
+      findMarkedLinesInPodfile(podfile, LINE_AFTER_TARGET_IN_TEST_PODFILE),
+    ).toEqual([]);
   });
 
   it('returns correct line numbers for Podfile with marker', () => {
     const podfile = readPodfile(path.join(PODFILES_PATH, 'PodfileWithMarkers'));
-    const expectedObject = [{ line: 18, indentation: 2 }, { line: 31, indentation: 4 }];
-    expect(findMarkedLinesInPodfile(podfile, LINE_AFTER_TARGET_IN_TEST_PODFILE)).toEqual(expectedObject);
+    const expectedObject = [
+      {line: 18, indentation: 2},
+      {line: 31, indentation: 4},
+    ];
+    expect(
+      findMarkedLinesInPodfile(podfile, LINE_AFTER_TARGET_IN_TEST_PODFILE),
+    ).toEqual(expectedObject);
   });
 });
diff --git a/local-cli/link/__tests__/pods/findPodTargetLine.spec.js b/local-cli/link/__tests__/pods/findPodTargetLine.spec.js
index d64a2513c7cc5f..04b142856f82c9 100644
--- a/local-cli/link/__tests__/pods/findPodTargetLine.spec.js
+++ b/local-cli/link/__tests__/pods/findPodTargetLine.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
diff --git a/local-cli/link/__tests__/pods/isInstalled.spec.js b/local-cli/link/__tests__/pods/isInstalled.spec.js
index abda0fbe32d6c6..ba9b3f03753883 100644
--- a/local-cli/link/__tests__/pods/isInstalled.spec.js
+++ b/local-cli/link/__tests__/pods/isInstalled.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -16,26 +17,26 @@ const PODFILES_PATH = path.join(__dirname, '../../__fixtures__/pods');
 
 describe('pods::isInstalled', () => {
   it('returns false if pod is missing', () => {
-    const project = { podfile: path.join(PODFILES_PATH, 'PodfileSimple') };
-    const podspecName = { podspec: 'NotExisting' };
+    const project = {podfile: path.join(PODFILES_PATH, 'PodfileSimple')};
+    const podspecName = {podspec: 'NotExisting'};
     expect(isInstalled(project, podspecName)).toBe(false);
   });
 
   it('returns true for existing pod with version number', () => {
-    const project = { podfile: path.join(PODFILES_PATH, 'PodfileSimple') };
-    const podspecName = { podspec: 'TestPod' };
+    const project = {podfile: path.join(PODFILES_PATH, 'PodfileSimple')};
+    const podspecName = {podspec: 'TestPod'};
     expect(isInstalled(project, podspecName)).toBe(true);
   });
 
   it('returns true for existing pod with path', () => {
-    const project = { podfile: path.join(PODFILES_PATH, 'PodfileWithTarget') };
-    const podspecName = { podspec: 'Yoga' };
+    const project = {podfile: path.join(PODFILES_PATH, 'PodfileWithTarget')};
+    const podspecName = {podspec: 'Yoga'};
     expect(isInstalled(project, podspecName)).toBe(true);
   });
 
   it('returns true for existing pod with multiline definition', () => {
-    const project = { podfile: path.join(PODFILES_PATH, 'PodfileWithFunction') };
-    const podspecName = { podspec: 'React' };
+    const project = {podfile: path.join(PODFILES_PATH, 'PodfileWithFunction')};
+    const podspecName = {podspec: 'React'};
     expect(isInstalled(project, podspecName)).toBe(true);
   });
 });
diff --git a/local-cli/link/__tests__/pods/removePodEntry.spec.js b/local-cli/link/__tests__/pods/removePodEntry.spec.js
index 5c2f4a951f02bd..576664970ba36b 100644
--- a/local-cli/link/__tests__/pods/removePodEntry.spec.js
+++ b/local-cli/link/__tests__/pods/removePodEntry.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -17,21 +18,25 @@ const PODFILES_PATH = path.join(__dirname, '../../__fixtures__/pods');
 
 describe('pods::removePodEntry', () => {
   it('should remove one line from Podfile with TestPod', () => {
-    const { podfileContent, podLinesCount } = readTestPodFile('PodfileSimple');
+    const {podfileContent, podLinesCount} = readTestPodFile('PodfileSimple');
     const podFileWithRemoved = removePodEntry(podfileContent, 'TestPod');
     const newLineCount = podFileWithRemoved.split('\n').length;
     expect(newLineCount).toBe(podLinesCount - 1);
   });
 
   it('should remove one line from Podfile with Yoga', () => {
-    const { podfileContent, podLinesCount } = readTestPodFile('PodfileWithTarget');
+    const {podfileContent, podLinesCount} = readTestPodFile(
+      'PodfileWithTarget',
+    );
     const podFileWithRemoved = removePodEntry(podfileContent, 'Yoga');
     const newLineCount = podFileWithRemoved.split('\n').length;
     expect(newLineCount).toBe(podLinesCount - 1);
   });
 
   it('should remove whole reference to React pod from Podfile', () => {
-    const { podfileContent, podLinesCount } = readTestPodFile('PodfileWithTarget');
+    const {podfileContent, podLinesCount} = readTestPodFile(
+      'PodfileWithTarget',
+    );
     const podFileWithRemoved = removePodEntry(podfileContent, 'React');
     const newLineCount = podFileWithRemoved.split('\n').length;
     expect(newLineCount).toBe(podLinesCount - 9);
@@ -40,5 +45,8 @@ describe('pods::removePodEntry', () => {
 
 function readTestPodFile(fileName) {
   const podfileLines = readPodfile(path.join(PODFILES_PATH, fileName));
-  return { podfileContent: podfileLines.join('\n'), podLinesCount: podfileLines.length };
+  return {
+    podfileContent: podfileLines.join('\n'),
+    podLinesCount: podfileLines.length,
+  };
 }
diff --git a/local-cli/link/__tests__/promiseWaterfall.spec.js b/local-cli/link/__tests__/promiseWaterfall.spec.js
index d34aa650217772..3f9adc55a2c969 100644
--- a/local-cli/link/__tests__/promiseWaterfall.spec.js
+++ b/local-cli/link/__tests__/promiseWaterfall.spec.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -13,8 +14,7 @@ const sinon = require('sinon');
 const promiseWaterfall = require('../promiseWaterfall');
 
 describe('promiseWaterfall', () => {
-
-  it('should run promises in a sequence', (done) => {
+  it('should run promises in a sequence', done => {
     const tasks = [sinon.stub(), sinon.stub()];
 
     promiseWaterfall(tasks).then(() => {
@@ -23,7 +23,7 @@ describe('promiseWaterfall', () => {
     });
   });
 
-  it('should resolve with last promise value', (done) => {
+  it('should resolve with last promise value', done => {
     const tasks = [sinon.stub().returns(1), sinon.stub().returns(2)];
 
     promiseWaterfall(tasks).then(value => {
@@ -32,7 +32,7 @@ describe('promiseWaterfall', () => {
     });
   });
 
-  it('should stop the sequence when one of promises is rejected', (done) => {
+  it('should stop the sequence when one of promises is rejected', done => {
     const error = new Error();
     const tasks = [sinon.stub().throws(error), sinon.stub().returns(2)];
 
@@ -42,5 +42,4 @@ describe('promiseWaterfall', () => {
       done();
     });
   });
-
 });
diff --git a/local-cli/link/android/copyAssets.js b/local-cli/link/android/copyAssets.js
index f4bd67ff6a1e54..dbaeaa24e93ecd 100644
--- a/local-cli/link/android/copyAssets.js
+++ b/local-cli/link/android/copyAssets.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const fs = require('fs-extra');
@@ -19,6 +21,9 @@ module.exports = function copyAssetsAndroid(files, project) {
   const assets = groupFilesByType(files);
 
   (assets.font || []).forEach(asset =>
-    fs.copySync(asset, path.join(project.assetsPath, 'fonts', path.basename(asset)))
+    fs.copySync(
+      asset,
+      path.join(project.assetsPath, 'fonts', path.basename(asset)),
+    ),
   );
 };
diff --git a/local-cli/link/android/fs.js b/local-cli/link/android/fs.js
index 9ace2aba924f03..51ee62136b42d9 100644
--- a/local-cli/link/android/fs.js
+++ b/local-cli/link/android/fs.js
@@ -3,13 +3,15 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const fs = require('fs-extra');
 
-exports.readFile = (file) =>
-  () => fs.readFileSync(file, 'utf8');
+exports.readFile = file => () => fs.readFileSync(file, 'utf8');
 
-exports.writeFile = (file, content) => content ?
-  fs.writeFileSync(file, content, 'utf8') :
-  (c) => fs.writeFileSync(file, c, 'utf8');
+exports.writeFile = (file, content) =>
+  content
+    ? fs.writeFileSync(file, content, 'utf8')
+    : c => fs.writeFileSync(file, c, 'utf8');
diff --git a/local-cli/link/android/index.js b/local-cli/link/android/index.js
index 986ec59450b8dd..3eacc41750228c 100644
--- a/local-cli/link/android/index.js
+++ b/local-cli/link/android/index.js
@@ -1,9 +1,11 @@
+/** @format */
+
 module.exports = function() {
   return {
     isInstalled: require('./isInstalled'),
     register: require('./registerNativeModule'),
     unregister: require('./unregisterNativeModule'),
     copyAssets: require('./copyAssets'),
-    unlinkAssets: require('./unlinkAssets')
+    unlinkAssets: require('./unlinkAssets'),
   };
 };
diff --git a/local-cli/link/android/isInstalled.js b/local-cli/link/android/isInstalled.js
index 2accb2a0160d21..43a53396e9228d 100644
--- a/local-cli/link/android/isInstalled.js
+++ b/local-cli/link/android/isInstalled.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const fs = require('fs');
diff --git a/local-cli/link/android/patches/applyParams.js b/local-cli/link/android/patches/applyParams.js
index 5f57f3cb8fa891..2fd193ad685259 100644
--- a/local-cli/link/android/patches/applyParams.js
+++ b/local-cli/link/android/patches/applyParams.js
@@ -3,19 +3,16 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const toCamelCase = require('lodash').camelCase;
 
 module.exports = function applyParams(str, params, prefix) {
-  return str.replace(
-    /\$\{(\w+)\}/g,
-    (pattern, param) => {
-      const name = toCamelCase(prefix) + '_' + param;
+  return str.replace(/\$\{(\w+)\}/g, (pattern, param) => {
+    const name = toCamelCase(prefix) + '_' + param;
 
-      return params[param]
-        ? `getResources().getString(R.string.${name})`
-        : null;
-    }
-  );
+    return params[param] ? `getResources().getString(R.string.${name})` : null;
+  });
 };
diff --git a/local-cli/link/android/patches/applyPatch.js b/local-cli/link/android/patches/applyPatch.js
index df9680c507236e..05393a894722e6 100644
--- a/local-cli/link/android/patches/applyPatch.js
+++ b/local-cli/link/android/patches/applyPatch.js
@@ -3,13 +3,17 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const fs = require('fs');
 
 module.exports = function applyPatch(file, patch) {
-  fs.writeFileSync(file, fs
-    .readFileSync(file, 'utf8')
-    .replace(patch.pattern, match => `${match}${patch.patch}`)
+  fs.writeFileSync(
+    file,
+    fs
+      .readFileSync(file, 'utf8')
+      .replace(patch.pattern, match => `${match}${patch.patch}`),
   );
 };
diff --git a/local-cli/link/android/patches/makeBuildPatch.js b/local-cli/link/android/patches/makeBuildPatch.js
index 67f7d8aac3f1d2..dfaab8f6998bfe 100644
--- a/local-cli/link/android/patches/makeBuildPatch.js
+++ b/local-cli/link/android/patches/makeBuildPatch.js
@@ -3,16 +3,21 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
+const normalizeProjectName = require('./normalizeProjectName');
+
 module.exports = function makeBuildPatch(name) {
+  const normalizedProjectName = normalizeProjectName(name);
   const installPattern = new RegExp(
-    `\\s{4}(compile)(\\(|\\s)(project)\\(\\\':${name}\\\'\\)(\\)|\\s)`
+    `\\s{4}(compile)(\\(|\\s)(project)\\(\\\':${normalizedProjectName}\\\'\\)(\\)|\\s)`,
   );
 
   return {
     installPattern,
-    pattern: /[^ \t]dependencies {\n/,
-    patch: `    compile project(':${name}')\n`
+    pattern: /[^ \t]dependencies {(\r\n|\n)/,
+    patch: `    compile project(':${normalizedProjectName}')\n`,
   };
 };
diff --git a/local-cli/link/android/patches/makeImportPatch.js b/local-cli/link/android/patches/makeImportPatch.js
index 9cb9aaddc995e2..90bd0f50326b64 100644
--- a/local-cli/link/android/patches/makeImportPatch.js
+++ b/local-cli/link/android/patches/makeImportPatch.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 module.exports = function makeImportPatch(packageImportPath) {
diff --git a/local-cli/link/android/patches/makePackagePatch.js b/local-cli/link/android/patches/makePackagePatch.js
index 054c2ac5649b79..29c01b76bb84f0 100644
--- a/local-cli/link/android/patches/makePackagePatch.js
+++ b/local-cli/link/android/patches/makePackagePatch.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const applyParams = require('./applyParams');
diff --git a/local-cli/link/android/patches/makeSettingsPatch.js b/local-cli/link/android/patches/makeSettingsPatch.js
index a8a6e148333f04..76885f706606b0 100644
--- a/local-cli/link/android/patches/makeSettingsPatch.js
+++ b/local-cli/link/android/patches/makeSettingsPatch.js
@@ -3,16 +3,25 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const path = require('path');
+const normalizeProjectName = require('./normalizeProjectName');
+
 const isWin = process.platform === 'win32';
 
-module.exports = function makeSettingsPatch(name, androidConfig, projectConfig) {
+module.exports = function makeSettingsPatch(
+  name,
+  androidConfig,
+  projectConfig,
+) {
   var projectDir = path.relative(
     path.dirname(projectConfig.settingsGradlePath),
-    androidConfig.sourceDir
+    androidConfig.sourceDir,
   );
+  const normalizedProjectName = normalizeProjectName(name);
 
   /*
    * Fix for Windows
@@ -26,8 +35,9 @@ module.exports = function makeSettingsPatch(name, androidConfig, projectConfig)
 
   return {
     pattern: '\n',
-    patch: `include ':${name}'\n` +
-      `project(':${name}').projectDir = ` +
+    patch:
+      `include ':${normalizedProjectName}'\n` +
+      `project(':${normalizedProjectName}').projectDir = ` +
       `new File(rootProject.projectDir, '${projectDir}')\n`,
   };
 };
diff --git a/local-cli/link/android/patches/makeStringsPatch.js b/local-cli/link/android/patches/makeStringsPatch.js
index 281582afb97167..a6b40e46f2cad8 100644
--- a/local-cli/link/android/patches/makeStringsPatch.js
+++ b/local-cli/link/android/patches/makeStringsPatch.js
@@ -3,21 +3,22 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const toCamelCase = require('lodash').camelCase;
 
 module.exports = function makeStringsPatch(params, prefix) {
-  const values = Object.keys(params)
-    .map(param => {
-      const name = toCamelCase(prefix) + '_' + param;
-      return '    ' +
-        `<string moduleConfig="true" name="${name}">${params[param]}</string>`;
-    });
+  const values = Object.keys(params).map(param => {
+    const name = toCamelCase(prefix) + '_' + param;
+    return (
+      '    ' +
+      `<string moduleConfig="true" name="${name}">${params[param]}</string>`
+    );
+  });
 
-  const patch = values.length > 0
-    ? values.join('\n') + '\n'
-    : '';
+  const patch = values.length > 0 ? values.join('\n') + '\n' : '';
 
   return {
     pattern: '<resources>\n',
diff --git a/local-cli/link/android/patches/normalizeProjectName.js b/local-cli/link/android/patches/normalizeProjectName.js
new file mode 100644
index 00000000000000..97dae55ededc28
--- /dev/null
+++ b/local-cli/link/android/patches/normalizeProjectName.js
@@ -0,0 +1,5 @@
+/** @format */
+
+module.exports = function normalizeProjectName(name) {
+  return name.replace(/\//g, '_');
+};
diff --git a/local-cli/link/android/patches/revokePatch.js b/local-cli/link/android/patches/revokePatch.js
index 9437e56cb08834..14972e46ed9651 100644
--- a/local-cli/link/android/patches/revokePatch.js
+++ b/local-cli/link/android/patches/revokePatch.js
@@ -3,13 +3,15 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const fs = require('fs');
 
 module.exports = function revokePatch(file, patch) {
-  fs.writeFileSync(file, fs
-    .readFileSync(file, 'utf8')
-    .replace(patch.patch, '')
+  fs.writeFileSync(
+    file,
+    fs.readFileSync(file, 'utf8').replace(patch.patch, ''),
   );
 };
diff --git a/local-cli/link/android/registerNativeModule.js b/local-cli/link/android/registerNativeModule.js
index 0ce77c4e6ed4da..f73932c0235469 100644
--- a/local-cli/link/android/registerNativeModule.js
+++ b/local-cli/link/android/registerNativeModule.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const applyPatch = require('./patches/applyPatch');
@@ -16,13 +18,13 @@ module.exports = function registerNativeAndroidModule(
   name,
   androidConfig,
   params,
-  projectConfig
+  projectConfig,
 ) {
   const buildPatch = makeBuildPatch(name);
 
   applyPatch(
     projectConfig.settingsGradlePath,
-    makeSettingsPatch(name, androidConfig, projectConfig)
+    makeSettingsPatch(name, androidConfig, projectConfig),
   );
 
   applyPatch(projectConfig.buildGradlePath, buildPatch);
@@ -30,11 +32,11 @@ module.exports = function registerNativeAndroidModule(
 
   applyPatch(
     projectConfig.mainFilePath,
-    makePackagePatch(androidConfig.packageInstance, params, name)
+    makePackagePatch(androidConfig.packageInstance, params, name),
   );
 
   applyPatch(
     projectConfig.mainFilePath,
-    makeImportPatch(androidConfig.packageImportPath)
+    makeImportPatch(androidConfig.packageImportPath),
   );
 };
diff --git a/local-cli/link/android/unlinkAssets.js b/local-cli/link/android/unlinkAssets.js
index b0eeefed93c357..81e90c5e71ae52 100644
--- a/local-cli/link/android/unlinkAssets.js
+++ b/local-cli/link/android/unlinkAssets.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const fs = require('fs-extra');
@@ -18,8 +20,12 @@ const groupFilesByType = require('../groupFilesByType');
 module.exports = function unlinkAssetsAndroid(files, project) {
   const assets = groupFilesByType(files);
 
-  (assets.font || []).forEach((file) => {
-    const filePath = path.join(project.assetsPath, 'fonts', path.basename(file));
+  (assets.font || []).forEach(file => {
+    const filePath = path.join(
+      project.assetsPath,
+      'fonts',
+      path.basename(file),
+    );
     if (fs.existsSync(filePath)) {
       fs.unlinkSync(filePath);
     }
diff --git a/local-cli/link/android/unregisterNativeModule.js b/local-cli/link/android/unregisterNativeModule.js
index b6b8d166531841..880070afa503c4 100644
--- a/local-cli/link/android/unregisterNativeModule.js
+++ b/local-cli/link/android/unregisterNativeModule.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const fs = require('fs');
@@ -18,7 +20,7 @@ const makePackagePatch = require('./patches/makePackagePatch');
 module.exports = function unregisterNativeAndroidModule(
   name,
   androidConfig,
-  projectConfig
+  projectConfig,
 ) {
   const buildPatch = makeBuildPatch(name);
   const strings = fs.readFileSync(projectConfig.stringsPath, 'utf8');
@@ -28,12 +30,12 @@ module.exports = function unregisterNativeAndroidModule(
     /moduleConfig="true" name="(\w+)">(.*)</g,
     (_, param, value) => {
       params[param.slice(toCamelCase(name).length + 1)] = value;
-    }
+    },
   );
 
   revokePatch(
     projectConfig.settingsGradlePath,
-    makeSettingsPatch(name, androidConfig, projectConfig)
+    makeSettingsPatch(name, androidConfig, projectConfig),
   );
 
   revokePatch(projectConfig.buildGradlePath, buildPatch);
@@ -41,11 +43,11 @@ module.exports = function unregisterNativeAndroidModule(
 
   revokePatch(
     projectConfig.mainFilePath,
-    makePackagePatch(androidConfig.packageInstance, params, name)
+    makePackagePatch(androidConfig.packageInstance, params, name),
   );
 
   revokePatch(
     projectConfig.mainFilePath,
-    makeImportPatch(androidConfig.packageImportPath)
+    makeImportPatch(androidConfig.packageImportPath),
   );
 };
diff --git a/local-cli/link/commandStub.js b/local-cli/link/commandStub.js
index 13078bd3404f10..768a94f98d32ed 100644
--- a/local-cli/link/commandStub.js
+++ b/local-cli/link/commandStub.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
-module.exports = (cb) => cb();
+module.exports = cb => cb();
diff --git a/local-cli/link/getDependencyConfig.js b/local-cli/link/getDependencyConfig.js
index 71ce26590906ea..19c54324e77d01 100644
--- a/local-cli/link/getDependencyConfig.js
+++ b/local-cli/link/getDependencyConfig.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 /**
diff --git a/local-cli/link/getProjectDependencies.js b/local-cli/link/getProjectDependencies.js
index 1d5b0781a9b866..9b4838ba923fad 100644
--- a/local-cli/link/getProjectDependencies.js
+++ b/local-cli/link/getProjectDependencies.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const path = require('path');
@@ -10,7 +12,9 @@ const path = require('path');
 /**
  * Returns an array of dependencies that should be linked/checked.
  */
-module.exports = function getProjectDependencies() {
-  const pjson = require(path.join(process.cwd(), './package.json'));
-  return Object.keys(pjson.dependencies || {}).filter(name => name !== 'react-native');
+module.exports = function getProjectDependencies(cwd) {
+  const pjson = require(path.join(cwd || process.cwd(), './package.json'));
+  return Object.keys(pjson.dependencies || {}).filter(
+    name => name !== 'react-native',
+  );
 };
diff --git a/local-cli/link/groupFilesByType.js b/local-cli/link/groupFilesByType.js
index 786c71532e9feb..47aa7f6b52edec 100644
--- a/local-cli/link/groupFilesByType.js
+++ b/local-cli/link/groupFilesByType.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const groupBy = require('lodash').groupBy;
diff --git a/local-cli/link/ios/addFileToProject.js b/local-cli/link/ios/addFileToProject.js
index 168220f8038187..d3a560529c049e 100644
--- a/local-cli/link/ios/addFileToProject.js
+++ b/local-cli/link/ios/addFileToProject.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const PbxFile = require('xcode/lib/pbxFile');
diff --git a/local-cli/link/ios/addProjectToLibraries.js b/local-cli/link/ios/addProjectToLibraries.js
index 045697dec1f74d..e15c8baf410e70 100644
--- a/local-cli/link/ios/addProjectToLibraries.js
+++ b/local-cli/link/ios/addProjectToLibraries.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 /**
diff --git a/local-cli/link/ios/addSharedLibraries.js b/local-cli/link/ios/addSharedLibraries.js
index a0c6f16e649d9f..e12d913ba236cc 100644
--- a/local-cli/link/ios/addSharedLibraries.js
+++ b/local-cli/link/ios/addSharedLibraries.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const createGroupWithMessage = require('./createGroupWithMessage');
@@ -18,6 +20,6 @@ module.exports = function addSharedLibraries(project, libraries) {
   const target = project.getFirstTarget().uuid;
 
   for (var name of libraries) {
-    project.addFramework(name, { target });
+    project.addFramework(name, {target});
   }
 };
diff --git a/local-cli/link/ios/addToHeaderSearchPaths.js b/local-cli/link/ios/addToHeaderSearchPaths.js
index 579007ecf81c21..dd3923451b34b7 100644
--- a/local-cli/link/ios/addToHeaderSearchPaths.js
+++ b/local-cli/link/ios/addToHeaderSearchPaths.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const mapHeaderSearchPaths = require('./mapHeaderSearchPaths');
diff --git a/local-cli/link/ios/common/isInstalled.js b/local-cli/link/ios/common/isInstalled.js
index 69bcd8bdf32d88..71af956bdcff0c 100644
--- a/local-cli/link/ios/common/isInstalled.js
+++ b/local-cli/link/ios/common/isInstalled.js
@@ -1,6 +1,11 @@
+/** @format */
+
 const isInstalledIOS = require('../isInstalled');
 const isInstalledPods = require('../../pods/isInstalled');
 
 module.exports = function isInstalled(projectConfig, name, dependencyConfig) {
-  return isInstalledIOS(projectConfig, dependencyConfig) || isInstalledPods(projectConfig, dependencyConfig);
+  return (
+    isInstalledIOS(projectConfig, dependencyConfig) ||
+    isInstalledPods(projectConfig, dependencyConfig)
+  );
 };
diff --git a/local-cli/link/ios/common/registerNativeModule.js b/local-cli/link/ios/common/registerNativeModule.js
index 38ce59606982ca..72057712fe0ec6 100644
--- a/local-cli/link/ios/common/registerNativeModule.js
+++ b/local-cli/link/ios/common/registerNativeModule.js
@@ -1,3 +1,5 @@
+/** @format */
+
 const registerDependencyIOS = require('../registerNativeModule');
 const registerDependencyPods = require('../../pods/registerNativeModule');
 
@@ -5,12 +7,11 @@ module.exports = function registerNativeModule(
   name,
   dependencyConfig,
   params,
-  projectConfig
+  projectConfig,
 ) {
   if (projectConfig.podfile && dependencyConfig.podspec) {
     registerDependencyPods(name, dependencyConfig, projectConfig);
-  }
-  else {
+  } else {
     registerDependencyIOS(dependencyConfig, projectConfig);
   }
 };
diff --git a/local-cli/link/ios/common/unregisterNativeModule.js b/local-cli/link/ios/common/unregisterNativeModule.js
index e6d34ada4cce95..dbf7bc4147dbb3 100644
--- a/local-cli/link/ios/common/unregisterNativeModule.js
+++ b/local-cli/link/ios/common/unregisterNativeModule.js
@@ -1,3 +1,5 @@
+/** @format */
+
 const compact = require('lodash').compact;
 const isInstalledIOS = require('../isInstalled');
 const isInstalledPods = require('../../pods/isInstalled');
@@ -8,15 +10,14 @@ module.exports = function unregisterNativeModule(
   name,
   dependencyConfig,
   projectConfig,
-  otherDependencies
+  otherDependencies,
 ) {
   const isIosInstalled = isInstalledIOS(projectConfig, dependencyConfig);
   const isPodInstalled = isInstalledPods(projectConfig, dependencyConfig);
   if (isIosInstalled) {
     const iOSDependencies = compact(otherDependencies.map(d => d.config.ios));
     unregisterDependencyIOS(dependencyConfig, projectConfig, iOSDependencies);
-  }
-  else if (isPodInstalled) {
+  } else if (isPodInstalled) {
     unregisterDependencyPods(dependencyConfig, projectConfig);
   }
 };
diff --git a/local-cli/link/ios/copyAssets.js b/local-cli/link/ios/copyAssets.js
index 8f6d2b86eb1309..0510569900e073 100644
--- a/local-cli/link/ios/copyAssets.js
+++ b/local-cli/link/ios/copyAssets.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const fs = require('fs-extra');
@@ -28,12 +30,11 @@ module.exports = function linkAssetsIOS(files, projectConfig) {
   function addResourceFile(f) {
     return (f || [])
       .map(asset =>
-        project.addResourceFile(
-          path.relative(projectConfig.sourceDir, asset),
-          { target: project.getFirstTarget().uuid }
-        )
+        project.addResourceFile(path.relative(projectConfig.sourceDir, asset), {
+          target: project.getFirstTarget().uuid,
+        }),
       )
-      .filter(file => file)   // xcode returns false if file is already there
+      .filter(file => file) // xcode returns false if file is already there
       .map(file => file.basename);
   }
 
@@ -41,14 +42,11 @@ module.exports = function linkAssetsIOS(files, projectConfig) {
 
   const fonts = addResourceFile(assets.font);
 
-  const existingFonts = (plist.UIAppFonts || []);
+  const existingFonts = plist.UIAppFonts || [];
   const allFonts = [...existingFonts, ...fonts];
   plist.UIAppFonts = Array.from(new Set(allFonts)); // use Set to dedupe w/existing
 
-  fs.writeFileSync(
-    projectConfig.pbxprojPath,
-    project.writeSync()
-  );
+  fs.writeFileSync(projectConfig.pbxprojPath, project.writeSync());
 
   writePlist(project, projectConfig.sourceDir, plist);
 };
diff --git a/local-cli/link/ios/createGroup.js b/local-cli/link/ios/createGroup.js
index 62f79e1c9742c1..4e9cbccc4188ad 100644
--- a/local-cli/link/ios/createGroup.js
+++ b/local-cli/link/ios/createGroup.js
@@ -3,11 +3,14 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const getGroup = require('./getGroup');
 
-const hasGroup = (pbxGroup, name) => pbxGroup.children.find(group => group.comment === name);
+const hasGroup = (pbxGroup, name) =>
+  pbxGroup.children.find(group => group.comment === name);
 
 /**
  * Given project and path of the group, it deeply creates a given group
@@ -16,19 +19,16 @@ const hasGroup = (pbxGroup, name) => pbxGroup.children.find(group => group.comme
  * Returns newly created group
  */
 module.exports = function createGroup(project, path) {
-  return path.split('/').reduce(
-    (group, name) => {
-      if (!hasGroup(group, name)) {
-        const uuid = project.pbxCreateGroup(name, '""');
+  return path.split('/').reduce((group, name) => {
+    if (!hasGroup(group, name)) {
+      const uuid = project.pbxCreateGroup(name, '""');
 
-        group.children.push({
-          value: uuid,
-          comment: name,
-        });
-      }
+      group.children.push({
+        value: uuid,
+        comment: name,
+      });
+    }
 
-      return project.pbxGroupByName(name);
-    },
-    getGroup(project)
-  );
+    return project.pbxGroupByName(name);
+  }, getGroup(project));
 };
diff --git a/local-cli/link/ios/createGroupWithMessage.js b/local-cli/link/ios/createGroupWithMessage.js
index 4b598940da95a8..7d9f1aaa05ddae 100644
--- a/local-cli/link/ios/createGroupWithMessage.js
+++ b/local-cli/link/ios/createGroupWithMessage.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const log = require('npmlog');
@@ -24,7 +26,7 @@ module.exports = function createGroupWithMessage(project, path) {
 
     log.warn(
       'ERRGROUP',
-      `Group '${path}' does not exist in your Xcode project. We have created it automatically for you.`
+      `Group '${path}' does not exist in your Xcode project. We have created it automatically for you.`,
     );
   }
 
diff --git a/local-cli/link/ios/getBuildProperty.js b/local-cli/link/ios/getBuildProperty.js
index bb1c7b78b88fa7..074e37816e921f 100644
--- a/local-cli/link/ios/getBuildProperty.js
+++ b/local-cli/link/ios/getBuildProperty.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 /**
@@ -18,8 +20,12 @@
  */
 module.exports = function getBuildProperty(project, prop) {
   const target = project.getFirstTarget().firstTarget;
-  const config = project.pbxXCConfigurationList()[target.buildConfigurationList];
-  const buildSection = project.pbxXCBuildConfigurationSection()[config.buildConfigurations[0].value];
+  const config = project.pbxXCConfigurationList()[
+    target.buildConfigurationList
+  ];
+  const buildSection = project.pbxXCBuildConfigurationSection()[
+    config.buildConfigurations[0].value
+  ];
 
   return buildSection.buildSettings[prop];
 };
diff --git a/local-cli/link/ios/getGroup.js b/local-cli/link/ios/getGroup.js
index c66205be0117b8..fcbfbf16da83ef 100644
--- a/local-cli/link/ios/getGroup.js
+++ b/local-cli/link/ios/getGroup.js
@@ -3,11 +3,14 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
-const getFirstProject = (project) => project.getFirstProject().firstProject;
+const getFirstProject = project => project.getFirstProject().firstProject;
 
-const findGroup = (group, name) => group.children.find(group => group.comment === name);
+const findGroup = (group, name) =>
+  group.children.find(group => group.comment === name);
 
 /**
  * Returns group from .xcodeproj if one exists, null otherwise
diff --git a/local-cli/link/ios/getHeaderSearchPath.js b/local-cli/link/ios/getHeaderSearchPath.js
index c5f2572c622165..74246abafb60b6 100644
--- a/local-cli/link/ios/getHeaderSearchPath.js
+++ b/local-cli/link/ios/getHeaderSearchPath.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const path = require('path');
@@ -19,19 +21,19 @@ const last = require('lodash').last;
  *
  * Check `getHeaderSearchPath.spec.js` for more use-cases.
  */
-const getOuterDirectory = (directories) =>
+const getOuterDirectory = directories =>
   directories.reduce((topDir, currentDir) => {
     const currentFolders = currentDir.split(path.sep);
     const topMostFolders = topDir.split(path.sep);
 
-    if (currentFolders.length === topMostFolders.length
-      && last(currentFolders) !== last(topMostFolders)) {
+    if (
+      currentFolders.length === topMostFolders.length &&
+      last(currentFolders) !== last(topMostFolders)
+    ) {
       return currentFolders.slice(0, -1).join(path.sep);
     }
 
-    return currentFolders.length < topMostFolders.length
-      ? currentDir
-      : topDir;
+    return currentFolders.length < topMostFolders.length ? currentDir : topDir;
   });
 
 /**
@@ -49,11 +51,12 @@ const getOuterDirectory = (directories) =>
  * every folder of it to locate correct headers.
  */
 module.exports = function getHeaderSearchPath(sourceDir, headers) {
-  const directories = union(
-    headers.map(path.dirname)
-  );
+  const directories = union(headers.map(path.dirname));
 
   return directories.length === 1
     ? `"$(SRCROOT)${path.sep}${path.relative(sourceDir, directories[0])}"`
-    : `"$(SRCROOT)${path.sep}${path.relative(sourceDir, getOuterDirectory(directories))}/**"`;
+    : `"$(SRCROOT)${path.sep}${path.relative(
+        sourceDir,
+        getOuterDirectory(directories),
+      )}/**"`;
 };
diff --git a/local-cli/link/ios/getHeadersInFolder.js b/local-cli/link/ios/getHeadersInFolder.js
index a4c2250ab47c05..c63c450c767f83 100644
--- a/local-cli/link/ios/getHeadersInFolder.js
+++ b/local-cli/link/ios/getHeadersInFolder.js
@@ -3,12 +3,19 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const glob = require('glob');
 const path = require('path');
 
-const GLOB_EXCLUDE_PATTERN = ['node_modules/**', 'Pods/**', 'Examples/**', 'examples/**'];
+const GLOB_EXCLUDE_PATTERN = [
+  'node_modules/**',
+  'Pods/**',
+  'Examples/**',
+  'examples/**',
+];
 
 /**
  * Given folder, it returns an array of all header files
diff --git a/local-cli/link/ios/getPlist.js b/local-cli/link/ios/getPlist.js
index 61c877258e9018..3948e8d5ec7916 100644
--- a/local-cli/link/ios/getPlist.js
+++ b/local-cli/link/ios/getPlist.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const plistParser = require('plist');
@@ -21,7 +23,5 @@ module.exports = function getPlist(project, sourceDir) {
     return null;
   }
 
-  return plistParser.parse(
-    fs.readFileSync(plistPath, 'utf-8')
-  );
+  return plistParser.parse(fs.readFileSync(plistPath, 'utf-8'));
 };
diff --git a/local-cli/link/ios/getPlistPath.js b/local-cli/link/ios/getPlistPath.js
index 0609f5f581f95b..72c6be75d176e4 100644
--- a/local-cli/link/ios/getPlistPath.js
+++ b/local-cli/link/ios/getPlistPath.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const path = require('path');
@@ -17,6 +19,6 @@ module.exports = function getPlistPath(project, sourceDir) {
 
   return path.join(
     sourceDir,
-    plistFile.replace(/"/g, '').replace('$(SRCROOT)', '')
+    plistFile.replace(/"/g, '').replace('$(SRCROOT)', ''),
   );
 };
diff --git a/local-cli/link/ios/getProducts.js b/local-cli/link/ios/getProducts.js
index 7e24f15826beea..dd0b0431938ea4 100644
--- a/local-cli/link/ios/getProducts.js
+++ b/local-cli/link/ios/getProducts.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 /**
@@ -13,7 +15,6 @@
 module.exports = function getProducts(project) {
   return project
     .pbxGroupByName('Products')
-    .children
-    .map(c => c.comment)
+    .children.map(c => c.comment)
     .filter(c => c.indexOf('.a') > -1);
 };
diff --git a/local-cli/link/ios/getTargets.js b/local-cli/link/ios/getTargets.js
index 784eed2177f3f4..b81145a5e987eb 100644
--- a/local-cli/link/ios/getTargets.js
+++ b/local-cli/link/ios/getTargets.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 /**
@@ -13,15 +15,23 @@ module.exports = function getTargets(project) {
   let nativeTargetSection = project.pbxNativeTargetSection();
   return targets.map(function(target) {
     let key = target.value;
-    let configurationListId = project.pbxNativeTargetSection()[key].buildConfigurationList;
-    let configurationList = project.pbxXCConfigurationList()[configurationListId];
+    let configurationListId = project.pbxNativeTargetSection()[key]
+      .buildConfigurationList;
+    let configurationList = project.pbxXCConfigurationList()[
+      configurationListId
+    ];
     let buildConfigurationId = configurationList.buildConfigurations[0].value;
-    let buildConfiguration = project.pbxXCBuildConfigurationSection()[buildConfigurationId];
+    let buildConfiguration = project.pbxXCBuildConfigurationSection()[
+      buildConfigurationId
+    ];
     return {
       uuid: key,
       target: nativeTargetSection[key],
-        name: nativeTargetSection[key].productReference_comment,
-      isTVOS: (buildConfiguration.buildSettings.SDKROOT && (buildConfiguration.buildSettings.SDKROOT.indexOf('appletv') !== -1)) || false
+      name: nativeTargetSection[key].productReference_comment,
+      isTVOS:
+        (buildConfiguration.buildSettings.SDKROOT &&
+          buildConfiguration.buildSettings.SDKROOT.indexOf('appletv') !== -1) ||
+        false,
     };
   });
 };
diff --git a/local-cli/link/ios/hasLibraryImported.js b/local-cli/link/ios/hasLibraryImported.js
index 0372f0b4b920e2..eed9c6e1cb2af6 100644
--- a/local-cli/link/ios/hasLibraryImported.js
+++ b/local-cli/link/ios/hasLibraryImported.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 /**
@@ -11,7 +13,8 @@
  * or not
  */
 module.exports = function hasLibraryImported(libraries, packageName) {
-  return libraries.children
-    .filter(library => library.comment === packageName)
-    .length > 0;
+  return (
+    libraries.children.filter(library => library.comment === packageName)
+      .length > 0
+  );
 };
diff --git a/local-cli/link/ios/index.js b/local-cli/link/ios/index.js
index 9653b3be80a1d1..bf6b57b2618671 100644
--- a/local-cli/link/ios/index.js
+++ b/local-cli/link/ios/index.js
@@ -1,9 +1,11 @@
+/** @format */
+
 module.exports = function() {
   return {
     isInstalled: require('./common/isInstalled'),
     register: require('./common/registerNativeModule'),
     unregister: require('./common/unregisterNativeModule'),
     copyAssets: require('./copyAssets'),
-    unlinkAssets: require('./unlinkAssets')
+    unlinkAssets: require('./unlinkAssets'),
   };
 };
diff --git a/local-cli/link/ios/isInstalled.js b/local-cli/link/ios/isInstalled.js
index 7b0e4a94672ab8..084c8addda6fb1 100644
--- a/local-cli/link/ios/isInstalled.js
+++ b/local-cli/link/ios/isInstalled.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const xcode = require('xcode');
diff --git a/local-cli/link/ios/mapHeaderSearchPaths.js b/local-cli/link/ios/mapHeaderSearchPaths.js
index cb2a583f25f450..64a8f6560cac46 100644
--- a/local-cli/link/ios/mapHeaderSearchPaths.js
+++ b/local-cli/link/ios/mapHeaderSearchPaths.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 /**
@@ -25,22 +27,20 @@ const defaultHeaderPaths = ['"$(inherited)"'];
 module.exports = function headerSearchPathIter(project, func) {
   const config = project.pbxXCBuildConfigurationSection();
 
-  Object
-    .keys(config)
+  Object.keys(config)
     .filter(ref => ref.indexOf('_comment') === -1)
     .forEach(ref => {
       const buildSettings = config[ref].buildSettings;
-      const shouldVisitBuildSettings = (
-          Array.isArray(buildSettings.OTHER_LDFLAGS) ?
-            buildSettings.OTHER_LDFLAGS :
-            []
-        )
-        .indexOf('"-lc++"') >= 0;
+      const shouldVisitBuildSettings =
+        (Array.isArray(buildSettings.OTHER_LDFLAGS)
+          ? buildSettings.OTHER_LDFLAGS
+          : []
+        ).indexOf('"-lc++"') >= 0;
 
       if (shouldVisitBuildSettings) {
-        const searchPaths = buildSettings.HEADER_SEARCH_PATHS ?
-          [].concat(buildSettings.HEADER_SEARCH_PATHS) :
-          defaultHeaderPaths;
+        const searchPaths = buildSettings.HEADER_SEARCH_PATHS
+          ? [].concat(buildSettings.HEADER_SEARCH_PATHS)
+          : defaultHeaderPaths;
 
         buildSettings.HEADER_SEARCH_PATHS = func(searchPaths);
       }
diff --git a/local-cli/link/ios/registerNativeModule.js b/local-cli/link/ios/registerNativeModule.js
index fed2b0bb2cfc55..41cca896709f8d 100644
--- a/local-cli/link/ios/registerNativeModule.js
+++ b/local-cli/link/ios/registerNativeModule.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const xcode = require('xcode');
@@ -29,14 +31,22 @@ const getGroup = require('./getGroup');
  *
  * If library is already linked, this action is a no-op.
  */
-module.exports = function registerNativeModuleIOS(dependencyConfig, projectConfig) {
+module.exports = function registerNativeModuleIOS(
+  dependencyConfig,
+  projectConfig,
+) {
   const project = xcode.project(projectConfig.pbxprojPath).parseSync();
-  const dependencyProject = xcode.project(dependencyConfig.pbxprojPath).parseSync();
+  const dependencyProject = xcode
+    .project(dependencyConfig.pbxprojPath)
+    .parseSync();
 
-  const libraries = createGroupWithMessage(project, projectConfig.libraryFolder);
+  const libraries = createGroupWithMessage(
+    project,
+    projectConfig.libraryFolder,
+  );
   const file = addFileToProject(
     project,
-    path.relative(projectConfig.sourceDir, dependencyConfig.projectPath)
+    path.relative(projectConfig.sourceDir, dependencyConfig.projectPath),
   );
 
   const targets = getTargets(project);
@@ -49,7 +59,7 @@ module.exports = function registerNativeModuleIOS(dependencyConfig, projectConfi
       for (i = 0; i < targets.length; i++) {
         if (!targets[i].isTVOS) {
           project.addStaticLibrary(product.name, {
-            target: targets[i].uuid
+            target: targets[i].uuid,
           });
         }
       }
@@ -59,7 +69,7 @@ module.exports = function registerNativeModuleIOS(dependencyConfig, projectConfi
       for (i = 0; i < targets.length; i++) {
         if (targets[i].isTVOS) {
           project.addStaticLibrary(product.name, {
-            target: targets[i].uuid
+            target: targets[i].uuid,
           });
         }
       }
@@ -72,12 +82,9 @@ module.exports = function registerNativeModuleIOS(dependencyConfig, projectConfi
   if (!isEmpty(headers)) {
     addToHeaderSearchPaths(
       project,
-      getHeaderSearchPath(projectConfig.sourceDir, headers)
+      getHeaderSearchPath(projectConfig.sourceDir, headers),
     );
   }
 
-  fs.writeFileSync(
-    projectConfig.pbxprojPath,
-    project.writeSync()
-  );
+  fs.writeFileSync(projectConfig.pbxprojPath, project.writeSync());
 };
diff --git a/local-cli/link/ios/removeFromHeaderSearchPaths.js b/local-cli/link/ios/removeFromHeaderSearchPaths.js
index f662991210c251..ac9ead94c65a9a 100644
--- a/local-cli/link/ios/removeFromHeaderSearchPaths.js
+++ b/local-cli/link/ios/removeFromHeaderSearchPaths.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const mapHeaderSearchPaths = require('./mapHeaderSearchPaths');
@@ -11,7 +13,7 @@ const mapHeaderSearchPaths = require('./mapHeaderSearchPaths');
  * Given Xcode project and absolute path, it makes sure there are no headers referring to it
  */
 module.exports = function addToHeaderSearchPaths(project, path) {
-  mapHeaderSearchPaths(project,
-    searchPaths => searchPaths.filter(searchPath => searchPath !== path)
+  mapHeaderSearchPaths(project, searchPaths =>
+    searchPaths.filter(searchPath => searchPath !== path),
   );
 };
diff --git a/local-cli/link/ios/removeFromPbxItemContainerProxySection.js b/local-cli/link/ios/removeFromPbxItemContainerProxySection.js
index 44a3fb2db83fdb..d7e8f05f16612a 100644
--- a/local-cli/link/ios/removeFromPbxItemContainerProxySection.js
+++ b/local-cli/link/ios/removeFromPbxItemContainerProxySection.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 /**
@@ -10,7 +12,10 @@
  * a new PBXItemContainerProxy is created that contains `containerPortal` value
  * which equals to xcodeproj file.uuid from PBXFileReference section.
  */
-module.exports = function removeFromPbxItemContainerProxySection(project, file) {
+module.exports = function removeFromPbxItemContainerProxySection(
+  project,
+  file,
+) {
   const section = project.hash.project.objects.PBXContainerItemProxy;
 
   for (var key of Object.keys(section)) {
diff --git a/local-cli/link/ios/removeFromPbxReferenceProxySection.js b/local-cli/link/ios/removeFromPbxReferenceProxySection.js
index ba3626b796cb36..05346ccabff940 100644
--- a/local-cli/link/ios/removeFromPbxReferenceProxySection.js
+++ b/local-cli/link/ios/removeFromPbxReferenceProxySection.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 /**
diff --git a/local-cli/link/ios/removeFromProjectReferences.js b/local-cli/link/ios/removeFromProjectReferences.js
index 5edc858807f991..4eafe81e84131c 100644
--- a/local-cli/link/ios/removeFromProjectReferences.js
+++ b/local-cli/link/ios/removeFromProjectReferences.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 /**
@@ -18,7 +20,9 @@
 module.exports = function removeFromProjectReferences(project, file) {
   const firstProject = project.getFirstProject().firstProject;
 
-  const projectRef = firstProject.projectReferences.find(item => item.ProjectRef === file.uuid);
+  const projectRef = firstProject.projectReferences.find(
+    item => item.ProjectRef === file.uuid,
+  );
 
   if (!projectRef) {
     return null;
@@ -26,7 +30,7 @@ module.exports = function removeFromProjectReferences(project, file) {
 
   firstProject.projectReferences.splice(
     firstProject.projectReferences.indexOf(projectRef),
-    1
+    1,
   );
 
   return projectRef;
diff --git a/local-cli/link/ios/removeFromStaticLibraries.js b/local-cli/link/ios/removeFromStaticLibraries.js
index 391088c15702f4..1fa674331a844f 100644
--- a/local-cli/link/ios/removeFromStaticLibraries.js
+++ b/local-cli/link/ios/removeFromStaticLibraries.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const PbxFile = require('xcode/lib/pbxFile');
diff --git a/local-cli/link/ios/removeProductGroup.js b/local-cli/link/ios/removeProductGroup.js
index 888f2a44200601..a15fd9d750f4a1 100644
--- a/local-cli/link/ios/removeProductGroup.js
+++ b/local-cli/link/ios/removeProductGroup.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 module.exports = function removeProductGroup(project, productGroupId) {
diff --git a/local-cli/link/ios/removeProjectFromLibraries.js b/local-cli/link/ios/removeProjectFromLibraries.js
index 9eaee4758bf87f..5dc572b9ef5072 100644
--- a/local-cli/link/ios/removeProjectFromLibraries.js
+++ b/local-cli/link/ios/removeProjectFromLibraries.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 /**
@@ -13,7 +15,7 @@
  * It's mainly due to limitations of `xcode` library.
  */
 module.exports = function removeProjectFromLibraries(libraries, file) {
-  libraries.children = libraries.children.filter(library =>
-    library.comment !== file.basename
+  libraries.children = libraries.children.filter(
+    library => library.comment !== file.basename,
   );
 };
diff --git a/local-cli/link/ios/removeProjectFromProject.js b/local-cli/link/ios/removeProjectFromProject.js
index cb7c1711497439..76e9348184e1f6 100644
--- a/local-cli/link/ios/removeProjectFromProject.js
+++ b/local-cli/link/ios/removeProjectFromProject.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const PbxFile = require('xcode/lib/pbxFile');
diff --git a/local-cli/link/ios/removeSharedLibraries.js b/local-cli/link/ios/removeSharedLibraries.js
index dd2629ebb03c6b..e0306d28b0ce5a 100644
--- a/local-cli/link/ios/removeSharedLibraries.js
+++ b/local-cli/link/ios/removeSharedLibraries.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 module.exports = function removeSharedLibraries(project, libraries) {
@@ -13,6 +15,6 @@ module.exports = function removeSharedLibraries(project, libraries) {
   const target = project.getFirstTarget().uuid;
 
   for (var name of libraries) {
-    project.removeFramework(name, { target });
+    project.removeFramework(name, {target});
   }
 };
diff --git a/local-cli/link/ios/unlinkAssets.js b/local-cli/link/ios/unlinkAssets.js
index a7c38446f4ce61..67f91cf6c6109e 100644
--- a/local-cli/link/ios/unlinkAssets.js
+++ b/local-cli/link/ios/unlinkAssets.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const fs = require('fs-extra');
@@ -26,24 +28,24 @@ module.exports = function unlinkAssetsIOS(files, projectConfig) {
   if (!plist) {
     return log.error(
       'ERRPLIST',
-      'Could not locate Info.plist file. Check if your project has \'INFOPLIST_FILE\' set properly'
+      "Could not locate Info.plist file. Check if your project has 'INFOPLIST_FILE' set properly",
     );
   }
 
   if (!project.pbxGroupByName('Resources')) {
     return log.error(
       'ERRGROUP',
-      'Group \'Resources\' does not exist in your Xcode project. There is nothing to unlink.'
+      "Group 'Resources' does not exist in your Xcode project. There is nothing to unlink.",
     );
   }
 
-  const removeResourceFile = function (f) {
+  const removeResourceFile = function(f) {
     (f || [])
       .map(asset =>
         project.removeResourceFile(
           path.relative(projectConfig.sourceDir, asset),
-          { target: project.getFirstTarget().uuid }
-        )
+          {target: project.getFirstTarget().uuid},
+        ),
       )
       .map(file => file.basename);
   };
@@ -54,10 +56,7 @@ module.exports = function unlinkAssetsIOS(files, projectConfig) {
 
   plist.UIAppFonts = difference(plist.UIAppFonts || [], fonts);
 
-  fs.writeFileSync(
-    projectConfig.pbxprojPath,
-    project.writeSync()
-  );
+  fs.writeFileSync(projectConfig.pbxprojPath, project.writeSync());
 
   writePlist(project, projectConfig.sourceDir, plist);
 };
diff --git a/local-cli/link/ios/unregisterNativeModule.js b/local-cli/link/ios/unregisterNativeModule.js
index b35a6c31aefa13..c686b8c4969fe8 100644
--- a/local-cli/link/ios/unregisterNativeModule.js
+++ b/local-cli/link/ios/unregisterNativeModule.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const xcode = require('xcode');
@@ -27,15 +29,21 @@ const removeSharedLibraries = require('./removeSharedLibraries');
  *
  * If library is already unlinked, this action is a no-op.
  */
-module.exports = function unregisterNativeModule(dependencyConfig, projectConfig, iOSDependencies) {
+module.exports = function unregisterNativeModule(
+  dependencyConfig,
+  projectConfig,
+  iOSDependencies,
+) {
   const project = xcode.project(projectConfig.pbxprojPath).parseSync();
-  const dependencyProject = xcode.project(dependencyConfig.pbxprojPath).parseSync();
+  const dependencyProject = xcode
+    .project(dependencyConfig.pbxprojPath)
+    .parseSync();
 
   const libraries = getGroup(project, projectConfig.libraryFolder);
 
   const file = removeProjectFromProject(
     project,
-    path.relative(projectConfig.sourceDir, dependencyConfig.projectPath)
+    path.relative(projectConfig.sourceDir, dependencyConfig.projectPath),
   );
 
   removeProjectFromLibraries(libraries, file);
@@ -50,8 +58,8 @@ module.exports = function unregisterNativeModule(dependencyConfig, projectConfig
     dependencyConfig.sharedLibraries,
     iOSDependencies.reduce(
       (libs, dependency) => libs.concat(dependency.sharedLibraries),
-      projectConfig.sharedLibraries
-    )
+      projectConfig.sharedLibraries,
+    ),
   );
 
   removeSharedLibraries(project, sharedLibraries);
@@ -60,12 +68,9 @@ module.exports = function unregisterNativeModule(dependencyConfig, projectConfig
   if (!isEmpty(headers)) {
     removeFromHeaderSearchPaths(
       project,
-      getHeaderSearchPath(projectConfig.sourceDir, headers)
+      getHeaderSearchPath(projectConfig.sourceDir, headers),
     );
   }
 
-  fs.writeFileSync(
-    projectConfig.pbxprojPath,
-    project.writeSync()
-  );
+  fs.writeFileSync(projectConfig.pbxprojPath, project.writeSync());
 };
diff --git a/local-cli/link/ios/writePlist.js b/local-cli/link/ios/writePlist.js
index 0c025d2e9d2277..b2ea1ae1efc8ec 100644
--- a/local-cli/link/ios/writePlist.js
+++ b/local-cli/link/ios/writePlist.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const plistParser = require('plist');
@@ -26,6 +28,6 @@ module.exports = function writePlist(project, sourceDir, plist) {
   // Ref: https://github.com/facebook/react-native/issues/11668
   return fs.writeFileSync(
     plistPath,
-    plistParser.build(plist, { indent: '\t', offset: -1 }) + '\n'
+    plistParser.build(plist, {indent: '\t', offset: -1}) + '\n',
   );
 };
diff --git a/local-cli/link/link.js b/local-cli/link/link.js
index b77c135f9f470f..892e4f71063bc1 100644
--- a/local-cli/link/link.js
+++ b/local-cli/link/link.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
 
@@ -35,40 +36,54 @@ import type {RNConfig} from '../core';
 
 log.heading = 'rnpm-link';
 
-const dedupeAssets = (assets) => uniqBy(assets, asset => path.basename(asset));
+const dedupeAssets = assets => uniqBy(assets, asset => path.basename(asset));
 
-const linkDependency = (platforms, project, dependency) => {
-  Object.keys(platforms || {})
-    .forEach(platform => {
-      if (!project[platform] || !dependency.config[platform]) {
-        return null;
-      }
+const linkDependency = async (platforms, project, dependency) => {
+  const params = await pollParams(dependency.config.params);
 
-      const linkConfig = platforms[platform] && platforms[platform].linkConfig && platforms[platform].linkConfig();
-      if (!linkConfig || !linkConfig.isInstalled || !linkConfig.register) {
-        return null;
-      }
+  Object.keys(platforms || {}).forEach(platform => {
+    if (!project[platform] || !dependency.config[platform]) {
+      return null;
+    }
 
-      const isInstalled = linkConfig.isInstalled(project[platform], dependency.name, dependency.config[platform]);
+    const linkConfig =
+      platforms[platform] &&
+      platforms[platform].linkConfig &&
+      platforms[platform].linkConfig();
+    if (!linkConfig || !linkConfig.isInstalled || !linkConfig.register) {
+      return null;
+    }
 
-      if (isInstalled) {
-        log.info(chalk.grey(`Platform '${platform}' module ${dependency.name} is already linked`));
-        return null;
-      }
-
-      return pollParams(dependency.config.params).then(params => {
-        log.info(`Linking ${dependency.name} ${platform} dependency`);
+    const isInstalled = linkConfig.isInstalled(
+      project[platform],
+      dependency.name,
+      dependency.config[platform],
+    );
 
-        linkConfig.register(
-          dependency.name,
-          dependency.config[platform],
-          params,
-          project[platform]
-        );
+    if (isInstalled) {
+      log.info(
+        chalk.grey(
+          `Platform '${platform}' module ${dependency.name} is already linked`,
+        ),
+      );
+      return null;
+    }
+
+    log.info(`Linking ${dependency.name} ${platform} dependency`);
+
+    linkConfig.register(
+      dependency.name,
+      dependency.config[platform],
+      params,
+      project[platform],
+    );
 
-        log.info(`Platform '${platform}' module ${dependency.name} has been successfully linked`);
-      });
-    });
+    log.info(
+      `Platform '${platform}' module ${
+        dependency.name
+      } has been successfully linked`,
+    );
+  });
 };
 
 const linkAssets = (platforms, project, assets) => {
@@ -76,16 +91,18 @@ const linkAssets = (platforms, project, assets) => {
     return;
   }
 
-  Object.keys(platforms || {})
-    .forEach(platform => {
-      const linkConfig = platforms[platform] && platforms[platform].linkConfig && platforms[platform].linkConfig();
-      if (!linkConfig || !linkConfig.copyAssets) {
-        return;
-      }
-
-      log.info(`Linking assets to ${platform} project`);
-      linkConfig.copyAssets(assets, project[platform]);
-    });
+  Object.keys(platforms || {}).forEach(platform => {
+    const linkConfig =
+      platforms[platform] &&
+      platforms[platform].linkConfig &&
+      platforms[platform].linkConfig();
+    if (!linkConfig || !linkConfig.copyAssets) {
+      return;
+    }
+
+    log.info(`Linking assets to ${platform} project`);
+    linkConfig.copyAssets(assets, project[platform]);
+  });
 
   log.info('Assets have been successfully linked to your project');
 };
@@ -106,19 +123,22 @@ function link(args: Array<string>, config: RNConfig) {
   } catch (err) {
     log.error(
       'ERRPACKAGEJSON',
-      'No package found. Are you sure this is a React Native project?'
+      'No package found. Are you sure this is a React Native project?',
     );
     return Promise.reject(err);
   }
 
-  const hasProjectConfig = Object.keys(platforms).reduce((acc, key) => acc || key in project, false);
+  const hasProjectConfig = Object.keys(platforms).reduce(
+    (acc, key) => acc || key in project,
+    false,
+  );
   if (!hasProjectConfig && findReactNativeScripts()) {
     throw new Error(
       '`react-native link` can not be used in Create React Native App projects. ' +
-      'If you need to include a library that relies on custom native code, ' +
-      'you might have to eject first. ' +
-      'See https://github.com/react-community/create-react-native-app/blob/master/EJECTING.md ' +
-      'for more information.'
+        'If you need to include a library that relies on custom native code, ' +
+        'you might have to eject first. ' +
+        'See https://github.com/react-community/create-react-native-app/blob/master/EJECTING.md ' +
+        'for more information.',
     );
   }
 
@@ -130,26 +150,30 @@ function link(args: Array<string>, config: RNConfig) {
 
   const dependencies = getDependencyConfig(
     config,
-    packageName ? [packageName] : getProjectDependencies()
+    packageName ? [packageName] : getProjectDependencies(),
   );
 
-  const assets = dedupeAssets(dependencies.reduce(
-    (acc, dependency) => acc.concat(dependency.config.assets),
-    project.assets
-  ));
+  const assets = dedupeAssets(
+    dependencies.reduce(
+      (acc, dependency) => acc.concat(dependency.config.assets),
+      project.assets,
+    ),
+  );
 
-  const tasks = flatten(dependencies.map(dependency => [
-    () => promisify(dependency.config.commands.prelink || commandStub),
-    () => linkDependency(platforms, project, dependency),
-    () => promisify(dependency.config.commands.postlink || commandStub),
-  ]));
+  const tasks = flatten(
+    dependencies.map(dependency => [
+      () => promisify(dependency.config.commands.prelink || commandStub),
+      () => linkDependency(platforms, project, dependency),
+      () => promisify(dependency.config.commands.postlink || commandStub),
+    ]),
+  );
 
   tasks.push(() => linkAssets(platforms, project, assets));
 
   return promiseWaterfall(tasks).catch(err => {
     log.error(
       `Something went wrong while linking. Error: ${err.message} \n` +
-      'Please file an issue here: https://github.com/facebook/react-native/issues'
+        'Please file an issue here: https://github.com/facebook/react-native/issues',
     );
     throw err;
   });
diff --git a/local-cli/link/pods/addPodEntry.js b/local-cli/link/pods/addPodEntry.js
index ea9218623678ed..8ce5654ea4aa97 100644
--- a/local-cli/link/pods/addPodEntry.js
+++ b/local-cli/link/pods/addPodEntry.js
@@ -3,21 +3,28 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 'use strict';
 
-module.exports = function addPodEntry(podLines, linesToAddEntry, podName, nodePath) {
+module.exports = function addPodEntry(
+  podLines,
+  linesToAddEntry,
+  podName,
+  nodePath,
+) {
   const newEntry = `pod '${podName}', :path => '../node_modules/${nodePath}'\n`;
 
   if (!linesToAddEntry) {
     return;
   } else if (Array.isArray(linesToAddEntry)) {
-    linesToAddEntry.map(({ line, indentation }, idx) =>
-      podLines.splice(line + idx, 0, getLineToAdd(newEntry, indentation))
+    linesToAddEntry.map(({line, indentation}, idx) =>
+      podLines.splice(line + idx, 0, getLineToAdd(newEntry, indentation)),
     );
   } else {
-    const { line, indentation } = linesToAddEntry;
+    const {line, indentation} = linesToAddEntry;
     podLines.splice(line, 0, getLineToAdd(newEntry, indentation));
   }
 };
diff --git a/local-cli/link/pods/findLineToAddPod.js b/local-cli/link/pods/findLineToAddPod.js
index dca2e391cc482a..629296e9f662ad 100644
--- a/local-cli/link/pods/findLineToAddPod.js
+++ b/local-cli/link/pods/findLineToAddPod.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 'use strict';
@@ -16,14 +18,15 @@ module.exports = function findLineToAddPod(podLines, firstTargetLine) {
   const functionDefinition = /^\s*[a-z_]+\s+do(\s+\|[a-z]+\|)?/g;
 
   for (let i = firstTargetLine, len = podLines.length; i < len; i++) {
-    const matchNextConstruct = podLines[i].match(nextTarget) || podLines[i].match(functionDefinition);
+    const matchNextConstruct =
+      podLines[i].match(nextTarget) || podLines[i].match(functionDefinition);
     const matchEnd = podLines[i].match(endOfCurrentTarget);
 
     if (matchNextConstruct || matchEnd) {
       const firstNonSpaceCharacter = podLines[i].search(/\S/);
       return {
         indentation: firstNonSpaceCharacter + (matchEnd ? 2 : 0),
-        line: i
+        line: i,
       };
     }
   }
diff --git a/local-cli/link/pods/findMarkedLinesInPodfile.js b/local-cli/link/pods/findMarkedLinesInPodfile.js
index 42ef7c8bedd44b..b58a0d48679d29 100644
--- a/local-cli/link/pods/findMarkedLinesInPodfile.js
+++ b/local-cli/link/pods/findMarkedLinesInPodfile.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 'use strict';
@@ -12,7 +14,7 @@ module.exports = function findMarkedLinesInPodfile(podLines) {
   const result = [];
   for (let i = 0, len = podLines.length; i < len; i++) {
     if (podLines[i].includes(MARKER_TEXT)) {
-      result.push({ line: i + 1, indentation: podLines[i].indexOf('#') });
+      result.push({line: i + 1, indentation: podLines[i].indexOf('#')});
     }
   }
   return result;
diff --git a/local-cli/link/pods/findPodTargetLine.js b/local-cli/link/pods/findPodTargetLine.js
index d5a8c97fb2b31c..10617584affccf 100644
--- a/local-cli/link/pods/findPodTargetLine.js
+++ b/local-cli/link/pods/findPodTargetLine.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 'use strict';
@@ -10,7 +12,10 @@
 module.exports = function findPodTargetLine(podLines, projectName) {
   const targetName = projectName.replace('.xcodeproj', '');
   //match first target definition in file: target 'target_name' do
-  const targetRegex = new RegExp('target (\'|\")' + targetName + '(\'|\") do', 'g');
+  const targetRegex = new RegExp(
+    'target (\'|")' + targetName + '(\'|") do',
+    'g',
+  );
   for (let i = 0, len = podLines.length; i < len; i++) {
     const match = podLines[i].match(targetRegex);
     if (match) {
diff --git a/local-cli/link/pods/isInstalled.js b/local-cli/link/pods/isInstalled.js
index 251376541d14c7..7f5d773d8a803b 100644
--- a/local-cli/link/pods/isInstalled.js
+++ b/local-cli/link/pods/isInstalled.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 'use strict';
@@ -14,7 +16,10 @@ module.exports = function isInstalled(iOSProject, dependencyConfig) {
     return false;
   }
   // match line with pod declaration: pod 'dependencyPodName' (other possible parameters of pod are ignored)
-  const dependencyRegExp = new RegExp('pod\\s+(\'|\")' + dependencyConfig.podspec + '(\'|\")', 'g');
+  const dependencyRegExp = new RegExp(
+    'pod\\s+(\'|")' + dependencyConfig.podspec + '(\'|")',
+    'g',
+  );
   const podLines = readPodfile(iOSProject.podfile);
   for (let i = 0, len = podLines.length; i < len; i++) {
     const match = podLines[i].match(dependencyRegExp);
diff --git a/local-cli/link/pods/readPodfile.js b/local-cli/link/pods/readPodfile.js
index 85ac7ed9bf3dee..f70609628f27e9 100644
--- a/local-cli/link/pods/readPodfile.js
+++ b/local-cli/link/pods/readPodfile.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 'use strict';
diff --git a/local-cli/link/pods/registerNativeModule.js b/local-cli/link/pods/registerNativeModule.js
index b00d93c6f2d6d8..8ae16a3059885f 100644
--- a/local-cli/link/pods/registerNativeModule.js
+++ b/local-cli/link/pods/registerNativeModule.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 'use strict';
@@ -14,14 +16,18 @@ const findMarkedLinesInPodfile = require('./findMarkedLinesInPodfile');
 const addPodEntry = require('./addPodEntry');
 const savePodFile = require('./savePodFile');
 
-module.exports = function registerNativeModulePods(name, dependencyConfig, iOSProject) {
+module.exports = function registerNativeModulePods(
+  name,
+  dependencyConfig,
+  iOSProject,
+) {
   const podLines = readPodfile(iOSProject.podfile);
   const linesToAddEntry = getLinesToAddEntry(podLines, iOSProject);
   addPodEntry(podLines, linesToAddEntry, dependencyConfig.podspec, name);
   savePodFile(iOSProject.podfile, podLines);
 };
 
-function getLinesToAddEntry(podLines, { projectName }) {
+function getLinesToAddEntry(podLines, {projectName}) {
   const linesToAddPodWithMarker = findMarkedLinesInPodfile(podLines);
   if (linesToAddPodWithMarker.length > 0) {
     return linesToAddPodWithMarker;
diff --git a/local-cli/link/pods/removePodEntry.js b/local-cli/link/pods/removePodEntry.js
index 8af044734d3121..83f063ad289c76 100644
--- a/local-cli/link/pods/removePodEntry.js
+++ b/local-cli/link/pods/removePodEntry.js
@@ -3,12 +3,19 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 'use strict';
 
 module.exports = function removePodEntry(podfileContent, podName) {
   // this regex should catch line(s) with full pod definition, like: pod 'podname', :path => '../node_modules/podname', :subspecs => ['Sub2', 'Sub1']
-  const podRegex = new RegExp("\\n( |\\t)*pod\\s+(\"|')" + podName + "(\"|')(,\\s*(:[a-z]+\\s*=>)?\\s*((\"|').*?(\"|')|\\[[\\s\\S]*?\\]))*\\n", 'g');
+  const podRegex = new RegExp(
+    '\\n( |\\t)*pod\\s+("|\')' +
+      podName +
+      '("|\')(,\\s*(:[a-z]+\\s*=>)?\\s*(("|\').*?("|\')|\\[[\\s\\S]*?\\]))*\\n',
+    'g',
+  );
   return podfileContent.replace(podRegex, '\n');
 };
diff --git a/local-cli/link/pods/savePodFile.js b/local-cli/link/pods/savePodFile.js
index 5572311105d591..e050c822c057af 100644
--- a/local-cli/link/pods/savePodFile.js
+++ b/local-cli/link/pods/savePodFile.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 'use strict';
diff --git a/local-cli/link/pods/unregisterNativeModule.js b/local-cli/link/pods/unregisterNativeModule.js
index 3b2408bf992c8c..539e0389a5df0d 100644
--- a/local-cli/link/pods/unregisterNativeModule.js
+++ b/local-cli/link/pods/unregisterNativeModule.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 'use strict';
@@ -14,7 +16,7 @@ const removePodEntry = require('./removePodEntry');
  * Unregister native module IOS with CocoaPods
  */
 module.exports = function unregisterNativeModule(dependencyConfig, iOSProject) {
-	const podContent = fs.readFileSync(iOSProject.podfile, 'utf8');
-	const removed = removePodEntry(podContent, dependencyConfig.podspec);
-	fs.writeFileSync(iOSProject.podfile, removed);
+  const podContent = fs.readFileSync(iOSProject.podfile, 'utf8');
+  const removed = removePodEntry(podContent, dependencyConfig.podspec);
+  fs.writeFileSync(iOSProject.podfile, removed);
 };
diff --git a/local-cli/link/pollParams.js b/local-cli/link/pollParams.js
index 4c084a6d3ffec7..66aa53e9682511 100644
--- a/local-cli/link/pollParams.js
+++ b/local-cli/link/pollParams.js
@@ -3,14 +3,17 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 var inquirer = require('inquirer');
 
-module.exports = (questions) => new Promise((resolve, reject) => {
-  if (!questions) {
-    return resolve({});
-  }
+module.exports = questions =>
+  new Promise((resolve, reject) => {
+    if (!questions) {
+      return resolve({});
+    }
 
-  inquirer.prompt(questions).then(resolve, reject);
-});
+    inquirer.prompt(questions).then(resolve, reject);
+  });
diff --git a/local-cli/link/promiseWaterfall.js b/local-cli/link/promiseWaterfall.js
index fa8b621a9f5a76..9b6177d6903258 100644
--- a/local-cli/link/promiseWaterfall.js
+++ b/local-cli/link/promiseWaterfall.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 /**
@@ -16,6 +18,6 @@
 module.exports = function promiseWaterfall(tasks) {
   return tasks.reduce(
     (prevTaskPromise, task) => prevTaskPromise.then(task),
-    Promise.resolve()
+    Promise.resolve(),
   );
 };
diff --git a/local-cli/link/promisify.js b/local-cli/link/promisify.js
index 665b640f216f7a..b99f2f43a0f731 100644
--- a/local-cli/link/promisify.js
+++ b/local-cli/link/promisify.js
@@ -3,8 +3,11 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
-module.exports = (func) => new Promise((resolve, reject) =>
-  func((err, res) => err ? reject(err) : resolve(res))
-);
+module.exports = func =>
+  new Promise((resolve, reject) =>
+    func((err, res) => (err ? reject(err) : resolve(res))),
+  );
diff --git a/local-cli/link/unlink.js b/local-cli/link/unlink.js
index 91c89ab7ec0844..c886c4f46b7dd3 100644
--- a/local-cli/link/unlink.js
+++ b/local-cli/link/unlink.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const log = require('npmlog');
@@ -19,37 +21,52 @@ const promisify = require('./promisify');
 
 log.heading = 'rnpm-link';
 
-const unlinkDependency = (platforms, project, dependency, packageName, otherDependencies) => {
-
-  Object.keys(platforms || {})
-    .forEach(platform => {
-      if (!project[platform] || !dependency[platform]) {
-        return;
-      }
-
-      const linkConfig = platforms[platform] && platforms[platform].linkConfig && platforms[platform].linkConfig();
-      if (!linkConfig || !linkConfig.isInstalled || !linkConfig.unregister) {
-        return;
-      }
-
-      const isInstalled = linkConfig.isInstalled(project[platform], packageName, dependency[platform]);
+const unlinkDependency = (
+  platforms,
+  project,
+  dependency,
+  packageName,
+  otherDependencies,
+) => {
+  Object.keys(platforms || {}).forEach(platform => {
+    if (!project[platform] || !dependency[platform]) {
+      return;
+    }
+
+    const linkConfig =
+      platforms[platform] &&
+      platforms[platform].linkConfig &&
+      platforms[platform].linkConfig();
+    if (!linkConfig || !linkConfig.isInstalled || !linkConfig.unregister) {
+      return;
+    }
+
+    const isInstalled = linkConfig.isInstalled(
+      project[platform],
+      packageName,
+      dependency[platform],
+    );
 
-      if (!isInstalled) {
-        log.info(`Platform '${platform}' module ${packageName} is not installed`);
-        return;
-      }
+    if (!isInstalled) {
+      log.info(`Platform '${platform}' module ${packageName} is not installed`);
+      return;
+    }
 
-      log.info(`Unlinking ${packageName} ${platform} dependency`);
+    log.info(`Unlinking ${packageName} ${platform} dependency`);
 
-      linkConfig.unregister(
-        packageName,
-        dependency[platform],
-        project[platform],
-        otherDependencies
-      );
+    linkConfig.unregister(
+      packageName,
+      dependency[platform],
+      project[platform],
+      otherDependencies,
+    );
 
-      log.info(`Platform '${platform}' module ${dependency.name} has been successfully unlinked`);
-    });
+    log.info(
+      `Platform '${platform}' module ${
+        dependency.name
+      } has been successfully unlinked`,
+    );
+  });
 };
 
 /**
@@ -71,7 +88,7 @@ function unlink(args, config) {
   } catch (err) {
     log.error(
       'ERRPACKAGEJSON',
-      'No package found. Are you sure it\'s a React Native project?'
+      "No package found. Are you sure it's a React Native project?",
     );
     return Promise.reject(err);
   }
@@ -81,18 +98,28 @@ function unlink(args, config) {
   } catch (err) {
     log.warn(
       'ERRINVALIDPROJ',
-      `Project ${packageName} is not a react-native library`
+      `Project ${packageName} is not a react-native library`,
     );
     return Promise.reject(err);
   }
 
   const allDependencies = getDependencyConfig(config, getProjectDependencies());
-  const otherDependencies = filter(allDependencies, d => d.name !== packageName);
+  const otherDependencies = filter(
+    allDependencies,
+    d => d.name !== packageName,
+  );
 
   const tasks = [
     () => promisify(dependency.commands.preunlink || commandStub),
-    () => unlinkDependency(platforms, project, dependency, packageName, otherDependencies),
-    () => promisify(dependency.commands.postunlink || commandStub)
+    () =>
+      unlinkDependency(
+        platforms,
+        project,
+        dependency,
+        packageName,
+        otherDependencies,
+      ),
+    () => promisify(dependency.commands.postunlink || commandStub),
   ];
 
   return promiseWaterfall(tasks)
@@ -101,31 +128,33 @@ function unlink(args, config) {
       // link
       const assets = difference(
         dependency.assets,
-        flatten(allDependencies, d => d.assets)
+        flatten(allDependencies, d => d.assets),
       );
 
       if (isEmpty(assets)) {
         return Promise.resolve();
       }
 
-      Object.keys(platforms || {})
-        .forEach(platform => {
-          const linkConfig = platforms[platform] && platforms[platform].linkConfig && platforms[platform].linkConfig();
-          if (!linkConfig || !linkConfig.unlinkAssets) {
-            return;
-          }
+      Object.keys(platforms || {}).forEach(platform => {
+        const linkConfig =
+          platforms[platform] &&
+          platforms[platform].linkConfig &&
+          platforms[platform].linkConfig();
+        if (!linkConfig || !linkConfig.unlinkAssets) {
+          return;
+        }
 
-          log.info(`Unlinking assets from ${platform} project`);
-          linkConfig.unlinkAssets(assets, project[platform]);
-        });
+        log.info(`Unlinking assets from ${platform} project`);
+        linkConfig.unlinkAssets(assets, project[platform]);
+      });
 
       log.info(
-        `${packageName} assets has been successfully unlinked from your project`
+        `${packageName} assets has been successfully unlinked from your project`,
       );
     })
     .catch(err => {
       log.error(
-        `It seems something went wrong while unlinking. Error: ${err.message}`
+        `It seems something went wrong while unlinking. Error: ${err.message}`,
       );
       throw err;
     });
diff --git a/local-cli/logAndroid/logAndroid.js b/local-cli/logAndroid/logAndroid.js
index 7a1aace4bf78b1..b8608e96e40880 100644
--- a/local-cli/logAndroid/logAndroid.js
+++ b/local-cli/logAndroid/logAndroid.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const chalk = require('chalk');
@@ -26,20 +29,19 @@ function _logAndroid() {
 
     const adbArgs = ['logcat', '*:S', 'ReactNative:V', 'ReactNativeJS:V'];
 
-    console.log(chalk.bold(
-      `Starting the logger (${adbPath} ${adbArgs.join(' ')})...`
-    ));
+    console.log(
+      chalk.bold(`Starting the logger (${adbPath} ${adbArgs.join(' ')})...`),
+    );
 
     const log = child_process.spawnSync(adbPath, adbArgs, {stdio: 'inherit'});
 
     if (log.error !== null) {
       throw log.error;
     }
-
   } catch (e) {
-    console.log(chalk.red(
-      'adb invocation failed. Do you have adb in your PATH?'
-    ));
+    console.log(
+      chalk.red('adb invocation failed. Do you have adb in your PATH?'),
+    );
     return Promise.reject();
   }
 }
diff --git a/local-cli/logIOS/logIOS.js b/local-cli/logIOS/logIOS.js
index 3e7b1ffb7c25f2..272dc038260243 100644
--- a/local-cli/logIOS/logIOS.js
+++ b/local-cli/logIOS/logIOS.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const chalk = require('chalk');
@@ -25,22 +28,24 @@ function _logIOS() {
 
   try {
     rawDevices = child_process.execFileSync(
-      'xcrun', ['simctl', 'list', 'devices', '--json'], {encoding: 'utf8'}
+      'xcrun',
+      ['simctl', 'list', 'devices', '--json'],
+      {encoding: 'utf8'},
     );
   } catch (e) {
-    console.log(chalk.red(
-      'xcrun invocation failed. Please check that Xcode is installed.'
-    ));
+    console.log(
+      chalk.red(
+        'xcrun invocation failed. Please check that Xcode is installed.',
+      ),
+    );
     return Promise.reject(e);
   }
 
-  const { devices } = JSON.parse(rawDevices);
+  const {devices} = JSON.parse(rawDevices);
 
   const device = _findAvailableDevice(devices);
   if (device === undefined) {
-    console.log(chalk.red(
-      'No active iOS device found'
-    ));
+    console.log(chalk.red('No active iOS device found'));
     return Promise.reject();
   }
 
@@ -67,13 +72,14 @@ function tailDeviceLogs(udid) {
     'asl',
   );
 
-  const log =
-    child_process.spawnSync('syslog', ['-w', '-F', 'std', '-d', logDir], {stdio: 'inherit'});
+  const log = child_process.spawnSync(
+    'syslog',
+    ['-w', '-F', 'std', '-d', logDir],
+    {stdio: 'inherit'},
+  );
 
   if (log.error !== null) {
-    console.log(chalk.red(
-      'syslog invocation failed.'
-    ));
+    console.log(chalk.red('syslog invocation failed.'));
     return Promise.reject(log.error);
   }
 }
diff --git a/local-cli/runAndroid/adb.js b/local-cli/runAndroid/adb.js
index 8206093e3fa867..310fbad04ab7b0 100644
--- a/local-cli/runAndroid/adb.js
+++ b/local-cli/runAndroid/adb.js
@@ -4,7 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @format
+ * @flow strict
  */
 
 const child_process = require('child_process');
@@ -21,7 +22,7 @@ function parseDevicesResult(result: string): Array<string> {
   const lines = result.trim().split(/\r?\n/);
 
   for (let i = 0; i < lines.length; i++) {
-    let words = lines[i].split(/[ ,\t]+/).filter((w) => w !== '');
+    let words = lines[i].split(/[ ,\t]+/).filter(w => w !== '');
 
     if (words[1] === 'device') {
       devices.push(words[0]);
@@ -40,11 +41,9 @@ function getDevices(): Array<string> {
   } catch (e) {
     return [];
   }
-
-
 }
 
 module.exports = {
   parseDevicesResult: parseDevicesResult,
-  getDevices: getDevices
+  getDevices: getDevices,
 };
diff --git a/local-cli/runAndroid/runAndroid.js b/local-cli/runAndroid/runAndroid.js
index eb17d38210ebb7..6835c97bcb0bf0 100644
--- a/local-cli/runAndroid/runAndroid.js
+++ b/local-cli/runAndroid/runAndroid.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const adb = require('./adb');
@@ -31,10 +34,14 @@ function runAndroid(argv, config, args) {
       child_process.spawnSync(
         reactNativeScriptsPath,
         ['android'].concat(process.argv.slice(1)),
-        {stdio: 'inherit'}
+        {stdio: 'inherit'},
       );
     } else {
-      console.log(chalk.red('Android project not found. Maybe run react-native android first?'));
+      console.log(
+        chalk.red(
+          'Android project not found. Maybe run react-native android first?',
+        ),
+      );
     }
     return;
   }
@@ -47,7 +54,9 @@ function runAndroid(argv, config, args) {
     if (result === 'running') {
       console.log(chalk.bold('JS server already running.'));
     } else if (result === 'unrecognized') {
-      console.warn(chalk.yellow('JS server not recognized, continuing with build...'));
+      console.warn(
+        chalk.yellow('JS server not recognized, continuing with build...'),
+      );
     } else {
       // result == 'not_running'
       console.log(chalk.bold('Starting JS server...'));
@@ -74,9 +83,7 @@ function tryRunAdbReverse(packagerPort, device) {
       adbArgs.unshift('-s', device);
     }
 
-    console.log(chalk.bold(
-      `Running ${adbPath} ${adbArgs.join(' ')}`
-    ));
+    console.log(chalk.bold(`Running ${adbPath} ${adbArgs.join(' ')}`));
 
     child_process.execFileSync(adbPath, adbArgs, {
       stdio: [process.stdin, process.stdout, process.stderr],
@@ -99,21 +106,28 @@ function getPackageNameWithSuffix(appId, appIdSuffix, packageName) {
 // Builds the app and runs it on a connected emulator / device.
 function buildAndRun(args) {
   process.chdir(path.join(args.root, 'android'));
-  const cmd = process.platform.startsWith('win')
-    ? 'gradlew.bat'
-    : './gradlew';
+  const cmd = process.platform.startsWith('win') ? 'gradlew.bat' : './gradlew';
 
-  const packageName = fs.readFileSync(
-      `${args.appFolder}/src/main/AndroidManifest.xml`,
-      'utf8'
-    ).match(/package="(.+?)"/)[1];
+  const packageName = fs
+    .readFileSync(`${args.appFolder}/src/main/AndroidManifest.xml`, 'utf8')
+    .match(/package="(.+?)"/)[1];
 
-  const packageNameWithSuffix = getPackageNameWithSuffix(args.appId, args.appIdSuffix, packageName);
+  const packageNameWithSuffix = getPackageNameWithSuffix(
+    args.appId,
+    args.appIdSuffix,
+    packageName,
+  );
 
   const adbPath = getAdbPath();
   if (args.deviceId) {
     if (isString(args.deviceId)) {
-        runOnSpecificDevice(args, cmd, packageNameWithSuffix, packageName, adbPath);
+      runOnSpecificDevice(
+        args,
+        cmd,
+        packageNameWithSuffix,
+        packageName,
+        adbPath,
+      );
     } else {
       console.log(chalk.red('Argument missing for parameter --deviceId'));
     }
@@ -122,14 +136,28 @@ function buildAndRun(args) {
   }
 }
 
-function runOnSpecificDevice(args, gradlew, packageNameWithSuffix, packageName, adbPath) {
+function runOnSpecificDevice(
+  args,
+  gradlew,
+  packageNameWithSuffix,
+  packageName,
+  adbPath,
+) {
   let devices = adb.getDevices();
   if (devices && devices.length > 0) {
     if (devices.indexOf(args.deviceId) !== -1) {
       buildApk(gradlew);
-      installAndLaunchOnDevice(args, args.deviceId, packageNameWithSuffix, packageName, adbPath);
+      installAndLaunchOnDevice(
+        args,
+        args.deviceId,
+        packageNameWithSuffix,
+        packageName,
+        adbPath,
+      );
     } else {
-      console.log('Could not find device with the id: "' + args.deviceId + '".');
+      console.log(
+        'Could not find device with the id: "' + args.deviceId + '".',
+      );
       console.log('Choose one of the following:');
       console.log(devices);
     }
@@ -147,62 +175,104 @@ function buildApk(gradlew) {
       stdio: [process.stdin, process.stdout, process.stderr],
     });
   } catch (e) {
-    console.log(chalk.red('Could not build the app, read the error above for details.\n'));
+    console.log(
+      chalk.red('Could not build the app, read the error above for details.\n'),
+    );
   }
 }
 
 function tryInstallAppOnDevice(args, device) {
   try {
-    const pathToApk = `${args.appFolder}/build/outputs/apk/${args.appFolder}-debug.apk`;
+    const pathToApk = `${args.appFolder}/build/outputs/apk/${
+      args.appFolder
+    }-debug.apk`;
     const adbPath = getAdbPath();
     const adbArgs = ['-s', device, 'install', pathToApk];
-    console.log(chalk.bold(
-      `Installing the app on the device (cd android && adb -s ${device} install ${pathToApk}`
-    ));
+    console.log(
+      chalk.bold(
+        `Installing the app on the device (cd android && adb -s ${device} install ${pathToApk}`,
+      ),
+    );
     child_process.execFileSync(adbPath, adbArgs, {
       stdio: [process.stdin, process.stdout, process.stderr],
     });
   } catch (e) {
     console.log(e.message);
-    console.log(chalk.red(
-      'Could not install the app on the device, read the error above for details.\n'
-    ));
+    console.log(
+      chalk.red(
+        'Could not install the app on the device, read the error above for details.\n',
+      ),
+    );
   }
 }
 
-function tryLaunchAppOnDevice(device, packageNameWithSuffix, packageName, adbPath, mainActivity) {
+function tryLaunchAppOnDevice(
+  device,
+  packageNameWithSuffix,
+  packageName,
+  adbPath,
+  mainActivity,
+) {
   try {
-    const adbArgs = ['-s', device, 'shell', 'am', 'start', '-n', packageNameWithSuffix + '/' + packageName + '.' + mainActivity];
-    console.log(chalk.bold(
-      `Starting the app on ${device} (${adbPath} ${adbArgs.join(' ')})...`
-    ));
+    const adbArgs = [
+      '-s',
+      device,
+      'shell',
+      'am',
+      'start',
+      '-n',
+      packageNameWithSuffix + '/' + packageName + '.' + mainActivity,
+    ];
+    console.log(
+      chalk.bold(
+        `Starting the app on ${device} (${adbPath} ${adbArgs.join(' ')})...`,
+      ),
+    );
     child_process.spawnSync(adbPath, adbArgs, {stdio: 'inherit'});
   } catch (e) {
-    console.log(chalk.red(
-      'adb invocation failed. Do you have adb in your PATH?'
-    ));
+    console.log(
+      chalk.red('adb invocation failed. Do you have adb in your PATH?'),
+    );
   }
 }
 
-function installAndLaunchOnDevice(args, selectedDevice, packageNameWithSuffix, packageName, adbPath) {
+function installAndLaunchOnDevice(
+  args,
+  selectedDevice,
+  packageNameWithSuffix,
+  packageName,
+  adbPath,
+) {
   tryRunAdbReverse(args.port, selectedDevice);
   tryInstallAppOnDevice(args, selectedDevice);
-  tryLaunchAppOnDevice(selectedDevice, packageNameWithSuffix, packageName, adbPath, args.mainActivity);
+  tryLaunchAppOnDevice(
+    selectedDevice,
+    packageNameWithSuffix,
+    packageName,
+    adbPath,
+    args.mainActivity,
+  );
 }
 
-function runOnAllDevices(args, cmd, packageNameWithSuffix, packageName, adbPath){
+function runOnAllDevices(
+  args,
+  cmd,
+  packageNameWithSuffix,
+  packageName,
+  adbPath,
+) {
   try {
     const gradleArgs = [];
     if (args.variant) {
-      gradleArgs.push('install' +
-        args.variant[0].toUpperCase() + args.variant.slice(1)
+      gradleArgs.push(
+        'install' + args.variant[0].toUpperCase() + args.variant.slice(1),
       );
     } else if (args.flavor) {
-      console.warn(chalk.yellow(
-        '--flavor has been deprecated. Use --variant instead'
-      ));
-      gradleArgs.push('install' +
-        args.flavor[0].toUpperCase() + args.flavor.slice(1)
+      console.warn(
+        chalk.yellow('--flavor has been deprecated. Use --variant instead'),
+      );
+      gradleArgs.push(
+        'install' + args.flavor[0].toUpperCase() + args.flavor.slice(1),
       );
     } else {
       gradleArgs.push('installDebug');
@@ -212,132 +282,197 @@ function runOnAllDevices(args, cmd, packageNameWithSuffix, packageName, adbPath)
       gradleArgs.push(args.installDebug);
     }
 
-    console.log(chalk.bold(
-      `Building and installing the app on the device (cd android && ${cmd} ${gradleArgs.join(' ')})...`
-    ));
+    console.log(
+      chalk.bold(
+        `Building and installing the app on the device (cd android && ${cmd} ${gradleArgs.join(
+          ' ',
+        )})...`,
+      ),
+    );
 
     child_process.execFileSync(cmd, gradleArgs, {
       stdio: [process.stdin, process.stdout, process.stderr],
     });
   } catch (e) {
-    console.log(chalk.red(
-      'Could not install the app on the device, read the error above for details.\n' +
-      'Make sure you have an Android emulator running or a device connected and have\n' +
-      'set up your Android development environment:\n' +
-      'https://facebook.github.io/react-native/docs/getting-started.html'
-    ));
+    console.log(
+      chalk.red(
+        'Could not install the app on the device, read the error above for details.\n' +
+          'Make sure you have an Android emulator running or a device connected and have\n' +
+          'set up your Android development environment:\n' +
+          'https://facebook.github.io/react-native/docs/getting-started.html',
+      ),
+    );
     // stderr is automatically piped from the gradle process, so the user
     // should see the error already, there is no need to do
     // `console.log(e.stderr)`
     return Promise.reject();
   }
-    const devices = adb.getDevices();
-    if (devices && devices.length > 0) {
-      devices.forEach((device) => {
-        tryRunAdbReverse(args.port, device);
-        tryLaunchAppOnDevice(device, packageNameWithSuffix, packageName, adbPath, args.mainActivity);
-      });
-    } else {
-      try {
-        // If we cannot execute based on adb devices output, fall back to
-        // shell am start
-        const fallbackAdbArgs = [
-          'shell', 'am', 'start', '-n', packageNameWithSuffix + '/' + packageName + '.MainActivity'
-        ];
-        console.log(chalk.bold(
-          `Starting the app (${adbPath} ${fallbackAdbArgs.join(' ')}...`
-        ));
-        child_process.spawnSync(adbPath, fallbackAdbArgs, {stdio: 'inherit'});
-      } catch (e) {
-        console.log(chalk.red(
-          'adb invocation failed. Do you have adb in your PATH?'
-        ));
-        // stderr is automatically piped from the gradle process, so the user
-        // should see the error already, there is no need to do
-        // `console.log(e.stderr)`
-        return Promise.reject();
-      }
+  const devices = adb.getDevices();
+  if (devices && devices.length > 0) {
+    devices.forEach(device => {
+      tryRunAdbReverse(args.port, device);
+      tryLaunchAppOnDevice(
+        device,
+        packageNameWithSuffix,
+        packageName,
+        adbPath,
+        args.mainActivity,
+      );
+    });
+  } else {
+    try {
+      // If we cannot execute based on adb devices output, fall back to
+      // shell am start
+      const fallbackAdbArgs = [
+        'shell',
+        'am',
+        'start',
+        '-n',
+        packageNameWithSuffix + '/' + packageName + '.MainActivity',
+      ];
+      console.log(
+        chalk.bold(
+          `Starting the app (${adbPath} ${fallbackAdbArgs.join(' ')}...`,
+        ),
+      );
+      child_process.spawnSync(adbPath, fallbackAdbArgs, {stdio: 'inherit'});
+    } catch (e) {
+      console.log(
+        chalk.red('adb invocation failed. Do you have adb in your PATH?'),
+      );
+      // stderr is automatically piped from the gradle process, so the user
+      // should see the error already, there is no need to do
+      // `console.log(e.stderr)`
+      return Promise.reject();
     }
+  }
 }
 
 function startServerInNewWindow(port) {
-  const scriptFile = /^win/.test(process.platform) ?
-    'launchPackager.bat' :
-    'launchPackager.command';
+  // set up OS-specific filenames and commands
+  const isWindows = /^win/.test(process.platform);
+  const scriptFile = isWindows
+    ? 'launchPackager.bat'
+    : 'launchPackager.command';
+  const packagerEnvFilename = isWindows ? '.packager.bat' : '.packager.env';
+  const portExportContent = isWindows
+    ? `set RCT_METRO_PORT=${port}`
+    : `export RCT_METRO_PORT=${port}`;
+
+  // set up the launchpackager.(command|bat) file
   const scriptsDir = path.resolve(__dirname, '..', '..', 'scripts');
   const launchPackagerScript = path.resolve(scriptsDir, scriptFile);
   const procConfig = {cwd: scriptsDir};
   const terminal = process.env.REACT_TERMINAL;
 
-  // setup the .packager.env file to ensure the packager starts on the right port
-  const packagerEnvFile = path.join(__dirname, '..', '..', 'scripts', '.packager.env');
-  const content = `export RCT_METRO_PORT=${port}`;
+  // set up the .packager.(env|bat) file to ensure the packager starts on the right port
+  const packagerEnvFile = path.join(
+    __dirname,
+    '..',
+    '..',
+    'scripts',
+    packagerEnvFilename,
+  );
+
   // ensure we overwrite file by passing the 'w' flag
-  fs.writeFileSync(packagerEnvFile, content, {encoding: 'utf8', flag: 'w'});
+  fs.writeFileSync(packagerEnvFile, portExportContent, {
+    encoding: 'utf8',
+    flag: 'w',
+  });
 
   if (process.platform === 'darwin') {
     if (terminal) {
-      return child_process.spawnSync('open', ['-a', terminal, launchPackagerScript], procConfig);
+      return child_process.spawnSync(
+        'open',
+        ['-a', terminal, launchPackagerScript],
+        procConfig,
+      );
     }
     return child_process.spawnSync('open', [launchPackagerScript], procConfig);
-
   } else if (process.platform === 'linux') {
     procConfig.detached = true;
-    if (terminal){
-      return child_process.spawn(terminal, ['-e', 'sh ' + launchPackagerScript], procConfig);
+    if (terminal) {
+      return child_process.spawn(
+        terminal,
+        ['-e', 'sh ' + launchPackagerScript],
+        procConfig,
+      );
     }
     return child_process.spawn('sh', [launchPackagerScript], procConfig);
-
   } else if (/^win/.test(process.platform)) {
     procConfig.detached = true;
     procConfig.stdio = 'ignore';
-    return child_process.spawn('cmd.exe', ['/C', launchPackagerScript], procConfig);
+    return child_process.spawn(
+      'cmd.exe',
+      ['/C', launchPackagerScript],
+      procConfig,
+    );
   } else {
-    console.log(chalk.red(`Cannot start the packager. Unknown platform ${process.platform}`));
+    console.log(
+      chalk.red(
+        `Cannot start the packager. Unknown platform ${process.platform}`,
+      ),
+    );
   }
 }
 
 module.exports = {
   name: 'run-android',
-  description: 'builds your app and starts it on a connected Android emulator or device',
+  description:
+    'builds your app and starts it on a connected Android emulator or device',
   func: runAndroid,
-  options: [{
-    command: '--install-debug',
-  }, {
-    command: '--root [string]',
-    description: 'Override the root directory for the android build (which contains the android directory)',
-    default: '',
-  }, {
-    command: '--flavor [string]',
-    description: '--flavor has been deprecated. Use --variant instead',
-  }, {
-    command: '--variant [string]',
-  }, {
-    command: '--appFolder [string]',
-    description: 'Specify a different application folder name for the android source.',
-    default: 'app',
-  }, {
-    command: '--appId [string]',
-    description: 'Specify an applicationId to launch after build.',
-    default: '',
-  }, {
-    command: '--appIdSuffix [string]',
-    description: 'Specify an applicationIdSuffix to launch after build.',
-    default: '',
-  }, {
-    command: '--main-activity [string]',
-    description: 'Name of the activity to start',
-    default: 'MainActivity',
-  }, {
-    command: '--deviceId [string]',
-    description: 'builds your app and starts it on a specific device/simulator with the ' +
-      'given device id (listed by running "adb devices" on the command line).',
-  }, {
-    command: '--no-packager',
-    description: 'Do not launch packager while building',
-  }, {
-    command: '--port [number]',
-    default: process.env.RCT_METRO_PORT || 8081,
-    parse: (val: string) => Number(val),
-  }],
+  options: [
+    {
+      command: '--install-debug',
+    },
+    {
+      command: '--root [string]',
+      description:
+        'Override the root directory for the android build (which contains the android directory)',
+      default: '',
+    },
+    {
+      command: '--flavor [string]',
+      description: '--flavor has been deprecated. Use --variant instead',
+    },
+    {
+      command: '--variant [string]',
+    },
+    {
+      command: '--appFolder [string]',
+      description:
+        'Specify a different application folder name for the android source.',
+      default: 'app',
+    },
+    {
+      command: '--appId [string]',
+      description: 'Specify an applicationId to launch after build.',
+      default: '',
+    },
+    {
+      command: '--appIdSuffix [string]',
+      description: 'Specify an applicationIdSuffix to launch after build.',
+      default: '',
+    },
+    {
+      command: '--main-activity [string]',
+      description: 'Name of the activity to start',
+      default: 'MainActivity',
+    },
+    {
+      command: '--deviceId [string]',
+      description:
+        'builds your app and starts it on a specific device/simulator with the ' +
+        'given device id (listed by running "adb devices" on the command line).',
+    },
+    {
+      command: '--no-packager',
+      description: 'Do not launch packager while building',
+    },
+    {
+      command: '--port [number]',
+      default: process.env.RCT_METRO_PORT || 8081,
+      parse: (val: string) => Number(val),
+    },
+  ],
 };
diff --git a/local-cli/runIOS/__tests__/findMatchingSimulator-test.js b/local-cli/runIOS/__tests__/findMatchingSimulator-test.js
index fb3ffddcbe8d4c..3c59b06839a232 100644
--- a/local-cli/runIOS/__tests__/findMatchingSimulator-test.js
+++ b/local-cli/runIOS/__tests__/findMatchingSimulator-test.js
@@ -5,8 +5,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
+
 'use strict';
 
 jest.dontMock('../findMatchingSimulator');
@@ -15,481 +17,510 @@ const findMatchingSimulator = require('../findMatchingSimulator');
 
 describe('findMatchingSimulator', () => {
   it('should find simulator', () => {
-    expect(findMatchingSimulator({
-        'devices': {
-          'iOS 9.2': [
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 4s',
-              'udid': 'B9B5E161-416B-43C4-A78F-729CB96CC8C6'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 5',
-              'udid': '1CCBBF8B-5773-4EA6-BD6F-C308C87A1ADB'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6',
-              'udid': 'BA0D93BD-07E6-4182-9B0A-F60A2474139C'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6 (Plus)',
-              'udid': '9564ABEE-9EC2-4B4A-B443-D3710929A45A'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6s',
-              'udid': 'D0F29BE7-CC3C-4976-888D-C739B4F50508'
-            }
-          ]
-        }
-      },
-      'iPhone 6'
-    )).toEqual({
+    expect(
+      findMatchingSimulator(
+        {
+          devices: {
+            'iOS 9.2': [
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 4s',
+                udid: 'B9B5E161-416B-43C4-A78F-729CB96CC8C6',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 5',
+                udid: '1CCBBF8B-5773-4EA6-BD6F-C308C87A1ADB',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6',
+                udid: 'BA0D93BD-07E6-4182-9B0A-F60A2474139C',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6 (Plus)',
+                udid: '9564ABEE-9EC2-4B4A-B443-D3710929A45A',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6s',
+                udid: 'D0F29BE7-CC3C-4976-888D-C739B4F50508',
+              },
+            ],
+          },
+        },
+        'iPhone 6',
+      ),
+    ).toEqual({
       udid: 'BA0D93BD-07E6-4182-9B0A-F60A2474139C',
       name: 'iPhone 6',
       booted: false,
-      version: 'iOS 9.2'
+      version: 'iOS 9.2',
     });
   });
 
   it('should return null if no simulators available', () => {
-    expect(findMatchingSimulator({
-        'devices': {
-          'iOS 9.2': [
-            {
-              'state': 'Shutdown',
-              'availability': '(unavailable, runtime profile not found)',
-              'name': 'iPhone 4s',
-              'udid': 'B9B5E161-416B-43C4-A78F-729CB96CC8C6'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(unavailable, runtime profile not found)',
-              'name': 'iPhone 5',
-              'udid': '1CCBBF8B-5773-4EA6-BD6F-C308C87A1ADB'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(unavailable, runtime profile not found)',
-              'name': 'iPhone 6',
-              'udid': 'BA0D93BD-07E6-4182-9B0A-F60A2474139C'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(unavailable, runtime profile not found)',
-              'name': 'iPhone 6 (Plus)',
-              'udid': '9564ABEE-9EC2-4B4A-B443-D3710929A45A'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(unavailable, runtime profile not found)',
-              'name': 'iPhone 6s',
-              'udid': 'D0F29BE7-CC3C-4976-888D-C739B4F50508'
-            }
-          ]
-        }
-      },
-      'iPhone 6'
-    )).toEqual(null);
+    expect(
+      findMatchingSimulator(
+        {
+          devices: {
+            'iOS 9.2': [
+              {
+                state: 'Shutdown',
+                availability: '(unavailable, runtime profile not found)',
+                name: 'iPhone 4s',
+                udid: 'B9B5E161-416B-43C4-A78F-729CB96CC8C6',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(unavailable, runtime profile not found)',
+                name: 'iPhone 5',
+                udid: '1CCBBF8B-5773-4EA6-BD6F-C308C87A1ADB',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(unavailable, runtime profile not found)',
+                name: 'iPhone 6',
+                udid: 'BA0D93BD-07E6-4182-9B0A-F60A2474139C',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(unavailable, runtime profile not found)',
+                name: 'iPhone 6 (Plus)',
+                udid: '9564ABEE-9EC2-4B4A-B443-D3710929A45A',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(unavailable, runtime profile not found)',
+                name: 'iPhone 6s',
+                udid: 'D0F29BE7-CC3C-4976-888D-C739B4F50508',
+              },
+            ],
+          },
+        },
+        'iPhone 6',
+      ),
+    ).toEqual(null);
   });
 
   it('should return null if an odd input', () => {
-    expect(findMatchingSimulator('random string input', 'iPhone 6')).toEqual(null);
+    expect(findMatchingSimulator('random string input', 'iPhone 6')).toEqual(
+      null,
+    );
   });
 
   it('should return the first simulator in list if none is defined', () => {
-    expect(findMatchingSimulator({
-        'devices': {
-          'iOS 9.2': [
-            {
-              'state': 'Shutdown',
-              'availability': '(unavailable, runtime profile not found)',
-              'name': 'iPhone 4s',
-              'udid': 'B9B5E161-416B-43C4-A78F-729CB96CC8C6'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 5',
-              'udid': '1CCBBF8B-5773-4EA6-BD6F-C308C87A1ADB'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6',
-              'udid': 'BA0D93BD-07E6-4182-9B0A-F60A2474139C'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6 (Plus)',
-              'udid': '9564ABEE-9EC2-4B4A-B443-D3710929A45A'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(unavailable, runtime profile not found)',
-              'name': 'iPhone 6s',
-              'udid': 'D0F29BE7-CC3C-4976-888D-C739B4F50508'
-            }
-          ]
-        }
-      },
-      null
-    )).toEqual({
+    expect(
+      findMatchingSimulator(
+        {
+          devices: {
+            'iOS 9.2': [
+              {
+                state: 'Shutdown',
+                availability: '(unavailable, runtime profile not found)',
+                name: 'iPhone 4s',
+                udid: 'B9B5E161-416B-43C4-A78F-729CB96CC8C6',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 5',
+                udid: '1CCBBF8B-5773-4EA6-BD6F-C308C87A1ADB',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6',
+                udid: 'BA0D93BD-07E6-4182-9B0A-F60A2474139C',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6 (Plus)',
+                udid: '9564ABEE-9EC2-4B4A-B443-D3710929A45A',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(unavailable, runtime profile not found)',
+                name: 'iPhone 6s',
+                udid: 'D0F29BE7-CC3C-4976-888D-C739B4F50508',
+              },
+            ],
+          },
+        },
+        null,
+      ),
+    ).toEqual({
       udid: '1CCBBF8B-5773-4EA6-BD6F-C308C87A1ADB',
       name: 'iPhone 5',
       booted: false,
-      version: 'iOS 9.2'
+      version: 'iOS 9.2',
     });
   });
 
   it('should return the first simulator in list if none is defined', () => {
-    expect(findMatchingSimulator({
-        'devices': {
-          'iOS 9.2': [
-            {
-              'state': 'Shutdown',
-              'availability': '(unavailable, runtime profile not found)',
-              'name': 'iPhone 4s',
-              'udid': 'B9B5E161-416B-43C4-A78F-729CB96CC8C6'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 5',
-              'udid': '1CCBBF8B-5773-4EA6-BD6F-C308C87A1ADB'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6',
-              'udid': 'BA0D93BD-07E6-4182-9B0A-F60A2474139C'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6 (Plus)',
-              'udid': '9564ABEE-9EC2-4B4A-B443-D3710929A45A'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(unavailable, runtime profile not found)',
-              'name': 'iPhone 6s',
-              'udid': 'D0F29BE7-CC3C-4976-888D-C739B4F50508'
-            }
-          ],
-          'iOS 10.0': [
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6',
-              'udid': '2FF48AE5-CC3B-4C80-8D25-48966A6BE2C0'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6 (Plus)',
-              'udid': '841E33FE-E8A1-4B65-9FF8-6EAA6442A3FC'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6s',
-              'udid': 'CBBB8FB8-77AB-49A9-8297-4CCFE3189C22'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 7',
-              'udid': '3A409DC5-5188-42A6-8598-3AA6F34607A5'
-            }
-          ]
-        }
-      },
-      null
-    )).toEqual({
+    expect(
+      findMatchingSimulator(
+        {
+          devices: {
+            'iOS 9.2': [
+              {
+                state: 'Shutdown',
+                availability: '(unavailable, runtime profile not found)',
+                name: 'iPhone 4s',
+                udid: 'B9B5E161-416B-43C4-A78F-729CB96CC8C6',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 5',
+                udid: '1CCBBF8B-5773-4EA6-BD6F-C308C87A1ADB',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6',
+                udid: 'BA0D93BD-07E6-4182-9B0A-F60A2474139C',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6 (Plus)',
+                udid: '9564ABEE-9EC2-4B4A-B443-D3710929A45A',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(unavailable, runtime profile not found)',
+                name: 'iPhone 6s',
+                udid: 'D0F29BE7-CC3C-4976-888D-C739B4F50508',
+              },
+            ],
+            'iOS 10.0': [
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6',
+                udid: '2FF48AE5-CC3B-4C80-8D25-48966A6BE2C0',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6 (Plus)',
+                udid: '841E33FE-E8A1-4B65-9FF8-6EAA6442A3FC',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6s',
+                udid: 'CBBB8FB8-77AB-49A9-8297-4CCFE3189C22',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 7',
+                udid: '3A409DC5-5188-42A6-8598-3AA6F34607A5',
+              },
+            ],
+          },
+        },
+        null,
+      ),
+    ).toEqual({
       udid: '1CCBBF8B-5773-4EA6-BD6F-C308C87A1ADB',
       name: 'iPhone 5',
       booted: false,
-      version: 'iOS 9.2'
+      version: 'iOS 9.2',
     });
   });
 
   it('should return the booted simulator in list if none is defined', () => {
-    expect(findMatchingSimulator({
-        'devices': {
-          'iOS 9.2': [
-            {
-              'state': 'Shutdown',
-              'availability': '(unavailable, runtime profile not found)',
-              'name': 'iPhone 4s',
-              'udid': 'B9B5E161-416B-43C4-A78F-729CB96CC8C6'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 5',
-              'udid': '1CCBBF8B-5773-4EA6-BD6F-C308C87A1ADB'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6',
-              'udid': 'BA0D93BD-07E6-4182-9B0A-F60A2474139C'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6 (Plus)',
-              'udid': '9564ABEE-9EC2-4B4A-B443-D3710929A45A'
-            },
-            {
-              'state': 'Booted',
-              'availability': '(available)',
-              'name': 'iPhone 6s',
-              'udid': 'D0F29BE7-CC3C-4976-888D-C739B4F50508'
-            }
-          ]
-        }
-      },
-      null
-    )).toEqual({
+    expect(
+      findMatchingSimulator(
+        {
+          devices: {
+            'iOS 9.2': [
+              {
+                state: 'Shutdown',
+                availability: '(unavailable, runtime profile not found)',
+                name: 'iPhone 4s',
+                udid: 'B9B5E161-416B-43C4-A78F-729CB96CC8C6',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 5',
+                udid: '1CCBBF8B-5773-4EA6-BD6F-C308C87A1ADB',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6',
+                udid: 'BA0D93BD-07E6-4182-9B0A-F60A2474139C',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6 (Plus)',
+                udid: '9564ABEE-9EC2-4B4A-B443-D3710929A45A',
+              },
+              {
+                state: 'Booted',
+                availability: '(available)',
+                name: 'iPhone 6s',
+                udid: 'D0F29BE7-CC3C-4976-888D-C739B4F50508',
+              },
+            ],
+          },
+        },
+        null,
+      ),
+    ).toEqual({
       udid: 'D0F29BE7-CC3C-4976-888D-C739B4F50508',
       name: 'iPhone 6s',
       booted: true,
-      version: 'iOS 9.2'
+      version: 'iOS 9.2',
     });
   });
 
   it('should return the defined simulator in list even if another device is booted', () => {
-    expect(findMatchingSimulator({
-        'devices': {
-          'iOS 9.2': [
-            {
-              'state': 'Shutdown',
-              'availability': '(unavailable, runtime profile not found)',
-              'name': 'iPhone 4s',
-              'udid': 'B9B5E161-416B-43C4-A78F-729CB96CC8C6'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 5',
-              'udid': '1CCBBF8B-5773-4EA6-BD6F-C308C87A1ADB'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6',
-              'udid': 'BA0D93BD-07E6-4182-9B0A-F60A2474139C'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6 (Plus)',
-              'udid': '9564ABEE-9EC2-4B4A-B443-D3710929A45A'
-            },
-            {
-              'state': 'Booted',
-              'availability': '(available)',
-              'name': 'iPhone 6s',
-              'udid': 'D0F29BE7-CC3C-4976-888D-C739B4F50508'
-            }
-          ]
-        }
-      },
-      'iPhone 6'
-    )).toEqual({
+    expect(
+      findMatchingSimulator(
+        {
+          devices: {
+            'iOS 9.2': [
+              {
+                state: 'Shutdown',
+                availability: '(unavailable, runtime profile not found)',
+                name: 'iPhone 4s',
+                udid: 'B9B5E161-416B-43C4-A78F-729CB96CC8C6',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 5',
+                udid: '1CCBBF8B-5773-4EA6-BD6F-C308C87A1ADB',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6',
+                udid: 'BA0D93BD-07E6-4182-9B0A-F60A2474139C',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6 (Plus)',
+                udid: '9564ABEE-9EC2-4B4A-B443-D3710929A45A',
+              },
+              {
+                state: 'Booted',
+                availability: '(available)',
+                name: 'iPhone 6s',
+                udid: 'D0F29BE7-CC3C-4976-888D-C739B4F50508',
+              },
+            ],
+          },
+        },
+        'iPhone 6',
+      ),
+    ).toEqual({
       udid: 'BA0D93BD-07E6-4182-9B0A-F60A2474139C',
       name: 'iPhone 6',
       booted: false,
-      version: 'iOS 9.2'
+      version: 'iOS 9.2',
     });
   });
 
   it('should return the booted simulator in list if none is defined (multi ios versions)', () => {
-    expect(findMatchingSimulator({
-        'devices': {
-          'iOS 9.2': [
-            {
-              'state': 'Shutdown',
-              'availability': '(unavailable, runtime profile not found)',
-              'name': 'iPhone 4s',
-              'udid': 'B9B5E161-416B-43C4-A78F-729CB96CC8C6'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 5',
-              'udid': '1CCBBF8B-5773-4EA6-BD6F-C308C87A1ADB'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6',
-              'udid': 'BA0D93BD-07E6-4182-9B0A-F60A2474139C'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6 (Plus)',
-              'udid': '9564ABEE-9EC2-4B4A-B443-D3710929A45A'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6s',
-              'udid': 'D0F29BE7-CC3C-4976-888D-C739B4F50508'
-            }
-          ],
-          'iOS 10.0': [
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6',
-              'udid': '2FF48AE5-CC3B-4C80-8D25-48966A6BE2C0'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6 (Plus)',
-              'udid': '841E33FE-E8A1-4B65-9FF8-6EAA6442A3FC'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6s',
-              'udid': 'CBBB8FB8-77AB-49A9-8297-4CCFE3189C22'
-            },
-            {
-              'state': 'Booted',
-              'availability': '(available)',
-              'name': 'iPhone 7',
-              'udid': '3A409DC5-5188-42A6-8598-3AA6F34607A5'
-            }
-          ]
-        }
-      },
-      null
-    )).toEqual({
+    expect(
+      findMatchingSimulator(
+        {
+          devices: {
+            'iOS 9.2': [
+              {
+                state: 'Shutdown',
+                availability: '(unavailable, runtime profile not found)',
+                name: 'iPhone 4s',
+                udid: 'B9B5E161-416B-43C4-A78F-729CB96CC8C6',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 5',
+                udid: '1CCBBF8B-5773-4EA6-BD6F-C308C87A1ADB',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6',
+                udid: 'BA0D93BD-07E6-4182-9B0A-F60A2474139C',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6 (Plus)',
+                udid: '9564ABEE-9EC2-4B4A-B443-D3710929A45A',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6s',
+                udid: 'D0F29BE7-CC3C-4976-888D-C739B4F50508',
+              },
+            ],
+            'iOS 10.0': [
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6',
+                udid: '2FF48AE5-CC3B-4C80-8D25-48966A6BE2C0',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6 (Plus)',
+                udid: '841E33FE-E8A1-4B65-9FF8-6EAA6442A3FC',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6s',
+                udid: 'CBBB8FB8-77AB-49A9-8297-4CCFE3189C22',
+              },
+              {
+                state: 'Booted',
+                availability: '(available)',
+                name: 'iPhone 7',
+                udid: '3A409DC5-5188-42A6-8598-3AA6F34607A5',
+              },
+            ],
+          },
+        },
+        null,
+      ),
+    ).toEqual({
       udid: '3A409DC5-5188-42A6-8598-3AA6F34607A5',
       name: 'iPhone 7',
       booted: true,
-      version: 'iOS 10.0'
+      version: 'iOS 10.0',
     });
   });
 
   it('should return the defined simulator in list even if another device is booted (multi ios versions)', () => {
-    expect(findMatchingSimulator({
-        'devices': {
-          'iOS 9.2': [
-            {
-              'state': 'Shutdown',
-              'availability': '(unavailable, runtime profile not found)',
-              'name': 'iPhone 4s',
-              'udid': 'B9B5E161-416B-43C4-A78F-729CB96CC8C6'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 5',
-              'udid': '1CCBBF8B-5773-4EA6-BD6F-C308C87A1ADB'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6',
-              'udid': 'BA0D93BD-07E6-4182-9B0A-F60A2474139C'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6 (Plus)',
-              'udid': '9564ABEE-9EC2-4B4A-B443-D3710929A45A'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6s',
-              'udid': 'D0F29BE7-CC3C-4976-888D-C739B4F50508'
-            }
-          ],
-          'iOS 10.0': [
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6',
-              'udid': '2FF48AE5-CC3B-4C80-8D25-48966A6BE2C0'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6 (Plus)',
-              'udid': '841E33FE-E8A1-4B65-9FF8-6EAA6442A3FC'
-            },
-            {
-              'state': 'Shutdown',
-              'availability': '(available)',
-              'name': 'iPhone 6s',
-              'udid': 'CBBB8FB8-77AB-49A9-8297-4CCFE3189C22'
-            },
-            {
-              'state': 'Booted',
-              'availability': '(available)',
-              'name': 'iPhone 7',
-              'udid': '3A409DC5-5188-42A6-8598-3AA6F34607A5'
-            }
-          ]
-        }
-      },
-      'iPhone 6s'
-    )).toEqual({
+    expect(
+      findMatchingSimulator(
+        {
+          devices: {
+            'iOS 9.2': [
+              {
+                state: 'Shutdown',
+                availability: '(unavailable, runtime profile not found)',
+                name: 'iPhone 4s',
+                udid: 'B9B5E161-416B-43C4-A78F-729CB96CC8C6',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 5',
+                udid: '1CCBBF8B-5773-4EA6-BD6F-C308C87A1ADB',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6',
+                udid: 'BA0D93BD-07E6-4182-9B0A-F60A2474139C',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6 (Plus)',
+                udid: '9564ABEE-9EC2-4B4A-B443-D3710929A45A',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6s',
+                udid: 'D0F29BE7-CC3C-4976-888D-C739B4F50508',
+              },
+            ],
+            'iOS 10.0': [
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6',
+                udid: '2FF48AE5-CC3B-4C80-8D25-48966A6BE2C0',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6 (Plus)',
+                udid: '841E33FE-E8A1-4B65-9FF8-6EAA6442A3FC',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'iPhone 6s',
+                udid: 'CBBB8FB8-77AB-49A9-8297-4CCFE3189C22',
+              },
+              {
+                state: 'Booted',
+                availability: '(available)',
+                name: 'iPhone 7',
+                udid: '3A409DC5-5188-42A6-8598-3AA6F34607A5',
+              },
+            ],
+          },
+        },
+        'iPhone 6s',
+      ),
+    ).toEqual({
       udid: 'D0F29BE7-CC3C-4976-888D-C739B4F50508',
       name: 'iPhone 6s',
       booted: false,
-      version: 'iOS 9.2'
+      version: 'iOS 9.2',
     });
   });
 
   it('should return AppleTV devices if in the list', () => {
-    expect(findMatchingSimulator({
-      'devices': {
-        'tvOS 11.2' : [
-          {
-            'state' : 'Booted',
-            'availability' : '(available)',
-            'name' : 'Apple TV',
-            'udid' : '816C30EA-38EA-41AC-BFDA-96FB632D522E'
-          },
-          {
-            'state' : 'Shutdown',
-            'availability' : '(available)',
-            'name' : 'Apple TV 4K',
-            'udid' : 'BCBB7E4B-D872-4D61-BC61-7C9805551075'
+    expect(
+      findMatchingSimulator(
+        {
+          devices: {
+            'tvOS 11.2': [
+              {
+                state: 'Booted',
+                availability: '(available)',
+                name: 'Apple TV',
+                udid: '816C30EA-38EA-41AC-BFDA-96FB632D522E',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'Apple TV 4K',
+                udid: 'BCBB7E4B-D872-4D61-BC61-7C9805551075',
+              },
+              {
+                state: 'Shutdown',
+                availability: '(available)',
+                name: 'Apple TV 4K (at 1080p)',
+                udid: '1DE12308-1C14-4F0F-991E-A3ADC41BDFFC',
+              },
+            ],
           },
-          {
-            'state' : 'Shutdown',
-            'availability' : '(available)',
-            'name' : 'Apple TV 4K (at 1080p)',
-            'udid' : '1DE12308-1C14-4F0F-991E-A3ADC41BDFFC'
-          }
-        ]
-      }
-    },
-    'Apple TV'
-  )).toEqual({
-    udid: '816C30EA-38EA-41AC-BFDA-96FB632D522E',
-    name: 'Apple TV',
-    booted: true,
-    version: 'tvOS 11.2'
-  });
+        },
+        'Apple TV',
+      ),
+    ).toEqual({
+      udid: '816C30EA-38EA-41AC-BFDA-96FB632D522E',
+      name: 'Apple TV',
+      booted: true,
+      version: 'tvOS 11.2',
+    });
   });
 });
diff --git a/local-cli/runIOS/__tests__/findXcodeProject-test.js b/local-cli/runIOS/__tests__/findXcodeProject-test.js
index 305605feab23ef..7e63560b2b2ea7 100644
--- a/local-cli/runIOS/__tests__/findXcodeProject-test.js
+++ b/local-cli/runIOS/__tests__/findXcodeProject-test.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
+
 'use strict';
 
 jest.dontMock('../findXcodeProject');
@@ -14,44 +16,50 @@ const findXcodeProject = require('../findXcodeProject');
 
 describe('findXcodeProject', () => {
   it('should find *.xcodeproj file', () => {
-    expect(findXcodeProject([
-      '.DS_Store',
-      'AwesomeApp',
-      'AwesomeApp.xcodeproj',
-      'AwesomeAppTests',
-      'PodFile',
-      'Podfile.lock',
-      'Pods'
-    ])).toEqual({
+    expect(
+      findXcodeProject([
+        '.DS_Store',
+        'AwesomeApp',
+        'AwesomeApp.xcodeproj',
+        'AwesomeAppTests',
+        'PodFile',
+        'Podfile.lock',
+        'Pods',
+      ]),
+    ).toEqual({
       name: 'AwesomeApp.xcodeproj',
       isWorkspace: false,
     });
   });
 
   it('should prefer *.xcworkspace', () => {
-    expect(findXcodeProject([
-      '.DS_Store',
-      'AwesomeApp',
-      'AwesomeApp.xcodeproj',
-      'AwesomeApp.xcworkspace',
-      'AwesomeAppTests',
-      'PodFile',
-      'Podfile.lock',
-      'Pods'
-    ])).toEqual({
+    expect(
+      findXcodeProject([
+        '.DS_Store',
+        'AwesomeApp',
+        'AwesomeApp.xcodeproj',
+        'AwesomeApp.xcworkspace',
+        'AwesomeAppTests',
+        'PodFile',
+        'Podfile.lock',
+        'Pods',
+      ]),
+    ).toEqual({
       name: 'AwesomeApp.xcworkspace',
       isWorkspace: true,
     });
   });
 
   it('should return null if nothing found', () => {
-    expect(findXcodeProject([
-      '.DS_Store',
-      'AwesomeApp',
-      'AwesomeAppTests',
-      'PodFile',
-      'Podfile.lock',
-      'Pods'
-    ])).toEqual(null);
+    expect(
+      findXcodeProject([
+        '.DS_Store',
+        'AwesomeApp',
+        'AwesomeAppTests',
+        'PodFile',
+        'Podfile.lock',
+        'Pods',
+      ]),
+    ).toEqual(null);
   });
 });
diff --git a/local-cli/runIOS/__tests__/parseIOSDevicesList-test.js b/local-cli/runIOS/__tests__/parseIOSDevicesList-test.js
index aea241c8fe374d..89fca8364ac792 100644
--- a/local-cli/runIOS/__tests__/parseIOSDevicesList-test.js
+++ b/local-cli/runIOS/__tests__/parseIOSDevicesList-test.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @emails oncall+javascript_foundation
  */
 
@@ -14,26 +15,34 @@ var parseIOSDevicesList = require('../parseIOSDevicesList');
 
 describe('parseIOSDevicesList', () => {
   it('parses typical output', () => {
-    var devices = parseIOSDevicesList([
-      'Known Devices:',
-      'Maxs MacBook Pro [11111111-1111-1111-1111-111111111111]',
-      "Max's iPhone (9.2) [11111111111111111111aaaaaaaaaaaaaaaaaaaa]",
-      'iPad 2 (9.3) [07538CE4-675B-4EDA-90F2-3DD3CD93309D] (Simulator)',
-      'iPad Air (9.3) [0745F6D1-6DC5-4427-B9A6-6FBA327ED65A] (Simulator)',
-      'iPhone 6s (9.3) [3DBE4ECF-9A86-469E-921B-EE0F9C9AB8F4] (Simulator)',
-      'Known Templates:',
-      'Activity Monitor',
-      'Blank',
-      'System Usage',
-      'Zombies'
-    ].join('\n'));
+    var devices = parseIOSDevicesList(
+      [
+        'Known Devices:',
+        'Maxs MacBook Pro [11111111-1111-1111-1111-111111111111]',
+        "Max's iPhone (9.2) [11111111111111111111aaaaaaaaaaaaaaaaaaaa]",
+        'iPad 2 (9.3) [07538CE4-675B-4EDA-90F2-3DD3CD93309D] (Simulator)',
+        'iPad Air (9.3) [0745F6D1-6DC5-4427-B9A6-6FBA327ED65A] (Simulator)',
+        'iPhone 6s (9.3) [3DBE4ECF-9A86-469E-921B-EE0F9C9AB8F4] (Simulator)',
+        'Known Templates:',
+        'Activity Monitor',
+        'Blank',
+        'System Usage',
+        'Zombies',
+      ].join('\n'),
+    );
 
     expect(devices).toEqual([
-      {name: "Max's iPhone", udid: '11111111111111111111aaaaaaaaaaaaaaaaaaaa', version: '9.2'},
+      {
+        name: "Max's iPhone",
+        udid: '11111111111111111111aaaaaaaaaaaaaaaaaaaa',
+        version: '9.2',
+      },
     ]);
   });
 
   it('ignores garbage', () => {
-    expect(parseIOSDevicesList('Something went terribly wrong (-42)')).toEqual([]);
+    expect(parseIOSDevicesList('Something went terribly wrong (-42)')).toEqual(
+      [],
+    );
   });
 });
diff --git a/local-cli/runIOS/findMatchingSimulator.js b/local-cli/runIOS/findMatchingSimulator.js
index 8b964ec7dba6ba..f4794c389f1f88 100644
--- a/local-cli/runIOS/findMatchingSimulator.js
+++ b/local-cli/runIOS/findMatchingSimulator.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 /**
@@ -40,7 +43,7 @@ function findMatchingSimulator(simulators, simulatorName) {
           udid: simulator.udid,
           name: simulator.name,
           booted,
-          version
+          version,
         };
       }
       if (simulator.name === simulatorName && !match) {
@@ -48,7 +51,7 @@ function findMatchingSimulator(simulators, simulatorName) {
           udid: simulator.udid,
           name: simulator.name,
           booted,
-          version
+          version,
         };
       }
       // Keeps track of the first available simulator for use if we can't find one above.
@@ -57,7 +60,7 @@ function findMatchingSimulator(simulators, simulatorName) {
           udid: simulator.udid,
           name: simulator.name,
           booted,
-          version
+          version,
         };
       }
     }
diff --git a/local-cli/runIOS/findXcodeProject.js b/local-cli/runIOS/findXcodeProject.js
index ecb80b3d3da1d5..57260a37253a8a 100644
--- a/local-cli/runIOS/findXcodeProject.js
+++ b/local-cli/runIOS/findXcodeProject.js
@@ -4,16 +4,18 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @format
+ * @flow strict
  */
+
 'use strict';
 
 const path = require('path');
 
 type ProjectInfo = {
-  name: string;
-  isWorkspace: boolean;
-}
+  name: string,
+  isWorkspace: boolean,
+};
 
 function findXcodeProject(files: Array<string>): ?ProjectInfo {
   const sortedFiles = files.sort();
diff --git a/local-cli/runIOS/parseIOSDevicesList.js b/local-cli/runIOS/parseIOSDevicesList.js
index d0c10a3a5ea8e7..fedb426042101e 100644
--- a/local-cli/runIOS/parseIOSDevicesList.js
+++ b/local-cli/runIOS/parseIOSDevicesList.js
@@ -4,25 +4,27 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @format
+ * @flow strict
  */
+
 'use strict';
 
 type IOSDeviceInfo = {
-  name: string;
-  udid: string;
-  version: string;
-}
+  name: string,
+  udid: string,
+  version: string,
+};
 
 /**
  * Parses the output of `xcrun simctl list devices` command
  */
 function parseIOSDevicesList(text: string): Array<IOSDeviceInfo> {
   const devices = [];
-  text.split('\n').forEach((line) => {
+  text.split('\n').forEach(line => {
     const device = line.match(/(.*?) \((.*?)\) \[(.*?)\]/);
     const noSimulator = line.match(/(.*?) \((.*?)\) \[(.*?)\] \((.*?)\)/);
-    if (device != null && noSimulator == null){
+    if (device != null && noSimulator == null) {
       var name = device[1];
       var version = device[2];
       var udid = device[3];
diff --git a/local-cli/runIOS/runIOS.js b/local-cli/runIOS/runIOS.js
index 8927be98d80226..dfabb92b894a4b 100644
--- a/local-cli/runIOS/runIOS.js
+++ b/local-cli/runIOS/runIOS.js
@@ -1,9 +1,12 @@
 /**
-* Copyright (c) 2015-present, Facebook, Inc.
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
 'use strict';
 
 const child_process = require('child_process');
@@ -13,7 +16,7 @@ const findXcodeProject = require('./findXcodeProject');
 const findReactNativeScripts = require('../util/findReactNativeScripts');
 const parseIOSDevicesList = require('./parseIOSDevicesList');
 const findMatchingSimulator = require('./findMatchingSimulator');
-const getBuildPath = function (configuration = 'Debug', appName, isDevice) {
+const getBuildPath = function(configuration = 'Debug', appName, isDevice) {
   let device;
 
   if (isDevice) {
@@ -24,12 +27,12 @@ const getBuildPath = function (configuration = 'Debug', appName, isDevice) {
     device = 'iphonesimulator';
   }
 
-  return `Build/Products/${configuration}-${device}/${appName}.app`;
+  return `build/Build/Products/${configuration}-${device}/${appName}.app`;
 };
 const xcprettyAvailable = function() {
   try {
     child_process.execSync('xcpretty --version', {
-      stdio: [ 0, 'pipe', 'ignore', ]
+      stdio: [0, 'pipe', 'ignore'],
     });
   } catch (error) {
     return false;
@@ -44,11 +47,13 @@ function runIOS(argv, config, args) {
       child_process.spawnSync(
         reactNativeScriptsPath,
         ['ios'].concat(process.argv.slice(1)),
-        {stdio: 'inherit'}
+        {stdio: 'inherit'},
       );
       return;
     } else {
-      throw new Error('iOS project folder not found. Are you sure this is a React Native project?');
+      throw new Error(
+        'iOS project folder not found. Are you sure this is a React Native project?',
+      );
     }
   }
   process.chdir(args.projectPath);
@@ -57,19 +62,38 @@ function runIOS(argv, config, args) {
     throw new Error('Could not find Xcode project files in ios folder');
   }
 
-  const inferredSchemeName = path.basename(xcodeProject.name, path.extname(xcodeProject.name));
+  const inferredSchemeName = path.basename(
+    xcodeProject.name,
+    path.extname(xcodeProject.name),
+  );
   const scheme = args.scheme || inferredSchemeName;
-  console.log(`Found Xcode ${xcodeProject.isWorkspace ? 'workspace' : 'project'} ${xcodeProject.name}`);
+  console.log(
+    `Found Xcode ${xcodeProject.isWorkspace ? 'workspace' : 'project'} ${
+      xcodeProject.name
+    }`,
+  );
   const devices = parseIOSDevicesList(
-    child_process.execFileSync('xcrun', ['instruments', '-s'], {encoding: 'utf8'})
+    child_process.execFileSync('xcrun', ['instruments', '-s'], {
+      encoding: 'utf8',
+    }),
   );
   if (args.device) {
     const selectedDevice = matchingDevice(devices, args.device);
     if (selectedDevice) {
-      return runOnDevice(selectedDevice, scheme, xcodeProject, args.configuration, args.packager, args.verbose, args.port);
+      return runOnDevice(
+        selectedDevice,
+        scheme,
+        xcodeProject,
+        args.configuration,
+        args.packager,
+        args.verbose,
+        args.port,
+      );
     } else {
       if (devices && devices.length > 0) {
-        console.log('Could not find device with the name: "' + args.device + '".');
+        console.log(
+          'Could not find device with the name: "' + args.device + '".',
+        );
         console.log('Choose one of the following:');
         printFoundDevices(devices);
       } else {
@@ -86,7 +110,15 @@ function runIOS(argv, config, args) {
 function runOnDeviceByUdid(args, scheme, xcodeProject, devices) {
   const selectedDevice = matchingDeviceByUdid(devices, args.udid);
   if (selectedDevice) {
-    return runOnDevice(selectedDevice, scheme, xcodeProject, args.configuration, args.packager, args.verbose, args.port);
+    return runOnDevice(
+      selectedDevice,
+      scheme,
+      xcodeProject,
+      args.configuration,
+      args.packager,
+      args.verbose,
+      args.port,
+    );
   } else {
     if (devices && devices.length > 0) {
       console.log('Could not find device with the udid: "' + args.udid + '".');
@@ -99,10 +131,14 @@ function runOnDeviceByUdid(args, scheme, xcodeProject, devices) {
 }
 
 function runOnSimulator(xcodeProject, args, scheme) {
-  return new Promise((resolve) => {
+  return new Promise(resolve => {
     try {
       var simulators = JSON.parse(
-      child_process.execFileSync('xcrun', ['simctl', 'list', '--json', 'devices'], {encoding: 'utf8'})
+        child_process.execFileSync(
+          'xcrun',
+          ['simctl', 'list', '--json', 'devices'],
+          {encoding: 'utf8'},
+        ),
       );
     } catch (e) {
       throw new Error('Could not parse the simulator list output');
@@ -113,55 +149,112 @@ function runOnSimulator(xcodeProject, args, scheme) {
       throw new Error(`Could not find ${args.simulator} simulator`);
     }
 
+    /**
+     * Booting simulator through `xcrun simctl boot` will boot it in the `headless` mode
+     * (running in the background).
+     *
+     * In order for user to see the app and the simulator itself, we have to make sure
+     * that the Simulator.app is running.
+     *
+     * We also pass it `-CurrentDeviceUDID` so that when we launch it for the first time,
+     * it will not boot the "default" device, but the one we set. If the app is already running,
+     * this flag has no effect.
+     */
+    const activeDeveloperDir = child_process
+      .execFileSync('xcode-select', ['-p'], {encoding: 'utf8'})
+      .trim();
+    child_process.execFileSync('open', [
+      `${activeDeveloperDir}/Applications/Simulator.app`,
+      '--args',
+      '-CurrentDeviceUDID',
+      selectedSimulator.udid,
+    ]);
+
     if (!selectedSimulator.booted) {
       const simulatorFullName = formattedDeviceName(selectedSimulator);
-      console.log(`Booting ${simulatorFullName}...`);
+      console.log(`Launching ${simulatorFullName}...`);
       try {
-        child_process.execFileSync('xcrun', ['simctl', 'boot', selectedSimulator.udid]);
+        child_process.spawnSync('xcrun', [
+          'instruments',
+          '-w',
+          selectedSimulator.udid,
+        ]);
       } catch (e) {
-        throw new Error(
-`Could not boot ${args.simulator} simulator. Is there already a simulator running?
-Running multiple simulators is only supported from Xcode 9 and up.
-Try closing the simulator or run the command again without specifying a simulator.`
-        );
+        // instruments always fail with 255 because it expects more arguments,
+        // but we want it to only launch the simulator
       }
     }
 
-    buildProject(xcodeProject, selectedSimulator.udid, scheme, args.configuration, args.packager, args.verbose)
-      .then((appName) => resolve(selectedSimulator.udid, appName));
-  })
-  .then((udid, appName) => {
+    buildProject(
+      xcodeProject,
+      selectedSimulator.udid,
+      scheme,
+      args.configuration,
+      args.packager,
+      args.verbose,
+      args.port,
+    ).then(appName => resolve({udid: selectedSimulator.udid, appName}));
+  }).then(({udid, appName}) => {
     if (!appName) {
       appName = scheme;
     }
     let appPath = getBuildPath(args.configuration, appName);
     console.log(`Installing ${appPath}`);
-    child_process.spawnSync('xcrun', ['simctl', 'install', udid, appPath], {stdio: 'inherit'});
+    child_process.spawnSync('xcrun', ['simctl', 'install', udid, appPath], {
+      stdio: 'inherit',
+    });
 
-    const bundleID = child_process.execFileSync(
-      '/usr/libexec/PlistBuddy',
-      ['-c', 'Print:CFBundleIdentifier', path.join(appPath, 'Info.plist')],
-      {encoding: 'utf8'}
-    ).trim();
+    const bundleID = child_process
+      .execFileSync(
+        '/usr/libexec/PlistBuddy',
+        ['-c', 'Print:CFBundleIdentifier', path.join(appPath, 'Info.plist')],
+        {encoding: 'utf8'},
+      )
+      .trim();
 
     console.log(`Launching ${bundleID}`);
-    child_process.spawnSync('xcrun', ['simctl', 'launch', udid, bundleID], {stdio: 'inherit'});
+    child_process.spawnSync('xcrun', ['simctl', 'launch', udid, bundleID], {
+      stdio: 'inherit',
+    });
   });
 }
 
-function runOnDevice(selectedDevice, scheme, xcodeProject, configuration, launchPackager, verbose, port) {
-  return buildProject(xcodeProject, selectedDevice.udid, scheme, configuration, launchPackager, verbose, port)
-  .then((appName) => {
+function runOnDevice(
+  selectedDevice,
+  scheme,
+  xcodeProject,
+  configuration,
+  launchPackager,
+  verbose,
+  port,
+) {
+  return buildProject(
+    xcodeProject,
+    selectedDevice.udid,
+    scheme,
+    configuration,
+    launchPackager,
+    verbose,
+    port,
+  ).then(appName => {
     if (!appName) {
       appName = scheme;
     }
     const iosDeployInstallArgs = [
-      '--bundle', getBuildPath(configuration, appName, true),
-      '--id' , selectedDevice.udid,
-      '--justlaunch'
+      '--bundle',
+      getBuildPath(configuration, appName, true),
+      '--id',
+      selectedDevice.udid,
+      '--justlaunch',
     ];
-    console.log(`installing and launching your app on ${selectedDevice.name}...`);
-    const iosDeployOutput = child_process.spawnSync('ios-deploy', iosDeployInstallArgs, {encoding: 'utf8'});
+    console.log(
+      `installing and launching your app on ${selectedDevice.name}...`,
+    );
+    const iosDeployOutput = child_process.spawnSync(
+      'ios-deploy',
+      iosDeployInstallArgs,
+      {encoding: 'utf8'},
+    );
     if (iosDeployOutput.error) {
       console.log('');
       console.log('** INSTALLATION FAILED **');
@@ -173,22 +266,42 @@ function runOnDevice(selectedDevice, scheme, xcodeProject, configuration, launch
   });
 }
 
-function buildProject(xcodeProject, udid, scheme, configuration = 'Debug', launchPackager = false, verbose, port) {
-  return new Promise((resolve,reject) =>
-  {
-     var xcodebuildArgs = [
-      xcodeProject.isWorkspace ? '-workspace' : '-project', xcodeProject.name,
-      '-configuration', configuration,
-      '-scheme', scheme,
-      '-destination', `id=${udid}`,
-      '-derivedDataPath', 'build',
+function buildProject(
+  xcodeProject,
+  udid,
+  scheme,
+  configuration = 'Debug',
+  launchPackager = false,
+  verbose,
+  port,
+) {
+  return new Promise((resolve, reject) => {
+    var xcodebuildArgs = [
+      xcodeProject.isWorkspace ? '-workspace' : '-project',
+      xcodeProject.name,
+      '-configuration',
+      configuration,
+      '-scheme',
+      scheme,
+      '-destination',
+      `id=${udid}`,
+      '-derivedDataPath',
+      'build',
     ];
     console.log(`Building using "xcodebuild ${xcodebuildArgs.join(' ')}"`);
     let xcpretty;
     if (!verbose) {
-      xcpretty = xcprettyAvailable() && child_process.spawn('xcpretty', [], { stdio: ['pipe', process.stdout, process.stderr] });
+      xcpretty =
+        xcprettyAvailable() &&
+        child_process.spawn('xcpretty', [], {
+          stdio: ['pipe', process.stdout, process.stderr],
+        });
     }
-    const buildProcess = child_process.spawn('xcodebuild', xcodebuildArgs, getProcessOptions(launchPackager, port));
+    const buildProcess = child_process.spawn(
+      'xcodebuild',
+      xcodebuildArgs,
+      getProcessOptions(launchPackager, port),
+    );
     let buildOutput = '';
     buildProcess.stdout.on('data', function(data) {
       buildOutput += data.toString();
@@ -206,9 +319,15 @@ function buildProject(xcodeProject, udid, scheme, configuration = 'Debug', launc
         xcpretty.stdin.end();
       }
       //FULL_PRODUCT_NAME is the actual file name of the app, which actually comes from the Product Name in the build config, which does not necessary match a scheme name,  example output line: export FULL_PRODUCT_NAME="Super App Dev.app"
-      let productNameMatch = /export FULL_PRODUCT_NAME="?(.+).app"?$/m.exec(buildOutput);
-      if (productNameMatch && productNameMatch.length && productNameMatch.length > 1) {
-        return resolve(productNameMatch[1]);//0 is the full match, 1 is the app name
+      let productNameMatch = /export FULL_PRODUCT_NAME="?(.+).app"?$/m.exec(
+        buildOutput,
+      );
+      if (
+        productNameMatch &&
+        productNameMatch.length &&
+        productNameMatch.length > 1
+      ) {
+        return resolve(productNameMatch[1]); //0 is the full match, 1 is the app name
       }
       return buildProcess.error ? reject(buildProcess.error) : resolve();
     });
@@ -216,13 +335,19 @@ function buildProject(xcodeProject, udid, scheme, configuration = 'Debug', launc
 }
 
 function matchingDevice(devices, deviceName) {
-  if (deviceName === true && devices.length === 1)
-  {
-    console.log(`Using first available device ${devices[0].name} due to lack of name supplied.`);
+  if (deviceName === true && devices.length === 1) {
+    console.log(
+      `Using first available device ${
+        devices[0].name
+      } due to lack of name supplied.`,
+    );
     return devices[0];
   }
   for (let i = devices.length - 1; i >= 0; i--) {
-    if (devices[i].name === deviceName || formattedDeviceName(devices[i]) === deviceName) {
+    if (
+      devices[i].name === deviceName ||
+      formattedDeviceName(devices[i]) === deviceName
+    ) {
       return devices[i];
     }
   }
@@ -249,12 +374,12 @@ function printFoundDevices(devices) {
 function getProcessOptions(launchPackager, port) {
   if (launchPackager) {
     return {
-      env: { ...process.env, RCT_METRO_PORT: port }
+      env: {...process.env, RCT_METRO_PORT: port},
     };
   }
 
   return {
-    env: { ...process.env, RCT_NO_LAUNCH_PACKAGER: true },
+    env: {...process.env, RCT_NO_LAUNCH_PACKAGER: true},
   };
 }
 
@@ -263,53 +388,66 @@ module.exports = {
   description: 'builds your app and starts it on iOS simulator',
   func: runIOS,
   examples: [
-  {
-    desc: 'Run on a different simulator, e.g. iPhone 5',
-    cmd: 'react-native run-ios --simulator "iPhone 5"',
-  },
-  {
-    desc: 'Pass a non-standard location of iOS directory',
-    cmd: 'react-native run-ios --project-path "./app/ios"',
-  },
-  {
-    desc: "Run on a connected device, e.g. Max's iPhone",
-    cmd: 'react-native run-ios --device "Max\'s iPhone"',
-  },
-  {
-    desc: 'Run on the AppleTV simulator',
-    cmd: 'react-native run-ios --simulator "Apple TV"  --scheme "helloworld-tvOS"',
-  }
+    {
+      desc: 'Run on a different simulator, e.g. iPhone 5',
+      cmd: 'react-native run-ios --simulator "iPhone 5"',
+    },
+    {
+      desc: 'Pass a non-standard location of iOS directory',
+      cmd: 'react-native run-ios --project-path "./app/ios"',
+    },
+    {
+      desc: "Run on a connected device, e.g. Max's iPhone",
+      cmd: 'react-native run-ios --device "Max\'s iPhone"',
+    },
+    {
+      desc: 'Run on the AppleTV simulator',
+      cmd:
+        'react-native run-ios --simulator "Apple TV"  --scheme "helloworld-tvOS"',
+    },
+  ],
+  options: [
+    {
+      command: '--simulator [string]',
+      description: 'Explicitly set simulator to use',
+      default: 'iPhone 6',
+    },
+    {
+      command: '--configuration [string]',
+      description: 'Explicitly set the scheme configuration to use',
+    },
+    {
+      command: '--scheme [string]',
+      description: 'Explicitly set Xcode scheme to use',
+    },
+    {
+      command: '--project-path [string]',
+      description:
+        'Path relative to project root where the Xcode project ' +
+        "(.xcodeproj) lives. The default is 'ios'.",
+      default: 'ios',
+    },
+    {
+      command: '--device [string]',
+      description:
+        'Explicitly set device to use by name.  The value is not required if you have a single device connected.',
+    },
+    {
+      command: '--udid [string]',
+      description: 'Explicitly set device to use by udid',
+    },
+    {
+      command: '--no-packager',
+      description: 'Do not launch packager while building',
+    },
+    {
+      command: '--verbose',
+      description: 'Do not use xcpretty even if installed',
+    },
+    {
+      command: '--port [number]',
+      default: process.env.RCT_METRO_PORT || 8081,
+      parse: (val: string) => Number(val),
+    },
   ],
-  options: [{
-    command: '--simulator [string]',
-    description: 'Explicitly set simulator to use',
-    default: 'iPhone 6',
-  } , {
-    command: '--configuration [string]',
-    description: 'Explicitly set the scheme configuration to use',
-  } , {
-    command: '--scheme [string]',
-    description: 'Explicitly set Xcode scheme to use',
-  }, {
-    command: '--project-path [string]',
-    description: 'Path relative to project root where the Xcode project '
-      + '(.xcodeproj) lives. The default is \'ios\'.',
-    default: 'ios',
-  }, {
-    command: '--device [string]',
-    description: 'Explicitly set device to use by name.  The value is not required if you have a single device connected.',
-  }, {
-    command: '--udid [string]',
-    description: 'Explicitly set device to use by udid',
-  }, {
-    command: '--no-packager',
-    description: 'Do not launch packager while building',
-  }, {
-    command: '--verbose',
-    description: 'Do not use xcpretty even if installed',
-  },{
-    command: '--port [number]',
-    default: process.env.RCT_METRO_PORT || 8081,
-    parse: (val: string) => Number(val),
-  }],
 };
diff --git a/local-cli/server/checkNodeVersion.js b/local-cli/server/checkNodeVersion.js
index 46ec6cdc2f78e5..cfc17dcf2d2293 100644
--- a/local-cli/server/checkNodeVersion.js
+++ b/local-cli/server/checkNodeVersion.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 var chalk = require('chalk');
@@ -11,29 +14,30 @@ var formatBanner = require('metro-core/src/formatBanner');
 var semver = require('semver');
 
 module.exports = function() {
-  if (!semver.satisfies(process.version, '>=4')) {
-    var engine = semver.satisfies(process.version, '<1')
-      ? 'Node'
-      : 'io.js';
+  if (!semver.satisfies(process.version, '>=8.3')) {
+    var engine = semver.satisfies(process.version, '<1') ? 'Node' : 'io.js';
 
-    var message = 'You are currently running ' + engine + ' ' +
-      process.version + '.\n' +
+    var message =
+      'You are currently running ' +
+      engine +
+      ' ' +
+      process.version +
+      '.\n' +
       '\n' +
-      'React Native runs on Node 4.0 or newer. There are several ways to ' +
+      'React Native runs on Node 8.3 or newer. There are several ways to ' +
       'upgrade Node.js depending on your preference.\n' +
       '\n' +
-      'nvm:       nvm install node && nvm alias default node\n' +
-      'Homebrew:  brew unlink iojs; brew install node\n' +
-      'Installer: download the Mac .pkg from https://nodejs.org/\n' +
-      '\n' +
-      'About Node.js:   https://nodejs.org\n' +
-      'Follow along at: https://github.com/facebook/react-native/issues/2545';
-    console.log(formatBanner(message, {
-      chalkFunction: chalk.green,
-      marginLeft: 1,
-      marginRight: 1,
-      paddingBottom: 1,
-    }));
+      'nvm:       nvm install 8.3 --reinstall-packages-from=node\n' +
+      'Homebrew:  brew update && brew upgrade node\n' +
+      'Installer: download from https://nodejs.org/\n';
+    console.log(
+      formatBanner(message, {
+        chalkFunction: chalk.green,
+        marginLeft: 1,
+        marginRight: 1,
+        paddingBottom: 1,
+      }),
+    );
     process.exit(1);
   }
 };
diff --git a/local-cli/server/middleware/MiddlewareManager.js b/local-cli/server/middleware/MiddlewareManager.js
new file mode 100644
index 00000000000000..8692abdcc2aebb
--- /dev/null
+++ b/local-cli/server/middleware/MiddlewareManager.js
@@ -0,0 +1,69 @@
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @strict
+ * @flow
+ */
+
+const compression = require('compression');
+const connect = require('connect');
+const errorhandler = require('errorhandler');
+const path = require('path');
+const serveStatic = require('serve-static');
+const WebSocketServer = require('ws').Server;
+
+const indexPageMiddleware = require('./indexPage');
+const copyToClipBoardMiddleware = require('./copyToClipBoardMiddleware');
+const loadRawBodyMiddleware = require('./loadRawBodyMiddleware');
+const openStackFrameInEditorMiddleware = require('./openStackFrameInEditorMiddleware');
+const statusPageMiddleware = require('./statusPageMiddleware');
+const systraceProfileMiddleware = require('./systraceProfileMiddleware');
+const getDevToolsMiddleware = require('./getDevToolsMiddleware');
+
+type Options = {
+  +watchFolders: $ReadOnlyArray<string>,
+  +host?: string,
+}
+
+type WebSocketProxy = {
+  server: WebSocketServer,
+  isChromeConnected: () => boolean,
+};
+
+type Connect = $Call<connect>;
+
+module.exports = class MiddlewareManager {
+  app: Connect;
+  options: Options;
+
+  constructor(options: Options) {
+    const debuggerUIFolder = path.join(__dirname, '..', 'util', 'debugger-ui');
+
+    this.options = options;
+    this.app = connect()
+      .use(loadRawBodyMiddleware)
+      .use(compression())
+      .use('/debugger-ui', serveStatic(debuggerUIFolder))
+      .use(openStackFrameInEditorMiddleware(this.options))
+      .use(copyToClipBoardMiddleware)
+      .use(statusPageMiddleware)
+      .use(systraceProfileMiddleware)
+      .use(indexPageMiddleware)
+      .use(errorhandler());
+  }
+
+  serveStatic = (folder: string) => {
+    this.app.use(serveStatic(folder));
+  };
+
+  getConnectInstance = () => this.app;
+
+  attachDevToolsSocket = (socket: WebSocketProxy) => {
+    this.app.use(
+      getDevToolsMiddleware(this.options, () => socket.isChromeConnected()),
+    );
+  };
+};
diff --git a/local-cli/server/middleware/copyToClipBoardMiddleware.js b/local-cli/server/middleware/copyToClipBoardMiddleware.js
index 723fbd30c881df..3f04c69a1584cb 100644
--- a/local-cli/server/middleware/copyToClipBoardMiddleware.js
+++ b/local-cli/server/middleware/copyToClipBoardMiddleware.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const copyToClipBoard = require('../util/copyToClipBoard');
diff --git a/local-cli/server/middleware/getDevToolsMiddleware.js b/local-cli/server/middleware/getDevToolsMiddleware.js
index 4a01d964d3fd76..77aab8df9578df 100644
--- a/local-cli/server/middleware/getDevToolsMiddleware.js
+++ b/local-cli/server/middleware/getDevToolsMiddleware.js
@@ -23,12 +23,12 @@ function escapePath(pathname) {
   return '"' + pathname + '"';
 }
 
-function launchDevTools({host, projectRoots}, isChromeConnected) {
+function launchDevTools({host, watchFolders}, isChromeConnected) {
   // Explicit config always wins
   var customDebugger = process.env.REACT_DEBUGGER;
   if (customDebugger) {
-    var projects = projectRoots.map(escapePath).join(' ');
-    var command = customDebugger + ' ' + projects;
+    var folders = watchFolders.map(escapePath).join(' ');
+    var command = customDebugger + ' ' + folders;
     console.log('Starting custom debugger by executing: ' + command);
     exec(command, function(error, stdout, stderr) {
       if (error !== null) {
diff --git a/local-cli/server/middleware/indexPage.js b/local-cli/server/middleware/indexPage.js
index dee12456db2ab2..55b55c0f79221d 100644
--- a/local-cli/server/middleware/indexPage.js
+++ b/local-cli/server/middleware/indexPage.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const fs = require('fs');
diff --git a/local-cli/server/middleware/loadRawBodyMiddleware.js b/local-cli/server/middleware/loadRawBodyMiddleware.js
index 924275009ebe28..1530c28fa84c43 100644
--- a/local-cli/server/middleware/loadRawBodyMiddleware.js
+++ b/local-cli/server/middleware/loadRawBodyMiddleware.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 module.exports = function(req, res, next) {
diff --git a/local-cli/server/middleware/openStackFrameInEditorMiddleware.js b/local-cli/server/middleware/openStackFrameInEditorMiddleware.js
index 471c8ed8bbef17..f285489ec20fa4 100644
--- a/local-cli/server/middleware/openStackFrameInEditorMiddleware.js
+++ b/local-cli/server/middleware/openStackFrameInEditorMiddleware.js
@@ -3,16 +3,19 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const launchEditor = require('../util/launchEditor');
 
-module.exports = function({projectRoots}) {
+module.exports = function({watchFolders}) {
   return function(req, res, next) {
     if (req.url === '/open-stack-frame') {
       const frame = JSON.parse(req.rawBody);
-      launchEditor(frame.file, frame.lineNumber, projectRoots);
+      launchEditor(frame.file, frame.lineNumber, watchFolders);
       res.end('OK');
     } else {
       next();
diff --git a/local-cli/server/middleware/statusPageMiddleware.js b/local-cli/server/middleware/statusPageMiddleware.js
index cd8fb80200c1e7..bbc189223ff9c8 100644
--- a/local-cli/server/middleware/statusPageMiddleware.js
+++ b/local-cli/server/middleware/statusPageMiddleware.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 /**
diff --git a/local-cli/server/middleware/systraceProfileMiddleware.js b/local-cli/server/middleware/systraceProfileMiddleware.js
index fc1669468f8034..dbf71d41d8cb2c 100644
--- a/local-cli/server/middleware/systraceProfileMiddleware.js
+++ b/local-cli/server/middleware/systraceProfileMiddleware.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const fs = require('fs');
@@ -18,7 +21,9 @@ module.exports = function(req, res, next) {
   var dumpName = '/tmp/dump_' + Date.now() + '.json';
   fs.writeFileSync(dumpName, req.rawBody);
   var response =
-    'Your profile was saved at:\n' + dumpName + '\n\n' +
+    'Your profile was saved at:\n' +
+    dumpName +
+    '\n\n' +
     'On Google Chrome navigate to chrome://tracing and then click on "load" ' +
     'to load and visualise your profile.\n\n' +
     'This message is also printed to your console by the packager so you can copy it :)';
diff --git a/local-cli/server/middleware/unless.js b/local-cli/server/middleware/unless.js
index acf0643cf3a05c..016adfa7f22a96 100644
--- a/local-cli/server/middleware/unless.js
+++ b/local-cli/server/middleware/unless.js
@@ -3,11 +3,14 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 module.exports = (url, middleware) => {
-  return (req, res, next) =>  {
+  return (req, res, next) => {
     if (req.url === url || req.url.startsWith(url + '/')) {
       middleware(req, res, next);
     } else {
diff --git a/local-cli/server/runServer.js b/local-cli/server/runServer.js
index 371f43a39af560..c7ea9c64a3d339 100644
--- a/local-cli/server/runServer.js
+++ b/local-cli/server/runServer.js
@@ -14,126 +14,88 @@ require('../../setupBabel')();
 
 const Metro = require('metro');
 
-const HmrServer = require('metro/src/HmrServer');
-
 const {Terminal} = require('metro-core');
 
-const attachWebsocketServer = require('./util/attachWebsocketServer');
-const compression = require('compression');
-const connect = require('connect');
-const copyToClipBoardMiddleware = require('./middleware/copyToClipBoardMiddleware');
-const defaultAssetExts = Metro.defaults.assetExts;
-const defaultSourceExts = Metro.defaults.sourceExts;
-const defaultPlatforms = Metro.defaults.platforms;
-const defaultProvidesModuleNodeModules =
-  Metro.defaults.providesModuleNodeModules;
-const errorhandler = require('errorhandler');
-const fs = require('fs');
-const getDevToolsMiddleware = require('./middleware/getDevToolsMiddleware');
-const http = require('http');
-const https = require('https');
-const indexPageMiddleware = require('./middleware/indexPage');
-const loadRawBodyMiddleware = require('./middleware/loadRawBodyMiddleware');
-const messageSocket = require('./util/messageSocket.js');
+const messageSocket = require('./util/messageSocket');
 const morgan = require('morgan');
-const openStackFrameInEditorMiddleware = require('./middleware/openStackFrameInEditorMiddleware');
 const path = require('path');
-const serveStatic = require('serve-static');
-const statusPageMiddleware = require('./middleware/statusPageMiddleware.js');
-const systraceProfileMiddleware = require('./middleware/systraceProfileMiddleware.js');
-const webSocketProxy = require('./util/webSocketProxy.js');
-
-/* $FlowFixMe(site=react_native_oss) */
-const TransformCaching = require('metro/src/lib/TransformCaching');
+const webSocketProxy = require('./util/webSocketProxy');
+const MiddlewareManager = require('./middleware/MiddlewareManager');
 
 const {ASSET_REGISTRY_PATH} = require('../core/Constants');
 
-/* $FlowFixMe(site=react_native_oss) */
 import type {ConfigT} from 'metro';
-/* $FlowFixMe(site=react_native_oss) */
-import type {Reporter} from 'metro/src/lib/reporting';
 
 export type Args = {|
   +assetExts: $ReadOnlyArray<string>,
+  +cert: string,
+  +customLogReporterPath?: string,
   +host: string,
+  +https: boolean,
   +maxWorkers: number,
+  +key: string,
   +nonPersistent: boolean,
   +platforms: $ReadOnlyArray<string>,
   +port: number,
-  +projectRoots: $ReadOnlyArray<string>,
+  +projectRoot: string,
+  +providesModuleNodeModules: Array<string>,
   +resetCache: boolean,
   +sourceExts: $ReadOnlyArray<string>,
+  +transformer?: string,
   +verbose: boolean,
+  +watchFolders: $ReadOnlyArray<string>,
 |};
 
-function runServer(
-  args: Args,
-  config: ConfigT,
-  // FIXME: this is weird design. The top-level should pass down a custom
-  // reporter rather than passing it up as argument to an event.
-  startedCallback: (reporter: Reporter) => mixed,
-  readyCallback: (reporter: Reporter) => mixed,
-) {
-  var wsProxy = null;
-  var ms = null;
-
+async function runServer(args: Args, config: ConfigT) {
   const terminal = new Terminal(process.stdout);
   const ReporterImpl = getReporterImpl(args.customLogReporterPath || null);
   const reporter = new ReporterImpl(terminal);
-  const packagerServer = getPackagerServer(args, config, reporter);
-  startedCallback(reporter);
-
-  const app = connect()
-    .use(loadRawBodyMiddleware)
-    .use(compression())
-    .use(
-      '/debugger-ui',
-      serveStatic(path.join(__dirname, 'util', 'debugger-ui')),
-    )
-    .use(
-      getDevToolsMiddleware(args, () => wsProxy && wsProxy.isChromeConnected()),
-    )
-    .use(getDevToolsMiddleware(args, () => ms && ms.isChromeConnected()))
-    .use(openStackFrameInEditorMiddleware(args))
-    .use(copyToClipBoardMiddleware)
-    .use(statusPageMiddleware)
-    .use(systraceProfileMiddleware)
-    .use(indexPageMiddleware)
-    .use(packagerServer.processRequest.bind(packagerServer));
-
-  args.projectRoots.forEach(root => app.use(serveStatic(root)));
-
-  app.use(morgan('combined')).use(errorhandler());
-
-  if (args.https && (!args.key || !args.cert)) {
-    throw new Error('Cannot use https without specifying key and cert options');
-  }
-
-  const serverInstance = args.https
-    ? https.createServer(
-        {
-          key: fs.readFileSync(args.key),
-          cert: fs.readFileSync(args.cert),
-        },
-        app,
-      )
-    : http.createServer(app);
-
-  serverInstance.listen(args.port, args.host, 511, function() {
-    attachWebsocketServer({
-      httpServer: serverInstance,
-      path: '/hot',
-      websocketServer: new HmrServer(packagerServer),
-    });
-
-    wsProxy = webSocketProxy.attachToServer(serverInstance, '/debugger-proxy');
-    ms = messageSocket.attachToServer(serverInstance, '/message');
-    readyCallback(reporter);
+  const middlewareManager = new MiddlewareManager(args);
+
+  middlewareManager.getConnectInstance().use(morgan('combined'));
+
+  args.watchFolders.forEach(middlewareManager.serveStatic);
+
+  const serverInstance = await Metro.runServer({
+    config: {
+      ...config,
+      assetRegistryPath: ASSET_REGISTRY_PATH,
+      enhanceMiddleware: middleware =>
+        middlewareManager.getConnectInstance().use(middleware),
+      transformModulePath: args.transformer
+        ? path.resolve(args.transformer)
+        : config.getTransformModulePath(),
+    },
+    hmrEnabled: true,
+    host: args.host,
+    maxWorkers: args.maxWorkers,
+    port: args.port,
+    reporter,
+    secure: args.https,
+    secureCert: args.cert,
+    secureKey: args.key,
   });
-  // Disable any kind of automatic timeout behavior for incoming
-  // requests in case it takes the packager more than the default
-  // timeout of 120 seconds to respond to a request.
-  serverInstance.timeout = 0;
+
+  const wsProxy = webSocketProxy.attachToServer(
+    serverInstance,
+    '/debugger-proxy',
+  );
+  const ms = messageSocket.attachToServer(serverInstance, '/message');
+  middlewareManager.attachDevToolsSocket(wsProxy);
+  middlewareManager.attachDevToolsSocket(ms);
+
+  // In Node 8, the default keep-alive for an HTTP connection is 5 seconds. In
+  // early versions of Node 8, this was implemented in a buggy way which caused
+  // some HTTP responses (like those containing large JS bundles) to be
+  // terminated early.
+  //
+  // As a workaround, arbitrarily increase the keep-alive from 5 to 30 seconds,
+  // which should be enough to send even the largest of JS bundles.
+  //
+  // For more info: https://github.com/nodejs/node/issues/13391
+  //
+  // $FlowFixMe (site=react_native_fb)
+  serverInstance.keepAliveTimeout = 30000;
 }
 
 function getReporterImpl(customLogReporterPath: ?string) {
@@ -156,45 +118,4 @@ function getReporterImpl(customLogReporterPath: ?string) {
   }
 }
 
-function getPackagerServer(args, config, reporter) {
-  const transformModulePath = args.transformer
-    ? path.resolve(args.transformer)
-    : config.getTransformModulePath();
-
-  const providesModuleNodeModules =
-    args.providesModuleNodeModules || defaultProvidesModuleNodeModules;
-
-  return Metro.createServer({
-    assetExts: defaultAssetExts.concat(args.assetExts),
-    assetRegistryPath: ASSET_REGISTRY_PATH,
-    blacklistRE: config.getBlacklistRE(),
-    cacheStores: config.cacheStores,
-    cacheVersion: '3',
-    enableBabelRCLookup: config.getEnableBabelRCLookup(),
-    extraNodeModules: config.extraNodeModules,
-    dynamicDepsInPackages: config.dynamicDepsInPackages,
-    getModulesRunBeforeMainModule: config.getModulesRunBeforeMainModule,
-    getPolyfills: config.getPolyfills,
-    getTransformOptions: config.getTransformOptions,
-    globalTransformCache: null,
-    hasteImplModulePath: config.hasteImplModulePath,
-    maxWorkers: args.maxWorkers,
-    platforms: defaultPlatforms.concat(args.platforms),
-    polyfillModuleNames: config.getPolyfillModuleNames(),
-    postMinifyProcess: config.postMinifyProcess,
-    postProcessBundleSourcemap: config.postProcessBundleSourcemap,
-    postProcessModules: config.postProcessModules,
-    projectRoots: args.projectRoots,
-    providesModuleNodeModules: providesModuleNodeModules,
-    reporter,
-    resetCache: args.resetCache,
-    sourceExts: args.sourceExts.concat(defaultSourceExts),
-    transformModulePath: transformModulePath,
-    transformCache: TransformCaching.useTempDir(),
-    verbose: args.verbose,
-    watch: !args.nonPersistent,
-    workerPath: config.getWorkerPath(),
-  });
-}
-
 module.exports = runServer;
diff --git a/local-cli/server/server.js b/local-cli/server/server.js
index f188a3e82dd48d..42423f5583759a 100644
--- a/local-cli/server/server.js
+++ b/local-cli/server/server.js
@@ -4,12 +4,12 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
 
 'use strict';
 
-const path = require('path');
 const runServer = require('./runServer');
 
 import type {RNConfig} from '../core';
@@ -19,117 +19,119 @@ import type {Args as RunServerArgs} from './runServer';
 /**
  * Starts the React Native Packager Server.
  */
-function server(argv: mixed, config: RNConfig, allArgs: Object) {
-  const {root, ...args} = allArgs;
-  args.projectRoots = args.projectRoots.concat(root);
-
-  const startedCallback = logReporter => {
-    logReporter.update({
-      type: 'initialize_started',
-      port: args.port,
-      projectRoots: args.projectRoots,
-    });
-
-    process.on('uncaughtException', error => {
-      logReporter.update({
-        type: 'initialize_failed',
-        port: args.port,
-        error,
-      });
-
-      process.exit(11);
-    });
-  };
-
-  const readyCallback = logReporter => {
-    logReporter.update({
-      type: 'initialize_done',
-    });
-  };
-  const runServerArgs: RunServerArgs = args;
-  /* $FlowFixMe: ConfigT shouldn't be extendable. */
+function server(argv: mixed, config: RNConfig, args: RunServerArgs) {
+  /* $FlowFixMe(site=react_native_fb) ConfigT shouldn't be extendable. */
   const configT: ConfigT = config;
-  runServer(runServerArgs, configT, startedCallback, readyCallback);
+  runServer(args, configT);
 }
 
 module.exports = {
   name: 'start',
   func: server,
   description: 'starts the webserver',
-  options: [{
-    command: '--port [number]',
-    default: process.env.RCT_METRO_PORT || 8081,
-    parse: (val: string) => Number(val),
-  }, {
-    command: '--host [string]',
-    default: '',
-  }, {
-    command: '--root [list]',
-    description: 'add another root(s) to be used by the packager in this project',
-    parse: (val: string) => val.split(',').map(root => path.resolve(root)),
-    default: [],
-  }, {
-    command: '--projectRoots [list]',
-    description: 'override the root(s) to be used by the packager',
-    parse: (val: string) => val.split(','),
-    default: (config: ConfigT) => config.getProjectRoots(),
-  }, {
-    command: '--assetExts [list]',
-    description: 'Specify any additional asset extensions to be used by the packager',
-    parse: (val: string) => val.split(','),
-    default: (config: ConfigT) => config.getAssetExts(),
-  }, {
-    command: '--sourceExts [list]',
-    description: 'Specify any additional source extensions to be used by the packager',
-    parse: (val: string) => val.split(','),
-    default: (config: ConfigT) => config.getSourceExts(),
-  }, {
-    command: '--platforms [list]',
-    description: 'Specify any additional platforms to be used by the packager',
-    parse: (val: string) => val.split(','),
-    default: (config: ConfigT) => config.getPlatforms(),
-  }, {
-    command: '--providesModuleNodeModules [list]',
-    description: 'Specify any npm packages that import dependencies with providesModule',
-    parse: (val: string) => val.split(','),
-    default: (config: RNConfig) => {
-      if (typeof config.getProvidesModuleNodeModules === 'function') {
-        return config.getProvidesModuleNodeModules();
-      }
-      return null;
-    },
-  }, {
-    command: '--max-workers [number]',
-    description: 'Specifies the maximum number of workers the worker-pool ' +
-      'will spawn for transforming files. This defaults to the number of the ' +
-      'cores available on your machine.',
-    parse: (workers: string) => Number(workers),
-  }, {
-    command: '--skipflow',
-    description: 'Disable flow checks'
-  }, {
-    command: '--nonPersistent',
-    description: 'Disable file watcher'
-  }, {
-    command: '--transformer [string]',
-    description: 'Specify a custom transformer to be used'
-  }, {
-    command: '--reset-cache, --resetCache',
-    description: 'Removes cached files',
-  }, {
-    command: '--custom-log-reporter-path, --customLogReporterPath [string]',
-    description: 'Path to a JavaScript file that exports a log reporter as a replacement for TerminalReporter',
-  }, {
-    command: '--verbose',
-    description: 'Enables logging',
-  }, {
-    command: '--https',
-    description: 'Enables https connections to the server',
-  }, {
-    command: '--key [path]',
-    description: 'Path to custom SSL key',
-  }, {
-    command: '--cert [path]',
-    description: 'Path to custom SSL cert',
-  }],
+  options: [
+    {
+      command: '--port [number]',
+      default: process.env.RCT_METRO_PORT || 8081,
+      parse: (val: string) => Number(val),
+    },
+    {
+      command: '--host [string]',
+      default: '',
+    },
+    {
+      command: '--projectRoot [string]',
+      description: 'Specify the main project root',
+      default: (config: ConfigT) => {
+        return config.getProjectRoot();
+      },
+    },
+    {
+      command: '--watchFolders [list]',
+      description:
+        'Specify any additional folders to be added to the watch list',
+      parse: (val: string) => val.split(','),
+      default: (config: ConfigT) => {
+        return config.getWatchFolders();
+      },
+    },
+    {
+      command: '--assetExts [list]',
+      description:
+        'Specify any additional asset extensions to be used by the packager',
+      parse: (val: string) => val.split(','),
+      default: (config: ConfigT) => config.getAssetExts(),
+    },
+    {
+      command: '--sourceExts [list]',
+      description:
+        'Specify any additional source extensions to be used by the packager',
+      parse: (val: string) => val.split(','),
+      default: (config: ConfigT) => config.getSourceExts(),
+    },
+    {
+      command: '--platforms [list]',
+      description:
+        'Specify any additional platforms to be used by the packager',
+      parse: (val: string) => val.split(','),
+      default: (config: ConfigT) => config.getPlatforms(),
+    },
+    {
+      command: '--providesModuleNodeModules [list]',
+      description:
+        'Specify any npm packages that import dependencies with providesModule',
+      parse: (val: string) => val.split(','),
+      default: (config: RNConfig) => {
+        if (typeof config.getProvidesModuleNodeModules === 'function') {
+          return config.getProvidesModuleNodeModules();
+        }
+        return null;
+      },
+    },
+    {
+      command: '--max-workers [number]',
+      description:
+        'Specifies the maximum number of workers the worker-pool ' +
+        'will spawn for transforming files. This defaults to the number of the ' +
+        'cores available on your machine.',
+      parse: (workers: string) => Number(workers),
+    },
+    {
+      command: '--skipflow',
+      description: 'Disable flow checks',
+    },
+    {
+      command: '--nonPersistent',
+      description: 'Disable file watcher',
+    },
+    {
+      command: '--transformer [string]',
+      description: 'Specify a custom transformer to be used',
+    },
+    {
+      command: '--reset-cache, --resetCache',
+      description: 'Removes cached files',
+    },
+    {
+      command: '--custom-log-reporter-path, --customLogReporterPath [string]',
+      description:
+        'Path to a JavaScript file that exports a log reporter as a replacement for TerminalReporter',
+    },
+    {
+      command: '--verbose',
+      description: 'Enables logging',
+    },
+    {
+      command: '--https',
+      description: 'Enables https connections to the server',
+    },
+    {
+      command: '--key [path]',
+      description: 'Path to custom SSL key',
+    },
+    {
+      command: '--cert [path]',
+      description: 'Path to custom SSL cert',
+    },
+  ],
 };
diff --git a/local-cli/server/util/attachWebsocketServer.js b/local-cli/server/util/attachWebsocketServer.js
deleted file mode 100644
index 66f8fe953a4ad0..00000000000000
--- a/local-cli/server/util/attachWebsocketServer.js
+++ /dev/null
@@ -1,76 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow
- */
-
-'use strict';
-
-import type {Server as HTTPServer} from 'http';
-import type {Server as HTTPSServer} from 'https';
-
-type WebsocketServiceInterface<T> = {
-  +onClientConnect: (
-    url: string,
-    sendFn: (data: string) => mixed,
-  ) => Promise<T>,
-  +onClientDisconnect?: (client: T) => mixed,
-  +onClientError?: (client: T, e: Error) => mixed,
-  +onClientMessage?: (client: T, message: string) => mixed,
-};
-
-type HMROptions<TClient> = {
-  httpServer: HTTPServer | HTTPSServer,
-  websocketServer: WebsocketServiceInterface<TClient>,
-  path: string,
-};
-
-/**
- * Attaches a WebSocket based connection to the Packager to expose
- * Hot Module Replacement updates to the simulator.
- */
-function attachWebsocketServer<TClient: Object>({
-  httpServer,
-  websocketServer,
-  path,
-}: HMROptions<TClient>) {
-  const WebSocketServer = require('ws').Server;
-  const wss = new WebSocketServer({
-    server: httpServer,
-    path: path,
-  });
-
-  wss.on('connection', async ws => {
-    let connected = true;
-    const url = ws.upgradeReq.url;
-
-    const sendFn = (...args) => {
-      if (connected) {
-        ws.send(...args);
-      }
-    };
-
-    const client = await websocketServer.onClientConnect(url, sendFn);
-
-    ws.on('error', e => {
-      websocketServer.onClientError && websocketServer.onClientError(client, e);
-    });
-
-    ws.on('close', () => {
-      websocketServer.onClientDisconnect &&
-        websocketServer.onClientDisconnect(client);
-      connected = false;
-    });
-
-    ws.on('message', message => {
-      websocketServer.onClientMessage &&
-        websocketServer.onClientMessage(client, message);
-    });
-  });
-}
-
-module.exports = attachWebsocketServer;
diff --git a/local-cli/server/util/copyToClipBoard.js b/local-cli/server/util/copyToClipBoard.js
index bb2259e8150389..0dbf3a786835da 100644
--- a/local-cli/server/util/copyToClipBoard.js
+++ b/local-cli/server/util/copyToClipBoard.js
@@ -3,13 +3,16 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 var child_process = require('child_process');
 var spawn = child_process.spawn;
 var path = require('path');
-var fs  = require('fs');
+var fs = require('fs');
 
 const xsel = path.join(__dirname, 'external/xsel');
 fs.chmodSync(xsel, '0755');
@@ -18,20 +21,20 @@ fs.chmodSync(xsel, '0755');
  */
 function copyToClipBoard(content) {
   switch (process.platform) {
-  case 'darwin':
-    var child = spawn('pbcopy', []);
-    child.stdin.end(new Buffer(content, 'utf8'));
-    return true;
-  case 'win32':
-    var child = spawn('clip', []);
-    child.stdin.end(new Buffer(content, 'utf8'));
-    return true;
-  case 'linux':
-    var child = spawn(xsel, ['--clipboard', '--input']);
-    child.stdin.end(new Buffer(content, 'utf8'));
-    return true;
-  default:
-    return false;
+    case 'darwin':
+      var child = spawn('pbcopy', []);
+      child.stdin.end(new Buffer(content, 'utf8'));
+      return true;
+    case 'win32':
+      var child = spawn('clip', []);
+      child.stdin.end(new Buffer(content, 'utf8'));
+      return true;
+    case 'linux':
+      var child = spawn(xsel, ['--clipboard', '--input']);
+      child.stdin.end(new Buffer(content, 'utf8'));
+      return true;
+    default:
+      return false;
   }
 }
 
diff --git a/local-cli/server/util/debugger-ui/debuggerWorker.js b/local-cli/server/util/debugger-ui/debuggerWorker.js
index e70ca0ec973547..ad820c16fc025d 100644
--- a/local-cli/server/util/debugger-ui/debuggerWorker.js
+++ b/local-cli/server/util/debugger-ui/debuggerWorker.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 /* global __fbBatchedBridge, self, importScripts, postMessage, onmessage: true */
@@ -22,14 +24,14 @@ onmessage = (function() {
       hasWarned = true;
       console.warn(
         'Remote debugger is in a background tab which may cause apps to ' +
-        'perform slowly. Fix this by foregrounding the tab (or opening it in ' +
-        'a separate window).'
+          'perform slowly. Fix this by foregrounding the tab (or opening it in ' +
+          'a separate window).',
       );
     };
   })();
 
   var messageHandlers = {
-    'executeApplicationScript': function(message, sendReply) {
+    executeApplicationScript: function(message, sendReply) {
       for (var key in message.inject) {
         self[key] = JSON.parse(message.inject[key]);
       }
@@ -41,7 +43,7 @@ onmessage = (function() {
       }
       sendReply(null /* result */, error);
     },
-    'setDebuggerVisibility': function(message) {
+    setDebuggerVisibility: function(message) {
       visibilityState = message.visibilityState;
     },
   };
@@ -67,7 +69,10 @@ onmessage = (function() {
       var error;
       try {
         if (typeof __fbBatchedBridge === 'object') {
-          returnValue = __fbBatchedBridge[object.method].apply(null, object.arguments);
+          returnValue = __fbBatchedBridge[object.method].apply(
+            null,
+            object.arguments,
+          );
         } else {
           error = 'Failed to call function, __fbBatchedBridge is undefined';
         }
diff --git a/local-cli/server/util/debugger-ui/deltaUrlToBlobUrl.js b/local-cli/server/util/debugger-ui/deltaUrlToBlobUrl.js
index d611062952aa22..d916ad4e955e79 100644
--- a/local-cli/server/util/debugger-ui/deltaUrlToBlobUrl.js
+++ b/local-cli/server/util/debugger-ui/deltaUrlToBlobUrl.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict
  * @format
  */
 
diff --git a/local-cli/server/util/debugger-ui/index.html b/local-cli/server/util/debugger-ui/index.html
index 57d377629abd79..c4f825145acbb1 100644
--- a/local-cli/server/util/debugger-ui/index.html
+++ b/local-cli/server/util/debugger-ui/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <!--
   Copyright (c) 2015-present, Facebook, Inc.
-  
+
   This source code is licensed under the MIT license found in the
   LICENSE file in the root directory of this source tree.
 -->
@@ -112,6 +112,8 @@
   function connectToDebuggerProxy() {
     const ws = new WebSocket('ws://' + window.location.host + '/debugger-proxy?role=debugger&name=Chrome');
     let worker;
+    let queuedMessages = [];
+    let appExecuted = false;
 
     function createJSRuntime() {
       // This worker will run the application JavaScript code,
@@ -177,13 +179,26 @@
         shutdownJSRuntime();
         Page.setState({status: {type: 'disconnected'}});
       } else if (object.method === 'executeApplicationScript') {
+        appExecuted = false;
         worker.postMessage({
           ...object,
           url: await getBlobUrl(object.url),
         });
+        appExecuted = true;
+        // Flush any messages queued up and clear them
+        for (const message of queuedMessages) {
+          worker.postMessage(message);
+        }
+        queuedMessages = [];
       } else {
-        // Otherwise, pass through to the worker.
-        worker.postMessage(object);
+        // Otherwise, pass through to the worker provided the
+        // application script has been executed. If not add
+        // it to a queue until it has been executed.
+        if (appExecuted) {
+          worker.postMessage(object);
+        } else {
+          queuedMessages.push(object);
+        }
       }
     };
 
diff --git a/local-cli/server/util/jsPackagerClient.js b/local-cli/server/util/jsPackagerClient.js
index 3b449db160e404..0052198228dddb 100644
--- a/local-cli/server/util/jsPackagerClient.js
+++ b/local-cli/server/util/jsPackagerClient.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  */
 
 'use strict';
@@ -47,43 +48,51 @@ class JsPackagerClient {
   }
 
   sendRequest(method, target, params) {
-    return this.openPromise.then(() => new Promise((resolve, reject) => {
-      const messageId = getMessageId();
-      this.msgCallbacks.set(messageId, {resolve: resolve, reject: reject});
-      this.ws.send(
-        JSON.stringify({
-          version: PROTOCOL_VERSION,
-          target: target,
-          method: method,
-          id: messageId,
-          params: params,
+    return this.openPromise.then(
+      () =>
+        new Promise((resolve, reject) => {
+          const messageId = getMessageId();
+          this.msgCallbacks.set(messageId, {resolve: resolve, reject: reject});
+          this.ws.send(
+            JSON.stringify({
+              version: PROTOCOL_VERSION,
+              target: target,
+              method: method,
+              id: messageId,
+              params: params,
+            }),
+            error => {
+              if (error !== undefined) {
+                this.msgCallbacks.delete(messageId);
+                reject(error);
+              }
+            },
+          );
         }),
-        error => {
-          if (error !== undefined) {
-            this.msgCallbacks.delete(messageId);
-            reject(error);
-          }
-        });
-    }));
+    );
   }
 
   sendNotification(method, target, params) {
-    return this.openPromise.then(() => new Promise((resolve, reject) => {
-      this.ws.send(
-        JSON.stringify({
-          version: PROTOCOL_VERSION,
-          target: target,
-          method: method,
-          params: params,
+    return this.openPromise.then(
+      () =>
+        new Promise((resolve, reject) => {
+          this.ws.send(
+            JSON.stringify({
+              version: PROTOCOL_VERSION,
+              target: target,
+              method: method,
+              params: params,
+            }),
+            error => {
+              if (error !== undefined) {
+                reject(error);
+              } else {
+                resolve();
+              }
+            },
+          );
         }),
-        error => {
-          if (error !== undefined) {
-            reject(error);
-          } else {
-            resolve();
-          }
-        });
-    }));
+    );
   }
 
   sendBroadcast(method, params) {
@@ -92,16 +101,16 @@ class JsPackagerClient {
 
   getPeers() {
     return new Promise((resolve, reject) => {
-      this.sendRequest('getpeers', TARGET_SERVER, undefined).then(
-        response => {
-          if (!response instanceof Map) {
-            reject('Results received from server are of wrong format:\n' +
-                   JSON.stringify(response));
-          } else {
-            resolve(response);
-          }
-        },
-        reject);
+      this.sendRequest('getpeers', TARGET_SERVER, undefined).then(response => {
+        if (!response instanceof Map) {
+          reject(
+            'Results received from server are of wrong format:\n' +
+              JSON.stringify(response),
+          );
+        } else {
+          resolve(response);
+        }
+      }, reject);
     });
   }
 
diff --git a/local-cli/server/util/launchChrome.js b/local-cli/server/util/launchChrome.js
index 6999a3d0bdd0bd..f37f06b088c0c4 100644
--- a/local-cli/server/util/launchChrome.js
+++ b/local-cli/server/util/launchChrome.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  * @flow
  */
+
 'use strict';
 
 /* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
@@ -14,11 +16,16 @@
 const opn = require('opn');
 const execSync = require('child_process').execSync;
 
-function commandExistsUnixSync (commandName, callback) {
+function commandExistsUnixSync(commandName, callback) {
   try {
-    var stdout = execSync('command -v ' + commandName +
-          ' 2>/dev/null' +
-          ' && { echo >&1 \'' + commandName + ' found\'; exit 0; }');
+    var stdout = execSync(
+      'command -v ' +
+        commandName +
+        ' 2>/dev/null' +
+        " && { echo >&1 '" +
+        commandName +
+        " found'; exit 0; }",
+    );
     return !!stdout;
   } catch (error) {
     return false;
@@ -27,20 +34,20 @@ function commandExistsUnixSync (commandName, callback) {
 
 function getChromeAppName(): string {
   switch (process.platform) {
-  case 'darwin':
-    return 'google chrome';
-  case 'win32':
-    return 'chrome';
-  case 'linux':
-    if (commandExistsUnixSync('google-chrome')) {
+    case 'darwin':
+      return 'google chrome';
+    case 'win32':
+      return 'chrome';
+    case 'linux':
+      if (commandExistsUnixSync('google-chrome')) {
+        return 'google-chrome';
+      } else if (commandExistsUnixSync('chromium-browser')) {
+        return 'chromium-browser';
+      } else {
+        return 'chromium';
+      }
+    default:
       return 'google-chrome';
-    } else if (commandExistsUnixSync('chromium-browser')) {
-      return 'chromium-browser';
-    } else {
-      return 'chromium';
-    }
-  default:
-    return 'google-chrome';
   }
 }
 
diff --git a/local-cli/server/util/launchEditor.js b/local-cli/server/util/launchEditor.js
index f78927d82d6e47..8b9f1729e10f35 100644
--- a/local-cli/server/util/launchEditor.js
+++ b/local-cli/server/util/launchEditor.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 var chalk = require('chalk');
@@ -71,7 +74,10 @@ function getArgumentsForLineNumber(editor, fileName, lineNumber, workspace) {
     case 'mine':
       return ['--line', lineNumber, fileName];
     case 'code':
-      return addWorkspaceToArgumentsIfExists(['-g', fileName + ':' + lineNumber], workspace);
+      return addWorkspaceToArgumentsIfExists(
+        ['-g', fileName + ':' + lineNumber],
+        workspace,
+      );
   }
 
   // For all others, drop the lineNumber until we have
@@ -114,17 +120,19 @@ function guessEditor() {
 }
 
 function printInstructions(title) {
-  console.log([
-    '',
-    chalk.bgBlue.white.bold(' ' + title + ' '),
-    '  When you see Red Box with stack trace, you can click any ',
-    '  stack frame to jump to the source file. The packager will launch your ',
-    '  editor of choice. It will first look at REACT_EDITOR environment ',
-    '  variable, then at EDITOR. To set it up, you can add something like ',
-    '  export REACT_EDITOR=atom to your ~/.bashrc or ~/.zshrc depending on ',
-    '  which shell you use.',
-    ''
-  ].join('\n'));
+  console.log(
+    [
+      '',
+      chalk.bgBlue.white.bold(' ' + title + ' '),
+      '  When you see Red Box with stack trace, you can click any ',
+      '  stack frame to jump to the source file. The packager will launch your ',
+      '  editor of choice. It will first look at REACT_EDITOR environment ',
+      '  variable, then at EDITOR. To set it up, you can add something like ',
+      '  export REACT_EDITOR=atom to your ~/.bashrc or ~/.zshrc depending on ',
+      '  which shell you use.',
+      '',
+    ].join('\n'),
+  );
 }
 
 function transformToAbsolutePathIfNeeded(pathName) {
@@ -136,7 +144,7 @@ function transformToAbsolutePathIfNeeded(pathName) {
 
 function findRootForFile(projectRoots, fileName) {
   fileName = transformToAbsolutePathIfNeeded(fileName);
-  return projectRoots.find((root) => {
+  return projectRoots.find(root => {
     root = transformToAbsolutePathIfNeeded(root);
     return fileName.startsWith(root + path.sep);
   });
@@ -162,11 +170,15 @@ function launchEditor(fileName, lineNumber, projectRoots) {
 
   var workspace = findRootForFile(projectRoots, fileName);
   if (lineNumber) {
-    args = args.concat(getArgumentsForLineNumber(editor, fileName, lineNumber, workspace));
+    args = args.concat(
+      getArgumentsForLineNumber(editor, fileName, lineNumber, workspace),
+    );
   } else {
     args.push(fileName);
   }
-  console.log('Opening ' + chalk.underline(fileName) + ' with ' + chalk.bold(editor));
+  console.log(
+    'Opening ' + chalk.underline(fileName) + ' with ' + chalk.bold(editor),
+  );
 
   if (_childProcess && isTerminalEditor(editor)) {
     // There's an existing editor process already and it's attached
@@ -178,7 +190,11 @@ function launchEditor(fileName, lineNumber, projectRoots) {
   if (process.platform === 'win32') {
     // On Windows, launch the editor in a shell because spawn can only
     // launch .exe files.
-    _childProcess = child_process.spawn('cmd.exe', ['/C', editor].concat(args), {stdio: 'inherit'});
+    _childProcess = child_process.spawn(
+      'cmd.exe',
+      ['/C', editor].concat(args),
+      {stdio: 'inherit'},
+    );
   } else {
     _childProcess = child_process.spawn(editor, args, {stdio: 'inherit'});
   }
diff --git a/local-cli/server/util/messageSocket.js b/local-cli/server/util/messageSocket.js
index bceb72fab01c5d..87772789a348a9 100644
--- a/local-cli/server/util/messageSocket.js
+++ b/local-cli/server/util/messageSocket.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const url = require('url');
@@ -21,8 +24,9 @@ function parseMessage(data, binary) {
     if (message.version === PROTOCOL_VERSION) {
       return message;
     }
-    console.error('Received message had wrong protocol version: '
-                  + message.version);
+    console.error(
+      'Received message had wrong protocol version: ' + message.version,
+    );
   } catch (e) {
     console.error('Failed to parse the message as JSON:\n' + data);
   }
@@ -39,24 +43,23 @@ function isBroadcast(message) {
 
 function isRequest(message) {
   return (
-    typeof message.method === 'string' &&
-    typeof message.target === 'string');
+    typeof message.method === 'string' && typeof message.target === 'string'
+  );
 }
 
 function isResponse(message) {
   return (
     typeof message.id === 'object' &&
     typeof message.id.requestId !== undefined &&
-    typeof message.id.clientId === 'string' && (
-      message.result !== undefined ||
-      message.error !== undefined
-  ));
+    typeof message.id.clientId === 'string' &&
+    (message.result !== undefined || message.error !== undefined)
+  );
 }
 
 function attachToServer(server, path) {
   const wss = new WebSocketServer({
     server: server,
-    path: path
+    path: path,
   });
   const clients = new Map();
   let nextClientId = 0;
@@ -77,10 +80,11 @@ function attachToServer(server, path) {
     };
     if (clients.size === 0) {
       notifier.notify({
-        'title': 'React Native: No apps connected',
-        'message': `Sending '${message.method}' to all React Native apps ` +
-                  'failed. Make sure your app is running in the simulator ' +
-                  'or on a phone connected via USB.'
+        title: 'React Native: No apps connected',
+        message:
+          `Sending '${message.method}' to all React Native apps ` +
+          'failed. Make sure your app is running in the simulator ' +
+          'or on a phone connected via USB.',
       });
     }
     for (const [otherId, otherWs] of clients) {
@@ -88,8 +92,10 @@ function attachToServer(server, path) {
         try {
           otherWs.send(JSON.stringify(forwarded));
         } catch (e) {
-          console.error(`Failed to send broadcast to client: '${otherId}' ` +
-                        `due to:\n ${e.toString()}`);
+          console.error(
+            `Failed to send broadcast to client: '${otherId}' ` +
+              `due to:\n ${e.toString()}`,
+          );
         }
       }
     }
@@ -111,18 +117,23 @@ function attachToServer(server, path) {
       if (message.id === undefined) {
         console.error(
           `Handling message from ${clientId} failed with:\n${error}\n` +
-          `message:\n${JSON.stringify(errorMessage)}`);
+            `message:\n${JSON.stringify(errorMessage)}`,
+        );
       } else {
         try {
-          clientWs.send(JSON.stringify({
-            version: PROTOCOL_VERSION,
-            error: error,
-            id: message.id,
-          }));
+          clientWs.send(
+            JSON.stringify({
+              version: PROTOCOL_VERSION,
+              error: error,
+              id: message.id,
+            }),
+          );
         } catch (e) {
-          console.error(`Failed to reply to ${clientId} with error:\n${error}` +
-                        `\nmessage:\n${JSON.stringify(errorMessage)}` +
-                        `\ndue to error: ${e.toString()}`);
+          console.error(
+            `Failed to reply to ${clientId} with error:\n${error}` +
+              `\nmessage:\n${JSON.stringify(errorMessage)}` +
+              `\ndue to error: ${e.toString()}`,
+          );
         }
       }
     }
@@ -145,40 +156,46 @@ function attachToServer(server, path) {
           throw `unknown method: ${message.method}`;
       }
 
-      clientWs.send(JSON.stringify({
-        version: PROTOCOL_VERSION,
-        result: result,
-        id: message.id
-      }));
+      clientWs.send(
+        JSON.stringify({
+          version: PROTOCOL_VERSION,
+          result: result,
+          id: message.id,
+        }),
+      );
     }
 
     function forwardRequest(message) {
-      getClientWs(message.target).send(JSON.stringify({
-        version: PROTOCOL_VERSION,
-        method: message.method,
-        params: message.params,
-        id: (message.id === undefined
-          ? undefined
-          : {requestId: message.id, clientId: clientId}),
-      }));
+      getClientWs(message.target).send(
+        JSON.stringify({
+          version: PROTOCOL_VERSION,
+          method: message.method,
+          params: message.params,
+          id:
+            message.id === undefined
+              ? undefined
+              : {requestId: message.id, clientId: clientId},
+        }),
+      );
     }
 
     function forwardResponse(message) {
-      getClientWs(message.id.clientId).send(JSON.stringify({
-        version: PROTOCOL_VERSION,
-        result: message.result,
-        error: message.error,
-        id: message.id.requestId,
-      }));
+      getClientWs(message.id.clientId).send(
+        JSON.stringify({
+          version: PROTOCOL_VERSION,
+          result: message.result,
+          error: message.error,
+          id: message.id.requestId,
+        }),
+      );
     }
 
     clients.set(clientId, clientWs);
-    clientWs.onclose =
-    clientWs.onerror = () => {
+    clientWs.onclose = clientWs.onerror = () => {
       clientWs.onmessage = null;
       clients.delete(clientId);
     };
-    clientWs.onmessage = (event) => {
+    clientWs.onmessage = event => {
       const message = parseMessage(event.data, event.binary);
       if (message === undefined) {
         console.error('Received message not matching protocol');
@@ -208,7 +225,7 @@ function attachToServer(server, path) {
   return {
     broadcast: (method, params) => {
       handleSendBroadcast(null, {method: method, params: params});
-    }
+    },
   };
 }
 
diff --git a/local-cli/server/util/webSocketProxy.js b/local-cli/server/util/webSocketProxy.js
index 2a854c6d81d571..d419e51589767b 100644
--- a/local-cli/server/util/webSocketProxy.js
+++ b/local-cli/server/util/webSocketProxy.js
@@ -3,15 +3,17 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
-'use strict';
 
+'use strict';
 
 function attachToServer(server, path) {
   var WebSocketServer = require('ws').Server;
   var wss = new WebSocketServer({
     server: server,
-    path: path
+    path: path,
   });
   var debuggerSocket, clientSocket;
 
@@ -37,8 +39,7 @@ function attachToServer(server, path) {
         return;
       }
       debuggerSocket = ws;
-      debuggerSocket.onerror =
-      debuggerSocket.onclose = () => {
+      debuggerSocket.onerror = debuggerSocket.onclose = () => {
         debuggerSocket = null;
         if (clientSocket) {
           clientSocket.close(1011, 'Debugger was disconnected');
@@ -51,8 +52,7 @@ function attachToServer(server, path) {
         clientSocket.close(1011, 'Another client connected');
       }
       clientSocket = ws;
-      clientSocket.onerror =
-      clientSocket.onclose = () => {
+      clientSocket.onerror = clientSocket.onclose = () => {
         clientSocket = null;
         send(debuggerSocket, JSON.stringify({method: '$disconnected'}));
       };
@@ -66,10 +66,10 @@ function attachToServer(server, path) {
     server: wss,
     isChromeConnected: function() {
       return !!debuggerSocket;
-    }
+    },
   };
 }
 
 module.exports = {
-  attachToServer: attachToServer
+  attachToServer: attachToServer,
 };
diff --git a/local-cli/templates/HelloNavigation/App.js b/local-cli/templates/HelloNavigation/App.js
index 8b422a767b8bc7..4ccc87f1791026 100644
--- a/local-cli/templates/HelloNavigation/App.js
+++ b/local-cli/templates/HelloNavigation/App.js
@@ -2,10 +2,12 @@
  * This is an example React Native app demonstrates ListViews, text input and
  * navigation between a few screens.
  * https://github.com/facebook/react-native
+ *
+ * @format
  */
 
-import React, { Component } from 'react';
-import { StackNavigator } from 'react-navigation';
+import React, {Component} from 'react';
+import {StackNavigator} from 'react-navigation';
 
 import HomeScreenTabNavigator from './views/HomeScreenTabNavigator';
 import ChatScreen from './views/chat/ChatScreen';
diff --git a/local-cli/templates/HelloNavigation/components/KeyboardSpacer.js b/local-cli/templates/HelloNavigation/components/KeyboardSpacer.js
index 72e10391757c57..9b73a41bab2dd4 100644
--- a/local-cli/templates/HelloNavigation/components/KeyboardSpacer.js
+++ b/local-cli/templates/HelloNavigation/components/KeyboardSpacer.js
@@ -3,28 +3,25 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 'use strict';
 
 /* @flow */
 
-import React, { Component } from 'react';
+import React, {Component} from 'react';
 import PropTypes from 'prop-types';
-import {
-  Platform,
-  View,
-  Keyboard,
-  LayoutAnimation,
-} from 'react-native';
+import {Platform, View, Keyboard, LayoutAnimation} from 'react-native';
 
 type Props = {
   offset?: number,
-}
+};
 
 type State = {
-  keyboardHeight: number
-}
+  keyboardHeight: number,
+};
 
 // Consider contributing this to the popular library:
 // https://github.com/Andr3wHur5t/react-native-keyboard-spacer
@@ -48,9 +45,8 @@ type State = {
  * The KeyboardAvoidingView doesn't work when used together with
  * a ScrollView/ListView.
  */
-const KeyboardSpacer = () => (
-  Platform.OS === 'ios' ? <KeyboardSpacerIOS /> : null
-);
+const KeyboardSpacer = () =>
+  Platform.OS === 'ios' ? <KeyboardSpacerIOS /> : null;
 
 class KeyboardSpacerIOS extends Component<Props, State> {
   static propTypes = {
@@ -73,17 +69,17 @@ class KeyboardSpacerIOS extends Component<Props, State> {
     this._unRegisterEvents();
   }
 
-  _keyboardWillShowSubscription: { +remove: Function };
-  _keyboardWillHideSubscription: { +remove: Function };
+  _keyboardWillShowSubscription: {+remove: Function};
+  _keyboardWillHideSubscription: {+remove: Function};
 
   _registerEvents = () => {
     this._keyboardWillShowSubscription = Keyboard.addListener(
       'keyboardWillShow',
-      this._keyboardWillShow
+      this._keyboardWillShow,
     );
     this._keyboardWillHideSubscription = Keyboard.addListener(
       'keyboardWillHide',
-      this._keyboardWillHide
+      this._keyboardWillHide,
     );
   };
 
@@ -98,9 +94,9 @@ class KeyboardSpacerIOS extends Component<Props, State> {
       duration: 100,
       update: {
         type: 'keyboard',
-      }
+      },
     });
-  }
+  };
 
   _keyboardWillShow = (e: any) => {
     this._configureLayoutAnimation();
@@ -117,7 +113,7 @@ class KeyboardSpacerIOS extends Component<Props, State> {
   };
 
   render() {
-    return <View style={{ height: this.state.keyboardHeight }} />;
+    return <View style={{height: this.state.keyboardHeight}} />;
   }
 }
 
diff --git a/local-cli/templates/HelloNavigation/components/ListItem.js b/local-cli/templates/HelloNavigation/components/ListItem.js
index 4e953214ea018a..c93e819b5c146d 100644
--- a/local-cli/templates/HelloNavigation/components/ListItem.js
+++ b/local-cli/templates/HelloNavigation/components/ListItem.js
@@ -1,6 +1,8 @@
+/** @format */
+
 'use strict';
 
-import React, { Component } from 'react';
+import React, {Component} from 'react';
 import {
   Platform,
   StyleSheet,
@@ -48,7 +50,7 @@ const styles = StyleSheet.create({
   },
   label: {
     fontSize: 16,
-  }
+  },
 });
 
 export default ListItem;
diff --git a/local-cli/templates/HelloNavigation/lib/Backend.js b/local-cli/templates/HelloNavigation/lib/Backend.js
index 22cde143b63faf..a85f0ae753fe15 100644
--- a/local-cli/templates/HelloNavigation/lib/Backend.js
+++ b/local-cli/templates/HelloNavigation/lib/Backend.js
@@ -1,3 +1,5 @@
+/** @format */
+
 'use strict';
 
 // This file just a dummy example of a HTTP API to talk to the backend.
@@ -23,7 +25,7 @@ const backendStateForLoggedInPerson = {
           text: 'I ❤️ React Native!',
         },
       ],
-    }
+    },
   ],
 };
 
@@ -33,7 +35,7 @@ const backendStateForLoggedInPerson = {
  * in real-world conditions.
  */
 function isNetworkFailure() {
-  const chanceOfFailure = 0;  // 0..1
+  const chanceOfFailure = 0; // 0..1
   return Math.random() < chanceOfFailure;
 }
 
@@ -45,8 +47,8 @@ function isNetworkFailure() {
  */
 function _makeSimulatedNetworkRequest(getValue) {
   const durationMs = 400;
-  return new Promise(function (resolve, reject) {
-    setTimeout(function () {
+  return new Promise(function(resolve, reject) {
+    setTimeout(function() {
       if (isNetworkFailure()) {
         reject(new Error('Network failure'));
       } else {
@@ -71,9 +73,7 @@ async function fetchChatList() {
 async function fetchChat(name) {
   return _makeSimulatedNetworkRequest((resolve, reject) => {
     resolve(
-      backendStateForLoggedInPerson.chats.find(
-        chat => chat.name === name
-      )
+      backendStateForLoggedInPerson.chats.find(chat => chat.name === name),
     );
   });
 }
@@ -84,7 +84,7 @@ async function fetchChat(name) {
 async function sendMessage({name, message}) {
   return _makeSimulatedNetworkRequest((resolve, reject) => {
     const chatForName = backendStateForLoggedInPerson.chats.find(
-      chat => chat.name === name
+      chat => chat.name === name,
     );
     if (chatForName) {
       chatForName.messages.push({
diff --git a/local-cli/templates/HelloNavigation/views/HomeScreenTabNavigator.js b/local-cli/templates/HelloNavigation/views/HomeScreenTabNavigator.js
index 36ca5af70fe227..09e411a471a948 100644
--- a/local-cli/templates/HelloNavigation/views/HomeScreenTabNavigator.js
+++ b/local-cli/templates/HelloNavigation/views/HomeScreenTabNavigator.js
@@ -1,4 +1,6 @@
-import { TabNavigator } from 'react-navigation';
+/** @format */
+
+import {TabNavigator} from 'react-navigation';
 
 import ChatListScreen from './chat/ChatListScreen';
 import WelcomeScreen from './welcome/WelcomeScreen';
diff --git a/local-cli/templates/HelloNavigation/views/chat/ChatListScreen.js b/local-cli/templates/HelloNavigation/views/chat/ChatListScreen.js
index 4d4fcc093e9ca1..121deb36d3370a 100644
--- a/local-cli/templates/HelloNavigation/views/chat/ChatListScreen.js
+++ b/local-cli/templates/HelloNavigation/views/chat/ChatListScreen.js
@@ -1,4 +1,6 @@
-import React, { Component } from 'react';
+/** @format */
+
+import React, {Component} from 'react';
 import {
   ActivityIndicator,
   Image,
@@ -11,18 +13,17 @@ import ListItem from '../../components/ListItem';
 import Backend from '../../lib/Backend';
 
 export default class ChatListScreen extends Component {
-
   static navigationOptions = {
     title: 'Chats',
     header: Platform.OS === 'ios' ? undefined : null,
-    tabBarIcon: ({ tintColor }) => (
+    tabBarIcon: ({tintColor}) => (
       <Image
         // Using react-native-vector-icons works here too
         source={require('./chat-icon.png')}
         style={[styles.icon, {tintColor: tintColor}]}
       />
     ),
-  }
+  };
 
   constructor(props) {
     super(props);
@@ -33,7 +34,7 @@ export default class ChatListScreen extends Component {
 
   async componentDidMount() {
     const chatList = await Backend.fetchChatList();
-    this.setState((prevState) => ({
+    this.setState(prevState => ({
       chatList,
       isLoading: false,
     }));
@@ -41,7 +42,7 @@ export default class ChatListScreen extends Component {
 
   // Binding the function so it can be passed to FlatList below
   // and 'this' works properly inside renderItem
-  renderItem = ({ item }) => {
+  renderItem = ({item}) => {
     return (
       <ListItem
         label={item}
@@ -53,7 +54,7 @@ export default class ChatListScreen extends Component {
         }}
       />
     );
-  }
+  };
 
   render() {
     if (this.state.isLoading) {
diff --git a/local-cli/templates/HelloNavigation/views/chat/ChatScreen.js b/local-cli/templates/HelloNavigation/views/chat/ChatScreen.js
index 6f1dfff321315f..0d1e322d151c39 100644
--- a/local-cli/templates/HelloNavigation/views/chat/ChatScreen.js
+++ b/local-cli/templates/HelloNavigation/views/chat/ChatScreen.js
@@ -1,4 +1,6 @@
-import React, { Component } from 'react';
+/** @format */
+
+import React, {Component} from 'react';
 import {
   ActivityIndicator,
   Button,
@@ -12,8 +14,7 @@ import KeyboardSpacer from '../../components/KeyboardSpacer';
 import Backend from '../../lib/Backend';
 
 export default class ChatScreen extends Component {
-
-  static navigationOptions = ({ navigation }) => ({
+  static navigationOptions = ({navigation}) => ({
     title: `Chat with ${navigation.state.params.name}`,
   });
   constructor(props) {
@@ -40,7 +41,7 @@ export default class ChatScreen extends Component {
       });
       return;
     }
-    this.setState((prevState) => ({
+    this.setState(prevState => ({
       messages: chat.messages,
       isLoading: false,
     }));
@@ -61,18 +62,19 @@ export default class ChatScreen extends Component {
       // Here we would handle the request failure, e.g. call setState
       // to display a visual hint showing the message could not be sent.
     }
-  }
+  };
 
   addMessageLocal = () => {
-    this.setState((prevState) => {
+    this.setState(prevState => {
       if (!prevState.myMessage) {
         return prevState;
       }
       const messages = [
-        ...prevState.messages, {
+        ...prevState.messages,
+        {
           name: 'Me',
           text: prevState.myMessage,
-        }
+        },
       ];
       return {
         messages: messages,
@@ -80,18 +82,18 @@ export default class ChatScreen extends Component {
       };
     });
     this.textInput.clear();
-  }
+  };
 
-  onMyMessageChange = (event) => {
+  onMyMessageChange = event => {
     this.setState({myMessage: event.nativeEvent.text});
-  }
+  };
 
-  renderItem = ({ item }) => (
+  renderItem = ({item}) => (
     <View style={styles.bubble}>
       <Text style={styles.name}>{item.name}</Text>
       <Text>{item.text}</Text>
     </View>
-  )
+  );
 
   render() {
     if (this.state.isLoading) {
@@ -104,15 +106,17 @@ export default class ChatScreen extends Component {
     return (
       <View style={styles.container}>
         <FlatList
-           data={this.state.messages}
-           renderItem={this.renderItem}
-           keyExtractor={(item, index) => index}
-           style={styles.listView}
-         />
+          data={this.state.messages}
+          renderItem={this.renderItem}
+          keyExtractor={(item, index) => index}
+          style={styles.listView}
+        />
 
         <View style={styles.composer}>
           <TextInput
-            ref={(textInput) => { this.textInput = textInput; }}
+            ref={textInput => {
+              this.textInput = textInput;
+            }}
             style={styles.textInput}
             placeholder="Type a message..."
             text={this.state.myMessage}
@@ -120,10 +124,7 @@ export default class ChatScreen extends Component {
             onChange={this.onMyMessageChange}
           />
           {this.state.myMessage !== '' && (
-            <Button
-              title="Send"
-              onPress={this.onAddMessage}
-            />
+            <Button title="Send" onPress={this.onAddMessage} />
           )}
         </View>
         <KeyboardSpacer />
@@ -165,5 +166,5 @@ const styles = StyleSheet.create({
     height: 30,
     fontSize: 13,
     marginRight: 8,
-  }
+  },
 });
diff --git a/local-cli/templates/HelloNavigation/views/welcome/WelcomeScreen.js b/local-cli/templates/HelloNavigation/views/welcome/WelcomeScreen.js
index 62b7fba55c5b06..942a8fbae42de8 100644
--- a/local-cli/templates/HelloNavigation/views/welcome/WelcomeScreen.js
+++ b/local-cli/templates/HelloNavigation/views/welcome/WelcomeScreen.js
@@ -1,32 +1,27 @@
-import React, { Component } from 'react';
-import {
-  Image,
-  Platform,
-  StyleSheet,
-} from 'react-native';
+/** @format */
+
+import React, {Component} from 'react';
+import {Image, Platform, StyleSheet} from 'react-native';
 
 import ListItem from '../../components/ListItem';
 import WelcomeText from './WelcomeText';
 
 export default class WelcomeScreen extends Component {
-
   static navigationOptions = {
     title: 'Welcome',
     // You can now set header: null on any component to hide the header
     header: Platform.OS === 'ios' ? undefined : null,
-    tabBarIcon: ({ tintColor }) => (
+    tabBarIcon: ({tintColor}) => (
       <Image
         // Using react-native-vector-icons works here too
         source={require('./welcome-icon.png')}
         style={[styles.icon, {tintColor: tintColor}]}
       />
     ),
-  }
+  };
 
   render() {
-    return (
-      <WelcomeText />
-    );
+    return <WelcomeText />;
   }
 }
 
diff --git a/local-cli/templates/HelloNavigation/views/welcome/WelcomeText.android.js b/local-cli/templates/HelloNavigation/views/welcome/WelcomeText.android.js
index bf77b5101c7a3a..9f185d56cc6c7b 100644
--- a/local-cli/templates/HelloNavigation/views/welcome/WelcomeText.android.js
+++ b/local-cli/templates/HelloNavigation/views/welcome/WelcomeText.android.js
@@ -1,24 +1,20 @@
-import React, { Component } from 'react';
-import {
-  StyleSheet,
-  Text,
-  View,
-} from 'react-native';
+/** @format */
+
+import React, {Component} from 'react';
+import {StyleSheet, Text, View} from 'react-native';
 
 export default class WelcomeText extends Component {
   render() {
     return (
       <View style={styles.container}>
-        <Text style={styles.welcome}>
-          Welcome to React Native!
-        </Text>
+        <Text style={styles.welcome}>Welcome to React Native!</Text>
         <Text style={styles.instructions}>
-          This app shows the basics of navigating between a few screens,
-          working with ListView and handling text input.
+          This app shows the basics of navigating between a few screens, working
+          with ListView and handling text input.
         </Text>
         <Text style={styles.instructions}>
-          Modify any files to get started. For example try changing the
-          file views/welcome/WelcomeText.android.js.
+          Modify any files to get started. For example try changing the file
+          views/welcome/WelcomeText.android.js.
         </Text>
         <Text style={styles.instructions}>
           Double tap R on your keyboard to reload,{'\n'}
diff --git a/local-cli/templates/HelloNavigation/views/welcome/WelcomeText.ios.js b/local-cli/templates/HelloNavigation/views/welcome/WelcomeText.ios.js
index 8e040208abbf39..673e6889bbba8c 100644
--- a/local-cli/templates/HelloNavigation/views/welcome/WelcomeText.ios.js
+++ b/local-cli/templates/HelloNavigation/views/welcome/WelcomeText.ios.js
@@ -1,24 +1,21 @@
-import React, { Component } from 'react';
-import {
-  StyleSheet,
-  Text,
-  View,
-} from 'react-native';
+/** @format */
+
+import React, {Component} from 'react';
+import {StyleSheet, Text, View} from 'react-native';
 
 export default class WelcomeText extends Component {
   render() {
     return (
       <View style={styles.container}>
-        <Text style={styles.welcome}>
-          Welcome to React Native!
-        </Text>
+        <Text style={styles.welcome}>Welcome to React Native!</Text>
         <Text style={styles.instructions}>
-          This app shows the basics of navigating between a few screens,
-          working with ListView and handling text input.
+          This app shows the basics of navigating between a few screens, working
+          with ListView and handling text input.
         </Text>
         <Text style={styles.instructions}>
-          Modify any files to get started. For example try changing the
-          file{'\n'}views/welcome/WelcomeText.ios.js.
+          Modify any files to get started. For example try changing the file{
+            '\n'
+          }views/welcome/WelcomeText.ios.js.
         </Text>
         <Text style={styles.instructions}>
           Press Cmd+R to reload,{'\n'}
diff --git a/local-cli/templates/HelloWorld/App.js b/local-cli/templates/HelloWorld/App.js
index dd1d45ab3967c9..171d0f0f4a8532 100644
--- a/local-cli/templates/HelloWorld/App.js
+++ b/local-cli/templates/HelloWorld/App.js
@@ -1,21 +1,18 @@
 /**
  * Sample React Native App
  * https://github.com/facebook/react-native
+ *
+ * @format
  * @flow
  */
 
-import React, { Component } from 'react';
-import {
-  Platform,
-  StyleSheet,
-  Text,
-  View
-} from 'react-native';
+import React, {Component} from 'react';
+import {Platform, StyleSheet, Text, View} from 'react-native';
 
 const instructions = Platform.select({
-  ios: 'Press Cmd+R to reload,\n' +
-    'Cmd+D or shake for dev menu',
-  android: 'Double tap R on your keyboard to reload,\n' +
+  ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu',
+  android:
+    'Double tap R on your keyboard to reload,\n' +
     'Shake or press menu button for dev menu',
 });
 
@@ -24,15 +21,9 @@ export default class App extends Component<Props> {
   render() {
     return (
       <View style={styles.container}>
-        <Text style={styles.welcome}>
-          Welcome to React Native!
-        </Text>
-        <Text style={styles.instructions}>
-          To get started, edit App.js
-        </Text>
-        <Text style={styles.instructions}>
-          {instructions}
-        </Text>
+        <Text style={styles.welcome}>Welcome to React Native!</Text>
+        <Text style={styles.instructions}>To get started, edit App.js</Text>
+        <Text style={styles.instructions}>{instructions}</Text>
       </View>
     );
   }
diff --git a/local-cli/templates/HelloWorld/__tests__/App.js b/local-cli/templates/HelloWorld/__tests__/App.js
index d0b9ee3165c8f4..2d5bbce8a44a65 100644
--- a/local-cli/templates/HelloWorld/__tests__/App.js
+++ b/local-cli/templates/HelloWorld/__tests__/App.js
@@ -1,3 +1,5 @@
+/** @format */
+
 import 'react-native';
 import React from 'react';
 import App from '../App';
@@ -6,7 +8,5 @@ import App from '../App';
 import renderer from 'react-test-renderer';
 
 it('renders correctly', () => {
-  const tree = renderer.create(
-    <App />
-  );
+  const tree = renderer.create(<App />);
 });
diff --git a/local-cli/templates/HelloWorld/_flowconfig b/local-cli/templates/HelloWorld/_flowconfig
index 7d5e2d3362ba40..db178bd0c093f8 100644
--- a/local-cli/templates/HelloWorld/_flowconfig
+++ b/local-cli/templates/HelloWorld/_flowconfig
@@ -30,6 +30,19 @@ node_modules/react-native/flow-github/
 emoji=true
 
 module.system=haste
+module.system.haste.use_name_reducers=true
+# get basename
+module.system.haste.name_reducers='^.*/\([a-zA-Z0-9$_.-]+\.js\(\.flow\)?\)$' -> '\1'
+# strip .js or .js.flow suffix
+module.system.haste.name_reducers='^\(.*\)\.js\(\.flow\)?$' -> '\1'
+# strip .ios suffix
+module.system.haste.name_reducers='^\(.*\)\.ios$' -> '\1'
+module.system.haste.name_reducers='^\(.*\)\.android$' -> '\1'
+module.system.haste.name_reducers='^\(.*\)\.native$' -> '\1'
+module.system.haste.paths.blacklist=.*/__tests__/.*
+module.system.haste.paths.blacklist=.*/__mocks__/.*
+module.system.haste.paths.blacklist=<PROJECT_ROOT>/node_modules/react-native/Libraries/Animated/src/polyfills/.*
+module.system.haste.paths.whitelist=<PROJECT_ROOT>/node_modules/react-native/Libraries/.*
 
 munge_underscores=true
 
@@ -51,4 +64,4 @@ suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
 suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
 
 [version]
-^0.67.0
+^0.76.0
diff --git a/local-cli/templates/HelloWorld/android/app/build.gradle b/local-cli/templates/HelloWorld/android/app/build.gradle
index ec6f3022572ae6..31a0da9a576ea7 100644
--- a/local-cli/templates/HelloWorld/android/app/build.gradle
+++ b/local-cli/templates/HelloWorld/android/app/build.gradle
@@ -94,13 +94,13 @@ def enableSeparateBuildPerCPUArchitecture = false
 def enableProguardInReleaseBuilds = false
 
 android {
-    compileSdkVersion 23
-    buildToolsVersion "23.0.1"
+    compileSdkVersion rootProject.ext.compileSdkVersion
+    buildToolsVersion rootProject.ext.buildToolsVersion
 
     defaultConfig {
         applicationId "com.helloworld"
-        minSdkVersion 16
-        targetSdkVersion 22
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
         versionCode 1
         versionName "1.0"
         ndk {
@@ -138,7 +138,7 @@ android {
 
 dependencies {
     compile fileTree(dir: "libs", include: ["*.jar"])
-    compile "com.android.support:appcompat-v7:23.0.1"
+    compile "com.android.support:appcompat-v7:${rootProject.ext.supportLibVersion}"
     compile "com.facebook.react:react-native:+"  // From node_modules
 }
 
diff --git a/local-cli/templates/HelloWorld/android/app/proguard-rules.pro b/local-cli/templates/HelloWorld/android/app/proguard-rules.pro
index 6e8516c8d6dd4b..a92fa177ee49f0 100644
--- a/local-cli/templates/HelloWorld/android/app/proguard-rules.pro
+++ b/local-cli/templates/HelloWorld/android/app/proguard-rules.pro
@@ -15,56 +15,3 @@
 #-keepclassmembers class fqcn.of.javascript.interface.for.webview {
 #   public *;
 #}
-
-# Disabling obfuscation is useful if you collect stack traces from production crashes
-# (unless you are using a system that supports de-obfuscate the stack traces).
--dontobfuscate
-
-# React Native
-
-# Keep our interfaces so they can be used by other ProGuard rules.
-# See http://sourceforge.net/p/proguard/bugs/466/
--keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip
--keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters
--keep,allowobfuscation @interface com.facebook.common.internal.DoNotStrip
-
-# Do not strip any method/class that is annotated with @DoNotStrip
--keep @com.facebook.proguard.annotations.DoNotStrip class *
--keep @com.facebook.common.internal.DoNotStrip class *
--keepclassmembers class * {
-    @com.facebook.proguard.annotations.DoNotStrip *;
-    @com.facebook.common.internal.DoNotStrip *;
-}
-
--keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * {
-  void set*(***);
-  *** get*();
-}
-
--keep class * extends com.facebook.react.bridge.JavaScriptModule { *; }
--keep class * extends com.facebook.react.bridge.NativeModule { *; }
--keepclassmembers,includedescriptorclasses class * { native <methods>; }
--keepclassmembers class *  { @com.facebook.react.uimanager.UIProp <fields>; }
--keepclassmembers class *  { @com.facebook.react.uimanager.annotations.ReactProp <methods>; }
--keepclassmembers class *  { @com.facebook.react.uimanager.annotations.ReactPropGroup <methods>; }
-
--dontwarn com.facebook.react.**
-
-# TextLayoutBuilder uses a non-public Android constructor within StaticLayout.
-# See libs/proxy/src/main/java/com/facebook/fbui/textlayoutbuilder/proxy for details.
--dontwarn android.text.StaticLayout
-
-# okhttp
-
--keepattributes Signature
--keepattributes *Annotation*
--keep class okhttp3.** { *; }
--keep interface okhttp3.** { *; }
--dontwarn okhttp3.**
-
-# okio
-
--keep class sun.misc.Unsafe { *; }
--dontwarn java.nio.file.*
--dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement
--dontwarn okio.**
diff --git a/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-hdpi/ic_launcher.png b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
index cde69bcccec651..a2f5908281d070 100644
Binary files a/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-hdpi/ic_launcher.png and b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-hdpi/ic_launcher.png differ
diff --git a/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
new file mode 100644
index 00000000000000..1b523998081149
Binary files /dev/null and b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png differ
diff --git a/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-mdpi/ic_launcher.png b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
index c133a0cbd379f5..ff10afd6e182ed 100644
Binary files a/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-mdpi/ic_launcher.png and b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-mdpi/ic_launcher.png differ
diff --git a/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
new file mode 100644
index 00000000000000..115a4c768a20c9
Binary files /dev/null and b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png differ
diff --git a/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
index bfa42f0e7b91d0..dcd3cd80833582 100644
Binary files a/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png and b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ
diff --git a/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
new file mode 100644
index 00000000000000..459ca609d3ae0d
Binary files /dev/null and b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png differ
diff --git a/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
index 324e72cdd7480c..8ca12fe024be86 100644
Binary files a/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png and b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ
diff --git a/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
new file mode 100644
index 00000000000000..8e19b410a1b15f
Binary files /dev/null and b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png differ
diff --git a/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
new file mode 100644
index 00000000000000..b824ebdd48db91
Binary files /dev/null and b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ
diff --git a/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
new file mode 100644
index 00000000000000..4c19a13c239cb6
Binary files /dev/null and b/local-cli/templates/HelloWorld/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png differ
diff --git a/local-cli/templates/HelloWorld/android/build.gradle b/local-cli/templates/HelloWorld/android/build.gradle
index eed9972b5c13ea..49569e4db5f7e7 100644
--- a/local-cli/templates/HelloWorld/android/build.gradle
+++ b/local-cli/templates/HelloWorld/android/build.gradle
@@ -3,9 +3,13 @@
 buildscript {
     repositories {
         jcenter()
+        maven {
+            url 'https://maven.google.com/'
+            name 'Google'
+        }
     }
     dependencies {
-        classpath 'com.android.tools.build:gradle:2.2.3'
+        classpath 'com.android.tools.build:gradle:2.3.3'
 
         // NOTE: Do not place your application dependencies here; they belong
         // in the individual module build.gradle files
@@ -20,5 +24,17 @@ allprojects {
             // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
             url "$rootDir/../node_modules/react-native/android"
         }
+        maven {
+            url 'https://maven.google.com/'
+            name 'Google'
+        }
     }
 }
+
+ext {
+    buildToolsVersion = "26.0.3"
+    minSdkVersion = 16
+    compileSdkVersion = 26
+    targetSdkVersion = 26
+    supportLibVersion = "26.1.0"
+}
diff --git a/local-cli/templates/HelloWorld/android/gradle/wrapper/gradle-wrapper.properties b/local-cli/templates/HelloWorld/android/gradle/wrapper/gradle-wrapper.properties
index dbdc05d274d7db..b6517bb1d16502 100644
--- a/local-cli/templates/HelloWorld/android/gradle/wrapper/gradle-wrapper.properties
+++ b/local-cli/templates/HelloWorld/android/gradle/wrapper/gradle-wrapper.properties
@@ -2,4 +2,4 @@ distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-4.4-all.zip
diff --git a/local-cli/templates/HelloWorld/index.js b/local-cli/templates/HelloWorld/index.js
index 2d090c1de7b1c6..802b4350d6f3c9 100644
--- a/local-cli/templates/HelloWorld/index.js
+++ b/local-cli/templates/HelloWorld/index.js
@@ -1,4 +1,7 @@
-import { AppRegistry } from 'react-native';
+/** @format */
+
+import {AppRegistry} from 'react-native';
 import App from './App';
+import {name as appName} from './app.json';
 
-AppRegistry.registerComponent('HelloWorld', () => App);
+AppRegistry.registerComponent(appName, () => App);
diff --git a/local-cli/templates/HelloWorld/ios/HelloWorld.xcodeproj/project.pbxproj b/local-cli/templates/HelloWorld/ios/HelloWorld.xcodeproj/project.pbxproj
index d004c9c3a14d80..7346f2749ea6ae 100644
--- a/local-cli/templates/HelloWorld/ios/HelloWorld.xcodeproj/project.pbxproj
+++ b/local-cli/templates/HelloWorld/ios/HelloWorld.xcodeproj/project.pbxproj
@@ -1173,7 +1173,7 @@
 					"$(inherited)",
 				);
 				INFOPLIST_FILE = HelloWorldTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
 				OTHER_LDFLAGS = (
 					"-ObjC",
@@ -1190,7 +1190,7 @@
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				COPY_PHASE_STRIP = NO;
 				INFOPLIST_FILE = HelloWorldTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
 				OTHER_LDFLAGS = (
 					"-ObjC",
@@ -1372,7 +1372,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -1407,7 +1407,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				VALIDATE_PRODUCT = YES;
diff --git a/local-cli/templates/HelloWorld/ios/HelloWorld/Info.plist b/local-cli/templates/HelloWorld/ios/HelloWorld/Info.plist
index a58201cfa82b98..51c65f5421210f 100644
--- a/local-cli/templates/HelloWorld/ios/HelloWorld/Info.plist
+++ b/local-cli/templates/HelloWorld/ios/HelloWorld/Info.plist
@@ -43,6 +43,8 @@
 	<key>NSAppTransportSecurity</key>
 	<!--See http://ste.vn/2015/06/10/configuring-app-transport-security-ios-9-osx-10-11/ -->
 	<dict>
+    <key>NSAllowsArbitraryLoads</key>
+    <true/>
 		<key>NSExceptionDomains</key>
 		<dict>
 			<key>localhost</key>
diff --git a/local-cli/upgrade/upgrade.js b/local-cli/upgrade/upgrade.js
index 93e3a7815d1f6a..f433961ebe59b3 100644
--- a/local-cli/upgrade/upgrade.js
+++ b/local-cli/upgrade/upgrade.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const chalk = require('chalk');
@@ -27,24 +30,24 @@ function validateAndUpgrade() {
   const projectDir = process.cwd();
 
   const packageJSON = JSON.parse(
-      fs.readFileSync(path.resolve(projectDir, 'package.json'), 'utf8')
+    fs.readFileSync(path.resolve(projectDir, 'package.json'), 'utf8'),
   );
 
   warn(
     'You should consider using the new upgrade tool based on Git. It ' +
-    'makes upgrades easier by resolving most conflicts automatically.\n' +
-    'To use it:\n' +
-    '- Go back to the old version of React Native\n' +
-    '- Run "npm install -g react-native-git-upgrade"\n' +
-    '- Run "react-native-git-upgrade"\n' +
-    'See https://facebook.github.io/react-native/docs/upgrading.html'
+      'makes upgrades easier by resolving most conflicts automatically.\n' +
+      'To use it:\n' +
+      '- Go back to the old version of React Native\n' +
+      '- Run "npm install -g react-native-git-upgrade"\n' +
+      '- Run "react-native-git-upgrade"\n' +
+      'See https://facebook.github.io/react-native/docs/upgrading.html',
   );
 
   const projectName = packageJSON.name;
   if (!projectName) {
     warn(
       'Your project needs to have a name, declared in package.json, ' +
-      'such as "name": "AwesomeApp". Please add a project name. Aborting.'
+        'such as "name": "AwesomeApp". Please add a project name. Aborting.',
     );
     return;
   }
@@ -53,7 +56,7 @@ function validateAndUpgrade() {
   if (!version) {
     warn(
       'Your "package.json" file doesn\'t seem to declare "react-native" as ' +
-      'a dependency. Nothing to upgrade. Aborting.'
+        'a dependency. Nothing to upgrade. Aborting.',
     );
     return;
   }
@@ -61,8 +64,8 @@ function validateAndUpgrade() {
   if (version === 'latest' || version === '*') {
     warn(
       'Some major releases introduce breaking changes.\n' +
-      'Please use a caret version number in your "package.json" file \n' +
-      'to avoid breakage. Use e.g. react-native: ^0.38.0. Aborting.'
+        'Please use a caret version number in your "package.json" file \n' +
+        'to avoid breakage. Use e.g. react-native: ^0.38.0. Aborting.',
     );
     return;
   }
@@ -70,15 +73,15 @@ function validateAndUpgrade() {
   const installed = JSON.parse(
     fs.readFileSync(
       path.resolve(projectDir, 'node_modules/react-native/package.json'),
-      'utf8'
-    )
+      'utf8',
+    ),
   );
 
   if (!semver.satisfies(installed.version, version)) {
     warn(
       'react-native version in "package.json" doesn\'t match ' +
-      'the installed version in "node_modules".\n' +
-      'Try running "npm install" to fix this. Aborting.'
+        'the installed version in "node_modules".\n' +
+        'Try running "npm install" to fix this. Aborting.',
     );
     return;
   }
@@ -88,25 +91,30 @@ function validateAndUpgrade() {
   if (!semver.valid(v)) {
     warn(
       "A valid version number for 'react-native' is not specified in your " +
-      "'package.json' file. Aborting."
+        "'package.json' file. Aborting.",
     );
     return;
   }
 
   console.log(
-    'Upgrading project to react-native v' + installed.version + '\n' +
-    'Check out the release notes and breaking changes: ' +
-    'https://github.com/facebook/react-native/releases/tag/v' +
-    semver.major(v) + '.' + semver.minor(v) + '.0'
+    'Upgrading project to react-native v' +
+      installed.version +
+      '\n' +
+      'Check out the release notes and breaking changes: ' +
+      'https://github.com/facebook/react-native/releases/tag/v' +
+      semver.major(v) +
+      '.' +
+      semver.minor(v) +
+      '.0',
   );
 
   // >= v0.21.0, we require react to be a peer dependency
   if (semver.gte(v, '0.21.0') && !packageJSON.dependencies.react) {
     warn(
       'Your "package.json" file doesn\'t seem to have "react" as a dependency.\n' +
-      '"react" was changed from a dependency to a peer dependency in react-native v0.21.0.\n' +
-      'Therefore, it\'s necessary to include "react" in your project\'s dependencies.\n' +
-      'Please run "npm install --save react", then re-run "react-native upgrade".\n'
+        '"react" was changed from a dependency to a peer dependency in react-native v0.21.0.\n' +
+        'Therefore, it\'s necessary to include "react" in your project\'s dependencies.\n' +
+        'Please run "npm install --save react", then re-run "react-native upgrade".\n',
     );
     return;
   }
@@ -114,18 +122,19 @@ function validateAndUpgrade() {
   if (semver.satisfies(v, '~0.26.0')) {
     warn(
       'React Native 0.26 introduced some breaking changes to the native files on iOS. You can\n' +
-      'perform them manually by checking the release notes or use "rnpm" ' +
-      'to do it automatically.\n' +
-      'Just run:\n' +
-      '"npm install -g rnpm && npm install rnpm-plugin-upgrade@0.26 --save-dev", ' +
-      'then run "rnpm upgrade".'
+        'perform them manually by checking the release notes or use "rnpm" ' +
+        'to do it automatically.\n' +
+        'Just run:\n' +
+        '"npm install -g rnpm && npm install rnpm-plugin-upgrade@0.26 --save-dev", ' +
+        'then run "rnpm upgrade".',
     );
   }
 
-  return new Promise((resolve) => {
+  return new Promise(resolve => {
     upgradeProjectFiles(projectDir, projectName);
     console.log(
-      'Successfully upgraded this project to react-native v' + installed.version
+      'Successfully upgraded this project to react-native v' +
+        installed.version,
     );
     resolve();
   });
@@ -137,10 +146,16 @@ function validateAndUpgrade() {
 function upgradeProjectFiles(projectDir, projectName) {
   // Just owerwrite
   copyProjectTemplateAndReplace(
-    path.resolve('node_modules', 'react-native', 'local-cli', 'templates', 'HelloWorld'),
+    path.resolve(
+      'node_modules',
+      'react-native',
+      'local-cli',
+      'templates',
+      'HelloWorld',
+    ),
     projectDir,
     projectName,
-    {upgrade: true}
+    {upgrade: true},
   );
 }
 
@@ -150,7 +165,8 @@ function warn(message) {
 
 const upgradeCommand = {
   name: 'upgrade',
-  description: 'upgrade your app\'s template files to the latest version; run this after ' +
+  description:
+    "upgrade your app's template files to the latest version; run this after " +
     'updating the react-native version in your package.json and running npm install',
   func: validateAndUpgrade,
 };
diff --git a/local-cli/util/Config.js b/local-cli/util/Config.js
index 9fc4487fe83ee8..2e78e5041eb4fa 100644
--- a/local-cli/util/Config.js
+++ b/local-cli/util/Config.js
@@ -42,6 +42,9 @@ function getProjectPath() {
 
 const resolveSymlinksForRoots = roots =>
   roots.reduce(
+    /* $FlowFixMe(>=0.70.0 site=react_native_fb) This comment suppresses an
+     * error found when Flow v0.70 was deployed. To see the error delete this
+     * comment and run Flow. */
     (arr, rootPath) => arr.concat(findSymlinkedModules(rootPath, roots)),
     [...roots],
   );
@@ -70,11 +73,15 @@ const Config = {
   DEFAULT: ({
     ...MetroConfig.DEFAULT,
     getBlacklistRE,
-    getProjectRoots,
-    getPolyfills,
     getModulesRunBeforeMainModule: () => [
       require.resolve('../../Libraries/Core/InitializeCore'),
     ],
+    getProjectRoots,
+    getPolyfills,
+    getWatchFolders: () => [getProjectPath()],
+    getResolverMainFields: () => ['react-native', 'browser', 'main'],
+    getTransformModulePath: () =>
+      require.resolve('metro/src/reactNativeTransformer'),
   }: ConfigT),
 
   find(startDir: string): ConfigT {
diff --git a/local-cli/util/PackageManager.js b/local-cli/util/PackageManager.js
index 89024ff2712baf..5493ebf56a3454 100644
--- a/local-cli/util/PackageManager.js
+++ b/local-cli/util/PackageManager.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const spawnSync = require('child_process').spawnSync;
@@ -25,8 +28,7 @@ function callYarnOrNpm(yarnCommand, npmCommand) {
 
   const projectDir = process.cwd();
   const isYarnAvailable =
-    yarn.getYarnVersionIfAvailable() &&
-    yarn.isGlobalCliUsingYarn(projectDir);
+    yarn.getYarnVersionIfAvailable() && yarn.isGlobalCliUsingYarn(projectDir);
 
   if (isYarnAvailable) {
     command = yarnCommand;
@@ -50,7 +52,7 @@ function callYarnOrNpm(yarnCommand, npmCommand) {
 function add(packageName) {
   return callYarnOrNpm(
     `yarn add ${packageName}`,
-    `npm install ${packageName} --save`
+    `npm install ${packageName} --save`,
   );
 }
 
@@ -62,7 +64,7 @@ function add(packageName) {
 function remove(packageName) {
   return callYarnOrNpm(
     `yarn remove ${packageName}`,
-    `npm uninstall --save ${packageName}`
+    `npm uninstall --save ${packageName}`,
   );
 }
 
diff --git a/local-cli/util/__mocks__/log.js b/local-cli/util/__mocks__/log.js
index 742b2c03701e49..19247b9490102e 100644
--- a/local-cli/util/__mocks__/log.js
+++ b/local-cli/util/__mocks__/log.js
@@ -3,8 +3,11 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
-module.exports.out = () => jest.genMockFn();
-module.exports.err = () => jest.genMockFn();
+module.exports.out = () => jest.fn();
+module.exports.err = () => jest.fn();
diff --git a/local-cli/util/assertRequiredOptions.js b/local-cli/util/assertRequiredOptions.js
index 877caf0583b9c7..4974d072876d45 100644
--- a/local-cli/util/assertRequiredOptions.js
+++ b/local-cli/util/assertRequiredOptions.js
@@ -3,11 +3,14 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
-const { Option } = require('commander');
-const { camelCase } = require('lodash');
+const {Option} = require('commander');
+const {camelCase} = require('lodash');
 
 // Commander.js has a 2 years old open issue to support <...> syntax
 // for options. Until that gets merged, we run the checks manually
diff --git a/local-cli/util/copyAndReplace.js b/local-cli/util/copyAndReplace.js
index 543bc6ecf012ee..9d42fad51f6ce2 100644
--- a/local-cli/util/copyAndReplace.js
+++ b/local-cli/util/copyAndReplace.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const fs = require('fs');
@@ -24,7 +27,12 @@ const binaryExtensions = ['.png', '.jar'];
  *        If null, files will be overwritten.
  *        Function(path, 'identical' | 'changed' | 'new') => 'keep' | 'overwrite'
  */
-function copyAndReplace(srcPath, destPath, replacements, contentChangedCallback) {
+function copyAndReplace(
+  srcPath,
+  destPath,
+  replacements,
+  contentChangedCallback,
+) {
   if (fs.lstatSync(srcPath).isDirectory()) {
     if (!fs.existsSync(destPath)) {
       fs.mkdirSync(destPath);
@@ -55,16 +63,22 @@ function copyAndReplace(srcPath, destPath, replacements, contentChangedCallback)
       shouldOverwrite = contentChangedCallback(destPath, contentChanged);
     }
     if (shouldOverwrite === 'overwrite') {
-      copyBinaryFile(srcPath, destPath, (err) => {
-        if (err) { throw err; }
+      copyBinaryFile(srcPath, destPath, err => {
+        if (err) {
+          throw err;
+        }
       });
     }
   } else {
     // Text file
     const srcPermissions = fs.statSync(srcPath).mode;
     let content = fs.readFileSync(srcPath, 'utf8');
-    Object.keys(replacements).forEach(regex =>
-      content = content.replace(new RegExp(regex, 'g'), replacements[regex])
+    Object.keys(replacements).forEach(
+      regex =>
+        (content = content.replace(
+          new RegExp(regex, 'g'),
+          replacements[regex],
+        )),
     );
 
     let shouldOverwrite = 'overwrite';
@@ -106,7 +120,7 @@ function copyBinaryFile(srcPath, destPath, cb) {
     done(err);
   });
   const writeStream = fs.createWriteStream(destPath, {
-    mode: srcPermissions
+    mode: srcPermissions,
   });
   writeStream.on('error', function(err) {
     done(err);
diff --git a/local-cli/util/findReactNativeScripts.js b/local-cli/util/findReactNativeScripts.js
index 28317cd60f2f9d..26e8b7decfed71 100644
--- a/local-cli/util/findReactNativeScripts.js
+++ b/local-cli/util/findReactNativeScripts.js
@@ -4,8 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @format
+ * @flow strict
  */
+
 'use strict';
 
 const path = require('path');
@@ -15,7 +17,7 @@ function findReactNativeScripts(): ?string {
   const executablePath = path.resolve(
     'node_modules',
     '.bin',
-    'react-native-scripts'
+    'react-native-scripts',
   );
   if (fs.existsSync(executablePath)) {
     return executablePath;
diff --git a/local-cli/util/findSymlinkedModules.js b/local-cli/util/findSymlinkedModules.js
index 428ed3ead05607..fd6eecdba53ed6 100644
--- a/local-cli/util/findSymlinkedModules.js
+++ b/local-cli/util/findSymlinkedModules.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict
  */
 
 const path = require('path');
diff --git a/local-cli/util/findSymlinksPaths.js b/local-cli/util/findSymlinksPaths.js
index e9d2d5670bfd26..8fc275fe5a7f26 100644
--- a/local-cli/util/findSymlinksPaths.js
+++ b/local-cli/util/findSymlinksPaths.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const path = require('path');
@@ -26,15 +28,12 @@ module.exports = function findSymlinksPaths(lookupFolder, ignoredRoots) {
       if (index !== -1) {
         throw Error(
           'Infinite symlink recursion detected:\n  ' +
-            visited.slice(index).join('\n  ')
+            visited.slice(index).join('\n  '),
         );
       }
 
       visited.push(symlink);
-      symlink = path.resolve(
-        path.dirname(symlink),
-        fs.readlinkSync(symlink)
-      );
+      symlink = path.resolve(path.dirname(symlink), fs.readlinkSync(symlink));
     }
 
     if (visited.length && !rootExists(ignoredRoots, symlink)) {
@@ -43,7 +42,11 @@ module.exports = function findSymlinksPaths(lookupFolder, ignoredRoots) {
   });
 
   const timeEnd = Date.now();
-  console.log(`Scanning ${folders.length} folders for symlinks in ${lookupFolder} (${timeEnd - timeStart}ms)`);
+  console.log(
+    `Scanning ${
+      folders.length
+    } folders for symlinks in ${lookupFolder} (${timeEnd - timeStart}ms)`,
+  );
 
   return resolvedSymlinks;
 };
diff --git a/local-cli/util/isPackagerRunning.js b/local-cli/util/isPackagerRunning.js
index 1384e6be953544..faae20676eea97 100644
--- a/local-cli/util/isPackagerRunning.js
+++ b/local-cli/util/isPackagerRunning.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const fetch = require('node-fetch');
@@ -17,12 +20,16 @@ const fetch = require('node-fetch');
  *   - `unrecognized`: one other process is running on the port we expect the
  *                     packager to be running.
  */
-function isPackagerRunning(packagerPort = (process.env.RCT_METRO_PORT || 8081)) {
+function isPackagerRunning(packagerPort = process.env.RCT_METRO_PORT || 8081) {
   return fetch(`http://localhost:${packagerPort}/status`).then(
-    res => res.text().then(body =>
-      body === 'packager-status:running' ? 'running' : 'unrecognized'
-    ),
-    () => 'not_running'
+    res =>
+      res
+        .text()
+        .then(
+          body =>
+            body === 'packager-status:running' ? 'running' : 'unrecognized',
+        ),
+    () => 'not_running',
   );
 }
 
diff --git a/local-cli/util/isValidPackageName.js b/local-cli/util/isValidPackageName.js
index 6bf1fdf91671d0..c0f5d1c93bcef3 100644
--- a/local-cli/util/isValidPackageName.js
+++ b/local-cli/util/isValidPackageName.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 function isValidPackageName(name) {
diff --git a/local-cli/util/log.js b/local-cli/util/log.js
index 6215de5e76e86d..345d68905533ca 100644
--- a/local-cli/util/log.js
+++ b/local-cli/util/log.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 var _enabled = true;
diff --git a/local-cli/util/parseCommandLine.js b/local-cli/util/parseCommandLine.js
index d216959d68c9ab..f26c4acf73bea0 100644
--- a/local-cli/util/parseCommandLine.js
+++ b/local-cli/util/parseCommandLine.js
@@ -16,7 +16,10 @@
  *
  * NOTE: This file is used internally at Facebook and not in `local-cli` itself.
  * No changes should be made to this file without prior discussion with FB team.
+ *
+ * @format
  */
+
 'use strict';
 
 var optimistModule = require('optimist');
diff --git a/local-cli/util/walk.js b/local-cli/util/walk.js
index 5ca1c8d52f32d3..3f97405812a7c2 100644
--- a/local-cli/util/walk.js
+++ b/local-cli/util/walk.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const fs = require('fs');
diff --git a/local-cli/util/yarn.js b/local-cli/util/yarn.js
index f2edb1c382df3c..ed3a74a498dec7 100644
--- a/local-cli/util/yarn.js
+++ b/local-cli/util/yarn.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const execSync = require('child_process').execSync;
@@ -19,9 +22,11 @@ function getYarnVersionIfAvailable() {
   let yarnVersion;
   try {
     // execSync returns a Buffer -> convert to string
-    yarnVersion = (execSync('yarn --version', {
-      stdio: [ 0, 'pipe', 'ignore', ]
-    }).toString() || '').trim();
+    yarnVersion = (
+      execSync('yarn --version', {
+        stdio: [0, 'pipe', 'ignore'],
+      }).toString() || ''
+    ).trim();
   } catch (error) {
     return null;
   }
diff --git a/local-cli/wrong-react-native.js b/local-cli/wrong-react-native.js
index 57f04feadc39d4..3b949818a05c43 100755
--- a/local-cli/wrong-react-native.js
+++ b/local-cli/wrong-react-native.js
@@ -5,6 +5,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 const isWindows = process.platform === 'win32';
@@ -14,23 +16,28 @@ if (isWindows) {
   const fs = require('fs');
   const path = require('path');
   // On Windows, assume we are installed globally if we can't find a package.json above node_modules.
-  installedGlobally = !(fs.existsSync(path.join(__dirname, '../../../package.json')));
+  installedGlobally = !fs.existsSync(
+    path.join(__dirname, '../../../package.json'),
+  );
 } else {
   // On non-windows, assume we are installed globally if we are called from outside of the node_mobules/.bin/react-native executable.
   var script = process.argv[1];
   installedGlobally = script.indexOf('node_modules/.bin/react-native') === -1;
 }
 
-
 if (installedGlobally) {
   const chalk = require('chalk');
 
-  console.error([
-    chalk.red('Looks like you installed react-native globally, maybe you meant react-native-cli?'),
-    chalk.red('To fix the issue, run:'),
-    'npm uninstall -g react-native',
-    'npm install -g react-native-cli'
-  ].join('\n'));
+  console.error(
+    [
+      chalk.red(
+        'Looks like you installed react-native globally, maybe you meant react-native-cli?',
+      ),
+      chalk.red('To fix the issue, run:'),
+      'npm uninstall -g react-native',
+      'npm install -g react-native-cli',
+    ].join('\n'),
+  );
   process.exit(1);
 } else {
   require('./cli').run();
diff --git a/package.json b/package.json
index 33f5268f154280..4b2ba2ffd28b79 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
     "url": "git@github.com:facebook/react-native.git"
   },
   "engines": {
-    "node": ">=4"
+    "node": ">=8.3"
   },
   "prettier": {
     "requirePragma": true,
@@ -20,7 +20,7 @@
   },
   "jest": {
     "transform": {
-      "^[./a-zA-Z0-9$_-]+\\.(bmp|gif|jpg|jpeg|mp4|png|psd|svg|webp)$": "<rootDir>/jest/assetFileTransformer.js",
+      "^.+\\.(bmp|gif|jpg|jpeg|mp4|png|psd|svg|webp)$": "<rootDir>/jest/assetFileTransformer.js",
       ".*": "./jest/preprocessor.js"
     },
     "setupFiles": [
@@ -37,6 +37,7 @@
     ],
     "haste": {
       "defaultPlatform": "ios",
+      "hasteImplModulePath": "<rootDir>/jest/hasteImpl.js",
       "providesModuleNodeModules": [
         "react-native"
       ],
@@ -122,40 +123,31 @@
   ],
   "scripts": {
     "test": "jest",
-    "test-ci": "JEST_JUNIT_OUTPUT=\"~/reports/junit/js-test-results.xml\" jest --maxWorkers=2 --ci --testResultsProcessor=\"jest-junit\"",
+    "test-ci": "JEST_JUNIT_OUTPUT=\"reports/junit/js-test-results.xml\" jest --maxWorkers=2 --ci --testResultsProcessor=\"jest-junit\"",
     "flow": "flow",
     "lint": "eslint .",
-    "prettier": "find . -name node_modules -prune -or -name '*.js' -print | xargs prettier --write",
+    "prettier": "prettier \"./**/*.js\" --write",
     "start": "/usr/bin/env bash -c './scripts/packager.sh \"$@\" || true' --",
-    "test-android-setup": "docker pull hramos/android-base:latest",
-    "test-android-build-base": "docker build -t hramos/android-base -f ContainerShip/Dockerfile.android-base .",
-    "test-android-build": "docker build -t react/android -f ContainerShip/Dockerfile.android .",
-    "test-android-run-instrumentation": "docker run --cap-add=SYS_ADMIN -it react/android bash ContainerShip/scripts/run-android-docker-instrumentation-tests.sh",
-    "test-android-run-unit": "docker run --cap-add=SYS_ADMIN -it react/android bash ContainerShip/scripts/run-android-docker-unit-tests.sh",
-    "test-android-run-e2e": "docker run --privileged -it react/android bash ContainerShip/scripts/run-ci-e2e-tests.sh --android --js",
-    "test-android-all": "npm run test-android-build && npm run test-android-run-unit && npm run test-android-run-instrumentation && npm run test-android-run-e2e",
-    "test-android-instrumentation": "npm run test-android-build && npm run test-android-run-instrumentation",
-    "test-android-unit": "npm run test-android-build && npm run test-android-run-unit",
-    "test-android-e2e": "npm run test-android-build && npm run test-android-run-e2e"
+    "docker-setup-android": "docker pull reactnativeci/android-base:latest",
+    "docker-build-android-base": "docker build -t reactnativeci/android-base -f ContainerShip/Dockerfile.android-base .",
+    "docker-build-android": "docker build -t reactnativeci/android -f ContainerShip/Dockerfile.android .",
+    "test-android-run-instrumentation": "docker run --cap-add=SYS_ADMIN -it reactnativeci/android bash ContainerShip/scripts/run-android-docker-instrumentation-tests.sh",
+    "test-android-run-unit": "docker run --cap-add=SYS_ADMIN -it reactnativeci/android bash ContainerShip/scripts/run-android-docker-unit-tests.sh",
+    "test-android-run-e2e": "docker run --privileged -it reactnativeci/android bash ContainerShip/scripts/run-ci-e2e-tests.sh --android --js",
+    "test-android-all": "yarn run docker-build-android && yarn run test-android-run-unit && yarn run test-android-run-instrumentation && yarn run test-android-run-e2e",
+    "test-android-instrumentation": "yarn run docker-build-android && yarn run test-android-run-instrumentation",
+    "test-android-unit": "yarn run docker-build-android && yarn run test-android-run-unit",
+    "test-android-e2e": "yarn run docker-build-android && yarn run test-android-run-e2e"
   },
   "bin": {
     "react-native": "local-cli/wrong-react-native.js"
   },
   "peerDependencies": {
-    "react": "^16.3.0-alpha.0"
+    "react": "16.4.1"
   },
   "dependencies": {
     "absolute-path": "^0.0.0",
     "art": "^0.10.0",
-    "babel-core": "^6.24.1",
-    "babel-plugin-syntax-trailing-function-commas": "^6.20.0",
-    "babel-plugin-transform-async-to-generator": "6.16.0",
-    "babel-plugin-transform-class-properties": "^6.18.0",
-    "babel-plugin-transform-exponentiation-operator": "^6.5.0",
-    "babel-plugin-transform-flow-strip-types": "^6.21.0",
-    "babel-plugin-transform-object-rest-spread": "^6.20.2",
-    "babel-register": "^6.24.1",
-    "babel-runtime": "^6.23.0",
     "base64-js": "^1.1.2",
     "chalk": "^1.1.1",
     "commander": "^2.9.0",
@@ -164,19 +156,21 @@
     "create-react-class": "^15.6.3",
     "debug": "^2.2.0",
     "denodeify": "^1.2.1",
-    "envinfo": "^3.0.0",
+    "envinfo": "^5.7.0",
     "errorhandler": "^1.5.0",
-    "eslint-plugin-react-native": "^3.2.1",
+    "escape-string-regexp": "^1.0.5",
     "event-target-shim": "^1.0.5",
-    "fbjs": "^0.8.14",
+    "fbjs": "0.8.17",
     "fbjs-scripts": "^0.8.1",
     "fs-extra": "^1.0.0",
     "glob": "^7.1.1",
     "graceful-fs": "^4.1.3",
     "inquirer": "^3.0.6",
     "lodash": "^4.17.5",
-    "metro": "^0.30.0",
-    "metro-core": "^0.30.0",
+    "metro": "^0.42.2",
+    "metro-babel-register": "^0.42.2",
+    "metro-core": "^0.42.2",
+    "metro-memory-fs": "^0.42.2",
     "mime": "^1.3.4",
     "minimist": "^1.2.0",
     "mkdirp": "^0.5.1",
@@ -186,12 +180,12 @@
     "npmlog": "^2.0.4",
     "opn": "^3.0.2",
     "optimist": "^0.6.1",
-    "plist": "^1.2.0",
+    "plist": "^3.0.0",
     "pretty-format": "^4.2.1",
     "promise": "^7.1.1",
     "prop-types": "^15.5.8",
     "react-clone-referenced-element": "^1.0.1",
-    "react-devtools-core": "3.1.0",
+    "react-devtools-core": "^3.2.2",
     "react-timer-mixin": "^0.13.2",
     "regenerator-runtime": "^0.11.0",
     "rimraf": "^2.5.4",
@@ -199,28 +193,31 @@
     "serve-static": "^1.13.1",
     "shell-quote": "1.6.1",
     "stacktrace-parser": "^0.1.3",
-    "whatwg-fetch": "^1.0.0",
     "ws": "^1.1.0",
     "xcode": "^0.9.1",
     "xmldoc": "^0.4.0",
     "yargs": "^9.0.0"
   },
   "devDependencies": {
-    "babel-eslint": "8.2.1",
-    "eslint": "4.17.0",
+    "@babel/core": "7.0.0-beta.54",
+    "async": "^2.4.0",
+    "babel-eslint": "9.0.0-beta.2",
+    "babel-generator": "^6.26.0",
+    "eslint": "5.1.0",
     "eslint-config-fb-strict": "22.1.0",
     "eslint-config-fbjs": "2.0.1",
-    "eslint-plugin-eslint-comments": "2.0.2",
+    "eslint-plugin-eslint-comments": "^3.0.1",
     "eslint-plugin-flowtype": "2.43.0",
     "eslint-plugin-jest": "21.8.0",
     "eslint-plugin-prettier": "2.6.0",
-    "eslint-plugin-react": "7.6.1",
-    "flow-bin": "^0.67.1",
-    "jest": "22.4.2",
-    "jest-junit": "3.6.0",
-    "prettier": "1.9.1",
-    "react": "^16.3.0-alpha.1",
-    "react-test-renderer": "^16.3.0-alpha.1",
+    "eslint-plugin-react": "7.8.2",
+    "eslint-plugin-react-native": "^3.2.1",
+    "flow-bin": "^0.76.0",
+    "jest": "23.4.1",
+    "jest-junit": "5.1.0",
+    "prettier": "1.13.6",
+    "react": "16.4.1",
+    "react-test-renderer": "16.4.1",
     "shelljs": "^0.7.8",
     "sinon": "^2.2.0"
   }
diff --git a/react-native-cli/index.js b/react-native-cli/index.js
index 5cde164967a715..fa83050700cedd 100755
--- a/react-native-cli/index.js
+++ b/react-native-cli/index.js
@@ -5,6 +5,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
@@ -60,12 +62,7 @@ var semver = require('semver');
 var options = require('minimist')(process.argv.slice(2));
 
 var CLI_MODULE_PATH = function() {
-  return path.resolve(
-    process.cwd(),
-    'node_modules',
-    'react-native',
-    'cli.js'
-  );
+  return path.resolve(process.cwd(), 'node_modules', 'react-native', 'cli.js');
 };
 
 var REACT_NATIVE_PACKAGE_JSON_PATH = function() {
@@ -73,7 +70,7 @@ var REACT_NATIVE_PACKAGE_JSON_PATH = function() {
     process.cwd(),
     'node_modules',
     'react-native',
-    'package.json'
+    'package.json',
   );
 };
 
@@ -90,7 +87,9 @@ function getYarnVersionIfAvailable() {
     if (process.platform.startsWith('win')) {
       yarnVersion = (execSync('yarn --version 2> NUL').toString() || '').trim();
     } else {
-      yarnVersion = (execSync('yarn --version 2>/dev/null').toString() || '').trim();
+      yarnVersion = (
+        execSync('yarn --version 2>/dev/null').toString() || ''
+      ).trim();
     }
   } catch (error) {
     return null;
@@ -119,51 +118,51 @@ if (cli) {
   cli.run();
 } else {
   if (options._.length === 0 && (options.h || options.help)) {
-    console.log([
-      '',
-      '  Usage: react-native [command] [options]',
-      '',
-      '',
-      '  Commands:',
-      '',
-      '    init <ProjectName> [options]  generates a new project and installs its dependencies',
-      '',
-      '  Options:',
-      '',
-      '    -h, --help    output usage information',
-      '    -v, --version use a specific version of React Native',
-      '    --template use an app template. Use --template to see available templates.',
-      '',
-    ].join('\n'));
+    console.log(
+      [
+        '',
+        '  Usage: react-native [command] [options]',
+        '',
+        '',
+        '  Commands:',
+        '',
+        '    init <ProjectName> [options]  generates a new project and installs its dependencies',
+        '',
+        '  Options:',
+        '',
+        '    -h, --help    output usage information',
+        '    -v, --version use a specific version of React Native',
+        '    --template use an app template. Use --template to see available templates.',
+        '',
+      ].join('\n'),
+    );
     process.exit(0);
   }
 
   if (commands.length === 0) {
     console.error(
-      'You did not pass any commands, run `react-native --help` to see a list of all available commands.'
+      'You did not pass any commands, run `react-native --help` to see a list of all available commands.',
     );
     process.exit(1);
   }
 
   switch (commands[0]) {
-  case 'init':
-    if (!commands[1]) {
+    case 'init':
+      if (!commands[1]) {
+        console.error('Usage: react-native init <ProjectName> [--verbose]');
+        process.exit(1);
+      } else {
+        init(commands[1], options);
+      }
+      break;
+    default:
       console.error(
-        'Usage: react-native init <ProjectName> [--verbose]'
+        'Command `%s` unrecognized. ' +
+          'Make sure that you have run `npm install` and that you are inside a react-native project.',
+        commands[0],
       );
       process.exit(1);
-    } else {
-      init(commands[1], options);
-    }
-    break;
-  default:
-    console.error(
-      'Command `%s` unrecognized. ' +
-      'Make sure that you have run `npm install` and that you are inside a react-native project.',
-      commands[0]
-    );
-    process.exit(1);
-    break;
+      break;
   }
 }
 
@@ -172,7 +171,7 @@ function validateProjectName(name) {
     console.error(
       '"%s" is not a valid name for a project. Please use a valid identifier ' +
         'name (alphanumeric).',
-      name
+      name,
     );
     process.exit(1);
   }
@@ -181,7 +180,7 @@ function validateProjectName(name) {
     console.error(
       '"%s" is not a valid name for a project. Please do not use the ' +
         'reserved word "React".',
-      name
+      name,
     );
     process.exit(1);
   }
@@ -212,10 +211,10 @@ function createAfterConfirmation(name, options) {
     message: 'Directory ' + name + ' already exists. Continue?',
     validator: /y[es]*|n[o]?/,
     warning: 'Must respond yes or no',
-    default: 'no'
+    default: 'no',
   };
 
-  prompt.get(property, function (err, result) {
+  prompt.get(property, function(err, result) {
     if (result.yesno[0] === 'y') {
       createProject(name, options);
     } else {
@@ -231,7 +230,7 @@ function createProject(name, options) {
 
   console.log(
     'This will walk you through creating a new React Native project in',
-    root
+    root,
   );
 
   if (!fs.existsSync(root)) {
@@ -246,9 +245,12 @@ function createProject(name, options) {
       start: 'node node_modules/react-native/local-cli/cli.js start',
       ios: 'react-native run-ios',
       android: 'react-native run-android',
-    }
+    },
   };
-  fs.writeFileSync(path.join(root, 'package.json'), JSON.stringify(packageJson));
+  fs.writeFileSync(
+    path.join(root, 'package.json'),
+    JSON.stringify(packageJson),
+  );
   process.chdir(root);
 
   run(root, projectName, options);
@@ -269,7 +271,7 @@ function getInstallPackage(rnPackage) {
 function run(root, projectName, options) {
   var rnPackage = options.version; // e.g. '0.38' or '/path/to/archive.tgz'
   var forceNpmClient = options.npm;
-  var yarnVersion = (!forceNpmClient) && getYarnVersionIfAvailable();
+  var yarnVersion = !forceNpmClient && getYarnVersionIfAvailable();
   var installCommand;
   if (options.installCommand) {
     // In CI environments it can be useful to provide a custom command,
@@ -286,9 +288,12 @@ function run(root, projectName, options) {
     } else {
       console.log('Installing ' + getInstallPackage(rnPackage) + '...');
       if (!forceNpmClient) {
-        console.log('Consider installing yarn to make this faster: https://yarnpkg.com');
+        console.log(
+          'Consider installing yarn to make this faster: https://yarnpkg.com',
+        );
       }
-      installCommand = 'npm install --save --save-exact ' + getInstallPackage(rnPackage);
+      installCommand =
+        'npm install --save --save-exact ' + getInstallPackage(rnPackage);
       if (options.verbose) {
         installCommand += ' --verbose';
       }
@@ -312,13 +317,15 @@ function checkNodeVersion() {
     return;
   }
   if (!semver.satisfies(process.version, packageJson.engines.node)) {
-    console.error(chalk.red(
+    console.error(
+      chalk.red(
         'You are currently running Node %s but React Native requires %s. ' +
-        'Please use a supported version of Node.\n' +
-        'See https://facebook.github.io/react-native/docs/getting-started.html'
+          'Please use a supported version of Node.\n' +
+          'See https://facebook.github.io/react-native/docs/getting-started.html',
       ),
       process.version,
-      packageJson.engines.node);
+      packageJson.engines.node,
+    );
   }
 }
 
@@ -327,7 +334,9 @@ function printVersionsAndExit(reactNativePackageJsonPath) {
   try {
     console.log('react-native: ' + require(reactNativePackageJsonPath).version);
   } catch (e) {
-    console.log('react-native: n/a - not inside a React Native project directory');
+    console.log(
+      'react-native: n/a - not inside a React Native project directory',
+    );
   }
   process.exit();
 }
diff --git a/react-native-git-upgrade/checks.js b/react-native-git-upgrade/checks.js
index 1660addd00e2b8..88be3ac07853d6 100644
--- a/react-native-git-upgrade/checks.js
+++ b/react-native-git-upgrade/checks.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const {execSync} = require('child_process');
@@ -12,7 +15,7 @@ const semver = require('semver');
 function checkDeclaredVersion(declaredVersion) {
   if (!declaredVersion) {
     throw new Error(
-      'Your "package.json" file doesn\'t seem to have "react-native" as a dependency.'
+      'Your "package.json" file doesn\'t seem to have "react-native" as a dependency.',
     );
   }
 }
@@ -20,11 +23,15 @@ function checkDeclaredVersion(declaredVersion) {
 function checkMatchingVersions(currentVersion, declaredVersion, useYarn) {
   if (!semver.satisfies(currentVersion, declaredVersion)) {
     throw new Error(
-      'react-native version in "package.json" (' + declaredVersion + ') doesn\'t match ' +
-      'the installed version in "node_modules" (' + currentVersion + ').\n' +
-      (useYarn ?
-        'Try running "yarn" to fix this.' :
-        'Try running "npm install" to fix this.')
+      'react-native version in "package.json" (' +
+        declaredVersion +
+        ") doesn't match " +
+        'the installed version in "node_modules" (' +
+        currentVersion +
+        ').\n' +
+        (useYarn
+          ? 'Try running "yarn" to fix this.'
+          : 'Try running "npm install" to fix this.'),
     );
   }
 }
@@ -33,10 +40,10 @@ function checkReactPeerDependency(currentVersion, declaredReactVersion) {
   if (semver.lt(currentVersion, '0.21.0') && !declaredReactVersion) {
     throw new Error(
       'Your "package.json" file doesn\'t seem to have "react" as a dependency.\n' +
-      '"react" was changed from a dependency to a peer dependency in react-native v0.21.0.\n' +
-      'Therefore, it\'s necessary to include "react" in your project\'s dependencies.\n' +
-      'Please run "npm install --save react", then re-run ' +
-      '"react-native upgrade".'
+        '"react" was changed from a dependency to a peer dependency in react-native v0.21.0.\n' +
+        'Therefore, it\'s necessary to include "react" in your project\'s dependencies.\n' +
+        'Please run "npm install --save react", then re-run ' +
+        '"react-native upgrade".',
     );
   }
 }
@@ -47,7 +54,7 @@ function checkGitAvailable() {
   } catch (error) {
     throw new Error(
       '"react-native-git-upgrade" requires "git" to be available in path. ' +
-      'Please install Git (https://git-scm.com)"'
+        'Please install Git (https://git-scm.com)"',
     );
   }
 }
diff --git a/react-native-git-upgrade/cli.js b/react-native-git-upgrade/cli.js
index 94647fd16c48da..19103c9fefb9df 100644
--- a/react-native-git-upgrade/cli.js
+++ b/react-native-git-upgrade/cli.js
@@ -3,16 +3,19 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 require('babel-register')({
   presets: [
     require('babel-preset-es2015-node'),
-    require('babel-preset-stage-3')
+    require('babel-preset-stage-3'),
   ],
   // Enable transpiling for react-native-git-upgrade AND the generator, just like the upgrade CLI command does
-  only: /(react-native-git-upgrade\/(?!(node_modules)))|(local-cli\/generator)/
+  only: /(react-native-git-upgrade\/(?!(node_modules)))|(local-cli\/generator)/,
 });
 
 var cliEntry = require('./cliEntry');
diff --git a/react-native-git-upgrade/cliEntry.js b/react-native-git-upgrade/cliEntry.js
index a9cbfa5641f369..bb3afc61e6f65d 100644
--- a/react-native-git-upgrade/cliEntry.js
+++ b/react-native-git-upgrade/cliEntry.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const fs = require('fs');
@@ -36,7 +39,8 @@ log.heading = 'git-upgrade';
  */
 function exec(command, logOutput, logger = null) {
   return new Promise((resolve, reject) => {
-    let stderr, stdout = '';
+    let stderr,
+      stdout = '';
     const child = shell.exec(command, {async: true, silent: true});
 
     child.stdout.on('data', data => {
@@ -63,22 +67,26 @@ function exec(command, logOutput, logger = null) {
       if (code === 0) {
         resolve(stdout);
       } else if (code) {
-        reject(new Error(`Command '${command}' exited with code ${code}:
+        reject(
+          new Error(`Command '${command}' exited with code ${code}:
 stderr: ${stderr}
-stdout: ${stdout}`));
+stdout: ${stdout}`),
+        );
       } else {
-        reject(new Error(`Command '${command}' terminated with signal '${signal}':
+        reject(
+          new Error(`Command '${command}' terminated with signal '${signal}':
 stderr: ${stderr}
-stdout: ${stdout}`));
+stdout: ${stdout}`),
+        );
       }
     });
   });
 }
 
 function parseJsonFile(path, useYarn) {
-  const installHint = useYarn ?
-    'Make sure you ran "yarn" and that you are inside a React Native project.' :
-    'Make sure you ran "npm install" and that you are inside a React Native project.';
+  const installHint = useYarn
+    ? 'Make sure you ran "yarn" and that you are inside a React Native project.'
+    : 'Make sure you ran "npm install" and that you are inside a React Native project.';
   let fileContents;
   try {
     fileContents = fs.readFileSync(path, 'utf8');
@@ -94,18 +102,22 @@ function parseJsonFile(path, useYarn) {
 
 function readPackageFiles(useYarn) {
   const reactNativeNodeModulesPakPath = path.resolve(
-    process.cwd(), 'node_modules', 'react-native', 'package.json'
+    process.cwd(),
+    'node_modules',
+    'react-native',
+    'package.json',
   );
   const reactNodeModulesPakPath = path.resolve(
-    process.cwd(), 'node_modules', 'react', 'package.json'
-  );
-  const pakPath = path.resolve(
-    process.cwd(), 'package.json'
+    process.cwd(),
+    'node_modules',
+    'react',
+    'package.json',
   );
+  const pakPath = path.resolve(process.cwd(), 'package.json');
   return {
     reactNativeNodeModulesPak: parseJsonFile(reactNativeNodeModulesPakPath),
     reactNodeModulesPak: parseJsonFile(reactNodeModulesPakPath),
-    pak: parseJsonFile(pakPath)
+    pak: parseJsonFile(pakPath),
   };
 }
 
@@ -121,15 +133,16 @@ function parseInformationJsonOutput(jsonOutput, requestedVersion) {
     return {newVersion, newReactVersionRange};
   } catch (err) {
     throw new Error(
-      'The specified version of React Native ' + requestedVersion + ' doesn\'t exist.\n' +
-      'Re-run the react-native-git-upgrade command with an existing version,\n' +
-      'for example: "react-native-git-upgrade 0.38.0",\n' +
-      'or without arguments to upgrade to the latest: "react-native-git-upgrade".'
+      'The specified version of React Native ' +
+        requestedVersion +
+        " doesn't exist.\n" +
+        'Re-run the react-native-git-upgrade command with an existing version,\n' +
+        'for example: "react-native-git-upgrade 0.38.0",\n' +
+        'or without arguments to upgrade to the latest: "react-native-git-upgrade".',
     );
   }
 }
 
-
 function setupWorkingDir(tmpDir) {
   return new Promise((resolve, reject) => {
     rimraf(tmpDir, err => {
@@ -163,7 +176,11 @@ function copyCurrentGitIgnoreFile(tmpDir) {
    */
   try {
     const gitignorePath = path.resolve(process.cwd(), '.gitignore');
-    const repoExcludePath = path.resolve(tmpDir, process.env.GIT_DIR, 'info/exclude');
+    const repoExcludePath = path.resolve(
+      tmpDir,
+      process.env.GIT_DIR,
+      'info/exclude',
+    );
     const content = fs.readFileSync(gitignorePath, 'utf8');
     fs.appendFileSync(repoExcludePath, content);
   } catch (err) {
@@ -188,7 +205,10 @@ function generateTemplates(generatorDir, appName, verbose) {
 }
 
 function runCopyAndReplace(generatorDir, appName) {
-  const copyProjectTemplateAndReplacePath = path.resolve(generatorDir, 'copyProjectTemplateAndReplace');
+  const copyProjectTemplateAndReplacePath = path.resolve(
+    generatorDir,
+    'copyProjectTemplateAndReplace',
+  );
   /*
    * This module is required twice during the process: for both old and new version
    * of React Native.
@@ -201,7 +221,7 @@ function runCopyAndReplace(generatorDir, appName) {
     path.resolve(generatorDir, '..', 'templates', 'HelloWorld'),
     process.cwd(),
     appName,
-    {upgrade: true, force: true}
+    {upgrade: true, force: true},
   );
 }
 
@@ -216,7 +236,9 @@ function runYeomanGenerators(generatorDir, appName, verbose) {
   const env = yeoman.createEnv();
   env.register(generatorDir, 'react:app');
   const generatorArgs = ['react:app', appName];
-  return new Promise((resolve) => env.run(generatorArgs, {upgrade: true, force: true}, resolve));
+  return new Promise(resolve =>
+    env.run(generatorArgs, {upgrade: true, force: true}, resolve),
+  );
 }
 
 /**
@@ -225,15 +247,17 @@ function runYeomanGenerators(generatorDir, appName, verbose) {
 async function checkForUpdates() {
   try {
     log.info('Check for updates');
-    const lastGitUpgradeVersion = await exec('npm view react-native-git-upgrade@latest version');
+    const lastGitUpgradeVersion = await exec(
+      'npm view react-native-git-upgrade@latest version',
+    );
     const current = require('./package').version;
     const latest = semver.clean(lastGitUpgradeVersion);
     if (semver.gt(latest, current)) {
       log.warn(
         'A more recent version of "react-native-git-upgrade" has been found.\n' +
-        `Current: ${current}\n` +
-        `Latest: ${latest}\n` +
-        'Please run "npm install -g react-native-git-upgrade"'
+          `Current: ${current}\n` +
+          `Latest: ${latest}\n` +
+          'Please run "npm install -g react-native-git-upgrade"',
       );
     }
   } catch (err) {
@@ -263,7 +287,13 @@ function shouldUseYarn(cliArgs, projectDir) {
  */
 async function run(requestedVersion, cliArgs) {
   const tmpDir = path.resolve(os.tmpdir(), 'react-native-git-upgrade');
-  const generatorDir = path.resolve(process.cwd(), 'node_modules', 'react-native', 'local-cli', 'generator');
+  const generatorDir = path.resolve(
+    process.cwd(),
+    'node_modules',
+    'react-native',
+    'local-cli',
+    'generator',
+  );
   let projectBackupCreated = false;
 
   try {
@@ -272,7 +302,11 @@ async function run(requestedVersion, cliArgs) {
     const useYarn = shouldUseYarn(cliArgs, path.resolve(process.cwd()));
 
     log.info('Read package.json files');
-    const {reactNativeNodeModulesPak, reactNodeModulesPak, pak} = readPackageFiles(useYarn);
+    const {
+      reactNativeNodeModulesPak,
+      reactNodeModulesPak,
+      pak,
+    } = readPackageFiles(useYarn);
     const appName = pak.name;
     const currentVersion = reactNativeNodeModulesPak.version;
     const currentReactVersion = reactNodeModulesPak.version;
@@ -294,11 +328,19 @@ async function run(requestedVersion, cliArgs) {
     checkGitAvailable();
 
     log.info('Get information from NPM registry');
-    const viewCommand = 'npm view react-native@' + (requestedVersion || 'latest') + ' --json';
+    const viewCommand =
+      'npm view react-native@' + (requestedVersion || 'latest') + ' --json';
     const jsonOutput = await exec(viewCommand, verbose);
-    const {newVersion, newReactVersionRange} = parseInformationJsonOutput(jsonOutput, requestedVersion);
+    const {newVersion, newReactVersionRange} = parseInformationJsonOutput(
+      jsonOutput,
+      requestedVersion,
+    );
     // Print which versions we're upgrading to
-    log.info('Upgrading to React Native ' + newVersion + (newReactVersionRange ? ', React ' + newReactVersionRange : ''));
+    log.info(
+      'Upgrading to React Native ' +
+        newVersion +
+        (newReactVersionRange ? ', React ' + newReactVersionRange : ''),
+    );
 
     log.info('Setup temporary working directory');
     await setupWorkingDir(tmpDir);
@@ -329,7 +371,10 @@ async function run(requestedVersion, cliArgs) {
     await exec('git add .', verbose);
 
     log.info('Commit old version template');
-    await exec('git commit -m "Old version" --allow-empty --no-verify', verbose);
+    await exec(
+      'git commit -m "Old version" --allow-empty --no-verify',
+      verbose,
+    );
 
     log.info('Install the new version');
     let installCommand;
@@ -339,7 +384,10 @@ async function run(requestedVersion, cliArgs) {
       installCommand = 'npm install --save --color=always';
     }
     installCommand += ' react-native@' + newVersion;
-    if (newReactVersionRange && !semver.satisfies(currentReactVersion, newReactVersionRange)) {
+    if (
+      newReactVersionRange &&
+      !semver.satisfies(currentReactVersion, newReactVersionRange)
+    ) {
       // Install React as well to avoid unmet peer dependency
       installCommand += ' react@' + newReactVersionRange;
     }
@@ -352,13 +400,22 @@ async function run(requestedVersion, cliArgs) {
     await exec('git add .', verbose);
 
     log.info('Commit new version template');
-    await exec('git commit -m "New version" --allow-empty --no-verify', verbose);
+    await exec(
+      'git commit -m "New version" --allow-empty --no-verify',
+      verbose,
+    );
 
     log.info('Generate the patch between the 2 versions');
-    const diffOutput = await exec('git diff --binary --no-color HEAD~1 HEAD', verbose);
+    const diffOutput = await exec(
+      'git diff --binary --no-color HEAD~1 HEAD',
+      verbose,
+    );
 
     log.info('Save the patch in temp directory');
-    const patchPath = path.resolve(tmpDir, `upgrade_${currentVersion}_${newVersion}.patch`);
+    const patchPath = path.resolve(
+      tmpDir,
+      `upgrade_${currentVersion}_${newVersion}.patch`,
+    );
     fs.writeFileSync(patchPath, diffOutput);
 
     log.info('Reset the 2 temporary commits');
@@ -376,14 +433,16 @@ async function run(requestedVersion, cliArgs) {
     } catch (err) {
       log.warn(
         'The upgrade process succeeded but there might be conflicts to be resolved. ' +
-        'See above for the list of files that have merge conflicts.');
+          'See above for the list of files that have merge conflicts. ' +
+          'If you don’t see the expected changes, try running:\n' +
+          `git apply --reject ${patchPath}`,
+      );
     } finally {
       log.info('Upgrade done');
       if (cliArgs.verbose) {
         log.info(`Temporary working directory: ${tmpDir}`);
       }
     }
-
   } catch (err) {
     log.error('An error occurred during upgrade:');
     log.error(err.stack);
diff --git a/react-native-git-upgrade/index.js b/react-native-git-upgrade/index.js
index dea50c344e9ab8..c5e927312507cb 100644
--- a/react-native-git-upgrade/index.js
+++ b/react-native-git-upgrade/index.js
@@ -5,30 +5,34 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 var argv = require('minimist')(process.argv.slice(2));
 var cli = require('./cli');
 
 if (argv._.length === 0 && (argv.h || argv.help)) {
-  console.log([
-    '',
-    '  Usage: react-native-git-upgrade [version] [options]',
-    '',
-    '',
-    '  Commands:',
-    '',
-    '    [Version]     upgrades React Native and app templates to the desired version',
-    '                  (latest, if not specified)',
-    '',
-    '  Options:',
-    '',
-    '    -h, --help    output usage information',
-    '    -v, --version output the version number',
-    '    --verbose output debugging info',
-    '    --npm force using the npm client even if your project uses yarn',
-    '',
-  ].join('\n'));
+  console.log(
+    [
+      '',
+      '  Usage: react-native-git-upgrade [version] [options]',
+      '',
+      '',
+      '  Commands:',
+      '',
+      '    [Version]     upgrades React Native and app templates to the desired version',
+      '                  (latest, if not specified)',
+      '',
+      '  Options:',
+      '',
+      '    -h, --help    output usage information',
+      '    -v, --version output the version number',
+      '    --verbose output debugging info',
+      '    --npm force using the npm client even if your project uses yarn',
+      '',
+    ].join('\n'),
+  );
   process.exit(0);
 }
 
@@ -37,5 +41,4 @@ if (argv._.length === 0 && (argv.v || argv.version)) {
   process.exit(0);
 }
 
-cli.run(argv._[0], argv)
-  .catch(console.error);
+cli.run(argv._[0], argv).catch(console.error);
diff --git a/react-native-git-upgrade/yarn.js b/react-native-git-upgrade/yarn.js
index 9e461190e458cd..b215cfa4a4ac39 100644
--- a/react-native-git-upgrade/yarn.js
+++ b/react-native-git-upgrade/yarn.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 const execSync = require('child_process').execSync;
@@ -22,7 +25,9 @@ function getYarnVersionIfAvailable() {
     if (process.platform.startsWith('win')) {
       yarnVersion = (execSync('yarn --version').toString() || '').trim();
     } else {
-      yarnVersion = (execSync('yarn --version 2>/dev/null').toString() || '').trim();
+      yarnVersion = (
+        execSync('yarn --version 2>/dev/null').toString() || ''
+      ).trim();
     }
   } catch (error) {
     return null;
diff --git a/react.gradle b/react.gradle
index 64b2f02f8cbf26..f048c07d4e3e82 100644
--- a/react.gradle
+++ b/react.gradle
@@ -23,7 +23,8 @@ void runBefore(String dependentTaskName, Task task) {
     }
 }
 
-gradle.projectsEvaluated {
+afterEvaluate {
+    def isAndroidLibrary = plugins.hasPlugin("com.android.library")
     // Grab all build types and product flavors
     def buildTypes = android.buildTypes.collect { type -> type.name }
     def productFlavors = android.productFlavors.collect { flavor -> flavor.name }
@@ -101,6 +102,24 @@ gradle.projectsEvaluated {
                 enabled config."bundleIn${targetName}" ||
                     config."bundleIn${buildTypeName.capitalize()}" ?:
                             targetName.toLowerCase().contains("release")
+
+                if (isAndroidLibrary) {
+                    doLast {
+                        def moveFunc = { resSuffix ->
+                            File originalDir = file("${resourcesDir}/drawable-${resSuffix}")
+                            if (originalDir.exists()) {
+                                File destDir = file("${resourcesDir}/drawable-${resSuffix}-v4")
+                                ant.move(file: originalDir, tofile: destDir)
+                            }
+                        }
+                        moveFunc.curry("ldpi").call()
+                        moveFunc.curry("mdpi").call()
+                        moveFunc.curry("hdpi").call()
+                        moveFunc.curry("xhdpi").call()
+                        moveFunc.curry("xxhdpi").call()
+                        moveFunc.curry("xxxhdpi").call()
+                    }
+                }
             }
 
             // Hook bundle${productFlavor}${buildType}JsAndAssets into the android build process
diff --git a/rn-get-polyfills.js b/rn-get-polyfills.js
index e7dd869c6f4ef6..db65ff2245b704 100644
--- a/rn-get-polyfills.js
+++ b/rn-get-polyfills.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @format
  */
 
 'use strict';
diff --git a/runXcodeTests.sh b/runXcodeTests.sh
index d4524a4a63842b..9b9b00b99ae487 100755
--- a/runXcodeTests.sh
+++ b/runXcodeTests.sh
@@ -1,18 +1,20 @@
-#!/bin/sh
+#!/bin/bash
+# This script should be run from the react-native root
 
-# Run from react-native root
+THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
+source "scripts/.tests.env"
 
-set -e
-
-if [ -z "$1" ]
+if [ -n "$1" ]
   then
-    echo "You must supply an OS version as the first arg, e.g. 8.1"
-    exit 255
+    echo "Overriding..."
+    IOS_TARGET_OS="${1}"
+    SDK="iphonesimulator${1}"
+    DESTINATION="platform=iOS Simulator,OS=${IOS_TARGET_OS},name=${IOS_DEVICE}"
 fi
 
-xctool \
-  -project RNTester/RNTester.xcodeproj \
-  -scheme RNTester \
-  -sdk iphonesimulator${1} \
-  -destination "platform=iOS Simulator,OS=${1},name=iPhone 5" \
+xcodebuild \
+  -project "RNTester/RNTester.xcodeproj" \
+  -scheme $SCHEME \
+  -sdk $SDK \
+  -destination "$DESTINATION" \
   build test
diff --git a/scripts/.tests.env b/scripts/.tests.env
new file mode 100644
index 00000000000000..e9d918ec476ec1
--- /dev/null
+++ b/scripts/.tests.env
@@ -0,0 +1,34 @@
+# These should match the recommended versions listed in
+# https://facebook.github.io/react-native/docs/getting-started.html
+
+
+## ANDROID ##
+# Android SDK Build Tools revision
+export ANDROID_SDK_BUILD_TOOLS_REVISION=26.0.3
+# Android API Level we build with
+export ANDROID_SDK_BUILD_API_LEVEL="26"
+# Google APIs for Android level
+export ANDROID_GOOGLE_API_LEVEL="23"
+# Minimum Android API Level we target
+export ANDROID_SDK_TARGET_API_LEVEL="19"
+# Android Virtual Device name
+export AVD_NAME="testAVD"
+# ABI to use in Android Virtual Device
+export AVD_ABI=x86
+
+## IOS ##
+export IOS_TARGET_OS="11.4"
+export IOS_DEVICE="iPhone 5s"
+
+export SCHEME="RNTester"
+export SDK="iphonesimulator${IOS_TARGET_OS}"
+export DESTINATION="platform=iOS Simulator,OS=${IOS_TARGET_OS},name=${IOS_DEVICE}"
+
+## CI OVERRIDES ##
+# Values to override when running in CI
+# $CI is set by Circle CI
+if [ $CI ]; then
+  # Use ARM on Circle CI
+  export AVD_ABI=armeabi-v7a
+fi
+
diff --git a/scripts/android-e2e-test.js b/scripts/android-e2e-test.js
index bb0e109607defd..f23371b106c214 100644
--- a/scripts/android-e2e-test.js
+++ b/scripts/android-e2e-test.js
@@ -21,9 +21,11 @@
  * - (cd android && ./gradlew :app:copyDownloadableDepsToLibs)
  * - buck build android/app
  * - node ../node_modules/.bin/_mocha ../android-e2e-test.js
+ *
+ * @format
  */
 
- /* eslint-env mocha */
+/* eslint-env mocha */
 
 'use strict';
 
@@ -35,27 +37,32 @@ require('colors');
 // value in ms to print out screen contents, set this value in CI to debug if tests are failing
 const appiumDebugInterval = process.env.APPIUM_DEBUG_INTERVAL;
 
-describe('Android Test App', function () {
+describe('Android Test App', function() {
   this.timeout(600000);
   let driver;
   let debugIntervalId;
 
-  before(function () {
+  before(function() {
     driver = wd.promiseChainRemote({
       host: 'localhost',
-      port: 4723
+      port: 4723,
     });
-    driver.on('status', function (info) {
+    driver.on('status', function(info) {
       console.log(info.cyan);
     });
-    driver.on('command', function (method, path, data) {
+    driver.on('command', function(method, path, data) {
       if (path === 'source()' && data) {
-        console.log(' > ' + method.yellow, 'Screen contents'.grey, '\n', pd.xml(data).yellow);
+        console.log(
+          ' > ' + method.yellow,
+          'Screen contents'.grey,
+          '\n',
+          pd.xml(data).yellow,
+        );
       } else {
         console.log(' > ' + method.yellow, path.grey, data || '');
       }
     });
-    driver.on('http', function (method, path, data) {
+    driver.on('http', function(method, path, data) {
       console.log(' > ' + method.magenta, path, (data || '').grey);
     });
 
@@ -70,7 +77,7 @@ describe('Android Test App', function () {
     const desired = {
       platformName: 'Android',
       deviceName: 'Android Emulator',
-      app: path.resolve('buck-out/gen/android/app/app.apk')
+      app: path.resolve('buck-out/gen/android/app/app.apk'),
     };
 
     // React Native in dev mode often starts with Red Box "Can't fibd variable __fbBatchedBridge..."
@@ -78,56 +85,79 @@ describe('Android Test App', function () {
     return driver
       .init(desired)
       .setImplicitWaitTimeout(5000)
-      .waitForElementByXPath('//android.widget.Button[@text="Reload JS"]').
-      then((elem) => {
-        elem.click();
-      }, (err) => {
-        // ignoring if Reload JS button can't be located
-      })
+      .waitForElementByXPath('//android.widget.Button[@text="Reload JS"]')
+      .then(
+        elem => {
+          elem.click();
+        },
+        err => {
+          // ignoring if Reload JS button can't be located
+        },
+      )
       .setImplicitWaitTimeout(150000);
   });
 
-  after(function () {
+  after(function() {
     if (debugIntervalId) {
       clearInterval(debugIntervalId);
     }
     return driver.quit();
   });
 
-  it('should have Hot Module Reloading working', function () {
+  it('should have Hot Module Reloading working', function() {
     const androidAppCode = fs.readFileSync('index.js', 'utf-8');
     let intervalToUpdate;
-    return driver
-      .waitForElementByXPath('//android.widget.TextView[starts-with(@text, "Welcome to React Native!")]')
-      // http://developer.android.com/reference/android/view/KeyEvent.html#KEYCODE_MENU
-      .pressDeviceKey(82)
-      .elementByXPath('//android.widget.TextView[starts-with(@text, "Enable Hot Reloading")]')
-      .click()
-      .waitForElementByXPath('//android.widget.TextView[starts-with(@text, "Welcome to React Native!")]')
-      .then(() => {
-        let iteration = 0;
-        // CI environment can be quite slow and we can't guarantee that it can consistently motice a file change
-        // so we change the file every few seconds just in case
-        intervalToUpdate = setInterval(() => {
-          fs.writeFileSync('index.js', androidAppCode.replace('Welcome to React Native!', 'Welcome to React Native with HMR!' + iteration), 'utf-8');
-        }, 3000);
-      })
-      .waitForElementByXPath('//android.widget.TextView[starts-with(@text, "Welcome to React Native with HMR!")]')
-      .finally(() => {
-        clearInterval(intervalToUpdate);
-        fs.writeFileSync('index.js', androidAppCode, 'utf-8');
-      });
+    return (
+      driver
+        .waitForElementByXPath(
+          '//android.widget.TextView[starts-with(@text, "Welcome to React Native!")]',
+        )
+        // http://developer.android.com/reference/android/view/KeyEvent.html#KEYCODE_MENU
+        .pressDeviceKey(82)
+        .elementByXPath(
+          '//android.widget.TextView[starts-with(@text, "Enable Hot Reloading")]',
+        )
+        .click()
+        .waitForElementByXPath(
+          '//android.widget.TextView[starts-with(@text, "Welcome to React Native!")]',
+        )
+        .then(() => {
+          let iteration = 0;
+          // CI environment can be quite slow and we can't guarantee that it can consistently motice a file change
+          // so we change the file every few seconds just in case
+          intervalToUpdate = setInterval(() => {
+            fs.writeFileSync(
+              'index.js',
+              androidAppCode.replace(
+                'Welcome to React Native!',
+                'Welcome to React Native with HMR!' + iteration,
+              ),
+              'utf-8',
+            );
+          }, 3000);
+        })
+        .waitForElementByXPath(
+          '//android.widget.TextView[starts-with(@text, "Welcome to React Native with HMR!")]',
+        )
+        .finally(() => {
+          clearInterval(intervalToUpdate);
+          fs.writeFileSync('index.js', androidAppCode, 'utf-8');
+        })
+    );
   });
 
-
-  it('should have Debug In Chrome working', function () {
+  it('should have Debug In Chrome working', function() {
     const androidAppCode = fs.readFileSync('index.js', 'utf-8');
     // http://developer.android.com/reference/android/view/KeyEvent.html#KEYCODE_MENU
     return driver
-      .waitForElementByXPath('//android.widget.TextView[starts-with(@text, "Welcome to React Native!")]')
+      .waitForElementByXPath(
+        '//android.widget.TextView[starts-with(@text, "Welcome to React Native!")]',
+      )
       .pressDeviceKey(82)
       .elementByXPath('//android.widget.TextView[starts-with(@text, "Debug")]')
       .click()
-      .waitForElementByXPath('//android.widget.TextView[starts-with(@text, "Welcome to React Native!")]');
+      .waitForElementByXPath(
+        '//android.widget.TextView[starts-with(@text, "Welcome to React Native!")]',
+      );
   });
 });
diff --git a/scripts/circle-ci-android-setup.sh b/scripts/android-setup.sh
similarity index 60%
rename from scripts/circle-ci-android-setup.sh
rename to scripts/android-setup.sh
index c5a0a1f31b52b7..6492173f3f8de1 100644
--- a/scripts/circle-ci-android-setup.sh
+++ b/scripts/android-setup.sh
@@ -1,36 +1,28 @@
 # inspired by https://github.com/Originate/guide/blob/master/android/guide/Continuous%20Integration.md
 
-# SDK Built Tools revision, per http://facebook.github.io/react-native/docs/getting-started.html
-ANDROID_SDK_BUILD_TOOLS_REVISION=23.0.1
-# API Level we build with
-ANDROID_SDK_BUILD_API_LEVEL="23"
-# Minimum API Level we target, used for emulator image
-ANDROID_SDK_TARGET_API_LEVEL="19"
-# Emulator name
-AVD_NAME="testAVD"
+source "scripts/.tests.env"
 
-function getAndroidSDK {
-  export PATH="$ANDROID_HOME/platform-tools:$ANDROID_HOME/tools:$PATH"
+function getAndroidPackages {
+  export PATH="$ANDROID_HOME/platform-tools:$ANDROID_HOME/tools:$ANDROID_HOME/tools.bin:$PATH"
 
   DEPS="$ANDROID_HOME/installed-dependencies"
 
-  if [ ! -e $DEPS ]; then
-    echo "Installing Android API level $ANDROID_SDK_TARGET_API_LEVEL, Google APIs, ARM EABI v7a system image..."
-    sdkmanager "system-images;android-$ANDROID_SDK_TARGET_API_LEVEL;google_apis;armeabi-v7a"
-# x86 image requires hardware acceleration, which is not supported when running within the CircleCI Docker image
-#    echo "Installing Android API level $ANDROID_SDK_TARGET_API_LEVEL, Google APIs, Intel x86 Atom system image..."
-#    sdkmanager "system-images;android-$ANDROID_SDK_TARGET_API_LEVEL;google_apis;x86"
+  # Package names can be obtained using `sdkmanager --list`
+  if [ ! -e $DEPS ] || [ ! $CI ]; then
+    echo "Installing Android API level $ANDROID_SDK_TARGET_API_LEVEL, Google APIs, $AVD_ABI system image..."
+    sdkmanager "system-images;android-$ANDROID_SDK_TARGET_API_LEVEL;google_apis;$AVD_ABI"
     echo "Installing build SDK for Android API level $ANDROID_SDK_BUILD_API_LEVEL..."
     sdkmanager "platforms;android-$ANDROID_SDK_BUILD_API_LEVEL"
     echo "Installing target SDK for Android API level $ANDROID_SDK_TARGET_API_LEVEL..."
     sdkmanager "platforms;android-$ANDROID_SDK_TARGET_API_LEVEL"
     echo "Installing SDK build tools, revision $ANDROID_SDK_BUILD_TOOLS_REVISION..."
     sdkmanager "build-tools;$ANDROID_SDK_BUILD_TOOLS_REVISION"
-    echo "Installing Google APIs for Android API level $ANDROID_SDK_BUILD_API_LEVEL..."
-    sdkmanager "add-ons;addon-google_apis-google-$ANDROID_SDK_BUILD_API_LEVEL"
+    # These moved to "system-images;android-$ANDROID_SDK_BUILD_API_LEVEL;google_apis;x86" starting with API level 25, but there is no ARM version.
+    echo "Installing Google APIs $ANDROID_GOOGLE_API_LEVEL..."
+    sdkmanager "add-ons;addon-google_apis-google-$ANDROID_GOOGLE_API_LEVEL"
     echo "Installing Android Support Repository"
     sdkmanager "extras;android;m2repository"
-    touch $DEPS
+    $CI && touch $DEPS
   fi
 }
 
@@ -41,25 +33,30 @@ function getAndroidNDK {
   if [ ! -e $DEPS ]; then
     cd $NDK_HOME
     echo "Downloading NDK..."
-    curl -o ndk.zip https://dl.google.com/android/repository/android-ndk-r10e-linux-x86.zip
-    curl -o ndk_64.zip https://dl.google.com/android/repository/android-ndk-r10e-linux-x86_64.zip
+    curl -o ndk.zip https://dl.google.com/android/repository/android-ndk-r10e-linux-x86_64.zip
     unzip -o -q ndk.zip
-    unzip -o -q ndk_64.zip
     echo "Installed Android NDK at $NDK_HOME"
     touch $DEPS
     rm ndk.zip
-    rm ndk_64.zip
   fi
 }
 
 function createAVD {
-  echo no | avdmanager create avd --name $AVD_NAME --force --package "system-images;android-$ANDROID_SDK_TARGET_API_LEVEL;google_apis;armeabi-v7a" --tag google_apis --abi armeabi-v7a
+  AVD_PACKAGES="system-images;android-$ANDROID_SDK_TARGET_API_LEVEL;google_apis;$AVD_ABI"
+  echo "Creating AVD with packages $AVD_PACKAGES"
+  echo no | avdmanager create avd --name $AVD_NAME --force --package $AVD_PACKAGES --tag google_apis --abi $AVD_ABI
 }
 
 function launchAVD {
+  export PATH="$ANDROID_HOME/emulator:$PATH"
+
   # The AVD name here should match the one created in createAVD
-  # emulator64-arm -avd $AVD_NAME -no-audio -no-window -no-boot-anim -gpu off
-  emulator -avd $AVD_NAME -no-audio -no-window
+  if [ $CI ]
+  then
+    emulator -avd $AVD_NAME -no-audio -no-window
+  else
+    emulator -avd $AVD_NAME
+  fi
 }
 
 function waitForAVD {
diff --git a/scripts/bump-oss-version.js b/scripts/bump-oss-version.js
index 11ac0f940e0f95..6af9eb22706e94 100755
--- a/scripts/bump-oss-version.js
+++ b/scripts/bump-oss-version.js
@@ -4,6 +4,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 'use strict';
 
@@ -14,13 +16,7 @@
  * All you have to do is push changes to remote and CI will make a new build.
  */
 const fs = require('fs');
-const {
-  cat,
-  echo,
-  exec,
-  exit,
-  sed,
-} = require('shelljs');
+const {cat, echo, exec, exit, sed} = require('shelljs');
 
 const minimist = require('minimist');
 
@@ -30,7 +26,9 @@ let argv = minimist(process.argv.slice(2), {
 });
 
 // - check we are in release branch, e.g. 0.33-stable
-let branch = exec('git symbolic-ref --short HEAD', {silent: true}).stdout.trim();
+let branch = exec('git symbolic-ref --short HEAD', {
+  silent: true,
+}).stdout.trim();
 
 if (branch.indexOf('-stable') === -1) {
   echo('You must be in 0.XX-stable branch to bump a version');
@@ -44,14 +42,18 @@ let versionMajor = branch.slice(0, branch.indexOf('-stable'));
 // e.g. 0.33.1 or 0.33.0-rc4
 let version = argv._[0];
 if (!version || version.indexOf(versionMajor) !== 0) {
-  echo(`You must pass a tag like 0.${versionMajor}.[X]-rc[Y] to bump a version`);
+  echo(
+    `You must pass a tag like 0.${versionMajor}.[X]-rc[Y] to bump a version`,
+  );
   exit(1);
 }
 
 // Generate version files to detect mismatches between JS and native.
 let match = version.match(/^(\d+)\.(\d+)\.(\d+)(?:-(.+))?$/);
 if (!match) {
-  echo(`You must pass a correctly formatted version; couldn't parse ${version}`);
+  echo(
+    `You must pass a correctly formatted version; couldn't parse ${version}`,
+  );
   exit(1);
 }
 let [, major, minor, patch, prerelease] = match;
@@ -62,8 +64,11 @@ fs.writeFileSync(
     .replace('${major}', major)
     .replace('${minor}', minor)
     .replace('${patch}', patch)
-    .replace('${prerelease}', prerelease !== undefined ? `"${prerelease}"` : 'null'),
-  'utf-8'
+    .replace(
+      '${prerelease}',
+      prerelease !== undefined ? `"${prerelease}"` : 'null',
+    ),
+  'utf-8',
 );
 
 fs.writeFileSync(
@@ -72,8 +77,11 @@ fs.writeFileSync(
     .replace('${major}', `@(${major})`)
     .replace('${minor}', `@(${minor})`)
     .replace('${patch}', `@(${patch})`)
-    .replace('${prerelease}', prerelease !== undefined ? `@"${prerelease}"` : '[NSNull null]'),
-  'utf-8'
+    .replace(
+      '${prerelease}',
+      prerelease !== undefined ? `@"${prerelease}"` : '[NSNull null]',
+    ),
+  'utf-8',
 );
 
 fs.writeFileSync(
@@ -82,8 +90,11 @@ fs.writeFileSync(
     .replace('${major}', major)
     .replace('${minor}', minor)
     .replace('${patch}', patch)
-    .replace('${prerelease}', prerelease !== undefined ? `'${prerelease}'` : 'null'),
-  'utf-8'
+    .replace(
+      '${prerelease}',
+      prerelease !== undefined ? `'${prerelease}'` : 'null',
+    ),
+  'utf-8',
 );
 
 let packageJson = JSON.parse(cat('package.json'));
@@ -91,16 +102,27 @@ packageJson.version = version;
 fs.writeFileSync('package.json', JSON.stringify(packageJson, null, 2), 'utf-8');
 
 // - change ReactAndroid/gradle.properties
-if (sed('-i', /^VERSION_NAME=.*/, `VERSION_NAME=${version}`, 'ReactAndroid/gradle.properties').code) {
-  echo('Couldn\'t update version for Gradle');
+if (
+  sed(
+    '-i',
+    /^VERSION_NAME=.*/,
+    `VERSION_NAME=${version}`,
+    'ReactAndroid/gradle.properties',
+  ).code
+) {
+  echo("Couldn't update version for Gradle");
   exit(1);
 }
 
 // verify that files changed, we just do a git diff and check how many times version is added across files
-let numberOfChangedLinesWithNewVersion = exec(`git diff -U0 | grep '^[+]' | grep -c ${version} `, {silent: true})
-  .stdout.trim();
+let numberOfChangedLinesWithNewVersion = exec(
+  `git diff -U0 | grep '^[+]' | grep -c ${version} `,
+  {silent: true},
+).stdout.trim();
 if (+numberOfChangedLinesWithNewVersion !== 2) {
-  echo('Failed to update all the files. package.json and gradle.properties must have versions in them');
+  echo(
+    'Failed to update all the files. package.json and gradle.properties must have versions in them',
+  );
   echo('Fix the issue, revert and try again');
   exec('git diff');
   exit(1);
@@ -114,7 +136,9 @@ if (exec(`git commit -a -m "[${version}] Bump version numbers"`).code) {
 
 // - add tag v0.21.0-rc
 if (exec(`git tag v${version}`).code) {
-  echo(`failed to tag the commit with v${version}, are you sure this release wasn't made earlier?`);
+  echo(
+    `failed to tag the commit with v${version}, are you sure this release wasn't made earlier?`,
+  );
   echo('You may want to rollback the last commit');
   echo('git reset --hard HEAD~1');
   exit(1);
diff --git a/scripts/circleci/analyze_code.sh b/scripts/circleci/analyze_code.sh
new file mode 100755
index 00000000000000..9569a4fa8e73ff
--- /dev/null
+++ b/scripts/circleci/analyze_code.sh
@@ -0,0 +1,12 @@
+#!/bin/bash
+
+cat <(echo eslint; yarn --silent lint --format=json; echo flow; yarn --silent flow check --json) | GITHUB_TOKEN=$GITHUB_TOKEN CI_USER=$CI_USER CI_REPO=$CI_REPO PULL_REQUEST_NUMBER=$PULL_REQUEST_NUMBER node bots/code-analysis-bot.js
+
+# check status
+STATUS=$?
+if [ $STATUS == 0 ]; then
+  echo "Code analyzed successfully"
+else
+  echo "Code analyzis failed, error status $STATUS"
+fi
+
diff --git a/scripts/circleci/apt-get-android-deps.sh b/scripts/circleci/apt-get-android-deps.sh
new file mode 100755
index 00000000000000..8305f6244cccb7
--- /dev/null
+++ b/scripts/circleci/apt-get-android-deps.sh
@@ -0,0 +1,25 @@
+#!/bin/bash
+
+set -e
+
+echo "Downloading package lists..."
+sudo apt-get update -y
+
+if ! [[ -d ~/vendor/apt ]]; then
+  mkdir -p ~/vendor/apt
+fi
+
+# First check for archives cache
+if ! [[ -d ~/vendor/apt/archives ]]; then
+  # It doesn't so download the packages
+  echo "Downloading build dependencies..."
+  sudo apt-get install --download-only ant autoconf automake g++ gcc libqt5widgets5 lib32z1 lib32stdc++6 make maven python-dev python3-dev qml-module-qtquick-controls qtdeclarative5-dev file -y
+  # Then move them to our cache directory
+  sudo cp -R /var/cache/apt ~/vendor/
+  # Making sure our user has ownership, in order to cache
+  sudo chown -R ${USER:=$(/usr/bin/id -run)}:$USER ~/vendor/apt
+fi
+
+# Install all packages in the cache
+echo "Installing build dependencies..."
+sudo dpkg -i ~/vendor/apt/archives/*.deb
diff --git a/scripts/circleci/exec_swallow_error.sh b/scripts/circleci/exec_swallow_error.sh
new file mode 100755
index 00000000000000..297cf5b01219d9
--- /dev/null
+++ b/scripts/circleci/exec_swallow_error.sh
@@ -0,0 +1,13 @@
+#!/bin/bash
+
+# execute command
+$@
+
+# check status
+STATUS=$?
+if [ $STATUS == 0 ]; then
+  echo "Command '$@' completed successfully"
+else
+  echo "Command '$@' exited with error status $STATUS"
+fi
+
diff --git a/scripts/circleci/gradle_download_deps.sh b/scripts/circleci/gradle_download_deps.sh
new file mode 100755
index 00000000000000..1e093de55a0b7f
--- /dev/null
+++ b/scripts/circleci/gradle_download_deps.sh
@@ -0,0 +1,5 @@
+#!/bin/bash
+
+set -e
+
+./gradlew :ReactAndroid:downloadBoost :ReactAndroid:downloadDoubleConversion :ReactAndroid:downloadFolly :ReactAndroid:downloadGlog :ReactAndroid:downloadJSCHeaders
\ No newline at end of file
diff --git a/scripts/ios-configure-glog.sh b/scripts/ios-configure-glog.sh
index e6a15febb90760..3840fc4ebc719c 100755
--- a/scripts/ios-configure-glog.sh
+++ b/scripts/ios-configure-glog.sh
@@ -2,7 +2,18 @@
 set -e
 
 PLATFORM_NAME="${PLATFORM_NAME:-iphoneos}"
-CURRENT_ARCH="${CURRENT_ARCH:-armv7}"
+CURRENT_ARCH="${CURRENT_ARCH}"
+
+if [ -z "$CURRENT_ARCH" ] || [ "$CURRENT_ARCH" == "undefined_arch" ]; then
+    # Xcode 10 beta sets CURRENT_ARCH to "undefined_arch", this leads to incorrect linker arg.
+    # it's better to rely on platform name as fallback because architecture differs between simulator and device
+
+    if [[ "$PLATFORM_NAME" == *"simulator"* ]]; then
+        CURRENT_ARCH="x86_64"
+    else 
+        CURRENT_ARCH="armv7"
+    fi
+fi
 
 export CC="$(xcrun -find -sdk $PLATFORM_NAME cc) -arch $CURRENT_ARCH -isysroot $(xcrun -sdk $PLATFORM_NAME --show-sdk-path)"
 export CXX="$CC"
diff --git a/scripts/ios-install-third-party.sh b/scripts/ios-install-third-party.sh
index 0d698ea3de1fe0..f10b23b32a6f28 100755
--- a/scripts/ios-install-third-party.sh
+++ b/scripts/ios-install-third-party.sh
@@ -64,4 +64,4 @@ SCRIPTDIR=$(dirname "$0")
 fetch_and_unpack glog-0.3.4.tar.gz https://github.com/google/glog/archive/v0.3.4.tar.gz 69f91cd5a1de35ead0bc4103ea87294b0206a456 "\"$SCRIPTDIR/ios-configure-glog.sh\""
 fetch_and_unpack double-conversion-1.1.5.tar.gz https://github.com/google/double-conversion/archive/v1.1.5.tar.gz 96a8aba1b4ce7d4a7a3c123be26c379c2fed1def
 fetch_and_unpack boost_1_63_0.tar.gz https://github.com/react-native-community/boost-for-react-native/releases/download/v1.63.0-0/boost_1_63_0.tar.gz c3f57e1d22a995e608983effbb752b54b6eab741
-fetch_and_unpack folly-2016.09.26.00.tar.gz https://github.com/facebook/folly/archive/v2016.09.26.00.tar.gz f3b928b5039235bad6cece638c597c6684d1e4e6
+fetch_and_unpack folly-2016.10.31.00.tar.gz https://github.com/facebook/folly/archive/v2016.10.31.00.tar.gz fb8cdf8962d8c9d0c20a150b6ec3b75d1fa50696
diff --git a/scripts/launchPackager.bat b/scripts/launchPackager.bat
index 09f1de98737002..b85ecc6822ce4a 100644
--- a/scripts/launchPackager.bat
+++ b/scripts/launchPackager.bat
@@ -5,6 +5,7 @@
 
 @echo off
 title Metro Bundler
+call .packager.bat
 node "%~dp0..\local-cli\cli.js" start
 pause
 exit
diff --git a/scripts/launchPackager.command b/scripts/launchPackager.command
index b4570cd3c63027..f8146dcf91a4dc 100755
--- a/scripts/launchPackager.command
+++ b/scripts/launchPackager.command
@@ -1,4 +1,4 @@
-#!/usr/bin/env bash
+#!/bin/bash
 
 # Copyright (c) 2015-present, Facebook, Inc.
 #
@@ -9,7 +9,7 @@
 echo -en "\033]0;Metro Bundler\a"
 clear
 
-THIS_DIR=$(dirname "$0")
+THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
 . "$THIS_DIR/packager.sh"
 
 echo "Process terminated. Press <enter> to close the window"
diff --git a/scripts/objc-test-ios.sh b/scripts/objc-test-ios.sh
index eaa4f7a8686511..d466f877540add 100755
--- a/scripts/objc-test-ios.sh
+++ b/scripts/objc-test-ios.sh
@@ -13,9 +13,10 @@ ROOT=$(dirname "$SCRIPTS")
 
 cd "$ROOT"
 
-SCHEME="RNTester"
-SDK="iphonesimulator"
-DESTINATION="platform=iOS Simulator,name=iPhone 5s,OS=10.3.1"
+export TEST_NAME="iOS"
+export SCHEME="RNTester"
+export SDK="iphonesimulator"
+export DESTINATION="platform=iOS Simulator,name=iPhone 5s,OS=11.4"
 
 # If there's a "test" argument, pass it to the test script.
 . ./scripts/objc-test.sh $1
diff --git a/scripts/objc-test-tvos.sh b/scripts/objc-test-tvos.sh
index 9d17f7defeb6c2..98016598df0ff4 100755
--- a/scripts/objc-test-tvos.sh
+++ b/scripts/objc-test-tvos.sh
@@ -13,9 +13,10 @@ ROOT=$(dirname "$SCRIPTS")
 
 cd "$ROOT"
 
-SCHEME="RNTester-tvOS"
-SDK="appletvsimulator"
-DESTINATION="platform=tvOS Simulator,name=Apple TV 1080p,OS=10.2"
+export TEST_NAME="tvOS"
+export SCHEME="RNTester-tvOS"
+export SDK="appletvsimulator"
+export DESTINATION="platform=tvOS Simulator,name=Apple TV,OS=11.4"
 
 # If there's a "test" argument, pass it to the test script.
 . ./scripts/objc-test.sh $1
diff --git a/scripts/objc-test.sh b/scripts/objc-test.sh
index f2c0459989daaa..c2a9a94d182e7b 100755
--- a/scripts/objc-test.sh
+++ b/scripts/objc-test.sh
@@ -79,7 +79,7 @@ xcodebuild \
   -sdk $SDK \
   -destination "$DESTINATION" \
   build test \
-  | xcpretty --report junit --output ~/react-native/reports/junit/objc-xcodebuild-results.xml
+  | xcpretty --report junit --output "$HOME/react-native/reports/junit/$TEST_NAME/results.xml"
 
 else
 
diff --git a/scripts/packager.sh b/scripts/packager.sh
index ee3966923a2bb0..1d33bf557e8fb3 100755
--- a/scripts/packager.sh
+++ b/scripts/packager.sh
@@ -1,11 +1,11 @@
-#!/usr/bin/env bash
+#!/bin/bash
 
 # Copyright (c) 2015-present, Facebook, Inc.
 #
 # This source code is licensed under the MIT license found in the
 # LICENSE file in the root directory of this source tree.
 
-THIS_DIR=$(dirname "$0")
+THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
 source "${THIS_DIR}/.packager.env"
 cd "$THIS_DIR/.."
 node "./local-cli/cli.js" start "$@"
diff --git a/scripts/publish-npm.js b/scripts/publish-npm.js
index 269fc7014dd3ff..f9492a93577646 100644
--- a/scripts/publish-npm.js
+++ b/scripts/publish-npm.js
@@ -3,7 +3,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
+
 'use strict';
 
 /**
@@ -60,17 +63,24 @@ if (buildBranch.indexOf('-stable') !== -1) {
 // 34c034298dc9cad5a4553964a5a324450fda0385
 const currentCommit = exec('git rev-parse HEAD', {silent: true}).stdout.trim();
 // [34c034298dc9cad5a4553964a5a324450fda0385, refs/heads/0.33-stable, refs/tags/latest, refs/tags/v0.33.1, refs/tags/v0.34.1-rc]
-const tagsWithVersion = exec(`git ls-remote origin | grep ${currentCommit}`, {silent: true})
+const tagsWithVersion = exec(`git ls-remote origin | grep ${currentCommit}`, {
+  silent: true,
+})
   .stdout.split(/\s/)
   // ['refs/tags/v0.33.0', 'refs/tags/v0.33.0-rc', 'refs/tags/v0.33.0-rc1', 'refs/tags/v0.33.0-rc2', 'refs/tags/v0.34.0']
-  .filter(version => !!version && version.indexOf(`refs/tags/v${branchVersion}`) === 0)
+  .filter(
+    version =>
+      !!version && version.indexOf(`refs/tags/v${branchVersion}`) === 0,
+  )
   // ['refs/tags/v0.33.0', 'refs/tags/v0.33.0-rc', 'refs/tags/v0.33.0-rc1', 'refs/tags/v0.33.0-rc2']
   .filter(version => version.indexOf(branchVersion) !== -1)
   // ['v0.33.0', 'v0.33.0-rc', 'v0.33.0-rc1', 'v0.33.0-rc2']
   .map(version => version.slice('refs/tags/'.length));
 
 if (tagsWithVersion.length === 0) {
-  echo('Error: Can\'t find version tag in current commit. To deploy to NPM you must add tag v0.XY.Z[-rc] to your commit');
+  echo(
+    "Error: Can't find version tag in current commit. To deploy to NPM you must add tag v0.XY.Z[-rc] to your commit",
+  );
   exit(1);
 }
 let releaseVersion;
@@ -86,7 +96,7 @@ if (tagsWithVersion[0].indexOf('-rc') === -1) {
 
 // -------- Generating Android Artifacts with JavaDoc
 if (exec('./gradlew :ReactAndroid:installArchives').code) {
-  echo('Couldn\'t generate artifacts');
+  echo("Couldn't generate artifacts");
   exit(1);
 }
 
@@ -95,12 +105,17 @@ exec('git checkout ReactAndroid/gradle.properties');
 
 echo('Generated artifacts for Maven');
 
-let artifacts = ['-javadoc.jar', '-sources.jar', '.aar', '.pom'].map((suffix) => {
+let artifacts = ['-javadoc.jar', '-sources.jar', '.aar', '.pom'].map(suffix => {
   return `react-native-${releaseVersion}${suffix}`;
 });
 
-artifacts.forEach((name) => {
-  if (!test('-e', `./android/com/facebook/react/react-native/${releaseVersion}/${name}`)) {
+artifacts.forEach(name => {
+  if (
+    !test(
+      '-e',
+      `./android/com/facebook/react/react-native/${releaseVersion}/${name}`,
+    )
+  ) {
     echo(`file ${name} was not generated`);
     exit(1);
   }
diff --git a/scripts/react-native-xcode.sh b/scripts/react-native-xcode.sh
index 1e259741276241..88ea804a806324 100755
--- a/scripts/react-native-xcode.sh
+++ b/scripts/react-native-xcode.sh
@@ -62,6 +62,8 @@ fi
 # Set up the nodenv node version manager if present
 if [[ -x "$HOME/.nodenv/bin/nodenv" ]]; then
   eval "$("$HOME/.nodenv/bin/nodenv" init -)"
+elif [[ -x "$(command -v brew)" && -x "$(brew --prefix nodenv)/bin/nodenv" ]]; then
+  eval "$("$(brew --prefix nodenv)/bin/nodenv" init -)"
 fi
 
 [ -z "$NODE_BINARY" ] && export NODE_BINARY="node"
@@ -92,7 +94,7 @@ type $NODE_BINARY >/dev/null 2>&1 || nodejs_not_found
 set -x
 DEST=$CONFIGURATION_BUILD_DIR/$UNLOCALIZED_RESOURCES_FOLDER_PATH
 
-if [[ "$CONFIGURATION" = "Debug" && ! "$PLATFORM_NAME" == *simulator ]]; then
+if [[ "$CONFIGURATION" = *Debug* && ! "$PLATFORM_NAME" == *simulator ]]; then
   IP=$(ipconfig getifaddr en0)
   if [ -z "$IP" ]; then
     IP=$(ifconfig | grep 'inet ' | grep -v ' 127.' | cut -d\   -f2  | awk 'NR==1{print $1}')
diff --git a/scripts/run-android-ci-instrumentation-tests.js b/scripts/run-android-ci-instrumentation-tests.js
index 17d382a32e1525..9a87de4f83ab50 100644
--- a/scripts/run-android-ci-instrumentation-tests.js
+++ b/scripts/run-android-ci-instrumentation-tests.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 'use strict';
@@ -19,12 +21,7 @@
  * --retries [num] - how many times to retry possible flaky commands: npm install and running tests, default 1
  */
 
-const {
-   echo,
-   exec,
-   exit,
-   ls,
-} = require('shelljs');
+const {echo, exec, exit, ls} = require('shelljs');
 
 const argv = require('yargs').argv;
 const numberOfRetries = argv.retries || 1;
@@ -34,33 +31,39 @@ const path = require('path');
 // Flaky tests ignored on Circle CI. They still run internally at fb.
 const ignoredTests = [
   'ReactScrollViewTestCase',
-  'ReactHorizontalScrollViewTestCase'
+  'ReactHorizontalScrollViewTestCase',
 ];
 
 // ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactHorizontalScrollViewTestCase.java
 const testClasses = ls(`${argv.path}/*.java`)
-.map(javaFile => {
-  // ReactHorizontalScrollViewTestCase
-  return path.basename(javaFile, '.java');
-}).filter(className => {
-  return ignoredTests.indexOf(className) === -1;
-}).map(className => {
-  // com.facebook.react.tests.ReactHorizontalScrollViewTestCase
-  return argv.package + '.' + className;
-});
+  .map(javaFile => {
+    // ReactHorizontalScrollViewTestCase
+    return path.basename(javaFile, '.java');
+  })
+  .filter(className => {
+    return ignoredTests.indexOf(className) === -1;
+  })
+  .map(className => {
+    // com.facebook.react.tests.ReactHorizontalScrollViewTestCase
+    return argv.package + '.' + className;
+  });
 
 let exitCode = 0;
-testClasses.forEach((testClass) => {
-  if (tryExecNTimes(
-    () => {
+testClasses.forEach(testClass => {
+  if (
+    tryExecNTimes(() => {
       echo(`Starting ${testClass}`);
       // any faster means Circle CI crashes
       exec('sleep 10s');
-      return exec(`./scripts/run-instrumentation-tests-via-adb-shell.sh ${argv.package} ${testClass}`).code;
-    },
-    numberOfRetries)) {
-      echo(`${testClass} failed ${numberOfRetries} times`);
-      exitCode = 1;
+      return exec(
+        `./scripts/run-instrumentation-tests-via-adb-shell.sh ${
+          argv.package
+        } ${testClass}`,
+      ).code;
+    }, numberOfRetries)
+  ) {
+    echo(`${testClass} failed ${numberOfRetries} times`);
+    exitCode = 1;
   }
 });
 
diff --git a/scripts/run-android-emulator.sh b/scripts/run-android-emulator.sh
index a705e0a8a02694..d2c6390d952381 100755
--- a/scripts/run-android-emulator.sh
+++ b/scripts/run-android-emulator.sh
@@ -5,7 +5,8 @@
 # The only reason to use this config is that it represents a known-good
 # virtual device configuration.
 # This is useful for running integration tests on a local machine.
-# TODO: make continuous integration use the precise same setup
+
+THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
 
 STATE=`adb get-state`
 
@@ -14,6 +15,11 @@ if [ -n "$STATE" ]; then
     exit 1
 fi
 
-echo "Creating virtual device..."
-echo no | android create avd -n testAVD -f -t android-23 --abi default/x86
-emulator -avd testAVD
+echo "Installing packages"
+source "${THIS_DIR}/android-setup.sh" && getAndroidPackages
+
+echo "Creating Android virtual device..."
+source "${THIS_DIR}/android-setup.sh" && createAVD
+
+echo "Launching Android virtual device..."
+source "${THIS_DIR}/android-setup.sh" && launchAVD
diff --git a/scripts/run-ci-e2e-tests.js b/scripts/run-ci-e2e-tests.js
index cd1163f0ba2443..ba436a27ad46a7 100644
--- a/scripts/run-ci-e2e-tests.js
+++ b/scripts/run-ci-e2e-tests.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 'use strict';
@@ -32,8 +34,12 @@ const TEMP = exec('mktemp -d /tmp/react-native-XXXXXXXX').stdout.trim();
 // To make sure we actually installed the local version
 // of react-native, we will create a temp file inside the template
 // and check that it exists after `react-native init
-const MARKER_IOS = exec(`mktemp ${ROOT}/local-cli/templates/HelloWorld/ios/HelloWorld/XXXXXXXX`).stdout.trim();
-const MARKER_ANDROID = exec(`mktemp ${ROOT}/local-cli/templates/HelloWorld/android/XXXXXXXX`).stdout.trim();
+const MARKER_IOS = exec(
+  `mktemp ${ROOT}/local-cli/templates/HelloWorld/ios/HelloWorld/XXXXXXXX`,
+).stdout.trim();
+const MARKER_ANDROID = exec(
+  `mktemp ${ROOT}/local-cli/templates/HelloWorld/android/XXXXXXXX`,
+).stdout.trim();
 const numberOfRetries = argv.retries || 1;
 let SERVER_PID;
 let APPIUM_PID;
@@ -43,7 +49,11 @@ try {
   // install CLI
   cd('react-native-cli');
   exec('yarn pack');
-  const CLI_PACKAGE = path.join(ROOT, 'react-native-cli', 'react-native-cli-*.tgz');
+  const CLI_PACKAGE = path.join(
+    ROOT,
+    'react-native-cli',
+    'react-native-cli-*.tgz',
+  );
   cd('..');
 
   if (!argv['skip-cli-install']) {
@@ -56,7 +66,11 @@ try {
   }
 
   if (argv.android) {
-    if (exec('./gradlew :ReactAndroid:installArchives -Pjobs=1 -Dorg.gradle.jvmargs="-Xmx512m -XX:+HeapDumpOnOutOfMemoryError"').code) {
+    if (
+      exec(
+        './gradlew :ReactAndroid:installArchives -Pjobs=1 -Dorg.gradle.jvmargs="-Xmx512m -XX:+HeapDumpOnOutOfMemoryError"',
+      ).code
+    ) {
       echo('Failed to compile Android binaries');
       exitCode = 1;
       throw Error(exitCode);
@@ -71,31 +85,41 @@ try {
 
   const PACKAGE = path.join(ROOT, 'react-native-*.tgz');
   cd(TEMP);
-  if (tryExecNTimes(
-    () => {
-      exec('sleep 10s');
-      return exec(`react-native init EndToEndTest --version ${PACKAGE}`).code;
-    },
-    numberOfRetries,
-    () => rm('-rf', 'EndToEndTest'))) {
-      echo('Failed to execute react-native init');
-      echo('Most common reason is npm registry connectivity, try again');
-      exitCode = 1;
-      throw Error(exitCode);
+  if (
+    tryExecNTimes(
+      () => {
+        exec('sleep 10s');
+        return exec(`react-native init EndToEndTest --version ${PACKAGE}`).code;
+      },
+      numberOfRetries,
+      () => rm('-rf', 'EndToEndTest'),
+    )
+  ) {
+    echo('Failed to execute react-native init');
+    echo('Most common reason is npm registry connectivity, try again');
+    exitCode = 1;
+    throw Error(exitCode);
   }
 
   cd('EndToEndTest');
 
   if (argv.android) {
-    echo('Running an Android e2e test');
-    echo('Installing e2e framework');
-    if (tryExecNTimes(
-      () => exec('yarn add --dev appium@1.5.1 mocha@2.4.5 wd@0.3.11 colors@1.0.3 pretty-data2@0.40.1', { silent: true }).code,
-      numberOfRetries)) {
-        echo('Failed to install appium');
-        echo('Most common reason is npm registry connectivity, try again');
-        exitCode = 1;
-        throw Error(exitCode);
+    echo('Running an Android end-to-end test');
+    echo('Installing end-to-end framework');
+    if (
+      tryExecNTimes(
+        () =>
+          exec(
+            'yarn add --dev appium@1.5.1 mocha@2.4.5 wd@0.3.11 colors@1.0.3 pretty-data2@0.40.1',
+            {silent: true},
+          ).code,
+        numberOfRetries,
+      )
+    ) {
+      echo('Failed to install appium');
+      echo('Most common reason is npm registry connectivity, try again');
+      exitCode = 1;
+      throw Error(exitCode);
     }
     cp(`${SCRIPTS}/android-e2e-test.js`, 'android-e2e-test.js');
     cd('android');
@@ -108,7 +132,9 @@ try {
       throw Error(exitCode);
     }
     cd('..');
-    exec('keytool -genkey -v -keystore android/keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"');
+    exec(
+      'keytool -genkey -v -keystore android/keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"',
+    );
 
     echo(`Starting appium server, ${APPIUM_PID}`);
     const appiumProcess = spawn('node', ['./node_modules/.bin/appium']);
@@ -124,28 +150,28 @@ try {
     echo(`Starting packager server, ${SERVER_PID}`);
     // shelljs exec('', {async: true}) does not emit stdout events, so we rely on good old spawn
     const packagerProcess = spawn('yarn', ['start', '--max-workers 1'], {
-      env: process.env
+      env: process.env,
     });
     SERVER_PID = packagerProcess.pid;
     // wait a bit to allow packager to startup
     exec('sleep 15s');
-    echo('Executing android e2e test');
-    if (tryExecNTimes(
-      () => {
+    echo('Executing android end-to-end test');
+    if (
+      tryExecNTimes(() => {
         exec('sleep 10s');
         return exec('node node_modules/.bin/_mocha android-e2e-test.js').code;
-      },
-      numberOfRetries)) {
-        echo('Failed to run Android e2e tests');
-        echo('Most likely the code is broken');
-        exitCode = 1;
-        throw Error(exitCode);
+      }, numberOfRetries)
+    ) {
+      echo('Failed to run Android end-to-end tests');
+      echo('Most likely the code is broken');
+      exitCode = 1;
+      throw Error(exitCode);
     }
   }
 
   if (argv.ios || argv.tvos) {
-    var iosTestType = (argv.tvos ? 'tvOS' : 'iOS');
-    echo('Running the ' + iosTestType + 'app');
+    var iosTestType = argv.tvos ? 'tvOS' : 'iOS';
+    echo('Running the ' + iosTestType + ' app');
     cd('ios');
     // Make sure we installed local version of react-native
     if (!test('-e', path.join('EndToEndTest', path.basename(MARKER_IOS)))) {
@@ -156,43 +182,78 @@ try {
     // shelljs exec('', {async: true}) does not emit stdout events, so we rely on good old spawn
     const packagerEnv = Object.create(process.env);
     packagerEnv.REACT_NATIVE_MAX_WORKERS = 1;
-    const packagerProcess = spawn('yarn', ['start', '--nonPersistent'],
-      {
-        stdio: 'inherit',
-        env: packagerEnv
-      });
+    const packagerProcess = spawn('yarn', ['start', '--nonPersistent'], {
+      stdio: 'inherit',
+      env: packagerEnv,
+    });
     SERVER_PID = packagerProcess.pid;
     exec('sleep 15s');
     // prepare cache to reduce chances of possible red screen "Can't fibd variable __fbBatchedBridge..."
-    exec('response=$(curl --write-out %{http_code} --silent --output /dev/null localhost:8081/index.bundle?platform=ios&dev=true)');
+    exec(
+      'response=$(curl --write-out %{http_code} --silent --output /dev/null localhost:8081/index.bundle?platform=ios&dev=true)',
+    );
     echo(`Starting packager server, ${SERVER_PID}`);
-    echo('Executing ' + iosTestType + ' e2e test');
-    if (tryExecNTimes(
-      () => {
+    echo('Executing ' + iosTestType + ' end-to-end test');
+    if (
+      tryExecNTimes(() => {
         exec('sleep 10s');
+        let destination = 'platform=iOS Simulator,name=iPhone 5s,OS=11.4';
+        let sdk = 'iphonesimulator';
+        let scheme = 'EndToEndTest';
+
         if (argv.tvos) {
-          return exec('xcodebuild -destination "platform=tvOS Simulator,name=Apple TV 1080p,OS=10.0" -scheme EndToEndTest-tvOS -sdk appletvsimulator test | xcpretty && exit ${PIPESTATUS[0]}').code;
-        } else {
-          return exec('xcodebuild -destination "platform=iOS Simulator,name=iPhone 5s,OS=10.3.1" -scheme EndToEndTest -sdk iphonesimulator test | xcpretty && exit ${PIPESTATUS[0]}').code;
+          destination = 'platform=tvOS Simulator,name=Apple TV,OS=11.4';
+          sdk = 'appletvsimulator';
+          scheme = 'EndToEndTest-tvOS';
         }
-      },
-      numberOfRetries)) {
-        echo('Failed to run ' + iosTestType + ' e2e tests');
-        echo('Most likely the code is broken');
-        exitCode = 1;
-        throw Error(exitCode);
+
+        return exec(
+          [
+            'xcodebuild',
+            '-destination',
+            `"${destination}"`,
+            '-scheme',
+            `"${scheme}"`,
+            '-sdk',
+            sdk,
+            'test',
+          ].join(' ') +
+            ' | ' +
+            [
+              'xcpretty',
+              '--report',
+              'junit',
+              '--output',
+              `"~/react-native/reports/junit/${iosTestType}-e2e/results.xml"`,
+            ].join(' ') +
+            ' && exit ${PIPESTATUS[0]}',
+        ).code;
+      }, numberOfRetries)
+    ) {
+      echo('Failed to run ' + iosTestType + ' end-to-end tests');
+      echo('Most likely the code is broken');
+      exitCode = 1;
+      throw Error(exitCode);
     }
     cd('..');
   }
 
   if (argv.js) {
     // Check the packager produces a bundle (doesn't throw an error)
-    if (exec('react-native bundle --max-workers 1 --platform android --dev true --entry-file index.js --bundle-output android-bundle.js').code) {
+    if (
+      exec(
+        'react-native bundle --max-workers 1 --platform android --dev true --entry-file index.js --bundle-output android-bundle.js',
+      ).code
+    ) {
       echo('Could not build Android bundle');
       exitCode = 1;
       throw Error(exitCode);
     }
-    if (exec('react-native --max-workers 1 bundle --platform ios --dev true --entry-file index.js --bundle-output ios-bundle.js').code) {
+    if (
+      exec(
+        'react-native --max-workers 1 bundle --platform ios --dev true --entry-file index.js --bundle-output ios-bundle.js',
+      ).code
+    ) {
       echo('Could not build iOS bundle');
       exitCode = 1;
       throw Error(exitCode);
@@ -209,7 +270,6 @@ try {
     }
   }
   exitCode = 0;
-
 } finally {
   cd(ROOT);
   rm(MARKER_IOS);
diff --git a/scripts/try-n-times.js b/scripts/try-n-times.js
index 51cba900c22b72..1be7209360b6f1 100644
--- a/scripts/try-n-times.js
+++ b/scripts/try-n-times.js
@@ -3,6 +3,8 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 /* globals echo:false */
@@ -26,7 +28,7 @@ function tryExecNTimes(funcToRetry, retriesLeft, onEveryError) {
       onEveryError();
     }
     retriesLeft--;
-    echo(`Command failed, ${retriesLeft} retries left`);
+    console.warn(`Command failed, ${retriesLeft} retries left`);
     if (retriesLeft === 0) {
       return exitCode;
     } else {
diff --git a/scripts/validate-android-device-env.sh b/scripts/validate-android-device-env.sh
old mode 100644
new mode 100755
diff --git a/scripts/validate-android-test-env.sh b/scripts/validate-android-test-env.sh
index 7ec0b668c84d00..a4b97c6d0f0d4e 100755
--- a/scripts/validate-android-test-env.sh
+++ b/scripts/validate-android-test-env.sh
@@ -10,7 +10,7 @@
 # Check that Buck is working.
 if [ -z "$(which buck)" ]; then
   echo "You need to install Buck."
-  echo "See https://buckbuild.com/setup/install.html for instructions."
+  echo "See https://buckbuild.com/setup/getting_started.html for instructions."
   exit 1
 fi
 
diff --git a/scripts/versiontemplates/ReactNativeVersion.js.template b/scripts/versiontemplates/ReactNativeVersion.js.template
index 1f1ccdd741dd32..80f4b280a86fc6 100644
--- a/scripts/versiontemplates/ReactNativeVersion.js.template
+++ b/scripts/versiontemplates/ReactNativeVersion.js.template
@@ -7,7 +7,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @flow
- * @providesModule ReactNativeVersion
  */
 
 exports.version = {
diff --git a/settings.gradle b/settings.gradle
index 7d558841ac0daf..c68c5a20fdf80d 100644
--- a/settings.gradle
+++ b/settings.gradle
@@ -1,3 +1,6 @@
-// Copyright 2004-present Facebook. All Rights Reserved.
+// Copyright (c) 2004-present, Facebook, Inc.
+
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
 
 include ':ReactAndroid', ':RNTester:android:app'
diff --git a/setupBabel.js b/setupBabel.js
index 15e0f19a458bb2..7c6784f7901861 100644
--- a/setupBabel.js
+++ b/setupBabel.js
@@ -3,54 +3,25 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 'use strict';
 
-const babelRegisterOnly = require('metro/src/babelRegisterOnly');
-const escapeRegExp = require('lodash/escapeRegExp');
-const path = require('path');
+const babelRegisterOnly = require('metro-babel-register');
 
 const BABEL_ENABLED_PATHS = ['local-cli'];
 
-/**
- * We use absolute paths for matching only the top-level folders reliably. For
- * example, we would not want to match some deeply nested forder that happens to
- * have the same name as one of `BABEL_ENABLED_PATHS`.
- */
-function buildRegExps(basePath, dirPaths) {
-  return dirPaths.map(
-    folderPath =>
-      // Babel `only` option works with forward slashes in the RegExp so replace
-      // backslashes for Windows.
-      folderPath instanceof RegExp
-        ? new RegExp(
-            `^${escapeRegExp(
-              path.resolve(basePath, '.').replace(/\\/g, '/')
-            )}/${folderPath.source}`,
-            folderPath.flags
-          )
-        : new RegExp(
-            `^${escapeRegExp(
-              path.resolve(basePath, folderPath).replace(/\\/g, '/')
-            )}`
-          )
-  );
-}
-
-function getOnlyList() {
-  return buildRegExps(__dirname, BABEL_ENABLED_PATHS);
-}
-
 /**
  * Centralized place to register all the directories that need a Babel
  * transformation before being fed to Node.js. Notably, this is necessary to
  * support Flow type annotations.
  */
 function setupBabel() {
-  babelRegisterOnly(getOnlyList());
+  babelRegisterOnly(
+    babelRegisterOnly.buildRegExps(__dirname, BABEL_ENABLED_PATHS),
+  );
 }
 
-setupBabel.buildRegExps = buildRegExps;
-setupBabel.getOnlyList = getOnlyList;
 module.exports = setupBabel;
diff --git a/third-party-podspecs/DoubleConversion.podspec b/third-party-podspecs/DoubleConversion.podspec
index 52f7ec1279f9c8..42965eee743cf7 100644
--- a/third-party-podspecs/DoubleConversion.podspec
+++ b/third-party-podspecs/DoubleConversion.podspec
@@ -12,6 +12,6 @@ Pod::Spec.new do |spec|
   spec.source_files = 'double-conversion/*.{h,cc}'
 
   # Pinning to the same version as React.podspec.
-  spec.platforms = { :ios => "8.0", :tvos => "9.2" }
+  spec.platforms = { :ios => "9.0", :tvos => "9.2" }
 
 end
diff --git a/third-party-podspecs/Folly.podspec b/third-party-podspecs/Folly.podspec
index b04c089e718385..6f1ee96dbe772e 100644
--- a/third-party-podspecs/Folly.podspec
+++ b/third-party-podspecs/Folly.podspec
@@ -1,6 +1,6 @@
 Pod::Spec.new do |spec|
   spec.name = 'Folly'
-  spec.version = '2016.09.26.00'
+  spec.version = '2016.10.31.00'
   spec.license = { :type => 'Apache License, Version 2.0' }
   spec.homepage = 'https://github.com/facebook/folly'
   spec.summary = 'An open-source C++ library developed and used at Facebook.'
@@ -31,5 +31,5 @@ Pod::Spec.new do |spec|
                                "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)\" \"$(PODS_ROOT)/boost-for-react-native\" \"$(PODS_ROOT)/DoubleConversion\"" }
 
   # Pinning to the same version as React.podspec.
-  spec.platforms = { :ios => "8.0", :tvos => "9.2" }
+  spec.platforms = { :ios => "9.0", :tvos => "9.2" }
 end
diff --git a/third-party-podspecs/glog.podspec b/third-party-podspecs/glog.podspec
index 226f9e4cf0fcf8..03f106b4c64548 100644
--- a/third-party-podspecs/glog.podspec
+++ b/third-party-podspecs/glog.podspec
@@ -28,6 +28,6 @@ Pod::Spec.new do |spec|
                                "HEADER_SEARCH_PATHS" => "$(PODS_TARGET_SRCROOT)/src" }
 
   # Pinning to the same version as React.podspec.
-  spec.platforms = { :ios => "8.0", :tvos => "9.2" }
+  spec.platforms = { :ios => "9.0", :tvos => "9.2" }
 
 end